@charset "utf-8";
/* ===================首页样式========================== */
.banner .hasVideo .banner-bg 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-bg img.pc{animation: none;}.hasVideo video{display: none;}}
.banner-bg img{width: 100%;height: calc(100vh - max(64px,0.7rem));}
.banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.banner-con .contain{height: 100%;align-items: center;}
.banner-con .logo i{display: flex;align-items: center;justify-content: center;width: max(40px,0.54rem);height: max(40px,0.54rem);border-radius: 50%;background: #fff;margin-left: max(8px,0.15rem);}
.banner-con .logo i:first-child{margin-left: 0;}
.banner-con .logo i img{max-width: 80%;max-height: 70%;}
.banner .com-pagination{position: absolute;z-index: 5;left: 0;bottom: max(10px,0.4rem);width: 100%;}
.banner-con .box>div{opacity: 0;transform: translateY(0.3rem);transition: all .8s ease;}
.banner-con .box>div:nth-child(3){transition-delay: .1s;}
.banner-con .box>div:nth-child(4){transition-delay: .2s;}
.swiper-slide.active .banner-con .box>div{opacity: 1;transform: translateY(0);}
.indNav{margin-top: 15px;}
.indNav-list .box{background: #fbfbfb;border-radius: 40px;}
.indNav-item{padding: 0 max(10px,0.15rem) 0 max(20px,0.4rem); flex: 1;height: max(44px,0.6rem);border-radius: 40px;justify-content: space-between;align-items: center;}
.indNav-item .left{align-items: center;flex: 1;}
.indNav-item .ico{width: max(16px,0.26rem);height: max(16px,0.25rem);margin-right: max(6px,0.08rem);}
.indNav-item .ico img{max-height: 100%;transition: all .5s ease;}
.indNav-item .ico .h{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.indNav-item .title{flex: 1;}
.indNav-item .btn{opacity: 0; transform: rotate(45deg);width: max(20px,0.3rem);height: max(20px,0.3rem);border-radius: 50%;background: #fff;overflow: hidden;position: relative;}
.indNav-item .btn i{display: flex;align-items: center;justify-content: center;transition: all .6s ease;width: 100%;height: 100%;}
.indNav-item .btn i:nth-child(2){position: absolute;left: 0;top: 100%;}
.indNav-item:hover{background: #eb711e;}
.indNav-item:hover .ico .s{opacity: 0;}
.indNav-item:hover .ico .h{opacity: 1;}
.indNav-item:hover .title{color: #fff;}
.indNav-item:hover .btn{opacity: 1;}
.indNav-item:hover .btn i{transform: translateY(-100%);}
.indPro-list ul{margin-left: -0.22rem;}
.indPro-list li{margin-left: 0.22rem;width: calc(100% / 3 - 0.22rem);}
.indPro-item{background: url('../images/index/indPro-item-bg2.png') no-repeat center/cover;position: relative;}
.indPro-item .bg img{width: 100%;height: 3.4rem;transition: all .6s ease;}
.indPro-item .con{z-index: 2;position: absolute;left: 0;top: 0;width: 100%;padding: 0.45rem 0.2rem 0;flex-direction: column;}
.indPro-item .con .title,.indPro-item .con .text{width: 100%;}
.indPro-item .btn{opacity: 0;transform: translateY(-10px) rotate(45deg);width: max(34px, 0.44rem);height: max(34px, 0.44rem);border-radius: 50%;transition: all .6s ease;}
.indPro-item:hover .bg img{transform: scale(1.05);}
.indPro-item:hover .btn{opacity: 1;transform: translateY(0) rotate(45deg);}

.indPro-list li:nth-child(2) .indPro-item:nth-child(2){margin-top: 0.22rem;}
.indPro-list li:nth-child(1) .indPro-item,.indPro-list li:nth-child(3) .indPro-item{background-image: url('../images/index/indPro-item-bg1.jpg');}
.indPro-list li:nth-child(1) .indPro-item .bg img,.indPro-list li:nth-child(3) .indPro-item .bg img{height: 7.02rem;}
.indPro-list li:nth-child(2) .indPro-item:nth-child(1) .btn{margin-top: 0;}
.indPro-list li:nth-child(2) .indPro-item:nth-child(2) .btn{margin-top: 0.15rem;}
.indXP{background: linear-gradient(to bottom,#fff,#f8f8f8);}
.indXP-swp .swiper-slide{padding-top: 0.55rem;}
.indXP-slide{background: #fff;border-radius: 0 max(6px,0.12rem) max(6px,0.12rem) 0;}
.indXP-img{width: 52%;}
.indXP-img .bg img{width: 100%;}
.indXP-img .img{position: absolute;left: 0;bottom: 0;width: 100%;}
.indXP-img .img img{width: 100%;}
.indXP-con{width: 48%;flex-direction: column;justify-content: center;padding: 0 2rem 0 0.85rem;}
.indXP-con .title{opacity: 0;transform: translateY(0.3rem);transition: all 1s ease .7s;}
.indXP-con .comBtn{opacity: 0;transform: translateY(0.3rem);transition: all 1s ease .9s;}
.swiper-slide-active .indXP-con .title,.swiper-slide-active .indXP-con .comBtn{opacity: 1;transform: translateY(0);}

.indSol{background: #f3f3f3;}
.indSol-bg .item{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition: all 1s linear;}
.indSol-bg .item img{width: 100%;height: 40vw;transform: scale(1.05);transition: all 2s linear 1s;}
.indSol-bg .item:first-child{position: relative;}
.indSol-bg .item.active{opacity: 1;z-index: 2;}
.indSol-bg .item.active img{transform: scale(1);transition-delay: 0s;}
.indSol-list{background: linear-gradient(to right,rgba(255,255,255,.7) 0%,#fff 20%);backdrop-filter: blur(20px); z-index: 5; border: 1px solid #f0f0f0; position: absolute;right: 0;top: 0;width: 28.55vw;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.indSol-item{width: 73%;border-top: 1px solid #cbcbcb;transition: all .4s ease;}
.indSol-item:first-child{border: unset;}
.indSol-item .box{align-items: center;padding: max(6px,0.11rem) max(6px, 0.11rem) max(6px, 0.11rem) max(20px, 0.45rem);border-radius: 40px;}
.indSol-item .left{flex: 1;align-items: center;}
.indSol-item .ico{width: max(24px,0.39rem);height: max(28px,0.46rem);margin-right: max(12px,0.4rem);}
.indSol-item .title{flex: 1;}
.indSol-item .comBtn i{opacity: 0;transform: rotate(45deg) scale(0);}
.indSol-item.active,.indSol-item.active+.indSol-item{border-color: transparent;}
.indSol-item.active .box{background: #fff;box-shadow: 0px 0px 81.9px 8.1px rgba(226, 103, 0, 0.16);}
.indSol-item.active .comBtn i{opacity: 1;transform: rotate(45deg);}
.indNews-head{justify-content: space-between;align-items: flex-end;}
.indNews-flex{justify-content: space-between;}
.indNews-flex .comBtn{position: absolute;right: max(10px,0.23rem);bottom: max(10px,0.23rem);}
.indNews-flex .comBtn i{background: #ccc;}
.indNews-flex .comBtn:hover i,.indNews-flex .comBtn-h:hover .comBtn i{background: #eb711e;}
.indNews-left{width: calc(70% - 0.11rem);justify-content: space-between;}
.indNews-left-item{width: calc(50% - 0.11rem);background: #f9f9f9;}
.indNews-left-con{height: 3.3rem;padding: 0.3rem 0.25rem;}
.indNews-left-con .text,.indNews-right-item .title{width: 85%;}
.indNews-left-img .img img{width: 100%;height: 3.2rem;}
.indNews-left-img .btn{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: max(36px,0.47rem);}
.indNews-left-img .btn:hover{transform: translate(-50%,-50%) scale(.95);}
.indNews-left-img .btn:active{transform: translate(-50%,calc(-50% + 5px)) scale(.95);}
.indNews-left-item:hover .indNews-left-img .img img{transform: scale(1.1);}
.indNews-right{width: calc(30% - 0.11rem);flex-direction: column;justify-content: space-between;}
.indNews-right-item{height: calc((100% - 0.22rem * 2) / 3);width: 100%;background: #f7f7f7;padding: 0.2rem;}
.indNews-right-item::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #fdf2e8;border-radius: inherit;opacity: 0;transition: all .4s ease;background: url('../images/index/indNews-item-bg.jpg') no-repeat center/cover;}
.indNews-right-item>div{position: relative;z-index: 2;}
.indNews-right-item:hover::after{opacity: 1;}
.indAb-con{position: relative;z-index: 10;pointer-events: none;}
.indAb-head{pointer-events: all;}
.indAb-head .comTitle{padding: 0 1.5rem;}
.indAb-num{margin-top: 3.9rem;padding: 0.55rem var(--widDb);justify-content: space-between;background: rgba(245, 245, 245, .5);backdrop-filter: blur(20px);pointer-events: all;}
.indAb-num .box{flex-direction: column;}
.indAb-num .num{align-items: flex-start;}
.indAb-num .num span{line-height: .8;}
.indAb-num .num p{margin-left: 0.1rem;}
.indAb-map{position: absolute;left: 50%;top: 3.8rem;transform: translateX(-50%);}
.indAb-map .box{position: relative;}
.indAb-map .map{width: 8.7rem;height: 8.7rem;position: relative;z-index: 2;cursor: grab;}
.indAb-map img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

/* 加载 */
.loading-view{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999999;}
.loading-con .bg img{width: 100%;height: 100vh;}
.loading-con .mask1{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #c8c8c8;}
.loading-con .mask2{height: 50%;width: 100%;z-index: 1;background: linear-gradient(#eb711e 0%,rgba(254,219,0,0) 100%);position: absolute;top: 80%;left: 0;}
.loading-con .zoom{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;}
.loading-con .logo{position: relative;transform-origin: 40% 48%;}
.loading-con .logo img{width: 100vw;height: 100vh;position: relative;z-index: 2;}
.loading-con .title{width: 38vw;z-index: 3;position: absolute;left: 49.9%;top: calc(50% - 3.65vw);transform:translate(-50%,-50%)}
.loading-con .title img{width:100%;}
.loading-con .text{z-index: 4;position: absolute;left: 46%;top: 56%;color: #c8c8c8;transform: translateX(20%);opacity: 0;}
.loading-num{position: absolute;z-index: 10;left: 0;bottom: 0;width: 100%;}
.loading-num .line{height: 4px;width: 100%;background: #cbcbcb;}
.loading-num .line i{position: absolute;left: 0;top: 0;width: 0%;height: 100%;background: #eb711e;transition: all .1s linear;}
.loading-num .num{position: absolute;right: 0;bottom: 100%;line-height: 1;}
.loading-view.active .loading-con .logo{transform: scale(26);opacity: 0;transition: transform 3s 2.5s cubic-bezier(.38, 0, 0, 1),opacity .6s ease 3.2s;}
.loading-view.active .loading-con .mask1{opacity: 0;transition: opacity 1.6s ease .5s;}
.loading-view.active .loading-con .mask2{opacity: 0;transform: translateY(-200%);transition: transform 7s cubic-bezier(.38,0,0,1) -1s,opacity 1s cubic-bezier(.38,0,0,1) 2.2s;}
.loading-view.active .loading-con .text{opacity: 1;transform: translateX(0);transition: all 1s .1s ease;}
.loading-view.active .loading-con .text span,.loading-view.active .loading-con .title{opacity: 0;transition: all .6s ease 2.5s;}

.indSer-pc{background: url('../images/index/indSer-bg-big.jpg') no-repeat center/cover;}
.indSer-pc .contain{width: 16.4rem;}
.indSer-main{padding-top: 2rem;}
.indSer-con{position: absolute;right: 0;top: 0;width: 102%;height: 100%;padding-right: 1.4rem;}
.indSer-left{width: 1.8rem;margin-right: 0.2rem;font-size: 0.2rem;border-radius: 0.12rem;}
.indSer-top{justify-content: flex-end;}
.indSer-top-item{flex-direction: column;width: 7.85rem;height: 1.6rem;background: url('../images/index/indSer-top-bg1.png') no-repeat center/100% 100%;}
.indSer-top-item:nth-child(2){width: 5rem;margin-left: 0.5rem;background-image: url('../images/index/indSer-top-bg2.png');}
.indSer-top-item .ico{height: 0.5rem;}
.indSer-top-item .ico img{max-height: 100%;}
.indSer-top-item .title{line-height: 0.9;font-size: 0.26rem;margin-top: 0.1rem;}
.indSer-top-item .title span:nth-child(2){display: block;position: absolute;left: 0;top: 100%;width: 100%;transform: rotate(180deg);background: -webkit-linear-gradient(bottom, #f9e0d4 0%, transparent 55%);-webkit-background-clip : text;-webkit-text-fill-color: transparent;}
.indSer-cycle{align-items: center;margin-top: 0.5rem;}
.indSer-cycle .indSer-left{height: 0.8rem;}
.indSer-cycle-right{flex: 1;}
.indSer-cycle-right .list{padding: 0 0.6rem;justify-content: space-between;}
.indSer-cycle-right .item{animation: serAni1 2s linear infinite alternate;width: 1.18rem;height: 1.18rem;border-radius: 50%;flex-direction: column;position: relative;}
.indSer-cycle-right .ico{width: 0.42rem;height: 0.36rem;}
.indSer-cycle-right .ico img{max-height: 100%;}
.indSer-cycle-right .title{margin-top: 0.08rem;font-size: 0.15rem;}
.indSer-cycle-right .item::after{content: "";position: absolute;left: 50%;bottom: calc(100% - 2px);transform: translateX(-50%);transform-origin:  center bottom; width: 0.25rem;height: 0.24rem;background: url('../images/index/indSer-cycle-dot.png') no-repeat center/100% auto;}
.indSer-cycle-right li:nth-child(2) .item,.indSer-cycle-right li:nth-child(4) .item{animation: serAni2 1.5s -0.5s linear infinite alternate;}
.indSer-cycle-right li:nth-child(3) .item{animation: serAni3 1.2s -1s linear infinite alternate;}
.indSer-cycle-right li:nth-child(1) .item::after{left: 80%;bottom: 87%;transform: translateX(-50%) rotate(45deg);}
.indSer-cycle-right li:nth-child(3) .item::after{left: 15%;bottom: 84%;transform: translateX(-50%) rotate(-45deg);}
.indSer-cycle-right li:nth-child(5) .item::after{left: 15%;bottom: 84%;transform: translateX(-50%) rotate(-45deg);}
.indSer-service{margin-top: 0.56rem;}
.indSer-service-right{flex: 1;}
.indSer-service-right .list{margin-left: -0.5rem;}
.indSer-service-right .list li{transition: all .6s ease; margin-left: 0.5rem;width: calc(100% / 5 - 0.5rem);display: flex;flex-direction: column;justify-content: space-around;align-items: center; background: url('../images/index/indSer-service-bg.png') no-repeat center/100% 100%;height: 1.8rem;}
.indSer-service-right .list li:hover{transform: translateY(-10px);}
.indSer-service-right .list .text{width: 95%;text-align: center;font-size: 0.17rem;line-height: 0.2rem; padding: 0 0.1rem 0.08rem;background: url('../images/index/indSer-service-bg2.png') no-repeat center bottom/100% auto;}
.indSer-train{margin-top: 0.2rem;}
.indSer-train-right{flex: 1;}
.indSer-train-right .list{transition: all .6s ease; height: 0.7rem;align-items: center;justify-content: space-around;font-size: 0.2rem;background: url('../images/index/indSer-train-bg.png') no-repeat center/100% 100%;}
.indSer-btm{margin-top: 1.1rem;justify-content: flex-end;}
.indSer-btm-right{width: 13rem;position: relative;}
.indSer-btm-right .list{padding: 0 0.5rem;justify-content: space-between;position: relative;z-index: 2;}
.indSer-btm-right .item{animation: serAni1 2s linear infinite alternate;display: flex;align-items: center;flex-direction: column;}
.indSer-btm-right .ico{height: 0.9rem;width: 0.62rem;align-items: flex-end;justify-content: center;}
.indSer-btm-right .ico img{max-height: 100%;}
.indSer-btm-right .title{font-size: 0.2rem;font-weight: 500;margin-top: 0.14rem;}
.indSer-btm-right .list li:nth-child(2) .item{animation-delay: -0.8s;}
.indSer-btm-right .list li:nth-child(3) .item{animation-delay: -0.2s;}
.indSer-btm-right .list li:nth-child(4) .item{animation-delay: -1.5s;}
.indSer-btm-right .list li:nth-child(5) .item{animation-delay: -1.2s;}
.indSer-btm-right .list li:nth-child(6) .item{animation-delay: -0.6s;}
.indSer-btm-right .list li:nth-child(7) .item{animation-delay: -1s;}
.indSer-btm-right .dot-box{padding-left: 0.5rem; position: absolute;left: 0;bottom: 68%;width: 100%;justify-content: center;display: flex;}
.indSer-btm-right .dot{width: 0.73rem;height: 0.61rem;background: url('../images/index/indSer-btm-dot.png') no-repeat center/100% auto;}
.indSer-btm-right .dot:nth-child(1){transform: rotate(30deg);}
.indSer-btm-right .dot:nth-child(2){margin-left: 2.2rem;}
.indSer-btm-right .dot:nth-child(3){transform: rotate(-30deg);margin-left: 3rem;}
@keyframes serAni1 {0%{transform: translateY(-5px);}100%{transform: translateY(5px);}}
@keyframes serAni2 {0%{transform: translateY(0px);}100%{transform: translateY(10px);}}
@keyframes serAni3 {0%{transform: translateY(5px);}100%{transform: translateY(25px);}}









/* -------------------------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){
    .indNews .comMore{transform-origin: right center;}
    .loading-con .title{width: 392px;left:48.5%;top: 44%;}
    .loading-con .text{left: 40%;top: 54%;}
    .banner-bg img{height: auto;min-height: 400px;}
    .indNav{margin-top:5px;}
    .indNav-list{padding:10px 0;overflow-x: auto;}
    .indNav-list .box{flex-wrap: nowrap;}
    .indNav-item{flex: none;flex-wrap: nowrap;white-space: nowrap;}
    .indNav-item .btn{margin-left: 14px;}
    .indPro-list ul{margin: -20px 0 0;}
    .indPro-list li{margin: 20px 0 0;width: 100%;}
    .indPro-list li:nth-child(2) .indPro-item:nth-child(2){margin-top: 20px;}
    .indPro-item .bg img{height: 210px;}
    .indPro-item .con{padding: 20px 15px 0;}
    .indPro-list li:nth-child(1) .indPro-item .bg img, .indPro-list li:nth-child(3) .indPro-item .bg img{height: 480px;}
    .indSer-pc{display: block;position: relative;}
    .indSer-pc .comTitle .title{font-size: 24px;transform: translateX(-5%);}
    .indSer-mb{display: none;}
    .indSer-pc{padding: 0 0 0 6%;height:370px;position:relative;}
    .indSer-pc .contain{transform: translate(-50%,-50%) scale(.8);transform-origin: center;position:absolute;left:55%;top:50%;}
    .indSer-main{margin-top: 44px;}
    .indSer-left{margin-right: 0.8rem;}
    .indXP-swp{margin-top: 30px;}
    .indXP-swp .swiper-slide{padding-top: 30px;}
    .indXP-img .img{height: calc(100% + 30px);}
    .indXP-img{width: 100%;}
    .indXP-con{width: 100%;padding: 20px 15px;}
    .indSol-list{position: relative;width: 100%;background: #fff;flex-direction: row;flex-wrap: nowrap;white-space: nowrap;overflow-x: auto;justify-content: flex-start;background:transparent;}
    .indSol-item{width: auto;flex-wrap: nowrap;padding: 10px 0;border-top:unset;}
    .indSol-item.active .box{box-shadow:none;}
    .indSol-item .comBtn{display: none;}
    .indSol-item .box{flex-direction: column;padding: 10px 25px;flex-wrap: nowrap;}
    .indSol-item .left{flex-wrap: nowrap;}
    .indNews-left{width: 100%;}
    .indNews-left-item{width: 100%;}
    .indNews-left-item:nth-child(2){margin-top: 20px;}
    .indNews-left-con{height: 180px;padding: 25px 15px;}
    .indNews-left-img .img img{height: 220px;}
    .indNews-right{width: 100%;}
    .indNews-right-item{height: 130px;margin-top: 20px;padding: 20px 15px;}
    .indAb-head .comTitle{padding: 0;}
    .indAb-map{top: 310px;}
    .indAb-map .map{width: 92vw;height: 92vw;}
    .indAb-num{margin-top: 4.8rem;}
    .indAb-num .text{font-size: 10px;}
    .indAb-num .num{font-size:12px;}
    .indAb-num .num span{font-size: 20px;}
    .loading-con .logo{transform-origin: 20% 50%;}
    .indSer-mb-bg img{width: 100%;}
    .indSer-mb-con{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
    .indSer-mb-con .comTitle{padding-top: 10px;}
    @keyframes serAni3 {0%{transform: translateY(-5px);}100%{transform: translateY(5px);}}
    
}