/* 自定义轮播图高度和切换按钮位置 */

/* PC端 - 992px及以上 */
@media (min-width: 992px) {
  /* 容器section高度 */
  .section.swiper-slider-modern {
    height: 480px !important;
    min-height: 480px !important;
    max-height: 480px !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
  }
  /* 轮播图容器 */
  .swiper-slider-modern {
    height: 480px !important;
    margin-bottom: 0 !important;
  }
  .swiper-slider-modern .swiper-wrapper {
    height: 480px !important;
  }
  .swiper-slider-modern .swiper-slide {
    height: 480px !important;
  }
  .swiper-slider-modern .swiper-slide-caption {
    height: 480px !important;
  }
  /* 左右切换按钮垂直居中 */
  .swiper-slider-modern .swiper-button-prev,
  .swiper-slider-modern .swiper-button-next {
    top: 240px !important;
    margin-top: 0 !important;
    transform: translateY(-50%);
  }
}

/* 平板端 - 768px到991px */
@media (min-width: 768px) and (max-width: 991px) {
  /* 容器section高度 */
  .section.swiper-slider-modern {
    height: 400px;
    min-height: 400px;
    max-height: 400px;
    margin-bottom: 0;
    padding: 0;
  }
  .swiper-slider-modern {
    height: 400px;
    margin-bottom: 0;
  }
  .swiper-slider-modern .swiper-wrapper {
    height: 400px;
  }
  .swiper-slider-modern .swiper-slide {
    height: 400px;
  }
  .swiper-slider-modern .swiper-slide-caption {
    height: 400px;
  }
  /* 左右切换按钮垂直居中 */
  .swiper-slider-modern .swiper-button-prev,
  .swiper-slider-modern .swiper-button-next {
    top: 200px;
    margin-top: 0;
    transform: translateY(-50%);
  }
}

/* 移动端 - 767px及以下 */
@media (max-width: 767px) {
  /* 容器section高度 */
  .section.swiper-slider-modern {
    height: 320px;
    min-height: 320px;
    max-height: 320px;
    margin-bottom: 0;
    padding: 0;
  }
  .swiper-slider-modern {
    height: 320px;
    margin-bottom: 0;
  }
  .swiper-slider-modern .swiper-wrapper {
    height: 320px;
  }
  .swiper-slider-modern .swiper-slide {
    height: 320px;
  }
  .swiper-slider-modern .swiper-slide-caption {
    height: 320px;
  }
  /* 左右切换按钮垂直居中 */
  .swiper-slider-modern .swiper-button-prev,
  .swiper-slider-modern .swiper-button-next {
    top: 160px;
    margin-top: 0;
    transform: translateY(-50%);
  }
}