@charset "utf-8";
/* ===================首页样式========================== */
.banner .hasVideo .banner-img img.pc{animation: hasVideoImg 1s ease both;}
@keyframes hasVideoImg {0%{opacity: 1;}100%{opacity: 0;}}
.banner  video{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
@media all and (max-width:1000px) {.hasVideo .banner-img img.pc{animation: none;}.hasVideo video{display: none;}}
.banner-img img{width: 100%;height: 100vh;}
.banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.banner-con .contain{height: 100%;}
.banner-list li{display: flex;flex-direction: column;align-items: center;text-align: center;margin-left: 0.6rem;}
.banner-list li:first-child{margin-left: 0;}
.banner-list .ico{width: max(40px,0.56rem);height: max(40px,0.56rem);border-radius: 50%;border: 2px solid #fff;}
.banner-list .ico img{max-width: 50%;max-height: 50%;}
.banner-title,.banner-list,.banner-con .comMore-box{opacity: 0;transform: translateY(0.4rem);transition: all 1s ease .8s;}
.banner-list{transition-delay: .9s;}
.banner-con .comMore-box{transition-delay: 1s;}
.swiper-slide-active .banner-title,.swiper-slide-active .banner-list,.swiper-slide-active .banner-con .comMore-box{opacity: 1;transform: translateY(0);}
.swiper-slide-active.first .banner-title{transition-delay: 0s;}
.swiper-slide-active.first .banner-list{transition-delay: 0.1s;}
.swiper-slide-active.first .banner-con .comMore-box{transition-delay: 0.2s;}
.banner-pagination{user-select: none;position: absolute;left: 0;bottom: 0.4rem;width: 100%;z-index: 5;}
.banner-pagination .swiper-pagination-bullet{width: max(25px,0.5rem);height: max(2px,0.04rem);background: rgba(255, 255, 255, .5);opacity: 1;border-radius: 0;margin: 0 max(4px,0.1rem);}
.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: linear-gradient(to right, #1c96d5, #2abcc5);}
.indTitle .text{width: max(700px,10rem);margin: 8px auto 0;max-width: 100%;}
.indSol{background: url('../images/index/indSol-bg.png') no-repeat left top/99% auto;}
.indSol-module{align-items: center;justify-content: space-between;}
.indSol-module:nth-child(2n){flex-direction: row-reverse;}
.indSol-left{width: 22%;}
.indSol-left .ico{height: max(44px,0.64rem);transition: all .6s ease;}
.indSol-left .ico img{max-height: 100%;}
.indSol-left:hover .ico{transform: translateY(-15px);}
.indSol-right{width: 75%;}
.indSol-img img{width: 100%;height: max(450px,6rem);transition: all 2s linear;}
.indSol-img:hover img{transform: scale(1.1);}
.indSol-menu{position: absolute;left: 0;bottom: 0;width: 100%;padding: 0 0.4rem 0.3rem;margin-left: -0.2rem;}
.indSol-menu .item{flex: 1;margin-left: 0.2rem;height: max(44px,0.68rem);background: rgba(0, 0, 0, .2);}
.indSol-menu .item span{position: relative;z-index: 2;}
.indSol-menu .item i{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
.indSol-menu .item:hover i{opacity: 1;}
.indHZ-slide{height: max(40px,0.66rem);}
.indHZ-slide img{max-width: 60%;max-height: 100%;}
.indPro-list{margin-left: -8px;}
.indPro-column{margin-left: 8px;width: calc(100% / 4 - 8px);}
.indPro-item{background: #f8f9fc;flex-direction: column;}
.indPro-item:nth-child(2){margin-top: 8px;}
.indPro-show{padding: 0.4rem 0.2rem 0.2rem;}
.indPro-hide{position: absolute;left: 0;top: 0;width: 100%;height: 100%;flex-direction: column;justify-content: center;padding: 0 0.2rem;opacity: 0;}
.indPro-img .img{height: 2.6rem;}
.indPro-img .img img{max-width: 80%;max-height: 100%;}
.indPro-img .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
.indPro-img .bg img{width: 100%;height: 100%;transform: scale(1.2);transition: all .6s ease;}
.indPro-column:nth-child(2) .indPro-item{background: #f8f9fc url('../images/index/indPro-item-bg1.jpg') no-repeat center top/100% auto;}
.indPro-column:nth-child(4) .indPro-item{background: #f8f9fc url('../images/index/indPro-item-bg2.jpg') no-repeat center top/100% auto;}
.indPro-column:nth-child(2n) .indPro-item{height: 100%;}
.indPro-column:nth-child(2n) .indPro-item .indPro-show{padding-bottom: 0.9rem;}
.indPro-column:nth-child(2n) .indPro-item .indPro-img{flex: 1;}
.indPro-column:nth-child(2n) .indPro-item .indPro-img .img{height: 100%;align-items: flex-start;}
.indPro-column:nth-child(2n) .indPro-item .indPro-img .img img{max-height: 79%;}
.indPro-item:hover .indPro-show{opacity: 0;}
.indPro-item:hover .indPro-hide{opacity: 1;}
.indPro-item:hover .indPro-img .img{opacity: 0;transform: scale(.9);}
.indPro-item:hover .indPro-img .bg{opacity: 1;}
.indPro-item:hover .indPro-img .bg img{transform: scale(1);}
.indCase{position: relative;z-index: 10;}
.indCase-swp{padding: 0 1.6rem;}
.indCase-swp .swiper-container{overflow: visible;}
.indCase-btn{font-weight: 700; z-index: 2;position: absolute;left: 0.25rem;top: 2.5rem;overflow: hidden; user-select: none;cursor: pointer;width: max(40px,0.48rem);height: max(40px,0.48rem);border-radius: 50%;background: rgba(0, 0, 0, .2);}
.indCase-btn::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to right, #1c96d5, #2abcc5);opacity: 0;transition: all .4s ease;}
.indCase-btn i{position: relative;z-index: 2;}
.indCase-btn.next{left: auto;right: 0.25rem;transform: rotate(180deg);}
.indCase-btn:hover::after{opacity: 1;}
.indCase-bg{transition: all .6s ease;transform: scale(.9);position: relative;}
.indCase-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .6);transition: all .6s ease;}
.indCase-bg img{width: 100%;height: 5.5rem;}
.indCase-con{position: absolute;left: 0.4rem;top: 50%;transform: translate(30%,-50%);transition: all .6s ease;opacity: 0;}
.indCase-con::after{content: "";position: absolute;right: 100%;top: 50%;transform: translateY(-50%);width: max(8px,0.12rem);height: calc(100% - max(16px,0.3rem));background: #1c96d5;border-radius: max(8px,0.15rem) 0 0 max(8px,0.15rem);}
.indCase-con .box{border-radius: max(8px,0.15rem);background: rgba(255, 255, 255, .9);width: max(300px,4.2rem);padding: 0.4rem;min-height: max(200px,3rem);display: flex;flex-direction: column;justify-content: center;}
.indCase-num li{width: 50%;position: relative;align-items: center;padding-left: 0.16rem;}
.indCase-num li::after{content: "";position: absolute;left: 0;top: 50%;width: 2px;height: 90%;transform: translateY(-50%);background: #1c96d5;}
.indCase-num .num{line-height: .8;}
.indCase-num .ico{margin-left: max(6px,0.1rem);width: max(10px,0.14rem);}
.indCase-more span{position: relative;}
.indCase-more span::after{content: "";position: absolute;right: 0;bottom: -2px;width: 0;height: 1px;background: #1c96d5;transition: all .4s ease;}
.indCase-con .box:hover{background: #fff;}
.indCase-more:hover span::after{right: auto;left: 0;width: 100%;}
.swiper-slide-active .indCase-bg{transform: scale(1);box-shadow: 0px max(6px,0.12rem) max(15px,0.31rem) 3.5px rgba(75, 75, 75, 0.19);}
.swiper-slide-active .indCase-bg::after{opacity: 0;}
.swiper-slide-active .indCase-con{opacity: 1;transform: translate(0,-50%);transition-delay: .6s;}
.indData-list{margin-left: -0.2rem;}
.indData-column{margin-left: 0.2rem;width: calc(100% / 3 - 0.2rem);}
.indData-item{background: #f8f9fc;}
.indData-item .desc{height: 2.6rem;flex-direction: column;}
.indData-item .num{align-items: flex-end;}
.indData-item .num span{line-height: .8;}
.indData-item .num p{margin-left: 5px;}
.indData-item:nth-child(2){margin-top: 0.2rem;}
.indData-column:nth-child(2){display: flex;flex-direction: column;justify-content: flex-end;position: relative;background: #f8f9fc;}
.indData-column:nth-child(2) .img{position: absolute;left: 0;top: 0;width: 100%;height: 70%;align-items: center;justify-content: center;}
.indData-column:nth-child(2) .img img{max-width: 86%;}
.indData-logo li{flex: 1;height: max(38px,0.56rem);transition: all .6s ease;}
.indData-logo li:hover{transform: translateY(-15px);}
.indData-logo img{max-height: 100%;}
.indCta-flex{background: #f8f9fc;justify-content: space-between;padding: 0.3rem 0.6rem 0;align-items: center;}
.indCta-con{width: 46%;}
.indCta-img{width: 50%;}
.indYS .contain{position: relative;z-index: 10;}
.indYS-flex{justify-content: space-between;align-items: flex-start;}
.indYS-con{width: 26%;position: sticky;top: max(70px,0.96rem);}
.indYS-list{width: 61%;}
.indYS-item{background: #fff;border: 1px solid #ebebeb;margin-top: 0.2rem;transition: none;position: sticky;transform-origin: center top;}
.indYS-item>div{position: relative;z-index: 2;}
.indYS-page{width: 11%;padding: 0.35rem 0 0 0.2rem;color: #e3eaec;border-right: 1px solid #ebebeb;}
.indYS-desc{min-height: max(250px,3.3rem); width: 89%;display: flex;flex-direction: column;justify-content: space-between;padding: 0.35rem 1.3rem 0.35rem 0.4rem;}
.indYS-desc .btm .text p{padding-left: max(16px,0.25rem);position: relative;}
.indYS-desc .btm .text p::after{content: "";position: absolute;left: 0;top: max(4px,0.06rem);width: max(10px,0.17rem);height: max(10px,0.17rem);background: url('../images/index/indYS-dot1.png') no-repeat center/100% auto;transition: all .6s ease;}
.indYS-desc .ico{width: max(30px,0.5rem);height: max(30px,0.5rem);position: absolute;right: 0.45rem;bottom: 0.45rem;z-index: 2;}
.indYS-desc .ico img{transition: all .6s ease;max-height: 100%;}
.indYS-desc .bg{width: 2.65rem;height: 2.65rem;position: absolute;right: -5px;bottom: -5px;opacity: 0;}
.indYS-desc .bg img{max-height: 100%;}
.indYS-item.active{border-width: 0;}
.indYS-item:last-child{background: url('../images/index/indYS-item-bg.jpg') no-repeat center/cover;border-color: transparent;}
.indYS-item:last-child .indYS-page,.indYS-item:last-child .top,.indYS-item:last-child .title,.indYS-item:last-child .text{color: #fff;}
.indYS-item:last-child .indYS-page{border-color: rgba(235, 235, 235, .2);}
.indYS-item:last-child .text p::after{background-image: url('../images/index/indYS-dot2.png');}
.indYS-item:last-child .bg{opacity: 1;}
.indYS-item:nth-child(1){top: 1.4rem;margin-top: 0;}
.indYS-item:nth-child(2){top: 1.64rem;}
.indYS-item:nth-child(3){top: 1.94rem;}
.indYS-item:nth-child(4){top: 2.26rem;}
.indYS-item:nth-child(5){top: 2.68rem;}
.indYS-item:nth-child(6){top: 3.28rem;}
/* -------------------------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-img img{height: 400px;}
    .banner-list .ico{border-width: 1px;}
    .indSol-module{flex-direction: column !important;margin-top: 50px;}
    .indSol-left{width: 100%;}
    .indSol-right{width: 100%;margin-top: 20px;}
    .indSol-img img{height: 220px;}
    .indSol-menu{left: 50%;transform: translateX(-50%);padding: 0 0 12px;width: 96%;white-space: nowrap;flex-wrap: nowrap;overflow-x: auto;}
    .indSol-menu .item{flex: unset;padding: 8px 15px;overflow: visible;}
    .indPro-column{width: calc(100%  - 8px);margin-top: 25px;}
    .indPro-column:first-child{margin-top: 0;}
    .indPro-show{padding: 25px 15px;}
    .indPro-img .img{height: 200px;}
    .indPro-column:nth-child(2n) .indPro-item .indPro-img .img{height: 400px;}
    .indYS-con{position: relative;top: auto;width: 100%;}
    .indYS-list{width: 100%;margin-top: 20px;}
    .indYS-item{padding: 30px 15px;}
    .indYS-page{width: 100%;border: unset;padding: 0;font-size: 30px;}
    .indYS-desc{width: 100%;padding: 0;min-height: auto;margin-top: 20px;}
    .indYS-desc .btm{margin-top: 10px;}
    .indYS-desc .ico{right: 0;bottom: -10px;}
    .indYS-desc .bg{width: 120px;height: 120px;}
    .indCase-btn{display: none;}
    .indCase-swp{padding: 0;}
    .indCase-bg img{height: 300px;}
    .indCase-con .box{padding: 25px 15px;}
    .indCase-con{left: 20px;}
    .indCase-num li{padding-left: 10px;}
    .indData-list{margin-top: 0;}
    .indData-column{width: calc(100% - 0.2rem);margin-top: 20px;}
    .indData-item{margin-top: 20px !important;}
    .indData-item .desc{height: 150px;}
    .indData-column:nth-child(2){padding-top: 130px;}
    .indData-item .num span{font-size: 38px;}
    .indData-item .text{margin-top: 12px;}
    .indData-logo li{height: 20px;}
    .indCta-flex{padding: 25px 15px 0;}
    .indCta-con{width: 100%;}
    .indCta-img{width: 100%;margin-top: 40px;}
}
/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px){}