@charset "utf-8";
/* ===================首页样式========================== */
.banner{position: fixed;left: 0;top: 0;width: 100%;background: #666;}
.indGroup{background: #fff;position: relative;z-index: 10;margin-top: 100vh;}
.banner-img{overflow: hidden;}
.banner-img img{width: 100%;height: 100vh;transform: scale(1.1);transition: all 5s linear 1s;}
.swiper-slide-active .banner-img img{transform: scale(1);transition-delay: 0s;}
.banner-pagination{z-index: 5;position: absolute;left: 0;bottom: 40px;width: 100%;}
.banner-pagination .swiper-pagination-bullet{width: max(20px,0.32rem);height: 2px;border-radius: 0;background: rgba(255, 255, 255, .4);opacity: 1;margin: 0 3px;}
.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #ffff;}
.indMap-flex{justify-content: space-between;align-items: flex-start;}
.indMap-con{width: 19%;}
.indMap-desc{width: 200%;}
.indMap-num li{border-bottom: 1px solid #e5e5e5;}
.indMap-num .num{line-height: .8;}
.indMap-img{width: 66%;}
.indPro-con{width: 52%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);padding-left: 1rem;}
.indPro-con .text{letter-spacing: 2px;}
.indPro-img img{width: 100%;}
.indPro-pagination{z-index: 3;position: absolute;left: 1rem;bottom: 0.3rem;}
.indPro-pagination .swiper-pagination-bullet{width: max(20px,0.32rem);height: 2px;background: #fff;opacity: 1;border-radius: 0;margin: 0 max(3px,0.05rem);}
.indPro-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #00a0e9;}
.indTech-img img{width: 100%;height: 4.2rem;}
.indTech-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,rgba(0,0,0,.6) 0%,transparent 60%);background: -webkit-linear-gradient(top,rgba(0,0,0,.6) 0%,transparent 60%);}
.indTech-title{position: absolute;left: 0;top: 0;width: 100%;padding: 0.55rem 0.1rem;z-index: 2;color: #fff;}
.indTech-item:hover .indTech-img img{transform: scale(1.1);}
.indCase .contain{width: 12rem;max-width: 92%;}
.indCase-swp .swiper-container{overflow: visible;}
.indCase-img img{width: 100%;height: 6.4rem;}
.indCase-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);}
.indCase-con{padding: 0.55rem 0.15rem 0.45rem; position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;flex-direction: column;justify-content: space-between;align-items: center;}
.indCase-title{text-align: center;transform: translateY(-100%);opacity: 0; transition: all 1s ease;}
.indCase-num{justify-content: center;transform: translateY(100%);opacity: 0; transition: all 1s ease;}
.indCase-num li{margin-left: 1.1rem;}
.indCase-num li:first-child{margin-left: 0;}
.swiper-slide-active .indCase-title,.swiper-slide-active .indCase-num{transform: none;opacity: 1;transition-delay: .6s;}
.indCase-menu{align-items: center;justify-content: space-between;}
.indCase-pagination .swiper-pagination-bullet{width: 20px;height: 2px;background: #d6d6d6;opacity: 1;border-radius: 0;margin: 0 2px;}
.indCase-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #00a0e9;}
.indCase-btn .btn{user-select: none;cursor: pointer;width: max(36px,0.46rem);height: max(36px,0.46rem);border-radius: 50%;background: #f6f6f6;}
.indCase-btn .btn.next{margin-left: 16px;transform: rotate(180deg);}
.indCase-btn .btn:hover{background: #00a0e9;color: #fff;}
.indNews-swp .swiper-container{overflow: visible;}
.indNews-swp .swiper-slide{height: auto;}
.indNews-slide{background: #fff;height: 100%;}
.indNews-img img{width: 100%;height: 3rem;}
.indNews .indPro-pagination{position: relative;left: auto;bottom: auto;}
.indNews-con{padding: 0.36rem 0.2rem;}
.indNews-slide:hover .indNews-img img{transform: scale(1.1);}
.indNews-slide:hover .indNews-con .title{color: #00a0e9;}
.indNews .indCase-btn .btn{background: #fff;}
.indNews .indCase-btn .btn:hover{background: #00a0e9;}
.indHZ-menu{width: 16%;border: 1px solid #e5e5e5;border-left: unset;padding: 0.55rem 0;flex-direction: column;justify-content: space-between;}
.indHZ-page .line{margin: 0 3px;}
.indHZ-btn .btn{user-select: none;cursor: pointer;color: #e3e3e3;}
.indHZ-btn .btn.next{margin-left: 0.4rem;transform: rotate(180deg);}
.indHZ-btn .btn:hover{color: #00a0e9;}
.indHZ-swp{width: 84%;}
.indHZ-list .item{width: 25%;height: 1.6rem;border-bottom: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;}
.indHZ-list .item:nth-child(-n+4){border-top: 1px solid #e3e3e3;}
.indHZ-list .item img{max-width: 80%;max-height: 50%;}
.indMsg .contain{width: 12rem;max-width: 92%;}
.indAb{height: 350vh;}
.indAb-sticky{position: sticky;top: 0;width: 100%;overflow: hidden;}
.indAb-marsk{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;}
.indAb-marsk img{width: 100%;height: 100%;}
.indAb-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;z-index: 2; height: 100%;background: rgba(0, 0, 0, .5);transition: all 2s linear;opacity: 0;}
.indAb-bg img,.indAb-bg video{width: 100%;height: 100vh;}
.indAb-bg video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indAb-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 4;display: flex;align-items: center;padding: 0 0 0.5rem;}
.indAb-con .indTitle{opacity: 0;transition: all 1s ease .4s;}
.indAb-num{opacity: 0;transform: scale(.3);transition: all 1.5s ease .8s;}
.indAb-num li{flex-direction: column; width: calc(100% / 3);position: relative;justify-content: flex-start;border-left: 1px solid rgba(255, 255, 255, .3);}
.indAb-num li:nth-child(3n+1){border-left: unset;}
.indAb-num li:nth-child(-n+3){border-bottom: 1px solid rgba(255, 255, 255, .3);}
.indAb-num .num{align-items: flex-end;}
.indAb-num .num span{line-height: .8;}
.indAb-btm{position: absolute;left: 0;bottom: -1px;width: 100%;background: rgba(0, 160, 233, .9);transition: all 1s ease 1.8s;opacity: 0;transform: translateY(100%);}
.indAb-btm .contain{justify-content: space-between;align-items: center;}
.indAb-btm-desc{flex: 1;padding-right: 0.2rem;}
.indAb-hide.show .indAb-bg::after{opacity: 1;}
.indAb-hide.show .indAb-con .indTitle{opacity: 1;}
.indAb-hide.show .indAb-num{opacity: 1;transform: scale(1);}
.indAb-hide.show .indAb-btm{opacity: 1;transform: none;}
/* -------------------------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{top: 60px;}
    .banner-img img{height: auto;}
    .indGroup{margin-top: 240px;}
    .banner-pagination{bottom: 10px;}
    .indAb{height: auto;}
    .indAb-sticky{position: relative;}
    .indAb-marsk{display: none;}
    .indAb-con{position: relative;padding: 40px 0 230px;}
    .indAb-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
    .indAb-bg::after{opacity: 1;}
    .indAb-bg img, .indAb-bg video{height: 100%;}
    .indAb-con .indTitle,.indAb-num,.indAb-btm{opacity: 1;transform: none;}
    .indAb-num li{width: 50%;padding: 25px 5px !important;border: unset !important;border-top: 1px solid rgba(255, 255, 255, .3) !important;}
    .indAb-num li:nth-child(2n){border-left: 1px solid rgba(255, 255, 255, .3) !important;}
    .indAb-num li:nth-child(-n+2){border-top: unset !important;}
    .indAb-num .text{font-size: 13px;}
    .indAb-num .num{margin-top: 25px;}
    .indAb-num .num span{font-size: 32px;line-height: 1;}
    .indAb-btm{padding: 25px 0;}
    .indAb-btm-desc{width: 100%;flex: unset;}
    .indAb-btm .comMore-box{width: 100%;margin-top: 20px;}
    .indMap-con{width: 100%;}
    .indMap-desc{width: 100%;}
    .indMap-desc br{display: none;}
    .indMap-num{margin-top: 10px;}
    .indMap-num li{padding: 18px 0 20px;}
    .indMap-img{width: 85%;margin: 20px auto 0;}
    .indPro-img img{min-height: 300px;}
    .indPro-con{width: 100%;position: absolute;left: 0;top: 0;text-align: center; padding: 20px 15px 0;transform: none;display: flex;flex-direction: column;align-items: center;}
    .indPro-pagination{left: 0;width: 100%;bottom: 10px;text-align: center;}
    .indTech-list{margin-top: 0;}
    .indTech-list .uli.ml20{margin: 0;}
    .indTech-list .uli.ml20.uli2 li{margin: 15px 0 0;width: 100%;}
    .indTech-img img{height: 210px;}
    .indTech-title{padding: 25px 5px;}
    .indCase-title,.indCase-num{opacity: 1;transform: none;}
    .indCase-con{padding: 25px 5px;}
    .indCase-menu{justify-content: center;}
    .indCase-btn{display: none;}
    .indCase-img img{height: 220px;}
    .indNews-img img{height: 230px;}
    .indNews-con{padding: 25px 15px;}
    .indNews-swp .swiper-container,.indCase-swp .swiper-container{overflow: hidden;}
    .indHZ-flex{flex-direction: column-reverse;}
    .indHZ-menu{width: 100%;padding: 15px 0 0;border: unset;align-items: flex-end;}
    .indHZ-btn{display: none;}
    .indHZ-swp{width: 100%;border-left: 1px solid #e3e3e3;}
    .indHZ-list .item{height: 60px;}
}
/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px){}