/* 工程展示：右向左连续慢速滚动（图片上、文字下），独立文件 */
.gczs-carousel {
  width: 100%;
  max-width: 4.6875rem;
  margin: 0 auto;
  position: relative;
  margin-top: 0.0781rem;
}

.gczs-carousel .viewport {
  position: relative;
  width: 100%;
  overflow: hidden; /* 仅显示可视区域 */
}

/* 作为滚动轨道：行内弹性布局，使项目在同一行 */
.gczs-carousel .slides {
  display: inline-flex;
  align-items: stretch;
  gap: 0.0625rem; /* 项目间距 */
  list-style: none;
  margin: 0;
  padding: 0;
  will-change: transform;
  transform: translateX(0);
}

/* 卡片：默认桌面端一屏展示 2 张，类似截图的左右布局 */
.gczs-carousel .slide {
  flex: 0 0 calc(50% - 0.0313rem); /* 2列布局，减半间距 */
  box-sizing: border-box;
  background: #fff;
  border: 0.0039rem solid #eee;
}

.gczs-carousel .slide img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 2.1484rem;
  object-fit: cover;
}

.gczs-carousel .caption {
  padding: 0.0391rem 0.0469rem;
  text-align: center;
  font-size: 0.0625rem;
  color: #222;
  border-top: 0.0039rem solid #f0f0f0;
  background: #fff;
}

/* 隐藏不需要的元素（点/箭头），保留HTML以兼容旧结构 */
.gczs-carousel .nav,
.gczs-carousel .arrow {
  display: none !important;
}

/* 小屏：单列，大图+文字 */
@media (max-width: 3.5156rem) {
  .gczs-carousel .slide {
    flex-basis: calc(100% - 0.0313rem);
  }
  .gczs-carousel .slide img {
    max-height: 1.0938rem;
  }
}

@media (max-width: 2.1875rem) {
  .gczs-carousel .slide img {
    max-height: 0.8594rem;
  }
  .gczs-carousel .caption {
    font-size: 0.0547rem;
    padding: 0.0313rem 0.0391rem;
  }
}