@charset "utf-8";
/* ===================首页样式========================== */
/* banner */
.banner{width: 100%;position:relative;background: #a3b8c0;}
.banner-bg{width: 100%;overflow: hidden;}
.banner-bg img{width:100%;object-fit:cover}
/*.banner-bg img.banner-bg-pc{height: 100vh;}*/
.banner-bg img.banner-bg-mb{display:none}
.banner .hasVideo video{position: absolute;width: 100%;height: 100%;object-fit: cover;z-index: 4;top: 0;left: 0;}
.banner-cont{width:100%;height:100%;position:absolute;left:0;top:0;z-index: 10;}
.banner-cont .contain{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.banner-cont-title{color:#fff;text-align:center;font-size:60px;font-family: "思源黑体 CN", "Source Han Sans CN", "noto sans";font-weight: 500;}
.banner-cont-title p{display:block}
.banner-nav{position:absolute;left:50%;bottom:70px;z-index:2;display:flex;transform:translateX(-50%);align-items:center}
.banner .swiper-pagination{position:static;display:flex;align-items:center}
.banner .swiper-pagination-bullet{border-radius:0;background:0 0;color:#fff;font-size:14px;font-family: "Montserra";width:auto;height:auto;opacity:.5;line-height:1;display:flex;align-items:center;transition:all .8s ease;position:relative;margin-left:22px}
.banner .swiper-pagination-bullet:last-child{margin-right:22px}
.banner .swiper-pagination-bullet:after{content:'';position:absolute;left:22px;height:2px;width:0;background:#c41218;margin-left:22px;transform-origin:left top}
.banner .swiper-pagination-bullet.active:after{width:66px;transition:width 4s linear .4s}
.banner .swiper-pagination-bullet-active+.swiper-pagination-bullet{margin-left:0}
.banner .swiper-pagination-bullet-active{opacity:1;color:#fff;margin-right:120px!important}
.banner-btn{display:flex;align-items:center;transition:all .4s ease}
.banner-btn.prev:hover{transform:translateX(-5px)}
.banner-btn.next:hover{transform:translateX(5px) rotate(180deg)}
.banner-btn img{width:18px;height:18px}
.banner-btn.next{transform:rotate(180deg)}
.banner-play{box-sizing:border-box;width:0;height:12px;border-style:solid;border-width:6px 0 6px 12px;border-color:transparent transparent transparent #fff;cursor:pointer;will-change:border-width;transition:all .2s ease;margin-left:30px}
.banner-play.paused{border-style:double;border-width:0 0 0 12px}
.banner-cont-title p{opacity: 0;}
.banner-cont-title p:nth-child(1){animation: indbanRunL 1s ease both .2s;}
.banner-cont-title p:nth-child(2){animation: indbanRunR 1s ease both .2s;}
@keyframes indbanRunL{0%{transform: translateX(-200px);opacity: 0;}100%{transform: translateX(0);opacity: 1;}}
@keyframes indbanRunR{0%{transform: translateX(200px);opacity: 0;}100%{transform: translateX(0);opacity: 1;}}

/* banner视频 */
.banner .hasVideo .banner-img img.banner-bg-pc{animation: hasVideoImg 1s ease both;}
@keyframes hasVideoImg {0%{opacity: 1;}100%{opacity: 0;}}
.banner .hasVideo video{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 2;}
@media all and (max-width:1151px) {.hasVideo .banner-bg img.banner-bg-pc{animation: none;}.hasVideo video{display: none;}}




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

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .banner-cont-title{font-size: 48px}
    
}

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

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

@media all and (max-width:1279px) {
    /* 1152 × (700) */
   
    .banner-cont-title{font-size: 36px}
    
}

@media all and (max-width:1151px) {
    /* 1024 */
    .banner-bg img.banner-bg-pc{height: 50vh;}
    @keyframes indbanRunL{0%{transform: translateX(-100px);opacity: 0;}100%{transform: translateX(0);opacity: 1;}}
    @keyframes indbanRunR{0%{transform: translateX(100px);opacity: 0;}100%{transform: translateX(0);opacity: 1;}}
    .news-more{display: none;}
    .news a:hover .news-info {transform: translateY(0);}
    .intro-bg{background-size: 120% auto;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
   
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner-bg img.banner-bg-pc{display:none}
    .banner-bg img.banner-bg-mb{display:block;min-height: 320px;}
    .banner-nav{bottom: 20px}
    .banner-cont-title{font-size: 22px;line-height: 1.6;}
    .banner-cont-title p{animation: none !important;opacity: 1;}
    .banner .swiper-pagination-bullet{font-size: 12px;margin-left: 10px}
    .banner .swiper-pagination-bullet:last-child{margin-right: 10px}
    .banner .swiper-pagination-bullet-active{margin-right: 80px!important}
    .banner .swiper-pagination-bullet:after{left: 0}
    .banner .swiper-pagination-bullet.active:after{width: 40px}
    .banner-btn img{width: 14px}
    .banner-play{border-width:5px 0 5px 10px;height: 10px;margin-left: 20px}
    .banner-play.paused{border-width: 0 0 0 10px}
    
}