/* 关于我们页面样式 - gylf.css */
/* 顶部导航 header / CTA / 页脚 footer 为全站公共样式，统一放在 style.css */

/* ==================== 首屏 ==================== */
/* 高度 / 定位 / 字号 / 按钮等结构样式统一在公共 style.css 的 .hero 系列（内页共用同一套：
   hero 560 高、文字块 @top188、标题 48px、副标题 24px、按钮 145×48 @top356），这里只定义本页背景 */
.hero {
  background: #eef3fb url('../img/gylf/61750220.jpg') 50% 50%/cover no-repeat;
}

/* 「免费诊断」：正常态沿用 .btn-primary 的蓝渐变；hover 原为本站专属图 61250273.jpg（同为 200×60 纯水平蓝渐变，只是深一档），现一并转为 CSS 渐变。
   ⚠️ 必须一起转：.btn-primary 已改成只设 background-image 的长写，这里再打图片就会形成「CSS 渐变 + 本页图片」混用。
   色值取原图在 145×48 按钮下经 cover 裁剪后的实际显示端点；此处同样只覆盖 background-image。 */
.hero-btns .btn-primary:hover {
  background-image: linear-gradient(90deg, #2d72f7, #4790fa);
}

/* ==================== 公司介绍 ==================== */
/* 设计稿 con_17_54：区块 top 700 / 高 1000，背景 61749230.jpg 50% 100% cover。
   区块内全部绝对定位，坐标原点 = 1400 容器左缘：
   标题 700×42 @(0,168)、正文 800×517 @(0,230)、
   配图 1015×909 @(788,88)（右侧出血，靠区块 overflow 裁掉）、
   三个 300×130 数据块 @top760，left -97 / 203 / 503。 */
.company {
  position: relative;
  height: 1000px;
  margin-top: 4px;
  overflow: hidden;
  background: #fff url('../img/gylf/61749230.jpg') 50% 100%/cover no-repeat;
}

.company-wrap {
  height: 100%;
}

.company-name {
  position: absolute;
  left: 0;
  top: 168px;
  width: 700px;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: #1d2129;
  line-height: 34px;
}

.company-desc {
  position: absolute;
  left: 0;
  top: 230px;
  width: 800px;
}

.company-desc p {
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 18px;
  color: #636e80;
  line-height: 2;
}

/* 设计稿用空段落分隔，实测段间多出 12px */
.company-desc p+p {
  margin-top: 12px;
}

.company-stats {
  position: absolute;
  left: -97px;
  top: 760px;
  display: flex;
}

.company-stats li {
  position: relative;
  width: 300px;
  height: 130px;
  text-align: center;
}

.company-stats span {
  position: absolute;
  left: 50px;
  top: 25px;
  width: 200px;
  height: 35px;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 22px;
  color: #636e80;
  line-height: 23px;
}

/* 数字是 Arial 度量（设计稿 1000+ 宽 118；Tahoma 会是 141） */
.company-stats em {
  position: absolute;
  left: 50px;
  top: 62px;
  width: 200px;
  height: 64px;
  font-style: normal;
  font-family: Arial, "Microsoft YaHei", sans-serif;
  font-size: 42px;
  font-weight: 700;
  color: #317af7;
  line-height: 45px;
}

.company-stats em i {
  font-style: normal;
  font-size: 22px;
}

.company-pic {
  position: absolute;
  left: 788px;
  top: 88px;
  width: 1015px;
  height: 909px;
}

.company-pic img {
  width: 100%;
  height: 100%;
  display: block;
}

/* ==================== 愿景使命 ==================== */
/* 设计稿 con_77_10：区块 top 1699 / 高 980、**白底、没有色块面板**。
   两列各由「114px 巨大浅色底字 + 48 图标 + 32px 彩色标题 + 6 条 18px 居中条目」组成。
   全部绝对定位，坐标原点 = 1400 容器左缘；列头是两块 360×167（left 538 / 987），内部偏移一致。 */
/* 设计稿里本区 top 1699，与公司区（底 1700）重叠 1px */
/* overflow:hidden —— 右列 area（927+488=1415）本就超出 1400 容器，设计稿靠页面裁掉 */
.vision {
  position: relative;
  margin-top: -1px;
  height: 980px;
  overflow: hidden;
  background: #fff;
}

/* 设计稿这几块文字走灰度抗锯齿（文字压在带透明通道的背景/面板上），
   我方默认是子像素抗锯齿、会出现彩色边缘 —— 提升为独立图层就能对齐 */
.vision .sec-title,
.vision-head,
.vision-list {
  transform: translateZ(0);
}

.vision .sec-title {
  position: absolute;
  left: 0;
  top: 80px;
  width: 100%;
}

.vision .sec-title h2 {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 36px;
  font-weight: 700;
  color: #1d2129;
  line-height: 1.75;
}

.vision .sec-title p {
  margin-top: 0;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 16px;
  color: #a5a5a5;
  line-height: 1.75;
}

.vision-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.vision-pic {
  position: absolute;
  left: 0;
  top: 230px;
  width: 478px;
  height: 640px;
}

.vision-pic img {
  width: 100%;
  height: 100%;
  display: block;
}

/* 两列是设计稿里带背景图的 area：488×534 @(478,320) / (927,320)，
   图 61749860.png / 61750149.png 以 50% 50% cover 铺满 —— 就是那层极淡的蓝/粉底 */
.vision-col {
  position: absolute;
  top: 320px;
  width: 488px;
  height: 534px;
}

.vision-col--a {
  left: 478px;
  background: url('../img/gylf/61749860.png') 50% 50%/cover no-repeat;
}

.vision-col--b {
  left: 927px;
  background: url('../img/gylf/61750149.png') 50% 50%/cover no-repeat;
}

/* 列头在 area 上方（area 内 (60,-90) = 容器 (538/987, 230)），两块内部偏移完全一致 */
.vision-head {
  position: absolute;
  left: 60px;
  top: -90px;
  width: 360px;
  height: 167px;
}

.vision-badge {
  position: absolute;
  left: 65px;
  top: 38px;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 114px;
  font-weight: 700;
  line-height: 121px;
  white-space: nowrap;
}

.vision-head--a .vision-badge {
  color: #e6f2fb;
}

.vision-head--b .vision-badge {
  color: #fff1f0;
}

.vision-icon {
  position: absolute;
  left: 84px;
  top: 83px;
  width: 48px;
  height: 48px;
}

.vision-head h3 {
  position: absolute;
  left: 136px;
  top: 87px;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 34px;
  white-space: nowrap;
}

.vision-head--a h3 {
  color: #317af7;
}

.vision-head--b h3 {
  color: #e42c58;
}

/* 条目：488 宽、居中、行高 3（54px）；设计稿用空段落分隔，实测再加 12px */
.vision-list {
  position: absolute;
  left: 0;
  top: 123px;
  width: 488px;
  list-style: none;
}

.vision-list li {
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 18px;
  color: #656d78;
  line-height: 54px;
  text-align: center;
}

.vision-list li+li {
  margin-top: 12px;
}

.vision-list .hl {
  color: #317af7;
}

.vision-list--b .hl {
  color: #e42c58;
}


/* 490 = 240 + 171(数据块 3×57) + 79 */
/* ========== 客户 logo「无缝」循环滚动 ==========
   结构：.logo-wall 可视窗口（两侧硬边收口，不做渐隐）
           └ .logo-row 轨道（width:max-content，内放 N 份相同 logo 组）
   做法：轨道整体移动恰好一份（-100% / var(--logo-copies)），移满一份后与起点逐像素重合 ⇒ 首尾严丝合缝。
        N 与动画时长由 gylf.js 按实测宽度写入；位移是纯 CSS 动画走合成层，无需第三方滚动插件。
   ⚠️ 关键帧的百分比以 .logo-row 自身宽度为基准 ⇒ 不能用 px 写死位移。
   ⚠️ 轨道必须显式 width:max-content：块级默认宽 = 容器宽，写成 auto 时 100% 会解析成容器宽、位移直接失效。
   ⚠️ 本页两排都是 1400 全宽（设计稿 smv_con_127_53 / 126_53）⇒ 没有窄排，故不加 .logo-band。 */
.logo-wall {
  margin-top: 79px;
  overflow: hidden;
}

.logo-row {
  --logo-copies: 2;
  /* 轨道里 logo 组的份数（gylf.js 按窗口宽度写入） */
  --logo-dur: 40s;
  /* 移动一份所需时间（gylf.js 按组宽写入，保证两排速度一致） */
  display: flex;
  align-items: center;
  width: max-content;
  height: 107px;
  animation: logo-marquee var(--logo-dur) linear infinite;
}

@keyframes logo-marquee {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(calc(-100% / var(--logo-copies)), 0, 0);
  }
}

