/* 全局基础 */
body {
  margin: 0;
  font-family: Inter, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}


/* ========== Base ========== */
:root{
  --text:#1f2a37;
  --muted:#7b8794;
  --blue:#008BD5;     /* 左下蓝 */
  --orange:#9ae94f;   /* 右下橙 */
  --max:1180px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  color:var(--text);
  background:#fff;
}

/* ========== Section ========== */
.abt-hero{
  position:relative;
  padding-top:62px; /* 顶部留白（图里很空） */
}

/* 顶部内容容器 */
.abt-hero__inner{
  position:relative;
  width:min(var(--max), calc(100% - 96px));
  margin:0 auto;
  padding:0 0 28px 0;
}

/* 面包屑（右上角） */
.abt-crumb{
  position:absolute;
  right:0;
  top:8px;
  display:flex;
  align-items:center;
  gap:10px;
  color:#9aa5b1;
  font-size:12px;
  line-height:1;
  user-select:none;
}

.abt-crumb a{
  color:#9aa5b1;
  text-decoration:none;
}
.abt-crumb a:hover{color:#6b7785}

.abt-crumb__home{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  border-radius:3px;
}

.abt-crumb__sep{
  opacity:.7;
  transform:translateY(-.5px);
}
.abt-crumb__current{
  color:#9aa5b1;
}

/* 左侧标题区 */
.abt-head{
  padding-top:36px; /* 让标题更靠下，贴近截图比例 */
}

.abt-head__title{
  margin:0;
  font-weight:300;          /* 图里“关于我们”很细 */
  font-size:52px;
  letter-spacing:0px;
  color:#6b7280;
}

.abt-head__slogan{
  margin:22px 0 0 0;
  font-size:34px;
  line-height:1.22;
  font-weight:700;
  color:#008BD5;
  letter-spacing:0px;
}

/* ========== 斜切图片 + 交叉色块 ========== */
.abt-shape{
  position:relative;
  width:100%;
  height:820px;             /* 控制图形区高度 */
  overflow:hidden;
}

/* 中间图片带（做斜切遮罩） */
.abt-shape__img{
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  width:100%;
  height:100%;
  object-fit:cover;

  /* 关键：斜切形状（贴近你的效果图） */
  clip-path:polygon(
    0% 34%,
    100% 10%,
    100% 58%,
    0% 82%
  );
}

/* 左下蓝色三角（大面积） */
.abt-shape__blue{
  position:absolute;
  left:-18%;
  top:-41px;            /* ✅ 改成贴顶 */
  bottom:auto;      /* ✅ 取消贴底 */
  width:78%;
  height:60%;
  background:var(--blue);
  z-index:2;

  /* ✅ 上方长三角楔形（指向中间） */
  clip-path: polygon(
    0% 18%,     /* 左上 */
    78% 48%,    /* 尖角（指向中间） */
    0% 72%      /* 左下 */
  );
}


/* 右下橙色三角（大面积） */
.abt-shape__orange{
  position:absolute;
  right:-10%;
  bottom:-2px;
  width:78%;
  height:74%;
  background:var(--orange);
  clip-path:polygon(
    28% 58%,
    100% 35%,
    100% 100%
  );
  z-index:1;
}

/* 让交叉处更像图里“X”交叠：给蓝色更高层级并加一点阴影质感 */
.abt-shape__blue{
  filter:drop-shadow(0 6px 18px rgba(0,0,0,.08));
}

/* ========== Responsive ========== */
@media (max-width: 980px){
  .abt-hero__inner{width:min(var(--max), calc(100% - 44px))}
  .abt-head__title{font-size:42px}
  .abt-head__slogan{font-size:28px}
  .abt-shape{height:360px}
}

@media (max-width: 640px){
  .abt-hero{padding-top:28px}
  .abt-crumb{position:static; justify-content:flex-end; margin:0 auto 10px auto; width:min(var(--max), calc(100% - 32px))}
  .abt-hero__inner{width:min(var(--max), calc(100% - 32px))}
  .abt-head{padding-top:18px}
  .abt-head__title{font-size:34px}
  .abt-head__slogan{font-size:22px}
  .abt-shape{height:300px}
  .abt-shape__img{
    clip-path:polygon(0% 38%, 100% 16%, 100% 60%, 0% 84%);
  }
}

@media (max-width: 980px){
  .abt-shape__blue{
    top: -18px;   /* ✅ 往下 18px，你可微调 */
  }
}

@media (max-width: 640px){
  .abt-shape__blue{
    top: 0px;   /* ✅ 手机端再往下多一点 */
  }
}


/* ===== 企业概况 section ===== */
.about2{
  position:relative;
  padding:110px 0 120px;  /* ⬅️ 上下明显加大 */
  background:#ffffff;
  overflow:hidden;
}

/* ✅ 背景浅灰“X”斜切纹理（满屏贯穿版） */
.about2::before,
.about2::after{
  content:"";
  position:absolute;
  left:50%;
  top:58%;

  /* ✅ 关键：用 100vw 横跨整个屏幕，而不是 1600px */
  width:100vw;
  height:780px;

  transform:translateX(-50%);
  pointer-events:none;

  /* ✅ 颜色/质感保持你原来的风格 */
  background:linear-gradient(
    135deg,
    rgba(16,24,40,.06) 0%,
    rgba(16,24,40,.06) 48%,
    rgba(255,255,255,0) 48%
  );

  clip-path:polygon(0% 35%, 100% 8%, 100% 35%, 0% 62%);
  opacity:.9;
}

/* 第二层交叉（同样满屏贯穿） */
.about2::after{
  top:70%;
  width:100vw;
  height:780px;
  background:linear-gradient(
    225deg,
    rgba(16,24,40,.06) 0%,
    rgba(16,24,40,.06) 48%,
    rgba(255,255,255,0) 48%
  );
  clip-path:polygon(0% 10%, 100% 35%, 100% 62%, 0% 35%);
  opacity:.65;
}

.about2__wrap{
  width:min(1180px, calc(100% - 96px));
  margin:0 auto;
  position:relative;
  z-index:2;
}

/* 顶部标题行 */
.about2__head{
  display:flex;
  align-items:flex-start;
  gap:44px;
  padding-left:8px;
}

.about2__tag{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:160px;
}

.about2__dot{
  width:6px;
  height:6px;
  background:#008BD5;
  display:inline-block;
}

.about2__tagtext{
  margin:0;
  font-size:32px;
  font-weight:700;
  color:#008BD5;
  letter-spacing:.5px;
}

.about2__intro{
  flex:1;
  padding-top:2px;
}

.about2__line1{
  font-size:24px;
  font-weight:600;
  color:#008BD5;
  line-height:1.6;
}

.about2__line2{
  margin-top:10px;
  font-size:16px;
  color:#6b7280;
  line-height:1.7;
}
.about2__code{
  font-weight:700;
  color:#374151;
}

/* 视频区域 */
.about2__media{
  margin-top:34px;
  position:relative;
  width:100%;
  height:480px;
  border-radius:0;
  overflow:hidden;
  background:#0b0f19;
}

.about2__video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

/* 左侧浮层（播放 + 文案） */
.about2__overlay{
  position:absolute;
  left:56px;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  gap:18px;
  color:#fff;
  z-index:3;
  pointer-events:none; /* 保持点击视频控件 */
}

.about2__play{
  width:72px;
  height:72px;
  border-radius:50%;
  background:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
}

.about2__playicon{
  width:0;
  height:0;
  border-left:14px solid #0b0f19;
  border-top:9px solid transparent;
  border-bottom:9px solid transparent;
  margin-left:3px;
}

.about2__metaTitle{
  font-size:18px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.2px;
}

.about2__metaTime{
  margin-top:6px;
  font-size:14px;
  font-weight:700;
  opacity:.95;
}

/* 数据指标 */
.about2__stats{
  margin-top:56px;
  display:grid;
  grid-template-columns: repeat(6, 1fr);
  gap:22px;
  align-items:start;
  padding:0 8px;
}

.about2__stat{
  text-align:center;
}

.about2__num{
  font-size:40px;
  font-weight:600;
  color:#008BD5;
  letter-spacing:1px;
}

.about2__plus{
  font-size:.75em;
  font-weight:800;
  vertical-align:top;
  margin-left:2px;
}

.about2__label{
  margin-top:8px;
  font-size:16px;
  color:#6b7280;
  line-height:1.5;
}

/* ===== 响应式 ===== */
@media (max-width: 980px){
  .about2__wrap{ width:min(1180px, calc(100% - 44px)); }
  .about2__head{ gap:28px; }
  .about2__media{ height:320px; }
  .about2__overlay{ left:36px; }
  .about2__stats{ grid-template-columns: repeat(3, 1fr); row-gap:26px; }

  /* ✅ 让背景在平板端仍然覆盖到位 */
  .about2::before,
  .about2::after{
    height:720px;
  }
}

@media (max-width: 640px){

  /* section整体：更像参考图的留白比例 */
  .about2{
    padding:32px 0 44px;   /* ⬅️ 比你现在更克制，更像右图 */
  }

  .about2__wrap{
    width:min(1180px, calc(100% - 32px));
  }

  /* 头部：改成竖排，并控制字号 */
  .about2__head{
    flex-direction:column;
    gap:10px;
    padding-left:0;
  }

  .about2__tag{
    min-width:auto;
    gap:10px;
    align-items:center;
  }

  /* “企业概况” */
  .about2__dot{
    width:5px;
    height:5px;
  }
  .about2__tagtext{
    font-size:24px;      /* ✅ 参考图：标题明显但不夸张 */
    font-weight:800;
    letter-spacing:.2px;
    line-height:1.15;
  }

  /* 主标题（蓝色那句） */
  .about2__intro{
    padding-top:0;
  }
  .about2__line1{
    font-size:18px;      /* ✅ 降低字号，贴近右图 */
    font-weight:700;
    line-height:1.45;
  }

  /* 副标题（灰色说明） */
  .about2__line2{
    margin-top:8px;
    font-size:14px;      /* ✅ 右图就是这种小号正文 */
    line-height:1.75;
    color:#6b7280;
  }

  /* 视频：更高一点，左右边距保持，overlay更贴左 */
  .about2__media{
    height:240px;        /* ✅ 参考图接近 */
    margin-top:18px;
  }

  .about2__overlay{
    left:18px;
    gap:14px;
  }

  .about2__play{
    width:56px;
    height:56px;
  }
  .about2__playicon{
    border-left-width:12px;
    border-top-width:8px;
    border-bottom-width:8px;
  }

  .about2__metaTitle{
    font-size:16px;
    font-weight:700;
    line-height:1.2;
  }
  .about2__metaTime{
    margin-top:4px;
    font-size:13px;
    font-weight:700;
    opacity:.95;
  }

  /* 数据区：移动端按参考图做成2列，行距更舒服 */
  .about2__stats{
    margin-top:22px;                 /* ✅ 参考图数据区更贴近视频 */
    grid-template-columns: repeat(3, 1fr);
    column-gap:28px;
    row-gap:26px;
    padding:0;
  }

  .about2__stat{
    text-align:center;
  }

  .about2__num{
    font-size:28px;                  /* ✅ 右图数字大小 */
    font-weight:800;
    letter-spacing:.5px;
  }

  .about2__label{
    margin-top:8px;
    font-size:13px;                  /* ✅ 右图小字 */
    line-height:1.55;
    color:#6b7280;
  }

  /* 背景灰色X：移动端降低存在感，位置更靠下（避免顶到头部） */
  .about2::before,
  .about2::after{
    height:520px;
    top:64%;
    opacity:.55;     /* ✅ 更淡，贴右图 */
  }
  .about2::after{
    top:76%;
    opacity:.42;
  }
}

/* ===== 使命 / 六边形 section ===== */
.mission{
  position:relative;
  min-height:420px;
  overflow:hidden;
  background:#0b0f19;
}

/* 背景图 */
.mission__bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  transform:scale(1.03);
}

