/* styles.css */

/* 页脚背景颜色调整为深色 */
.fn_bg {
    background-color: #333; /* 深色背景 */
    padding: 40px 0;
    color: #fff; /* 白色字体 */
}

/* 页脚文字和链接的样式 */
.foot {
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.foot a {
    color: #f1f1f1; /* 让链接颜色稍微浅一点 */
    text-decoration: none;
}

.foot a:hover {
    color: #007BFF; /* 鼠标悬停时变蓝 */
}

/* 页脚导航 */
.f_nav {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 20px;
    gap: 20px; /* 调整每列之间的间距（水平间距） */
}

.f_nav li {
    flex: 1 1 150px; /* 每个菜单项最小宽度150px */
    padding: 10px;
    margin-bottom: 20px; /* 增加每项的底部间距 */
}

/* 每个项的标题样式 */
.f_nav b {
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
}

/* 每个链接的样式 */
.f_nav p {
    margin: 5px 0;
}

.f_nav p a {
    color: #f1f1f1;
    text-decoration: none;
}

.f_nav p a:hover {
    color: #007BFF;
}

/* 联系我们部分，调整图标间距 */
.contact-icons {
    display: flex; /* 使用flexbox布局 */
    justify-content: flex-start; /* 左对齐 */
    gap: 20px; /* 设置图标之间的间距 */
}