@media screen and (min-width: 992px) {
    .container {
        padding-left: 30px;
        padding-right: 30px
    }

    .banner.banner-1 .banner-title {
        font-size: 64px;
        margin-bottom: 18px
    }

    .banner.banner-1 .banner-des {
        font-size: 22px
    }

    #section-list .banner:nth-child(2n-1) .banner-content .banner-container {
        padding-right: 30px
    }

    #section-list .banner:nth-child(2n) .banner-content .banner-container {
        padding-left: 30px
    }
}

@media screen and (max-width: 1450px) {
    .w-1360 {
        max-width: 860px
    }
}

@media screen and (max-width: 1200px) {
    .banner.banner-1 {
        background-size: auto 60%
    }
}

@media screen and (max-width: 991px) {
    body {
        /*padding-top: 50px;*/
        font-size: 12px
    }

    .p-b-80 {
        padding-bottom: 50px
    }

    .p-tb-80 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .banner {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .banner.banner-1 .btn-download {
        margin-top: 20px
    }

    .banner.banner-1 .btn-download .btn:not(:last-child) {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .banner.banner-1 .btn-download .btn-qrcode {
        display: none
    }

    .banner.banner-1 .pic-show {
        max-width: 70%;
        margin-bottom: 20px
    }

    .banner.banner-1 .banner-container {
        padding-top: 0
    }

    .banner .banner-container {
        height: auto;
        min-height: auto;
        text-align: center;
        max-width: 340px;
        margin-left: auto;
        margin-right: auto
    }

    .banner.banner-1 {
        background-position: left top;
        background-size: auto 70%;
        text-align: center
    }

    .banner .pic-show {
        max-width: 70%
    }

    .banner .banner-img {
        text-align: center;
        margin-bottom: 20px
    }

    .banner .banner-icon {
        display: none
    }

    .banner .banner-title {
        font-size: 26px;
        margin-bottom: 10px
    }

    .banner .banner-des {
        font-size: 14px
    }

    .banner .swiper-1 {
        padding-bottom: 50px
    }

    .banner .swiper-1 .swiper-pagination {
        display: block;
        bottom: 0
    }

    .banner .swiper-1 .user-words {
        margin-bottom: 40px
    }

    #langMain .logo {
        margin: 35px auto
    }

    #langMain .btn-box img {
        width: 140px
    }

    #section-list .banner:nth-child(2n-1) {
        text-align: left
    }

    #section-list .banner:nth-child(2n-1) .banner-img {
        float: none
    }

    #section-list .banner:nth-child(2n-1) .icon-hide {
        margin-left: -30px
    }

    #section-list .banner:nth-child(2n) {
        text-align: right
    }

    #section-list .banner:nth-child(2n) .icon-hide {
        margin-right: -30px
    }

    .join {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .join .join-title {
        font-size: 26px
    }

    .join .join-des {
        font-size: 16px
    }

    .join .btn-qrcode {
        display: none
    }

    #footer {
        background-image: none;
        color: #333;
        padding-top: 0;
        padding-bottom: 30px;
        background: #f1f1f1 !important;
        min-height: auto
    }

    #footer a {
        color: #333
    }

    #footer .footer-title {
        line-height: 50px;
        margin-bottom: 0;
        font-size: 16px;
        font-weight: normal;
        border-bottom: 1px solid #d8d8d8;
        position: relative
    }

    #footer .footer-title:before {
        content: "";
        width: 10px;
        height: 2px;
        background: #333;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -1px
    }

    #footer .footer-title:after {
        content: "";
        width: 2px;
        height: 10px;
        background: #333;
        position: absolute;
        right: 4px;
        top: 50%;
        margin-top: -5px
    }

    #footer .footer-title.is-show:after {
        display: none
    }

    #footer .footer-nav {
        display: none;
        line-height: 40px;
        padding-left: 30px;
        font-size: 14px;
        border-bottom: 1px solid #d8d8d8
    }

    #footer .footer-bottom {
        text-align: center
    }

    #s-lang {
        display: block
    }

    #header {
        padding: 0 15px;
        line-height: 50px
    }

    #header .header-logo img {
        width: 130px
    }

    #header .header-nav {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        padding: 0 15px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15)
    }

    #header .header-nav .nav-list {
        border-top: 1px solid #e7e7e7
    }

    #header .header-nav .nav-list li {
        float: none
    }

    #header .header-nav .lang-change, #header .header-nav .nav-list {
        float: none !important
    }

    #blogShow .title {
        font-size: 18px;
        line-height: 22px
    }

    #blogShow .content {
        font-size: 12px
    }

    #blog .b-list a .b-time {
        position: static;
        text-align: left;
        background: none;
        margin-bottom: 10px;
        width: auto
    }

    #blog .b-list a .b-time p {
        display: inline
    }

    #blog .b-list .b-title {
        font-size: 18px;
        line-height: 22px
    }

    #blog .b-list li {
        font-size: 12px
    }

    .faq-top {
        margin-bottom: 30px
    }

    #faqShow .faq-main .title {
        margin-bottom: 18px;
        font-size: 22px
    }

    #faqShow .faq-main .faq-content {
        font-size: 12px;
        line-height: 20px
    }

    #faqList .faq-main .title {
        margin-bottom: 20px;
        font-size: 18px
    }

    #faqList .faq-list a {
        font-size: 12px
    }

    #faqSearch .faq-main .title {
        margin-bottom: 20px;
        font-size: 18px
    }

    #faqSearch .faq-main .faq-list {
        font-size: 12px
    }

    #faqSearch .faq-main .faq-list .faq-item {
        padding: 10px 0
    }

    #faqSearch .faq-main .item-title {
        font-size: 14px
    }

    #supportTop {
        height: 220px
    }

    #supportTop .title {
        font-size: 18px;
        margin-bottom: 20px
    }

    #supportTop form input {
        font-size: 14px;
        height: 40px;
        border-radius: 5px
    }

    #supportMain .title {
        font-size: 18px;
        margin-bottom: 20px
    }

    #supportMain .s-title a {
        font-size: 16px
    }

    #supportMain .s-list > dt:not(:last-child) {
        margin-bottom: 30px
    }

    #downloads .downloads-title .title-2 {
        font-size: 20px
    }

    #downloads .downloads-list {
        font-size: 17px
    }

    #downloads .downloads-list > li:not(:last-child) {
        margin-bottom: 30px
    }

    #downloads .downloads-list .btn-qrcode {
        display: none
    }

    #survey .survey-top img {
        width: 250px
    }

    #survey .survey-top .top-title {
        font-size: 20px;
        margin-top: 20px
    }

    #survey .survey-list li {
        padding: 10px 0
    }

    .edit-container {
        line-height: 20px;
        font-size: 14px
    }

    #langMain .title {
        font-size: 30px
    }

    #langMain .des {
        font-size: 20px
    }

    #langMain .logo img {
        max-width: 50%
    }

    #langMain .btn-qrcode {
        display: none
    }

    #langMain .lang {
        display: block;
        font-size: 16px
    }
}

@media screen and (max-width: 768px) {
    body {
        font-size: 10px
    }

    .banner.banner-1 .btn-download img {
        width: auto;
        height: 40px
    }

    .join .join-btn img {
        width: 140px
    }

    .faq-top > div {
        float: none !important;
        text-align: center
    }

    .faq-top .bread-crumb {
        margin-bottom: 20px
    }

    #langMain .title {
        font-size: 18px
    }

    #langMain .des {
        font-size: 14px
    }
}

@media screen and (max-width: 567px) {
    .banner.banner-1 {
        background-size: 80% auto
    }

    .banner .pic-show, .banner.banner-1 .pic-show {
        max-width: 65%
    }
}