@charset "utf-8";
/* ===================首页样式========================== */
.banner-bg img{width: 100%;height: 100vh;}
.banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner-con .contain{height: 100%;flex-direction: column;justify-content: center;}
.banner-con .logo{width: max(35px,0.7rem);height: max(13px,0.25rem);background: url('../images/index/banner-logo.png') no-repeat center/100% auto;}
.banner-con .logo,.banner-con .title,.banner-con .comMore-box{opacity: 0;transform: translateY(0.4rem);transition: all 1s ease;}
.banner-con .logo{transition-delay: 1s;}
.banner-con .title{transition-delay: 1.1s;}
.banner-con .comMore-box{transition-delay: 1.2s;}
.swiper-slide-active .banner-con .logo,.swiper-slide-active .banner-con .title,.swiper-slide-active .banner-con .comMore-box{opacity: 1;transform: translateY(0);}
.swiper-slide-active.first .banner-con .logo{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-menu{position: absolute;z-index: 5;left: 0;bottom: 0;width: 100%;}
.banner-menu .contain{justify-content: space-between;align-items: flex-end;}
.banner-btn .btn{user-select: none;cursor: pointer;width: max(40px,0.6rem);height: max(40px,0.6rem);border-radius: 50%;background: rgba(255, 255, 255, .2);}
.banner-btn .btn.next{transform: rotate(180deg);}
.banner-btn .btn:nth-child(2){margin-left: 12px;}
.banner-btn .btn:hover{background: #1472b4;}
.banner-scroll{user-select: none;cursor: pointer;transition: all .4s ease;will-change: transform;}
.banner-scroll .text{will-change: transform;animation: banScroll1 10s linear infinite; width: 1.28rem;height: 1.28rem;background: url('../images/index/banScroll-text.png') no-repeat center/100% auto;}
.banner-scroll .dot{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.banner-scroll .dot i{will-change: transform;animation: banScroll2 .8s ease infinite alternate; display: block;width: max(9px,0.18rem);height: max(12px,0.24rem);background: url('../images/index/banScroll-icon.png') no-repeat center/100% auto;}
.banner-scroll:hover{transform: scale(.9);}
@keyframes banScroll1 {0%{transform: rotate(0);}100%{transform: rotate(360deg);}}
@keyframes banScroll2 {0%{transform: translateY(-4px);}100%{transform: translateY(4px);}}
.indTitle .label{align-items: center;}
.indTitle .label::after{content: "";display: block;margin-left: max(6px,0.08rem);width: max(20px,0.35rem);height: max(10px,0.14rem);background: url('../images/index/indTitle-label1.png') no-repeat center/100% auto;}
.indTitle .label.white::after{background-image: url('../images/index/indTitle-label2.png');}
.indPro-dot{position: absolute;width: 12rem;height: 12rem;top: -5rem;left: -5.8rem;}
.indPro-dot .line{width: 100%;height: 100%;border-radius: 50%;border: 1px dashed #e7e7e7;}
.indPro-dot .dot{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;animation: section2-rotate 20s linear infinite;}
.indPro-dot .dot i{display: block;position: absolute;width: max(8px,0.12rem);height: max(8px,0.12rem);top: 6rem;right: min(-4px,-0.06rem); border-radius: 50%;background: linear-gradient(to right,#1a75b6,#269dd0);}
@keyframes section2-rotate {0% {transform: rotate(-15deg);}50% {transform: rotate(93.6deg);}100% {transform: rotate(-15deg);}}
.indPro .contain{position: relative;z-index: 2;}
.indPro-flex{align-items: center;justify-content: space-between;}
.indPro-left{width: 33%;}
.indPro-left .indTitle{width: 95%;}
.indPro-nav-item{align-items: center;user-select: none;cursor: pointer;}
.indPro-nav-item .ico{width: max(38px,0.6rem);height: max(38px,0.6rem);margin-right: max(12px,0.2rem);border-radius: 50%;border: 1px solid #666;background: #fff;}
.indPro-nav-item .ico img{max-width: 60%;max-height: 50%;transition: all .4s ease;}
.indPro-nav-item .ico .h{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.indPro-nav-item .line{flex: 1;height: 1px;margin-left: 0.5rem;}
.indPro-nav-item .line i{transition: all .2s ease;width: 0;height: 100%;background: #1472b4;display: block;}
.indPro-nav-item.active .ico{border-color: #1472b4;}
.indPro-nav-item.active .ico .s{opacity: 0;}
.indPro-nav-item.active .ico .h{opacity: 1;}
.indPro-nav-item.active .title{color: #1472b4;}
.indPro-nav-item.active .line i{width: 100%;transition: all .5s ease;}
.indPro-right{width: 64%;}
.indPro-drop{position: absolute;left: 0;top: 0;width: 100%;transition: all 1s linear;opacity: 0;}
.indPro-drop:first-child{position: relative;}
.indPro-drop-img img{width: 100%;height: 6rem;transform: scale(1.2);transition: all 3s linear 1s;}
.indPro-drop-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;background: linear-gradient(to bottom,transparent 55%,rgba(0,0,0,.6) 100%);}
.indPro-drop-con{color: #fff; position: absolute;left: 0;bottom: 0;width: 100%;z-index: 5;padding: 0.5rem 0.6rem;}
.indPro-drop.active{z-index: 2;opacity: 1;}
.indPro-drop.active .indPro-drop-img img{transform: scale(1);transition-delay: 0s;}
.indNews{background: url('../images/index/indNews-bg.jpg') no-repeat center/cover;}
.indNews-head{justify-content: space-between;align-items: flex-end;}
.indNews-swp{width: calc(100% + var(--widDb) + 0.34rem);margin-left: -0.17rem;}
.indNews-swp .swiper-slide{padding: 0.17rem;}
.indNews-slide{border-radius: max(6px,0.12rem) max(6px,0.12rem) 0 0;background: #fff;box-shadow: 0px 0px 0.17rem 0px rgba(20, 114, 180, 0.15);}
.indNews-slide::after{content: "";position: absolute;right: 0;bottom: 0;width: 0;height: max(2px,0.04rem);background: #1472b4;transition: all .5s ease;}
.indNews-slide-img img{width: 100%;height: 2.6rem;}
.indNews-slide-con{padding: 0.36rem 0.3rem 0.55rem;}
.indNews-slide-con .more{align-items: center;}
.indNews-slide-con .more i{display: block;position: relative;width: 10px;height: 10px;margin-left: 10px;transition: transform .4s ease;}
.indNews-slide-con .more i::before,.indNews-slide-con .more i::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #777;width: 100%;height: 1px;transition: all .4s ease;}
.indNews-slide-con .more i::after{width: 1px;height: 100%;}
.indNews-slide:hover::after{right: auto;left: 0;width: 100%;}
.indNews-slide:hover .indNews-slide-img img{transform: scale(1.2);}
.indNews-slide:hover .indNews-slide-con .title,.indNews-slide:hover .indNews-slide-con .more{color: #1472b4;}
.indNews-slide:hover .indNews-slide-con .more i{transform: rotate(180deg);}
.indNews-slide:hover .indNews-slide-con .more i::before,.indNews-slide:hover .indNews-slide-con .more i::after{background: #1472b4;}
.indNews-menu{align-items: center;}
.indNews-menu .banner-btn .btn{background: #d0d0d0;}
.indNews-menu .banner-btn .btn:hover{background: #1472b4;color: #fff;}
.indNews-pagination.swiper-pagination-progressbar{height: max(2px,0.04rem); margin-left: 0.5rem;width: 4rem;border-radius: 10px;overflow: hidden;background: #eee;position: relative;}
.indNews-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #1472b4;border-radius: 10px;}
.indRD-item{width: 50%;}
.indRD-img .bg img{width: 100%;height: 9.3rem;transform: scale(1.1);transition: all .5s linear;}
.indRD-img .img-box{padding: 2.9rem 2.6rem 1.1rem; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #f6f6f6;transition: all .5s linear;}
.indRD-img .img{width: 100%;height: 100%;}
.indRD-img .img img{max-width: unset;position: absolute;left: -2.6rem;top: -2.9rem;width: calc(100% + 2.6rem * 2);height: calc(100% + 2.9rem + 1.1rem);}
.indRD-con{text-align: center; position: absolute;z-index: 5;left: 0;top: 0;width: 100%;height: 100%;flex-direction: column;justify-content: space-between;padding: 0.8rem 1.2rem 0.6rem;align-items: center;}
.indRD-con .banner-btn{transition: all .5s linear;opacity: 0;}
.indRD-item.active .indRD-img .bg img{transform: scale(1);}
.indRD-item.active .indRD-img .img-box{background: transparent;}
.indRD-item.active .indRD-con .desc{color: #fff;}
.indRD-item.active .indRD-con .banner-btn{opacity: 1;}
.indRD-center{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;pointer-events: none;flex-direction: column;width: 1.66rem;height: 1.66rem;background: rgba(255, 255, 255, .7);backdrop-filter: blur(10px);}
.indRD-center .dot{position: relative;height: max(10px,0.2rem);}
.indRD-center .dot i{transform: translateX(-20%);position: absolute;left: 50%;top: 0; display: block;transition: all .4s ease;width: max(10px,0.2rem);height: max(10px,0.2rem);border-radius: 50%;background: #aaa;}
.indRD-center .dot i:nth-child(1){z-index: 2;}
.indRD-center .dot i.active{background: #1472b4;transform: translateX(-80%);}
.indAb-top{position: relative;z-index: 2;}
.indAb-desc .comMore-box{position: absolute;right: 0;top: 0;}
.indAb-num{justify-content: space-between;}
.indAb-num .num{align-items: flex-end;}
.indAb-num .num span{line-height: .8;}
.indAb-num .num span.mr{display: block;margin-right: 5px;}
.indAb-btm .bg{height: 4rem;background: linear-gradient(to bottom,transparent 0%,#b7dff0 100%);}
.indAb-btm .text{position: absolute;left: 0;bottom: max(12px,0.25rem);width: 100%;font-size: 3.2rem;color: rgba(255, 255, 255, .5);line-height: .8;letter-spacing: 0.2rem;}
.indAb-btm .map{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indAb-btm .map .img{display: flex;justify-content: center;width: 100%;}
.indAb-btm .map .img img{max-width: 59%;}
.indAb-btm .map .line{position: absolute;left: 53%;top: 1rem;transform: translateX(-50%);width: 56%;display: flex;justify-content: center;}
.indAb-btm .map .line2{left: 47%;}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px){
    /* 1600 × (900) */
}
@media all and (max-width:1590px){
    /* 1440 × (700)  */
    .indAb-btm .text{letter-spacing: 0.1rem;}
}
@media all and (max-width:1430px){
    /* 1360 */
}
@media all and (max-width:1350px){
    /* 1280 */
}
@media all and (max-width:1270px){
    /* 1152 × (700) */
    .indRD-con{padding: 0.6rem 0.9rem 0.6rem;}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    /* 移动终端 360 适配 */
    .banner-bg img{height: 350px;}
    .banner-scroll{display: none;}
    .banner-btn{display: none;}
    .banner-pagination{width: 100%;}
    .banner-pagination .swiper-pagination-bullet{width: 26px;height: 2px;opacity: 1;background: #fff;margin: 0 4px;}
    .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #1472b4;}
    .indPro-left{width: 100%;}
    .indPro-nav-item{margin-top: 14px;}
    .indPro-right{width: 100%;margin-top: 20px;}
    .indPro-drop-img img{height: 250px;}
    .indPro-drop-con{padding: 15px;}
    .indNews-swp{width: calc(100% + 0.34rem);margin-top: 20px;}
    .indNews-slide-img img{height: 200px;}
    .indNews-slide-con{padding: 20px 15px;}
    .indNews-pagination.swiper-pagination-progressbar{width: 150px;}
    .indRD-item{width: 100%;}
    .indRD-img .bg img{height: 600px;}
    .indRD-con{padding: 20px 15px 20px;}
    .indRD-img .img-box{padding: 200px 75px 80px;}
    .indRD-con .banner-btn{display: block;}
    .indRD-center{width: 80px;height: 60px;display: none;}
    .indRD-img .img img{left: -75px;top: -200px;width: calc(100% + 75px * 2);height: calc(100% + 200px + 80px);}
    .indAb-desc .comMore-box{position: relative;right: auto;top: auto;margin-top: 25px;}
    .indAb-num li{width: 48%;margin-top: 20px;}
    .indAb-num .num{font-size: 12px;}
    .indAb-num .num span{font-size: 28px;}
    .indAb-num .num span.mr{margin-right: 2px;}
    .indAb-btm .bg{height: 80px;}
}
/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px){}