/* 黑色遮罩，让文字/图标更清晰 */
.mission__shade{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.35);
}

/* 中间横线 */
.mission__line{
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:1px;
  background:rgba(255,255,255,.18);
  transform:translateY(-50%);
  z-index:2;
}

/* 版心 */
.mission__wrap{
  position:relative;
  z-index:3;
  width:min(1180px, calc(100% - 96px));
  margin:0 auto;
  min-height:420px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:56px;
  padding:60px 0;
}

/* 左侧文案 */
.mission__left{
  color:#fff;
  flex:0 0 360px;
}

.mission__kicker{
  font-size:16px;
  font-weight:700;
  opacity:.95;
  margin-bottom:10px;
}

.mission__title{
  margin:0;
  font-size:44px;
  font-weight:300;           /* 参考图偏细 */
  letter-spacing:0px;
  line-height:1.12;
}

/* 右侧：横向排列五个六边形 */
.mission__right{
  flex:1;
  display:flex;
  justify-content:flex-end;
}

/* ✅ 桌面：一行 5 个 */
.hx-grid{
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:26px;
  align-items:center;
}

/* ===== 六边形主体（用 clip-path 做形状） ===== */
.hx{
  width:130px;
  aspect-ratio: 1 / 1.15; /* 六边形更像参考图 */
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;

  /* 外边框线 */
  clip-path:polygon(
    25% 6%,
    75% 6%,
    100% 50%,
    75% 94%,
    25% 94%,
    0% 50%
  );

  border:1px solid rgba(255,255,255,.35);
  background:rgba(0,0,0,.12);
  backdrop-filter: blur(1px);
}

