/* 美擎工业集团 官网 v1 —— 全站样式 */
:root{
  --primary:#2F5597; --accent:#4472C4; --light:#EAF1FB;
  --dark:#1F3B66; --text:#222222; --muted:#666666;
  --border:#D9D9D9; --bg:#FFFFFF;
}
*{box-sizing:border-box; margin:0; padding:0;}
body{font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",sans-serif; color:var(--text); background:var(--bg); line-height:1.7; font-size:15px;}
a{color:var(--accent); text-decoration:none;}
img{max-width:100%;}
.container{max-width:1080px; margin:0 auto; padding:0 20px;}

/* 顶部导航 */
.site-header{background:#fff; border-bottom:1px solid var(--border); padding:14px 0;}
.nav-bar{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px;}
.brand{font-size:20px; font-weight:700; color:var(--primary);}
.brand small{display:block; font-size:11px; color:var(--muted); font-weight:400; letter-spacing:1px;}
.nav-links{display:flex; flex-wrap:wrap; gap:4px; align-items:center;}
.nav-links a{padding:8px 12px; color:var(--text); border-radius:6px; font-size:14px;}
.nav-links a:hover{background:var(--light); color:var(--primary);}
.nav-links a.cta{background:var(--primary); color:#fff; font-weight:600;}
.nav-links a.cta:hover{background:var(--dark);}

/* Hero */
.hero{background:linear-gradient(rgba(31,59,102,.86),rgba(31,59,102,.86)),url('images/hero.jpg') center/cover no-repeat; color:#fff; text-align:center; padding:72px 20px;}
.hero.small{padding:48px 20px;}
.hero h1{font-size:34px; letter-spacing:4px; margin-bottom:14px;}
.hero.small h1{font-size:26px; letter-spacing:1px;}
.hero p{font-size:16px; opacity:.88; max-width:720px; margin:0 auto 26px;}
.hero .btns{display:flex; gap:14px; justify-content:center; flex-wrap:wrap;}
.btn{display:inline-block; padding:12px 30px; border-radius:26px; font-size:15px; font-weight:600; cursor:pointer; border:none;}
.btn-white{background:#fff; color:var(--primary);}
.btn-ghost{background:transparent; color:#fff; border:1px solid rgba(255,255,255,.6);}
.btn-primary{background:var(--primary); color:#fff;}

/* 区块 */
section{padding:56px 0;}
section.alt{background:#F7F9FC;}
.banner-wrap{padding-top:28px;}
.banner-img{width:100%; height:340px; object-fit:cover; border-radius:12px; display:block; box-shadow:0 6px 24px rgba(31,59,102,.18);}
.img-note{font-size:12px; color:var(--muted); text-align:center; margin-top:8px;}
.sec-title{text-align:center; font-size:24px; color:var(--primary); margin-bottom:8px;}
.sec-sub{text-align:center; color:var(--muted); font-size:14px; margin-bottom:36px;}

/* 产品卡片 */
.grid-4{display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:18px;}
.p-card{background:#fff; border:1px solid var(--border); border-radius:12px; padding:26px 22px; transition:box-shadow .2s;}
.p-card:hover{box-shadow:0 4px 18px rgba(47,85,151,.15); border-color:var(--accent);}
.p-card img.card-img{width:100%; height:140px; object-fit:cover; border-radius:8px; margin-bottom:14px; display:block;}
.p-card h3{font-size:17px; color:var(--primary); margin-bottom:10px;}
.p-card p{font-size:13.5px; color:var(--muted); margin-bottom:12px; min-height:66px;}
.tags span{display:inline-block; background:var(--light); color:var(--primary); font-size:12px; padding:2px 10px; border-radius:10px; margin:0 4px 6px 0;}
.p-card .more{font-size:13.5px; font-weight:600;}

/* 优势 */
.grid-2{display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:18px;}
.adv{background:#fff; border-left:4px solid var(--accent); border-radius:0 10px 10px 0; padding:20px 24px;}
.adv b{color:var(--primary); display:block; margin-bottom:6px; font-size:15.5px;}

/* 流程 */
.flow-steps{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:14px; counter-reset:step;}
.step{background:#fff; border:1px solid var(--border); border-radius:10px; padding:20px 16px; text-align:center; position:relative;}
.step::before{counter-increment:step; content:counter(step); display:inline-block; width:30px; height:30px; line-height:30px; border-radius:50%; background:var(--primary); color:#fff; font-weight:700; margin-bottom:10px;}
.step b{display:block; font-size:14.5px; color:var(--primary); margin-bottom:4px;}
.step i{font-style:normal; font-size:12.5px; color:var(--muted);}

/* 表格 */
table{width:100%; border-collapse:collapse; margin:18px 0; font-size:14px; background:#fff;}
th{background:var(--accent); color:#fff; padding:10px 12px; text-align:left; font-weight:500; white-space:nowrap;}
td{border:1px solid var(--border); padding:10px 12px; vertical-align:top;}

/* FAQ */
.faq{max-width:760px; margin:0 auto;}
.faq .q{background:#fff; border:1px solid var(--border); border-radius:10px; padding:16px 20px; margin-bottom:12px;}
.faq .q b{color:var(--primary); display:block; margin-bottom:6px;}

/* 表单 */
.form-box{background:#fff; border:1px solid var(--border); border-radius:12px; padding:30px; max-width:680px; margin:0 auto;}
.form-box label{display:block; font-size:13.5px; color:var(--muted); margin:14px 0 6px;}
.form-box label b{color:var(--primary);}
.form-box input,.form-box textarea,.form-box select{width:100%; padding:10px 12px; border:1px solid var(--border); border-radius:8px; font-size:14px; font-family:inherit;}
.form-box textarea{min-height:110px; resize:vertical;}
.form-box .submit{margin-top:20px; width:100%;}

/* 下载条 */
.dl-bar{background:var(--light); border-radius:10px; padding:18px 24px; display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between; margin:20px 0;}
.dl-bar .btn{padding:10px 22px; font-size:14px;}
.dl-list a{display:inline-block; margin:6px 14px 6px 0; font-size:14px; font-weight:600;}

/* 页脚 */
.site-footer{background:var(--dark); color:rgba(255,255,255,.85); padding:44px 0 28px; font-size:13.5px;}
.footer-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:26px; margin-bottom:26px;}
.site-footer h4{color:#fff; font-size:15px; margin-bottom:10px;}
.site-footer a{color:rgba(255,255,255,.85);}
.copy{border-top:1px solid rgba(255,255,255,.2); padding-top:16px; text-align:center; font-size:12px; opacity:.7;}

@media (max-width:640px){
  .hero h1{font-size:26px;}
  section{padding:40px 0;}
  .p-card p{min-height:0;}
}