/* ==================================================
   About Page - 严格还原旧版 html_szzx_front 关于高达页面
   ================================================== */

/* 旧版页面整体为白底黑字，覆盖新站默认暗色主题 */
body {
  background-color: #FFFFFF;
  color: #333333;
}

#info,
#management,
#certifications,
#course,
#group {
  scroll-margin-top: 85px;
}

/* 旧版使用 Bootstrap 容器宽度，覆盖新站默�?max-width */
main .container {
  max-width: 1170px;
  width: 100%;
}

/* Bootstrap 风格栅格（旧版使�?Bootstrap�?*/
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.row::before,
.row::after {
  content: "";
  display: table;
}

.row::after {
  clear: both;
}

.col-xs-12,
.col-md-1,
.col-md-3,
.col-md-5,
.col-md-6,
.col-md-7,
.col-sm-6 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-12 {
  width: 100%;
}

.text-center {
  text-align: center;
}

@media (min-width: 992px) {
  .col-md-6 { width: 50%; }
}

@media (min-width: 768px) {
  .col-sm-6 { width: 50%; }
}

/* Hero 区域 */
.about-hero {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.about-hero .container {
  position: relative;
  z-index: 1;
}

/* 公司简介区�?*/
.about-intro-section {
  background-color: #FFFFFF;
  padding-bottom: 50px;
}

.about-profile {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr);
  align-items: start;
  gap: 64px;
  padding-top: 34px;
}

.about-profile-media {
  margin: 0;
}

.about-profile-media img {
  display: block;
  width: 100%;
  aspect-ratio: 10 / 7;
  height: auto;
  object-fit: cover;
}

.about-profile-content h2 {
  margin: 0 0 24px;
  color: #333333;
  font-family: "Noto Sans SC", "Source Sans 3", "Microsoft YaHei", sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 1.3;
}

.about-profile-content p {
  margin: 0 0 15px;
  color: #333333;
  font-size: 16px;
  line-height: 1.9;
}

.about-profile-content p:last-child {
  margin-bottom: 0;
}

/* 企业数字概览 */
.about-overview {
  margin-top: 0;
  padding: 56px 0 72px;
}

.about-section-title {
  margin: 0 0 34px;
  color: #162536;
  font-family: "Noto Sans SC", "Source Sans 3", "Microsoft YaHei", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

.about-stats-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 36px;
  row-gap: 48px;
}

.about-stat-card {
  display: flex;
  min-height: 156px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 8px 20px;
  text-align: center;
}

.about-stat-value {
  color: #0a83be;
  font-family: "Source Sans 3", "Noto Sans SC", sans-serif;
  font-size: 78px;
  font-weight: 700;
  letter-spacing: -2px;
  line-height: 1;
  white-space: nowrap;
}

.about-stat-value .about-stat-suffix {
  display: inline-block;
  margin-left: 3px;
  color: #0a83be;
  font-size: 34px;
  letter-spacing: 0;
  transform: translateY(-29px);
}

.about-stat-label {
  margin-top: 20px;
  color: #000000;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
}

.about-stat-card small {
  margin-top: 2px;
  color: #000000;
  font-size: 14px;
  line-height: 1.55;
}

.about-stats-note {
  margin: 34px 0 0;
  color: #7c8790;
  font-size: 13px;
  line-height: 1.5;
  text-align: right;
}

/* 管理团队与企业资质 */
.about-management-section,
.about-certifications-section {
  padding: 86px 0;
}

.about-management-section {
  background: #f4f7f9;
}

.about-certifications-section {
  padding: 22px 0 24px;
  background: #ffffff;
}

.about-certifications-section > .container {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 18px;
}

.about-feature {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  align-items: center;
  gap: 72px;
}

.about-feature-media {
  position: relative;
  margin: 0;
  overflow: hidden;
}

.about-feature-media::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(10, 131, 190, 0.08), transparent 58%);
  content: "";
  pointer-events: none;
}

.about-feature-media img {
  display: block;
  width: 100%;
  aspect-ratio: 10 / 7;
  height: auto;
  filter: saturate(0.82) contrast(0.98);
  object-fit: cover;
  transition: transform 0.6s ease;
}

.about-feature:hover .about-feature-media img {
  transform: scale(1.018);
}

.about-feature-eyebrow {
  margin: 0 0 14px;
  color: #0a83be;
  font-family: "Source Sans 3", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.18em;
  line-height: 1.4;
}

