/* ============================================================
   集团简介页 2026 改版样式（about2026.css）
   前缀 ab26-，不改动原站 style.css 任何规则
   ============================================================ */

/* ---------- 文字简介排版升级 ---------- */
.about .rich-txt{
  background:#fff;
  border-radius:8px;
  box-shadow:0 8px 26px rgba(11,44,79,.08);
  margin-top:24px;
  padding:34px 44px;
  font-size:15.5px;
  color:#3d4650;
}
.about .rich-txt p{
  margin-bottom:14px;
  line-height:1.95;
}
.about .rich-txt p:first-child{
  font-size:16.5px;
  color:#0b2c4f;
  font-weight:600;
}

/* ---------- 数据速览条 ---------- */
.ab26-stats{
  display:flex;
  gap:16px;
  margin:22px 0 4px;
}
.ab26-stats .st{
  flex:1;
  background:linear-gradient(135deg,#0b2c4f,#153e6b);
  border-radius:8px;
  padding:20px 8px 17px;
  text-align:center;
  position:relative;
  overflow:hidden;
  transition:transform .25s, box-shadow .25s;
}
.ab26-stats .st:hover{
  transform:translateY(-5px);
  box-shadow:0 16px 34px rgba(11,44,79,.28);
}
.ab26-stats .st::after{
  content:'';
  position:absolute;
  right:-22px; bottom:-22px;
  width:78px; height:78px;
  border-radius:50%;
  background:rgba(200,16,46,.16);
}
.ab26-stats .st b{
  display:block;
  font-size:34px;
  line-height:1;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
}
.ab26-stats .st b i{
  font-style:normal;
  font-size:18px;
  color:#e8b96a;
  margin-left:2px;
}
.ab26-stats .st span{
  display:block;
  margin-top:8px;
  font-size:13px;
  letter-spacing:1.5px;
  color:rgba(255,255,255,.78);
}

/* ---------- 发展历程标题间距 ---------- */
.about .tit{ padding-top:42px; }
.about .ab26-tt{ padding-top:44px; }

/* ---------- 发展历程时间轴 ---------- */
.ab26-timeline{
  position:relative;
  width:1160px;
  max-width:100%;
  margin:38px auto 6px;
  padding:4px 0 14px;
}
.ab26-timeline::before{
  content:'';
  position:absolute;
  left:50%;
  top:0;
  bottom:0;
  width:3px;
  margin-left:-1.5px;
  border-radius:2px;
  background:linear-gradient(180deg,#0b2c4f 0%,#2a5b8f 55%,#c8102e 100%);
}
.ab26-item{
  position:relative;
  width:50%;
  padding:0 42px 32px 0;
}
.ab26-item:nth-child(even){
  margin-left:50%;
  padding:0 0 32px 42px;
}
/* 轴上节点 */
.ab26-item::before{
  content:'';
  position:absolute;
  top:14px;
  right:-9px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#c8102e;
  border:4px solid #fff;
  box-shadow:0 0 0 3px rgba(200,16,46,.35);
  z-index:2;
}
.ab26-item:nth-child(even)::before{
  right:auto;
  left:-9px;
}
/* 年份徽章 */
.ab26-year{
  display:inline-block;
  margin-bottom:10px;
  padding:6px 20px;
  border-radius:999px;
  background:#0b2c4f;
  color:#fff;
  font-size:18px;
  font-weight:800;
  letter-spacing:1.5px;
  font-family:Arial,Helvetica,sans-serif;
  box-shadow:0 6px 16px rgba(11,44,79,.25);
}
.ab26-item:nth-child(odd) .ab26-year{ margin-left:0; }
/* 事件卡片 */
.ab26-card{
  background:#fff;
  border-radius:8px;
  border-top:3px solid #0b2c4f;
  box-shadow:0 8px 26px rgba(11,44,79,.10);
  padding:19px 24px;
  transition:transform .25s, box-shadow .25s, border-top-color .25s;
}
.ab26-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 38px rgba(11,44,79,.16);
  border-top-color:#c8102e;
}
.ab26-card p{
  font-size:13.5px;
  line-height:1.85;
  color:#4a5462;
  text-align:justify;
}
.ab26-card p b{
  color:#c8102e;
  font-weight:600;
}

/* ---------- 移动端适配 ---------- */
@media (max-width:860px){
  .about .rich-txt{ padding:26px 20px; }
  .ab26-stats{ flex-wrap:wrap; }
  .ab26-stats .st{ flex:1 1 46%; }
  .ab26-timeline::before{ left:10px; }
  .ab26-item,
  .ab26-item:nth-child(even){
    width:100%;
    margin-left:0;
    padding:0 0 28px 36px;
  }
  .ab26-item::before,
  .ab26-item:nth-child(even)::before{
    left:2px;
    right:auto;
  }
}
