.c_main {
    padding: calc((117 / 19.2) * 1%) 0 calc((102 / 19.2) * 1%);
    background: url(../images/other/cbg.png) no-repeat center / cover
}

.c_main .main {
    --l-w: 464px
}

.c_main .main .title {
    font-weight: bold;
    font-size: 40px;
    color: #ffffff;
    margin-bottom: 24px
}

.c_main .main .lll {
    background: var(--color-main);
    padding: 57px 36px 80px
}

.c_main .main .lll .item {
    padding-bottom: 30px;
    padding-top: 36px;
    border-bottom: 1px solid #ffffff;
    display: flex
}

.c_main .main .lll .item img {
    margin-right: 40px
}

.c_main .main .lll .item .tit {
    font-weight: 500;
    font-size: 20px;
    color: #ffffff
}

.c_main .main .lll .item .des {
    margin-top: 14px;
    font-weight: 400;
    font-size: 16px;font-family: arial;
    color: #ffffff
}

.c_main .main .lll .item .des a {
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
    font-family: arial;
}

.c_main .main .rrr {
    padding: 55px 52px 52px;
    background: #ffffff;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.28)
}

.c_main .main .rrr .title {
    color: var(--color-main);
    position: relative;
    padding-bottom: 50px
}

.c_main .main .rrr .title::after {
    content: "";
    display: block;
    width: 104px;
    height: 3px;
    background: var(--color-main);
    position: absolute;
    bottom: 0
}

.c_main .main .rrr .des {
    margin-top: 40px;
    font-weight: 400;
    font-size: 16px;
    color: #666666
}

.maps {
    padding-bottom: calc((745 / 19.2) * 1%)
}

.footer {
    margin-top: 0
}

@media screen and (max-width:1366px) {
    .c_main .main .lll .item {
        padding: 15px 0
    }

    .c_main .main .title {
        font-size: 30px;
        margin-bottom: 0
    }

    .c_main .main .rrr .title {
        padding-bottom: 20px
    }
}

@media screen and (max-width:950px) {
    .c_main {
        padding: 50px 0 30px
    }

    .c_main .main .rrr {
        padding: 40px 20px 30px
    }

    .maps {
        padding-bottom: 100%
    }
}