@charset "utf-8";
/* ============================================================
   responsive.css — 老企业站响应式适配
   原则：所有规则仅在 <=1200px 的媒体查询内生效；
         桌面端（>1024px）布局与老站 style.css 完全一致，不做任何改动。
   断点：1200px 容器微调 / 1024px 平板 / 767px 手机
   ============================================================ */

/* 汉堡按钮：桌面端默认隐藏，小屏由媒体查询显示 */
.m-nav-btn { display: none; }

/* ---------- 1200px：容器宽度微调（宽屏与 1024 之间过渡） ---------- */
@media (max-width: 1200px) {
  .he_tos1,
  #header,
  .nav,
  .bockwh,
  .sen_desboy,
  .sen_naisbo .sen_nais { width: 96%; }
}

/* ---------- 1024px：平板（768–1024） ---------- */
@media (max-width: 1024px) {

  /* 固定宽容器流式化 */
  .he_tos1,
  #header,
  .nav,
  .bockwh,
  .sen_desboy,
  .sen_naisbo .sen_nais { width: 96%; }

  /* 页头：logo / 简介 / 联系区不再强行横向铺满 */
  #header { margin: 12px auto; position: relative; }
  .top { height: auto; overflow: hidden; padding: 10px 0; }
  .logo { margin-top: 0; }
  .logo img { max-height: 60px; width: auto; }
  .he_es { padding: 5px 10px; }
  .he_es p, .he_es span { font-size: 16px; line-height: 24px; }
  .he_dh { margin-top: 0; }
  .he_dh img { width: 40px; }
  .he_dh .he_hso p { font-size: 16px; }

  /* 导航：隐藏原横向导航，汉堡按钮固定在右上角 */
  .m-nav-btn {
    position: absolute; top: 12px; right: 12px; z-index: 99;
    width: 42px; height: 42px; padding: 0; border: none; border-radius: 6px;
    background: #2078C0; cursor: pointer;
    display: flex; flex-direction: column; justify-content: center; align-items: center;
  }
  .m-nav-btn:before { content: none; }
  .m-nav-btn span { display: block; width: 22px; height: 3px; background: #fff; border-radius: 2px; margin: 2px 0; transition: transform .2s, opacity .2s; }
  /* 导航展开时汉堡按钮变 X（关闭提示） */
  .m-nav-btn.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .m-nav-btn.open span:nth-child(2) { opacity: 0; }
  .m-nav-btn.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  .nav { display: none; height: auto; width: 100%; }
  #menu.nav-open .nav { display: block; }
  .nav li {
    float: none; width: 100%; height: auto; line-height: 42px;
    text-align: left; border-bottom: 1px solid rgba(255,255,255,.15);
  }
  .nav li a {
    display: block; line-height: 42px; height: 42px;
    text-align: left; padding-left: 18px; font-size: 15px;
  }
  .nav li.current a,
  .nav li a:hover { background-color: #b08727; }

  /* 轮播高度随屏宽收缩（!important 覆盖 html5zoo.js 内联高度） */
  .html5zoo { height: 300px !important; margin-bottom: 20px; overflow: hidden; }
  .html5zoo-nav-0 { top: auto !important; bottom: 12px !important; }

  /* 企业简介：图文上下堆叠（间距随屏宽减半） */
  .sen_desbock { padding: 25px 0; }
  .sen_desboy { overflow: hidden; }
  .sen_desboy .sen_desimg { width: 100%; height: auto; float: none; }
  .sen_desboy .sen_desimg img { width: 100%; height: auto; }
  .sen_desboy .sen_desbo {
    float: none; width: 100%; margin-left: 0;
    padding: 20px 4%; box-sizing: border-box;
  }
  .sen_desboy .sen_desbo .sen_deste { font-size: 24px; line-height: 44px; }
  .sen_desboy .sen_desbo .sen_link { margin-top: 20px; }

  /* 业务范围 / 案例网格：平板降为两列 */
  .sen_jsbok { margin-top: 50px; }
  .sen_caslis { margin: 30px 0; overflow: hidden; }
  .sen_caslis li { width: 47%; margin: 0 1% 20px; height: 220px; }
  .sen_caslis li img { height: 220px; }

  /* 产品走马灯：小屏允许横向滑动 */
  .cp_buns { overflow-x: auto; }
  .cp_boks { width: auto; }

  /* 新闻列表：取消左右 -50% 错位动画布局，流式排列 */
  .sen_nesbok { margin-top: 40px; padding-bottom: 20px; }
  .sen_neslis li {
    float: none; right: auto; left: auto;
    width: 96%; margin: 10px 2%; opacity: 1;
  }

  /* footer 三栏纵向堆叠 */
  .footer .bNav,
  .footer .ewm,
  .footer .contact_info {
    float: none; width: 100%; height: auto;
    margin: 0; border-right: none;
    padding: 15px 4%; box-sizing: border-box;
  }
  .footer .bNav { margin-top: 20px; border-bottom: 1px solid #444; }
  .footer .ewm { margin-left: 0; margin-top: 10px; text-align: left; }
  .footer .contact_info { margin-top: 0; border-bottom: 1px solid #444; }
  .copyright { height: auto; line-height: 24px; padding: 12px 4%; box-sizing: border-box; }

  /* 列表页图文左右栏 */
  .hostmain { margin: 0 10px; }
  .hostmain_left { width: 40%; height: auto; }
  .hostmain_right { width: 56%; margin-left: 2%; }
}

/* ---------- 767px：手机 ---------- */
@media (max-width: 767px) {

  /* 根治整页横向溢出/左右晃动：禁止水平滚动条，所有容器宽度受控于视口 */
  html, body { overflow-x: hidden; max-width: 100%; }
  /* logo 区中英文 white-space:nowrap 易超宽把页面挤出屏幕：手机端允许换行并限制宽度 */
  .logo-text { max-width: calc(100% - 60px); white-space: normal; word-break: break-word; }
  .logo-text strong, .logo-text span { white-space: normal; word-break: break-word; }

  .he_tos1,
  #header,
  .nav,
  .bockwh,
  .sen_desboy,
  .sen_naisbo .sen_nais { width: 100%; }
  /* 页头固定在顶部：滚动时始终可见；导航展开浮动覆盖页面，不挤压内容 */
  body { padding-top: 60px; }
  #header {
    position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
    margin: 0; width: 100%; background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
    padding: 6px 54px 6px 24px; box-sizing: border-box;
  }

  /* 页头：logo、电话、二维码全部居中堆叠 */
  .top { padding: 6px 54px 6px 24px; box-sizing: border-box; }
  .logo { float: none; text-align: left; }
  .logo a.logo { display: inline-block; vertical-align: middle; margin-right: 6px; }
  .logo img { max-height: 44px; width: auto; }
  .logo-text { display: inline-block; float: none; text-align: left; margin-left: 6px; vertical-align: middle; }
  .logo-text strong { font-size: 15px; }
  .logo-text span { font-size: 8px; }
  /* 导航展开：菜单容器固定在页头下方，浮动覆盖页面内容，不向下挤压 */
  #menu { position: fixed; top: 60px; left: 0; right: 0; z-index: 999; }
  .nav { position: static; }
  /* 手机端隐藏公司使命与服务热线，顶部只保留品牌（对齐老站手机版极简风格） */
  .he_es { display: none; }
  .he_dh { display: none; }

  /* 轮播再缩小（!important 覆盖 html5zoo.js 内联高度）；
     margin-bottom 用 !important 覆盖 banzoo.css 的 30px，banner 与概况间距缩到 1/3 */
  .html5zoo { height: 200px !important; margin-bottom: 10px !important; overflow: hidden; }

  /* 企业简介（padding 同步收拢，banner 与概况整体间距约 1/3） */
  .sen_desbock { padding: 5px 0; }
  .sen_desboy .sen_desbo { padding: 15px 6%; }
  .sen_desboy .sen_desbo .sen_desca { padding-left: 12px; }
  .sen_desboy .sen_desbo .sen_deste { font-size: 20px; line-height: 34px; }
  .sen_desboy .sen_desbo .sen_descon { text-indent: 0; line-height: 24px; }

  /* 区块切换按钮：纵向通栏 */
  .bock_caes { margin-bottom: 25px; }
  .bock_caes li { display: block; margin: 6px 0; }
  .bock_caes li a { margin: 0; border-radius: 0; padding: 0 15px; }

  /* 业务范围 / 案例：两列网格（一排两个） */
  .sen_jsbok { margin-top: 30px; }
  .sen_caslis { padding: 0 12px; box-sizing: border-box; }
  .sen_caslis li { float: left; width: 49%; margin: 0 0 12px; height: auto; }
  .sen_caslis li:nth-child(odd) { margin-right: 2%; }
  .sen_caslis li img { width: 100%; height: auto; }

  /* 产品案例走马灯：禁用横向滚动，改两列卡片网格（对齐老站手机版） */
  .cp_buns { overflow: hidden; padding: 0 12px; box-sizing: border-box; }
  .cp_boks { width: 100% !important; overflow: hidden; }
  #indemo, #demo1, #demo2 { float: none !important; width: 100% !important; }
  #demo2 { display: none; }
  .plist { width: 100% !important; overflow: hidden; }
  .plist li { float: left; width: 48% !important; margin: 0 1% 18px !important; height: 235px; overflow: hidden; }
  .plist li:nth-child(n+7) { display: none; }  /* 手机端只显示前 6 个案例 */
  .plist li a.img { display: block; height: 175px; overflow: hidden; }
  .plist li a.img img { width: 100% !important; height: 175px !important; object-fit: cover; }
  .plist li h3 a { margin-top: 8px; height: auto; font-size: 14px; line-height: 20px; }
  .plist li h3 a span { display: none; }
  .plist li .bj1 { display: none !important; }
  .plist li p { display: none !important; }
  .plist li:hover p { display: none !important; }
  .plist li:hover h3 a { display: block; }
  .plist li:hover .bj1 { display: none !important; opacity: 0; }

  /* 列表页（业务范围/客户案例等）：手机端改单列，避免两列过窄；卡片上下间距放大 3 倍 */
  .list-wrap .sen_caslis li { width: 100%; margin: 0 0 82px; }
  .list-wrap .sen_caslis li:nth-child(odd) { margin-right: 0; }
  .list-wrap .plist li { width: 100% !important; height: auto !important; margin: 0 0 54px !important; }
  .list-wrap .plist li a.img { height: auto; }
  .list-wrap .plist li a.img img { width: 100% !important; height: auto !important; }
  .list-wrap .plist .bj1 .pbt { padding-top: 0 !important; }

  /* 新闻列表卡片 */
  .sen_neslis li { width: 92%; padding: 8px; }
  .sen_neslis li img { width: 100px; height: 70px; margin-right: 10px; }

  /* 中部单图（标准化制作流程）：手机端隐藏 */
  .sen_zsbok { display: none; }

  /* 企业概况：手机端隐藏上方图片，只留文字简介 */
  .sen_desboy .sen_desimg { display: none; }

  /* 列表页图文 */
  .hostmain li { margin: 30px 0; }
  .hostmain_left, .hostmain_right { float: none; width: 100%; margin: 0 0 10px; }
  .hostmain_left { height: auto; }

  /* 右侧固定客服条在手机端隐藏 */
  .fo_khu { display: none; }

  /* footer 细节 */
  .footer .links { padding: 10px 4%; font-size: 14px; }
  .footer .bNav dl { width: 50%; padding-top: 5px; }
  .footer .bNav dl dt { padding-bottom: 18px; }
  .footer .ewm dl { margin: 0 15px 10px 0; }

  /* 文章页标题 */
  .show_content .show_title { font-size: 22px; line-height: 36px; }

  /* 页面整体留白收缩 */
  .bo_loc { margin: 6px 0; }
  /* 板块标题图（客户案例/业务范围/新闻资讯，原 474px 宽超出手机屏）：限制不超屏、等比缩放 */
  .bo_loc h2 img { max-width: 94%; height: auto; }
  .sev_lin { margin: 25px auto; }
}