/* Footer CSS - 使用vw单位实现响应式设计
==================================== */

/* CSS变量定义 */
:root {
    --footer-bg-color: #00509F;
    --footer-text-color: #FFFFFF;
    --footer-text-hover-color: #eee;
    --footer-copyright-color: #949494;
    --footer-font-family: "Source Han Sans CN", "思源黑体", sans-serif;
}

footer {
    background: var(--footer-bg-color);
    height: 28.125vw; /* 540px @1920 -> 28.125vw */
    padding: 3.75vw 18.75vw 4.167vw; /* 72px 360px 80px @1920 */
    position: relative;
    width: 100vw;
    box-sizing: border-box;
}

footer a {
    color:#fff;
}

footer a:hover {
    color:#eee;
    text-decoration:none;
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6{
    color: #FFFFFF;
}

footer address {
    line-height:1.6em;
}

footer h5 a:hover, footer a:hover {
    text-decoration:none;
}

/* 链接列表样式 */
ul.link-list{
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.link-list li{
    margin: 0;
    padding: 2px 0 2px 0;
    list-style: none;
}

footer ul.link-list li a{
    color: #FFFFFF;
    font-family: "Source Han Sans CN", "Source Han Sans CN";
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    text-align: left;
    text-decoration: none;
}

footer ul.link-list li a:hover {
    color: #eee;
    text-decoration: underline;
}

/* 页脚内容链接列表样式 */
footer ul.link-list {
    width: auto;
    height: auto;
    margin-bottom: 20px;
}

/* 页脚导入文字内容样式 - 使用vw单位 */
footer ul.link-list li a,
footer ul.link-list li,
.office-address div,
#contact_info_container li {
    width: 2.917vw; /* 56px @1920 -> 2.917vw */
    height: auto; /* 自适应高度 */
    font-family: var(--footer-font-family);
    font-weight: 400;
    font-size: clamp(12px, 0.729vw, 14px); /* 14px @1920 -> 0.729vw，最小12px */
    color: var(--footer-text-color);
    line-height: clamp(20px, 1.458vw, 28px); /* 28px @1920 -> 1.458vw，最小20px */
    text-align: left;
    font-style: normal;
    text-transform: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 地址行超出宽度设置 */
.office-address div {
    width: auto;
    max-width: 100%;
}

/* 联系方式和产品项目宽度调整 */
#contact_info_container li,
#product_solution_container li,
#service_support_container li {
    width: auto;
    max-width: 100%;
}

/* 链接列表宽度 */
#product_solution_container,
#service_support_container,
#contact_info_container {
    width: 100%;
}

/* 二维码下面的文字不应用上述样式 */
.qrcode-labels span {
    font-family: "Source Han Sans CN";
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
}

/* 联系方式列表样式 */
#contact_info_container {
    margin-bottom: 0;
    padding-bottom: 0;
}

/* 地址行特殊样式 */
li.address-line {
    display: flex !important;
    flex-wrap: wrap;
}

/* 地址前缀的字间距控制 */
.address-prefix-char {
    display: inline-block;
    width: 14px; /* 与文字大小相同 */
}

.address-prefix-char.spacer {
    width: 14px; /* 占位符宽度与文字相同 */
    visibility: hidden; /* 隐藏但保持占位 */
}

.address-prefix {
    display: inline-flex;
    align-items: center;
    width: 60px;
}

/* 移除旧的margin设置 */
.address-prefix-char.first-char {
    margin-right: 0;
}

/* 地址内容样式 - 确保与冒号有适当间距 */
.address-content {
    display: inline-block;
    white-space: nowrap;
    position: relative;
    left: 5px;
}

/* 联系部分整体容器 */
.contact-section {
    margin-bottom: 10px;
}

/* 办公地址样式 */
.office-address {
    max-width: none;  /* 移除最大宽度限制 */
    width: 100%;      /* 使用完整可用宽度 */
    overflow: visible; /* 允许内容溢出 */
    position: relative; /* 支持绝对定位 */
    z-index: 1;        /* 确保内容在上层 */
}

.office-address div {
    max-width: none;  /* 移除最大宽度限制 */
    white-space: nowrap; /* 强制在一行显示 */
    overflow: visible;  /* 允许内容超出容器 */
    line-height: 28px;
    margin-bottom: 0;
    position: relative; /* 相对定位 */
}

/* 地址行样式 - 使用突破容器的方式 */
.address-line {
    max-width: none;
    width: auto;      /* 自动宽度 */
    min-width: 100%;  /* 至少占满容器 */
    display: block;   /* 块级显示 */
    position: relative; /* 相对定位 */
    padding-left: 60px; /* 为地址前缀预留空间 */
    white-space: nowrap; /* 强制不换行 */
    overflow: visible;   /* 允许溢出 */
}

/* 调整地址前缀位置 */
.address-prefix {
    position: absolute;
    left: 0;
    width: 60px;
}

/* 页脚标题样式 */
.widgetheading {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
}

footer .widgetheading {
    position: relative;
    font-family: var(--footer-font-family);
    font-weight: 400;
    font-size: clamp(20px, 1.458vw, 28px); /* 28px @1920 -> 1.458vw，最小20px */
    color: var(--footer-text-color);
    line-height: clamp(24px, 1.771vw, 34px); /* 34px @1920 -> 1.771vw，最小24px */
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-bottom: 0.781vw; /* 15px @1920 -> 0.781vw */
    display: block;
}

/* 版权区域样式 */
.copyright {
    display: none;
}

