@charset "utf-8";
/* CSS Document */
.ban-k{ background:#1174c8; position:relative; overflow:hidden; max-height:350px;}
.zit{ position:absolute; left:3.5%; top:63px;}
.ban{ background-position:center; background-repeat:no-repeat; width:100%; height:350px; border-top-right-radius:30px;border-top-left-radius:30px; width:95.5%}
.ny-bg{ background:#e3e3e3;}
.ny-bg{}
.nymenu li{ float:left; width:20%; text-align:center; box-sizing:border-box; border-right:1px solid #ffffff}
.nymenu li:nth-child(1){ border-left:1px solid #ffffff}
.nymenu li a{ display:block; font-size:1.125rem; color:#565656; padding:24px 0; transition:all 0.8s;background:#e3e3e3 none center 80% no-repeat;}
.nymenu li a:hover{ background:#ac0000 url(../images/xia.png) center 80% no-repeat; color:#fff;}
.nymenu li a.cur{ background:#ac0000 url(../images/xia.png) center 80% no-repeat; color:#fff;}
@media screen and (min-width:1680px){
.zit{ position:absolute; left:7.8%; top:63px;}
}
@media screen and (max-width:1366px){
.lk2{ background-position: -280px center;}
.zit{ left:2.8%}
}
@media screen and (max-width:768px){
.ban-k{ display:none}
.ban{ background-position:center; background-repeat:no-repeat; width:100%; height:350px; border-top-right-radius:0;border-top-left-radius:0; width:100%}
.zit{ display:none}
.nymenu li{ width:33.33%;border-bottom:1px solid #ffffff}
.k1{ display:none}
}

.main{ padding:49px 0; background:#fff;}
.main img{ max-width:100%;}
.jj-t{ text-align:center;}
.jj-t h4{ font-size:1.875rem; color:#ac0000;}
.jj-t p{ color:#3a3a3a; font-size:1.5rem; line-height:1.5em;font-family:'Alternate'; text-transform:uppercase;}
.ap1{ width:46%; margin-top:47px;}
.ac1{ width:52%; margin-top:47px;}
.ac1 h6{ font-size:2rem; color:#1174c8}
.ac1 p{ line-height:1.5em; font-size:1rem; color:#666666;}
@media screen and (max-width:768px){
.ap1{ width:100%; text-align:center;}
.ac1{ width:100%; }
}

/*荣誉证书*/
.honrlist{ width:100%;}
.honrlist .honrlist-ul li{ width:23.5%; float:left; margin-right:1.5%; margin-bottom:1em; transition:all 0.8s;}
.honrlist .honrlist-ul li:hover{  box-shadow:0 0 2px 2px rgba(0,0,0,0.3)}
.honrlist .honrlist-ul li img{ width:100%;}
.honrlist .honrlist-ul li p{ line-height:2em; font-size:1.125em; color:#333; background:#fff; box-sizing:border-box;  padding:2%;}
@media screen and (max-width:768px){
.honrlist{ width:100%; display:block;}
.honrlist .honrlist-ul li{ width:48%; margin:0 1% 1em;}
}

.cm1 li{ width:33.33%;}

/*联系我们*/
.ctel{ width:60%;}
.ctel h6{ font-size:1.5rem; color:#4a4a4a; font-weight:bold}
.ctel b{ display:block; margin:12px 0; color:#ac0000; font-weight:normal; font-size:1.5rem;}
.ctel p{ color:#565656; font-size:1.125rem;}
.ctel .zx{ margin-top:60px;}
.cbs{ width:34%; border-left:2px solid #d7d7d7; padding-left:4%;}
.cbs h6{ font-size:1.5rem; color:#4a4a4a; font-weight:bold; margin-top:30px;}
.cbs p{ font-size:1.125rem; color:#565656; line-height:1.5em;}
.map{ margin-top:80px;}
@media screen and (max-width:768px){
.ctel{ width:100%;}
.cbs{ width:100%; border-top:4px solid #d7d7d7; padding-left:0%; border-left:none; margin-top:10px;}
}

/*feed*/
.feed{ text-align:center; }
.feed .fzx{ font-size:2em; color:#474443; font-weight:bold; margin:0.5em 0;}
.feed .fww{ font-size:0.875em; color:#474443;margin:1em 0; display:block;}
.feed .tab1 p{ width:24%; float:left; text-align:left; margin:20px 1.3% 20px 0px;}
.contxt{ background:#FFF; border:1px solid #ddd; padding:1%; width:98%; height:35px; color:#474443}
.btn{ border:1px solid #ddd; background:#ddd; color:#000; font-family:"微软雅黑"; width:124px; height:36px; line-height:36px;-webkit-border-radius: 20px;-moz-border-radius: 20px; margin:30px 0; cursor:pointer; transition:all 0.5s}
.btn:hover{ background:#e72c34; color:#000;border:1px solid #e72c34;}
@media screen and (max-width:768px){
.feed .tab1 p{ width:100%;margin:20px 0 20px 0px;}
.contxt{ font-size:1em;}
.btn{ font-size:1em; width:140px; height:60px;}
}

.jbg{ width:100%;margin-bottom:80px}

.job{ text-align:center; padding-bottom:30px;}
.job-t{ margin-top:50px;}
.job-t p{ color:#ac0000; font-weight:bold; line-height:2em; font-size:1.5em}
.job-t span{ font-size:0.875em; color:#333333; display:block; margin-bottom:1em;}

/*售后服务*/
.sh{}
.sh-t{ text-align:center; border-bottom:1px solid #ededed; padding-bottom:20px;}
.sh-t h4{ font-size:1.875rem; color:#454545; font-weight:bold;}
.sh-t p{ font-size:1.5rem; color:#454545; line-height:2em;}
.sh-b{ padding:20px 0;}
.sh-b p{ font-size:1.125rem; color:#454545; line-height:1.5em;}
.sh-b div{ width:48%; margin-top:40px;}
@media screen and (max-width:768px){
.sh-b div{ width:100%; margin-top:40px; text-align:center;}
}


/*工程案例*/
.caselist{ width:100%;}
.caselist li{ width:31.33%; margin-right:3%; float:left; margin-bottom:40px;}
.caselist li{ display:block;}
.caselist li .simg{ width:100%; overflow:hidden;}
.caselist li .simg img{ width:100%; transform:scale(1); transition:all 0.8s}
.caselist li .simg img{ transform:scale(1.1)}
.caselist li .scon{ background:url(../images/jia_03.jpg) 90% center no-repeat #fff; padding:22px 3%;}
.caselist li .scon p{ font-size:1.125rem; color:#292929;}
@media screen and (max-width:768px){
.caselist li{ width:48%; margin:0 1% 40px !important;}
.caselist li .scon{ background:none}
.caselist li .scon p{ font-size:1.25rem; }
.caselist li .scon span{ font-size:1.25rem;}
}
/*新闻资讯*/
.newsall{ background:#fff; width:auto; transition:all 0.8s; margin-bottom:22px; box-sizing:border-box; border:1px solid #cecece; max-height:200px; overflow:hidden}
.newsall a{ display:block;}
.newsall:hover{ box-shadow:0 0 5px 3px rgba(0,0,0,0.3)}
.newsall .npic{ width:24.5%;}
.newsall .npic img{ width:100%;}
.newsall .ndate{ width:16%; margin-top:40px;}
.newsall .ndate dt{ font-size:60px; color:#4b4b4b; text-align:center;}
.newsall .ndate dl{ color:#454545; padding:0 10px;text-align:center; font-size:1.125rem;}

.newsall .ncon{ width:54%; padding:24px 2% 24px 2%; border-left:1px solid #d4d4d4; margin:0px 0; }
.newsall .ncon p{ font-size:1.5em; color:#212121; }
.newsall .ncon span{ display:block; font-size:0.875em; color:#515151; margin:1.5em 0 2em; min-height:38px;}
.newsall .ncon em{}
.newsall .ncon .ga1 em{ color:#fff; font-size:0.875em; background:#094c92; padding:6px 20px; float:right}
.newsall .ncon .ga1 font{ color:#adadad; font-size:0.875rem;}
@media screen and (max-width: 1366px){
.newsall{max-height:184px;}
}
@media screen and (max-width: 768px){
.newsall{max-height:220px;}
.newsall .npic{ width:23%; display:none}
.newsall .ndate{ width:26%; margin-top:40px;}
.newsall .ncon{ width:66%;}
.newsall .ncon span{ display:none;}
.newsall .ncon em{ display:block; width:130px; text-align:center; margin-top:20px;}
}

/*新闻内页*/
.nbg{ margin-top:1.5em; background:#fff; padding:26px 35px;}
.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; position:relative;}
.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; font-size:1.125rem;}

}

/*客户群体*/
.kemao h4{ background:url(../images/mao_05.jpg) left top no-repeat; padding:13px 0 0 37px; font-size:2.5rem; color:#1f1f1f}
.kemao h4 span{ font-size:1.125rem; color:#707070; text-transform:uppercase;}
.kelist{ width:81.5%; margin-top:16px;}
.kelist .kelist-ul li{ width:23.5%; float:left; margin-right:1.5%; margin-bottom:1em; transition:all 0.8s;}
.kelist .kelist-ul li:hover{  box-shadow:0 0 5px 3px rgba(0,0,0,0.2)}
.kelist .kelist-ul li img{ width:100%;}
.kelist .kelist-ul li p{ line-height:2em; font-size:1em; color:#383838; background:#eeeeee; box-sizing:border-box;  padding:2%;}
@media screen and (max-width:768px){
.kelist{ width:100%; display:block;}
.kelist .kelist-ul li{ width:48%; margin:0 1% 1em;}
}
/*产品中心*/
.loca{ padding:16px 0;}
.loca p{ font-size:0.875rem; color:#3b3b3b}
.loca p a{ color:#3b3b3b}
@media screen and (max-width:768px){
.loca p{ font-size:1rem;}
}
.plsort{ position:relative; width:17.7%; margin-top:-80px;}
.sname{ padding:21px 14px; background:#c30000}
.sname h6{ color:#fff; font-size:1.375rem;}
.sname p{ color:#fff; font-size:0.875rem;}
.plsort ul{ margin-top:6px; background:#fff}

.plsort li.one{height:65px;line-height:65px;display: block; text-indent:18px;font-size: 1.125rem;color: #FFF; background:url(../images/p-nor.jpg) 90% center no-repeat #0d62aa; margin-top:1px; position:relative; width:auto; }
.plsort li.one a{color: #FFF;}
.plsort li.one.cur{background:url(../images/p-cur.jpg) 90% center no-repeat #1174c8;}
.plsort li.one:hover{background:url(../images/p-cur.jpg) 90% center no-repeat #1174c8;}
.plsort li.one.cur a{color:#fff;border-color: #339731;}

.plsort ul ul{ background:#1174c8 !important; margin:0; padding:0 0 12px; white-space:100%}
.plsort li.two {height:41px;line-height:41px;margin-bottom:1px; overflow:hidden; width:90%; margin:0 auto; border-bottom: 1px solid #4190d3; }
.plsort li.two a{font-size:1rem; color:#fff; text-indent:8px;}
.plsort li.two:hover a{color:#fff; font-weight:bold}
.plsort .two.cur2 {color:#fff;font-weight:bold}
.plsort .two.cur2:hover a {color:#fff;font-weight:bold}
.plsort .two.cur2 a{color:#fff;font-weight:bold}
@media screen and (max-width:768px){
.plsort{ width:105%; margin-top:-54px; margin-bottom:20px; left:-2.5%}
.plsort li.one{ width:50%; float:left; height:70px; line-height:70px;}
.plsort ul ul{ display:none !important}
}
.pd-show{ width:81.5%;}
.pd-show .product-list li{ width:33.23%; position:relative; float:left; margin-bottom:18px; margin-right:1px; overflow:hidden; transition:all 0.8s}
.pd-show .product-list li:hover{ box-shadow:0px 0px 5px 5px rgba(0,0,0,0.1)}
.pd-show .product-list li a{ display:block;}
.pd-show .product-list li img{ max-width:100%; transform:scale(1); transition:all 0.5s}
.pd-show .product-list li:hover img{ max-width:100%; transform:scale(1.1);}
.pd-show .product-list li dd{ position:absolute;left:0; bottom:0; width:100%; background-size:100%; background:url(../images/pnbg.jpg) center no-repeat}
.pd-show .product-list li p{ margin-left:2%; width:96%; border-top:1px solid #5a9fd9;  background:url(../images/j11.png) right center no-repeat; padding:27px 0; color:#fff; font-size:1.125rem;} 
@media screen and (max-width:768px){
.pd-show{ width:100%;}
.pd-show .product-list li{ width:49.8%;}
.pd-show .product-list li dd{ background:#1275c8 }
.pd-show .product-list li p{ display: flex;height: 1.5rem;align-items: center;background:none; }
}

/*产品展示*/
.pright{ width:81.5%; box-sizing:border-box; border-top:3px solid #1174c8; background:#fff; padding:26px;}
.pname h4{ font-size:1.5rem; color:#111111; background:url(../images/pname.jpg) left center no-repeat; padding-left:20px;}
.pmiao{ margin-top:23px;}
.pmiao .kkk{ background:#0d62aa; padding:16px; color:#fff; font-size:1.125rem;}
.jian{ margin:20px 0;}
.nxdd{ margin:18px 0;}
.nxdd .next1{ background:#eee; padding:8px 10px; font-size:0.875rem}
.nxdd .pre1{background:#eee; padding:8px 10px; font-size:0.875rem}
#gallery{ margin-top:20px;}
#gallery img {
	border: none;
	width:100%;
}

#gallery_nav {
	float: right;
	width: 19%;
	text-align: center;
}
#gallery_nav a{
	display: block;height: auto;
		border:1px solid #e6e6e6;
		margin-bottom:7px;
}
#gallery_output {
	float: left;
	width: 79%;
	border:1px solid #e6e6e6;
	overflow: hidden;
}

#gallery_output img {
	display: block;
	width:100%;
}
@media screen and (max-width:768px){
.pright{ width:100%;}
#gallery_nav { width:100%; }
#gallery_nav a{ float:left; width:23.7%; margin-right:1%}
#gallery_output { width:100%;margin-bottom:18px;}
}


/*应用领域*/
.ylsort{ position:relative; width:17.7%; margin-top:-80px;}
.sname{ padding:21px 14px; background:#c30000}
.ylsort ul{ margin-top:6px; background:#fff}

.ylsort li{height:65px;line-height:65px;display: block; text-indent:18px;font-size: 1.125rem;color: #FFF; background:url(../images/p-nor.jpg) 90% center no-repeat #0d62aa; margin-top:1px; position:relative; width:auto; }
.ylsort li a{color: #FFF; display:block}
.ylsort li.cur{background:url(../images/p-cur.jpg) 90% center no-repeat #1174c8;}
.ylsort li:hover{background:url(../images/p-cur.jpg) 90% center no-repeat #1174c8;}
.ylsort li.cur a{color:#fff;border-color: #339731;}
@media screen and (max-width:768px){
.ylsort{ position:relative; width:105%; margin-top:-50px; background:#0d62aa; left:-2.5%}
.ylsort ul{ margin-top:0px;}
.ylsort li{ width:50%; float:left; border-bottom:1px solid #fff}
.ylsort li:nth-child(5){ border-bottom:none}
.sname{ display:none}
}

/*应用领域*/
.yy-ly{width:81.5%;}
.yy-ly .yy-ly-list{ margin-top:16px;  }
.yy-ly .yy-ly-list li{ background:#fff; box-sizing:border-box; border:1px solid #bcbcbc; width:49%; padding:17px; cursor:pointer; margin-bottom:16px; transition:all 0.5s;margin-right: 2%}
.yy-ly .yy-ly-list li:nth-child(2n){
	margin-right:0; 
}
.yy-ly .yy-ly-list li:hover{ box-shadow:0px 0px 3px 3px rgba(0,0,0,0.1)}
.yy-ly .yy-ly-list li .ypic{ width:44.05%;}
.yy-ly .yy-ly-list li .ycon{ width:52%}
.yy-ly .yy-ly-list li .ycon p{ font-size:1.125rem; color:#2a2a2a; font-weight:bold; margin-top:16px;}
.yy-ly .yy-ly-list li .ycon span{ line-height:1.5em; color:#666}
.yy-sh{width:81.5%; background:#fff; box-sizing:border-box; padding:2%;text-align: left}
@media screen and (max-width:768px){
.yy-ly{width:100%;}
.yy-ly .yy-ly-list li{ width:100%;}
.yy-sh{width:100%; margin-top:20px;}
}

.ashare{ position:relative; text-align: center;height:2em; border-bottom:1px dashed #ddd;}
.ohg{ position:absolute; right:180px; top:-5px;}
@media screen and (max-width:768px){
.ohg{ top:50px;right:250px;}
}


#container{width:100%; height: 650px; position:absolute;}


/*左浮动*/
.left-fu{border-top:5px solid #b10000; width:auto; max-width:230px; background:#0d62aa url(../images/gg.jpg) center top no-repeat; padding:0 0% 17px;}
.left-fu .ke11{ margin:0;}
.left-fu .gtel{ background:url(../images/gtel.png) left center no-repeat; min-height:50px; padding-left:60px; margin:10px 0 0 10px;}
.left-fu .gtel p{ font-size:2rem; color:#fff;font-family:'Alternate';}
.left-fu .gtel span{ color:#fff; font-size:1em;}
.left-fu  img{ margin:16px 0;}
.left-fu .gfan{ margin:0 10px}
.left-fu .gfan p{ color:#fff; font-size:0.875rem; line-height:1.5em}
@media screen and (min-width:1680px){
	
 }
@media screen and (max-width:768px){
.left-fu{ display:none;}
}

.cdd{ width:75%; margin:0 auto;}
.cdd a{ display:block; padding:3px 8px; background:#eee;}


.vilist{ width:100%; margin-top:16px;}
.vilist .vilist-ul li{ width:23.5%; float:left; margin-right:1.5%; margin-bottom:1em; transition:all 0.8s;}
.vilist .vilist-ul li:hover{  box-shadow:0 0 5px 3px rgba(0,0,0,0.2)}
.vilist .vilist-ul li img{ height:195px; width:305px;}
.vilist .vilist-ul li p{ line-height:2em; font-size:1em; color:#383838; background:#eeeeee; box-sizing:border-box;  padding:2%;}
@media screen and (max-width:768px){
.vilist{ width:100%; display:block;}
.vilist .vilist-ul li{ width:48%; margin:0 1% 1em;}
}

/*网站地图*/
.sitelo{ border-left:3px solid #1174c8; padding-left:14px;}
.sitelo p{ color:#333;}
.sitelo p a{ color:#333;}

.siteul{ margin-top:30px;}
.siteul h4{ display:inline-block; background:#1174c8; padding:10px 20px; color:#fff; font-size:1.25rem;}
.siteul h4 a{ color:#fff; font-weight:400}
.siteul ul{ margin:30px 0;}
.siteul ul li{ width:16.5%; text-align:center; border-bottom:1px solid #ddd; float:left;}
.siteul ul li a{ display:block; padding:16px 0; font-size:1rem;}
.siteul ul li a:hover{ color:#1174c8}
@media screen and (max-width:768px){
.siteul ul li{ width:50%;}
}