@charset "utf-8";
/* ============================================================
   手机端自适应样式 css_mobile.css
   适配断点：<=767px
============================================================ */

@media screen and (max-width: 767px) {

  html, body { min-width: 0 !important; overflow-x: hidden; }

  .section_page { min-width: 0 !important; width: 100% !important; box-sizing: border-box; }

  /* --- 顶部信息栏 --- */
  .topbar { min-width: 0 !important; height: auto; padding: 4px 0; }
  .topbar .topbar_menu { width: 100%; padding: 0 10px; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 2px 8px; }
  .topbar .topbar_menu li { float: none; padding: 0; font-size: 12px; line-height: 24px; }

  /* --- 头部 logo   搜索 --- */
  .header { min-width: 0 !important; }
  .header .topleft { width: 100%; height: auto; padding: 8px 10px; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
  .header .logo { float: none; margin: 0; width: 130px; height: 38px; flex-shrink: 0; }
  .header .logo a { width: 130px; height: 38px; background-size: contain !important; }
  .header .search { float: none; margin: 0; flex: 1; min-width: 0; width: auto; height: 34px; border-width: 1px; }
  .header .search .keyword { width: calc(100% - 68px); height: 32px; font-size: 13px; }
  .header .search .btn { width: 68px; height: 34px; font-size: 13px; }
  .header .searchmore { display: none; }

  /* --- 导航栏移至底部固定标签栏 --- */
  .header .navbar {
    position: fixed;
    bottom: 50px; /* 在severbox底栏上方 */
    left: 0;
    width: 100%;
    height: 44px;
    background: rgba(10, 20, 34, 0.97);
    border-top: 1px solid rgba(255,255,255,0.10);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    z-index: 99;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 0;
    box-sizing: border-box;
  }
  .header .navbar::-webkit-scrollbar { display: none; }
  .header .navbar tt { display: none; }
  .header .navbar a {
    display: inline-flex;
    flex: 1 1 0;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    height: 44px;
    margin: 0;
    padding: 0 6px;
    font-size: 12px;
    line-height: 44px;
    white-space: nowrap;
    color: #a8c0d6;
    text-decoration: none;
    border-radius: 0;
    text-align: center;
    border-right: 1px solid rgba(255,255,255,0.06);
  }
  .header .navbar a:last-child { border-right: none; }
  .header .navbar a.stared {
    background: rgba(18, 123, 229, 0.25);
    color: #4fc3ff;
    border-bottom: 2px solid #127be5;
  }
  .header .navbar a:active { background: rgba(18, 123, 229, 0.15); }
  /* 底部为navbar severbox留出空间 */
  body { padding-bottom: 94px !important; }

  /* --- 轮播图 --- */
  .top_banner { min-width: 0 !important; height: 160px; }
  .top_banner li { height: 160px; background-size: cover !important; background-position: center !important; }
  .top_banner span { bottom: 6px; margin-left: -60px; width: 120px; height: 24px; }
  .top_banner span a { width: 60px; height: 24px; font-size: 30px; line-height: 18px; }
  .top_banner .navleft { display: none; }

  /* --- 首页预定模块 --- */
  .paybuy { width: 100% !important; height: auto !important; min-height: 0 !important; padding: 12px 10px 100px !important; box-sizing: border-box; background-size: cover !important; overflow: visible !important; position: relative; }
  .paybuy .title_up { float: none; width: 100% !important; margin-top: 0; padding-left: 0; display: flex; flex-wrap: wrap; }
  .paybuy .title_up .title_a { width: 90px; height: auto; flex-shrink: 0; }
  .paybuy .title_up .title_a li { width: 90px; height: 34px; line-height: 34px; font-size: 12px; }
  .paybuy .title_up .title_b { width: calc(100% - 90px); height: auto; }
  .paybuy .title_up .title_b li { width: 100%; height: 34px; line-height: 34px; }
  .paybuy .title_up .title_b li .select { width: 100% !important; display: block; }
  .paybuy .title_up .title_b li .select span select { width: 100% !important; }
  .paybuy .title_up .title_b li input.putin275 { width: 100% !important; box-sizing: border-box; }
  .paybuy .btn_pay { float: none; width: 100%; padding: 8px 0 0 0; margin-top: 0; text-align: center; }
  .paybuy .btn_pay .code { display: inline-block; width: 70px; height: 70px; margin-bottom: 6px; }
  .paybuy .btn_pay .code img { width: 70px; height: 70px; }
  .paybuy .title_under { float: none; width: 100% !important; margin-left: 0; margin-top: 6px; overflow: visible !important; padding-bottom: 8px; }
  .paybuy .title_under .one_a { width: 80px; font-size: 12px; line-height: 34px; float: left; }
  /* 配套服务按钮完整展示：换行显示，父容器撑开 */
  .paybuy .title_under .one_b {
    width: calc(100% - 80px);
    overflow: visible !important;
    font-size: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 4px 0 8px 0;
    white-space: normal !important;
    float: left;
  }
  .paybuy .title_under .one_b label {
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    height: 28px;
    line-height: 28px;
    background: rgba(255,255,255,0.6);
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    flex-shrink: 0;
  }
  /* 清除浮动，让paybuy完整包裹所有内容 */
  .paybuy::after {
    content: "";
    display: block;
    clear: both;
  }
  /* casemain与paybuy之间保证间距，延长30px让发布需求按钮完整显示 */
  .casemain { margin-top: 10px !important; }
  .paybuy .btn_pay { float: none; width: 100%; padding: 8px 0 30px 0; margin-top: 0; text-align: center; }
  .paybuy_msg { width: 100% !important; font-size: 14px; line-height: 50px; }

  /* --- 预定联系弹层：手机端默认隐藏不占空间，点击发布后js将zindex设为10再显示 --- */
  .paybuy_use {
    position: relative;
    top: auto;
    left: auto;
    margin-left: 0;
    width: 100% !important;
    height: 0;
    overflow: hidden;
    padding: 0;
    box-sizing: border-box;
    transition: height 0.3s ease;
  }
  /* js设置zindex=10后展开 */
  .paybuy_use[style*="z-index:10"],
  .paybuy_use[style*="z-index: 10"] {
    height: auto;
    padding: 10px;
    overflow: visible;
  }
  /* 提交成功后提示词完整铺开 */
  .paybuy_use .report {
    padding-top: 20px !important;
    font-size: 18px !important;
    text-align: center;
    width: 100% !important;
    height: auto !important;
  }
  .paybuy_use .reportcon {
    font-size: 14px !important;
    text-align: center;
    width: 100% !important;
    height: auto !important;
    padding: 0 10px;
    box-sizing: border-box;
    line-height: 24px !important;
  }
  .paybuy_use ul { padding-left: 0; height: auto; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 6px; }
  .paybuy_use ul .tab_l { width: 85px; font-size: 13px; }
  .paybuy_use ul .tab_r { padding-left: 8px; width: calc(100% - 85px); box-sizing: border-box; }
  .paybuy_use ul .tab_r input { width: 100%; box-sizing: border-box; }
  .paybuy_use .xinxi { position: relative; top: auto; left: auto; width: 100%; height: auto; font-size: 13px; margin-bottom: 8px; }

  /* --- 引导案例 casemain --- */
  .casemain { width: 100% !important; padding: 0 8px; box-sizing: border-box; }
  .probox { width: 100%; margin-top: 6px; }
  .probox .title_tag { width: 100%; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 4px;}
  .probox .title_tag h3 { font-size: 16px; }
  .probox .title_tag span { font-size: 12px; padding: 0 6px; width: auto; }
  .probox .caselist { float: left; width: calc(50% - 8px); height: auto; margin: 4px; }
  .probox .caselist li { width: 100%; height: auto; margin: 2px; }
  .probox .caselist li img { width: 100%; height: auto; padding: 2px; }

  /* --- 楼层 floor --- */
  .floor { width: 100% !important; height: auto !important; margin-bottom: 8px; padding: 0 8px; box-sizing: border-box; overflow: visible; }
  .floor .title_tag { width: 100%; margin: 4px 0; }
  .floor .title_tag h3 { font-size: 17px; line-height: 40px; padding-left: 10px; width: auto; height: 40px; }
  .floor .title_tag h3 span { font-size: 13px; padding-left: 6px; }
  .floor .title_tag .more { font-size: 12px; line-height: 40px; width: auto; }
  .floor ul { position: relative !important; width: 100%; display: flex; flex-wrap: wrap; gap: 4px; }
  .floor ul li {
    position: relative !important;
    margin: 0 !important;
    width: calc(50% - 2px) !important;
    height: 100px !important;
    overflow: hidden;
    border-radius: 4px;
  }
  .floor ul li a { display: block; width: 100%; height: 100%; }
  .floor ul li img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; }
  /* 大图占满整行 */
  .floor .floor_1_1,
  .floor .floor_2_1,
  .floor .floor_3_5,
  .floor .floor_1_5 { width: 100% !important; height: 140px !important; }

  /* --- 面包屑 iseat --- */
  .iseat { width: 100% !important; padding: 0 8px; box-sizing: border-box; height: auto; min-height: 34px; }
  .iseat li { font-size: 12px; line-height: 34px; }

  /* --- 产品筛选 chosebox --- */
  .chosebox { width: 100% !important; padding: 0 6px; box-sizing: border-box; }
  .chosebox .clstype, .chosebox .list { width: 100%; font-size: 13px; line-height: 28px; display: flex; flex-wrap: wrap; align-items: flex-start; padding: 4px 0; border-radius: 0; }
  .chosebox .clstype b, .chosebox .list b { width: 65px; padding: 4px 4px; font-size: 12px; line-height: 24px; }
  .chosebox .clstype span, .chosebox .list span { width: calc(100% - 65px); font-size: 12px; }
  .chosebox .clstype a, .chosebox .list a { font-size: 12px; padding: 0 6px; margin: 2px 0; line-height: 22px; }

  /* --- 产品列表 dirbox --- */
  .dirmain { width: 100% !important; padding: 0 6px; box-sizing: border-box; }
  .dirbox { width: 100%; }
  .dirbox .dirlist { float: left; width: calc(50% - 8px); margin: 4px; height: auto; }
  .dirbox .dirlist .pic { width: 100%; height: auto; margin: 2px; }
  .dirbox .dirlist .pic img { width: 100%; height: auto; padding: 2px; }
  .dirbox .txt { width: 100%; font-size: 12px; height: 45px; margin-left: 0; padding: 2px 0; }
  .dirbox .txt a { width: 60%; font-size: 12px; }
  .dirbox .txt span { width: 40%; font-size: 11px; }

  /* --- 产品/案例 左右栏 mainpage --- */
  .mainpage { width: 100% !important; padding: 0 6px; box-sizing: border-box; }
  .classleft, .caseleft { float: none; width: 100%; margin-bottom: 8px; }
  .classleft .hotitle, .caseleft .hotitle { font-size: 15px; }
  .classleft dl .dt_type1, .classleft dl .dt_type2, .classleft dl .dt_type3,
  .caseleft dl .dt_type1, .caseleft dl .dt_type2, .caseleft dl .dt_type3 { font-size: 14px; }
  .classleft dl .dd_type1, .classleft dl .dd_type2, .classleft dl .dd_type3,
  .caseleft dl .dd_type1, .caseleft dl .dd_type2, .caseleft dl .dd_type3 { width: 100%; }
  .classleft .topcase, .caseleft .topcase { width: 100%; height: auto; padding: 8px; box-sizing: border-box; }
  .classleft .topcase .pic, .caseleft .topcase .pic { width: 100%; height: auto; }
  .classleft .topcase .pic img, .caseleft .topcase .pic img { width: 100%; height: auto; }

  /* --- 案例右栏 caseright --- */
  .caseright { width: 100% !important; padding: 6px 8px; box-sizing: border-box; margin-bottom: 8px; float: none; }
  .caseright .nlink1, .caseright .nlink2 { width: 100%; height: auto; margin: 6px 0; display: flex; flex-direction: column; }
  .caseright .nlink1 .pic, .caseright .nlink2 .pic { width: 100%; height: 160px; float: none; }
  .caseright .nlink1 .pic img, .caseright .nlink2 .pic img { width: 100%; height: 160px; object-fit: cover; }
  .caseright .nlink1 .txt, .caseright .nlink2 .txt { width: 100%; height: auto; float: none; padding: 6px 0; }
  .caseright .nlink1 .txt .title, .caseright .nlink2 .txt .title { font-size: 15px; height: 36px; line-height: 36px; margin-bottom: 4px; }
  .caseright .nlink1 .txt li, .caseright .nlink2 .txt li { padding-left: 10px; font-size: 13px; }
  .caseright .titlebig { width: 100%; font-size: 17px; }
  .caseright .addtime { width: 100%; font-size: 12px; }
  .caseright .likebox { width: 100%; height: auto; display: flex; flex-wrap: wrap; }
  .caseright .topcase { width: calc(50% - 10px); margin: 5px; height: auto; }
  .caseright .topcase .pic { width: 100%; height: auto; }
  .caseright .topcase .pic img { width: 100%; height: auto; }
  .caseright .txt { width: 100%; font-size: 12px; height: 26px; }

  /* --- 详情页内容 contents --- */
  .contents { width: 100% !important; margin: 10px 0; font-size: 15px; line-height: 1.7; }
  .contents img { max-width: 100%; height: auto; }
  .contents pre { padding: 8px 10px; font-size: 13px; }
  /* contents 内表格自适应：日期 内容不撑爆 */
  .contents table { width: 100% !important; table-layout: fixed; border-collapse: collapse; }
  .contents table td, .contents table th {
    padding: 6px 8px !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    word-break: break-all;
    vertical-align: top;
    border: 1px solid #e8eef5;
  }
  /* 日期列固定宽度，内容列自动填充 */
  .contents table td:first-child, .contents table th:first-child {
    width: 90px !important;
    min-width: 90px;
    white-space: nowrap;
    color: #888;
    font-size: 12px !important;
    background: #f8fafc;
  }
  .contents table td:last-child { width: auto !important; }

  /* --- 单页 fast_menu   main_right 自适应 --- */
  .mainpage .fast_menu {
    float: none !important;
    width: 100% !important;
    margin: 8px 0 0 0;
    padding-bottom: 0;
    border-radius: 6px;
    overflow: hidden;
  }
  .mainpage .fast_menu .f_m_title {
    font-size: 16px !important;
    line-height: 44px !important;
    padding-left: 16px !important;
  }
  .mainpage .fast_menu .menu { display: flex; flex-wrap: wrap; gap: 0; }
  .mainpage .fast_menu li { width: auto; flex: 1 1 auto; }
  .mainpage .fast_menu li a {
    display: block;
    padding: 0 12px !important;
    font-size: 13px !important;
    line-height: 40px !important;
    text-align: center;
    border-top: none;
    border-right: 1px solid #0079b6;
    border-bottom: 1px solid #0079b6;
    white-space: nowrap;
  }
  .mainpage .fast_menu li:last-child a { border-right: none; }
  .main_right {
    float: none !important;
    width: 100% !important;
    padding: 10px 12px !important;
    box-sizing: border-box;
    margin-bottom: 8px;
  }
  .main_right .right_top { margin-bottom: 10px; }
  .main_right .right_top .title { font-size: 15px !important; }
  .main_right .right_top .title span { font-size: 15px !important; line-height: 28px !important; }
  /* 二级栏目大标题 */
  .largetitle { min-width: 0 !important; padding: 10px 12px; box-sizing: border-box; width: 100% !important; }
  .largetitle .largecon { font-size: 20px !important; line-height: 36px !important; display: block; }
  .jszoombox { width: 100%; height: auto; display: block; }
  .jszoom img { width: 100%; height: auto; }
  .jszoomdiv { width: 100% !important; left: 0 !important; }
  .classview { width: 100%; height: auto; margin-top: 6px; }
  .classroll { width: 100%; }
  .classroll .items { width: calc(100% - 46px); }
  .classinfo { float: none; width: 100%; margin-top: 10px; }
  .classinfo .atitle { font-size: 18px; }
  .classinfo ul { height: auto; line-height: 26px; }

  /* --- 活动场地推荐 lookbox --- */
  .lookbox { width: 100% !important; padding: 0 8px; box-sizing: border-box; }
  .lookbox .titletype { padding-left: 10px; font-size: 16px; }
  .lookbox ul { padding-left: 0; height: auto; clear: both; display: flex; flex-wrap: wrap; }
  .lookbox ul .tab_l { width: 85px; font-size: 13px; }
  .lookbox ul .tab_r { padding-left: 8px; width: calc(100% - 85px); font-size: 13px; }
  .lookbox ul .tab_r label { padding-right: 10px; font-size: 12px; }
  .whychoose { width: 100% !important; padding: 10px 8px; box-sizing: border-box; }
  .whychoose li { width: 100%; display: flex; align-items: center; height: auto; margin: 8px 0; }
  .whychoose li i { width: 60px; height: 60px; flex-shrink: 0; background-size: contain !important; }
  .whychoose li span { width: calc(100% - 70px); padding-left: 8px; font-size: 13px; }
  .whychoose li span b { font-size: 16px; line-height: 30px; }

  /* --- 服务体系 fullbox：彻底移除背景图和固定高度，单列展示 --- */
  .fullbox_1, .fullbox_2, .fullbox_3 {
    min-width: 0 !important;
    width: 100% !important;
    background-image: none !important;
    background-color: #ffffff !important;
    border-bottom: 6px solid #f0f4f8;
  }
  .fullbox_2 { background-color: #f4f8fc !important; }
  .fullbox_3 { background-color: #f8fafb !important; }
  .boxtype_1, .boxtype_2, .boxtype_3 {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 20px 16px 28px !important;
    box-sizing: border-box;
    overflow: visible !important;
  }
  .box_1, .box_2, .box_3 {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  .box_1 .title, .box_2 .title, .box_3 .title {
    float: none !important;
    width: 100% !important;
    font-size: 20px !important;
    line-height: 36px !important;
    margin-bottom: 8px !important;
    text-align: left !important;
  }
  .box_1 .title_s, .box_2 .title_s, .box_3 .title_s {
    float: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    font-size: 13px !important;
    line-height: 22px !important;
    margin-bottom: 14px !important;
    text-align: left !important;
    color: #666 !important;
  }
  .box_1 .title_c, .box_2 .title_c, .box_3 .title_c {
    float: none !important;
    display: block;
    width: 100% !important;
    margin: 0 0 8px 0 !important;
    padding: 0 0 0 12px !important;
    font-size: 15px !important;
    line-height: 30px !important;
    border-left: 3px solid #c8dff5;
    color: #3a5066 !important;
  }

  /* --- 资源下载 downbox --- */
  .downbox { width: 100% !important; padding: 0 6px; box-sizing: border-box; }
  .downbox .turnbox .ibox1, .downbox .turnbox .ibox5 { display: none; }
  .downbox .turnbox .ibox2, .downbox .turnbox .ibox4 { width: 25%; }
  .downbox .turnbox .ibox3 { width: 50%; left: 25%; }
  .downinfo { width: 100%; height: auto; margin: 20px auto; background-size: cover; }
  .downinfo span { position: relative; margin: 10px auto; left: auto; display: block; width: 80px; height: 80px; }
  .downbox .planbox { width: 100%; padding: 0 6px; box-sizing: border-box; }
  .downbox .planbox h3 { font-size: 20px; }

  /* --- 单页 mainpage 快捷菜单 --- */
  .mainpage .fast_menu { float: none; width: 100%; margin-top: 6px; margin-bottom: 8px; border-radius: 4px; }
  .mainpage .fast_menu .f_m_title { font-size: 18px; padding-left: 20px; }
  .mainpage .fast_menu li a { padding-left: 20px; font-size: 13px; line-height: 40px; }
  .main_right { float: none; width: 100% !important; padding: 8px 10px; box-sizing: border-box; margin-bottom: 8px; }
  .main_right .right_top .title { font-size: 15px; }
  .largetitle { min-width: 0 !important; padding: 10px 0; }
  .largetitle .largecon { font-size: 22px; }

  /* --- 分页 pagenav --- */
  .pagenav { padding: 4px 0; }
  .pagenav a, .pagenav span { padding: 0 8px; height: 28px; line-height: 28px; font-size: 12px; }

  /* --- 底部图标区 footerbg / footed --- */
  .footerbg { min-width: 0 !important; height: 80px; }
  .footed { min-width: 0 !important; }
  .footed .service { width: 100%; padding-top: 12px; display: flex; flex-wrap: wrap; justify-content: center; }
  .footed .service li { width: calc(33% - 4px); height: 36px; font-size: 13px; line-height: 36px; text-align: center; }
  .footed .infotxt { font-size: 12px; padding: 0 10px; text-align: center; margin: 10px 0 20px; }
  .footed .footer { width: 100%; height: auto; padding: 12px 10px; box-sizing: border-box; display: flex; flex-direction: column; }
  .footed .footer .left_cp { float: none; padding-top: 0; }
  .footed .footer .left_cp .logolog { width: 200px; height: 30px; background-size: contain !important; }
  .footed .footer .left_cp .copyright { font-size: 11px; width: 100%; margin-top: 6px; }
  .footed .footer .right_lk { float: none; margin-top: 16px; }
  .footed .footer .right_lk .call { text-align: left; height: auto; margin-bottom: 10px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
  .footed .footer .right_lk .call b { font-size: 18px; padding-right: 0; }
  .footed .footer .right_lk .call .qq { width: 90px; font-size: 12px; margin: 0 2px; }
  .footed .footer .right_lk .txt { float: none; display: inline-block; font-size: 13px; margin: 2px 4px; }

  /* --- 底部只保留导航分类菜单，完全隐藏客服底栏 --- */
  .severbox { display: none !important; }
  /* 询价清单单独保留为右侧跟随滚动按钮 */
  .severbox .severb .listbtn {
    display: flex !important;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translatey(-50%);
    bottom: auto;
    left: auto;
    align-items: center;
    justify-content: center;
    writing-mode: vertical-rl;
    width: 28px;
    height: 90px;
    padding: 8px 4px;
    font-size: 13px;
    line-height: 1.4;
    border-radius: 6px 0 0 6px;
    background: #ff5c00;
    color: #ffffff;
    z-index: 101;
    box-shadow: -2px 0 8px rgba(0,0,0,0.18);
    text-decoration: none;
  }
  .severbox .severb .listdiv {
    position: fixed;
    bottom: 48px;
    right: 28px;
    left: auto;
    width: 220px;
    height: auto;
    max-height: 300px;
    overflow-y: auto;
    border-radius: 6px 0 0 6px;
    box-shadow: -2px 0 12px rgba(0,0,0,0.15);
    background: #fff;
    z-index: 102;
    display: none;
  }
  /* navbar 移至最底部，单独作为底栏 */
  .header .navbar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 48px;
    background: rgba(10, 20, 34, 0.97);
    border-top: 1px solid rgba(255,255,255,0.10);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    z-index: 99;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 0;
    box-sizing: border-box;
  }
  .header .navbar::-webkit-scrollbar { display: none; }
  .header .navbar tt { display: none; }
  .header .navbar a {
    display: inline-flex;
    flex: 1 1 0;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    height: 48px;
    margin: 0;
    padding: 0 6px;
    font-size: 12px;
    line-height: 48px;
    white-space: nowrap;
    color: #a8c0d6;
    text-decoration: none;
    border-radius: 0;
    text-align: center;
    border-right: 1px solid rgba(255,255,255,0.06);
  }
  .header .navbar a:last-child { border-right: none; }
  .header .navbar a.stared {
    background: rgba(18, 123, 229, 0.25);
    color: #4fc3ff;
    border-bottom: 2px solid #127be5;
  }
  .header .navbar a:active { background: rgba(18, 123, 229, 0.15); }
  /* 底部只留navbar，padding-bottom对应48px */
  body { padding-bottom: 48px !important; }

  /* --- 弹出确认对话框 popstop --- */
  .popstop { width: 90% !important; max-width: 360px; }

  /* --- joinbox 询价 --- */
  .joinbox { height: auto; }
  .joinbox ul { width: 96%; margin: 0 2%; }
  .joinbox ul li { font-size: 14px; line-height: 36px; }
  .joinover { height: auto; min-height: 200px; }
  .joinover .report { padding-top: 40px; font-size: 18px; }

  /* --- 通用隐藏无关 pc 元素 --- */
  .nlink1::before, .nlink2::before { display: none; }

}
/* ============================================================
   平板横屏补丁 768px ~ 1023px
============================================================ */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .section_page { min-width: 0 !important; width: 100% !important; }
  .topbar, .header, .top_banner, .footerbg, .footed { min-width: 0 !important; }
  .topbar .topbar_menu { width: 100%; }
  .header .topleft { width: 100%; }
  .header .navbar { width: 100%; overflow-x: auto; white-space: nowrap; }
  .paybuy { width: 100% !important; }
  .casemain, .floor, .dirmain, .chosebox, .mainpage, .lookbox, .whychoose { width: 100% !important; }
  .severbox { left: -185px; }
}

/* ============================================================
   小屏手机补丁 <=480px
============================================================ */
@media screen and (max-width: 480px) {
  .topbar .topbar_menu { justify-content: center; }
  .topbar .topbar_menu li:first-child { width: 100%; text-align: center; }

  .header .topleft { padding: 8px; }
  .header .logo { width: 120px; height: 34px; }
  .header .logo a { width: 120px; height: 34px; }

  .top_banner { height: 140px; }
  .top_banner li { height: 140px; }

  .paybuy { padding: 10px 8px; }
  .paybuy .title_up .title_a { width: 72px; }
  .paybuy .title_up .title_a li { width: 72px; font-size: 11px; }
  .paybuy .title_up .title_b { width: calc(100% - 72px); }
  .paybuy .title_under .one_a { width: 72px; }
  .paybuy .title_under .one_b { width: calc(100% - 72px); }
  .paybuy .btn_pay .iibtn { width: 100% !important; }

  .paybuy_use ul .tab_l { width: 70px; font-size: 12px; }
  .paybuy_use ul .tab_r { width: calc(100% - 70px); padding-left: 6px; }
  .paybuy_use ul .tab_r #mail_btn { width: 100% !important; }

  .probox .caselist { width: 100%; margin: 4px 0; }

  .floor ul li { width: 100% !important; height: 130px !important; }
  .floor .floor_1_1,
  .floor .floor_2_1,
  .floor .floor_3_5,
  .floor .floor_1_5 { height: 150px !important; }

  .dirbox .dirlist { width: 100%; margin: 4px 0; }
  .caseright .topcase { width: 100%; margin: 5px 0; }

  .footed .service li { width: calc(50% - 4px); }
  .footed .footer .right_lk .call .qq { width: 46%; }

  /* 小屏保留侧边询价按钮（隐藏电话/qq/微信，仅保留listbtn） */
  .severbox {
    display: block !important;
    position: static !important;
    width: 0 !important;
    height: 0 !important;
    overflow: visible !important;
  }
  .severbox .severa,
  .severbox .severb .itel,
  .severbox .severb .qqbox,
  .severbox .severb i.gotop { display: none !important; }
  .severbox .severb { width: 0 !important; height: 0 !important; overflow: visible !important; padding: 0 !important; }
  .severbox .severb .listbtn {
    display: flex !important;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translatey(-50%);
    width: 26px;
    height: 80px;
    font-size: 12px;
    writing-mode: vertical-rl;
    border-radius: 6px 0 0 6px;
    z-index: 101;
  }
  .severbox .severb .listdiv { bottom: 46px; right: 26px; width: 200px; }

  .header .navbar { bottom: 0; height: 46px; }
  .header .navbar a { height: 46px; line-height: 46px; font-size: 11px; }
  body { padding-bottom: 46px !important; }
}

/* ============================================================
   全站补充适配（列表/详情/找场地/下载）
============================================================ */
@media screen and (max-width: 767px) {
  /* lookfor：并排双控件在手机改为纵向堆叠 */
  .lookbox ul .tab_r .select {
    width: 100% !important;
    display: block;
    margin: 4px 0;
  }
  .lookbox ul .tab_r .putin275 {
    width: 100% !important;
    display: block;
    margin: 4px 0;
    box-sizing: border-box;
  }
  .lookbox .paybar {
    width: 100% !important;
    margin: 10px 0 0;
  }
  .lookbox .paybar .payinfo {
    position: static;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 8px;
    padding: 6px 8px;
    box-sizing: border-box;
    text-align: left;
    color: #2f8f2f;
    background: #f7fff7;
    border: 1px dashed #b9e0b9;
  }
  .lookbox #mymsg {
    display: block;
    margin-top: 6px;
    line-height: 20px;
  }
  .lookbox #lookbuy .iiibtn {
    width: 100% !important;
  }

  /* downme：轮播区和下载卡片缩小，避免溢出 */
  .downbox .turnbox {
    width: 100%;
    min-height: 180px;
    max-height: none;
    margin-top: 8px;
  }
  .downbox .turnbox .ictrl i {
    top: 35%;
    padding-top: 0;
    height: 40px;
    line-height: 40px;
    font-size: 44px;
  }
  .downbox .planbox a {
    width: calc(50% - 10px);
    margin: 5px;
  }
  .downbox .planbox a img {
    width: 100%;
    height: auto;
  }
  .downbox .planbox a p {
    margin: 0;
    font-size: 12px;
    line-height: 30px;
  }

  /* 详情页上下篇链接避免超宽 */
  .caseright .pagenext {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
    box-sizing: border-box;
  }
  .caseright .pagenext a.left,
  .caseright .pagenext a.right {
    flex: 1 1 calc(50% - 8px);
    min-width: 140px;
    text-decoration: none;
  }
}

