.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}

 

.banner{position:relative;overflow:hidden}

.banner a{display:block}
.banner>img{display:block;width:100%}
.banner .slick{position:relative;z-index:9}
.banner .slick a{display:block;position:relative;transform:scale(1,1);height:100vh;background-repeat:no-repeat;background-size:cover;background-position:center center}
.banner .slick a::after{content: '';position: absolute;left: 0;bottom: -1px;right: 0;height: 30%;background: url(../images/blackms.png) repeat-x top center;background-size: 100% 100%;z-index: 2;opacity: .35;pointer-events: none; }
.banner .slick.video a::after{display: none}
.banner .slick a>img{display:block;width:100%;height:100vh; object-fit:cover;}
.banner .slick a video{display:block;width:100%;height:100%;object-fit:cover;}
.banner .slick a div{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center}
.banner .slick a div img{display:block;max-width:70%;max-height:1.83rem;transition:all 1s;transform:scale(0); object-fit:cover;}
.banner .slick a div img.on{opacity:1;transform:scale(1)}
.banner .slick.slick-current a>img{animation:img_scale linear 8s}
@keyframes img_scale{0%{transform:scale(1)}
50%{transform:scale(1.1)}
100%{transform:scale(1)}
}
.banner .slick .box0{opacity:1;z-index:0;opacity:1;z-index:0;-webkit-animation:box0 7s linear 0s;animation:box0 7s linear 0s}
.banner .slick .slick-current .box2{opacity:1;z-index:0;-webkit-animation:box2 7s linear 0s;animation:box2 7s linear 0s}
.banner .slick .box1{-webkit-animation:box1 1s cubic-bezier(.5,0,.2,1) 0s;animation:box1 1s cubic-bezier(.5,0,.2,1) 0s;z-index:0}
@-webkit-keyframes box0{0%{-webkit-transform:scale(1,1);transform:scale(1,1)}
100%{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
}
@keyframes box0{0%{-webkit-transform:scale(1,1);transform:scale(1,1)}
100%{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
}
@-webkit-keyframes box1{0%{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05);opacity:1}
100%{-webkit-transform:scale(1.5,1.5);transform:scale(1.5,1.5);opacity:0}
}
@keyframes box1{0%{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05);opacity:1}
100%{-webkit-transform:scale(1.5,1.5);transform:scale(1.5,1.5);opacity:0}
}
@-webkit-keyframes box2{0%{-webkit-transform:scale(1,1);transform:scale(1,1)}
100%{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
}
@keyframes box2{0%{-webkit-transform:scale(1,1);transform:scale(1,1)}
100%{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
}
.isIpadPro .banner .slick-slide a,.isIpadAir .banner .slick-slide a{height:52vw}
.banner .slick-next,.banner .slick-prev{display: none}
.slick-dots li button{display: none}
.slick-dots{text-align:center;display:flex;align-items:center;justify-content:center;width:auto;position: absolute;z-index: 1000;left: 5%;right: 5%;bottom: .3rem;color: rgba(255, 255, 255, .3);}
.slick-dots li{opacity:.6;margin:0 .1rem;width:.38rem;height:.4rem;background: url(../images/badot.png) no-repeat center;background-size: 100% 100%; border-radius: 0;position: relative;transition: .3s;cursor: pointer;}
.slick-dots li:before{content: '';position: absolute;left: .42rem;width: 0;height: 1px;background: #fff;top: 50%;}
.slick-dots li:after{content: '';position: absolute;right: .42rem;width: 0;height: 1px;background: #fff;top: 50%; }
.slick-dots li.slick-active{opacity: 1;margin:0 .5rem;}
.slick-dots li.slick-active:after,.slick-dots li.slick-active:before{width: .4rem;transition: .6s}
 .banner .slick a.vide{position: relative;}
 .banner .slick-slide a.vide:before{font-family: swiper-icons!important;content: "\e630";position: absolute;width: .9rem;height: .9rem;text-align: center;;display: flex;align-items: center;justify-content: center;color: #fff;background: rgba(0,0,0,.4);left: 50%;top: 50%;margin-top: -.45rem;margin-left: -.45rem;z-index: 5;border-radius: 50%;font-size: .44rem}
@media (max-width: 1024px){
.banner .slick a{height: 52vw}
.banner .slick-slide a>img{}
.banner .slick-slide a>video{}
.banner .slick-prev{width:28px;height:28px;border:solid 1px #9bb7e1;border-radius:50%;background-size:15px auto;left:10px;top:50%;transform:translateY(-50%)}
.banner .slick-next{width:28px;height:28px;border:solid 1px #9bb7e1;border-radius:50%;background-size:15px auto;right:10px;top:50%;transform:translateY(-50%)}
.banner .slick-slide p{position:absolute;left:10px;right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:20px;font-weight:600;bottom:15px;text-align:center}
.banner .slick::after{display:none}
.banner .slick-slide a::before{background-size:auto 65px}

}
@media (max-width:992px){
.slick-dots{bottom: .25rem}
.banner .slick a{height: 54vw}
.volume-btn{display: none}
.banner .slick  a>video{display: none}
}
@media (max-width:597px){
  .slick-dots{bottom: .2rem}
}
.banner .swiDots .slick-dots{
  position: static !important;
}
.banner .swiDots span{
  cursor: pointer;
}
.banner .switool{
  z-index: 9 !important;
}



/* 音量控制按钮 */
.volume-btn {
  position: absolute;
  /* 定位在视频右上角，留出边距 */
  top: 90%;
  /* right: .16rem; */
  left: 1rem;
  margin-top: -.22rem;
  /* 按钮尺寸 */
  width: .66rem;
  height: .66rem;
  /* 背景和边框 */
  background-color: rgba(0, 0, 0, 0.6);
  border: .02rem solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  /* 居中图标 */
  display: flex;
  justify-content: center;
  align-items: center;
  /* 光标样式 */
  cursor: pointer;
  /* 过渡效果 */
  transition: all 0.3s ease;
  /* 确保按钮在视频上方 */
  z-index: 10;
  /* 初始隐藏，当视频加载或用户悬停时显示 */
  opacity: 1;
  /* 使用 transform 提升性能 */
  transform: scale(0.8);
}

/* 悬停时显示按钮 */
.banner-container:hover .volume-btn {
  opacity: 1;
  transform: scale(1);
}

/* 音量图标（使用伪元素绘制） */
.volume-btn::before {
  content: '';
  display: block;
  width: .38rem;
  height: .38rem;
  background-image: url("../images/muted2.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* 静音状态下的图标 */
.volume-btn.muted::before {
  background-image: url("../images/muted1.png");}

/* 按钮悬停效果 */
.volume-btn:hover {
  background-color: rgba(0, 0, 0, 0.8);
  transform: scale(1.05);
}

/* 按钮点击效果 */
.volume-btn:active {
  transform: scale(0.95);
}
.volume-btn.muted{
  opacity: 1;
}


@media (max-width:597px){ 
.volume-btn {
    
    top: 76%;
    left: 0.5rem;

}
}


.fancybox-slide{padding: 44px 10px!important}