@charset "utf-8";
/* ===================首页样式========================== */
.banner-bg{overflow: hidden;}
.banner-bg img{width: 100%;height: 100vh;transform: scale(1.1);transition: transform 2s linear .8s;}
.banner-con{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;}
.banner-con .contain{height: 100%;flex-direction: column;justify-content: center;align-items:flex-start; opacity: 0;transform: translateY(max(20px,0.4rem));transition: all 1s ease 1s;padding-top:0;text-align: left;}
.banner-con .box{width: 10rem;max-width: 100%;margin-left: 40%;margin-top: -5%;}
.banner-con .title2{margin-top:max(8px,0.14rem)}
.banner-con .comMore-box{justify-content:flex-start;}
.swiper-slide.active .banner-bg img{transform: scale(1);}
.swiper-slide.active.first .banner-bg img{transition-delay: 0s;}
.swiper-slide.active .banner-con .contain{opacity: 1;transform: translateY(0);}
.swiper-slide.active.first .banner-con .contain{transition-delay: 0s;}

.indAb-sticky{overflow: hidden;position: relative;}
.indAb-bg img,.indAb-bg video{width: 100%;height: calc(100vh - 64px);}
.indAb-bg .share{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);opacity: 0;}
.indAb-logo{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;overflow: hidden;}
.indAb-logo .img1,.indAb-logo .img2{width: 100%;height: 100%;position: relative;}
.indAb-logo .img2::after{content: "";position: absolute;left: calc(100% - 10px);top: 0;width: 50%;height: 100%;background: #fff;}
.indAb-logo img{width: 100%;height: 100%;}
.indAb-main{z-index: 4;}
.indAb-bg2{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 2;pointer-events: none;}

.indAb-top{height: 100%;padding: 1.8rem 0 1.4rem;}
.indAb-top .contain{height: 100%;}
.indAb-flex{justify-content: space-between;align-items: center;height: 100%;}
.indAb-img{width: 44%;}
.indAb-img .btn{border-radius: 50%; box-shadow: 0px 0px 0.43rem 4.23px rgba(216, 183, 64, 0.36);position: absolute;right: 0.16rem;bottom: -0.1rem; user-select: none;cursor: pointer;width: max(32px,0.45rem);height: max(32px,0.45rem);background: url('../images/index/indAb-btn.png') no-repeat center/100% auto;}
.indAb-img .btn:hover{transform: scale(.98);}
.indAb-img .btn:active{transform: translateY(3px) scale(.98);}
.indAb-con{width: 47%;}
.indAb-num{position: absolute;left: 0;bottom: 0;width: 100%; background: rgba(255, 255, 255, .05);border: 1px solid rgba(255, 255, 255, .45);backdrop-filter: blur(7px);}
.indAb-num.ani{animation: flipInX 1s ease both .3s;}
.indAb-num .list{justify-content: space-between;}
.indAb-num .list li{display: flex;align-items: center;}
.indAb-num .list .num{align-items: center;margin-left: max(12px,0.24rem);}
.indAb-num .list .num i{display: block;display: flex;align-items: center;height: max(28px,0.4rem);margin-right: 5px;}
.indAb-num .list .num i img{max-height: 100%;}
.indPro-menu{margin-left: -0.1rem;}
.indPro-menu .item{user-select: none;cursor: pointer; margin: 0.2rem 0 0 0.1rem;width: calc(100% / 9 - 0.1rem);height: max(44px,0.58rem);border-radius: 40px;border: 1px solid #ccc;}
.indPro-menu .item:hover,.indPro-menu .item.active{background: #1c4893;border-color: #1c4893;color: #fff;}
.indPro-main{justify-content: center;}
.indPro-swp-group{width: 10rem;}
.indPro-swp{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition: all .4s linear;}
.indPro-swp:first-child{position: relative;}
.indPro-swp.active{z-index: 2;opacity: 1;}
.indPro-swp .swiper-container{overflow: visible;}
.indPro-slide{background: #f4f4f4;flex-direction: column;justify-content: flex-start;position: relative;}
.indPro-slide .img{transition: all 1s ease;}
/* .indPro-slide .img img:hover{transform: scale(1.1);} */
.indPro-slide .img img{transition: all .6s ease;width: 100%;height: 5.7rem;}
.indPro-slide .desc{opacity: 0;transition: all .6s ease;position: absolute;left: 50%;top: 75%;transform: translateX(-50%);}
.indPro-slide .text{width: max(400px,6.2rem);max-width: 100%;}
.swiper-slide-prev .indPro-slide .img{transform: translate(3.8rem,0rem) scale(.4);}
.swiper-slide-next .indPro-slide .img{transform: translate(-3.8rem,0rem) scale(.4);}
.swiper-slide-active .indPro-slide .desc{opacity: 1;}
.indPro-btn{user-select: none;cursor: pointer;position: absolute;left: 0.45rem;top: 50%;transform: translateY(-50%);width: max(40px,0.48rem);height: max(40px,0.48rem);border-radius: 50%;background: #e3e3e3;z-index: 2;}
.indPro-btn.next{left: auto;right: 0.45rem;transform: translateY(-50%) rotate(180deg);}
.indPro-btn:hover{background: #1c4893;color: #fff;}
.indSol-title{position: absolute;left: 0;top: max(40px,0.8rem);width: 100%;z-index: 5;pointer-events: none;}
.indSol-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indSol-bg .item{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition: all 1s linear;}
.indSol-bg .item img{width: 100%;height: 100%;}
.indSol-bg .item.active{opacity: 1;}
.indSol-list{position: relative;z-index: 2;background: rgba(0, 0, 0, .4);}
.indSol-item{height: 49vw;flex: 1;flex-direction: column;padding: 0 0.6rem;border-left: 1px solid rgba(255, 255, 255, .3);}
.indSol-item:first-child{border: unset;}
.indSol-item .ico{height: max(20px,0.33rem);}
.indSol-item .ico img{max-height: 100%;}
.indSol-item .btm{display: none;}
.indSol-item .btn i{display: block;transform: rotate(180deg);}

.indCase{background: linear-gradient(to bottom,#fff 10%,#ebebeb 50%);overflow: hidden;}
.indCase-top{padding-bottom: 20vw; position: relative;z-index: 20;background: linear-gradient(to bottom,#fff 0%, #ebebeb 40%,#ebebeb 70%,rgba(235,235,235,.5) 100%);}
.indCase-swp-box{justify-content: center;}
.indCase-swp{width: 12.2rem;}
.indCase-swp .swiper-container{overflow: visible;}
.indCase-slide{background: #fff;position: relative;justify-content: flex-end;}
.indCase-con{z-index: 2;background: linear-gradient(to right,#fff 25%,transparent 50%);position: absolute;left: 0;top: 0;width: 100%;height: 100%;align-items: center;padding: 0 0.4rem;}
.indCase-con::after{transition: all .8s ease;opacity: 0; content: "";background: linear-gradient(to right,rgba(17,65,146,1) 20%,rgba(17,65,146,.9) 30%,transparent 60%);position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;}
.indCase-con .box{width: max(300px,4.7rem);position: relative;z-index: 2;}
.indCase-con .box>div{opacity: 0;}
.swiper-slide-active .indCase-con .box>div{animation: banText 1s ease .7s both;}
.swiper-slide-active .indCase-con .box>div:nth-child(2){animation-delay: .8s;}
.swiper-slide-active .indCase-con .box>div:nth-child(3){animation-delay: .9s;}
@keyframes banText {0%{opacity: 0;transform: translateY(40px);}100%{opacity: 1;transform: translateY(0);}}
.indCase-con .btn i{display: block;transform: rotate(180deg);}
.indCase-con .btn:hover{transform: translateX(5px);}
.indCase-img{transform: translateX(0.3rem) scale(.8); width: 73%;border-top-left-radius: 0;border-bottom-left-radius: 0;transition: all 1s ease;}
.indCase-img img{width: 100%;height: 5.2rem;}
.swiper-slide-active .indCase-slide{box-shadow: 0px 0px 1.2rem 11.79px rgba(0, 0, 0, 0.11);}
.swiper-slide-active .indCase-con::after{opacity: 1;}
.swiper-slide-active .indCase-con .title,.swiper-slide-active .indCase-con .text,.swiper-slide-active .indCase-con .btn{color: #fff;}
.swiper-slide-active .indCase-img{transform: scale(1);}
.indCase-menu{position: static;}
.indCase-btn .btn{width: max(40px,0.48rem);height: max(40px,0.48rem);border-radius: 50%;background: #fff;user-select: none;cursor: pointer;position: absolute;left: min(-44px,-0.52rem);top: calc(2.6rem - max(20px,0.24rem));z-index: 10;}
.indCase-btn .btn.next{left: auto;right: min(-44px,-0.52rem);transform: rotate(180deg);}
.indCase-btn .btn:hover{color: #fff;background: #1c4893;}
.indCase-btm{position: absolute;left: 0;bottom: 0;width: 100%;}
/*.indCase-btm::after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 400%;background: linear-gradient(to bottom,transparent 0%, #ebebeb 20%,#ebebeb 40%,rgba(235,235,235,.5) 100%);z-index: 2;}*/
.indCase-btm-swp{transform-style: preserve-3d;perspective: 1000px;}
.indCase-btm-swp .swiper-container{height: 9vw;overflow: visible;transform: rotateX(40deg);transform-origin: center top;}
.indCase-btm-swp .swiper-wrapper{transition-timing-function: linear;}
.indCase-btm-list ul{margin-left: min(-4px,-0.1rem);}
.indCase-btm-list li{width: calc(100% / 5 - max(4px,0.1rem));margin-left: max(4px,0.1rem);}
.indCase-btm-slide{background: #fff;border: 1px solid #bbb;height: 9vw;}
.indCase-btm-slide img{max-width: 40%;max-height: 40%;}
.indNews-menu .item{user-select: none;cursor: pointer;background: #f4f4f4;width: max(100px,1.7rem);height: max(40px,0.7rem);border-radius: 40px;margin-left: max(15px,0.25rem);}
.indNews-menu .item:first-child{margin-left: 0;}
.indNews-menu .item.active{background: #1c4893;color: #fff;}
.indNews-drop-item{display: none;}
.indNews-drop-item:first-child{display: block;}
.indNews-swp .swiper-slide{animation: fadeInUp 1s ease both;}
.indNews-swp .swiper-slide:nth-child(2){animation-delay: 0.2s;}
.indNews-swp .swiper-slide:nth-child(3){animation-delay: 0.3s;}
.indNews-swp .swiper-slide:nth-child(4){animation-delay: 0.4s;}
.indNews-list li{animation:  fadeInUp 1s ease 0s both;}
.indNews-list li:nth-child(2){animation-delay: 0.2s;}
.indNews-list li:nth-child(3){animation-delay: 0.4s;}
.indNews-slide .img img{width: 100%;height: 3rem;}
.indNews-slide .desc{background: linear-gradient(to bottom,transparent 40%,#000 90%); position: absolute;left: 0;top: 0;width: 100%;height: 100%;flex-direction: column;justify-content: flex-end;padding: 0.35rem 0.45rem;}
.indNews-slide:hover .img img{transform: scale(1.06);}
.indNews-btn{user-select: none;cursor: pointer;z-index: 2;position: absolute;left: -70px;top: 40%;transform: translateY(-50%);width: max(40px,0.48rem);height: max(40px,0.48rem);border-radius: 50%;color:#333;background:#f4f4f4;}
.indNews-btn.next{left: auto;right: -70px;transform: translateY(-50%) rotate(180deg);}
.indNews-btn:hover{background: #1c4893;border-color:#1c4893;color:#fff;}
.indNews-item{border-bottom: 2px solid #ededed;height: 100%;}
.indNews-item::after{content: "";position: absolute;left: 0;bottom: -2px;width: 0;height: 2px;transition: all .4s ease;background: #1c4893;}
.indNews-item .btn{position: absolute;right: 0;top: 0.05rem;transform: translateX(-5px) rotate(180deg);opacity: 0;transition: all .6s ease;}
.indNews-slide .title,.indNews-item .title{width: max(200px,2.8rem);}
.indNews-item:hover::after{right: auto;left: 0;width: 100%;}
.indNews-item:hover .btn{opacity: 1;transform: translateX(0) rotate(180deg);}
.indWH{display: flex;justify-content: flex-end;}
.indWH-img{display: flex;justify-content: flex-end;align-items: flex-end;height: 45vw;width: 70vw;}
.indWH-img .img{border-top-left-radius: 8.6rem;transform-origin: right bottom;position: relative;height: 100%;}
.indWH-img img{width: 70vw;height: 45vw;max-width: unset;object-fit: fill;position: absolute;right: 0;bottom: 0;}
.indWH-con{z-index: 2;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indWH-con .contain{height: 100%;align-items: center;}
.indWH-con .box{width: 32%;}






/* -------------------------PC端--------------------------- */
@media all and (max-width:1800px){
    /* 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{min-height: 400px;height: auto;}
    .indAb{height: auto;}
    .indAb-bg,.indAb-logo{display: none;}
    .indAb-main{position: relative;}
    .indAb-num{position: relative;}
    .indAb-sticky{position: relative;top: auto;}
    .indAb-top{padding: 50px 0;}
    .indAb-flex{padding: 0;}
    .indAb-img{width: 90%;}
    .indAb-img .img{opacity: 1;}
    .indAb-con{width: 100%;margin-top: 30px;}
    .indAb-num .list li{width: 50%;margin-top: 20px;}
    .indAb-num .num{font-size: 30px;}
    .indPro-menu{margin-left: -10px;flex-wrap: nowrap;white-space: nowrap;overflow-x: auto;padding-top: 20px;}
    .indPro-menu .item{width: auto;margin: 0 0 0 15px;padding: 0 20px;height: 40px;}
    .indPro-btn{display: none;}
    .indPro-slide{padding: 20px 0 80px;}
    .indPro-slide .desc{width: 90%;top: 180px;}
    .indPro-slide .text{width: 100%;}
    .indPro-slide .img img{height: 200px;}
    .indPro-swp-group{width: 100%;}
    .indPro-swp .swiper-container{overflow: hidden;}
    .indSol-list{padding-top: 40px;}
    .indSol-item{flex: none;width: 100%;border-left: unset;border-top: 1px solid rgba(255, 255, 255, .3);height: 250px;}
    .indSol-item .btm{display: block;}
    .indSol-item .ico{height: 30px;}
    .indSol-item .title{margin-top: 20px;}
    .indCase-swp{width: 92%;}
    .indCase-swp .swiper-container{overflow: hidden;}
    .indCase-img img{height: 250px;}
    .indCase-con::after{background: linear-gradient(to right, rgba(17, 65, 146, 1) 40%, rgba(17, 65, 146, .9) 60%, transparent 100%);}
    .indCase-btn{display: none;}
    .indCase-btm-swp .swiper-container,.indCase-btm-slide{height: 50px;}
    .indNews-btn{display: none;}
    .indNews-slide .img img{height: 200px;}
    .indNews-slide .desc{padding: 20px 15px;background: linear-gradient(to bottom, transparent 40%, #000 85%);}
    .indWH{flex-direction:column-reverse;}
    .indWH-con{position: relative;height: auto;}
    .indWH-con .box{width: 100%;padding: 30px 0;}
    .indWH-img{width: 100%;border-radius: 0;height:auto;display:block;}
    .indWH-img .img{transform:none;border-radius:0;}
    .indWH-img img{width:100%;height:180px;position:relative;object-fit:cover;}
    .banner-con .box{margin-left: 0;margin-top: 0;width:100%;}
}