.carousel-container {
    display: block;
    width: 100%; /* 调整为适中的宽度 */
    margin: 0 auto; /* 居中对齐 */
    max-width: 1200px;
}

.product-categories {
    width: 70%; /* 拉宽整个产品分类栏目 */
    max-width: none; /* 取消最大宽度限制 */
    margin: 0 auto; /* 紧贴轮播图 */
    padding: 10px;
    box-sizing: border-box;
    border: 3px solid #00a724;
    text-align: center;
}

/* 设置产品分类栏的样式 */
.product-categories h2 {
    font-size: 20px;
    color: #317348;
    margin-bottom: 10px;
    text-align: center;

}

.product-categories ul {
    display: flex; /* 使用 Flexbox 布局 */
    flex-wrap: wrap; /* 允许换行 */
    justify-content: space-around; /* 均匀分布项目 */
    padding: 0;
    list-style-type: none; 
}

.product-categories li {
    width: 15%; /* 每个项目占据约七分之一宽度 */
    box-sizing: border-box; /* 确保内边距不会影响宽度 */
    margin-bottom: 10px;
}

.product-categories a {
    text-decoration: none;
    color: #000000;
    font-weight: bold;
}

.product-categories a:hover {
    text-decoration: underline;
}

