/* CSS Document BY DPR*/
@charset "utf-8";
*,body,html,h1,h2,h3,h4,h5,h6,div,p,span,a,img,input,dl,dt,dd,ul,ol,li,table,tr,td{margin:0;padding:0;border:0;outline:none;text-decoration:none;font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;color:#333;font-weight:100;font-size:14px;}
li{list-style:none;}

/**clean float**/
.clear{clear:both;}
.clear:after{clear:both;height:0;visibility:hidden;display:block;content:"";}

/**float**/
.fl{float:left;}
.fr{float:right;}
.tac{text-align:center;}
.oh{overflow:hidden;}

/*Circular scroll bar style 20150717 LXX*/
::-webkit-scrollbar{width:6px;height:12px}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/**The overall effect is selected**/
::selection{color:#fff;background:#00a1ff;}
::-moz-selection{color:#fff;background:#00a1ff;}

/****/
.within{width:1120px;margin:0 auto;}
.top{background:url(../images/ttbg.jpg) repeat-x center top;width:100%;height:30px;line-height:30px;transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;border-bottom:1px solid #dfdfdf;}
.top .cen{background:#2eaeff;padding:7px 14px;color:#fff;}
.top p a{margin-left:5px;}
.top p a:hover{color:#398cda;}
.top p span{color:#398cda;}

.logo{height:90px;}
.nav{background:url(../images/menubg.jpg) repeat-x center top;width:100%;height:36px;line-height:36px;}
.nav li{float:left;width:140px;height:36px;overflow:hidden;background:url(../images/lll.jpg) no-repeat right center;}
.nav li:hover{background:#378bdb url(../images/lll.jpg) no-repeat right center;}
.nav li a{color:#fff;font-size:14px;}
.overbanner { width: 100%; overflow: hidden; }
.banner img { width: 100%;}
.subbanner img { width: 100%;}

.indprod {padding:0px 0px 30px;}
.indprod .lef,.subprod .lef{width:23%;float:left;border:1px solid #ccc;background:#fff;}
.indprod .lef .tit,.subprod .lef .tit{background:#26a1fe url(../images/ppleft.jpg) no-repeat 15px center;width:100%;padding:20px 0 10px;}
.indprod .lef .tit h2,.indprod .lef .tit h3,.subprod .lef .tit h2,.subprod .lef .tit h3{padding-left:70px;color:#fff;}
.indprod .lef .tit h2,.subprod .lef .tit h2{font-size:20px;color:#fff;}
.indprod .ppul,.subprod .ppul{width:100%;margin:8px auto 10px;padding:0 4%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;}

.subprod .ppul li{height:30px;overflow:hidden;}
.indprod .ppul li,.subprod .ppul li{margin:3px auto;background:url(../images/ppp.jpg) repeat-x center top;border:1px solid #dcdcdc;overflow: hidden;text-overflow:ellipsis; }
.indprod .ppul li:hover,.subprod .ppul li:hover{background:url(../images/pph.jpg) repeat-x center top;}
.indprod .ppul li a,.subprod .ppul li a{background:url(../images/pppo.jpg) no-repeat 10px center;
height:30px;line-height:30px;display:block;padding-left:25px;}
.indprod .ppul li:hover a,.subprod .ppul li:hover a{background:url(../images/ppho.jpg) no-repeat 10px center;color:#fff;}


/***/
.indprod .rig{width:75%;float:right;}
.indprod .rig ul li{width:24%;margin:28px 4px 7px;float:left;}
.indprod .rig ul li a.img{padding:2px;border:1px solid #d9d9d9;display:block;}
.indprod .rig ul li a.img img{width:100%;display:block;}
.indprod .rig ul li h3{height:28px;line-height:26px; overflow:hidden;}
.indprod .rig ul li a span{color:#3481ca;}
.indprod .rig ul li p{font-size: 12px;padding: 3px 0px;line-height: 18px;overflow:hidden;color:#6e6e6e;}
a.go{display:block;color:#3481ca;font-size:12px;text-decoration:underline;}


.indabout .tit,.indcase .tit{text-align:center;color:#a7a7a7; margin-bottom:20px;}
.indabout .tit p,.indcase .tit p{text-transform:uppercase;color:#a7a7a7;}
.indabout .tit h3,.indcase .tit h3{font-size:24px;color:#5c5c5c;}

.indabout{background:#f1f7fb;padding:3% 0;}
.indabout .com{line-height:24px;text-align:center;padding:20px 0;}
.indabout ul li{width:25%;text-align:center;float:left;padding:0px 2%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;}
.indabout ul li .img{background:url(../images/cc.png) no-repeat center;text-align:center;}
.indabout ul li:hover .img{background:url(../images/chover.png) no-repeat center;}
.indabout ul li h3{font-size:16px;color:#3481ca;line-height:32px;}
.indabout ul li:hover h3{color:#68b504;}

.indnews{width:48%;padding:40px 0px;float:left;}
.indnews .tit,.indhon .tit{border-bottom:1px solid #ccc;line-height:36px;}
.indnews .tit h3,.indhon .tit h3{float:left;}
.indnews .tit span,.indhon .tit span{float:right;}
.indnews .tit h3 a,.indhon .tit h3 a{font-size:16px;}
.indnews .hot,.indhon .pp{padding:15px 0px;}
.indnews .hot div{float:right;padding-left:15px;width:70%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;}
.indnews .hot div h3{height:36px;line-height:16px;}
.indnews .hot div h3 a{color:#3481ca;}
.indnews .hot a.img{display:block;width:28%;float:left;}
.indnews .hot a.img img{display:block;width:100%;}
.indnews .neul li{background:url(../images/ddd.jpg) no-repeat left center;padding-left:15px;line-height:18px;}
.indnews .neul li a:hover{color:#3481ca;}


.indhon{width:48%;padding:40px 0px;float:right;}
.indhon .neul li{float:left;padding-left:8px;width:33.33%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;}
.indhon .neul li img{width:100%;display:block;}
.indcase{background:#f9f9f9;padding:30px 0px 230px 0px;}
.indcase ul{}
.indcase .clear li:nth-child(2n-1){float:left;width:24%; background-color:ffffff; padding:30px 5px; text-align:center;font-size:14px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;box-shadow: 2px 2px 0px rgba(204, 204, 204, 0.9) }
.indcase .clear li:nth-child(2n){float:left;width:24%; background-color:f2f2f2;  padding:30px 5px;text-align:center;font-size:14px;border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;box-shadow: 2px 2px 0px rgba(204, 204, 204, 0.9)}
.indcase .clear2 li:nth-child(2n-1){float:left;width:24%; background-color:f2f2f2; padding:30px 5px;text-align:center;font-size:14px;border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;box-shadow: 2px 2px 0px rgba(204, 204, 204, 0.9)}
.indcase .clear2 li:nth-child(2n){float:left;width:24%; background-color:ffffff;  padding:30px 5px;text-align:center; font-size:14px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;box-shadow: 2px 2px 0px rgba(204, 204, 204, 0.9)}
.indcase .clear3 li:nth-child(2n-1){float:left;width:24%; background-color:ffffff; padding:30px 5px; text-align:center;font-size:14px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;box-shadow: 2px 2px 0px rgba(204, 204, 204, 0.9) }
.indcase .clear3 li:nth-child(2n){float:left;width:24%; background-color:f2f2f2;  padding:30px 5px;text-align:center;font-size:14px;border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;box-shadow: 2px 2px 0px rgba(204, 204, 204, 0.9)}
.indcase li img{display:block;width:100%;}

.honlist li{width:33%;float:left;text-align:center;margin:15px 0px;}
.honlist li img{width:90%;}



.subg{background:#f3f3f3;padding-top:30px;}
.subcom .rig{width:75%;float:right;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;margin-bottom:40px;}
.subcom .rig .tit{line-height:36px;background:#fff;padding:20px 3%;margin-bottom:20px;border:1px solid #ccc;}
.subcom .rig .tit h2{float:left;color:#2eaeff;font-size:18px;line-height:36px;border-radius:5px 0px 0px 0px;-erbkit-border-radius:5px 0px 0px 0px;}
.subcom .rig .tit div{float:right;}

.subcom .rig .tit h3{background:#2eaeff;color:#fff;font-size:18px;line-height:36px;text-align:center;}
.subcom .rig .tit ul{float:left;line-height:34px;margin:0px 10px;}
.subcom .rig .tit ul li{float:left;background:#2eaeff;font-size:14px;color:#fff;padding:0 8px;margin:0px 8px;text-align:center;cursor:pointer;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;}
.subcom .rig .tit ul li:hover,.subcom .rig .tit ul li.on{background:#09bcff;}
.subcom .rig .bd,.subcom .rig .subbg{background:#fff;padding:25px 3%;border:1px solid #ccc;min-height:434px}

.subcom .rig .bd .com p {line-height:22px; padding-bottom:15px;}
.subcom .rig .comscroll{margin-top:15px;}
.subcom .rig .comscroll  li{float:left;width:33%;padding:5px 5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;}
.subcom .rig .comscroll  li img{display:block;width:100%;}
	
.subprod .prodlist{background:#fff;padding:25px 3%;}
.subprod .prodlist li{height:auto; width:31%;line-height:24px;float:left;text-align:center;padding:5px;border:1px solid #dcdcdc;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;margin:1%;}

.subprod .prodlist li p{overflow:hidden;height:24px;}
.subprod .prodlist li img{width:100%;display:block;}
.subprod .prodpic{line-height:28px;}
.subprod .prodpic h2{background:#fdfbfb;line-height:34px;color:#26a1fe;font-size:16px;border:1px solid #ececec;margin:10px auto;text-align:center;}
.subprod .prodpic h3{color:#0a8aea;line-height:30px;margin-top:10px;}
.subprod .caslist li{float:left;width:25%;padding:8px 5px;line-height:24px;text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;}
.subprod .caslist li img{display:block;width:100%;}
.subsuc{line-height:230%;min-height:650px;}
.subsuc li{width:100%;float:left;background:url(../images/ar.png) no-repeat left center;padding-left:10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;border-bottom:1px solid #eceff0; line-height:50px;}
.conlis li{float:left;width:50%;line-height:230%;}


.foot{background:#272727;}
.foot .one{color:#ccc;padding:30px 0px;font-size:12px;border-bottom:1px solid #444;}
.foot .one a,.foot .one p{color:#ccc;font-size:12px;}
.foot .fadd,.foot .fcom{float:left;color:#ccc;margin-right:5%;padding:30px 0px;line-height:22px;}
.foot .fnews{float:left;color:#ccc;margin-left:6%;padding:30px 0px;line-height:22px;}
.foot h3{color:#aaa;font-size:16px;line-height:40px;}
.foot ul li a,.foot ul li{color:#ccc;font-size:12px;}
.foot .fshare{float:right;width:135px;padding:30px 0px;}
.foot .fshare li{float:left;padding-left:2%;}
.foot .erw{width:130px;float:left;padding:30px 70px;}

.hide_n,.hide_p{display:block;}
.hide_b,.hide_w{display:none;}


.minfoot{height:0px; display: none;}
	.fixednav { height: 46px; border:0 solid #0952a3; position: fixed; left: 0; bottom: 0; background: #0952a3; width: 100%; }
	.fixednav ul { text-align: center; height: 60px; }
	.fixednav ul li { display: block; width: 25%; float: left; }
	.fixednav ul li a { display: block; width: 100%; height: 22px; line-height: 22px; padding-top: 24px; font-size: .75rem; color: #fff; background: url(../img/fixednavicon01.png) no-repeat center -3px; background-size: 35px auto;  }
	.fixednav ul li.on a {background-color: #00437f; color: #fff; }
	.fixednav ul li#nav01 a { background-image: url(../img/fixednavicon01.png);  }
	.fixednav ul li#nav02 a { background-image: url(../img/fixednavicon02.png);  }
	.fixednav ul li#nav03 a { background-image: url(../img/fixednavicon03.png);  }
	.fixednav ul li#nav04 a { background-image: url(../img/fixednavicon04.png);  }
	.fixednav ul li#nav05 a { background-image: url(../img/fixednavicon05.png);  }
	.fixednav ul li#nav11 a { background-image: url(../img/fixednavicon11.png);  }
	.fixednav ul li#nav12 a { background-image: url(../img/fixednavicon12.png);  }

/*----2018/1/4----*/
#JobContent{ text-align:left}
#JobContent table{ border-collapse:collapse}
#JobContent td{ border:1px solid #CCCCCC}

.feedbackpic{ background:url(../images/feedback.jpg) no-repeat left center; background-size:auto 100%; height:108px; margin-bottom:20px;}
/*.feedback form{ background-color:#fff; box-shadow:2px 3px 5px #ddd; padding:10px 8% 20px; line-height:30px; border:1px solid #eee;}*/
.feedback .line{ overflow:hidden; margin-top:15px;}
.feedback label{  width:100px; display:block; float:left;line-height:30px;}
.feedback .input{ border:1px solid #ccc; margin-left:100px; padding:0 10px;}
.feedback input{ line-height:28px;height:28px; border:none; display:block; width:100%;}
.feedback textarea{ height:80px; border:none; width:100%; line-height:20px; padding:10px 0;}
.feedback input.btn{ line-height:40px; height:40px; font-size:15px; font-family:microsoft yahei; cursor:pointer;}
.feedback input.btn:hover{ color:#fff; background-color:#26a1fe ;}
.feedback img{ position:absolute; bottom:-48px; right:0px;}


/*map*/
#dituContent{width:100%;height:350px; margin-top:30px;}
#dituContent img{ max-width:none;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

.newstit{ text-align:center;}
.newsdate{ border-bottom:1px solid #ccc; text-align:center;}
.newscon{ padding:10px;}
.newspage a{ width:50%; float:left; }

.ga{ width:300px;margin:0 auto; padding:20px 0;}
/*----2018/1/4 end----*/

/**1200 resolution interface style****/
@media (max-width: 1200px){
	.within{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:0px 10px;}	
	.nav li{width:12.5%;}
	.banner{ width: 160%;}
	.indprod .lef .tit,.subprod .lef .tit{background:#26a1fe;}
	.indprod .lef .tit h2,.indprod .lef .tit h3,.subprod .lef .tit h2,.subprod .lef .tit h3{text-align:center;padding:0;}	
	
	.indhon .neul li{width:33%;}

	.subcom .rig .tit ul:after{clear:both;height:0;visibility:hidden;display:block;content:"";}
	.subcom .rig .tit ul{width:100%;margin:2px auto;float:left;}
	.subcom .rig .tit ul li{width:32%;margin:2px 0.5%;float:left;}
	.subcom .rig .tit h2{margin:3px 0;}	
	.indprod .rig ul li{width:31%;margin:10px 1% 20px;}
	.indcase li{float:left;width:20%;}
	.subprod .caslist li{width:33%;}
	.subprod .prodpic img{width:92%;}	
	.conlis li{width:50%;}
	.hide_n{display:none;}

.honlist li img{width:90%;}
}

@media (max-width:720px){	
    img{max-width:720px;}
	.banner img { width: 100%;}
	.banner{ width:100%;}
	
	.top p a,.top p span{display:none;}
	.top p a.cen{display:block;float:right;line-height:30px;text-align:center;padding:0px 8px 0px 12px;}
	.logo{height:auto;}
	.logo .fr{display:none;}
	.nav{height:auto;background:url(../images/menubg.jpg) repeat center top}
	.nav ul li{width:25%;}
	.indprod .lef,.indprod .rig,.subprod .lef,.subprod .rig{float:none;width:100%;}
	.indprod .lef .tit,.subprod .lef .tit{background:url(../images/stop.jpg) repeat-x center;padding:7px 0;}
	.indprod .ppul,.subprod .ppul{margin:3px 0;}
	.indprod .ppul li,.subprod .ppul li{width:48%;float:left;margin:3px 0;}
	.indprod .ppul li:nth-child(even),.subprod .ppul li:nth-child(even){float:right;}
	.indnews,.indhon{width:100%;float:none;padding:20px 0;}
	.indhon{padding:10px 0 30px;}
	.subsuc li{width:100%;float:none;}
	
	.subcom .rig .tit{margin:10px auto 5px;}
	.subcom .rig .tit ul{clear:both;}	
	.subcom .rig .tit ul,.subcom .rig .tit ul li{width: 100%;margin:2px auto;float:none;}
	.subcom .rig .tit h2{margin:3px 0;}	
	.indprod .rig ul li{width:48%;margin:5px 1% 10px;}
	.indprod .rig ul li p,.indprod .rig ul li h3 span{display:none;}
	.subcom .rig .comscroll  li{width:50%;}
		
	.indabout ul li{width:50%;}
	.subprod .prodpic img{width:100%;}
	.subprod .caslist li{width:50%;}
	.conlis li{width:100%;float:none;}
	
	.indabout .com{text-align:left;}
	.indnews .hot div{float:none;width:100%;padding:0;}
	.indnews .hot a.img{width:100%;float:none;}
	.indhon .neul li{width:46%;padding:0;margin:8px 2%;}
	.subcom .rig .tit{line-height:36px;background:#fff;padding:4px 3%;margin-bottom:15px;border:1px solid #ccc;}
	.subcom .rig .tit div{float:left;}

	.indcase .clear li:nth-child(2n-1){float:left;width:47%; background-color:ffffff; padding:30px 5px; text-align:center;font-size:14px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;box-shadow: 2px 2px 0px rgba(204, 204, 204, 0.9) }
    .indcase .clear li:nth-child(2n){float:left;width:47%;  background-color:f2f2f2;  padding:30px 5px;text-align:center;font-size:14px;border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;box-shadow: 2px 2px 0px rgba(204, 204, 204, 0.9)}
    .indcase .clear2 li:nth-child(2n-1){float:left;width:47%; background-color:f2f2f2; padding:30px 5px;text-align:center;font-size:14px;border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;box-shadow: 2px 2px 0px rgba(204, 204, 204, 0.9)}
    .indcase .clear2 li:nth-child(2n){float:left;width:47%;  background-color:ffffff;  padding:30px 5px;text-align:center; font-size:14px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;box-shadow: 2px 2px 0px rgba(204, 204, 204, 0.9)}
	.indcase .clear3 li:nth-child(2n-1){float:left;width:47%;height:60px;    background-color:ffffff; padding:30px 5px; text-align:center;font-size:14px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;box-shadow: 2px 2px 0px rgba(204, 204, 204, 0.9) }
    .indcase .clear3 li:nth-child(2n){float:left;width:47%;height:60px; background-color:f2f2f2;  padding:30px 5px;text-align:center;font-size:14px;border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;box-shadow: 2px 2px 0px rgba(204, 204, 204, 0.9)}
	.indcase{background:#f9f9f9;padding:30px 0px 490px 0px;}
	
	.minfoot{display: block;}
	a.mapbtn {font-size: 14px; text-align: center; line-height: 30px;border: 1px solid #005bac; color: #005bac; }
    
	.subg  .hon img { width:100%; }


	.subg {
    padding-top: 10px;}
	.indcase li{float:left;width:50%;}
	.hide_w{display:block;}	
	.hide_p,.subbaner{display:none;}	
	
	.foot .one{color:#ccc;padding:20px 0px 20px 0px;font-size:12px;border-bottom:1px solid #444;}
	
	.feedbackpic{ height:80px;}
	.feedback{ padding:0px;}
	.feedback .line{ margin-top:10px;}
	.feedback label{ display:none;}
	.feedback .input{ margin-left:0px;}
	.ga{ margin:0 auto 45px;}
}