/* =============================================================
   森夫官网 · 前台补充样式
   原站各模块样式已完整复用（css/plugin/*.css），此处只做必要的兼容与修正，
   不覆盖任何原站视觉规则。
   ============================================================= */

/* 原站根字号基准（rem 依赖） */
html { font-size: 62.5%; }

/* 解除建站平台「手机框」滚动容器限制：原站整页滚动在 .scroll_wrap(100vh) 内部，
   复刻站改为浏览器原生滚动，视觉不变但更符合常规站点行为 */
html, body { overflow-x: hidden !important; }
.scroll_wrap { height: auto !important; overflow: visible !important; overflow-x: hidden !important; }
.scroll_wrap .scroll_cont { height: auto !important; overflow: visible !important; overflow-x: hidden !important; }
.iphone { height: auto !important; overflow-x: hidden !important; }
.bootstrap_content, .content_l { height: auto !important; overflow-x: hidden !important; }
/* swiper 横向溢出裁切（原站由 .scroll_cont overflow-x:hidden 承担） */
.speebBanner-swiper, .pictures2 .swiper-container, .banner-box .swiper-container { overflow: hidden; }
.swiper-wrapper { overflow: visible; }

/* 英雄区高度 = 视口高度（与原站实测一致：swiper-slide 高 1000px @1440x1000） */
.slider9-div-banner { height: 100vh; }
@media (max-width: 767px) {
  .slider9-div-banner { height: auto !important; min-height: 56vh; }
}

/* 容器宽度对齐原站 */
.containerM { margin: 0 auto; }
@media (min-width: 1440px) { .container.containerM { width: 1400px; } }

/* 图片默认不溢出 */
.cstlayer img { max-width: 100%; }

/* 移动端汉堡展开后的遮罩层颜色（源自原站 --radiocolor） */
@media (max-width: 767px) {
  .navbar-collapse.in { background-color: rgba(0, 78, 146, .98) !important; }
  .navbar-collapse.in ul.nav > li > a { color: #fff !important; }
  .navbar-collapse.in ul.nav > li.active > a { color: #fff !important; }
}

/* 栏目横幅按钮链接样式（原站为 div，加了 a 包裹后需去装饰） */
.speebBtn > a { color: inherit !important; text-decoration: none !important; display: inline-block; }

/* 卡片整块可点击时不改变原视觉 */
[data-href] { cursor: pointer; }

/* 修复：懒加载占位图闪烁（原站用 data-src + lazy，此处直接输出 src） */
img[data-src][src^="data:image/gif"] { background: #f7f7f7; }

/* ===== 中英切换入口（页头导航末尾）=====
   刻意做成低调的"胶囊"，避免抢导航主项视觉；与相邻项同字号，仅加一条浅分隔线。 */
.ulflexf .lang-switch { position: relative; margin-left: 6px; }
.ulflexf .lang-switch > a { letter-spacing: .04em; }
@media (min-width: 992px) {
  .ulflexf .lang-switch::before {
    content: ""; position: absolute; left: -4px; top: 50%; transform: translateY(-50%);
    width: 1px; height: 14px; background: rgba(0, 0, 0, .16);
  }
}