.deqing_service_processing{
    padding: calc(var(--content-gap-md) + var(--text-gap)) 0 calc(var(--content-gap-md) * 2 + var(--text-gap));
    position: relative;
    background: #F7F7F7;
}

.deqing_service_processing_bg_pic{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% - (var(--content-gap-md) * 2 + var(--text-gap)) - 150px);
    object-fit: cover;
    z-index: 1;
}

.deqing_service_processing_overlay{
    background: linear-gradient(270deg, rgba(11, 70, 132, 0.53) 0%, rgba(11, 70, 132, 0.90) 100%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% - (var(--content-gap-md) * 2 + var(--text-gap)) - 150px);
    z-index: 2;
}
.deqing_service_processing .container{
    position: relative;
    z-index: 3;
}
.deqing_service_processing .deqing-title{
    color: #fff;
}
.deqing_service_processing .deqing-h5-title{
    margin-top: var(--text-gap);
    font-weight: 300;
    color: #fff;
}

.deqing_service_processing .deqing-h6-title{
    margin-top:calc(var(--text-gap-lg) * 3);
    font-weight: 300;
    color: #fff;
}

.deqing_service_processing .deqing-h6-title b{
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
}

.deqing_service_processing_list{
    margin-top: calc(var(--content-gap-lg) + 10px);
    display: flex;
    gap: var(--text-gap);
}

.deqing_service_processing_item{
    flex: 1;
}

.deqing_service_processing_item img{
    width: 100%;
    aspect-ratio: 453/323;
    object-fit: cover;
}

@media screen and (max-width: 1200px) {
    .deqing_service_processing_bg_pic,
    .deqing_service_processing_overlay{
        height: calc(100% - (var(--content-gap-md) * 2 + var(--text-gap)) - 100px);
    }
}

@media screen and (max-width: 992px) {
    .deqing_service_processing_bg_pic,
    .deqing_service_processing_overlay {
        height: calc(100% - (var(--content-gap-md) * 2 + var(--text-gap)) - 80px);
    }
}

@media screen and (max-width: 768px) {

    .deqing_service_processing_bg_pic,
    .deqing_service_processing_overlay {
        height: calc(100% - (var(--content-gap-md) * 2 + var(--text-gap)) - 60px);
    }
}

    @media screen and (max-width: 576px) {

        .deqing_service_processing_bg_pic,
        .deqing_service_processing_overlay {
            height: calc(100% - (var(--content-gap-md) * 2 + var(--text-gap)) - 50px);
        }
    }

@media screen and (max-width: 480px) {
    .deqing_service_processing_bg_pic,
    .deqing_service_processing_overlay {
        height: calc(100% - (var(--content-gap-md) * 2 + var(--text-gap)) - 40px);
    }
}

