/*头部样式*/
.top{background-color: #f8f8f8;height: 30px;font:12px/30px "黑体";color: #000;}

#header{width:1200px;margin:0 auto;overflow: hidden;}
.logo{float:left;line-height: 108px;}

.topLink{float:right;text-align:right;position: relative;z-index: 9999;width: 390px;}
.topLink .k2{color:#161616;font-size:14px;font-family:"微软雅黑";line-height: 1.2;margin-top:30px;}
.hCode{margin-top:12px;}


/*热门关键词*/
.search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;}
.hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;}
.hotSearch a{margin-right:6px;}


/*搜索*/
#formsearch{width: 206px;}
#formsearch input{background:none;border:none;line-height:22px;height:22px;outline: none;}
#formsearch input#keyword{padding-left:10px;color:#666;width:150px;}
#formsearch input#s_btn{width:46px;text-align:center;background-color:#3480ce;color:#fff;cursor:pointer;}

/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:10px;}
.article{width: 1200px;margin:0 auto;position: relative;overflow: hidden;}
.v-article{width: 1200px;margin:0 auto;position: relative;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}





/*友情链接*/
.f_link{width:1200px;margin:0 auto;line-height:30px;}

/*页面底部*/
#footer{position:relative;padding-top: 40px;background: #35aa60;}
#footer a{color:#fff;}
#footer h1{
  font:16px/40px "微软雅黑";
  color: #fff;
}
#footer h1:after{
  content: "";
  display: block;
  margin-top:20px;
  width: 18px;
  height: 2px;
  background-color: #fff;
  margin-bottom: 20px;
}
.nav_foot{width: 440px;font:14px/46px "微软雅黑";color: #fff;}
.nav_foot a{margin-right: 70px;display: inline-block;}
.nav_foot a:hover{
  transform: translateY(-5px);
}
.fLx{width: 450px;font:14px/46px "微软雅黑";color: #fff;}
.fGz{width: 220px;}

.copyright{background-color: #333;font:14px/1.5 "微软雅黑";color: #fff;padding: 10px 0;}
.copyright a{color: #fff;}

/*------------内页-------------------*/

.left .box{position: absolute;left:15px;top:-30px;}
.enet{
	position: absolute;
	right: 0px;
	top:40px;
}
.left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.left .box .content{padding:5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:1903px;margin:0 auto;position: relative;left: 50%;margin-left: -952px;}
.n_banner img{width:1903px;margin:0 auto;}
.left{width:1150px;position: relative;height: 60px;}
.sort_menu{}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:100%;padding-bottom:10px;}
.sitemp{line-height:64px;height:64px;overflow:hidden;padding-right:10px;background:url(../images/left5.html) no-repeat 0% 100%;padding-top: 30px;}
.sitemp h2{width:340px;float:left;line-height:64px;text-align:center;text-align:left;text-indent:15px;color:#000;font-size:14px;}
.sitemp .site{width:480px;float:right;text-align:right;line-height:64px;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}

/* black */
.black{
  font:25px/40px "微软雅黑";
  color: #fff;
}

.black:after{
  content: "";
  display: block;
  width: 66px;
  height: 4px;
  background-color: #88cf73;
}

.black span{
  text-transform: uppercase;
  font-size:14px;opacity: .5;margin-left:10px;
}

/* z1 */
.z1{
  background: url(../images/z1.jpg) center top no-repeat;
  padding-top: 40px;height: 460px;
}
.z1 .hd{
  position: absolute;
  right: 0;top: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.z1 .hd li{
  font:14px/2 "微软雅黑";color: #fff;width: 104px;
  text-align: center;
}
.z1 .hd li.on{
  background-color: #35aa60;
  border-radius: 20px;
}
.z1 .bd{
  margin-top: 40px;
}
.z1 .bd li{
  overflow: hidden;
}
.z1 .bd li div{
  width: 765px;
  float: left;
}
.z1 .bd li div h3{
  font:bold 50px/88px "微软雅黑";
  color: #fff;
  margin-top: 40px;
}
.z1 .bd li div p{
  font:16px/25px "微软雅黑";
  color: #fff;
}
.z1 .bd li img{
  float: right;
}
.z1 .bd li div h4{
  margin-top: 40px;
}
.z1 .bd li div a.more{
  width: 146px;
  text-align: center;
  display:inline-block;
  font:14px/30px "微软雅黑";
  color: #fff;
  background-color: #35aa60;
  border-radius: 20px;
}
.z1 .bd li div span{
  width: 146px;
  text-align: center;
  display:inline-block;
  font:14px/30px "微软雅黑";
  color: #35aa60;
  background-color: #fff;
  border-radius: 20px;
  /*margin-left: 15px;*/
}

/* white */
.white{
  text-align: center;
  font:25px/1.4 "微软雅黑";
  color: #000;
  padding-bottom: 20px;
  background: url(../images/wht.png) center bottom no-repeat;
}

.white span{
  display: block;
  font-size: 14px;
  text-transform: uppercase;opacity: .5;
}

/* z2 */
.z2{
  margin-top: 50px;
}

.z2 .hd{
  margin-top: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.z2 .hd li{
  width: 146px;
  text-align: center;
  margin:0 35px;
  font:16px/30px "微软雅黑";
  color: #000;
}
.z2 .hd li.on{
  background: #35aa60;
  border-radius: 20px;
  color: #fff;
}
.z2 .hd li.on a{
  color: #fff;
}

.z2 .bd{
  padding-top: 45px;
}
.z2 .bd li{
  float: left;
  margin-right: 30px;margin-bottom:20px;position: relative;
}
.z2 .bd li:nth-child(3n){margin-right: 0;}
.z2 .bd li p{
  width: 378px;
  height: 295px;
  text-align: center;
  line-height: 295px;
  overflow: hidden;
  border:1px solid #f4f4f4;
}
.z2 .bd li p img{
  max-width: 100% ;
}
.z2 .bd li h3{
  text-align: center;
  font:16px/44px "微软雅黑";
  color: #000;
}
.z2 .bd li:hover p{
  background-color: #e5edf6;
}
.z2 .bd li:hover a:after{
  content: "";
  position: absolute;
  left: 0;top: 0;right: 0;height: 297px;
  background: url(../images/proLi.png) center no-repeat;
}

/* z3 */
.z3{
  margin-top: 85px;
  background: url(../images/z3.jpg) center 47px no-repeat;
}
.z3 .black{
  color: #000;
}
.z3 .black i{
  float: right;
  font-size: 14px;
  font-style: normal;opacity: .8;
}
.z3 ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 78px;
}
.z3 ul li{
    transition: .5s;
  width: 351px;height: 381px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 95px;
  margin:10px;
  -webkit-box-shadow: 0 3px 13px rgba(0,0,0,.39);
          box-shadow: 0 3px 13px rgba(0,0,0,.39);
}
.z3 ul li:hover{
    background-position: -351px 0;
}
.z3 ul li h3{
  text-align: center;
  font:28px/48px "微软雅黑";
  color: #fff;
}
.z3 ul li h3 img{
  margin-right: 8px;
}
.z3 ul li p{
  width: 284px;
  margin:0 auto;
  font:14px/2 "微软雅黑";
  color: #fff;
  margin-top: 20px;
}


/* z4 */
.z4{
  padding-top: 88px;
  background: url(../images/z4.png) center 6px no-repeat;
  margin-top: 20px;
}
.z4 .black{
  color: #000;
}
.z4 .black i{
  float: right;
  font-size:14px;
  font-style: normal;opacity: .5;
  letter-spacing:5px;
  font-weight: bold;
}
.z4 ul{
  margin-top: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap:wrap;
}
.z4 ul li{
  margin-bottom: 8px;
  position: relative;
  margin-right:6px;
}
.z4 ul li:nth-child(4n){margin-right: 0;}
.z4 ul li img{
  width: 295px;
  height: 160px;
  -webkit-filter: grayscale(100%) brightness(50%);
          filter: grayscale(100%) brightness(50%);
}
.z4 ul li h3{
  position: absolute;
  left: 0;top: 0;right: 0;bottom: 0;
  text-align: center;
  font:17px/160px "微软雅黑";
  color: #fff;
}
.z4 ul li:hover img{
  -webkit-filter: none;
          filter: none;
}
.z4 ul li:hover h3{
  display: none;
}

/* z5 */
.z5{
  margin-top: 140px;
  padding-top: 50px;
  height: 645px;
  background: url(../images/z5.jpg) center no-repeat;
}
.z5L{
  width: 775px;
}

.z5 ul{
  height: 194px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 60px;
}
.z5 ul li{
  width: 33%;
  text-align: center;
  border-right: 1px solid #f0f0f0;
}
.z5 ul li:last-child{
  border-right: none;
}
.z5 ul li p{
  line-height: 80px;
  margin-top: 20px;
}
.z5 ul li p img{
  -webkit-transition: .5s;
  transition: .5s
}
.z5 ul li h3{
  width: 210px;
  margin:0 auto;
  font:14px/21px "微软雅黑";
  color: #000;
  margin-top: 20px;
}
.z5 ul li:hover p img{
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.z5Txt{
  margin-top: 18px;
  font:14px/1.5 "微软雅黑";
  color: #fff;
  letter-spacing: 2px;
}
.z5R{
  margin-right: 15px;
  width: 380px;
}
.z5R p {
  width: 380px;height: 453px;
  overflow: hidden;
}
.z5R img{
  -webkit-transition: .5s;
  transition: .5s
}
.z5R:hover p img{
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
/* z6 */
.z6{
  margin-top: 50px;
  background: url(../images/z5.png) center 45px no-repeat;
}
.z6 .black{
  color: #000;
}
.z6 .black i{
  float: right;
  font-size: 14px;
  font-style: normal;opacity: .8;
}
.z6Top{
  margin-top: 45px;
}
.z6Top li{
  float: left;
  margin-right: 30px;
  position: relative;
  width: 380px;
}
.z6Top li img:nth-of-type(2){
  display: none;
}
.z6Top li h3{
  position: absolute;
  left: 0;top:128px;right: 0;bottom: 0;
  text-align: center;
  font:16px/25px "宋体";
  color: #fff;
  display: none;
}
.z6Top li:hover img:nth-of-type(1){
  display: none;
}
.z6Top li:hover img:nth-of-type(2){
  display: inline-block;
}
.z6Top li:hover h3{
  display: block;
}
.z6 a.more{
  display: block;
  margin-top: 20px;
}
.hz li{
  float: left;
  margin-right: 32px;
  text-align: center;
  width: 212px;
  line-height: 84px;
  border:1px solid #ddd;
  margin-bottom: 22px;
}
.hz li:hover{
  border-color: #88cf73;
}
.hz{
  margin-top: 30px;
}

/* z7 */
.z7{
  margin-top: 60px;
  padding-top: 60px;
  background: url(../images/z7.jpg) center -2px no-repeat;
  height: 568px;
}
.z7 .hd{
  position: absolute;
  top: 0;right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.z7 .hd li a{
  display: block;
  font:14px/25px "微软雅黑";
  color: #fff;
  margin:0 15px;
}
.z7 .bd {
  margin-top: 50px;
}

.z7 .bd ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.z7 .bd li{
  float: left;
  position: relative;
  width: 358px;
}
.z7 .bd li img{
  width: 358px;
  height: 264px;
  transition: .5s;
}
.z7 .bd li h3{
  font:15px/38px "微软雅黑";
  color: #fff;
}
.z7 .bd li p{
  font:14px/22px "微软雅黑";
  color: #fff;
  opacity: .8;
}
.z7 .bd li h4{
  width: 96px;
  text-align: center;
  font:14px/24px "微软雅黑";
  color: #fff;
  border:1px solid #35aa60;
  margin-top: 10px;
}
.z7 .bd li:hover img{
  transform: scale(1.05);
}
.z7 .bd li:hover h4{
  background-color: #35aa60;
}
.z7 .bd li div{
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 80px;
  height: 86px;
  background-color: #35aa60;
  padding: 10px 8px 15px;
  right: -44px;
  top: -24px;
  text-align: center;
  font:20px/1.5 Arial;
  color: #fff;
}
.z7 .bd li div span{
  display: block;
  border-top: 1px solid #fff;
}