/* ============================================================
   rz-responsive：窄屏适配（<=1220px）
   原则：不整体缩放，保持导航与底栏可见，栅格转单列，图片自适应
   ============================================================ */
@media (max-width: 1220px){
  html, body{ overflow-x: hidden; }
  .wrap{ width: 100% !important; min-width: 0 !important; max-width: 100% !important; overflow: hidden; }
  .header, .header .top, .header .nav{ width: 100% !important; min-width: 0 !important; max-width: 100% !important; }
  .div1200{ width: 100% !important; min-width: 0 !important; max-width: 100% !important; padding-left: 8px; padding-right: 8px; box-sizing: border-box; }

  /* header */
  .header .top{ height: auto !important; padding: 12px 0; }
  .header .top .logo,
  .header .top .logof2,
  .header .top .tel{ float: none !important; width: 100% !important; text-align: center; margin: 0 !important; }
  .header .top .logo img{ max-width: 240px !important; height: auto !important; }
  .header .top .tel{ margin-top: 8px !important; }
  .header .top .tel img{ max-width: 100%; height: auto !important; }

  /* nav：横向可滑动，字号保持可读 */
  .nav{ height: auto !important; background: #f7f9fb; }
  .nav .div1200{ padding: 0 !important; }
  .nav .nav_box{ float: none !important; width: 100% !important; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .nav .nav_box > ul{ white-space: nowrap; padding: 0 6px; }
  .nav .nav_box > ul > li{ display: inline-block !important; float: none !important;
      height: auto !important; line-height: 46px !important; padding: 0 12px !important; font-size: 15px !important; }
  .nav .nav_box > ul > li > a{ font-size: 15px !important; }
  .nav .nav_box ul ul.erji{ display: none !important; }
  .nav .nav_box > ul > li.on > a,
  .nav .nav_box > ul > li:hover > a{ color: #1e68b3; }

  /* 通用：图片自适应 */
  img{ max-width: 100% !important; height: auto !important; }
  .banner img{ height: auto !important; }

  /* 栅格转单列（源站固定列宽区块） */
  .con ul li, .colour_list ul li, .new_list ul li, .case_list ul li,
  .parnet_list ul li, .gdjx_list ul li, .mftj_list ul li, .hots ul li,
  .reasonBox ul li, .foot_nav ul li, .boxs ul li{
      float: none !important; width: 100% !important; max-width: 100% !important;
      height: auto !important; min-height: 0 !important; margin: 8px 0 !important; }
  .con ul li{ line-height: 1.6 !important; padding: 10px 0 !important; }
  .con ul li .con_img{ padding-left: 0 !important; text-align: center; }
  .con ul li .con_b{ padding-left: 0 !important; text-align: center; }

  /* 卡片悬浮层（PC 悬停显示的信息层）在窄屏直接静态展开 */
  .colour_list ul li .li_img .bg{ position: relative !important; top: 0 !important; height: auto !important; }
  .colour_list ul li .bg_nr{ padding: 12px !important; }
  .li_img{ overflow: visible !important; }

  /* 表格 */
  table{ width: 100% !important; table-layout: fixed; word-break: break-all; }
  table td, table th{ display: block; width: 100% !important; box-sizing: border-box; }

  /* footer：纵向排列、文字不缩 */
  .foot{ height: auto !important; padding: 16px 0 !important; background-size: cover !important; }
  .foot .div1200{ padding: 0 8px !important; }
  .foot_nav ul li{ display: inline-block !important; font-size: 14px !important; padding: 0 8px !important; }
  .foot_box{ height: auto !important; position: static !important; }
  .foot_a, .foot_b{ float: none !important; width: 100% !important; text-align: center; margin: 10px 0 !important; }
  .foot_b p{ font-size: 14px !important; line-height: 1.8 !important; }
  .ewm{ position: static !important; width: 100% !important; height: auto !important; text-align: center; margin: 10px 0 !important; }
  .ewm img{ width: 100px !important; height: auto !important; }

  /* 浮动条与装饰元素 */
  .contact-icon{ display: none !important; }
  .free a, .morenews a{ display: inline-block; font-size: 15px !important; }

  /* 标题图片与装饰 */
  .tit_a img, .tit_b img, .news_tit img, .parnet_tit img{ max-width: 100% !important; height: auto !important; }
  .reasonBox{ background-image: none !important; height: auto !important; padding: 12px 0 !important; }
  .reason, .reasonBox{ background-size: 100% 100% !important; }
  .box{ background-size: 100% 100% !important; padding-bottom: 20px !important; }

  /* 内页正文 */
  .mbx{ font-size: 13px !important; }
  h1{ font-size: 20px !important; }
  p, span, li, td, th{ word-break: break-word; }
  .rz-page{ width: 100% !important; padding: 14px 8px !important; box-sizing: border-box; }
  .rz-form{ max-width: 100%; }
}

/* ---- header：源站 .top/.nav 为绝对定位浮在 banner 上，窄屏改为文档流 ---- */
@media (max-width: 1220px){
  .top{ position: static !important; height: auto !important; background: #fff !important; }
  .nav{ position: static !important; top: auto !important; height: auto !important; background: #f2f6fa !important; }
  .logo{ margin: 0 auto !important; width: auto !important; }
  .logo img{ max-width: 220px !important; }
  .logof2 img{ max-width: 200px !important; }
  .tel_img img{ max-width: 130px !important; }
  .banner{ margin-top: 0 !important; }
  .hot{ position: static !important; line-height: 1.8 !important; padding: 6px 8px !important; font-size: 13px !important; }

  /* 常见固定宽块统一收口 */
  .boxs, .box, .con, .colour, .new, .case_list, .parnet, .gdjx, .mftj, .reason, .service_b, .hots, .news, .foot{ width: 100% !important; max-width: 100% !important; box-sizing: border-box; }
  .banner_tu{ position: static !important; left: auto !important; top: auto !important; }

  /* 服务图标条：转两列 */
  .service_b ul li{ float: none !important; display: inline-block !important; width: 48% !important; margin: 1% !important; vertical-align: top; }
  .service_b ul li .img2{ display: none !important; }

  /* 案例卡：取消绝对定位的圆形图章 */
  .case_list ul li .li_img{ position: static !important; width: auto !important; height: auto !important; }

  /* 内页正文图（含 640/900 宽固定属性） */
  .boxs_b, .boxs_b img, .content, .content img, .miso, .miso img{ width: 100% !important; height: auto !important; max-width: 100% !important; }

  /* 页脚 */
  .foot_nav ul{ text-align: center; }
  .foot_nav ul li{ float: none !important; display: inline-block !important; margin: 0 8px 6px !important; }
  .foot_box{ padding-top: 12px !important; height: auto !important; }
}

/* ---- 导航：窄屏两列网格（不滑动更易点） ---- */
@media (max-width: 1220px){
  .nav .nav_box{ overflow-x: visible !important; }
  .nav .nav_box > ul{
      display: grid !important;
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 1px 0 !important;
      white-space: normal !important;
      background: #dfe9f3 !important;
      padding: 1px 0 !important;
  }
  .nav .nav_box > ul > li{
      display: block !important; width: auto !important;
      background: #fff !important;
      margin: 0 !important; padding: 0 !important;
      line-height: 44px !important; height: 44px !important;
      text-align: center; font-size: 15px !important;
  }
  .nav .nav_box > ul > li > a{ display: block !important; width: 100% !important; height: 44px !important;
      line-height: 44px !important; font-size: 15px !important; color: #1e5a9e !important; }
  .nav .nav_box > ul > li.on{ background: #1e5a9e !important; }
  .nav .nav_box > ul > li.on > a{ color: #fff !important; }
  .nav .nav_box > ul > li > ul{ display: none !important; }

  /* 页脚：链接两列、联系信息居中不溢出 */
  .foot_nav ul{ display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 2px 0; }
  .foot_nav ul li{ margin: 0 !important; text-align: center; font-size: 14px !important; line-height: 34px !important; }
  .foot_b{ text-align: left !important; padding: 0 6px !important; }
  .foot_b p{ font-size: 13px !important; line-height: 1.9 !important; word-break: break-all; }
  .foot_a_b ul li{ display: inline-block !important; }
}

/* ---- 页脚 & 新闻区：窄屏可读性修正（foot.png 深色斜纹在小屏平铺导致文字不可读） ---- */
@media (max-width: 1220px){
  .foot{ background: #17324f !important; padding: 18px 0 12px !important; }
  .foot_nav ul li a{ color: #eaf2fa !important; font-size: 14px !important; }
  .foot_a, .foot_b{ width: 100% !important; float: none !important; }
  .foot_a_a{ width: 100% !important; }
  .foot_a_a p{ color: #eaf2fa !important; display: inline-block; }
  .foot_a_b{ width: 100% !important; margin-left: 0 !important; }
  .foot_a_b ul li{ float: none !important; display: inline-block !important; }
  .foot_a_b ul li a{ color: #eaf2fa !important; }
  .foot_a_b ul li span{ color: #7fa6c9 !important; padding: 0 6px !important; }
  .foot_b a{ display: inline-block; margin-top: 8px; }

  /* 新闻/案例区：深色叠加层与白字在小屏对比不足，改浅底深字 */
  .news, .reason, .gdjx, .case_list, .parnet{ background: #f7fafd !important; }
  .news_list ul li, .case_list ul li, .reasonBox{ background: #fff !important; }
  .news_list ul li a, .news_list ul li p, .news_list ul li span,
  .case_list ul li h5, .case_list ul li p, .case_list ul li span{ color: #33475b !important; }
  .news_list ul li .date, .news_list .time{ color: #7d8fa3 !important; }
  .tit_a h1, .tit_a h3, .news_tit h1{ color: #1e5a9e !important; }
  .reasonBox h2, .reasonBox h3, .reasonBox p{ color: #33475b !important; }
  .reasonBox{ background-image: none !important; height: auto !important; }
}

/* ---- 新闻区/列表区窄屏终修：白块透明化，标题深蓝、正文深灰 ---- */
@media (max-width: 1220px){
  .news{ background: #f7fafd !important; }
  .news_list ul li{ background: transparent !important; margin: 0 0 14px !important; border-bottom: 1px solid #e3ebf3; padding-bottom: 10px; }
  .news_list ul li .ic, .news_list ul li .news_box, .news_list ul li dl{ background: transparent !important; }
  .news_list .ic_a span, .news_list .ic_a{ color: #1e5a9e !important; }
  .news_list dl dd a{ color: #33475b !important; font-size: 14px !important; line-height: 1.9 !important; display: block; }
  .news_list dl dd a span{ float: none !important; display: block; color: #8fa2b5 !important; font-size: 12px !important; }
  .news .tit_a h3, .news .tit_a p{ color: #1e5a9e !important; }
  .news .tit_a h3 img{ filter: none; }
  /* 通用列表白底透明 */
  .con ul, .con ul li, .colour_list ul, .case_list ul, .parnet_list ul{ background: transparent !important; }
  /* 案例卡文字 */
  .case_list ul li{ background: #fff !important; border: 1px solid #e3ebf3; }
  .case_list ul li h5, .case_list ul li p{ color: #33475b !important; }
  /* 深色斜纹底区块在小屏统一改浅底，避免白字不可读 */
  .box, .boxs, .colour, .gdjx, .mftj, .reason{ background-image: none !important; background-color: #f7fafd !important; }
  .colour_list ul li .li_img .bg{ background: #eef4fa !important; }
  .colour_list ul li .bg_nr dl dd p, .colour_list ul li .bg_nr dl dd span,
  .bg_nr span{ color: #33475b !important; }
}

/* ---- 导航窄屏终版：flex 换行 + 强制宽度（覆盖源站 li 固定宽） ---- */
@media (max-width: 1220px){
  .nav .nav_box > ul{
      display: flex !important;
      flex-wrap: wrap !important;
      white-space: normal !important;
      background: #dfe9f3 !important;
      gap: 1px !important;
      padding: 1px !important;
      box-sizing: border-box;
  }
  .nav .nav_box > ul > li,
  .nav .nav_box > ul > li.on,
  .nav .nav_box > ul > li:nth-child(n){
      flex: 0 0 calc(33.333% - 1px) !important;
      width: calc(33.333% - 1px) !important;
      max-width: calc(33.333% - 1px) !important;
      min-width: 0 !important;
      height: 44px !important;
      line-height: 44px !important;
      margin: 0 !important; padding: 0 !important;
      float: none !important; display: block !important;
      text-align: center !important; background: #fff !important;
      box-sizing: border-box; overflow: hidden;
  }
  .nav .nav_box > ul > li > a{
      display: block !important; width: 100% !important; height: 44px !important;
      line-height: 44px !important; font-size: 14px !important;
      color: #1e5a9e !important; white-space: nowrap; overflow: hidden;
  }
  .nav .nav_box > ul > li.on > a{ color: #fff !important; }
  .nav .nav_box > ul > li.on{ background: #1e5a9e !important; }
  .nav .nav_box > ul > li > ul{ display: none !important; }
  .nav .nav_box > ul > li:before{ display: none !important; }
}

/* ---- 导航窄屏 v2：html body 前缀提升优先级，压过 .nav_box > ul > li ---- */
@media (max-width: 1220px){
  html body .nav .nav_box{ width: 100% !important; float: none !important; }
  html body .nav_box > ul{
      display: flex !important; flex-wrap: wrap !important;
      white-space: normal !important; width: 100% !important;
      background: #dce7f2 !important; gap: 1px !important; padding: 1px !important;
      box-sizing: border-box !important; margin: 0 !important;
      height: auto !important; overflow: visible !important;
  }
  html body .nav_box > ul > li{
      flex: 0 0 calc(33.333% - 1px) !important;
      width: calc(33.333% - 1px) !important;
      max-width: calc(33.333% - 1px) !important;
      min-width: 0 !important;
      height: 44px !important; line-height: 44px !important;
      margin: 0 !important; padding: 0 !important;
      float: none !important; display: block !important;
      position: relative !important; text-align: center !important;
      background: #fff !important; box-sizing: border-box !important;
      overflow: hidden;
  }
  html body .nav_box > ul > li > a{
      display: block !important; width: 100% !important; height: 44px !important;
      line-height: 44px !important; font-size: 14px !important;
      color: #1e5a9e !important; white-space: nowrap; text-align: center;
  }
  html body .nav_box > ul > li.on{ background: #1e5a9e !important; border-bottom: none !important; padding-bottom: 0 !important; }
  html body .nav_box > ul > li.on > a{ color: #fff !important; }
  html body .nav_box > ul > li .erji{ display: none !important; }
  html body .nav_box > ul > li:before{ display: none !important; }
}

/* ---- 页头电话区：窄屏不裁切 ---- */
@media (max-width: 1220px){
  html body .header .top .tel{ width: 100% !important; display: flex !important; flex-wrap: wrap;
      justify-content: center; align-items: center; gap: 8px; margin-top: 10px !important; }
  html body .header .top .tel .rig_img,
  html body .header .top .tel .tel_img{ float: none !important; width: auto !important; max-width: 100% !important; }
  html body .header .top .tel img{ max-width: 150px !important; width: auto !important; height: auto !important; }
  html body .header .top .logof2{ text-align: center !important; }
  html body .header .top .logof2 img{ max-width: 200px !important; }
}

/* ---- 页头窄屏：只保留一张电话图，避免重复与挤压 ---- */
@media (max-width: 1220px){
  html body .header .top .tel{ display: flex !important; flex-direction: column !important;
      align-items: center !important; gap: 6px !important; }
  html body .header .top .tel .rig_img{ display: none !important; }
  html body .header .top .tel .tel_img{ display: block !important; width: auto !important; max-width: 100% !important; }
  html body .header .top .tel .tel_img img{ width: 190px !important; max-width: 100% !important; height: auto !important; }
  html body .header .top{ padding: 14px 8px 10px !important; }
  html body .header .top .logo img{ max-width: 200px !important; }
}

/* ============================================================
   页头终版（全宽度）：源站 .top/.nav 为绝对定位浮层且未预留高度
   → 改为文档流：白色页头 + 蓝色导航条，banner 顺延，不压文案
   ============================================================ */
html body .header{ position: relative !important; height: auto !important; background: #fff !important; }
html body .header .top{
    position: static !important; top: auto !important; left: auto !important;
    width: 100% !important; z-index: auto !important;
    padding: 12px 0 10px !important; background: #fff !important; box-sizing: border-box;
}
html body .header .top .div1200{
    display: flex !important; align-items: center !important; justify-content: space-between !important;
    flex-wrap: nowrap !important; gap: 16px; width: 1200px; max-width: 100%; margin: 0 auto;
    box-sizing: border-box; padding: 0 8px;
}
html body .header .top .logo{ float: none !important; margin: 0 !important; width: auto !important; flex: 0 0 auto; }
html body .header .top .logo img{ width: 210px !important; height: auto !important; display: block; }
html body .header .top .logof2{ float: none !important; margin: 0 !important; flex: 1 1 auto; text-align: left; }
html body .header .top .logof2 img{ width: 230px !important; height: auto !important; display: block; }
html body .header .top .tel{ float: none !important; display: flex !important; align-items: center !important; gap: 10px; flex: 0 0 auto; }
html body .header .top .tel .rig_img,
html body .header .top .tel .tel_img{ float: none !important; margin: 0 !important; }
html body .header .top .tel .rig_img img{ width: 150px !important; height: auto !important; display: block; }
html body .header .top .tel .tel_img img{ width: 130px !important; height: auto !important; display: block; }
html body .header .top .clear{ display: none !important; }

html body .nav{
    position: static !important; top: auto !important; left: auto !important;
    width: 100% !important; height: 52px !important; z-index: auto !important;
    background: #1b4c80 !important; box-sizing: border-box;
}
html body .nav .div1200{ width: 1200px; max-width: 100%; margin: 0 auto; }
html body .nav .nav_box{ float: none !important; width: 100% !important; }
html body .nav_box > ul{
    display: flex !important; flex-wrap: nowrap !important; justify-content: center !important;
    align-items: center !important; height: 52px !important; margin: 0 !important; padding: 0 !important;
    gap: 0 !important; background: transparent !important;
}
html body .nav_box > ul > li{
    flex: 0 0 auto !important; width: auto !important; max-width: none !important; min-width: 0 !important;
    height: 52px !important; line-height: 52px !important; margin: 0 !important; padding: 0 15px !important;
    float: none !important; display: block !important; position: relative !important;
    text-align: center !important; background: transparent !important; box-sizing: border-box;
    border-bottom: 3px solid transparent;
}
html body .nav_box > ul > li > a{
    display: block !important; height: 52px !important; line-height: 52px !important;
    font-size: 15px !important; color: #ffffff !important; white-space: nowrap;
}
html body .nav_box > ul > li:hover{ background: rgba(255,255,255,.10) !important; }
html body .nav_box > ul > li.on{ background: rgba(255,255,255,.14) !important; border-bottom-color: #ffd666 !important; padding-bottom: 0 !important; }
html body .nav_box > ul > li.on > a{ color: #fff !important; }
html body .nav_box > ul > li.on:before{ display: none !important; }
html body .nav_box > ul > li .erji{
    display: none !important; position: absolute !important; top: 52px !important; left: 50% !important;
    transform: translateX(-50%) !important; background: #173f68 !important; min-width: 150px; padding: 6px 0;
    text-align: center; z-index: 9999;
}
html body .nav_box > ul > li:hover .erji{ display: block !important; }
html body .nav_box > ul > li .erji li{ line-height: 34px !important; border-bottom: 1px dashed rgba(255,255,255,.15); }
html body .nav_box > ul > li .erji li a{ color: #e9f2fa !important; font-size: 14px !important; line-height: 34px !important; }
html body .nav_box > ul > li .erji li a:hover{ color: #ffd666 !important; }
html body .banner{ margin-top: 0 !important; }

/* 热词条 & 小屏禁用悬浮客服条 */
html body .hot{ position: static !important; }

/* 窄屏：页头纵向堆叠，导航三列网格 */
@media (max-width: 1220px){
  html body .header .top .div1200{
      flex-direction: column !important; justify-content: center !important; gap: 8px; padding: 0 8px;
  }
  html body .header .top .logo img{ width: 190px !important; margin: 0 auto; }
  html body .header .top .logof2{ flex: none !important; width: 100% !important; text-align: center !important; }
  html body .header .top .logof2 img{ width: 180px !important; margin: 0 auto; }
  html body .header .top .tel{ flex-direction: row !important; justify-content: center !important; }
  html body .header .top .tel .rig_img{ display: none !important; }
  html body .header .top .tel .tel_img img{ width: 170px !important; }
  html body .nav{ height: auto !important; }
  html body .nav_box > ul{
      display: flex !important; flex-wrap: wrap !important; height: auto !important;
      background: #dce7f2 !important; gap: 1px !important; padding: 1px !important;
  }
  html body .nav_box > ul > li{
      flex: 0 0 calc(33.333% - 1px) !important; width: calc(33.333% - 1px) !important;
      max-width: calc(33.333% - 1px) !important; height: 44px !important; line-height: 44px !important;
      padding: 0 !important; background: #fff !important; border-bottom: none !important;
  }
  html body .nav_box > ul > li > a{ height: 44px !important; line-height: 44px !important; font-size: 14px !important; color: #1e5a9e !important; }
  html body .nav_box > ul > li.on{ background: #1e5a9e !important; }
  html body .nav_box > ul > li.on > a{ color: #fff !important; }
  html body .nav_box > ul > li .erji{ display: none !important; }
}

/* ---- 页头电话图：桌面只留一张，且限宽不重叠；悬浮条不贴边 ---- */
@media (min-width: 1221px){
  html body .header .top .tel .rig_img{ display: none !important; }
  html body .header .top .tel .tel_img{ display: block !important; }
  html body .header .top .tel .tel_img img{ width: 170px !important; height: auto !important; }
  html body .header .top .logof2 img{ width: 200px !important; }
  html body .header .top .logo img{ width: 190px !important; }
}
html body .contact-icon{ right: 10px !important; }

/* ---- 页头电话（文字版，全宽度通用） ---- */
html body .header .top .tel .rz-tel-txt{
    display: flex; align-items: baseline; gap: 8px; white-space: nowrap;
    font-family: 'Microsoft YaHei', Arial, sans-serif;
}
html body .header .top .tel .rz-tel-label{ font-size: 14px; color: #7d8fa3; }
html body .header .top .tel .rz-tel-num{
    font-size: 24px; font-weight: bold; color: #c8912a; letter-spacing: .5px; text-decoration: none;
}
@media (max-width: 1220px){
  html body .header .top .tel{ justify-content: center !important; }
  html body .header .top .tel .rz-tel-label{ font-size: 13px; }
  html body .header .top .tel .rz-tel-num{ font-size: 21px; }
}

/* ---- 热词条 & 图标条：窄屏对比度与排版 ---- */
html body .hot{ background: #173f68 !important; color: #eaf2fa !important; }
html body .hot dt, html body .hot dd, html body .hot dd a{ color: #eaf2fa !important; font-size: 13px !important; }
html body .hot .div1200{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 8px; }
html body .hot dl{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; }
html body .hot dl dt{ white-space: nowrap; }
html body .hot dl dd{ float: none !important; margin: 0 !important; }

@media (max-width: 1220px){
  html body .con ul{ display: flex !important; flex-wrap: wrap !important; }
  html body .con ul li{ width: 50% !important; height: auto !important; line-height: 1.5 !important;
      padding: 10px 4px !important; box-sizing: border-box; }
  html body .con ul li .con_img{ padding-left: 0 !important; text-align: center; }
  html body .con ul li .con_img img{ width: 40px !important; height: 40px !important; }
  html body .con ul li .con_b{ padding-left: 0 !important; text-align: center; }
  html body .con ul li .con_b p{ font-size: 14px !important; }
}

/* ---- 新闻区窄屏终版：浅底深字（覆盖深色斜纹底） ---- */
@media (max-width: 1220px){
  html body .news{ background: #f5f9fc !important; background-image: none !important; padding: 18px 10px 22px !important; }
  html body .news .tit_a h3, html body .news .tit_a p, html body .news .tit_b a{ color: #1e5a9e !important; }
  html body .news .tit_b a{ border-color: #1e5a9e !important; }
  html body .news_list ul li{ background: #fff !important; border: 1px solid #e3ebf3 !important;
      border-radius: 8px; padding: 12px 12px 4px !important; margin: 0 0 12px !important; }
  html body .news_list ul li .ic_a span{ color: #1e5a9e !important; font-weight: bold; }
  html body .news_list dl dd a{ color: #33475b !important; font-size: 14px !important; line-height: 1.8 !important; }
  html body .news_list dl dd a span{ color: #8fa2b5 !important; font-size: 12px !important; float: none !important; display: inline-block; margin-left: 6px; }
  html body .news_list dl dd{ line-height: 1.9 !important; }
  /* 页脚整体 */
  html body .foot{ background: #17324f !important; background-image: none !important; }
  html body .foot_nav ul li a{ color: #dce9f5 !important; }
  html body .foot_b p{ color: #dce9f5 !important; }
  html body .foot_a_a p{ color: #dce9f5 !important; }
}

/* ---- 新闻区收尾：外层浅底 + 标题与日期分行 ---- */
@media (max-width: 1220px){
  html body div.news, html body .news{ background: #f5f9fc !important; background-image: none !important; }
  html body .news .tit, html body .news_tit{ background: transparent !important; }
  html body .news .tit_a p{ color: #8fa2b5 !important; letter-spacing: 1px; }
  html body .news_list dl dd a{
      display: block !important; white-space: normal !important; word-break: break-word;
      color: #33475b !important; padding-right: 0 !important;
  }
  html body .news_list dl dd a span{
      display: block !important; float: none !important; margin: 2px 0 0 0 !important;
      color: #9aabbb !important; font-size: 12px !important; font-weight: normal !important;
  }
  html body .news_list ul li{ padding: 14px 14px !important; }
  html body .news_list .ic_a{ margin-bottom: 6px; }
  html body .news_list .ic_b{ display: none !important; }
}