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

}

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


.wapper{width:100%;}

.wap1{ width:100%; min-height:496px; background-color:#eff4f5;}
.wap1er{width:1203px; margin:0 auto;}

.about_ti{ width:431px; margin:0 auto;}
.gywm{ background:url(../images/gywm.jpg) no-repeat center top;}
.about_ti .abt_ti1{ width:421px; float:left; padding-top:30px; text-align:center; font-size:23px; color:#26292f;}
.about_ti .abt_ti1 a{ font-size:18px; color:#000000;}

.hr{width:70px; float:left; margin-left:80px; margin-top:15px; margin-bottom:15px;}

.about{width:1203px; float:left; margin-top:30px;}
.aboufl{ width:732px; padding-top: 50px; height:274px; float:left; background-color:#ffffff;}
.aboufl h1{ width:656px; padding-left:40px; float:left; font-size:18px; color:#333333; line-height:94px;}
.aboufl p{ width: 656px;
  padding-left: 40px;
  float: left;
  margin-bottom: 8px;
  font-family: "宋体";
  line-height: 20px;
  font-size: 14px;
  color: #686868;}
.aboufl p .blor{ font-size:15.5px; color:#26292f; font-weight:bold;}
.aboufr{ width:470px;}
.tre { width: 470px; height: 324px; position: relative;
    overflow: hidden;
    cursor: pointer;}
.zoom {
    /* 缩放的元素 */
    width: 470px; height: 324px;
    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;
}

.wap5{ width:100%; min-height:725px; background:url(../images/wap5bg.jpg) no-repeat center top;}
.wap5_er{ width:1200px; margin:0 auto; background:url(../images/wap5_er.jpg) no-repeat center top; min-height:725px;}
.wap5fl{ width:326px;  }
.wap5fl dl{ width:203px;float:left;}
.fire{ margin-top:46px; margin-left:60px;}
.wap5fl dl dt{ width:203px;float:left; font-size:18px; font-weight:bold; color:#ffffff; line-height:35px;}
.dreti{ font-family:Arial; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:15px; color:#FFF;}
.wap5fl dl dd{ width:203px;float:left; color:#FFF;}
.fire1{ margin-top:66px; margin-left:0px;}
.fire2{ margin-top:116px; margin-left:100px;}

.fire3{ margin-top:66px; margin-left:20px;}
.fire4{ margin-top:70px; margin-left:110px;}
.fire5{ margin-top:116px;margin-left:20px;}

.cpzs{ background:url(../images/cpzs.jpg) no-repeat center 30px; padding-top:30px; padding-bottom:30px;}

.wap2{ width: 100%; background-color:#eff4f5; min-height:660px;}
.protec{ width:100%;}

.test{ width:1203px; float:left; margin-top:20px; margin-bottom:20px;}

.test li{float:left;width:168px; border-radius:100px;height:168px;margin:0 35px;background-color:#9b9b9b;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:#68c826; 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:70px 20px 10px 20px; font-size:18px; font-weight:bold; color:#FFF;box-sizing: border-box;}
/*
.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;}



.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;}
.leftLoop1{width:1185px; float:left;}
.leftLoop1 .hd{width:1185px; float:left;}
.leftLoop1 .hd ul{width:1285px; float:left;}


.wap4{ width:100%; background:url(../images/hzhbbg.jpg) no-repeat center top; min-height:485px;}
.hzhb{background:url(../images/hzhb.png) no-repeat center 30px;}
.hzhb a{color:#FFF; padding-top:30px;}
.wape{ width:1203px; float:left; margin-top:30px;}


/*产品推荐*/
.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;}
.box1 .leftLoop .hd .next {position:absolute;left:1190px;width:23px;height:193px;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:220px;}
.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:10px; padding-bottom:10px; }
.box1 .leftLoop .bd ul li .titlle{width:262px; float:left; background-color:#68c826;}
.box1.leftLoop .bd ul li .titlle a img{ padding-bottom:15px;}
.box1 .tempWrap {
	width:1172px; !important
}
/*产品推荐*/

.wap3{width:100%; background-color:#eff4f5; min-height:900px;}
.server1{ width:1200px; float:left; background:url(../images/server1.jpg) no-repeat center top; min-height:283px;}
.server1 span{display:block; text-align:center; padding-top:170px; padding-left:160px; font-size:18px; color:#686868;}
.server1 a{ display:block; text-align:center;padding-left:120px; padding-top:10px;}

.server2{width:1200px; float:left; margin-top:15px;}
.server2 dl{ width:292px; float:left; background-color:#ffffff; min-height:415px; text-align:center;}
.server2 dl dt{ width:292px;}
.server2 dl dd{ width:234px; padding-left:20px; float:left;}
.server2 dl .kjcx{ line-height:24px; color:#333333; font-size:18px; padding-top:15px; padding-bottom:15px;}
.server2 dl .cxdd{ color:#686868; font-size:14px; font-family:"宋体";}
.jju{ margin-right:10px;}

.factory{width:1203px; float:left; margin-top:35px;}
.factoy{ background:url(../images/factoy_ti.jpg) no-repeat center top;}
.facty{ width:1203px; background:url(../images/factoy.jpg) no-repeat center top; min-height:451px;}

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

.wap6{ width:100%; background-color:#FFF; min-height:633px;}
.case{background:url(../images/case_ti.jpg) no-repeat center 30px;}


#wrapper {
				width: 1200px;
				height: 416px;
				float:left;
				overflow: hidden;
				position: absolute;
				margin-top:10px;
			
			}
			#carousel div {
				cursor: pointer;
				margin-right: -450px;
				float: left;
				position: relative;
				box-shadow: 0 0 10px #000;
			}
			#carousel div:last-child {
				cursor: default;
			}
			#carousel div span {
				background-color: #222;
				background-color: rgba(0,0,0, 0.8);
				color: #fff;
				font-size: 25px;
				text-align: center;
				display: inline-block;
				width: 588px;
				height: 25px;
				padding: 20px 0;
				overflow: hidden;
				position: absolute;
				left: 0;
				bottom: 0;
			}
			
			#donate-spacer {
				height: 100%;
			}
			#donate {
				border-top: 1px solid #999;
				width: 588px;
				padding: 50px 75px;
				margin: 0 auto;
				overflow: hidden;
			}
			#donate p, #donate form {
				margin: 0;
				float: left;
			}
			#donate p {
				width: 588px;
			}
			#donate form {
				width: 100px;
			}


.wap7{width:100%; background-color:#eff4f5;}
.news{ background:url(../images/news_ti.jpg) no-repeat center top;}
.wap5_ceet{width:1203px;}
.wap5_news{ width:388px; float:left;}
.jianj { margin-right:15px;}
.wap5_news ul{width:388px; float:left;}
.wap5_news ul li{width:388px; line-height:45px; float:left;}
.phone{ background:url(../images/phone.jpg) no-repeat left center;}
.tell{ background:url(../images/tel.jpg) no-repeat left center;}
.fax{ background:url(../images/fax.jpg) no-repeat left center;}
.email{ background:url(../images/email.jpg) no-repeat left center;}
.addres{ background:url(../images/add.jpg) no-repeat left center;}
.lianxi li span{padding-left:30px;}


.sep{width:1203px; float:left;}
.sep {width:100%;text-align:center}
.sep .image-hover {margin:0;}
.image-hover * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.image-hover {position:relative;width:200px;height:100px;display:inline-block;overflow:hidden;
box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3)}
.image-hover a {text-decoration:none}

.image-hover img {margin:0;}

.img-roll { width:200px; float:left;}
.img-roll img {position:absolute;}

.img-roll .img-1 {left:0px}
.img-roll .img-2 {left:100%}
.img-roll:hover .img-1 {left:120%}
.img-roll:hover .img-2 {left:0px}

.img-roll img
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

.img-roll:hover img
{
transition:all 1.2s ease-in-out;
-webkit-transition:all 1.2s ease-in-out;
-moz-transition:all 1.2s ease-in-out;
-ms-transition:all 1.2s ease-in-out;
-o-transition:all 1.2s ease-in-out;
}