@charset "utf-8";

:root {
  --brand: #0C65A4;
  --brand-dark: #0a548b;
  --green: #007946;
  --green-dark: #008c5d;
  --white: #ffffff;
  --gray-900: #333333;
  --gray-700: #4d4d4d;
  --gray-600: #666666;
  --gray-400: #999999;
  --gray-200: #d9d9d9;
  --gray-blue: #e0e8ee;
  --gray-bg: #f6f7f8;
  --color-jb:linear-gradient(90deg, var(--green), var(--brand));
  --shadow: 0 0.0rem 1.2rem rgba(0, 0, 0, 0.05);
  --radius: 1.5rem;
  --radius-sm: 1rem;
  --container: 107.5rem;
  --fs-hero-title: clamp(2rem, 5vw, 3.0rem);
  --fs-hero-sub: clamp(1rem, 2.2vw, 1.9375rem);
  --fs-section-title: clamp(1.75rem, 3vw, 2.875rem);
  --fs-block-title: clamp(1.5rem, 2.6vw, 1.75rem);
  --fs-section-en: clamp(1.2rem, 2vw, 2rem);
  --fs-body: clamp(0.9375rem, 1.2vw, 1.125rem);
  --fs-title-lg: clamp(1.625rem, 2.6vw, 2rem);
  --section-pad: clamp(3.125rem, 5vw, 5rem);
  --container-pad-lg: 6.25rem;
  --container-pad-md: 3.75rem;
  --container-pad-sm: 1.875rem;
  --gap-lg: clamp(1.25rem, 2vw, 1.875rem);
  --gap-md: clamp(1rem, 1.6vw, 1.125rem);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  
  font-size: 0.8333333333vw;
}

@media (min-width: 992px) and (max-width: 1200px) {
  html { font-size: 1vw; }
}

@media (max-width: 991px) {
  html { font-size: 16px; }
}

body {
  font-family: "Alibaba PuHuiTi 2.0", "PingFang SC", "Microsoft YaHei", -apple-system, sans-serif;
  color: var(--gray-900);
  background: var(--white);
  font-size: var(--fs-body);
  line-height: 1.6;
}

img {max-width: 100%;display: block;transform: scale(1);transition: all 0.3s;}
.img:hover img {
    transform: scale(1.1);
}
a { text-decoration: none; color: inherit; }

ul { list-style: none; }

.container {
  width: 100%;
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 var(--container-pad-lg);
}

/* =====================================================================
   右侧悬浮快捷工具栏（7项：数智化系统/QQ/电话/在线留言/微信/公众号/返回顶部）
   ===================================================================== */
.side-tools {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  display: flex;
  flex-direction: column;
  width: 5.625rem; /* 90px */
  background: var(--brand);
  border-radius: 1.25rem 0 0 1.25rem; /* 左上左下圆角20px */
  box-shadow: -0.25rem 0 1rem rgba(0, 0, 0, 0.15);
   /* 允许弹窗溢出 */
  overflow: visible;
}

/* 单个工具项 */
.side-tool {
  position: relative;
  width: 100%;
  height: 5.625rem; /* 90px */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem; /* 5px */
  text-decoration: none;
  color: #FFFFFF;
  border-bottom: 1px solid rgba(255, 255, 255, 0.20);
  transition: all 0.35s ease;
  cursor: pointer;
  overflow: visible;
}

/* 最后一个无边框 + 圆角 */
.side-tool:last-child {
  border-bottom: none;
  border-radius: 0 0 0 1.25rem;
}

/* 图标容器 */
.tool-icon {
  width: 2.1875rem; /* 35px */
  height: 2.1875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tool-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(0) invert(1); /* 白色图标 */
  transition: filter 0.35s ease;
}

/* 文字 */
.tool-text {
  font-size: 1rem; /* 16px */
  font-family: 'Alibaba PuHuiTi 3.0', sans-serif;
  font-weight: 400;
  white-space: nowrap;
  transition: all 0.35s ease;
}

/* ====== Hover效果：蓝绿渐变背景 ====== */
.side-tool:hover,
.side-tool[data-type="link"]:hover {
  background: #007946; /* 蓝绿渐变 */
}

.side-tool:hover .tool-icon img {
  filter: brightness(0) invert(1); /* 保持白色 */
}

.side-tool:hover .tool-text {
  /* transform: scale(1.05); */
}
.side-tool:nth-child(1) {
    border-radius: 1.25rem 0 0 0;
}
/* ========== 弹窗样式（QQ/电话信息、二维码）========== */
.tool-popup {
  position: absolute;
  right: 100%; /* 左侧弹出 */
  top: 50%;
  transform: translateY(-50%) translateX(10px); /* 初始隐藏偏移 */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1000;
}

/* Hover时显示弹窗 */
.side-tool:hover .tool-popup {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(-50%) translateX(-10px); /* 显示位置 */
}

/* 信息弹窗内容（QQ/电话） */
.popup-content {
  background: #FFFFFF;
  padding: 1rem 1.25rem;
  border-radius: 0.625rem;
  box-shadow: 0 0.375rem 1.5rem rgba(0, 0, 0, 0.15);
  min-width: 10rem;
  text-align: center;
  white-space: nowrap;
}

.popup-content p {
  font-size: 1.125rem;
  color: #666666;
  font-family: 'Alibaba PuHuiTi 2.0', sans-serif;
}

.popup-content strong {
  font-size: 1.125rem;
  color: #0C65A4;
  font-weight: 700;
  font-family: 'Alibaba PuHuiTi 2.0', sans-serif;
}

/* 弹窗按钮 */
.popup-btn {
  display: inline-block;
  margin-top: 0.5rem;
  padding: 0.375rem 1rem;
  background: linear-gradient(90deg, #007946 0%, #0C65A4 100%);
  color: #FFFFFF;
  font-size: 0.875rem;
  border-radius: 1.25rem;
  text-decoration: none;
  transition: all 0.3s ease;
  font-family: 'Alibaba PuHuiTi 2.0', sans-serif;
}

.popup-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 0.25rem 0.75rem rgba(12, 101, 164, 0.3);
}

/* 二维码弹窗 */
.tool-popup-qrcode {
  background: #FFFFFF;
  padding: 0.75rem;
  border-radius: 0.625rem;
  box-shadow: 0 0.375rem 1.5rem rgba(0, 0, 0, 0.15);
  text-align: center;
  min-width: 8.75rem; /* 140px */
}

.tool-popup-qrcode img {
  width: 7.5rem; /* 120px */
  height: 7.5rem;
  object-fit: contain;
  display: block;
  margin: 0 auto 0.5rem;
  border-radius: 0.25rem;
}

.tool-popup-qrcode p {
  font-size: 1.125rem; /* 13px */
  color: #333333;
  margin: 0;
  font-family: 'Alibaba PuHuiTi 2.0', sans-serif;
}

/* ========== 响应式：移动端隐藏悬浮工具栏 ========== */
@media (max-width: 992px) {
  .side-tools {
    display: none !important;
  }
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.75rem;
  border-radius: 0 1.5rem;
  font-size: var(--fs-body);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
  white-space: nowrap;
  gap: 1rem;
}
.btn span{margin: 0 !important;!i;!;}
.btn-primary {
  background: var(--color-jb);
  color: var(--white);
}

.btn-primary:hover {background: var(--brand);}

.btn-outline {
  background: rgba(255,255,255,0.15);
  color: var(--white);
  border: 0.0625rem solid rgba(255,255,255,0.5);
}

.btn-outline:hover {
  background: var(--white);
  color: var(--brand);
}

.btn-white {
  background: var(--white);
  color: var(--brand);
}

.btn-white:hover {background: var(--color-jb) !important;!i;!;color: var(--white) !important;!i;!;}

.btn-white-outline {
  background: transparent;
  color: var(--white);
  border: 0.0625rem solid var(--white);
}

.btn-white-outline:hover {
  background: var(--color-jb);
  color: var(--white);
  border: 0.0625rem solid  var(--brand);
}

.btn-more {
  background: var(--color-jb);
  color: var(--white);
  padding: 0.625rem 1.5rem;
}

.btn-more:hover {
  background: var(--brand);
  color: var(--white);
}

.btn-more-sm {
  background: none;
  color: var(--brand);
  padding: 0;
  font-size: 0.9375rem;
  font-weight: 500;
}

.btn-more-sm:hover { color: var(--brand-dark); }

.cert-prev svg, .cert-next svg {
    width: 1rem;
}

.btn i {
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn i svg {
    width: 1rem;
}

.btn-white i {}

.btn-white i svg {}

.btn-white i svg path {
    fill: var(--brand);
}
.btn-white:hover i {}

.btn-white:hover i svg {}

.btn-white:hover i svg path {
    fill: var(--white);
}
.btn i img {
    display: none;
}

.btn-white i .ljt {
    display: block;
}

.btn-white:hover i .bjt {
    display: block;
}

.btn-white:hover i .ljt {
    display: none;
}

.btn-white-outline i {}

.btn-white-outline i .bjt {
    display: block;
}

.btn-primary i {}

.btn-primary i .bjt{display:block}

.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  /* background: var(--white); */
  backdrop-filter: blur(0.5rem);
  /* border-bottom: 0.0625rem solid rgba(255,255,255,0.12); */
  /* box-shadow: var(--shadow); */
}

.nav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 5rem;
  padding: 0;
}
.nav-inner .nav_center {
    display: flex;
    gap: 3rem;
}

.brand {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--white);
  width: 21.9rem;
}

.brand-mark {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  height: 2.5rem;
}

.brand-mark .bar {
  display: block;
  border-radius: 0.125rem;
  background: var(--white);
}

.brand-mark .bar-1 { width: 0.1875rem; height: 2.5rem; }
.brand-mark .bar-2 { width: 0.125rem; height: 1.25rem; }
.brand-mark .bar-3 { width: 0.125rem; height: 1.25rem; }
.brand-mark .bar-4 { width: 0.125rem; height: 1.25rem; }

.brand-text {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}

.brand-text strong {
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.0313rem;
}

.brand-text small {
  font-size: 0.75rem;
  opacity: 0.9;
}

.nav-menu {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.nav-menu > li { position: relative; }

.nav-menu > li > a {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 500;
  position: relative;
  padding: 1.875rem 0.375rem;
  display: inline-block;
  transition: color 0.3s, background 0.3s;
}

.nav-menu > li > a::after {
  content: "";
  position: absolute;
  left: 0.375rem;
  right: 0.375rem;
  bottom: 0;
  height: 0.1875rem;
  border-radius: 0.125rem;
  background: var(--brand);
  transform: scaleX(0);
  transition: transform 0.3s;
}

.nav-menu > li:hover > a,
.nav-menu > li.hover > a,
.nav-menu > li > a.active {
  color: var(--brand) !important;!i;!;
  /* background: rgba(255, 255, 255, 0.2); */
  border-radius: 0.625rem;
}

.nav-menu > li:hover > a::after,
.nav-menu > li.hover > a::after,
.nav-menu > li > a.active::after {/* transform: scaleX(1); */}

.nav-menu > li > a::before {
  content: "";
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: 0.3rem;
  height: 0.3rem;
  background: var(--color-jb);
  opacity: 0;
  transition: all 0.3s;
}

.nav-menu > li:hover > a::before,
.nav-menu > li > a.active::before {opacity: 1;left: 0;right: 0;}

.nav-link-dropdown::after { display: none !important; }

.has-dropdown { position: static; }

.mega-menu {
  position: fixed;
  left: 0;
  top: 5rem;
  width: 100vw;
  padding-top: 0.3rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-0.625rem);
  transition: all 0.3s ease;
  z-index: 200;
}

.has-dropdown:hover .mega-menu,
.has-dropdown.open .mega-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.mega-menu-inner {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 2.5rem;
  max-width: var(--container);
  margin: 0 auto;
  padding: 2.25rem 3.125rem;
  background: url(../image/navbg.jpg);
  border-radius: 0 0 var(--radius) var(--radius);
  box-shadow: 0 1.25rem 3.125rem rgba(0,0,0,0.12);
  max-width: 60%;
}

.mega-links {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem 2.5rem;
  align-items: flex-start;
}

.mega-links .mega-col {
  flex: 1 1 12rem;
  min-width: 12rem;
  flex-flow: wrap;
  gap: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr); 
  gap: 0 2rem; 
}

.mega-col {display: flex;flex-direction: column;gap: 0.5rem;}

.mega-col a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--gray-700);
  font-size: 1.25rem;
  transition: all 0.3s;
  /* width: 50%; */
  border-bottom: 1px solid var(--gray-200);
  padding: 1.2rem 1rem;
}

.mega-col a:hover {
  /* background: var(--white); */
  border-color: var(--brand);
  color: var(--brand);
  /* box-shadow: 0 0.25rem 0.875rem rgba(12,101,164,0.12); */
  /* transform: translateY(-0.0625rem); */
}

.mega-col a i {
  font-style: normal;
  color: var(--gray-400);
  transition: all 0.3s;
}

.mega-col a:hover i { color: var(--brand); }

.mega-banner {
  position: relative;
  border-radius: var(--radius);
  overflow: hidden;
  min-height: 16.25rem;
  display: flex;
  align-items: flex-end;
}

.mega-banner-img {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.mega-banner-mask {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(12,101,164,0.3) 60%, rgba(8,61,102,0.85) 100%);
  z-index: 1;
}

.mega-banner-content {
  flex: 1;
  position: relative;
  z-index: 2;
  padding: 1.75rem;
  color: var(--white);
  text-align: center;
}

.mega-banner-content h4 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.mega-banner-content p {
  font-size: 0.875rem;
  opacity: 0.9;
  margin-bottom: 1.25rem;
  max-width: 20rem;
}

.mega-banner-actions {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
}

.mega-banner-actions .btn {
  padding: 0.625rem 1.375rem;
  font-size: 0.875rem;
}
.mega-col a:hover {
    background: var(--color-jb);
    color: #fff;
    border-radius: 1rem;
}

.mega-col a:hover i {
    color: #fff;
}

.nav-extra {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.nav-phone {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 700;
  transition: opacity 0.3s;
}
.nav-phone img {
    width: 1.5rem;
}
.nav-extra img.bicon {
    display: block;
}

.nav-extra img.hicon {
    display: none;
}

.navbar:hover img.bicon,.navbar.fixednav img.bicon{
    display: none;
}

.navbar:hover img.hicon,.navbar.fixednav img.hicon{
    display: block;
}

.navbar:hover,.navbar.fixednav {
    background: #fff;
    box-shadow: var(--shadow);
}

.navbar:hover .nav-menu > li > a, .navbar:hover .nav-phone, .navbar.fixednav .nav-menu > li > a, .navbar.fixednav .nav-phone {
    color: #333;
}
.nav-search {
  background: none;
  border: none;
  color: var(--gray-900);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
}

.nav-search img { width: 1.25rem; height: 1.25rem; }

.search-overlay {
  position: fixed;
  left: 0;
  top: 5rem;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  background: var(--white);
  backdrop-filter: blur(0.625rem);
  /* box-shadow: 0 0.75rem 1.875rem rgba(0,0,0,0.15); */
  transition: max-height 0.4s ease;
  z-index: 150;
  /* border-top: 1px solid var(--gray-bg); */
}

.search-overlay.open {max-height: 20rem;box-shadow: 0 0.5rem 0.5rem 0rem rgba(0,0,0,0.1);border-top: 1px solid #ddd;}

.search-panel {padding: 9rem var(--container-pad-lg) 5rem;position: relative;}

.search-box {
  display: flex;
  align-items: center;
  background: #f8fcff;
  padding: 1rem 2rem;
  height: 3.625rem;
  /* border-bottom: 1px solid var(--gray-200); */
  box-sizing: content-box;
}

.search-box-icon {
  width: 1.375rem;
  height: 1.375rem;
  color: var(--brand);
  flex-shrink: 0;
}

.search-input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 1.0625rem;
  color: var(--gray-900);
  padding: 0 1rem;
  height: 100%;
  background: transparent;
}

.search-input::placeholder {
  color: var(--gray-400);
}

.search-btn {
  background: var(--brand);
  color: var(--white);
  border: none;
  border-radius: 3.125rem;
  padding: 0.625rem 1.875rem;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s;
  flex-shrink: 0;
}

.search-btn:hover {background: var(--color-jb);}

.search-close {
  background: none;
  border: none;
  color: var(--gray-900);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem;
  flex-shrink: 0;
  position: absolute;
  right: 5rem;
  top: 2rem;
  background: var(--gray-bg);
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
}

.search-close:hover { color: var(--gray-900); }

.search-close img {width: 1.25rem;height: 1.25rem;}

.nav-toggle {
  display: none;
  flex-direction: column;
  gap: 0.3125rem;
  background: none;
  border: none;
  cursor: pointer;
}

.nav-toggle span {
  width: 1.625rem;
  height: 0.125rem;
  background: var(--gray-900);
  transition: 0.3s;
}

/* =====================================================================
   Hero
   ===================================================================== */
.hero {
  position: relative;
  height: 45rem;
  overflow: hidden;
  /* margin: 5rem 0 0; */
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 720'%3E%3Cpath fill='rgba(255,255,255,0.04)' d='M0 600 Q480 450 960 600 T1920 600 V720 H0 Z'/%3E%3Cpath fill='rgba(255,255,255,0.06)' d='M0 650 Q480 520 960 650 T1920 650 V720 H0 Z'/%3E%3C/svg%3E") no-repeat bottom/cover;
  pointer-events: none;
}

.hero-swiper { height: 100%; }

.hero-swiper .swiper-slide {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-top: 5rem;
}

.hero-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hero-bg::after {
  content: "";
  /* position: absolute; */
  /* inset: 0; */
  /* background: linear-gradient(135deg, rgba(12,101,164,0.75) 0%, rgba(8,61,102,0.85) 100%); */
}

.hero-content {
  position: relative;
  z-index: 2;
  text-align: center;
  color: var(--white);
  max-width: 68.75rem;
  padding: 0 2.5rem;
}

.hero-subtitle {
  font-size: var(--fs-hero-sub);
  font-weight: 500;
  color: var(--brand);
  letter-spacing: 0.125rem;
  margin-bottom: clamp(0.75rem, 2vw, 1.125rem);
}

.hero-title {
  font-size: var(--fs-hero-title);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: clamp(3.875rem, 6vw, 5.125rem);
  text-shadow: 0 0.125rem 1.25rem rgba(0,0,0,0.15);
  background: var(--color-jb);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent; 
}

.hero-actions {
  display: flex;
  justify-content: center;
  gap: 1.25rem;
}

.hero-pagination {
  bottom: 2.5rem !important;
}

.hero-pagination .swiper-pagination-bullet {
  width: 0.75rem;
  height: 0.75rem;
  background: rgba(255,255,255,0.5);
  opacity: 1;
  transition: 0.3s;
}

.hero-pagination .swiper-pagination-bullet-active {
  background: var(--white);
  width: 1.875rem;
  border-radius: 0.375rem;
}

.section { padding: var(--section-pad) 0; }

.section-gray { background: var(--gray-bg); }

.section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: clamp(1.875rem, 4vw, 3.125rem);
  gap: 1.875rem;
  flex-wrap: wrap;
}
.section-head.center {
    justify-content: center;
    text-align: center;
}

