@charset "utf-8";
/* CSS Document */
.banner
{
	width:100%;
	height:527px;
	background:url(../images/index_ban.jpg) no-repeat center top;
}

.shutter {
  overflow: hidden;
  width:100%;
  height:527px;
  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: 100%;
}
.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;
}


.wapper{width:100%;}

.wap1{ width:100%; min-height:500px;}
.wap1er{width:1203px; margin:0 auto;}

.about_ti{ width:220px; margin:0 auto;}
.about_ti .abt_ti1{ width:220px; float:left; line-height:30px; padding-top:35px; text-align:center; font-size:23px; color:#26292f;}
.about_ti .abt_ti1 a{font-weight: normal; color: #26292f;}
.about_ti .abt_ti2{ width:220px; float:left; text-align:center;font-size:15px; color:#686567;}
.about_ti .abt_ti3{ width:220px; float:left; text-align:center; font-size:20px; color:#717171;}
.hr{width:70px; float:left; margin-left:80px; margin-top:15px; margin-bottom:15px;}

.about{width:1203px; float:left; margin-top:30px;}
.aboufl{ width:605px; float:left;}
.aboufl p{ width:605px; float:left; margin-bottom:20px; font-size:13.5px; color:#26292f;}
.aboufl p .blor{ font-size:15.5px; color:#26292f; font-weight:bold;}
.aboufr{ width:582px;}
.tre { width: 582px; height: 467px; position: relative;
    overflow: hidden;
    cursor: pointer;}
.zoom {
    /* 缩放的元素 */
    width: 582px; height: 467px;
    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;
}





.wap2{ width: 100%; min-height: 600px;}
.protec{ width:100%; background:url(../images/protecbg.jpg) no-repeat center top #262930; min-height:643px; margin-top:20px; }

.test{ width:1282px; float:left; margin-top:218px;}

.test li{float:left;width:168px; border-radius:100px;height:168px;margin:10px 55px;background-color:#f08300;text-align:center;transition:All 0.5s ease-in-out;
-webkit-transition:All 0.5s ease-in-out;
-moz-transition:All 0.5s ease-in-out;
-o-transition:All 0.5s ease-in-out;}
.test li:hover{background-color:#f08300; color:#FFF;transform:translate(0,-10px);
-webkit-transform:translate(0,-10px);
-moz-transform:translate(0,-10px);
-o-transform:translate(0,-10px);
-ms-transform:translate(0,-10px);}
.test li a{ width:168px; float:left; font-size:15px;}
.test li .cl{ padding-top:100px; padding-bottom:10px; font-size:18px; font-weight:bold; color:#FFF;}

.test li{
            position: relative;
            text-decoration: none;
            font-size:18px;
            color:#fff;
        }
.test li:before{
            content: "";
            position: absolute;
            left: 0;
            bottom:-15px;
            height:5px;
            width: 100%;
			color:#fff;
            background:#f08300;
            transform: scale(0);
            transition: all 0.3s;
        }
.test li:hover:before{
	        color:#fff;
            transform: scale(1);
        }



.test li:hover .fand{ color:#FFF;}

.test .prote1{width:168px;height:168px; float:left; background:url(../images/prote1.jpg) no-repeat center 20px #f08300;}
.test .prote2{width:168px;height:168px; float:left; background:url(../images/prote2.jpg) no-repeat center 20px #f08300;}
.test .prote3{width:168px;height:168px; float:left; background:url(../images/prote3.jpg) no-repeat center 20px #f08300;}
.test .prote4{width:168px;height:168px; float:left; background:url(../images/prote4.jpg) no-repeat center 20px #f08300;}
.test .prote5{width:168px;height:168px; float:left; background:url(../images/prote5.jpg) no-repeat center 20px #f08300;}
.test .prote6{width:168px;height:168px; float:left; background:url(../images/prote6.jpg) no-repeat center 20px #f08300;}
.test .prote7{width:168px;height:168px; float:left; background:url(../images/prote7.jpg) no-repeat center 20px #f08300;}
.test .prote8{width:168px;height:168px; float:left; background:url(../images/prote8.jpg) no-repeat center 20px #f08300;}

.binse{width:933px; margin:0 auto; text-align:center; color:#FFF; line-height:30px;}
.titl{line-height:55px; padding-top:30px;}
.titl span{font-size:18px;}

.effect{width:1185px; float:left;}
.leftLoop{width:1185px; float:left;}
.leftLoop .hd{width:1185px; float:left;}
.leftLoop .hd ul{width:1280px; float:left;   }

.leftLoop .hd ul .on{ float:left;width:168px; border-radius:100px;height:168px;margin:10 55px;background-color:#f08300;text-align:center;transition:All 0.5s ease-in-out;
-webkit-transition:All 0.5s ease-in-out;
-moz-transition:All 0.5s ease-in-out;
-o-transition:All 0.5s ease-in-out;}



.wap4{ 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:23px;height:193px;cursor:pointer;z-index:98;top:145px;}
.box1 .leftLoop .hd .prev {/*position:absolute;*/left:-48px;background:url(../images/profl.jpg) no-repeat;margin-top: 120px;}
.box1 .leftLoop .hd .next {/*position:absolute;*/left:1190px;width:23px;height:193px;background:url(../images/profr.jpg) no-repeat;margin-top: 120px;}
.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:284px;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:311px;/*height:311px;*/padding:5px;}
.box1 .leftLoop .hd ul li.on {background:#f00;}
.box1 .leftLoop .bd ul {overflow:hidden;zoom:1;}
.box1 .leftLoop .bd ul li {width:311px; float:left;margin:0 5px;text-align:center;float:left;_display:inline;overflow:hidden;}
.box1 .leftLoop .bd ul li .pic{width:311px; float:left;}
.box1 .leftLoop .bd ul li .titlle a{ width:311px; float:left;color:#FFFFFF; padding-top:10px; padding-bottom:10px; }
.box1 .leftLoop .bd ul li .titlle{width:311px; float:left; background-color:#0085c2;}
.box1.leftLoop .bd ul li .titlle a img{ padding-bottom:15px;}
.box1 .tempWrap {
	width:1172px; !important
}
/*产品推荐*/
.wap5{width:100%; ba}
.chose1{width:100%; background:url(../images/wap5bg.jpg) no-repeat center top; min-height:510px; margin-top:20px;}
.chose1top dl{ width:684px; float:right; margin-top:50px;}
.chose1top dl dt{ width:600px; margin-left:50px; line-height:55px;}
.chose1top dl dt .yf1{ font-size:20px; color:#ee7700; font-style:italic; font-weight:bold;}
.chose1top dl dt .yf2{ padding-left:10px; font-family:Arial; font-size:15px; color:#ee7700; font-style:italic; font-weight:bold;}
.chose1top dl dd{ font-size:14px; color:#FFF;}

.chose1top .pinz{ width:548px; float:right; margin-top:120px;}

.chose1top .pinz dt .yf1{ color:#FFF;}
.chose1top .pinz dt .yf2{ color:#FFF;}

.chose2{ width:100%; background:url(../images/chose2.jpg) no-repeat center top; min-height:256px;}
.wap3{width:100%; background-color:#f6f6f6;}
#container{ width:1280px; margin:0 auto;}
#container li{ position:relative;width:19.1%;height:158px;line-height:158px; text-align:center; margin:5px; float:left; cursor:pointer;  overflow:hidden;}
#container li p{ height:260px; width: 100%; position: absolute; left: 0; top:260px; color: #ffffff;z-index: 2; }
#container li .img{ width:100%; height:158px; display: block;-moz-transition:.5s ease-in;
        -webkit-transition:.5s ease-in;
        -o-transition:.5s ease-in;
        -ms-transition:.5s ease-in;
        transition:.5s ease-in;}

#container li p i{ width:100%; height:100%;display:block; position:absolute; left:0; top:0;z-index:-1; background-color:#838383; font-size: 16px; 
ilter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7}
#container li p span{ display: block; width: 94%; margin: 0 auto; line-height: 24px; font-size: 12px; padding-top:80px;}
#container li p span a{color:#FFFFFF;}
.proname{ font-family:"微软雅黑"; font-size:14px;}
#container li p span a:hover{color:#FFFFFF}
.explain{ display:block; margin:0 auto;}

.wap5_ceet{width:1202px; float:left; margin-top:20px;}
.wap5_news{ width:377px; float:left;}
.jianj{ margin-right:35px;}


.wap5{width:100%; background-color:#f6f6f6; padding-bottom:30px;}
.wap5_ceet .wap5-img{ width:377px; float:left;}
.wap5_ceet ul{ width:377px; float:left;}
.wap5_ceet ul li{ width:377px; float:left; line-height:35px;}
.wap5_ceet ul li a{ float:left;}
.wap5_ceet ul .phone{ background:url(../images/phone.jpg) no-repeat center left;}
.wap5_ceet ul .tell{ background:url(../images/tell1.jpg) no-repeat center left;}
.wap5_ceet ul .fax{ background:url(../images/fax.jpg) no-repeat center left;}
.wap5_ceet ul .email{ background:url(../images/email.jpg) no-repeat center left;}
.wap5_ceet ul .addres{ background:url(../images/add.jpg) no-repeat center left;}

.wap5_ceet ul li span{padding-left:35px;}


.contes{width:100%; min-height:230px; background:url(../images/contes.jpg) no-repeat center top;}
.conter{ width:1203px; margin:0 auto;}
.cont{width:560px; float:left; min-height:230px;}
.cont h1{ width:560px; float:left; color:#5b5b5b; font-size:22px; line-height:50px; padding-top:20px;}
.top3{width:560px;float:left; }

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

.top3fll{width:560px; 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:560px; 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:none;color:#fff8f4;border:1px solid #ffffff;}
.top3 .btn_ss2{float:left;width:551px;height:40px;line-height:40px;text-indent:1em;background:none;color:#fff8f4;border:1px solid #ffffff; margin-bottom:8px;}