.clearfix{*zoom:1}
i,em{ font-style:normal;}

body{ overflow-x:hidden;}

.bantest {position: relative;width: 100%;overflow: hidden;}  
.banner{ width:100%; position:relative;}
.banner .slick-dotted.slick-slider{ margin:0;}
.banner img{ display:block; width:100%;}
.banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index: 9; width:73px; height: 73px; margin-top: -73px;border: 0; outline: none;overflow:hidden;}
.banner .slick-prev {left: 10%; display: none; background:url(../images/ban_prev.png) no-repeat;}
.banner .slick-next {right: 10%; display: none;background:url(../images/ban_next.png) no-repeat;}   
.slick-dots { position: absolute;left: 50%; font-size:0; bottom: 8%;width: 300px;text-align: center;margin-left: -175px;z-index: 11;}
.slick-dots li {display: inline-block;margin: 0 8px; }
.slick-dots li button {display: block;width: 10px;height: 10px;color: #68b92e; border-radius: 10px;border-color:#68b92e; -webkit-transition: .5s;-moz-transition: .5s;transition: .5s;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7bba2a+1,046f33+100 */
background: rgb(123,186,42); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(123,186,42,1) 1%, rgba(4,111,51,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(123,186,42,1) 1%,rgba(4,111,51,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(123,186,42,1) 1%,rgba(4,111,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bba2a', endColorstr='#046f33',GradientType=1 ); /* IE6-9 */
}
.slick-dots .slick-active button {width: 40px;border-color:#68b92e;} 

.tit{height:160px; font:44px "Microsoft Yahei"; text-align:center; font-weight:bold; color:#292929; }
.tit i{ display:block; font:42px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; height:20px; overflow:hidden; color:#f5f5f5;}
.tit a{ display:block; color:#292929;}
.tit em{ display:block; font:20px "Microsoft Yahei"; line-height:55px; color:#292929; background:url(../images/line.png) no-repeat center top; margin-top:10px;}

.yinz{ height:610px; padding-top:90px; overflow:hidden;}
.yinz dt{ width:645px; height:483px; overflow:hidden; position:relative; margin-right:-100px; float:right; border-radius:15px;}
.yinz dt img{ display:block;width:600px; height:483px;}
/*.yinz dt:before{ content:""; position:absolute; bottom:0; width:100px; height:100px;*/
/*background: rgb(99,171,33); background: -moz-linear-gradient(left,  rgba(99,171,33,1) 0%, rgba(25,125,43,1) 100%); background: -webkit-linear-gradient(left,  rgba(99,171,33,1) 0%,rgba(25,125,43,1) 100%);*/
/*background: linear-gradient(to right,  rgba(99,171,33,1) 0%,rgba(25,125,43,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63ab21', endColorstr='#197d2b',GradientType=1 ); }*/
.yinz dd{ width:610px; float:left; position:relative;}
.yinz dd:before{ content:""; position:absolute; top:-12px; left:-360px; width:118px; height:520px; background:#f0f0f0; border-radius:0 5px 5px 0;}
/*.yinz dt:after{ content:""; position:absolute; bottom:0; width:100px; height:100px; background:url(../images/guide_v.png) no-repeat center center;}*/
.yinz dd h3{ display:block; height:154px;}
.yinz dd p{ font:14px "Microsoft YaHei UI"; line-height:25px; color:#585858; margin:0 0 24px;}
.yinz dd h5{ font:24px "Microsoft YaHei UI"; color:#000;}
.yinz dd span a{ display:block; width:190px; height:50px; background:#7ab92b; border-radius:8px; font:20px Arial, Helvetica, sans-serif; color:#fff; text-align:center; line-height:50px; margin-top:70px; text-transform:uppercase;}

/*pro*/
.pro{padding: 60px 0 0;background: #fff;}
.pro .tit{ background:#f7f7f7; padding:50px 0 20px;}
.pro .tit i,.pinz .tit i{ color:#f1f1f1;}
.pro1{height: 606px;overflow: hidden; background:#f7f7f7;}
.pro1 dt{float: left;width: 959px;height: 606px;margin-left: -360px;position: relative; overflow:hidden;}
.pro1 .pro_use{position: absolute;left: 300px;bottom: -50px;height: 205px;}
.pro_use p{font-size: 20px;color: #fff;line-height: 26px; float:left; padding-right:40px;}
.pro_use p em{ display:block; width:58px; height:40px; margin:0 auto 15px;}
.pro_use p em img{display:block; width:58px; height:40px;}
.pro1 dd{float: right;width: 592px;height: 600px;text-align: right;}
.pro dd h3{font-size: 40px;line-height: 40px;color: #0e0e0c; font-weight:normal;}
.pro dd h3 a{color: #0e0e0c;}
.pro1 .pro_desc{font-size: 16px;color: #333;line-height: 29px;padding: 20px 0 0;height: 90px;position: relative;margin-bottom: 32px;}
.pro1 .pro_desc:after{position: absolute;width: 72px;height: 2px;content: "";background: #000;right: 0;bottom: 0;opacity: 0.5;}
.pro1 .pro_desc span{margin-left: 18px; display:inline-block;}
.pro_list{width: 800px;height: 345px;padding: 10px;box-sizing: border-box;background: #fff;    box-shadow: 0px 11px 20px 0px rgba(0, 0, 0, 0.15);position: relative;z-index: 10;}
.pro_list li{float: left;width: 260px;padding: 6px 9px 0;height: 325px;border: 1px solid #dedede;box-sizing: border-box;margin-right: -1px;}
.pro_list li i{display: block;height: 240px;overflow: hidden;}
.pro_list li img{width: 240px;height: 240px;transition: all 0.5s;}
.pro_list li span{display: block;height:57px;font-size: 16px;color: #000;font-weight: bold;text-align: left;background: url(../images/pro_jt2.png) no-repeat left bottom;}
.pro_list li span em{ display:block; font:14px "Microsoft YaHei UI"; color:#828282; line-height:30px;}
.pro_list li i:hover img{transform: scale(1.05);}
.pro_list li:hover span{background: url(../images/pro_jt3.png) no-repeat left bottom;}

.pro2{height: 686px;overflow: hidden;background: #fff;}
.pro2 dt{float: right;width: 961px;height: 686px;margin-right: -360px;position: relative;}
.pro2 .pro_use{position: absolute;right: 260px;bottom: 0;height: 150px;width: 450px;}
.pro2 dd{float: left;width: 598px;height: 510px;padding-top: 90px;}
.pro2 .pro_desc{font-size: 16px;color: #333;line-height: 26px;margin: 20px 0 12px;}
.pro2 .pro_desc span{margin-right: 20px;}

.pro3{padding: 77px 0 90px;}
.pro3 dl{position: relative;height: 590px;overflow: hidden;}
.pro3 .pro_desc{font-size: 16px;color: #fff;line-height: 26px;padding: 20px 0 12px;}
.pro3 .pro_desc span{margin-right: 20px; color:#fff;}
.pro3 .pro_use{position: absolute;left: 48px;bottom: 0;height: 135px;width: 500px;}
.pro3 .pro_use h3{height: 70px;font-size: 40px;line-height: 40px;}
.pro3 dd h3 a{ color:#fff;}
.pro3 .pro_use p em{font-size: 20px;font-weight: bold;}
.pro3 dd{position: absolute;width: 544px;right: 70px;bottom: 60px;}
.pro3 .pro_list{width: 540px;}
@media screen and (min-width:1600px) {
    .pro1 .pro_use{left: 170px;}
}





.pinz{ background:#f7f7f7; position:relative;}
.pinz .tit{padding-top:50px;}
.pinz1{ width:1200px; margin:0 auto; position:relative; height:610px;}
.pinz1 h2{ height:80px; font-size:32px; font-weight:bold; color:#68b92e; text-align:center;}
.pinz1 dl{ width:385px; height:auto; float:left; margin:0 22px 0 0; position:relative; overflow:hidden;}
.pinz1 dt{width:422px; height:565px; overflow:hidden;}
.pinz1 dt img{ display:block;width:100%; height:auto;}
.pinz1 dd{ position:absolute; width:100%; top:38px; left:0; color:#fff; text-align:center; font-size:40px; line-height:22px; font-weight:bold;}
.pinz1 dd em{ display:block; width:250px; margin:25px auto 0; font-size:16px;font-weight:normal;}
.pinz1 dl:nth-child(3){ margin-right:0;}
.pinz1 dl:nth-child(3) dd{ color:#006930;}
.pinz1 dl:nth-child(3) dd em{ color:#282828;width:300px;}
.pinz4{width:1200px; margin:0 auto; height:350px;overflow:hidden;}
.pinz4 li{ float:left; width:308px; overflow:hidden; margin-right:14px;}
.pinz4 li img{ display:block; width:308px; height:auto; overflow:hidden;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pinz4 li em{ display:block; height:48px; font:20px "Microsoft Yahei"; line-height:48px; color:#282828; text-align:center; overflow:hidden;}
.pinz4 li:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}

.case{ height:830px; padding-top:65px; overflow:hidden;}
.case .content{ position:relative;}
.caset{ position:absolute; top:160px; height:562px; width:1200px;}
.caset h3{ width:200px; height:105px; margin-bottom:10px; background:#ececec; font:20px "Microsoft Yahei"; text-align:center; color:#1f1f1f;letter-spacing:4px;}
.caset h3:nth-child(6){ position:absolute; top:0; right:0;}
.caset h3:nth-child(7){ position:absolute; top:115px; right:0;}
.caset h3:nth-child(8){ position:absolute; top:230px; right:0;}
.caset h3:nth-child(9){ position:absolute; top:345px; right:0;}
.caset h3:nth-child(10){ position:absolute; top:460px; right:0;}
.caset h3 a{ display:block; color:#1f1f1f; height:75px; padding-top:30px;}
.caset h3 em{ display:block; font:12px "Microsoft Yahei"; color:#a8a8a8; line-height:24px;letter-spacing:0.5px;}
.caset h3 a:hover,.caset .cur a{background: #68b92e; color:#fff;}
.caset h3 a:hover em,.caset .cur em{color:#fff;}
.case1{ width:754px; height:565px; margin:0 0 0 223px; background:#fbfbfb; position:relative; z-index:2;}
.case1 dl{height:565px;}
.case1 dt{ width:754px; height:432px; overflow:hidden; position:relative;}
.case1 dt img{border:1px solid #eee;width:752px; height:430px; display:block;}
.case dt:before{content: '';
            cursor: pointer;
            position: absolute;
            left: -100%;
            top: 0;
            width: 100%;
            height: 100%;
            background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
            background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
            transform: skewx(-25deg);}
.case dt:hover:before{
            left: 100%;
            -moz-transition: 1s;
            -o-transition: 1s;
            -webkit-transition: 1s;
            transition: 1s;
        }
.case1 dd{ padding:10px 25px 0 25px;}
.case1 dd h3 a{ display:block; font:18px "Microsoft Yahei"; font-weight:bold; color:#68b92e; height:25px; line-height:25px; background:url(../images/case_arr.png) no-repeat right center; margin-top:31px;}
.case1 dd p{ font:14px "Microsoft Yahei"; line-height:24px; color:#8a8a8a; margin-top:4px;}

.super{ background:#f7f7f7; padding-top:40px;}
.super .tit i{ color:#efefef;}
.super2{ background:url(../images/ys_bg.jpg) no-repeat center top; height:741px; padding-top:105px;}
.super1{ height:680px; width:1200px; margin:0 auto;}
.super1 dl{ height:526px; position:relative;}
.super1 dl:before{ content:""; position:absolute; top:33px; left:0; width:560px; height:1px; background:rgba(255,255,255,0.2);}
.super1 dt{ width:962px; height:741px; float:right; margin-right:-360px;}
.super1 dt img{ display:block;width:962px; height:741px;}
.super1 dd{ width:470px; height:210px; float:left;}
.super1 dd h3{ height:333px; font:18px "Microsoft Yahei"; font-weight:bold; color:#fff;}
.super1 dd h3 img{ display:block; margin-bottom:35px;}
.super1 dd p{ font:14px "Microsoft Yahei"; line-height:25px; color:#fff;}
.supert{ width:1200px; margin:0 auto;}
.supert h3{ height:85px; padding-top:15px; background:#fff; margin-top:25px; width:300px; float:left; font:28px "Microsoft Yahei"; font-weight:bold; color:#333; text-align:center;}
.supert h3 em{ font:12px "Microsoft Yahei"; display:block; line-height:27px; text-transform:uppercase;}
.supert .cur{ background:#7ab92b; color:#fff; padding-top:25px; margin-top:15px; position:relative;}
.supert .cur:before{ content:""; position:absolute; top:-20px; left:50%; border-bottom:20px solid #7ab92b; border-left:30px solid rgba(0,0,0,0); border-right:30px solid rgba(0,0,0,0); margin-left:-30px;}


/*鏂伴椈璧勮*/
.new{ height:1050px; padding-top:70px;overflow:hidden;}
.dy{width:575px; height:688px; overflow:hidden;}
.tit02{ height:59px; overflow:hidden; font:16px "Microsoft YaHei UI"; line-height:59px;}
.tit02 a{ display:block; color:#333; font-weight:bold;}
.tit02 em{ display:block; float:left; margin:8px 8px 0 0;}
.tit02 span{ float:right; font:16px "Microsoft YaHei UI"; line-height:59px; color:#666; text-transform:uppercase;}
.dy dl{ height:485px; border-bottom:1px solid #e6e6e6;}
.dy dt{ width:674px; height:380px; overflow:hidden;}
.dy dt img{ display:block; width:674px; height:auto;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.dy dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.dy dd h5{ width:70px; font:38px "Microsoft YaHei UI"; color:#222222; float:left; overflow:hidden; position:relative; margin-top:16px;}
.dy dd h5:before{ content:""; position:absolute; top:8px; right:0; width:1px; height:64px; background:#d1d1d1;}
.dy dd h5 em{ display:block; font:6px "Microsoft YaHei UI"; color:#999999;}
.dy dd h4{ width:485px; float:right; font:16px "Microsoft YaHei";line-height:30px;margin:22px 0 0; overflow:hidden; color:#222222;}
.dy dd h4 a{ display:block; color:#222; letter-spacing:1px;}
.dy dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#666; height:24px; overflow:hidden;}
.dy li{ font:14px "Microsoft YaHei"; line-height:40px; height:40px; overflow:hidden; color:#222; border-bottom:1px solid #e6e6e6;}
.dy li a{ display:block; color:#222;}
.dy li em{ float:right; color:#999;}
.dy dd h4 a:hover,.dy li:hover a,.faq dt a:hover{ color:#68b92e; font-weight:bold;}

.faq{ height:120px; background:#f1f1f1; overflow:hidden;}
.faq h3{ width:140px; text-align:center; font:18px "Microsoft YaHei UI"; font-weight:bold; color:#333; height:120px; float:left;}
.faq h3 a{ display:block; color:#333333; background:url(../images/dy_icon3.png) no-repeat center 32px; padding-top:70px;}
.faq1{ width:1055px; height:120px; overflow:hidden; float:left;}
.faq dl{ width:356px; float:left; margin-top:30px;}
.faq dt{ font:16px "Microsoft YaHei UI"; line-height:35px; height:35px; overflow:hidden; background:url(../images/q.gif) no-repeat left center; padding-left:38px;}
.faq dt a{ display:block; color:#333;}
.faq dd{ font:14px "Microsoft YaHei UI"; color:#999; background:url(../images/a.gif) no-repeat left center; padding-left:38px; }

.about h2 img{ display:block; width:100%;}
.about dl{ width:1200px; height:140px; background:#fff; position:relative; margin:-70px auto 27px; z-index:2; box-shadow:0.1rem 0.1rem 0.5rem #eee;}
.about dt{ width:350px; float:left;font:38px "Microsoft YaHei UI"; text-align:center; height:140px; color:#fff; background:#68b92e;}
.about dt a{ color:#fff; padding-top:26px; display:block;}
.about dt em{ display:block; font:19px "Microsoft YaHei UI"; font-weight:bold; padding-top:10px;}
.about dd{ width:750px; float:left; margin:35px 0 0 48px; font:14px "Microsoft YaHei UI"; line-height:24px; color:#8b8b8b;}
.about dd a{ color:#68b92e;}

.pic{ height:345px;overflow:hidden;}
.pict{ height:75px; margin-left:219px; overflow:hidden;}
.pict h3{ font:20px "Microsoft YaHei UI"; height:75px; width:255px;float:left; line-height:75px;}
.pict h3 em{ display:block; width:36px; height:33px; overflow:hidden; float:left; margin:21px 8px 0 64px;}
.pict h3 em img{transition: .5s; display:block;}
.pict h3 a{ display:block; color:#7a7a7a;}
.pict h3 a:hover,.pict .cur a{ font-weight:bold; color:#68b92e;}
.pict h3 a:hover img,.pict .cur img{ margin-top:-33px;}
.pic2{ height:250px; position:relative;}
.pic3{ overflow:hidden;}
.pic1 li{ width:291px; float:left; margin-right:18px; overflow:hidden;}
.pic1 li img{ display:block; width:291px; height:auto;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pic1 li a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}


.link{ height:75px; background:#68b92e; overflow:hidden; font:16px "Microsoft YaHei UI"; color:#cbd9d0;}
.link p{width: 1100px;float: left;overflow: hidden;font:14px "Microsoft YaHei";color:#d9ecd0;line-height:75px;}
.link p a{ display: inline-block;padding:0 20px; font:14px "Microsoft YaHei"; color:#d9ecd0; line-height:75px; height:75px; position:relative;}
.link p a:hover{font-weight:bold; text-decoration:underline; color:#fff;}
.link h5{ height:75px; border-left:1px solid #d9ecd0; border-right:1px solid #d9ecd0; width:63px; float:right; font:14px "Microsoft YaHei UI"; line-height:75px; color:#d9ecd0; background:url(../images/ftop.png) no-repeat 56px center; padding-left:20px;}

@keyframes living {
    0%{
        transform: scale(1);
        /* opacity: 1; */margin-top: 6px;
    }
    50%{
        transform: scale(1);
        /* opacity: 0.7; */margin-top:0px;
    }
    100%{
        transform: scale(1);
        /* opacity: 1; */margin-top: 6px;
    }
}
@keyframes living1 {
    0%{
        transform: scale(1);
        /* opacity: 1; */margin-top: 0;
    }
    50%{
        transform: scale(1);
        /* opacity: 0.7; */margin-top: 0;
    }
    100%{
        transform: scale(1);
        /* opacity: 1; */margin-top: 0;
    }
}
@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}