@charset "utf-8";
/* ===================首页样式========================== */
.banner-bg img{width: 100%;height: 100vh;}
.banner-con{position: absolute;z-index: 2;left: 0;top: 0;width: 100%;height: 100%;}
.banner-con .contain{height: 100%;flex-direction: column;justify-content: center;}
.banner-con .title{opacity: 0;transform: translateY(0.4rem);transition: all 1s ease .8s;font-weight: 600;}
.banner-con .text{color: rgba(255, 255, 255, .8); opacity: 0;transform: translateY(0.4rem);transition: all 1s ease .9s;}
.banner-con .comMore-box{opacity: 0;transform: translateY(0.4rem);transition: all 1s ease 1s;margin-bottom: 50px;}
.swiper-slide-active .banner-con .title,.swiper-slide-active .banner-con .text,.swiper-slide-active .banner-con .comMore-box{opacity: 1;transform: translateY(0);}
.swiper-slide-active.first .banner-con .title{transition-delay: 0s;}
.swiper-slide-active.first .banner-con .text{transition-delay: 0.1s;}
.swiper-slide-active.first .banner-con .comMore-box{transition-delay: 0.2s;}
.banner-pagination-box{z-index: 3;position: absolute;left: 0;bottom: 0.6rem;width: 100%;}
.banner-pagination{user-select: none;}
.banner-pagination .swiper-pagination-bullet{width: 6px;height: 6px;background: #fff;opacity: 1;position: relative;margin-left: 28px;transition: all .4s ease;}
.banner-pagination .swiper-pagination-bullet:first-child{margin-left: 0;}
.banner-pagination .swiper-pagination-bullet svg{position: absolute;z-index: 2;left: 50%;top: 50%;margin: -12px 0 0 -12px;width: 24px;height: 24px;transform: rotate(-90deg);opacity: 0;transition: all .4s ease;}
.banner-pagination .swiper-pagination-bullet svg circle{stroke-dasharray:60,60;stroke-dashoffset:60;}
.banner-pagination .swiper-pagination-bullet-active{background: #26b4cd;}
.banner-pagination .swiper-pagination-bullet-active svg{opacity: 1;}
.banner-pagination .swiper-pagination-bullet-active svg circle{animation: bulletRun 4.8s linear both;}
.banner-pagination .swiper-pagination-bullet-active.oneBullet svg circle{animation: bulletRun 3.8s linear both;}
@keyframes bulletRun{0%{stroke-dashoffset:60;}100%{stroke-dashoffset:0;}}
.banner{position: fixed;left: 0;top: 0;width: 100%;height: 100%;}
.indGroup{background: #fff;position: relative;z-index: 10;margin-top: 100vh;}
.indTech{background: url('../images/index/indTech-bg.jpg') no-repeat center/cover;}
.indTech-flex{align-items: center;justify-content: space-between;}
.indTech-nav::after{content: "";position: absolute;left: 50%;width: 1px;height: 130%;top: 50%;transform: translate(-50%,-50%);border-left: 1px dashed #e4c9ff;}
.indTech-nav .item{user-select: none;cursor: pointer;width: max(40px,0.8rem);height: max(40px,0.8rem);border-radius: 50%;background: #fff;border: 1px solid #ede7f0;position: relative;z-index: 2;}
.indTech-nav .item:first-child{margin-top: 0;}
.indTech-nav .item img{max-width: 48%;max-height: 55%;transition: all .4s ease;}
.indTech-nav .item .h{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.indTech-nav .item.active{border-color: #503b8f;background: #503b8f;}
.indTech-nav .item.active .s{opacity: 0;}
.indTech-nav .item.active .h{opacity: 1;}
.indTech-swp{width: calc(100% - max(40px,0.8rem)); padding-left: 1rem;}
.indTech-swp .swiper-container{overflow: visible;}
.indTech-slide{align-items: center;justify-content: space-between;}
.indTech-con{width: 42%;}
.indTech-con>div{transition: opacity .4s ease,transform 1s ease .5s;}
.indTech-con .label{margin-left: -10px;}
.indTech-con .label span{display: flex;align-items: center;justify-content: center;margin: 10px 0 0 10px;border-radius: 40px;height: max(32px,0.4rem);border: 1px solid #eae8f0;padding: 0 16px;}
.indTech-img{width: 58%;transform: translateX(0.5rem);}
.swiper-slide-active .indTech-con .title{transition: all 1s ease;}
.swiper-slide-active .indTech-con .text{transition: all 1s ease;}
.swiper-slide-active .indTech-con .label{transition: all 1s ease .15s;}
.swiper-slide-active .indTech-con .comMore2-box{transition: all 1s ease .3s;}
.swiper-slide-active .indTech-con>div{opacity: 1;transform: translateY(0);}
.indPro-bg{position: absolute;left: 0;top: 60%;transform: translateY(-50%);width: 100%;}
.indPro-bg img{width: 100%;}
.indPro-img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.indPro-img .item{position: absolute;left: 50%;top: 60%;transform: translate(-50%,-50%);opacity: 0;transition: all 1s linear;width: 100%;}
.indPro-img .item img{width: 100%;}
.indPro-img .item.active{opacity: 1;}
.indPro-con{position: relative;z-index: 3;}
.indPro-flex{justify-content: flex-end;align-items: center;}
/* .indPro-img{width: 49%;display: none;}
.indPro-img .item{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;transition: all 1s linear;}
.indPro-img .item img{width: 100%;height: 4.1rem;transform: scale(1.05);transition: all 2s linear 1s;}
.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-list{width: 42%;}
.indPro-list li{justify-content: space-between;align-items: flex-start; border-bottom: 1px solid rgba(255, 255, 255, .1);user-select: none;cursor: pointer;}
.indPro-list .ico{opacity: 0;position: absolute;right: calc(100% + 0.23rem);top: max(20px,0.35rem);transform: translateY(-50%) scale(0);transition: all .6s ease;}
.indPro-list .ico img{max-width: max(26px,0.4rem);height: max(26px,0.4rem);}
.indPro-list .desc{padding-right: 0.7rem;}
.indPro-list .text{color: rgba(255, 255, 255, .8);display: none;height: 70px;}
.indPro-list li:first-child .text{display: block;}
.indPro-list .btn{position: absolute;right: 0;top: max(20px,0.35rem);transform: translateY(-50%) rotate(45deg);}
.indPro-list li.active .ico{opacity: 1;transform: translateY(-50%) scale(1);}
.indBtm{background: url('../images/index/indApp-bg.jpg') no-repeat center/cover;}
.indApp-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.5) 100%);opacity: 0;transition: all .6s ease;}
.indApp-img img{width: 100%;height: 5.3rem;}
.indApp-con{transform: translateY(calc(100% - max(50px,1.1rem))); z-index: 2;position: absolute;left: 0;bottom: 0;width: 100%;padding: 0.5rem 0.4rem;}
.indApp-con .text,.indApp-con .comMore2-box{opacity: 0;transform: translateY(0.3rem);transition: all .6s ease .2s;}
.indApp-con .comMore2-box{transition-delay: .3s;}
.indApp-slide:hover .indApp-img::after{opacity: 1;}
.indApp-slide:hover .indApp-con{transform: translateY(0);}
.indApp-slide:hover .indApp-con .text,.indApp-slide:hover .indApp-con .comMore2-box{opacity: 1;transform: translateY(0);}
.indNews-swp{width: calc(100% + 0.28rem);margin-left: -0.14rem;}
.indNews-swp .swiper-container{overflow: visible;}


/* 新增 */
.indSol-swp .swiper-wrapper{transition-timing-function: linear;}
.indSol-slide img{width: 100%;height: 2.8rem;}
.indSol-swp:nth-child(2n){transform: rotate(180deg);}
.indSol-swp:nth-child(2n) .swiper-slide{transform: rotate(-180deg);}







/* -------------------------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) */
}

/* --------------------平板(横屏1024)---------------------- */
@media all and (max-width:1100px){}

/* --------------------平板(竖屏768)----------------------- */
@media all and (max-width:1000px){}

/* --------------------手机端(360)------------------------- */
@media all and (max-width:720px){
    .banner-bg img{height: 400px;}
    .banner-con .contain{padding-top: 60px;}
    .banner-pagination .swiper-pagination-bullet{transform: scale(.8);margin-left: 20px;}
    .indGroup{margin-top: 400px;}
    .indNews-swp .swiper-container{overflow: hidden;}
    .indTech-nav{width: 100%;display: flex;margin-top: 30px;justify-content: center;}
    .indTech-nav::after{left: 50%;top: 50%;width: 120%;height: 1px;border-left: unset;border-top: 1px dashed #e4c9ff;}
    .indTech-nav .item{margin: 0 0 0 50px;width: 50px;height: 50px;}
    .indTech-nav .item:first-child{margin-left: 0;}
    .indTech-swp{width: 100%;padding: 30px 0 0;}
    .indTech-con{width: 100%;}
    .indTech-img{transform: none;width: 100%;}
    .indTech-con .label{margin-left: -5px;}
    .indTech-con .label span{margin: 5px 0 0 5px;font-size: 11px;padding: 0 12px;}
    .indPro{background-size: cover;}
    .indPro-bg{height: 100%;left: 0;top: 0;transform: none;}
    .indPro-bg img{height: 100%;}

    .indPro .contain{width: 100%;}
    .indPro-flex{margin-top: 350px;}
    .indPro-img{overflow: hidden;}
    .indPro-img .item{top: 250px;width: 350%;left: 105%}
    /* .indPro-img{width: 100%;}
    .indPro-img .item img{height: auto;} */
    .indPro-list{margin: 0 auto;width: 92%;}
    .indPro-list li{padding: 25px 0;}
    .indPro-list li:first-child{padding-top: 0;}
    .indPro-list .ico{right: auto;top: auto;transform: none !important;opacity: 1 !important;}
    .indPro-list .desc{flex: 1;padding: 3px 15px 0px 40px;}
    .indPro-list .title{font-size: 18px;}
    .indPro-list .btn{top: 35px;}
    .indApp-img img{height: 450px;}
    .indApp-img::after{opacity: 1;}
    .indApp-con{transform: none;padding: 45px 15px;}
    .indApp-con .text,.indApp-con .comMore2-box{opacity: 1;}
    .indApp-con .comMore2-box{margin-top: 25px;}

    /* 新增 */
    .indSol-slide img{height: 110px;}
    
}