.footer-divider {
    width: 100%;
    height: 0.052vw; /* 1px @1920 -> 0.052vw */
    background-color: #ccc;
    margin: 0.781vw 0; /* 15px @1920 -> 0.781vw */
    position: absolute;
    bottom: 3.646vw; /* 70px @1920 -> 3.646vw */
    left: 0;
}

.footer-copyright {
    position: absolute;
    bottom: 1.823vw; /* 35px @1920 -> 1.823vw */
    width: 62.5vw; /* 1200px @1920 -> 62.5vw */
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: var(--footer-copyright-color);
    font-size: clamp(11px, 0.625vw, 12px); /* 12px @1920 -> 0.625vw，最小11px */
    line-height: clamp(16px, 0.833vw, 16px); /* 16px @1920 -> 0.833vw，最小16px */
}

.footer-copyright a {
    color: #949494;
}

/* 二维码容器样式 - 使用vw单位 */
#follow_us_container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.042vw; /* 20px @1920 -> 1.042vw */
    margin: 1.042vw 0; /* 20px @1920 -> 1.042vw */
    width: 100%;
    flex-wrap: wrap;
}

/* 单个二维码项目容器 - 使用vw单位 */
.qrcode-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 3.542vw; /* 68px @1920 -> 3.542vw */
    min-width: 3.542vw;
}

/* 二维码图片样式 - 使用vw单位 */
.qrcode-item img {
    width: 3.542vw; /* 68px @1920 -> 3.542vw */
    height: 3.542vw; /* 68px @1920 -> 3.542vw */
    object-fit: contain;
    margin-bottom: 0.417vw; /* 8px @1920 -> 0.417vw */
    border-radius: 0.208vw; /* 4px @1920 -> 0.208vw */
}

/* 二维码标题样式 - 使用vw单位 */
.qrcode-item .qrcode-title {
    font-family: var(--footer-font-family);
    font-weight: 400;
    font-size: clamp(10px, 0.625vw, 12px); /* 12px @1920 -> 0.625vw，最小10px */
    color: var(--footer-text-color);
    line-height: clamp(18px, 1.458vw, 28px); /* 28px @1920 -> 1.458vw，最小18px */
    text-align: center;
    font-style: normal;
    text-transform: none;
    white-space: nowrap;
    width: 100%;
    display: block;
}

/* 这个规则将被整合到新的1058px-492px统一规则中 */

/* 响应式调整 */
@media screen and (max-width: 991px) {
    #follow_us_container {
        gap: 15px;
    }
    
    .qrcode-item {
        width: 60px;
    }
    
    .qrcode-item img {
        width: 60px;
        height: 60px;
    }
}

@media screen and (max-width: 767px) {
    #follow_us_container {
        gap: 10px;
    }
    
    .qrcode-item {
        width: 55px;
    }
    
    .qrcode-item img {
        width: 55px;
        height: 55px;
    }
    
    .qrcode-item .qrcode-title {
        font-size: 11px;
        line-height: 24px;
    }
}

/* 极小屏幕进一步优化 */
@media screen and (max-width: 576px) {
    #follow_us_container {
        gap: 8px;
        justify-content: space-around; /* 均匀分布 */
    }
    
    .qrcode-item {
        width: 50px;
    }
    
    .qrcode-item img {
        width: 50px;
        height: 50px;
    }
    
    .qrcode-item .qrcode-title {
        font-size: 10px;
        line-height: 20px;
    }
}

/* 移除旧的二维码标签样式 */
.qrcode-labels {
    display: none;
}

/* 服务支持列表项 */
#service_support_container li {
    margin-bottom: 5px;
}

/* 响应式页脚布局 */
@media (max-width: 991px) {
    .footer-divider {
        position: relative;
        bottom: auto;
        margin-top: 30px;
    }
    
    .footer-copyright {
        position: relative;
        bottom: auto;
        margin-top: 15px;
    }
}

/* 调整移动端样式 */
@media (max-width: 767px) {
    footer {
        padding: 30px 0 60px;
    }
    
    footer .col-lg-1, footer .col-lg-2, footer .col-md-4, footer .col-lg-4, 
    footer .col-lg-5, footer .col-lg-6, footer .col-lg-7, footer .col-lg-8, 
    footer .col-lg-9, footer .col-lg-10, footer .col-lg-11, footer .col-lg-12{
        margin-bottom: 20px;
    }
    
    /* 移动端标题字体大小调整 */
    footer .widgetheading {
        font-size: 24px;
        line-height: 30px;
    }
    
    /* 移动端二维码调整 */
    #follow_us_container {
        justify-content: flex-start;
        gap: 10px;
    }
    
    .qrcode-item {
        width: 60px;
    }
    
    .qrcode-item img {
        width: 60px;
        height: 60px;
    }
    
    .qrcode-item .qrcode-title {
        font-size: 11px;
        line-height: 24px;
    }
    
    /* 进一步减小行高 */
    .office-address,
    .office-address div,
    .address-line,
    .address-prefix,
    .address-content {
        line-height: 22px !important; /* 极小屏幕上进一步减小行高 */
    }
    
    /* 极小屏幕上地址内容调整 */
    .address-content {
        margin-left: 10px !important; /* 极小屏幕上进一步减小左边距 */
    }
    
    /* 极小屏幕上地址行样式 */
    .address-line {
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
    }
    
    /* 极小屏幕上地址前缀样式 */
    .address-prefix {
        display: block !important;
        float: none !important; /* 移除浮动 */
        margin: 0 !important;
        width: auto !important;
    }
    
    /* 调整联系方式框架中所有内容的显示方式 */
    #contact_info_container li {
        line-height: 22px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* 联系我们栏调整 */
