@media screen and (max-width: 768px) {
    .am-container {
        max-width: 1024px;
    }

    .sidebar {
        display: none;
    }

    header .am-container .logo a img {
        height: 30px;
    }

    header .am-container nav>ul li {
        padding: 0 10px;
    }

    .content {
        padding: 40px 0;
    }

    #home .homeslider {
        height: auto;
        padding-top: 80px;
    }

    #home .homeslider .swiper-container {
        height: auto;
        padding-bottom: 30px;
    }

    #home .homeslider .swiper-container .swiper-button-next,
    #home .homeslider .swiper-container .swiper-button-prev {
        display: none;
    }

    #home .homeslider .swiper-container .swiper-pagination {
        bottom: 0;
    }

    #home .homeslider .swiper-container .swiper-wrapper .swiper-slide .am-container>img {
        display: none;
    }

    #home .homeslider .swiper-container .swiper-wrapper .swiper-slide .am-container .left {
        padding: 0;
        width: 55%;
    }

    #home .homeslider .swiper-container .swiper-wrapper .swiper-slide .am-container .left h2 {
        font-size: 18px;
    }

    #home .homeslider .swiper-container .swiper-wrapper .swiper-slide .am-container .left>img {
        width: 100px;
    }

    #home .homeslider .swiper-container .swiper-wrapper .swiper-slide .am-container .right {
        width: 45%;
        padding: 0;
    }

    #home .f1 .am-container .title h2 {
        font-size: 20px;
    }

    #home .f1 .am-container .inner .left {
        width: 100%;
    }

    #home .f1 .am-container .inner .right {
        width: 100%;
    }

    #home .f1 .am-container .inner .right h2 {
        font-size: 18px;
    }

    #home .f1 .am-container .inner .right h2 br {
        display: none;
    }

    #home .f1 .am-container .inner .right .join img {
        height: 50px;
    }

    #home .f1 .am-container .inner .right .join p {
        font-size: 14px;
        padding-left: 10px;
    }

    #home .f1 .am-container .inner .right .bot img {
        width: 100px;
    }

    .am-container .d-link {
        width: 100px;
        display: block;
        font-size: 12px;
    }

    #home .f2 {
        padding: 40px 0;
        display: none;
    }

    #home .f2.mobile {
        display: block;
    }

    #home .f2 .am-container .left {
        width: 100%;
    }

    #home .f2 .am-container .left .title {
        text-align: center;
    }

    #home .f2 .am-container .left .title h2 {
        font-size: 20px;
    }

    #home .f2 .am-container .left .inner h2 {
        font-size: 24px;
    }

    #home .f2 .am-container .right {
        width: 100%;
        padding: 0 30px;
    }

    #home .f3-1 .am-container .title h2 {
        font-size: 20px;
    }

    #home .f3-1 .am-container .pp {
        display: block;
        margin-bottom: 40px;
    }

    #home .f3-1 .am-container .inner {
        text-align: left;
    }

    #home .f3-1 .am-container .inner hr {
        display: none;
    }

    #home .f3-1 .am-container .inner h2 {
        font-size: 18px;
    }

    #home .f3 {
        display: none;
    }

    #home .f4 {
        padding: 40px 0;
        display: none;
    }

    #home .f4.mobile {
        display: block;
    }

    #home .f4.mobile .am-container .title {
        margin-bottom: 30px;
    }

    #home .f4.mobile .am-container .title h2 {
        font-size: 20px;
    }

    #home .f4.mobile .am-container .inner {
        text-align: left;
        margin-top: 20px;
    }

    #home .f4.mobile .am-container .inner h2 {
        font-size: 18px;
        margin-bottom: 0;
    }

    #home .f4.mobile .am-container .inner hr {
        margin: 0;
    }

    #home .f4.mobile .am-container .inner p {
        margin-top: 20px;
    }

    #home .f5 {
        padding: 40px 0;
        background-position: right bottom;
    }

    #home .f5 .am-container .left {
        width: 100%;
    }

    #home .f5 .am-container .left .title {
        text-align: center;
    }

    #home .f5 .am-container .left .title h2 {
        font-size: 20px;
    }

    #home .f5 .am-container .left .inner h2 {
        font-size: 18px;
    }

    #home .f5 .am-container .left .inner h2 br {
        display: none;
    }

    #home .f5 .am-container .right {
        width: 100%;
    }

    footer {
        padding-top: 40px;
    }

    footer .am-container .inner .top .lx {
        width: 100%;
        text-align: center;
    }

    footer .am-container .inner .top .lx ul li p {
        margin-bottom: 10px;
    }

    footer .am-container .inner .top .lx ul li img {
        margin: 0 auto;
        width: 100px;
    }

    /* mobile */
    .mobile-container .box {
        width: 45%;
        margin: 0 auto;
        text-align: center;
    }

    .mobile-container .right {
        padding-bottom: 25px;
        -webkit-transform: translate(200px, 0);
        -ms-transform: translate(200px, 0);
        transform: translate(200px, 0);
        opacity: 0;
    }

    .mobile-container .left {
        -webkit-transform: translate(-150px, 0);
        -ms-transform: translate(-150px, 0);
        transform: translate(-150px, 0);
        opacity: 0;
    }

    .mobile-container.active .right {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
        -webkit-transition-duration: 2s;
        -o-transition-duration: 2s;
        transition-duration: 2s;
    }

    .mobile-container.active .left {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
        -webkit-transition-duration: 2s;
        -o-transition-duration: 2s;
        transition-duration: 2s;
    }

    .mobile-container .left>div {
        font-weight: 700;
        font-size: 16px;
    }

    .mobile-container .left img {
        width: 100px;
        margin-top: 10px;
        margin-bottom: 25px;
    }

    .mobile-container .left .download {
        display: block;
        margin: 0 auto;
        background-color: rgb(255, 169, 30);
        color: #fff;
        text-align: center;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        border-radius: 20px;
        font-weight: 700;
    }

}