.nav-link-ss:hover {
    color: #810808 !important;
}
@media (max-width: 575px) {
    html {
        font-size: calc(100vw / 24);

        /*font-family: PingFangSC, PingFang SC, "Microsoft YaHei", serif;*/
    }
    .sect {
        margin-top: 70px;
        margin-bottom: 3.25rem;
    }
    
    .nav {
        /* margin-top: 46px; */
        background-color: transparent;
        padding: 50px 60px 0px 60px;
    }
    .productlist {
        display: flex; /* 使用 Flexbox 布局 */
        flex-wrap: wrap; /* 允许子项换行 */
        margin-bottom: 2.04rem;
    }
    .productlist-left {
        border: 1px solid #EBEBEB;
        /* flex: 1 1 calc(50% - 20px); 保持33.333%的宽度，减去间距 */
        box-sizing: border-box; /* 包括边框和内边距在内的宽度计算 */
        background-color: #f9f9f9; /* 背景颜色 */
        height: 12.54rem;
        width: calc(50% - 1.02rem);
        margin: 1.02rem 0.51rem 0 0.51rem;
        overflow: hidden;
        /* margin: 2.77rem; */
    }
    .imgbag {
        width: 10.98rem;
        background: #f9fafc;
        padding: 1.02rem 0;
    }
    .productlist-img {
        height: 6.91rem;
        width: 10.98rem;
    }
    .productlist-text {
        margin-top: 1.02rem;
        font-size: 1.02rem;
        text-align: center;
        display: -webkit-box;
        -webkit-line-clamp: 1; /* 显示的行数 */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 0.25rem;
    }
    .productnavtop {
        margin-left: 20px;
    }
    .productnavright {
        margin-right: 10px;
    }
    .product {
        margin-left: 20px;
    }
    .productnavlist .productnavtop {
        font-size: 16px;
        color: #4D4D4D;
    }

}
@media (min-width: 575px) and (max-width: 999px) {
    
    .sect {
        margin-top: 80px;
    }
    .nav {
        /* margin-top: 46px; */
        background-color: transparent;
        padding: 50px 60px 0px 60px;
    }
    .productlist {
        display: flex; /* 使用 Flexbox 布局 */
        flex-wrap: wrap; /* 允许子项换行 */
        gap: 20px; /* 子项之间的间距 */
        padding: 20px 120px 20px 140px;
    }
    .productlist-left {
        border: 1px solid #EBEBEB;
        flex: 1 1 calc(50% - 20px); /* 保持33.333%的宽度，减去间距 */
        box-sizing: border-box; /* 包括边框和内边距在内的宽度计算 */
        background-color: #f9f9f9; /* 背景颜色 */
        height: 366px;
        max-width: calc(50% - 20px); /* 确保最大宽度为30% */
        transition: transform 0.3s ease;
    }
    .productlist-left:hover {
        transform: scale(1.03); /* 放大1.2倍 */
    }
    .imgbag {
        width: 100%;
        background: #f9fafc;
        padding: 50px 0;
    }
    .productlist-img {
        height: 200px;
        width: 100%;
    }
    .productlist-text {
        margin-top: 20px;
        text-align: center;
        display: -webkit-box;
        -webkit-line-clamp: 1; /* 显示的行数 */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 10px;
    }
    .productnavtop {
        display: none;  
      }
      .product {
        margin-left: 120px;
    }
}

@media (min-width: 1000px) {
    .sect {
        margin-top: 80px;
    }
    .nav {
        /* margin-top: 46px; */
        background-color: transparent;
        padding: 50px 60px 0px 60px;
    }
    .productlist {
        display: flex; /* 使用 Flexbox 布局 */
        flex-wrap: wrap; /* 允许子项换行 */
        gap: 20px; /* 子项之间的间距 */
        padding: 20px 120px 20px 140px;
    }
    .productlist-left {
        border: 1px solid #EBEBEB;
        flex: 1 1 calc(33.333% - 20px); /* 保持33.333%的宽度，减去间距 */
        box-sizing: border-box; /* 包括边框和内边距在内的宽度计算 */
        background-color: #f9f9f9; /* 背景颜色 */
        height: 366px;
        max-width: calc(33.333% - 20px); /* 确保最大宽度为30% */
        transition: transform 0.3s ease;
    }
    .productlist-left:hover {
        transform: scale(1.03); /* 放大1.2倍 */
    }
    .imgbag {
        width: 100%;
        background: #f9fafc;
        padding: 50px 0;
    }
    .productlist-img {
        height: 200px;
        width: 100%;
    }
    .productlist-text {
        margin-top: 20px;
        text-align: center;
        display: -webkit-box;
        -webkit-line-clamp: 1; /* 显示的行数 */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 10px;
    }
    .productnavtop {
        display: none;  
      }
      .product {
        margin-left: 120px;
    }
   
}
.product .nav-link {
    color: #4D4D4D;
}
.pronav {
    font-size: 16px;
    color: #4D4D4D;
}

.pronav:active {
    font-size: 16px;
    color: #810808;
    /* 点击时文字颜色 */
    text-decoration: underline;
    text-underline-offset: 8px;
    /* 点击时下划线 */
}

.pronav:focus {
    font-size: 16px;
    color: #810808;
    /* 获得焦点时文字颜色 */
    /* 获得焦点时下划线 */
    text-decoration: underline;
    text-underline-offset: 8px;
    /* 调整下划线与文字的距离 */
}
.page-link {
    color: #900E0E;
}
.active>.page-link, .page-link.active {
    z-index: 3;
    color: #ffffff; /* 替换为你想要的颜色 */
    background-color: #900E0E;
    border-color: #900E0E; /* 替换为你想要的边框颜色 */
}