/* 基础样式复位 */
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: "Microsoft YaHei", sans-serif; line-height: 1.6; color: #333; overflow-x: hidden; }

        :root {
            --primary-blue: #003366;
            --light-blue: #0056b3;
            --accent-gray: #f4f7f9;
               --text-gray: #636e72;
            --border-color: #eee;
                    --secondary-blue: #0056b3;
            --accent-gold: #c5a059;
            --light-bg: #f4f7f9;
        }

        /* --- 导航栏 --- */
        header { background: #fff; border-bottom: 2px solid var(--primary-blue); position: sticky; top: 0; z-index: 1000; }
        .nav-container { width: 1100px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 15px 0; }
        .logo { font-size: 24px; font-weight: bold; color: var(--primary-blue); text-decoration: none; max-width:30%}
        .logo img { width:80%}
        
        nav ul { list-style: none; display: flex; }
        nav ul li { margin-left: 30px; }
        nav ul li a { text-decoration: none; color: #333; font-weight: 500; transition: color 0.3s; }
        nav ul li a:hover, nav ul li a.active { color: var(--light-blue); }

        /* SVG 汉堡包菜单按钮 */
        .menu-toggle { display: none; cursor: pointer; padding: 5px; }
        .menu-toggle svg { width: 30px; height: 30px; fill: var(--primary-blue); }

        /* --- Banner --- */
        .hero {
                height: 400px; background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; color: white; text-align: center; }
        .hero-content h1 { font-size: 36px; margin-bottom: 10px; }

        /* --- 公司简介 --- */
        .about-section { width: 1100px; margin: -50px auto 50px; background: #fff; padding: 40px; border-radius: 8px; box-shadow: 0 5px 20px rgba(0,0,0,0.15); position: relative; z-index: 10; }
        .section-title { color: var(--primary-blue); border-left: 5px solid var(--primary-blue); padding-left: 10px; font-size: 22px; margin-bottom: 20px; }
        .about-content { display: flex; gap: 30px; align-items: flex-start; }
        .about-text { flex: 1; font-size: 15px; color: #555; }
        .about-img { flex: 0 0 350px; }
        .about-img img { width: 100%; border-radius: 4px; display: block; }

        /* --- 新闻动态 --- */
        .news-section { width: 1100px; margin: 0 auto 60px; }
        .news-list { display: grid; grid-template-columns: 1fr; gap: 20px; }
        .news-item { background: var(--accent-gray); padding: 25px; border-radius: 5px; border-top: 3px solid var(--primary-blue); }
        .news-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
        .news-header h3 { font-size: 18px; color: #222; }
        .news-date { color: #999; font-size: 13px; }
        .news-detail { display: none; margin-top: 15px; padding-top: 15px; border-top: 1px dashed #ddd; font-size: 14px; color: #666; animation: fadeIn 0.5s; }
        .detail-btn { background: none; border: 1px solid var(--primary-blue); color: var(--primary-blue); padding: 6px 18px; border-radius: 4px; cursor: pointer; font-size: 13px; transition: 0.3s; margin-top: 10px; }
        .detail-btn:hover { background: var(--primary-blue); color: #fff; }

        /* --- 底部三个卡片 --- */
        .info-container { width: 1100px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-bottom: 60px; }
        .card { background: var(--accent-gray); padding: 25px; border-radius: 5px; border-top: 3px solid var(--primary-blue); transition: transform 0.3s; }
        .card:hover { transform: translateY(-5px); }
        .card h3 { margin-bottom: 15px; color: var(--primary-blue); }
        .card p { font-size: 14px; color: #666; }

        /* --- 页脚 --- */
        footer { background: #222; color: #ccc; padding: 40px 0; text-align: center; }
        .footer-links { margin-bottom: 20px; }
        .footer-links a { color: #ccc; text-decoration: none; margin: 0 10px; font-size: 14px; }

        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

        /* --- 响应式适配 --- */
        @media (max-width: 1150px) {
            .nav-container, .about-section, .news-section, .info-container { width: 92%; }
        }

        @media (max-width: 768px) {
            .menu-toggle { display: block; margin-right: 15px; }
            nav { 
                display: none; position: absolute; top: 100%; left: 0; width: 100%; 
                background: #fff; border-bottom: 2px solid var(--primary-blue); box-shadow: 0 5px 10px rgba(0,0,0,0.1);
            }
            nav.active { display: block; }
            nav ul { flex-direction: column; }
            nav ul li { margin: 0; border-bottom: 1px solid #eee; }
            nav ul li a { padding: 15px 20px; display: block; }
            
            .hero { height: 250px; }
            .hero-content h1 { font-size: 24px; }
            .about-content { flex-direction: column; }
            .about-img { flex: none; width: 100%; margin-top: 20px; }
            .info-container { grid-template-columns: 1fr; }
            .news-header { flex-direction: column; align-items: flex-start; gap: 5px; }
           .logo {max-width:70%}
        }