.range-content {
    padding-top: 7.5rem
}

.range-content .range-title {
    font-size: 2.88rem;
    font-weight: bold;
    color: #000000;
    text-align: center;
    margin-bottom: 7.5rem
}

.range-content .range-group {
    margin-bottom: 9.38rem
}

.range-content .range-group .range-item {
    padding: 0 1.56rem;
    padding-bottom: 5.13rem;
    text-align: center;
    font-size: 1.75rem;
    color: #000000;
    font-weight: bold
}

.range-content .range-group .range-item .range-item-img {
    width: 100%;
    height: 31.25rem;
    overflow: hidden
}

.range-content .range-group .range-item .range-item-img img {
    height: 100%;
    object-fit: cover
}

.range-content .range-group .range-item .range-item-title {
    margin-top: 2.5rem
}

.range-content .range-group .range-item:hover .range-item-img img {
    filter: brightness(1.05);
    transform: scale(1.05)
}

.range-content .range-group .range-item:hover .range-item-title {
    color: #ab845b
}

@media (max-width:1200px) {
    .range-content {
        padding-top: 5.5rem
    }

    .range-content .range-title {
        font-size: 2rem;
        margin-bottom: 5.5rem
    }

    .range-content .range-group .range-item {
        padding: 0 .5rem;
        padding-bottom: 3rem;
        font-size: 1.38rem
    }

    .range-content .range-group .range-item .range-item-img {
        height: 23.25rem
    }

    .range-content .range-group .range-item .range-item-title {
        margin-top: 1.1rem
    }
}

@media (max-width:992px) {
    .range-content {
        padding-top: 5.5rem
    }

    .range-content .range-title {
        font-size: 2.2rem;
        margin-bottom: 5.5rem
    }

    .range-content .range-group .range-item {
        padding: 0 .5rem;
        padding-bottom: 4rem;
        font-size: 1.38rem
    }

    .range-content .range-group .range-item .range-item-img {
        height: 53.25rem
    }

    .range-content .range-group .range-item .range-item-title {
        margin-top: 1.6rem
    }
}

@media (max-width:768px) {
    .range-content {
        padding-top: 2.5rem
    }

    .range-content .range-title {
        font-size: 1.6rem;
        margin-bottom: 2.5rem
    }

    .range-content .range-group {
        margin-bottom: 5.38rem
    }

    .range-content .range-group .range-item {
        padding: 0 .5rem;
        padding-bottom: 2.5rem;
        font-size: 1.38rem
    }

    .range-content .range-group .range-item .range-item-img {
        height: 40.25rem
    }

    .range-content .range-group .range-item .range-item-title {
        margin-top: 1rem;
        font-size: 1.2rem
    }
}

@media (max-width:576px) {
    .range-content {
        padding-top: 2.5rem
    }

    .range-content .range-title {
        font-size: 1.6rem;
        margin-bottom: 2.5rem
    }

    .range-content .range-group {
        margin-bottom: 3.38rem
    }

    .range-content .range-group .range-item {
        padding: 0 .5rem;
        padding-bottom: 2.5rem;
        font-size: 1.38rem
    }

    .range-content .range-group .range-item .range-item-img {
        height: 16.25rem
    }

    .range-content .range-group .range-item .range-item-title {
        margin-top: 1rem;
        font-size: 1.2rem
    }
}