@charset "utf-8";
/* ===================首页样式========================== */
.banner{background: #0e0f0f;}
.banner-mix{width: 100%;position: relative;}
.banner-one-img{width: 100%;overflow: hidden;opacity: 0;}
.banner-one-img.show{opacity: 1;}
.banner-one-img img{width: 100%;object-fit: cover;}
.banner-one-img img.pc{height: 100vh;}
.banner-one-img img.mb{min-height: 600px;}
.banner-cont{position: absolute;width: 100%;color: #fff;height: 100%;top: 0;left: 0;z-index: 2;pointer-events: none;display: flex;align-items: center;justify-content: center;}
.banner-cont{width: 100%;text-align: center;}
.banner-cont-wrap{width: 100%;text-align: left;}
.banner-cont .image{width: 3.43rem;}
.banner-cont-one .banner-cont-dot{width: 5.5rem;}
.banner-cont-one .banner-cont-dot img{width: 100%;visibility: hidden;}
.banner-dot{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.banner-dot #cartoonDot-text{width: 100% !important;height: 100% !important;}
.banner-mix-one .banner-img{opacity: 0;}
.banner-shade{display: none;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url('../images/index/bannerOne.png') no-repeat center/cover;z-index: 2;pointer-events: none;}
/* -- */
.banner-cont-one .contain{display: flex;flex-wrap: wrap;align-items: center;position: relative;justify-content: space-between;padding: 0 0.8rem 0 2.3rem;align-items: center;}
.banner-cont-one .banner-cont-wrap{width: auto;pointer-events: auto;}
.banner-one-bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;pointer-events: none;}
.banner-one-bg img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
/* 效果 */
.banner-cont .image, .banner-cont .title, .banner-cont .text,.banner-cont .comMore-box{opacity: 0;}
.swiper-slide-active .banner-cont .image{animation: bannerDown 1s ease both .4s;}
.swiper-slide-active .banner-cont .title{animation: bannerUp 1s ease both .5s;}
.swiper-slide-active .banner-cont .text,.swiper-slide-active .banner-cont .comMore-box{animation: bannerUp 1s ease both .5s;}
.oneSlide .banner-cont .image{animation: bannerDown 1s ease both .4s;}
.oneSlide .banner-cont .title{animation: bannerUp 1s ease both .5s;}
.oneSlide .banner-cont .text{animation: bannerUp 1s ease both .5s;}
@keyframes bannerDown{0%{opacity: 0;transform: translateY(-100px);filter: blur(10px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
@keyframes bannerUp{0%{opacity: 0;transform: translateY(100px);filter: blur(10px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}





.banner{position: fixed;left: 0;top: 0;width: 100%;}
.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;z-index: 2;}
@media all and (max-width:1100px) {.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: 4;}
.banner-con .contain{height: 100%;flex-direction: column;justify-content: center;}
.banner-con .label{transition: all 1s .5s ease;opacity: 0;transform: translateY(max(40px,1rem));}
.banner-con .title{transition: all 1s .6s ease;opacity: 0;transform: translateY(max(40px,1rem));}
.banner-con .comMore-box{transition: all 1s .7s ease;opacity: 0;transform: translateY(max(40px,1rem));}
.swiper-slide-active .banner-con .label,.swiper-slide-active .banner-con .title,.swiper-slide-active .banner-con .comMore-box{opacity: 1;transform: translateY(0);}
.swiper-slide-active.first .banner-con .label{transition-delay: 0s;}
.swiper-slide-active.first .banner-con .title{transition-delay: .1s;}
.swiper-slide-active.first .banner-con .comMore-box{transition-delay: .2s;}
.banner-pagination{position: absolute;left: 0;bottom: max(25px,0.4rem);width: 100%;z-index: 10;user-select: none;}
.banner-pagination .swiper-pagination-bullet{width: max(14px,0.24rem);height: max(14px,0.24rem);opacity: 1;position: relative;background: transparent;margin: 0 max(4px,0.08rem);}
.banner-pagination .swiper-pagination-bullet::before{content: "";transition: all .4s ease; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: max(5px,0.08rem);height: max(5px,0.08rem);border-radius: 50%;background: rgba(255, 255, 255, .25);}
.banner-pagination .swiper-pagination-bullet::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #fff;border-radius: 50%;transform: scale(.3);opacity: 0;transition: all .4s ease;}
.banner-pagination .swiper-pagination-bullet-active::before{background: #fff;}
.banner-pagination .swiper-pagination-bullet-active::after{opacity: 1;transform: scale(1);}
.indGroup{position: relative;z-index: 10;background: #fff;margin-top: 100vh;}
.indPro{background: url('../images/index/indPro-bg.jpg') no-repeat center/cover;}
.indPro-desc{transform: translateY(-200px);opacity: 0;transition: all .8s ease;}
.indPro-img{height: max(200px,5.6rem);align-items: flex-start;padding-top: 20px;}
.indPro-img img{max-width: 78%;max-height: 80%;opacity: 0;transform: scale(3);transition: all .8s ease;}
.indPro-gallery .swiper-slide{overflow: hidden;}
.swiper-slide-active .indPro-desc,.swiper-slide-active .indPro-img img{opacity: 1;transform: none;}
.indPro-btn{position: absolute;left: 0;z-index: 2;bottom: max(110px,3.3rem);user-select: none;cursor: pointer;width: max(30px,0.6rem);height: max(30px,0.6rem);border-radius: 50%;border: 1px solid #d1d6dc;color: #d1d6dc; font-size: max(12px,0.14rem);}
.indPro-btn.thumbs-next{left: auto;right: 0;transform: rotate(180deg);}
.indPro-btn:hover{border-color: #005ba8;color: #005ba8;}
.indPro-thumbs{position: relative;}
.indPro-thumbs::after{content: "";position: absolute;left: 50%;bottom: max(4px,0.06rem);width: 100vw;transform: translateX(-50%);height: 1px;background: #c7ccd1;}
.indPro-thumbs-year{flex-direction: column;color: #b1b6bb;position: relative;z-index: 2;transition: all .4s ease;}
.indPro-thumbs-year i{display: block;margin-top: max(8px,0.11rem);position: relative;width: max(10px,0.12rem);height: max(10px,0.12rem);border-radius: 50%;border: 1px solid transparent;transition: all .4s ease;}
.indPro-thumbs-year i::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: max(4px,0.05rem);height: max(4px,0.05rem);border-radius: 50%;background: #c7ccd1;transition: all .4s ease;}
.indPro-thumbs-year.active{color: #005ba8;}
.indPro-thumbs-year.active i{border-color: #005ba8;}
.indPro-thumbs-year.active i::after{background: #005ba8;}
.indSol .contain{padding: 0 0.6rem;}
.indSol-swp-box{justify-content: center;}
.indSol-swp{width: 55%;}
.indSol-swp .swiper-container{overflow: visible;}
.indSol-slide{overflow: hidden;}
.indSol-img{transform: scale(0.44);transition: all .4s ease;}
.indSol-img::after{content: "";transition: all .4s ease;opacity: 0; position: absolute;left: 0;top: 99%;width: 100%;height: 0.45rem;background: url('../images/index/indSol-shaow.png') no-repeat center top/100% auto;}
.indSol-img .img{overflow: hidden;position: relative;z-index: 2;}
.indSol-img .img img{width: 100%;height: 4.7rem;transition: all .6s ease;}
.indSol-img .img::after,.indSol-img .img::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(24, 26, 28, .25);}
.indSol-img .img::before{z-index: 2;background: rgba(255, 255, 255, .5);transition: all .4s ease;}
.indSol-img .btn{z-index: 10; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);width: max(40px,0.48rem);transition: all .4s ease;opacity: 0;}
.indSol-desc{opacity: 0;transition: all .4s ease;}
.indSol-desc .text{width: 410px;margin: 10px auto 0;max-width: 100%;}
.swiper-slide-active .indSol-img{transform: scale(1);}
.swiper-slide-active .indSol-img::after{opacity: 1;}
.swiper-slide-active .indSol-img .img::before{opacity: 0;}
.swiper-slide-active .indSol-desc{opacity: 1;}
.indSol-slide:hover .indSol-img .img img{transform: scale(1.1);}
.indSol-slide:hover .indSol-img .btn{opacity: 1;transform: translate(-50%,-50%) scale(1);}
.indSol-swp-box::after{content: "";position: absolute;left: 50%;top: 2.35rem;transform: translateX(-50%);width: 100vw;height: 1px;background: #e3e5e8;}
.indSol-swp{position: relative;z-index: 2;}
.indSol-btn{z-index: 10; position: absolute;left: 0;top: 2rem; width: max(30px,0.6rem);height: max(30px,0.6rem);border-radius: 50%;border: 1px solid #e3e5e8;color: #e3e5e8; background: #fff;font-size: max(10px,0.14rem);user-select: none;cursor: pointer;}
.indSol-btn.next{left: auto;right: 0;transform: rotate(180deg);}
.indSol-btn.next:hover{border-color: #005ba8;color: #005ba8;}
.indSol-page{align-items: flex-end;position: absolute;z-index: 10;right: 25px;top: 4.2rem;}
.indSol-page .start{line-height: .8;}
.indSol-page .line{margin: 0 5px;}
.indAb{height: 200vh;}
.indAb-sticky{width: 100%;position: sticky;top: max(70px,0.84rem);overflow: hidden;}
.indAb-marsk{position: absolute;left: 0;top: -1px;width: 100%;height: 100%;z-index: 4;transition: all .6s ease;}
.indAb-marsk .bg,.indAb-marsk .bg img{width: 100%;height: 100%;}
.indAb-marsk .text{position: absolute;left: 0;top: 80%;width: 100%;transition: all .4s ease;}
.indAb-bg img{width: 100%;height: calc(100vh - 68px);}
.indAb-bg::after{opacity: 0; content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .7);transition: all 1s ease;}
.indAb-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.indAb-con .contain{height: 100%;flex-direction: column;justify-content: center;}
.indAb-con .comTitle .text{width: 54%;margin: max(10px,0.3rem) auto 0;}
.indAb-num{justify-content: center;}
.indAb-num li{margin-left: max(50px,1.9rem);}
.indAb-num li:first-child{margin-left: 0;}
.indAb-num .num{align-items: flex-end;}
.indAb-num .num span{line-height: .8;}
.indAb-num .num span:last-of-type{display: block;margin-right: 8px;}
.indAb-num .text{padding: 14px 0 0 max(12px,0.25rem);}
.indAb-con .comTitle{opacity: 0;transform: translateY(max(30px,0.8rem));transition: all 1.2s 1.9s ease;}
.indAb-num li{opacity: 0;transform: translateY(max(30px,0.8rem));}
.indAb-num li:nth-child(1){transition: all 1s 2.2s ease;}
.indAb-num li:nth-child(2){transition: all 1s 2.3s ease;}
.indAb-num li:nth-child(3){transition: all 1s 2.4s ease;}
.indAb-con .comMore-box{opacity: 0;transform: translateY(max(30px,0.8rem));transition: all 1s 2.5s ease;}
.indAb.active .indAb-marsk .text{opacity: 0;transform: translateY(max(40px,1rem));}

.indAb.active .indAb-marsk .bg{opacity: 0;transition: all 1.5s .4s ease;transform: scale(3);}
.indAb.active .indAb-marsk{pointer-events: none;}

.indAb.active .indAb-bg::after{opacity: 1;}
.indAb.active .indAb-con .comTitle,.indAb.active .indAb-num li,.indAb.active .indAb-con .comMore-box{opacity: 1;transform: translateY(0);}
.indCase-swp{margin-top: 8px;}
.indCase-swp:nth-child(2){transform: rotate(180deg);}
.indCase-swp:nth-child(2) .swiper-slide{transform: rotate(-180deg);}
.indCase-swp .swiper-wrapper {transition-timing-function: linear;}
.indCase-show-bg img{width: 100%;height: 11vw;transition: all .6s ease;}
.indCase-show-bg::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,transparent 50%,rgba(0,0,0,1) 100%);}
.indCase-show-con{position: absolute;left: 0;bottom: 0;width: 100%;padding: max(8px,0.14rem) max(8px,0.18rem);transition: all .4s ease;}
.indCase-hide{position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;transition: all .5s ease;opacity: 0;transform: scale(.5);}
.indCase-hide-bg{height: 100%;}
.indCase-hide-bg img{width: 100%;height: 100%;}
.indCase-hide-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: max(12px,0.28rem) max(10px,0.24rem);}
.indCase-hide-con .more{align-items: center;}
.indCase-hide-con .more i{display: block;transform: rotate(180deg);margin-left: 8px;font-size: 10px;}
.indCase-slide:hover .indCase-show-con{opacity: 0;transform: translateY(100%);}
.indCase-slide:hover .indCase-show-bg img{transform: scale(1.2);}
.indCase-slide:hover .indCase-hide{opacity: 1;transform: scale(1);}
.indHZ .comTitle{position: absolute;left: 0;top: 0;width: 100%;z-index: 5;}
.indHZ .contain{padding: 0.7rem 1.25rem 0;}
.indHZ-bg{height: 47.4vw;overflow: hidden;}
.indHZ-bg img{width: 100%;}
.indHZ-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indHZ-logo{position: absolute;left: 50%;top: 44%;transform: translateX(-50%);width: 17.5%;z-index: 5;overflow: hidden;border-radius: 50%;}
.indHZ-logo img{width: 100%;transition: all .6s ease;}
.indHZ-logo::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;background: #005ba8;opacity: 0;transition: all .4s ease;}
.indHZ-logo::before{z-index: 3; content: "携手安快";transform: translateY(-0.4rem); opacity: 0;font-size: 0.28rem;color: #fff; position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;transition: all .4s ease;}
.indHZ-logo:hover::after{opacity: 1;}
.indHZ-logo:hover::before{opacity: 1;transform: none;transition: all .6s ease;}
.indHZ-list{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indHZ-list .item{position: absolute;display: block;}
.indHZ-list .item::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 0.96rem;height: 0.96rem;}
.indHZ-list .item-con{transition: all .4s ease; width: 0.96rem;height: 0.96rem;position: relative; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 50%;}
.indHZ-list .img{overflow: hidden; transition: all .6s ease; width: 100%;height: 100%; border-radius: 50%;background: #fff;display: flex;align-items: center;justify-content: center;box-shadow: 0px 10px 30px 0px rgba(9, 18, 26, 0.08);}
.indHZ-list .img:nth-child(2){position: absolute;left: 0;top: 0;transform: rotateY(180deg);backface-visibility: hidden;}
.indHZ-list .img img{max-width: 70%;max-height: 60%;}
.indHZ-list .item:hover .img:nth-child(1){transform:rotateY(180deg);}
.indHZ-list .item:hover .img:nth-child(2){transform:rotateY(0);}
.indHZ-list .item:nth-child(1){left: 4%;top: 42%;}
.indHZ-list .item:nth-child(2){left: 4%;top: 70%;}
.indHZ-list .item:nth-child(3){left: 25%;top: 30%;}
.indHZ-list .item:nth-child(4){left: 18%;top: 56%;}
.indHZ-list .item:nth-child(5){left: 23%;top: 82%;}
.indHZ-list .item:nth-child(6){left: 36%;top: 44%;}
.indHZ-list .item:nth-child(7){left: 34%;top: 67%;}
.indHZ-list .item:nth-child(8){right: 36%;top: 44%;}
.indHZ-list .item:nth-child(9){right: 34%;top: 67%;}
.indHZ-list .item:nth-child(10){right: 25%;top: 30%;}
.indHZ-list .item:nth-child(11){right: 18%;top: 56%;}
.indHZ-list .item:nth-child(12){right: 23%;top: 82%;}
.indHZ-list .item:nth-child(13){right: 4%;top: 42%;}
.indHZ-list .item:nth-child(14){right: 4%;top: 70%;}
.indNews-nav-list{border-bottom: 1px solid #e3e5e8;}
.indNews-nav-list .item{padding:0 6px 8px;user-select: none;cursor: pointer;margin-left: 0.48rem;}
.indNews-nav-list .item:first-child{margin-left: 0;}
.indNews-nav-list .item::after{content: "";position: absolute;left: 50%;bottom: -1px;transform: translateX(-50%);width: 0;height: 1px;background: #005ba8;transition: all .4s ease;}
.indNews-nav-list .item:hover,.indNews-nav-list .item.active{color: #005ba8;}
.indNews-nav-list .item.active::after{width: 100%;}
.indNews-swp{display: none;}
.indNews-swp:first-child{display: block;}
.indNews-img img{width: 100%;height: 14.6vw;}
.indNews-con .more{align-items: center;}
.indNews-con .more i{display: block;font-size: 8px;margin-left: max(8px,0.1rem);transform: rotate(45deg);}
.indNews-item:hover .indNews-img img{transform: scale(1.08);}
.indNews-item:hover .indNews-con .text{color: #005ba8;}

.indNews-pagination{user-select: none;}
.indNews-pagination .swiper-pagination-bullet{width: 8px;height: 8px;opacity: 1;margin: 0 max(4px,0.15rem);background: #c7ccd1;}
.indNews-pagination .swiper-pagination-bullet-active{background: #005ba8;}


/* -------------------------2k端--------------------------- */
@media all and (min-width:2000px) and (max-width:3000px) {
    /* 1920设计稿 2560分辨率【所有宽度 × (2560÷1920 ≈ 1.5)】【电脑缩放1920÷2560 = 75%】 */

}

/* -------------------------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) */
    .indAb-con .comTitle .text{width: 60%;}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
    .banner{top: 60px;}
    .banner-cont-one .contain{padding: 80px 0 0;justify-content: center;}
    .banner-cont-one .banner-cont-dot{width: 250px;}
    .banner-cont-one .banner-cont-wrap{position: absolute;z-index: 2;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;text-align: center;}
    .banner-cont .image{width: 230px;}
    .banner-cont .title{margin-top: 20px;}
    .indPro-btn{display: none;}
    .banner-one-img img.pc,.banner-img img{height: calc(100vh - 60px);}
    .indPro-img{align-items: center;padding-top: 0;}
    .indPro-thumbs-year{font-size: 11px;}
    .indSol-btn{display: none;}
    .indSol-swp{width: 100%;}
    .indSol-img .img img{height: 175px;}
    .indSol-page{right: 15px;top: 140px;}
    .indSol-page .start{line-height: inherit;}
    .indSol .contain{padding: 0;}
    .indSol-desc .text{width: 100%;padding: 0 20px;}
    .indAb-marsk{display: none;}
    .indAb{height: auto;}
    .indAb-sticky{position: relative;top: auto;left: auto;}
    .indAb-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
    .indAb-bg::after{opacity: 1;}
    .indAb-bg img{height: 100%;}
    .indAb-con{position: relative;z-index: 5;padding: 40px 0;}
    .indAb-con .comTitle{opacity: 1;transform: none;}
    .indAb-con .comTitle .text{width: 100%;}
    .indAb-num{justify-content: space-between;}
    .indAb-num li{opacity: 1;transform: none;margin-left: 0;}
    .indAb-con .comMore-box{opacity: 1;transform: none;}
    .indAb-num .text{padding: 12px 0 0 0;}
    .indCase-show-bg img{height: 115px;}
    .indCase-show-con{padding: 10px;}
    .indHZ .comTitle{padding-top: 20px;}
    .indNews-list{margin:-10px 0 0;}
    .indNews-img img{height: 195px;}
    .indNews-nav{margin-top: 25px;}
    .indNews-nav-list .item{padding: 0 4px 4px;font-size: 12px;}
    .indNews-swp-box{margin-top: 16px;}
    .indHZ-bg{height: 9.1rem;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    /* 移动终端 360 适配 */
}