/* ============ 前台 CMS 修复样式（新功能/修复不直接改旧站压缩 CSS） ============ */

/* 第一屏 banner 顶部对齐：fullpage 默认将 section 内容垂直居中（fp-tableCell 的
   vertical-align:middle），各页 banner 图高(约 800px)不足 100vh 时顶部漏白。
   图铺满整屏 + cover 防拉伸（join/college/contact/news 四页同构） */
@media (min-width: 751px) {
    #dowebok .section:first-child .fp-tableCell {
        vertical-align: top;
    }
    #dowebok .section:first-child .sub-banner img {
        height: 100vh;
        object-fit: cover;
    }
}

/* ============ 英文语言布局兼容（html[lang="en"] 生效，中文不受影响） ============ */

/* A. 通用兜底：长单词/URL 按词断行；同时覆盖旧站 .line-clamp 的 word-break:break-all
   （英文下劈词变丑，改按词断行 + 行数截断仍有效） */
html[lang="en"] body,
html[lang="en"] body * {
    overflow-wrap: break-word;
    word-break: normal;
}

/* B1. PC 顶部导航：flex 不换行 + fixed 高度固定，英文 7 项菜单总宽超 100vw 时右侧被裁切，
     压缩字号与间距（specificity 高于 media.css 1280px 断点，两处均生效） */
html[lang="en"] .header .nav li { margin-left: .9vw; padding: 0 .65vw; }
html[lang="en"] .header .nav .link { font-size: 1.2vw; }
/* B1-1. 业务咨询胶囊按钮：固定高度不可换行，英文文案压缩字号 */
html[lang="en"] .header .contact { font-size: .85vw; padding: 0 .8vw; }

/* B2. 定宽按钮 .idxmore（200px/120px），英文文案可能溢出 → 内容自适应 + 最小宽兜底 */
html[lang="en"] .idxmore { width: fit-content; min-width: 200px; padding: 0 36px; }
@media (max-width: 750px) {
    html[lang="en"] .idxmore { min-width: 120px; padding: 0 24px; }
}

/* B3. 大标题 .com-tit（2.3958vw）：英文翻译普遍长 40%+，压缩字号防换行撑高布局
     （仅 PC 档；移动端保持 media.css 的 .48rem） */
@media (min-width: 751px) {
    html[lang="en"] .com-tit { font-size: 1.7vw; }
}

/* B4. footer 栏目（.item 固定宽 9.5vw/13.5vw）：英文栏目名溢出，压缩字号（仅 PC 档） */
@media (min-width: 751px) {
    html[lang="en"] .footer .nav a { font-size: 1.1vw; }
}

/* B5. 首页轮播 banner 副标题：旧站 letter-spacing 0.3em 是给中文加字距的设计，
     英文下字母间距散开 + 行宽拉长 → 清零字距并压缩字号（覆盖视图内联 style） */
html[lang="en"] .idxBan .font60 { letter-spacing: 0; font-size: 2vw; }
/* 移动端断点须与视图内联一致（max-width:768px）；.bbtt 需直接覆盖——
   视图内联 .bbtt{font-size:7vw} 优先级高于 .font60 的继承值 */
@media (max-width: 768px) {
    html[lang="en"] .idxBan .font60,
    html[lang="en"] .idxBan .bbtt { font-size: 3.6vw; }
}

/* B6. footer 二维码下文字（"Official WeChat Account" 超出固定宽容器） */
html[lang="en"] .footer .ewm p { font-size: .7vw; line-height: 1.5; }
@media (max-width: 750px) {
    html[lang="en"] .footer .ewm p { font-size: .24rem; }
}

/* B7. 首页 About 区（.w43 flex 行，英文标题撑宽 +20px） */
html[lang="en"] .idxAbout .w43 { min-width: 0; }
html[lang="en"] .idxAbout .font36 { font-size: 26px; }

/* B8. 企业文化 section（.tabs 固定 65.625vw + 竖排 .nav 英文项变宽 → 撑破 flex 行 130px） */
@media (min-width: 751px) {
    html[lang="en"] .about .culture-box .tabs { width: 58vw; }
    html[lang="en"] .about .culture-box .nav .item { font-size: 1.1vw; }
    html[lang="en"] .about .culture-box .nav .active { font-size: 1.5vw; }
}

/* B9. 六大体系轮播（视图内联 width:1200px !important 在 <1200px 视口撑破容器 536px；
     max-width 约束优先于 width，宽屏保留 1200px 设计） */
html[lang="en"] .about .swiper-society { max-width: 100% !important; }
@media (min-width: 751px) {
    html[lang="en"] .about .swiper-society .name { font-size: .8vw; }
}

/* B10. 荣誉轮播：英文标题（"Top 10 Inductor Industry Finalist Award"）撑宽 slide */
@media (max-width: 750px) {
    html[lang="en"] .about .swiper-honor .title { max-width: 4.5rem; }
}

/* B11. 产品规格表（white-space:nowrap 列在移动端撑破容器 → 表内滚动） */
html[lang="en"] .size-table-wrapper { overflow-x: auto; }

/* B12. join 人才理念（.left 英文大标题撑宽 flex 行 130px） */
html[lang="en"] .idea-box .left { min-width: 0; }
@media (min-width: 751px) {
    html[lang="en"] .idea-box .com-tit { font-size: 1.2vw; }
}
/* B12-1. 人才理念引言：源字符串内联 text-align:justify 是中文两端对齐设计，
     英文断行后单词间距被强行拉齐 → 左对齐（!important 压过内联样式，中文不受影响） */