/* 第二排反向（向右）滚动：从「−一份」走到 0，起止两端同样相差整数份，接缝照旧严丝合缝 */
.logo-row--reverse {
  animation-direction: reverse;
}

/* 尊重「减少动态效果」偏好：停住不动，此时轨道停在起点，与静态排版完全一致 */
@media (prefers-reduced-motion: reduce) {
  .logo-row {
    animation: none;
  }
}

/* 排距 = 原站排距节拍 119 − 行高 107 = 12（两排行高都钉在 107；
   原站上排盒高 101 / 下排 107，钉成等高后这 6px 差值由排距吸收）。 */
.logo-row+.logo-row {
  margin-top: 12px;
}

/* logo 图尺寸取自原站轮播配置：$SlideWidth 190 + $SlideSpacing 10 ⇒ 排列周期 200px。
   ⚠️ 宽高必须成对给：素材 248×134（1.851），只写 width 时 object-fit:contain 会受高度限制；高度 = 宽 / 1.851。
   ⚠️ margin: 0 5px（左右合计 10px）即原站 $SlideSpacing，各断点一致，不再分档覆写。 */
.logo-row img {
  width: 190px;
  height: 103px;
  object-fit: contain;
  flex-shrink: 0;
  margin: 0 5px;
  filter: grayscale(.1);
}

