.banner-container{width: 100%;overflow: hidden;position: relative;}
.banner-img{width: 100%;overflow: hidden;display: block;}
.banner-img img{width: 100%;object-fit: cover;min-height: 400px;}
.banner-mobile{width: 100%;overflow: hidden;display: none;}
.banner-mobile img{width: 100%;object-fit: cover;}
.banner-container .swiper-pagination{width: 94%;left: 3%;text-align: right;bottom: 30px;}
.banner-container .swiper-pagination-bullet {width: 46px;height: 3px;display: inline-block;border-radius: 0%;background: #fff;opacity: 1;position: relative;}
.banner-container .swiper-pagination-bullet-active {background: #01901a;}
.banner-container .banner-paginNum{position: absolute;bottom: 66px;right: 3%;z-index: 9;}
.banner-container .banner-paginNum p{font-size: 20px;color: #fff;}
.banner-container .banner-paginNum p span{color: #01901a;}
.banner-prev,.banner-next{width: 80px;height: 80px;position: absolute;top: 50%;margin-top: -40px;z-index: 9;cursor: pointer;user-select: none;}
.banner-prev{left: 0;background: rgba(0, 0, 0, .2) url('../images/index/ban-L.png') no-repeat center center;}
.banner-next{right: 0;background: rgba(0, 0, 0, .2) url('../images/index/ban-R.png') no-repeat center center;}
.banner-prev:hover,.banner-next:hover{background-color: #01901a;}
.banner-words{position: absolute;left: 14%;top: 50%;transform: translate(0,-50%);z-index: 2;}
.banner-words h6{font-size: 48px;color: #fff;font-weight: bold;}
.banner-words h6 span{font-size: 64px;color: #01901a;}
.banner-words p{margin-top: 10px;font-size: 0;}
.banner-words p span{display: inline-block;font-size: 24px;color: #fff;margin-right: 32px;}
.banner-words a{display: block;width: 216px;height: 60px;margin-top: 54px;border: 3px solid #fff;line-height: 60px;text-align: center;position: relative;z-index: 1;transition: all .6s linear;}
.banner-words a span{position: relative;z-index: 3;font-size: 18px;color: #fff;}
.banner-words a span i{width: 26px;height: 10px;background: url('../images/index/arr-right.png') no-repeat;display: inline-block;vertical-align: middle;margin-left: 12px;}
.banner-words a:before{content: "";position: absolute;top: 0;left: 0;height: 100%;width: 0;background-color: #01901a;transition: width .5s linear;}
.banner-words a:hover:before{width: 100%;}
.banner-words a:hover{border-color: #01901a;}
.swiper-slide-active .banner-words h6 {animation: banWords 1.2s ease both;animation-delay:300ms;}
.swiper-slide-active .banner-words p {animation: banWords 1.4s ease both;animation-delay:800ms;}
.swiper-slide-active .banner-words a {animation: banWords 1.6s ease both;animation-delay:1100ms;}
@keyframes banWords {0% {opacity: 0;transform: translateX(100px);}100% {opacity: 1;transform: translateX(0px);}}


.indus-container{width: 100%;overflow: hidden;}
.indus{width: 100%;}
.indus ul li{width: 25%;float: left;overflow: hidden;padding: 0 3%;}
.indus ul li a{display: block;}
.indus ul li:nth-child(2n+1){background-color: #fff;}
.indus ul li:nth-child(2n){background-color: #dbdbdb;}
.indus-title{width: 100%;overflow: hidden;padding-top: 40px;}
.indus-title h4{font-size: 28px;color: #333;font-weight: bold;transition: all .2s linear;text-align: center;}
.indus-title h4 span{color: #ff6600;}
.indus-pic {width: 100%;height: 426px;padding: 44px 16px;overflow: hidden;text-align: center;}
.indus-pic img{height: 100%;width: auto;object-fit: cover;transition: all .5s ease-out;}
.indus ul li a:hover h4{color: #01901a;}
.indus ul li a:hover img{transform: scale(1.04);}


.ind-title{width: 100%;overflow: hidden;padding: 78px 0 40px 0;text-align: center;}
.ind-title h4{font-size: 36px;color: #333;}
.ind-title p{font-size: 18px;color: #777;margin-top: 10px;}
.ind-title.gray{background-color: #f7f7f7;}


.case-container{width: 100%;overflow: hidden;background-color: #fff;padding-bottom: 70px;}
.case{width: 94%;margin-left: 3%;}
.case-navbar{width: 100%;overflow: hidden;text-align: center;font-size: 0;}
.case-navbar ul li{display: inline-block;font-size: 16px;color: #777;user-select: none;padding: 10px 0;cursor: pointer;border-bottom: 2px solid transparent;margin: 0 24px;}
.case-navbar ul li:hover{color: #01901a;}
.case-navbar ul li.ontrue{border-color: #01901a;color: #01901a;}
.case-message{width: 100%;overflow: hidden;padding:40px 0 46px 0;}
.case-piclist{width: 100%;overflow: hidden;}
.case-piclist ul{margin-left: -0.4%;}
.case-piclist ul li{width: 24.6%;margin-left: .4%;overflow: hidden;float: left;height: 348px;position: relative;margin-top: .4%;}
.case-piclist ul li img{width: 100%;height: 100%;object-fit: cover;transition: all .6s linear;}
.case-piclist ul li:hover img{transform: scale(1.1);}
.case-piclist-shade{position: absolute;z-index: 2;width: 100%;height: 100%;background-color: rgba(1, 144, 26, .95);top: 0;left: 0;opacity: 0;transition: all 1s ease;}
.case-piclist-words{position: absolute;z-index: 4;top: 50%;left: 5%;width: 90%;transform: translate(0,-50%);opacity: 0;}
.case-piclist-words a{display: block;}
.case-piclist-words h4{font-size: 26px;color: #fff;opacity: 0;transform: translateY(-20px);transition: all .6s;}
.case-piclist-words p{font-size: 13px;color: #fff;line-height: 23px;margin-top: 18px;height: 70px;overflow: hidden;opacity: 0;transform: translateY(-20px);transition: all .6s;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.case-piclist-words h6{width: 56px;height:35px;border: 2px solid #fff;background: url('../images/index/arr-right.png') no-repeat center center;margin-top: 20px;opacity: 0;transform: translateY(20px);transition: all .6s;}
.case-piclist-words h6:hover{background: #fff url('../images/index/arr-rightG.png') no-repeat center center;}
.case-piclist ul li:hover .case-piclist-shade{opacity: 1;}
.case-piclist ul li:hover .case-piclist-words{opacity: 1;}
.case-piclist ul li:hover .case-piclist-words h4{opacity: 1;transform: translateY(0);}
.case-piclist ul li:hover .case-piclist-words p{opacity: 1;transform: translateY(0);}
.case-piclist ul li:hover .case-piclist-words h6{opacity: 1;transform: translateY(0);}
.case-more{width: 100%;overflow: hidden;}
.case-more a{display: block;margin: 0 auto;width: 242px;height: 42px;border: 2px solid #f27823;text-align: center;line-height: 42px;position: relative;}
.case-more a span{position: relative;z-index: 3;font-size: 16px;color: #f27823;transition: all .5s;}
.case-more a span i{width: 26px;height: 10px;background: url('../images/index/case-moreArr.png') no-repeat;transition: all .5s;;display: inline-block;vertical-align: middle;margin-left: 14px;}
.case-more a:before{content: "";position: absolute;top: 0;left: 0;height: 100%;width: 0;background-color: #f27823;transition: width .4s linear;}
.case-more a:hover:before{width: 100%;}
.case-more a:hover span{color: #fff;}
.case-more a:hover span i{background: url('../images/index/arr-right.png') no-repeat;}


.project-container{width: 100%;overflow: hidden;position: relative;}
.project{width: 100%;position: absolute;height: 560px;left: 0;top: 0;z-index: 9;}
.project ul li{border-right: 1px solid rgba(255, 255, 255, .2);float: left;transition: width .5s linear;overflow: hidden;width: 19%;}
.project ul li:last-child{border-right: none;}
.project ul li a{display: block;width: 100%;height: 100%;position: relative;padding: 100px 34px 0 34px;box-sizing: border-box;height: 560px;}
.project ul li h4{font-size: 24px;color: #fff;margin-top: 10px;}
.project ul li h5{font-size: 16px;color: #cacaca;margin-top: 10px;}
.project ul li h5 i{display: none;width: 36px;height: 3px;background-color: #fff;margin-top: 16px;}
.project ul li p{width: 100%;font-size: 13px;color: #fff;opacity: 0;line-height: 23px;margin-top: 24px;height: auto;overflow: hidden;display: -webkit-box;}
.project ul li h6{width: 56px;height:35px;border: 2px solid #fff;background: url('../images/index/arr-right.png') no-repeat center center;margin-top: 28px;opacity: 0;transition: all .6s;}
.project ul li h6:hover{border-color: #01901a;background-color: #01901a;}

.project ul li.ontrue{width: 24%;}
.project ul:hover li{ width: 19%; }
.project ul li:hover{ width: 24%; }
.project ul li.ontrue h5 span{display: none;}
.project ul li.ontrue h5 i{display: block;}
.project ul li.ontrue p{animation: proWordsH 1.6s ease both;animation-delay:444ms;opacity: 1;}
.project ul li.ontrue h6{animation: proWordsH 1.6s ease both;animation-delay:400ms;opacity: 1;}
@keyframes proWordsH {0% {opacity: 0;transform: translateY(60px);}100% {opacity: 1;transform: translateY(0px);}}
.project-picbg{width: 100%;overflow: hidden;position: relative;z-index: 1;height: 560px;background-color: #b6b5aa;}
.project-picbg ul li{width: 100%;height: 560px;display: none;background-repeat: no-repeat !important;background-size: cover !important;position: absolute;top: 0%;left: 0%;}


.news-container{background: url('../images/index/news-bg.jpg') repeat;width: 100%;padding-bottom: 80px;}
.news{width: 94%;margin-left: 3%;background-color: #fff;overflow: hidden;}
.news ul li{border-right: 1px solid #f6f6f6;width: 33.3333333333333%;float: left;overflow: hidden;}
.news ul li:last-child{border-right: none;}
.news-picwords{width: 100%;overflow: hidden;padding: 36px;}
.news-pic{width: 45%;overflow: hidden;float: left;height: 198px;}
.news-pic img{width: 100%;height: 100%;object-fit: cover;transition: all .6s linear;}
.news ul li:hover .news-pic img{transform: scale(1.1);}
.news-words{width: 55%;float: left;overflow: hidden;height: auto;padding: 30px 0 0 16px;}
.news-words h4{font-size: 20px;color: #333;font-weight: bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news-words p{font-size: 13px;color: #777;line-height: 23px;margin-top: 16px;height: 46px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-words h4:hover{color: #01901a;}
.news-words h6{font-size: 16px;color: #777;margin-top: 30px;}


/* -------------------------PC端--------------------------- */

@media all and (max-width:1700px) {
    .banner-words h6{font-size: 42px;}
    .banner-words h6 span{font-size: 58px;}
    .indus-pic{height: 370px;}
    .case-piclist ul li{height: 300px;}
    .news-pic{height: 160px;}
    .news-words {padding: 10px 0 0 12px;}
}

@media all and (max-width:1460px) {
    .banner-words h6 {font-size: 38px;}
    .banner-words p span{font-size: 20px;}
    .banner-words h6 span {font-size: 54px;}
    .banner-words a {width: 190px;height: 50px;margin-top: 48px;line-height: 50px;}
    .banner-prev, .banner-next{width: 66px;height: 66px;}
    .indus-title{padding-top: 32px;}
    .indus-title h4{font-size: 24px;height:56px;}
    .indus-pic{height: 320px;padding: 32px 16px}
    .ind-title {padding: 60px 0 32px 0;}
    .ind-title h4{font-size: 32px;}
    .case-message {padding: 28px 0 38px 0;}
    .case-container {padding-bottom: 60px;}
    .project ul li a{height: 500px;padding: 66px 24px 0 24px;}
    .project{height: 500px;}
    .project-picbg ul li{height: 500px;}
    .project-picbg{height: 500px;}
    .news-container{padding-bottom: 60px;}
    .news-picwords {padding: 24px;}
}

@media all and (max-width:1380px) {
    .case-piclist ul li{height: 232px;}
    .case-piclist-words p{margin-top: 8px;}
    .case-piclist-words h6{width: 48px;height: 48px;margin-top: 16px;}
    .case-piclist-words h4{font-size: 22px;}
    .case-more a{width: 210px;}
    .news-pic{height: 140px;}
    .news-words h4{font-size: 16px;}
    .news-words p{margin-top: 8px;}
    .news-words h6{margin-top: 20px;}
    .indus-pic{height: 300px;}
}

@media all and (max-width:1300px) {
    .indus-pic{height: 290px;}
}

@media all and (max-width:1200px) {
    .banner-words h6 {font-size: 28px;}
    .banner-words h6 span {font-size: 44px;}
    .banner-words p span {font-size: 18px;}
    .banner-words a {width: 180px;height: 44px;margin-top: 36px;line-height: 44px;}
    .indus-title h4 {font-size: 18px;}
    .ind-title h4 {font-size: 28px;}
    .case-navbar ul li{margin: 0 14px;}
    .case-piclist ul li {height: 210px;}
    .news-picwords {padding: 16px;}
    .news-pic {height: 110px;}
    .news-words p {margin-top: 2px;}
    .news-words h6 {margin-top: 4px;}
    .news-words {padding: 8px 0 0 12px;}
    .ind-title {padding: 40px 0 26px 0;}
    .project ul li h4{font-size: 20px;}
    .project ul li h6{width: 48px;height: 48px;margin-top: 20px;}
    .project ul li a{height: 460px;padding: 44px 24px 0 24px;}
    .project{height: 460px;}
    .project-picbg ul li{height: 460px;}
    .project-picbg{height: 460px;}
    .indus-pic {height: 248px;}
    .indus ul li{width: 50%;}
}


/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {
    .banner-img{display: none;}
    .banner-mobile{display: block;}
    .banner-prev, .banner-next{display: none;}
    .banner-words{left: 3%;}
    .banner-words h6 {font-size: 18px;}
    .banner-words h6 span {font-size: 24px;}
    .banner-words p span {font-size: 16px;margin-right: 16px;}
    .banner-words a {width: 160px;height: 40px;margin-top: 20px;border: 2px solid #fff;line-height: 40px;}
    .banner-words a span{font-size: 16px;}
    .banner-container .swiper-pagination{bottom: 14px;}
    .banner-container .banner-paginNum p{font-size: 16px;}
    .banner-container .banner-paginNum{bottom: 36px;}
    .banner-container .swiper-pagination-bullet{width: 36px;}
    .indus-pic {height: 140px;padding: 18px 12px;}
    .indus-title {padding-top: 20px;}
    .indus-title h4 {font-size: 14px;}
    .ind-title {padding: 32px 0 20px 0;}
    .ind-title h4 {font-size: 24px;}
    .ind-title p {font-size: 14px;margin-top: 6px;}
    .case-navbar ul li{margin: 0;width:100%;text-align:center;}
    .case-piclist ul li{width: 49.6%;height: 118px;}
    .case-piclist-words p{display: none;}
    .case-piclist-words h4 {font-size: 18px;}
    .case-piclist-words h6 {width: 38px;height: 38px;margin-top: 10px;}
    .case-message {padding: 18px 0 32px 0;}
    .case-more a {width: 188px;height: 38px;line-height: 38px;}
    .case-container {padding-bottom: 32px;}
    .project ul li p{display: none;}
    .project ul li a {height: 188px;padding: 66px 6px 0 6px;}
    .project{height: 188px;}
    .project-picbg ul li{height: 188px;}
    .project-picbg{height: 188px;}
    .project ul li h4 {font-size: 12px;}
    .project ul li img{height: 32px;object-fit: cover;}
    .project ul li h5{display: none;}
    .project ul li{text-align: center;}
    .project ul li h6 {display: none;}
    .project ul li{width: 20% !important;}
    .news ul li{width: 100%;}
    .news ul li{border-right: none;}
    .news-container {padding-bottom: 44px;}
    .case-navbar ul li.ontrue {border-bottom: none;font-weight: bold;}

    .indus ul li:nth-child(3){background-color: #dbdbdb;}
    .indus ul li:nth-child(4){background-color: #fff;}
    .case-navbar{text-align: left;}
}