@charset "utf-8";
/* ===================首页样式========================== */
.banner{overflow: hidden;}
.banner-bg img{width: 100%;height: 100vh;transform: scale(1.1);transition: all 2s linear 1s;}
.banner-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,rgba(0,0,0,.8) 0%,transparent 20%);}
.banner-con{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;z-index: 2;}
.banner-con .contain-1800{height: 100%;flex-direction: column;justify-content: flex-end;padding-bottom: 10vw;}
.banner-con .title{font-family: "st";}
.banner-con .text{color: rgba(255, 255, 255, .5);}
.banner-con .title,.banner-con .text,.banner-con .comMore1-box{opacity: 0;transform: translateY(0.4rem);transition: all 1s cubic-bezier(.38,0,0,1) .05s;}
.banner-con .text{transition-delay: .1s;}
.banner-con .comMore1-box{transition-delay: .15s;}
.swiper-slide-active .banner-bg img{transform: scale(1);transition-delay: 0s;}
.swiper-slide-active .banner-con .title,.swiper-slide-active .banner-con .text,.swiper-slide-active .banner-con .comMore1-box{opacity: 1;transform: translateY(0);}
.banner-pagination{user-select: none;z-index: 10;position: absolute;right: var(--widDb-1800);top: 50%;transform: translateY(-50%);}
.banner-pagination .swiper-pagination-bullet{opacity: 1; display: block; width: 8px;height: 8px;border-radius: 50%;background: rgba(255, 255, 255, .25);margin-top: max(12px,0.24rem);}
.banner-pagination .swiper-pagination-bullet:first-child{margin-top: 0;}
.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}
.banner-wave{position: absolute;z-index: 10;left: 0;bottom: 0rem;width: 100%;}
.banner-wave  .item{pointer-events: none;z-index: 16;width: 13rem;position: absolute;right: 1.6rem;bottom: 0;height: 1.8rem;}
.banner-wave  .item:nth-child(2) {right: -5.3rem;bottom: -.2rem}
.banner-wave  .item:nth-child(2) {-webkit-animation-delay: .4s;animation-delay: .4s}
.banner-wave  .item i{width: 100%;height: 100%; display: block; mask-image: url('../images/index/banner-wave.svg');mask-size: 100vw;mask-repeat: repeat-x;animation: move-svg 4s linear infinite;}
.banner-wave  .item i span{width: 100%;height: 100%; display:block;background: linear-gradient(to right,transparent 0%,#ee6a92 50%,transparent 100%);;}
@keyframes move-svg {0% {-webkit-mask-position-x: 0}to {-webkit-mask-position-x: 100vw}}

.indVideo{position: relative;z-index: 100;margin-top: -1rem;background: url('../images/index/indAb-bg.png') no-repeat center top/100% auto;}
.indVideo-con video{width: 100%;display: none;}
.indVideo-con img{z-index: 2;width: 100%;}
.indVideo-con .btn{background: #e0317a;z-index: 10; user-select: none;cursor: pointer;position: absolute;left: 50%;top: 45%;transform: translate(-50%,-50%);width: max(56px,0.9rem);height: max(56px,0.9rem);border-radius: 50%;backdrop-filter: blur(10px);padding-left: max(3px,0.05rem);}
.indVideo-con .btn:hover{background: #e0317a;transform: translate(-50%,-50%) scale(.95);}
.indVideo-con .btn:active{transform: translate(-50%,calc(-50% + 5px)) scale(.95);}



.indAb-flex{justify-content: space-between;align-items: center;}
.indAb-con{width: 40.5%;}
.indAb-con .title{width: 80%;}
.indAb-con .title span{color: #e0317a;}
.indAb-right{width: 50%;}
.indAb-img{position: absolute;left: 50%;top: 0;width: 94%;text-align: center;transform: translateX(-50%);}
.indAb-list{position: relative;z-index: 2;}
.indAb-list ul{margin: -0.2rem 0 0 -0.2rem;}
.indAb-list li{padding: 0.4rem; height: max(150px,2.85rem);flex-direction: column;justify-content: space-between; margin: 0.2rem 0 0 0.2rem;width: calc(50% - 0.2rem);background: rgba(255, 255, 255, .8);backdrop-filter: blur(15px);transition: all .4s ease;}
.indAb-list li:hover{background: #fff;}
.indAb-list .ico{height: max(30px,0.44rem);}
.indAb-list .ico img{max-height: 100%;}
.indAb-list .desc{flex-direction: column;align-items: flex-end;text-align: right;}
.indAb-list .num{align-items: flex-end;}
.indAb-list .num span{line-height: .7;}
.indAb-list .num p{margin-left: 5px;}
.indHZ .contain-1800{border-bottom: 1px solid #d2d4d6;}
.indHZ-swp{position: relative;}
.indHZ-swp .swiper-wrapper{transition-timing-function: linear;}
.indHZ-swp::before,.indHZ-swp::after{content: "";position: absolute;left: 0;top: 0;width: 1.2rem;height: 100%;z-index: 2;background: linear-gradient(to right,#f2f4f5 20%,transparent 100%);}
.indHZ-swp::after{left: auto;right: 0;transform: rotate(180deg);}
.indHZ-slide{height: 0.8rem;}
.indHZ-slide img{max-width: 80%;max-height: 100%;}
.indCase .indTitle{justify-content: space-between;align-items: flex-start;}
.indCase .indTitle .text{width: 50%;}
.indCase-swp{padding: 0 0.5rem;}
.indCase-swp .swiper-container{overflow: visible;}
.indCase-btn{z-index: 2;position: absolute;left: 0;top: 2.05rem;transform: translateY(-50%);user-select: none;cursor: pointer;width: max(50px,0.9rem);height: max(50px,0.9rem);border-radius: 50%;background: rgba(255, 255, 255, .6);backdrop-filter: blur(20px);}
.indCase-btn.next{left: auto;right: 0;transform: translateY(-50%) rotate(180deg);}
.indCase-btn:hover{background: #e0317a;color: #fff;}
.indCase-slide{opacity: .1;}
.swiper-slide-active .indCase-slide,.swiper-slide-next .indCase-slide,.swiper-slide.next2 .indCase-slide{opacity: 1;}
.indCase-img img{width: 100%;height: 4.1rem;}
.indCase-con{padding: 0.22rem 0.14rem;}
.indCase-slide:hover .indCase-img img{transform: scale(1.08);}
.indCase-slide:hover .indCase-con .title{color: #e0317a;}
.indWhy-bg{transform-origin: center top;}
.indWhy-bg img{width: 100%;}
.indWhy-con{position: absolute;left: 0;top: 0;width: 100%;z-index: 2;opacity: 0;transition: all .6s ease;}
.indWhy-con.active{opacity: 1;transition-delay: .1s;}
.indWhy-desc{width: 40%;}
.indWhy-desc .title{width: 78%;}
.indWhy-desc .text{color: rgba(255, 255, 255, .85);}
.indNews{background: url('../images/index/indNews-bg.png') no-repeat right top/73% auto;}
.indNews-swp{width: calc(100% + var(--widDb-1800));}
.indNews-swp .swiper-container{padding: 0.6rem 0;}
.indNews-slide{background: #fcfcfc;display: block;transition: all .6s ease;}
.indNews-slide .desc{padding: 0.5rem;}
.indNews-slide .img{transform: translateY(50%);opacity: .25;filter: grayscale(1);transition: all .5s ease;}
.indNews-slide .img img{width: 100%;height: 2.7rem;}
.indNews-slide:hover{box-shadow: 0px 3px 0.6rem 0px rgba(10, 11, 12, 0.12);}
.indNews-slide:hover .img{opacity: 1;transform: translateY(0);filter: grayscale(0);}
.indNews-menu{align-items: center;justify-content: space-between;}
.indNews-btn .btn{background: #fcfbfb;user-select: none;cursor: pointer;width: max(50px,0.9rem);height: max(50px,0.9rem);border-radius: 50%;}
.indNews-btn .btn.next{transform: rotate(180deg);margin-left: max(10px,0.2rem);}
.indNews-btn .btn:hover{background: #e0317a;color: #fff;}
.indNews-pagination{position: relative;margin: 0 0.4rem;height: max(2px,0.03rem);background: #d2d4d6;flex: 1;}
.indNews-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: linear-gradient(to right,#f5afaf,#a59bc8,#aacd00,#ffc81e);}
.indPro .contain-1800{border-top: 1px solid #d2d4d6;}
.indPro-flex{justify-content: space-between;align-items: flex-start;}
.indPro-desc{position: sticky;top: max(30px,.5rem);width: 18%;}
.indPro-desc-item{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;transition: all .8s linear;}
.indPro-desc-item:first-child{position: relative;}
.indPro-desc-item.active {opacity: 1;z-index: 2;}
.indPro-desc-item .ico{height: max(38px,0.55rem);}
.indPro-desc-item .ico img{max-height: 100%;}
.indPro-swp{width: 75%;}
.indPro-swp .swiper-wrapper{display: block;}
.indPro-swp .swiper-slide:first-child{margin-top: 0;}
.indPro-slide{opacity: 0;transition: all 1s ease;transform: translateY(0.6rem);}
.indPro-slide.active{opacity: 1;transform: translateY(0);}
.indPro-img{background: #666;}
.indPro-img .item{position: absolute;left: 0;top: 0;width: 100%;transition: all .8s linear;opacity: 0;}
.indPro-img .item img{width: 100%;height: 6rem;transition: all 2s linear .8s;transform: scale(1.1);}
.indPro-img .item:first-child{position: relative;}
.indPro-img .item.active{opacity: 1;z-index: 2;}
.indPro-img .item.active img{transform: scale(1);transition-delay: 0s;}
.indPro-menu{position: absolute;left: 0;bottom: 0;width: calc(100% + 0.2rem);padding: 0.2rem;margin-left: -0.2rem;z-index: 10;}
.indPro-menu .item{flex: 1;margin-left: 0.2rem;height: max(50px,0.9rem);background: rgba(0, 0, 0, .2);backdrop-filter: blur(20px);}
.indPro-menu .item span{position: relative;z-index: 2;}
.indPro-menu .item i{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(45deg);opacity: 0;font-size: max(14px,0.16rem);}
.indPro-menu .item.active{background: #fff;}
.indPro-menu .item.active span{color: #232526;transform: translateY(max(10px,0.12rem));}
.indPro-menu .item.active i{opacity: 1;transform: translate(-50%,calc(-50% - max(10px,0.12rem))) rotate(45deg);}
/* -------------------------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-bg img{height: 400px;}
    .banner-con .contain-1800{padding-bottom: 100px;}
    .indAb-con{width: 100%;}
    .indAb-right{width: 100%;margin-top: 40px;}
    .indCase .indTitle .text{width: 100%;margin-top: 15px;}
    .indCase-btn{display: none;}
    .indCase-swp{padding: 0;}
    .indCase-img img{height: 250px;}
    .indCase-con{padding: 15px 10px;}
    .indWhy-bg img{height: 400px;}
    .indWhy-desc{width: 100%;}
    .swiper-slide-next .indNews-slide{box-shadow: none;}
    .swiper-slide-next .indNews-slide .img{opacity: 0;transform: translateY(50%);filter: grayscale(1);}
    .swiper-slide-active .indNews-slide{box-shadow: 0px 3px 0.6rem 0px rgba(10, 11, 12, 0.12);}
    .swiper-slide-active .indNews-slide .img{opacity: 1;transform: translateY(0);filter: grayscale(0);}
    .indNews-slide .img img{height: 210px;}
    .indNews-btn{display: none;}
    .indPro .contain-1800{padding-top: 40px;}
    .indPro-desc{width: 100%;position: relative;top: auto;}
    .indPro-desc-item{padding-top: 30px;}
    .indPro-swp{width: 100%;margin-top: 20px;}
    .indPro-swp .swiper-wrapper{display: flex;}
    .indPro-img .item img{height: 250px;}
    .indPro-menu{left: 10px;bottom: 10px;width: calc(100% - 20px);flex-wrap: nowrap;white-space: nowrap;overflow-x: auto;margin: 0;padding: 0;}
    .indPro-menu .item{flex: unset;margin-left: 10px;overflow: visible;padding: 0 15px;}
    .indPro-menu .item:first-child{margin-left: 0;}
    .indPro-slide{opacity: 1;transform: none;}
    .indHZ-swp::before, .indHZ-swp::after{width: 20px;}
    .indWhy-con{opacity: 1;}
    .indVideo-con .btn{width: 40px;height: 40px;font-size: 14px;top: 27%;}
}
/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px){}