:root {
    --service-carousel-height: calc(85vw*0.3);
}
/*小于480px*/
@media screen and (min-width: 481px) and (max-width: 1024px) {
    :root {
        --service-carousel-height: 40vh
    }
}
/*小于480px*/
@media (max-width: 480px) {
    :root {
        --service-carousel-height: 20vh
    }
    .serviceView{
        flex-wrap: wrap;
        margin-top: 20px;
    }
    .service_covers{
        width: 100% !important;
        margin-top: 10px;
    }
    .con_view{
        width: 100% !important;
        margin-top: 10px;
    }
}

.service_content{
    width: 80%;
    margin: 0 auto;
    position: relative;
    padding: 30px 10%;
    margin-top: 60px !important;
    background-color: var(--area-background-color);
    color: var(--primary-color);
} 
.title{
    font-size: 30pt;
    font-weight: 600;
}
.serviceView{
    display: flex;
    justify-content: space-between;
    margin: 25px;
   align-items: center;
    border-radius: 10px;
}
.service_covers{
    width: 60%;
}
.con_view{
    width: calc(40% - 20px);
}
.con_view .title{
    font-size: 24pt;
    font-weight: 550;
}
.con_view .c_main{
    margin-top: 25px;
}