@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%;}
.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: #F10180;}
.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);}

.qiang-list{margin-left:-20px}
.qiang-list .qiang-item{width:calc( 50% - 20px);margin-left:20px}

.pageTitle2{justify-content: space-between;border-bottom: solid 1px #E4E4E4;}
.pageTitle2 .nav li{padding:0 30px 20px 30px;color:#222;font-size:18px;font-weight:500;position:relative;}
.pageTitle2 .nav li.active{font-size:24px;font-weight:600;color:#F10180;margin-top:-4px}
.pageTitle2 .nav li.active::after{position:absolute;content:'';bottom:0px;width:40px;height:3px;background-color: #F10180;left:calc( 50% - 20px);}
.pageTitle2 .more{color:#999;font-size:16px;font-weight:400;}
.pageTitle2 .more a{align-items: center;}
.pageTitle2 .more .icon{display:block;transform: rotate(180deg);font-size:12px;}

.pageTitle{justify-content: space-between;align-items: center;}

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

.index-news{background: #F7F7F7;}
.index-news .pageTitle2{border-bottom:none;}
.index-news .news-list{margin-left:-20px}
.index-news .news-list .news-item{display:block; width:calc( 100% / 3 - 20px);margin-left:20px;}
.index-news .news-list .news-item .date{color:#F10180}


/* 动画 */
@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;}
    
    .pageTitle2 .nav li.active{font-size:20px}
    .pageTitle2 .nav li{font-size:16px;}
    .pageTitle2 .nav li{padding:0 0 10px 10px}
    .qiang-list .qiang-item{width:100%;margin-bottom:20px}
    .index-news .news-list .news-item{width:100%;margin-bottom:20px}

    
}

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