@charset "gb2312";
@media screen and (min-width: 200px) and (max-width: 1200px) {body{ width:1200px;}}
body{  font-family:Arial,Helvetica,sans-serif;font-size:16px; color:#000;  margin:0px; padding:0px; }
 *{ margin:0px; padding:0px;}
.clear{clear:both;height:0;overflow:hidden; font-size:0px;}
.clear10{height:2px;overflow:hidden;clear:both;}
.clear20{height:20px;overflow:hidden;clear:both;}
.clear40{height:40px;overflow:hidden;clear:both;}
ol,ul,li{list-style:none outside none;}
a{color:#333;  text-decoration:none}
a img{border:0 none;}
table,tr,td,th{border-collapse:collapse;padding:0; margin:0;}


img{vertical-align: middle;}
/*input,textarea{padding:0 2px; resize:none;}*/
.box{ width:1200px;  margin:0px auto; overflow:hidden;text-align:left;}
.fl{ float:left;}
.fr{ float:right;}
.padding{ padding:10px;}
.info{ line-height:35px; text-align:left; }
.red{ color:#990000; }
.black{ color:#000;}
.green{ color:#26973d}
.m1200{ width:1200px; margin:0px auto; text-align:left; overflow:hidden; line-height:30px;}
.m1400{ width:1400px; margin:0px auto; text-align:left; overflow:hidden}
.main{width:100%; margin:0 auto; overflow: hidden }
.main2{width:100%; overflow:hidden; margin:0px auto; }

.cor{ color:#666666}

.head{ width:100%; overflow: hidden; background: url(../images/top.png) no-repeat center;   height:100px;  z-index:9999;  position:fixed; border-bottom:1px #CCCCCC double; top:0px; }
.logo{ width:100%; margin:auto 0; overflow:hidden;}
.logo_left{ width:46%; float:left; overflow:hidden; }
.logo_right{width:50%; float:right; overflow:hidden; margin-right:2%}

.nav2{  float:right; overflow:hidden; height:50px; margin-top:0px; }
.nav2 ul{  margin:0 auto}
.nav2 ul li{ width:110px; float:left; overflow:hidden; border-right:0px solid #EFEFEF; }
.nav2 ul li a{ width:110px; height:50px; display:block; text-align:center; color:#666;  font-size:17px; line-height:50px;}
.nav2 ul li a:hover{ color: #009933; height:100px; background: #fff}


.banner{ width:100%; position:relative; overflow:hidden; margin:0 auto; }
.banner .bd{ height:700px; overflow:hidden;}
.banner .bd a{ display:block;height:700px; overflow:hidden;}
.banner .bantil{ width:132px; height:17px; position:absolute; bottom:40px;left:50%; z-index:8;}
.banner .bantil li{ width:17px; height:17px; float:left; display:inline; margin:0 12px;background:#0071be;border-radius:17px;}
.banner .bantil li.cur,.banner .bantil li:hover{background:#02b29c;cursor:pointer;}


.inleft{width:50%; float:right;}
.inleft ul{width:100%; margin:0 auto; overflow: hidden }
.inleft ul li{ width:45%; float:left; margin-left:2%; border:1px #ededed double; margin-bottom:10px; margin-top:10px;}
.inleft ul li a{width:100%; height:80px; display:block; text-align:left; margin-left:30px; color:#666;  font-size:22px; line-height:80px;}


.inright{width:50%; float:left; line-height:32px; padding:20px; text-align:left; font-size:16px}

/**产品中心**/
.xz{ width:80%; overflow:hidden; margin:0px auto;}
.xz ul{ width:80%; margin:0px auto;}
.xz ul li{ width:23%; float:left; overflow:hidden;font-size:20px; margin-left:15px; margin-bottom:20px;  } 
.xz ul li a{ width:100%; height:70px; display:block; text-align:center; color:#fff;  line-height:70px}
.red{ border:1px double  #ccc; background:  #009966; }
.red:hover{border:1px double #398143; background: #009999; color:#fff; }


.inprod{width:1200px; margin:0 auto; overflow:hidden}
.inprod ul{width:1200px; margin:0 auto; overflow:hidden}
.inprod ul li{width:380px; float:left;   margin-top:10px; margin-left:8px;}
.inprod img{width:350px; height:450px;}
.inprod ul li p{ line-height:45px; font-size:16px; color:#666}
.proxiao{font-size:12px; line-height:20px;  color:#666666; margin:0 auto; text-align:left;}



.intitleen{font-size:15px; color:#999; text-align: center; font-family: Arial, Helvetica, sans-serif}
.intitle{font-size:35px; color:#000;  text-align: center; line-height: 1.7em; letter-spacing: 1px; text-transform: uppercase;}
.inabcon{width:980px; float:right; text-align:left; line-height:35px; font-size:16px;}




/**新闻**/
.con_left{width:580px; float:left; margin-left:5px}
.contitle{width:580px; border-bottom:0px #ccc double; font-size:22px; line-height:30px; text-align:left}
.conzi{text-align:left; line-height:35px; font-size:16px; color:#666;}
.conmore{font-size: 10px; color:#999;  float: right}

.con_cont{width:585px; float:right; margin-left:15px}
.contitle2{width:585px; border-bottom:0px #ccc double; font-size:22px; line-height:30px; text-align:left}
.news{width:580px; margin:0 auto; overflow:hidden}
.news ul{}
.news ul li{width:580px; float:left; border-bottom:1px #ccc dotted; font-size:16px; text-align:left; padding-left:5px; line-height:42px; color:#666; background:url(../img/17.png) no-repeat left;}
.news ul li a{ color:#666666}

.case img{ border:1px #ddd double}






/**关于我们**/
.about{ width:80%; overflow:hidden; margin:0px auto;}
.about ul{ width:80%; margin:0px auto;}
.about ul li{ width:23%; float:left; overflow:hidden;font-size:20px; margin-left:15px; margin-bottom:20px;  } 
.about ul li a{ width:100%; height:70px; display:block; text-align:center; color:#fff;  line-height:70px}
.red2{ border:1px double  #ccc; background:  #009966; }
.red2:hover{border:1px double #398143; background: #009999; color:#fff; }



/**内页新闻**/
.news2{width:1200px; margin:0 auto; overflow:hidden}
.news2 ul{width:1200px; margin:0 auto; overflow: hidden} 
.news2 ul li{width:1180px;  overflow: hidden; float:left; margin-right:20px;  margin-top:20px;}
.news2 ul li a{ color:#333}
.news2 ul li a:hover{ color: #009966}
.newsda{width:998px; height:100px; background:#efefef;  padding-left:12px; line-height:35px; text-align:left; float:right;color:#666}

/**治理方案通知**/
.zhili{ width:100%; overflow:hidden; margin:0px auto;}
.zhili ul{ width:100%; margin:0px auto;}
.zhili ul li{ width:18%; float:left; overflow:hidden;font-size:20px; margin-left:15px; margin-bottom:20px;  } 
.zhili ul li a{ width:100%; height:70px; display:block; text-align:center; color:#fff;  line-height:70px}
.red3{ border:1px double  #ccc; background:  #009966; }
.red3:hover{border:1px double #398143; background: #009999; color:#fff; }


/**产品列表**/
.prlist{ width:100%; overflow:hidden; margin:0px auto;}
.prlist ul{ width:100%; margin:0px auto;}
.prlist ul li{ width:31%; float:left; overflow:hidden;font-size:20px; margin-left:15px; margin-bottom:20px;  } 
.prlist ul li a{ width:100%; height:70px; display:block; text-align:center; color:#fff;  line-height:70px}
.red4{ border:1px double  #ccc; background:  #009966; }
.red4:hover{border:1px double #398143; background: #009999; color:#fff; }



/**荣誉**/
.honor{width:1200px; margin:0 auto; overflow:hidden}
.honor ul{width:1200px; margin:0 auto; overflow:hidden}
.honor ul li{float:left;   margin-top:10px; margin-left:8px; margin-right:5px; padding:10px;}
.honor img{ height:250px; }
.honor ul li p{ line-height:45px; font-size:16px; color:#666; text-align:center}




/**联系我们**/
.contactul{margin-top: 20px; text-align:center}
.contactul li{float: left;text-align: center;width: 285px;height: 218px;margin-left: 20px;position: relative;padding-top: 42px;font-size: 16px;color: #333;line-height: 32px;}
.contactul li:first-child{margin-left: 0;}
.contactul h2{font-size: 18px;color: #333;font-weight: normal;margin-top: 10px;margin-bottom: 10px;}
.contactul .contactinfo{position: relative;z-index: 2;}
.contactul .text{margin: 0 20px;}
.contactul .s1{position:absolute;top:0;left:0;width:100%;height:100%;background: #009966;opacity: 0.2;filter:alpha(opacity=20);}
.contactul .s2{position:absolute;top:0;left:0;width:100%;height:100%;background: #58bec8;opacity: 0.2;filter:alpha(opacity=20);}
.contactul .s3{position:absolute;top:0;left:0;width:100%;height:100%;background: #9ac047;opacity: 0.2;filter:alpha(opacity=20);}
.contactul .s4{position:absolute;top:0;left:0;width:100%;height:100%;background: #31a0e1;opacity: 0.2;filter:alpha(opacity=20);}
.contactul .i1{display: inline-block;width: 36px;height: 46px; background: url("../images/sprite2.png") no-repeat 0 0;}
.contactul .i2{display: inline-block;width: 42px;height: 46px; background: url("../images/sprite2.png") no-repeat -38px 0;}
.contactul .i3{display: inline-block;width: 40px;height: 46px; background: url("../images/sprite2.png") no-repeat -83px 0;}
.contactul .i4{display: inline-block;width: 40px;height: 46px; background: url("../images/sprite2.png") no-repeat -125px 0;}



.foot{ background: #333333; color:#ccc; padding:5px 0px; overflow:hidden;}
.foottop{ height:80px; border-bottom:1px solid  #ccc;}
.foot_left{ float:left; width:850px}
.foot dl{ width:170px; float:left; line-height:30px;}
.foot dl dt{ color:#ccc; line-height:30px; font-size:18px}
.foot dl dt a{ color:#ccc;}
.foot dl dd{ color:#ccc; line-height:30px;}
.foot dl dd a{ color:#ccc; line-height:30px;}
.foot_le{ float:right; width:300px; line-height:30px;}
.footmain{border-bottom:1px solid #666; overflow:hidden; padding:20px 0px;}
.footbot{ height:30px; line-height:30px;}




/*返回顶部*/

.izl-rmenu{position:fixed;right:0;bottom:10px;padding-bottom:73px;background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }

.izl-rmenu .btn{width:60px; height:60px; margin-bottom:1px; cursor:pointer; position:relative;}

.izl-rmenu .btn:hover{background-color:#6FBA2C;}

.izl-rmenu a.btn-ting,.izl-rmenu a.btn-ting:visited{background:url(../images/fd1.png) no-repeat #1a1a1c;text-decoration:none; display:block;}

.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/fd2.png) no-repeat #1a1a1c;text-decoration:none; display:block;}

.izl-rmenu .btn-wx{background:url(../images/fd3.png) no-repeat #1a1a1c;}

.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}

.izl-rmenu .btn-phone{background:url(../images/fd4.png) no-repeat #1a1a1c;}

.izl-rmenu .btn-phone .phone{background-color:#6FBA2C; position:absolute;width:160px; left:-160px; top:0px; line-height:60px;color:#fff;font-size:16px;text-align:center;display:none;}

.izl-rmenu .btn-top{background:url(../images/fd5.png) no-repeat #fff;display:none;}

.izl-rmenu .btn-top:hover{background-color:#fff;}