/* 内部内容 */
.hx__inner{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#fff;
  text-align:center;
}

/* icon */
.hx__icon{
  width:68px;
  height:68px;
  object-fit:contain;
  opacity:.95;
  filter: drop-shadow(0 6px 12px rgba(0,0,0,.25));
}

.hx__label{
  font-size:14px;
  font-weight:700;
  letter-spacing:.5px;
  opacity:.95;
}

/* ===== 响应式 ===== */
@media (max-width: 980px){
  .mission__wrap{
    width:min(1180px, calc(100% - 44px));
    gap:32px;
  }
  .mission__title{ font-size:44px; }
  .hx{ width:112px; }
  .hx-grid{ gap:18px; }
}

/* ✅ 手机端：上面3个，下面2个 */
@media (max-width: 640px){
  .mission{
    min-height:520px;
  }
  .mission__wrap{
    width:min(1180px, calc(100% - 32px));
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    padding:42px 0 54px;
    gap:24px;
    min-height:520px;
  }

  .mission__left{
    flex:0 0 auto;
  }

  .mission__kicker{ font-size:14px; }
  .mission__title{ font-size:38px; letter-spacing:1px; }

  .mission__right{
    width:100%;
    justify-content:flex-start;
  }

  /* ✅ 3列 => 自动变成两行（6格会是3+3，但我们只有5个=3+2） */
  .hx-grid{
    width:100%;
    grid-template-columns:repeat(3, 1fr);
    gap:14px;
  }

  .hx{
    width:100%;
    max-width:120px;
    justify-self:start;
  }
}

