.so_lists {
    padding-bottom: 5%;

    .item {
        display: flex;
        flex-wrap: wrap;
        margin-top: 60px;

        &:nth-child(2n) {
            flex-direction: row-reverse;
        }

        .lll,
        .rrr {
            width: 50%;
        }

        .img {
            padding-bottom: calc((420/16)*1%);
            height: auto;
            padding: 0;
            min-height: 420px;
        }

        .rrr {
            padding: 35px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            background: #ededed;

            .title {
                font-size: 24px;
                color: #004262;
                margin-bottom: 30px;
            }

            .desc,
            .desc p {
                color: #333;
                font-size: 16px;
                line-height: 1.5;
            }
        }
    }
}

@media screen and (max-width:950px) {
    .so_lists {
        .item {
            flex-direction: column;

            &:nth-child(2n) {
                flex-direction: unset;
            }

            .lll,
            .rrr {
                width: 100%;
            }

            .img {
                min-height: unset;
                height: 0;
                padding-bottom: 100%;
            }
        }
    }
}