footer .col-md-4:last-child {
    overflow: visible; /* 允许内容溢出 */
    position: relative; /* 支持绝对定位 */
}

footer .col-md-4:last-child .widget {
    position: relative;
    overflow: visible;
}

/* 添加响应式处理 */
@media screen and (max-width: 1437px) {
    /* 保持基本行高 */
    .office-address,
    .office-address div,
    .address-line,
    .address-prefix,
    .address-content {
        line-height: 28px !important; /* 行高为28px */
    }
    
    /* 地址内容不换行显示 */
    .address-content {
        display: inline-block !important; /* 行内块显示 */
        white-space: nowrap !important; /* 不允许换行 */
        overflow: hidden !important; /* 隐藏溢出 */
        text-overflow: ellipsis !important; /* 溢出显示省略号 */
        margin-left: 0 !important; /* 移除左侧缩进 */
    }
    
    /* 英文界面地址内容允许换行 */
    html[lang="en"] .address-content,
    body.english-version .address-content,
    .index_en .address-content,
    [data-lang="en"] .address-content {
        white-space: normal !important; /* 允许英文地址换行 */
        overflow: visible !important; /* 允许内容溢出 */
        text-overflow: initial !important; /* 移除省略号 */
        word-wrap: break-word !important; /* 允许单词换行 */
        word-break: break-word !important; /* 允许单词内换行 */
    }
    
    /* 控制地址前缀不换行 */
    .address-prefix {
        display: block !important;
        float: left !important;
        margin-right: 0 !important;
    }
}

/* 特别小的屏幕上进一步优化 */
@media screen and (max-width: 991px) {
    /* 减小行高 */
    .office-address,
    .office-address div,
    .address-line,
    .address-prefix,
    .address-content {
        line-height: 24px !important;
    }

    /* 地址行样式 */
    .address-line {
        position: relative !important;
        padding-left: 10px !important; /* 减小左内边距 */
        min-height: 24px !important;
    }

    /* 地址前缀固定位置 */
    .address-prefix {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 10px !important; /* 减小标签宽度 */
    }

    /* 地址内容样式 */
    .address-content {
        display: block !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        word-break: break-word !important;
    }
}

/* 极小屏幕样式保持相同的间距结构 */
@media screen and (max-width: 767px) {
    .office-address,
    .office-address div,
    .address-line,
    .address-prefix,
    .address-content {
        line-height: 22px !important;
    }
}

/* 地址前缀的字间距控制 */
.address-prefix-char {
    display: inline-block;
}
.address-prefix-char.first-char {
    margin-right: 28px; /* 控制"地"和"址"之间的间距 */
}

/* 调整不同屏幕尺寸下"地"和"址"之间的间距 */
@media screen and (max-width: 991px) {
    .address-prefix-char.first-char {
        margin-right: 15px; /* 小屏幕上减小间距 */
    }

}

@media screen and (max-width: 767px) {
    .address-prefix-char.first-char {
        margin-right: 5px; /* 极小屏幕上进一步减小间距 */
    }
}

/* 控制产品中心和服务与支持链接的行高 */
#product_solution_container li,
#service_support_container li {
    line-height: 28px; /* 行高28px，与字体14px形成上下各7px的间距 */
    margin: 0; /* 移除外边距 */
    padding: 0; /* 移除内边距 */
}

/* 确保链接本身也遵循相同的行高 */
#product_solution_container li a,
#service_support_container li a {
    line-height: 28px;
    margin: 0;
    padding: 0;
}

/* 针对989px以下屏幕的地址显示特殊处理 */
@media screen and (max-width: 989px) {
    /* 地址行调整为垂直布局 */
    li.address-line {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        padding-left: 0 !important;
        margin-bottom: 10px !important;
    }
    
    /* 地址前缀独立一行显示 */
    .address-prefix {
        position: relative !important;
        left: 0 !important;
        width: auto !important;
        margin-bottom: 5px !important;
        display: block !important;
    }
    
    /* 地址内容不换行显示 */
    .address-content {
        display: inline-block !important;
        white-space: nowrap !important; /* 不允许换行 */
        overflow: hidden !important; /* 隐藏溢出 */
        text-overflow: ellipsis !important; /* 溢出显示省略号 */
        left: 0 !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
        max-width: 100% !important; /* 最大宽度100% */
        line-height: 1.5 !important;
    }
    
    /* 英文界面地址内容允许换行 */
    html[lang="en"] .address-content,
    body.english-version .address-content,
    .index_en .address-content,
    [data-lang="en"] .address-content {
        white-space: normal !important; /* 允许英文地址换行 */
        overflow: visible !important; /* 允许内容溢出 */
        text-overflow: initial !important; /* 移除省略号 */
        word-wrap: break-word !important; /* 允许单词换行 */
        word-break: break-word !important; /* 允许单词内换行 */
    }
    
    /* 办公地址容器调整 */
    .office-address div {
        white-space: normal !important;
    }
    
    /* 确保地址内容可以正确换行 */
    #contact_info_container li {
        white-space: normal !important;
        width: 100% !important;
    }
}

/* 英文界面地址行特殊处理 */
html[lang="en"] .address-line,
body.english-version .address-line,
.index_en .address-line,
[data-lang="en"] .address-line {
    white-space: normal; /* 允许英文地址自动换行 */
    line-height: 1.5; /* 增加行距 */
    margin-bottom: 5px; /* 地址行之间的间距 */
}