.section-title-wrap {/* display: flex; *//* align-items: baseline; *//* gap: 0.875rem; *//* flex-wrap: wrap; */}

.section-title {
  font-size: var(--fs-section-title);
  font-weight: 700;
  color: var(--gray-900);
  line-height: 1.2;
  display: block;
}

.section-en {
  font-size: var(--fs-section-en);
  font-weight: 700;
  color: var(--brand);
  display: block;
  opacity: 0.2;
  text-transform: uppercase;
}

.head-right {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

/* =====================================================================
   Tab
   ===================================================================== */
.tabs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 2.5rem;
}

.tab {
  color: var(--gray-600);
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  background: none;
  border: none;
  padding: 0.5rem 0;
  font-size: 1.25rem;
  cursor: pointer;
  transition: color 0.3s;
  font-weight: 600;
}

.tab:hover { color: var(--brand); }

.tab.active {
  color: var(--brand);
  /* font-weight: 700; */
}
.change_tab {
    background: #efefef;
    border: 1px solid #ddd;
}

.change_tab .tab {
    font-size: 1.2rem;
    padding: 0.56rem 1rem;
}

.change_tab .tab.active {
    border-bottom: 0.3rem solid var(--brand);
    background: #fff;
}
.tab.active::after {
  /* content: ""; */
  /* position: absolute; */
  /* left: 0; */
  /* bottom: -0.375rem; */
  /* width: 100%; */
  /* height: 0.1875rem; */
  /* border-radius: 0.125rem; */
  /* background: var(--brand); */
}

.cert-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-lg);
  margin-bottom: clamp(0rem, 0vw, 0rem);
}

.cert-tabs {
  /* display: flex; */
  /* flex-wrap: wrap; */
  /* gap: 0 2.5rem; */
}

.cert-tab {
  /* position: relative; */
  /* background: none; */
  /* border: none; */
  /* padding: 0.5rem 0; */
  /* font-size: 1.625rem; */
  /* color: var(--gray-600); */
  /* cursor: pointer; */
  /* transition: color 0.3s; */
  /* font-weight: 600; */
}

.cert-tab::after {
  /* content: ""; */
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.125rem;
  background: var(--brand);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s;
}

.cert-tab:hover,
.cert-tab.active { color: var(--brand); }

.cert-tab.active::after { transform: scaleX(1); }

.cert-panels { position: relative; }

.cert-panel {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.cert-panel.active {
  display: block;
  opacity: 1;
}

.cert-swiper {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.cert-slide {
  width: auto;
  height: auto;
}

.cert-swiper .swiper-pagination {
  position: static;
  margin-top: 3.5rem;
  display: flex;
  align-items: center;
  height: 0.25rem;
  background: var(--gray-blue);
  border-radius: 0.125rem;
  width: 90%;
}

.cert-swiper .swiper-pagination-bullet {
  flex: 1;
  height: 100%;
  margin: 0 !important;
  border-radius: 0.125rem;
  background: transparent;
  opacity: 1;
  transition: background 0.3s;
}

.cert-swiper .swiper-pagination-bullet-active {
  background: var(--brand);
}

.cert-swiper {
  padding: 2rem 0;
}

.cert-nav {
  position: absolute;
  right: 0;
  bottom: 1rem;
  z-index: 10;
  display: flex;
  gap: 0.75rem;
}
.qualification {
    background: linear-gradient(249deg, #EFF9F5 4.29%, #F9FDFF 70.72%);
}

.cert-card:hover .cert-name {
    opacity: 1;
}
.cert-prev,
.cert-next {
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  border: 0.0625rem solid var(--brand);
  background: var(--white);
  background: var(--brand);
  font-size: 1.375rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s;
}
.cert-prev {
    transform: rotate(180deg);
}
.cert-prev:hover,
.cert-next:hover {
  background: var(--color-jb);
  color: var(--white);
}

.cert-prev.swiper-button-disabled,
.cert-next.swiper-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.cert-card {
  background: var(--white);
  border-radius: var(--radius);
  /* box-shadow: var(--shadow); */
  overflow: hidden;
  text-align: center;
  padding: 1.5rem;
  transition: transform 0.3s;
  /* width: 17.5rem; */
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  height: 15rem;
}

.cert-card:hover { transform: translateY(-0.375rem); }

.cert-img {
  /* width: 14.375rem; */
  height: 100%;
  border-radius: 0.75rem;
  position: relative;
  background-size: cover;
}
.cert-card .cert-img {}

.cert-card .cert-img img {
    max-width: 100%;
    max-height: 100%;
}
.cert-img::after {
  
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--brand);
  font-size: 1.375rem;
  font-weight: 500;
  opacity: 0.5;
}

.cert-name {
  font-size: 1rem;
  color: var(--white);
  padding: 1rem;
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, var(--brand), transparent);
  opacity: 0;
  font-size: 1.25rem;
}

.biz-accordion {
  display: flex;
  gap: var(--gap-md);
  height: 31.25rem;
}

.biz-accordion .biz-card {
  position: relative;
  flex: 1 1 0;
  border-radius: var(--radius);
  overflow: hidden;
  /* box-shadow: var(--shadow); */
  color: var(--white);
  cursor: pointer;
  transition: flex 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.3s;
  padding: 0;
}

.biz-card:hover {/* transform: translateY(-0.25rem); */}

.biz-card.active {
  flex: 3.5 1 0;
  cursor: default;
}

.biz-accordion .biz-card-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-position: center;
  background-size: cover;
}

.biz-accordion .biz-card-inner {
  position: relative;
  z-index: 1;
  height: 100%;
  padding: clamp(1.5rem, 2.4vw, 2.5rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.biz-accordion .biz-fold-head {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  transition: margin 0.4s ease;
  order: 2;
}

.biz-accordion .biz-icon {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  background: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  display: none;
}

.biz-icon svg {width: 2rem;height: 2rem;color: var(--brand);}

.biz-title {
  font-size: var(--fs-block-title);
  font-weight: 700;
  white-space: nowrap;
  flex: 1;
  text-align: center;
}

.biz-accordion .biz-fold-body {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.45s ease, opacity 0.35s ease;
  order: 1;
}

.biz-card.active .biz-fold-body {
  max-height: 20rem;
  opacity: 1;
  margin-top: 1.5rem;
}

.biz-accordion .biz-desc {
  font-size: 1.125rem;
  line-height: 1.75;
  opacity: 0.95;
  margin-bottom: 1.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.biz-accordion .biz-actions {
  display: flex;
  gap: 0.875rem;
  flex-wrap: wrap;
}
.biz-card.active .biz-card-inner {
    background: linear-gradient(90deg, rgb(0 121 70/ 0.7), rgb(12 101 164 / 0.7));
    /* padding: 1.725rem; */
}

.biz-card.active .biz-fold-head {
    order: 1;
}

.biz-card.active .biz-fold-body {
    order: 2;
}

.biz-card.active .biz-icon {
    display: flex;
}

.biz-card.active 
 .biz-title {
    text-align: left;
}
section.section.case {
    padding: var(--section-pad) 0 0;
    background: linear-gradient(180deg, #C2E4FD 0%, #FFF 30%);
}
.case-swiper {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.case-slide {height: auto;padding: 0.4rem 0 0;}



.marquee-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap-md);
  overflow: hidden;
  padding: var(--section-pad) 0;
}

.marquee-row {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.marquee-track {
  display: inline-flex;
  gap: var(--gap-md);
  will-change: transform;
}

.marquee-left .marquee-track {
  animation: marquee-left 70s linear infinite;
}

.marquee-right .marquee-track {
  animation: marquee-right 70s linear infinite;
}

.marquee-row:hover .marquee-track,
.marquee-row:focus-within .marquee-track {
  animation-play-state: paused;
}

@keyframes marquee-left {
  from { transform: translateX(-50%); }
  to { transform: translateX(0); }
}

@keyframes marquee-right {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.logo-item {
  flex: 0 0 auto;
  width: 10rem;
  aspect-ratio: 173 / 95;
  /* background: var(--white); */
  /* border-radius: var(--radius-sm); */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--gray-400);
  font-size: 1rem;
  /* box-shadow: 0 0.125rem 0.75rem rgba(0,0,0,0.05); */
}
.marquee-wrap:before,.marquee-wrap:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 15rem;
    z-index: 9;
}

.marquee-wrap:before {
    left: 0;
    background: linear-gradient(90deg, #fff, transparent);
}

.marquee-wrap:after {
    right: 0;
    background: linear-gradient(-90deg, #fff, transparent);
}

.news {
    background: linear-gradient(73deg, #C2E4FD -11.41%, #FFF 89.57%);
}
.news-panels { position: relative; }

.news-panel {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.news-panel.active {
  display: block;
  opacity: 1;
}

.news-swiper {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.news-slide { height: auto; }

.news-card {
  background: var(--white);
  border-radius: var(--radius);
  /* box-shadow: var(--shadow); */
  overflow: hidden;
  padding: 1.5rem;
  transition: transform 0.3s;
  display: block;
}

.news-card:hover {/* transform: translateY(-0.375rem); */background: linear-gradient(180deg, var(--brand) 0%, #fff 40%);}

.news-thumb {
  height: 20rem;
  border-radius: var(--radius-sm);
  position: relative;
  margin-bottom: 1.125rem;
  background-size: cover;
  background-position: center;
  border-radius: var(--radius);
  overflow: hidden;
}
.news-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-time {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--gray-400);
  font-size: 1.25rem;
  margin-bottom: 0.75rem;
  /* justify-content: center; */
}
.news-time img {
    transform: scale(1) !important;!i;!;
    width: 1.5rem;
}


.news-title {
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 1.55;
  margin-bottom: 0.75rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: var(--fs-block-title););)(););
}

.news-title.is-blue {/* color: var(--brand); */}
.news-card:hover .news-title,.news-card:hover .news-more {
    color: var(--brand);
}
.news-excerpt {
  font-size: 1.125rem;
  color: var(--gray-600);
  line-height: 1.7;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 0.875rem;
  font-size: var(--gap-md);
  /* text-indent: 2rem; */
}

.news-more {
  font-size: var(--gap-md);
  color: var(--gray-400);
}

.business-body .business-page .news-text {}

.business-body .business-page .news-text .news-card {
    padding: 2rem;
    border: 0;
    border-radius: 1.125rem;
    margin: 0 0 2rem 0;
    position: relative;
    display: block;
}
.business-body .business-page .news-text .news-card:nth-child(even) {
    background: #f2f9ff !important;!i;!;
}
.business-body .business-page .news-text .news-card:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 100%;
    bottom: 0;
    height: 0.3rem;
    background: var(--color-jb);
    transition: all 0.3s;
}

.business-body .business-page .news-text .news-card:hover:after {
    right: 0;
}
.business-body .business-page .news-text .news-card .news-title {
    border-bottom: 1px solid #ddc;
    padding: 0 0  0.75rem 0;
    color: var(--brand);
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.5rem;
    font-weight: 600;
}

.business-body .business-page .news-text .news-card .news-title:before {
    content: "";
    display: block;
    width: 0.3rem;
    height: 1.8rem;
    background: var(--brand);
}

.link_con {
    border-top: 1px solid #ddd;
}
.friend_link {
    font-size: 1.125rem;
    display: flex;
    padding: 1.125rem 0;
}

.friend_link {
    
}

.friend_link .title {}

.friend_link .link {
    flex: 1;
    color: var(--gray-400);
    font-size: var(--gap-md);
}

.friend_link .link a:hover {
    color: var(--brand);
}
@media (max-width: 992px) {
.friend_link .title {
    display: none;
}

}

.footer {
  background: #083d66;
  color: var(--white);
}

.footer-top {
  display: flex;
  justify-content: space-between;
  /* gap: 3.75rem; */
  padding: 2rem var(--container-pad-lg);
  /* flex-wrap: wrap; */
  align-items: center;
}

.footer-intro { max-width: 45rem; }

.brand-footer {display: block;color: var(--white);width: 25.125rem;}
.brand-footer img{
    width: 100%;
    max-width: max-content;
}
.brand-footer .brand-text strong { font-size: 1.5rem; }

.footer-desc {
  font-size: 0.9375rem;
  color: #bcd6e8;
  line-height: 1.8;
  margin-bottom: 1.5rem;
}

.footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.875rem 1.75rem;
}

.footer-links a {
  color: var(--white);
  font-size: 0.9375rem;
  position: relative;
}

.footer-links a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.125rem;
  width: 0;
  height: 0.0625rem;
  background: var(--white);
  transition: width 0.3s;
}

.footer-links a:hover::after { width: 100%; }

.footer-contact {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem 2.5rem;
  /* display: flex; */
  /* flex-flow: wrap; */
  /* justify-content: flex-start; */
  width: 50%;
}

.contact-item {display: flex;gap: 0.5rem;font-size: var(--gap-md);}
.contact-item .icon {}

.contact-item .icon img {
    width: 1.5625rem;
    height: 1.5625rem;
    aspect-ratio: 1/1;
}
.contact-item .text{flex:1;font-size: var(--gap-md);}
.contact-label {
  /* font-size: 1.125rem; */
  color: var(--white);
}

.contact-value {
  font-size: 1rem;
  color: var(--white);
  font-weight: 500;
}

.footer-bottom {
  border-top: 0.0625rem solid rgba(255,255,255,0.12);
  padding: 1.125rem 0;
}

.footer-bottom .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.625rem;
}

.footer-bottom span {
  font-size: 0.875rem;
  color: var(--white);
  opacity: 0.5;
}
@media (max-width: 992px) {
.brand-footer {
    width: 80%;
    text-align: center;
    margin: 0 auto;
}

}

@media (max-width: 1400px) {
  .container {padding-left: var(--container-pad-md);padding-right: var(--container-pad-md);}
}

@media (max-width: 1200px) {
  .nav-menu { gap: 1.375rem; }
  .brand-text strong { font-size: 1rem; }
  .nav-phone svg { width: 1.375rem; height: 1.375rem; }

  .mega-menu-inner { padding: 1.75rem 2.5rem; gap: 1.875rem; }
  .mega-links { gap: 0.75rem; }
}

@media (max-width: 992px) {
  .container {padding: 0 var(--container-pad-sm);}
  .hero {height: 30rem;margin: 4.2rem 0 0;}

  /* 手机端导航独立显示，PC 导航隐藏 */
  .navbar { display: none; }
  .m-nav { display: block; }
  .search-overlay { top: 4.375rem; }

  .section-head {margin-bottom: 1rem;gap: 0rem;}
  .head-right { width: 100%; justify-content: space-between; flex-wrap: wrap; }
.btn {
    padding: 0.25rem 0.75rem;
    border-radius: 0 0.7rem;
}
  .biz-accordion {
    flex-direction: column;
    height: 50rem;
  }
  .biz-card {
    flex: none;
    /* height: 10rem; */
  }
  .biz-card.active {
    flex: none;
    height: auto;
    /* min-height: 20rem; */
    border-radius: 1rem;
  }
  .case-swiper .swiper-wrapper { align-items: stretch; }

  .footer-top {flex-direction: column;gap: 1.5rem;padding: 1.5rem;}
  .footer-contact {grid-template-columns: 1fr;width: 100%;}

  .nav-extra { display: none; }

  .search-panel { padding: 1.125rem 1.875rem; }
  .search-overlay.open { max-height: 6.875rem; }
  .search-box { height: 3.125rem; }
  .search-btn { padding: 0.5rem 1.25rem; font-size: 0.875rem; }

  .nav-menu {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: 5rem;
    left: 0;
    width: 100%;
    background: var(--brand);
    padding: 1rem 1.875rem 1.875rem;
    gap: 0.25rem;
    max-height: calc(100vh - 5rem);
    overflow-y: auto;
  }
  .nav-menu.open { display: flex; }

  .nav-menu > li { width: 100%; }

  .nav-menu > li > a {
    width: 100%;
    display: block;
    padding: 0.75rem 0;
    border-bottom: 0.0625rem solid rgba(255,255,255,0.12);
  }
  .nav-menu > li:last-child > a { border-bottom: none; }

  .nav-menu > li > a::before,
  .nav-menu > li > a::after { display: none; }

  .has-dropdown { position: relative; }

  .mega-menu {
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none;
    max-height: 0;
    padding-top: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
  }

  .mega-menu-inner {
    grid-template-columns: 1fr;
    padding: 0.75rem 0 1rem;
    background: transparent;
    box-shadow: none;
    gap: 0.875rem;
  }

  .mega-links { gap: 0.5rem; }

  .mega-col a {
    background: rgba(255,255,255,0.1);
    color: var(--white);
    border: none;
  }

  .mega-col a:hover {
    background: rgba(255,255,255,0.2);
    border: none;
    box-shadow: none;
    transform: none;
    color: var(--white);
  }

  .mega-col a i { color: rgba(255,255,255,0.7); }
  .mega-col a:hover i { color: var(--white); }

  .mega-banner { min-height: 11.25rem; }
  .mega-banner-content { padding: 1.125rem; }
  .mega-banner-content h4 { font-size: 1.125rem; }
  .mega-banner-actions .btn { padding: 0.5rem 1.125rem; font-size: 0.8125rem; }

  .nav-toggle { display: flex; }

  .cert-head {
    display: block;
}
.cert-card {
    height: 10rem;
    border-radius: 1rem;
}
.cert-tab {
    /* font-size: 1.125rem; */
}

.cert-swiper .swiper-pagination {
    opacity: 0;
}

.cert-nav {
    right: 50%;
    transform: translate(50%, 0px);
}

.marquee-wrap:before, .marquee-wrap:after {
    display: none;
}

.logo-item {
    width: 5rem;
}

.tab,.cert-name {
    font-size: 1rem;
}
  
}

@media (max-width: 767px) {
  .hero {height: 25rem;}

  .hero-actions {/* flex-direction: column; *//* align-items: center; */}

  .section-en {font-size: 1.2rem;}

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

  .biz-actions {/* flex-direction: column; */}
  .biz-actions .btn {/* width: 100%; */}
  .biz-card-inner { padding: 1.75rem; }

  .tabs { overflow-x: auto; flex-wrap: nowrap; width: 100%; padding-bottom: 0.5rem; }

  .footer-bottom .container {flex-direction: column;align-items: center;text-align: center;gap: 0.2rem;}
  .footer-contact {grid-template-columns: 1fr;gap: 0.5rem;}
}

@media (max-width: 480px) {
  .container {/* padding: 0 1.25rem; */}

  .brand-text strong { font-size: 0.9375rem; }
  .brand-text small { font-size: 0.6875rem; }
  .brand-mark .bar-1 { height: 2rem; }

  .nav-inner { height: 4.375rem; }
  .nav-menu { top: 4.375rem; max-height: calc(100vh - 4.375rem); }

  .hero {height: 17rem;}
  .hero-actions .btn {/* width: 100%; *//* font-size: 1rem; *//* padding: 0.7rem 1.125rem; */}

  .news-thumb { height: 11.25rem; }
}

/* ========== 手机端导航（独立，与 PC 导航分开，仅 ≤992px 生效）========== */
.m-nav { display: none; }

@media (max-width: 992px) {
  /* 顶部固定栏 */
  .m-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    display: block;
  }

  .m-nav-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 4.375rem;
    padding: 0 1.25rem;
    background: var(--white);
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.12);
  }

  .m-nav-logo { display: flex; align-items: center; }
  .m-nav-logo img {height: 1.5rem;width: auto;display: block;}

  .m-nav-right { display: flex; align-items: center; gap: 0.25rem; }

  .m-nav-right .nav-search {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border: none;
    background: transparent;
    color: var(--white);
    cursor: pointer;
  }
  .m-nav-right .nav-search svg { width: 1.25rem; height: 1.25rem; }

  /* 汉堡按钮：三条线，展开时变 X */
  .m-nav-toggle {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.3125rem;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0.5rem;
    border: none;
    background: transparent;
    cursor: pointer;
  }
  .m-nav-toggle span {
    display: block;
    height: 0.125rem;
    width: 100%;
    border-radius: 0.125rem;
    background: var(--gray-900);
    transition: transform 0.3s ease, opacity 0.3s ease;
  }
  .m-nav-toggle.open span:nth-child(1) { transform: translateY(0.4375rem) rotate(45deg); }
  .m-nav-toggle.open span:nth-child(2) { opacity: 0; }
  .m-nav-toggle.open span:nth-child(3) { transform: translateY(-0.4375rem) rotate(-45deg); }

  /* 全屏菜单：从右侧滑入 */
  .m-nav-menu {
    position: fixed;
    top: 4.375rem;
    left: 0;
    width: 100%;
    height: calc(100vh - 4.375rem);
    background: var(--white);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translateX(100%);
    transition: transform 0.35s ease;
    /* box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.15); */
  }
  .m-nav-menu.open { transform: translateX(0); }

  .m-nav-list { list-style: none; margin: 0; padding: 0.625rem 0 2.5rem; }

  .m-nav-list > li {border-bottom: 1px solid var(--gray-200);}
  .m-nav-list > li:last-child { border-bottom: none; }

  .m-nav-list > li > a {
    display: block;
    padding: 1rem 1.25rem;
    font-size: 1.0625rem;
    font-weight: 500;
    color: var(--gray-900);
  }

  /* 带二级菜单的一级项 */
  .m-nav-row { display: flex; align-items: center; }
  .m-nav-row > a {
    flex: 1;
    padding: 1rem 1.25rem;
    font-size: 1.0625rem;
    font-weight: 500;
    color: var(--gray-900);
  }

  .m-sub-toggle {
    position: relative;
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    margin-right: 0.5rem;
    border: none;
    background: transparent;
    cursor: pointer;
  }
  .m-sub-toggle::before,
  .m-sub-toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: var(--gray-400);
    border-radius: 0.125rem;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease, opacity 0.3s ease;
  }
  .m-sub-toggle::before { width: 0.875rem; height: 0.125rem; }
  .m-sub-toggle::after { width: 0.125rem; height: 0.875rem; }
  .m-sub-toggle.open::after { opacity: 0; }

  /* 二级菜单 */
  .m-nav-sub { display: none; background: var(--gray-bg); }
  .m-nav-sub.open { display: block; }
  .m-nav-sub a {
    display: block;
    padding: 0.8125rem 1.25rem 0.8125rem 2.25rem;
    font-size: 0.9375rem;
    color: var(--gray-600);
    border-top: 1px solid var(--gray-200);
  }
  .m-nav-sub a:first-child { border-top: none; }
  .m-nav-sub a:active { background: var(--gray-blue); color: var(--brand); }

  .m-nav-list > li > a.active,
  .m-nav-row > a.active {
    color: var(--brand);
    /* background: var(--gray-blue); */
  }
}

