/* 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; }
  .w_auto, .container, .width1200, .commmain, .commcon, .comm_menu, .comm_nei, .head .w_auto, .foot .w_auto,
  .index_7 .w_auto, .indexpro .w_auto, .indexcase .w_auto { width:100% !important; max-width:100% !important; min-width:0 !important; padding-left:12px !important; padding-right:12px !important; box-sizing:border-box !important; }
  .le, .rh, .comm_menu, .commcon, .foot_le, .foot_rh, .indexwen, .indexnew, .indexform, .indexpai_le, .indexpai_rh, .indexabout_re,
  .head_logo, .head_tell, .head_huan, .head_shou, .duo, .tj { float:none !important; display:block !important; width:100% !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; }
  .head_top { height:auto !important; line-height:1.8 !important; text-align:center !important; padding:6px 0 !important; }
  .head_zhong { height:auto !important; padding:10px 0 !important; }
  .head_logo { text-align:center !important; }
  .head_logo img { margin:0 auto !important; max-height:70px !important; width:auto !important; }
  .head_tell, .head_num, .head_pro { text-align:center !important; margin-top:8px !important; }
  .head_bottom { height:auto !important; overflow-x:auto !important; -webkit-overflow-scrolling:touch; }
  .head_bottom ul { display:flex !important; flex-wrap:nowrap !important; width:max-content !important; min-width:100% !important; padding:0 !important; margin:0 !important; }
  .head_bottom li { float:none !important; display:block !important; padding:0 !important; margin:0 !important; white-space:nowrap !important; }
  .head_bottom li a { display:block !important; padding:0 14px !important; height:44px !important; line-height:44px !important; font-size:14px !important; }
  .banner, .ban, .commban { height:auto !important; overflow:hidden !important; }
  .banner li, .ban li { height:180px !important; background-size:cover !important; background-position:center !important; }
  .commban img { width:100% !important; height:auto !important; display:block !important; }
  .index_1, .index_3, .index_4, .index_5, .index_6, .index_7 { padding:22px 0 !important; }
  .indexpro ul, .indexcase ul, .case ul, .new_li ul, .infoList ul { display:block !important; padding:0 !important; margin:0 !important; }
  .indexpro li, .indexcase li, .case li { float:none !important; width:100% !important; margin:0 0 14px 0 !important; padding:0 !important; box-sizing:border-box !important; }
  .indexpro_pic, .case_img { height:auto !important; overflow:hidden !important; }
  .indexpro_pic img, .case_img img { width:100% !important; height:auto !important; object-fit:cover !important; }
  .comm_menu { margin-bottom:15px !important; }
  .commtype ul { display:flex !important; flex-wrap:wrap !important; gap:8px !important; padding:0 !important; margin:0 !important; }
  .commtype li { float:none !important; width:auto !important; margin:0 !important; }
  .commtype li a { display:block !important; padding:8px 12px !important; }
  .new_li li, .infoList li { height:auto !important; line-height:1.7 !important; padding:10px 0 !important; overflow:hidden !important; }
  .new_li li a, .infoList li a { white-space:normal !important; line-height:1.6 !important; }
  .com_page ul, .pageccc ul, .plllko { display:flex !important; flex-wrap:wrap !important; justify-content:center !important; gap:6px !important; }
  .indexwen, .indexnew, .indexform { height:auto !important; overflow:visible !important; margin-bottom:16px !important; }
  .indexwen_li, .indexnew_con { height:auto !important; overflow:visible !important; }
  .indextable input.shu, .indextable textarea, input, textarea, select { max-width:100% !important; box-sizing:border-box !important; }
  #slider1, .slider_qq, .slider_phone, .slider_ewm, .slider_top { display:none !important; }
  .foot { padding:22px 0 !important; text-align:center !important; }
  .foot_menu, .foot_lian, .foot_xin { text-align:center !important; }
  .foot_ewm, .foot_gzh, .foot_gsm { display:inline-block !important; float:none !important; margin:8px !important; vertical-align:top !important; }
}
@media screen and (max-width: 480px) {
  .head_bottom li a { padding:0 10px !important; font-size:13px !important; }
  .banner li, .ban li { height:145px !important; }
  .index_title .cn, .comm_ti { font-size:20px !important; }
}

/* mobile homepage banner fix 2026-05-07-2333 */
@media screen and (max-width: 768px) {
  .banner { height: clamp(140px, 42vw, 260px) !important; margin-top: 0 !important; overflow: hidden !important; }
  .ban { height: 100% !important; overflow: hidden !important; }
  .banner #slider { height: 100% !important; margin: 0 !important; padding: 0 !important; }
  .banner #slider li, .banner li {
    height: 100% !important;
    min-height: 0 !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #f5f5f5 !important;
  }
  .banner #num { bottom: 6px !important; }
}
@media screen and (max-width: 480px) {
  .banner { height: clamp(120px, 46vw, 200px) !important; }
}

