* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
#head{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background-image: url('images/Center.png'); /* 替换为您的图片路径 */
    background-size: cover; /* 覆盖整个元素 */
    position: sticky;
    top: 0;
    z-index: 10;
}
#mean {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background-color: red;
    position: sticky;
    top: 0;
    z-index: 10;
}
#head {
    height: 80px;
}
#mean {
    height: 50px;
    background-color: #cccccc;
    top: 80px;
    justify-content: space-around; /* 平均分配菜单项 */
}
.logo {
        width: 100%; /* 设置图片宽度 */
        height: 100%; /* 设置图片高度 */
    }
#headL {
    width: 300px;
    height: 100%;
    display: flex;
    align-items: center;
}
#mean ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: flex;
    justify-content: space-around; /* 平均分配菜单项 */
    align-items: center; /* 确保菜单项垂直居中 */
}

#mean ul li {
    float: none; /* 移除float属性，因为我们使用了flex布局 */
    margin: 0; /* 移除外边距 */
}

#mean ul li a {
    text-decoration: none;
    color: rgb(0, 0, 0);
    display: block; /* 使链接填充整个li元素 */
    padding: 0 15px; /* 添加内边距，使点击区域更大 */
    text-align: center; /* 确保字体居中 */
}
#centerpic { 
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(249, 242, 220);
    height: 50px;
    width: 100%;
    }
    #centerpic img {
    height: 50px;
    width: 100%; /* 宽度充满父容器 */
    object-fit: cover; /* 保持图片比例并填充容器（可选） */
    }
#subnav{
        background: #e2dddd;
    }