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

img { max-width: 100%; height: auto; }
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.cat-h1 {
  font-size: 16px; color: #004f93; font-family: "微软雅黑";
  font-weight: bold; line-height: 40px; padding-left: 30px;
  background: url(../images/pp.gif) center left no-repeat;
}
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: #e67819; }

/* 相关阅读 */
.xg { margin-top: 16px; border-top: 1px dashed #dadedf; padding-top: 10px; }
.xg_bt { font-size: 15px; color: #004f93; 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: #e67819; }

/* 首页新闻列表：标题单行，超出显示省略号 */
.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) {
  .head, .banner, .box, .jj, .news, .footer, .ppwx {
    width: auto; max-width: 1000px;
    padding-left: 12px; padding-right: 12px;
    box-sizing: border-box;
  }
  .menu {
    width: auto; max-width: 1007px;
    padding-left: 12px; padding-right: 12px;
    box-sizing: border-box;
    background-size: 100% 100%;
  }
  .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 img { width: 100%; height: auto; }

  /* 首页四宫格 → 两列 */
  .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, .box_clone img { max-width: 100% !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: #932d9d; 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.zxjj { 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 { font-size: 15px; padding-left: 20px; }
  .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; }
}