.spotlight-swiper-section-wrapper[data-v-142cffda] {
  font-family: "HYQiHei-45";
  white-space: pre-wrap;
  background-color: #fff;
  overflow: hidden;
}
.title[data-v-142cffda] {
  text-align: center;
  color: var(--text-primary-color);
}
.sub-title[data-v-142cffda] {
  text-align: center;
  color: var(--text-content-color);
}
.progress[data-v-142cffda] {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.progress .progress-item[data-v-142cffda] {
  width: 30px;
  height: 3px;
  display: inline-block;
  flex: 1;
  background-color: rgb(56, 59, 67);
  height: 2px;
}
.progress .progress-item.active[data-v-142cffda] {
  background-color: rgb(26, 29, 37);
  height: 4px;
}
@media screen and (min-width: 1024.98px) {
.spotlight-swiper-section-wrapper .section[data-v-142cffda] {
    width: 100%;
    margin: 0 auto;
}
.spotlight-swiper-section-wrapper .section-title[data-v-142cffda] {
    width: clamp(0px, 50vw, 960px);
    margin: 0 auto;
}
.spotlight-swiper-section-wrapper .title[data-v-142cffda] {
    font-size: 58px;
    font-weight: 400;
    line-height: 1.4;
    color: rgb(26, 29, 37);
    line-height: 79px;
}
.spotlight-swiper-section-wrapper .sub-title[data-v-142cffda] {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.4;
    color: rgb(26, 29, 37);
    line-height: 30px;
    margin-top: 16px;
}
.spotlight-swiper-section-wrapper .swiper-part[data-v-142cffda] {
    width: clamp(0px, 54.5833333333vw, 1048px);
    margin: 0 auto;
}
.spotlight-swiper-section-wrapper .swiper-wrapper[data-v-142cffda] {
    overflow: visible;
    margin-top: 55px;
    height: clamp(0px, 30.7291666667vw, 590px);
}
.spotlight-swiper-section-wrapper .swiper-slide[data-v-142cffda] {
    position: relative;
}
.spotlight-swiper-section-wrapper[data-v-142cffda] .swiper-slide .pc-video-container,
  .spotlight-swiper-section-wrapper[data-v-142cffda] .swiper-slide .image {
    overflow: hidden;
}
.spotlight-swiper-section-wrapper .control-wrapper[data-v-142cffda] {
    display: flex;
    justify-content: center;
    margin-top: 58px;
}
[data-v-142cffda] .swiper-slide.swiper-slide-next .img-entity,[data-v-142cffda] .swiper-slide.swiper-slide-prev .img-entity {
    -o-object-fit: initial !important;
       object-fit: initial !important;
}
}
@media screen and (max-width: 1024px) {
.section[data-v-142cffda] {
    padding: 0 24px;
}
.section-title[data-v-142cffda] {
    width: 100%;
}
.title[data-v-142cffda] {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.4;
    color: rgb(26, 29, 37);
    line-height: 38px;
}
.sub-title[data-v-142cffda] {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: rgb(26, 29, 37);
    line-height: 19px;
    margin-top: 10px;
}
.swiper-part[data-v-142cffda] {
    width: 87.2vw;
    margin: 0 auto;
}
.swiper-wrapper[data-v-142cffda] {
    height: 49.0666666667vw;
    margin-top: 36px;
}
.swiper-item[data-v-142cffda] {
    width: 100%;
}
.control-wrapper[data-v-142cffda] {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}
}
[data-v-142cffda] .swiper-slide {
  transition: transform 0.3s ease;
}
[data-v-142cffda] .swiper-slide.swiper-slide-next,[data-v-142cffda] .swiper-slide.swiper-slide-prev {
  padding: clamp(0px, 3.6458333333vw, 70px) clamp(0px, 3.125vw, 60px);
  opacity: 0.5;
}
@media screen and (max-width: 1024px) {
[data-v-142cffda] .swiper-slide.swiper-slide-next,[data-v-142cffda] .swiper-slide.swiper-slide-prev {
    padding: 0 clamp(0px, 3.125vw, 60px);
}
}
.spotlight-swiper-section-wrapper.dark[data-v-142cffda] {
  background: #000;
}
.spotlight-swiper-section-wrapper.dark .title[data-v-142cffda] {
  color: #fff;
}
.spotlight-swiper-section-wrapper.dark .sub-title[data-v-142cffda] {
  color: #fff;
}
.spotlight-swiper-section-wrapper.dark .progress .progress-item[data-v-142cffda] {
  background-color: var(--line-color);
}
.spotlight-swiper-section-wrapper.dark .progress .progress-item.active[data-v-142cffda] {
  background-color: var(--text-primary-color);
}