/* 德阳电工工控 · 全站样式（简洁专业，移动端自适应） */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;color:#1f2d3d;background:#f5f7fa;line-height:1.7;}
a{color:#0e5fb8;text-decoration:none;}
a:hover{opacity:.85;}
img{max-width:100%;}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px;}

/* 顶栏 */
.top{background:#16324f;color:#fff;}
.top .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:14px 16px;}
.logo a{color:#fff;display:flex;flex-direction:column;}
.logo strong{font-size:22px;letter-spacing:1px;}
.logo span{font-size:12px;color:#a9c4dd;margin-top:2px;}
.phone{font-size:13px;color:#cfe4f7;}
.phone a{color:#ffd666;font-size:18px;font-weight:700;margin-left:6px;}

/* 导航 */
.nav{background:#0d2438;}
.nav .wrap{display:flex;flex-wrap:wrap;}
.nav a{color:#c7d9ea;padding:11px 20px;font-size:14px;}
.nav a:hover{background:#123c5c;}
.nav a.on{background:#0e5fb8;color:#fff;}

/* 首页横幅 */
.hero{background:linear-gradient(135deg,#16324f 0%,#0e5fb8 100%);color:#fff;padding:52px 0 44px;text-align:center;}
.hero h1{font-size:30px;margin-bottom:12px;line-height:1.4;}
.hero p{font-size:15px;color:#dceaf8;max-width:760px;margin:0 auto 22px;}
.hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.btn{background:#ffb400;color:#1f2d3d;font-weight:700;padding:12px 26px;border-radius:6px;font-size:15px;}
.btn:hover{background:#ffc22e;opacity:1;}
.btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6);}
.btn.ghost:hover{background:rgba(255,255,255,.12);opacity:1;}
.hero-region{margin-top:18px;font-size:12px;color:#a9c4dd;}

/* 区块 */
.cats,.news-home,.about,.page{padding:34px 0;}
h2{font-size:22px;color:#16324f;margin-bottom:18px;position:relative;padding-left:12px;}
h2::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;background:#0e5fb8;border-radius:2px;}
h2 .more{float:right;font-size:13px;font-weight:400;color:#0e5fb8;}

/* 产品分类卡片 */
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;}
.cat{background:#fff;border:1px solid #e3e9f0;border-radius:10px;padding:20px;display:block;transition:box-shadow .2s;}
.cat:hover{box-shadow:0 6px 18px rgba(22,50,79,.12);opacity:1;}
.cat h3{font-size:17px;color:#0e5fb8;margin-bottom:8px;}
.cat p{font-size:13px;color:#5b6b7d;}

/* 新闻列表 */
.news-list{list-style:none;background:#fff;border:1px solid #e3e9f0;border-radius:10px;overflow:hidden;}
.news-list li{padding:14px 18px;border-bottom:1px solid #eef2f7;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:baseline;}
.news-list li:last-child{border-bottom:none;}
.news-list a{font-size:15px;flex:1;min-width:200px;}
.news-list .date{font-size:12px;color:#8a97a6;}
.news-list.full .sum{font-size:13px;color:#5b6b7d;margin-top:4px;flex-basis:100%;}
.pages{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap;}
.pages a{background:#fff;border:1px solid #dbe3ec;padding:6px 12px;border-radius:5px;font-size:13px;}
.pages a.on{background:#0e5fb8;color:#fff;border-color:#0e5fb8;}

/* 关于 */
.about p{margin-bottom:10px;font-size:14px;color:#3c4a59;}
.about .strong,.contact-band .strong{font-size:16px;color:#16324f;}
.contact-band{background:#eaf2fb;border:1px solid #cfe0f2;border-radius:10px;padding:20px;margin-top:26px;}
.contact-band .big{font-size:22px;margin:8px 0;}

/* 产品页 */
.crumbs{font-size:13px;color:#8a97a6;margin-bottom:14px;}
.page h1{font-size:26px;color:#16324f;margin-bottom:16px;}
.cat-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px;}
.cat-tabs a{background:#fff;border:1px solid #dbe3ec;padding:8px 16px;border-radius:6px;font-size:14px;color:#3c4a59;}
.cat-tabs a.on{background:#0e5fb8;color:#fff;border-color:#0e5fb8;}
.pro-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:18px;}
.pro{background:#fff;border:1px solid #e3e9f0;border-radius:10px;padding:18px;}
.pro h3{font-size:16px;color:#16324f;margin-bottom:6px;}
.pro p{font-size:13px;color:#5b6b7d;margin-bottom:8px;}
.pro .tag{display:inline-block;background:#eef4fb;color:#0e5fb8;font-size:12px;padding:3px 10px;border-radius:12px;}

/* 文章详情 */
.article{background:#fff;border:1px solid #e3e9f0;border-radius:10px;padding:26px;}
.article h1{font-size:24px;line-height:1.5;margin-bottom:8px;}
.article .meta{font-size:13px;color:#8a97a6;border-bottom:1px solid #eef2f7;padding-bottom:14px;margin-bottom:16px;}
.article .content p{font-size:15px;color:#2c3a49;margin-bottom:14px;text-align:justify;}
.article .content h2{font-size:18px;margin:22px 0 12px;padding-left:12px;color:#0e5fb8;}
.article-contact{background:#eaf2fb;border:1px solid #cfe0f2;border-radius:10px;padding:16px 20px;margin-top:20px;}
.article-contact .big{font-size:20px;margin:6px 0;}
.dim{color:#8a97a6;font-size:13px;}
.strong{font-weight:600;}

/* 联系页 */
.contact-box{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;}
.cb-item{background:#fff;border:1px solid #e3e9f0;border-radius:10px;padding:20px;}
.cb-item h3{font-size:14px;color:#8a97a6;margin-bottom:8px;}
.cb-item .big{font-size:22px;color:#0e5fb8;font-weight:700;}
.cb-item p{font-size:14px;color:#3c4a59;}

/* 联系页新版 */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;}
@media(max-width:768px){.contact-grid{grid-template-columns:1fr;}}
.contact-card{background:#fff;border:1px solid #e3e9f0;border-radius:10px;padding:24px;}
.contact-card h3{font-size:17px;color:#16324f;margin-bottom:16px;}
.form-row{margin-bottom:14px;}
.form-row label{display:block;font-size:13px;color:#5b6b7d;margin-bottom:6px;}
.form-row input,.form-row textarea{width:100%;padding:10px 12px;border:1px solid #dbe3ec;border-radius:6px;font-size:14px;font-family:inherit;box-sizing:border-box;}
.form-row input:focus,.form-row textarea:focus{outline:none;border-color:#0e5fb8;}
.contact-info p{font-size:14px;color:#3c4a59;margin-bottom:10px;line-height:1.8;}
.contact-info a{color:#0e5fb8;font-weight:600;}

/* 页脚 */
.foot{background:#0d2438;color:#9fb6cc;padding:26px 0;font-size:13px;}
.foot p{margin-bottom:6px;}
.foot a{color:#ffd666;}
.foot .dim{color:#6f87a0;}

/* 移动端 */
@media(max-width:640px){
  .hero h1{font-size:23px;}
  .top .wrap{flex-direction:column;gap:8px;text-align:center;}
  .nav .wrap{justify-content:center;}
  .nav a{padding:10px 14px;font-size:13px;}
  .phone a{font-size:16px;}
  .article{padding:18px;}
  .page h1{font-size:22px;}
}