/* 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; }
}