/* 页面商务展示：轮播（顶部 fade / 中部 slide） + 侧栏堆叠 */

.pb-carousel {
  position: relative;
  overflow: hidden;
  background: #fff;
}
.pb-carousel .pb-viewport {
  position: relative;
  width: 100%;
  height: 100%;
}
.pb-carousel .pb-slide img {
  width: 100%;
  height: 100%;
  /* contain：完整显示整张图片，不裁剪；多余空间由容器白底填充 */
  object-fit: contain;
  object-position: center center;
  display: block;
}

/* 顶部 / 中部 尺寸 */
.pb-carousel.pb-top {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  /* 高度自适应图片比例，保证整张图完整可见；最小高度与 logo 行对齐 */
  height: auto;
  min-height: 3cm;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(58, 162, 27, .12);
}
.pb-carousel.pb-middle {
  width: 100%;
  height: 92px;
  border-radius: 6px;
}

/* 特效一：淡入淡出（grid 堆叠，容器高度取最高一张图，避免图片被裁） */
.pb-carousel.pb-fade .pb-viewport {
  display: grid;
  align-content: center;
}
.pb-carousel.pb-fade .pb-slide {
  grid-area: 1 / 1;
  opacity: 0;
  transition: opacity .8s ease;
}
.pb-carousel.pb-fade .pb-slide.on { opacity: 1; }
/* 顶部 fade 轮播：图片按宽度等比缩放，完整显示 */
.pb-carousel.pb-top.pb-fade .pb-slide img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* 特效二：横向滑动 */
.pb-carousel.pb-slide .pb-viewport {
  display: flex;
  transition: transform .6s ease;
}
.pb-carousel.pb-slide .pb-slide { flex: 0 0 100%; }

/* 指示点 */
.pb-dots {
  position: absolute;
  left: 0; right: 0; bottom: 6px;
  text-align: center;
  z-index: 3;
}
.pb-dots i {
  display: inline-block;
  width: 8px; height: 8px;
  margin: 0 3px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .6);
  cursor: pointer;
}
.pb-dots i.on { background: #3aa21b; }

/* 侧栏：每图一个位置纵向排列 */
.pb-sidebar { margin-bottom: 12px; }
.pb-side-item {
  display: block;
  margin-bottom: 10px;
  border: 1px solid #e2eed8;
  border-radius: 6px;
  overflow: hidden;
}
.pb-side-item img {
  width: 100%;
  display: block;
}