/* 小屏幕(491px以下)英文界面地址显示特殊处理 */
@media screen and (max-width: 491px) {
    /* 英文界面地址行在小屏幕下强制换行显示 */
    html[lang="en"] .address-line,
    body.english-version .address-line,
    .index_en .address-line,
    [data-lang="en"] .address-line {
        display: flex !important;
        flex-direction: column !important;
        margin-bottom: 5px !important;
    }
    
    /* 英文界面地址前缀(Address:)单独一行显示，字母间不要有间距 */
    html[lang="en"] .address-prefix,
    body.english-version .address-prefix,
    .index_en .address-prefix,
    [data-lang="en"] .address-prefix {
        display: block !important;
        width: 100% !important;
        margin-bottom: 5px !important; /* 减小与内容的间距 */
        position: static !important;
        letter-spacing: normal !important; /* 恢复正常字母间距 */
    }
    
    /* 移除Address字母之间的间距 */
    html[lang="en"] .address-prefix-char,
    body.english-version .address-prefix-char,
    .index_en .address-prefix-char,
    [data-lang="en"] .address-prefix-char {
        width: auto !important; /* 移除固定宽度 */
        display: inline !important; /* 使用行内显示而非行内块 */
        letter-spacing: normal !important; /* 使用正常字母间距 */
        margin: 0 !important; /* 移除所有边距 */
        padding: 0 !important; /* 移除所有内边距 */
    }
    
    /* 英文界面地址内容不换行显示 */
    html[lang="en"] .address-content,
    body.english-version .address-content,
    .index_en .address-content,
    [data-lang="en"] .address-content {
        display: inline-block !important;
        white-space: nowrap !important; /* 不允许换行 */
        overflow: hidden !important; /* 隐藏溢出 */
        text-overflow: ellipsis !important; /* 溢出显示省略号 */
        padding-left: 5px !important; /* 增加一点左侧缩进 */
        margin-left: 0 !important;
        max-width: calc(100% - 5px) !important; /* 考虑左侧缩进的最大宽度 */
        line-height: 1.3 !important; /* 减小行高使文本更紧凑 */
        margin-bottom: 2px !important; /* 减小底部间距 */
        text-align: left !important; /* 左对齐 */
    }
    
    /* 修复地址各行之间的间距问题 */
    html[lang="en"] .address-line + .address-line,
    body.english-version .address-line + .address-line,
    .index_en .address-line + .address-line,
    [data-lang="en"] .address-line + .address-line {
        margin-top: 0 !important; /* 减少地址行之间的间距 */
    }
    
    /* 小屏幕下隐藏Address字母间距控制的特殊标签 */
    html[lang="en"] .address-prefix-char[style*="visibility:hidden"],
    body.english-version .address-prefix-char[style*="visibility:hidden"],
    .index_en .address-prefix-char[style*="visibility:hidden"],
    [data-lang="en"] .address-prefix-char[style*="visibility:hidden"] {
        display: none !important; /* 完全隐藏而不是仅改变可见性 */
    }
    
    /* 中文界面小屏幕地址显示处理 */
    .address-line {
        display: flex !important;
        flex-direction: column !important;
        margin-bottom: 5px !important;
    }
    
    /* 中文界面地址前缀单独一行显示 */
    .address-prefix {
        display: block !important;
        width: 100% !important;
        margin-bottom: 5px !important;
        position: static !important;
    }
    
    /* 中文界面地址前缀字符间距控制 */
    .address-prefix-char.first-char {
        margin-right: 5px !important; /* 小屏幕下"地"和"址"之间的间距 */
    }
    
    .address-prefix-char.spacer {
        display: none !important; /* 小屏幕下隐藏间距字符 */
    }
    
    /* 通用地址内容不换行显示 */
    .address-content {
        display: inline-block !important;
        white-space: nowrap !important; /* 不允许换行 */
        overflow: hidden !important; /* 隐藏溢出 */
        text-overflow: ellipsis !important; /* 溢出显示省略号 */
        padding-left: 5px !important; /* 增加一点左侧缩进 */
        margin-left: 0 !important;
        max-width: calc(100% - 5px) !important; /* 考虑左侧缩进的最大宽度 */
        line-height: 1.3 !important; /* 减小行高使文本更紧凑 */
        margin-bottom: 2px !important; /* 减小底部间距 */
        text-align: left !important; /* 左对齐 */
    }
}

/* 确保移动端英文地址也能正常显示 */
@media screen and (max-width: 767px) {
    html[lang="en"] .address-line,
    body.english-version .address-line,
    .index_en .address-line,
    [data-lang="en"] .address-line {
        position: relative;
    }
} 

/* 页脚容器样式 - 使用vw单位 */
footer .container {
    width: 62.5vw; /* 1200px @1920 -> 62.5vw */
    height: 24.479vw; /* 470px @1920 -> 24.479vw */
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    z-index: 2;
    background: none;
    padding: 0;
}

footer .container > .row {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    gap: 0;
}

/* 页脚列布局 - 使用vw单位 */
footer .container > .row > .col-md-4:nth-child(1) {
    width: 7.969vw; /* 153px @1920 -> 7.969vw */
    text-align: left;
}

footer .container > .row > .col-md-4:nth-child(2) {
    width: 7.292vw; /* 140px @1920 -> 7.292vw */
    margin-left: 9.323vw; /* 179px @1920 -> 9.323vw */
    text-align: left;
}

footer .container > .row > .col-md-4:nth-child(3) {
    width: 26.458vw; /* 508px @1920 -> 26.458vw */
    margin-left: 11.458vw; /* 220px @1920 -> 11.458vw */
    text-align: left;
}

