/* ============================================================
   responsive.css �?全站响应式覆盖层
   加载顺序:nuxt.config.ts 中排�?nav-fix.css 之后(层叠最�?同特异性必�?�?   约定:只覆�?public/css 遗留规则,不改遗留文件本身;
   桌面�?�?441)除业务卡封面改为等价纵横比外零改�?回滚 = �?link�?   断点体系:�?600/�?366 平板收窄 / �?220 拼图压平 / �?000 移动�?与遗留块对齐)�?   ============================================================ */

:root { --mhd-h: 56px; }   /* 移动端顶栏高�?default.vue �?.mhd �?S3 复用) */

/* ------------------------------------------------------------
   S0. 桌面导航行内块基线修�?   .lcnav �?li �?inline-block,默认 baseline 对齐�?ul �?strut
   (行高×字号)影响,li 盒顶部会越界�?top:-5px(�?导航负距�?),
   有裁字风险。改�?top 对齐,li 从行盒顶部起排�?   ------------------------------------------------------------ */
.lcnav > li { vertical-align: top; }

/* ------------------------------------------------------------
   S1. wap 边界统一 768 �?1000
   base.css �?768px 定义 wap_hide/wap_show,而遗�?移动�?块以
   1000px 为界 �?769�?000 成死�?PC 子导航已隐藏、移动端替代未显�?�?   base.css 用了 !important,此处�?!important、靠层叠顺序取胜�?   ------------------------------------------------------------ */
@media (max-width: 1000px) {
  .wap_hide { display: none !important; }
  .wap_show { display: block !important; }
}

/* ------------------------------------------------------------
   S2. 容器系统 �?消灭中屏固定宽度溢出
   遗留:index.css L2992 �?�?366 �?.w1200/.cpw/#business 等定�?   1100px �?1001�?100 视口必然横向滚动(�?body overflow-x:hidden 掩盖);
   #business �?1441�?600 仍为 1500px �?1441�?500 溢出;
   .lcheada �?�?440 �?min-width:1200 �?桌面�?1001�?200 被裁;
   页脚 .container �?min-width:1200(index.css L3-8)�?�?366 溢出�?   ------------------------------------------------------------ */
@media (min-width: 1441px) and (max-width: 1600px) {
  #business { width: min(1500px, calc(100% - 32px)); }   /* �?501 视觉不变,�?1441�?500 */
}
@media (min-width: 1001px) and (max-width: 1366px) {
  .homeind, .mainaboutm, .cpw, .indhistm, .mainnewm, #business, .w1200 {   /* 镜像 L2992 选择器组 */
    width: min(1100px, calc(100% - 32px));
  }
  .recent-details .w1200 { width: min(1100px, calc(100% - 32px)); }        /* 镜像 L1393 */
  .mainprom, .mainprom1 { width: min(1100px, calc(100% - 32px)); min-width: 0; }  /* L1133/L2955 */
  .lcheada { min-width: 0; }                                               /* L2947,�?1001�?200 裁切 */
}
@media (max-width: 1366px) {
  .lcfoot .container { min-width: 0; }    /* 页脚内层容器,随页脚解除隐藏一并修�?*/
}
@media (max-width: 1000px) {
  .ecasem { min-width: 0; }               /* L1183 */
  /* 侧边�?遗留 L3570 �?4% 列表漏掉的区�?仅限全局样式控制的区�?
     .tl-page/.hn-page/.prolistm/.prodetail/.neewlistm/.neewdetail/.careerdetail
     等由各页 scoped 定义 padding,统一在各页自己的 �?000 块内声明) */
  .about-advantage, .about-partners { padding-left: 4%; padding-right: 4%; }
}

/* ------------------------------------------------------------
   S3. 移动端顶栏叠�?   顶栏默认透明叠在首屏�?滚动后转�?�?default.vue .mhd.solid):
   - banner �?banner 顶入顶栏之下(margin-top:0),高度加高留出标题空间
   - statement �?无首屏图,顶栏常白):内容让位 var(--mhd-h)
   ------------------------------------------------------------ */
@media (max-width: 1000px) {
  .pagebaner { margin-top: 0; height: 230px; }
  .recent-details { margin-top: var(--mhd-h); }
}

/* ------------------------------------------------------------
   S4. 分类导航 chip �?�?复活死的 .popslide_screen
   遗留 .popUls{display:none} 依赖未移植的 jQuery 手风�?combase.css L60),
   现改为常开横向滚动 chip �?产品/新闻分类 + about 系子栏目),
   同时覆盖 769�?000 死区(wap_show �?S1 提前�?1000 生效)�?   ------------------------------------------------------------ */
