@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 arial,helvetica,clean,sans-serif,"宋体";overflow-x: hidden;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-family: "Microsoft YaHei"}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;font-family: "Microsoft YaHei"}
h3 { font-size:20px;font-family: "Microsoft YaHei"}
h4 { font-size:14px;font-family: "Microsoft YaHei"}
h5 { font-size:12px;}
h6 { font-size:10px;}

img, input {
    border: none;
    vertical-align: middle;
}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:hover{text-decoration:none;}
a:focus{outline:0;} /*for ff f6n.net*/

.fl{float: left;}
.fr{float: right;}
.clearfix,
.clear:after {
  width: 100%;
  clear: both;
  line-height: 0;
  display: block;
  overflow: hidden;
  zoom: 1;
  font-size: 0;
  content: '';
  display: table;
}
.clearfix:before,.clearfix:after,
.container:before,.container:after,
.container-middle:before,.container-middle:after{
  content: " ";display: table;
}
.container,.container-middle,.wrap{padding-right: 15px;padding-left: 15px;margin:0 auto;}
/* @media (min-width: 768px) {
  .wrap,.container,.container-middle{ width: 750px;}
}
@media (min-width: 992px) {
    .wrap,.container,.container-middle{width: 970px;}
} */
@media (min-width: 1260px) {
  .wrap,.container,.container-middle{ width: 1230px;}
}
@media (min-width: 1460px) {
.container-middle,.container{ width: 1430px;}
}
@media (min-width: 1920px) {
  .container-middle{ width: 1630px;}
  .container{width: 1430px;}
}

