@charset "UTF-8";
/* ————— 头部 start ————— */
.animHide{opacity: 0;}
.topBox{height: 90px;}
.top{height: 90px;position: fixed;top: 0;width: 100%;left: 0;box-shadow: 0px 2px 8px 0px rgba(0, 0, 112, 0.2);background: #fff;z-index: 99;}
.top .wrap{display: flex;justify-content: space-between;}
.top .logo{margin-top: 20px;}
.top .logo img{height: 50px;}
.top .bg{position: absolute;top: 90px;left: 0;width: 100%;height: 0;background: rgb(13,115,53,.8);-webkit-transition: all .4s linear;display: block;}
.menu{height: 100%;position: relative;}
.menu dd{display:inline; position:relative;float: left;margin: 0 15px;height: 90px;z-index: 2;}
.menu dd .yj{height:90px; line-height:90px;text-align:center; position: relative;}
.menu dd .yj a{ display:block;  font-size:16px;color: #333;transition: all .3s ease-in;-webkit-transition: all .3s ease-in;padding: 0 30px;}
.menu dd .ej {overflow: hidden;position: absolute;top: 90px;height: 0;line-height: 50px;white-space: nowrap;transition: all .3s ease-in;-webkit-transition: all .3s ease-in;}
.menu dd .ej.open{height: 50px;}
.menu dd .ej li {display: inline-block;margin-right: 30px;line-height: 50px;text-align: center;}
.menu dd .ej li:last-child{margin-right: 0;}
.menu dd .ej li a {font-size: 14px;color: #fff;}
.menu dd .ej li a:hover {color: #333;}
.menu dd.hover .yj a{color: #fff;}
.menu .huaKRed {position: absolute;height: 90px;background: #0d7335;bottom: 0;-webkit-transition: all .4s ease-in;}

.topBtn .back{margin-right: 30px;margin-top: 38px;}
.topBtn .back a{display: block;padding-left: 30px;font-size: 14px;color: #555555;line-height: 18px;background: url(/home/ecology/images/img/home.png) no-repeat center left;height: 18px;transition: all .4s ease;-webkit-transition: all .4s ease;}
.topBtn .back a:hover{background-image: url(/home/ecology/images/img/homeh.png);color: #0d7335;}
.topBtn em{width: 1px;height: 14px;background: #dddddd;float: left;display: inline;margin-top: 38px;}
.topBtn .search{float: left;display: inline;margin-left: 30px;margin-top: 38px;position: relative;}
.topBtn .search .icn{width: 17px;height: 17px;margin-right: 38px;background: url(/home/ecology/images/img/seach.png);}
.topBtn .search .input{position: absolute;left: 27px;top: 0;t}
.topBtn .search .input::before{display: block;content: "";position: absolute;left: 0;bottom: -8px;width: 0;height: 1px;background: #ebebeb;transition: all .4s ease;-webkit-transition: all .4s ease;}
.topBtn .search:hover .input::before{width: 100%;}
.topBtn .search input{display: block;background: none;width: 100px;height: 17px;line-height: 17px;border: none;outline: none;font-size: 14px;color: #555555;}

/* ————— indexBanner start ————— */
.indexBanner{position: relative;padding-top: 39.0625%;}
.indexBanner .prev{display: block;width: 70px;height: 70px;border-radius: 50%;position: absolute;left: 0;bottom: 350px;background: rgba(255,255,255,0.35) url(/home/ecology/images/img/indexbannerPrev.png) no-repeat center;margin-top: -35px;transition: all .4s ease;-webkit-transition: all .4s ease;cursor: pointer;}
.indexBanner .next{display: block;width: 70px;height: 70px;border-radius: 50%;position: absolute;right: 0;bottom: 350px;background: rgba(255,255,255,0.35) url(/home/ecology/images/img/indexbannerNext.png) no-repeat center;margin-top: -35px;transition: all .4s ease;-webkit-transition: all .4s ease;cursor: pointer;}
.indexBanner .prev:hover{background-color: rgba(255,186,0,0.8);}
.indexBanner .next:hover{background-color: rgba(255,186,0,0.8);}
.indexBanner .bd{height: 100%; overflow: hidden; position: absolute; width: 100%; left: 0; top: 0;}
.indexBanner .bd .slick-list,.indexBanner .bd .slick-track{height: 100%;}
.indexBanner.delay .bd .slick-track{ transition-delay: 1.3s !important;-webkit-transition-delay: 1.3s !important;}
.indexBanner .mySlide{height: 100%;position: relative;overflow: hidden;background-size: cover;background-position: center center;background-repeat: no-repeat;image-rendering: pixelated;}
.indexBanner .slick-dots{position: absolute;bottom: 50px;right: 0;text-align: center;font-size: 0;}
.indexBanner .slick-dots li {display: inline-block;width: 14px;height: 14px;background: #fff;border-radius: 100%;margin: 0 6px;cursor: pointer;position: relative;vertical-align: middle;transition: all .4s ease;-webkit-transition: all .4s ease;}
.indexBanner .slick-dots li.slick-active {width: 40px;border-radius: 30px;background: #ffba00;}
.indexBanner .img{ position: absolute;left: 32%;top: 45%;transform: translate(-50%,-50%); font-size: 0;text-align: center;}
.indexBanner .img .imgItem img{overflow: hidden; display: inline-block; visibility: hidden;font-size: 0;image-rendering: pixelated;}
.indexBanner .img .imgItem img.show{visibility: visible;}
.indexBanner .img .imgItem {white-space: nowrap;}
.indexBanner .img .imgItem.img2{margin-bottom: 130px;}

.indexBanner .wrap{position: relative;}
.indexBanner .indexBtn{opacity: 0;}
/* ————— indexBanner end ————— */
/* 公共部分 start*/
.indexBtn{width: 160px;height: 50px;line-height: 50px;background: #ffba00;border-radius: 30px;font-size: 16px;color: #ffffff !important;box-sizing: border-box;-webkit-box-sizing: border-box;padding-left: 25px;background: #0d7335;display: block;text-align: left;position: relative;}
.indexBtn::after{display: block;content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url(/home/ecology/images/img/indexbtn.png) no-repeat center right 25px;}
.indexBtn.h{background-color: #ffba00;}
.indexBtn.dh:hover{background: linear-gradient(-45deg, #6ebe8d 50%, #337e50 60%, #0d7335 70%);background-size: 600% 100%;-webkit-animation: shine 20s infinite;animation: shine 20s infinite;-webkit-animation-delay: 0s;animation-delay: 0s;-webkit-animation-timing-function: linear;animation-timing-function: linear;}
@-webkit-keyframes shine {
  0% {
    background-position-x: 400%;
  }
  50% {
    background-position-x: 0%;
  }
  100% {
    background-position-x: -400%;
  }
}

@keyframes shine {
  0% {
    background-position-x: 400%;
  }
  50% {
    background-position-x: 0%;
  }
  100% {
    background-position-x: -400%;
  }
}
/* 公共部分 end*/
/* 第一通栏 start */
.column1{background: url(/home/ecology/images/img/col1bg.jpg) no-repeat center / cover;padding: 80px 0 85px;overflow: hidden;}
.column1 .col1T{position: relative;padding-bottom: 0.1px;}
.column1 .col1T::before{display: block;content: "";width: 2000px;margin-left: -1000px;position: absolute;left: 50%;bottom: 0;height: 1px;background: #e5e5e5;}
.column1 .col1T .pic{width: 36.9047%;border-radius: 10px;margin-left: 80px;overflow: hidden;}.column1 .col1T .pic::before{padding-top: 59.3548%;}
.column1 .col1T .con{overflow: hidden;}
.column1 .col1T .con .title{font-size: 36px;font-weight: bold;color: #111111;height: 38px;line-height: 38px;margin-bottom: 40px;}
.column1 .col1T .con .info{font-size: 18px;line-height: 36px;color: #111111;margin-bottom: 50px;height: 108px;}
.col1B{position: relative;padding-top: 80px;}
.col1B::before{display: block;content: "";position: absolute;left: 25.2976%;top: 0;height: 700px;width: 1px;background: #e5e5e5;}
.col1BL{width: 25.2976%;box-sizing: border-box;-webkit-box-sizing: border-box;padding: 20px 60px 0 0;margin-right: 85px;}
.col1BL .title{font-size: 36px;font-weight: bold;height: 38px;line-height: 38px;color: #111111;margin-bottom: 40px;}
.col1BL .info{font-size: 18px;line-height: 36px;color: #333333;margin-bottom: 100px;}
.col1BL .col2btn span{display: inline-block;width: 44px;height: 44px;border-radius: 50%;border: 1px solid #d3d3d3;background: #fff url(/home/ecology/images/img/col1btn.png) no-repeat center;cursor: pointer;transition: all .4s ease;-webkit-transition: all .4s ease;}
.col1BL .col2btn span.next{margin-left: 36px;transform: rotateZ(180deg);-webkit-transform: rotateZ(180deg);}
.col1BL .col2btn span:hover{border-color: #0d7335;background-color: #0d7335;background-image: url(/home/ecology/images/img/col1btnh.png);}
.col1BR{overflow: hidden;}
.colSlick {position: relative;}
.colSlick .bd {overflow: hidden;}
.colSlick .slick-list {overflow: visible;margin:0 -15px;}
.colSlick .myslide {float: left;display: inline;}
.colSlick .slickCon {display: block;margin:0 15px;}
.colSlick .slickCon a{display: block;}
.colSlick .slickCon .pic{border-radius: 10px;overflow: hidden;}
.colSlick .slickCon .pic::before{padding-top: 121.6216%;}
.colSlick .slickCon .pic .text{position: absolute;bottom: 50px;left: 40px;overflow: hidden;}
.colSlick .slickCon .pic .text .icn{width: 50px;height: 50px;border-radius: 50%;margin-right: 16px;background-color: #ffba00;background-position: center;background-repeat: no-repeat;}
.colSlick .slickCon .pic .text .info{overflow: hidden;line-height: 50px;height: 50px;font-size: 22px;font-weight: bold;color: #ffffff;}

/* 第一通栏 end */
/* 第二通栏 end */
.column2{padding-top: 34.375%;background: url(/home/ecology/images/img/col2bg.jpg) no-repeat center / cover;position: relative;}
.column2 .wrap{position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: 0;height: 100%;box-sizing: border-box;}
.column2 .info{width: 71.4285%;position: absolute;left: 50%;top: 65px;transform: translateX(-50%);-webkit-transform: translateX(-50%);font-size: 16px;line-height: 32px;color: #f9e6ce;}
.column2 .pic{position: absolute;left: 80px;bottom: 75px;width: 22.8571%;border-radius: 10px;overflow: hidden;box-shadow: 0px 1px 9px 1px rgba(0, 0, 0, 0.1);cursor: pointer;}
.column2 .pic::before{padding-top: 65.1041%;}
.column2 .pic2{right: 80px;left: auto;}
/* 第二通栏 end */
/* 第三通栏 start */
.column3{background: #fff url(/home/ecology/images/img/col3bg.png) no-repeat bottom center;padding: 70px 0 87px;}
.column3 .col3Title{font-size: 36px;font-weight: bold;line-height: 38px;height: 38px;color: #111111;margin-top: 10px;}
.column3 .indexBtn{margin-bottom: 60px;}
.col3Dl{margin-right: -60px;}
.col3Dl dd{width: 25%;float: left;display: inline;}
.col3Dl dd .con{margin-right: 60px;border: 1px solid #eaeaea;border-radius: 10px;background: #fff;transition: all .4s ease;-webkit-transition: all .4s ease;overflow: hidden;}
.col3Dl dd .con .pic::before{padding-top: 69.3333%;position: relative;z-index: 3;background: url(/home/ecology/images/img/col3timebg.png) no-repeat bottom center / 100%;}
.col3Dl dd .con .pic .time{position: absolute;width: 100%;height: 13px;line-height: 13px;color: #ffffff;font-size: 13px;box-sizing: border-box;-webkit-box-sizing: border-box;bottom: 20px;left: 0;padding: 0 35px;z-index: 3;}
.col3Dl dd .con .text{background: #fff;padding: 30px 20px 60px 30px;}
.col3Dl dd .con .text .title{font-size: 20px;font-weight: bold;line-height: 30px;height: 60px;color: #111111;margin-bottom: 35px;}
.col3Dl dd .con .text .title a{color: #111111;transition: all .4s ease;-webkit-transition: all .4s ease;}
.col3Dl dd .con .text .info{font-size: 15px;line-height: 28px;height: 56px;color: #777777;margin-bottom: 55px;}
.col3Dl dd .con .text .btn{font-size: 14px;color: #555;height: 46px;line-height: 46px;transition: all .4s ease;-webkit-transition: all .4s ease;display: block;}
.col3Dl dd .con:hover{box-shadow: 0px 1px 9px 1px rgba(0, 0, 0, 0.1);}
.col3Dl dd .con:hover .text .title a{color: #0d7335;}
.col3Dl dd .con:hover .text .btn{padding: 0 35px;color: #fff;border-radius: 4px;background: #0d7335;}
/* 第三通栏 end */
/* 第四通栏 start */
.column4{padding-top: 26.0416%;background: url(/home/ecology/images/img/col4bg.jpg) no-repeat center / cover;position: relative;}
.column4 .text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.column4 .text .title{font-size: 30px;line-height: 30px;height: 30px;color: #ffffff;white-space: nowrap;margin-bottom: 40px;}
.column4 .text .icn{width: 56px;height: 56px;background: url(/home/ecology/images/img/video.png) no-repeat center;margin: 0 auto;margin-bottom: 70px;cursor: pointer;}
.column4 .text .btn{display: block;width: 128px;height: 46px;color: #fff;border-radius: 4px;background: #f9b600;line-height: 46px;text-align: center;margin: 0 auto;}
/* 第四通栏 end */
/* 底部 start */
.footer{padding: 95px 0 75px;background: #ffffff;}
.footer .wrap{display: flex;justify-content: space-between;}
.footerLogo img{height: 60px;display: block;}
.footerMenu{width: 41.6666%;font-size: 0;}
.footerMenu dd{width: 33.3333%;margin-bottom: 45px;float: left;display: inline;}
.footerMenu dd a{font-size: 16px;color: #060606;line-height: 16px;height: 16px;padding-left: 20px;background: url(/home/ecology/images/img/footericn.png) no-repeat center left;display: block;}
.footerMenu dd a:hover{background-image: url(/home/ecology/images/img/footericnh.png);color: #0d7335;}
.footer .evm .pic{width: 134px;margin-bottom: 14px;}
.footer .evm .pic::before{padding-top: 100%;}
.footer .evm span{display: block;font-size: 14px;color: #555555;height: 14px;line-height: 14px;text-align: center;}
.footerBlank{height: 90px;line-height: 90px;background: #fff;}
.footerBlank .fl{font-size: 13px;color: #999999;}
.footerBlank .fl a{color: #999;}
.footerBlank .fl a:hover{color: #0d7335;}
.footerBlank .wrap{border-top: 1px solid #e8e6f1;overflow: hidden;}
/* 底部 end */