/* ============================================================
   media.css —— 中美达「全站内页」响应式（首页 index 除外）
   断点：max-width 1541 / 1281 / 1021 / 450 四档
   基准：线上站 main.css / reset.css 真实类名（代码以线上为准）

   说明：
   - 首页(sy_*) 响应式在 main.css，本文件不覆盖首页。
   - reset.css 已处理：.center(≤1620→96%)、.mcenter(≤1400→96%)
     以及通用网格 .ul3(1024→2列) / .ul4(1281→3列,768→2列)。
     本文件只补「reset 没覆盖」的内页专属定宽/定列/排布类。
   - 引入顺序：main.css 之后（本文件在后，规则优先）。
   ============================================================ */

/* ============================================================
   一、线上站内页通用 / 产品列表 / 产品详情 / 关于 / 解决方案
       / 新闻 / 联系 / 下载 / 资源  —— 真实类名
   ============================================================ */

/* ---------------- ≤1541：轻微收紧（布局保持） ---------------- */
@media (max-width: 1541px){
    /* 内页 banner 标题字号 */
    .ny_ban .ban_tit b,
    .list_top .ban_tit b,
    .show_top .ban_tit b{ font-size: 40px; }
    /* 关于 banner 文案区 */
    .ab_ban .ab_top .txt{ width: 80%; }
    /* 产品详情 CTA(pro_get) 叠加文案加宽 */
    .pro_get .txt{ width: 46%; left: 48%; }
    /* 新闻分类导航收窄留白 */
    .news_nav{ padding: 0 160px 50px; }
    /* 解决方案大标题 */
    .hotswiper b{ font-size: 34px; }
}

/* ---------------- ≤1281：平板横向收紧 ---------------- */
@media (max-width: 1281px){
    /* 内页 banner 标题 */
    .ny_ban .ban_tit b,
    .list_top .ban_tit b,
    .show_top .ban_tit b{ font-size: 34px; }
    .ab_ban .ab_top .txt{ width: 85%; margin-bottom:40px;}
    .ab_number{padding: 40px 0;}
    .ab_number dt i{ line-height: 55px; font-size: 55px;}

    /* 关联轮播(swiperall)按钮收回容器内（-100px 会溢出） */
    .swiperall .swiper-button-next{ right: 0; }
    .swiperall .swiper-button-prev{ left: 0; }

    /* 新闻分类导航进一步收窄 */
    .news_nav{ padding: 0 80px 50px; }

    /* 产品详情大图画板略缩 */
    .top_main .top_pic .picswiper{ width: calc(100% - 90px); }

    /* 产品详情 CTA 文案加宽（仍叠加） */
    .pro_get .txt{ width: 56%; left: 40%; }

    /* honorswiper 固定 1100px → 限宽（避免 <1100 溢出） */

    /* 下载列表行内边距收敛 */
    .down_list dl{ padding: 0 20px; }
    .down_list a{ padding: 16px 18px; }
}

