/* ========== 重置 ========== */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:14px;color:#333;background:#f5f7fa;line-height:1.6;}
a{color:#333;text-decoration:none;}
a:hover{color:#036eb8;}
ul,li{list-style:none;}
img{max-width:100%;border:0;vertical-align:middle;}
.art-wrap{width:1200px;max-width:95%;margin:0 auto;}

/* ========== 头部 ========== */
.art-top{background:#fff;padding:18px 0;border-bottom:1px solid #eee;}
.art-top-in{display:flex;justify-content:space-between;align-items:center;}
.art-logo{font-size:26px;font-weight:bold;color:#036eb8;letter-spacing:1px;}
.art-tel{text-align:right;}
.art-tel span{display:block;font-size:13px;color:#888;}
.art-tel strong{font-size:26px;color:#ff6600;font-family:Arial;}
.art-nav{background:#036eb8;}
.art-nav ul{display:flex;justify-content:center;}
.art-nav li a{display:block;padding:14px 32px;color:#fff;font-size:16px;}
.art-nav li a:hover{background:#025a96;}

/* ========== 面包屑 ========== */
.art-crumb{padding:14px 0;font-size:13px;color:#888;}
.art-crumb a{color:#666;}
.art-crumb a:hover{color:#036eb8;}

/* ========== 主体布局 ========== */
.art-main{display:flex;gap:24px;padding-bottom:40px;align-items:flex-start;}
.art-content{flex:1;background:#fff;padding:30px 36px;border-radius:6px;min-width:0;}
.art-side{width:320px;flex-shrink:0;}

/* ========== 文章标题/信息 ========== */
.art-h1{font-size:26px;color:#036eb8;line-height:1.4;padding-bottom:18px;border-bottom:1px dashed #ddd;font-weight:bold;}
.art-meta{padding:14px 0;color:#999;font-size:13px;border-bottom:1px solid #f0f0f0;margin-bottom:24px;}
.art-meta span{margin-right:24px;}

/* ========== 正文排版(关键) ========== */
.art-body{font-size:16px;line-height:2;color:#444;}
.art-body p{margin:16px 0;text-indent:0;}
.art-body h2{font-size:20px;color:#036eb8;margin:28px 0 14px;padding-left:12px;border-left:4px solid #036eb8;line-height:1.4;}
.art-body h3{font-size:18px;color:#333;margin:22px 0 12px;}
.art-body strong,.art-body b{color:#c0392b;font-weight:bold;}
.art-body ul,.art-body ol{margin:14px 0 14px 28px;}
.art-body ul li{list-style:disc;margin:8px 0;}
.art-body ol li{list-style:decimal;margin:8px 0;}
.art-body a{color:#036eb8;text-decoration:underline;}
.art-body img{display:block;margin:18px auto;border-radius:4px;height:auto;}
.art-body blockquote{margin:18px 0;padding:14px 18px;background:#f8f9fa;border-left:4px solid #036eb8;color:#666;}

/* ========== 温馨提示 ========== */
.art-tip{margin:30px 0;padding:16px 20px;background:#eef6fc;border:1px solid #cfe5f5;border-radius:6px;color:#555;line-height:1.8;}
.art-tip strong{color:#036eb8;}
.art-tip a{color:#ff6600;font-weight:bold;}

/* ========== 上一篇/下一篇 ========== */
.art-pn{margin-top:24px;padding-top:20px;border-top:1px dashed #ddd;line-height:2.2;color:#666;}
.art-pn a{color:#036eb8;}

/* ========== 右侧栏通用 ========== */
.side-box{background:#fff;border-radius:6px;padding:20px;margin-bottom:20px;}
.side-box h3{font-size:17px;color:#036eb8;padding-bottom:12px;margin-bottom:14px;border-bottom:2px solid #036eb8;}
.side-box p{margin:8px 0;color:#555;line-height:1.8;}

/* 咨询热线高亮模块 */
.side-hot{text-align:center;background:linear-gradient(135deg,#036eb8,#1aa3e0);color:#fff;}
.side-hot h3{color:#fff;border-bottom-color:rgba(255,255,255,.4);}
.hot-num{font-size:30px;font-weight:bold;color:#fff;font-family:Arial;margin:10px 0 4px;}
.hot-sub{font-size:13px;color:rgba(255,255,255,.85);margin-bottom:16px;}
.hot-btn{display:inline-block;background:#ff9023;color:#fff;padding:10px 28px;border-radius:24px;font-size:15px;}
.hot-btn:hover{background:#ff6600;color:#fff;}

/* 相关阅读列表 */
.side-list li{padding:9px 0;border-bottom:1px dashed #eee;font-size:14px;}
.side-list li:last-child{border-bottom:0;}
.side-list li a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:14px;position:relative;}
.side-list li a:before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;background:#036eb8;border-radius:50%;transform:translateY(-50%);}
.side-list li a:hover{color:#036eb8;padding-left:18px;transition:all .2s;}

/* ========== 底部 ========== */
.art-footer{background:#0a3d6b;color:#cdd9e5;text-align:center;padding:24px 0;font-size:13px;}
.art-footer a{color:#cdd9e5;}
.art-footer a:hover{color:#fff;}

/* ========== 响应式 ========== */
@media(max-width:900px){
  .art-main{flex-direction:column;}
  .art-side{width:100%;}
  .art-nav ul{flex-wrap:wrap;}
  .art-nav li a{padding:10px 16px;font-size:14px;}
  .art-content{padding:20px;}
  .art-h1{font-size:21px;}
  .art-body{font-size:15px;}
}