.about-feature-content h2 {
  margin: 0 0 34px;
  color: #202a33;
  font-family: "Noto Sans SC", "Source Sans 3", "Microsoft YaHei", sans-serif;
  font-size: 34px;
  font-weight: 500;
  line-height: 1.3;
}

.about-management dl,
.about-management dd {
  margin: 0;
}

.about-management dl > div {
  display: grid;
  grid-template-columns: minmax(112px, 0.72fr) minmax(0, 1.28fr);
  align-items: baseline;
  padding: 17px 0;
  border-bottom: 1px solid #d7e0e6;
}

.about-management dl > div:first-child {
  border-top: 1px solid #d7e0e6;
}

.about-management dt {
  color: #687681;
  font-size: 14px;
  font-weight: 500;
}

.about-management dd {
  color: #111820;
  font-size: 17px;
  font-weight: 500;
}

.about-certifications-header {
  grid-column: 1 / -1;
  margin-bottom: 0;
  text-align: center;
}

.about-certifications-header .about-feature-eyebrow {
  display: none;
}

.about-certifications-header h2 {
  margin: 0;
  color: #202a33;
  font-family: "Noto Sans SC", "Source Sans 3", "Microsoft YaHei", sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 1.3;
}

.about-certificate-group h3 {
  margin: 0 0 16px;
  color: #202a33;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.4;
}

.about-certificate-group:first-of-type {
  grid-column: 1 / -1;
}

.about-certificate-group--industry {
  grid-column: 1;
}

.about-certificate-group--industry {
  margin-top: 0;
}

.about-certificate-grid {
  display: grid;
  gap: 20px;
}