body.no-scroll { overflow: hidden; }

.nei-banner {
    /* margin-top: 5rem; */
    position: relative;
    height: 30rem;
}

@media (max-width: 992px) {
  .nei-banner{margin-top: 4.2rem;height: 13rem;}
}

.nei-banner img {width: 100%;height: 100%;object-fit: fill;}

/* ========== 各页面公共 nei-banner 样式（统一管理）========== */
/* 所有内页的 banner 图片统一样式 */
[class*="-body"] .nei-banner img {
  width: 100%;
  height: 18.75rem; /* 300px */
  object-fit: cover;
  display: block;
}

/* 所有内页的 banner 标题统一样式（覆盖公共的 clamp 值） */
[class*="-body"] .nei-banner .text .main h3 {
  font-size: 3.375rem; /* 54px */
}

/* 所有内页的 banner 副标题统一样式 */
[class*="-body"] .nei-banner .text .main span {
  font-size: 1.625rem; /* 26px */
  margin: 0.75rem 0 2rem;
}

.nei-banner .text {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nei-banner .text .main {
    color: var(--white);
    text-align: center;
}

.nei-banner .text .main h3 {
    font-size: clamp(2.125rem, 2.4vw, 2.875rem);
    font-weight: 700;
    color: var(--white);
    line-height: 1.2;
}

.nei-banner .text .main span {
    display: block;
    margin: 1.125rem;
}
/* ---- 横幅 Banner ---- */
 .about-banner {
  /* margin-top: 80px; */ /* 顶部固定导航高度 */
}

 .about-banner img {
  display: block;
  width: 100%;
  height: clamp(11.25rem, 15.63vw, 18.75rem); /* 180 ~ 300px */
  object-fit: cover;
  object-position: center;
}

/* ---- 二级导航 Tab ---- */
 .sub-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(1.5rem, 6vw, 6.25rem);
  height: 5.875rem; /* 94px */
  background: #fff;
  border-bottom: 1px solid #ddd;
}

 .sub-nav a {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 1.25rem; /* 20px */
  color: #000;
  transition: color 0.3s;
}

.sub-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 3px;
  background: #0c65a4;
  transform: scaleX(0);
  transition: transform 0.3s;
}

 .sub-nav a:hover { color: #0c65a4; }
 .sub-nav a.active { color: #0c65a4; }
 .sub-nav a.active::after { transform: scaleX(1); }

/* ---- 公司介绍区块 ---- */
 .about-intro {
  background: linear-gradient(144deg, #e1f2fe 0%, #ffffff 100%);
  padding-bottom: 0;
}

 .about-head {
  margin-bottom: clamp(2rem, 4vw, 3.75rem);
}

 .about-head h2 {
  font-size: clamp(2.125rem, 2.4vw, 2.875rem); /* 46px */
  font-weight: 700;
  color: #333;
  line-height: 1.2;
}

 .about-head .about-en {
  display: block;
  margin-top: 0.5rem;
  font-size: clamp(1.75rem, 2.1vw, 2.5rem); /* 40px */
  font-weight: 800;
  letter-spacing: 0.06em;
  color: #bfd6e6;
  text-transform: uppercase;
}

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

 .about-content {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
}

 .about-text p {
  font-size: 1.125rem; /* 18px */
  line-height: 2;
  color: #333;
  margin-bottom: 1.25rem;
  text-align: justify;
  text-indent: 2.25rem;
}

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

 .about-media {
  position: relative;
}

 .about-media .about-img {
  position: relative;
  width: 100%;
  z-index: 1;
  /* object-fit: cover; */
  /* border-radius: 1.25rem; */
  /* box-shadow: 0 1.25rem 2.5rem rgba(12, 60, 96, 0.15); */
}

 .about-media .about-logo {
  position: absolute;
  left: clamp(1.5rem, 4vw, 3.5rem);
  top: clamp(1.5rem, 4vw, 3.5rem);
  width: clamp(4.5rem, 5vw, 6.25rem); /* 100px */
  height: clamp(4.5rem, 5vw, 6.25rem);
  border-radius: 50%;
  z-index: 999;
  /* background: linear-gradient(90deg, #007946 0%, #0c65a4 100%); */
  /* display: flex; */
  /* align-items: center; */
  /* justify-content: center; */
  /* color: #fff; */
  /* box-shadow: 0 0.625rem 1.5rem rgba(12, 60, 96, 0.25); */
}

 .about-media .about-logo svg { width: 70%; height: 70%; }

/* ---- 数据统计条 ---- */
 .about-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  margin-top: clamp(2.5rem, 6vw, 4.5rem);
  padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1.25rem, 3vw, 2.5rem);
  background: linear-gradient(90deg, rgba(0, 121, 70, 0.2) 0%, rgba(12, 101, 164, 0.2) 100%);
}

 .stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  text-align: center;
}

 .stat-item .stat-num {
  font-size: clamp(2.5rem, 2.6vw, 3.125rem); /* 50px */
  font-weight: 600;
  font-family: Montserrat, "Alibaba PuHuiTi 3.0", Arial, sans-serif;
  color: #0c65a4;
  line-height: 1;
  gap: 1rem;
  display: flex;
  align-items: center;
}

 .stat-item .stat-num span {
  font-size: 1.875rem; /* 30px */
}

 .stat-item .stat-desc {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-size: 1.125rem; /* 18px */
  font-weight: 300;
  color: #333;
  white-space: nowrap;
}

 .stat-item .stat-desc img {
  width: 1.75rem;
  height: 1.75rem;
  flex: none;
}

/* ---- 业务范围区块 ---- */
 .business-section {
  background: linear-gradient(205deg, #eff9f5 0%, #f9fdff 100%);
}

 .biz-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.25rem; /* 20px */
}

 .biz-card {
  background: #fff;
  border-radius: 1.875rem; /* 30px */
   /* 40px */
  box-shadow: var(--shadow);
  transition: transform 0.3s, box-shadow 0.3s;
  padding: 2rem;
}

 .biz-card:hover {
  /* transform: translateY(-0.25rem); */
  /* box-shadow: 0 1.25rem 2.5rem rgba(12, 60, 96, 0.12); */
}

 .biz-card.wide { grid-column: 1 / -1; }
.business-section .biz-card:nth-child(2),.business-section .biz-card:nth-child(5) {
    background: #f2f9ff;
}
 .biz-card-head {
  display: flex;
  align-items: center;
  gap: 1.25rem; /* 20px，竖条到标题间距 25px */
  padding-bottom: 1.25rem;
  margin-bottom: 1.375rem; /* 正文起点 */
  border-bottom: 1px solid #ddd;
}

 .biz-card-head::before {
  content: "";
  flex: none;
  width: 5px;
  height: 2.25rem; /* 36px */
  background: #0c65a4;
  border-radius: 0.1875rem;
}

 .biz-card-head h3 {
  font-size: clamp(1.375rem, 1.9vw, 1.75rem); /* 36px */
  font-weight: 500;
  color: var(--brand);
  line-height: 1.3;
}
.team-grid {}



.team-grid .biz-card {
    background: linear-gradient(0deg, #e3f1fc 0%, transparent 50%);
}
.team-grid .biz-card-head h3 {
    color: var(--brand);
}
 .biz-card-body p {
  font-size: 1.125rem; /* 18px */
  line-height: 2;
  color: var(--gray-600);
  text-align: justify;
  /* text-indent: 2.5rem; */
}

/* ---- 响应式（断点以 style.css 为准） ---- */
@media (max-width: 992px) {
   .about-banner { margin-top: 4.375rem; } /* 移动端顶部固定栏高度 */
   .about-content {grid-template-columns: 1fr;}
   .about-stats {grid-template-columns: repeat(2, 1fr);row-gap: 1.875rem;gap: 1rem;}
   .about-media{display:none}
  .sub-nav {
    gap: 1rem;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    justify-content: flex-start;
    height: 3.875rem;
  }
 .sub-nav a {flex: none;padding: 0 0.75rem;font-size: 1rem;}
}

@media (max-width: 767px) {
   .biz-grid { grid-template-columns: 1fr; }
   .about-stats {/* grid-template-columns: 1fr; */}
   .stat-item .stat-desc {white-space: normal;font-size: 0.8rem;}
}

.bg-page {
    background: linear-gradient(123deg, #E1F2FE 0, #FFF 50rem);
}

/* =====================================================================
   企业文化 Culture（引言 + 8 张理念卡片）
   ===================================================================== */
 .culture-page {
  /* max-width: 88.75rem; */ /* 1420px，与设计稿一致 */
  /* margin: 0 auto; */
  /* padding-top: 1.875rem; */
}

 .culture-desc {
  max-width: 80%; /* 1020px */
  margin: 0 auto 3.75rem; /* 60px */
  font-size: 1.375rem; /* 22px */
  font-weight: 500;
  color: #333;
  line-height: 1.7;
  text-align: center;
}

 .culture-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.875rem; /* 30px */
}

 .culture-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  /* min-height: 25rem; */ /* 400px */
  padding: 3.125rem 1.875rem 1.875rem; /* 50px 30px 30px */
  border-radius: 1.875rem; /* 30px */
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

 .culture-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 1.25rem 2.5rem rgba(12, 101, 164, 0.12);
}

 .culture-card .num {
  font-family: "Montserrat", "Alibaba PuHuiTi 2.0", sans-serif;
  font-size: 3.125rem; /* 50px */
  font-weight: 700;
  color: #0c65a4;
  line-height: 1.1;
  margin-bottom: 0.625rem;
}

 .culture-card h4 {
  font-size: 1.875rem; /* 30px */
  font-weight: 500;
  color: #0c65a4;
  line-height: 1.3;
  margin-bottom: 1.25rem;
}

 .culture-card p {
  font-size: 1.375rem; /* 22px */
  color: var(--gray-600);
  line-height: 1.5;
}

@media (max-width: 992px) {
   .culture-grid {/* grid-template-columns: repeat(2, 1fr); */gap: 1rem;}
   .culture-card {/* min-height: 15rem; */padding: 1rem;}
}

@media (max-width: 767px) {
   .culture-grid {grid-template-columns: repeat(2, 1fr);}
   .culture-card {/* min-height: 20rem; */}
}

/* =====================================================================
   公司相册 Album（筛选按钮 + 照片网格）
   ===================================================================== */
 .album-page {
  /* max-width: 88.75rem; */ /* 1420px，与设计稿一致 */
  /* margin: 0 auto; */
  /* padding-top: 1.875rem; */
}

 .album-tabs {
  display: flex;
  justify-content: center;
  gap: 1.875rem; /* 30px */
  margin-bottom: 3rem; /* 60px */
}

 .album-tab {
   /* 105px */
    /* 51px */
   padding: 0 1.5rem;
   border: none;
   border-radius: 1.25rem 0 1.25rem 0; /* 右上 + 左下 20px 圆角，与设计稿一致 */
   display: inline-flex;
   align-items: center;
   justify-content: center;
   text-decoration: none;
   background: #F4F5F6;
   color: #666;
   font-size: var(--fs-body); /* 22px */
   font-family: inherit;
   cursor: pointer;
   transition: background 0.3s ease, color 0.3s ease;
   line-height: 2;
}

 .album-tab:hover {
  color: #0c65a4;
}

 .album-tab.active {
  background: var(--color-jb);
  color: #fff;
}

 .album-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.875rem; /* 30px */
}

 .album-card {
  margin: 0;
}

 .album-card .album-img {
  height: 21.875rem; /* 350px */
  border-radius: 1.875rem; /* 30px */
  overflow: hidden;
  background: #eee;
}

 .album-card .album-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

 .album-card:hover .album-img img {
  transform: scale(1.06);
}

 .album-card figcaption {
  padding-top: 1.25rem; /* 20px */
  text-align: center;
  font-size: 1.375rem; /* 22px */
  font-weight: 700;
  color: #333;
}

@media (max-width: 992px) {
   .album-grid {gap: 1rem;}
}

@media (max-width: 767px) {
   .album-tabs { flex-wrap: wrap; gap: 0.9375rem; }
   .album-grid {grid-template-columns: repeat(2, 1fr);}
   .album-card .album-img {/* height: 16rem; */}
}

/* =====================================================================
   专利证书 Patent（证书卡片网格 + hover 渐变遮罩显示证书名）
   ===================================================================== */


.patent-body .patent-section {
  background: linear-gradient(144deg, #E1F2FE 0%, #ffffff 100%);
}

.patent-body .patent-page {
  /* max-width: 88.75rem; */ /* 1420px，与设计稿一致 */
  /* margin: 0 auto; */
}

.patent-body .patent-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.875rem; /* åž‚ç›´ 30px / æ°´å¹³ 42.5px */
}

.patent-body .patent-card {
  position: relative;
  margin: 0;
  background: #fff;
  border-radius: 1.875rem; /* 30px */
  box-shadow: var(--shadow);
  overflow: hidden;
  aspect-ratio: 5 / 4; /* 320:400 */
  text-align: center;
}

