* {
    margin: 0;
    padding: 0;
    box-sizing: border-box; /* 增加这个，防止padding撑大盒子 */
}

html {
    margin: 0;
    padding: 0;
}

body {
    width: 100vw;
    margin: 0;
    padding: 0;
    font-family: "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
    letter-spacing: 0.05em;
}

/* --- 修改点 1: 高度改为 auto --- */
.foot {
    /* height: 507px;  <-- 删除固定高度 */
    height: auto;
    min-height: 507px; /* 改为最小高度，防止内容太少时塌陷 */
    width: 100%;
    background-color: #071C51;
    position: relative;
    bottom: 0;
    overflow: hidden; /* 清除浮动，防止溢出 */
}

/* --- 修改点 2: 高度改为 auto --- */
.footBody {
    /* height: 507px; <-- 删除固定高度 */
    height: auto;
    width: 1280px;
    margin: auto;
    display: flex;
    flex-direction: column;
}

.foot_top {
    width: 100%;
    /* height: 221px; <-- 建议删除固定高度，或者保留但确保内容不溢出 */
    height: auto;
    padding-top: 51px;
    display: flex;
    color: #FFFFFF;
    justify-content: space-between;
}

.foot_top_one {
    display: flex;
    flex-direction: column;
}

.foot_top_one > img {
    width: 116px;
    height: 31px;
}

.foot_top_one > div {
    width: 266px;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    margin-top: 15px;
    color: #9BA4B9; /* 简介文字颜色修正 */
}

.foot_top_two {
    width: 98px;
}

.foot_top_two > div:not(:first-child) > a {
    cursor: pointer;
    text-decoration: none;
    color: #9BA4B9; /* 菜单文字颜色修正 */
}

.foot_top_three > div:not(:first-child) > a {
    cursor: pointer;
    text-decoration: none;
}

/* 修改标题文字颜色为白色 */
.foot_top_two > div:first-child {
    font-size: 16px !important;
    font-weight: 500 !important;
    padding-bottom: 10px;
    color: #FFFFFF !important; /* 添加白色文字 */
}

.foot_top_two > div {
    font-size: 14px;
    line-height: 32px;
    white-space: nowrap;
    color: #9BA4B9;
}

.foot_top_three {
    width: 112px;
}

/* 修改标题文字颜色为白色 */
.foot_top_three > div:first-child {
    font-size: 16px !important;
    font-weight: 500 !important;
    padding-bottom: 10px;
    color: #FFFFFF !important; /* 添加白色文字 */
}

.foot_top_three > div {
    font-size: 14px;
    line-height: 32px;
    white-space: nowrap;
    color: #9BA4B9;
}

.foot_top_four {
    width: 280px;
}

/* 修改标题文字颜色为白色 */
.foot_top_four > div:first-child {
    font-size: 16px !important;
    font-weight: 500 !important;
    padding-bottom: 10px;
    color: #FFFFFF !important; /* 添加白色文字 */
}

.foot_top_four > div {
    font-size: 14px;
    line-height: 32px;
    white-space: nowrap;
    color: #9BA4B9;
}

/* 1. 父容器：开启相对定位 */
.foot_top_five {
    width: 346px;
}

.foot_top_five > div:first-child > img {
    width: 346px;
    height: 24px;
}

.foot_top_five > div:nth-child(2) {
    display: flex;
    justify-content: space-evenly;
    padding-top: 29px;
}

.foot_top_five > div:nth-child(2) > div {
    text-align: center;
}

.foot_top_five > div:nth-child(2) > div > img {
    width: 122px;
    height: 122px;
    padding-bottom: 24px;
    object-fit: contain; /* 更改此属性，确保图片完全显示 */
    max-width: 100%; /* 确保图片不会超出容器 */
    max-height: 100%; /* 确保图片不会超出容器 */
    display: block; /* 确保图片作为块级元素显示 */
    margin: 0 auto; /* 居中显示 */
}

.foot_top_five > div:nth-child(2) > div > div {
    font-size: 14px;
}

.phone {
    display: flex;
    align-items: center;
    padding-top: 20px;
    color: #9BA4B9;
}

.phone > img {
    width: 39px;
    height: 39px;
}

.phone > div {
    font-size: 15px;
    font-weight: 500;
    padding-left: 10px;
    display: flex;
    flex-direction: column;
    line-height: 26px !important;
}

.foot_line {
    /* --- 修改点 3: 这里控制线的高度 --- */
    margin-top: 50px; /* 设置为 50px 或 53px */
    width: 1280px;
    height: 1px;
    background-color: #2B3B65;
}

.foot_link {
    width: 100%;
    height: 22px;
    font-size: 14px;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    line-height: 22px;
    color: #5B6C96;
}

.foot_link > div > a {
    color: #5B6C96;
    text-decoration: none;
}

.foot_link > div > a:hover {
    color: #3874f4 !important;
}

.foot_bottom_img {
    margin: auto;
    width: auto; /* 修改：让容器宽度适应内容 */
    height: 57px;
    padding-top: 20px;
    display: flex;
    justify-content: center; /* 居中展示 */
    align-items: center;
    gap: 8px; /* 设置左右间距为8px */
}

.foot_bottom_img > img {
    width: 123.68px;
    height: 47px;
    display: block; /* 确保图片作为块级元素 */
}

.foot_bottom_text {
    margin: 20px auto 5px; /* 减小上下边距 */
    line-height: 24px;
    color: #5B6C96;
    font-size: 13px;
    text-align: center;
    padding-top: 10px;
}

.foot_bottom_fix {
    display: flex;
    justify-content: center;
    margin-bottom: 10px; /* 减小底部边距 */
}

.foot_bottom_fix > div {
    width: 235px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.foot_bottom_fix > div > a {
    line-height: 24px;
    color: #5B6C96;
    font-size: 13px;
    text-decoration: none;
    margin-left: 5px;
}

.foot_bottom_fix > div > img {
    width: 14px;
    height: 16px;
}

.foot_bottom_text > a {
    color: #5B6C96;
    text-decoration: none;
}

.foot_bottom_text > a:hover {
    color: #3874f4 !important;
}