@charset "utf-8";
/* ===================首页样式========================== */
.banner{width: 100%;overflow: hidden;position: relative;}
.banner-image{width: 100%;position: relative;overflow: hidden;}
.banner-image img{width: 100%;}
.banner-image img.pc{height: 100vh;}
.banner-image img.mb{min-height: 400px;}
.banner-image::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url("../images/index/bannerLine.png") no-repeat center/cover;z-index: 2;transform: translate3d(0,0,10px);}
.banner-cont{position: absolute;z-index: 4;width: 100%;height: 100%;top: 0;left: 0;color: #fff;text-align: center;transform: translate3d(0,0,14px);}
.banner-cont .title{line-height: 1.2;}
/* 文字效果-上下版 */
.banner-cont .title, .banner-cont .text{opacity: 0;}
.swiper-slide-active .banner-cont .title{animation: bannerUp 1s ease both .9s;}
.swiper-slide-active .banner-cont .text{animation: bannerDown 1s ease both 1s;}
.oneSlide .banner-cont .title{animation: bannerUp 1s ease both .5s;}
.oneSlide .banner-cont .text{animation: bannerDown 1s ease both .4s;}
@keyframes bannerDown{0%{opacity: 0;transform: translateY(-60px);filter: blur(4px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
@keyframes bannerUp{0%{opacity: 0;transform: translateY(60px);filter: blur(4px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
/* -- */
.banner .swiper-pagination{bottom: max(20px,0.4rem);}
.banner .swiper-pagination-bullet{width: max(6px,0.08rem);height: max(6px,0.08rem);border-radius: 0;opacity: 1;background-color: #fff;margin: 0 max(8px,0.18rem) 0 0 !important;}
.banner .swiper-pagination-bullet:last-child{margin: 0 !important;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #70b754;}
.indHh{width: 100%;position: relative;}
.indHh-bg{width: 100%;position: absolute;left: 0;top: 0;}
.indgy{z-index: 4;}
.indgy-info{max-width: 860px;margin: 0 auto;text-align: center;}
.indgy-info .text{max-width: 790px;margin-left: auto;margin-right: auto;text-align: justify;text-indent: 2em;}
.indgy-info .text p{margin-top: max(8px,0.2rem);}
.indgy-info .text p:first-of-type{margin-top: 0;}
.indgy-info .link{justify-content: center;}
.indgy-number{max-width: 1080px;margin-left: auto;margin-right: auto;}
.indgy-number li{flex: 1;text-align: center;}
.indgy-number li .num{justify-content: center;line-height: 1;align-items: center;height: max(53px,1.18rem);}
.indyf{background: #fff;border-bottom: max(3px,0.05rem) solid #70b754;}
.indyf img.bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.indyf .contain{position: relative;z-index: 4;}
.indyf-info{width: 100%;text-align: center;color: #fff;}
.indyf-info .text{max-width: 750px;margin-left: auto;margin-right: auto;}
.indyf-info .text p{margin-top: max(8px,0.2rem);}
.indyf-info .text p:first-of-type{margin-top: 0;}
.indyf-info .link{justify-content: center;}
.indyy{background: #fff;}
.indyy-loop{width: 100%;position: relative;}
.indyy-loop .swiper-container{overflow: visible;}
.indyy-loop .swiper-slide{height: auto;padding: 0 max(64px,1.3rem);}
.indyy-link{width: 100%;position: relative;height: 100%;}
.indyy-link-cont{width: max(330px,4.86rem);box-shadow: 0px max(4px,0.08rem) max(14px,0.3rem) 0px rgba(24, 36, 16, 0.2);height: 100%;position: relative;padding-bottom: max(92px,2.14rem);min-height: max(400px,6rem);z-index: 4;transform: translate3d(0,0,4px);height: 100%;background: #fff;opacity: 0;visibility: hidden;transition: opacity .6s ease, visibility .6s ease;}
.indyy-link-cont .text{width: 100%;}
.indyy-link-cont .text p{border-bottom: 1px solid #70b754;display: inline-block;}
.indyy-link-img{width: 100%;position: absolute;height: max(320px,5rem);left: 0;top: 50%;margin-top: min(-160px,-2.5rem);padding-left: max(60px,1.5rem);}
.indyy-link-img img{width: 100%;height: 100%;position: relative;transform: scale(0.8);transition: transform .6s ease;}
.indyy-link-img::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;transform: translate3d(0,0,2px);background: rgba(255, 255, 255, 0.75);transition: opacity .6s ease;}
.indyy-link-cont .link{position: absolute;left: max(22px,0.6rem);bottom: max(34px,1.04rem);}
.indyy-btn{pointer-events: none;display: flex;justify-content: space-between;z-index: 10;transform: translate3d(0,0,10px);top: 50%;margin-top: min(-19px,-0.36rem);left: 0;width: 100%;position: absolute;}
.indyy-btn>div{width: max(38px,0.72rem);height: max(38px,0.72rem);background: #70b754;overflow: hidden;box-shadow: 0px 8px 24px 0px rgba(24, 36, 16, 0.2);cursor: pointer;pointer-events: auto;position: relative;}
.indyy-btn>div i{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: max(18px,0.32rem);color: #fff;transition: transform 0.8s cubic-bezier(0.43, 0.195, 0.02, 1), color 0.6s cubic-bezier(0.43, 0.195, 0.02, 1);line-height: 1;}
.indyy-btn>div i::before{transform: rotate(180deg);}
.indyy-btn>div i:last-child{position: absolute;top: 0;right: 100%;}
.indyy-btn>div.prev{transform: rotateY(180deg);}
.indyy-btn>div:hover i{transform: translateX(100%);}
.indyy-loop .swiper-slide-active .indyy-link-cont{opacity: 1;visibility: visible;transition: opacity .6s ease .8s, visibility .6s ease .8s;}
.indyy-loop .swiper-slide-active .indyy-link-img::before{opacity: 0;transition: opacity .6s ease .8s;}
.indyy-loop .swiper-slide-active .indyy-link-img img{transform: scale(1);left: 0;}
.indyy-loop .swiper-slide-prev .indyy-link-img img{transform-origin: right center;}
.indyy-loop .swiper-slide-next .indyy-link-img img, .indyy-loop .swiper-slide-next+.swiper-slide .indyy-link-img img{transform-origin: left center;transform: scale(0.8);left: min(-60px,-1.5rem);}
@media all and (min-width:1000px) {
    .indyy-loop .swiper-container, .indyy-btn{opacity: 0;}
    .indyy-loop.animated .swiper-container, .indyy-loop.animated .indyy-btn{animation: indyyInUp 1s ease both .3s;}
    @keyframes indyyInUp {
        0% {opacity: 0;-webkit-transform: translateY(100px);-ms-transform: translateY(100px);transform: translateY(100px)}
        100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)}
    }
}
.indxw{background: #fff;}
.indxw-loop{width: 100%;}
.indxw-loop .contain{width: calc(var(--wid) + max(16px,0.3rem));}
.indxw-loop .items{width: 100%;visibility: hidden;height: 0;overflow: hidden;pointer-events: none;}
.indxw-loop .items.active{visibility: visible;height: auto;pointer-events: auto;}
.indxw-loop .swiper-slide{padding: max(20px,0.42rem) max(8px,0.15rem) max(40px,0.72rem);}
.indxw-loop .swiper-pagination{bottom: max(12px,0.3rem);font-size: 0;}
.indxw-loop .swiper-pagination-bullet{width: max(6px,0.08rem);height: max(6px,0.08rem);border-radius: 0;opacity: 1;background-color: #e3e5e8;margin: 0 max(6px,0.14rem) 0 0 !important;}
.indxw-loop .swiper-pagination-bullet:last-child{margin: 0 !important;}
.indxw-loop .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #70b754;}
.indxw-more{justify-content: center;}
.indhb{background: #fff;}
.indhb .swiper-wrapper{transition-timing-function: linear;margin: 0 auto;}
.indhb-link{width: 100%;height: max(66px,1.3rem);}
.indhb-link img{max-width: 80%;max-height: 80%;filter: grayscale(1);opacity: 0.5;transition: filter .4s ease, opacity .4s ease;}
.indhb-link:hover img{opacity: 1;filter: grayscale(0);}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px){
    /* 1600 × (900) */
}
@media all and (max-width:1590px){
    /* 1440 × (700)  */
}
@media all and (max-width:1430px){
    /* 1360 */
}
@media all and (max-width:1350px){
    /* 1280 */
}
@media all and (max-width:1270px){
    /* 1152 × (700) */
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    /* 移动终端 360 适配 */
    .banner-cont .title{font-size: 26px;}
    .indyy-loop .swiper-slide{padding: 0;}
    .indyy-link-img{position: relative;top: 0;margin: 0;height: 174px;padding: 0;}
    .indyy-link-cont{min-height: auto;width: 100%;opacity: 1;visibility: visible;height: calc(100% - 174px);}
    .indyy-link-img img{transform: none !important;left: 0 !important;}
    .indyy-link-img::before{display: none;}
    .indyy-btn{position: relative;top: 0;margin: 20px 0 0;justify-content: center;}
    .indyy-btn>div{margin-right: 16px;}
    .indyy-btn>div:last-child{margin: 0;}
    .indxw-more{margin-top: 20px;}
}
/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px){
    .indyy-link-img{height: 300px;}
    .indyy-link-cont{height: calc(100% - 300px);}
    .indyy-loop{width: 80%;margin-left: auto;margin-right: auto;}
}