/* PC 端自适应补丁：不改模板结构、不改原有 style.css，
   只针对「文字不换行 / 卡片换行后溢出压住正文」做小范围兜底。 */
html, body {
    overflow-x: hidden;
}
body {
    margin: 0;
}
img, video, iframe, table {
    max-width: 100%;
}

/* 1. 服务渠道卡片区：模板里 .channel-list 写死 height:480px，
      卡片一旦换行，第二行就溢出并盖住下方「全美服务渠道」的文字。
      改为随内容自动撑高；卡片自身也不再强制撑满父容器高度。 */
.channel-list {
    height: auto !important;
}
.channel-card {
    height: auto !important;
    max-width: 100%;
    min-width: 0;
}
.channel-card > div,
.channel-card img {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* 2. 六条渠道说明：内联 width:1007px 在窄屏必然横向溢出，
      改成自适应宽度让中文正常折行；圆点与文字首行对齐。 */
.service-channel > div[style*="1007px"] {
    width: 100% !important;
    max-width: 1007px;
    align-items: flex-start !important;
    line-height: 1.6;
    overflow-wrap: anywhere;
    word-break: break-word;
}
.service-channel > div[style*="1007px"] > div {
    flex: 0 0 auto;
    line-height: 1.2;
}

/* 3. 长英文 / 数字串允许折行，避免撑破定宽容器 */
h1, h2, h3, p, li, td, .service-channel {
    overflow-wrap: anywhere;
}

/* 4. 栏目页顶图（单张 banner）：common.js 的 CenterBanner() 在缩放态下
      会把「布局 px」和「视口 px」混算，给图片一个负的 margin-left 把图推歪。
      顶图本身是 width:100%，贴齐 li 左边缘即可。首页多图轮播不受影响。 */
#banner ul.bannerlist li:only-child img {
    margin-left: 0 !important;
}

/* 5. 新闻卡片（新闻中心 + 首页同一段代码）：模板写死 440px × 3 + 24px gap
      = 1368px，而外层只有 70% / 72% 版心（约 1124px），第三张被
      #floor_4 的 overflow:hidden / body 的 overflow-x:hidden 裁掉。
      改成三等分自适应，一张不落地排在一行。 */
#floor_4_main ul[style*="gap: 24px"] > li {
    flex: 1 1 0;
    min-width: 0;
    max-width: 440px;
}
#floor_4_main ul[style*="gap: 24px"] > li > a > div {
    width: 100% !important;
    max-width: 440px;
}
#floor_4_main ul[style*="gap: 24px"] .news_image_container {
    width: 100% !important;
    max-width: 440px;
}

/* 6. 业务展示页「核心业务模块」整块没居中：外层 75% 容器额外加了
      padding-left:130px，#right 又写死 width:1200px + float:left 从内边距
      之后开始，标题 / 分类按钮 / 正文一起被推到页面右侧（1440 实测中心
      偏 +128px）；里面再套一层 75% 居中一次也补不回来。
      去掉多余左内边距、让 #right 与内层 75% 都跟随父宽，整块回到版心居中。
      用「带 padding-left 的那个外层 div」精确限定，产品详情页等不受影响。
      末项 li 的 margin-right:60px 会让按钮组看着偏左，一并归零。 */
div.product > div[style*="padding-left:130px"] {
    padding-left: 0 !important;
}
div.product > div[style*="padding-left:130px"] #right {
    float: none !important;
    width: 100% !important;
}
div.product > div[style*="padding-left:130px"] #subchannel_main {
    width: 100% !important;
}
div.product > div[style*="padding-left:130px"] .subchannellist > li:last-child {
    margin-right: 0 !important;
}

/* 7. 配套：#right 不再撑宽页面后缩放比例回升（1024 下 0.664→0.756），
      「业务操作流程」4 张定宽 296px 图 + 3×60px 间距会略宽于视口，
      首尾各被裁约 11px。让图片可收缩并按比例裁剪，不破坏卡片高度。 */
div.container[style*="background:#F2F2F2"] > div > div[style*="padding:0px 40px"] > img {
    flex: 1 1 0;
    min-width: 0;
    max-width: 296px;
    object-fit: cover;
}