/* PHONE */
@media only screen and (max-width: 768px) {

    html,
    body {
        width: 100vw;
        height: 100vh;
    }

    .smf-header {
        width: 100vw;
        height: 48px;
    }

    .smf-header__content {
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        box-sizing: border-box;
    }

    .smf-header__content .header-middle {
        display: none;
    }

    .smf-header__content .header-right {
        display: none;
    }

    .middle-wrap {
        padding-top: 0;
    }
    .smf-main-HQ {
        width: 100vw;
        height: 152px;
        background: url(../images/header_mobile.png) no-repeat center;
        -o-background-size: 100%;
        background-size: 100%;
        margin-bottom: 20px;
        padding-top: 48px;
    }

    .rs-header-wrap {
        height: 120px;
    }

    .rs-header-wrap .l {
        width: 120px;
        height: 120px;
        margin-right: 20px;
    }

    .rs-header-wrap .r {
        height: 120px;
    }

    .rs-header-wrap .r .r-title-wrap {
        font-size: 28px;
        font-weight: bold;
        color: rgb(115, 178, 238);
    }

    .rs-header-wrap .r .r-desc {
        font-size: 24px;
    }

    .content-list .rs-c-item {
        width: 49%;
        max-width: 49%;
        margin-left: 15px;
        margin-bottom: 20px;
    }

    .content-list .rs-c-item:nth-child(2n+1) {
        margin-left: 0;
    }

    .content-list .rs-c-item .c-item-img {
        width: 100%;
    }
    .content-list .rs-c-item .c-item-img img {
        width: 100%;
        height: 100%;
    }

    .content-list .rs-c-item .c-item-title {
        font-size: 40px;
    }

    .rs-c-item {
        font-size: 30px;
    }

    .smf-header .header-middle {
        display: none;
    }

    .container {
        width: 100%;
    }
    .header-wrap .header-con-wrap{
        min-width: 100px;
    }

    .content-list{
        padding: 0 8px;
        display: flex;
        justify-content: space-between;
    }
    .container .content-list .c-item{
        width: 45%;
        max-width: 45%;
        margin-left: 0;
    }
    .container .content-list .c-item img {
        width: 100%;
    }

    /* foot */
    .smf-footer .footer-area {
        width: 100%;
    }

    .smf-footer .footer-area>div {
        height: 48px;
        line-height: 48px;
    }

    .smf-footer .footer-area>div a {
        height: 48px;
        line-height: 48px;
    }

    .smf-footer .footer-area>div img {
        height: 18px;
    }

}