/* ---------------- ≤1021：堆叠两栏 / 多列降为两列 ---------------- */
@media (max-width: 1021px){
    /* —— 产品详情：top_main(flex) 纵向堆叠 —— */
    .top_main.c-flex{ flex-direction: column; }
    .top_main .top_pic,
    .top_main .top_txt{ width: 100%; }
    .hot_center{ display: none;}
    .top_main .top_txt{ margin-left: 0; margin-top: 30px; }
    .top_pic .picswiper{ width: calc(100% - 100px); }
    /* —— 产品列表(分类页)：左导航整行 + 网格 3→2 列 —— */
    .pro_main .main_left,
    .pro_main .main_right,
    .news_main .main_left,
    .news_main .main_right{ width: 100%; float: none; }
    .pro_main .main_right,
    .news_main .main_right{ margin-left: 0; }
    .pro_list li{ width: 48%; margin-right: 2%; }
    .pro_list li:nth-child(2n){ margin-right: 0; }
    .pro_list li:nth-child(3n){ margin-right: 2%; } /* 取消三列末位0边距，保证两列对齐 */

    /* —— 关于：数字/文化/制造 多列 → 两列 —— */
    .ab_number dl dt{ width: 50%; margin:15px 0; }
    .ab_cult dt{padding: 30px 25px;}
    .ab_cult dt .txt{margin: 20px 0 25px;}
    .ab_cult dt b{ font-size: 24px; line-height:32px; height:32px; margin-bottom:20px;}
    .ab_cult dt p{ font-size: 18px; height:120px;}
    .ab_cult dt img{ height: 80px;}
    .ab_manu .tab-hd{margin-bottom: 30px;}

    /* —— 解决方案 / 资源：solpage、sol_top、hotswiper 纵向堆叠 —— */
    .solpage .item.c-flex{ flex-direction: column; }
    .solpage .item .pic,
    .solpage .item .txt{ width: 100%; }
    .solpage .item .txt{ padding: 30px 0; }
    .sol_top .txt,
    .sol_top .pic{ width: 100%; }
    .hotswiper{display:none;}
    .hotswiper .pic,
    .hotswiper .txt{ width: 100%; }
    .hotswiper .txt{ padding-top: 25px; }
    .hotswiper b{ position: static; display: block; margin-bottom: 10px; }

    /* —— 案例页 case_top 纵向堆叠 —— */
    .case_top .txt,
    .case_top .pic{ width: 100%; margin: 0; }
    .case_top .txt{ margin-bottom: 25px; }

    /* —— 联系：左右(flex)堆叠 —— */
    .get_touch,
    .lx_way{ width: 100%; }
    .lx_way{ margin-top: 35px; }

    /* —— 下载：sup_box(flex) 纵向堆叠 —— */
    .sup_box.c-flex{ flex-direction: column; }
    .sup_box .txt,
    .sup_box .imgfdd{ width: 100%; }
    .sup_box .imgfdd{ margin-top: 25px; }

    /* —— 新闻列表：图(pic fl) + 文(txt fr) 改为纵向 —— */
    .news_list a .pic,
    .news_list a .txt{ width: 100%; float: none; margin: 0; }
    .news_list a .pic{ margin-bottom: 20px; }

    /* 关联轮播按钮收回 / honorswiper 限宽 */
    .swiperall .swiper-button-next{ right: 0; }
    .swiperall .swiper-button-prev{ left: 0; }
    .honorswiper{ width: 880px; max-width: 100%; margin-top:20px; }
    .ab_honor .c_txt{margin-bottom: 30px;}
    .honorswiper li{ width: 220px;}
    .ab_global .c_txt p{ font-size: 20px;}
    .ab_global .c_txt b{margin-bottom: 20px ;}
    .ab_global .glo_num b{ font-size: 50px; line-height: 50px; height: 50px;}

    /* 内页 banner 字号 */
    .ny_ban .ban_tit b,
    .list_top .ban_tit b,
    .show_top .ban_tit b{ font-size: 32px; }
    .ab_ban .ab_top .txt{ width: 90%; }

    /* 产品详情 CTA 文案加宽（保持叠加） */
    .pro_get .txt{ width: 64%; left: 18%; }

    /* 新闻分类导航进一步收窄 */
    .news_nav{ padding: 0 30px 40px; margin-top:35px; }

    /* 参数表 / 留言表单边距收敛 */
    .para_table table td{ padding: 16px 12px 16px 24px; }
    .pro_msg .msgbox{ padding: 0 30px; }
    .pro_msg .msgbox .title b{ font-size: 30px; }

    /* 联系表单保持两列 */
    .lx_msg .formbox.fl{ width: 49%; }
}