html[lang="en"] .idea-box .info p { text-align: left !important; }

/* B13. 首页产品中心 tab 等高：英文名行数不同（1/2 行）导致 li 高度参差（@1920 实测
     193-263px）→ align-items stretch 拉伸到最高 tab，内容居中不变 */
html[lang="en"] .indexProTit { align-items: stretch; }

/* B13-1. 产品卡片摘要行数统一：英文摘要 277-474 字符 → 行数 PC 4-6 行 / 移动 7-12 行，
     切换 tab 时卡片高度跳变（@1920 500-583px、@480 697-870px）→ clamp 到最短行数
     （PC 4 行 = 当前最短卡片恰好完整显示，移动 7 行），所有卡片高度一致 */
html[lang="en"] .indexProUl li .miaop {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
@media (max-width: 768px) {
    html[lang="en"] .indexProUl li .miaop { -webkit-line-clamp: 7; }
}

/* B14（已废弃 justify）新闻列表标题：英文不使用两端对齐（用户确认），保持默认左对齐；
     断行参差已由视图层 PHP 2 行截断解决（mb_substr 50 字符 + ...，PC 每行约 25 字符） */

/* B15. footer 地址（.infos .item .num）：英文地址 80+ 字符 vs 中文 22 字，
     旧站 .infos 无宽度约束（内容多宽撑多宽），80 字符 @1.2vw ≈ 920px 撑爆 .right flex 行
     → max-width 锁死列宽（min-width 无效——它挡不住内容撑宽）+ 内部按词断行 + 行距放宽
     （移动端 media.css 已整行 100% 宽 + 无 flex 行约束，天然安全） */
@media (min-width: 751px) {
    html[lang="en"] .footer .top .right .infos { width: 24vw; }
    html[lang="en"] .footer .top .right .infos .item .num { line-height: 1.6; }
}
html[lang="en"] .footer .infos .num { overflow-wrap: break-word; }

/* B16. text-align:justify 是中文两端对齐设计（视图内联样式 + 页面 <style> 两处来源），
     英文断行后单词间距被强行拉齐、出现"长行+孤词短行"参差 → 统一左对齐
     （!important 压过内联样式与页面 <style>；中文站不受影响） */
html[lang="en"] .newsDet .main-box .content p,
html[lang="en"] .swiper-vita .swiper-slide .content p,
html[lang="en"] .swiper-vita .swiper-slide .content .item { text-align: left !important; }

/* B17. 首页 justify 同源修复：旧站 common.min.css 三条全局规则
     （.home .swiper-layui .txt / .future-box .txt / .about-box .info）对段落设 text-align:justify，
     中文两端对齐是设计意图；英文统一左对齐（长段落 justify 词距拉伸也不可接受） */
html[lang="en"] .home .swiper-layui .txt,
html[lang="en"] .home .future-box .txt,
html[lang="en"] .home .about-box .info { text-align: left !important; }

/* B19. about-box 文字块水平居中：.info 固定 411px（旧站 .box 内容区 477px），
     flex column 下贴左（左空隙 1px / 右 67px）→ margin auto 左右边距一致 */
html[lang="en"] .home .about-box .box .info { margin-left: auto; margin-right: auto; }

/* B20. 产品详情页 .box 高度自适应：旧站固定 30vw 高，英文富文本（feature_html/
     application_html 翻译后）内容 556px 高，加 padding + 标题后超出 box 底边 94px
     （zh 356px 正常）→ height auto + min-height 30vw 兜底防塌 */
html[lang="en"] .product .pro-box .item-main .box { height: auto; min-height: 30vw; }

/* B21. 移动端"查看更多"按钮（.idxmore）：旧站定宽 120px 装不下 90px 文字 + 40px
     圆形箭头（.Icon absolute right:0 压在文字尾部，zh/en 均错位、背景显得比内容小）
     → 宽度自适应内容 + padding-right 给箭头让位。
     注意：选择器需与 B2（html[lang="en"] .idxmore，特异性 0,2,1）同级且在其后，
     padding 简写才覆盖 B2 的 padding: 0 24px */
@media (max-width: 768px) {
    .idxAbout a.idxmore { width: fit-content; min-width: 120px; padding: 0 56px 0 24px; }
}

/* B22. 移动端 banner 文字隐藏（用户要求）：旧站只隐藏偶数 slide（nth-child(2n)），
     奇数 slide 文字在 40% 限宽下挤成窄条 → 移动端全部不显示 */
@media (max-width: 768px) {
    .idxBan .swiper-slide .text { display: none !important; }
}

/* B18. 首页轮播 banner 文字容器宽度上限：英文长标题/副标题把 .text 撑到 73.5% 宽
     （中文实测 35.5% 天然达标，不受影响）→ max-width 40%，超宽内容按词自然换行 */
html[lang="en"] .idxBan .swiper-slide .text { max-width: 40%; }

/* B18-1. banner 英文三层文字整体调小（40% 限宽后副标题 4 行偏挤，仅 PC 档；
     移动端 3.6vw 已很小保持）：主标题 fonts.css 固定档 38→32px、
     副标题继承 .font60 2.4→2.0vw、desc 1.1→0.95vw */
@media (min-width: 751px) {
    html[lang="en"] .idxBan .font38 { font-size: 32px; }
    html[lang="en"] .idxBan .bbtt { font-size: 2vw; }
    html[lang="en"] .idxBan .mt-20 { font-size: .95vw; }
}