/* ==================== 服务优势 ==================== */
.adv {
  padding: 80px 0 68px;
  background: #fff;
}

.adv .sec-title {
  margin-bottom: 79px;
}

.adv .sec-title h2 {
  line-height: 1.75;
}

.adv .sec-title p {
  margin-top: 0;
  line-height: 1.75;
}

.adv-cards {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
}

.adv-card {
  grid-column: span 2;
  height: 200px;
  /* 悬停背景放大（与首页 .adv-card 同一套）：卡片要当 ::before 的定位包含块，并把放大溢出裁掉 */
  position: relative;
  overflow: hidden;
  border: 1px solid #e7f2ff;
  border-radius: 20px;
  box-shadow: 0 5px 10px rgba(198, 224, 255, .3);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 54px 48px 0;
}

/* 「放大」用的复制层：静止态 opacity:0（完全不绘制）⇒ 静止渲染与改前逐字节相同。
   ⚠️ 不把背景整个搬到 ::before：Chrome 对「元素自身背景」与「后代盒子背景」走两条光栅化路径 ——
      同一张图、同一位置、同一 cover 参数搬到伪元素后静止态就有 16.4% 像素不同（最大通道差 38/255），而本页卡片有边框，照搬会破坏静止态零差异。
   ⚠️ 不加 will-change：会提前提合成层，未悬停就产生抗锯齿相位差。
   ⚠️ 缩放锚点 = 卡片右下角（与首页一致）；transition 分两段：进入 opacity 立即显形（0s），退出延迟 0.6s 再隐藏 ⇒ 缩回全程可见。 */
.adv-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  transform-origin: 100% 100%;
  opacity: 0;
  transition: transform .6s cubic-bezier(.22, .61, .36, 1), opacity 0s .6s;
}

.adv-card--a {
  background-image: url('../img/gylf/61278112.jpg');
}

.adv-card--b {
  background-image: url('../img/gylf/61278341.jpg');
}

.adv-card--c {
  background-image: url('../img/gylf/61278385.jpg');
}

