*{margin:0;padding:0;box-sizing:border-box;font-family:"Segoe UI","Microsoft YaHei",sans-serif}
html{scroll-behavior:smooth}
body{background:#f8fafc;color:#1e293b;line-height:1.6;font-size:16px}
.tech-bg{background:#f0f7ff;background-image:radial-gradient(circle at 20% 10%,rgba(59,130,246,0.04) 0%,transparent 18%),radial-gradient(circle at 80% 60%,rgba(59,130,246,0.04) 0%,transparent 20%)}
.container{width:93%;max-width:1200px;margin:0 auto;overflow:hidden}
header{background:rgba(255,255,255,1);padding:16px 0;position:sticky;top:0;z-index:999;border-bottom:2px solid #2563eb;box-shadow:0 2px 12px rgba(0,0,0,0.08)}
.header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.logo{font-size:26px;font-weight:800;color:#2563eb;white-space:nowrap;letter-spacing:0.5px;display:flex;align-items:center;gap:8px}
.logo-icon{font-size:26px;line-height:1}
.nav{display:flex;flex-wrap:wrap;gap:12px 16px;justify-content:center;align-items:center}
.nav a{color:#1e293b;text-decoration:none;font-size:15px;font-weight:600;padding:6px 0;position:relative;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}
.nav a:hover{color:#2563eb}
.nav a::after{content:'';width:0;height:3px;background:#2563eb;position:absolute;bottom:-3px;left:0;transition:0.3s ease}
.nav a:hover::after{width:100%}
.nav a i{font-style:normal;font-size:16px;line-height:1}
.back-top{position:fixed;right:20px;bottom:80px;width:44px;height:44px;background:#2563eb;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;z-index:9999;box-shadow:0 4px 12px rgba(37,99,235,0.2);transition:0.3s ease}
.back-top:hover{background:#1d4ed8;transform:translateY(-3px)}
.banner{background:#0f172a;background-image:linear-gradient(135deg,#1E40AF 0%,#3B82F6 100%),url('../../qinghui/img/banner.jpg');background-size:cover;background-position:center;background-blend-mode:overlay;padding:50px 0;text-align:center;border-bottom:1px solid #e2e8f0;position:relative;overflow:hidden;color:white}
.banner h1{font-size:clamp(22px,5vw,34px);line-height:1.3;margin-bottom:12px;animation:fadeIn 1.2s ease;font-weight:700;word-break:keep-all}
.banner p{font-size:clamp(15px,3.5vw,18px);max-width:900px;margin:0 auto 10px;line-height:1.6;animation:fadeIn 1.4s ease;opacity:0.95;font-weight:500}
.banner .local-tag{display:inline-block;background:rgba(255,255,255,0.25);color:#fff;padding:8px 16px;border-radius:50px;margin:6px 4px;font-size:15px;font-weight:600}
.btn{display:inline-block;padding:14px 34px;background:#fff;color:#F00;font-weight:800;border-radius:6px;text-decoration:none;font-size:17px;white-space:nowrap;box-shadow:0 4px 14px rgba(59,130,246,0.2);transition:0.3s ease;animation:fadeIn 1.6s ease;margin-top:16px}
.btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(59,130,246,0.3)}
@keyframes fadeIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
.title{text-align:center;margin:36px 0 24px;font-size:28px;font-weight:700;color:#1e3a8a;position:relative;word-break:keep-all}
.title::after{content:"";width:70px;height:3px;background:linear-gradient(90deg,#3b82f6,#2563eb);display:block;margin:8px auto;transition:0.4s ease}
.title:hover::after{width:100px}
.services{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:30px}
@media (max-width:768px){.services{grid-template-columns:repeat(2,1fr)}}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center;transition:0.3s ease;position:relative;overflow:hidden}
.card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(59,130,246,0.03);transition:0.4s ease}
.card:hover::before{left:0}
.card:hover{transform:translateY(-3px);border-color:#3b82f6;box-shadow:0 4px 12px rgba(59,130,246,0.07)}
.card img{width:95%;height:auto;margin:0 auto 12px;display:block;filter:drop-shadow(0 0 6px rgba(59,130,246,0.12));transition:0.3s ease}
.card:hover img{transform:scale(1.03)}
.card h3{font-size:18px;color:#1e40af;margin-bottom:8px;word-break:keep-all;font-weight:600}
.card p{font-size:15px;color:#64748b;line-height:1.6}
.card strong{color:#2563eb;font-weight:600}
.services a{text-decoration:none}
.mb-fault{background:linear-gradient(135deg,#f8fafc 0%,#eff6ff 100%);padding:28px 0;margin:30px 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}
.mb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}
@media (max-width:768px){.mb-grid{grid-template-columns:1fr;gap:12px}}
.mb-item{min-width:0;overflow-wrap:break-word;background:#fff;border-left:4px solid #3b82f6;padding:18px;border-radius:6px;transition:0.3s ease}
.mb-item:hover{transform:translateX(3px);background:#f8fafc;border-left-color:#1d4ed8}
.mb-item h4{font-size:18px;color:#1e40af;margin-bottom:8px;word-break:keep-all;font-weight:600}
.mb-item p{font-size:15px;color:#64748b}
.equip{background:linear-gradient(135deg,#f0f7ff 0%,#dbeafe 100%);padding:28px 0;margin-bottom:30px}
.equip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
@media (max-width:768px){.equip-grid{grid-template-columns:repeat(2,1fr)}}
.equip-item{background:#fff;border-left:4px solid #2563eb;padding:16px;border-radius:6px;transition:0.3s ease}
.equip-item:hover{transform:translateX(3px);border-left-color:#1d4ed8}
.equip-item h4{font-size:18px;color:#1e40af;margin-bottom:8px;word-break:keep-all;font-weight:600}
.equip-item p{font-size:15px;color:#64748b}
.flow{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:36px}
.flow-item{background:#fff;border:1px solid #e2e8f0;padding:26px 20px;border-radius:10px;text-align:center;transition:0.3s ease}
.flow-item:hover{transform:translateY(-3px);border-color:#3b82f6}
.flow-item h4{font-size:20px;color:#1e3a8a;margin:8px 0;word-break:keep-all;font-weight:700}
.flow-item p{font-size:16px;color:#64748b}
@media (max-width:768px){.flow{grid-template-columns:repeat(2,1fr) !important}}
@media (max-width:480px){.flow{grid-template-columns:repeat(2,1fr) !important}}
.cases{padding:28px 0;background:linear-gradient(135deg,#f8fafc 0%,#f0f7ff 100%);border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;margin-bottom:30px}
.case-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
@media (max-width:768px){.case-grid{grid-template-columns:repeat(2,1fr)}}
.case-card{background:#fff;padding:18px;border-radius:10px;border:1px solid #e2e8f0;transition:0.3s ease;height:100%;display:flex;flex-direction:column}
.case-card:hover{transform:translateY(-3px);border-color:#3b82f6}
.case-icon{width:95%;height:auto;margin:0 auto 12px;display:block}
.case-card p{color:#64748b;font-size:15px;margin-bottom:10px;line-height:1.6}
.case-card h4{color:#1e40af;font-size:16px;word-break:keep-all;font-weight:600}
.case-card span{color:#94a3b8;font-size:13px}
.promise{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);padding:34px 0;text-align:center;border-top:1px solid #e2e8f0;margin-bottom:30px}
.promise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:18px}
.promise-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px 14px;transition:0.3s ease}
.promise-item:hover{transform:translateY(-3px);border-color:#3b82f6;box-shadow:0 4px 12px rgba(59,130,246,0.07)}
.promise-item h3{font-size:16px;color:#1e40af;margin-bottom:8px;word-break:keep-all;font-weight:600}
.promise-item p{font-size:14px;color:#64748b}
.contact{background:#fff;border:2px solid #3b82f6;padding:28px;border-radius:12px;text-align:center;margin-bottom:30px;transition:0.3s ease}
.contact:hover{border-color:#2563eb;box-shadow:0 4px 14px rgba(59,130,246,0.07)}
.contact h3{font-size:22px;color:#1e40af;margin-bottom:12px;word-break:keep-all;font-weight:700}
.contact p{font-size:16px;color:#64748b;margin:8px 0;word-break:break-word;font-weight:500;line-height:1.8}
.contact strong{color:#2563eb;font-weight:700}
.contact .btn-red{background:#dc2626;color:#fff}
.contact .btn-red:hover{background:#b91c1c;transform:translateY(-3px);box-shadow:0 6px 20px rgba(220,38,38,0.3)}
.footer-nav{margin-bottom:12px;line-height:1.8}
.footer-nav a{color:#2563eb;text-decoration:none;font-size:14px;font-weight:500;margin:0 6px}
.footer-nav a:hover{color:#1d4ed8;text-decoration:underline}
.mobile-footer-bar{position:fixed;bottom:0;left:0;right:0;background:#2563eb;color:white;padding:14px 10px;text-align:center;z-index:999;display:none}
.mobile-footer-bar a{color:#fff;text-decoration:none;font-size:18px;font-weight:800}
@media (max-width:768px){.mobile-footer-bar{display:block}body{padding-bottom:70px}}
footer{background:#f1f5f9;padding:20px 0;text-align:center;border-top:1px solid #e2e8f0}
footer p{color:#64748b;font-size:13px;margin:4px 0;line-height:1.6;padding:0 10px}
footer p a{color:#64748b;text-decoration:none}