/* ========= 新增底部Footer (常规元素) ========= */
        .main-footer {border-top:0px dashed #ddd;
            background-color: #fff;
            color: #cfdfed;
            padding: 48px 0 24px;
            margin-top: 0;
        }
        .footer-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 40px;
            margin-bottom: 40px;
        }
        .footer-col h4 {font-weight: normal;
            color: #333;
            font-size: 18px;
            margin-bottom: 20px;
            position: relative;
            padding-bottom: 10px;
        }
        .footer-col h4::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 0px;
            height: 0px;
            background: #4671fb;
        }
        .footer-col p, .footer-col ul {
            font-size: 14px;color: #333;
            line-height: 1.8;
            opacity: 0.8;
        }
        .footer-col ul {
            list-style: none;
        }
        .footer-col ul li {
            margin-bottom: 10px;
            cursor: pointer;
            transition: 0.2s;
        }
        .footer-col ul li a{color: #333;}
        .footer-col ul li a:hover {
            color: #4671fb;
            transform: translateX(4px);
        }
		.footer-col ul li img{display: block;width:80px;}
		
		.erweima ul li{float:left;margin-right: 1vw;text-align: center;}
		
        .social-icons {
            display: flex;
            gap: 16px;
            margin-top: 20px;
        }
        .social-icons i {color:#666;
            font-size: 22px;
            cursor: pointer;
            transition: 0.2s;
        }
        .social-icons i:hover {
            color: #4671fb;
            transform: translateY(-3px);
        }
        .footer-bottom {
            border-top: 1px dashed #ddd;
            padding-top: 24px;
            text-align: center;
            font-size: 13px;
            opacity: 0.7;
        }
		.footer-bottom p{color:#666;}
		.footer-bottom p a{color:#666;}
        @media (max-width: 780px) {
            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
            }
            .footer-col h4::after {
                left: 50%;
                transform: translateX(-50%);
            }
            .social-icons {
                justify-content: center;
            }
        }
        /* 响应式菜单调整 */
        @media (max-width: 950px) {
            .menu-wrapper { gap: 12px; }
            .main-menu { gap: 16px; font-size: 14px; }
            .logo-area img { height: 42px; }
        }
        @media (max-width: 780px) {
            .nav-bottom .container { flex-direction: column; gap: 12px; }
            .menu-wrapper { width: 100%; justify-content: space-between; }
            .top-right { gap: 18px; }
@media (max-width: 780px) {
    .main-footer {
        padding: 24px 0 16px;
    }
    .footer-grid {
        /* 改动：从 1列 改为 2列，并保持原有的 gap */
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 18px;
        margin-bottom: 20px;
        text-align: center;
    }
    /* 让第3、4个栏目（联系我们、二维码）跨两列，占满整行 */
    .footer-col:nth-child(3),
    .footer-col:nth-child(4) {
        grid-column: span 2;
    }

    .footer-col {
        padding: 0 3vw;
    }
    .footer-col h4 {
        font-size: 4.8vw;
        margin-bottom: 10px;
        padding-bottom: 6px;
        font-weight: normal;
    }
    .footer-col h4::after {
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
    }
    .footer-col p,
    .footer-col ul,
    .footer-col li,
    .footer-col a {
        font-size: 3.8vw;
        line-height: 2;
        opacity: 0.85;
    }
    .footer-col ul li {
        margin-bottom: 4px;
    }
    .footer-col ul li a {
        font-size: 3.8vw;
    }

    /* 二维码区域（已保持内部flex水平居中，无需改动） */
    .erweima ul {
        display: flex;
        justify-content: center;
        gap: 6vw;
        padding: 0;
        margin: 0;
    }
    .erweima ul li {
        float: none;
        margin-right: 0;
        text-align: center;
        font-size: 3.5vw;
        list-style: none;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .footer-col ul li img {
        display: block;
        width: 22vw;
        max-width: 88px;
        margin: 0 auto 4px;
        border-radius: 4px;
    }

    /* 联系信息 */
   .footer-col p {
        display: flex;
        align-items: center;
        justify-content: center;   /* 保持居中布局 */
        gap: 2vw;                 /* 图标与文字间距，替代原有 margin-right */
        margin-bottom: 4px;
        font-size: 3.8vw;
    }
    .footer-col p i {
        font-size: 4.5vw;         /* 统一图标大小（与社交图标一致） */
        width: auto;              /* 取消固定宽度，让 flex 自然排列 */
        line-height: 1;
        margin-right: 0;          /* 取消旧有的 margin-right，由 gap 控制 */
    }

    /* 社交图标 */
  .social-icons {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 14px;
        margin-top: 12px;
    }
    .social-icons i {
        font-size: 4.5vw;         /* 与电话图标大小统一 */
        line-height: 1;
        display: inline-flex;     /* 确保图标本身居中 */
        align-items: center;
        justify-content: center;
    }

    /* 版权底部 */
    .footer-bottom {
        padding-top: 14px;
        font-size: 3.2vw;
        opacity: 0.7;
    }
    .footer-bottom p {
        font-size: 3.2vw;
        color: #666;
        margin: 0;
        padding: 0 2vw;
    }
}

/* 针对更小屏幕（宽度 ≤ 400px）的微调，保持并排不变 */
@media (max-width: 400px) {
    .footer-col h4 {
        font-size: 4.5vw;
    }
    .footer-col p,
    .footer-col ul,
    .footer-col li,
    .footer-col a {
        font-size: 3.5vw;
    }
    .erweima ul {
        gap: 5vw;
    }
    .erweima ul li {
        font-size: 3.2vw;
    }
    .footer-col ul li img {
        width: 20vw;
        max-width: 72px;
    }
    .social-icons i {
        font-size: 5vw;
    }
    .footer-bottom p {
        font-size: 3vw;
    }
}
    /* 针对更小屏幕（宽度 ≤ 400px）的微调 */
    @media (max-width: 400px) {
        .footer-col h4 {
            font-size: 4.5vw;
        }
        .footer-col p,
        .footer-col ul,
        .footer-col li,
        .footer-col a {
            font-size: 3.5vw;
        }
        .erweima ul {
            gap: 5vw;
        }
        .erweima ul li {
            font-size: 3.2vw;
        }
        .footer-col ul li img {
            width: 20vw;
            max-width: 72px;
        }
        .social-icons i {
            font-size: 5vw;
        }
        .footer-bottom p {
            font-size: 3vw;
        }
    }