@media (max-width: 1000px) {
  .popslide_screen { background: #fff; }
  .popslide_screen .shai_theme { padding: 12px 4%; margin: 0; background: #fff; }
  .popslide_screen .shai_theme span:before { display: none; }    /* 去掉手风琴下拉箭�?*/
  .popslide_screen .popUls {                 /* 覆盖 combase L60 �?display:none */
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    box-sizing: border-box;
    padding: 4px 4% 12px;
    width: 100%;
    border-top: none;
    border-bottom: 1px solid #eef1f5;
    border-radius: 0;
  }
  .popslide_screen .popUls li { flex: 0 0 auto; }
  .popslide_screen .popUls li a {            /* 覆盖 combase L61 的列表式链接 �?chip */
    white-space: nowrap;
    display: block;
    padding: 8px 16px;
    margin-right: 8px;
    font-size: 14px;
    color: #444;
    background: #f2f5f9;
    border: none;
    border-radius: 18px;
    line-height: 1.6;
  }
  .popslide_screen .popUls li a.on { background: #3E5FAC; color: #fff; }
}

/* ------------------------------------------------------------
   S5. 首页
   ------------------------------------------------------------ */
@media (max-width: 1000px) {
  .lcbaner { height: 100svh; }   /* L473 �?100vh;svh 适配移动端动态工具栏,不支持时优雅回退 */
}
/* 业务卡封�?原由 index.vue �?jQuery 内联高度(320px)控制,改由纵横�?   接管(全宽度生�?3/4 比例在桌面与�?~241×320 视觉等价) */
.businessslider .thumb { aspect-ratio: 3 / 4; }
.businessslider .thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 1366px) {
  #business ul li .thumb { height: auto; }   /* 压掉 L2990 的固�?320px,交由纵横�?*/
}
@media (max-width: 1000px) {
  /* 手机�?3/4 竖版封面过高(单卡近全屏宽),�?4/3 横版更紧�?*/
  .businessslider .thumb { aspect-ratio: 4 / 3; }
}

/* ------------------------------------------------------------
   S6. 关于我们�?   ------------------------------------------------------------ */
@media (max-width: 1366px) {
  /* L1455 浮层 left:-85px/620px �?1100px 容器内向左溢�?�?提前转为常规�?*/
  .about-intro-caption { position: static; width: 100%; left: auto; top: auto; transform: none;
                   padding: 40px 5%; margin-top: 25px; box-sizing: border-box; }
}
@media (max-width: 1000px) {
  .about-intro-text-left, .about-intro-text-right { float: none; width: 100%; }   /* L1458/1460 浮动双栏 769�?000 不折�?*/
  /* 优势轮播:L2043/L3337 定高 + L2048/L3340 绝对定位文本 �?转常规流随内容自适应
     (配合 about/index.vue Swiper autoHeight:true) */
  .about-advantage-media, .about-advantage-card { height: auto; min-height: 300px; }
  .about-advantage-card-text { position: static; width: 100%; left: auto; top: auto; }
  .about-advantage-card-subtitle, .about-advantage-card-desc { padding-left: 25px; padding-right: 25px; }
  .bdyoushipage { position: static; margin-top: 10px; text-align: center; }
}

/* ------------------------------------------------------------
   S7. 合作伙伴钻石拼图 �?压平边界 1000 �?1220
   遗留拼图盒固�?1205×600(L2120),1001�?205 视口溢出;
   �?�?000 的压平补�?index.css L3370-3376)整体提前�?�?220 生效�?   ------------------------------------------------------------ */
@media (max-width: 1220px) {
  .about-partners-list { width: 100%; height: auto; overflow: hidden; }
  .about-partners-list-2 { width: 100%; height: auto; overflow: hidden; }   /* 空列表也�?1200px 定宽(L2113),会撑出横向滚�?*/
  .about-partners-list li, .about-partners-list-2 li { position: relative; width: 50%; height: 100px; left: 0 !important; top: 0 !important;
    float: left; transform: none; box-shadow: none; border: none; border-bottom: 1px solid #eee;
    border-right: 1px solid #eee; margin-right: 0; }
  .about-partners-list, .about-partners-list-2 { border-top: 1px solid #eee; }
  .about-partners-list li:nth-child(2n), .about-partners-list-2 li:nth-child(2n) { border-right: none; }
  .about-partners-list img { transform: none; }
  .about-partners-list .none { display: none; }
  .about-partners-list li:hover img { transform: none; box-shadow: none; }
}

/* ------------------------------------------------------------
   S8. CMS 富文本护�?v-html 注入内容,全宽度生�?
   ------------------------------------------------------------ */
.prodetail-content table, .neewdetail-content table, .careerdetail-content table { display: block; width: 100%; overflow-x: auto; }
.prodetail-content img, .neewdetail-content img, .careerdetail-content img,
.prodetail-content video, .neewdetail-content video, .careerdetail-content video,
.prodetail-content iframe, .neewdetail-content iframe, .careerdetail-content iframe { max-width: 100%; }
@media (max-width: 1000px) {
  .prodetail-content, .neewdetail-content, .careerdetail-content { overflow-wrap: anywhere; }
}

/* ------------------------------------------------------------
   S9. 页脚移动端左右内边距(覆盖 nav-fix 的 padding:0,避免内容贴边)
   ------------------------------------------------------------ */
@media (max-width: 1000px) {
  footer.lcfoot .lcfoot-inner { padding-left: 20px; padding-right: 20px; }
  footer.lcfoot .lcfoot-bottom .container { padding-left: 20px; padding-right: 20px; }
}

/* ------------------------------------------------------------
   S10. 页脚响应式:产品与服务/关于我们/新闻与招聘/公众号 各独占一行
   ------------------------------------------------------------ */
@media (max-width: 1000px) {
  footer.lcfoot .lcfoot-col,
  footer.lcfoot .lcfoot-qr { flex: 0 0 100% !important; -webkit-flex: 0 0 100% !important; min-width: 0 !important; max-width: none !important; }
}