.box2 {
    margin-top: calc((138 / 16) * 1%)
}

.box2 .item {
    display: flex;
    width: 100%;
    /* margin: 72px 0 0 var(--all-pd) */
    margin-top: 72px;
    /* padding-left: var(--all-pd); */
}

.box2 .item:nth-child(even) {
    /* margin: 72px var(--all-pd) 0 0 */
    padding-left: 0;
    /* padding-right: var(--all-pd); */
}

.box2 .item:nth-child(even) .img {
    order: 2;
    margin-left: 0;
}

.box2 .item:nth-child(even) .rrr .info {
    float: right;
    padding: 121px 97px 203px 0;
    margin-left: var(--all-pd);
}

.box2 .item:nth-child(even) .rrr .info .num {
    right: 16px
}

.box2 .item:first-child {
    margin-top: 0
}

.box2 .item:hover .rrr {
    background: var(--color-main)
}

.box2 .item:hover .rrr .info .num,
.box2 .item:hover .rrr .info .t1,
.box2 .item:hover .rrr .info .t2 {
    color: #fff
}

.box2 .item:hover .rrr .info .num {
    opacity: .2
}

.box2 .item .img {
    padding: 0;
    height: auto;
    width: calc(50% - var(--all-pd));
    margin-left: var(--all-pd);
    /* width: 50%; */
}

.box2 .item .rrr {
    width: 50%;
    background: #ffffff
}

.box2 .item .rrr .info {
    position: relative;
    width: calc(100% - var(--all-pd) * 2);
    padding: 121px 0 203px 97px
}

.box2 .item .rrr .info .num {
    position: absolute;
    font-family: Open Sans;
    font-weight: 600;
    font-size: 80px;
    color: rgba(var(--color-mains), .2);
    right: 0;
    top: 0
}

.box2 .item .rrr .info .t1 {
    font-family: Open Sans;
    font-weight: 600;
    font-size: 24px;
    color: var(--color-main)
}

.box2 .item .rrr .info .t2 {
    font-weight: 400;
    font-size: 16px;
    color: #999999;
    margin-top: 19px
}

@media screen and (max-width:950px) {
    .box2 .item {
        margin: 50px 0 0 !important;
        flex-wrap: wrap
    }

    .box2 .item:nth-child(even) .img {
        order: unset
    }

    .box2 .item .img,
    .box2 .item .rrr {
        width: 100%;
        margin: 0;
    }

    .box2 .item .img {
        padding-bottom: 70%
    }

    .box2 .item .rrr .info {
        padding: 120px 60px 100px !important;
        float: unset !important
    }
}