* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: "Microsoft YaHei", "PingFang SC", sans-serif; background: #f5f6f7; color: #333; }
a { text-decoration: none; color: #333; }
.wrap { max-width: 1080px; margin: 0 auto; padding: 0 14px; }

/* 顶栏 */
.topbar { background: #ff6600; }
.topbar .wrap { display: flex; align-items: center; height: 54px; gap: 20px; }
.logo { color: #fff; font-size: 24px; font-weight: bold; letter-spacing: 1px; }
.logo b { color: #fff300; }
.search { flex: 1; display: flex; max-width: 420px; }
.search input { flex: 1; height: 34px; border: none; padding: 0 12px; border-radius: 4px 0 0 4px; font-size: 14px; outline: none; }
.search button { height: 34px; border: none; background: #e55000; color: #fff; padding: 0 18px; border-radius: 0 4px 4px 0; cursor: pointer; }
.tel-btn { background: #fff; color: #ff6600; font-weight: bold; padding: 8px 18px; border-radius: 4px; font-size: 14px; }

/* 导航 */
.subnav { background: #fff; border-bottom: 2px solid #ff6600; }
.subnav .wrap { display: flex; }
.subnav a { padding: 12px 18px; font-size: 15px; color: #333; }
.subnav a:hover, .subnav a.on { color: #ff6600; font-weight: bold; }

/* Banner */
.banner { background: linear-gradient(135deg, rgba(255,102,0,.88), rgba(255,148,77,.82)), url('https://aka.doubaocdn.com/s/6FkUKsLXpG') center/cover no-repeat; color: #fff; border-radius: 12px; margin-top: 14px; padding: 30px 30px; min-height: 150px; display: flex; align-items: center; }
.banner h1 { font-size: 26px; margin-bottom: 8px; }
.banner p { font-size: 14px; opacity: .92; }

/* 入口卡片 */
.entrances { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 14px; }
.ent { background: #fff; border-radius: 12px; padding: 14px 12px 16px; text-align: center; transition: .2s; }
.ent:hover { transform: translateY(-3px); box-shadow: 0 4px 14px rgba(0,0,0,.08); }
.ent-icon { display: flex; align-items: center; justify-content: center; width: 100%; height: 140px; background: #f7f7f7; border-radius: 12px; font-size: 46px; margin-bottom: 12px; }
.ent b { display: block; font-size: 16px; margin-bottom: 6px; }
.ent i { font-style: normal; font-size: 12px; color: #999; }

/* 面板 */
.panel { background: #fff; border-radius: 8px; margin-top: 14px; padding: 18px; }
.panel-h { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #ff6600; padding-bottom: 10px; margin-bottom: 12px; }
.panel-h h2 { font-size: 18px; color: #ff6600; }
.panel-h .more { font-size: 13px; color: #999; }
.art-list { list-style: none; }
.art-list li { display: flex; justify-content: space-between; align-items: center; padding: 11px 4px; border-bottom: 1px dashed #eee; }
.art-list li:last-child { border-bottom: none; }
.art-list a { font-size: 15px; }
.art-list a:hover { color: #ff6600; }
.art-list span { color: #bbb; font-size: 13px; }

/* 文章 */
.crumb { padding: 12px 0; color: #999; font-size: 13px; }
.article { background: #fff; border-radius: 8px; padding: 26px; }
.article h1 { font-size: 22px; margin-bottom: 10px; }
.art-meta { color: #bbb; font-size: 13px; margin-bottom: 18px; border-bottom: 1px solid #eee; padding-bottom: 12px; }
.art-body { line-height: 1.9; font-size: 15px; }
.art-body h2 { font-size: 18px; margin: 22px 0 10px; color: #ff6600; }
.art-body h3 { font-size: 16px; margin: 18px 0 8px; }
.art-body p { margin: 10px 0; }
.art-body ul { margin: 10px 0 10px 24px; }
.art-body li { margin: 5px 0; }
.art-body blockquote { background: #fff7f0; border-left: 3px solid #ff6600; padding: 10px 14px; margin: 14px 0; color: #666; }

/* 文章底部 CTA */
.art-cta { background: #fff; border-radius: 8px; margin-top: 14px; padding: 22px; text-align: center; }
.art-cta p { font-size: 16px; font-weight: bold; margin-bottom: 14px; }
.cta-btn { display: inline-block; background: #ff6600; color: #fff; padding: 10px 26px; border-radius: 4px; margin: 0 8px; font-size: 15px; }
.cta-btn.wx { background: #07c160; }

/* 页脚 */
.footer { text-align: center; padding: 26px 0 30px; color: #999; font-size: 13px; line-height: 2; }
.footer a { color: #ff6600; }
.footer .legal { color: #ccc; font-size: 12px; }

@media (max-width: 760px) {
  .entrances { grid-template-columns: repeat(2, 1fr); }
  .subnav { overflow-x: auto; }
  .search { display: none; }
}

/* 悬浮咨询按钮 */
.float-bar{position:fixed;right:16px;bottom:80px;z-index:9999;display:flex;flex-direction:column;gap:12px}
.f-btn{width:54px;height:54px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px;color:#fff;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,.25);line-height:1}
.f-btn span{font-size:10px;margin-top:3px;font-style:normal}
.f-wx{background:#07c160}
.f-tel{background:#ff6600}

@media (max-width: 760px) {
  .float-bar { right: 10px; bottom: 22px; gap: 10px; }
  .f-btn { width: 48px; height: 48px; font-size: 18px; }
  .topbar .wrap { height: 48px; gap: 8px; }
  .logo { font-size: 20px; }
  .tel-btn { padding: 6px 12px; font-size: 13px; }
  .banner { padding: 22px 16px; min-height: 180px; }
  .banner h1 { font-size: 20px; }
  .art-list a { font-size: 14px; }
  .article { padding: 16px; }
  .article h1 { font-size: 18px; }
}

/* ============ 门户首页新设计（BANNER/频道/标语/入口/指南） ============ */
body{background:#f4f6fa;color:#333;font-family:"Microsoft YaHei",-apple-system,sans-serif;}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px;}
/* BANNER */
.pb{position:relative;background:linear-gradient(120deg,#103b7a 0%,#1a5fb4 45%,#2b7fd4 100%);color:#fff;overflow:hidden;}
.pb-sky{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 0%,rgba(255,255,255,.14) 0%,transparent 55%);pointer-events:none;}
.pb-city{position:absolute;right:0;bottom:0;height:62%;width:55%;opacity:.32;pointer-events:none;}
.pb-city i{position:absolute;bottom:0;background:rgba(255,255,255,.3);border-radius:3px 3px 0 0;display:block;}
.pb-in{position:relative;max-width:1200px;margin:0 auto;padding:36px 24px 34px;}
.pb-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;}
.pb-brand{display:flex;align-items:center;gap:18px;text-decoration:none;}
.pb-logo{width:66px;height:66px;border-radius:16px;background:linear-gradient(135deg,#ffe066,#f59e0b);display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:900;color:#7a5200;box-shadow:0 4px 16px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.5);}
.pb-name{font-size:38px;font-weight:900;letter-spacing:3px;color:#fff;text-shadow:0 2px 0 rgba(0,20,60,.45),0 4px 12px rgba(0,10,40,.55),0 0 24px rgba(120,190,255,.45);line-height:1.1;}
.pb-name small{display:block;font-size:14px;font-weight:700;letter-spacing:5px;color:#ffe9a8;margin-top:4px;text-shadow:0 1px 3px rgba(0,10,40,.6);}
.pb-right{display:flex;gap:12px;align-items:center;}
.pb-search{display:flex;background:#fff;border-radius:24px;padding:5px;width:420px;box-shadow:0 4px 16px rgba(0,10,40,.3);}
.pb-search input{flex:1;border:none;outline:none;font-size:15px;font-weight:600;padding:9px 18px;background:transparent;color:#333;}
.pb-search button{background:#ff6600;border:none;color:#fff;font-size:15px;font-weight:700;border-radius:19px;padding:9px 28px;cursor:pointer;}
.pb-tel{background:linear-gradient(135deg,#ffd700,#f59e0b);color:#5a3c00;font-size:15px;font-weight:800;padding:11px 22px;border-radius:22px;text-decoration:none;box-shadow:0 3px 10px rgba(255,165,0,.5),inset 0 1px 0 rgba(255,255,255,.6);flex-shrink:0;}
.pb-chips{display:flex;gap:10px;flex-wrap:wrap;}
.pb-chip{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.4);color:#fff;font-size:14px;font-weight:700;padding:9px 18px;border-radius:22px;text-decoration:none;box-shadow:0 2px 6px rgba(0,20,60,.35),inset 0 1px 0 rgba(255,255,255,.25);}
.pb-chip:hover{background:#ffd700;color:#333;border-color:#ffd700;}
/* 频道导航 */
.channel{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06);border-bottom:3px solid #1a5fb4;}
.channel .wrap{display:flex;align-items:center;gap:2px;overflow-x:auto;padding:0 16px;}
.ch-item{display:block;padding:16px 24px;font-size:16px;font-weight:700;color:#333;text-decoration:none;border-bottom:4px solid transparent;margin-bottom:-3px;white-space:nowrap;}
.ch-item.on{color:#1a5fb4;font-weight:800;border-bottom-color:#1a5fb4;}
.ch-item:hover{color:#1a5fb4;}
/* 标语条 */
.slogan{margin-top:20px;background:linear-gradient(135deg,#fff7e6,#ffe9b8);border:1px solid #ffd966;border-radius:14px;padding:18px 26px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px rgba(200,150,0,.08);}
.slogan h1{font-size:22px;color:#8a5a00;font-weight:900;}
.slogan p{color:#a07000;font-size:14px;margin-top:4px;}
.sl-tel{background:linear-gradient(135deg,#ff6600,#f4511c);color:#fff;text-decoration:none;font-size:14px;font-weight:700;padding:10px 22px;border-radius:22px;box-shadow:0 3px 10px rgba(255,102,0,.35);flex-shrink:0;}
/* 业务入口 */
.ents{margin-top:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.ent{background:#fff;border-radius:16px;padding:22px 20px;text-decoration:none;box-shadow:0 2px 10px rgba(20,40,90,.06);border:1px solid #eef2f8;display:flex;gap:14px;align-items:center;transition:transform .15s,box-shadow .15s;}
.ent:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(20,40,90,.12);}
.ent-ic{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;}
.ic-xf{background:#eef4ff;}.ic-esf{background:#fff4e6;}.ic-zf{background:#eafaf2;}.ic-xzl{background:#f3eefe;}.ic-zc{background:#fff1f0;}.ic-shfw{background:#eef9ff;}.ic-bbs{background:#f5f7fa;}
.ent b{display:block;font-size:17px;color:#222;font-weight:800;}
.ent i{display:block;font-size:12px;color:#888;font-style:normal;margin-top:3px;}
/* 指南面板 */
.panel{margin-top:24px;background:#fff;border-radius:16px;padding:22px;box-shadow:0 2px 10px rgba(20,40,90,.06);border:1px solid #eef2f8;}
.panel-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:12px;border-bottom:2px solid #f0f3f9;}
.panel-h h2{font-size:19px;font-weight:900;color:#1a5fb4;border-left:5px solid #ff6600;padding-left:12px;}
.panel-h .more{color:#1a5fb4;font-size:14px;font-weight:600;text-decoration:none;}
.art-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;}
.art-list li{list-style:none;padding:12px 0;border-bottom:1px dashed #eef2f8;display:flex;gap:10px;align-items:baseline;}
.art-list li:last-child{border-bottom:none;}
.art-list a{color:#333;font-size:15px;text-decoration:none;line-height:1.5;flex:1;}
.art-list a:hover{color:#1a5fb4;}
.art-list span{color:#b0b8c6;font-size:12px;flex-shrink:0;}
/* 页脚 */
.footer{margin:30px 0 20px;background:#1a2440;border-radius:16px;color:#9fb2d0;text-align:center;padding:22px;font-size:13px;line-height:2.2;}
.footer a{color:#ffd700;text-decoration:none;}
.legal{color:#6a7c99;font-size:11px;}
/* 悬浮 */
.float-bar{position:fixed;right:20px;bottom:70px;display:flex;flex-direction:column;gap:10px;z-index:99;}
.f-btn{width:46px;height:46px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.2);}
.f-wx{background:#07c160;}.f-tel{background:#ff6600;}
/* 手机适配 */
@media (max-width:768px){
  .wrap{padding:0 14px;}
  .pb-in{padding:16px 14px 14px;}
  .pb-top{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:14px;}
  .pb-brand{gap:10px;}
  .pb-logo{width:44px;height:44px;border-radius:12px;font-size:22px;}
  .pb-name{font-size:24px;letter-spacing:1px;}
  .pb-name small{font-size:11px;letter-spacing:2px;}
  .pb-right{flex-direction:row;align-items:stretch;gap:8px;}
  .pb-search{width:100%;}
  .pb-search input{font-size:14px;padding:8px 12px;}
  .pb-search button{padding:8px 16px;font-size:14px;}
  .pb-tel{font-size:13px;padding:10px 16px;text-align:center;}
  .pb-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;}
  .pb-chips::-webkit-scrollbar{display:none;}
  .pb-chip{font-size:13px;padding:7px 13px;flex-shrink:0;}
  .channel .wrap{padding:0 8px;}
  .ch-item{padding:12px 14px;font-size:15px;}
  .slogan{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px;}
  .slogan h1{font-size:18px;}
  .ents{grid-template-columns:1fr 1fr;gap:10px;}
  .ent{padding:12px;}
  .ent-ic{width:40px;height:40px;font-size:20px;border-radius:10px;}
  .ent b{font-size:14px;}
  .ent i{font-size:10px;}
  .art-grid{grid-template-columns:1fr;}
  .art-list a{font-size:14px;}
  .panel{padding:14px;}
  .float-bar{right:14px;bottom:50px;}
}

/* 列表缩略图强约束：图片永不撑破容器 */
.thumb{overflow:hidden;position:relative;}
.thumb img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;display:block;}
.thumb span{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:bold;color:#fff;}