/* ---------------- ≤450：单列化 ---------------- */
@media (max-width: 450px){
    /* 多列 → 单列 */
    .ab_cult dl dt{ width: 100%; margin-right: 0;margin-bottom:20px; }
    .ab_cult dt p{height: auto;}
    .ab_manu .tab-bd dt{ width: 49%; margin-right: 2%; }
    .ab_manu .tab-bd dt:nth-child(2n){ margin-right:0;}
    .ab_manu .tab-hd{ margin-bottom: 0;}
    .pro_list li{ width: 100%; margin-right: 0; }
    .case_list li{ width: 100%; margin-right: 0; }
    .col_list li{ width: 100%; margin-right: 0; }
    .ab_manu .tab-bd dt .imgfd{ border-radius: 5px;}

    /* 新闻分类导航：每行一个 */
    .news_nav{ padding: 0 10px 30px; flex-wrap: wrap; }
    .news_nav a{ width: 100%; margin: 6px auto; }
.news_list a{padding: 25px 20px;}
.news_list span{ line-height: 24px;}
.news_list .txt p{ display: none;}
.news_list .txt h2{ font-size: 20px;}
.news_list i{ width: 38px; height: 38px; line-height: 38px; font-size: 18px;}
.news_list a .pic{margin-bottom: 10px;}
.news_list .date{ margin-bottom: 10px;}
    /* 产品详情：缩略图条隐藏、大图满宽 */
    .top_pic .picswiper{ width: 100%; }
    .top_pic .smpic{ display: none; }
.ab_number{ padding: 25px 0;}
.ab_number dt p{ font-size: 18px; height:48px; margin-bottom:10px;}
.ab_number dt i{ font-size: 40px; line-height: 40px; height: 40px;}
.ab_manu .tab-hd li{ margin-bottom: 15px;}
.honorswiper{ width: 380px; padding-bottom:0;}
.ab_global .c_txt p{ font-size: 18px;}
.ab_global .glomap{margin-top: 20px;}
.ab_global .glo_num dt{margin-bottom: 25px;}
.ab_global{ padding-bottom: 0;}
.mapbox .pt{ width: 5px; height: 5px;}
.honorswiper li{ width: 120px;}
.honor_box .swiperbtn{ width: 38px; height: 38px; line-height: 38px; font-size: 18px;}
    /* 详情标题 / 参数表 */
    .dettit{ font-size: 26px; }
    .news_det h1{ font-size: 22px; }
    .para_table table td{ padding: 12px 10px; }
    .news_det{padding: 30px 25px; border-radius:10px;}
    .news_det .news_info .colname{ display: none;}
    .news_det .news_info{ padding: 20px 0; margin-bottom: 30px;}
    .page_btn{margin-top: 30px;}
    .ab_number dt span{ font-size: 18px;}
    .ab_ban .ab_top .txt{ margin-bottom: 25px;}
    /* 联系表单单列 */
    .lx_msg .formbox.fl{ width: 100%; margin-right: 0; }
.get_touch .title{margin-bottom: 25px;}
    /* 下载列表堆叠（表头行隐藏） */
    .down_list dl.tit{ display: none; }
    .down_list a{ flex-wrap: wrap; padding: 14px; }
    .down_list a .tit{ width:calc(100% - 35px); margin-right:auto; margin-bottom: 0; }
    .down_list a p{ width: auto; margin-right: 0; margin-left:auto;}
    .down_list a p i{ margin-right: 0;}
    .down_list a h2{ font-size: 16px; line-height:24px;}
    .down_list a span{ display: none;}
    .down_list a .tit i{ font-size: 20px; margin-right:7px;}
    .down_faq li{padding: 15px 18px 15px 20px;}
    .down_faq li .tit,.down_faq li .tit h2{ font-size: 18px; line-height:26px;}
.down_faq li .tit h2{margin-left: 10px; width:calc(100% - 60px);}
.down_faq li .ans p{ width: calc(100% - 30px);}
.sup_box .txt li .ic img{ width: 50px;}
.sup_box .txt li .box{ width: calc(100% - 70px);}
.sup_box .txt li h3{ font-size: 20px;}
.sup_box .txt li{padding: 15px 0;}
    /* 留言/CTA 文案 */
    .pro_msg .msgbox{ padding: 0 15px; }
    .pro_msg .msgbox .title b{ font-size: 24px; }
    .pro_msg .msgbox .title{ margin-bottom: 25px; }

    /* 内页 banner 字号 */
    .ny_ban .ban_tit b,
    .list_top .ban_tit b,
    .show_top .ban_tit b{ font-size: 26px; }
    .ab_ban .ab_top .txt{ width: 100%; }
    .ab_ban .ab_top .txt p{ font-size: 14px; }

    /* 产品详情 CTA：文案改为静态、满宽居中（不再叠加在图上） */
    .pro_get .txt{ position: static; width: 100%; left: auto; top: auto;
        transform: none; padding: 28px 18px; text-align: center; }

    /* 关于全球地图区 */
    .ab_global .glomap{ width: 100%; }
    .ab_global .glo_num{ position: static; margin-top: 20px; }
    .ab_global .glo_num b{ font-size: 48px; line-height: 48px; height: 48px; }
}


