*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,Arial,sans-serif;font-size:14px;color:#333;background:#f0f0f0;line-height:1.6}a{color:#333;text-decoration:none}a:hover{color:#0066cc}ul{list-style:none}.navbar{background:#003366;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.15)}.navbar .container{display:flex;align-items:center;justify-content:space-between;height:56px;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:0 15px}.nav-logo{font-size:20px;font-weight:bold;color:#fff;white-space:nowrap}.nav-menu{display:flex;gap:5px;flex-wrap:wrap}.nav-menu li a{color:#fff;padding:6px 10px;border-radius:4px;font-size:13px;transition:background .2s}.nav-menu li a:hover{background:rgba(255,255,255,.15);color:#fff}.nav-phone{color:#fff;font-size:14px;white-space:nowrap;font-weight:bold}.tophead{background:#003366;color:#fff}.head{max-width:1200px;margin:0 auto;padding:0 15px}.head_m{display:flex;justify-content:space-between;align-items:center;height:36px}.head_l ul{margin:0;padding:0;list-style:none}.head_l li{color:#fff;font-size:13px}.head_r a{color:#ffd700;font-size:14px;font-weight:bold}.hero{background:linear-gradient(135deg,#003366 0%,#0055aa 100%);color:#fff;padding:60px 0;text-align:center}.hero h1{font-size:32px;margin-bottom:15px}.hero .subtitle{font-size:16px;opacity:.9;margin-bottom:30px}.stats{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:20px}.stat-item{text-align:center}.stat-item strong{display:block;font-size:28px;color:#ffd700}.stat-item span{font-size:13px;opacity:.85}section{padding:50px 0;background:#fff}h2.section-title{text-align:center;font-size:24px;color:#003366;margin-bottom:35px}h2.section-title::after{content:"";display:block;width:60px;height:3px;background:#0066cc;margin:12px auto 0}.adv-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.adv-item{flex:0 0 calc(33.33% - 14px);background:#f8f8f8;border-radius:8px;padding:25px 20px;text-align:center;border:1px solid #eee;min-height:160px}.adv-item:hover{box-shadow:0 4px 16px rgba(0,0,0,.1)}.adv-icon{font-size:32px;margin-bottom:12px}.adv-item h3{font-size:16px;color:#003366;margin-bottom:8px}.adv-item p{font-size:13px;color:#666;line-height:1.7}.products{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.prod-card{flex:0 0 calc(20% - 12px);background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px 15px;text-align:center;transition:transform .2s,box-shadow .2s;min-height:150px}.prod-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.12)}.prod-icon{font-size:28px;margin-bottom:10px}.prod-card h3{font-size:14px;color:#003366;margin-bottom:6px}.prod-card p{font-size:12px;color:#888}.apps-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.app-item{flex:0 0 calc(16.66% - 10px);background:#f0f4ff;border:1px solid #d0d8f0;border-radius:6px;padding:12px 8px;text-align:center;font-size:13px;color:#003366;min-height:50px;display:flex;align-items:center;justify-content:center}.price-table{width:100%;border-collapse:collapse;margin:20px auto;max-width:800px}.price-table th,.price-table td{border:1px solid #ddd;padding:12px;text-align:center}.price-table th{background:#003366;color:#fff;font-size:14px}.price-table td{font-size:13px}.price-table tr:nth-child(even) td{background:#f8f8f8}.process-steps{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.step{flex:0 0 calc(16.66% - 13px);text-align:center;background:#f8f8f8;border-radius:8px;padding:20px 12px}.step-num{width:36px;height:36px;background:#0066cc;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:16px;font-weight:bold}.step h3{font-size:14px;color:#003366;margin-bottom:6px}.step p{font-size:12px;color:#666;line-height:1.5}.faq-list{max-width:800px;margin:0 auto}.faq-item{margin-bottom:12px;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}.faq-item Q{display:block;background:#f5f5f5;padding:12px 15px;font-size:14px;color:#003366;font-weight:bold}.faq-item A{display:block;padding:12px 15px;font-size:13px;color:#555;background:#fff;line-height:1.7}.about-content{max-width:800px;margin:0 auto;background:#f8f8f8;border-radius:8px;padding:30px 25px}.about-content p{margin-bottom:15px;font-size:14px;line-height:1.8;color:#555}.contact-info{margin-top:20px;padding-top:20px;border-top:1px solid #ddd}.contact-info p{margin-bottom:8px;font-size:13px;color:#003366}

/* ========== 工程案例展示 - 5列网格 ========== */
.case-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;max-width:1200px;margin:0 auto;padding:0 15px}
.case-item{text-align:center;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:transform .2s,box-shadow .2s;border:1px solid #eee}
.case-item:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(0,0,0,.14)}
.case-img-wrap{width:100%;aspect-ratio:4/3;overflow:hidden;background:#f0f0f0}
.case-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.case-item:hover .case-img-wrap img{transform:scale(1.05)}
.case-label{font-size:13px;color:#003366;font-weight:bold;padding:10px 8px 12px;background:#fff;line-height:1.4}

/* ========== 服务流程 ========== */
.service-flow{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}
.service-step{flex:0 0 calc(16.66% - 13px);text-align:center;background:#f8f8f8;border-radius:8px;padding:20px 12px;border:1px solid #eee}
.step-icon{font-size:32px;margin-bottom:10px}
.service-step h3{font-size:14px;color:#003366;margin-bottom:6px}
.service-step p{font-size:12px;color:#666;line-height:1.5}