@charset "utf-8";
/* CSS Document */
.banbg{ background:#187dd3;}
.ban{ background-position:center center; background-repeat:no-repeat; width:100%; height:200px; border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:0px 2px 2px 1px rgba(0,0,0,0.3) inset;}

.bann{ background-position:center center; background-repeat:no-repeat; width:100%; height:200px; border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:0px 2px 2px 1px rgba(0,0,0,0.3) inset;}


.lobai{ background:#ffffff; box-shadow:0 3px 3px 1px rgba(0,0,0,0.1); padding:30px 0; position:relative;}
.lemnu{ margin-top:8px;}
.lemnu li{ float:left; background:url(../images/ix.jpg) right center no-repeat;margin-bottom: 20px;}
.lemnu li:last-child{ background:none;}
.lemnu li a{ padding:0 30px; position:relative; transition:all 0.75s;}
.lemnu li a i{ position:absolute; width:100%; height:8px; left:0; bottom:-16px; transition:all 0.75s ease; transform:scale(0,1); background:url(../images/xia.png) center no-repeat;}
.lemnu li a:hover,.lemnu li a.cur{ font-weight:bold; color:#1186eb;}
.lemnu li a:hover i,.lemnu li a.cur i{ transform:scale(1);}
@media screen and (max-width:768px){

}
.main{ padding:80px 0;}


/*公司简介*/
.abtit p{ font-size:2.25rem; color:#191919;}
.abtit span{ color:#8f8f8f; font-size:1.25rem;}
.abao .fl{ margin-top:33px; width:48%;}
.abao .fl h6{ font-size:1.5rem; color:#2891eb; font-weight:bold; margin-bottom:30px;}
.abao .fl p{ font-size:1.125rem; color:#404040; line-height:1.5em; margin-bottom:30px;}
.abao .fr{ width:50%; margin-top:50px;}
.afw{ margin-top:28px;}
.afw h6{font-size:1.5rem; color:#2891eb; font-weight:bold; margin-bottom:30px;}
.afw span{ display:block; font-size:1.125rem; color:#404040; line-height:1.5em; }
@media screen and (max-width:768px){
.abtit{ width:100%;}
.abao .fl{ width:100%; float:none;}
.abao .fr{ width:100%; float:none; margin-top:0;}
.abao .fr img{ width:100%;}
}

/*联系我们*/
.cotx h6{ font-size:1.5rem; color:#2891eb; font-weight:bold; margin:37px 0;}
.cotx li:nth-child(1){ width:40%;}
.cotx li{ float:left; width:30%;}
.cotx li p{ color:#404040; line-height:1.875em;}
.map{ margin-top:48px;}
@media screen and (max-width:768px){
.cotx li:nth-child(1){ width:100%;}
.cotx li{ float:left; width:100%;}
}

/*在线留言*/
.ctfed{ width:100%; }
.fzi{ text-align:center;}
.fzi h4{ font-size:1.875em; color:#2891eb;}
.fzi p{ line-height:1.5em; color:#333;}
.ffk{ margin-top:34px}
.ffk .ftxt{ width:21%; background:#eee; border:none; border-radius:8px; font-size:1em; padding:10px 12px; margin-bottom:22px; margin-right:5.2%; border:1px solid #2891eb; box-sizing:border-box; color:#999}
.ffk .ftxt:nth-child(5){ margin-right:0;}
.ffk .ftxt::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #999;
}
.r0{ margin-right:0 !important}
.ffk .ftxt1{ width:100%; border:none;background:#eee;padding:10px 12px; box-sizing:border-box;border-radius:8px; margin-bottom:32px;font-size:1rem; color:#333; border:1px solid #2891eb; color:#999}
.ffk .ftxt1::-webkit-input-placeholder {
color:#999;
}
.ffk .fbtn{ width:20%; float:right;padding:10px 12px; border:none; background:#2891eb; color:#fff; font-size:1.125rem;border-radius:8px; }
@media screen and (max-width: 768px){
.ffk .ftxt{ width:98%;}
.ctfed{ width:100%}
}

/*工程案例*/
.caselist{ width:100%;}
.caselist li{ padding:15px 21px; width:33.33%; box-sizing:border-box; border-left:1px solid #cbcbcb; float:left; margin-bottom:14px;}
.caselist li:nth-child(3n){ background:url(../images/dd.jpg) right center repeat-y;}
.caselist li .cimg{ width:100%; overflow:hidden;}
.caselist li .cimg img{ transform:scale(1); transition:all 0.75s;height:230px;width: 100%;}
.caselist li:hover .cimg img{ transform:scale(1.05);}
.caselist li p{ padding:14px 0; background:url(../images/cjian.png) right center no-repeat;}
@media screen and (max-width: 768px){
.caselist li{ width:50%;}
.caselist li:nth-child(2n){ background:url(../images/dd.jpg) right center repeat-y !important;}
.caselist li:nth-child(3n){ background:none;}
.caselist li p {height:98px;}
}

/*新闻资讯*/
.newscon{ position:relative; border-bottom:1px solid #cfcfcf; background:#fff; padding:31px 41px; transition:all 0.75s; left:0;}
.newscon a{ display:block;}
.newscon .date{ width:auto; background:#f3f3f3; text-align:center; margin-top:10px;}
.newscon .date em{ display:block; font-size:56px; color:#fff; background:#2891eb; padding:12px}
.newscon .date span{ display:block; padding:3px;}
.newscon .title{ width:85%; margin:20px 0 0 3%;}
.newscon .title p{ transition:all 0.75s ease; font-size:1.5rem; color:#6a6a6a;margin-bottom: 20px;}
.newscon .title em{ display:block; font-size:0.875rem; color:#bcbcbc; background:url(../images/eye.jpg) left center no-repeat; padding-left:24px; margin:12px 0;}
.newscon .title span{ color:#6a6a6a; font-size:0.875rem; line-height:1.5em;}
.newscon .pic{ width:21.2%; overflow:hidden;}
.newscon .pic img{ width:100%; transform:scale(1); transition:all 0.75s;}
.newscon:hover .pic img{ transform:scale(1.05);}
.newscon:hover{ left:-20px; box-shadow:0 0 8px 5px rgba(0,0,0,0.2); z-index:2}
@media screen and (max-width: 768px){
.newscon .pic{ display:none;}
.newscon .title{ width:79%;}
.mtop1{ margin-top:20px;}
}


/*新闻内页*/
.nbg{ background:rgba(255,255,255,1); box-sizing:border-box; padding:30px;}
.news-title{width:100%; height:30px; line-height:30px; text-align:center; font-size:1.25em; font-weight:bold; margin:0 auto; color:#484848;}
.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:1rem;line-height:1.5em; color:#242424}
.news-pn a{ color:#242424; font-size:1rem;}
/*相关新闻*/
.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:48%;height:30px;line-height: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){

.news-title{ font-size:1.375rem; line-height:1.5em; height:auto;}
.news-type{ height:auto;}
.news-content{ font-size:1.125rem !important; line-height:2rem !important;}
.news-content span{ font-size:1.125rem !important; }
.news-content p{ font-size:1.125rem !important;}
.news-pn{ font-size:1.125em; 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;}
}

/*工程案例*/
.videolist{ width:100%;}
.videolist li{ padding:15px 21px; width:33.33%; box-sizing:border-box; border-left:1px solid #cbcbcb; float:left; margin-bottom:14px;}
.videolist li:nth-child(3n){ background:url(../images/dd.jpg) right center repeat-y;}
.videolist li .cimg{ width:100%; overflow:hidden; position:relative;}
.videolist li .cimg span{ position:absolute; width:100%; height:100%; top:0; left:0; background:url(../images/play.png) center no-repeat rgba(0,0,0,0.3);}
.videolist li .cimg img{ transform:scale(1); transition:all 0.75s}
.videolist li:hover .cimg img{ transform:scale(1.05);}
.videolist li p{ padding:14px 0; background:url(../images/cjian.png) right center no-repeat;}
@media screen and (max-width: 768px){
.videolist li{ width:50%;}
.videolist li:nth-child(2n){ background:url(../images/dd.jpg) right center repeat-y !important;}
.videolist li:nth-child(3n){ background:none;}
}

/*产品中心*/
.prolist{ width:100%;}
.prolist dl{ width:32.33%; background:#fff; float:left; margin-right:1.33%; margin-bottom:15px;}
.prolist dl:nth-child(3n){ margin-right:0;}
.prolist dl a{ display:block;}
.prolist dl dt{ width:100%; overflow:hidden; box-sizing:border-box; border:1px solid #dedede}
.prolist dl dt img{ transform:scale(1); transition:all 0.75s ease; width:100%;height:250px}
.prolist dl:hover dt img{ transform:scale(1.05);}
.prolist dl dd{ position:relative;}
.prolist dl dd p{ padding:20px; color:#000000}
.prolist dl dd em{ position:absolute; display:inline-block; width:15%; height:100%; top:0; right:0; background:#ffcc00; border-bottom-left-radius:10px; text-align:center; line-height:58px; color:#2996ee; font-size:1.25rem;}

@media screen and (max-width: 768px){
.pb{ background-image:url(../images/ban-p1.jpg) !important;}
.prolist dl{ width:48%; margin:0 1% 24px !important;}
.prolist dl dd em{ width:20%;line-height:72px;}
}

/*产品详情*/
.p22{ background:#187dd3;}
.bap{ background-position:center center; background-repeat:no-repeat; width:100%; height:104px; border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:0px 2px 2px 1px rgba(0,0,0,0.3) inset;}

/*产品展示*/
.p-show{ background:#f3f3f3; padding:56px 0;}
.p-img{ width:51.1%; height:auto; float:left; }
#preview { position:relative;}
.jqzoom{height:auto;width: 100%; border:6px solid #d1d1d1;margin:0 auto; text-align:center; box-sizing:border-box;}
.jqzoom a{ display:block !important; width:100% !important;}
.jqzoom a img{ width:100%;}
#v_content{width:97%;height:auto;margin-top:15px; border:1px solid #d9d9d9; padding:5px;}
.control_left{width:7px;height:134px;float:left;background: url(../images/lt-btn.png) no-repeat center; cursor:pointer; margin-right:2px;}
.control_right{width:7px;height:134px;float:right;background: url(../images/ri-btn.png) no-repeat center; cursor:pointer;}
.v_content_listdiv{position:relative; width:96%;height:134px;float:left;overflow:hidden;}
.v_content_list { position:absolute;top:0px; left:0px; height:auto; width:2500px;}
#v_content ul {float:left; }
#v_content ul li { display:inline; float:left; width:146px; margin:0 2px; border:1px solid #c8c8c8;}
#v_content ul li a{ display:block;}
#v_content ul li img {width:146px;}

/*fnoan*/
.p-miao{ width:44%;  overflow:hidden;}
.p-miao h4{ font-size:1.625rem; font-weight:bold; color:#278fe9; padding:1rem 0; width:auto;}
.p-miao h6{ font-size:1.5rem; color:#000;}
.p-miao .ap{ font-size:1rem;  border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9; padding:24px 0; margin:20px 0;}
.p-miao .oc{ padding:1rem 0;}
.p-miao .oc span{ font-size:1.125rem; color:#000000;}
.p-miao .oc p{ font-size:1.875rem; color:#000000; font-weight:lighter;}
.p-miao .oc a{ color:#000000; font-size:1.1255rem; display:inline-block; background:#ffcc00; padding:12px 20px; margin-top:5px;}
.p-miao .oc a img{ margin-bottom:-8px;}
@media screen and (max-width: 768px){
		.jqzoom a{ width:100% !important}
		.jqzoom{ overflow:hidden}
		.v_content_list { position:absolute;top:0px; left:0px; height:95px; width:720px;}
	.p-list li{ width:48.5%;}
	.p-img{ width:100%;}
	.p-img img{ width:100%; }
	.p-miao{ width:100%;}
	.p-miao a{ width:auto; text-align:center;}
	}
/*详情*/
.p-con{ box-sizing:border-box; width:100%; padding-bottom:30px;}
.p-con .h4{  height:54px; width:100%;  background:#187dd3;}
.p-con .h4 .kd{position:relative; height:54px;}
.p-con .h4 p{ padding:20px 20px; background:#ffcc00; display:inline-block;  font-size:1.125rem; color:#000; position:absolute; bottom:0; left:0;}
.p-con .h4 p img{ margin-bottom:-3px;}
.p-con .mas{ padding:2rem 0; width:auto; margin:20px 0; width:66.76%}
.p-con .mas .table-container table td{background-color:#fff !important;}
.p-con .mas{ font-size:1rem;}

.p-con .mas .dd .next1{ background:#eee; padding:8px 10px; font-size:0.875rem}
.p-con .mas .dd .pre1{background:#eee; padding:8px 10px; font-size:0.875rem}
@media screen and (max-width: 768px){
.p-con .mas{ font-size:1.125rem !important; line-height:1.5em; width:100%;}
.p-con .mas p{font-size:1.125rem !important; line-height:1.5em}
.p-con .mas span{font-size:1.125rem !important; line-height:1.5em}
}
/*相关产品*/
.tuipro{ width:27.3%; padding:0 28px; margin-top:18px; box-sizing:border-box; border-left:1px solid #cacaca; border-right:1px solid #cacaca}
.tuipro h4{ font-size:1.375rem; color:#187dd3; font-weight:bold; margin-bottom:18px;}
.tuipro ul{  box-sizing:border-box;}
.tuipro li{  width:100%; border:1px solid #ececec; margin-bottom:10px; box-sizing:border-box;}
.tuipro li .dimg{ width:100%; overflow:hidden; max-height:300px}
.tuipro li .dimg img{ width:100%; transition:all 0.8s; transform:scale(1);}
.tuipro li:hover .dimg img{ transform:scale(1.05);}
.tuipro li .ptxt{ padding:16px 12px; background:#187dd3;}
.tuipro li .ptxt p{ color:#fff; font-size:1rem;}
@media screen and (max-width: 768px){
.tuipro{ width:100%; padding:0; border:none;}
.tuipro ul{ padding:12px;}
.tuipro li{ float:left; width:48%; margin:0 1% 24px;}

}

.contact_01 p{
font-size: 1.125rem;
    color: #404040;
    line-height: 1.8em;
}