/* ===== 移动端适配 (jiiri.cn) ===== */
*, *::before, *::after { box-sizing: border-box; }
img, video, iframe { max-width: 100%; }

/* 平板及以下 */
@media only screen and (max-width: 992px) {
  body { overflow-x: hidden; }

  /* 头部：确保桌面横向菜单隐藏、汉堡菜单显示（与页面内联规则保持一致并兜底） */
  .navigation-area { display: none !important; }
  .nav-more-mobile { display: block !important; }

  /* 轮播 banner 高度收敛 */
  .banner { height: 240px !important; }
  .video-station-video { height: 220px !important; }

  /* 数据区：桌面/平板(>768px)保持左右两栏，仅手机(≤768px)上下堆叠 */
  @media only screen and (max-width: 768px) {
    .container-data { flex-direction: column !important; }
    .container-data .container-data-1,
    .container-data .container-data-2 { width: 100% !important; padding: 0 !important; }
  }

  /* 头条新闻：图文改为上下排列 */
  .news-0 .InBox { flex-direction: column !important; align-items: flex-start !important; }
  .news-0 .InBox img { width: 100% !important; height: auto !important; margin-bottom: 12px; }
  .news-0 .InBox .desc {
    width: 100% !important;
    max-height: none !important;
    -webkit-line-clamp: 3 !important;
  }

  /* 新闻列表项：时间列微调，避免挤压标题 */
  .news .textBox { width: 70% !important; }
  .list-item-tz .time { width: 22% !important; }
  .list-item-tz .desc { width: 72% !important; }

  /* 首页头条/列表标题在移动端完整显示（取消单行截断） */
  .news-0 .title,
  .news .textBox .title {
    display: block !important;
    -webkit-line-clamp: unset !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }
  /* 蓝色圆点标识：标题换行后改为顶部对齐，避免圆点被裁切 */
  .news .textBox { align-items: flex-start !important; }
  .news .textBox .dian { margin-top: 7px !important; flex: 0 0 auto !important; }

  /* 关于我们区块留白收敛 */
  .container-about-us { padding: 40px 0 !important; background-size: 220px auto !important; }
  /* 蓝框内“建设背景/功能定位”等内容离两侧边框留点距离 */
  .about-us .col-lg-12 { padding-left: 20px !important; padding-right: 20px !important; }

  /* 区块标题字号 */
  .section-title h2 { font-size: 22px !important; }

  /* 视频站栅格间距 */
  .ratio-16x9 { margin: 6px 0 !important; }
}

/* 手机 */
@media only screen and (max-width: 576px) {
  .banner { height: 175px !important; }
  .video-station-video { height: 180px !important; }

  .news-0 .title { font-size: 17px !important; line-height: 24px !important; }
  .news .textBox { width: 66% !important; }
  .news .textBox .title { font-size: 13px !important; line-height: 22px !important; }

  .data-title { font-size: 20px !important; }
  .data-title-active { font-size: 24px !important; }

  .list-item-tz .time { width: 26% !important; }
  .list-item-tz .desc { width: 68% !important; font-size: 13px !important; line-height: 20px !important; }

  .container-about-us { padding: 28px 0 !important; background-size: 160px auto !important; }
  .section-title h2 { font-size: 20px !important; }
}

/* ===== 新闻列表(新闻动态) 移动端适配 ===== */
@media only screen and (max-width: 992px) {
  .list-item { flex-direction: column !important; }
  .cyyjy_news_time {
    width: 100% !important;
    flex-direction: row !important;
    align-items: baseline !important;
    padding-right: 0 !important;
    margin-bottom: 8px !important;
  }
  .cyyjy_news_time img {
    display: none !important;
  }
  .cyyjy_news_time span:nth-child(1) {
    font-size: 26px !important;
    margin-right: 10px !important;
  }
  .cyyjy_news_time span:nth-child(2) {
    margin-bottom: 0 !important;
    font-size: 15px !important;
  }
  .cyyjy_news_con {
    width: 100% !important;
    border-left: none !important;
    padding: 0 0 24px 0 !important;
    flex-direction: column !important;
  }
  .cyyjy_news_con_left { width: 100% !important; }
  .cyyjy_news_con_left .news-title {
    font-size: 17px !important;
    margin-bottom: 10px !important;
  }
  .cyyjy_news_con_left .news-summary {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }
  .cyyjy_news_con_right {
    width: 100% !important;
    height: 180px !important;
    margin-top: 12px !important;
  }
}
@media only screen and (max-width: 576px) {
  .cyyjy_news_con_right { height: 160px !important; }
  .cyyjy_news_con_left .news-title { font-size: 16px !important; }
}

/* ===== 新闻动态 / 通知公告 等小标题移动端收敛 ===== */
@media only screen and (max-width: 992px) {
  .data-title { font-size: 18px !important; line-height: 1.4 !important; }
  .data-title-active { font-size: 20px !important; }
  .data-title-active::after { border-bottom-width: 5px !important; bottom: -2px !important; }
}
@media only screen and (max-width: 576px) {
  .data-title { font-size: 16px !important; }
  .data-title-active { font-size: 18px !important; }
}

/* ===== 页脚“联系我们 / 友情链接 / 院名”移动端收敛 ===== */
@media only screen and (max-width: 992px) {
  .footer .contact-us > div { font-size: 20px !important; }
  .footer .contact-us > div::after { border-bottom-width: 5px !important; }
  .footer .links > span { font-size: 18px !important; line-height: 18px !important; }
  .footer-title { font-size: 18px !important; }
  .footer-title-en { font-size: 12px !important; }
  .footer .links { margin-top: 28px !important; }
  .footer .info-li { font-size: 12px !important; line-height: 22px !important; }
}
@media only screen and (max-width: 576px) {
  .footer .contact-us > div { font-size: 18px !important; }
  .footer .links > span { font-size: 16px !important; line-height: 16px !important; }
  .footer-title { font-size: 16px !important; }
  .footer-title-en { font-size: 11px !important; }
}

/* ===== “关于我们-单位简介”移动端字号收敛（覆盖内联 style） ===== */
@media only screen and (max-width: 992px) {
  .about-intro [style*="font-size: 24px"] { font-size: 20px !important; }
  .about-intro [style*="font-size: 20px"] { font-size: 17px !important; }
  .about-intro [style*="font-size: 16px"] { font-size: 15px !important; }
}
@media only screen and (max-width: 576px) {
  .about-intro [style*="font-size: 24px"] { font-size: 19px !important; }
  .about-intro [style*="font-size: 20px"] { font-size: 16px !important; }
  .about-intro [style*="font-size: 16px"] { font-size: 14px !important; }
}

/* ===== 栏目大标题（如“党建”）移动端收敛 ===== */
@media only screen and (max-width: 992px) {
  .column-title { padding: 44px 0 !important; }
  .column-title > *:first-child { font-size: 28px !important; letter-spacing: 2px !important; }
  .column-title > *:last-child { font-size: 22px !important; letter-spacing: 2px !important; margin-top: -16px !important; }
}
@media only screen and (max-width: 576px) {
  .column-title { padding: 32px 0 !important; }
  .column-title > *:first-child { font-size: 24px !important; letter-spacing: 1px !important; }
  .column-title > *:last-child { font-size: 19px !important; letter-spacing: 1px !important; margin-top: -14px !important; }
}