/* 六边形外框：加粗白色描边 */
.hx{
  width:130px;
  aspect-ratio: 1 / 1.15;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;

  clip-path:polygon(
    25% 6%,
    75% 6%,
    100% 50%,
    75% 94%,
    25% 94%,
    0% 50%
  );

  /* ✅ 描边从这里调 */
  border:2px solid rgba(255,255,255,.85);   /* 稍微粗一点、纯白 */
  background:rgba(0,0,0,.08);

  /* 轻微提亮，让白线更“浮” */
  box-shadow:
    0 0 0 1px rgba(255,255,255,.25) inset,
    0 8px 18px rgba(0,0,0,.25);

  backdrop-filter: blur(1px);
}

.hx:hover{
  border-color:#ffffff;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.45) inset,
    0 10px 22px rgba(0,0,0,.35);
}

/* ===== 品牌文化 section ===== */
.culture{
  position:relative;
  padding:96px 0 110px;
  background:#fff;
}

/* 版心 */
.culture__wrap{
  width:min(1180px, calc(100% - 96px));
  margin:0 auto;
}

/* 顶部标题（小方块 + 标题） */
.culture__head{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:58px;
}

.culture__dot{
  width:6px;
  height:6px;
  background:#008BD5;
  display:inline-block;
}

.culture__title{
  margin:0;
  font-size:28px;
  font-weight:700;
  color:#008BD5;
  letter-spacing:.2px;
}