.adv-card--d {
  background-image: url('../img/gylf/61278913.jpg');
}

.adv-card--e {
  background-image: url('../img/gylf/61278972.jpg');
}

.adv-card--a::before {
  background-image: url('../img/gylf/61278112.jpg');
}

.adv-card--b::before {
  background-image: url('../img/gylf/61278341.jpg');
}

.adv-card--c::before {
  background-image: url('../img/gylf/61278385.jpg');
}

.adv-card--d::before {
  background-image: url('../img/gylf/61278913.jpg');
}

.adv-card--e::before {
  background-image: url('../img/gylf/61278972.jpg');
}

/* ::before 是定位元素、会盖在普通流文字之上 ⇒ 把文字抬一层压回去 */
.adv-card h4,
.adv-card p {
  position: relative;
  z-index: 1;
}

/* 悬停放大 / 移开缩回：1 → 1.08，0.6s，与首页 .adv-card 同一条缓动曲线、同一锚点。
   · (hover: hover) 兜住触屏：避免点一下之后背景一直卡在放大态。
   · prefers-reduced-motion 时整条不生效 ⇒ 系统要求减少动效的用户悬停也不缩放。 */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .adv-card:hover::before {
    transform: scale(1.08);
    opacity: 1;
    transition: transform .6s cubic-bezier(.22, .61, .36, 1), opacity 0s;
  }
}

.adv-card:nth-child(4) {
  grid-column: 1 / span 3;
}

.adv-card:nth-child(5) {
  grid-column: 4 / span 3;
}

.adv-card h4 {
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 26px;
  font-weight: 700;
  color: #1d2129;
  line-height: 1;
}

.adv-card p {
  margin-top: 22px;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 16px;
  color: #636e80;
  line-height: 1.5;
}

.adv-btn-wrap {
  display: flex;
  align-items: center;
  margin-top: 36px;
}

.adv-line {
  flex: 1 1 auto;
  height: 1px;
  background: #c6e0ff;
}