/* ============================================================
   二、本地开发页（prolb.html / pro_xj.html 自定义类名）
   仅本地预览使用；线上站用上方真实类名规则，互不冲突。
   ============================================================ */

/* 防溢出：窄于 1620 时大容器转百分比 */
@media (max-width: 1620px){
    .plb-center, .px-center{ max-width: 96%; }
}

/* ----- prolb.html 产品列表页 ----- */
@media (max-width: 1541px){
    .plb-center{ width: 92%; }
    .plb-right h2{ font-size: 34px; }
    .plb-grid li h3{ font-size: 24px; }
}
@media (max-width: 1281px){
    .plb-grid{ grid-template-columns: repeat(2, 1fr); }
    .plb-grid li{ width: auto; }
}
@media (max-width: 1021px){
    .plb-wrap{ flex-direction: column; gap: 24px; }
    .plb_nav{ width: 100%; flex: none; }
    .plb_banner .plb-center{ height: 220px; }
    .plb_banner h1{ font-size: 32px; }
    .plb_banner .line{ bottom: 60px; }
    .plb-right h2{ font-size: 30px; }
}
@media (max-width: 450px){
    .plb_banner .plb-center{ height: 160px; }
    .plb_banner h1{ font-size: 24px; }
    .plb_banner .line{ bottom: 40px; }
    .plb-right h2{ font-size: 24px; }
    .plb-right .desc{ font-size: 14px; line-height: 24px; }
    .plb-grid{ grid-template-columns: 1fr; gap: 16px; }
    .plb-grid li h3{ font-size: 22px; }
    .plb-pager{ justify-content: center; margin-top: 30px; }
}

/* ----- pro_xj.html 产品详情页 ----- */
@media (max-width: 1541px){
    .px_big{ width: 480px; height: 480px; }
    .px_thumbs{ height: 480px; }
    .px_info{ padding-top: 40px; }
    .px_btns{ margin-top: 60px; }
    .px_title{ font-size: 30px; line-height: 36px; }
}
@media (max-width: 1281px){
    .px-center{ width: 94%; }
    .px_big{ width: 400px; height: 400px; }
    .px_thumbs{ height: 400px; }
    .px_big{ margin-left: 24px; }
    .px_info{ padding-left: 30px; }
    .px_desc{ font-size: 16px; line-height: 25px; }
}
@media (max-width: 1021px){
    /* 纵向堆叠——缩略图竖排保持在上、大图居中、信息区末尾
       缩略图 Swiper 由 JS 初始化为 vertical，只改外层尺寸、不改方向 */
    .px_hero{ height: auto; padding-bottom: 50px; }
    .px_main{ flex-direction: column; margin-top: 30px; }
    .px_thumbs{ width: 84px; height: 460px; margin: 0 auto 24px; }
    .px_big{ width: 100%; max-width: 460px; height: auto; aspect-ratio: 1 / 1; margin: 0 auto; }
    .px_big_sw .swiper-slide img{ max-height: 62%; max-width: 46%; }
    .px_info{ padding: 30px 0 0; }
    .px_btns{ margin-top: 36px; }
}
@media (max-width: 450px){
    .px_title{ font-size: 24px; line-height: 30px; }
    .px_desc{ font-size: 14px; line-height: 22px; }
    .px_btns{ flex-direction: column; align-items: flex-start; gap: 12px; }
    .px_btn_inq, .px_btn_dl{ width: 100%; max-width: 280px; }
}