@charset "UTF-8";
/* =============================================================
   新闻详情页正文排版样式  news_detail.css
   作用范围：仅 new_detail.html（中文新闻详情）中的 .yd-article
   说明：a.css 里 .ny_pro ul li 是产品列表样式（浮动+灰底+固定高）
        会把新闻正文的 li 也变成灰块，这里统一重置覆盖。
   ============================================================= */

/* ---------- 1. 文章外框：限制阅读宽度，提升可读性 ---------- */
.yd-article{ padding-bottom:60px; }
.yd-article__wrap{
  max-width:880px;
  margin:0 auto;
}

/* ---------- 2. 标题 / 发布时间 / 分隔线 ---------- */
.yd-article .title{
  font-size:26px!important;
  font-weight:700!important;
  color:#1f2d3d!important;
  line-height:1.5;
  padding:0 0 12px!important;
  text-align:center;
  letter-spacing:.5px;
}
.yd-article__meta{
  text-align:center;
  color:#9a9a9a!important;
  font-size:14px;
  margin:0 0 14px!important;
  padding:0;
}
.yd-article .linea{
  background:#058be2!important;
  height:3px!important;
  width:56px!important;
  margin:0 auto 30px!important;
  border-radius:2px;
}

/* ---------- 3. 正文基础排版 ---------- */
.yd-article__body{
  font-size:16px;
  line-height:1.95;
  color:#3a3a3a;
  text-align:justify;
  word-break:break-word;
}
.yd-article__body p{
  margin:0 0 16px!important;
  font-size:16px;
  line-height:1.95;
  color:#3a3a3a;
  text-indent:2em;
  text-align:justify;
}
.yd-article__body p:empty{ margin:0!important; }

/* ---------- 4. 标题层级 ---------- */
.yd-article__body h1,
.yd-article__body h2{
  font-size:22px!important;
  color:#0a5b9c!important;   /* 覆盖编辑器内联的 style="color:green;" */
  font-weight:600!important;
  line-height:1.5;
  margin:34px 0 16px!important;
  padding:0 0 0 14px!important;
  border-left:4px solid #058be2;
  text-indent:0;
}
.yd-article__body h2:first-child{ margin-top:0!important; }
.yd-article__body h3,
.yd-article__body h4{
  font-size:18px!important;
  color:#1f2d3d!important;
  font-weight:600!important;
  line-height:1.6;
  margin:26px 0 14px!important;
  padding-left:14px!important;
  position:relative;
  text-indent:0;
}
.yd-article__body h3::before,
.yd-article__body h4::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#058be2;
}
.yd-article__body h1 strong,
.yd-article__body h2 strong,
.yd-article__body h3 strong,
.yd-article__body h4 strong{
  color:inherit!important;
  font-weight:600!important;
}

/* ---------- 5. 列表：重置 .ny_pro ul li 的产品列表样式 ---------- */
.yd-article__body ul,
.yd-article__body ol{
  margin:0 0 18px!important;
  padding:0 0 0 24px!important;
  list-style:disc outside;
}
.yd-article__body ol{ list-style:decimal outside; }
.yd-article__body ul li,
.yd-article__body ol li{
  float:none!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  background:none!important;
  border:none!important;
  margin:0 0 10px!important;
  padding:0!important;
  display:list-item!important;
  position:static!important;
  overflow:visible!important;
  font-size:16px;
  line-height:1.9;
  color:#3a3a3a;
  text-align:left;
  text-indent:0;
}
.yd-article__body ul li::marker{ color:#058be2; }

/* ---------- 6. 强调与链接 ---------- */
.yd-article__body p strong,
.yd-article__body li strong,
.yd-article__body td strong{
  color:#0a5b9c;
  font-weight:600;
}
.yd-article__body a{
  color:#058be2;
  text-decoration:none;
  border-bottom:1px solid rgba(5,139,226,.35);
}
.yd-article__body a:hover{
  color:#0a5b9c;
  border-bottom-color:#0a5b9c;
}

/* ---------- 7. 图片 ---------- */
.yd-article__body img{
  max-width:100%!important;
  height:auto!important;
  display:block;
  margin:22px auto!important;
  border-radius:8px;
  box-shadow:0 2px 12px rgba(0,0,0,.08);
}

/* ---------- 8. 表格 ---------- */
.yd-article__body table{
  width:100%!important;
  border-collapse:collapse!important;
  margin:24px 0!important;
  font-size:15px;
  background:#fff;
  border:1px solid #e4eaf1!important;
}
.yd-article__body table th{
  background:#058be2!important;
  color:#fff!important;
  font-weight:600!important;
  font-size:15px;
  padding:12px 14px!important;
  border:1px solid #058be2!important;
  text-align:left!important;
  line-height:1.6;
}
.yd-article__body table td{
  font-size:15px!important;
  color:#444;
  padding:11px 14px!important;
  border:1px solid #e4eaf1!important;
  line-height:1.75;
  vertical-align:middle;
}
.yd-article__body table tbody tr:nth-child(even) td{ background:#f7fafd; }
.yd-article__body table tbody tr:hover td{ background:#eef6fd; }

/* ---------- 9. 引用与分割线 ---------- */
.yd-article__body blockquote{
  margin:20px 0!important;
  padding:14px 18px!important;
  background:#f5f9fd;
  border-left:4px solid #058be2;
  border-radius:0 4px 4px 0;
  color:#5a5a5a;
}
.yd-article__body hr{
  border:none;
  border-top:1px dashed #e3e8ee;
  margin:28px 0!important;
}

/* ---------- 10. 上一篇 / 下一篇 ---------- */
.yd-article__nav{
  width:100%!important;
  margin:36px auto 0!important;
  padding:18px 0 0!important;
  border-top:1px dashed #e3e8ee;
  line-height:1.9;
  font-size:15px;
}
.yd-article__nav span{
  display:block;
  color:#8c8c8c;
  font-size:15px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.yd-article__nav a{ color:#058be2; text-decoration:none; }
.yd-article__nav a:hover{ color:#0a5b9c; text-decoration:underline; }

/* ---------- 11. 移动端适配 ---------- */
@media screen and (max-width:1024px){
  .yd-article__wrap{ max-width:100%; }
  .yd-article .title{ font-size:22px!important; }
}
@media screen and (max-width:768px){
  .yd-article{ padding-bottom:40px; }
  .yd-article__wrap{ padding:0 14px; }
  .yd-article .title{ font-size:20px!important; }
  .yd-article__body{ font-size:15px; line-height:1.85; }
  .yd-article__body p,
  .yd-article__body ul li,
  .yd-article__body ol li{ font-size:15px!important; line-height:1.85; }
  .yd-article__body h1,
  .yd-article__body h2{ font-size:18px!important; margin:26px 0 12px!important; }
  .yd-article__body h3,
  .yd-article__body h4{ font-size:16px!important; margin:20px 0 10px!important; }
  .yd-article__body table{
    display:block;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .yd-article__body table th,
  .yd-article__body table td{
    font-size:13px!important;
    padding:8px 10px!important;
    white-space:normal;
  }
  .yd-article__body img{ margin:16px auto!important; }
  .yd-article__nav span{ white-space:normal; }
}