footer .container > .row > .col-md-4 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 英文版页脚列布局调整 - 使用vw单位 */
html[lang="en"] footer .container > .row > .col-md-4:nth-child(1),
body.english-version footer .container > .row > .col-md-4:nth-child(1),
.index_en footer .container > .row > .col-md-4:nth-child(1),
[data-lang="en"] footer .container > .row > .col-md-4:nth-child(1) {
    width: 11.042vw !important; /* 212px @1920 -> 11.042vw */
}

html[lang="en"] footer .container > .row > .col-md-4:nth-child(2),
body.english-version footer .container > .row > .col-md-4:nth-child(2),
.index_en footer .container > .row > .col-md-4:nth-child(2),
[data-lang="en"] footer .container > .row > .col-md-4:nth-child(2) {
    width: 13.021vw !important; /* 250px @1920 -> 13.021vw */
    margin-left: 5.833vw; /* 112px @1920 -> 5.833vw */
}

html[lang="en"] footer .container > .row > .col-md-4:nth-child(3),
body.english-version footer .container > .row > .col-md-4:nth-child(3),
.index_en footer .container > .row > .col-md-4:nth-child(3),
[data-lang="en"] footer .container > .row > .col-md-4:nth-child(3) {
    margin-left: 5.729vw !important; /* 110px @1920 -> 5.729vw */
}

/* ===== 响应式断点优化 ===== */

/* 超大屏幕适配 (> 1920px) */
@media (min-width: 1921px) {
    footer {
        height: 540px; /* 固定高度 */
        padding: 72px 360px 80px; /* 固定内边距 */
    }
    
    footer .container {
        width: 1200px; /* 固定宽度 */
        height: 470px; /* 固定高度 */
    }
    
    footer .container > .row > .col-md-4:nth-child(1) {
        width: 153px; /* 固定宽度 */
    }
    
    footer .container > .row > .col-md-4:nth-child(2) {
        width: 140px; /* 固定宽度 */
        margin-left: 179px; /* 固定间距 */
    }
    
    footer .container > .row > .col-md-4:nth-child(3) {
        width: 508px; /* 固定宽度 */
        margin-left: 220px; /* 固定间距 */
    }
    
    .qrcode-item {
        width: 68px; /* 固定宽度 */
    }
    
    .qrcode-item img {
        width: 68px; /* 固定尺寸 */
        height: 68px;
    }
    
    #follow_us_container {
        gap: 20px; /* 固定间距 */
        margin: 20px 0;
    }
    
    .footer-divider {
        bottom: 70px; /* 固定位置 */
    }
    
    .footer-copyright {
        bottom: 35px; /* 固定位置 */
        width: 1200px; /* 固定宽度 */
    }
}

/* 这个规则将被整合到新的1058px-492px统一规则中 */

/* 中文界面中等屏幕适配 (1246px - 1058px) - 页脚高度自适应 */
@media (max-width: 1246px) and (min-width: 1059px) {
    /* 中文界面页脚高度自适应 */
    footer {
        height: auto !important; /* 高度自适应 */
        min-height: 28.125vw !important; /* 保持最小高度 */
        padding: 3.75vw 18.75vw 4.167vw !important; /* 保持原有内边距 */
    }
    
    /* 中文界面页脚容器高度自适应 */
    footer .container {
        height: auto !important; /* 容器高度自适应 */
        min-height: 24.479vw !important; /* 保持最小高度 */
    }
    
}

