.mobile_Top,
.mobile_footer {
    display: none;
}

@media screen and (max-device-width:1200px) {

    html,
    body {
        -webkit-text-size-adjust: none;
    }

    html {
        font-size: 312.5%;
    }

    .mobile_Top,
    .mobile_Top .top,
    .mobile_footer {
        display: block;
    }

    .mob_top {
        clear: both;
        width: 100%;
        height: 1rem;
        position: fixed;
        z-index: 99;
        left: 0;
        top: 0;
        background-color: #fff;
        border-bottom: 0.04rem solid #000;
    }

    .mob_top .goBack {
        position: absolute;
        left: 0.2rem;
        top: 50%;
        transform: translateY(-50%);
        font-size: 20px;
        font-weight: bold;
        color: #ccc;
    }

    .mob_top .logo {
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -0.33rem 0 0 -0.83rem;
        width: 1.67rem;
        height: 0.67rem;
    }

    .mobile_Top .top {
        height: 1rem;
    }


    .mobile_Top h1 {
        font-size: 0.3rem;
        line-height: 1rem;
        text-align: center;
        padding: 0;
        display: block;
        width: 100%;
    }

    .mobile_Top .menu {
        position: absolute;
        right: 4%;
        top: 50%;
        margin-top: -0.15rem;
        width: 0.35rem;
        height: 0.31rem;
    }

    .mob_top .menu {
        position: absolute;
        right: 4%;
        top: 50%;
        margin-top: -0.15rem;
        width: 0.35rem;
        height: 0.31rem;
    }

    .hdmenu {
        clear: both;
        width: 100%;
        position: fixed;
        top: 1rem;
        left: 0;
        z-index: 99;
        background-color: #333;
        text-align: center;
        padding-top: 0.4rem;
        display: none;
    }

    .hdmenu dl {
        margin: 0 auto;
        width: 61%;
        height: 0.46rem;
        background-color: #fff;
    }

    .hdmenu dt {
        width: 14%;
        height: 0.46rem;
        float: right;
        background: url(../img/ss.gif) no-repeat 50% 50%;
        background-size: 100% 100%;
    }

    .hdmenu dd {
        width: 85%;
        float: left;
        overflow: hidden;
    }

    .hdmenu dt input {
        width: 100%;
        height: 0.46rem;
        border: 0;
        background: none;
        line-height: 0.46rem;
    }

    .hdmenu dd input {
        width: 100%;
        height: 0.46rem;
        line-height: 0.46rem;
        border: 0;
        background: none;
        outline: none;
    }

    .hdmenu .lm1 {
        clear: both;
        color: #666;
        font-size: 0.22rem;
        line-height: 0.5rem;
        padding: 0.52rem 0;
    }

    .hdmenu .lm1 a {
        color: #ddd;
        margin: 0 0.1rem;
        font-size: 0.22rem;
    }

    .hdmenu .lm1 a:visited {
        color: #ddd !important;
    }

    .hdmenu .lm2 {
        clear: both;
        font-size: 0.24rem;
        line-height: 1.2em;
    }

    .hdmenu .lm2 a {
        padding: 0.05rem 0.2rem;
        border: 1px solid #ddd;
        border-radius: 0.1rem;
        display: inline-block;
        margin: 0 0.08em;
        color: #ddd;
    }

    .hdmenu .sdup {
        clear: both;
        width: 100%;
        height: 0.54rem;
        background: url(../img/sq.gif) no-repeat 50% 50%;
        background-size: auto 100%;
    }

    .mob_footer {
        background-color: #F5F5F5;
        text-align: center;
        padding-top: 0.45rem;
        line-height: 0.4rem;
    }

    .mob_footer p {
        padding-bottom: 0.4rem;
    }

    .mob_footer .f1 {
        color: #333;
        font-size: 0.26rem;
    }

    .mob_footer .f1 a,
    .mob_footer .f1 span {
        color: #333;
        margin: 0 0.05rem;
        font-weight: bold;
        display: inline-block;
        padding-left: 0.4rem;
        background-repeat: no-repeat;
        font-size: 0.25rem;
    }

    .mob_footer .f1 .fo1 {
        background-image: url(http://art.china.cn/images/2019Art/mobile/img/fo1.png);
        background-size: auto 50%;
        background-position: 0 50%;
    }

    .mob_footer .f1 .fo2 {
        background-image: url(http://art.china.cn/images/2019Art/mobile/img/fo2.png);
        background-size: auto 60%;
        background-position: 5% 50%;
    }

    .mob_footer .f1 .fo3 {
        background-image: url(http://art.china.cn/images/2019Art/mobile/img/fo3.png);
        background-size: auto 60%;
        background-position: 5% 50%;
    }

    .mob_footer .f1 .fo4 {
        background-image: url(http://art.china.cn/images/2019Art/mobile/img/fo4.png);
        background-size: auto 50%;
        background-position: 8% 50%;
    }

    .mob_footer .f2 {
        color: #848589;
        font-size: 0.1rem;
        padding-top: 0.1rem;
        border-top: 0.04rem solid #000;
    }
}