/* 整张背景：包含logo、中文名称、英文名称，不再单独插入logo图片 */
    .about-banner {
      position: relative;   /* 关键：让描述文字相对 banner 定位，随 banner 一起滚动，不再偏移/漂移 */
      width: 100%;
      overflow: hidden;
    }
    .about-banner__bg {
      width: 100%;
      display: block;
      height: auto;
    }
    /* banner 底部渐变，保证文字可读（不遮挡顶部已烘焙的 logo/名称） */
    .about-banner::after {
      content: '';
      position: absolute;
      left: 0; right: 0; bottom: 0;
      height: 60%;
      background: linear-gradient(to top, rgba(0,0,0,0.55), rgba(0,0,0,0));
      z-index: 2;
      pointer-events: none;
    }
    /* 中间介绍文字区域 */
    .about-banner__desc {
      color: #fff;
      font-size: 18px;
      line-height: 1.75;
      text-align: center;
    }
      .about-banner__desc_p {
        position: absolute;
        left: 50%;
        bottom: 5%;
        transform: translateX(-50%);
        width: 90%;
        max-width: 1200px;
        text-align: center;
        z-index: 3;
        text-shadow: 0 2px 10px rgba(0,0,0,0.55);
      }
    .about-banner__desc-p {
     font-size: 18px;
       margin-bottom: 12px;
       color: #fff !important;
     }
    /* 底部数据栏 */
     .about-banner__data_b {
      left: 0;
      width: 100%;
    background-color: #0059bc;
      justify-content: space-evenly;
    }
    .about-banner__data {
     
      max-width: 1400px;
      margin: 0 auto;
      
      display: flex;
      justify-content: space-around;
      padding: 32px 0px;
      color: #fff;
    }
  /*  .about-banner__data-item {
      text-align: center;
      margin-right: 5.5%;
    }*/
    .about-banner__data-num {
      font-size: 45px;
      font-weight: bold;
      margin-bottom: 5px;
    }
    .about-banner__data-text {
      font-size: 20px;
    }
        /* about规范BEM命名 */
    .about-wrap {
      padding: 60px 4%;
      background: #ffffff;
    }
    .about-container {
      max-width: 1400px;
      margin: 0 auto;
    }
    .about-container__title {
      text-align: center;
      font-size: 34px;
      color: #222;
      margin-bottom: 50px;
    }
    .about-introduce {
      display: flex;
      gap: 40px;
      align-items: flex-start;
    }
    /* 左侧折叠区域 */
    .about-introduce__left {
      width: 58%;
    }
    .about-collapse__list {
      list-style: none;
      border-top: 1px solid #e6e8ec;
    }
    .about-collapse__item {
      border-bottom: 1px solid #e6e8ec;
    }
    .about-collapse__tit {
      padding: 22px 16px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 24px;
      color: #222;
      cursor: pointer;
      position: relative;
    }
    /* 激活项左侧蓝色竖线 */
    .about-collapse__item.active .about-collapse__tit::before {
      content: "";
      position: absolute;
      left: 0;
      top: 22px;
      bottom: 22px;
      width: 3px;
      background-color: #0066ff;
    }
    .about-collapse__content {
      padding: 0 16px;
      height: 0;
      overflow: hidden;
      transition: all 0.35s ease;
      background: #f8fafc;
    }
    .about-collapse__item.active .about-collapse__content {
      padding: 0 16px 26px;
      height: auto;
    }
    .about-text p {
      font-size: 20px;
      line-height: 1.8;
      padding-top: 20px;
      color: #444;
      margin-bottom: 14px;
    }
    /* 右侧证书区域 */
    .about-introduce__right {
      width: 42%;
      background: #f8fafc;
      padding: 30px 24px;
      border-radius: 12px;
    }
    .about-cert__box {
      display: none;
    }
    .about-cert__box.active {
      display: block;
    }
    .about-cert__tit {
      font-size: 16px;
      text-align: center;
      color: #222;
      margin-bottom: 18px;
      line-height:1.5;
    }
    .about-cert__imgbox {
      display: flex;
      gap:10px;
    }
    .about-cert__item {
      flex:1;
    }
    .about-cert__item img {
      width:100%;
      display:block;
      border:1px solid #eee;
    }
    .about-cert__box + .about-cert__box {
      /*margin-top:36px;*/
    }
    /* 箭头上下切换 */
    .about-arrow {
      font-size:22px;
      color:#666;
      transition: transform 0.3s;
    }
    .about-collapse__item.active .about-arrow {
      transform: rotate(90deg);
    }
    /* 移动端适配 */
    @media(max-width:992px){
      .about-introduce{
        flex-direction:column;
      }
      .about-introduce__left,.about-introduce__right{
        width:100%;
      }
    }
    /* 移动端：banner 文案改为图片下方流式排列，彻底避免绝对定位遮挡下方区块 */
    @media (max-width: 768px) {
      .about-banner {
        overflow: visible;
      }
      .about-banner::after {
        display: none;
      }
      .about-banner__desc_p {
        position: static;
        transform: none;
        left: auto;
        bottom: auto;
        width: 100%;
        max-width: 100%;
        padding: 18px 16px 24px;
        background: rgba(0, 89, 188, 0.92);
        text-shadow: none;
      }
      .about-banner__desc-p {
        font-size: 14px;
        margin-bottom: 8px;
      }
    }
    .about-history {
      width: 100%;
      background: #1958cc;
      background-size: cover;
      background-position: center;
      padding: 70px 4%;
      position: relative;
      overflow-x: hidden;
    }
   .about-history_1{
       max-width: 1400px;
       margin: 0 auto;
     }

    .about-history::before {
      content: '';
      position: absolute;
      left: 0;top:0;right:0;bottom:0;
      background-color: rgba(25, 88, 204, 0.75);
      z-index:1;
    }
    .about-history__inner {
      max-width: 1600px;
      margin:0 auto;
      position: relative;
      z-index:2;
    }
    .about-history__title {
      text-align: center;
      font-size: 34px;
      color:#fff;
      margin-bottom:60px;
      font-weight:normal;
    }
    /* 主体左右布局 */
    .about-history__content {
      display: flex;
      align-items: flex-start;
      gap:50px;
      margin-bottom:60px;
    }
    .about-history__left {
      width: 52%;
      padding-left:30px;
      position:relative;
    }
    .about-history__year-box {
      width:220px;
      height:60px;
      border:2px solid #fff;
      border-radius:8px;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:32px;
      color:#fff;
      margin:0 auto 30px;
      position:relative;
    }
    .about-history__year-box::after {
      content:'';
      width:2px;
      height:32px;
      background:#fff;
      position:absolute;
      left:50%;
      bottom:-32px;
      transform:translateX(-50%);
    }
    .about-history__list {
      color:#fff;
      font-size:17px;
      line-height:2;
    }
    .about-history__list li {
      list-style: none;
      position:relative;
      padding-left:22px;
      margin-bottom:8px;
      font-size: 20px;
    }
    .about-history__list li::before {
      content:'●';
      position:absolute;
      left:0;
      top:0;
    }
    .about-history__right {
      width:42%;
    }
    .about-history__img {
      width:100%;
      border:3px solid #fff;
      border-radius:12px;
      display:block;
    }
    /* 左右切换箭头 */
    .about-history__prev,.about-history__next {
      width:42px;
      height:42px;
      border:2px solid #fff;
      border-radius:50%;
      color:#fff;
      background:transparent;
      font-size:22px;
      cursor:pointer;
      position:absolute;
      top:50%;
      transform:translateY(-50%);
      z-index:3;
    }
    .about-history__prev {left:12%;}
    .about-history__next {right:12%;}
    /* 底部年份时间轴 */
    .about-history__timeline {
      display:flex;
      justify-content:space-around;
      align-items:center;
      position:relative;
      padding-top:11px;
    }
    .about-history__timeline::before {
      content:'';
      width:92%;
      height:2px;
      background:#fff;
      position:absolute;
      left:4%;
      top:20px;
    }
    .about-history__dot-item {
      display:flex;
      flex-direction:column;
      align-items:center;
      color:#fff;
      font-size:18px;
      cursor:pointer;
      position:relative;
      z-index:2;
    }
    .about-history__dot {
      width:12px;
      height:12px;
      background:#fff;
      border-radius:50%;
      margin-bottom:12px;
    }
    .about-history__dot-item.active .about-history__dot {
      width:18px;
      height:18px;
      background:#3692ff;
      border:2px solid #fff;
    }
    /* 移动端 */
    @media(max-width:992px){
      .about-history__content {
        flex-direction:column;
      }
      .about-history__left,.about-history__right {
        width:100%;
      }
      .about-history__title {font-size:32px;}
    }
    .about-business{
  width:100%;
  max-width: 1400px;
  min-width:650px;
  padding:50px 3%;
  position:relative;
  overflow:hidden;
  margin: 0 auto;
}
.about-business__title{
  text-align:center;
  font-size:46px;
  color:#222;
  margin-bottom:60px;
}
.about-business__swiper{
  width:82%;
  margin:0 auto;
  position:relative;
  overflow:hidden;
}
.about-business__wrap{
  display:flex;
  transition:all 0.4s ease;
}
.about-business__item{
  flex:0 0 100%;
  padding:0 12px;
}
.about-business__imgbox{
  width:100%;
  overflow:hidden;
  position:relative;
}
.about-business__img{
  width:100%;
  display:block;
}
.about-business__text{
  position:absolute;
  left:32px;
  bottom:32px;
  color:#fff;
}
.about-business__subtit{
  font-size:28px;
  margin-bottom:12px;
}
.about-business__desc{
  font-size:15px;
  line-height:1.7;
  opacity:0.95;
}
.about-business__more{
  display:inline-block;
  margin-top:16px;
  font-size:16px;
  padding-left:22px;
  position:relative;
}
.about-business__more::before{
  content:"";
  width:16px;height:16px;
  border-radius:50%;
  background:#fff;
  position:absolute;
  left:0;top:50%;transform:translateY(-50%);
}
.about-business__prev,.about-business__next{
  width:56px;height:56px;
  border-radius:50%;
  background:#3692ff;
  color:#fff;
  border:none;
  font-size:22px;
  cursor:pointer;
  position:absolute;
  top:50%;: 
  transform:translateY(-50%);
  z-index:2;
}
.about-business__prev{left:6%;}
.about-business__next{right:6%;}
.about-business__dotwrap{
  display:flex;
  gap:12px;
  justify-content:center;
  margin-top:36px;
}
.about-business__dot{
  width:12px;height:12px;
  border-radius:50%;
  background:#c2d7f2;
  cursor:pointer;
}
.about-business__dot.active{
  background:#3692ff;
}

       /* --- 容器布局 --- */
        .carousel-container {
            position: relative;
            width: 100%;
            max-width: 1400px;
            margin:  0 auto;
            height: 530px;
            display: flex;
            justify-content: center;
            align-items: center;
            perspective: 1000px; /* 开启3D透视 */
        }

        .carousel-container_hd{
         
          max-width: 1400px;
          margin: 0 auto;
          text-align: center;
          font-size: 34px;
          padding-top: 50px;
        }
        /* --- 幻灯片通用样式 --- */
        .slide {
            position: absolute;
            width: 700px; /* 中间主图的宽度 */
            height: 450px; /* 中间主图的高度 */
            background-size: cover;
            background-position: center;
            border-radius: 20px;
            transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* 平滑过渡动画 */
            box-shadow: 0 15px 35px rgba(0,0,0,0.1);
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            padding: 40px;
            color: white;
            overflow: hidden;
        }

        /* 黑色渐变遮罩，让文字更清晰 */
        .slide::before {
            content: '';
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 60%);
            z-index: 1;
            opacity: 0.55;
            transition: opacity 0.3s;
        }

        /* 只有激活状态的卡片才显示深色遮罩 */
        .slide.active::before {
            opacity: 1;
        }

        /* --- 状态控制 (核心逻辑) --- */

        /* 1. 当前激活 (中间) */
        .slide.active {
            transform: translateX(0) scale(1);
            z-index: 10;
            opacity: 1;
            filter: brightness(1);
        }

        /* 2. 左侧 (上一个) */
        .slide.prev {
            transform: translateX(-350px) scale(0.75); /* 向左移，缩小 */
            z-index: 5;
            opacity: 0.6; /* 半透明 */
            filter: brightness(0.7); /* 变暗 */
            pointer-events: none; /* 防止误触 */
        }

        /* 3. 右侧 (下一个) */
        .slide.next {
            transform: translateX(350px) scale(0.75); /* 向右移，缩小 */
            z-index: 5;
            opacity: 0.6;
            filter: brightness(0.7);
            pointer-events: none;
        }

        /* 4. 隐藏的其他卡片 */
        .slide.hidden {
            transform: translateX(0) scale(0.5);
            opacity: 0;
            z-index: 0;
            pointer-events: none;
        }

        /* --- 内容样式 --- */
        .content {
            position: relative;
            z-index: 2;
            transform: translateY(20px);
            opacity: 0;
            transition: all 0.5s ease 0.3s; /* 延迟出现 */
        }

        .slide.active .content {
            transform: translateY(0);
            opacity: 1;
        }

        .content h2 {
            font-size: 28px;
            margin-bottom: 15px;
            font-weight: 700;
            color: #fff !important;
        }

        .content p {
            font-size: 14px;
            line-height: 1.6;
            margin-bottom: 25px;
            color: rgba(255,255,255,0.9);
            max-width: 90%;
        }

        .read-more {
            display: inline-flex;
            align-items: center;
            text-decoration: none;
            color: white;
            font-weight: bold;
            font-size: 14px;
            background: rgba(255,255,255,0.2);
            padding: 10px 20px;
            border-radius: 30px;
            backdrop-filter: blur(5px);
            transition: background 0.3s;
        }

        .read-more:hover {
            background: rgba(255,255,255,0.4);
        }

        .read-more span {
            margin-left: 10px;
        }

        /* --- 导航按钮 --- */
        .nav-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: #fff;
            border: none;
            cursor: pointer;
            z-index: 20;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            display: flex;
            justify-content: center;
            align-items: center;
            color: #333;
            font-size: 20px;
            transition: transform 0.2s;
        }

        .nav-btn:hover {
            transform: translateY(-50%) scale(1.1);
        }

        .prev-btn { left: 50px; }
        .next-btn { right: 50px; }

        /* --- 移动端适配 --- */
        @media (max-width: 768px) {
            .slide {
                width: 85%;
                height: 400px;
            }
            .slide.prev { transform: translateX(-20px) scale(0.8); opacity: 0; } /* 手机上直接隐藏左右 */
            .slide.next { transform: translateX(20px) scale(0.8); opacity: 0; }
            .nav-btn { width: 40px; height: 40px; font-size: 16px; }
            .prev-btn { left: 10px; }
            .next-btn { right: 10px; }
        }


        /* --- 核心样式变量 --- */
        :root {
            --primary-color: #0056b3; /* 指定色值 */
            --bg-light: #eef4fa;      /* 浅蓝背景 */
            --text-dark: #333333;
            --text-gray: #666666;
        }

        /* --- 容器样式 (.about_fw) --- */
        .about_fw {
            width: 100%;
            max-width: 1500px;
            margin: 0 auto;
            padding: 50px 0px;
            background-color: #fff;
            text-align: center;
        }

        .section-title {
            color: #222;
            font-size: 28px;
            font-weight: normal;
            margin-bottom: 50px;
            letter-spacing: 1px;
        }

        /* --- 流程列表布局 --- */
        .process-list {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            list-style: none;
            position: relative;
            flex-wrap: wrap; /* 允许换行以适应小屏幕 */
        }

        /* --- 单个步骤项 --- */
        .process-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
            flex: 1;
            min-width: 140px; /* 防止过度挤压 */
            margin-bottom: 20px;
        }

        /* --- 图标圆圈 --- */
        .icon-circle {
            width: 120px;
            height: 120px;
            background-color: var(--bg-light);
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 15px;
            transition: all 0.3s ease;
            position: relative;
            z-index: 2;
        }

  

        /* --- SVG 图标样式 --- */
        .icon-circle img {
            width: 48px;
            height: 48px;
            fill: var(--primary-color);
            transition: fill 0.3s ease;
        }

        /* 悬停时图标变白 */
        .process-item:hover .icon-circle svg {
            fill: #fff;
        }

        /* --- 文字内容 --- */
        .step-text {
            color: var(--text-dark);
            font-size: 20px;
            line-height: 1.6;
            font-weight: 500;
            padding: 0 5px;
        }

        /* --- 连接箭头 (CSS 绘制) --- */
        .arrow-connector {
            position: absolute;
            top: 55px; /* 调整箭头高度以对齐圆圈中心 */
            right: -15px; /* 向右偏移 */
            width: 30px;
            height: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1;
        }

        /* 使用伪元素绘制双箭头 >> */
        .arrow-connector::before,
        .arrow-connector::after {
            content: '';
            display: block;
            border-top: 2px solid #ccc;
            border-right: 2px solid #ccc;
            width: 10px;
            height: 10px;
            transform: rotate(45deg);
            margin-right: -4px; /* 重叠一点形成双箭头效果 */
        }

        /* --- 响应式处理 --- */
        @media (max-width: 992px) {
            .process-list {
                justify-content: center;
            }
            .process-item {
                flex: 0 0 30%; /* 平板显示3列 */
                margin-bottom: 40px;
            }
            .arrow-connector {
                display: none; /* 小屏幕隐藏连接线，改为网格布局更清晰 */
            }
        }

        @media (max-width: 600px) {
            .process-item {
                flex: 0 0 50%; /* 手机显示2列 */
            }
            .section-title {
                font-size: 24px;
                margin-bottom: 30px;
            }
        }

         /* --- 荣誉模块专用样式（不污染全局） --- */
        .honor-section {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
            background-color: #fff;
            color: #333;
        }

        /* 模块容器 */
        .honor-section {
            padding: 20px 20px;
            max-width: 1400px;
            margin: 0 auto;
        }

        /* 模块标题 */
        .honor-header {
            text-align: center;
            margin-bottom: 40px;
        }

        .honor-header h2 {
                color: #222;
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 50px;
    letter-spacing: 1px;
        }

        .honor-header p {
            font-size: 14px;
            color: #666;
        }

        /* 证书网格容器（核心布局修正） */
        .honor-grid {
            max-width: 1400px;
            margin: 0 auto;
            display: grid;
            /* 4列布局：左侧1列，右侧3列 */
            grid-template-columns: 1fr 1fr 1fr 1fr;
            grid-template-rows: auto auto;
            gap: 20px;
        }

        /* 左侧大图卡片：占2行 */
        .honor-card.large {
            grid-row: span 2;
            background: #fff;
            
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        /* 右侧普通卡片 */
        .honor-card {
            background: #fff;
           
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .honor-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(0,0,0,0.1);
        }

        .honor-card img {
            width: 100%;
            height: 100%;
           
            display: block;
            border-radius: 4px;
        }

        /* 响应式适配 */
        @media (max-width: 992px) {
            .honor-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            /* 平板端大图不再跨2行，和其他卡片一样 */
            .honor-card.large {
                grid-row: span 1;
            }
        }

        @media (max-width: 576px) {
            .honor-grid {
                grid-template-columns: 1fr;
            }
            .honor-header h2 {
                font-size: 22px;
            }
        }