body {
    background: #f5f5f5
}

.ser_main {
    padding: calc((40 / 19.2) * 1%) 0 calc((130 / 19.2) * 1%) 0
}

.ser_main .item {
    --l-w: calc((938 / 14) * 1%);
    --pd: 60px;
    margin-top: 76px;
    align-items: center
}

.ser_main .item:nth-child(even) {
    flex-direction: row-reverse
}

.ser_main .item .img {
    padding-bottom: calc((398 / 9.38) * 1%)
}

.ser_main .item .title {
    /* font-family: Roboto; */
    font-size: 38px;
    color: #10221b
}

.ser_main .item .desc {
    margin-top: 20px;
    font-size: 18px;
    color: #666666;
    line-height: 30px
}

@media screen and (max-width:950px) {
    .ser_main .item {
        margin-top: 30px
    }

    .ser_main .item .img {
        padding-bottom: 100%
    }

    .ser_main .item .title {
        font-size: 24px
    }
}