.index-tit{font-size: 50px;line-height: 70px;color: #222;text-align: center;}
.index-dec{font-size: 18px;line-height: 30px;color: #555;text-align: center;margin-top: 6px;}
.index-tit i{font-style: normal;font-size: 62px;color: #e60012;font-family: "DINMITTELSCHRIFTSTD";}

.content{width: 1200px;margin: 0 auto;}

.title h3{ text-align: center; height: 132px;background: url("../images/d_lin1.gif") no-repeat scroll center 100px;}
.title h3 span{ display: block; font-family: Impact; font-size: 48px; color:#e8e8e8; text-transform: uppercase; font-weight: normal;line-height:100%;}
.title h3 a{ font-weight: normal; color: #333; font-size: 32px; display: block; padding-top: 5px;}


.top{width: 100%;height:80px;border-bottom: 1px solid #ccc;line-height: 80px;    position: fixed;top: 0;z-index: 9999;background: #ffffff;}
.top .logo{width: 289px;    overflow: hidden;}
.top .logo a{display: block;}
.top .logo a img{width: 100%;height: auto; }
.top .topnav{}
.top .topnav>ul{}
.top .topnav>ul>li{float: left;text-align: center;height: 77px;   line-height: 77px;position: relative; }
.top .topnav>ul>li a{padding: 0 25px;font-size: 16px;}
.top .topnav>ul>li:hover,.top .topnav>ul>li.on {border-bottom: 3px solid #5a5a5a;}

.top .topnav>ul>li>ul{}
.top .topnav>ul>li>ul>li{}
.top .topnav>ul>li>ul>li a{}
.top .topnav>ul>li>ul>li a{}

.top .topnav>ul>li ul { margin: 20px 0 0 0; _margin: 0; opacity: 0;visibility: hidden;position: absolute;top: 81px; left: 0;z-index:999; box-shadow: 1px 6px 9px #a0a0a0;background: rgb(255 255 255 );-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.top .topnav li:hover > ul {
  opacity: 1;
  visibility: visible;
  margin: 0;
}
.top .topnav>ul>li ul ul{     top: 29px; left: 114px;  width: 196px;}
.top .topnav>ul>li ul li{line-height: 50px;height: 50px;border-bottom: 1px solid #eeeeee;position: relative;}
.top .topnav>ul>li ul li:hover{background: #6a9431;}
.top .topnav>ul>li ul li:hover>a{color: #ffffff;}
/*Search*/
.head-search {position:relative;margin-left:18px;float:right;font-size:0;text-align:center;}
.head-search a {display:block;width:100%;padding:0 10px;height:80px;line-height:80px;}
.head-search a .icon-search {display:inline-block;width:100%;width:24px;height:24px;background:url(../images/sousuo.png) no-repeat center;background-size:contain;vertical-align:middle;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.head-search a:hover .icon-search {background:url(../images/sousuo.png) no-repeat center;background-size:contain;-webkit-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);}
.head-search:hover .search-box {display:block;opacity:.9;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);z-index: 9999;}
.search-box {position:absolute;right:-120%;top:80px;width:260px;background:#fff;padding:0px 0;z-index:999;opacity:0;text-align:left;box-shadow:0 0 3px rgba(0,0,0,0.2);visibility:hidden;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px);-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.search-box .searchi_a { font-family: '微软雅黑'; line-height:35px;padding:0 12px;outline:none;font-size:14px;width:72%;float: left;}
.search-box .searchi_s { font-family: '微软雅黑'; height:36px;padding:0 10px;background:#1b1b1b;color:#fff;cursor:pointer;outline:none;font-size:14px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.search-box .searchi_s:hover {opacity:1;}


/*banner*/
.slideBox{ position:relative;margin:0 auto;  overflow:hidden; z-index: 9;margin-top: 82px;}
.slideBox .hd{position: absolute;bottom: 20px;font-size: 0;left: 0;width: 100%;text-align: center;z-index: 2; }
.slideBox .hd ul{ overflow:hidden; zoom:1; }
.slideBox .hd ul li{ display: inline-block;width: 95px; height: 7px;margin: 0 10px;background-color: #ffffff;cursor: pointer;}
.slideBox .hd ul li.on{ background-color: #6a9431; }
.slideBox .bd{ position:relative;  height:100%; z-index:0;  }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:100%; display:block;  }

/*招商合作*/
.zhaoshang {/*background: url(../images/jm_bg.jpg) no-repeat center;*/padding:54px 0 18px;height: 761px;position: relative;}
/*.zhaoshang .title{width: 411px;margin: 0 auto;margin-bottom: 37px;}*/
.zhaoshang .us_ys{      width: 417px; overflow: hidden; height: 241px; margin-bottom: 48px; position: absolute;     left: 86px;top: 51px; background: rgb(51,51,51,0.8);  z-index: 999; padding: 34px;}
.zhaoshang .us_ys span{font-size: 33px;background: url(../images/ys_line.png) no-repeat center bottom;    padding-bottom: 10px;color: #ffffff;}
.zhaoshang .us_ys p{    margin-top: 19px;color: #ffffff;font-size: 16px;  line-height: 31px;}
.zhaoshang a.more{display: block;width: 118px;height: 50px;line-height: 50px;background:linear-gradient(to bottom right, #6a9431 , #d4da7d);font-size:16px;color: #ffffff;text-align: center;margin-top: 30px;}
.zhaoshang .zs_ys {}
.zhaoshang .zs_ys{width: 192px;border: 1px solid #b2b2b2;height: 167px;padding: 36px;margin-left: 45px;margin-bottom: 48px;}
.zhaoshang .zs_ys:nth-child(4){margin-left: 0; }
.zhaoshang .zs_ys a{display: block;width: 100%}
.zhaoshang .zs_ys i,.zhaoshang .zs_ys i img{width:44px;margin: 0 auto 7px;height: 44px;overflow: hidden;display: block;}
.zhaoshang .zs_ys span{    display: block;text-align: center; font-size: 20px;font-weight: bold;}
.zhaoshang .zs_ys p{margin-top: 20px;}
.zhaoshang .zs_ys:hover{box-shadow:2px 0px 11px #c4c4c4;border: 1px solid #e5e5e5; width: 193px;  }
.zhaoshang .content{position: relative;}
.zhaoshang .ys_con{}
.zhaoshang .ys_con ul{}
.zhaoshang .ys_con ul li{    width: 22%; float: left;  text-align: center; background: #ffffff;  margin: 1% 1.5%; height: 106px;color: #ffffff;    font-size: 22px;line-height: 106px;}
.zhaoshang .ys_con ul li:nth-child(1){background: #eb6876;}
.zhaoshang .ys_con ul li:nth-child(1) p{background: url(../images/ys_icon1.png) no-repeat 20px;}
.zhaoshang .ys_con ul li:nth-child(2){background: #39bffe;}
.zhaoshang .ys_con ul li:nth-child(2) p{background: url(../images/ys_icon2.png) no-repeat 20px;padding-left: 16px;}
.zhaoshang .ys_con ul li:nth-child(3){background: #eb6100;}
.zhaoshang .ys_con ul li:nth-child(3) p{background: url(../images/ys_icon3.png) no-repeat 20px;padding-left: 22px;}

.zhaoshang .ys_con ul li:nth-child(4){background: #22ad38;}
.zhaoshang .ys_con ul li:nth-child(4) p{background: url(../images/ys_icon4.png) no-repeat 59px; padding-left: 45px;}

.zhaoshang .ys_con ul li span{font-size: 29px; line-height: 55px; font-weight: bold;}
/*产品中心*/
.product{background:url(../images/cpbg.jpg) repeat;padding:54px 0 ;}
/*.product .title{width: 357px;margin: 0 auto;margin-bottom: 37px;}*/
.pro_fenlei{width: 621px;margin: 0 auto;height: 41px;line-height: 41px;}
.pro_fenlei ul li{float: left;}
.pro_fenlei ul li a{display: block;font-size: 16px;float: left;    width: 171px;height: 41px;line-height: 41px;text-align: center;}
.pro_fenlei ul li a:hover,.pro_fenlei ul li.on a{background: #515151;color: #ffffff;}
.pro_fenlei ul i:after{content: "·";padding: 0 20px;float: left;display: block;}
.pro_list .content {position: relative;}
.pro_list ul{}
.pro_list .list_bd {height: 264px;overflow: hidden;}
.pro_list .list_bd ul li{width: 280px;float: left; text-align: center;margin: 4px 10px;position: relative;}
.pro_list .list_bd ul li span{font-size: 14px;display: block;    font-size: 16px; display: block;  margin-top: 10px;}
.pro_list .list_bd ul li em{font-size: 12px;color: #ccc;margin-bottom: 10px;display: block;}
.pro_list .list_bd ul li img{width: 100%;height: auto;}
.pro_list .list_bd ul li i{position: absolute;display: none;top: 0;z-index: 99999;}
.pro_list .list_bd ul li:hover{box-shadow:2px 0px 11px #c4c4c4;}
.pro_list .list_bd ul li:hover i{display:block;}
.list_hd {position: absolute;font-size: 0;left: 0;width: 100%;text-align: center;z-index: 2; }
.list_hd ul{ overflow:hidden; zoom:1; }
.list_hd ul li{ display: inline-block;width: 95px; height: 7px;margin: 0 10px;background-color: #ffffff;cursor: pointer;}
.list_hd ul li.on{ background-color: #515151; }
.pro_list .pro_more{    display: block;text-align: center; width: 105px; height: 43px;font-size: 28px;border-top: 1px solid #a2a2a2;border-bottom: 1px solid #a2a2a2; margin: 0 auto;line-height: 43px; margin-top: 50px;}


/* about us*/
.about {
    padding: 70px 0;
    overflow: hidden;
    margin-bottom: 10px;
}
.about-box.fl {
  text-align: right;
}
.ab_fl{

    float: left;
    margin-right: 2%;
    width: 39.66666667%;
}
.about-box.fr {

}
.about-box h3 {
  font-size: 1.5rem;
  position: relative;
  padding-top: 10px;
  font-weight: lighter;
}
.about-box h3:before {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 60px;
  height: 4px;
  background: #6a9431
}
.about-box h5 {
  font-size: 1.5rem;
  text-transform: uppercase;
}
.qute {
  position: relative;
  padding: 25px 0 30px 0;
  line-height: 2;
  color: #656566;
}
.qute a {
  color: #ffa304
}
.usimg {
  position: relative;
  display: inline-block;
}
.usimg .an1 {
  width: 80px;
  height: 80px;
  background: #6a9431;
  position: absolute;
  top: 100%;
  right: 100%
}
.usimg .an2 {
  width: 40px;
  height: 40px;
  background: #f1f0f0;
  position: absolute;
  bottom: 0%;
  left: -120px
}
.usimg .an3 {
  width: 40px;
  height: 40px;
  background: #6a9431;
  position: absolute;
  bottom: 100%;
  left: 100%
}
.laytxt {
  font-size: 119px;
  color: #f6f5f5;
  position: absolute;
  z-index: -1;
  font-weight: bold;
  line-height: 1;
  text-indent: 1em
}
.morebtn {
  position: relative;
  display: inline-block;
  background: #6a9431;
  color: #fff;
  line-height: 40px;
  padding: 0 30px;
}
.morebtn:after {
  display: block;
  content: '>';
  font-family: 'iconfont';
  position: absolute;
  left: 95%;
  top: 0;
  width: 40px;
  text-align: center;
  color: #fff;
  background: #85c232;
}
.morebtn:hover {
  color: #fff;
  background:#666666;
}

.four{}
.four ul li{width: 20%;float: left;text-align: center;font-size: 14px;color: #393737;}
.four ul li em{width: 45px;display: block;margin:0 auto;}
.four ul li em img{width: 45px;height: 42px;display: block; transition: all 0.3s ease-in-out 0s;}
.four ul li span{display: block;font-size: 15px;color: #333;font-weight:bold;height: 70px;line-height: 70px; background:url(../images/four_line02.gif) no-repeat center 66px;margin-bottom: 12px;}
.four ul li:first-child{background: none;}
.four ul li:hover em img{ transform: rotateY(180deg);}



/*新闻资讯*/
.news{border-top: 10px solid #f3f3f3; width: 1200px; margin: 0 auto;padding:54px 0 0 ;}

.news_nav{width: 419px;margin: 0 auto 25px;height: 25px;line-height: 25px;}
.news_nav ul li{float: left;    margin: 0 14px;}
.news_nav ul li a{display: block;  font-size: 16px;  float: left; width: 110px;  height: 37px;line-height: 37px; text-align: center;  border-radius: 50px;}
.news_nav ul li a:hover,.news_nav ul li.on a{background: #515151;color: #ffffff;}
.news_nav ul i:after{content: "·";padding: 0 20px;float: left;display: block;}
.nlist_con{overflow: hidden;  }
.nlist_c ul li{float: left;     width: 374px;  margin-right: 38px;}
.nlist_c ul li p{    margin-top: 20px; font-size: 16px;font-weight: bold;color: #515151;margin-bottom: 9px;}
.nlist_c ul li span{margin-bottom: 20px;    display: block;}

.news a{color:#9d9d9d;}
.nlist_c ul li{position: relative;}
.nlist_c ul li:nth-child(3){margin-right: 0;}
.nlist_c ul li img{width: 100%;height: 257px;}
.nlist_c ul li i{position: absolute;z-index: 99999;display: none;top: 0;}
.nlist_c ul li:hover i{display: block;}

.nlist ul li{float: left;padding: 10px;    margin-right: 32px;    width: 358px;}
.nlist ul li:nth-child(3){margin-right: 0}
.nlist ul li .nlist_fl{padding-left: 10px;float: left;    padding-top: 8px;}
.nlist ul li .nlist_fl span{display: block;padding:5px 0;}
.nlist ul li .nlist_fl a{}
.nlist ul li:hover{box-shadow:2px 0px 11px #c4c4c4;}
.nlist ul li:hover .news_more{text-decoration: underline;}
.nlist ul li i{padding-left: 8px;}
/*合作伙伴*/
.hz{width: 100%;}
.hz .title{width: 302px;margin: 0 auto;margin-bottom: 37px;}
.hz .hz_con{}
.hz .hz_con ul li{float: left;margin: 0 10px; border-bottom: 1px solid #ffffff;padding-bottom: 5px;}
.hz .hz_con ul li img{    width: 220px;height: auto; box-shadow: 0px 0px 10px #c4c4c4; margin: 10px 0;}

.footer{background: #333333;width: 100%;color: #999999;    padding: 50px 0;overflow: hidden;margin-top: 50px;}
.footer a{color: #999999;}
.footer_nav{ height: 50px;line-height: 50px; border-bottom: 1px solid #999999;margin: 0 auto 19px; }
.footer_nav ul{  }
.footer_nav ul li{ float: left;text-align: center;    width: 14.2%; }
.footer_nav ul li a{padding: 0 10px; }
.footer_copyright{   margin: 0 auto;text-align: center;}
.footer_copyright p{ margin-bottom: 8px;}
.footer_copyright p span{    padding: 0 16px;}
.ft_con{width: 1047px;  float: left;}
.ft_ewm{float: right;text-align: center;}

#certify {

  width: 100%;

  margin: 0 auto;position: relative;

}



#certify .swiper-container {

  padding-bottom: 60px;

}



#certify  .swiper-slide {

  width: 1200px;
  margin:0 auto;

}

#certify  .swiper-slide img{

  display:block;

  width: 100%;



}



#certify .swiper-pagination {

  width: 100%;

  bottom: 20px;

}



#certify .swiper-pagination-bullets .swiper-pagination-bullet {

  margin: 0 5px;

  border: 3px solid #fff;

  background-color: #d5d5d5;

  width: 10px;

  height: 10px;

  opacity: 1;

}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {

  border: 3px solid #6a9431;

  background-color: #fff;

}

#certify .content{    position: absolute; bottom: 60px;left: 50%; margin-left: -600px; width: 1200px; background: rgb(51,51,51,0.8);  z-index: 999;height: 130px;}

#certify .swiper-button-prev {

  left: 0;

  width: 60px;

  height: 60px;

  background: url(../images/left2.png) no-repeat;





}







#certify .swiper-button-next {

  right: 0;

  width: 60px;

  height: 60px;

  background: url(../images/right2.png) no-repeat;

}




.swiper-slide-next:before ,.swiper-slide-prev:before{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(237,240,240,0.9);

    z-index: 99;

}



.swiper-slide-active{opacity: 1;}


.icon{
  background: url(../images/icon.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.product .range_hd {
  width: 100%;
  top: 0px;
  position: relative;
  padding-bottom: 50px;
}
.product .range_hd .prev {
  position: absolute;
  left: 490px;
  top: -0px;
  display: block;
  width: 72px;
  height: 32px;
  background-position: -0px -0px;
  cursor: pointer;


}
.product .range_hd .next {
  position: absolute;
  right: 490px;
  top: -0px;
  display: block;
  width: 72px;
  height: 32px;
  background-position: -80px -0px;
  cursor: pointer;
}
.product .range_hd .prev:hover {
  opacity: 0.8;
  background-position: -160px -0px;
}
.product .range_hd .next:hover {
  opacity: 0.8;
  background-position: -240px -0px;
}
.product .range_hd .amore {
  position: absolute;
  left: 570px;
  top: -0px;
  display: block;
  width: 61px;
  height: 32px;
  background-position: -0px -76px;
  cursor: pointer;

}
.product .range_hd .amore:hover {
  opacity: 0.8;
  background-position: -80px -76px;
}