/* ===================首页样式========================== */

.indban{width: 100%;position: relative;overflow: hidden;}

.indban-img{width: 100%;}

.indban-img img{width: 100%;object-fit: cover;}

.indban-img img.pc{display: block;height: auto;}

.indban-img img.mb{display: none;
    /*min-height: 320px;*/
}

.indban-cont{position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;justify-content: center;color: #fff;}

.indban-cont .contain-max{padding-left: 216px;}

.indban-cont p{font-size: 20px;line-height: 1.2;color: #008a45;text-transform: uppercase;margin-bottom: 20px;}

.indban-cont h2, .indban-cont h3{font-size: 80px;font-weight: 700;line-height: 1.24;}

.indban-cont h3{color: #008a45;}

.indban-cont i{display: block;width: 100px;height: 4px;margin-top: 54px;background: #fff;}

/* 效果 */

/* .indban-cont p, .indban-cont h2, .indban-cont h3, .indban-cont i{opacity: 0;}
.swiper-slide-active .indban-cont p{animation: indbanUp 1s ease both 0.9s;}
.swiper-slide-active .indban-cont h2{animation: indbanUp 1s ease both 1s;}
.swiper-slide-active .indban-cont h3{animation: indbanUp 1s ease both 1.1s;}
.swiper-slide-active .indban-cont i{animation: indbanUp 1s ease both 1.2s;}
.indban-cont.oneSlideCont p{animation: indbanUp 1s ease both 0.4s;}
.indban-cont.oneSlideCont h2{animation: indbanUp 1s ease both 0.5s;}
.indban-cont.oneSlideCont h3{animation: indbanUp 1s ease both 0.6s;}
.indban-cont.oneSlideCont i{animation: indbanUp 1s ease both 0.7s;}
@keyframes indbanUp{0%{opacity: 0;transform: translateY(80px);}100%{opacity: 1;transform: translateY(0);}} */

.indban .swiper-pagination{bottom: 40px;}

.indban .swiper-pagination-bullet{width: 11px;height: 11px;background: #fff;opacity: 0.5;margin: 0 12px !important;position: relative;vertical-align: middle;}

.indban .swiper-pagination-bullet:before, .indban .swiper-pagination-bullet:after {content: "";display: block;width: 14px;height: 14px;border-radius: 100%;position: absolute;top: 0;left: 0;background: #008a45;opacity: 0;}

.indban .swiper-pagination-bullet-active{opacity: 1;background: #008a45;width: 14px;height: 14px;}

.indban .swiper-pagination-bullet-active.swiper-pagination-bullet:before{animation: shineRing 2s linear infinite 0.8s;}

.indban .swiper-pagination-bullet-active.swiper-pagination-bullet:after{animation: shineRing 2s linear infinite 0s;}

@keyframes shineRing{0%{opacity:0;transform:scale(.1)}5%{opacity:1}to{opacity:0;transform:scale(2.8)}}



.indTitle{width: 100%;text-align: center;}

.indTitle h2, .indTitle h1{font-size: 50px;color: #222;line-height: 1.2;font-weight: 700;margin-bottom: 18px;}

.indTitle p{font-size: 18px;color: #aaa;line-height: 1.5;}

.indTitle.white h2{color: #000;}

.indTitle.white p{color: #000;}



.indcp{width: 100%;padding: 158px 0 124px;overflow: hidden;background: #f4f4f4;}

.indcp-loop{width: 100%;margin-top: 80px;}

.indcp-loop-btn{width: 100%;position: relative;padding: 0 110px;}

.indcp-menu{display: block;width: 100%;user-select: none;text-align: center;position: relative;}

.indcp-menu::after{content: "";width: 1px;right: 0;top: 0;position: absolute;background: #e6e6e6;height: 100%;}

.indcp-loop-btn .swiper-slide:last-of-type .indcp-menu:after{display: none;}

.indcp-menu i{display: block;font-style: normal;width: 48px;height: 48px;position: relative;margin: 0 auto;}

.indcp-menu i img{position: absolute;transition: all .4s ease;max-width: 100%;max-height: 100%;top: 0;left: 0;}

.indcp-menu i img.s{opacity: 1;}

.indcp-menu i img.h{opacity: 0;}

.indcp-menu p{margin:18px auto 0px;padding: 0 7px;width: 240px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 18px;color: #666;line-height: 1.2;transition: all .4s ease;}

.indcp-menu.active i img.s{opacity: 0;}

.indcp-menu.active i img.h{opacity: 1;}

.indcp-menu.active p{color: #008a45;font-weight: 700;}

.indcp-menu:hover i img.s{opacity: 0;}

.indcp-menu:hover i img.h{opacity: 1;}

.indcp-menu:hover p{color: #008a45;}

.indcp-loop-prev, .indcp-loop-next{position: absolute;width: 50px;height: 100%;background: #f4f4f4 url('../img/indcpArr.png') no-repeat center;z-index: 4;cursor: pointer;transition: all .4s ease;top: 0;}

.indcp-loop-prev{left: 70px;}

.indcp-loop-next{right: 70px;transform: rotate(180deg);}

.indcp-loop-prev:hover, .indcp-loop-next:hover{background-image: url('../img/indcpArrH.png');}

.indcp-loop-pro{width: 100%;padding: 0 66px;}

.indcp-loop-pro .swiper-container{padding: 44px;}

.indcp-link-ul{margin: -2% 0 0 -2%;}

.indcp-link{width: 48%;margin: 2% 0 0 2%;display: block;float: left;background: #fff;transition: all .4s ease;text-align: center;}

.indcp-link-img{ background-image: url(../img/cpbg1.png);background-size: cover; width: 100%;height: 524px;padding-top: 40px;display: flex;align-items: flex-end;justify-content: center;}

.indcp-link-img img{max-width: 88%;max-height: 100%;transition: all .6s ease;}

.indcp-link-cont{width: 100%;display: flex;align-items: center;justify-content: center;height: 144px;}

.indcp-link-cont h2{font-size: 28px;color: #222;font-weight: 700;margin-top: -10px;transition: all .4s ease;position: relative;padding-right: 30px;}

.indcp-link-cont h2::after{content: "";position: absolute;width: 16px;height: 100%;right: 0;top: 2px;background: url('../img/indcpRight.png') no-repeat center;opacity: 0;transition: all .4s ease;}

.indcp-link:hover{box-shadow: 0 0 30px 8px rgba(17, 186, 238, 0.2);}

.indcp-link:hover .indcp-link-cont h2{color: #008a45;}

.indcp-link:hover .indcp-link-cont h2::after{opacity: 1;}

.indcp-link:hover .indcp-link-img img{transform: scale(1.04);}



.indfa{width: 100%;overflow: hidden;
/*padding: 126px 0 114px;*/
padding: 50px 0 100px;
background: #fff;}

.indfa-list{width: 100%;margin-top: 66px;}

.indfa-ul{margin: -2% 0 0 -2%;}

.indfa-link{width: 31%;margin: 2% 0 0 2%;position: relative;overflow: hidden;border-radius: 5px;float: left;display: block;}

.indfa-link img{width: 100%;object-fit: cover;transition: all .6s ease;
/*height: 240px;*/
    
}

.indfa-link:hover img{transform: scale(1.04);}

.indfa-link-cont{position: absolute;z-index: 3;padding: 36px 40px 0;top: 0;left: 0;width: 100%;}

.indfa-link-cont h2{font-size: 26px;line-height: 1.2;color: #16cb70;width: 100%;position: relative;margin-bottom: 12px;font-weight: 700;transition: all .4s ease;}

.indfa-link-cont h2::after{content: "";position: absolute;opacity: 0;transition: all .4s ease;width: 16px;height: 100%;top: 0;right: 0;background: url('../img/indfaArr1.png') no-repeat center;}

.indfa-link-cont p{font-size: 16px;line-height: 26px;color: #999;}

/* .indfa-link:nth-child(1), .indfa-link:nth-child(2){width: 48%;} */

/* .indfa-link:nth-child(1) img{height: 513px;} */

/* .indfa-link:nth-child(1) .indfa-link-cont{padding: 64px 72px 0;} */

.indfa-link:hover .indfa-link-cont h2{color: #008a45;}

.indfa-link:hover .indfa-link-cont h2::after{opacity: 1;}

.indfa-more{width: 100%;margin-top: 58px;}
.wap-show{display:none;}
.indfa-more a{display: flex;transition: all .4s ease;align-items: center;justify-content: center;width: 272px;height: 66px;border-radius: 32px;background: #008a45;margin: 0 auto;}

.indfa-more a span{font-size: 20px;color: #fff;font-weight: 700;padding-right: 16px;background: url('../img/indfaArr2.png') no-repeat right center;}

.indfa-more a:hover{box-shadow: 0 4px 28px 0 rgba(255, 255, 255, 0.2);}



.indgs{width: 100%;padding: 148px 0;overflow: hidden;background-repeat: no-repeat;background-size: cover;background-position: center;}

.indgs .indTitle{text-align: left;}

.indgs .indTitle h1{font-size: 60px;color: #fff;}

.indgs-mix{width: 100%;margin-top: 180px;border-top: 2px solid #46a8d1;padding-top: 60px;}

.indgs-num{float: left;font-size: 0;}

.indgs-num li{color: #fff;display: inline-block;vertical-align: top;position: relative;padding: 0 56px;}

.indgs-num li:first-child{padding-left: 0;}

.indgs-num li:last-child{padding-right: 0;}

.indgs-num li h6{font-size: 70px;font-weight: 700;line-height: 1;margin-bottom: 12px;}

.indgs-num li p{font-size: 15px;line-height: 24px;}

.indgs-num li::after{content: "";position: absolute;right: 0;top: 10px;width: 1px;height: 74px;background: rgba(255, 255, 255, 0.3);}

.indgs-num li:last-child:after{display: none;}

.indgs-map{width: 345px;float: right;margin-top: -38px;}

.indgs-map img{width: 100%;}

.indgs .indfa-more{margin-top: -60px;}

.indgs .indfa-more a{background: rgba(255, 255, 255, 0.3);margin: 0;box-shadow: none;}

.indgs .indfa-more a:hover{background: #008a45;}



.indxw{width: 100%;overflow: hidden;padding: 130px 0 150px;}

.indxw-max{width: 100%;margin-top: 64px;}

.indxw-pic{display: block;overflow: hidden;width: 38.7%;position: relative;float: left;}

.indxw-pic img{width: 100%;object-fit: cover;transition: all .6s ease;height: 476px;}

.indxw-pic::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url('../img/indxwSd.png') repeat-x left bottom/100% 33.8%;}

.indxw-pic-cont{position: absolute;width: 100%;padding: 0 36px;bottom: 32px;left: 0;z-index: 2;}

.indxw-pic-cont h2{font-size: 18px;line-height: 1.2;color: #fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease;}

.indxw-pic:hover img{transform: scale(1.04);}

.indxw-pic:hover .indxw-pic-cont h2{color: #008a45;}

.indxw-loop{width: 59%;float: right;position: relative;}

.indxw-link{width: 100%;height: 476px;}

.indxw-link a{display: block;width: 100%;}

.indxw-link-img{width: 100%;position: relative;overflow: hidden;}

.indxw-link-img img{width: 100%;object-fit: cover;transition: all .6s ease;}

.indxw-link-img::after{content: "";position: absolute;width: 0;right: 0;height: 12px;bottom: 0;z-index: 2;background: #008a45;transition: all .6s ease;}

.indxw-link-cont{width: 100%;margin-top: 24px;}

.indxw-link-cont h2{font-size: 18px;color: #333;line-height: 28px;height: 56px;transition: all .4s ease;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}

.indxw-link-cont p{font-size: 14px;color: #a6a6a6;line-height: 26px;height: 52px;margin-top: 12px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}

.indxw-link a:hover .indxw-link-img img{transform: scale(1.04);}

.indxw-link a:hover .indxw-link-cont h2{color: #008a45;}

.indxw-link a:hover .indxw-link-img::after{right: auto;left: 0;width: 100%;}

.indxw-loop .swiper-pagination{width: auto;bottom: 0;font-size: 0;}

.indxw-loop .swiper-pagination-bullet{width: 12px;height: 12px;background: #d6d6d6;opacity: 1;margin: 0 7px !important;}

.indxw-loop .swiper-pagination-bullet-active {opacity: 1;background: #008a45;}

.indxw-loop .swiper-pagination-bullet:first-child{margin-left: 0 !important;}

.indxw-more{position: absolute;z-index: 3;width: 66px;height: 66px;background: #008a45 url('../img/indfaArr2.png') no-repeat left 50% center;border-radius: 50%;right: 0;bottom: 0;transition: all .4s ease;}

.indxw-more:hover{box-shadow: 0 4px 20px 0 rgba(17, 186, 238, 0.4);animation: indxwArr .4s linear both;}

@keyframes indxwArr{0%{background-position: left 50% center;}60%{background-position: left 116% center;}60.0001%{background-position: left -16% center;}100%{background-position: left 50% center;}}





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

@media all and (max-width:1700px) {

    /* 1600 × (900) */

    /* .indfa-link:nth-child(1) img{height: 427px;} */

    /*.indfa-link img{height: 200px;}*/

    .indxw-pic img, .indxw-link{height: 390px;}

    .indban-cont h2, .indban-cont h3 {font-size: 74px;}

    .indcp{padding: 130px 0 100px;}

    .indTitle h2 {font-size: 44px;}

    .indfa {
        /*padding: 120px 0 110px;*/
        padding: 40px 0 50px;
    }

    .indfa-link-cont {padding: 30px 30px 0;}

    .indfa-link:nth-child(1) .indfa-link-cont {padding: 50px 60px 0;}

    .indgs .indTitle h1 {font-size: 56px;}

    .indgs {padding: 120px 0;}

    .indgs-mix {margin-top: 150px;padding-top: 50px;}

    .indgs-num li h6 {font-size: 60px;}

    .indgs-num li {padding: 0 36px;}

    .indgs-map {width: 300px;margin-top: -28px;}

    .indxw {padding: 120px 0 130px;}

    .indban-cont .contain-max {padding-left: 190px;}

    .indxw-more{width: 60px;height: 60px;}

}



@media all and (max-width:1599px) {

    /* 1440 × (700)  */

    .indban-cont h2, .indban-cont h3 {font-size: 66px;}

    .indban-cont .contain-max {padding-left: 150px;}

    .indban-cont i {width: 90px;margin-top: 44px;}

    .indcp {padding: 100px 0 60px;}

    .indcp-link-img {height: 460px;}

    .indcp-link-cont h2 {font-size: 24px;}

    .indcp-link-cont h2::after{top: 0;}

    .indcp-link-cont {height: 120px;}

    .indcp-loop {margin-top: 68px;}

    .indTitle h2 {font-size: 38px;}

    /*.indfa-link img {height: 182px;}*/

    .indfa-link-cont h2 {font-size: 22px;margin-bottom: 8px;}

    .indfa-link-cont {padding: 26px 26px 0;}

    .indfa-link:nth-child(1) .indfa-link-cont {padding: 40px 40px 0;}

    .indfa-more a{width: 230px;}

    .indgs {padding: 100px 0;}

    .indgs .indTitle h1 {font-size: 46px;}

    .indgs-mix {margin-top: 120px;}

    .indgs-num li p {font-size: 14px;line-height: 22px;}

    .indgs-num li h6 {font-size: 50px;}

    .indgs-num li {padding: 0 32px;}

    .indxw {padding: 90px 0 100px;}

    .indxw-max {margin-top: 52px;}

    .indxw-link-img::after{height: 8px;}

    .indxw-more{width: 50px;height: 50px;}

    .indxw-pic img, .indxw-link {height: 370px;}

    .indxw-link-cont p{margin-top: 6px;}

    .indcp-loop-pro {padding: 0 36px;}

    .indcp-loop-btn {padding: 0 80px;}

    .indcp-loop-prev {left: 40px;}

    .indcp-loop-next {right: 40px;}

}



@media all and (max-width:1439px) {

    /* 1360 */

    .indban-cont h2, .indban-cont h3 {font-size: 62px;}

    .indgs-num li {padding: 0 28px;}

    .indgs-map {width: 260px;}

    .indgs .indfa-more {margin-top: -36px;}

    .indxw-pic img, .indxw-link {height: 350px;}

    .indxw-pic-cont {padding: 0 30px;bottom: 24px;}

    .indxw-link-cont {margin-top: 18px;}

    .indban-cont i {width: 80px;}

}



@media all and (max-width:1359px) {

    /* 1280 */

    .indTitle h2, .indTitle h1 {font-size: 32px;margin-bottom: 16px;}

    /* .indfa-link:nth-child(1) img{height: 340px;} */

    .indfa-link img {height: 159px;}

    .indfa-link-cont p {font-size: 14px;line-height: 22px;}

    .indfa-link-cont h2 {font-size: 20px;margin-bottom: 5px;}

    .indfa-link-cont {padding: 20px 20px 0;}

    .indfa-link:nth-child(1) .indfa-link-cont {padding: 34px 34px 0;}

    .indgs-num{width: 100%;}

    .indgs-num li {padding: 0 54px;}

    .indgs-map{margin-top: 10px;width: 300px;}

    .indgs .indfa-more {margin-top: -160px;}

    .indxw-pic img, .indxw-link {height: 336px;}

    .indban-cont i {width: 70px;margin-top: 38px;}

    .indcp-link-img {height: 420px;}

}



@media all and (max-width:1279px) {

    /* 1152 × (700) */

    .indban-cont h2, .indban-cont h3 {font-size: 56px;}

    .indcp {padding: 80px 0 40px;}

    .indcp-loop-pro {padding: 0;}

    .indcp-loop-btn {padding: 0 4%;}

    .indcp-loop-prev {left: 0;}

    .indcp-loop-next {right: 0;}

    .indcp-loop-pro .swiper-container {padding: 44px 4%;}

    .indfa {padding: 80px 0 70px;}

    .indfa-list {margin-top: 52px;}

    /* .indfa-link:nth-child(1) img {height: 312px;} */

    .indfa-link img {height: 146px;}

    .indfa-more {margin-top: 48px;}

    .indfa-more a {width: 200px;height: 56px;}

    .indfa-more a span{font-size: 18px;}

    .indgs .indTitle h1 {font-size: 40px;}

    .indgs {padding: 80px 0;}

    .indgs-mix {margin-top: 90px;}

    .indgs-num li {padding: 0 42px;}

    .indxw {padding: 70px 0 80px;}

    .indban-cont .contain-max {padding-left: 4%;}

}



@media all and (max-width:1151px) {

    /* 1024 */

    .indban-img img.pc{height: auto;}

    /* .indfa-link:nth-child(1) img {height: 310px;} */

    .indgs-num li {padding: 0 30px;}

    .indfa-link-cont {padding: 20px 18px 0;}

}





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

@media all and (max-width:1000px) {

    /* 平板设备 720 适配 */

    .indban-cont h2, .indban-cont h3 {font-size: 48px;}

    .indfa-link{width: 48%;}

    .indfa-link:nth-child(1) img {height: 306px;}

    .indfa-link:nth-child(1), .indfa-link:nth-child(2){width: 98%;}

    .indfa-link img{height: auto !important;}

    .indgs-num li{display: block;width: 50%;padding: 0;float: left;margin-top: 24px;}

    .indgs-num li::after{display: none;}

    .indgs-num{display: flex;flex-wrap: wrap;margin-top: -24px;}

    .indxw-pic{width: 100%;}

    .indxw-pic img, .indxw-link{height: auto;}

    .indxw-loop{width: 100%;margin-top: 32px;}

    .indxw-link{padding-bottom: 68px;}

    .indTitle p {font-size: 13px;}

    .indfa-link img{min-height: 120px;}

}

@media all and (max-width:640px) {
    .indfa-ul a:nth-child(even){display:none;}
    .wap-show{display:block;}
    /* 移动终端以上 360 适配 */

    .indban-img img.pc{display: none;}

    .indban-img img.mb{display: block;}

    /* .indban-cont{text-align: center;} */

    .indban-cont p {font-size: 16px;margin-bottom: 12px;}

    .indban-cont h2, .indban-cont h3 {font-size: 20px;}

    .indban-cont i {width: 50px;margin: 24px auto 0;}
    .indban-cont span{font-size: 16px !important;}

    .indban .swiper-pagination {bottom: 14px;}

    .indban .swiper-pagination-bullet {margin: 0 10px !important;}

    .indcp {padding: 40px 0 10px;}

    .indTitle h2, .indTitle h1 {font-size: 24px;margin-bottom: 10px;}

    .indcp .indTitle h2{font-size: 20px;}

    .indTitle p {line-height: 24px;}

    .indcp-menu p {font-size: 16px;margin-top: 12px;
        width: 165px;padding: 0 10px;}

    .indcp-loop {margin-top: 32px;}

    .indcp-loop-prev, .indcp-loop-next{width: 24px;background-size: 16px auto;}

    .indcp-loop-prev {left: 5px;}

    .indcp-loop-next {right: 5px;}

    .indcp-loop-pro .swiper-container {padding: 32px 4%;}

    .indcp-link-img {height: 250px;padding-top: 20px;}

    .indcp-link-cont h2 {font-size: 17px;padding-right: 0;margin-top: 0;}

    .indcp-link-cont h2::after{display: none;}

    .indcp-link-cont {height: 64px;}

    .indfa {padding: 40px 0;}

    .indfa-list {margin-top: 32px;}

    .indfa-ul {margin: -20px 0 0;}

    .indfa-link{width: 100% !important;margin: 16px 0 16px;}

    .indfa-link:nth-child(1) .indfa-link-cont {padding: 20px 18px 0;}

    .indfa-link-cont p {max-width: 184px;}

    .indfa-more {margin-top: 32px;}

    .indfa-more a {width: 180px;height: 50px;}

    .indgs {padding: 50px 0;}

    .indgs .indTitle h1 {font-size: 24px;}

    .indgs-mix {margin-top: 40px;padding-top: 30px;}

    .indgs-num li h6 {font-size: 30px;margin-bottom: 8px;}

    .indgs-num {margin-top: -18px;justify-content: space-between;}

    .indgs-num li{margin-top: 18px;width: 46%;}

    .indgs-map {margin-top: 28px;width: 100%;}

    .indgs .indfa-more {margin-top: 28px;}

    .indgs .indfa-more a{margin: 0 auto;}

    .indxw {padding: 40px 0;}

    .indxw-max {margin-top: 32px;}

    .indxw-pic-cont {padding: 0 18px;bottom: 18px;}

    .indxw-pic-cont h2 {font-size: 16px;}

    .indxw-loop {margin-top: 20px;}

    .indxw-link-cont h2 {font-size: 16px;line-height: 24px;height: 48px;}

    .indxw-link-cont p {line-height: 22px;height: 44px;margin-top: 10px;}

    .indxw-loop .swiper-pagination-bullet {width: 10px;height: 10px;margin: 0 4px !important;}

    .indxw-more {width: 40px;height: 40px;}

    .indxw-link {padding-bottom: 52px;}

}