section.wrapper_middle[data-cattype="413"] {
  font-family: Helvetica, Arial, sans-serif;
}

section.wrapper_middle[data-cattype="413"] .slideshow-container {
  position: relative;
  max-width: 100%;
  overflow: hidden;
}
section.wrapper_middle[data-cattype="413"] .fadeOutLeft {
  animation-name: fadeOutLeft;
}
section.wrapper_middle[data-cattype="413"] .fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutLeft {
  from { opacity: 1; transform: translateX(0); }
  to { opacity: 0; transform: translateX(50px); }
}
@keyframes fadeOutRight {
  from { opacity: 1; transform: translateX(0); }
  to { opacity: 0; transform: translateX(-50px); }
}
section.wrapper_middle[data-cattype="413"] .slide {
  display: none;
  width: 100%;
}

section.wrapper_middle[data-cattype="413"] .slide img {
  width: 100%;
  display: block;
}
section.wrapper_middle[data-cattype="413"] .slideshow-container,
section.wrapper_middle[data-cattype="413"] .slide,
section.wrapper_middle[data-cattype="413"] .slide img {
  position: relative;
  z-index: 0 !important;
}
section.wrapper_middle[data-cattype="413"] .active {
  display: block;
}

/* 左右箭头按钮样式 */
section.wrapper_middle[data-cattype="413"] .prev,
section.wrapper_middle[data-cattype="413"] .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 55px;
  height: 55px;
  background: white;
  border-radius: 50%;
  color: #e60012;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  z-index: 10;
  transition: background 0.3s;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); /* 微阴影 */
}

section.wrapper_middle[data-cattype="413"] .prev:hover,
section.wrapper_middle[data-cattype="413"] .next:hover {
  background: #e60012; /* 背景变红 */
  color: white;       /* 箭头变白 */
}

section.wrapper_middle[data-cattype="413"] .prev {
  left: 28px;
}

section.wrapper_middle[data-cattype="413"] .next {
  right: 28px;
}

/* indicator */
section.wrapper_middle[data-cattype="413"] .indicator-container {
  position: absolute;
  bottom: 70px;
  width: 100%;
  text-align: center;
  cursor: pointer;
}

section.wrapper_middle[data-cattype="413"] .indicator {
  display: inline-block;
  height: 6px;
  width: 55px;
  margin: 0 10px;
  background: white;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); /* 微阴影 */
}

section.wrapper_middle[data-cattype="413"] .indicator.active {
  background: #e60012;
}
#BannerImage {
  padding-top: 0;
padding-bottom: 1px;
}
/* 下箭头，双箭头 */
/* 双下箭头：更明显、更粗，只向下移动 */
section.wrapper_middle[data-cattype="413"] .double-down-arrow {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer; /* ✅ 鼠标样式 */
  z-index: 99;      /* ✅ 确保在可点范围上面 */
  pointer-events: auto; /* ✅ 明确允许点击 */
}

section.wrapper_middle[data-cattype="413"] .double-down-arrow span {
  display: block;
  width: 25px;
  height: 25px;
  border-left: 5px solid #e60012;
  border-bottom: 5px solid #e60012;
  transform: rotate(-45deg);
  margin: -10px auto;
  opacity: 1;
}
section.wrapper_middle[data-cattype="413"] .double-down-arrow .arrow-container {
  display: block;
    animation: arrowFlow 2s infinite ease-in-out;
}

section.wrapper_middle[data-cattype="413"] .double-down-arrow .arrow-container:nth-child(1) {
  animation: arrowDown 2s infinite ease-in-out;
}

section.wrapper_middle[data-cattype="413"] .double-down-arrow .arrow-container:nth-child(2) {
  animation: arrowDown 2s infinite ease-in-out;
  animation-delay: 0.3s;
}

@keyframes arrowDown {
  0% { transform: translateY(0); opacity: 0; }
  20% { opacity: 0.5; }
  30%, 70% { transform: translateY(6px); opacity: 1; }
  100% { transform: translateY(12px); opacity: 0; }
}
/* gradient line 20px 高 */
section.wrapper_middle[data-cattype="413"] .gradient-line {
  width: 100%;
  height: 20px;
  background: linear-gradient(to right, #e60012, #8e0006);
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

section.wrapper_middle[data-cattype="413"] .slide-anim {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
section.wrapper_middle[data-cattype="413"] .fadeInLeft {
  animation-name: fadeInLeft;
}
section.wrapper_middle[data-cattype="413"] .fadeInRight {
  animation-name: fadeInRight;
}

/* 只在 Desktop 版限制 Banner 高度 */
@media (min-width: 1024px) {
  section.wrapper_middle[data-cattype="413"] .slide img {
    height: 90vh;
    object-fit: cover;
  }
}

@media (max-width: 767px) {
 /* 隐藏左右箭头 */
  section.wrapper_middle[data-cattype="413"] .prev,
  section.wrapper_middle[data-cattype="413"] .next {
    display: none;
  }
  section.wrapper_middle {
    min-height: auto;
  }
#BannerImage {
  padding-top: 0;
}
  /* indicator 保持在图片底部（例如20px） */
  section.wrapper_middle[data-cattype="413"] .indicator-container {
    bottom: 30px; /* 你可以根据需要再调整位置 */
  }

  /* 双下箭头缩小，移动到底部 */
  section.wrapper_middle[data-cattype="413"] .double-down-arrow {
    bottom: 16px; /* indicator 的下面 */
  }

  section.wrapper_middle[data-cattype="413"] .double-down-arrow span {
    width: 15px;
    height: 15px;
    border-left: 3px solid #e60012;
    border-bottom: 3px solid #e60012;
    margin: -5px auto;
  }

  section.wrapper_middle[data-cattype="413"] .double-down-arrow .arrow-container:nth-child(1),
  section.wrapper_middle[data-cattype="413"] .double-down-arrow .arrow-container:nth-child(2) {
    animation: arrowDownMobile 2s infinite ease-in-out;
  }
}

@keyframes arrowDownMobile {
  0% { transform: translateY(0); opacity: 0; }
  20% { opacity: 0.5; }
  30%, 70% { transform: translateY(3px); opacity: 1; }
  100% { transform: translateY(6px); opacity: 0; }
}

@media (max-width: 767px) {
  section.wrapper_middle[data-cattype="413"] .slide img {
    height: 680px;   /* 你可以自己改成 300px/500px 等 */
    object-fit: cover;  /* 确保图片填满 */
  }
}