@media (max-width: 767.98px) {
  html {
    font-size: calc(100vw / 18);
  }
}
@media (min-width: 768px) and (max-width: 1921.99px) {
  html {
    font-size: calc(100vw / 19.2);
  }
}
@media (min-width: 1922px) and (max-width: 4000px) {
  html {
    font-size: calc(100vw / 22.4);
  }
}
/* 手机 */
@media (max-width: 767.98px) {
  body {
    background: linear-gradient(116deg, #ffffff 0%, #e3f0fa 100%);
    width: 100%;
    height: 100%;
  }
  /* 新闻详情 */
  .newscontent {
    width: 100%;
    height: 100%;
    padding: 4.66666667rem 0 2.4rem;
    box-sizing: border-box;
  }
  .newscontent .w-1500 {
    width: 90%;
    margin: 0 auto;
  }
  .newscontent .w-1500 .newsnav {
    width: 100%;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0 0 0.93333333rem;
    margin-bottom: 1.6rem;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .newscontent .w-1500 .newsnav::-webkit-scrollbar {
    display: none;
  }
  .newscontent .w-1500 .newsnav > i {
    display: block;
    width: 0.66666667rem;
    height: 0.66666667rem;
    flex: 0 0 auto;
  }
  .newscontent .w-1500 .newsnav > i .icon {
    display: block;
    width: 100%;
    height: 100%;
    fill: #1768d9;
  }
  .newscontent .w-1500 .newsnav .erjinav {
    min-width: max-content;
    display: flex;
    align-items: center;
    color: #333;
    white-space: nowrap;
  }
  .newscontent .w-1500 .newsnav .erjinav a,
  .newscontent .w-1500 .newsnav .erjinav span {
    font-size: 0.53333333rem;
    line-height: 1.4;
    color: #333;
    white-space: nowrap;
  }
  .newscontent .w-1500 .newsnav .erjinav i {
    display: block;
    width: 1.06666667rem;
    height: 1.06666667rem;
    flex: 0 0 auto;
  }
  .newscontent .w-1500 .newsnav .erjinav i .icon {
    display: block;
    width: 100%;
    height: 100%;
    fill: #333;
  }
  .newscontent .w-1500 .newsnav .erjinav span.active {
    color: #004d8d;
  }
  .newscontent .w-1500 .contentnt {
    width: 100%;
  }
  .newscontent .w-1500 .contentnt h3 {
    margin: 0 0 1.6rem;
    font-size: 1.06666667rem;
    line-height: 1.45;
    color: #333;
    font-weight: normal;
    text-align: center;
  }
  .newscontent .w-1500 .contentnt .contdvndu {
    font-size: 0.53333333rem !important;
    color: #333 !important;
    line-height: 1.9 !important;
    font-family: "微软雅黑" !important;
    display: grid;
    gap: 1.06666667rem;
  }
  .newscontent .w-1500 .contentnt .contdvndu * {
    font-size: 0.53333333rem !important;
    line-height: 1.9 !important;
    font-family: "微软雅黑" !important;
  }
  .newscontent .w-1500 .contentnt .contdvndu p {
    overflow-wrap: anywhere;
  }
  .newscontent .w-1500 .contentnt .contdvndu strong {
    font-weight: 700;
  }
  .newscontent .w-1500 .contentnt .contdvndu table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    color: inherit;
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .newscontent .w-1500 .contentnt .contdvndu th,
  .newscontent .w-1500 .contentnt .contdvndu td {
    min-width: 5.33333333rem;
    padding: 0.53333333rem 0.66666667rem;
    border: 0.06666667rem solid rgba(51, 51, 51, 0.2);
    vertical-align: top;
    word-break: break-word;
  }
  .newscontent .w-1500 .contentnt .contdvndu img {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0.8rem auto;
    border-radius: 0.66666667rem;
    display: block;
  }
  .newscontent .w-1500 .xiabainsancu {
    width: 100%;
    margin-top: 2.66666667rem;
  }
  .newscontent .w-1500 .xiabainsancu .end-divider {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.8rem;
  }
  .newscontent .w-1500 .xiabainsancu .end-divider span {
    height: 0.06666667rem;
    background-color: #68afea;
    flex: 1;
  }
  .newscontent .w-1500 .xiabainsancu .end-divider strong {
    color: #1768d9;
    font-size: 0.93333333rem;
    line-height: 1;
    font-weight: 700;
  }
  .newscontent .w-1500 .xiabainsancu .article-navigation {
    margin-top: 2rem;
    display: grid;
    grid-template-columns: 2.66666667rem minmax(0, 1fr);
    align-items: center;
    gap: 0.8rem;
  }
  .newscontent .w-1500 .xiabainsancu .article-navigation .back-list {
    width: 2.66666667rem;
    height: 2.66666667rem;
    border: 0.06666667rem solid rgba(255, 255, 255, 0.18);
    border-radius: 50%;
    background: linear-gradient(145deg, #218cf0 0%, #0867ca 100%);
    box-shadow: 0 0.53333333rem 1.2rem rgba(0, 101, 214, 0.3);
    color: #fff;
    font-size: 0.53333333rem;
    line-height: 1.28;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
  }
  .newscontent .w-1500 .xiabainsancu .article-navigation .back-list:active,
  .newscontent .w-1500 .xiabainsancu .article-navigation .back-list:focus-visible {
    background: linear-gradient(145deg, #35a1ff 0%, #0873dc 100%);
    box-shadow: 0 0.66666667rem 1.46666667rem rgba(0, 112, 236, 0.42);
    transform: translateY(-0.2rem);
  }
  .newscontent .w-1500 .xiabainsancu .article-navigation .article-switch {
    width: 100%;
    height: 2.53333333rem;
    border: 0.06666667rem solid #68afea;
    border-radius: 0.66666667rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
  }
  .newscontent .w-1500 .xiabainsancu .article-navigation .article-switch .article-link {
    min-width: 0;
    padding: 0 0.53333333rem;
    color: #333;
    font-size: 0.53333333rem;
    line-height: 1.4;
    display: flex;
    align-items: center;
    overflow-wrap: anywhere;
    transition: color 0.3s ease, background-color 0.3s ease;
  }
  .newscontent .w-1500 .xiabainsancu .article-navigation .article-switch .article-next {
    border-left: 0.06666667rem solid #68afea;
  }
  .newscontent .w-1500 .xiabainsancu .article-navigation .article-switch .article-link:active,
  .newscontent .w-1500 .xiabainsancu .article-navigation .article-switch .article-link:focus-visible {
    color: #1768d9;
    background-color: rgba(104, 175, 234, 0.08);
  }
}
/* pc */
@media (min-width: 768px) {
  body {
    background: linear-gradient(116deg, #ffffff 0%, #e3f0fa 100%);
    width: 100%;
    height: 100%;
  }
  /* 新闻详情 */
  .newscontent {
    width: 100%;
    height: 100%;
    padding: 1.5rem 0 1.1rem;
  }
  .newscontent .w-1500 {
    width: 15rem;
    margin: 0 auto;
  }
  .newscontent .w-1500 .newsnav {
    display: flex;
    align-items: center;
    padding: 0.35rem 0;
    margin-bottom: 0.8rem;
    gap: 0.1rem;
  }
  .newscontent .w-1500 .newsnav i {
    display: block;
    width: 0.2rem;
    height: 0.2rem;
  }
  .newscontent .w-1500 .newsnav i .icon {
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    fill: #1768d9;
  }
  .newscontent .w-1500 .newsnav .erjinav {
    display: flex;
    align-items: center;
    color: #333;
  }
  .newscontent .w-1500 .newsnav .erjinav a,
  .newscontent .w-1500 .newsnav .erjinav span {
    font-size: 0.16rem;
    color: #333;
    transition: all 0.5s;
  }
  .newscontent .w-1500 .newsnav .erjinav i {
    display: block;
    width: 0.28rem;
    height: 0.22rem;
  }
  .newscontent .w-1500 .newsnav .erjinav i .icon {
    display: block;
    width: 0.28rem;
    height: 0.25rem;
    fill: #333;
  }
  .newscontent .w-1500 .newsnav .erjinav span.active {
    color: #004d8d;
  }
  .newscontent .w-1500 .newsnav .erjinav a:hover,
  .newscontent .w-1500 .newsnav .erjinav span:hover {
    border-radius: 1rem;
    color: #004d8d;
    transition: all 0.5s;
  }
  .newscontent .w-1500 .contentnt {
    width: 100%;
  }
  .newscontent .w-1500 .contentnt h3 {
    font-size: 0.36rem;
    color: #333;
    font-weight: normal;
    text-align: center;
    margin-bottom: 0.8rem;
  }
  .newscontent .w-1500 .contentnt .contdvndu {
    font-size: 0.2rem !important;
    color: #333 !important;
    line-height: 1.6 !important;
    font-family: "微软雅黑" !important;
    display: grid;
    gap: 0.4rem;
  }
  .newscontent .w-1500 .contentnt .contdvndu * {
    font-size: 0.2rem !important;
    line-height: 1.6 !important;
    font-family: "微软雅黑" !important;
  }
  .newscontent .w-1500 .contentnt .contdvndu strong {
    font-weight: 700;
  }
  .newscontent .w-1500 .contentnt .contdvndu table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    color: inherit;
  }
  .newscontent .w-1500 .contentnt .contdvndu th,
  .newscontent .w-1500 .contentnt .contdvndu td {
    padding: 0.15rem 0.2rem;
    border: 0.01rem solid rgba(51, 51, 51, 0.2);
    vertical-align: top;
    word-break: break-word;
  }
  .newscontent .w-1500 .contentnt .contdvndu img {
    text-align: center;
    width: 8rem;
    max-width: 100%;
    height: auto;
    margin: 1rem auto;
    border-radius: 0.16rem;
  }
  .newscontent .w-1500 .xiabainsancu {
    width: 15rem;
    margin-top: 1.2rem;
  }
  .newscontent .w-1500 .xiabainsancu .end-divider {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.44rem;
  }
  .newscontent .w-1500 .xiabainsancu .end-divider span {
    height: 0.01rem;
    background-color: #68afea;
    flex: 1;
  }
  .newscontent .w-1500 .xiabainsancu .end-divider strong {
    color: #1768d9;
    font-size: 0.3rem;
    line-height: 1;
    font-weight: 700;
  }
  .newscontent .w-1500 .xiabainsancu .article-navigation {
    margin-top: 1.2rem;
    display: flex;
    align-items: center;
    gap: 1.98rem;
  }
  .newscontent .w-1500 .xiabainsancu .article-navigation .back-list {
    width: 0.92rem;
    height: 0.92rem;
    border: 0.01rem solid rgba(255, 255, 255, 0.18);
    border-radius: 50%;
    background: linear-gradient(145deg, #218cf0 0%, #0867ca 100%);
    box-shadow: 0 0.12rem 0.3rem rgba(0, 101, 214, 0.32);
    color: #fff;
    font-size: 0.17rem;
    line-height: 1.28;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
  }
  .newscontent .w-1500 .xiabainsancu .article-navigation .back-list:hover,
  .newscontent .w-1500 .xiabainsancu .article-navigation .back-list:focus-visible {
    background: linear-gradient(145deg, #35a1ff 0%, #0873dc 100%);
    box-shadow: 0 0.16rem 0.36rem rgba(0, 112, 236, 0.44);
    transform: translateY(-0.05rem);
  }
  .newscontent .w-1500 .xiabainsancu .article-navigation .article-switch {
    width: 11rem;
    height: 1rem;
    border: 0.01rem solid #68afea;
    border-radius: 0.16rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
  }
  .newscontent .w-1500 .xiabainsancu .article-navigation .article-switch .article-link {
    padding: 0 0.5rem;
    color: #333;
    font-size: 0.18rem;
    line-height: 1.5;
    display: flex;
    align-items: center;
    transition: color 0.3s ease, background-color 0.3s ease;
  }
  .newscontent .w-1500 .xiabainsancu .article-navigation .article-switch .article-next {
    border-left: 0.01rem solid #68afea;
  }
  .newscontent .w-1500 .xiabainsancu .article-navigation .article-switch .article-link:hover {
    color: #1768d9;
    background-color: rgba(104, 175, 234, 0.08);
  }
}

/* ---- CMS 补充（静态页没有） ---- */
/* 文章标题用 h1（页面主标题），样式照静态页的 .contentnt h3 */
@media (max-width: 767.98px) {
  .newscontent .w-1500 .contentnt h1 {
    margin: 0 0 1.6rem;
    font-size: 1.06666667rem;
    line-height: 1.45;
    color: #333;
    font-weight: normal;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .newscontent .w-1500 .contentnt h1 {
    font-size: 0.36rem;
    color: #333;
    font-weight: normal;
    text-align: center;
    margin-bottom: 0.8rem;
  }
}

/* 正文里后台编辑器写出的格式。静态页的 newscontent.js 会把它们压成普通段落（链接、列表、小标题、对齐、视频都会丢），不用它，由这里补样式；
   字号、行距、字体仍照静态页统一（上面 .contdvndu * 那条），编辑器设的文字颜色、底色、对齐、首行缩进、图片宽度与对齐照常生效 */
/* 小标题：加粗；静态页给文章标题写的 .contentnt h3（居中、下边距）也会落到正文里的 h3 上，这里改回 */
.newscontent .w-1500 .contentnt .contdvndu h2,
.newscontent .w-1500 .contentnt .contdvndu h3,
.newscontent .w-1500 .contentnt .contdvndu h4 {
  margin: 0;
  color: #333;
  font-weight: 700;
  text-align: left;
}
/* 链接：公共样式把 a 设成块级，正文里会把一句话断开；改回行内，蓝字带下划线 */
.newscontent .w-1500 .contentnt .contdvndu a {
  display: inline;
  color: #1768d9;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
/* 斜体：公共样式把 em、i 设成了正体 */
.newscontent .w-1500 .contentnt .contdvndu em,
.newscontent .w-1500 .contentnt .contdvndu i {
  font-style: italic;
}
/* 列表：公共样式去掉了圆点和编号 */
.newscontent .w-1500 .contentnt .contdvndu ul,
.newscontent .w-1500 .contentnt .contdvndu ol {
  padding-left: 1.5em;
}
.newscontent .w-1500 .contentnt .contdvndu ul > li {
  list-style: disc;
}
.newscontent .w-1500 .contentnt .contdvndu ol > li {
  list-style: decimal;
}
/* 引用：左边一道蓝线，字色稍浅 */
.newscontent .w-1500 .contentnt .contdvndu blockquote {
  padding-left: 1em;
  border-left: 3px solid #68afea;
  color: #587b96;
}
/* 分隔线 */
.newscontent .w-1500 .contentnt .contdvndu hr {
  width: 100%;
  height: 0;
  margin: 0;
  border: 0;
  border-top: 1px solid rgba(51, 51, 51, 0.2);
}
/* 代码：等宽字体、浅底，过长时横向滚动 */
.newscontent .w-1500 .contentnt .contdvndu pre {
  padding: 0.8em 1em;
  overflow-x: auto;
  white-space: pre-wrap;
  background-color: rgba(23, 104, 217, 0.05);
  border-radius: 6px;
}
.newscontent .w-1500 .contentnt .contdvndu pre,
.newscontent .w-1500 .contentnt .contdvndu code {
  font-family: Consolas, Menlo, monospace !important;
}
/* 视频：和正文图片一样宽（手机铺满，电脑 8rem 居中） */
.newscontent .w-1500 .contentnt .contdvndu video {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0.66666667rem;
}
@media (min-width: 768px) {
  .newscontent .w-1500 .contentnt .contdvndu video {
    width: 8rem;
    margin: 0 auto;
    border-radius: 0.16rem;
  }
}

/* 上一篇／下一篇：分类第一篇没有上一篇、最后一篇没有下一篇时，那一格文字照常显示但不可点（与分页两头的按钮同一种处理）：
   字变淡，鼠标移上、按下都不变色。只淡文字、不淡整格，中间的分隔线不受影响；
   不用 pointer-events: none——可视化编辑里还要能点到文字来改 */
.newscontent .w-1500 .xiabainsancu .article-navigation .article-switch .article-link.is-disabled,
.newscontent .w-1500 .xiabainsancu .article-navigation .article-switch .article-link.is-disabled:hover,
.newscontent .w-1500 .xiabainsancu .article-navigation .article-switch .article-link.is-disabled:active,
.newscontent .w-1500 .xiabainsancu .article-navigation .article-switch .article-link.is-disabled:focus-visible {
  color: rgba(51, 51, 51, 0.45);
  background-color: transparent;
  cursor: default;
}