@charset "utf-8";

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

html {
    font-size: 625%;
}

@media screen and (max-device-width: 1024px) {
    html {
        font-size: 312.5%;
    }

    body {
        font: 0.28rem/0.54rem 'Microsoft YaHei', sans-serif;
        color: #333;
    }

    a {
        color: #333;
    }

    .wrap {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        overflow: hidden;
        background: url(../../img/landing/bg1.png) no-repeat 50% 0;
        background-size: 100% 100%;
    }

    .logo {
        width: 5.92rem;
        height: 3.12rem;
        position: absolute;
        top: 15%;
        left: 50%;
        transform: translateX(-50%);
        background: url(../../img/landing/logo.png) no-repeat 50% 0;
        background-size: contain;
    }

    .text {
        width: 4.09rem;
        height: 1.27rem;
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translateX(-50%);
        background: url(../../img/landing/text.png) no-repeat 50% 0;
        background-size: contain;
    }

    .ch,
    .en {
        width: 2.48rem;
        height: 0.79rem;
        position: absolute;
        left: 50%;
        margin-left: -1.17rem;
    }

    .ch {
        top: 63%;
        background: url(../../img/landing/ch.png) no-repeat 50% 0;
        background-size: auto 100%;
    }

    .en {
        top: 72%;
        background: url(../../img/landing/en.png) no-repeat 50% 0;
        background-size: auto 100%;
    }

    .ch a,
    .en a {
        width: 100%;
        height: 100%;
        display: block;
    }

    .footer {
        width: 100%;
        height: 0.25rem;
        position: absolute;
        left: 0;
        bottom: 0.25rem;
        background: url(../../img/landing/footer.png) no-repeat 50% 0;
        background-size: 80% auto;
    }
}