/* 两栏布局 */
.culture__grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:120px;                 /* ✅ 中间留大空白，贴近你图 */
  align-items:start;
}

/* 单项：icon + 内容 */
.culture__item{
  display:flex;
  align-items:flex-start;
  gap:22px;
}

/* icon容器 */
.culture__iconbox{
  width:56px;
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 46px;
}

.culture__icon{
  width:86px;
  height:86px;
  object-fit:contain;
  display:block;
}

/* 标题行（橙色短横线 + H3） */
.culture__cap{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:6px;
}

.culture__bar{
  width:22px;
  height:3px;
  background:#F59F0B;   /* 橙色短横线 */
  border-radius:2px;
  display:inline-block;
}

.culture__h3{
  margin:0;
  font-size:18px;
  font-weight:600;
  color:#111827;
}

.culture__desc{
  margin:14px 0 0;
  font-size:15px;
  line-height:1.9;
  color:#6b7280;
  max-width:520px;      /* ✅ 右侧长句更像图里那样不会拉太宽 */
}

/* ===== 响应式 ===== */
@media (max-width: 980px){
  .culture{ padding:72px 0 84px; }
  .culture__wrap{ width:min(1180px, calc(100% - 44px)); }
  .culture__grid{ gap:56px; }
}

@media (max-width: 640px){
  .culture{ padding:44px 0 56px; }
  .culture__wrap{ width:min(1180px, calc(100% - 32px)); }
  .culture__head{ margin-bottom:30px; }
  .culture__title{ font-size:22px; }

  .culture__grid{
    grid-template-columns:1fr;
    gap:28px;
  }

  .culture__item{ gap:16px; }
  .culture__iconbox{ width:40px; height:40px; flex-basis:40px; }
  .culture__icon{ width:40px; height:40px; }

  .culture__h3{ font-size:16px; }
  .culture__desc{ font-size:14px; line-height:1.8; }
}

/* ===== Timeline 单屏切换版 ===== */
.timeline1{
  background:#3441facc;   /* 接近截图的灰 */
  color:#fff;
  padding:70px 0 90px;
  overflow:hidden;
}

.timeline1__wrap{
  width:min(1180px, calc(100% - 96px));
  margin:0 auto;
}

/* 标题 */
.timeline1__head{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:26px;
}

.timeline1__dot{
  width:6px;
  height:6px;
  background:#F59F0B;
  display:inline-block;
}

.timeline1__title{
  margin:0;
  font-size:26px;
  font-weight:800;
}

/* 顶部时间轴 */
.t1bar{
  position:relative;
  padding:22px 0 10px;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:22px;
}

.t1bar__line{
  position:absolute;
  left:0;
  right:0;
  top:20px;
  height:2px;
  background:rgba(255,255,255,.35);
}

.t1bar__node{
  position:relative;
  background:transparent;
  border:0;
  padding:0;
  cursor:pointer;
  color:rgba(255,255,255,.62);
  min-width:64px;
  text-align:center;
  font:inherit;
  user-select:none;
  transform:translateY(-5px);
}

