@charset "utf-8";
/* BRANDT 白朗 响应式样式 2026-11-06
   断点：1100px / 900px / 640px
   桌面原宽度 1000px 不变，小屏按容器自适应 + 单列重排 */

img { max-width: 100%; height: auto; }
/* 轮播克隆切片图必须保持原始几何尺寸（skitter 按原图坐标做切片动画），
   若被全局 max-width 压小，切换时上一张会变成小图缩在左上角 */
.box_skitter .box_clone img { max-width: none !important; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

/* ---------- 语义标签样式对齐（h1/h2 默认 margin 清零） ---------- */
h1, h2, h3, h4 { margin: 0; font-weight: bold; }
h1.list_info_title {
  font-size: 18px; text-align: center; line-height: 40px;
  color: #666; font-family: "微软雅黑", "黑体"; font-weight: bold;
  padding: 6px 0 4px;
}
/* 栏目页/单页标题条内的 h1：继承 .list_bt 原有外观 */
.list_bt h1.cat-h1 {
  display: inline-block; font-size: inherit; color: inherit;
  font-family: inherit; font-weight: bold; line-height: inherit;
  height: auto; margin: 0; padding: 0; background: none;
}
h2.news_bt { margin: 0; font-size: 14px; }

/* 首页 h1 视觉隐藏，保留语义供搜索引擎与读屏软件读取 */
.site-h1 {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

/* 面包屑 */
.list_bt .crumb {
  float: left; font-size: 12px; font-family: "宋体"; font-weight: normal;
  color: #999; background: none; padding-left: 0; padding-right: 0;
  height: 40px; line-height: 40px;
}
.list_bt .crumb a { color: #999; text-decoration: none; }
.list_bt .crumb a:hover { color: #0b6e5f; }
/* position 输出 li 块级时压回行内并补分隔符 */
.list_bt .crumb li { display: inline; float: none; list-style: none; background: none; padding: 0; margin: 0; }
.list_bt .crumb li:after { content: " > "; color: #999; }
.list_bt .crumb li:last-child:after { content: ""; }

/* 相关阅读 */
.xg { margin-top: 16px; border-top: 1px dashed #dbe5e1; padding-top: 10px; }
.xg_bt { font-size: 15px; color: #0b6e5f; line-height: 32px; padding-left: 2px; }
.xg_list li {
  line-height: 28px; padding-left: 10px; border-bottom: 1px dashed #eee;
  background: url(../images/1_16.gif) center left no-repeat;
}
.xg_list li a { color: #555; font-size: 13px; }
.xg_list li a:hover { color: #0b6e5f; }
/* 相关阅读范围控制（2026-11-06 用户定）：仅 产品中心(8)/最新资讯(22)/技术支持(46) 保留，
   Brandt单页(33)/服务网点(45) 等其它栏目隐藏 */
.xg-t33, .xg-t45 { display: none; }

/* 单页模板（article_nr）：面包屑去掉栏目层，避免栏目名与 h1 标题重复（如"Brandt"+"关于Brandt"） */
.list_bt .crumb.crumb-nolast li:last-child { display: none; }
.list_bt .crumb.crumb-nolast li:after { content: " > "; }

/* 菜单修复（2026-11-06）：与内容区 1000px 对齐（原 1007px 两侧不对齐）；
   纯色兜底防止 nav_bg.jpg 异常时露出白底；li 原高 48px(6+42) 超出容器 45px 造成溢出，压回 45 */
.menu { width: 1000px; height: 45px; overflow: hidden; background: #018671; }
.menu li { height: 45px; line-height: 45px; padding-top: 0; }

/* 头部几何修复（2026-11-06c）：html 背景 bg.jpg 的全宽绿带固定在页面 y90-137，
   原设计靠"BOM 行 17px + head 73px(20+41+12)"使菜单恰好压在绿带上。
   全局 img{height:auto} 曾把 logo(原始 352x58) 拉高到 58px 使 head 变 90px、菜单下坠 17px 与绿带错位。
   保持 logo 不变形（352x58），压缩上下内边距使 head=73px，菜单回到 y90 与绿带精确对齐 */
.head .logo { padding-top: 6px; padding-bottom: 9px; }
.head .logo img { width: 352px; height: 58px; max-width: none; }

/* 首页新闻列表：标题单行，超出显示省略号 */
.news_lei li {
  display: flex; align-items: center;
  line-height: 24px; padding-left: 10px;
  background: url(../images/1_16.gif) center left no-repeat;
}
.news_lei li a {
  order: 1; flex: 1 1 auto; min-width: 0;
  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.news_lei li span {
  order: 2; float: none; margin-left: auto; padding-left: 8px;
  color: #ccc; font-size: 12px; white-space: nowrap;
}

/* ---------- 平板横向 1100px 以下：容器自适应 ---------- */
@media screen and (max-width: 1100px) {
  /* 小屏头部为 flex 弹性高度，无法对齐固定 y90 的绿带，直接去掉背景带 */
  html { background: #fff; }
  .head, .banner, .box, .jj, .news, .footer, .links {
    width: auto; max-width: 1000px;
    padding-left: 12px; padding-right: 12px;
    box-sizing: border-box;
  }
  .menu {
    width: auto; max-width: 1000px;
    padding-left: 12px; padding-right: 12px;
    box-sizing: border-box;
  }
  .menu li { width: 14.28%; box-sizing: border-box; font-size: 15px; }

  /* 头部：logo 与说明文字并排自适应 */
  .head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
  .head .logo { float: none; width: auto; max-width: 58%; padding: 12px 0; }
  .head .logo img { width: 100%; max-width: 352px; height: auto; display: block; }
  .head .tel { float: none; padding: 8px 0; font-size: 12px; color: #888; max-width: 40%; text-align: right; }

  .banner { margin-top: 6px; }
  /* 注意：banner 内是 skitter 轮播（首页），禁止对 .banner img 统一缩放，
     否则动画克隆切片(.box_clone img)会被压成小图缩在左上角 */

  /* 首页四宫格 → 两列 */
  .jj_ff { width: 48%; margin: 0 1% 14px; }
  .jj_ff_s img, .jj_ff_nr img { width: 100%; height: auto; }
  .jj_ff_nr span { float: none; display: block; padding: 0 0 8px; }

  /* 首页三栏 → 两列 */
  .news_nr { width: 48%; margin: 0 1% 14px; }
  .news_z { width: auto; }
  .news_lei { width: auto; box-sizing: border-box; }
  .news_s img { width: 100%; height: auto; }
}

/* ---------- 竖屏平板 / 大手机 900px 以下：正文优先，隐藏侧栏 ---------- */
@media screen and (max-width: 900px) {
  .list_left { display: none; }
  .list_middle, .list_right, .article_article { float: none; width: 100%; margin-left: 0; }
  .list_right { margin-top: 12px; }
  .list_nr { padding: 0 12px 12px; }
  .news_nr { width: 100%; margin: 0 0 14px; }

  /* 轮播：slideshow.js 会写死 1000px 内联宽度，这里强制压回容器 */
  #yc-mod-slider, .wrapper { width: auto !important; max-width: 100% !important; }
  .box_skitter, .container_skitter { width: 100% !important; max-width: 100% !important; }
  .box_skitter ul, .box_skitter .image, .box_skitter img,
  .image_main { max-width: 100% !important; height: auto !important; }
  /* 克隆切片图必须保持原始几何，否则动画时变成小图缩在左上角 */
  .box_skitter .box_clone img { width: auto !important; max-width: none !important; height: auto !important; }
  .box_skitter .next_button, .box_skitter .prev_button { display: none !important; }
}

/* ---------- 手机 640px 以下 ---------- */
@media screen and (max-width: 640px) {
  body { font-size: 15px; }

  /* 导航：绿色纯色底，三列换行（li 为 float，需 clearfix 撑起容器） */
  .menu { height: auto; background: #018671; padding: 0; overflow: hidden; }
  .menu::after { content: ''; display: block; clear: both; }
  .menu li {
    width: 33.33%; height: 38px; line-height: 38px;
    padding-top: 0; font-size: 15px; box-sizing: border-box;
    background: none;
  }
  .menu li a { background: none; }

  .head { padding-top: 4px; padding-bottom: 4px; }
  .head .logo { max-width: 56%; padding: 8px 0; }
  .head .tel { font-size: 11px; line-height: 1.5; max-width: 42%; }

  .jj_ff { width: 100%; margin: 0 0 14px; }
  .jj_ff_s img { max-height: 5px; }

  /* 文章页 */
  h1.list_info_title { font-size: 18px; line-height: 1.5; padding: 12px 0 6px; }
  .list_info_bar { height: auto; padding-bottom: 8px; }
  .list_info_bar span { display: block; margin: 2px 0; }
  .article_nr { font-size: 15px; line-height: 1.9; padding-top: 10px; }
  .article_nr img { display: block; margin: 10px auto; }
  .article_nr table { width: 100% !important; table-layout: fixed; word-break: break-word; }
  .article_nr iframe, .article_nr video { max-width: 100%; }

  /* 列表页 / 标题条允许换行 */
  .list_bt { height: auto; min-height: 40px; font-size: 15px; padding-left: 20px; }
  .list_bt .crumb { display: block; float: none; height: auto; line-height: 1.6; padding: 6px 0 2px; }
  .list_bt h1.cat-h1 { display: block; line-height: 1.6; padding: 4px 0 6px; }
  .list_lei_bt { line-height: 24px; padding-top: 6px; }
  .list_lei_bt span { display: block; float: none; color: #aaa; font-size: 12px; }
  .list_lei_nr { font-size: 13px; line-height: 1.7; }

  .fw_t, .news_bt { font-size: 15px; }
  .footer { font-size: 12px; padding-left: 12px; padding-right: 12px; box-sizing: border-box; }
  .links { height: auto; padding: 6px 0; }
  .links b { float: none; display: block; }
  .links li { float: none; display: inline-block; }
}