@charset "utf-8";
/* ===================首页样式========================== */
.indTitle{position: relative;padding-left: max(15px,0.24rem);}
.indTitle::after{content: "";position: absolute;left: 0;top: max(6px,0.08rem);width: max(5px,0.06rem);height: max(5px,0.06rem);border-radius: 50%;background: #005bac;}
.indTitle.white::after{background: #fff;}
.indCta-bg img{width: 100%;}
.indCta-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indCta-con .contain{height: 100%;flex-direction: column;justify-content: center;}
.indCta-con .text{width: 50%;}
.indCta-con .more{border-radius: 40px;width: max(170px,2.25rem);height: max(38px,0.48rem);}
.indCta-con .more i{font-size: max(12px,0.14rem);display: block;transform: rotate(135deg);margin-left: max(8px,0.12rem);}
.indCta-con .more::before,.indCta-con .more::after{background: #fff;}
.indCta-con .more:hover{color: #004cae;}
.indNews .contain{border-top: 1px solid #f0f6fb;}
.indNews-head{justify-content: space-between;align-items: flex-end;}
.indNews-btn .btn{user-select: none;cursor: pointer;width: max(40px,0.46rem);height: max(40px,0.46rem);border-radius: 50%;color: #c9cfd3;border: 1px solid #dbdfe1;}
.indNews-btn .btn.next{transform: rotate(180deg);margin-left: 10px;}
.indNews-btn .btn:hover{border-color: #005bac;background: #005bac;color: #fff;}
.banner-bg{overflow: hidden;}
.banner-bg img{width: 100%;height: calc(100vh - max(70px,0.88rem));animation: banImg 4s linear both;}
.banner-bg video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.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:1151px) {.hasVideo .banner-bg img.pc{animation: none;}.hasVideo video{display: none;}}
@keyframes banImg {0%{transform: scale(1.2);}100%{transform: scale(1);}}
.banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner-con .contain-1400{height: 100%;justify-content: space-between;align-items: center;}
.banner-con .contain-1400.right{justify-content: flex-end;}
.banner-con .contain-1400.right .desc-box{display: flex;flex-direction: column;align-items: flex-end;text-align: right;}
.banner-con .contain-1400.c5 .desc-box .list li::after{background: #555;}
.banner-con .desc-box{width: 30%;}
.banner-con .desc-box.w100{width: 100%;}
.banner-con .title{opacity: 0;transform: translateY(0.4rem);transition: all 1s ease .8s;text-transform: uppercase;line-height: 1.5;}
.banner-con .text,.banner-con .list{opacity: 0;transform: translateY(0.4rem);transition: all 1s ease .9s;font-size: max(14px,0.16rem);line-height: 1.8;}
.banner-con .list li{position: relative;padding-left: max(8px,0.14rem);margin-left: max(12px,0.2rem);}
.banner-con .list li:first-child{margin-left: 0;}
.banner-con .list li::after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: max(3px,0.06rem);height: max(3px,0.06rem);border-radius: 50%;background: #fff;}
.banner-con .img{align-items: center;opacity: 0;transform: translateY(0.4rem);transition: all 1s ease 1s;}
.banner-con .img li{margin-left: 1rem;position: relative;}
.banner-con .img li:first-child{margin-left: 0;}
.banner-con .img img{max-width: 0.8rem;max-height: 0.5rem;position: relative;z-index: 2;}
.banner-con .img li::after{animation: banLine2 8s linear infinite;content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 1.2rem;height: 1.2rem;background: url('/home/default/images/index/banner-circle.png') no-repeat center/100% auto;}
.banner-con .img li:nth-child(2)::after{animation-delay: 1s;}
.banner-con .img li:nth-child(3)::after{animation-delay: 2s;}
.banner-con .comMore-box{opacity: 0;transform: translateY(0.4rem);transition: all 1s ease 1s;}
.banner-con .pro-box{width: 4.72rem;position: relative;opacity: 0;transform: scale(.3);transition: all 1s ease .7s;}
.banner-con .pro-line img{width: 100%;animation: banLine 30s linear infinite;}
.banner-con .pro-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;flex-direction: column;}
.banner-con .pro-con img{max-width: 59%;max-height: 48%;}
@keyframes banLine {
    0%{transform: rotate(0);}
    100%{transform: rotate(360deg);}
}
@keyframes banLine2 {
    0%{transform: translate(-50%,-50%) rotate(0);}
    100%{transform: translate(-50%,-50%) rotate(360deg);}
}


.swiper-slide-active .banner-con .img,.swiper-slide-active .banner-con .pro-box,.swiper-slide-active .banner-con .title,.swiper-slide-active .banner-con .text,.swiper-slide-active .banner-con .list,.swiper-slide-active .banner-con .comMore-box{opacity: 1;transform: none;}
.swiper-slide-active.first .banner-con .title{transition-delay: 0s;}
.swiper-slide-active.first .banner-con .text,.swiper-slide-active.first .banner-con .list{transition-delay: 0.1s;}
.swiper-slide-active.first .banner-con .comMore-box,.swiper-slide-active.first .banner-con .img{transition-delay: 0.2s;}
.swiper-slide-active.first .banner-con .pro-box{transition-delay: 0s;}
.banner-btn{z-index: 2;user-select: none;cursor: pointer;position: absolute;left: 0.3rem;top: 50%;transform: translateY(-50%);width: max(44px,0.58rem);height: max(44px,0.58rem);border-radius: 50%;}
.banner-btn i{position: relative;z-index: 2;display: block;}
.banner-btn svg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner-btn.next{left: auto;right: max(50px,1rem);transform: translateY(-50%) rotateY(180deg);}
.banner-btn .circle1{stroke: rgba(255, 255, 255, .5);stroke-width: 1.5;fill: none;}
.banner-btn .circle2{transition: all .4s ease; stroke-dashoffset: 100;stroke-dasharray: 100; stroke: #fff;stroke-width: 1.5;stroke-linecap: round;fill: none;transform: rotate(-90deg) scale(1,-1);transform-origin: center;}
.banner-btn:hover .circle2{stroke: #e70012;}
.banner-btn.active .circle2{animation: svgAni 5.2s linear both;}
.banner-btn.active.first .circle2{animation-duration: 4.2s;}
.banner-pagination{user-select: none;position: absolute;left: 0;bottom: 0.6rem;width: 100%;z-index: 2;}
.banner-pagination .swiper-pagination-bullet{opacity: 1;border-radius: 10px;background: #868a93;margin: 0 5px;width: max(25px,0.5rem);height: max(2px,0.05rem);transition: all .4s ease;}
.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #e70012;}
@keyframes svgAni {0%{stroke-dashoffset: 100;}100%{stroke-dashoffset: 0;}}
.indPro-head{justify-content: space-between;align-items: center;border-top: 1px solid #f0f6fb;width: 12rem;margin: 0 auto;}
.indPro-form input{width: max(250px,4.3rem);height: max(48px,0.58rem);padding-right: 20px;border-bottom: 1px solid #f0f6fb;}
.indPro-form input::-webkit-input-placeholder{color: #c5c9cc;}
.indPro-form input:focus{border-color: #555;}
.indPro-form .btn{user-select: none;cursor: pointer;position: absolute;right: 0;top: 0;height: 100%;}
.indPro-form .btn:hover{color: #005bac;}
.indPro-con{border: 1px solid #eff1f3;}
.indPro-bg img{width: 100%;}
.indPro-link{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
/* .indPro-list{padding: 0 0.5rem;} */
.indPro-item{width: calc(100% / 6);flex-direction: column;justify-content: flex-start;padding: 0.35rem 0;}
.indPro-item .ico{height: max(32px,0.45rem);}
.indPro-item .ico img{max-height: 100%;transition: all .4s ease;}
.indPro-item .ico .h{position: absolute;left: 0;top: 50%;transform: translate(0,-50%);opacity: 0;}
.indPro-item .title{color: #909396;}
.indPro-item:hover .ico .s{opacity: 0;}
.indPro-item:hover .ico .h{opacity: 1;}
.indPro-item:hover .title{color: #005bac;}
.indPro-link-item{position: absolute;}
.indPro-link-item .ico{transition: all .4s ease; color: #fff; z-index: 3;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 50%;width: max(12px,0.25rem);height: max(12px,0.25rem);font-size: max(4px,0.09rem);}
.indPro-link-item .dot{z-index: 1;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: max(12px,0.25rem);height: max(12px,0.25rem);}
.indPro-link-item .dot::before,.indPro-link-item .dot::after{content: "";background: rgba(255, 255, 255, .6);animation: dotAni 2s linear infinite; position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;}
.indPro-link-item .dot::after{animation-delay: -1s;}
.indPro-link-item .title{white-space: nowrap; pointer-events: none; padding: max(8px,0.11rem) max(12px,0.18rem) max(8px,0.12rem) max(24px,0.38rem); z-index: 2;position: absolute;left: min(-10px,-0.19rem);top: 50%;transform: translateY(-50%);}
.indPro-link-item .title span{position: relative;z-index: 2;opacity: 0;transition: all .4s ease;}
.indPro-link-item .title::after{opacity: 0; content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;border-radius: 40px;background: #fff;transition: all .4s ease;}
@keyframes dotAni {0%{opacity: 0;transform: scale(1);}50%{opacity: 1;transform: scale(1.6);}100%{opacity: 0;transform: scale(2.2);}}
.indPro-link-item:hover .ico{transform: translate(-50%,-50%) rotate(180deg);}
.indPro-link-item:hover .title{pointer-events: all;}
.indPro-link-item:hover .title span{opacity: 1;transition-delay: .1s;}
.indPro-link-item:hover .title::after{width: 100%;opacity: 1;}
.indPro-link-item:nth-child(1){left: 6%;top: 35%;}
.indPro-link-item:nth-child(2){left: 19%;top: 14%;}
.indPro-link-item:nth-child(3){left: 18%;top: 54%;}
.indPro-link-item:nth-child(4){left: 34%;top: 36%;}
.indPro-link-item:nth-child(5){left: 50%;top: 20%;}
.indPro-link-item:nth-child(6){left: 50%;top: 64%;}
.indPro-link-item:nth-child(7){left: 60%;top: 47%;}
.indPro-link-item:nth-child(8){left: 68.5%;top: 31%;}
.indPro-link-item:nth-child(9){left: 81%;top: 20%;}
.indPro-link-item:nth-child(10){left: 81%;top: 58%;}
.indPro-link-item:nth-child(11){left: 92.5%;top: 56%;}
.indApp{background: linear-gradient(to bottom,#fff,#f1f5fe);}
.indApp-head{justify-content: space-between;align-items: flex-end;width: 12rem;border-top: 1px solid #f0f6fb;margin: 0 auto;}
.indApp-menu{align-items: center;}
.indApp-page{align-items: flex-end;}
.indApp-page .line{margin: 0 max(4px,0.08rem);}
.indApp-page .end{line-height: 1.1;}
.indApp-btn .btn{z-index: 2;position: absolute;left: 0;top: 2.65rem;transform: translate(-50%,-50%);user-select: none;cursor: pointer;font-size: max(12px,0.14rem);box-shadow: 0 0 15px rgba(0, 0, 0, .1); color: #999;background: #fff; border-radius: 50%;width: max(40px,0.56rem);height: max(40px,0.56rem);}
.indApp-btn .btn.next{left: auto; right: 0;transform: translate(50%,-50%) rotate(180deg);}
.indApp-btn .btn:hover{background: #e70012;color: #fff;}
.indApp-swp .swiper-container{overflow: visible;}
.indApp-slide{padding-bottom: 1rem;}
.indApp-show-bg img{width: 100%;height: max(350px,5.3rem);}
.indApp-show-con{padding: 0 0.75rem 0.55rem 0.75rem; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);flex-direction: column;justify-content: center;}
.indApp-show-con::after{content: ""; position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;background: rgba(255, 255, 255, .6);transition: all .6s ease;}
.indApp-show-con .text{width: max(350px,5rem);color: rgba(255, 255, 255, .8);}
.indApp-show-con .ico{width: max(40px,0.64rem);height: max(40px,0.64rem);border-radius: 50%;background: #e70012;position: absolute;right: 0.75rem;top: 0.4rem;}
.indApp-show-con .ico img{max-width: 50%;max-height: 50%;}
.indApp-show-con .tips{position: absolute;right: 0.75rem;bottom: 1rem;}
.indApp-pro{transition: all 1s ease; z-index: 10; opacity: 0; position: absolute;left: 50%;bottom: 0;width: calc(100% - 1.5rem);background: #fff;transform: translate(-50%,50%);box-shadow: 0px max(6px,0.12rem) max(20px,0.4rem) max(5px,0.1rem) rgba(8, 96, 174, 0.03);}
.indApp-pro-item{flex: 1;flex-direction: column;justify-content: flex-start;padding: 0.32rem 0.05rem;border-left: 1px solid #ebf0f6;}
.indApp-pro-item:first-child{border: unset;}
.indApp-pro-item::after{opacity: 0;transition: all .5s ease; content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: max(8px,0.2rem);background: url('../images/index/indApp-item-bg.jpg') no-repeat center/cover;}
.indApp-pro-item>div{position: relative;z-index: 2;}
.indApp-pro-item .img{height: max(38px,0.57rem);}
.indApp-pro-item .img img{max-height: 100%;}
.indApp-pro-item:hover::after{opacity: 1;}
.indApp-pro-item:hover .title{color: #fff;}
.swiper-slide-active .indApp-show-con::after{opacity: 0;pointer-events: none;}
.swiper-slide-active .indApp-pro{opacity: 1;transform: translate(-50%,0);transition-delay: .6s;}
.indData{background: linear-gradient(to bottom,#f1f5fe,#fff);}
.indData-head{justify-content: space-between;align-items: flex-end;border-top: 1px solid #e9f1f7;}
.indData .indTitle .more{align-items: center;}
.indData .indTitle .more i{transform: rotate(45deg);display: block;margin-left: max(8px,0.12rem);}
.indData .indTitle .more:hover span{text-decoration: underline;}
.indData-list{margin-left: -0.2rem;}
.indData-column{margin-left: 0.2rem;width: calc(100% / 3 - 0.2rem);}
.indData-item{background: #fff;}
.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: #fff;}
.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,.indData-column:nth-child(2) .img video{max-width: 86%;}
.indData-logo li{flex: 1;height: max(38px,0.56rem);}
.indData-logo img{max-height: 100%;}
.indYS-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .6);}
.indYS-bg .item{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition: all 1s linear;}
.indYS-bg .item img{width: 100%;height: 100%;transform: scale(1);transition: all 2s linear 1s;}
.indYS-bg .item.active{opacity: 1;z-index: 2;}
.indYS-bg .item.active img{transform: scale(1);transition-delay: 0s;}
.indYS-con{position: relative;z-index: 3;}
.indYS-flex{justify-content: space-between;align-items: flex-start;}
.indYS-title .title{font-size: 0.8rem;letter-spacing: 0.3rem;}
.indYS-desc .text{width: 90%;}
.indYS-item{padding: 0.2rem 0.3rem;height: max(160px,2rem);background: #fff;backdrop-filter: blur(10px);flex-direction: column;justify-content: space-between;user-select: none;cursor: pointer;}
.indYS-item .top{justify-content: space-between;align-items: flex-start;}
.indYS-item .page{color: #adafb0;}
.indYS-item .ico{width: max(26px,0.46rem);height: max(26px,0.46rem);}
.indYS-item .ico img{max-height: 100%;transition: all .6s ease;}
.indYS-item .ico .h{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.indYS-item .text{position: relative;padding-left: 0;}
/* .indYS-item .text::after{content: "";width: max(3px,0.06rem);height: max(10px,0.2rem);background: #005bac;transition: all .6s ease;position: absolute;left: 0;top: max(3px,0.04rem);} */
.indYS-right li .indYS-item{background: rgba(255, 255, 255,.15);}
.indYS-right li .page,.indYS-right li .text{color: #fff;}
.indYS-right li .ico .s{opacity: 0;}
.indYS-right li .ico .h{opacity: 1;}
.indYS-right li .text::after{background: #fff;}

.indYS-right li.active .indYS-item{background: #fff;}
.indYS-right li.active .page{color: #adafb0;}
.indYS-right li.active .text{color: #363b3f;}
.indYS-right li.active .ico .s{opacity: 1;}
.indYS-right li.active .ico .h{opacity: 0;}
.indYS-right li.active .text::after{background: #005bac;}

.abFac-page{position: absolute;z-index: 6;left: 0.5rem;top: 0.4rem;transition: all .4s ease;transform: translateX(-0.08rem);background: #033766;font-size: max(18px,0.38rem); width: max(40px,0.8rem);height: max(40px,0.8rem);border-radius: 50%; display: flex;align-items: center;justify-content: center;}
.indYS .abFac-con{transform: translateY(calc(100% - 0.5rem));width: 6.8rem;opacity: 0;transition: all 1s ease;}
.indYS .abFac-item.active{flex: 4.2;}
.indYS .abFac-con .title{white-space: inherit;}
.indYS .abFac-con .text{width: 100%;}
.indYS .abFac-item.active .abFac-page{transform: none;}
.indYS .abFac-item.active .abFac-con{opacity: 1;}
.indYS .abFac-img::before{display: none;}
.indYS .abFac-img::after{background: linear-gradient(to bottom,transparent 50%,rgba(0,91,172,.8) 100%);}

/* -------------------------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: 550px;}
    .banner-btn{display: none;}
    .banner-con .contain-1400{flex-direction: column-reverse;justify-content: center;align-items: flex-start;}
    .banner-con .contain-1400.right{justify-content: center;}
    .banner-con .contain-1400.right .desc-box{align-items: flex-start;text-align: left;}
    .banner-con .img img{max-width: 40px;max-height: 25px;}
    .banner-con .pro-box{width: 200px;margin: 0 auto 20px;}
    .banner-con .desc-box{width: 100%;}
    .banner-con .text,.banner-con .list{line-height: 1.4;}
    .indPro-head,.indApp-head,.indData-head,.indNews-head{width: 100%;}
    .indPro-form{width: 100%;margin-top: 10px;}
    .indPro-form input{width: 100%;}
    .indCta-bg img{height: 250px;object-position: left center;}
    .indCta-con .text{width: 100%;}
    .indPro-list{padding: 10px 0;}
    .indPro-item{width: calc(100% / 3);padding: 15px 10px;}
    .indPro-item .title{font-size: 12px;}
    .indApp-btn{display: none;}
    .indApp-slide{padding-bottom: 100px;}
    .indApp-pro-item{flex: unset;width: calc(100% / 3);}
    .indApp-show-con{padding: 0 15px 100px;}
    .indApp-pro{width: calc(100% - 30px);}
    .indApp-pro-item{padding: 15px 10px;}
    .indApp-pro-item .title{font-size: 12px;}
    .indApp-show-con .text{width: 100%;}
    .indApp-show-con .ico{right: 15px;}
    .indApp-show-con .tips{bottom: 110px;right: 15px;}
    .indData-desc{width: 100%;margin-top: 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;}
    .indYS-title .title{font-size: 30px;letter-spacing: 5px;margin-top: 10px;}
    .indYS-desc .text{width: 100%;}
    .indYS-left{width: 100%;}
    .indYS-right{width: 100%;margin-top: 30px;}
    .indYS-right .uli.ml24.uli5 li {width: calc(100%/2 - max(10px,0.24rem));}
    .indYS-item{height: 140px;padding: 15px 10px;}
    .indYS-item .text{font-size: 12px;line-height: 1.3;}
    .indYS-right li:nth-child(2n){transform: none;}
    .indNews-btn{display: none;}
    .indData .indTitle .text{width: 100%;}


    .indYS .abFac-con{opacity: 1;transform: none;width: 100%;}
    .abFac-page{font-size: 20px;transform: none;width: 40px;height: 40px;}
    .indYS .abFac-img::after {background: linear-gradient(to bottom,transparent 30%,rgba(0,91,172,1) 100%);}
    
}