.t1bar__pin{
  display:block;
  width:8px;
  height:8px;
  margin:0 auto 8px;
  border-radius:50%;
  background:rgba(255,255,255,.78);
  box-shadow:0 0 0 3px rgba(255,255,255,.12);
}

.t1bar__label{
  display:block;
  font-size:13px;
  font-weight:700;
}

.t1bar__node.is-active{
  color:#F59F0B;
}
.t1bar__node.is-active .t1bar__pin{
  background:#F59F0B;
  box-shadow:0 0 0 3px rgba(245,159,11,.25);
}

/* ✅ 单屏内容 */
.t1panel{
  margin-top:34px;
  min-height:420px;   /* 大留白效果 */
  padding-top:40px;
}

.t1panel__year{
  font-size:110px;
  font-weight:900;
  letter-spacing:4px;
  line-height:1;
  text-shadow:0 1px 0 rgba(0,0,0,.18);
  opacity:1;
  transition:opacity .2s ease, transform .2s ease;
}

.t1panel__desc{
  margin-top:20px;
  font-size:14px;
  font-weight:700;
  color:rgba(255,255,255,.75);
  transition:opacity .2s ease, transform .2s ease;
}

/* 切换时的小动画（JS 会加 class） */
.t1panel.is-switching .t1panel__year,
.t1panel.is-switching .t1panel__desc{
  opacity:.1;
  transform:translateY(6px);
}

/* 响应式 */
@media (max-width: 980px){
  .timeline1__wrap{ width:min(1180px, calc(100% - 44px)); }
  .t1panel__year{ font-size:88px; }
  .t1panel{ min-height:360px; }
}

@media (max-width: 640px){
  .timeline1{ padding:46px 0 56px; }
  .timeline1__wrap{ width:min(1180px, calc(100% - 32px)); }

  /* 手机上时间轴横向滑动 */
  .t1bar{
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    gap:26px;
    padding-bottom:14px;
  }
  .t1bar__line{
    width:980px;
    left:0;
    right:auto;
  }
  .t1bar__node{ min-width:92px; }

  .t1panel__year{ font-size:64px; }
  .t1panel{ min-height:260px; padding-top:26px; }
}

.t1panel__desc{
  white-space: pre-line; /* 让 \n 生效 */
}

/* ===== 右下角控制按钮 ===== */
.timeline1{ position:relative; } /* 确保可以定位到 section 内 */

.t1ctrl{
  position:absolute;
  right:34px;
  bottom:34px;
  display:flex;
  gap:18px;
  z-index:5;
}

.t1ctrl__btn{
  width:86px;
  height:66px;
  background:transparent;
  border:1px solid rgba(255,255,255,.35);
  color:#fff;
  font-size:26px;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  user-select:none;
  outline:none;
}

.t1ctrl__btn:hover{
  border-color:rgba(255,255,255,.6);
}

.t1ctrl__btn:active{
  transform:translateY(1px);
}

/* 暂停图标（两个竖条） */
.t1ctrl__pause{
  width:22px;
  height:26px;
  display:inline-block;
  position:relative;
}
.t1ctrl__pause::before,
.t1ctrl__pause::after{
  content:"";
  position:absolute;
  top:0;
  width:6px;
  height:100%;
  background:#fff;
  border-radius:2px;
}
.t1ctrl__pause::before{ left:0; }
.t1ctrl__pause::after{ right:0; }

/* 播放图标（三角形），当处于“暂停状态”时显示播放 */
.t1ctrl.is-paused .t1ctrl__pause{
  width:0;
  height:0;
  border-left:18px solid #fff;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
  position:relative;
}
.t1ctrl.is-paused .t1ctrl__pause::before,
.t1ctrl.is-paused .t1ctrl__pause::after{
  display:none;
}