/* ============================================================
   真机细调（390/375/360 常见机型）
============================================================ */
@media screen and (max-width: 414px) {
  .header .navbar a { padding: 0 8px; font-size: 12px; }

  .paybuy .title_up .title_b li,
  .paybuy .title_up .title_a li { height: 36px; line-height: 36px; }

  .paybuy .title_up .title_b li input.putin275,
  .paybuy .title_up .title_b li .select span select,
  .lookbox ul .tab_r .putin275,
  .lookbox ul .tab_r .select span select {
    height: 34px;
    line-height: 34px;
    font-size: 13px;
  }

  .iibtn,
  .iiibtn {
    min-height: 36px;
    line-height: 36px;
    font-size: 14px;
  }

  .probox .title_tag h3,
  .floor .title_tag h3,
  .caseright .titlebig,
  .classinfo .atitle {
    font-size: 18px;
  }

  .contents { font-size: 14px; line-height: 1.75; }

  .joinbox ul li { line-height: 34px; font-size: 13px; }
}

@media screen and (max-width: 390px) {
  .top_banner { height: 132px; }
  .top_banner li { height: 132px; }

  .paybuy .title_up .title_a { width: 68px; }
  .paybuy .title_up .title_a li { width: 68px; font-size: 11px; }
  .paybuy .title_up .title_b { width: calc(100% - 68px); }
  .paybuy .title_under .one_a { width: 68px; font-size: 11px; }
  .paybuy .title_under .one_b { width: calc(100% - 68px); }

  .paybuy_use ul .tab_l,
  .lookbox ul .tab_l { width: 66px; font-size: 12px; }
  .paybuy_use ul .tab_r,
  .lookbox ul .tab_r { width: calc(100% - 66px); }

  .footed .service li { width: calc(50% - 6px); font-size: 12px; }
}

