/**
 * 全站页脚 — 视觉、比例、色值对齐首页 index-5
 * 设计框：3200 × 668.33；1em ≈ 设计稿 100px
 *
 * .footer              文档流页面（小推车 / 解决方案）
 * .footer--in-canvas   3200 宽画布页（设备联网），字号继承画布，高按 --design-h
 * .footer--on-1920     1920 宽缩放画布（关于我们）
 */
.footer {
  --footer-bg: #242f46;
  --footer-bar: #212d44;
  position: relative;
  width: 100%;
  height: calc(100vw * 668.33 / 3200);
  font-size: calc(100vw * 100 / 3200);
  color: #fff;
  overflow: hidden;
  z-index: 2;
}

.footer--in-canvas {
  position: absolute;
  left: 0;
  bottom: 0;
  height: calc(668.33 / var(--design-h, 6520) * 100%);
  font-size: inherit;
}

.footer--on-1920 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 401.01px; /* 668.33 × 1920/3200 */
  font-size: 60px; /* 100 × 1920/3200 */
  z-index: 5;
}

.footer img {
  max-width: none;
}

.footer a {
  color: inherit;
}

.footer__bg {
  position: absolute;
  inset: 0;
  background: var(--footer-bg);
}

.footer__bar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 20.449%; /* 136.67/668.33 */
  background: var(--footer-bar);
}

.footer__brand {
  position: absolute;
  left: 10.3125%;
  top: 16.504%;
  display: flex;
  align-items: flex-start;
}

.footer__logo {
  width: 1.44em;
  height: auto;
  flex-shrink: 0;
}

.footer__brand-text {
  margin-left: 0.22em;
}

.footer__brand-en {
  font-size: 0.4438em;
  line-height: 1.44;
  font-weight: 400;
  user-select: text;
}

.footer__brand-cn {
  width: 2.01em;
  margin-top: 0.08em;
}

.footer__about {
  position: absolute;
  left: 10.02%;
  top: 45.713%;
  width: 21.813%;
  font-size: 0.3329em;
  line-height: 1.44;
  user-select: text;
}

.footer__divider {
  position: absolute;
  top: 15.959%;
  width: 0.104%;
  height: 52.619%;
  background: #d3d3d3;
}

.footer__divider--1 { left: 39.01%; }
.footer__divider--2 { left: 70.833%; }

.footer__contact {
  position: absolute;
  left: 45.645%;
  top: 20.071%;
}

.footer__follow {
  position: absolute;
  left: 78.613%;
  top: 20.071%;
}

.footer__heading {
  font-size: 0.3884em;
  font-weight: 400;
  user-select: text;
}

.footer__line {
  display: flex;
  align-items: flex-start;
  margin-top: 0.55em;
  font-size: 0.3884em;
  user-select: text;
}

.footer__line img {
  width: 1.2em;
  height: auto;
  margin-right: 0.28em;
  margin-top:0.1em;
  flex-shrink: 0;
}

.footer__qrcode {
  width: 1.98em;
  height: auto;
  margin-top: 0.35em;
}

.footer__copy {
  position: absolute;
  left: 10.02%;
  bottom: 6.2%;
  z-index: 2;
  font-size: 0.3329em;
  user-select: text;
}

/* 关于我们窄屏：画布取消 scale 后，改回与首页相同的视口比例 */
@media (max-width: 991px) {
  .footer--on-1920 {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    height: calc(100vw * 668.33 / 3200);
    font-size: calc(100vw * 100 / 3200);
  }
}