@charset "utf-8";
/* CSS Document */
/*联系我们*/
.ban-c{ background-position:center; background-repeat:no-repeat; width:100%; height:518px; position:relative;}
.ban{background-position:center; background-repeat:no-repeat; width:100%; height:400px; position:relative;}
@media screen and (max-width:768px){
.ban-c{background-position:right center;}
.ban{background-position:-400px center;}
.bn{background-position:-360px;}
.bp{background-position:-700px; background-size:230% !important; height:360px}
}
.ct-main{ background:#eeeeee; position:relative; padding-bottom:12px;}
.cot-tit{ text-align:center; background:#fff; padding:45px; top:-123px; position:relative; width:auto;}
.cot-tit h4{ font-size:1.5rem; font-weight:bold; color:#313131}

.cot-xin{ background:#fff; padding:72px 9%; margin-top:-123px; border-top:2px solid #e5e5e5}
.cot-xin h6{ font-size:1.5rem; font-weight:bold; color:#313131; margin-bottom:30px;}
.cot-xin p{font-size:1.25rem; color:#707070; line-height:1.875em}
.cot-pp.r1{ width:50%;}
.cot-pp.r2{ width:50%; margin-left:-10%;}
.cot-pp p{ font-size:1.25rem; color:#707070; line-height:1.875em}

.cot-xt{ background:#fff; padding:72px 9%; margin:9px 0;}
.fkuan{ width:65%;}
.fkuan h4{ color:#555555; font-size:1.5rem;}
.fkuan p{ color:#535353; font-size:0.75rem; }

.fkuan form{ margin-top:25px;}
.fkuan .fk1{ margin-bottom:10px;}
.fkuan .fk2{ margin-bottom:10px;}
.fkuan input{ background:none; border:1px solid #bfbfbf; padding:23px 20px; width:50%; border-radius:10px; box-sizing:border-box; color:#1b1b1b; font-size:1rem;}
.fkuan .fk3 textarea{ width:100%; border:1px solid #bfbfbf;border-radius:10px; padding:
23px 20px; box-sizing:border-box;}
.fkuan .btn{ width:264px; height:48px; background:#00b1bb; line-height:48px; margin-top:30px; padding:0; float:left; margin-right:10%; color:#fff;}
.fliu{ width:30%; margin-top:80px;}
.fliu p{ line-height:2em; color:#313131;}
.qline{ margin-top:40px;}
.qline span{ display:block; color:#313131}
.qline b{ font-size:1.625rem; color:#00b1bb; margin-bottom:16px; display:block;}
@media screen and (max-width:768px){
.cot-pp.r1{ width:100%;}
.cot-pp.r2{ width:100%; margin-left:0%;}
.lx-feed{ padding:5% 5%;}
.fkuan{ width:100%;}
.fliu{ width:100%; margin-top:80px;}
}

.cot-map{ background:#fff; padding:72px 9%; margin-top:12px;}
.map{ width:65%;}
.map a{ color:#313131; font-size:1rem;}
.map h4{ color:#555555; font-size:1.625rem; font-weight:bold;}
.map .mp{ margin-top:1rem;}
.site{ width:30%; margin-top:80px;}
.site p{ color:#313131; line-height:1.5rem;}
@media screen and (max-width:768px){
	.map{ width:100%;}
	.site{ width:100%; margin-top:40px;}
}

/*服务中心*/
.kd{ max-width:1300px; margin:0 auto; width:90%;}
@media screen and (max-width:768px){
.kd{ width:94%;}
}
.mian{ background:#eeeeee}

.slo{ padding:31px 0;}
.slo p{ color:#535353;}
.slo p a{ color:#535353;}

.ser1{ width:auto; background:#fff; padding:64px 5% 72px; margin-bottom:9px;}
.ser1 h4{ text-align:center; font-size:1.875rem; color:#535353; margin-bottom:49px;}
.ser1 li{ width:32.33%; margin-right:1.5%; float:left; cursor:pointer}
.ser1 li .simg{ width:100%; overflow:hidden;}
.ser1 li .simg img{ width:100%; transform:scale(1); transition:all 0.5s;}
.ser1 li:hover .simg img{ transform:scale(1.1);}
.ser1 li .scon h6{ font-size:1.125rem; color:#00b1bb; font-weight:bold; margin:16px 0;}
.ser1 li .scon b{ font-size:0.875rem; color:#434343}
.ser1 li .scon p{ font-size:0.875rem; line-height:2em;}
.ser1 li:nth-child(3){ margin-right:0;}
@media screen and (max-width:768px){
.ser1 li{ width:100%; float:none; margin-right:0; margin-bottom:24px;}
.ser1 li .scon h6{ font-size:1.25rem; }
.ser1 li .scon b{ font-size:1rem;}
.ser1 li .scon p{ font-size:1rem; }
}

/*新闻资讯*/
.nsort{ padding-bottom:20px; border-bottom:2px solid #c9c9c9; margin-bottom:64px;}
.nsort li{ float:left;}
.nsort li a{ display:block; padding:8px 12px; margin-right:16px; transition:all 0.5s}
.nsort li a:hover,.nsort li a.cur{ background:#067bda; color:#fff}

/*新闻列表*/
.nimg{ width:19.8%; padding:5px; border:1px solid #e5e5e5; margin-bottom:24px; max-height:168px; overflow:hidden;}
.nimg img{ width:100%; max-width:100%;}
.ntitl{ width:77%; border-bottom:1px solid #e5e5e5; padding-bottom:25px;}
.ntitl font{ font-size:1rem; color:#535353;}
.ntitl p{ font-size:1.5rem; color:#00b1bb; font-weight:bold; margin:12px 0;}
.ntitl span{ font-size:0.875rem; color:#434343; line-height:1.5em; display:block;}
.ntitl em{ display:block; background:url(../images/nmo.jpg) left center no-repeat; padding-left:12px; margin-top:12px;}
@media screen and (max-width: 768px){
.nimg{ display:none;}
.ntitl{ width:100%; margin-top:20px;}
.ntitl span{ font-size:1rem;}
}

.news-title{width:100%; height:30px; line-height:30px; text-align:center; font-size:1.25em; font-weight:bold; margin:0 auto; color:#242424;}
.news-type{width:100%; height:24px; text-align:center; margin:0 auto; color:#242424;font-size:0.875em; border-bottom:#242424 1px dotted;}
.news-content{width:100%; margin:0 auto; font-size:1em; line-height:24px; line-height:1.5em; color:#242424}
.news-pn{ font-size:1em;line-height:20px; color:#242424}
.news-pn a{ color:#242424; font-size:0.875em;}
/*相关新闻*/
.xgnews{margin:40px auto;}
.xgnews-tit{height:40px;line-height:40px;border-bottom:1px solid #CCC;padding-left:20px; font-size:16px; color:#242424;}
.xgnews-con{border-top:1px solid #242424;border-top:none;padding:10px 20px;}
.xgnews-con li{width:45%;float:left;height:30px;line-height:30px;margin-right:30px; overflow:hidden;}
.xgnews-con li span{float:right; color:#242424}
.xgnews-con li a{ padding-right:10px; color:#242424;}
.xgnews-con li a:hover{ color:#333;}
@media screen and (max-width: 768px){
	.knd{ padding:1em }
	.news-title{ font-size:1.375rem; line-height:1.5em; height:auto;}
	.news-type{ height:auto; line-height:1.5em}
.news-content{ font-size:1.25rem !important; line-height:2rem !important;}
.news-content span{ font-size:1.25rem !important; }
.news-content p{ font-size:1.25rem !important;}
.news-pn{ font-size:1.25em; line-height:1.875em;}
.news-pn span{ width:100%; display:block;}
.xgnews-tit{ font-size:1.25em;}
.xgnews-con li{ width:100%; height:2.875em; line-height:2.875em;}
.xgnews-con li{ width:100%; margin:0; line-height:2.875em;}
}


/*公司简介*/
.ban-a{ height:157px; width:100%;background-position:center; background-repeat:no-repeat;}
.main-a{ padding:28px 0;}
.alist li{ float:left; margin-right:16px;}
.alist li a{ padding:12px 42px; transition:all 0.5s;border-radius:30px; font-size:1.125rem;}
.alist li a:hover{ background:#00b1bb; color:#fff;}
.alist li a.cur{background:#00b1bb; color:#fff;}
.ab-con{ margin:45px 0;}
.ab-con .apic{ width:45%;}
.ab-con .apic img{ width:100%;}
.ab-con .accc{ width:52%;}
.ab-con .accc h4{ font-size:1.5rem; color:#00b1bb; font-weight:bold; margin:5% 0;}
.ab-con .accc p{ color:#000000; font-size:1rem; line-height:1.5rem;}
@media screen and (max-width: 768px){
.ab-con .apic{ width:100%; margin-bottom:30px;}
.ab-con .accc{ width:100%;}
}

/*荣誉证书*/
.horlist{ width:100%; padding:40px 0;}
.horlist li{ width:23.5%; float:left; margin-right:2%; margin-bottom:1em; transition:all 0.8s; box-sizing:border-box; border:1px solid #eee;}
.horlist li:hover{  box-shadow:0 0 2px 2px rgba(0,0,0,0.3)}
.horlist li img{ width:100%;}
.horlist li p{ min-height:85px; line-height:2em; font-size:1.125em; color:#333; background:#fff; box-sizing:border-box;  padding:2%;}
@media screen and (max-width:768px){
.horlist{ width:100%; display:block;}
.horlist li{ width:48%; margin:0 1% 1em;}
}


/*产品页*/
.pslist{ padding:28px 0 0; margin-left:48px}
.pslist li{ float:left; width:50%;}
.pslist li a{ display:inline-block; padding:31px 46px; color:#313131; transition:all 0.5s}
.pslist li a:hover{ background:#f4f5f6;}
.pslist li a.cur{ background:#f4f5f6;}
@media screen and (max-width:768px){
.pslist{ margin-left:28px;}
}

.pshowl{ background:#f4f5f6; padding:36px 63px;}
.pshowl a{ display:block;}
.pshowl dl{ margin-right:0.5%; margin-bottom:0.5%; float:left; width:32.83%;}
.pshowl dl dt{ width:100%; overflow:hidden;}
.pshowl dl dt img{ width:100%;transition:all 0.5s; transform:scale(1)}
.pshowl dl dt:hover img{ width:100%; transition:all 0.5s; transform:scale(1.1);}
.pshowl dl dd{ background:#fff; width:100%; text-align:center; height:3em; font-size:0.875rem;}
@media screen and (max-width:768px){
.pshowl{ background:#f4f5f6; padding:36px 32px;}
.pshowl dl{ margin-right:0%; margin-bottom:0.5%; float:left; width:100%; text-align:center;}
.pshowl dl dd{ background:#fff; width:100%; text-align:center; height:3rem; line-height:3rem; font-size:1.125rem;}
}



/*产品中心*/
.ban-p{ height:528px; width:100%; background-position:center; background-repeat:no-repeat;}
.ban-p .pxx{ padding-top:10%;}
.ban-p .pxx h4{ font-size:1.25rem; color:#1b1b1b; line-height:1.5em}
.ban-p .pxx span{ font-size:1.125rem; color:#067bda; display:block;}
.ban-p .pxx p{ font-size:1.125rem; color:#626262; margin-top:24px}
.mian-p{ padding:28px 0 0;}
@media screen and (max-width:768px){
.ban-p{ height:700px;background-position:-820px top; border-bottom:2px solid #ddd }
.ban-p .pxx{ padding-top:550px;}
.ban-p .pxx p{ font-size:1.5rem; color:#626262; margin-top:24px}
}

#tab3{position:relative; width:100%;margin:0 auto;}
#tab3 .tabList3{  overflow-x: auto;  white-space:nowrap; margin-left:73px;}
#tab3 .tabList3 ul li{display:block; padding:30px 70px; color:#313131; transition:all 0.5s; float:left;}

#tab3 .tabList3 li.cur {  background:#f4f5f6;}

#tab3 .tabCon3{background:#f4f5f6; padding:48px 71px;}
#tab3 .tabCon3 *{}
#tab3 .tabCon3>div{ display:none;}
#tab3 .tabCon3>div.cur{display:block;}

.pm1{ border:1px solid #bbbbbb; margin-bottom:10px; padding:30px;}
.pm1 .fl{ width:47%;}
.pm1 .fl h6{ font-size:1.5rem; color:#067bda}
.pm1 .fl p{ text-align:justify; font-size:0.875rem; margin-top:34px; line-height:1.5em}
.pm1 .fr{ width:50%;}
.pm1 .fr img{ max-width:100%;}
@media screen and (max-width:768px){
.pm1 .fl{ width:100%;}
.pm1 .fr{ width:100%;}
#tab3 .tabList3{  margin-left:0;}
#tab3 .tabList3 ul li{display:block; padding:30px 0; width:33.33%; text-align:center;}
#tab3 .tabCon3{background:#f4f5f6; padding:48px 12px;}
.pm1 .fl p{ font-size:1.125rem; }
.pm1 .fl span{ font-size:1.125rem;}
}

/*工程案例*/
.caselist{ width:100%;}
.caselist li{ width:24%; margin-right:1.3%; float:left; background:#fff;transition:all 0.5s; margin-bottom:50px;}
.caselist li .caimg{ width:100%; overflow:hidden; transition:all 0.5s;}
.caselist li .caimg img{ transition:all 0.5s;width:100%;}
.caselist li .caname{ padding:20px;}
.caselist li .caname p{ font-size:1rem; color:#313131; margin-bottom:8px; transition:all 0.5s}
.caselist li .caname span{ font-size:0.875rem; color:#7e7e7e; display:block;transition:all 0.5s}
.caselist li .caname em{ font-family:"宋体"; float:right;transition:all 0.5s}
.caselist li:hover{ box-shadow:0 0 10px 5px rgba(0,0,0,0.2); background:#c21515}
.caselist li:hover .caimg img{ transform:scale(1.1);}
.caselist li:hover p,.caselist li:hover span,.caselist li:hover em{ color:#fff;}
.cdd{ width:75%; margin:0 auto;}
.cdd a{ display:block; padding:3px 8px; background:#eee;}
.ashare{ position:relative; text-align:center; height:2em; border-bottom:1px dashed #ddd}
@media screen and (max-width:768px){
.caselist li{ width:48%; margin:0 1% 30px !important;}
.caselist li .caimg{ min-height:240px; max-height:240px; overflow:hidden}
}

.calist{ height:auto;}
.calist li{ float:left;}
.calist li a{ display:block; padding:0 20px; text-align:center; line-height:60px; transition:all 0.5s;}
.calist li a:hover{ background:#00b1bb; color:#fff}
.calist li a.cur{ background:#00b1bb; color:#fff}
@media screen and (max-width:768px){
.calist{ height:auto; background:#fff;}
}


.backto{ line-height:40px; padding:10px 0;}
.backto a{ display:inline-block; color:#fff; background:#067bda; padding:2px 12px;}



.p-ej{ background:#f4f5f6; padding:12px 63px 0}
.p-ej .pl2{ float:left; margin-right:12px; margin-bottom:12px;}
.p-ej .pl2 a{display:inline-block; background:#eee; padding:8px 12px; transition:all 0.5s;}
.p-ej .pl2 a:hover,.p-ej .pl2 a.cur{ color:#fff; background:#067bda}
@media screen and (max-width:768px){
.p-ej{ background:#f4f5f6; padding:12px 20px 0}
.p-ej .pl2 a{ font-size:1.125rem; padding:12px 20px;}
}

/*企业风采*/
.fsorll{ position:relative; width:100%;}
.fsorll .prev{ position:absolute; left:0; top:42%; z-index:2;}
.fsorll .next{ position:absolute; right:0; top:42%; z-index:2;}
.fsorll li{ width:24%; margin-right:20px;}
.fsorll li img{ width:100%;}
@media screen and (max-width:768px){
.fsorll{ width:700px; overflow:hidden;}
.fsorll li{ width:48.5%;}
}

/*荣誉资质*/
.qilist{ padding:40px 0;}
.qilist li{ float:left; width:24%; margin-right:1.33%; margin-bottom:24px;}
.qilist li .qimg{ width:100%; overflow:hidden;}
.qilist li .qimg img{ width:100%; transition:all 0.8s; transform:scale(1);}
.qilist li:hover .qimg img{ transform:scale(1.05);}
.qilist li p{ background:#00b1bb; padding:16px; color:#fff; box-sizing:border-box; width:100%;}
.qilist li p span{ font-family:"宋体"; float:right; display:inline-block;}
@media screen and (max-width:768px){
.qilist li{ width:48%; margin:0 1% 24px !important;}
}