/* 英文界面中等屏幕适配 (1700px - 1058px) - 页脚高度自适应 */
@media (max-width: 1700px) and (min-width: 1059px) {
    /* 英文界面页脚高度自适应 */
    html[lang="en"] footer,
    body.english-version footer,
    .index_en footer,
    [data-lang="en"] footer {
        height: auto !important; /* 高度自适应 */
        min-height: 28.125vw !important; /* 保持最小高度 */
        padding: 3.75vw 18.75vw 4.167vw !important; /* 保持原有内边距 */
    }
    
    /* 英文界面页脚容器高度自适应 */
    html[lang="en"] footer .container,
    body.english-version footer .container,
    .index_en footer .container,
    [data-lang="en"] footer .container {
        height: auto !important; /* 容器高度自适应 */
        min-height: 24.479vw !important; /* 保持最小高度 */
    }
    
    /* 修复英文界面地址显示问题 - Address:标签单独一行 */
    html[lang="en"] .address-line,
    body.english-version .address-line,
    .index_en .address-line,
    [data-lang="en"] .address-line {
        display: flex !important;
        flex-direction: column !important;
        margin-bottom: 5px !important;
        padding-left: 0 !important; /* 移除左内边距，确保与上方内容左对齐 */
    }
    
    /* 英文界面地址前缀单独一行显示 */
    html[lang="en"] .address-prefix,
    body.english-version .address-prefix,
    .index_en .address-prefix,
    [data-lang="en"] .address-prefix {
        display: block !important;
        float: none !important; /* 移除浮动，让Address:标签单独一行 */
        width: 100% !important;
        margin-bottom: 5px !important;
        position: static !important;
        letter-spacing: normal !important;
    }
    
    /* 英文界面地址内容正常换行显示 */
    html[lang="en"] .address-content,
    body.english-version .address-content,
    .index_en .address-content,
    [data-lang="en"] .address-content {
        display: block !important; /* 改为块级元素，确保换行 */
        white-space: normal !important; /* 允许自然换行 */
        overflow: visible !important;
        text-overflow: initial !important;
        word-wrap: break-word !important; /* 单词可以换行 */
        word-break: normal !important; /* 使用正常的单词断行规则 */
        margin-left: 0 !important;
        padding-left: 0 !important;
        left: 0 !important; /* 修复偏右问题：移除left偏移 */
        position: static !important; /* 使用静态定位，确保正常对齐 */
        max-width: 100% !important; /* 确保不超出容器宽度 */
        width: 100% !important; /* 使用完整宽度 */
    }
    
    /* 英文界面第三列宽度调整 - 充分利用右侧空白区域 */
    html[lang="en"] footer .container > .row > .col-md-4:nth-child(3),
    body.english-version footer .container > .row > .col-md-4:nth-child(3),
    .index_en footer .container > .row > .col-md-4:nth-child(3),
    [data-lang="en"] footer .container > .row > .col-md-4:nth-child(3) {
        width: auto !important; /* 使用自动宽度，充分利用右侧空间 */
        max-width: none !important; /* 移除最大宽度限制 */
        margin-left: 5.729vw !important; /* 保持原有左边距 */
    }
    
    /* 确保地址内容与上方内容左对齐 */
    html[lang="en"] .office-address,
    body.english-version .office-address,
    .index_en .office-address,
    [data-lang="en"] .office-address {
        padding-left: 0 !important; /* 移除左内边距 */
        margin-left: 0 !important; /* 移除左边距 */
        text-align: left !important; /* 确保左对齐 */
    }
    
    /* 确保联系方式列表与标题左对齐 */
    html[lang="en"] #contact_info_container,
    body.english-version #contact_info_container,
    .index_en #contact_info_container,
    [data-lang="en"] #contact_info_container {
        padding-left: 0 !important;
        margin-left: 0 !important;
        text-align: left !important;
    }
    
    /* 确保二维码容器与标题左对齐 */
    html[lang="en"] #follow_us_container,
    body.english-version #follow_us_container,
    .index_en #follow_us_container,
    [data-lang="en"] #follow_us_container {
        padding-left: 0 !important;
        margin-left: 0 !important;
        justify-content: flex-start !important; /* 左对齐排列 */
    }
}

/* 统一的中等屏幕适配 (1058px - 492px) - 三列改为三行，使用px单位 */
@media (max-width: 1058px) and (min-width: 492px) {
    /* 页脚基础样式 - 使用px单位替代vw */
    footer {
        padding: 60px 200px 80px; /* 替代4vw 15vw 5vw */
        height: auto; /* 自适应高度 */
        min-height: 500px; /* 最小高度 */
    }
    
    /* 页脚容器 - 使用px单位 */
    footer .container {
        width: 900px; /* 替代70vw */
        height: auto;
        flex-direction: column; /* 改为垂直排列 */
    }
    
    /* 行级别也改为垂直排列 */
    footer .container > .row {
        flex-direction: column;
        gap: 40px; /* 固定间距40px */
    }
    
    /* 所有列改为100%宽度并重置间距 */
    footer .container > .row > .col-md-4 {
        width: 100% !important;
        margin-left: 0 !important;
        margin-bottom: 30px; /* 固定间距30px */
        text-align: left;
    }
    
    /* 英文界面列布局重置 - 确保在1058px-492px范围内使用统一布局 */
    html[lang="en"] footer .container > .row > .col-md-4:nth-child(1),
    body.english-version footer .container > .row > .col-md-4:nth-child(1),
    .index_en footer .container > .row > .col-md-4:nth-child(1),
    [data-lang="en"] footer .container > .row > .col-md-4:nth-child(1),
    html[lang="en"] footer .container > .row > .col-md-4:nth-child(2),
    body.english-version footer .container > .row > .col-md-4:nth-child(2),
    .index_en footer .container > .row > .col-md-4:nth-child(2),
    [data-lang="en"] footer .container > .row > .col-md-4:nth-child(2),
    html[lang="en"] footer .container > .row > .col-md-4:nth-child(3),
    body.english-version footer .container > .row > .col-md-4:nth-child(3),
    .index_en footer .container > .row > .col-md-4:nth-child(3),
    [data-lang="en"] footer .container > .row > .col-md-4:nth-child(3) {
        width: 100% !important; /* 重置为100%宽度 */
        margin-left: 0 !important; /* 重置左边距 */
        margin-bottom: 30px !important; /* 统一底部间距 */
        text-align: left !important; /* 统一左对齐 */
    }
    
    /* 页脚标题样式 - 使用px单位 */
    footer .widgetheading {
        font-size: 24px; /* 替代clamp(20px, 1.458vw, 28px) */
        line-height: 30px; /* 替代clamp(24px, 1.771vw, 34px) */
        margin-bottom: 20px; /* 替代0.781vw */
    }
    
    /* 页脚文字内容样式 - 使用px单位 */
    footer ul.link-list li a,
    footer ul.link-list li,
    .office-address div,
    #contact_info_container li {
        width: auto; /* 替代2.917vw */
        font-size: 14px; /* 替代clamp(12px, 0.729vw, 14px) */
        line-height: 24px; /* 替代clamp(20px, 1.458vw, 28px) */
    }
    
    /* 英文界面链接列表允许换行 */
    html[lang="en"] footer ul.link-list li a,
    body.english-version footer ul.link-list li a,
    .index_en footer ul.link-list li a,
    [data-lang="en"] footer ul.link-list li a,
    html[lang="en"] footer ul.link-list li,
    body.english-version footer ul.link-list li,
    .index_en footer ul.link-list li,
    [data-lang="en"] footer ul.link-list li {
        white-space: normal !important; /* 允许英文链接换行 */
        overflow: visible !important; /* 允许内容溢出 */
        text-overflow: initial !important; /* 移除省略号 */
        word-wrap: break-word !important; /* 允许单词换行 */
        word-break: break-word !important; /* 允许单词内换行 */
    }
    
    /* 二维码容器 - 使用px单位 */
    #follow_us_container {
        gap: 15px; /* 替代1.042vw */
        margin: 20px 0; /* 替代1.042vw 0 */
        justify-content: flex-start;
    }
    
    /* 二维码项目 - 使用px单位 */
    .qrcode-item {
        width: 60px; /* 替代3.542vw */
        min-width: 60px;
    }
    
    .qrcode-item img {
        width: 60px; /* 替代3.542vw */
        height: 60px; /* 替代3.542vw */
        margin-bottom: 6px; /* 替代0.417vw */
        border-radius: 3px; /* 替代0.208vw */
    }
    
    .qrcode-item .qrcode-title {
        font-size: 11px; /* 替代clamp(10px, 0.625vw, 12px) */
        line-height: 20px; /* 替代clamp(18px, 1.458vw, 28px) */
    }
    
    /* 页脚分割线和版权信息 - 使用px单位 */
    .footer-divider {
        position: relative;
        bottom: auto;
        margin-top: 40px; /* 固定间距 */
        margin-bottom: 20px;
        height: 1px; /* 替代0.052vw */
    }
    
    .footer-copyright {
        position: relative;
        bottom: auto;
        width: 100%; /* 替代62.5vw */
        margin-top: 20px;
        font-size: 12px; /* 替代clamp(11px, 0.625vw, 12px) */
        line-height: 16px; /* 替代clamp(16px, 0.833vw, 16px) */
    }
    
}

