/* 底部整体样式 */
.footer {
    margin:20px 0 0 0 ;
    background-image: url('images/footer.jpg'); /* 设置背景图片 */
    background-size: cover; /* 背景图片覆盖整个区域 */
    background-position: center; /* 背景图片居中 */
    background-repeat: no-repeat; /* 防止背景图片重复 */
    padding: 10px 0;
    
}

.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 150px; /* 左右留白 150px */
}

/* 上部分样式 */
.footer-top {
    display: flex;
    justify-content: space-between;
    align-items: stretch; /* 使各部分高度一致 */
    /* margin-bottom: 20px; */
    position: relative;
    height: 180px;
}

/* Logo部分 */
.logo-section {
    flex: 0.8;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}

.logo {
    max-width: 250px;
    height: auto;
}

/* 友情链接部分 */
.links-section {
    flex: 2;
    margin: 0 20px;
    padding-left: 20px;
    position: relative; /* 为伪元素定位 */
}

.links-section::before {
    content: '';
    position: absolute;
    left: 0;
    top: 15%; /* 竖线起始位置 */
    height: 75%; /* 竖线长度 */
    width: 1px;
    background-color: rgba(255, 255, 255, 0.3); /* 竖线颜色 */
    
}

.section-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #fff; /* 标题文字颜色 */
}

.links-columns {
    display: flex;
    gap: 20px; /* 列之间的间距 */
}

.links-list {
    list-style: none;
    padding: 0;
    margin: 0;
    flex: 1; /* 每列平均分配宽度 */
}

.links-list li {
    margin-bottom: 8px;
}

.links-list a {
    text-decoration: none;
    color: #ccc; /* 链接文字颜色 */
    font-size: 14px;
    transition: color 0.3s;
}

.links-list a:hover {
    color: #fff; /* 鼠标悬停时链接文字颜色 */
}

/* 联系我们部分 */
.contact-section {
    flex: 1;
    padding-left: 20px;
    position: relative; /* 为伪元素定位 */
}

.contact-section::before {
    content: '';
    position: absolute;
    left: 0;
    top: 15%; /* 竖线起始位置 */
    height: 75%; /* 竖线长度 */
    width: 1px;
    background-color: rgba(255, 255, 255, 0.3); /* 竖线颜色 */
}

.contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.contact-list li {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    color: #ccc; /* 联系信息文字颜色 */
    font-size: 14px;
}

.contact-list img {
    margin-right: 8px;
    width: 16px;
    height: 16px;
}

/* 底部版权信息 */
.footer-bottom {
    text-align: center;
    padding: 5px 0; /* 调整高度 */
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* 添加半透明边框 */
    color: #ccc; /* 版权信息文字颜色 */
    font-size: 14px;
    height: 15px; /* 设置固定高度 */
    display: flex;
    justify-content: center;
    align-items: center;
}