@charset "utf-8";
/* CSS Document */
.banner
{
	width:100%;
	height:auto;
}

.shutter {
  overflow: hidden;
  width:100%;
 height:auto;
  position: relative;
  margin:0 auto;
  
}
.shutter-img {
  z-index: 1;
}
.shutter-img,
.shutter-img a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.shutter-img a {
  cursor: default;
}
.shutter-img a > img {
  width: 100%;
  height:auto;
}
.shutter-img .created {
  overflow: hidden;
  position: absolute;
  z-index: 20;
}
.shutter-btn {}
.shutter-btn li {
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 49px;
  height: 49px;
  margin-top: -25px;
  cursor: pointer;
}
.shutter-btn li.prev {
  left: 20px;
  background: url(../images/shutter_prevBtn.png) no-repeat 0 -49px;
}
.shutter-btn li.next {
  right: 20px;
  background: url(../images/shutter_nextBtn.png) no-repeat 0 -49px;
}
.shutter-desc {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 36px;
  background: url(../images/shutter_shadow.png) repeat;
}
.shutter-desc p {
  padding-left: 20px;
  line-height: 36px;
  color: #fff;
  font-size: 14px;
}
.about_ti{ width:289px; margin:0 auto; text-align:center; padding-top:30px; padding-bottom:30px;}
.about_ti .abt_ti1 a{font-family:Arial; font-size:21px; line-height:30px; color:#949494;}
.about_ti .abt_ti2 a{ font-family:"微软雅黑"; font-size:20px; color:#005da5; font-weight:bold;}
.appcation{width:100%; min-height:439px; background-color:#f9f9f9;}
.mian{width:1203px; margin:0 auto;}

.appear{width:1203px; float:left; margin-top:20px;}
.appear li{float:left; height:227px; text-align:center;}
.huaq{width:299px; background:url(../images/huaq.jpg) no-repeat center top;}
.appear li span{ font-size:18px; color:#464646; display:block; padding-top:168px;}
.fangz{width:300px; background:url(../images/fangz.jpg) no-repeat center top;}
.huag{width:301px; background:url(../images/huag.jpg) no-repeat center top;}
.sul{width:300px; background:url(../images/sul.jpg) no-repeat center top;}

.about{width:100%; min-height:502px; background-color:#005da5;}
#aboutite .abt_ti1 a{ color:#298bd6;}
#aboutite .abt_ti2 a{ color:#ffffff;}
.aboufr{ width:600px;}
.tre { width: 600px; height:276px; position: relative;
    overflow: hidden;
    cursor: pointer;}
.zoom {
    /* 缩放的元素 */
    width: 600px; height: 276px;
    vertical-align: middle;    
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s;
}
.tre:hover .zoom {
    /* hover放大 */
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    zoom: 1.05;
}


.aboufl{ width:583px; min-height:363px; float:left;}
.aboufl p{ width:583px; padding-left:40px; float:left; padding-top:10px; margin-bottom:10px; line-height:26px; font-size:13px; color:#ffffff;}
.aboufl p .blor{ font-size:15.5px; color:#ffffff; font-weight:bold;}


.categories{width:100%; min-height:592px; background:url(../images/categories.jpg) no-repeat center top;}
.catego{ width:1203px; float:left;  }
.catego li{ width:283px; height:379px; float:left; background:url(../images/catego.jpg) no-repeat center top;}
.catego li:hover{background:url(../images/catego_ho.jpg) no-repeat center top;}
.catego li a{ display:block; }
.catego li a:hover{ color:#FFF;}
.catego li .tegoti h2{ width:283px; text-align:center; float:left; line-height:197px; font-size:18px; }
.catego li .tegoti p{ width:243px; padding-left:15px; float:left; min-height:183px; font-size:15px;}

.catego li:nth-child(1)
{ margin-right:20px;}

.catego li:nth-child(2)
{ margin-right:20px;}

.catego li:nth-child(3)
{ margin-right:20px;}

/*产品推荐*/
.show{width:100%;}
.box1 {width:1172px;position:relative;float:left; margin-top:30px;}
.box1 .leftLoop {overflow:hidden;width:1172px;float:left;}
.box1 .leftLoop .hd .prev,.hd .next {display:block;width:39px;height:73px;cursor:pointer;z-index:98;top:105px;}
.box1 .leftLoop .hd .prev {position:absolute;left:-48px;background:url(../images/profl.jpg) no-repeat;}
.box1 .leftLoop .hd .next {position:absolute;left:1190px;width:39px;height:73px;background:url(../images/profr.jpg) no-repeat;}
.box1.leftLoop .hd ul {float:ri  ght;overflow:hidden;zoom:1;margin-top:10px;}
.box1 .leftLoop .hd ul li {position:relative;_display:inline;float:left;width:260px;height:10px;overflow:hidden;background:#ccc;margin-right:10px;text-indent:-999px;cursor:pointer;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.box1 .leftLoop .bd ul li .pic img {width:260px;height:268px;}
.box1 .leftLoop .hd ul li.on {background:#f00;}
.box1 .leftLoop .bd ul {overflow:hidden;zoom:1;}
.box1 .leftLoop .bd ul li {width:262px; float:left;margin:0 5px;text-align:center;float:left;_display:inline;overflow:hidden;}
.box1 .leftLoop .bd ul li .pic{width:262px; float:left;}
.box1 .leftLoop .bd ul li .titlle a{ width:262px; float:left;color:#FFFFFF; padding-top:15px; padding-bottom:15px; }
.box1 .leftLoop .bd ul li .titlle{width:262px; float:left; background-color:#005da5;}
.box1.leftLoop .bd ul li .titlle a img{ padding-bottom:15px;}
.box1 .tempWrap {
	width:1172px; !important
}
/*产品推荐*/
.purification{ width:100%; background:url(../images/puribg.jpg) no-repeat center top; min-height:684px; margin-top:30px;}
#purft a{color:#FFF;}
.purification h2{ width:1203px; text-align:center; color:#FFF; line-height:30px;}
.purification h3{ width:1203px; text-align:center; color:#FFF;}

.purifica{ width:1203px; float:left;}
.puri{ width:326px;}
.puri h2{ width:326px; padding-left:10px; float:left; text-align:left; margin-top:56px; line-height:80px; font-size:18px; color:#ffffff; font-weight:bold;}
.puri ul{width:316px; float:left;}
.puri ul li{width:316px; float:left; height:38px; line-height:38px; background:url(../images/point.png) no-repeat 10px center;}
.puri ul li span{ color:#FFF; padding-left:30px;}
.puri ul li:hover{ background-color:#ff5b0d; border-top-left-radius:8px; border-bottom-right-radius:8px;}

.process{width:100%; background-color:#fff; min-height:475px;}
.procont{ width:1203px; float:left; margin-top:15px;}
.procont dl{ width:196px; float:left;}
.ju{ margin-right:40px;}

.procont dl dt{ width:196px; float:left; text-align:center;}
.procont dl dd{ width:196px; float:left; text-align:center;}
.procont dl .per_ti{ font-size:20px; color:#424242; font-weight:bold; padding-top:10px; }
.procont dl .per_cont{color:#646464; font-size:15px;}

.online{width:100%; background:url(../images/onlinebg.jpg) no-repeat center top; min-height:384px;}
.olinecont{width:1023px; float:left; margin-top:150px;}
.cont{width:882px; float:left; min-height:230px;}
.top3{width:882px;float:left; }

.top3 h1{ width:882px; float:left; font-size:18px; color:#fff8f4; line-height:30px;}

.top3fll{width:882px; float:left; margin-top:5px;}
.topcen{width:270px; margin-right:10px; float:left; margin-bottom:10px;}
.topcen2{width:300px; float:left;margin-bottom:10px;}
.topcen1{width:882px; float:left;}
.top3 input{border:none; margin-top:5px;}
.top3 .btn_ss{float:left;width:270px;height:40px;line-height:40px;text-indent:1em; background-color:#FFF;color:#b6b6b6;border:1px solid #ffffff;}
.top3 .btn_ss2{float:left;width:830px;height:80px;line-height:20px;text-indent:1em; background-color:#FFF;color:#b6b6b6;border:1px solid #ffffff; margin-bottom:8px;}
.topbtn{ width:882px; float:left; text-align:center;}

.choose{ width:100%; background:url(../images/choosebg.jpg) no-repeat center top; min-height:526px;}
.choocen{width:1203px; float:left;}

.leftLoop1{ overflow:hidden; position:relative;} 
.leftLoop1 .hd{ overflow:hidden;  height:60px;} 
.leftLoop1 .hd ul{ float:left; overflow:hidden; zoom:1; width:1055px; background:url(../images/chose_ti.png) no-repeat left center; height:60px;  } 
.leftLoop1 .hd ul li{ position:relative; _display:inline; float:left; height:58px; overflow:hidden; margin-right:10px; text-align:center; line-height:50px; cursor:pointer; } 
.leftLoop1 .hd ul li a{font-family:"微软雅黑"; font-size:15px; font-weight:bold; color:#424242; float:left; height:55px;}
.leftLoop1 .hd ul li.on{ border-bottom:2px solid #F00;}
 
.leftLoop1 .bd{ width:1200px; float:left; margin-top:15px;} 
.leftLoop1 .bd ul{} 
.leftLoop1 .bd ul li{width:1200px; float:left;} 

.leftLoop1 .bd ul li .chuanx{ width:1200px; float:left; background:url(../images/chuanx.jpg) no-repeat center top; min-height:271px;}

.leftLoop1 .bd ul li .cpdy{ width:1200px; float:left; background:url(../images/cpdy.jpg) no-repeat center top; min-height:271px;}
.leftLoop1 .bd ul li .yzfw{ width:1200px; float:left; background:url(../images/yzfw.jpg) no-repeat center top; min-height:271px;}

.leftLoop1 .bd ul li dl{ width:536px; float:left; margin-left:578px; margin-top:50px;}
.leftLoop1 .bd ul li dl dt{ width:536px; float:left; font-size:16px; font-weight:bold; line-height:40px; color:#424242;}
.leftLoop1 .bd ul li dl dd{ width:536px; float:left; font-size:15px; color:#646464;}

.xlsj{width:100%; background:url(../images/xlsj.jpg) no-repeat center top; min-height:145px;}

.news{ width:100%; background:url(../images/newsbg.jpg) no-repeat center top; min-height:510px;}
.newslist{width:1203px; float:left; padding-top:30px;}
.newsimg{ width:425px; height:443px; background:url(../images/newsimg.jpg) no-repeat center top; }
.newsimg .slideBox{ width:359px; overflow:hidden; position:relative; margin-top:80px; margin-left:40px;} 
.newsimg .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:60px; z-index:1; } 
.newsimg .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  } 
.newsimg .slideBox .hd ul li{width:359px; float:left; margin-right:5px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; } 
.newsimg .slideBox .hd ul li.on{ background:#FD5C0E; color:#fff; } 
.newsimg .slideBox .bd{ position:relative; height:100%; z-index:0;   } 
.newsimg .slideBox .bd img{ width:359px; height:254px; } 
.newsimg .slideBox .anli{ width:359px; text-indent:1em; background:url(../images/anlib.jpg) no-repeat left center; height:52px; line-height:52px; color:#424242; font-size:16px;}

.newsfr{ width:770px;}
.newsfr .newstop{width:375px;}
.newsfr .newcen{width:375px; background-color:#FFF; margin-left:10px;}
.newcen .news_ti{width:336px; float:left; margin-left:20px; margin-top:35px;}
.newcen .news_ti .titel{ font-size:20px; color:#424242; font-weight:bold;}
.newcen .news_ti .more{ font-family:Arial; border:1px solid #bcbcbc; border-radius:10px; padding:0 8px;}
.newcen .newscenter{width:336px; float:left;margin-left:20px; margin-bottom:15px;}
.newcen .newscenter li{width:336px; float:left; line-height:30px;}
.newcen .newscenter li a{float:left;}
.newcen .newscenter li span{float:right;}

.newcen .contant{ width:336px; float:left;margin-left:20px; margin-bottom:15px;}
.newcen .contant li{ width:336px; float:left; line-height:30px;}
.newcen .contant .phone{background:url(../images/phone.jpg) no-repeat left center;}
.newcen .contant .tell{background:url(../images/tell.jpg) no-repeat left center;}
.newcen .contant .email{background:url(../images/email.jpg) no-repeat left center;}
.newcen .contant .add{background:url(../images/add.jpg) no-repeat left center;}
.newcen .contant li span{ padding-left:25px;}

.newsbot{width:760px; margin-top:10px; background-color:#FFF; min-height:228px; margin-left:10px;}
.newcenxw{ width:716px; float:left;margin-left:20px; margin-top:35px;}
.newsbot .news_ti .titel{ font-size:20px; color:#424242; font-weight:bold;}
.newsbot .news_ti .more{ font-family:Arial; border:1px solid #bcbcbc; border-radius:10px; padding:0 8px;}
.newcenxw ul{width:716px; float:left;}

.newcenxw .bd{ width:716px; float:left; margin-top:10px;}
.infoList{ width:716px; float:left;}
.infoList a{float:left;}
.infoList span{float:right;}