@charset "utf-8";
/* ===================首页样式========================== */
.banner-img 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-menu{z-index: 5;position: absolute;left: 0;bottom: 30px;width: 100%;}
.banner-pagination .swiper-pagination-bullet{width: 28px;height: 28px;opacity: 1;border-radius: 0;background: transparent;position: relative;}
.banner-pagination .swiper-pagination-bullet::after{background-color: #fff; width: 12px;height: 12px; content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 50%;border: 1px solid #fff;}
.banner-pagination .swiper-pagination-bullet.active::after{background-image: conic-gradient(#fff 0deg calc(360deg * var(--autoplay-rate)), transparent calc(360deg * var(--autoplay-rate)) 360deg);width: 16px;height: 16px;background-color: transparent;}
.banner-stop{user-select: none;cursor: pointer;margin-left: 8px;}
.banner-stop.active i::before{content: "\ea82";}
.banner-con .title-en,.banner-con .title,.banner-con .text,.banner-con .comMore-box{opacity: 0;transform: translateY(0.4rem);}
.banner-con .title-en,.banner-con .title{transition: all 1s ease .5s;}
.banner-con .text{transition: all 1s ease .6s;}
.banner-con .comMore-box{transition: all 1s ease .7s;}
.swiper-slide-active .banner-con .title-en,.swiper-slide-active .banner-con .title,.swiper-slide-active .banner-con .text,.swiper-slide-active .banner-con .comMore-box{opacity: 1;transform: translateY(0);}
.swiper-slide-active.first .banner-con .title-en,.swiper-slide-active.first .banner-con .title{transition-delay: 0s;}
.swiper-slide-active.first .banner-con .text{transition-delay: 0.1s;}
.swiper-slide-active.first .banner-con .comMore-box{transition-delay: 0.2s;}
.indTitle .title-en{letter-spacing: 2px;}
.indHead{justify-content: space-between;align-items: center;}
.indAb::before{content: "";position: absolute;left: 1.85rem;top: 0;width: 1.55rem;height: 1.7rem;background: url('../images/index/indAb-dot1.png') no-repeat center/100% auto;}
.indAb::after{content: "";position: absolute;right: 1rem;top: 0.4rem;width: 3.55rem;height: 3.1rem;background: url('../images/index/indAb-dot2.png') no-repeat center/100% auto;}
.indAb .contain{position: relative;z-index: 2;}
.indNews-item .img img{width: 100%;height: 2.55rem;transition: all .6s ease;}
.indNews-item:hover .img img{transform: scale(1.1);}
.indNews-item:hover .title{color: #e42f07;}
.indSer-bg img{width: 100%;}
.indSer-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indSer-con .contain{height: 100%;flex-direction: column;justify-content: center;}
.indSer-con .text{width: max(400px,6.3rem);max-width: 100%;}
.indApp-dot{position: absolute;right: 0;bottom: 0;width: 4.2rem;}
.indApp-thumbs-click{border-left: 1px solid #e1e5e8;flex-direction: column;justify-content: flex-start;}
.swiper-slide:first-child .indApp-thumbs-click{border-left: unset;}
.indApp-thumbs-click .ico{height: max(20px,0.3rem);}
.indApp-thumbs-click .ico img{max-height: 100%;transition: all .4s ease;}
.indApp-thumbs-click .ico .h{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.indApp-thumbs-click .title{color: #cccfd5;}
.indApp-thumbs-click.active .ico .s,.indApp-thumbs-click:hover .ico .s{opacity: 0;}
.indApp-thumbs-click.active .ico .h,.indApp-thumbs-click:hover .ico .h{opacity: 1;}
.indApp-thumbs-click:hover .title,.indApp-thumbs-click.active .title{color: #0870b8;}
.indApp-thumbs-btn{user-select: none;cursor: pointer;width: 20px;height: 100%;z-index: 2;position: absolute;left: -8px;top: 0;color: #c4cad4;}
.indApp-thumbs-btn.next{left: auto;right: -8px;transform: rotate(180deg);}
.indApp-thumbs-btn:hover{color: #0870b8;}
.indApp-gallery{position: relative;z-index: 2;}
.indApp-gallery-more{align-items: center;justify-content: space-between;}
.indApp-gallery-img{width: 54%;clip-path: polygon(0 0, 100% 0, 84% 100%, 0% 100%);}
.indApp-gallery-img img{width: 100%;height: 5.4rem;transition: all 2s linear 1s;transform: scale(1.1);}
.swiper-slide-active .indApp-gallery-img img{transition-delay: 0s;transform: scale(1);}
.indApp-gallery-con{width: 46%;padding: 0 var(--widDb) 0 0.4rem;}
.indApp-gallery-btn{align-items: center;}
.indApp-gallery-btn .comMore-box{margin-left: 0.35rem;}
.indApp-gallery-con .title{opacity: 0;transform: translateY(0.4rem);transition: all .5s ease .2s;}
.indApp-gallery-con .text{opacity: 0;transform: translateY(0.4rem);transition: all .5s ease .1s;}
.indApp-gallery-btn{opacity: 0;transform: translateY(0.4rem);transition: all .5s ease 0s;}
.swiper-slide-active .indApp-gallery-con .title{opacity: 1;transform: translateY(0);transition: all 1s ease .5s;}
.swiper-slide-active .indApp-gallery-con .text{opacity: 1;transform: translateY(0);transition: all 1s ease .6s;}
.swiper-slide-active .indApp-gallery-btn{opacity: 1;transform: translateY(0);transition: all 1s ease .7s;}
/* -------------------------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: 620px;}
    .banner-con .contain{justify-content: flex-start;padding-top: 60px;}
    .banner-con .title-en{font-size: 20px;}
    .banner-con .comMore-box{margin-top: 25px;}
    .banner-menu{bottom: 10px;}
    .indHead{padding-right: 12px;}
    .indApp-thumbs-btn{display: none;}
    .indApp-thumbs-click .title{font-size: 12px;margin-top: 10px;}
    .indApp-gallery-img{width: 95%;clip-path: unset;margin: 0 auto;}
    .indApp-gallery-con{width: 100%;padding: 20px 15px;}
    .indApp-gallery-btn .comMore-box{margin-left: 20px;}
    .indSer-con .contain{justify-content: flex-start;padding-top: 50px;}
    .indSer-con .text{width: 100%;}
    .indNews-list .uli.ml24{margin: -20px 0 0;}
    .indNews-list .uli.ml24.uli3 li{margin: 30px 0 0;width: 100%;}
    .indNews-item .img img{height: 195px;}
    .indTitle .title.fs46{font-size: 22px;}
    .indAb .comMore2-box,.indApp-gallery-btn,.indSer .comMore-box{margin-top: 20px;}
    .indApp-thumbs{margin-top: 30px;}
    .indNews .indTitle .title.fs46{font-size: 20px;}
    .indNews-item .comMore2-box{margin-top: 15px;}
}
/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px){}