/* ============ 关于我们页面（重构版） ============ */
.about-page{ padding: 4px 0 10px; }

/* 页头横幅 */
.about-page .ap-hero{
  position: relative; overflow: hidden; border-radius: 12px;
  background: linear-gradient(120deg, #4f7825 0%, #669934 55%, #7fb33f 100%);
  color: #fff; padding: 30px 36px 28px; margin-bottom: 20px;
}
.about-page .ap-hero:after{
  content: ""; position: absolute; right: -34px; top: -34px; width: 150px; height: 150px;
  border-radius: 50%; background: rgba(255,255,255,.10);
}
.about-page .ap-hero:before{
  content: ""; position: absolute; right: 60px; bottom: -50px; width: 96px; height: 96px;
  border-radius: 50%; background: rgba(255,255,255,.08);
}
.about-page .ap-hero h1{
  font-size: 26px; font-weight: bold; letter-spacing: 3px; position: relative; line-height: 34px;
}
.about-page .ap-hero p{
  margin-top: 10px; font-size: 14px; color: rgba(255,255,255,.88); line-height: 24px;
  max-width: 680px; position: relative;
}

/* 数据一览 */
.about-page .ap-stats{ display: flex; gap: 14px; margin-bottom: 20px; }
.about-page .ap-stat{
  flex: 1; background: #fff; border: 1px solid #eef1e6; border-radius: 10px;
  text-align: center; padding: 20px 8px 16px; box-shadow: 0 2px 10px rgba(0,0,0,.04);
  transition: all .25s;
}
.about-page .ap-stat:hover{ transform: translateY(-3px); box-shadow: 0 8px 20px rgba(102,153,52,.15); border-color: #c8dcab; }
.about-page .ap-stat b{ display: block; font-size: 30px; color: #669934; font-family: arial; font-weight: bold; line-height: 34px; }
.about-page .ap-stat b i{ font-style: normal; font-size: 15px; margin-left: 2px; }
.about-page .ap-stat span{ display: block; margin-top: 6px; font-size: 13px; color: #888; }

/* 正文排版 */
.about-page .ap-prose{
  background: #fff; border: 1px solid #eef1e6; border-radius: 10px;
  padding: 26px 30px; box-shadow: 0 2px 10px rgba(0,0,0,.04);
}
.about-page .ap-prose .ab_img{ font-size: 14px; color: #444; line-height: 28px; }
.about-page .ap-prose .ab_img p{ margin-bottom: 12px; }
.about-page .ap-prose .ab_img h2,
.about-page .ap-prose .ab_img h3{
  font-size: 18px; color: #2f3a2a; font-weight: bold; margin: 22px 0 10px;
  padding-left: 12px; border-left: 4px solid #669934; line-height: 26px;
}
.about-page .ap-prose .ab_img ul{ margin: 8px 0 12px; }
.about-page .ap-prose .ab_img ul li{ list-style: none; position: relative; padding-left: 20px; line-height: 28px; }
.about-page .ap-prose .ab_img ul li:before{
  content: ""; position: absolute; left: 2px; top: 11px; width: 7px; height: 7px;
  border-radius: 50%; background: #669934;
}
.about-page .ap-prose .ab_img strong,
.about-page .ap-prose .ab_img b{ color: #4f7825; }
.about-page .ap-prose .ab_img img{ border-radius: 8px; margin: 8px 0; }

/* 服务承诺 */
.about-page .ap-promises{ margin-top: 20px; }
.about-page .ap-sub{
  font-size: 20px; color: #2f3a2a; font-weight: bold; margin-bottom: 16px;
  padding-left: 12px; border-left: 4px solid #669934; line-height: 28px;
}
.about-page .ap-promises ul{ display: flex; flex-wrap: wrap; gap: 14px; }
.about-page .ap-promises li{
  flex: 1 1 44%; background: #fff; border: 1px solid #eef1e6; border-radius: 10px;
  padding: 18px 20px; display: flex; align-items: flex-start; gap: 14px;
  box-shadow: 0 2px 10px rgba(0,0,0,.04); transition: all .25s;
}
.about-page .ap-promises li:hover{ transform: translateY(-3px); box-shadow: 0 8px 20px rgba(102,153,52,.15); border-color: #c8dcab; }
.about-page .ap-promises li i{
  width: 44px; height: 44px; line-height: 44px; text-align: center; font-size: 22px;
  background: linear-gradient(135deg,#eaf2dd,#d8e8bf); border-radius: 50%; flex-shrink: 0;
}
.about-page .ap-promises li b{ display: block; font-size: 15px; color: #2f3a2a; font-weight: bold; margin-bottom: 4px; }
.about-page .ap-promises li span{ display: block; font-size: 13px; color: #888; line-height: 22px; }

/* 底部预约条 */
.about-page .ap-cta{
  margin-top: 20px; border-radius: 12px; padding: 24px 30px;
  background: linear-gradient(120deg, #f2f7ea, #e6efd9);
  border: 1px solid #d8e6cb; display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 14px;
}
.about-page .ap-cta-txt b{ display: block; font-size: 18px; color: #2f3a2a; font-weight: bold; }
.about-page .ap-cta-txt span{ display: block; margin-top: 4px; font-size: 13px; color: #8a8a8a; }
.about-page .ap-cta-btns{ display: flex; gap: 12px; }
.about-page .ap-cta-btns a{
  display: inline-block; height: 44px; line-height: 44px; padding: 0 26px;
  border-radius: 22px; font-size: 15px; transition: all .22s;
}
.about-page .ap-btn-call{ background: #669934; color: #fff; }
.about-page .ap-btn-call:hover{ background: #4f7825; }
.about-page .ap-btn-order{ background: #fff; color: #669934; border: 1px solid #b7d093; }
.about-page .ap-btn-order:hover{ background: #669934; color: #fff; border-color: #669934; }

/* ---------- 关于我们（顶级页）：去掉左栏重复的"关于我们"标题 ---------- */
.pg-about.pg-root .pro-left .side-nav .top{ display: none;}
.pg-about.pg-root .pro-left .side-nav .sideMenu{ padding-top: 14px;}

@media (max-width: 768px){
  .about-page .ap-stats{ flex-wrap: wrap; }
  .about-page .ap-stat{ flex: 1 1 40%; }
  .about-page .ap-promises li{ flex: 1 1 100%; }
  .about-page .ap-cta{ flex-direction: column; text-align: center; }
}