@charset "utf-8";
/* ===================首页样式========================== */
.banner .hasVideo .banner-bg img.pc{animation: hasVideoImg 1s ease both;}
@keyframes hasVideoImg {0%{opacity: 1;}100%{opacity: 0;}}
@media all and (max-width:1000px) {.hasVideo .banner-bg img.pc{animation: none;}.hasVideo video{display: none;}}
.banner-bg img,.banner-bg video{width: 100%;height: 100vh;}
.banner-bg video{position:relative;}
.banner-con{z-index: 3;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner-con .contain{height: 100%;align-items: center;}
.banner-con .box{width: 7rem;}
.banner-con .title,.banner-con .text,.banner-con .comMore-box{opacity: 0;transform: translateY(40px);transition: all 1s ease;}
.banner-con .title{transition-delay: .8s;}
.banner-con .text{transition-delay: .9s;}
.banner-con .comMore-box{transition-delay: 1s;}
.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: .2s;}
.swiper-slide-active.first .banner-con .text{transition-delay: .3s;}
.swiper-slide-active.first .banner-con .comMore-box{transition-delay: 0.4s;}
.banner-menu{z-index: 4;position: absolute;left: 0;bottom: max(15px,0.48rem);width: 100%;}
.banner-btn{width: 30px;height: 30px;user-select: none;cursor: pointer;}
.banner-btn:hover{color: #009fb9;}
.banner-btn.next{transform: rotate(180deg);}
.banner-pagination{margin: 0 max(8px,0.22rem);user-select: none;display: flex;justify-content: center;}
.banner-pagination .swiper-pagination-bullet{margin: 0 2px;opacity: 1;border-radius: 5px;background: transparent; width: max(36px,0.57rem);height: 4px;border: 1px solid rgba(255, 255, 255, .2);display: block;}
.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color: transparent;background: linear-gradient(to right,#009fb9,#00d9fd);}
.comTitle .text{width: max(550px,7.4rem);margin: max(8px,0.14rem) auto 0;}
.indHZ-swp::before,.indHZ-swp::after{content: "";position: absolute;left: 0;top: 0;width: 15%;height: 100%;background: linear-gradient(to right,#fff,transparent 100%);z-index: 2;pointer-events: none;}
.indHZ-swp::after{left: auto;right: 0;transform: rotate(180deg);}
.indHZ-swp .swiper-wrapper{transition-timing-function: linear;}
.indHZ-slide{height: max(30px,0.58rem);}
.indHZ-slide img{max-width: 80%;max-height: 100%;}
.indYS-list{padding: 0 0.8rem;}
.indYS-list li{flex-direction: column;justify-content: flex-start;padding: 0 0.5rem;width: calc(100% / 3);}
.indYS-list .ico{height: max(50px,0.88rem);}
.indYS-list .ico img{max-height: 100%;}
.indVideo-bg{height: 36.5vw;}
.indVideo-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indVideo-con .contain{height: 100%;flex-direction: column;justify-content: center;}
.indVideo-con .comTitle{width: 7.1rem;}
.index-center{background: linear-gradient(to top, rgb(214,237,241) 0%, rgb(255,255,255) 100%);}
.indTech-nav-line{position: absolute;left: 0;top: 0;width: calc(100% / 3);border-radius: 5px;height: max(2px,0.04rem);transition: all .6s ease;z-index: 2;}
.indTech-nav-border{width: 100%;height: 1px;position: absolute;left: 0;top: 0;background: #caeaf0;}
.indTech-nav-list .item{user-select: none;cursor: pointer;width: calc(100% / 3);}
.indTech-nav-list .item:hover,.indTech-nav-list .item.active{color: #000;}
.indTech-img{height: 6rem;position: relative;border-radius: inherit;overflow: hidden;margin: 0 auto;}
.indTech-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);}
.indTech-img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: var(--wid);height: 100%;max-width: unset;}

.indTech-con{position: absolute;z-index: 3;left: 0;top: 0;width: 100%;height: 100%;flex-direction: column;justify-content: center;padding: 0 1rem;}
.indTech-desc{width: 60%;}
.indTech-list li{width: max(100px,1.5rem);padding-right: 0.1rem;}
.indTech-list .ico{width: max(40px,0.9rem);height: max(40px,0.9rem);border-radius: 0;}
.indTech-list .ico img{width: 100%;}
.indSol-list{margin-left: -6px;display: flex;}
.indSol-item:first-child{border-radius: 1.4rem 0 0 0.1rem;}
.indSol-item:last-child{border-radius: 0 0.1rem 1.4rem 0;}
.indSol-item{margin-left: 6px;flex: 1;transition: flex .6s;overflow: hidden;}
.indSol-show{width: 100%; transition: all .6s ease .1s; border: 1px solid #fff;background: linear-gradient(to bottom,#fff,#9bd6df);flex-direction: column;justify-content: flex-start;padding-top: 0.8rem;height: max(350px,5.5rem);}
.indSol-show .ico{height: max(40px,0.68rem);}
.indSol-show .ico img{max-height: 100%;}
.indSol-show .title{height: max(50px,0.9rem);width: 1.8rem;}
.indSol-show .btn{width: max(30px,0.45rem);height: max(30px,0.45rem);border-radius: 50%;border: 1px solid #009fb9;transform: rotate(180deg);}
.indSol-hide{opacity: 0; transition: all .6s ease;background: linear-gradient(to bottom,#00d6f9, #009fb9); position: absolute;left: 0;top: 0;width: 3.8rem;height: 100%;flex-direction: column;padding: 0.5rem 0.3rem 0;flex-wrap: nowrap;justify-content: flex-start;}
.indSol-hide .title{padding: 0 0.3rem;}
.indSol-hide .btn i{width: max(24px,0.3rem);height: max(24px,0.3rem);border-radius: 50%; background: #fff;transform: rotate(180deg);font-size: max(13px,0.15rem);margin-left: max(8px,0.12rem);}
.indSol-hide .btn:hover span{text-decoration: underline;}
.indSol-hide .img-box{position: absolute;left: 50%;bottom: -0.5rem;transform: translateX(-50%);}
.indSol-hide .bg{width: 3.1rem;height: 3.1rem;border-radius: 50%;padding: 0.12rem;background: linear-gradient(to top, rgb(0,179,208) 0%, rgb(0,211,245) 100%);}
.indSol-hide .bg i{display: block;width: 100%;height: 100%;border-radius: 50%;background: linear-gradient(to top, rgb(0,202,234) 0%, rgb(165,249,255) 100%);}
.indSol-hide .img{position: absolute;left: 45%;top: 40%;transform: translate(-50%,-50%);width: 110%;height: 110%;}
.indSol-hide .img img{max-height: 100%;}
.indSol-item.active{flex: 2.1;}
.indSol-item.active .indSol-show{opacity: 0;transition: all .4s ease;}
.indSol-item.active .indSol-hide{opacity: 1;transition-delay: .1s;}
.indPro-flex{justify-content: space-between;align-items: flex-start;}
.indPro-con{width: 28%;}
.indPro-con .comTitle .text{width: 100%;}
.indPro-list{width: 62.5%;}
.indPro-video{position: relative; background: rgba(0, 0, 0, .5);width: max(40px,0.65rem);height: max(30px,0.4rem); position: absolute;left: 1.35rem;top: 50%;transform: translate(-50%,-50%);z-index: 2;user-select: none;cursor: pointer;}
.indPro-video::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition: all .4s ease;background: linear-gradient(135deg, #00dbff, #009fb9);}
.indPro-video i{position: relative;z-index: 2;}
.indPro-video:hover::after{opacity: 1;}
.indPro-link{transition: all .5s ease;border-bottom: 1px solid #009fb9;align-items: center;justify-content: space-between;padding: 0.28rem;}
.indPro-item:nth-child(1) .indPro-link{border-top: 1px solid #009fb9;}
.indPro-link-left{flex: 1;}
.indPro-link-img{width: 2.1rem;}
.indPro-link-img img{width: 100%;height: max(110px,1.3rem);}
.indPro-link-desc{width: calc(100% - 2.1rem);padding: 0 10px 0 0.5rem;}
.indPro-link-desc .text p{position: relative;padding-left: max(14px,0.2rem);}
.indPro-link-desc .text p::before{content: "";position: absolute;left: 0;top: max(7px,0.08rem);width: max(10px,0.12rem);height: max(9px,0.1rem);background: url('../images/index/indPro-dot.png') no-repeat center/100% auto;}
.indPro-link-btn{transform: rotate(180deg); width: max(32px,0.45rem);height: max(32px,0.45rem);}
.indPro-link-btn::before,.indPro-link-btn::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;transition: all .4s ease;border: 1px solid #009fb9;}
.indPro-link-btn::after{border-color: transparent;background: linear-gradient(135deg, #00dbff, #009fb9);opacity: 0;}
.indPro-link-btn i{position: relative;z-index: 2;}
.indPro-link:hover{background: rgba(0, 159, 185, .1);}
.indPro-link:hover .indPro-link-btn{color: #fff;}
.indPro-link:hover .indPro-link-btn::before{opacity: 0;}
.indPro-link:hover .indPro-link-btn::after{opacity: 1;}
/* .indAb{background: rgb(214,237,241);} */
.indAb{background: linear-gradient(to bottom,rgb(214,237,241) 70%, #6dc7d5 80%,#93d5e0 100%);}
.indAb-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 0 0 2rem 2rem;overflow: hidden;}
.indAb-bg img,.indAb-bg video{width: 100%;height: 100%;}
.indAb-con{position: relative;z-index: 2;opacity: 1;}
.indAb-con .comTitle .text{width: 100%;}
.indAb-num{padding: 0 1rem;justify-content: space-between;}
.indAb-num li{display: flex;flex-direction: column;align-items: center;text-align: center;}
.indAb-num .num{line-height: 1;}
.indOEM{background: linear-gradient(to bottom,#93d5e0 0%,#d7eef2 12%, transparent 80%);}
.indOEM-bg{height: 6rem;margin: 0 auto;position: relative;border-radius: inherit;overflow: hidden;}
.indOEM-bg img{width: var(--wid);height: 100%;max-width: unset;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.indOEM-con{z-index: 2;position: absolute;left: 0;top: 0;width: 100%;height: 100%;flex-direction: column;justify-content: center;padding: 0 1.1rem 1rem;}
.indOEM-con .text p{position: relative;padding-left: max(18px,0.24rem);}
.indOEM-con .text p::before{content: "";position: absolute;left: 0;top: max(9px,0.12rem);width: max(10px,0.12rem);height: max(9px,0.1rem);background: url('../images/index/indOEM-dot.png') no-repeat center/100% auto;}
.indOEM-nav{position: absolute;left: -0.28rem;bottom: 0.5rem;width: calc(100% + 0.28rem);z-index: 3;padding: 0 1.1rem;}
.indOEM-nav-item{flex: 1;margin-left: 0.8rem;opacity: .5;transition: all .4s ease;user-select: none;cursor: pointer;text-align: center;}
.indOEM-nav-item .line{background: #fff;height: max(2px,0.04rem);border-radius: 10px;overflow: hidden;}
.indOEM-nav-item .line i{display: block;width: 0;height: 100%;background: #009fb9;transition: all .6s ease;}
.indOEM-nav-item.active,.indOEM-nav-item:hover{opacity: 1;}
.indOEM-nav-item.active .line i{width: 100%;transition: all 5.8s linear;}
.indOEM-nav-item.active.first .line i{transition: all 4.8s linear;}
.indNews{background: linear-gradient(to bottom,#d6edf1,#fff);}
.indNews-swp-box{justify-content: space-between;}
.indNews-swp{width: 39%;}
.indNews-swp:nth-child(2){width: 56.5%;}
.indNews-img{height: max(350px,5.3rem);}
.indNews-img img{width: 100%;height: 100%;}
.indNews-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);flex-direction: column;justify-content: center;padding: 0 0.6rem;}
.indNews-con>div{width: 100%;}
.indNews-con .title{width: 85%;}
.indNews-con .btn{justify-content: flex-start;}
.indNews-con .btn i{width: max(24px,0.3rem);height: max(24px,0.3rem);border-radius: 50%; background: #fff;transform: rotate(180deg);font-size: max(13px,0.15rem);margin-left: max(8px,0.12rem);}
.indNews-con .btn:hover span{text-decoration: underline;}
.indNews-slide:hover .indNews-img img{transform: scale(1.1);}
.indNews-pagination{z-index: 2;user-select: none;position: absolute;right: 0.68rem;bottom: 1.15rem;}
.indNews-pagination .swiper-pagination-bullet{opacity: 1;background: rgba(255, 255, 255, .5);margin-left: max(10px,0.18rem); width: max(8px,0.1rem);height: max(8px,0.1rem);}
.indNews-pagination .swiper-pagination-bullet:first-child{margin-left: 0;}
.indNews-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}
.indNews-btn{z-index: 2;position: absolute;right: 0.6rem;bottom: 0.4rem;}
.indNews-btn .btn{user-select: none;cursor: pointer;width: max(36px,0.48rem);height: max(36px,0.48rem);border-radius: 50%;border: 2px solid #fff;}
.indNews-btn .btn.next{transform: rotate(180deg);margin-left: 0.2rem;}
.indNews-btn .btn:hover{background: rgba(255, 255, 255, .5);}
.indNews-btn .btn.swiper-button-disabled{border-color: transparent;opacity: .5;background: transparent;cursor: no-drop;}
.indCta-bg{height: 45vw;border-radius: 0 0 2rem 2rem;overflow: hidden;}
.indCta-con{height: 45vw;border-radius: 0 0 2rem 2rem;}
.indCta-con .contain{height: 100%;flex-direction: column;justify-content: center;}
.indCta-con .comTitle .text{width: 100%;margin-left: 0;}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1800px){
    /* 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){
    .pt130,.pt140{padding-top: 60px;}
    .pb130,.pb140{padding-bottom: 60px;}
    .banner-bg img{height: calc(100vh - 60px);}
    .banner-con .box{width: 100%;}
    .indHZ-swp::before, .indHZ-swp::after{width: 10%;}
    .comTitle .text{width: 100%;}
    .indYS-list{padding: 0;margin-top: 0;}
    .indYS-list li{padding: 30px 30px 0;width: 100%;}
    .indVideo-bg{height: 250px;}
    .indVideo-con .comTitle{width: 100%;}
    .indTech-nav-list{font-size: 12px;}
    /* .indTech-swp .swiper-slide{height: auto;} */
    .indTech-slide{background: #009fb9;}
    .indTech-img::after{background: rgba(0, 0, 0, .1);}
    .indTech-img{height: 160px;border-radius: 0;}
    .indTech-img img{position: relative;width: 100%;height: 100%;transform: none;left: auto;top: auto;}
    .indTech-con{padding: 20px 15px 30px;position: relative;height: auto;top: auto;}
    .indTech-desc{width: 100%;}
    .indTech-list{margin: 0 0 0 -10px;padding-top: 10px;}
    .indTech-list li{margin: 15px 0 0 10px;width: calc(100% / 2 - 10px);padding-right: 25px;}
    .indSol-list{flex-wrap: wrap;margin: 0;}
    .indSol-item{width: 100%;margin: 20px 0 0;flex: none !important;border-radius: 0 !important;}
    .indSol-show{width: 100%;padding: 0 10px;justify-content: center;height: 300px;transition: all .4s ease !important;}
    .indSol-show .title{width: 100%;}
    .indSol-hide{width: 100%;padding: 25px 10px 0;transition: all .4s ease !important;}
    /* .indSol-item:hover .indSol-hide{opacity: 1;} */
    .indSol-hide .img-box{margin-top: 20px;}
    .indSol-hide .bg{width: 160px;height: 160px;padding: 8px;}
    .indPro-con{width: 100%;}
    .indPro-list{width: 100%;margin-top: 30px;}
    .indPro-link{padding: 20px 10px;}
    .indPro-link-left{width: 100%;flex: none;}
    .indPro-link-img{width: 100%;}
    .indPro-link-img img{height: 160px;}
    .indPro-link-desc{width: 100%;padding: 15px 0;}
    .indPro-video{top: 95px;left: 50%;transform: translate(-50%,-50%);}
    .indAb-bg{width: 100%;height: 100%;border-radius: 0 0 50px 50px;}
    .indAb-bg img, .indAb-bg video{width: 100%;height: 100%;}
    .indAb-con{opacity: 1;}
    .indAb-num{padding: 0;justify-content: center;}
    .indAb-num li{width: 50%;}
    .indAb-num li:nth-child(n+3){margin-top: 30px;}
    .indAb-num .num{font-size: 30px;}
    .indOEM-main{display: flex;flex-direction: column-reverse;}
    .indOEM-nav{position: relative;left: auto;bottom: auto;padding: 0;color: #000;margin-left: -10px;width: calc(100% + 10px);}
    .indOEM-nav-item{margin-left: 10px;}
    .indOEM-nav-item .line{background: #999;}
    .indOEM-swp{margin-top: 30px;}
    .indOEM-bg{height: 150px;}
    .indOEM-bg img{width: 100%;transform: none;position: relative;left: 0;top: 0;}
    .indOEM-con{padding: 15px 0 10px;position: relative;height: auto;color: #000;}
    .indOEM-con .text p::before{background-image: url('../images/pages/indOEM-dotH.png');}
    .indNews-swp{width: 100%;}
    .indNews-swp:nth-child(2){width: 100%;margin-top: 20px;}
    .indNews-img{height: 300px;}
    .indNews-btn{display: none;}
    .indNews-pagination{right: auto;bottom: 15px;left: 50%;transform: translateX(-50%);width: 100%;text-align: center;}
    .indNews .comMore-box{flex-wrap: wrap;justify-content: flex-start;}
    .indNews .comMore:nth-child(3),.indCta .comMore:nth-child(3){margin: 10px 0 0;}
    .indCta-con{height: 250px;border-radius: 0 0 50px 50px;}

}