@charset "utf-8";
/* ===================首页样式========================== */
.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:1151px) {.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: 5;}
.banner-con .contain-1600{height: 100%;flex-direction: column;justify-content: flex-end;padding-bottom: 1.4rem;}
.banner-con .logo,.banner-con .title{opacity: 0;transform: translateY(0.4rem);}
.banner-con .logo{transition: all 1s ease .7s;width: 3.5rem;}
.banner-con .title{transition: all 1s ease .8s;}
.swiper-slide-active .banner-con .logo,.swiper-slide-active .banner-con .title{opacity: 1;transform: translateY(0);}
.swiper-slide-active.first .banner-con .logo{transition-delay: 0s;}
.swiper-slide-active.first .banner-con .title{transition-delay: 0.1s;}
.banner-menu{z-index: 2;position: absolute;left: 0;bottom: 0.5rem;width: 100%;}
.banner-menu-item{user-select: none;cursor: pointer;}
.banner-menu-item .line{width: 1rem;height: 1px;transition: all .4s ease;background: rgba(255, 255, 255, .3);position: relative;}
.banner-menu-item .line::after{content: "";position: absolute;right: 0;bottom: 0;width: 1px;height: max(3px,0.06rem);background: rgba(255, 255, 255, .3);transition: all .4s ease;}
.banner-menu-item .line::before{content: "";position: absolute;left: -1px;bottom: 0;width: 1px;height: max(3px,0.06rem);background: rgba(255, 255, 255, .3);transition: all .4s ease;}
.banner-menu-item:first-child .line::before{left: 0;}
.banner-menu-item .page{display: inline-block; color: rgba(255, 255, 255, .3);margin-top: max(4px,0.08rem);transform: translateX(-50%);transition: all .4s ease;}
.banner-menu-item:first-child .page{transform: none;}
.banner-menu-item.active .line{background: #fff;}
.banner-menu-item.active .line::after,.banner-menu-item.active .line::before{background: #fff;}
.banner-menu-item.active .page{color: #fff;}
.banner-btn{border: 2px solid transparent; z-index: 2;position: absolute;left: 0.2rem;top: 50%;transform: translateY(-50%);font-size: max(30px,0.42rem);width: max(60px,0.74rem);height: max(60px,0.74rem);user-select: none;cursor: pointer;}
.banner-btn.next{left: auto;right: 0.2rem; transform: translateY(-50%) rotate(180deg);}
.banner-btn:hover{border-color: rgba(255, 255, 255, .8);}


.indPro .contain-1600{width: 93%;max-width: 1780px;}
.indPro-ban-bg img{width: 100%;}
.indPro-ban-list{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indPro-ban-item{position: absolute;display: block;}
.indPro-ban-item .box{position: absolute;left: 0;top: 50%;transform: translateY(-50%);white-space: nowrap;}
.indPro-ban-item .dot{transition: all .4s ease; width: max(24px,0.35rem);height: max(24px,0.35rem);position: absolute;left: max(3px,0.06rem);top: 50%;transform: translateY(-50%);z-index: 2; }
.indPro-ban-item .dot::after,.indPro-ban-item .dot::before{animation: dotAni 2s linear infinite; content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;background: rgba(255, 255, 255, .5);}
.indPro-ban-item .dot::after{animation-delay: -1s;}
.indPro-ban-item .dot i{display: block;position: relative; z-index: 2;width: 100%;height: 100%;border-radius: 50%;background: #1d2087;transition: all .4s ease;}
.indPro-ban-item .dot i::before,.indPro-ban-item .dot i::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;width: max(8px,0.13rem);height: max(2px,0.03rem);}
.indPro-ban-item .dot i::before{height: max(8px,0.13rem);width: max(2px,0.03rem);}
.indPro-ban-item .title{visibility: hidden; font-weight: 500; position: relative; transition: all .4s ease;opacity: 0;pointer-events: none;overflow: hidden; display: flex;flex-wrap: nowrap;align-items: center;padding: max(8px,0.14rem) max(14px,0.22rem) max(8px,0.14rem) max(40px,0.6rem);}
.indPro-ban-item .title::after{border-radius: 40px; content: ""; position: absolute;left: 0;top: 0;width: 0;height: 100%;opacity: 1;transition: all 0.4s cubic-bezier(0.34, 0.44, 0.41, 1.12);background: #fff;}
.indPro-ban-item .title span,.indPro-ban-item .title i{position: relative;z-index: 5;display: block;transition: all .4s ease;}
.indPro-ban-item .title i{display: block;margin-left: max(8px,0.12rem);transform: rotate(180deg);font-size: max(8px,0.12rem);color: #1d2087;}
.indPro-ban-item:hover .title{opacity: 1;visibility: visible;pointer-events: all;}
.indPro-ban-item:hover .title::after{opacity: 1;width: 100%;}
/* .indPro-ban-item:hover .title span{color: #1d2087;}
.indPro-ban-item:hover .title i{transform: translateX(8px) rotate(180deg);} */
.indPro-ban-item:nth-child(1){left: 66%;top: 55%;}
.indPro-ban-item:nth-child(2){left: 32%;top: 60%;}
.indPro-ban-item:nth-child(3){left: 47%;top: 60%;}
.indPro-ban-item:nth-child(4){left: 78%;top: 25%;}
.indPro-ban-item:nth-child(5){left: 58%;top: 27%;}
.indPro-ban-item:nth-child(6){left: 16%;top: 27%;}
.indPro-ban-item:nth-child(7){left: 40%;top: 20%;}
.indPro-ban-item:nth-child(8){left: 87.5%;top: 40%;}
.indPro-ban-item:nth-child(9){left: 5%;top: 54%;}
/* .indPro-ban-item:nth-child(10){left: 92%;top: 13%;} */
@keyframes dotAni {0%{opacity: 0;transform: scale(1);}50%{opacity: 1;transform: scale(2);}100%{opacity: 0;transform: scale(3);}}
.indPro-item{height: 100%;background: url('../images/index/indPro-item-bg.jpg') no-repeat center/cover;padding: 1rem 0.7rem 0.9rem 1rem;align-items: center;justify-content: space-between;}
.indPro-item-con{width: 45%;display: flex;align-items: flex-start;flex-direction: column;}
.indPro-item-con .more{align-items: center;}
.indPro-item-con .more i{margin-left: max(6px,0.1rem);width: max(20px,0.26rem);height: max(20px,0.26rem);border-radius: 50%;font-size: max(10px,0.12rem);transform: rotate(135deg);}
.indPro-item-con .more:hover{color: #1d2087;}
.indPro-item-img{width: 55%;height: 3.2rem;}
.indPro-item-img img{max-width: 100%;max-height: 100%;transition: all .6s ease;}
.indPro-item:hover .indPro-item-img img{transform: scale(1.1);}
.indCase-swp{background: #666;}
.indCase-bg{overflow: hidden;}
.indCase-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .1);}
.indCase-bg img{width: 100%;height: 8.6rem;transform: scale(1.1);transition: all 5s linear 1s;}
.indCase-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indCase-con .contain-1600{height: 100%;padding: 1.8rem 1rem;border-left: 1px solid rgba(255, 255, 255, .2);border-right: 1px solid rgba(255, 255, 255, .2);}
.indCase-con .text{width: 80%;}
.swiper-slide-active .indCase-bg img{transform: scale(1);transition-delay: 0s;}
.indCase-list-box{position: absolute;left: 0;bottom: 0.44rem;width: 100%;z-index: 2;}
.indCase-list{position: relative;z-index: 2;}
.indCase-block{width: 20%;height: max(70px,1.2rem);background: #1d2087;position: absolute;left: 0;top: 0;transition: all .4s ease;}
.indCase-item{user-select: none;cursor: pointer; position: relative;z-index: 2; border-right: 1px solid rgba(255, 255, 255, .2);border-bottom: 1px solid rgba(255, 255, 255, .2); width: 20%;height: max(70px,1.2rem);align-items: center;padding-left: 0.55rem;}
.indCase-item:nth-child(-n+5){border-top: 1px solid rgba(255, 255, 255, .2);}
.indCase-item .ico{display: flex;align-items: center;justify-content: center;border-radius: 50%;border: 2px solid #fff;margin-right: max(10px,0.2rem);width: max(36px,0.52rem);height: max(36px,0.52rem);}
.indCase-item .ico img{max-width: 60%;max-height: 60%;}
.indNews-flex{justify-content: space-between;}
.indNews-flex .date{align-items: center;}
.indNews-flex .date i{display: block;margin-right: max(6px,0.1rem);}
.indNews-left{width: calc(67.5% - 0.25rem);justify-content: space-between;}
.indNews-left-item{width: calc(50% - 0.25rem);display: flex;flex-direction: column;height: 100%;}
.indNews-left-img img{width: 100%;height: 3rem;}
.indNews-left-con{background: #f7f7f7;padding: 0.35rem 0.45rem 0;flex: 1;}
.indNews-left-item:hover .indNews-left-img img{transform: scale(1.1);}
.indNews-left-item:hover .indNews-left-con .title{color: #1d2087;}
.indNews-right{width: calc(32.5% - 0.25rem);}
.indNews-right-item:first-child{padding-top: 0;}
.indNews-right-item{border-bottom: 1px solid #eee;justify-content: space-between;}
.indNews-right-img{width: 42%;}
.indNews-right-img img{width: 100%;height: 1.3rem;transition: all .6s ease;}
.indNews-right-con{width: 50%;flex-direction: column;justify-content: space-between;}
.indNews-right-item:hover .indNews-right-img img{transform: scale(1.1);}
.indNews-right-item:hover .indNews-right-con .title{color: #1d2087;}
.indAb{height: 400vh;}
.indAb-sticky{position: sticky;top: max(66px,0.8rem);width: 100%;overflow: hidden;left: 0;}
.indAb-logo{position: absolute;z-index: 3;left: 0;top: -1px;width: 100%;height: 100%;}
.indAb-logo .img-box::before,.indAb-logo .img-box::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 30%;background: #f7f7f7;}
.indAb-logo .img-box::after{top: auto;bottom: 0;}
.indAb-logo .img,.indAb-logo .img-box{width: 100%;height: 100%;position: relative;z-index: 2;}
.indAb-logo .text{position: absolute;left: 0;top: 52%;width: 100%;transition: all .4s ease;z-index: 2;}
.indAb-logo .text.active{opacity: 0;transform: translateY(2rem);}
.indAb-bg .img{width: 100%;height: 100vh;}
.indAb-bg .share{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(15, 18, 73, .6);opacity: 0;}
.indAb-con{position: absolute;z-index: 10; left: 0;top: 0;width: 100%;height: 100%;flex-direction: column;color: #fff;opacity: 0;transition: all .8s ease;}
.indAb-con.active{opacity: 1;}
.indAb-con .text{width: 10rem;max-width: 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) */
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    /* 移动终端 360 适配 */
    .banner-img img{height: 300px;}
    .banner-con .contain-1600{padding-bottom: 0;justify-content: center;}
    .banner-con .logo{width: 50%;}
    .banner-con .title{width: 100%;font-size: 18px;}
    .banner-btn{display: none;}
    .banner-menu-item .line{width: 50px;}
    .indPro-ban-item:nth-child(6){left: 19%;}
    .indPro-ban-item:nth-child(9){left: 9%;}
    .indPro-ban-item .title{display: none;}
    .indPro-ban-item .dot{width: 14px;height: 14px;}
    .indPro-ban-item .dot i::after{width: 6px;height: 1px;}
    .indPro-ban-item .dot i::before{width: 1px;height: 6px;}
    .indPro-list .uli.ml26{margin: -10px 0 0;}
    .indPro-list .uli.ml26.uli2 li{margin: 10px 0 0;width: 100%;}
    .indPro-item-img{height: 100px;}
    .indCase-bg img{height: 350px;}
    .indCase-con .contain-1600{padding: 40px 15px 0;}
    .indCase-list{flex-wrap: nowrap;overflow-x: auto;white-space: nowrap;}
    .indCase-block{display: none;}
    .indCase-item{width: auto;flex-wrap: nowrap;padding: 0 40px 0 20px;border-top: 1px solid rgba(255, 255, 255, .2);}
    .indCase-item.active{background: #1d2087;}
    .indCase-item .ico{width: 32px;height: 32px;border-width: 1px;}
    .indNews-left{width: 100%;}
    .indNews-left-item{width: 100%;height: auto;margin-bottom: 15px;}
    .indNews-left-img img{height: 150px;}
    .indNews-left-con{padding: 15px 15px 40px;flex: unset;}
    .indNews-right{width: 100%;}
    .indNews-right-item{padding: 20px 0;}
    .indNews-right-img{width: 34%;}
    .indNews-right-img img{height: 80px;}
    .indNews-right-con{width: 60%;}
    .indAb{height: auto;}
    .indAb-sticky{position: relative;top: auto;}
    .indAb-logo{display: none;}
    .indAb-bg .img{height: 400px;}
    .indAb-bg .share{opacity: 1;}
    .indAb-con{opacity: 1;}
    .indAb-con .text{width: 92%;font-size: 13px;}
    .indAb-con .comMore-box{margin-top: 25px;}
    .indCase-con .text{width: 100%;}
    .indPro .contain-1600{width: 92%;}
}
/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px){}