@charset "utf-8";
/* ===================首页样式========================== */
.banner-bg{position: relative;}
.banner-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,#0d0c14 0%,transparent 15%,transparent 85%,#0d0c14 100%);}
.banner-bg img,.banner-bg video{width: 100%;}
.banner-bg video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
/* ------ */
.banner-menu{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;transform: translate3d(0,0,10px);}
.banner-menu-item{position: absolute;}
.banner-menu-item .box{position: absolute;left: 0;top: 50%;transform: translateY(-50%);flex-wrap: nowrap;white-space: nowrap;align-items: center;}
.banner-menu-item .dot{position: relative;}
.banner-menu-item .dot i{position: relative;display: block;z-index: 2;width: 0.26rem;height: 0.26rem;border-radius: 50%;background: #fff;}
.banner-menu-item .dot i::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 0.1rem;height: 0.1rem;border-radius: 50%;background: #e7791a;}
.banner-menu-item .dot::after,.banner-menu-item .dot::before{animation: dotAni 2s linear infinite; content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;background: rgba(231, 121, 26, .4);}
.banner-menu-item .dot::after{animation-delay: -1s;}
@keyframes dotAni {0%{opacity: 0;transform: scale(1);}50%{opacity: 1;transform: scale(1.8);}100%{opacity: 0;transform: scale(2.6);}}
.banner-menu-item .title{color: #fff;font-size: max(14px,0.16rem); opacity: 0;visibility: visible; pointer-events: none; transition: all .4s ease; min-width: 1.3rem;position: relative; padding: 0.08rem 0.3rem;margin-left: 0.16rem;text-align: center;}
.banner-menu-item .title::after{content: "";background: linear-gradient(to right,#ff7c0a,#d86f13); transition: all 0.4s cubic-bezier(0.34, 0.44, 0.41, 1.12);opacity: .75; position: absolute;left: 0;top: 0;width: 0;height: 100%;border-radius: 40px;}
.banner-menu-item .title span{position: relative;z-index: 2;}
.banner-menu-item:hover .title{opacity: 1;visibility: visible;pointer-events: auto;}
.banner-menu-item:hover .title::after{width: 100%;}

.banner-menu-item:nth-child(1){left: 3%;top: 14%;}
.banner-menu-item:nth-child(2){left: 28%;top: 14%;}
.banner-menu-item:nth-child(3){left: 17%;top: 19%;}
.banner-menu-item:nth-child(4){left: 7%;top: 32%;}
.banner-menu-item:nth-child(5){left: 3%;top: 42%;}
.banner-menu-item:nth-child(6){left: 46%;top: 17%;}
.banner-menu-item:nth-child(7){left: 40%;top: 30%;}
.banner-menu-item:nth-child(8){left: 33%;top: 53%;}
.banner-menu-item:nth-child(9){left: 32%;top: 67%;}
.banner-menu-item:nth-child(10){left: 66%;top: 23%;}
.banner-menu-item:nth-child(11){left: 60%;top: 37%;}
.banner-menu-item:nth-child(12){left: 94%;top: 53%;}
.banner-menu-item:nth-child(13){left: 59%;top: 62%;}
.banner-menu-item:nth-child(14){left: 86%;top: 77%;}
.banner-menu-item:nth-child(15){left: 67%;top: 88%;}


.banner-menu-item:nth-child(12) .box,.banner-menu-item:nth-child(14) .box{left: auto;right: 0;flex-direction: row-reverse;text-align: right;}
.banner-menu-item:nth-child(12) .title,.banner-menu-item:nth-child(14) .title{margin-left: auto;margin-right: 0.16rem;}
.banner-menu-item:nth-child(12) .title::after,.banner-menu-item:nth-child(14) .title::after{left: auto;right: 0;}





.indHZ{z-index: 5;}
.indHZ-text{width: max(500px,7.3rem);margin: 0 auto;max-width: 100%;}
.indHZ-swp .swiper-wrapper {transition-timing-function: linear;}
.indHZ-slide{height: 0.7rem;}
.indHZ-slide img{max-width: 85%;max-height: 100%;}
.indSol-nav{border-bottom: 1px solid rgba(255, 255, 255, .12);}
.indSol-nav .item{padding: 0 0.3rem 0.2rem;user-select: none;cursor: pointer;}
.indSol-nav .item::after{content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: -1px;width: 0;height: 2px;background: #e7791a;transition: all .4s ease;}
.indSol-nav .item:hover{color: #fff;}
.indSol-nav .item.active,.indSol-nav .item.active:hover{color: #e7791a;}
.indSol-nav .item.active::after{width: 100%;}
.indSol-drop{display: none;}
.indSol-drop:first-child{display: block;}
.indSol-flex{justify-content: space-between;align-items: center;}
.indSol-img{width: 48%;}
.indSol-img img{width: 100%;height: 4.2rem;}
.indSol-con{width: 48%;}
.indSol-con .list li{position: relative;padding-left: max(20px,0.38rem);margin-top: max(8px,0.16rem);}
.indSol-con .list li:first-child{margin-top: 0;}
.indSol-con .list li::after{content: "";position: absolute;left: max(4px,0.08rem);top: max(4px,0.04rem);width: max(10px,0.16rem);height: max(10px,0.12rem);background: url('../images/index/indSol-icon.png') no-repeat center top/100% auto;}
.indAb-head{position: relative;z-index: 5;}
.indAb-num::after{content: "";position: absolute;left: 50%;transform: translateX(-50%); top: -3rem;width: 100vw;height: 18vw;background: url('../images/index/indAb-bg.png') no-repeat center/100% auto;}
.indYS-swp .swiper-container{overflow: visible;}
.indYS-slide{transition: all .8s ease;opacity: .25;border: 1px solid rgba(255, 255, 255, .12);justify-content: space-between;align-items: center;padding: 0.34rem;}
.indYS-con{width: 47%;}
.indYS-con .ico{height: max(40px,0.6rem);}
.indYS-con .ico img{max-height: 100%;}
.indYS-img{width: 48%;}
.indYS-img img{height: 3.5rem;width: 100%;}
.swiper-slide-active .indYS-slide{opacity: 1;}
.indPJ-swp .swiper-slide{height: auto;}
.indPJ-slide{background: #16161d;padding: 0.3rem 0.3rem max(80px,1.3rem);height: 100%;position: relative;}
.indPJ-slide .ico{display: flex;}
.indPJ-slide .ico i{display: block;width: max(8px,0.12rem);margin-left: 3px;}
.indPJ-slide .ico i:first-child{margin-left: 0;}
.indPJ-slide .text{min-height: 1.7rem;}
.indPJ-btm{align-items: center;border-top: 1px solid rgba(255, 255, 255, .08);position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: calc(100% - 0.6rem);}
.indPJ-btm .img{width: max(40px,0.58rem);margin-right: max(8px,0.12rem);}
.indPJ-btm .desc{flex: 1;}
.indPJ-btm .text2{margin-top: 4px;}
/* -------------------------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 横屏 */
    .banner-menu-item .title{font-size: 12px;}
    .indHZ-text{width: 92%;}
    .indHZ-slide{height: 30px;}
    .indHZ-slide img{max-width: 70%;}
    .indSol-nav{justify-content: flex-start;white-space: nowrap;overflow-x: auto;}
    .indSol-nav .item{padding: 0 15px 12px;}
    .indSol-nav .item::after{bottom: 0;}
    .indSol-img{width: 100%;}
    .indSol-img img{height: 250px;}
    .indSol-con{width: 100%;margin-top: 15px;}
    .indSol-con .list li::after{top: 5px;}
    .indSol-con .comMore-box{margin-top: 30px;}
    .indAb .indTitle .title{line-height: 1.3;}
    .indAb .comMore-box{margin-top: 20px;}
    .indAb-num .list{margin-top: -40px;}
    .indCta-flex{width: 92%;}
    .indYS-slide{flex-direction: column-reverse;padding: 13px 13px 30px;}
    .indYS-img{width: 100%;}
    .indYS-img img{height: 210px;}
    .indYS-con{width: 100%;margin-top: 20px;}
    .indYS-con .ico{height: 36px;}
    .indYS-con .comMore-box{margin-top: 20px;}
    .indPJ-slide{padding: 25px 15px 70px;}
    .indPJ-slide .text{min-height: 130px;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    /* 移动终端 360 适配 */
}
/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px){}