.swiper-container.test-banner {
    width: 100%;
    height: 100vh; 
    overflow: hidden;
}
.test-banner .img{
    width:100%;
    height:100%;
}
.swiper-pagination-bullet{
    background:#979797;
}
.swiper-pagination-bullet-active{
    background-color: #fff;
}

.swiper-button-prev,
.swiper-button-next {
    margin-left: 4.69vw;
    margin-right: 4.69vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: none;
    width: 2.08vw;
    height: 2.08vw;
    background-color: rgba(128, 128, 128, 0.3);
    border-radius: 50%;
    transition: background-color 0.2s;
}

.swiper-button-prev img,
.swiper-button-next img {
    width: 1.56vw;
    height: 1.56vw;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: '';
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: '';
}

/* 悬停效果 */
.swiper-button-prev:hover,
.swiper-button-next:hover {
    background-color: rgba(128, 128, 128, 0.5);
    /* 深灰色背景 */
}

.test-banner .swiper-slide{
    position: relative;
    width:100%;
    height:100%;
}
.test-banner .text-box{
    position: absolute;
    top:20.83vw;
    left:10%;
    width:31.25vw;
}
.test-banner .tit{
    font-size:2.50vw;
    font-weight: 700;
    color:#fff;
}
.test-banner .say{
    font-size:2.19vw;
    font-weight: 600;
    line-height: 2.45vw;
    color:#fff;
}
.wrap{
    margin-top:-0.26vw;
    background:#000;
    padding:7.29vw 0 14.58vw;
}
.content h3{
    margin:0 10%;
    text-align: center;
    color:#fff;
    font-size:3.75vw;
    font-weight: 700;
    text-transform: uppercase;
}
.content .say{
    margin:1.04vw 10% 0;
    text-align:center ;
    color:#9D9D9D;
    font-size:1.56vw;
    font-weight: 400;
}
.content h4{
    margin-top:7.81vw;
    text-align: center;
    font-size:3.13vw;
    font-weight: 600;
    color:#fff;
}
.conent .tip{
    margin:0 10%;
    font-size:1.04vw;
    text-align: center;
    color:#9D9D9D;
}
.section{
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    align-items: center;
    margin-top:0.78vw;
    transform: translateX(0);
    transition: all 1s ease-in-out;
}
.section-left{
    transform: translateX(-2.60vw);
    opacity: 0;
    transition: all 1s ease-in-out 0.2s;
}
.section-center{
  transform: translateX(0);
  opacity: 0;
  transition: all 1s ease-in-out 0.4s;
}
.section-right{
  transform: translateX(2.60vw);
  opacity: 0;
  transition: all 1s ease-in-out 0.6s;
}

.section.show .section-left,
.section.show .section-center,
.section.show .section-right {
  opacity: 1;
  transform: translateX(0);
}
.section .img{
    width: 100%;
}
.img-box{
    display: flex;
    justify-content: space-between;
}
.content .box{
    position: relative;
    width:100%;
    height:100%;
}
.content .box span{
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%,-50%);
    width:100%;
    box-sizing: border-box;
    padding-right:1.30vw;
    text-align: center;
    word-wrap: break-word;
    color:#fff;
    font-size:0.94vw;
    font-weight: 600;
}
.img-box .img{
    width:8.59vw;
    margin-right:0.89vw;
    margin-bottom:0.94vw;
}
.section-center{
    flex:1;
}
.section-left,.section-right{
    flex:1.5;
    margin-left:0.89vw;
}
.parallax-scroll {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  width: 100%;
}
.scroll-row {
  display: flex;
  gap: 0.94vw;
  margin-bottom: 0.94vw;
  animation: scroll linear infinite;
  animation-play-state: running;
  width: fit-content;
  will-change: transform;
}

.scroll-row.row1 {
  animation-duration: 20s;
}

.scroll-row.row2 {
  animation-duration: 24s;
}

.scroll-row.row3 {
  animation-duration: 20s;
}

.scroll-row:hover {
  animation-play-state: paused; /* 悬停时暂停动画 */
}

@keyframes scroll {
  from { transform: translateX(0); }
  to { transform: translateX(calc(-50% - 0.47vw)); }
}

.scroll-row .item {
  flex-shrink: 0;
  background: #000;
  width:17.08vw;
  height:15.26vw;
  position: relative;
  overflow: hidden;
}
.scroll-row .item .img{
    width:100%;
    height:100%;
}
.scroll-row .item span{
    position: absolute;
    top: 12.8646vw;
    /* bottom:10%; */
    left:10%;
    right:10%;
    overflow: hidden;
    box-sizing: border-box;
    /* padding-right:1.30vw; */
    text-align: center;
    word-break: break-word;
    color:#fff;
    font-size: 0.73vw;
    font-weight: 500;
    white-space: pre-wrap;
    text-align: center;
    text-transform: capitalize;
}
.video-box{
    margin:0 10%;
    padding:5.21vw 0 8.33vw;
}
.video-box h4{
    text-align: center;
    font-size:3.13vw;
    font-weight: 600;
    color:#000;
}
.video-content{
    margin:3.13vw 10% 0;
}
.carousel-video{
    width:100%;
}
.video-wrapper {
  position: relative;
  display: inline-block;
}

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3.13vw;
  height: 3.13vw;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25vw;
  color: #000;
  cursor: pointer;
  z-index: 10;
  transition: opacity 0.3s ease;
}