.patent-body .patent-card .patent-img {
  /* position: absolute; */
  /* left: 0; */ /* 45/320 */
  /* top: 0; */ /* 38/400 */
  /* right: 0; */ /* 230/320 */
  /* bottom: 0; */ /* 325/400 */
  padding: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.patent-body .patent-card .patent-img a{
    height: 100%;
}
.patent-body .patent-card .patent-img img {
  max-width: 100%;
  max-height: 100%;
  /* object-fit: cover; */
  /* display: block; */
}

/* 底部蓝色渐变遮罩（hover 显示） */
.patent-body .patent-card::after {
  content: "";
  position: absolute;
  inset: 0;
  /* border-radius: 1.875rem; */
  background: linear-gradient(0deg, #0C65A4 0%, rgba(255, 255, 255, 0) 100%);
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}

/* 卡片底部证书名称 */
.patent-body .patent-card figcaption {
  position: absolute;
  left: 0; /* 52px */
  right: 0;
  bottom: 1.8125rem; /* 29px */
  margin: 0;
  font-size: 1.25rem; /* 20px */
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  opacity: 0;
  transform: translateY(0.5rem);
  transition: opacity 0.4s ease, transform 0.4s ease;
  z-index: 99;
  text-align: center;
}

.patent-body .patent-card:hover::after,
.patent-body .patent-card:hover figcaption {
  opacity: 1;
}

.patent-body .patent-card:hover figcaption {
  transform: translateY(0);
}

@media (max-width: 992px) {
  .patent-body .nei-banner img { height: 14rem; }
  .patent-body .nei-banner .text .main h3 { font-size: 2.375rem; }
  .patent-body .nei-banner .text .main span { font-size: 1.375rem; }
  .patent-body .patent-grid {/* grid-template-columns: repeat(2, 1fr); */gap: 1rem;}

}

@media (max-width: 767px) {
  .patent-body .nei-banner img { height: 11.25rem; }
  .patent-body .patent-grid {/* grid-template-columns: 1fr; */grid-template-columns: repeat(2, 1fr);gap: 1rem;}
  .patent-body .patent-card figcaption { font-size: 1.125rem; }
}

/* business-body nei-banner 样式已提取到公共区域 */

/* 主内容区背景 */
.business-body .business-main {
  background: #F4F5F6;
  padding: 3.75rem 0 6.25rem; /* 上 60px / 下 100px */
}

.business-body .business-page {
  display: flex;
  align-items: flex-start;
  gap: 3.75rem; /* 60px */
}

/* ---- 左侧业务导航栏 ---- */
.business-body .biz-side {
  flex: none;
  width: 23.75rem; /* 380px */
  background: #fff;
  border-radius: 1.875rem; /* 30px */
  overflow: hidden;
  position: sticky;
  top: 6rem;
  box-shadow: var(--shadow);
  z-index: 5;
}

/* 桌面端默认展开状态 */
.business-body .biz-side.open,
.business-body .biz-side {
  /* 默认显示导航菜单（桌面端 >992px 时生效） */
}
/* 注意：≤992px 的折叠效果在 @media (max-width: 992px) 中定义 */

.business-body .biz-side-head {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  min-height: 9.5625rem; /* 153px */
  padding: 1.875rem;
  background: linear-gradient(90deg, #007946 0%, #0C65A4 100%);
  border-bottom: 1px solid #ddd;
}

.business-body .biz-side-head img {
  width: 3.75rem; /* 60px */
  height: 3.75rem;
  flex: none;
}

.business-body .biz-side-title h3 {
  font-size: 2.2rem; /* 46px */
  font-weight: 700;
  color: var(--white);
  line-height: 1.2;
}

.business-body .biz-side-title span {
  display: block;
  font-size: 1.25rem; /* 20px */
  color: var(--white);
  opacity: 0.9;
  margin-top: 0.375rem;
}

.business-body .biz-side-nav a {
  display: flex;
  align-items: center;
  min-height: 5.0625rem; /* 81px */
  padding: 0 1.875rem; /* 30px */
  font-size: 1.7rem; /* 22px */
  color: #666;
  border-bottom: 1px solid #ddd;
  text-decoration: none;
  transition: color 0.3s;
  justify-content: center;
}

.business-body .biz-side-nav a.active {
  color: #0C65A4;
  border-bottom: 1px solid #0C65A4;
}

.business-body .biz-side-nav a:hover {
  color: #0C65A4;
}

/* ---- 右侧详情内容 ---- */
.business-body .biz-detail {
  flex: 1;
  min-width: 0;
  background: #fff;
  border-radius: 1.875rem; /* 30px */
  padding: 2.5rem; /* 40px */
  width: 100%;
}

.business-body .biz-detail-head {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #ddd;
}

.business-body .biz-detail-head h3 {
  font-size: 2rem; /* 38px */
  font-weight: 400;
  color: #000;
  line-height: 1.4;
}

.business-body .biz-detail-content {
  padding-top: 1.875rem;
  font-size: 1.125rem; /* 18px */
  color: #666;
  line-height: 2;
}

.business-body .biz-detail-content p {
  margin: 0 0 1.5rem;
}

.business-body .biz-detail-content h4 {
  font-size: 1.125rem; /* 18px */
  font-weight: 700;
  color: #333;
  margin: 0 0 1rem;
}

.business-body .biz-detail-content .biz-detail-sub {
  font-weight: 700;
  color: #333;
}

/* ---- 响应式 ---- */

/* ========== 1400px 以下：中等屏幕适配 ========== */
@media (max-width: 1400px) {
  .business-body .biz-side {
    width: 20rem; /* 缩小侧边栏 */
  }
  .business-body .business-page {
    gap: 2.5rem;
  }
  .business-body .biz-detail-head h3 {
    font-size: 2rem;
  }
  .business-body .biz-side-nav a {
    font-size: 1.25rem;
    min-height: 4.5rem;
  }
}

/* ========== 1200px 以下：平板横屏/小桌面 ========== */
@media (max-width: 1200px) {
  .business-body .biz-side {
    width: 18rem;
  }
  .business-body .biz-side-head {
    padding: 1.5rem;
    min-height: 8rem;
  }
  .business-body .biz-side-head img {
    width: 3rem;
    height: 3rem;
  }
  .business-body .biz-side-title h3 {
    font-size: 1.75rem;
  }
  .business-body .biz-side-title span {
    font-size: 1rem;
  }
  .business-body .biz-detail {
    padding: 2rem;
  }
  .business-body .biz-detail-head h3 {
    font-size: 1.875rem;
  }
  .business-body .biz-detail-content {
    font-size: 1rem;
  }
  .business-body .biz-detail-content h4 {
    font-size: 1rem;
  }
}

/* ========== 992px 以下：平板竖屏 - 启用手风琴折叠 ========== */
@media (max-width: 992px) {
  /* nei-banner 响应式已提取到公共区域 [class*="-body"] */
  
  /* 主布局改为上下堆叠 */
  .business-body .business-main {
    padding: 2.5rem 0 4rem;
  }
  .business-body .business-page {
    flex-direction: column;
    gap: 1rem;
  }
  
  /* ===== 左侧导航栏 - 手风琴折叠模式（默认收起）===== */
  .business-body .biz-side {
    width: 100%;
    /* position: relative; */
    border-radius: 1.25rem;
    overflow: hidden;
    top: 4.4rem;
  }
  
  /* 标题栏可点击（触发展开/收起） */
  .business-body .biz-side-head {
    min-height: auto;
    padding: 1.25rem 1.5rem;
    border-radius: 1.25rem;
    gap: 1rem;
    cursor: pointer;
    position: relative;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
  }
  
  /* 展开箭头（右侧） */
  .business-body .biz-side-head::after {
    content: '';
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%) rotate(-135deg);
    width: 0.625rem;
    height: 0.625rem;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transition: transform 0.3s ease;
  }
  
  /* 展开状态：箭头旋转45度变成上箭头 */
  .business-body .biz-side.open .biz-side-head::after {
    transform: translateY(-50%) rotate(45deg);
  }
  
  /* 圆角调整 */
  .business-body .biz-side:not(.open) .biz-side-head {
    border-radius: 1rem;
  }
  .business-body .biz-side.open .biz-side-head {
    border-radius: 1.25rem 1.25rem 0 0;
  }
  
  /* 菜单默认隐藏（收起状态）- 必须完全隐藏 */
  .business-body .biz-side-nav {
    display: none !important; /* 彻底不渲染 */
    max-height: 0 !important;
    opacity: 0 !important;
    overflow: hidden;
    padding: 0 !important;
    border: none !important;
    transition: none;
  }
  
  /* 展开状态：显示菜单 */
  .business-body .biz-side.open .biz-side-nav {
    display: block !important;
    max-height: 35rem !important; /* 足够容纳所有菜单项 */
    opacity: 1 !important;
    padding: 0.5rem 1.5rem 1.25rem !important;
    transition: max-height 0.35s ease, opacity 0.3s ease, padding 0.3s ease;
    overflow: scroll;
  }
  
  .business-body .biz-side-nav a {
    justify-content: flex-start;
    min-height: 3.5rem;
    padding: 0 1rem;
    font-size: 1.125rem;
    border-right: none !important;
    border-bottom: 1px solid #eee;
  }
  
  /* 右侧内容区 */
  .business-body .biz-detail {
    border-radius: 1.25rem;
    padding: 1.875rem;
  }
  .business-body .biz-detail-head h3 {
    font-size: 1.75rem;
  }
  .business-body .biz-detail-content {
    font-size: 1rem;
    line-height: 1.9;
  }
  .business-body .biz-detail-content p {
    margin-bottom: 1.25rem;
  }
  .business-body .biz-detail-content h4 {
    font-size: 1.0625rem;
    margin-top: 1.25rem;
  }

  /* 二级导航响应式 */
  .business-body .sub-nav {
    flex-wrap: wrap;
    gap: 1rem;
  }
  .business-body .sub-nav a {
    font-size: 1rem;
  }
}

/* ========== 800px 以下：大手机/小平板 ========== */
@media (max-width: 800px) {
  .business-body .business-main {
    padding: 2rem 0 3rem;
  }
  .business-body .business-page {
    /* gap: 1.5rem; */
  }
  .business-body .biz-side-head img {
    width: 2.5rem;
    height: 2.5rem;
  }
  .business-body .biz-side-title h3 {
    font-size: 1.5rem;
  }
  .business-body .biz-side-nav a {
    min-height: 3.25rem;
    font-size: 1rem;
    padding: 0 0.75rem;
  }
  .business-body .biz-detail {
    padding: 1.5rem;
  }
  .business-body .biz-detail-head h3 {
    font-size: 1.5rem;
  }
  .business-body .biz-detail-content {
    font-size: 0.9375rem;
    line-height: 1.85;
  }
  .business-body .biz-detail-content h4 {
    font-size: 1rem;
  }
}

/* ========== 767px 以下：手机竖屏（尺寸微调）========== */
@media (max-width: 767px) {
  /* nei-banner 响应式已提取到公共区域 [class*="-body"] */
  
  .business-body .business-main {
    padding: 1.5rem 0 2.5rem;
  }
  .business-body .business-page {
    gap: 1rem;
  }
  
  /* 尺寸微调 */
  .business-body .biz-side {
    border-radius: 1rem;
  }
  .business-body .biz-side-head {
    padding: 1rem 1.25rem;
    gap: 0.875rem;
  }
  .business-body .biz-side-head img {
    width: 2.25rem;
    height: 2.25rem;
  }
  .business-body .biz-side-title h3 {
    font-size: 1.375rem;
  }
  .business-body .biz-side-title span {
    font-size: 0.875rem;
    margin-top: 0.25rem;
  }
  /* 箭头位置调整 */
  .business-body .biz-side-head::after {
    right: 1.25rem;
  }
  .business-body .biz-side-nav a {
    min-height: 3rem;
    font-size: 0.9375rem;
    padding: 0 1rem;
  }
  
  /* 右侧内容区 */
  .business-body .biz-detail {
    border-radius: 1rem;
    padding: 1.25rem;
  }
  .business-body .biz-detail-head {
    padding-bottom: 1rem;
  }
  .business-body .biz-detail-head h3 {
    font-size: 1.375rem;
  }
  .business-body .biz-detail-content {
    padding-top: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.9;
  }
  .business-body .biz-detail-content p {
    margin-bottom: 1rem;
  }
  .business-body .biz-detail-content h4 {
    font-size: 0.9375rem;
    margin: 1rem 0 0.625rem;
  }
  .business-body .biz-detail-content .biz-detail-sub {
    font-size: 0.875rem;
  }

  /* 二级导航移动端 */
  .business-body .sub-nav {
    gap: 0.625rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .business-body .sub-nav::-webkit-scrollbar {
    display: none;
  }
  .business-body .sub-nav a {
    font-size: 0.9375rem;
    white-space: nowrap;
    padding: 0.5rem 1rem;
  }
}

/* ========== 480px 以下：小屏手机 ========== */
@media (max-width: 480px) {
  .business-body .biz-side-head {
    /* padding: 0.875rem 1rem; */
  }
  .business-body .biz-side-head img {
    width: 2rem;
    height: 2rem;
  }
  .business-body .biz-side-title h3 {
    font-size: 1.25rem;
  }
  .business-body .biz-side-nav a {
    min-height: 2.75rem;
    font-size: 0.875rem;
    padding: 0 1rem;
  }
  .business-body .biz-detail {
    padding: 1rem;
    border-radius: 0.75rem;
  }
  .business-body .biz-detail-head h3 {
    font-size: 1.25rem;
  }
  .business-body .biz-detail-content {
    font-size: 0.8125rem;
    line-height: 1.85;
  }
  .business-body .biz-detail-content h4 {
    font-size: 0.875rem;
  }
  .business-body .biz-detail-content .biz-detail-sub {
    font-size: 0.8125rem;
  }
}

/* case-list-body nei-banner 样式已提取到公共区域 */

/* 二级导航 gap 已在通用 .sub-nav 中统一定义 */

/* 主内容区 */
.case-list-body .case-list {
  background: #F4F5F6;
  padding: 3.75rem 0 6.25rem; /* 上 60px / 下 100px */
}

.case-list-body .case-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.875rem; /* 30px */
}

.case-card {
  position: relative;
  height: auto;
  aspect-ratio: 5 / 4;
  border-radius: 1.875rem; /* 30px */
  overflow: hidden;
  background-size: cover;
  background-position: center;
  /* box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.10); */
  text-decoration: none;
  transition: transform 0.35s;
  display: block;
}

 .case-card:hover {
  transform: translateY(-0.375rem);
}

/* 默认遮罩：底部黑色渐变 */
.case-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 30%);
  pointer-events: none;
  transition: opacity 0.35s;
}

/* hover 遮罩：蓝绿渐变（默认透明，hover 浮现） */
.case-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(12, 101, 164, 0.70) 0%, rgba(0, 121, 70, 0.70) 100%);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.35s;
}

 .case-card:hover::after {
  opacity: 0;
}

.case-card:hover::before {
  opacity: 1;
}

 .case-card-body {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 1.875rem; /* 30px */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0rem; /* 30px */
}

 .case-card-body h3 {
  font-size: 1.4rem; /* 24px */
  font-weight: 400;
  color: #fff;
  line-height: 1.5;
  margin: 0;
}

/* 「了解更多」白色按钮（hover 浮现） */
 .case-card .btn {
   /* 50px */
    /* 20px */
    /* 20px */
    /* 18px */
   display: none;
}

 .case-card:hover .btn {
  opacity: 1;
  display: flex;
  margin: 1rem 0 0;
}

 .case-btn i {
  display: inline-flex;
}

/* ---- 响应式 ---- */
@media (max-width: 992px) {
  .case-list-body .nei-banner img { height: 14rem; }
  .case-list-body .nei-banner .text .main h3 { font-size: 2.375rem; }
  .case-list-body .nei-banner .text .main span { font-size: 1.375rem; }
  .case-list-body .case-grid {grid-template-columns: repeat(2, 1fr);gap: 1rem;}
}

@media (max-width: 767px) {
  .case-list-body .nei-banner img { height: 11.25rem; }
  .case-list-body .case-grid {grid-template-columns: 1fr;}
  .case-list-body .case-card-body h3 {/* font-size: 1rem; */}
}

/* nei-banner 样式已提取到公共区域 */

