/* ============================================================
   中山樱桃广告官网 · 窄屏响应式补丁 v1
   2026-11-08
   作用范围：视口宽度 ≤1085px（手机 / 平板 / 窄窗口）
   桌面端（>1085px）完全不受影响，原 style.css 保持原样
   ============================================================ */
@media screen and (max-width:1085px){

  html,body{ overflow-x:hidden; -webkit-text-size-adjust:100%; }
  img{ max-width:100%; }

  /* ---------- 顶部导航 ---------- */
  .top{ height:auto; }
  .topt{ width:auto !important; max-width:100%; box-sizing:border-box; padding:12px 14px 10px; }
  .logo{ width:170px; height:auto; float:none; display:block; }
  .topt>.fr{ float:none !important; width:100%; margin-top:10px; }
  .navul{ float:none !important; display:flex; flex-wrap:wrap; width:100%; }
  .navul>li{ padding:6px 9px; }
  .navul>li>a{ font-size:14px; line-height:24px; }
  .tel{ display:none; }
  .dianh{ display:none; }

  /* ---------- 轮播（保持原 JS 结构，仅按比例降高，画面居中裁切） ---------- */
  .indexppt{ height:32vw; min-height:140px; max-height:340px; }
  .indexppt>.arrowl,.indexppt>.arrowr{ display:none; }
  .pptdot{ bottom:8px; }
  .pptdot>i{ width:12px; }

  /* ---------- 通用容器：固定宽度 → 自适应 ---------- */
  .width,.advert,.adverts,.quan,.resonz,.aboutC,.message,.news,.foot,
  .main>.position,.main1,.linkus,.jianjie,.map,.profile,.conta{
    width:auto !important; max-width:100%; box-sizing:border-box;
  }
  .advert{ padding:26px 14px; }
  .adverts{ padding:0; }
  .width{ padding:0 14px; }
  .quan{ padding:0 14px; }
  .resonz{ padding:0 14px; }
  .aboutC{ padding:0 14px; }
  .foot{ padding:0 14px; }
  .message{ padding:0 14px; flex-wrap:wrap; }
  .news{ padding:0 14px; flex-direction:column; }
  .main>.position{ padding:0 14px; height:56px; line-height:56px; font-size:13px; }
  .main1{ padding:18px 14px; margin-bottom:40px; }

  /* ---------- 字号收敛 ---------- */
  .font40{ font-size:24px; }
  .font26{ font-size:18px; }
  .font22{ font-size:17px; }
  .font20{ font-size:16px; }

  /* ---------- 首页：左右两列 → 上下堆叠 ---------- */
  .youW,.youP{ float:none !important; width:100% !important; }
  .youW{ margin-bottom:18px; }
  .bigP{ height:auto; }
  .bigP .imgs{ position:static; width:100%; height:auto; display:block; }
  .bigP .shadows,.bigP .shadow1{ display:none; }

  .lieb ul{ flex-wrap:wrap; justify-content:flex-start; gap:10px; }
  .lieb ul li{ width:calc(50% - 5px); }
  .lieb ul li img{ width:100%; }

  /* 6 步流程 */
  .quan{ flex-wrap:wrap; }
  .quan>li,.quanL{ width:calc(50% - 6px) !important; box-sizing:border-box; margin-right:0; }

  /* 4 大理由 */
  .resont{ width:100% !important; }
  .resont+div{ width:100% !important; }
  .reasonP{ width:100% !important; height:auto !important; }

  /* 关于我们 */
  .aboutF{ flex-wrap:wrap; }
  .abouts{ width:calc(50% - 6px); margin-bottom:16px; }
  .abouts img{ width:100%; height:auto; }
  .aboutsC{ position:static; width:auto; bottom:auto; padding:10px; }
  .aboutP{ width:100% !important; height:auto !important; }

  /* 客户留言 */
  .liuy{ padding-top:60px; }
  .msg{ width:100%; height:auto; position:relative; margin-bottom:16px; }
  .msg img{ width:100%; height:auto; }
  .msgB{ position:static; width:auto; left:auto; bottom:auto; margin-top:10px; }

  /* 新闻 */
  .newsF,.newsImg,.newsP,.newsWord{ width:100% !important; height:auto !important; }
  .newsImg{ height:auto; }
  .newsImg>img{ width:100%; height:auto; }

  /* 服务分类 tab */
  .fenl{ width:100% !important; }
  .moren{ width:auto !important; flex:1; padding:0 10px; font-size:14px; }

  /* ---------- 内页 ---------- */
  .main1>.content img{ max-width:100%; height:auto; }
  .morearticle{ height:auto; line-height:24px; padding:10px 12px; }
  .morearticle>.pre,.morearticle>.next{ float:none; display:block; }

  .linkus{ flex-wrap:wrap; }
  .linkus>div,.linkus>a,.linkus>p{ width:calc(50% - 8px); margin-bottom:14px; }
  .jianj{ position:static; width:auto; left:auto; margin-left:0; }
  .map{ height:240px; }
  .map iframe,.map img{ width:100% !important; height:100% !important; }
  .profile{ height:auto; padding:10px 0; }

  /* 分页 */
  .pages{ padding:0 8px; }
  .pages>a,.pages>span{ width:34px; line-height:34px; font-size:13px; }
  .pages>.a1{ width:52px; }

  /* ---------- 页脚 ---------- */
  .footer{ padding:22px 0; }
  .foot{ flex-wrap:wrap; }
  .foot .fl{ float:none !important; }
  .foot1,.foot2,.foot3{ width:100% !important; height:auto !important; border-right:none !important;
    padding:12px 0 !important; border-bottom:1px solid #3a3a3a; }
  .foot3{ padding-left:0 !important; }
  .foot .ml-20{ margin-left:0 !important; padding-top:12px; }
  .foot2.text-c{ text-align:left; }
  .ewm{ width:84px; }
  .banq{ height:auto; line-height:22px; padding:12px 14px; font-size:12px; }
}

/* 超窄屏（≤480px）进一步压缩 */
@media screen and (max-width:480px){
  .lieb ul li{ width:calc(50% - 5px); }
  .quan>li,.quanL{ width:100% !important; }
  .abouts{ width:100%; }
  .linkus>div,.linkus>a,.linkus>p{ width:100%; }
  .music,.hover-qq{ display:none; }
}
