/* 整体布局容器：自适应宽度，最大宽度限制避免过大 */
    .carousel-wrapper {
      position: relative;
      width: 100%;
      max-width: 1400px; /* 电脑端最大宽度，可调整 */
      margin: 20px auto;}

    /* 图片容器：居中布局，自适应内边距和间距 */
    .img-container {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: clamp(8px, 2vw, 20px); /* 间距自适应：8px-20px，随屏幕宽度变化 */
      padding: clamp(10px, 2vw, 20px); /* 内边距自适应：10px-20px */
      overflow: hidden;
      min-height: 150px;}

    /* 通用图片样式：核心自适应，宽高比固定，响应式尺寸 */
    .item-img {
      /* 自适应宽度：电脑端约635px，平板/手机按比例缩小 */
      width: clamp(180px, 45vw, 635px);
      /* 固定宽高比16:9（接近原380/635），避免图片变形 */
      aspect-ratio: 16 / 9;
      object-fit: cover; /* 保持图片比例，裁剪多余部分 */
      cursor: pointer;
      transition: all 0.3s ease; /* 平滑过渡 */
      border-radius: clamp(4px, 1vw, 8px); /* 圆角自适应：4px-8px */
      opacity: 0.8;
      flex-shrink: 0;}

    /* 中间图片：默认/悬浮放大 + 层级置顶 */
    .center-img {
      transform: scale(1.1);
      z-index: 10; /* 避免被遮挡 */
      opacity: 1;
      box-shadow: 0 0 clamp(5px, 1.5vw, 10px) rgba(0,0,0,0.1);}

    /* 悬浮时进一步放大 */
    .center-img:hover {
      transform: scale(1.4); /* 放大倍数保留，过渡效果不变 */
      box-shadow: 0 0 clamp(10px, 2.5vw, 20px) rgba(0,0,0,0.2);}

    /* 非中间图片：悬浮轻微放大（对比效果） */
    .item-img:not(.center-img):hover {
      transform: scale(1.05);
      opacity: 0.9;}

    /* 轮播控制按钮：自适应尺寸、位置，移动端优化 */
    .carousel-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      /* 按钮尺寸自适应：30px-40px */
      width: clamp(30px, 4vw, 40px);
      height: clamp(30px, 4vw, 40px);
      border-radius: 50%;
      background-color: rgba(255,255,255,0.8);
      border: none;
      cursor: pointer;
      /* 按钮字体自适应：16px-20px */
      font-size: clamp(16px, 2vw, 20px);
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: 0 0 clamp(5px, 1vw, 10px) rgba(0,0,0,0.1);
      z-index: 20;
      transition: all 0.3s ease;
      /* 移动端按钮位置内缩，避免超出屏幕 */
      left: clamp(8px, 2vw, 20px);}
    .next-btn {
      left: auto; /* 重置左定位 */
      right: clamp(8px, 2vw, 20px);}
    .carousel-btn:hover {
      background-color: #fff;
      transform: translateY(-50%) scale(1.1);}

    /* 轮播指示器：自适应间距、大小 */
    .carousel-indicators {
      display: flex;
      justify-content: center;
      gap: clamp(6px, 1vw, 10px); /* 指示器间距自适应 */
      margin-top: clamp(10px, 2vw, 20px);}
    .indicator {
      /* 指示器尺寸自适应：8px-10px */
      width: clamp(8px, 1.2vw, 10px);
      height: clamp(8px, 1.2vw, 10px);
      border-radius: 50%;
      background-color: #ddd;
      cursor: pointer;
      transition: all 0.3s ease;}
    .indicator.active {
      background-color: #666;
      transform: scale(1.2);}

    /* 隐藏默认样式 */
    button {
      padding: 0;
      outline: none;
      -webkit-tap-highlight-color: transparent;}
    /* 消除图片移动端点击高亮 */
    img {
      -webkit-tap-highlight-color: transparent;}

    /* 媒体查询：小屏设备（手机，768px以下）优化 */
    @media (max-width: 768px) {
      /* 小屏中间图片放大倍数降低，避免超出屏幕 */
      .center-img {
        transform: scale(1.08);}
      .center-img:hover {
        transform: scale(1.2);}
      /* 小屏点击最大放大倍数降低 */
      .center-img.max-scale {
        transform: scale(1.4) !important;}
      /* 小屏容器最小高度降低 */
      .img-container {
        min-height: 120px;}
    }

    /* 媒体查询：超小屏设备（折叠屏/小手机，480px以下） */
    @media (max-width: 480px) {
      body {
        padding: 5px;}
      .center-img {
        transform: scale(1.05);}
      .center-img:hover {
        transform: scale(1.15);}
      .center-img.max-scale {
        transform: scale(1.3) !important;}
    }
.titlestyle1128487{ font-size: 9pt; color: #222222; line-height: 200%; text-decoration: none ;}