/* [LAYOUT-20261030] 首页加宽方案 B（已确认）
 * 主体 1380 = 左 400 ｜间距 70｜ 中 440 ｜间距 70｜ 右 400
 * 仅 ≥1440px 视口生效，小屏维持原 1140 布局（无跳变）
 * 注意：站点为 Bootstrap 4 栅格，列宽由 flex-basis + max-width 控制，三者必须同时覆盖
 */

/* 小屏（<1440）中列只显示前 14 条，保持与原 1140 布局等高 */
.container.news-floor .yaowen .title15,
.container.news-floor .yaowen .title16,
.container.news-floor .yaowen .title17 { display: none; }


/* 楼层通栏广告：素材按内容宽居中，object-fit 防拉伸 */
.container.news-floor > .row > a { display: block; }
.container.news-floor > .row > a > img {
  display: block;
  width: 1140px;
  height: 90px;
  object-fit: contain;
  margin: 0 auto;
}

@media (min-width: 1440px) {
  /* 容器：盒宽 1410 = 内容 1380 + 两侧 15px 内边距 */
  .container { width: 1410px !important; max-width: 1410px !important; }

  /* ---------- 首页楼层：三列固定像素（替代百分比栅格） ---------- */
  .container.news-floor .row.floorMain {
    display: flex;
    flex-wrap: nowrap;
    gap: 70px;
    margin-left: 0;
    margin-right: 0;
    align-items: flex-start;
  }
  .container.news-floor .row.floorMain > .col-9 {
    width: 910px;          /* 400 + 70 + 440 */
    max-width: 910px;
    flex: 0 0 910px;
    padding: 0;
    float: none;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
  }
  .container.news-floor .row.floorMain > .col-9 > .col-5 {
    width: 400px;
    max-width: 400px;
    flex: 0 0 400px;
    margin: 0 70px 0 0;    /* 抵消 .leftmarginmove50 的 -28px */
    padding: 0;
    float: none;
  }
  .container.news-floor .row.floorMain > .col-9 > .col-7 {
    width: 440px;
    max-width: 440px;
    flex: 0 0 440px;
    padding: 0;
    float: none;
  }
  .container.news-floor .row.floorMain > .col-3 {
    width: 400px;
    max-width: 400px;
    flex: 0 0 400px;
    margin: 0;
    padding: 0;
    float: none;
  }

  /* ---------- 左列图文：315 → 400，三条等高 155 ---------- */
  .container.news-floor .topleft .item a img {
    width: 100%;
    height: 155px;
  }
  .container.news-floor .topleft .title { width: 100%; }

  /* ---------- 右列：255 → 400，缩略图 108×80 → 175×117 ---------- */
  .container.news-floor .toprightshipin .item { height: 119px; }
  .container.news-floor .toprightshipin .item img {
    width: 175px;
    height: 119px;
    object-fit: cover;
  }
  .container.news-floor .toprightshipin .title2 {
    width: 210px;
    height: 119px;
  }

  /* ---------- 焦点区：轮播 910 + 间隙 70 + 右栏 400 ---------- */
  .container.news-floor .yaowen .title15,
  .container.news-floor .yaowen .title16,
  .container.news-floor .yaowen .title17 { display: block; }

  .container.news-floor > .row > a > img { width: 1380px; }

  .moreBox .left { width: 910px !important; max-width: 910px !important; }
  .moreBox .right.rightTitle { width: 400px !important; max-width: 400px !important; }
}

/* ===== #406 2026-10-30：导航/头部与主体 1380 对齐；NEWS FOCUS 左扩；底部多语言 3 行 ===== */
.floormenu .fside { display: none; }

@media (min-width: 1440px) {
  /* 头部：logo 与主体左对齐，搜索框/多语言与主体右对齐 */
  .head .content,
  .loginBox .content { width: 1380px; }

  /* 导航：首项文字贴主体左缘、末项贴主体右缘，其余均匀分布 */
  .loginBox .content .left { width: 100%; justify-content: space-between; }
  .loginBox .content .left > a { padding-right: 0 !important; }
  .loginBox .content .left > a > span { padding-left: 0; padding-right: 0; }

  /* NEWS FOCUS：400 → 470，向左吃掉中间 70px 灰色空档，与焦点图无缝衔接 */
  .moreBox .right.rightTitle { width: 470px !important; max-width: 470px !important; }

  /* 楼层右列标题：上移与「楼层名 + 子栏目」同行，并与右列左缘对齐 */
  .container.news-floor .floormenu .fside { display: block; float: right; width: 400px; }
  .container.news-floor .floormenu .fside a {
    color: #000; font-weight: bold; font-size: 18px; line-height: 30px; text-decoration: none;
  }
  .container.news-floor .floormenu .fside a:hover { color: #F37021 !important; }
  .container.news-floor .col-3 > .menutitle2.sideHead { display: none; }

  /* 底部热门频道：cnso-footerlang.css 的 .bottommenu{width:1140px} 后加载，需提高优先级覆盖 */
  .container > .row > .bottommenu { width: 1380px; max-width: 1380px; margin: 30px 15px 0; }

  /* 底部多语言：1380 / 12 列 = 115，36 语种由 4 行压到 3 行 */
  .bottommenu2 { width: 1380px; }
  .bottommenu2 .title a { width: 115px; padding: 2px 0; }
}


/* [#407-6 追加] 底部"热门频道"一行：两端与主体对齐（items 均布） */
.bottommenu > .float-left {
  float: none; width: 100%;
  display: flex; justify-content: space-between; align-items: center;
}
.bottommenu .title { float: none; margin-right: 0; }

/* ===== #407-7 2026-10-30：楼层右列（旅游/银行/职教等）图文与左列统一样式 =====
 * 原因：模板内联 `.col-3 .sideItem img{height:auto}`，图片按原图比例（800x529）撑到 265px，而左列锁死 155px
 * 修正：与左列 .topleft .item a img 一致 —— 小屏 113px / ≥1440 155px，均 object-fit:cover
 */
.container.news-floor .col-3 .sideItem img{
  display:block; width:100%; height:113px; object-fit:cover; object-position:center;
}
.container.news-floor .col-3 .sideTitle{
  margin-top:8px; height:50px; line-height:25px; overflow:hidden;
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
  font-size:16px; color:#000;
}
@media (min-width: 1440px){
  .container.news-floor .col-3 .sideItem img{ height:155px; }
}