/* 超小屏幕适配 (< 492px) - 三列改为垂直排列 */
@media (max-width: 492px) {
    footer {
        padding: 0 5vw 10vw; /* 移除上内边距，只保留左右和下内边距 */
        height: auto;
        min-height: 80vw; /* 增加最小高度以容纳垂直布局 */
        margin-top: 10px; /* 设置页脚和网页上方的间距为10px */
    }
    
    footer .container {
        width: 90vw;
        height: auto;
        flex-direction: column; /* 改为垂直排列 */
    }
    
    footer .container > .row {
        flex-direction: column; /* 行级别也改为垂直排列 */
        gap: 0; /* 移除统一间距，让每个板块单独控制间距 */
    }
    
    /* 重置所有列的宽度和边距，并设置不同的间距 */
    footer .container > .row > .col-md-4:nth-child(1),
    footer .container > .row > .col-md-4:nth-child(2),
    footer .container > .row > .col-md-4:nth-child(3) {
        width: 100% !important;
        margin-left: 0 !important;
        text-align: left; /* 改为左对齐 */
    }
    
    /* 第一个板块（产品中心）- 顶部留一些间距，底部较大间距 */
    footer .container > .row > .col-md-4:nth-child(1) {
        margin-top: 4vw;
        margin-bottom: 8vw; /* 与第二个板块较大间距 */
    }
    
    /* 第二个板块（服务与支持）- 与第1个板块相同的间距 */
    footer .container > .row > .col-md-4:nth-child(2) {
        margin-bottom: 8vw; /* 与第三个板块间距改为8vw */
    }
    
    /* 第三个板块（联系我们）- 底部较小间距 */
    footer .container > .row > .col-md-4:nth-child(3) {
        margin-bottom: 4vw; /* 最后一个板块，底部间距较小 */
    }
    
    /* 让第一个板块（产品中心）置顶显示 */
    footer .container > .row > .col-md-4:nth-child(1) {
        order: -1; /* 设置为最高优先级，置顶显示 */
    }
    
    footer .container > .row > .col-md-4:nth-child(2) {
        order: 1; /* 服务与支持排第二 */
    }
    
    footer .container > .row > .col-md-4:nth-child(3) {
        order: 2; /* 联系我们排第三 */
    }
    
    /* 英文版也使用相同的布局和间距 */
    html[lang="en"] footer .container > .row > .col-md-4:nth-child(1),
    body.english-version footer .container > .row > .col-md-4:nth-child(1),
    .index_en footer .container > .row > .col-md-4:nth-child(1),
    [data-lang="en"] footer .container > .row > .col-md-4:nth-child(1),
    html[lang="en"] footer .container > .row > .col-md-4:nth-child(2),
    body.english-version footer .container > .row > .col-md-4:nth-child(2),
    .index_en footer .container > .row > .col-md-4:nth-child(2),
    [data-lang="en"] footer .container > .row > .col-md-4:nth-child(2),
    html[lang="en"] footer .container > .row > .col-md-4:nth-child(3),
    body.english-version footer .container > .row > .col-md-4:nth-child(3),
    .index_en footer .container > .row > .col-md-4:nth-child(3),
    [data-lang="en"] footer .container > .row > .col-md-4:nth-child(3) {
        width: 100% !important;
        margin-left: 0 !important;
        text-align: left; /* 改为左对齐 */
    }
    
    /* 英文版第一个板块（产品中心）间距 */
    html[lang="en"] footer .container > .row > .col-md-4:nth-child(1),
    body.english-version footer .container > .row > .col-md-4:nth-child(1),
    .index_en footer .container > .row > .col-md-4:nth-child(1),
    [data-lang="en"] footer .container > .row > .col-md-4:nth-child(1) {
        margin-top: 4vw;
        margin-bottom: 8vw; /* 与第二个板块较大间距 */
    }
    
    /* 英文版第二个板块（服务与支持）间距 */
    html[lang="en"] footer .container > .row > .col-md-4:nth-child(2),
    body.english-version footer .container > .row > .col-md-4:nth-child(2),
    .index_en footer .container > .row > .col-md-4:nth-child(2),
    [data-lang="en"] footer .container > .row > .col-md-4:nth-child(2) {
        margin-bottom: 8vw; /* 与第三个板块间距改为8vw */
    }
    
    /* 英文版第三个板块（联系我们）间距 */
    html[lang="en"] footer .container > .row > .col-md-4:nth-child(3),
    body.english-version footer .container > .row > .col-md-4:nth-child(3),
    .index_en footer .container > .row > .col-md-4:nth-child(3),
    [data-lang="en"] footer .container > .row > .col-md-4:nth-child(3) {
        margin-bottom: 4vw; /* 最后一个板块，底部间距较小 */
    }
    
    /* 英文版也让第一个板块（产品中心）置顶显示 */
    html[lang="en"] footer .container > .row > .col-md-4:nth-child(1),
    body.english-version footer .container > .row > .col-md-4:nth-child(1),
    .index_en footer .container > .row > .col-md-4:nth-child(1),
    [data-lang="en"] footer .container > .row > .col-md-4:nth-child(1) {
        order: -1; /* 设置为最高优先级，置顶显示 */
    }
    
    html[lang="en"] footer .container > .row > .col-md-4:nth-child(2),
    body.english-version footer .container > .row > .col-md-4:nth-child(2),
    .index_en footer .container > .row > .col-md-4:nth-child(2),
    [data-lang="en"] footer .container > .row > .col-md-4:nth-child(2) {
        order: 1; /* 服务与支持排第二 */
    }
    
    html[lang="en"] footer .container > .row > .col-md-4:nth-child(3),
    body.english-version footer .container > .row > .col-md-4:nth-child(3),
    .index_en footer .container > .row > .col-md-4:nth-child(3),
    [data-lang="en"] footer .container > .row > .col-md-4:nth-child(3) {
        order: 2; /* 联系我们排第三 */
    }
    
    footer .widgetheading {
        font-size: clamp(18px, 4vw, 24px);
        margin-bottom: 4vw;
        text-align: left; /* 标题也改为左对齐 */
    }
    
    footer ul.link-list li a,
    footer ul.link-list li,
    .office-address div,
    #contact_info_container li {
        font-size: clamp(12px, 3vw, 16px);
        line-height: clamp(18px, 4vw, 24px);
        text-align: left; /* 链接文字改为左对齐 */
    }
    
    .qrcode-item {
        width: 18vw; /* 4个二维码：4×18vw=72vw */
        min-width: 55px;
        max-width: 70px; /* 限制最大宽度 */
        flex-shrink: 0; /* 防止收缩 */
    }
    
    .qrcode-item img {
        width: 18vw;
        height: 18vw;
        min-width: 55px;
        min-height: 55px;
        max-width: 70px; /* 限制最大尺寸 */
        max-height: 70px;
    }
    
    .qrcode-item .qrcode-title {
        font-size: clamp(9px, 2vw, 11px); /* 再次减小字体 */
        line-height: clamp(12px, 2.5vw, 16px);
        white-space: nowrap; /* 防止换行 */
        overflow: hidden;
        text-overflow: ellipsis; /* 超出部分显示省略号 */
    }
    
    #follow_us_container {
        gap: 1.5vw; /* 进一步减小间距：3×1.5vw=4.5vw */
        justify-content: flex-start; /* 二维码左对齐 */
        flex-wrap: nowrap; /* 强制不换行 */
        width: 100%;
        max-width: 100%; /* 总计：72vw + 4.5vw = 76.5vw，留有余量 */
    }
    
    .footer-copyright {
        position: relative;
        width: 100%;
        margin-top: 6vw;
        font-size: clamp(10px, 2.5vw, 12px);
    }
    
    .footer-divider {
        position: relative;
        margin-top: 6vw;
        margin-bottom: 4vw;
    }
}