.adv .adv-btn {
  flex: 0 0 200px;
  height: 58px;
  margin: 0 26px 0 29px;
  border-radius: 200px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 21px 0 32px;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.adv .adv-btn img {
  width: 40px;
  height: 40px;
  flex: none;
}

/* ==================== 陪伴式服务 ==================== */
/* 组件样式复用公共 style.css 的 .newmedia / .nm-*（与服务案例页 fwal 同一套组件）。
   设计稿这两页的该区块像素完全一致，本页只覆盖区块背景图（素材取自本页 img/gylf） */
.newmedia {
  background-image: url('../img/gylf/61252542.jpg');
}

/* 陪伴式服务「四张服务项」进入动效（与首页「新媒体服务」同一套参数）：
   · 待命位挂在 html.js 下 ⇒ 无 JS 时整段不生效，内容照常可见且不闪。
   · 只动 opacity / translateY：不参与布局，.nm-item 的尺寸与位置一律不变。
   · 尊重「减少动态效果」；4 张依次错开 0/.1/.2/.3s，窄屏 2 列时自然形成第一行 0/.1、第二行 .2/.3。
   · 写在本页 gylf.css 而非公共 style.css：.nm-grid 在 index / fwal 也在用，各页自行决定要不要这个效果。 */
@media (prefers-reduced-motion: no-preference) {
  .js .nm-item {
    opacity: 0;
    transform: translateY(40px);
  }

  .js .nm-grid.is-in .nm-item {
    opacity: 1;
    transform: none;
    transition: opacity .7s ease, transform .7s cubic-bezier(.22, .61, .36, 1);
  }

  .js .nm-grid.is-in .nm-item:nth-child(2) {
    transition-delay: .1s;
  }

  .js .nm-grid.is-in .nm-item:nth-child(3) {
    transition-delay: .2s;
  }

  .js .nm-grid.is-in .nm-item:nth-child(4) {
    transition-delay: .3s;
  }
}

/* ==================== 响应式适配 ==================== */
@media (max-width: 1399px) {
  .hero {
    background-position: 62% 50%;
  }

  /* 定尺解除后回归文档流 */
  .hero-inner {
    height: auto;
    padding-top: 0;
    position: static;
  }

  .company {
    height: auto;
    padding: 60px 0 64px;
    margin-top: 0;
    overflow: visible;
  }

  .company-wrap {
    height: auto;
  }

  .company-name {
    position: static;
    width: auto;
    font-size: 26px;
    line-height: 1.35;
  }

  .company-desc {
    position: static;
    width: auto;
    margin-top: 20px;
  }

  .company-desc p {
    font-size: 16px;
  }

  .company-stats {
    position: static;
    margin-top: 34px;
  }

  .company-stats li {
    width: auto;
    flex: 1 1 0;
    height: auto;
  }

  .company-stats span {
    position: static;
    width: auto;
    height: auto;
    line-height: 1.4;
  }

  .company-stats em {
    position: static;
    width: auto;
    height: auto;
    line-height: 1.4;
    margin-top: 6px;
    font-size: 34px;
  }

  .company-pic {
    position: static;
    width: 100%;
    max-width: 480px;
    height: auto;
    margin: 28px auto 0;
  }

  .vision {
    height: auto;
    padding: 60px 0 64px;
    overflow: visible;
  }

  .vision .sec-title {
    position: static;
    width: auto;
  }

  .vision-wrap {
    position: static;
    height: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px 32px;
  }

  .vision-pic {
    position: static;
    width: 100%;
    max-width: 360px;
    height: auto;
    margin: 0 auto;
    grid-column: 1 / -1;
  }

  .vision-col {
    position: static;
    width: auto;
    height: auto;
    background: none;
  }

  .vision-head {
    position: static;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .vision-badge {
    display: none;
  }

  .vision-icon {
    position: static;
    left: auto;
    top: auto;
    width: 40px;
    height: 40px;
  }

  .vision-head h3 {
    position: static;
    left: auto;
    top: auto;
    font-size: 24px;
    line-height: 1.2;
  }

  .vision-list {
    position: static;
    left: auto;
    top: auto;
    width: auto;
    margin-top: 14px;
  }

  .vision-list li {
    font-size: 16px;
    line-height: 1.9;
    text-align: left;
  }

  .vision-list li+li {
    margin-top: 8px;
  }

  /* 尺寸/排距三档统一由文件末尾「logo-row-narrow」给；此处只保留本页自己的区块间距 */
  .logo-wall {
    margin-top: 40px;
  }

  .adv {
    padding: 64px 0 60px;
  }

  .adv .sec-title {
    margin-bottom: 54px;
  }

  /* 窄屏设计稿用拉伸铺满（100% 100%）而不是 cover；卡片本体与放大复制层必须同步改，否则放大相位不对 */
  .adv-card,
  .adv-card::before {
    background-size: 100% 100%;
  }

}

@media (max-width: 1199px) {

  .adv-cards {
    grid-template-columns: repeat(2, 1fr);
  }

  .adv-card {
    height: 210px;
    padding: 42px 32px 0;
  }

  .adv-card h4 {
    font-size: 23px;
  }

  .adv-card p {
    margin-top: 14px;
    font-size: 15px;
  }

  .adv-card,
  .adv-card:nth-child(4),
  .adv-card:nth-child(5) {
    grid-column: auto;
  }

  .adv-card:nth-child(5) {
    grid-column: 1 / -1;
  }

}

@media (max-width: 991px) {
  .hero {
    background-image:
      linear-gradient(180deg, rgba(255, 255, 255, .9) 40%, rgba(255, 255, 255, .6)),
      url('../img/gylf/61750220.jpg');
    background-position: 50% 50%, 68% 50%;
    background-size: cover, cover;
  }

  .vision-wrap {
    grid-template-columns: 1fr;
  }

  .vision-pic {
    max-width: 300px;
  }
}

@media (max-width: 767px) {

  .company {
    padding: 40px 0 48px;
  }

  .company-name {
    font-size: 22px;
  }

  .company-desc {
    margin-top: 16px;
  }

  .company-desc p {
    font-size: 14px;
    line-height: 1.8;
  }

  .company-desc p+p {
    margin-top: 10px;
  }

  .company-stats {
    margin-top: 26px;
  }

  /* 三项统一「文字一行 + 数值一行」（设计稿本就是上下两行、没有同行）。
   ⚠️ 窄屏 li 宽仅 119px：「行业深耕」52 + 「10+ 年」60 = 112 恰好放得下 ⇒ 该项会与数字挤在同一行，与另两项观感不一致。
   故显式 block 化 + nowrap 把它拉成两行；li 用 flex 纵向居中 + min-height:55 ⇒ 三项行位完全对齐。
   ⚠️ 只在 ≤767 档生效，768~1399 保持原样。 */
  .company-stats li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 55px;
  }

  .company-stats span {
    display: block;
    font-size: 16px;
  }

  .company-stats em {
    display: block;
    margin-top: 0;
    font-size: 32px;
    white-space: nowrap;
  }

  .company-stats em i {
    font-size: 16px;
  }

  .vision {
    padding: 44px 0 52px;
  }

  .vision-wrap {
    gap: 24px;
  }

  .vision-pic {
    max-width: 240px;
  }

  .vision-icon {
    width: 32px;
    height: 32px;
  }

  .vision-head h3 {
    font-size: 20px;
  }

  .vision-list {
    margin-top: 12px;
  }

  .vision-list li {
    font-size: 14px;
  }

  .vision-list li+li {
    margin-top: 6px;
  }

  .logo-wall {
    margin-top: 28px;
  }

  .adv {
    padding: 40px 0 48px;
  }

  .adv .sec-title {
    margin-bottom: 30px;
  }

  .adv .sec-title h2 {
    line-height: 1.5;
  }

  .adv-cards {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .adv-card,
  .adv-card:nth-child(4),
  .adv-card:nth-child(5) {
    grid-column: auto;
    height: 132px;
    padding: 28px 22px 0;
  }

  .adv-card h4 {
    font-size: 20px;
  }

  .adv-card p {
    margin-top: 10px;
    font-size: 14px;
  }

  .adv-btn-wrap {
    margin-top: 26px;
  }

  .adv-line {
    display: none;
  }

  .adv .adv-btn {
    flex: 1 1 auto;
    margin: 0;
    height: 50px;
    font-size: 18px;
    padding: 0 18px 0 24px;
    justify-content: center;
  }

  .adv .adv-btn img {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 8%;
  }

  /* 陪伴式服务卡片底部插画：窄屏在公共 style.css 里被改成贴内容盒左缘的定宽块（右侧大片留白），观感明显偏左。
   本页要求居中：margin-left/right:auto 让定宽块在卡片内容盒里水平居中。
   ⚠️ 只改水平位置：width / max-width / height / margin-top 全部沿用公共档 ⇒ 图片尺寸、纵向位置、栏体总高都不变。 */
  .nm-img {
    margin-left: auto;
    margin-right: auto;
  }

  .adv-card,
  .adv-card::before {
    background-size: 100% auto;
  }
}

/* logo-row-narrow */
/* 「客户」logo 三档尺寸（≥992 / ≤991 / ≤479）：原站 $SlideWidth 190 起的等比阶梯 190 / 154 / 124，行高紧跟图高 107 / 84 / 68。
   ⚠️ 本块必须放在文件末尾：同优先级下靠后的媒体查询才能压过前面区块里的旧声明。 */
@media (max-width: 991px) {
  .logo-row {
    height: 84px;
  }

  .logo-row+.logo-row {
    margin-top: 8px;
  }

  .logo-row img {
    width: 154px;
    height: 83px;
  }
}

@media (max-width: 479px) {
  .logo-row {
    height: 68px;
  }

  .logo-row+.logo-row {
    margin-top: 6px;
  }

  .logo-row img {
    width: 124px;
    height: 67px;
  }

  .vision .sec-title h2 {
    font-size: 22px;
  }

  .vision .sec-title p {
    font-size: 14px;
  }

  .vision-head {
    justify-content: center;
  }

  .vision-list li {
    text-align: center;
  }
}