* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Segoe UI',sans-serif; line-height:1.6; color:#333; }
.container { max-width:1200px; margin:0 auto; padding:0 20px; }
header { background:#fff; box-shadow:0 2px 10px rgba(0,0,0,0.1); position:sticky; top:0; z-index:100; }
header .container { display:flex; justify-content:space-between; align-items:center; padding:15px 20px; }
.logo { display:flex; align-items:center; gap:10px; }
.logo img { height:40px; width:auto; }
.logo span { font-size:1.5rem; font-weight:bold; color:#1e3c72; }
nav ul { display:flex; list-style:none; gap:30px; }
nav a { text-decoration:none; color:#333; font-weight:500; transition:all 0.3s; display:inline-block; padding:8px 16px; border-radius:30px; }
nav a:hover { background-color:#007bff; color:white; }
.mobile-menu { display:none; font-size:24px; cursor:pointer; }
.banner { background-size:cover; background-position:center; position:relative; padding:120px 0; text-align:center; color:white; }
.banner-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); }
.banner .container { position:relative; z-index:2; }
.banner h1 { font-size:3rem; margin-bottom:15px; }
.banner p { font-size:1.5rem; }
.stats { background:linear-gradient(135deg,#1e3c72,#2b4c8a); color:white; padding:50px 0; }
.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:30px; text-align:center; }
.stat-number { font-size:2.5rem; font-weight:bold; margin-bottom:10px; }
.stat-label { font-size:1rem; opacity:0.9; }
.service-desc { padding:60px 0; text-align:center; background:#f8f9fa; }
.service-desc h2 { font-size:2.2rem; margin-bottom:15px; color:#1e3c72; }
.service-desc p { font-size:1.2rem; color:#666; margin-bottom:30px; }
.service-features { display:flex; justify-content:center; gap:40px; flex-wrap:wrap; }
.feature { background:white; padding:10px 25px; border-radius:30px; box-shadow:0 2px 8px rgba(0,0,0,0.1); font-weight:500; }
.why-us { padding:60px 0; background:white; }
.why-us h2 { text-align:center; font-size:2rem; margin-bottom:40px; color:#1e3c72; }
.features-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:30px; }
.feature-card { text-align:center; padding:30px 20px; background:#f8f9fa; border-radius:12px; transition:transform 0.3s,box-shadow 0.3s; }
.feature-card:hover { transform:translateY(-5px); box-shadow:0 10px 20px rgba(0,0,0,0.1); }
.feature-card img { width:70px; height:70px; object-fit:contain; margin-bottom:20px; }
.feature-card h3 { margin-bottom:15px; font-size:1.3rem; }
.feature-card p { color:#666; }
.media-types { padding:60px 0; background:#f0f2f5; }
.media-types h2 { text-align:center; font-size:2rem; margin-bottom:40px; color:#1e3c72; }
.types-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:30px; max-width:800px; margin:0 auto; }
.type-card { background:white; border-radius:12px; padding:30px; text-align:center; box-shadow:0 4px 12px rgba(0,0,0,0.08); }
.type-card img { width:80px; height:80px; object-fit:contain; margin-bottom:20px; }
.type-card h3 { font-size:1.5rem; margin-bottom:15px; }
.type-card p { color:#666; }
footer { background:#1a2a3a; color:#ccc; padding:40px 0 20px; }
.footer-content { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:30px; }
.footer-info { flex:1; }
.footer-logo img { height:40px; margin-bottom:15px; }
.footer-info p { margin:10px 0; }
.footer-qrcode { text-align:center; }
.footer-qrcode img { width:100px; height:100px; border-radius:8px; margin-bottom:10px; }
.online-consult { position:fixed; right:20px; bottom:100px; z-index:99; cursor:pointer; }
.consult-btn { background:#007bff; color:white; padding:12px 20px; border-radius:40px; box-shadow:0 2px 10px rgba(0,0,0,0.2); transition:background 0.3s; }
.consult-btn:hover { background:#0056b3; }
.consult-qrcode { position:absolute; bottom:60px; right:0; background:white; padding:15px; border-radius:12px; box-shadow:0 5px 20px rgba(0,0,0,0.2); text-align:center; display:none; min-width:140px; }
.consult-qrcode img { width:120px; height:120px; margin-bottom:8px; }
.consult-qrcode p { color:#333; font-size:12px; margin:0; }
.online-consult:hover .consult-qrcode { display:block; }
.back-to-top { position:fixed; right:20px; bottom:30px; background:#333; color:white; width:45px; height:45px; border-radius:50%; display:flex; align-items:center; justify-content:center; text-decoration:none; opacity:0.7; z-index:99; }
@media (max-width:768px) { nav ul { display:none; } .mobile-menu { display:block; } .stats-grid,.features-grid { grid-template-columns:repeat(2,1fr); } .types-grid { grid-template-columns:1fr; } .banner h1 { font-size:2rem; } .footer-content { flex-direction:column; text-align:center; } }
@media (max-width:480px) { .stats-grid,.features-grid { grid-template-columns:1fr; } }
/* 宣传区块样式 */
.promo-banners {
    padding: 0;
}
.promo-container {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.promo-block {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
}
.promo-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 1;
}
.promo-content {
    position: relative;
    z-index: 2;
    max-width: 800px;
    padding: 40px 20px;
}
.promo-content h2 {
    font-size: 2.5rem;
    margin-bottom: 20px;
    font-weight: bold;
}
.promo-content p {
    font-size: 1.2rem;
    margin-bottom: 30px;
    opacity: 0.95;
}
.promo-btn {
    display: inline-block;
    background: #007bff;
    color: white;
    padding: 12px 30px;
    border-radius: 40px;
    text-decoration: none;
    font-weight: bold;
    transition: background 0.3s;
}
.promo-btn:hover {
    background: #0056b3;
}
@media (max-width: 768px) {
    .promo-content h2 {
        font-size: 1.8rem;
    }
    .promo-content p {
        font-size: 1rem;
    }
    .promo-block {
        min-height: 300px;
    }
}