/*about*/
.bg-about{ background: #6e7b61;}
.aboutbox{padding-top: 5%; margin: 0 auto;}
.aboutbox01{ background: #E8E3DF; margin-left: 19%; margin-right: 9.1%; padding-top: 10%; padding-bottom: 5%;}
.aboutbox01 h1{ font-size: 8em; font-weight: bold;}
.aboutbox01 h1 span{ display: inline-block;}
.aboutbox01 h1 span:nth-child(1){ margin-right: 24%;}
.aboutbox02{ margin-left: 11%; margin-right: 11%; position: relative; margin-top: -4%;}
.box02-tt1{width: 24%;  background: #969696; padding: 2% 0 10% 2%;}
.box02-tt1 span{ display: block; font-size: 3em; line-height: 1.2em; color: #5E5E5E;}
.box02-tt2{ position: absolute; bottom: -10%; width: 30%; left: 17.86%; font-size: 3em; background: #fff4eb; padding: 11% 0 1% 3%;color: #5E5E5E;}
.box02-tt3{ text-align: center; float:right; font-size: 18px; font-weight: bold; color: #333; line-height: 40px; padding-top: 7%;}
.box02-tt3 span{ display: block;}
.aboutbox3{margin-top: 20%; position: relative;}
.box03-tt01{width: 13%; background: #fff4eb; padding: 25% 0 0; position: absolute; left: 0; bottom: 0;}
.box03-tt01 span{ position: absolute; font-size: 4em; width: 30px; right: 10px;top: -60px; color: #5E5E5E; font-weight: bold;}
.box03-tt02{ position: absolute; color: #FFF; font-size: 6em; width: 93px; left: 25%; top: 50%; transform: translateY(-50%); line-height: 2em;}
.box03-img{ float: right; width: 55%; }
.box03-img img{width: 100%;}
.aboutbox4{ margin:20% 0% 0 11%;}
.box04-img{width: 65%; position: relative;}
.box04-img img{ width: 100%;}
.box04-img .box4-tt01{ position: absolute;width: 55%; height: 32%;right: -45%; background: #fff4eb; bottom: 20%;}
.box04-img .box4-tt01 span{ font-size: 6em; color: #5E5E5E; font-weight: bold; position: absolute; bottom: 2%; right: -14%; }
.box4-tt02{ text-align: right;font-size: 5em; color: #fff; right: 0; bottom: -30px; }
.box4-tt02 span{ display: inline-block; margin-left: 0.9em;}
.about-graybox{ background: #969696; margin-top: 15%;}
.aboutbox5,.box10out{margin: 0 9.1% 0 9.1%;}
.aboutbox5 .aboutbox5-img01,.aboutbox5 .aboutbox5-img02,.aboutbox5 .aboutbox5-img03{width: 43%;}
.aboutbox5 .aboutbox5-img01 img,.aboutbox5 .aboutbox5-img02 img,.aboutbox5 .aboutbox5-img03 img{width: 100%; display: block;}
.aboutbox5 span,.aboutbox6 span, .aboutbox7 span{ font-size: 3em; color: #5E5E5E; font-weight: bold; display: block;}
.aboutbox5 .aboutbox5-img01 img{ margin-top: -20%;}
.aboutbox5 .aboutbox5-img02{ float: right; margin-top: -17%;}
.aboutbox5 .aboutbox5-img02 span{text-align: right;}
.aboutbox5 .aboutbox5-img03 { position: relative; margin-top: -5%;}
.aboutbox5 .aboutbox5-img03 span{ position: absolute; right: 0; bottom: 6%; transform: translateX(113%);}
.aboutbox5 .aboutbox5-img03 img{ margin-bottom: -5%;}
.aboutbox6,.aboutbox7{width: 60%; margin: 15% auto 0; background: #969696; padding-top: 7%; padding-bottom: 18%; position: relative;}
.aboutbox6 img,.aboutbox7 img{width: 100%; display: block;}
.box6-img01{width: 57%; float: right; position: relative; margin-right: -10%;}
.box6-img01 span{ position: absolute; left:0; top: 0; transform: translateX(-113%);}
.box6-img02{width: 54%; position: absolute; left: -10%; transform: translateY(15%);}
.box6-img02 span{ position: absolute; right: 0; bottom: 0; transform: translateX(113%);}
.aboutbox7{ background: #fff4eb; margin-top: 40%; padding-top: 20%; padding-bottom: 5%;}
.aboutbox7 .box7-img01{ position: absolute; left: -10%; top: 0;width: 54%; transform: translateY(-50%);}
.aboutbox7 .box7-img01 span{ position: absolute; right: 0; transform: translateX(113%); bottom: 5%;}
.aboutbox7 .box7-img02{ width: 58%; float: right;position: relative; margin-right: -10%;}
.aboutbox7 .box7-img02 span{ position: absolute; left: 0; transform: translateX(-113%); bottom: 0%;}
.aboutbox8{ background: #969696; padding-bottom: 0; padding-top: 0;  margin-top: 25%;}
.aboutbox8.aboutbox7 img{width:100%}
.aboutbox8.aboutbox7 .box7-img01{ left: -15%;}
.aboutbox8.aboutbox7 .box7-img01 span{ top: 0; bottom: auto;}
.aboutbox8.aboutbox7 .box7-img02 { transform: translateY(-50%); width: 55%;}
.aboutbox8.aboutbox7 .box7-img02 span{ position: static;transform: none;}
.aboutbox9.about-graybox{ background: none; margin-top: 36%; padding: 0; position: relative; width: 71%;}
.aboutbox9.about-graybox .aboutbox5-img01{ position: absolute; left: 15%; width: 45.6%; top: 0; transform: translateY(-65%);}
.aboutbox9.about-graybox .aboutbox5-img01 span{ position: absolute; top: 0; transform: translateY(-105%); }
.aboutbox9.about-graybox .aboutbox5-img01 img{ margin: 0;}
.aboutbox9.about-graybox .aboutbox5-img02{  width: 57%; margin-right: -37%; z-index: 1; position: relative; transform: translateY(-28%);}
.aboutbox9.about-graybox .aboutbox5 .aboutbox5-img02 span{ text-align: left;}
.aboutbox9.about-graybox .aboutbox5-img03{ position: absolute;width: 45.6%; left: 15%; bottom: -87%;}
.aboutbox9.about-graybox>div>img{width: 100%;}
.aboutbox9.about-graybox .aboutbox5-img03 span{ position: static; transform: translateX(0);}
.aboutbox9.about-graybox .aboutbox5 .aboutbox5-img03 img{ margin-bottom: 0;}
.aboutbox10{ margin: 40% 9.1% 0 0; position: relative; width: 71%; padding-top: 5%;}
.aboutbox10 img{width: 100%;}
.aboutbox10 span{font-size: 3em; color: #5E5E5E;}
.bg-w{ position: absolute; top: 0; left: 9.1%; width: 30%;  height: 100%; background: #fff4eb;}
.box10-01,.box10-02,.box10-03,.box10-04,.box10-05{width: 60%;  position: relative; z-index: 1;}
.box10out{ margin-left: 15%;padding-bottom: 10%;}
.box10-02,.box10-04{ float: right; margin-right: -40%; margin-top: -20%;}
.box10-05{ margin-top: -5%;}
.box10-05 span{ position: absolute; right: 0; bottom: 0; transform: translateX(113%);}
.crumbs{border-bottom: 1px solid #6E7B61; height: 51px; margin:0 0 120px 35px;position: relative; padding-top: 30px;}
.crumbs2{ text-align: right; margin-right: 35px;}
.crumbs>span{ font-size: 26px; font-weight: bold; display: inline-block; padding: 0 15px 0 0; background: #fff; letter-spacing: 5px;}
.crumbs .s-crumbs{ position: absolute; right: 35px; bottom: 8px; font-size: 12px;}
.crumbs .s-menu{ position: absolute; right: 35px; bottom: -8px;transform:translateY(100%); -webkit-transform:translateY(100%);margin-left: 139px;}
.crumbs .s-crumbs a{color: #5E5E5E;}
.crumbs .s-crumbs a:hover{ color: #c8d600;}
.crumbs .s-menu a{ display: inline-block; margin-left: 2px; }
.crumbs .s-menu a.active{ border-bottom: 1px solid #6E7B61; font-size: 17px; padding-bottom: 5px; font-weight: bold;}
.pagebanner{ padding: 20px 35px; background: #6e7b61;}
.pagebanner .pagebanner-inner{ border: 1px solid #d5d3cc;line-height: 48px; color: #fff; font-size: 16px;text-align: center; padding: 74px 0;}
.pagebanner .pagebanner-inner span{ display: block; font-size: 26px; font-weight: bold;}
.pagebanner .pagebanner-inner b{ font-weight: normal; font-weight: bold; line-height: 30px;}
.QA-video { display: flex; margin-top: 50px;}
.QA-video:nth-child(2){ margin-top: 115px;}
.QA-video-left{ width: 196px; float: left;font-weight: bold; position: relative;}
.QA-video-left .pos-left-tt{ position: absolute; top: 50%;margin-top: -54px; font-size: 20px;}
.QA-video-left span{ display: block; }
.QA-video-left span:nth-child(2){font-family: ArnoPro-Regular; }
.QA-video-right{ float: left; width: calc(100% - 222px);margin-left: 10px;}
.qa-vido-img a{ display: block; text-align: center; font-weight: bold; margin-bottom: 15px;}
.qa-vido-img a img{ display: block; width: 100%;}
.qa-video .carousel-control{background: none; width: 16px; height: 18px; opacity: 1; top: 50%; margin-top: -45px;}
.qa-video .carousel-control.left{ left: -35px;}
.qa-video .carousel-control.right{ right: -35px;}
.que-an li{ position: relative; border-bottom: 1px solid #848484; padding: 0 10px;}
.que-an li a{position: absolute; right: 0; top: 14px;z-index: 2; width:51px; height: 16px; font-weight: bold; font-size: 12px;text-align: right;font-family: ArnoPro-Regular;}
.que-an li a.open{background-image: url(../img/w-open.png);}
.que-an li p{ position: relative; padding-left: 34px;}
.que-an li p.q-title{line-height: 40px; margin-bottom: 0; font-weight: bold;}
.que-an li p.q-title span,.que-an li p span{font-family: ArnoPro-Regular;}
.que-an li p.q-an{ display: none; margin-top: 10px; color: #848484; line-height: 25px; padding-left: 20px;}
.que-an li p span{ position: absolute; left: 0; top: 0;}
.a-link,.a-link2,.a-link3{ width: 115px; height: 40px; text-align: center; line-height: 40px; color: #FFFFFF; background: #6e7b61; display: inline-block; margin: 0 15px;font-size: 14px;}
.a-link2{ background: #e8e3df; color: #6E7B61; border: 1px solid #E8E3DF;}
.a-link3{ background: none; border: 1px solid #6E7B61; color: #6E7B61;}
.qa-linkmore{ text-align: center; margin: 45px 0 95px;}
.line-hr{ display: block; width: calc(100%  - 40px); margin: 35px 20px 15px; height: 1px; background: #e8e3df;}

/*service*/
.service-out{ display: flex; margin-bottom: 195px;}
.service-left-out{ background: #6E7B61; padding:105px 0 105px 220px; position: relative;}
.service-left-tt{ position: absolute; left: 60px; bottom: 0; font-size: 96px; line-height: 115px; color: #929a88; font-weight: bold; height: 50%; border-right: 2px solid #929A88; width: 45px;}
.service-left-tt p{ transform: translateY(-50%); background: #6E7B61; display: block; width: 96px;}
.service-left-img { margin-right: calc(-20.7% + 210px);}
.service-left-img img{ width: calc(100% + 200px);}
.col-sp-6{width: 50%; float: left;}
.service-right{ float: left; margin-left: calc(25% - 180px); width: 30%; position: relative;}
.service-right-inner{ position: absolute; bottom: 100px;}
.wu-service-title{font-size: 26px; font-weight: bold;}
.service-sm-title{ font-size: 20px; font-weight: bold; color: #5e5e5e; margin: 25px 0 10px;}
.service-sm-title span{ display: block;}
.ser-hr{ display: block; width: 70%; height: 2px; background: #6E7B61;}
.ser-tt-gray{color: #969696; line-height: 30px; margin-top: 20px;}
.ser-tt-gray>ul>li>p img{ vertical-align: -2px; margin: 0 7px;}
.ser-tt-gray>ul>li>p{ padding-left: 66px; position: relative; margin-bottom: 0;}
.ser-tt-gray>ul>li>p>span{ position: absolute; top: 0; left: 0;}
.ser-gray-tt-in>p{ margin-bottom: 0; line-height: 18px; padding-left: 66px;}
.ser-links{ margin-top: 87px;}
.ser-links a:nth-child(1){ margin-left: 0;}
.ser-tt-gray02.ser-tt-gray ul li p{padding-left: 0;}
.ser-links02.ser-links{ margin-top: 90px;}
.service-right-inner.service-right-inner02{ bottom: auto; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);}

/*project*/
.projects-li{ margin:100px auto 133px auto;}
.project-li-inner>div{ margin-bottom: 60px; overflow: hidden; /*padding-left: 25px; padding-right: 25px;*/}
.project-item a{ display: block;}
.project-item .proj-li-class a{ color: #5E5E5E; display: inline;}
.project-item a img{ display: block; width: 100%;}
.project-item a.proj-li-title{ font-size: 20px; font-weight: bold; margin-top: 25px;}
/* .proj-li-class{
	max-height: 22px; 
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;	
}
.project-item span.proj-li-num{
	font-size: 14px; 
	color: #969696; 
	max-height: 14px; 
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
} */
.project-item .proj-hr{ background: #6E7B61; height: 3px; width: 23px; margin: 15px 0 20px;}
.proj-link{ text-align: center; margin: 70px 0 85px;}
.proj-link a{ margin: 0 13px;}
.project-content{ margin: 0 35px;}
.proj-cont-left{width: 335px; float: left; margin-bottom: 100px;}
.porject-name{ position: relative; cursor: pointer; float: left; width: 100%;margin-bottom: 25px;}
.porject-name span{ font-size: 18px; line-height: 20px;}
.porject-name span:nth-child(2){ font-size: 20px; font-weight: bold;letter-spacing: 10px;}
/*.porject-name:after{content: ""; position: absolute; left: 0; bottom: 0; height: 4px; width: 13px ; background: #6e7b61;}*/
.proj-detail-out{ overflow: hidden;position: relative;}
.proj-detail-out:before{content: ""; position: absolute; left: 0; top: 0; height: 4px; width: 13px ; background: #6e7b61;}
.proj-detail-out.close,.porject-name.close{height: 0; color: #6E7B61; opacity: 1;}
.porject-name.close .projname,.porject-name.close:after{display: none;}
.project-detail{ margin-top: 30px;}
.project-detail.proj-top{ margin-top: 60px;}
.project-detail.proj-top2{ margin-top: 40px;}
.project-detail.proj-det-share{ margin-top: 10px;}
.project-detail .detail-title{font-weight: bold; margin-bottom: 0; color: #5E5E5E;}
.project-detail .detail-content{ color: #969696; padding-left: 15px;  line-height: 1.8; margin-top: 3px;}
.share-detail{ margin-top: 5px;}
.share-detail a{ float: left; display: inline-block; margin-right: 5px;}
.detail-video { margin-top: 15px;}
.detail-video .qa-vido-img a{ margin-bottom: 0;}
.detail-video .carousel-inner{ margin: 0 45px; width: auto;}
.detail-video .carousel-control.right,.detail-video .carousel-control.left{ background: none; opacity: 1; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.detail-video .carousel-control img,.detail-video .carousel-control,.detail-video .carousel-control span{width: 10px; height: 10px; line-height: 10px;}
.plan-video{ padding-bottom: 55.6%; text-align: center; position: relative; margin-bottom: 20px; }
.plan-video iframe{ width: 100%; height: 100%; position: absolute; left: 0;  top: 0;}
.phone-proj-img{ margin-bottom: 30px;}
.phone-proj-img img{ width: 100%;}
.proj-cont-right{ float: left; width: 54.5%; margin-left: 75px;}
.proj-cont-right.closeleft{margin: 0 auto; float: none;}
.proj-cont-right p { margin-bottom: 40px;}
.proj-cont-right p img{ width: 100%;}
.proj-link2{margin-top: 120px; margin-bottom: 90px;}

@media screen and (max-width: 860px) {	
	.crumbs .p-s-menu{ bottom: -20px;}
}

/*video*/
.videolist-box{margin-top: 120px;}
.videolist.project-item { text-align: center; padding-bottom: 20px; margin-bottom: 70px; margin-left: 15px; margin-right: 15px;}
.videolist.project-item:hover{ background: #e8e3df; transition: all 1s; -webkit-transition: all 1s}
.videolist.project-item a.proj-li-title{ margin-top: 20px;}
.videolist.project-item a.proj-li-class{ margin-top: 5px; /*font-size: 14px;*/}
.video-content-title{ font-weight: bold; margin-bottom: 10px;}
.video-content-text{ color: #969696;}
.porject-name span.video-detail-tt{ letter-spacing: 1px;}

@media screen and (max-width: 1199px) {	
	.crumbs .v-s-menu{ bottom: -20px;}
	.videolist-box{ margin-top: 140px;}
	.crumbs .s-menu a{margin-bottom: 5px;}
	.v-content.project-content{margin-top: 110px;}
}

/*books*/
.bookstitle{ font-size: 26px; text-align: center; margin-top: 30px; font-weight: bold;}
.book-content{ max-width: 970px; margin: 0 auto;}
.books-img,.books-line,.books-detail{ float: left;}
.books-img{width: 160px;}
.books-img img{ display: block; width: 100%;}
.books-line{ width: 195px; margin: 0 15px; height: 2px; background: #6E7B61; margin-top: 45px}
.books-detail{ width: calc(100% - 385px);margin-top: 35px;}
.books-detail .books-time{font-size: 14px;  color: #969696; margin-bottom: 20px; margin-top: 5px; line-height: 1.5;}
.books-detail .books-title{ font-weight: bold; font-size: 20px;;}
.books-detail .books-cont-tt{ color: #969696; line-height: 1.8;}
.box-content-item{ margin-top: 80px;}
.books-link{  margin-top: 30px;}
.booklink{ color: #6E7B61; border: 1px solid #6E7B61; background: #fff; letter-spacing: 5px; width: 190px; height: 35px; text-align: center; line-height: 35px; display: block; font-size: 14px;padding: 0 37px; display: inline-block;}
.bg-books-link a{ background: #6E7B61; color: #fff;}
.book-more{ margin: 100px 0 80px;}

/*contact*/
.contactout{max-width: 1081px; margin: 0 auto;}
.contact{ margin-top: 100px;}
.contact-left-top{width: 450px; margin-right: 150px;}
.contact-left-top,.contact-right-top{ float: left;}
.contact-left-top .con-title{ font-size: 24px; font-weight: bold; margin-bottom: 30px;}
.contact-left-top p{ display: inline-block; width: calc(50% - 25px)}
.contact-left-top p:nth-child(2){ margin-right: 40px;}
.contact-left-top p img{ display: block; width: 100%;}
.contact-left-top p span{ display: block;  margin-bottom: 9px;}
.contact-left-top>div.last-tt{margin-top: 55px; color: #969696;}
.contact-right-top{width: calc(100% - 600px); max-width: 100%; }
.input-box{margin-bottom: 35px; width: 100%;}
.input-box span{ display: block;}
.input-box input.input-text{ height: 45px; line-height: 45px; border-bottom: 1px solid #6e7a5f; padding: 0 2.5%; width: 100%;}
.input-box .input-mess{ height: 45px; line-height: 45px; border: 1px solid #6e7a5f; width: 100%; resize: none; height: 120px; display: block; padding: 0 2.5%;}
.contact-link{ margin-right: -15px; margin-top: 40px;}
.contact-map{ margin-top: 110px;}
.contact-map img{ width: 100%;}

/*opacity*/
.opacity-an{opacity: 0;}

@media screen and (max-width:1600px){ 
	.service-right-inner{ position: static;}
	.service-right-inner.service-right-inner02{ position: absolute;}
}
@media screen and (max-width:1500px){
	#lista3 .qa-vido-img a,#lista4 .qa-vido-img a,#lista5 .qa-vido-img a,
	#lista6 .qa-vido-img a,#lista7 .qa-vido-img a,#lista8 .qa-vido-img a,
	#lista9 .qa-vido-img a,#lista10 .qa-vido-img a {margin-bottom: 0;}
}
@media screen and (max-width:1400px){ 
	.ser-links{ margin-top: 30px;}
	.crumbs .s-menu a{font-size: 13px;/* margin-left: -8px; letter-spacing: 0;*/}
	.crumbs .s-menu a.active{ font-size: 15px;}
}
@media screen and (max-width: 1200px) {	
	.service-right{ width: 40%;}
	.service-left-out{padding-left: 160px;}
	.service-left-tt{ left: 45px; font-size: 68px; width: 38px; line-height: 75px;}
	.project-li-inner>div{padding-left: 10px; padding-right: 10px;}
}
@media screen and (max-width: 992px) {	
	.col-sp-6{width: calc(100% - 200px);}
	.service-right{width: calc(100% - 70px); margin-left: 35px; margin-top: 30px;}
	.service-out{ display: block;}
	.col-sp-6,.service-right{ float: none;}
	.proj-cont-left{width: calc(45% - 75px);}
	.service-right-inner.service-right-inner02{ position: static; transform: translateY(0);-webkit-transform: translateY(0);}
	.book-content{ margin: 0 20px;}
	.input-box{ padding-right: 0px; padding-left: 0;}
	.contact-left-top{ padding-left: 0; width: 280px; margin-right: 50px;}
	.contact-right-top{width: calc(100% - 330px);}
	.QA-video{margin-left: 20px; margin-right: 20px;}
	.linkfixed{right: 10px;}
	.projects-li{margin-left: 32px; margin-right: 32px;}	
}
@media screen and (max-width: 860px){
	.project-li-inner>div.project-list-content {margin-bottom: 46px;}
}
@media screen and (min-width:768px) and (max-width: 860px){
	.project-li-inner>div.project-list-content:last-child {margin-bottom: 0;}
}
@media screen and (min-width: 767px) and (max-width: 1025px){
	.box03-tt02{ line-height: 2em; font-size: 3em;}
	.aboutbox01 h1{font-size: 5em;}
	.box02-tt1 span,.box02-tt2,.box03-tt01 span{ font-size: 2em;}
	.box03-tt01 span{ right: -9px; top: -31px;}
	.box02-tt3{ font-size: 14px; line-height: 30px;}
	.box04-img .box4-tt01 span,.box4-tt02{ font-size: 3em;}
	.aboutbox5 span, .aboutbox6 span, .aboutbox7 span,.aboutbox10 span{ font-size: 1.3em;}
	.que-an li.mobile {padding-top: 6px;}
	.que-an li p.q-title {width: 92%;}
	.que-an li p.q-title.mobile {height: 62px; line-height: 26px;}
}
@media screen and (max-width:767px){
	.pagebanner{ padding: 10px;}
	.pagebanner .pagebanner-inner{padding: 10px 0 14px;}
	.pagebanner .pagebanner-inner b{ display: block; font-size: 16px; line-height: 25px;}
	.crumbs{ height: auto; border: none; margin-left: 20px; margin-bottom: 30px; padding-top: 15px;}
	.crumbs .s-crumbs,.crumbs .s-menu{ position: static; font-size: 14px; color: #5E5E5E;}
	.crumbs>span{ padding: 0; margin-bottom: 5px; letter-spacing: 2px; font-size: 24px;}
	.QA-video{ display: block; margin-top: 0; margin-left: 0; margin-right: 0;}
	.QA-video:nth-child(2){ margin-top: 15px;}
	.QA-video-left,.QA-video-right{ float: none; width:100%;}
	.QA-video-right{width: calc(100% - 30px); margin: 0 0 0 15px;}
	.QA-video-left .pos-left-tt{ position: static; text-align: center; margin-top: 30px; margin-bottom: 20px;}
	.qa-video .carousel-control.left{left: -1px;  width: 32px;}
	.qa-video .carousel-control.right{right: 0;  width: 32px;}
	.que-an{ margin: 0 20px;}
	.que-an li p.q-title{width: 100%; height: auto; line-height: 25px; padding: 10px 7px 10px 27px;}
	.que-an li p span{ top: 10px;}
	.que-an li a{top: 10px; height: 26px;line-height: 26px;}
	.que-an li a span{font-size: 26px;}
	.que-an li p.q-an span{top: 0;}
	.qa-linkmore a{ margin: 0 1px;}
	.qa-linkmore a:last-child{ display: block; margin: 12px auto 0;}
	.a-link,.a-link2,.a-link3{ height: 40px;line-height: 40px; width: 120px; font-size: 14px;}
	.service-out{ margin-bottom: 85px;}
	.service-left-out{padding: 0 0 0 45px;}
	.service-left-tt{font-size: 30px; width: 20px; left: 7px; line-height: 35px;}
	.service-left-tt p{width: 36px;}
	.service-sm-title,.wu-service-title{ text-align: center;}
	.service-sm-title{ margin-left: 10px; margin-right: 10px;}
	.service-sm-title span{ display: inline; font-size: 15px;}
	.col-sp-6{width: 100%;}
	.service-left-img{margin-right: 0;}
	.service-left-img img{width: 100%;}
	.ser-hr{width: 13px; margin: 20px auto 30px;}
	.ser-tt-gray>ul>li{ margin-bottom: 30px;}
	.ser-tt-gray>ul>li>p,.ser-tt-gray02.ser-tt-gray ul li p{ padding-left: 40px;}
	.ser-tt-gray>ul>li>p i{ display: block;}
	.ser-tt-gray>ul>li>p b{ display: block; width: 30px; height: 30px; border: solid #969696 2px; line-height: 30px; text-align: center; position: absolute; left: 0; top: 0; color: #969696;}
	.ser-gray-tt-in>p,.ser-tt-gray>ul>li:last-child>p{ padding-left: 40px;}
	.ser-gray-tt-in>p>i{ display: block;}
	.ser-links{ text-align: center; margin-top: 40px;}
	.ser-links02.ser-links{ margin-top: 30px;}
	.a-link, .a-link2, .a-link3{ margin: 0;}
	.projects-li{margin: 0;}
	.project-li-inner>div{ padding-left: 20px; padding-right: 20px; margin-bottom: 50px;}
	.project-li-inner>div.first {margin-top: 40px;}
	.project-item a.proj-li-title{ margin-top: 13px; font-size: 18px;}
	.project-item a.proj-li-class{ margin: 2px 0 5px; color: #5E5E5E;}
	.proj-link{ margin-top: 0; margin-bottom: 80px;}
	.videolist.project-item{ margin-left: 10px; margin-right: 10px; background: #e8e3df; padding-bottom: 10px; margin-bottom: 45px;}
	.videolist.project-item a.proj-li-title{ margin-top: 10px;}
	.proj-cont-right{ margin-top: 15px;}
	.proj-cont-left {pointer-events: none;}
	.project-content{ margin: 0 20px;}
	.proj-link2.proj-link{margin-top:40px}
	.proj-link a{ margin: 5px;}
	.proj-cont-left,.proj-cont-right{width: 100%; margin-left: 0; float: none;}
	.proj-cont-right p{ margin-bottom: 15px;}
	.plan-video{ margin-top: 0; margin-bottom: 30px;}
	.books-img,.box-content-item{ float: none;margin: 0 auto;}
	.books-detail{width: 100%;}
	.books-detail{ margin-top: 10px;}
	.box-content-item{margin-top: 20px; margin-bottom: 50px;}
	.books-link{text-align: center;}
	.contact{margin-top: 30px; padding: 0 25px;}
	.contact-left-top .con-title{ margin-bottom: 15px;}
	.contact-left-top>div.last-tt{ margin: 20px 0 30px;}
	.contact-link{ padding: 0; text-align: left;}
	.contact-map{ margin-top: 40px;}
	.contact-left-top{text-align: center;}
	.contact-left-top p{width: 70%; }
	.contact-left-top p:nth-child(2){ margin-right: 0;}
	.contact-left-top p:nth-child(3){ margin-top: 20px;}
	.contact-left-top ,.contact-right-top{ float: none; width: 100%;}
	.proj-link.contact-link2{ margin-top:40px;}
	.videolist-box{margin-top: 138px;}
	.v-content.project-content{margin-top:0px;}

	/*about*/
	.aboutbox01,.aboutbox02,.aboutbox4,.aboutbox5,.aboutbox6,.aboutbox7,.aboutbox9.about-graybox,.aboutbox10,.box10out,.about-graybox{ margin-left: 0;margin-right: 0; background: none; margin: 0; padding: 0;}
	.aboutbox01{ padding: 6% 0; text-align: center; background: #E8E3DF;}
	.box02-tt3{ float: none;}
	.aboutbox01 h1{ font-size: 2em;}
	.box02-tt1,.box02-tt2{ width: 48%; text-align: center; padding: 2%; margin-top: 30px;}
	.box02-tt2,.box6-img02,.aboutbox7 .box7-img01,.aboutbox7 .box7-img01,.aboutbox8.aboutbox7 .box7-img02{ position: static; float: right; transform: none;}
	.aboutbox9.about-graybox .aboutbox5-img01,.aboutbox9.about-graybox .aboutbox5-img02,.aboutbox9.about-graybox .aboutbox5-img03{ position: static; transform: none;}
	.box02-tt2 span,.box02-tt1 span{ display: block; line-height: 1.2em; font-size: 26px;}
	.box03-img,.box04-img,.aboutbox5 .aboutbox5-img01, .aboutbox5 .aboutbox5-img02, .aboutbox5 .aboutbox5-img03,.aboutbox6,.box6-img01,.box6-img02,.aboutbox7 .box7-img01,.aboutbox7 .box7-img02,.aboutbox7,.aboutbox8.aboutbox7 .box7-img02,.aboutbox9.about-graybox .aboutbox5-img01,.aboutbox9.about-graybox .aboutbox5-img02,.aboutbox9.about-graybox .aboutbox5-img03,.aboutbox9.about-graybox,.box10-01, .box10-02, .box10-03, .box10-04, .box10-05,.aboutbox10,.aboutbox9.about-graybox .aboutbox5-img03{ width: 100%; float: none; background: none;}
	.box03-phone-name{ color: #FFF4EB; text-align: center; font-size: 16px; padding:10px 0 5px 0;}
	.box03-phone-job{ color: #FFF4EB; text-align: center; font-size: 18px;}
	.box4-tt02{ font-size: 18px;text-align: center;}
	.box4-tt02 span{ margin: 0;}
	.about-graybox{ background: none;}
	.aboutbox5 .aboutbox5-img01, .aboutbox5 .aboutbox5-img02, .aboutbox5 .aboutbox5-img03,.aboutbox5 .aboutbox5-img01 img{ margin-top: 0;}
	.aboutbox5 .aboutbox5-img03 img{ margin-bottom: 0;}
	/*.aboutbox5 .aboutbox5-img01, .aboutbox5 .aboutbox5-img02, .aboutbox5 .aboutbox5-img03{ margin-bottom: 20%;}*/
	.aboutbox5 span, .aboutbox6 span, .aboutbox7 span,.aboutbox10 span{ position: static; transform: none; text-align: center; font-size: 18px; color: #FFF4EB;padding-top: 10px;display: block; }
	.aboutbox5 .aboutbox5-img01 span,.aboutbox5 .aboutbox5-img02 span,.aboutbox5 .aboutbox5-img03 span,.aboutbox7 .box7-img01 span,.aboutbox7 .box7-img02 span,.aboutbox9.about-graybox .aboutbox5-img01 span,.aboutbox9.about-graybox .aboutbox5 .aboutbox5-img02 span,.aboutbox10 span{ position: static; text-align: center; font-size: 18px; transform: none; padding-top: 10px; color: #FFF4EB;}
	.box10-02, .box10-04,.box10-05{ margin: 0;}
	.aboutbox3,.aboutbox4,.aboutbox5 .aboutbox5-img01, .aboutbox5 .aboutbox5-img02, .aboutbox5 .aboutbox5-img03, .box6-img01, .box6-img02,.aboutbox7 .box7-img01, .aboutbox7 .box7-img02, .aboutbox9.about-graybox .aboutbox5-img01, .aboutbox9.about-graybox .aboutbox5-img02, .aboutbox9.about-graybox .aboutbox5-img03, .box10-01, .box10-02, .box10-03, .box10-04, .box10-05{ margin-bottom: 35px;}
	.aboutbox3{ margin-top: 45px;}
	.box02-tt3{padding: 0; margin-top: 30px;}
	.box03-tt01.mobile_hide span,.box03-tt02.mobile_hide {display: none;}
	.box03-tt01,.box04-img .box4-tt01 {display: none;}
	.box4-tt02.mpt {padding-top: 10px;}
	.mobile_occupation {color: #fff; font-size: 18px; padding-top: 10px; text-align: center;}
	.mobile_name {color: #FFF4EB; font-size: 18px; text-align: center;}
	.qa-vido-img a {margin-bottom: 4.5px;}
	.als-container {margin-bottom: 40px;}
	.project-list-content {display: block!important; width: 100%;}
}
@media screen and (max-width:692px){
	.project-li-inner>div.first {margin-top: 58px;}
}
@media screen and (max-width:600px){
	.qa-vido-img a.mobile {padding: 0 20px;}
}
@media screen and (max-width:375px){
	.project-li-inner>div.project-list-content {margin-bottom: 30px;}
}
@media screen and (max-width:365px){
	.project-li-inner>div.first {margin-top: 84px;}
}
@media screen and (max-width:360px){
	.project-li-inner>div.project-list-content {margin-bottom: 42px;}
}
.contact_map {height: 410px; margin-top: 45px; width: 100%;}
.input-box input.input-text.error,.input-box textarea.input-text.error {border: 2px solid  #E42C3E; border-bottom: 2px solid  #E42C3E;}
form div {margin-bottom: 10px;}
.at-share-dock,#at-share-dock {background: #fff;}
.addthis_inline_share_toolbox {display: block!important; padding-top: 4px;}
.addthis_inline_share_toolbox .at-share-btn {height: 32px; width: 32px;}
.addthis_inline_share_toolbox .at-style-responsive .at-share-btn {padding: 0;}

@media screen and (max-height: 600px) and (min-width: 992px) {
	.container {width: 970px;}
	.box03-tt02, .box4-tt02 {font-size: 4em;}
	.box03-tt01 span, .box04-img .box4-tt01 span {font-size: 3em;}
	.box04-img {width: 55%;}
}