@charset "utf-8";
/* ===================首页样式========================== */
/* .banner-bg img{width: 100%;height: 100vh;} */
.banner-bg img{width: 100%;}
.banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner-con .contain{height: 100%;justify-content: flex-end; flex-direction: column;}
.banner-pagination{z-index: 2;position: absolute;left: 0;bottom: 7%;width: 100%;}
.swiper-pagination-bullet{background:#fff;margin-right:10px;opacity:1;}
.swiper-pagination-bullet-active{background:#E82121;}
/* .banner-pagination .swiper-pagination-bullet{width: 0.8rem;height: 2px;border-radius: 0;margin: 0 0.06rem; opacity: 1;background: rgba(255, 255, 255, .5);position: relative;transition: all .4s ease;}
.banner-pagination .swiper-pagination-bullet::after{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #43c800;}
.banner-pagination .swiper-pagination-bullet.active{background: #fff;}
.banner-pagination .swiper-pagination-bullet.active::after{width: 100%;transition: all 4.5s linear;} */

.banner-con .title{opacity: 0;transform: translateY(100px);transition: all 1s .8s ease;}
.banner-con .text{opacity: 0;transform: translateY(100px);transition: all 1s .9s ease;}
.banner-con .comMore-box{opacity: 0;transform: translateY(100px);transition: all 1s 1s ease;}

.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;}
.swiper-slide-active .banner-con .title,.swiper-slide-active .banner-con .text,.swiper-slide-active .banner-con .comMore-box{opacity: 1;transform: translateY(0);}


.index-pro-cate .pro-cate-item .con{position:absolute;width:100%;height:100%;left:0;top:0;padding:80px 40px;}
.btn{border: 1px solid #fff;width:max(120px,1.8rem);height:40px;display:flex;justify-content: center;align-items: center;transition: all .4s ease;}
.btn:hover{background: #E82121;border:none}

.index-pro-list .pro-nav{justify-content: space-between;}
.index-pro-list .pro-nav .pro-nav-item{padding:0 20px;font-size:max(14px, .2rem);font-weight:400;color:#999;padding-bottom:10px}
.index-pro-list .pro-nav .pro-nav-item.active{color:#E82121;font-weight:700;border-bottom:4px solid #E82121;}

.more-btn{border: 1px solid #E8E8E8;color:#666;font-size:max(14px,.18rem);height:40px;line-height:40px;width:100px;text-align:center;}
.more-btn i{display: inline-block; transform: rotate(180deg) translateY(2px);font-size:12px;}

.index-about .con{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;justify-content: center;align-items: center;flex-direction: column;}

.pagesTitle{justify-content: space-between;}
.swi-btn>.btnaa{width: max(32px,0.38rem);height: max(32px,0.38rem);border:1px solid #222; font-size: max(14px,0.16rem);color: #222;cursor: pointer;user-select: none;display: flex;align-items: center;justify-content: center;line-height: 1;margin-right: max(8px,0.2rem);transition: all .4s ease;}
.swi-btn>.next{margin-right: 0;transform: rotateY(180deg);}
.swi-btn>.btnaa:hover{background: #e62129;border:none;color:#fff;}

.index-biaozhun{background: #F7F7F7;}
.index-biaozhun .biaozhun-item{display:flex;justify-content: center;align-items: center;flex-direction: column;}

.index-contact .con{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;justify-content: center;align-items: center;flex-direction: column;}

/* 动画 */
@media all and (min-width:1100px){
    /* html::-webkit-scrollbar{width: 0;} */
    /* 默认 */
    .Header.noEvent{opacity: 0;pointer-events: none;}
    .fp-section.indPro .contain,.fp-section.indNews .indTitle{opacity: 0;transform: translateY(80px);transition: all 1s .8s ease;}
    .fp-section .indNews-flex{opacity: 0;transform: translateY(80px);transition: all 1s .9s ease;}
    .fp-section .indSol-img{position: relative;}
    .fp-section .indSol-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #f4f4f4;transition: all 1.5s .8s ease;}
    .fp-section .indSol-con>div{opacity: 0;transition: all 1s 1.7s ease;}
    .fp-section .indSol-head,.fp-section.indHZ .indTitle{opacity: 0;transition: all 1s .8s ease;}
    .fp-section .indHZ-swp{transform: translateX(30%);opacity: 0; transition: all 1.5s .8s ease;}
    .fp-section .indHZ-swp:nth-child(2){transform: translateX(-30%) rotate(180deg);}
    

    /* 选中 */
    .fp-section.active.indPro .contain,.fp-section.active.indNews .indTitle,.fp-section.active .indNews-flex{opacity: 1;transform: translateY(0);}
    .fp-section.active .indSol-img::after{width: 0;}
    .fp-section.active .indSol-con>div,.fp-section.active .indSol-head,.fp-section.active.indHZ .indTitle{opacity: 1;}
    .fp-section.active .indHZ-swp{transform: translateX(0);opacity: 1;}
    .fp-section.active .indHZ-swp:nth-child(2){transform: translateX(0) rotate(180deg);}
}



  


/* -------------------------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-bg img{height: 300px;}
    .banner-pagination{bottom: 15px;}
    .banner-pagination .swiper-pagination-bullet{margin: 0 5px;}
    
    .uli.ml20.uli3 li{width:100%}
    .uli.ml20.uli4 li{width:calc(100%/2 - max(8px,0.2rem))}

    .index-contact img{height:350px;}
    .index-about img{height:300px}
    .index-pro-list .pro-nav .pro-nav-item{padding:0 10px;margin-bottom:10px}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    /* 移动终端 360 适配 */
}