/* mobile adaptive only 2026-05-07 - PC safe: all layout overrides are scoped under max-width */
@media screen and (max-width: 768px) {
  html, body { width:100%; overflow-x:hidden; -webkit-text-size-adjust:100%; }
  body { min-width:0 !important; }
  img, video, table { max-width:100% !important; height:auto; }
  .container, .content, .w1000, .cpSpan.container, .gdn.container, .ggl.container, .gcSpan.container, .dySpan.container, .yqlj.container,
  .hd_cont.container { width:100% !important; max-width:100% !important; min-width:0 !important; padding-left:12px !important; padding-right:12px !important; box-sizing:border-box !important; }
  .fl, .fr, .left, .right, .left2, .right2, .gyBox, .lyBox, .wtjd, .dtBox, .col-3, .col-4, .col-6, .col-8, .col-9, .col-12,
  .cpSpan .col-3, .cpSpan .col-9 { float:none !important; display:block !important; width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; }
  .header { height:auto !important; min-height:0 !important; overflow:visible !important; background-size:cover !important; }
  .hd_top { height:auto !important; line-height:1.8 !important; text-align:center !important; padding:6px 0 !important; }
  .hd_cont { height:auto !important; padding-top:10px !important; padding-bottom:10px !important; }
  .hd_logo { text-align:center !important; }
  .hd_logo img { display:block !important; margin:0 auto !important; max-height:72px !important; width:auto !important; }
  .dh_phone, .mu_phone { display:none !important; }
  .nav-toggle { display:none !important; }
  .dh_nav { display:block !important; overflow-x:auto !important; -webkit-overflow-scrolling:touch; white-space:nowrap !important; }
  .dh_nav ul { display:flex !important; flex-wrap:nowrap !important; width:max-content !important; min-width:100% !important; padding:0 !important; margin:0 !important; justify-content:flex-start !important; }
  .dh_nav ul li { float:none !important; display:block !important; white-space:nowrap !important; }
  .dh_nav ul li a { display:block !important; padding:0 14px !important; height:44px !important; line-height:44px !important; font-size:14px !important; }
  .bannerBox, .topadcs { height:auto !important; overflow:hidden !important; }
  .bannerBox img, .topadcs img { width:100% !important; height:auto !important; display:block !important; }
  .row, .pro-list, .cpSpan .col-9 .pro-list, .gdn .pro-list { display:block !important; margin-left:0 !important; margin-right:0 !important; }
  .pro-list dl, .cpSpan .col-9 .pro-list dl, .gdn .pro-list dl, .p_list_dl, .product_dl_commend, .dl_42 { float:none !important; display:block !important; width:100% !important; max-width:100% !important; margin:0 0 14px 0 !important; padding:0 !important; box-sizing:border-box !important; }
  .pro-list dt, .p_list_dl dt, .product_dl_commend dt { height:auto !important; overflow:hidden !important; }
  .pro-list dt img, .p_list_dl img, .product_dl_commend img { width:100% !important; height:auto !important; object-fit:cover !important; }
  .cpMu, .cpMuCont, .sidebar-box { margin-bottom:15px !important; }
  .news-list li { display:block !important; height:auto !important; line-height:1.7 !important; padding:10px 0 !important; overflow:hidden !important; }
  .news-list li a { display:block !important; white-space:normal !important; height:auto !important; line-height:1.6 !important; }
  .news-list li span { display:block !important; margin-left:0 !important; margin-top:3px !important; }
  .right_main, .left2_main, .pro_main, .subnr, .rycon { padding:12px !important; box-sizing:border-box !important; }
  .apage, .pagination { display:flex !important; flex-wrap:wrap !important; justify-content:center !important; gap:6px !important; }
  .m_form input, .m_form textarea, input, textarea, select { max-width:100% !important; box-sizing:border-box !important; }
  .footer, .footWrap { height:auto !important; padding:22px 0 !important; text-align:center !important; }
  .fotNav, .fotTxt, .fotPhone, .fotBai { text-align:center !important; }
  .ewmImg { float:none !important; display:inline-block !important; margin:8px auto !important; }
}
@media screen and (max-width: 480px) {
  .dh_nav ul li a { padding:0 10px !important; font-size:13px !important; }
  h1 { font-size:20px !important; }
  h2 { font-size:18px !important; }
  .contTit, .titA { font-size:20px !important; }
}