/* 响应式：手机缩小 */
@media (max-width: 640px){
  .t1ctrl{
    right:14px;
    bottom:14px;
    gap:12px;
  }
  .t1ctrl__btn{
    width:64px;
    height:52px;
    font-size:22px;
  }
}

/* ===== 荣誉资质 section ===== */
.honor{
  background:#f6f7f8;
  padding:72px 0 84px;
}

.honor__wrap{
  width:min(1180px, calc(100% - 96px));
  margin:0 auto;
}

/* 顶部标题 */
.honor__head{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:26px;
}

.honor__dot{
  width:6px;
  height:6px;
  background:#f59e0b; /* 小黄点 */
  display:inline-block;
}

.honor__title{
  margin:0;
  font-size:24px;
  font-weight:700;
  color:#008BD5;
  letter-spacing:0px;
}

/* 主体两列 */
.honor__grid{
  display:grid;
  grid-template-columns: 450px 1fr;
  gap:0;
  align-items:stretch;
}

/* 左侧大图 */
.honor__left{
  background:#fff;
  overflow:hidden;
}

.honor__leftImg{
  width:100%;
  height:100%;
  min-height:520px;
  display:block;
  object-fit:cover;
}

/* 右侧内容 */
.honor__right{
  background:#fff;
  position:relative;
  padding:34px 44px 92px;
  border-left:1px solid rgba(17,24,39,.06);
}

/* 右上 tabs */
.honor__tabs{
  position:absolute;
  top:28px;
  display:flex;
  gap:22px;
  align-items:center;
  justify-content:center;
}

.honor__tab{
  display:flex;
  align-items:center;
  gap:10px;
  border:0;
  background:transparent;
  padding:8px 10px;
  cursor:pointer;
  color:#c7c9cc;
  font-size:16px;
  font-weight:700;
  letter-spacing:.3px;
}

.honor__tabIcon{
  width:28px;
  height:28px;
  object-fit:contain;
  opacity:.55;
  filter:grayscale(100%);
}

.honor__tab.is-active{
  color:#f59e0b;
}

.honor__tab.is-active .honor__tabIcon{
  opacity:1;
  filter:none;
}

/* 小标题（资质证书） */
.honor__subhead{
  margin-top:70px;
  display:flex;
  align-items:center;
  gap:14px;
}

.honor__bar{
  width:4px;
  height:18px;
  background:#f59e0b;
  display:inline-block;
}

.honor__subtitle{
  margin:0;
  font-size:22px;
  font-weight:600;
  color:#111827;
}

/* 卡片区域 */
.honor__cards{
  margin-top:26px;
  background:#f3f4f6;
  padding:26px 26px 18px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:18px;
}

.honor__card{
  background:#f3f4f6;
  text-align:center;
}

