.navbar-container {
    background-color: #333; /* 使用较暗的颜色作为背景 */
}

nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    background-color: #333; /* 导航栏背景颜色与包裹块保持一致 */
}

nav li {
    float: left; /* 横向排列导航项 */
}

nav li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
/* ... */

/* 导航栏折叠和展开按钮样式 */
.nav-toggle {
    display: none; /* 默认隐藏在大屏幕上 */
}

.nav-toggle .hamburger {
    display: block;
    width: 25px;
    height: 3px;
    background-color: #333;
    margin: 5px;
}

/* ... */

/* 隐藏和显示不同尺寸的导航栏 */
.desktop-navbar {
    display: block; /* 默认显示在大屏幕上 */
}

.mobile-navbar {
    display: none; /* 默认隐藏在大屏幕上 */
}

body {
    max-width: 1200px; /* 设置页面最大宽度为1200px */
    margin: 0 auto; /* 居中显示页面内容 */
}
footer {
    background-color: #f2f2f2; /* 设置浅色背景 */
    text-align: center; /* 文本居中显示 */
    padding: 20px 0; /* 添加上下内边距 */
}
.swiper-slide img {
    max-width: 100%;
    height: auto;
}
.left-column {
    flex: 1;
    padding: 20px;
}
.right-column {
    flex: 1;
    padding: 20px;
}
.button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #4CAF50;
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 10px;
    transition: background-color 0.3s;
}

.button:hover {
    background-color: #45a049;
}
/* 新版块样式 */
.new-section {
    background-color: #f2f2f2; /* 设置浅色背景 */
    padding: 20px;
    text-align: center; /* 文字内容居中显示 */
    font-family: "Microsoft YaHei", sans-serif; /* 设置字体为微软雅黑，如果用户计算机上没有微软雅黑字体，将会使用默认的 sans-serif 字体*/
}
.text-and-button {
    display: flex;
    align-items: center;
    justify-content: center; /* 将内容水平居中 */
    padding: 20px;
    text-align: center; /* 文字内容居中 */
}
.two-column-section {
    display: flex;
    align-items: center;
    background-color: #f2f2f2; /* 设置浅色背景 */
    padding: 20px;
}
.left-column {
    flex: 1;
    padding: 20px;
}
.right-column {
    flex: 1;
    padding: 20px;
}
.right-column p {
    text-align: justify; /* 文字两端对齐 */
    text-indent: 2em; /* 首行缩进为2个字符宽度 */
    padding-left: 0px; /* 左边距为20像素 */
    padding-right: 0px; /* 右边距为20像素 */
}
p {
    text-indent: 2em; /* 设置首行缩进为2个字符宽度 */
    padding-left: 20px; /* 左边距为20像素 */
    padding-right: 20px; /* 右边距为20像素 */
}
.container {
    display: flex;
    align-items: center;
    margin-bottom: 10px; /* 底部间距为10像素 */
    text-decoration: none;
    color: black;
  }
  .container:hover {
    background-color: #ffffff;
  }
  .container img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    object-fit: cover;
    padding-left: 20px; /* 设置列表的左边距为20像素 */
  }
.empty {
    margin-bottom: 200px; /* 底部间距为100像素 */
}





/* 响应式设计：小屏幕时展示手机导航栏 */
@media screen and (max-width: 600px) {
    .desktop-navbar {
        display: none; /* 小屏幕时隐藏桌面导航栏 */
    }

    .mobile-navbar {
        display: block; /* 在小屏幕上显示手机导航栏 */
    }
}