@media screen and (max-width: 360px) {
  .header .topleft { gap: 6px; }
  .header .logo { width: 108px; height: 32px; }
  .header .logo a { width: 108px; height: 32px; }
  .header .search .keyword { width: calc(100% - 62px); font-size: 12px; }
  .header .search .btn { width: 62px; font-size: 12px; }

  .floor ul li { height: 118px !important; }
  .floor .floor_1_1,
  .floor .floor_2_1,
  .floor .floor_3_5,
  .floor .floor_1_5 { height: 138px !important; }

  .downbox .planbox a { width: 100%; margin: 5px 0; }

  .severbox .severb .qqbox { padding: 0 4px; font-size: 11px; }
  .severbox .severb .listbtn { font-size: 10px; padding: 0 6px; }

  .footed .footer .right_lk .call .qq { width: 100%; margin: 2px 0; }
}

/* ============================================================
   强制修复：头部/底部/子页面错位
============================================================ */
@media screen and (max-width: 767px) {
  /* 全局兜底，避免 fixed width 与 padding 撑爆 */
  *,
  *::before,
  *::after { box-sizing: border-box; }
  img { max-width: 100%; }

  /* 头部修复 */
  .topbar .topbar_menu li { float: none !important; }
  .header .topleft,
  .header .navbar,
  .header .logo,
  .header .search,
  .header .searchmore { float: none !important; }
  .header .topleft { display: flex !important; align-items: center; flex-wrap: wrap; }
  .header .search { display: flex; align-items: center; overflow: hidden; }
  .header .search form {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .header .search .keyword { float: none !important; flex: 1; min-width: 0; }
  .header .search .btn { float: none !important; flex-shrink: 0; }
  .header .search .keyword {
    width: auto !important;
    height: 100% !important;
    line-height: 34px !important;
    padding: 0 8px !important;
    border-radius: 0 !important;
  }
  .header .search .btn {
    width: 70px !important;
    height: 100% !important;
    line-height: 34px !important;
    border-radius: 0 !important;
  }
  .header .navbar a { float: none !important; }

  /* 面包屑避免一行塞爆 */
  .iseat { display: block; overflow: hidden; }
  .iseat li { float: none !important; display: inline; line-height: 26px; }

  /* 左右结构页统一单列 */
  .mainpage,
  .main_right,
  .caseright,
  .classleft,
  .caseleft,
  .fast_menu { clear: both; }
  .mainpage > .classleft,
  .mainpage > .caseleft,
  .mainpage > .caseright,
  .mainpage > .main_right { width: 100% !important; float: none !important; }

  /* 案例列表卡片：原页面 img 使用 class='pic'，不是 .pic img */
  .caseright .nlink1,
  .caseright .nlink2 { overflow: hidden; }
  .caseright .nlink1 img.pic,
  .caseright .nlink2 img.pic {
    width: 100% !important;
    height: auto !important;
    max-height: 190px;
    object-fit: cover;
    display: block;
  }

  /* 产品详情放大镜区右侧信息错位修复 */
  .jszoombox > div { float: none !important; width: 100% !important; }
  .classroll .prev,
  .classroll .next { float: left; }
  .classroll .items { float: left; width: calc(100% - 46px) !important; }

  /* 分页与按钮自动换行 */
  .pagenav { display: flex; flex-wrap: wrap; gap: 4px; justify-content: center; }
  .pagenav a,
  .pagenav span { margin-right: 0 !important; }

  /* 底部修复 */
  .footed .service li,
  .footed .footer .left_cp,
  .footed .footer .right_lk,
  .footed .footer .right_lk .txt { float: none !important; }
  .footed .service { row-gap: 6px; }
  .footed .service li { display: flex; align-items: center; justify-content: center; }
  .footed .service li i { margin-right: 4px; }
  .footed .footer .left_cp .copyright br { display: none; }
  .footed .footer .right_lk { text-align: left; }
  .footed .footer .right_lk .call { justify-content: flex-start; }

  /* 底部浮条按钮过多导致堆叠：允许横向滚动而不是换行 */
  .severbox .severb {
    justify-content: flex-start !important;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .severbox .severb::-webkit-scrollbar { display: none; }
  .severbox .severb .qqbox,
  .severbox .severb .listbtn,
  .severbox .severb .itel,
  .severbox .severb i.gotop { flex-shrink: 0; }

  /* 首页活动提报区：移除干扰背景图文，防止输入区覆盖错位 */
  .paybuy {
    background-image: none !important;
    background-color: #eef5fd !important;
    border: 1px solid #d6e6f6;
    border-radius: 8px;
  }
  .paybuy .title_up {
    margin-top: 0 !important;
    row-gap: 4px;
  }
  .paybuy .title_up .title_a li,
  .paybuy .title_under .one_a,
  .paybuy_use ul .tab_l,
  .lookbox ul .tab_l {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .paybuy .title_up .title_b li {
    margin-bottom: 2px;
  }

  /* 服务案例/产品左栏分类：展开填满，消除右侧空白 */
  .caseleft,
  .classleft {
    width: 100% !important;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .caseleft dl,
  .classleft dl {
    clear: both;
    width: 100%;
    overflow: hidden;
  }
  .caseleft dl .dt_type1,
  .caseleft dl .dt_type2,
  .caseleft dl .dt_type3,
  .classleft dl .dt_type1,
  .classleft dl .dt_type2,
  .classleft dl .dt_type3 {
    float: none !important;
    width: 100% !important;
    padding: 10px 12px !important;
    box-sizing: border-box;
  }
  .caseleft dl .dd_type1,
  .caseleft dl .dd_type2,
  .caseleft dl .dd_type3,
  .classleft dl .dd_type1,
  .classleft dl .dd_type2,
  .classleft dl .dd_type3 {
    float: none !important;
    width: 100% !important;
    padding: 8px 12px !important;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 8px;
  }
  .caseleft dl .dd_type1 .leve,
  .caseleft dl .dd_type1 .leved,
  .caseleft dl .dd_type2 .leve,
  .caseleft dl .dd_type2 .leved,
  .caseleft dl .dd_type3 .leve,
  .caseleft dl .dd_type3 .leved,
  .classleft dl .dd_type1 .leve,
  .classleft dl .dd_type1 .leved,
  .classleft dl .dd_type2 .leve,
  .classleft dl .dd_type2 .leved,
  .classleft dl .dd_type3 .leve,
  .classleft dl .dd_type3 .leved {
    float: none !important;
    width: auto !important;
    min-width: 90px;
    margin: 0 !important;
    padding: 0 10px !important;
    line-height: 30px;
    text-align: left;
  }

  /* 服务体系页面：样式已在上方统一处理 */

  /* 资源下载页：卡片图片完整展开，消除留白与隐藏 */
  .downbox {
    overflow: visible !important;
  }
  .downbox .turnbox {
    overflow: hidden;
  }
  .downbox .turnbox .ibox2,
  .downbox .turnbox .ibox3,
  .downbox .turnbox .ibox4 {
    height: 170px !important;
    top: 6px !important;
  }
  .downbox .turnbox .ibox2,
  .downbox .turnbox .ibox4 {
    width: 22% !important;
  }
  .downbox .turnbox .ibox3 {
    width: 56% !important;
    left: 22% !important;
  }
  .downbox .turnbox .ibox .link {
    background-color: rgba(13,20,32,0.18) !important;
  }

  /* 资源下载下半部分：planbox 撑满宽度，消除两边空白 */
  .downbox .planbox {
    width: 100% !important;
    padding: 0 0 12px !important;
    box-sizing: border-box;
    display: block !important;
  }
  .downbox .planbox h3 {
    width: 100%;
    font-size: 20px !important;
    line-height: 36px !important;
    padding: 0 12px;
    box-sizing: border-box;
  }
  .downbox .planbox .subtitle {
    width: 100%;
    padding: 0 12px;
    box-sizing: border-box;
  }
  .downbox .planbox a {
    display: block !important;
    width: calc(50% - 16px) !important;
    margin: 6px 8px !important;
    float: left;
    box-sizing: border-box;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    background: #fff;
  }
  .downbox .planbox a img {
    width: 100% !important;
    height: auto !important;
    display: block;
  }
  .downbox .planbox a p {
    width: 100%;
    text-align: center;
    font-size: 13px !important;
    line-height: 36px !important;
    color: #888;
    background: #fff;
    margin: 0;
  }
  /* 清除浮动 */
  .downbox .planbox::after {
    content: "";
    display: block;
    clear: both;
  }
  .downinfo {
    background: none !important;
    width: 100% !important;
    margin: 12px 0 !important;
    text-align: center;
  }
  .downinfo span {
    position: static !important;
    display: inline-block !important;
    margin: 0 auto !important;
    width: 100px !important;
    height: 100px !important;
    padding: 6px !important;
    border: 1px solid #dbe6f4;
    background: #fff;
    box-shadow: 0 2px 10px rgba(20,29,38,0.06);
  }
  .downinfo span img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    display: block;
  }
}

/* ============================================================
   手机端底部视觉优化（企业风）
============================================================ */
@media screen and (max-width: 767px) {
  .footerbg {
    height: 42px !important;
    background-size: cover !important;
    opacity: 0.95;
  }

  .footed {
    background: linear-gradient(180deg, #102133 0%, #0b1726 100%) !important;
    border-top: 1px solid rgba(255,255,255,0.06);
    box-shadow: inset 0 10px 24px rgba(255,255,255,0.02);
  }

  .footed .service {
    width: calc(100% - 20px) !important;
    margin: 0 auto;
    padding: 12px 8px 8px !important;
    border-radius: 10px;
    background: rgba(255,255,255,0.02);
  }
  .footed .service li {
    width: calc(50% - 8px) !important;
    height: 34px !important;
    line-height: 34px !important;
    color: #36b9ff !important;
    font-size: 13px !important;
    letter-spacing: 0.2px;
    border-radius: 6px;
  }
  .footed .service li i { transform: scale(0.92); }

  .footed .infotxt {
    margin: 10px 0 12px !important;
    padding: 0 14px !important;
    color: #9ab0c5 !important;
    font-size: 12px !important;
    line-height: 20px !important;
  }

  .footed .footer {
    width: calc(100% - 20px) !important;
    margin: 0 auto 8px;
    padding: 12px 10px !important;
    background: rgba(255,255,255,0.015);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 10px;
  }
  .footed .footer .left_cp .copyright {
    color: #a8b6c6 !important;
    font-size: 12px !important;
    line-height: 21px !important;
    opacity: 0.95;
  }
  .footed .footer .left_cp .copyright .icp {
    color: #bcd7f0 !important;
    text-decoration: none;
    border-bottom: 1px dotted rgba(188,215,240,0.5);
  }

  .footed .footer .right_lk {
    margin-top: 12px !important;
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,0.07);
  }
  .footed .footer .right_lk .call {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    align-items: center;
  }
  .footed .footer .right_lk .call .tel {
    display: none !important;
  }
  .footed .footer .right_lk .call b {
    grid-column: 1 / -1;
    font-size: 30px !important;
    line-height: 34px !important;
    color: #30b4ff !important;
    font-weight: 700;
    letter-spacing: 0.4px;
  }
  .footed .footer .right_lk .call .qq {
    width: 100% !important;
    margin: 0 !important;
    height: 34px !important;
    line-height: 34px !important;
    border-radius: 8px !important;
    border: 1px solid #2eaee8 !important;
    background: rgba(12, 110, 165, 0.2);
    color: #7ad4ff !important;
  }
  .footed .footer .right_lk .call .qq:hover {
    background: rgba(46, 174, 232, 0.2) !important;
    color: #b8ecff !important;
  }

  .footed .footer .right_lk .txt {
    margin: 6px 6px 0 0 !important;
    color: #a2b4c6 !important;
    font-size: 13px !important;
    line-height: 24px !important;
    padding: 0 6px;
    border-radius: 4px;
    background: rgba(255,255,255,0.03);
  }
}