/* 富强 CMS：不改动参考站样式文件，仅对本项目定向修正（2026-10-20）。 */

/* 4. 透明导航上的文字 LOGO 使用白色；导航变白时自动切换深色，避免看不见。 */
.Header-logo .brand-wordmark,
.Header-logo .brand-wordmark small {
  color: #fff;
  transition: color .3s ease;
}
body.mouseNoLucency .Header-logo .brand-wordmark,
body.mouseNoLucency .Header-logo .brand-wordmark small,
body.onSearch .Header-logo .brand-wordmark,
body.onSearch .Header-logo .brand-wordmark small,
body.noLucency .Header-logo .brand-wordmark,
body.noLucency .Header-logo .brand-wordmark small {
  color: #163c34;
}
@media (max-width: 1279px) {
  .Header-logo .brand-wordmark,
  .Header-logo .brand-wordmark small { color: #163c34; }
}

/* 3. 页脚只有版权信息时，在各设备宽度下水平居中。 */
.Footer-copyright > .contain { justify-content: center; }
.Footer-copyright .Footer-copyright-cont { width: 100%; justify-content: center; text-align: center; }
.Footer-copyright .Footer-copyright-cont p { width: 100%; margin: 0; text-align: center; }

/* 5. 首页 ABOUT US 一行展示，数字区域改用自适应四列，防止原固定宽度相加溢出。 */
.indpp .indpp-wrap { gap: clamp(22px, 3vw, 55px); align-items: center; }
.indpp .indpp-content { width: auto; flex: 1 1 0; min-width: 0; margin-bottom: 0; }
.indpp .indpp-bg { width: 40%; flex: 0 0 40%; }
.indpp .indpp-title {
  font-size: clamp(40px, 5vw, 86px);
  white-space: nowrap;
  line-height: 1.08;
  letter-spacing: -.035em;
  margin: 22px 0 0;
}
.indpp .indpp-num {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
  margin: 24px 0 0;
  align-items: start;
}
.indpp .indpp-num-line { display: none; }
.indpp .indpp-num-items {
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0 3px;
  position: relative;
  text-align: center;
}
.indpp .indpp-num-items:not(:last-child)::after {
  content: '';
  position: absolute;
  right: -5px;
  top: 5px;
  width: 1px;
  height: 46px;
  background: #e6e8e7;
}
.indpp .indpp-num-items .num {
  justify-content: center;
  font-size: clamp(22px, 2.3vw, 43px);
  white-space: nowrap;
  line-height: 1.1;
}
.indpp .indpp-num-items .num sub { font-size: .48em; bottom: 0; }
.indpp .indpp-num-items .text {
  font-size: clamp(11px, .8vw, 14px);
  margin-top: 8px;
  line-height: 1.5;
  white-space: normal;
  word-break: keep-all;
}
@media (max-width: 1000px) {
  .indpp .indpp-wrap { flex-direction: column; gap: 25px; align-items: stretch; }
  .indpp .indpp-content { flex: none; width: 100%; margin: 0; }
  .indpp .indpp-bg { flex: none; width: 100%; }
  .indpp .indpp-title { font-size: clamp(42px, 8vw, 74px); }
  .indpp .indpp-num-items .num { font-size: clamp(25px, 4vw, 43px); }
  .indpp .indpp-num-items .text { font-size: 13px; }
}
@media (max-width: 640px) {
  .indpp .indpp-title { font-size: clamp(40px, 10vw, 58px); }
  .indpp .indpp-num { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 10px; }
  .indpp .indpp-num-items { margin-top: 0; }
  .indpp .indpp-num-items:nth-child(3)::after { display: none; }
  .indpp .indpp-num-items .num { font-size: clamp(26px, 7vw, 36px); }
}

/* 6. 服务场景从原实验室图换为回收/仓储现场，叠加深色遮罩保证文字可读。
   图片可以从后台“网站设置 - 首页服务场景背景图”上传替换。 */
.indbuss {
  background-image:
    linear-gradient(110deg, rgba(8, 29, 42, .92), rgba(9, 46, 54, .76) 53%, rgba(4, 44, 38, .85)),
    var(--fuqiang-scene-image, url('../img/recycling/logistics-wide.jpg'));
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}


/* 顶部右侧：用可拨号的“电话图标 + 后台号码”取代搜索按钮。 */
.Header-wrapper > .contain { position: relative; }
.Header-phone {
  float: right;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  position: relative;
  z-index: 999;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  transition: color .25s ease;
}
.Header-phone-icon { font-size: 23px; flex: none; }
.Header-phone-number { line-height: 1.3; font-variant-numeric: tabular-nums; }
.Header-phone:hover, .Header-phone:focus { color: #e5ad37; text-decoration: none; }
body.mouseNoLucency .Header-phone,
body.noLucency .Header-phone,
body.onSearch .Header-phone { color: #173d39; }
body.mouseNoLucency .Header-phone:hover,
body.noLucency .Header-phone:hover { color: #168464; }

/* 给导航留出左侧 LOGO 和右侧电话号码的独立空间，避免遮挡。 */
@media (min-width: 1001px) {
  .Header-wrapper .Header-navbar {
    left: 190px;
    width: calc(100% - 390px);
  }
}
@media (min-width: 1001px) and (max-width: 1599px) {
  .Header-navbar .Header-menu { padding-left: 12px; padding-right: 12px; }
}
@media (min-width: 1001px) and (max-width: 1279px) {
  .Header-wrapper .Header-navbar { left: 185px; width: calc(100% - 365px); }
  .Header-navbar .Header-menu { font-size: 14px; padding-left: 8px; padding-right: 8px; }
  .Header-phone { font-size: 15px; gap: 6px; }
  .Header-phone-icon { font-size: 18px; }
}

/* 手机和平板：沿用原模板的汉堡导航，在其左侧展示拨号号码。 */
@media (max-width: 1000px) {
  .Header-wrapper .Header-navbar { left: 0; width: 100%; }
  .Header-phone {
    height: 60px;
    color: #173d39;
    font-size: 14px;
    gap: 6px;
    margin-right: 12px;
  }
  .Header-phone-icon { font-size: 17px; }
}
@media (max-width: 420px) {
  .Header-logo { width: 130px; }
  .Header-logo .brand-wordmark { font-size: 17px; letter-spacing: 1px; }
  .Header-logo .brand-wordmark small { font-size: 7px; letter-spacing: 2px; }
  .Header-phone { font-size: 12px; gap: 4px; margin-right: 7px; }
  .Header-phone-icon { font-size: 15px; }
}