body {
    background: #e4e4e4
}

.size50 span {
    color: var(--color-main);
    margin: 0
}

.box1 {
    padding-top: calc((106 / 19.2) * 1%)
}

.box1 .box1_main {
    --r-w: calc((500 / 14) * 1%);
    --pd: calc((70 / 14) * 1%);
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.box1 .box1_main .lll {
    width: calc(100% - var(--r-w) - var(--pd));
    position: relative
}

.box1 .box1_main .lll .img {
    width: calc((555 / 8.3) * 1%);
    height: 448px;
    height: 0;
    padding-bottom: calc((448 / 8.3) * 1%);
    margin-top: 60px;
    position: relative;
    z-index: 2
}

.box1 .box1_main .lll .img2 {
    width: calc((410 / 8.3) * 1%);
    height: 415px;
    height: 0;
    padding-bottom: calc((415 / 8.3) * 1%);
    position: absolute;
    right: 0;
    top: 0
}

.box1 .box1_main .lll .img2:hover {
    z-index: 3
}

.box1 .box1_main .rrr {
    width: var(--r-w)
}

.box1 .box1_main .rrr .title {
    font-size: 30px;
    font-family: Roboto
}

.box1 .box1_main .rrr .desc,
.box1 .box1_main .rrr .desc p {
    font-size: 18px;
    color: #666666;
    line-height: 30px
}

.box1 .box1_main .rrr .desc {
    margin-top: 33px
}

.box2 {
    padding: calc((140 / 19.2) * 1%) 0 calc((106 / 19.2) * 1%) 0
}

.box2_ {
    padding: calc((136 / 19.2) * 1%) 0 calc((147 / 19.2) * 1%) 0
}

.box2_main {
    padding-top: 78px;
    --l-w: calc((712 / 14) * 1%);
    --pd: 50px;
    align-items: center
}

.box2_main.reverse {
    flex-direction: row-reverse
}

.box2_main.box2_main2 {
    --pd: 1px;
    --l-w: 50%
}

.box2_main.box2_main2 .rrr {
    padding-right: 64px
}

.box2_main.box2_main2_mt {
    padding-top: 40px
}

.box2_main.box2_main2_mt .rrr {
    padding-right: 0;
    padding-left: 64px
}

.box2_main .img {
    padding-bottom: calc((475 / 14) * 1%)
}

.box2_main .desc {
    margin-top: 20px
}

.box2_main .desc,
.box2_main .desc p {
    line-height: 30px;
    color: #666666;
    font-size: 18px
}

.box3 {
    background: rgba(16, 34, 27, 0.1);
    padding-top: calc((127 / 19.2) * 1%);
    padding-bottom: calc((110 / 19.2) * 1%)
}

.his {
    padding: calc((211 / 19.2) * 1%) 0 calc((167 / 19.2) * 1%) 0;
    /* background: url(../img/oem6.png) no-repeat center / cover; */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.his .his_main {
    max-width: 50%
}

.his .size50 {
    color: #fff
}

.his .desc {
    margin-top: 37px;
    color: #fff;
    line-height: 30px
}

.his .more {
    margin-top: 38px;
    padding: 15px 30px;
    background: var(--color-main);
    color: #fff;
    display: inline-flex
}

.his .more:hover {
    color: #fff !important
}

@media screen and (max-width:950px) {
    .box1 {
        padding-top: 60px
    }

    .box1 .box1_main .lll,
    .box1 .box1_main .rrr {
        width: 100%
    }

    .box1 .box1_main .rrr {
        margin-top: 30px
    }

    .box2 {
        padding-top: 60px
    }

    .box2_main {
        padding-top: 30px
    }

    .box2_main.box2_main2 .rrr {
        padding: 0
    }

    .box2_main .img {
        padding-bottom: 70%
    }

    .his .his_main {
        max-width: unset
    }
}