 
/* 关于我们自定义样式 */
.about-banner {
  height: 400px; /* 保持原有高度，可按需调整 */
  position: relative;
  overflow: hidden; /* 裁剪图片超出容器的部分（关键） */
  width: 100% !important; /* 强制满屏宽度 */
  margin: 0 !important; /* 清除默认边距 */
  padding: 0 !important; /* 清除默认内边距 */
}
    
    /* BANNER图片样式：绝对定位占满容器，作为背景 */
   .about-banner-img {
  position: absolute;
  top: 0;
  left: 0; /* 取消之前的居中偏移，width:100%自然满屏 */
  transform: none; /* 清除之前的居中transform */
  width: 100% !important; /* 宽度强制满屏 */
  height: 100% !important; /* 高度强制满屏 */
  object-fit: cover; /* 关键：保持图片比例，裁剪超出部分（避免拉伸） */
  object-position: center; /* 可选：裁剪时优先保留图片中间区域（默认就是center，可省略） */
}
    /* 移动端适配：图片居中显示 */
   @media (max-width: 768px) {
  .about-banner {
    height: 200px; /* 移动端高度按需调整 */
  }
}
    /* 按钮样式：确保高亮样式优先级足够 */
    .tab-btn {
      transition: all 0.3s ease;
      padding: 8px 32px;
      font-weight: 500;
    }
    /* 高亮样式 */
    .tab-btn.active {
      background-color: #6C9BCF !important;
      color: white !important;
    }
    /* 未高亮样式 */
    .tab-btn:not(.active) {
      background-color: #f3f4f6 !important;
      color: #1D2939 !important;
    }
    .tab-btn:not(.active):hover {
      background-color: #e5e7eb !important;
    }
    /* 移除a标签默认下划线 */
    .tab-btn { text-decoration: none; }

    /* 轮播样式：默认隐藏所有轮播图，仅显示激活项 */
    .carousel-item { display: none; }
    .carousel-item.active { display: block; }
    /* 轮播指示器交互：鼠标悬浮变指针 */
    .carousel-dot { cursor: pointer; transition: background-color 0.3s ease; }



 /* 产品BANNER（和关于我们页BANNER风格统一） */
    .product-banner {
      height: 400px;
      position: relative;
      overflow: hidden;
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
    }
    .product-banner-img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100% !important;
      height: 100% !important;
      object-fit: cover;
      object-position: center;
    }
    .product-banner-text {
      position: relative;
      z-index: 2;
      padding: 80px 0;
    }
	    
  
    /* 选项卡按钮 */
    .tab-btn.active {
      background-color:#6C9BCF !important;
      color: white !important;
    }
    .tab-btn:not(.active) {
      background-color: #f3f4f6 !important;
      color: #1D2939 !important;
    }
    .tab-btn:not(.active):hover {
      background-color: #e5e7eb !important;
    }
    /* 分页按钮样式 */
    .page-btn:not(.active) {
      background-color: #f3f4f6 !important;
      color: #1D2939 !important;
    }
    .page-btn:not(.active):hover {
      background-color: #e5e7eb !important;
    }



 /* 新闻详情页正文样式优化 */
    .news-detail-content p {
      margin-bottom: 1.5rem;
      line-height: 1.8;
    }
    .news-detail-content h2 {
      font-size: 1.5rem;
      font-weight: 600;
      color: #0F3460;
      margin: 2rem 0 1rem;
    }
    .news-detail-content h3 {
      font-size: 1.25rem;
      font-weight: 600;
      color: #0F3460;
      margin: 1.5rem 0 0.75rem;
    }
    .news-detail-content ul {
      margin-bottom: 1.5rem;
      padding-left: 1.5rem;
    }
    .news-detail-content li {
      margin-bottom: 0.5rem;
      line-height: 1.8;
    }