/* 二级导航 gap 已在通用 .sub-nav 中统一定义 */

 .academy-section {
  background: linear-gradient(144deg, #E1F2FE 0%, #FFFFFF 100%);
   /* 上 60px / 下 90px */
}

.academy-section .section-title {
  font-size: 2.875rem; /* 46px */
  color: #333;
}

.academy-section .section-head {
   /* 40px */
}

.academy-desc {
  max-width: 76.5rem; /* 1224px */
  margin: 0 auto;
  /* text-align: center; */
  font-size: 1.125rem; /* 18px */
  color: #333;
  line-height: 2;
  text-indent: 3rem;
}

 .academy-desc-strong {
  font-size: 1.25rem; /* 20px */
  font-weight: 700;
  color: #0C65A4;
}

/* 图片：523px + 795px，30px 间距，30px 圆角 */
 .academy-imgs {
  max-width: 80%; /* 1420px */
  margin: 4rem auto 0; /* 70px */
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.875rem; /* 30px */
}

 .academy-imgs img {
  width: 100%;
  /* height: 23.125rem; */ /* 370px */
  object-fit: cover;
  border-radius: 1.5rem; /* 30px */
  /* border: 1px solid #DDDDDD; */
  display: block;
}

 .academy-president {
  background: linear-gradient(205deg, #EFF9F5 0%, #F9FDFF 100%);
   /* 60px */
}

 .president-wrap {
  display: flex;
  align-items: stretch;
  gap: 2.5rem; /* 40px */
}

 .president-photo {
  flex: 0 0 15rem; /* 378px */
}

 .president-photo img {
  width: 100%;
  /* height: 35.8125rem; */ /* 573px */
  object-fit: cover;
  border-radius: 1.875rem; /* 30px */
  display: block;
}

 .president-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

 .president-name {
  font-size: 2.5rem; /* 40px */
  font-weight: 700;
  color: #0C65A4;
  line-height: 1.2;
}

 .president-role {
  margin-top: 1.375rem; /* 22px */
  font-size: 1.5rem; /* 24px */
  font-weight: 700;
  color: #333;
}

 .president-desc {
  margin-top: 2.5rem; /* 40px */
  font-size: 1.25rem; /* 20px */
  color: #666;
  line-height: 2;
  text-indent: 2.5rem;
}

/* ---- 响应式 ---- */
@media (max-width: 992px) {
.academy-imgs {gap: 1rem;margin: 2rem auto 0;}

.president-photo { flex: none; }
.president-photo img {height: auto;max-width: 10rem;border-radius: 1rem;}
}

@media (max-width: 767px) {
 .academy-imgs img { height: auto; }
 .president-name { font-size: 1.875rem; }
 .president-role { font-size: 1.25rem; }
 .president-desc { font-size: 1.125rem; }
}

/* =====================================================================
   技术团队 Team（专家成员两列卡片列表）
   ===================================================================== */
/* team-body nei-banner 样式已提取到公共区域 */

/* 二级导航 gap 已在通用 .sub-nav 中统一定义 */

/* ---- 团队列表板块：浅蓝渐变背景 ---- */
.team-body .team-section {
  background: linear-gradient(144deg, #E1F2FE 0%, #FFFFFF 100%);
  padding: 3.75rem 0 6.25rem; /* 上 60px / 下 100px */
}

.team-body .team-section .section-head {
  margin-bottom: 2.5rem; /* 40px */
}

/* 两列卡片：690px + 40px 间距，行间距 40px */
.team-body .team-grid {
  /* max-width: 88.75rem; */ /* 1420px */
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem; /* 40px */
}

.team-body .team-card {
  background: #fff;
  border-bottom: 1px solid #DDDDDD;
  padding: 1.875rem 0 1.875rem; /* 上 30px / 下 30px */
}

/* 名字行：左侧 5px 蓝色竖线 */
.team-body .team-name {
  display: flex;
  align-items: center;
  min-height: 1.875rem; /* 30px */
  padding-left: 1.5625rem; /* 25px */
  border-left: 0.3125rem solid #0C65A4; /* 5px */
  font-size: 1.625rem; /* 26px */
  font-weight: 500;
  color: #333;
  line-height: 1.2;
}

.team-body .team-desc {
  margin-top: 1.25rem; /* 20px */
  font-size: 1.125rem; /* 18px */
  color: #666;
  line-height: 1.9;
}

/* ---- 响应式 ---- */
@media (max-width: 992px) {
  .team-body .nei-banner img { height: 14rem; }
  .team-body .nei-banner .text .main h3 { font-size: 2.375rem; }
  .team-body .nei-banner .text .main span { font-size: 1.375rem; }
  .team-body .team-grid { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
  .team-body .nei-banner img { height: 11.25rem; }
  .team-body .team-name { font-size: 1.375rem; }
  .team-body .team-desc { font-size: 1rem; }
}

/* =====================================================================
   科研成果 Achievements（左侧介绍文案 + 双按钮 + 右侧圆形图片）
   ===================================================================== */
/* achievements-body nei-banner 样式已提取到公共区域 */


/* 二级导航 gap 已在通用 .sub-nav 中统一定义 */

/* ---- 科研成果板块：浅蓝渐变背景 + 水印 ---- */
.achievements-section {
  background: linear-gradient(144deg, #E1F2FE 0%, #FFFFFF 100%);
   /* 60px */
}

.achievements-section .section-head {
   /* 40px */
}

/* 内容：左 675px + 100px 间距 + 右 645px = 1420px */
.achievements-wrap {
  /* max-width: 88.75rem; */ /* 1420px */
  /* margin: 0 auto; */
  display: flex;
  align-items: center;
  gap: 6.25rem; /* 100px */
}

.achievements-content {
  flex: 0 0 42.1875rem; /* 675px */
}

.achievements-desc {
  font-size: 1.125rem; /* 18px */
  color: #333;
  line-height: 2;
  text-indent: 2.5rem;
}

.achievements-btns {
  display: flex;
  gap: 1.25rem; /* 20px */
  margin-top: 3.75rem; /* 60px */
}

/* 右侧：500px 圆形图 + 装饰 */
.achievements-visual {
  position: relative;
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.achievements-circle {
  width: 31.25rem; /* 500px */
  height: 31.25rem;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

/* 右上装饰：绿色方块 + 图片水印 */
.achievements-deco {
  position: absolute;
  right: 0;
  top: 0;
   /* 145px */
  bottom: 0;
}

.achievements-deco img {
   /* 93px */
   height: 100%;
}

/* ---- 响应式 ---- */
@media (max-width: 992px) {
.achievements-wrap { flex-direction: column; gap: 3.75rem; }
.achievements-content { flex: none; width: 100%; }
.achievements-visual { justify-content: center; }
.achievements-deco { display: none; }
}

@media (max-width: 767px) {
.achievements-circle { width: 16rem; height: 16rem; }
.achievements-desc { font-size: 1rem; }
.achievements-btns { flex-wrap: wrap; }
}

/* =====================================================================
   科研项目 Project（渐变背景 + 四列项目列表表格）
   ===================================================================== */
/* project-body nei-banner 样式已提取到公共区域 */

/* 二级导航 gap 已在通用 .sub-nav 中统一定义 */

/* ---- 科研项目板块：浅蓝渐变背景 ---- */
.project-body .project-section {
  background: linear-gradient(144deg, #E1F2FE 0%, #FFFFFF 100%);
  /* padding: 3.75rem 0; */ /* 60px */
}

.project-body .project-section .section-title {
  /* font-size: 2.875rem; */ /* 46px */
  /* color: #333; */
}

.project-body .project-section .section-en {
  /* font-size: 2.5rem; */ /* 40px */
  /* font-weight: 1000; */
  /* color: #BFD6E6; */
  /* opacity: 1; */
  /* text-transform: none; */
}

.project-body .project-section .section-head {
  /* margin-bottom: 2.5rem; */ /* 40px */
}

/* 表格容器：限宽 1420px */
.project-body .project-table-wrap {
  /* max-width: 88.75rem; */ /* 1420px */
  /* margin: 0 auto; */
  /* overflow-x: auto; */
}

.project-body .project-table {
  width: 100%;
  min-width: 60rem;
  border-collapse: collapse;
  border: 1px solid #DDDDDD;
  background: #fff;
}

.project-body .project-table .col-name { width: 40%; }
.project-body .project-table .col-type { width: 20%; }
.project-body .project-table .col-dept { width: 20%; }
.project-body .project-table .col-year { width: 20%; }

.project-body .project-table th,
.project-body .project-table td {
  text-align: center;
  vertical-align: middle;
  padding: 0 1.25rem; /* 20px */
  border-left: 1px solid #DDDDDD;
}

.project-body .project-table th:first-child,
.project-body .project-table td:first-child {
  border-left: none;
}

.project-body .project-table thead th {
  padding: 1rem 0.5rem; /* 70px */
  background: #007946;
  font-size: 1.375rem; /* 22px */
  font-weight: 700;
  color: #ffffff;
}

.project-body .project-table tbody td {
   /* 70px */
   font-size: 1.125rem; /* 18px */
   color: #333;
   padding: 0.8rem 0.5rem;
}

.project-body .project-table tbody tr:nth-child(even) {
  background: #F3F5F6;
}
.project-body .project-table tbody tr td:nth-child(2) {
    text-align: left;
}
/* ---- 响应式：表格横向滚动 ---- */
.project-body .project-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* =====================================================================
   合作伙伴 Partner（渐变背景 + 合作 logo 墙）
   ===================================================================== */
/* partner-body nei-banner 样式已提取到公共区域 */

/* 二级导航 gap 已在通用 .sub-nav 中统一定义 */

/* ---- 合作伙伴板块：浅蓝渐变背景 ---- */
.partner-body .partner-section {
  background: linear-gradient(144deg, #E1F2FE 0%, #FFFFFF 100%);
  padding: 3.75rem 0; /* 60px */
}

.partner-body .partner-section .section-title {
  font-size: 2.875rem; /* 46px */
  color: #333;
}

.partner-body .partner-section .section-en {
  font-size: 2.5rem; /* 40px */
  font-weight: 1000;
  color: #BFD6E6;
  opacity: 1;
  text-transform: none;
}

.partner-body .partner-section .section-head {
  margin-bottom: 2.5rem; /* 40px */
}

/* logo 墙：白底，6 列，列距 30px / 行距 40px，格子 211.67x116.42 */
.partner-body .partner-grid {
  /* max-width: 88.75rem; */ /* 1420px */
  /* margin: 0 auto; */
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1.875rem; /* 40px 30px */
  /* background: #fff; */
}

.partner-body .partner-item {
  aspect-ratio: 211.67 / 116.42;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #DDDDDD;
  background: #fff;
  padding: 1.25rem;
  position: relative;
  overflow: hidden;
}

.partner-body .partner-item img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* 待定席位：白色半透明蒙层 */
.partner-body .partner-item.hold::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.2);
}

/* ---- 响应式 ---- */
@media (max-width: 1200px) {
  .partner-body .partner-grid {/* grid-template-columns: repeat(4, 1fr); */}
}

@media (max-width: 992px) {
  .partner-body .nei-banner img { height: 14rem; }
  .partner-body .nei-banner .text .main h3 { font-size: 2.375rem; }
  .partner-body .nei-banner .text .main span { font-size: 1.375rem; }
  .partner-body .partner-grid {grid-template-columns: repeat(5, 1fr);gap: 1rem;}
}

@media (max-width: 767px) {
  .partner-body .nei-banner img { height: 11.25rem; }
  .partner-body .partner-section .section-title { font-size: 2.125rem; }
  .partner-body .partner-section .section-en { font-size: 1.75rem; }
  .partner-body .partner-grid {grid-template-columns: repeat(3, 1fr);gap: 0.5rem;}
  .partner-body .partner-item { padding: 0.75rem; }
}

/* =====================================================================
   项目公示 News Table（分类 tab + 搜索 + 业绩表格 + 分页）
   ===================================================================== */
.news-body .nei-banner img {
  width: 100%;
  height: 18.75rem; /* 300px */
  object-fit: cover;
  display: block;
}

.news-body .nei-banner .text .main h3 {
  font-size: 3.375rem; /* 54px */
}

.news-body .nei-banner .text .main span {
  font-size: 1.625rem; /* 26px */
  margin: 0.75rem 0 2rem;
}

/* 二级导航 gap 已在通用 .sub-nav 中统一定义 */

.news-body .news-section {
  background: #F4F5F6;
   /* 60px 顶距 */
}

/* ---- 分类 tab ---- */
.news-body .news-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.25rem; /* 20px */
  margin-bottom: 2.5rem; /* 40px */
}

.news-body .news-tabs a {
  display: inline-block;
   /* 51px */
  padding: 0 1rem;
  line-height: 3rem;
  font-size: 1.375rem; /* 22px */
  color: #666666;
  background: #F4F5F6;
  border-top-right-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
  text-decoration: none;
  white-space: nowrap;
}

.news-body .news-tabs a.active {
  background: linear-gradient(90deg, #007946 0%, #0C65A4 100%);
  color: #fff;
}

.news-body .news-tabs a:hover {
  background: linear-gradient(90deg, #007946 0%, #0C65A4 100%);
  color: #fff;
}

/* ---- 搜索区 ---- */
.news-body .news-search {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.625rem; /* 10px */
  margin-bottom: 2.5rem; /* 40px */
}

.news-body .news-search .s-field {
  width: 20%; /* 260px */
  height: 3rem; /* 50px */
  border-radius: 16.125rem;
  border: 1px solid #DDDDDD;
  display: flex;
  align-items: center;
  padding: 0 1.3125rem; /* 21px */
  box-sizing: border-box;
  position: relative;
  background: #fff;
}

.news-body .news-search .s-field input {
  border: none;
  outline: none;
  background: transparent;
  font-size: 1rem; /* 16px */
  color: #999999;
  width: 100%;
  /* padding-right: 1.5rem; */
}

.news-body .news-search .s-field .s-icon {
  position: absolute;
  right: 1.3125rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.125rem;
  height: 1.125rem;
  color: #999999;
  pointer-events: none;
  display: none;
}

.news-body .news-search .s-line {
  color: #999999;
  font-size: 1rem;
}

.news-body .news-search .s-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 7.4375rem; /* 119px */
  height: 3.125rem; /* 50px */
  border: none;
  cursor: pointer;
  background: linear-gradient(90deg, #007946 0%, #0C65A4 100%);
  color: #fff;
  font-size: 1rem; /* 16px */
  border-radius: 6.3125rem; /* 101px */
  font-family: inherit;
}

.news-body .news-search .s-submit svg {
  width: 1rem;
  height: 1rem;
}

/* ---- 业绩表格 ---- */
.news-body .news-table {
  border: 1px solid #DDDDDD;
  margin-bottom: 2.5rem; /* 40px */
}

.news-body .news-table table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.news-body .news-table th,
.news-body .news-table td {
  height: 4.375rem; /* 70px */
  padding: 0 0.5rem; /* 21px */
  text-align: left;
  border-left: 1px solid #DDDDDD;
  font-size: 1.125rem; /* 18px */
  color: #333333;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
}

.news-body .news-table thead th {
  background: #F3F5F6;
  font-size: 1.375rem; /* 22px */
  font-weight: 700;
  color: #000;
  text-align: center;
}

.news-body .news-table tbody tr:nth-child(even) {
  background: #F3F5F6;
}

.news-body .news-table th:nth-child(1),
.news-body .news-table td:nth-child(1) {width: 6%;padding: 0;}
.news-body .news-table th:nth-child(2),
.news-body .news-table td:nth-child(2) {width: 10%;}
.news-body .news-table th:nth-child(3),
.news-body .news-table td:nth-child(3) {width: 20%;}
.news-body .news-table th:nth-child(4),
.news-body .news-table td:nth-child(4) {/* text-align: left; */}
.news-body .news-table th:nth-child(5),
.news-body .news-table td:nth-child(5) {width: 7%;}
.news-body .news-table td:nth-child(4){
    text-align: left;
}
.news-body .news-table td.col-view {
  color: #0C65A4;
  text-align: center;
  padding: 0;
}

.news-body .news-table td.col-view a {
  color: #0C65A4;
  text-decoration: none;
}

.news-body .news-table td.col-view a:hover {
  text-decoration: underline;
}

/* ---- 分页 ---- */
.news-body .news-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem; /* 10px */
  padding-bottom: 3.75rem; /* 60px */
}

/*
.news-body .news-pagination a,
.news-body .news-pagination .pg-dots {
  width: 3.125rem;  
  height: 3.125rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.375rem;  
  color: #000;
  border: 1px solid #DDDDDD;
  text-decoration: none;
  background: #fff;
  box-sizing: border-box;
}
*/

.news-body .news-pagination a.active {
  background: #0C65A4;
  color: #fff;
  border-color: #0C65A4;
}



.news-body .news-pagination a:not(.active):hover {
  background: #0C65A4;
  color: #fff;
  border-color: #0C65A4;
}

.news-body .news-pagination .pg-dots {
  color: #999999;
  border-color: transparent;
}

.news-body .news-pagination a.pg-prev,
.news-body .news-pagination a.pg-next {
  border-color: transparent;
}

.news-body .news-pagination a.pg-prev svg,
.news-body .news-pagination a.pg-next svg {
  width: 1.375rem;
  height: 1.375rem;
  color: #999999;
}

/* ---- 响应式 ---- */


@media (max-width: 992px) {

}

@media (max-width: 767px) {
  .news-body .nei-banner img { height: 11.25rem; }
  .news-body .news-tabs { gap: 0.625rem; margin-bottom: 1.5rem; }
  .news-body .news-tabs a { font-size: 1rem; height: 2.375rem; line-height: 2.375rem; padding: 0 0.875rem; }
  .news-body .news-search { gap: 0.5rem; }
  .news-body .news-search .s-field { width: 100%; height: 2.75rem; }
  .news-body .news-search .s-submit {width: 100%;height: 2.75rem;}
  .news-body .news-pagination a,
  .news-body .news-pagination .pg-dots { width: 2.5rem; height: 2.5rem; font-size: 1.125rem; }
  .news-body .news-pagination { gap: 0.375rem; }
}

/* =====================================================================
   大事记 Chronology（左侧年份固定 + 右侧内容滚动联动）
   ===================================================================== */
.chronology-page {
  display: flex;
  align-items: flex-start;
  gap: 2.5rem;
  /* max-width: 88.75rem; */ /* 1420px，与设计稿一致 */
  margin: 0 auto;
}

.chronology-page .time_box {
  position: sticky;
  top: 6.25rem; /* 100px，避开顶部固定导航 80px */
  flex: 0 0 6.25rem;
  width: 6.25rem;
  z-index: 5;
}

.chronology-page .time_box ul {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.chronology-page .time_box li {
  /* height: 5.625rem; */ /* 90px */
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
}

.chronology-page .time_box li span {
  font-family: "Montserrat", "Alibaba PuHuiTi 2.0", sans-serif;
  font-size: var(--fs-block-title); /* 36px */
  font-weight: 500;
  color: var(--brand);
  opacity: 0.5;
  line-height: 1;
  transition: all 0.35s;
}

.chronology-page .time_box li:hover span { opacity: 0.75; }

.chronology-page .time_box li.on span {
  font-size: 2.625rem; /* 42px */
  font-weight: 700;
  opacity: 1;
}

/* ---- 右侧内容区（时间轴 + 卡片网格） ---- */
.chronology-page .chronology_main {
  flex: 1;
  min-width: 0;
  border-left: 2px solid rgba(12, 101, 164, 0.15);
  padding-left: 2.5rem;
}

/* 每个年份区块上方的年份标题 */
.chronology-page .chronology_main .chrono-title {
  font-family: "Montserrat", "Alibaba PuHuiTi 2.0", sans-serif;
  font-size: 2.5rem; /* 40px */
  font-weight: 700;
  color: var(--brand);
  line-height: 1.2;
  margin-bottom: 1.25rem;
  padding-top: 1.125rem;
}

.chronology-page .chronology_main > ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.875rem; /* 30px */
  padding-bottom: 2.5rem;
  scroll-margin-top: 10rem;
}

.chronology-page .chronology_main .item.img {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #ddd;
  padding-bottom: 1.25rem;
}

.chronology-page .chronology_main .item.img .imgj {
  width: 100%;
  height: 14.375rem; /* 230px */
  border-radius: 1.875rem; /* 30px */
  overflow: hidden;
  border: 1px solid #ddd;
}

.chronology-page .chronology_main .item.img .imgj img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.chronology-page .chronology_main .item.img .text {
  padding-top: 1.25rem;
}

.chronology-page .chronology_main .item.img .text h4 {
  font-size: 1.25rem; /* 20px */
  font-weight: 400;
  color: #333;
  line-height: 1.6;
}

/* ---- 大事记响应式 ---- */
@media (max-width: 992px) {
  .chronology-page {
    flex-direction: column;
    gap: 1rem;
  }
  /* 移动端年份栏改为顶部横向吸顶 */
  .chronology-page .time_box {
    position: sticky;
    top: 4.375rem; /* 避开移动端固定导航 70px */
    flex: none;
    width: 100%;
    /* border-bottom: 1px solid #9bc2dd; */
    padding: 0.625rem 1.625rem;
    background: var(--gray-blue);
    border-radius: 50px;
  }
  .chronology-page .time_box ul {
    flex-direction: row;
    justify-content: flex-start;
    gap: 1.875rem;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .chronology-page .time_box li {
    height: auto;
    flex: none;
    /* padding: 0.25rem 0; */
  }
  .chronology-page .time_box li.on span{
    font-size: 1.5rem;
}
  .chronology-page .chronology_main {
    border-left: none;
    padding-left: 0;
  }
  .chronology-page .chronology_main > ul {
    /* grid-template-columns: repeat(2, 1fr); */
    padding-bottom: 1.5rem;
  }
}

@media (max-width: 767px) {
  .chronology-page .chronology_main > ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    padding-bottom: 0.5rem;
  }
  .chronology-page .chronology_main .item.img .imgj {
    height: 8rem;
    border-radius: 1rem;
  }
  .chronology-page .chronology_main .item.img .text h4 {
    font-size: 1.0625rem;
  }
}

.history-page {}

.history-page .one-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.history-page .one-box .time-box {
    padding: 3rem 5rem;
    font-size: var(--gap-lg);
    color: var(--brand);
    font-weight: 900;
}

.history-page .one-box .time-box .time {}

.history-page .one-box .time-box .thing {}

.history-page .one-box .list {
    flex: 1;
    padding: 3rem 5rem;
    font-size: 1.125rem;
    position: relative;
}

.history-page .one-box .list ul {}

.history-page .one-box .list ul li {
    padding: 0.5rem 1.2rem 0.5rem 1.2rem;
    position: relative;
}

.history-page .one-box .list ul li:before {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    display: block;
    background: #000;
    border-radius: 50%;
    background: var(--brand);
    position: absolute;
    left: 0;
    top: 1rem;
}

.history-page .one-box:nth-child(2n) {
}

.history-page .one-box:nth-child(2n+1)  .time-box{
    text-align: right;
    border-right: 1px solid #ddd;
}

.history-page .one-box:nth-child(2n) .time-box {
    text-align: left;
    order: 2;
}

.history-page .one-box:nth-child(2n) .list {
    order: 1;
    text-align: right;
    border-right: 1px solid #ddd;
}

.history-page .one-box .list:before {
    position: absolute;
    content: "";
    display: block;
    width: 1.125rem;
    height: 1.125rem;
    background: var(--brand);
    border-radius: 50%;
    top: 3.2rem;
}

.history-page .one-box .list:after {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    width: 3rem;
    background: var(--brand);
    top: 3.7rem;
}

.history-page .one-box:nth-child(2n) .list:before {
    right: -0.75rem;
}

.history-page .one-box:nth-child(2n+1) .list:before {
    left: -0.75rem;
}

.history-page .one-box:nth-child(2n+1) .list:after {
    left: 0;
}

.history-page .one-box:nth-child(2n) .list:after {
    right: 0;
}

.history-page .one-box:nth-child(2n)  ul {}

.history-page .one-box:nth-child(2n)  ul li {}

.history-page .one-box:nth-child(2n)  ul li:before {left: auto;right: 0;}
@media (max-width: 992px) {
.history-page .one-box {
    display: block;
}

.history-page .one-box .time-box, .history-page .one-box .list {
    text-align: left !important;!i;!;
    padding: 0;
    border: 0 !important;!i;!;
}

.list {}

.history-page .one-box .list:before,.history-page .one-box .list:after {
    display: none;
}

.history-page .one-box:nth-child(2n) ul li:before {
    left: 0;
}

.history-page .one-box .list {
    padding: 1rem;
    background: #fff;
    border-radius: 1rem;
    margin: 1rem 0 3rem;
    border: 0 !important;!i;!;
    box-shadow: var(--shadow););
}

}
/* =====================================================================
   新闻图片列表 News Image（轮播 + 卡片网格 + 分页）
   ===================================================================== */

/* ---- 主内容区 ---- */
.news-body .news-image {
  padding-bottom: 3.75rem; /* 60px */
}

/* ========== 顶部大图轮播区 ========== */
.news-body .news-hero-swiper {
   /* 15px - 轮播与分页点间距 */
    /* 30px */
   overflow: hidden;
}

/* Swiper容器基础样式 */
.news-body .news-hero-swiper .swiper {
  width: 100%;
  height: auto;
}

.news-body .news-hero-swiper .swiper-slide {
  height: auto;
}

.news-body .hero-slide {
  display: flex;
  width: 100%;
  /* height: 28.125rem; */ /* 450px */
  background: var(--white);
  border-radius: 1.875rem; /* 30px */
  overflow: hidden;
}

/* 左侧图片：810px / 1720px ≈ 47% */
.news-body .hero-img {
  flex: 0 0 47%;
  overflow: hidden;
}

.news-body .hero-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.25rem; /* 20px */
}

/* 右侧内容区 */
.news-body .hero-info {
  flex: 1;
  padding: 3.125rem; /* 50px */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* 日期行 */
.news-body .hero-date {
  display: flex;
  align-items: center;
  gap: 0.625rem; /* 10px */
  font-size: 1.25rem; /* 20px */
  color: #999999;
  margin-bottom: 1.375rem; /* 22px */
}

.news-body .hero-date svg {
  width: 1.25rem;
  height: 1.25rem;
}

/* 标题 */
.news-body .hero-title {
  font-size: 1.625rem; /* 26px */
  font-weight: 500;
  color: #333333;
  line-height: 1.4;
  margin-bottom: 2.125rem; /* 34px - 标题与描述间距 */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 描述文字 */
.news-body .hero-desc {
  font-size: 1.125rem; /* 18px */
  color: #666666;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: auto;
}

/* 阅读全文链接 */
.news-body .hero-link {
  font-size: 1.125rem; /* 18px */
  color: #666666;
  text-decoration: none;
  align-self: flex-start;
  transition: color 0.3s;
}

.news-body .hero-link:hover {
  color: var(--brand);
}

/* 轮播分页点样式 */
.news-body .news-hero-swiper .swiper-pagination {
  position: relative !important;
  bottom: 0 !important;
  display: flex;
  justify-content: center;
  gap: 1.25rem; /* 20px */
  margin-top: 2rem; /* 15px */
}

.news-body .news-hero-swiper .swiper-pagination-bullet {
  width: 0.875rem; /* 14px */
  height: 0.875rem;
  background: #CCCCCC;
  opacity: 1;
  border-radius: 50%;
  transition: all 0.3s;
}

.news-body .news-hero-swiper .swiper-pagination-bullet-active {
  width: 1.875rem; /* 30px */
  border-radius: 0.4375rem; /* 7px */
  background: var(--brand);
}

/* ========== 新闻卡片网格 ========== */
.news-body .news-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.875rem; /* 30px */
  margin-top: 2.5rem; /* 40px */
}


/* ========== 分页组件 ========== */
.news-body .news-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem; /* 10px */
  margin-top: 3.125rem; /* 50px */
}

/* 翻页按钮 */
.news-body .page-btn {
  width: 3.125rem; /* 50px */
  height: 3.125rem;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.3s;
}

.news-body .page-btn svg {
  width: 1.375rem; /* 22px */
  height: 1.375rem;
  color: #999999;
  transition: color 0.3s;
}

.news-body .page-btn:hover:not(:disabled) svg {
  color: var(--brand);
}

.news-body .page-btn:disabled svg {
  color: #DDDDDD;
  cursor: not-allowed;
}

/* 页码容器 */
.news-body .page-numbers {
  display: flex;
  align-items: center;
  gap: 0.625rem; /* 10px */
}


/* 分页样式 */
.paging { margin-top: 32px; font-size: 14px;text-align:center; }
.paging > span { margin: auto 16px; }
.paging .page-numbar { margin: auto 0; }
.paging .page-numbar .page-num,
.paging .page-index,
.paging .page-pre,
.paging .page-next,
.paging .page-last { display: inline-block; margin: auto 4px; padding: 2px 12px; border: 1px solid #EEE; border-radius: 2px; }
.paging .page-numbar .page-num-current,
.paging .page-numbar .page-num:hover { border-color: #0C65A4; background: #0C65A4;color: #fff;}
.page-select-input{margin: auto 4px; padding: 2px 12px; border: 1px solid #EEE; border-radius: 2px;width:40px;height:30px; }
.page-select-button{background: #0C65A4;color: #fff;padding: 2px 12px;outline: 0;border: 0;padding: 6px 12px;margin: 0 4px;}




/* 省略号 */
.news-body .page-dots {
  font-size: 1.375rem; /* 22px */
  color: #999999;
  letter-spacing: 0.125rem;
}

/* ========== 响应式 ========== */
@media (max-width: 1200px) {
  .news-body .news-grid {
    gap: 1.25rem;
  }
  
  .news-body .hero-info {
    padding: 2.5rem;
  }
  
  .news-body .hero-title {
    font-size: 1.375rem;
  }
}

@media (max-width: 992px) {
  .news-body .nei-banner img { 
    height: 14rem; 
  }
  .news-body .nei-banner .text .main h3 { 
    font-size: 2.375rem; 
  }
  .news-body .nei-banner .text .main span { 
    font-size: 1.375rem; 
  }
  
  .news-body .hero-slide {
    flex-direction: column;
    height: auto;
  }
  
  .news-body .hero-img {
    flex: none;
    height: 20rem;
  }
  
  .news-body .hero-info {
    padding: 2rem;
  }
  
  .news-body .news-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
  }
  
  .news-body .card-img {
    height: 15rem;
  }
}

@media (max-width: 767px) {
  .news-body .nei-banner img { 
    height: 11.25rem; 
  }
  
  .news-body .sub-nav {
    flex-wrap: wrap;
    gap: 1rem;
  }
  
  .news-body .hero-slide {
    border-radius: 1.25rem;
  }
  
  .news-body .hero-img {
    height: 15rem;
  }
  
  .news-body .hero-img img {
    border-radius: 0.875rem;
    margin: 1rem;
  }
  
  .news-body .hero-info {
    padding: 1.5rem;
  }
  
  .news-body .hero-title {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }
  
  .news-body .hero-desc {
    font-size: 1rem;
    -webkit-line-clamp: 3;
  }
  
  .news-body .news-grid {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
  
  .news-body .news-card {
    border-radius: 1.25rem;
  }
  .news-body .hero-slide .news-card {display: block !important;!i;!;}
  .news-body .card-img {
    height: 12.5rem;
  }
  
  .news-body .card-img img {
    border-radius: 0.875rem;
    margin: 1rem;
  }
  
  .news-body .card-body {
    padding: 0 1.25rem 1.25rem;
  }
  
  .news-body .card-title {
    font-size: 1.25rem;
    min-height: auto;
  }
  
  .news-body .card-desc {
    font-size: 1rem;
  }
  
  .news-body .news-pagination {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  
  .news-body .page-num,
  .news-body .page-btn {
    width: 2.5rem;
    height: 2.5rem;
  }
  
  .news-body .page-num {
    font-size: 1.125rem;
  }
}
}

.news-body .hero-slide .news-card {
    display: flex;
    gap: 5rem;
}
.news-body .hero-slide .news-card {
    display: flex;
    gap: 3rem;
    background: rgb(231 245 255 / 30%);
}

.news-body .hero-slide .news-card .news-thumb {
    margin: 0;
    flex: 1;
}

.news-body .hero-slide .news-card .news-body {
    flex: 1.5;
    position: relative;
}

.news-body .hero-slide .news-card .news-more {
    position: absolute;
    bottom: 0;
    left: 0;
}


.news-text {}

.news-text .news-card {
    background: var(--white) !important;!i;!;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    padding: 2rem 0;
}

.news-maincon {}

.news-maincon .news-card {
    background: var(--white) !important;!im;!imn;!i;!;
    padding: 0 0 1rem;
    border-radius: 0;
}

.news-maincon .news-card h3 {
    font-size: var(--fs-section-title);
    margin: 0 0 2rem;
    text-align: center;
}
.news-maincon .news-card h3 {
    color: var(--gray-900) !important;!i;!;
    -webkit-line-clamp: initial;
}
.news-maincon .news-time {
    justify-content: center;
}
.news-maincon .news_mainbox {
    padding: 2rem 0;
    font-size: 1.125rem;
    line-height: 2;
    color: #333;
    text-align: justify;
    border-top: 1px solid #ddd;
    display: none;
}
.news-maincon .news_mainbox.show {
    display: block;
}
.news-maincon .news_mainbox img {
    max-width: 100%;
    margin: 0 auto;
}

/* =====================================================================
   联系我们页面 Contact Us（联系卡片 + 在线留言）
   ===================================================================== */

/* ---- 页面基础 ---- */
 .contact-section,
 .message-section {
   /* 60px */
}

 .contact-section {
  background: linear-gradient(144deg, #E1F2FE 0%, white 100%);
}

 .message-section {
  background: linear-gradient(205deg, #EFF9F5 0%, #F9FDFF 100%);
}

/* ---- 通用标题区 ---- */
 .section-header {
  text-align: center;
  margin-bottom: 2.5rem; /* 40px */
}

 .section-title {
  /* font-size: 2.875rem; */ /* 46px */
  /* font-weight: 700; */
  /* color: #333333; */
  /* margin-bottom: 0.625rem; */ /* 10px */
}

 .section-subtitle {
  font-size: 2.5rem; /* 40px */
  font-weight: 900;
  color: #BFD6E6;
  font-family: 'Alibaba PuHuiTi 3.0', sans-serif;
}

/* ========== 联系我们卡片网格 ========== */
 .contact-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem; /* 20px */
}

/* 单个联系卡片 - 默认样式（灰色背景） */
 .contact-card {
  background: #ffffff;
  border-radius: 1.875rem; /* 30px */
  padding: 1.875rem; /* 30px */
  transition: all 0.35s ease;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

/* 卡片图标区域 */
 .card-icon {
  /* width: 5.625rem; */ /* 90px */
  /* height: 5.625rem; */
  /* margin-bottom: 1.25rem; */ /* 20px */
  /* color: var(--brand, #0C65A4); */
  /* transition: color 0.35s ease; */
}

 .card-icon svg {
  width: 100%;
  height: 100%;
}

/* 卡片内容区 */
 .card-content {
  /* border-top: 1px solid #DDDDDD; */
  /* padding-top: 1.125rem; */ /* 18px */
}

 .join-card .card-title {
  font-size: 2.25rem; /* 36px */
  font-weight: 400;
  color: #333333;
  font-family: 'Alibaba PuHuiTi 3.0', sans-serif;
  margin-bottom: 1.25rem; /* 20px */
  transition: color 0.35s ease;
  margin-top: 0;
}

 .card-info {
  font-size: 1.125rem; /* 18px */
  line-height: 1.8;
  color: #666666;
  transition: color 0.35s ease;
}

 .card-info p {
  margin: 0;
}

/* ====== Hover效果：渐变背景 + 白色文字 ====== */
 .contact-card:hover {
  background: linear-gradient(90deg, #007946 0%, #0C65A4 100%);
  transform: translateY(-0.375rem); /* -6px 上浮 */
  box-shadow: 0 0.5rem 2rem rgba(12, 101, 164, 0.25);
}

 .contact-card:hover .card-icon {
  color: #ffffff;
}

 .contact-card:hover .card-content {
  border-top-color: rgba(255, 255, 255, 0.2);
}

 .contact-card:hover .card-title {
  color: #ffffff;
}

 .contact-card:hover .card-info {
  color: rgba(255, 255, 255, 0.95);
}

/* ========== 在线留言表单（静态展示）========== */
 .message-form {
  /* max-width: 88.75rem; */ /* 1420px */
  /* margin: 0 auto; */
}

/* 表单行：三列布局 */
 .message-form .form-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.875rem; /* 30px */
  margin-bottom: 1.25rem; /* 20px */
}

/* 表单组 */
 .form-group {
  position: relative;
}

 .form-group-full {
  margin: 1.25rem 0;
}

/* 标签 */
 .form-label {
  display: block;
  font-size: 1.25rem; /* 20px */
  color: #333333;
  margin-bottom: 0.625rem; /* 10px */
  font-weight: 400;
}

 .form-label span {
  color: var(--brand, #0C65A4);
}

/* 输入框 */
 .form-input {
  width: 100%;
  height: 3.4375rem; /* 55px */
  background: #FFFFFF;
  border: none;
  border-radius: 0.5rem; /* 8px */
  padding: 0 1.25rem; /* 20px */
  font-size: 1.125rem; /* 18px */
  color: #999999;
  outline: none;
  box-sizing: border-box;
}

 .form-input::placeholder {
  color: #999999;
}

/* 文本域 */
body.aboutpage .form-textarea {
  width: 100%;
  height: 10.8125rem; /* 173px */
  background: #FFFFFF;
  border: none;
  border-radius: 0.5rem; /* 8px */
  padding: 1.25rem; /* 20px */
  font-size: 1.125rem; /* 18px */
  color: #999999;
  outline: none;
  resize: none;
  box-sizing: border-box;
  line-height: 1.6;
}

 .form-textarea::placeholder {
  color: #999999;
}

/* 提交按钮区 */
 .form-actions {
  text-align: center;
  margin-top: 1.25rem; /* 20px */
}

 .btn-submit {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem; /* 10px */
  padding: 0.625rem 1.875rem; /* 10px 30px */
  height: 3.125rem; /* 50px */
  background: linear-gradient(90deg, #007946 0%, #0C65A4 100%);
  border: none;
  border-top-right-radius: 1.25rem; /* 20px */
  border-bottom-left-radius: 1.25rem; /* 20px */
  color: #fff;
  font-size: 1.125rem; /* 18px */
  cursor: pointer;
  transition: all 0.3s ease;
}

 .btn-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 0.5rem 1.5rem rgba(12, 101, 164, 0.3);
}

 .btn-submit svg {
  width: 16px;
  height: 14px;
}

/* ========== 响应式适配 ========== */

@media (max-width: 1400px) {
   .contact-cards {
    gap: 1rem;
  }
  
   .contact-card {
    padding: 1.5rem;
  }
  
   .card-title {
    font-size: 1.875rem;
  }
  
   .card-info {
    font-size: 1rem;
  }
}

@media (max-width: 1200px) {
   .contact-cards {
    grid-template-columns: repeat(2, 1fr);
  }
  
   .form-row {
    grid-template-columns: repeat(2, 1fr);
  }
  
   .form-row .form-group:last-child {
    /* grid-column: span 2; */
  }
}

@media (max-width: 992px) {
   .section-title {
    font-size: 2.25rem;
  }
  
   .section-subtitle {
    font-size: 2rem;
  }
  
   .contact-section,
   .message-section {
    padding: 3rem 0;
  }
}

@media (max-width: 767px) {

   .section-header {
    margin-bottom: 2rem;
  }
  
   .section-title {
    font-size: 1.875rem;
  }
  
   .section-subtitle {
    font-size: 1.5rem;
  }
  
  /* 联系卡片移动端单列 */
   .contact-cards {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
  
   .contact-card {
    padding: 1.5rem;
    border-radius: 1.25rem;
  }
  
   .card-icon {
    width: 4.5rem;
    height: 4.5rem;
  }
  
   .card-title {
    font-size: 1.5rem;
  }
  
   .card-info {
    font-size: 0.9375rem; /* 15px */
  }
  
  /* 表单移动端 */
   .form-row {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  
   .form-row .form-group:last-child {
    grid-column: span 1;
  }
  
   .form-input {
    height: 3rem;
    font-size: 1rem;
  }
  
   .form-textarea {
    height: 8rem;
    font-size: 1rem;
  }
  
   .btn-submit {
    width: 100%;
    justify-content: center;
  }
}
 .card-icon img {
    width: 5.625rem;
    height: 5.625rem;
}

 .card-icon img.mr {
    display: block;
}

 .card-icon img.xz {
    display: none;
}

 .contact-card:hover .card-icon {}

 .contact-card:hover .card-icon img.mr {
    display: none;
}

 .contact-card:hover .card-icon img.xz {
    display: block;
}

 .form-group-full .form-textarea {
    width: 100%;
    height: 10rem;
    border: 0;
    padding: 1rem;
    outline: 0;
    border-radius: 0.5rem;
}

/* =====================================================================
   网络营销页面 Marketing（地图 + 业务范围卡片）
   ===================================================================== */

/* ---- 页面基础 ---- */
 .marketing-section {
  background: linear-gradient(144deg, #E1F2FE 0%, white 100%);
  padding: 3.75rem 0; /* 60px */
}

/* ---- 内容区布局：左地图 + 右卡片 ---- */
 .marketing-content {
  display: flex;
  /* gap: 1.25rem; */ /* 20px */
  align-items: flex-start;
  /* margin-top: 2.5rem; */ /* 40px */
  align-items: center;
}

/* ========== 左侧：地图区域 ========== */
 .marketing-map {
  position: relative;
  width: 70%; /* 935px */
  flex-shrink: 0;
}

 .marketing-map img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0.625rem; /* 10px */
}

/* 地图标记点层 */
 .map-markers {
  position: absolute;
  top: -3.4375rem; /* -55px */
  left: 0;
  width: 100%;
  height: calc(100% + 6.875rem);
  pointer-events: none;
}

 .markers-svg {
  width: 100%;
  height: 100%;
}

/* ========== 右侧：业务涉及范围卡片 ========== */
 .scope-card {
  width: 40%; /* 475px */
  background: #FFFFFF;
  border-radius: 1.875rem; /* 30px */
  box-shadow: 0px 0.25rem 1.875rem rgba(0, 0, 0, 0.10);
  overflow: hidden;
}

/* 卡片标题栏：渐变色 + 右下圆角 */
 .scope-header {
  width: 22.5625rem; /* 361px */
  height: 3.75rem; /* 60px */
  background: linear-gradient(90deg, #007946 0%, #0C65A4 100%);
  border-bottom-right-radius: 5.125rem; /* 82px */
  display: flex;
  align-items: center;
  padding-left: 1.875rem; /* 30px */
}

 .scope-header span {
  font-size: 1.875rem; /* 30px */
  color: #FFFFFF;
  font-weight: 400;
  font-family: 'Alibaba PuHuiTi 2.0', sans-serif;
}

/* 卡片内容区：省份标签网格 */
 .scope-body {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.625rem 0.75rem; /* 10px 12px */
  padding: 0.625rem 1.25rem 1.25rem; /* 10px 20px 20px */
}

/* 单个省份项 */
 .province-item {
  display: flex;
  align-items: center;
  gap: 0.625rem; /* 10px */
  height: 3.125rem; /* 50px */
}

 .province-icon {
  width: 1.25rem; /* 20px */
  height: 1.25rem;
  color: var(--brand, #0C65A4);
  flex-shrink: 0;
}

 .province-item span {
  font-size: 1.125rem; /* 18px */
  color: #666666;
  font-weight: 400;
  font-family: 'Alibaba PuHuiTi 2.0', sans-serif;
}
 .province-item i {
    width: 1.2rem;
    height: 1.2rem;
    display: block;
    background: var(--brand);
    border-radius: 50%;
    border: 0.3rem solid rgba(255,255,255,0.8);
}
 .province-item:hover .province-icon {
  color: #007946;
}

/* ========== 响应式适配 ========== */

@media (max-width: 1400px) {
   .marketing-map {
    /* width: 60%; */
  }
  
   .scope-card {
    /* width: auto; */
    /* flex: 1; */
  }
}

@media (max-width: 1200px) {
   .marketing-content {
    /* flex-direction: column; */
  }
  
   .marketing-map {
    /* width: 100%; */
    /* max-width: 58.4375rem; */ /* 935px */
    /* margin: 0 auto; */
  }
  
   .scope-card {
    /* width: 100%; */
    /* max-width: 29.6875rem; */ /* 475px */
    /* margin: 0 auto; */
  }
}

@media (max-width: 992px) {
   .marketing-section {
    padding: 3rem 0;
  }
  
   .section-title {
    font-size: 2rem;
  }
  
   .section-subtitle {
    font-size: 2rem;
  }
  
   .scope-body {
    /* grid-template-columns: repeat(2, 1fr); */
    gap: 0;
  }
}

@media (max-width: 767px) {

  
   .section-header {
    margin-bottom: 1.5rem;
  }
  
   .section-title {
    font-size: 1.7rem;
  }
  
   .section-subtitle {
    font-size: 1.5rem;
  }
  
  /* 地图移动端 */
   .marketing-map {
    width: 100%;
  }
  
  body.aboutpage .map-markers {
    display: none; /* 移动端隐藏标记点 */
  }
  
  /* 业务范围卡片移动端 */
  .marketing-content{display:block}
   .scope-card {
    width: 100%;
    border-radius: 1.25rem;
  }
  
   .scope-header {
    width: 100%;
    border-bottom-right-radius: 3rem;
    padding-left: 1.25rem;
  }
  
   .scope-header span {
    font-size: 1.5rem;
  }
  
   .scope-body {
    /* grid-template-columns: repeat(2, 1fr); */
    padding: 0.5rem 1rem 1rem;
    gap: 0.5rem;
  }
  
   .province-item {
    height: 2.5rem;
  }
  
   .province-icon {
    width: 1rem;
    height: 1rem;
  }
  
   .province-item span {
    font-size: 1rem;
  }
}

/* =====================================================================
   吉祥招聘页面 Join Us（社会招聘 + 校园招聘卡片）
   ===================================================================== */

/* ---- 页面基础 ---- */
 .join-section {
  background: linear-gradient(144deg, #E1F2FE 0%, white 100%);
   /* 60px */
}

/* ---- 标题区 ---- */
 .join-section .section-header {
  text-align: center;
  margin-bottom: 1.875rem; /* 30px */
}

 .join-section .section-title {
  font-size: 2.875rem; /* 46px */
  font-weight: 700;
  color: #333333;
  margin-bottom: 0.625rem; /* 10px */
}

 .join-section .section-subtitle {
  font-size: 2.5rem; /* 40px */
  font-weight: 900;
  color: #BFD6E6;
  font-family: 'Alibaba PuHuiTi 3.0', sans-serif;
}

/* ---- 招聘描述文字 ---- */
 .join-desc {
  text-align: center;
  font-size: 1.5rem; /* 24px */
  font-weight: 500;
  color: #333333;
  line-height: 1.8;
  max-width: 88.75rem; /* 1420px */
  margin: 0 auto 3.125rem; /* 50px */
  font-family: 'Alibaba PuHuiTi 2.0', sans-serif;
}

/* ========== 招聘卡片网格 ========== */
 .join-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem; /* 40px */
  /* max-width: 88.75rem; */ /* 1420px */
  margin: 0 auto;
}

/* 单个招聘卡片 - 默认样式（白色背景） */
 .join-card {
  background: #FFFFFF;
  border-radius: 1.875rem; /* 30px */
  box-shadow: 0px 0.25rem 1.875rem rgba(0, 0, 0, 0.10);
  overflow: hidden;
  transition: all 0.4s ease;
  cursor: pointer;
}

/* 卡片图片区域 */
 .card-image {
  padding: 1.875rem; /* 30px */
}

 .card-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 1.25rem; /* 20px */
  object-fit: cover;
}

/* 卡片信息区域（标题 + 按钮） */
 .join-card .card-info {
  padding: 0 1.875rem 1.875rem; /* 30px */
  text-align: center;
}

 .card-title {
  font-size: 2rem; /* 32px */
  font-weight: 500;
  color: #333333;
  font-family: 'Alibaba PuHuiTi 2.0', sans-serif;
  margin: 1.25rem 0; /* 20px */
  transition: color 0.4s ease;
}

/* 卡片按钮：默认灰色描边样式 */
 .card-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem; /* 10px */
  padding: 0.625rem 1.25rem; /* 10px 20px */
  height: 3.125rem; /* 50px */
  background: transparent;
  border: 1px solid #666666;
  border-top-right-radius: 1.25rem; /* 20px */
  border-bottom-left-radius: 1.25rem; /* 20px */
  color: #666666;
  font-size: 1.125rem; /* 18px */
  font-family: 'Alibaba PuHuiTi 2.0', sans-serif;
  text-decoration: none;
  transition: all 0.4s ease;
}

 .card-btn svg {
  width: 16px;
  height: 14px;
  transition: stroke 0.4s ease;
}

/* ====== Hover效果：渐变背景 + 白色文字（社会招聘的hover样式）====== */
 .join-card:hover {
  background: linear-gradient(00deg, #FFFFFF 60%, #0C65A4 100%);
  transform: translateY(-0.5rem); /* -8px 上浮 */
  box-shadow: 0 0.75rem 2.5rem rgba(12, 101, 164, 0.25);
}

 .join-card:hover .card-title {
  /* color: #FFFFFF; */
}

 .join-card:hover .card-btn {
  background: linear-gradient(90deg, #007946 0%, #0C65A4 100%);
  border-color: transparent;
  color: #FFFFFF;
}

 .join-card:hover .card-btn svg {
  stroke: #FFFFFF;
}

/* ========== 响应式适配 ========== */

@media (max-width: 1200px) {
   .join-cards {
    gap: 1.5rem;
  }
  
   .card-image {
    padding: 0.8rem;
  }
  
   .card-info {
    /* padding: 0 1.5rem 1.5rem; */
  }
}

@media (max-width: 992px) {
   .join-section {
    padding: 3rem 0;
  }
  
   .join-section .section-title {
    font-size: 2.25rem;
  }
  
   .join-section .section-subtitle {
    font-size: 2rem;
  }
  
   .join-desc {
    font-size: 1rem;
    margin-bottom: 2rem;
  }
}

@media (max-width: 767px) {

  
   .section-header {
    margin-bottom: 1.5rem;
  }
  
   .join-section .section-title {
    font-size: 1.875rem;
  }
  
   .join-section .section-subtitle {
    font-size: 1.5rem;
  }
  
   .join-desc {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1.5rem;
  }
  
  /* 招聘卡片移动端单列 */
   .join-cards {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
  
   .join-card {
    border-radius: 1.25rem;
  }
  
   .card-image {
    padding: 1rem;
  }
  
   .card-image img {
    border-radius: 0.75rem;
  }
  
   .card-info {
    /* padding: 0 1rem 1rem; */
  }
  
   .card-title,.join-card .card-title {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
  
   .card-btn {
    width: 100%;
    justify-content: center;
    height: 2.75rem;
    font-size: 1rem;
  }
}

/* =====================================================================
   在线沟通页面 Online（售后体系 + 反馈表单）
   ===================================================================== */

/* ---- 页面基础 ---- */
 .online-section {
  background: linear-gradient(144deg, #E1F2FE 0%, white 100%);
  padding: 3.75rem 0; /* 60px */
}

/* ---- 内容区布局：左售后体系 + 右表单 ---- */
 .online-content {
  display: flex;
  gap: 3.125rem; /* 50px */
  align-items: flex-start;
  /* max-width: 88.75rem; */ /* 1420px */
  /* margin: 0 auto; */
}

/* ========== 左侧：售后体系介绍 ========== */
 .after-sales {
  flex: 1; /* 483px */
  flex-shrink: 0;
}

/* 售后体系标题区 */
 .after-sales-header {
  margin-bottom: 2.5rem; /* 40px */
}

 .after-sales-title {
  font-size: 2.875rem; /* 46px */
  font-weight: 700;
  color: #333333;
  margin-bottom: 0.625rem; /* 10px */
}

 .after-sales-subtitle {
  font-size: 2.5rem; /* 40px */
  font-weight: 900;
  color: #BFD6E6;
  font-family: 'Alibaba PuHuiTi 3.0', sans-serif;
}

/* 售后体系描述文字 */
 .after-sales-desc {
  font-size: 1.125rem; /* 18px */
  line-height: 1.8;
  color: #333333;
  font-weight: 500;
  font-family: 'Alibaba PuHuiTi 2.0', sans-serif;
  text-indent: 2.5rem;
}

/* ========== 右侧：反馈表单 ========== */
 .feedback-form {
  flex: 1.3;
   /* 787px */
}

/* 表单标题 */
 .feedback-title {
  font-size: 2.125rem; /* 34px */
  font-weight: 500;
  color: #333333;
  margin-bottom: 1.875rem; /* 30px */
  font-family: 'Alibaba PuHuiTi 2.0', sans-serif;
}

/* 表单内容区 */
 .form-content {
  background: transparent;
}

/* 表单行：2列布局 */
 .form-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5625rem; /* 25px */
  margin-bottom: 1.35rem; /* ~21.6px 对应135px高度的一半 */
}

/* 单个表单项 */
 .form-item {
  position: relative;
}

 .form-item-full {
  margin-bottom: 1.25rem; /* 20px */
}

/* 标签 */
 .form-label {
  display: block;
  font-size: 1.25rem; /* 20px */
  color: #333333;
  margin-bottom: 0.625rem; /* 10px */
  font-weight: 400;
  font-family: 'Alibaba PuHuiTi 2.0', sans-serif;
}

 .form-label span {
  color: var(--brand, #0C65A4);
}

/* 输入框 */
 .feedback-form .form-input {
  width: 100%;
  height: 3.4375rem; /* 55px */
  background: #F4F5F6;
  border: none;
  border-radius: 0.5rem; /* 8px */
  padding: 0 1.25rem; /* 20px */
  font-size: 1.125rem; /* 18px */
  color: #999999;
  outline: none;
  box-sizing: border-box;
  font-family: 'Alibaba PuHuiTi 2.0', sans-serif;
}

 .feedback-form .form-input::placeholder {
  color: #999999;
}

/* 文本域 */
 .feedback-form .form-textarea {
  width: 100%;
  height: 10.8125rem; /* 173px */
  background: #F4F5F6;
  border: none;
  border-radius: 0.5rem; /* 8px */
  padding: 1.25rem; /* 20px */
  font-size: 1.125rem; /* 18px */
  color: #999999;
  outline: none;
  resize: none;
  box-sizing: border-box;
  line-height: 1.6;
  font-family: 'Alibaba PuHuiTi 2.0', sans-serif;
}

 .feedback-form .form-textarea::placeholder {
  color: #999999;
}

/* 提交按钮区 */
 .form-submit {
  margin-top: 1.25rem; /* 20px */
}

 .feedback-form .btn-submit {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem; /* 10px */
  padding: 0.625rem 1.875rem; /* 10px 30px */
  height: 3.125rem; /* 50px */
  background: linear-gradient(90deg, #007946 0%, #0C65A4 100%);
  border: none;
  border-top-right-radius: 1.25rem; /* 20px */
  border-bottom-left-radius: 1.25rem; /* 20px */
  color: #fff;
  font-size: 1.125rem; /* 18px */
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: 'Alibaba PuHuiTi 2.0', sans-serif;
}

 .feedback-form .btn-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 0.5rem 1.5rem rgba(12, 101, 164, 0.3);
}

 .feedback-form .btn-submit svg {
  width: 16px;
  height: 14px;
}

/* ========== 响应式适配 ========== */

@media (max-width: 1200px) {
   .online-content {
    gap: 2rem;
  }
  
   .after-sales {
    width: 28%;
  }
  
   .after-sales-title {
    font-size: 2.25rem;
  }
  
   .after-sales-subtitle {
    font-size: 2rem;
  }
  
   .after-sales-desc {
    font-size: 1rem;
  }
  
   .feedback-title {
    font-size: 1.75rem;
  }
}

@media (max-width: 992px) {
   .online-section {
    padding: 3rem 0;
  }
  
   .online-content {
    flex-direction: column;
  }
  
   .after-sales {
    width: 100%;
    /* max-width: 483px; */
    margin: 0 auto;
    border-bottom: 1px solid var(--gray-blue);
    padding: 0 0 2rem 0;
  }
  
   .feedback-form {
    width: 100%;
    /* max-width: 787px; */
    margin: 0 auto;
  }
}

@media (max-width: 767px) {

  
   .sub-nav {
    /* flex-wrap: wrap; */
    /* gap: 1rem; */
  }
  
   .online-section {
    padding: 2rem 0;
  }
  
   .after-sales-header {
    text-align: center;
    margin-bottom: 1.5rem;
  }
  
   .after-sales-title {
    font-size: 1.875rem;
  }
  
   .after-sales-subtitle {
    font-size: 1.5rem;
  }
  
   .after-sales-desc {
    font-size: 0.9375rem; /* 15px */
    text-align: center;
  }
  
   .feedback-title {
    font-size: 1.25rem;
    text-align: center;
    margin-bottom: 1.5rem;
  }
  
  /* 表单移动端 */
   .form-row,.message-form .form-row {
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 0;
  }
  
   .feedback-form .form-input {
    height: 3rem;
    font-size: 1rem;
  }
  
   .feedback-form .form-textarea {
    height: 8rem;
    font-size: 1rem;
  }
  
   .form-label {
    font-size: 1.125rem;
  }
  
   .form-submit {
    text-align: center;
  }
  
   .feedback-form .btn-submit {
    width: 100%;
    justify-content: center;
  }
}



.bg_F4F5F6 {
    background: #F4F5F6;
}

/* =====================================================================
   我们承诺/委托单下载页面 Download（Tab导航 + 文件下载列表）
   ===================================================================== */

/* ---- 页面基础 ---- */
 .download-section {
  background: #F4F5F6;
  padding: 3.75rem 0; /* 60px */
}

/* ========== Tab 导航（圆角按钮样式）========== */
 .download-tabs {
  display: flex;
  justify-content: center;
  gap: 0; /* 无间距，按钮紧贴 */
  margin-bottom: 3.125rem; /* 50px */
}

 .tab-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 3.1875rem; /* 51px */
  padding: 0 1.875rem; /* 30px */
  background: #F4F5F6;
  border-top-right-radius: 1.25rem; /* 20px */
  border-bottom-left-radius: 1.25rem; /* 20px */
  font-size: 1.375rem; /* 22px */
  color: #666666;
  text-decoration: none;
  font-family: 'Alibaba PuHuiTi 2.0', sans-serif;
  transition: all 0.3s ease;
}

/* Active状态：渐变背景 + 白色文字 */
 .tab-item.active {
  background: linear-gradient(90deg, #007946 0%, #0C65A4 100%);
  color: #FFFFFF;
}

 .tab-item:hover:not(.active) {
  background: #E8E9EA;
  color: #333333;
}

/* ========== 文件下载列表（2列网格）========== */
 .download-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem; /* 20px */
   /* 1400px */
}

/* 单个文件卡片 */
 .file-card {
  background: #FFFFFF;
  border-radius: 1.875rem; /* 30px */
  padding: 1.25rem 1.5625rem; /* 20px 25px */
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s ease;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

 .file-card:hover {
  box-shadow: 0 0.5rem 1.5rem rgba(12, 101, 164, 0.15);
  transform: translateY(-2px);
}

/* 文件信息区：图标 + 文件名 */
 .file-info {
  display: flex;
  align-items: center;
  gap: 0.9375rem; /* 15px */
}

 .file-icon {
  
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.file-icon img{
  width: 2rem; /* 45px */
  }
 .file-name {
  font-size: 1.375rem; /* 22px */
  font-weight: 500;
  color: #333333;
  font-family: 'Alibaba PuHuiTi 2.0', sans-serif;
}

/* 文件操作区：大小 + 下载按钮 */
 .file-action {
  display: flex;
  align-items: center;
  gap: 1.25rem; /* 20px */
}

 .file-size {
  font-size: 1.375rem; /* 22px */
  font-weight: 500;
  color: #999999;
  font-family: 'Alibaba PuHuiTi 2.0', sans-serif;
}

/* 下载按钮：渐变色 + 圆角胶囊 */
 .btn-download {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem; /* 8px */
  padding: 0.625rem 1.25rem; /* 10px 20px */
  height: 2.875rem; /* 46px */
  background: linear-gradient(90deg, #007946 0%, #0C65A4 100%);
  border-radius: 1.875rem; /* 30px */
  color: #FFFFFF;
  text-decoration: none;
  font-size: 1.125rem; /* 18px */
  font-family: 'Alibaba PuHuiTi 2.0', sans-serif;
  transition: all 0.3s ease;
}

 .btn-download:hover {
  background: var(--brand);
  /* box-shadow: 0 0.375rem 1rem rgba(12, 101, 164, 0.3); */
}

 .btn-download svg {
  width: 16px;
  height: 16px;
}

/* ========== 响应式适配 ========== */


@media (max-width: 992px) {
   .download-section {
    padding: 3rem 0;
  }
  
   .download-tabs {
    margin-bottom: 2rem;
    flex-wrap: wrap;
  }
  
   .tab-item {
    font-size: 1.125rem;
    height: 2.75rem;
    padding: 0 1.25rem;
  }
}

@media (max-width: 767px) {

   .sub-nav {
    /* gap: 1rem; */
    /* overflow-x: auto; */
    /* flex-wrap: nowrap; */
    height: 3rem;
  }
  
   .download-section {
    padding: 2rem 0;
  }
  
  /* Tab移动端 */
   .download-tabs {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
  }
  
   .tab-item {
    width: 100%;
    text-align: center;
    border-radius: 1.25rem;
  }
  
  /* 文件列表移动端单列 */
   .download-list {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  
   .file-card {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 1.25rem;
  }
  
   .file-action {
    width: 100%;
    justify-content: space-between;
  }
  
   .file-icon {
    width: 2.25rem;
    height: 2.25rem;
  }
  
   .file-icon svg {
    width: 22px;
    height: 22px;
  }
  
   .file-name {
    font-size: 1.125rem;
  }
  
   .file-size {
    font-size: 1rem;
  }
  
   .btn-download {
    height: 2.5rem;
    padding: 0.5rem 1rem;
    font-size: 1rem;
  }
}


.advantage-grid {
    display: grid;
    flex-flow: wrap;
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem;
}
.advantage-grid .advantage-card:nth-child(1),.advantage-grid .advantage-card:nth-child(2) {
    /* width: 50%; */
    grid-column: span 3;
}
.advantage-grid .advantage-card {
    display: flex;
    gap: 1rem;
    /* width: 33.33%; */
    padding: 3rem;
    /* gap: 2rem; */
    grid-column: span 2;
    background: #000;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}

.advantage-grid .advantage-card .icon {
    position: relative;
    z-index: 2;
}

.advantage-grid .advantage-card .icon img {
    width: 3rem;
}

.advantage-grid .advantage-card .text {
    flex: 1;
    position: relative;
    z-index: 3;
}

.advantage-grid .advantage-card .text h4 {
    font-size: var(--fs-block-title);
    color: var(--brand);
    padding: 0 0 0.5rem;
    /* border-bottom: 1px solid #ddd; */
    line-height: 3rem;
}

.advantage-grid .advantage-card .text p {
    font-size: var(--fs-body);
    color: #fff;
    /* margin: 0.5rem 0 0; */
    text-align: justify;
    transform: translate(0px, 20rem);
    transition: all 0.3s;
}

.advantage-grid .advantage-card:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(45deg, #d0e6f5, transparent);
    z-index: 1;
}

.advantage-grid .advantage-card:hover {}

.advantage-grid .advantage-card:hover:before {
    background: var(--color-jb);
    opacity: 0.8;
}



.advantage-grid .advantage-card:hover .text h4 {
    color: #fff;
}

.advantage-grid .advantage-card:hover .text p {
    transform: translate(0px, 0px);
}


.advantage-grid .advantage-card .icon img.mr {
    display: block;
}

.advantage-grid .advantage-card .icon img.ho {
    display: none;
}

.advantage-grid .advantage-card:hover .icon img.ho {
    display: block;
}

.advantage-grid .advantage-card:hover .icon img.mr {
    display: none;
}



@media (max-width: 767px) {
.advantage-grid {
    display: flex;
    flex-flow: column;
}

.advantage-grid .advantage-card {
    width: 100%;
    padding: 2rem 0;
}




}






















.videos {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    background: rgba(0,0,0,0.7);
    display: none;
}

.video_mainbig {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.videos .vclose {
    width: 2rem;
    height: 2rem;
    margin: 0.4rem  auto 0;
    background: url(../image/gb.svg) center;
    background-size: cover;
    transition: all 0.5s;
}
.videos .vclose:hover{
    transform: rotate(360deg);
}
.video_mainbig .video_mm {
    max-width: 80%;
}

.video_mainbig .video_mm video {
    width: 100%;
}

.institution-body {}

.institution-body .news-text {
    /* display: grid; */
    /* grid-template-columns: repeat(2, 1fr); */
    /* gap: 0 3rem; */
}

.institution-body .news-text .news-card {}

.institution-body .news-text .news-card .news-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: url(../image/files.svg) left 0.4rem no-repeat;
    background-size: 2rem;
    padding: 0 0 0 3rem;
}

.institution-body .news-text .news-card .news-body .news-title {
    margin: 0;
    order: 1;
}

.institution-body .news-text .news-card .news-body .news-time {
    order: 2;
    margin: 0;
}


.xmgs_box {
    margin: 5rem 0 0;
}

.xmgs_box .title {
    font-size: 2rem;
    border-left: 0.5rem solid var(--brand);
    line-height: 1;
    margin: 2rem 0;
    padding: 0 0 0 1rem;
}

.xmgs_box .xmgs-text {
    display: flex;
    flex-flow: wrap;
    margin: -1rem;
    border-top: 1px solid #ddd;
    padding: 1rem 0 0;
    margin: 1rem -1rem 0;
    justify-content: center;
}

.xmgs_box .xmgs-text .xmgs-card {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.xmgs_box .xmgs-text .xmgs-card .news-body {
    background: var(--gray-bg);
    flex: 1;
    text-align: center;
    border-radius: 0 1rem;
}

.xmgs_box .xmgs-text .xmgs-card .news-body h3 {
    font-size: var(--fs-body);
    padding: 1rem;
}

.xmgs_box .xmgs-text .xmgs-card .news-body:hover {
    background: var(--brand) !important;!i;!;
    color: #fff;
}
.xmgs_box .xmgs-text .xmgs-card:nth-child(even) .news-body {
    background: var(--gray-blue);
}


@media (max-width: 992px){


.cert-prev, .cert-next {
    width: 2.5rem;
    height: 2.5rem;
}

.section {
    padding: 2rem 0px;
}

.cert-swiper {
    padding: 1rem 0;
}

.biz-title {
    font-size: 1.3rem;
}

.biz-accordion .biz-icon {
    width: 2.5rem;
    height: 2.5rem;
}

.case-card-body h3 {
    font-size: 1.2rem;
}

.news-card {
    padding: 1rem;
}

.news-title {
    font-size: 1.2rem;
}

.news-time, .news-excerpt,.news-more {
    font-size: 0.9rem;
}

.news-thumb {
    height: 10rem;
    border-radius: 0.7rem;
}

.news-time img {
    width: 1.2rem;
}
.case-card-body {
    padding: 1rem;
}

.case-card {
    border-radius: 1rem;
}
.stat-item .stat-num {
    font-size: 1.7rem;
}
.biz-card {
    border-radius: 1rem;
    padding: 1rem;
}

.biz-card-head {gap: 1rem;padding-bottom: 0.5rem;margin-bottom: 0.5rem;}

.biz-card-head h3 {
    font-size: 1.2rem;
}

.biz-card-head::before {
    height: 1.5rem;
    width: 3px;
}

.biz-card-body p {
    font-size: 0.8rem;
    text-indent: 1.6rem;
}
.advantage-grid .advantage-card {
    padding: 1.5rem;
}

.advantage-grid .advantage-card .icon img {
    width: 2rem;
}

.advantage-grid .advantage-card .text h4 {
    line-height: 2rem;
    font-size: 1.3rem;
}

.advantage-grid .advantage-card .text p {
    font-size: 0.8rem;
}


  .chronology-page .time_box li span {
    font-size: 1.3rem;
}

.chronology-page .chronology_main .chrono-title {
    font-size: 2rem;
}

.chronology-page .chronology_main .item.img .text h4 {
    font-size: 1rem;
}
.culture-desc {
    font-size: 1rem;
    margin-bottom: 2rem;
}

.culture-card .num {
    font-size: 2rem;
}

.culture-card h4 {
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
}

.culture-card p {
    font-size: 1rem;
}
.album-card .album-img {
    height: 12rem;
    border-radius: 1rem;
}

.album-card figcaption {
    padding-top: 0.5rem;
    font-size: 1rem;
}

.album-tabs {
    margin-bottom: 2rem;
    gap: 1rem;
}
.patent-body .patent-card {
    border-radius: 1rem;
}


.patent-body .patent-card .patent-img {
    padding: 1rem;
}
  .academy-desc {
    font-size: 0.9rem;
}

.academy-imgs img {
    border-radius: 1rem;
}

.president-name {
    font-size: 1.6rem;
}

.president-role {
    font-size: 1rem;
    margin-top: 0.8rem;
}

.president-desc {
    margin-top: 1rem;
    font-size: 0.9rem;
}
.project-body .project-table thead th {
    /* height: 2rem; */
    font-size: 1rem;
}

.project-body .project-table tbody td {
    font-size: 0.8rem;
}
.business-body .business-page .news-text .news-card .news-title {
    font-size: 1.3rem;
}

.business-body .business-page .news-text .news-card .news-title:before {
    height: 1.2rem;
}

.business-body .business-page .news-text .news-card {
    padding: 1.5rem;
    margin: 0 0 1rem;
}
.news-body .news-tabs {
    gap: 1rem;
    margin-bottom: 1rem;
}

.news-body .news-search .s-submit {height: 2.5rem;}

.news-body .news-tabs a {
    font-size: 1rem;
}

.news-body .news-search {
    margin-bottom: 1.5rem;
}

.xmgs_box {
    margin: 2rem 0 0;
}

.xmgs_box .title {
    font-size: 1.5rem;
    border-left: 0.3rem solid var(--brand);
    margin: 1rem 0;
}

.xmgs_box .xmgs-text .xmgs-card {
    padding: 0.5rem;
    width: 50%;
}
  .news-body .nei-banner img { height: 14rem; }
  .news-body .nei-banner .text .main h3 { font-size: 2.375rem; }
  .news-body .nei-banner .text .main span { font-size: 1.375rem; }
  .news-body .news-section { padding-top: 2.5rem; }
  .news-body .news-search .s-field {
}
  .news-body .news-search .s-line{display:none}
  .news-body .news-table { overflow-x: auto; }
  .news-body .news-table table { min-width: 56.25rem; }
  .news-body .news-table th, .news-body .news-table td,.news-body .news-table thead th { font-size: 0.9375rem; padding: 0 0.9375rem; }
.news-body .news-table th:nth-child(2), .news-body .news-table td:nth-child(2) {
    width: 15%;
}
.institution-body .news-text .news-card {
    padding: 1rem 0;
}

.institution-body .news-text .news-card .news-body .news-title {
    font-size: 1rem;
}
.institution-body .news-text .news-card .news-body {
    background-size: 1.5rem;
    padding-left: 2rem;
}
.institution-body .news-text .news-card .news-body {
    background: url(../image/files.svg) left 0rem no-repeat;
    background-size: 1.5rem;
}

span.news-more {}

.news-body .hero-slide .news-card {
    gap: 1.5rem;
}

.news-body .hero-slide .news-card .news-more {
    display: none;
}

.news-body .news-hero-swiper .swiper-pagination {
    margin-top: 1rem;
}


span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 1.5rem;
    height: 0.5rem;
}

.news-body .news-hero-swiper .swiper-pagination-bullet {
    width: 0.5rem;
    height: 0.5rem;
}

.news-body .news-hero-swiper .swiper-pagination-bullet-active {
    width: 1.5rem;
}
.news-maincon .news-card h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.news-maincon .news-card {
    padding: 0;
}

.news-maincon .news_mainbox {
    padding: 1rem 0;
}
.form-label {
    font-size: 1.1rem;
}

.feedback-form .form-input {
    height: 2.5rem;
    font-size: 0.8rem;
    padding: 0 1rem;
}
.feedback-form .form-textarea {
    padding: 1rem;
    font-size: 0.8rem;
}
.join-card .card-info {
    padding: 0 0.8rem 1.5rem;
}

.join-card .card-title {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

.join-card {
    border-radius: 1rem;
}

.card-image img {
    border-radius: 0.8rem;
}
.file-card {
    padding: 1rem;
    border-radius: 1rem;
}

.file-icon img {
    height: 1.3rem;
}

.file-info {
    gap: 0rem;
}

.file-name {
    font-size: 1rem;
}

.btn-download {
    height: 2rem;
    padding: 0 1rem;
    font-size: 1rem;
}


  
  
}





@media (max-width: 767px) {
.case-card-body h3 {font-size: 1rem;}
.hero-subtitle {
    font-size: 0.7rem;
}

.hero-title {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.hero-swiper .swiper-slide {
}
.about-text p {
    font-size: 0.9rem;
}

.nei-banner .text .main h3 {
    font-size: 1.6rem;
}
.friend_link .link,.contact-item .text {
    font-size: 0.8rem;
}

.contact-item .icon img {
    width: 1.3em;
}

.footer-bottom span {
    font-size: 0.7rem;
}

.footer-bottom {
    padding: 0.5rem 0;
}
.chronology-page .chronology_main .item.img {padding-bottom: 0.5rem;}

.chronology-page .chronology_main .item.img .text {
    padding-top: 0.5rem;
}

.chronology-page .chronology_main .item.img .text h4 {
    font-size: 0.8rem;
}

.chronology-page .chronology_main .chrono-title {
    font-size: 1.5rem;
}

  
.culture-desc {
    font-size: 0.8rem;
    margin-bottom: 1.5rem;
}

.culture-card .num {
    font-size: 1.5rem;
}

.culture-card h4 {
    font-size: 1.3rem;
}

.culture-card p {
    font-size: 0.8rem;
}

.president-wrap {flex-direction: column;gap: 1rem;}
.album-card .album-img {
    height: 8rem;
}
.business-body .business-page .news-text .news-card {
    padding: 1rem;
}
.institution-body .news-text .news-card .news-body {
    flex-flow: column;
    align-items: flex-start;
    gap: 0.5rem;
}

.news-body .hero-slide .news-card .news-body {
    margin: 1rem 0 0 0;
}


.news-maincon .news-card h3 {
    font-size: 1.2rem;
}



  .form-item-full {
    margin: 1rem 0;
}










  
  }