@charset "utf-8";

/*banner*/
.banner{position: relative; height:auto;clear: both;}
.banner img {display: block;width: 100%;margin:0 auto;}
.slick-dots {position: absolute;right: 0;height: 200px; font-size:0;top:30%;width: 10%;text-align: center;outline: none;}
.slick-dots li {display: block;margin:0 0 15px; outline: none;}
.slick-dots li button {display: block;border: 0 none;width: 21px;height: 21px;border-radius: 21px;margin-right:12px; display: inline-block;background: #fff;outline: none;
}
.slick-dots .slick-active button {background: #056635;}

.banner .slick-arrow{width:45px;height:45px;cursor: pointer;z-index: 22;top:48.5%;left:50%;margin-left:640px;position:absolute;border:0;line-height:84px;overflow:hidden;overflow: hidden;line-height:190px;background: none!important;}
.banner .slick-arrow.slick-next{margin-left:-690px;}
.slick-prev:hover,.slick-next:hover{background-position: 0 bottom!important;}


.til01{text-align: center;color: #000;font-size:48px;line-height:74px;font-family: "Microsoft Yahei";clear: both;display: block;height:140px;white-space: nowrap;position: relative;font-weight: normal;}
.til01:before{content: "";position: absolute;width:70px;height:3px;top:74px;left:49%;background:#000;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.65%;}
.til01 p{display: block;font-size:24px;line-height:54px;font-weight: normal;color: #575757;}
.til01 a{color: #000;}
.til02,.til02 a,.til02 p{color: #fff;}
.til02:before{background: #fff;}
.til01:hover:before{width:117px;opacity: 1;}

@keyframes move{
	0%{
		transform: translateY(0px);
	}
	100%{
		transform: translateY(10px);
	}
}

/*引子*/
.webox{font-family:"Microsoft Yahei";position: relative;z-index: 11;}
.webox_c{height:710px;position: relative;margin-top:-15.5rem;overflow: hidden;background:url(../images/videobg.png) no-repeat center 0;padding: 33px 140px 0;}
.webox_p{margin-top: 7px;position: relative;}
.webox_p,.webox_p img{width:920px;height:581px;display: block;}
.about_ico{width:54px;height:54px;top:194px;left:410px;background:url(../images/ico08.png) no-repeat 0 0;position: absolute;display:block;}

.webox_w{width:920px;overflow: hidden;height: 154px;background: rgba(5, 102, 53 , 0.9);box-sizing:border-box;padding:15px 25px;color: #a5bdae;line-height: 18px;top: 467px;}
.webox_w h3{font-size:30px;color: #fff;line-height:34px;position: relative;white-space: nowrap;font-weight: normal;padding: 0 0 10px;}
.webox_w h3 span{display: block;}
.webox_l{height: 190px;}
.webox_l li{float: left;width: 300px;font-size: 18px;line-height:42px;color: #000;position: relative;text-align: center;}
.webox_l li:before,.webox_l li:first-child:after{content: "";position: absolute;width:1px;height:108px;top:9px;right: 0;background:#c5c5c5;}
.webox_l li:first-child:before{left: 0;}
.webox_l li span{display: block;height:82px;color: #333;}
.webox_l li span b{line-height:82px;font-size: 54px;}
.webox_l li span em{line-height:24px;font-size: 14px;width: 24px;border-radius: 24px;background: #056635;color: #fff;display: inline-block;margin-left: -10px;}
.webox_l li:hover span{color: #056635;}

/*产品中心*/
.probox{clear: both;padding:66px 0 78px;line-height:30px;font-family:"Microsoft Yahei";position: relative;font-size:14px;z-index: 1;box-shadow:0 0 15px 15px rgba(0, 0, 0 , 0.1);color: #363636;}
.probox:before,.probox:after{content: "";position: absolute;width:100%;height:1px;top:206px;left: 0;background:#ddd;z-index: -1;}
.probox:after{top: 294px;}
.prod_t,.news_t{height: 88px;margin-bottom:20px;text-align: center;}
.prod_t li,.news_t li{box-sizing:border-box;color: #000;float: left;width: 300px;height: 88px;position: relative;line-height: 26px;font-size: 20px;border-left: 1px solid #ddd;}
.prod_t li:after,.news_t li:after{content: "";position: absolute;width:12px;height:8px;top:34px;right: 30px;background:url(../images/ico04.png) no-repeat 0 0;}
.prod_t li:last-child,.news_t li:last-child{border-right: solid 1px #ddd;}
.prod_t li a,.news_t li a{padding: 21px 0 0;color: #000;display: inline-block;}
.prod_t li em,.news_t li em{display: block;font-size: 12px;line-height: 16px;opacity: 0.5;font-weight: normal;}
.prod_t li p{background: #fff;height: 58px;line-height: 58px;padding:0 50px 0 80px;font-size: 18px;position: absolute;right: 0;top: 88px;display: none;z-index: 2;width: 400px;text-align: right;}
.prod_t li:nth-child(2) p{width:545px;}
.prod_t li:nth-child(1) p,.prod_t li:nth-child(2) p,.prod_t li:nth-child(3) p{left: 0;text-align: left;}
.prod_t li p a{display: inline-block;padding: 0 28px 0 24px;color: #000;position: relative;white-space: nowrap;}
.prod_t li p a:before{content: "";position: absolute;width:6px;height:6px;top:26px;left: 0;border-radius: 100%;border: solid 2px #535353;}
.prod_t li.cur,.prod_t li:hover,.news_t li.cur,.news_t li:hover{background: #056635;}
.prod_t li.cur p,.prod_t li:hover p{display: block;}
.prod_t li.cur a,.prod_t li:hover a,.news_t li.cur a,.news_t li:hover a{color:#fff;}
.prod_t li.cur p a,.prod_t li:hover p a{color:#000;}
.prod_t li.cur:after,.prod_t li:hover:after,.news_t li.cur:after,.news_t li:hover:after{background:url(../images/ico05.png) no-repeat 0 0;}

.prod_c{height: 682px;position: relative;}
.pro_em{width: 100%;height: 38px;text-align: center;position: absolute;left: 0;top: 434px;z-index: 2;}
.pro_em em{display: inline-block;width: 14px;height: 14px;border-radius: 14px;background: #fff;margin: 0 0 0 7px;}
.pro_em em:first-child{margin: 0;}
.pro_em em.cur{background: #056635;}
.prod_p,.prod_p img{width: 1200px;height: 472px;display: block;overflow: hidden;}
.prod_w{padding: 24px 0 0;color: #363636;}
.prod_w h3{font-size: 24px;line-height: 50px;font-weight: normal;}
.prod_w h3 a{color: #363636;}
.prod_wl ul{height: 95px;font-size: 16px;}
.prod_wl li{width: 222px;height: 73px;border: solid 2px #707070;box-sizing:border-box;float: left;margin: 0 11px 0 0;line-height: 22px;padding: 15px 0 0 30px;}
.prod_wl li span{float: left;width: 56px;}

.pro_gwico span{display: block;font-size: 14px;width: 226px;line-height: 53px;border-radius: 3px;background: #056635;float: left;text-align: center;}
.pro_gwico span:nth-child(1){background: #0a0a0a;margin-right: 10px;}
.pro_gwico span a{display: inline-block;color: #fff;padding-left: 38px;}

/* 特点 */
.chara{font-family:"Microsoft Yahei";line-height: 16px;color: #939393;height:606px;padding:64px 0 0;font-size: 14px;position: relative;z-index: 9;}
.chara_c dl{width: 261px;height:437px;padding: 19px 19px 0;margin:10px 50px 10px 0;box-shadow:0 0 5px 5px rgba(0, 0, 0 , 0.1);}
.chara_c dt,.chara_c dt img{width: 261px;height: 238px;display: block;overflow: hidden;}
.chara_c dd{padding:12px 0 0;}
.chara_c dd h3{display: block;font-size: 24px;height: 42px;line-height: 42px;color: #4e4e4e;font-weight: normal;}
.chara_c dd p{height:90px;}
.chara_c dd span{height: 55px;overflow: hidden;text-align: right;position: relative;font-size: 88px;color: #a0a0a0;line-height:80px;display: block;letter-spacing: -4px;}
.chara_c dd span:before{content: "";position: absolute;width:170px;height:1px;top:15px;left: 0;background: #e2e2e2;}

/*优势*/
.edge{font-family:"Microsoft Yahei";font-size: 16px;line-height:24px;color: #707070;position: relative;}
.edge_t p,.edge_t p img{width:100%;display: block;}
.edge_t h2{color: #fff;font-weight: normal;font-size: 62px;line-height: 62px;width: 120px;height: 128px;text-align: center;border: solid 6px #fff;padding: 4px 8px;position: absolute;white-space: nowrap;top: 9.4rem;left: 50%;margin-left: -600px;}
.edge_t span{display: block;width: 600px;position: absolute;left: 50%;margin-left: -300px;font-size: 30px;line-height: 50px;text-align: center;bottom: 9rem;}
.edge_t span a{display: inline-block;color: #fff;background:url(../images/ico07.png) no-repeat right center;padding-right: 44px;text-decoration: underline;white-space: nowrap;}
.edge_c{padding: 54px 0 0;}
.edge1{height: 364px;overflow: hidden;}
.edge2{height: 454px;}
.edge3{background:url(../images/edgewbg2.jpg) no-repeat right bottom;}
.edge_p,.edge_p img{width: 599px;display: block;}
.edge_w{width: 544px;padding: 40px 0 0;}
.edge_w h3{font-size: 36px;height: 96px;font-weight: normal;color: #363636;line-height:43px;}
.edge_w h3 span{display: block;font-size: 18px;line-height: 26px;}
.edge_w1{padding: 0;background:url(../images/edgewbg1.jpg) no-repeat 0 182px;height: 364px;}
.edge_wl{padding-left: 28px;position: relative;}
.edge_wl:before{content: "";position: absolute;width:1px;height:90%;top:10px;left: 0;background: #dedede;}
.edge_w4 li{padding: 0 0 26px;}
.edge_w4 li:last-child{padding: 0;}
.edge_l1{width: 160px;height: 95px;right: 0;bottom: 0;}
.edge_l1 span,.edge_l1 span img{width: 41px;height: 41px;border-radius: 41px;display: block;float: left;}
.edge_l1 p{width: 110px;white-space: nowrap;float: right;line-height: 20px;padding: 5px 0 0;}
.edge_l1 p em{display: block;font-size: 12px;line-height: 12px;color: #b5b5b5;}
.edge_w2{padding: 36px 0 0;}
.edge_l2{padding: 26px 0 0;display: block;clear: both;}
.edge_l2c li{width: 155px;height: 160px;border: solid 1px #c7c7c7;border-radius: 8px;float: left;margin: 0 22px 0 0;text-align: center;padding: 20px 0 0;font-size: 16px;line-height: 34px;color: #000;white-space: nowrap;}
.edge_l2c li b{display: block;margin: 0 auto;}
.edge_l2c li b,.edge_l2c li b img{width: 78px;height: 78px;border-radius: 78px;display: block;overflow: hidden;}
.edge_l2c li span{display: block;padding: 8px 0 0;}
.edge_l2c li em{color: #8b8e94;display: block;height: 34px;line-height: 30px;background:url(../images/ico03.png) no-repeat 117px bottom;}
.edge_l3{clear: both;padding: 16px 0 0;}
.edge_l3 li{float: left;padding: 0 34px;font-size: 16px;line-height: 36px;}
.edge_l3 li span{display: block;height:78px;color: #333;}
.edge_l3 li span b{line-height:78px;font-size: 78px;}
.edge_l3 li:hover span{color: #056635;}

/* 荣誉 */
.honner{font-family:"Microsoft Yahei";clear: both;position: relative;height:598px;box-shadow:0 0 15px 15px rgba(0, 0, 0 , 0.1);padding: 70px 0 0;}
.honner_c:before,.honner_c:after{content: "";position: absolute;width:500px;height:4px;top:502px;right: 0;background:#e5e5e5;z-index: -1;}
.honner_c:before{left: 0;}
.prev1,.next1{width:32px;height:32px;display: inline-block;cursor: pointer;position: absolute;z-index: 2;background:url(../images/next1.png) no-repeat 0 bottom;right: 520px;top: 488px;}
.prev1{left: 520px;background:url(../images/prev1.png) no-repeat 0 0;}
.prev1:hover{background-position: 0 bottom;}
.honner_t{width: 74px;height: 10px;position: absolute;top: 490px;left: 50%;margin-left: -35px;}
.honner_t em{display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #444;margin: 0 0 0 12px;}
.honner_t em.cur{background: #056635;}
.honner_t em:first-child{margin: 0;}
.honner_l li{float: left;width: 226px;margin:0 18px 0 0;}
.honner_l li img{width: 210px;height: 304px;background: #313131;padding: 8px;}

/* 案例 */
.casebox{font-family:"Microsoft Yahei";clear: both;line-height:16px;font-size: 14px;color: #939393;position: relative;padding: 66px 0 0;}
.casebox:before,.casebox:after,.newsbox:before,.newsbox:after{content: "";position: absolute;width:100%;height:1px;top:206px;left: 0;background:#ddd;z-index: -1;}
.casebox:after,.newsbox:after{top: 294px;}
.case_t{height: 88px;margin-bottom:20px;text-align: center;}
.case_t li{box-sizing:border-box;color: #000;float: left;width: 150px;height: 88px;position: relative;line-height:20px;font-size:16px;border-left: 1px solid #ddd;}
.case_t li:last-child{border-right: solid 1px #ddd;}
.case_t li a{padding: 10px 0 0;color: #000;display: inline-block;}
.case_t li span{display: block;width: 43px;height: 36px;margin: 0 auto;overflow: hidden;}
.case_t li span img{display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.case_t li em{display: block;font-size: 12px;line-height: 15px;opacity: 0.5;}
.case_t li.cur,.case_t li:hover{background: #056635;}
.case_t li.cur a,.case_t li:hover a{color:#fff;}
.case_t li.cur span img,.case_t li:hover span img{margin-top: -72px;}

.case_con{height: 680px;}
.case_ct{width: 274px;overflow: hidden;}
.case_ct li{margin-bottom: 11px;}
.case_ct li,.case_ct li img{width: 274px;height: 161px;display: block;overflow: hidden;background: #056635;}
.case_ct li.cur img{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;padding: 4px;}

.case_cl dl{position: relative;z-index:2;width:900px;float: left;z-index: 1;background: #fff;box-shadow: 0 0 5px 5px rgba(0, 0, 0 , 0.1);height: 677px;margin-bottom: 5px;}
.case_cl dt{position: relative;}
.case_cl dt,.case_cl dt p,.case_cl dt p img{width:900px;height:500px;display: block;overflow: hidden;}
.case_cl dt:before{content: "";position: absolute;width:200px;height:500px;background:rgba(5, 102, 53 , 0.5);top:0;right:0;}
.case_cl dd{padding:10px 40px 0;position: relative;font-size: 14px;line-height: 16px;color: #939393;}
.case_cl dd h4{display: block;font-size:24px;line-height:46px;height:46px;}
.case_cl dd h4 a{color: #333;}
.case_cl dd p{height:45px;width: 618px;}
.case_more{display: block;width: 200px;height:177px;background: #056635;text-align: center;position: absolute;right: 0;top: 0;}
.case_more a{display: block;padding:66px 0;}

/*资讯*/
.newsbox{height:825px;padding:66px 0; overflow: hidden;font-family:"Microsoft Yahei";clear: both;position: relative;}
.news_t{margin-bottom: 43px;}
.news_t li:first-child{margin-left: 178px;}
.news_c{height: 470px;overflow: hidden;}
.news_c dl{height:180px;overflow: hidden;width:579px;float: left;padding:28px 26px;margin-bottom:30px;background: #f1f1f1;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.news_c dl:nth-child(2n){margin-left:40px;}
.news_c dt,.news_c dt img{width:200px;height:112px;display: block;overflow: hidden;float: left;}
.news_c dd{width: 300px;float: right;}
.news_c dd span{font-size:16px;height: 38px;line-height: 38px;color: #444;font-weight: bold;}
.news_c dd h4{line-height:32px;font-size: 18px;display: block;font-weight: normal;height:64px;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis; }
.news_c dd h4 a{color: #000;}
.news_c dl:hover{background: #056635;color: #fff;}
.news_c dl:hover dd h4 a,.news_c dl:hover dd span{color: #fff;}
.new_more{display: block;width: 496px;line-height: 50px;border: solid 2px #333;text-align: center;margin: 0 auto;font-size: 16px;color: #444;font-weight: bold;position: relative;}
.new_more:before{content: ">";position: absolute;width:35px;height:50px;top:0;right:0;font-weight: bold;line-height: 50px;}
.new_more b{font-size: 24px;color: #040000;}
.new_more a{display: block;color: #444;}

/*关于*/
.aboutbox{font-family:"Microsoft Yahei";background:url(../images/about_pic.jpg) no-repeat center 0;background-size: 100% auto;font-size: 16px;line-height:28px;color: #666;overflow: hidden;padding: 23.5rem 0 66px;}
.about_p{width: 622px;padding: 6rem 0 0;}
.about_p dl{box-shadow: 0 0 5px 5px rgba(0, 0, 0 , 0.1);background: #fff;padding: 20px;float: left;margin-bottom: 10px;position: relative;}
.about_p dt{position: relative;}
.about_p dt span{position: absolute;width:290px;height: 56px;line-height: 56px;background:rgba(5, 102, 53 , 0.9);left: 0;bottom: 0;padding: 0 30px;}
.about_p li span{position: absolute;width:170px;height:32px;line-height:32px;background:rgba(5, 102, 53 , 0.9);left: 10px;bottom: 10px;padding: 0 15px;}
.about_p dt span a,.about_p li span a{display: block;background:url(../images/ico09.png) no-repeat right center;color: #fff;font-size: 18px;}
.about_p dl,.about_p dt,.about_p dt img{width: 350px;height: 499px;display: block;overflow: hidden;}
.about_p dd{color: #333;font-size: 18px;line-height: 25px;width: 270px;position: absolute;left: 50px;top: 38px;}
.about_p dd span{display: block;font-size: 36px;line-height: 37px;padding: 0 0 16px;}
.about_p ul{width: 220px;float: right;}
.about_p li{box-shadow: 0 0 5px 5px rgba(0, 0, 0 , 0.1);background: #fff;padding: 10px;margin-bottom: 10px;position: relative;}
.about_p li,.about_p li img{width: 200px;height: 152px;display: block;overflow: hidden;}
.about_w{width: 544px;padding: 8.8rem 0 0;}
.about_w h3{padding:0 0 0.6rem;}
.about_w h3 img{width:55.5%;display:block;max-width:302px;}
.about_wc{height: 194px;}
.about_wc p{padding: 0 0 15px;}
.about_more{height: 5.6rem;}
.about_wl li{width:43px;float: left;padding: 0 55px;position: relative;text-align: center;line-height:50px;color: #000;}
.about_wl li:first-child{padding-left: 0;}
.about_wl li:last-child{padding-right: 0;}
.about_wl li:before{content: "";position: absolute;width:1px;height:87px;background:#cfcfcf;top:4px;right:0;}
.about_wl li:last-child:before{width: 0;height: 0;background: none;}
.about_wl li:hover img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}

/*友情链接*/
.link{height:0;line-height:32px;position: relative;z-index: 9;font-size: 14px;color: #474747;width: 1200px;margin: 0 auto;}
.link_c{width: 510px;position: absolute;left:0;top: -62px;height:32px;overflow: hidden;}
.link span{font-size: 16px;}
.link a{display: inline-block;color: #474747;padding: 0 23px;}


.streng_l p img, .prod_r li p img, .prod_lc p img, .case_c dt img, .news_c dt img, .faqs_c dt img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.streng_l p:hover img, .prod_r li:hover p img, .prod_lc p:hover img,.case_c dl:hover dt img, .news_c dl:hover dt img, .faqs_c dl:hover dt img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
/*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);
    }
  }