@charset "utf-8";

.zybanner{width: 100%;position: relative;}
.zybannerBg-pc,.zybannerBg-mb{width: 100%;object-fit: cover;}
.zybannerBg-pc{display: block;}
.zybannerBg-mb{display:none}
.zybanner .banner-video{background: #fff;}
.zybanner .banner-video .zybanner-iimages{opacity: 0;}
.zybanner-commo{position:absolute;width:100%;height:100%;top:0;left:0;display: flex;flex-direction: column;justify-content: center;}
.zybanner-commo span{font-size: 25px;color: #fff;line-height: 1;text-transform: uppercase;transition: all .4s ease;}
.zybanner-commo h2{font-size: 54px;color: #fff;line-height: 1;margin: 15px 0 26px;font-weight: 700;position: relative;padding-bottom: 38px;transition: all .4s ease;}
.zybanner-commo h2::after{content: '';width: 0px;height: 8px;background: linear-gradient(to left, #f00, #FF5757);position: absolute;left: 0;bottom: 0;transition: all 6s ease;}
.swiper-slide-active .zybanner-commo h2::after{width: 76px;}
.zybanner-commo p{font-size: 17px;color: #fff;line-height: 27px;transition: all .4s ease;}
.zybanner-commo .btn{margin-top: 70px;}
.zybanner .swiper-pagination{width:100%;text-align:center;font-size:0;bottom:42px;height: 20px;line-height: 20px;}
.zybanner .swiper-pagination-bullet{width:40px;background:rgba(255, 255, 255, .3);border-radius:0px;opacity:1;position:relative;overflow:hidden;margin:0 3px;height:4px;}
.zybanner .swiper-pagination-bullet:after{left:-100%;content:'';display:block;width:100%;height:100%;background:linear-gradient(to left, #f00, #FF5757);border-radius:10px;position:absolute}
.zybanner .active:after{transition:all 4s linear;left:0}
.zybanner-iimages{transform:scale(1);transition:all 4s linear}
.zybanner-iimages::before{
    content: '';
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image: linear-gradient(rgba(0,0,0,.2), transparent);
}
.zybanner .swiper-slide-active .zybanner-iimages{transform:scale(1.06)}
#banner-video{position: absolute;width: 100%;height: 100%;object-fit:cover; display: flex;flex-direction: column;justify-content: center;text-align: center;z-index: 9;top: 0;left: 0;}
/* 效果 */
.zybanner-commo span, .zybanner-commo h2,.zybanner-commo p{opacity: 0;}
.swiper-slide-active .zybanner-commo span{animation: indbanDown 1s ease both 0.5s;}
.swiper-slide-active .zybanner-commo h2{animation: indbanDown 1s ease both 0.4s;}
.swiper-slide-active .zybanner-commo p{animation: indbanDown 1s ease both 0.3s;}
@keyframes indbanDown {0%{opacity: 0;transform: translateY(-100px);}100%{opacity: 1;transform: translateY(0);}}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */

    .zybanner-commo h2 {font-size: 48px;margin: 28px 0 30px;padding-bottom: 32px;}



}

@media all and (max-width:1439px) {
    /* 1360 */
}

@media all and (max-width:1359px) {
    /* 1280 */
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .zybanner-commo h2 {font-size: 42px;margin: 24px 0 26px;padding-bottom: 28px;}
    .zybanner-commo p{font-size: 16px;}

}

@media all and (max-width:1151px) {
    /* 1024 */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .zybanner-commo span{font-size: 20px;}
    .zybanner-commo h2 {font-size: 32px;margin:16px 0 22px;padding-bottom: 24px;}
    .zybanner-commo p{font-size: 15px;line-height: 25px;}

    .incom-title h2 {font-size: 28px;margin-bottom: 10px;}


}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .zybannerBg-pc{display: none;}
   .zybannerBg-mb{display:block;min-height: 320px;}
   .zybanner-commo span{font-size: 16px;}
   .zybanner-commo h2 {font-size: 24px;margin:10px 0 16px;padding-bottom: 20px;}
   .zybanner-commo p{font-size: 15px;line-height: 20px;}

   .com-btn { width: 130px;}

}