.about-certificate-grid--core {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.about-certificate-grid--industry {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.about-certificate-grid--core .about-certificate-canvas {
  aspect-ratio: 8 / 5;
}

.about-certificate-grid--industry .about-certificate-canvas {
  aspect-ratio: 2 / 1;
}

.about-certificate-item {
  min-width: 0;
  margin: 0;
}

.about-certificate-canvas {
  --certificate-inset: 16px;
  display: grid;
  position: relative;
  aspect-ratio: 4 / 3;
  place-items: center;
  overflow: hidden;
  border: 1px solid #dfe6ea;
  background: #f7f9fa;
}

.about-certificate-grid--industry .about-certificate-canvas {
  --certificate-inset: 14px;
}

.about-certificate-canvas img {
  position: absolute;
  inset: var(--certificate-inset);
  display: block;
  width: calc(100% - (var(--certificate-inset) * 2));
  max-width: none;
  height: calc(100% - (var(--certificate-inset) * 2));
  max-height: none;
  object-fit: contain;
  transition: transform 0.45s ease;
}

.about-certificate-item:hover .about-certificate-canvas img {
  transform: scale(1.012);
}

.about-certificate-image--iso-en {
  display: none !important;
}

html[data-lang="en"] .about-certificate-image--iso-zh,
html[data-lang="ja"] .about-certificate-image--iso-zh,
html[lang="en"] .about-certificate-image--iso-zh,
html[lang="ja"] .about-certificate-image--iso-zh {
  display: none !important;
}

html[data-lang="en"] .about-certificate-image--iso-en,
html[data-lang="ja"] .about-certificate-image--iso-en,
html[lang="en"] .about-certificate-image--iso-en,
html[lang="ja"] .about-certificate-image--iso-en {
  display: block !important;
}

/* 工业园区 Banner */
.about-sipac-section {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.about-sipac-section .container,
.about-sipac-section .row {
  width: 100%;
}

.about-more {
  width: 376px;
  height: 32px;
  line-height: 32px;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  text-align: center;
  margin: 288px auto 0;
  cursor: pointer;
  transition: all 0.3s ease;
}

.about-more:hover {
  color: rgba(0, 0, 0, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.8);
}

/* 发展历程 */
.about-course-section {
  padding: 80px 0;
  background-position: center;
}

.about-title {
  width: 100%;
  font-family: 思源黑体;
  font-size: 30px !important;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
  margin-bottom: 84px;
}

.about-course-section img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}
/* Multilingual company history timeline */
.about-history { position: relative; width: 100%; aspect-ratio: 1500 / 909; min-height: 0; overflow: hidden; }
.about-history__route { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; pointer-events: none; }
.about-history__route path { fill: none; stroke: #2774c7; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.about-history__list { position: relative; z-index: 1; height: 100%; min-height: 0; margin: 0; padding: 0; list-style: none; }
.about-history__item { position: absolute; width: 0; height: 0; }
.about-history__dot { position: absolute; z-index: 3; top: 0; left: 0; display: block; width: 16px; height: 16px; margin: 0; border: 3px solid #FFFFFF; border-radius: 50%; background: #2774c7; box-shadow: 0 0 0 2px #8bb8e1; transform: translate(-50%, -50%); }
.about-history__card { position: absolute; z-index: 2; width: 182px; padding: 3px 6px; color: #333333; }
.about-history__card time { display: block; width: max-content; padding: 0 3px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.96); color: #333333; font-size: 15px; font-weight: 700; line-height: 1.2; }
.about-history__card h3 { display: none; }
.about-history__card p { display: block; width: max-content; margin: 3px 0 0; padding: 0 3px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.96); font-size: 11px; line-height: 1.4; white-space: nowrap; }
.about-history__card p br { display: block; content: ""; }
.about-history__item:nth-child(odd) .about-history__card { top: 14px; left: 18px; text-align: left; }
.about-history__item:nth-child(even) .about-history__card { top: -58px; right: 18px; text-align: right; }
.about-history__item:nth-child(even) .about-history__card time,
.about-history__item:nth-child(even) .about-history__card p,
.about-history__item.about-history__item--2017 .about-history__card time,
.about-history__item.about-history__item--2017 .about-history__card p,
.about-history__item.about-history__item--2022 .about-history__card time,
.about-history__item.about-history__item--2022 .about-history__card p {
  margin-left: auto;
  text-align: right;
}

.about-history__item:nth-child(even) .about-history__card p,
.about-history__item.about-history__item--2017 .about-history__card p,
.about-history__item.about-history__item--2022 .about-history__card p {
  max-width: none;
  white-space: nowrap;
}
.about-history__item--1992 { left: 18%; top: 83.17%; } .about-history__item--1999 { left: 24%; top: 77.23%; } .about-history__item--2000 { left: 27.6%; top: 65.35%; } .about-history__item--2004 { left: 36%; top: 63.37%; } .about-history__item--2006 { left: 40.8%; top: 53.47%; } .about-history__item--2007 { left: 49.2%; top: 51.49%; } .about-history__item--2009 { left: 54%; top: 41.58%; } .about-history__item--2014 { left: 61.2%; top: 39.60%; } .about-history__item--2016 { left: 68.4%; top: 33.66%; } .about-history__item--2017 { left: 72%; top: 27.72%; } .about-history__item--2019 { left: 78%; top: 25.74%; } .about-history__item--2022 { left: 84%; top: 20.24%; }
.about-history__item.about-history__item--1992 .about-history__card { top: 10px; left: 16px; width: 240px; text-align: left; }
.about-history__item.about-history__item--1999 .about-history__card { top: -54px; right: 16px; width: 190px; text-align: right; }
.about-history__item.about-history__item--2000 .about-history__card { top: 9px; left: 12px; width: 210px; text-align: left; }
.about-history__item.about-history__item--2004 .about-history__card { top: -62px; right: 18px; width: 230px; text-align: right; }
.about-history__item.about-history__item--2006 .about-history__card { top: 9px; left: 12px; width: 210px; text-align: left; }
.about-history__item.about-history__item--2007 .about-history__card { top: -58px; right: 18px; width: 260px; text-align: right; }
.about-history__item.about-history__item--2009 .about-history__card { top: 9px; left: 12px; width: 220px; text-align: left; }
.about-history__item.about-history__item--2014 .about-history__card { top: -58px; right: 18px; width: 265px; text-align: right; }
.about-history__item.about-history__item--2016 .about-history__card { top: 9px; left: 12px; width: 180px; text-align: left; }
.about-history__item.about-history__item--2017 .about-history__card { top: -50px; right: -36px; width: 230px; text-align: right; }
.about-history__item.about-history__item--2019 .about-history__card { top: 9px; left: 12px; width: 210px; text-align: left; }
.about-history__item.about-history__item--2022 .about-history__card { top: -82px; right: -8px; left: auto; width: 265px; text-align: right; }
.about-history__item.about-history__item--2022 .about-history__card p { white-space: nowrap; }
.about-history__item.about-history__item--1999 .about-history__card,
.about-history__item.about-history__item--2004 .about-history__card,
.about-history__item.about-history__item--2007 .about-history__card,
.about-history__item.about-history__item--2014 .about-history__card,
.about-history__item.about-history__item--2017 .about-history__card,
.about-history__item.about-history__item--2022 .about-history__card { width: max-content; max-width: none; }
.about-history__item.about-history__item--1999 .about-history__card time,
.about-history__item.about-history__item--1999 .about-history__card p,
.about-history__item.about-history__item--2004 .about-history__card time,
.about-history__item.about-history__item--2004 .about-history__card p,
.about-history__item.about-history__item--2007 .about-history__card time,
.about-history__item.about-history__item--2007 .about-history__card p,
.about-history__item.about-history__item--2014 .about-history__card time,
.about-history__item.about-history__item--2014 .about-history__card p,
.about-history__item.about-history__item--2017 .about-history__card time,
.about-history__item.about-history__item--2017 .about-history__card p,
.about-history__item.about-history__item--2022 .about-history__card time,
.about-history__item.about-history__item--2022 .about-history__card p { width: max-content; max-width: none; margin-left: auto; text-align: right; white-space: nowrap; }
@media (max-width: 1023px) and (min-width: 768px) { .about-history, .about-history__list { min-height: 620px; } .about-history__card { width: 142px; } .about-history__card time { font-size: 14px; } .about-history__card p { font-size: 10px; } .about-history__item--2022 .about-history__card { width: 172px; } }
@media (max-width: 767px) { .about-history { aspect-ratio: auto; min-height: 0; overflow: visible; } .about-history__route { display: none; } .about-history__list { min-height: 0; padding-left: 34px; } .about-history__list::before { content: ''; position: absolute; top: 12px; bottom: 12px; left: 12px; width: 2px; background: #8bb8e1; } .about-history__item { position: relative; top: auto; left: auto; width: auto; height: auto; margin: 0 0 24px; } .about-history__dot { position: absolute; top: 13px; left: -21px; width: 14px; height: 14px; } .about-history__card, .about-history__item:nth-child(odd) .about-history__card, .about-history__item:nth-child(even) .about-history__card { position: relative; top: auto; right: auto; left: auto; width: auto; padding: 0; background: transparent; box-shadow: none; text-align: left; } .about-history__card time { color: #1d5f9f; font-size: 20px; } .about-history__card time, .about-history__card p { display: block; padding: 0; background: transparent; box-shadow: none; margin-left: 0; } .about-history__card h3 { display: block; margin: 2px 0 0; font-size: 16px; line-height: 1.35; } .about-history__card p { margin-top: 4px; font-size: 16px; line-height: 1.6; white-space: normal; } }
@media (max-width: 767px) {
  .about-history { padding: 4px 0 0; overflow: visible; }
  .about-history__list { position: relative; padding-left: 0; }
  .about-history__list::before { left: 50%; transform: translateX(-50%); }
  .about-history__item { box-sizing: border-box; width: 100%; min-height: 96px; margin: 0 0 22px; }
  .about-history__item:nth-child(odd) { padding-right: calc(50% + 20px); padding-left: 0; text-align: right; }
  .about-history__item:nth-child(even) { padding-right: 0; padding-left: calc(50% + 20px); text-align: left; }
  .about-history__dot { top: 14px; left: 50%; transform: translate(-50%, -50%); }
  .about-history__list .about-history__item .about-history__card,
  .about-history__list .about-history__item:nth-child(odd) .about-history__card,
  .about-history__list .about-history__item:nth-child(even) .about-history__card { width: 100%; max-width: none; text-align: inherit; }
  .about-history__list .about-history__item .about-history__card time,
  .about-history__list .about-history__item .about-history__card p { width: auto; max-width: none; margin-right: 0; margin-left: 0; text-align: inherit; white-space: normal; }
  .about-history__list .about-history__item:nth-child(odd) .about-history__card time,
  .about-history__list .about-history__item:nth-child(odd) .about-history__card p { margin-left: auto; }
  .about-history__list .about-history__item:nth-child(even) .about-history__card time,
  .about-history__list .about-history__item:nth-child(even) .about-history__card p { margin-right: auto; }
  .about-history__card time { font-size: 18px; line-height: 1.2; }
  .about-history__card h3 { font-size: 15px; line-height: 1.35; }
  .about-history__card p { font-size: 13px; line-height: 1.55; }
}
/* 关联公司 */
.about-group-section {
  padding: 80px 0;
  background-position: center;
}

.about-title-color {
  color: #FFFFFF;
}

.group-company {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  color: #FFFFFF;
  margin: auto;
}

.group-company .col-sm-6 {
  width: 50%;
  padding: 15px;
}

.group-company .group-1 p,
.group-company .group-cac p {
  font-size: 14px;
  color: #FFFFFF;
  line-height: 1.8;
  padding: 5px 0px;
  margin-bottom: 0;
}

.group-color {
  color: #FFFFFF;
  text-decoration: underline;
}

.group-color:hover {
  color: #68B726;
}

/* 响应式适配 */
@media (max-width: 991px) {
  .about-profile {
    grid-template-columns: 1fr;
    gap: 38px;
    padding-top: 28px;
  }

  .about-profile-media,
  .about-profile-content {
    width: 100%;
    max-width: 680px;
    margin-right: auto;
    margin-left: auto;
  }

  .group-company .col-sm-6 {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .about-hero {
    height: 400px !important;
  }

  .about-hero .row {
    margin-top: 140px !important;
    width: auto !important;
    height: auto !important;
  }

  .about-hero div[style*="font-size:40px"] {
    font-size: 28px !important;
  }

  .about-sipac-section {
    height: 350px !important;
  }

  .about-course-section,
  .about-group-section {
    padding: 50px 0;
  }

  .about-title {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
@media (max-width: 991px) {
  .about-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .about-feature {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .about-feature--management .about-feature-media {
    order: -1;
  }

  .about-certifications-section > .container {
    display: block;
  }

  .about-certifications-header {
    margin-bottom: 42px;
  }

  .about-certificate-group--industry {
    margin-top: 52px;
  }

  .about-certificate-grid--core,
  .about-certificate-grid--industry {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .about-certificate-grid--core .about-certificate-canvas,
  .about-certificate-grid--industry .about-certificate-canvas {
    aspect-ratio: 4 / 3;
  }
}

@media (max-width: 767px) {
  .about-profile {
    gap: 28px;
    padding-top: 20px;
  }

  .about-profile-content h2 {
    margin-bottom: 18px;
    font-size: 28px;
  }

  .about-profile-content p {
    margin-bottom: 12px;
    font-size: 15px;
    line-height: 1.8;
  }

  .about-overview {
    margin-top: 0;
    padding: 44px 0 46px;
  }

  .about-section-title {
    margin-bottom: 26px;
    font-size: 26px;
  }

  .about-stats-grid {
    column-gap: 10px;
    row-gap: 30px;
  }

  .about-stat-card {
    min-height: 122px;
    padding: 4px;
  }

  .about-stat-value {
    font-size: 40px;
    letter-spacing: -1px;
  }

  .about-stat-value .about-stat-suffix {
    margin-left: 2px;
    font-size: 21px;
    transform: translateY(-13px);
  }

  .about-stat-label {
    margin-top: 13px;
    font-size: 14px;
  }

  .about-stat-card small {
    font-size: 11px;
  }

  .about-stats-note {
    margin-top: 26px;
    font-size: 12px;
  }

  .about-management-section,
  .about-certifications-section {
    padding: 58px 0;
  }

  .about-feature {
    gap: 30px;
  }

  .about-feature-eyebrow {
    margin-bottom: 10px;
    font-size: 11px;
  }

  .about-feature-content h2 {
    margin-bottom: 24px;
    font-size: 28px;
  }

  .about-management dl > div {
    grid-template-columns: 96px minmax(0, 1fr);
    padding: 15px 0;
  }

  .about-management dd {
    font-size: 16px;
  }

  .about-certifications-header {
    margin-bottom: 42px;
  }

  .about-certifications-header h2 {
    font-size: 30px;
  }

  .about-certificate-group h3 {
    margin-bottom: 20px;
    font-size: 20px;
  }

  .about-certificate-group--industry {
    margin-top: 52px;
  }

  .about-certificate-grid--core,
  .about-certificate-grid--industry {
    grid-template-columns: 1fr;
  }

  .about-certificate-grid {
    gap: 18px;
  }

  .about-certificate-canvas,
  .about-certificate-grid--industry .about-certificate-canvas {
    --certificate-inset: 16px;
  }

}