/* 移动端优化 (493px - 767px) */
@media (max-width: 767px) and (min-width: 493px) {
    footer {
        padding: 8vw 5vw 10vw;
        height: auto;
        min-height: 60vw;
    }
    
    footer .container {
        width: 90vw;
        height: auto;
    }
    
    footer .widgetheading {
        font-size: clamp(18px, 4vw, 24px);
        margin-bottom: 3vw;
    }
    
    footer ul.link-list li a,
    footer ul.link-list li,
    .office-address div,
    #contact_info_container li {
        font-size: clamp(12px, 3vw, 16px);
        line-height: clamp(18px, 4vw, 24px);
    }
    
    .qrcode-item {
        width: 12vw;
        min-width: 60px;
    }
    
    .qrcode-item img {
        width: 12vw;
        height: 12vw;
        min-width: 60px;
        min-height: 60px;
    }
    
    .qrcode-item .qrcode-title {
        font-size: clamp(10px, 2.5vw, 14px);
    }
    
    #follow_us_container {
        gap: 3vw;
        justify-content: space-around;
    }
    
    .footer-copyright {
        position: relative;
        width: 100%;
        margin-top: 5vw;
        font-size: clamp(10px, 2.5vw, 12px);
    }
    
    .footer-divider {
        position: relative;
        margin-top: 5vw;
        margin-bottom: 3vw;
    }
}