/* 页尾整体容器：背景色#192e64，白色文字 */
.footer-section {
    width: 100%;
    background-color: #192e64;
    color: #FFFFFF;
    padding: 60px 0 40px;
}

/* 内容容器：限制最大宽度，居中 */
.footer-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 第一行：公司名称样式 */
.company-name {
    text-align: left;
    margin-bottom: 40px;
}
/* 中文名称：稍大字体 */
.cn-name {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 8px;
    letter-spacing: 1px;
}
/* 英文名称：稍小字体 */
.en-name {
    font-size: 16px;
    font-weight: 400;
    opacity: 0.9;
}

/* 第二至五行：联系方式容器 */
.contact-info {
    display: flex;
    flex-direction: column;
    align-items:flex-start;
    gap: 20px; /* 每项间距 */
    margin-bottom: 30px;

}
/* 单个联系项：图标+文字横向排列 */
.contact-item {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 12px; /* 图标与文字间距 */
}
/* 本地图片图标样式：固定尺寸，白色适配 */
.contact-icon {
    width: 20px;
    height: 20px;
    /* 确保图标为白色（若图片非白色，可添加滤镜） */
    filter: brightness(0) invert(1);
    object-fit: contain;
}
/* 联系文字样式 */
.contact-text {
    font-size: 16px;
    font-weight: 400;
    opacity: 0.9;
}

/* 第六行：白色分隔线 */
.footer-divider {
    width: 80%;
/*    max-width: 800px;*/
    height: 1px;
    background-color: #FFFFFF;
    opacity: 0.3;
    margin-bottom: 20px;
}

/* 第七行：版权信息 */
.copyright-info {
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    opacity: 0.8;
}

/* 响应式适配：小屏调整 */
@media (max-width: 768px) {
    .footer-section {
        padding: 40px 0 30px;
    }

    .cn-name {
        font-size: 20px;
    }

    .en-name {
        font-size: 14px;
    }

    .contact-text {
        font-size: 14px;
    }

    .copyright-info {
        font-size: 12px;
        line-height: 1.6;
    }
}