/* mobile responsive consolidation 20260508_121315: PC unaffected */
@media screen and (max-width: 768px) {
  html, body { width: 100% !important; min-width: 0 !important; overflow-x: hidden !important; }
  body { -webkit-text-size-adjust: 100%; }
  img, video, embed, object { max-width: 100% !important; height: auto !important; }
  table { width: 100% !important; max-width: 100% !important; display: block; overflow-x: auto; border-collapse: collapse; }
  iframe { max-width: 100% !important; }
  .wrap, .wrapper, .container, .main, .content, .box, .center, .w1200, .w1000, .inner,
  #wrap, #wrapper, #container, #main, #content { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box; padding-left: 12px !important; padding-right: 12px !important; }
  .fl, .fr, .left, .right, .sidebar, .side, .main_l, .main_r, .con_l, .con_r { float: none !important; width: 100% !important; max-width: 100% !important; clear: both !important; box-sizing: border-box; }
  ul, ol { padding-left: 1.2em; }
  .nav, .menu, .topnav, .header, .footer { max-width: 100% !important; overflow: hidden; }
  .nav li, .menu li, .topnav li { float: none !important; display: block !important; width: 100% !important; box-sizing: border-box; }
  .banner, .banner img, .slide, .slider, .focus { width: 100% !important; max-width: 100% !important; height: auto !important; }
  .list li, .news li, .product li, .pro li, .case li { width: 100% !important; box-sizing: border-box; }
  input, select, textarea, button { max-width: 100% !important; box-sizing: border-box; }
  h1 { font-size: 22px !important; line-height: 1.35 !important; }
  h2 { font-size: 20px !important; line-height: 1.35 !important; }
}
@media screen and (max-width: 480px) {
  body { font-size: 15px !important; line-height: 1.65 !important; }
  .wrap, .wrapper, .container, .main, .content, .box, .center, .w1200, .w1000, .inner,
  #wrap, #wrapper, #container, #main, #content { padding-left: 10px !important; padding-right: 10px !important; }
}

/* mobile responsive detail refine 20260508: keep desktop layout above 768px */
@media screen and (max-width: 768px) {
  * { box-sizing: border-box; }
  body { margin: 0 !important; }
  a { word-break: break-word; }
  p { max-width: 100% !important; }
  .head, .header, .top, .logo, .search, .tel, .banner, .nav, .menu,
  .head_top, .head_bottom, .w_auto, .w1200, .w1000, .wp, .wrap, .container,
  .main, .content, .article, .articleCon, .cntrBody, .detail, .detail_con,
  .pro_show, .pro_info, .pro_detail, .product_detail, .ny_main, .ny_left, .ny_right,
  .left, .right, .l, .r, .fl, .fr, .footer, .foot { width: 100% !important; max-width: 100% !important; min-width: 0 !important; float: none !important; clear: both !important; }
  .head_top, .head_bottom, .header, .footer, .foot, .main, .content, .article, .detail, .pro_detail, .product_detail, .cntrBody { padding-left: 12px !important; padding-right: 12px !important; }
  .logo, .logo img { max-width: 100% !important; height: auto !important; }
  .search, .tel, .phone, .hotline { margin: 8px 0 !important; text-align: left !important; }
  .nav ul, .menu ul, .head_bottom ul { width: 100% !important; padding: 0 !important; margin: 0 !important; }
  .nav li, .menu li, .head_bottom li { float: none !important; display: block !important; width: 100% !important; height: auto !important; line-height: 40px !important; border-bottom: 1px solid rgba(0,0,0,.08); }
  .nav li a, .menu li a, .head_bottom li a { display: block !important; width: 100% !important; padding: 0 10px !important; }
  .banner img, .focus img, .slide img, .slider img { width: 100% !important; height: auto !important; object-fit: cover; }
  .pro_list ul, .product ul, .case ul, .news ul, .list ul { padding: 0 !important; margin: 0 !important; }
  .pro_list li, .product li, .case li, .news li, .list li, .picList li, .cp_list li { float: none !important; display: block !important; width: 100% !important; margin: 0 0 14px 0 !important; padding: 0 !important; }
  .pro_list li img, .product li img, .case li img, .picList li img, .cp_list li img { width: 100% !important; max-width: 100% !important; height: auto !important; }
  .article h1, .detail h1, h1.title { font-size: 22px !important; line-height: 1.4 !important; margin: 12px 0 !important; }
  .article .info, .meta, .position, .breadcrumb { line-height: 1.8 !important; height: auto !important; white-space: normal !important; }
  .cntrBody, .articleCon, .content, .detail_con { font-size: 16px !important; line-height: 1.8 !important; overflow-wrap: break-word !important; word-break: normal !important; }
  .cntrBody img, .articleCon img, .detail_con img, .content img { max-width: 100% !important; height: auto !important; }
  .jqzoom, .jqzoom img, .preview, .spec, .spec-list, .tb-thumb, .pro_img, .product_img { width: 100% !important; max-width: 100% !important; height: auto !important; float: none !important; }
  .spec-list ul, .tb-thumb ul { white-space: normal !important; overflow: visible !important; }
  .spec-list li, .tb-thumb li { display: inline-block !important; float: none !important; width: 22% !important; margin: 1% !important; }
  form, .form, .message, .contact_form { width: 100% !important; }
  input[type=text], input[type=tel], input[type=email], input[type=search], select, textarea { width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 38px; }
  .footer, .foot { text-align: center !important; line-height: 1.8 !important; }
}
@media screen and (max-width: 480px) {
  .head_top, .head_bottom, .header, .footer, .foot, .main, .content, .article, .detail, .pro_detail, .product_detail, .cntrBody { padding-left: 10px !important; padding-right: 10px !important; }
  .article h1, .detail h1, h1.title { font-size: 20px !important; }
  .cntrBody, .articleCon, .content, .detail_con { font-size: 15px !important; }
  .spec-list li, .tb-thumb li { width: 30% !important; }
}