.page-width {
    width: 1630px;
    margin: 0 auto;
}

@media screen and (max-width: 1870px){
    body {
        zoom: .88;
    }
    /* .page-width {
        width: 1414px;
    }
    footer .erweima {
        width: 140px !important;
        height: 140px !important;
    }
    #product .general-img {
        height: 250px !important;
    } */
}

@media screen and (max-width: 1654px){
    body {
        zoom: .76;
    }
    /* .page-width {
        width: 1198px;
    }
    #index .product-item {
        height: 400px !important;
    }
    footer .erweima {
        width: 120px !important;
        height: 120px !important;
    }
    #contactus .contact-item > p:nth-of-type(1),
    #contactus .contact-item > p:nth-of-type(3) {
        font-size: var(--size-5) !important;
    }
    #contactus .contact-item > p:nth-of-type(2) {
        font-size: var(--size-10) !important;
    }
    #product .general-img {
        height: 180px !important;
    } */
}

@media screen and (max-width: 1438px){
    body {
        zoom: .64;
    }
    /* .page-width {
        width: 999px;
    } */
}

a:hover {
    text-decoration: none;
}

.page-container > div {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
}

.page-container a,
.page-container span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin: 0 4px;
    border: 1px solid var(--gray-e);
    border-radius: 4px;
    font-size: var(--size-5);
}

.page-container a:hover,
.page-container .current {
    background-color: var(--blue-2);
    color: white;
}