.honor__thumb{
  width:100%;
  height:150px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.honor__thumb img{
  max-width:92%;
  max-height:92%;
  object-fit:contain;
  display:block;
}

.honor__cap{
  margin:14px 0 0;
  font-size:16px;
  color:#6b7280;
}

/* 右下角分页按钮 */
.honor__pager{
  position:absolute;
  right:44px;
  bottom:32px;
  display:flex;
  gap:14px;
}

.honor__pbtn{
  width:56px;
  height:44px;
  background:#fff;
  border:1px solid rgba(17,24,39,.14);
  color:#111827;
  font-size:18px;
  font-weight:700;
  cursor:pointer;
}

.honor__pbtn:hover{
  border-color:rgba(17,24,39,.28);
}

/* ===== 响应式 ===== */
/* =========================
   荣誉资质 section - 响应式优化
   直接追加到现有 CSS 最后
   ========================= */

/* ===== 平板 / 小屏电脑 ===== */
@media (max-width: 992px){
  .honor{
    padding: 56px 0 64px;
  }

  .honor__wrap{
    width: min(100%, calc(100% - 40px));
  }

  .honor__grid{
    grid-template-columns: 1fr;
  }

  .honor__left{
    border-bottom: 1px solid rgba(17,24,39,.06);
  }

  .honor__leftImg{
    min-height: 360px;
    max-height: 420px;
    object-fit: cover;
  }

  .honor__right{
    padding: 28px 28px 84px;
    border-left: 0;
  }

  .honor__tabs{
    position: static;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 12px 18px;
    margin-bottom: 18px;
  }

  .honor__tab{
    padding: 6px 6px;
    font-size: 15px;
  }

  .honor__subhead{
    margin-top: 8px;
    gap: 12px;
  }

  .honor__subtitle{
    font-size: 20px;
  }

  .honor__cards{
    margin-top: 22px;
    padding: 20px 20px 14px;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .honor__thumb{
    height: 140px;
  }

  .honor__cap{
    margin-top: 12px;
    font-size: 15px;
    line-height: 1.5;
  }

  .honor__pager{
    right: 28px;
    bottom: 24px;
    gap: 12px;
  }

  .honor__pbtn{
    width: 50px;
    height: 40px;
    font-size: 17px;
  }
}


/* ===== 常规手机 ===== */
@media (max-width: 768px){
  .honor{
    padding: 42px 0 52px;
  }

  .honor__wrap{
    width: calc(100% - 24px);
  }

  .honor__head{
    gap: 10px;
    margin-bottom: 18px;
  }

  .honor__dot{
    width: 5px;
    height: 5px;
  }

  .honor__title{
    font-size: 20px;
    line-height: 1.3;
  }

  .honor__grid{
    grid-template-columns: 1fr;
    border-radius: 16px;
    overflow: hidden;
  }

  .honor__leftImg{
    min-height: 220px;
    max-height: 260px;
    object-fit: cover;
  }

  .honor__right{
    padding: 18px 16px 72px;
  }

  .honor__tabs{
    position: static;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-bottom: 16px;
  }

  .honor__tab{
    justify-content: center;
    padding: 10px 6px;
    font-size: 13px;
    font-weight: 700;
    background: #f8f9fb;
    border-radius: 10px;
    line-height: 1.35;
  }

  .honor__tab.is-active{
    background: rgba(245,158,11,.10);
  }

  .honor__subhead{
    margin-top: 0;
    gap: 10px;
  }

  .honor__bar{
    width: 3px;
    height: 16px;
  }

  .honor__subtitle{
    font-size: 18px;
    line-height: 1.3;
  }

  .honor__cards{
    margin-top: 16px;
    padding: 14px 14px 10px;
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .honor__card{
    text-align: center;
  }

  .honor__thumb{
    height: 180px;
    border-radius: 10px;
  }

  .honor__thumb img{
    max-width: 90%;
    max-height: 90%;
  }

  .honor__cap{
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 1.55;
  }

  .honor__pager{
    right: 16px;
    bottom: 16px;
    gap: 10px;
  }

  .honor__pbtn{
    width: 44px;
    height: 38px;
    font-size: 16px;
  }
}


/* ===== 小屏手机 ===== */
@media (max-width: 480px){
  .honor{
    padding: 36px 0 46px;
  }

  .honor__wrap{
    width: calc(100% - 20px);
  }

  .honor__title{
    font-size: 18px;
  }

  .honor__leftImg{
    min-height: 190px;
    max-height: 220px;
  }

  .honor__right{
    padding: 16px 14px 68px;
  }

  .honor__tabs{
    gap: 6px;
  }

  .honor__tab{
    min-height: 42px;
    padding: 8px 4px;
    font-size: 12px;
    border-radius: 8px;
  }

  .honor__subtitle{
    font-size: 17px;
  }

  .honor__cards{
    padding: 12px 12px 8px;
    gap: 12px;
  }

  .honor__thumb{
    height: 150px;
  }

  .honor__cap{
    font-size: 13px;
    line-height: 1.5;
  }

  .honor__pager{
    right: 14px;
    bottom: 14px;
  }

  .honor__pbtn{
    width: 40px;
    height: 34px;
    font-size: 15px;
  }
}