@media screen and (max-width:900px) {
    .phone-menu {
        background:url(/img/slice-button.png) no-repeat center;
        width:40px;
        height:40px;
        background-size:cover;
        position:absolute;
        right:0;
        top:15px;
    }
    .download-box .banner .banner-text {
        width:100% !important;
    }
    .header-box {
        width:100%;
    }
    .header-box .login-right-box {
        display:none;
    }
    .header-box .top-nav {
        display:none;
    }
    .header-box ul li {
        width:60px;
    }
    .header-box .logo-box {
        margin-right:0px;
    }
    .header-box .phone-top-nav {
        display:block;
        z-index:1000;
        background-color:rgba(0,0,0,0.9);
        height:100%;
        position:fixed;
        min-height:100vh;
        top:0px;
        right:-200px;
        overflow-x:auto;
    }
    .header-box .phone-top-nav .phone-top-imgicon {
        width:200px;
        height:70px;
        opacity:1;
        background:rgba(0,0,0,1);
    }
    .phone-top-nav-show {
        animation:nav-show 0.2s linear;
        animation-fill-mode:forwards;
    }
    .phone-top-nav-hide {
        animation:nav-hide 0.2s linear;
        animation-fill-mode:forwards;
    }
    @keyframes nav-hide {
        0% {
            right:0;
        }
        50% {
            right:-100px;
        }
        100% {
            right:-200px;
        }
    }@keyframes nav-show {
         0% {
             right:-200px;
         }
         50% {
             right:-100px;
         }
         100% {
             right:0;
         }
     }}.header-box .phone-top-nav .phone-top-imgicon img {
    width:20px;
    height:20px;
    margin-top:25px;
    float:right;
    margin-right:20px;
}
.header-box .phone-top-nav ul {
    display:block;
    margin-top:0;
}
.header-box .phone-top-nav ul li {
    color:#FFF;
    width:200px;
    text-align:center;
    height:50px;
    line-height:50px;
    border-bottom:1px solid #212121;
}
.header-box .active > span {
    border:0;
}
.header-box .phone-top-nav ul li > span > a {
    color:#FFF;
    width:200px;
    height:50px;
    display:block;
    text-align:center;
}
.header-box .phone-top-nav ul .active span {
    display:inline-block;
    padding:initial;
    height:40px;
    line-height:40px;
}
.banner {
    height:initial;
    padding-bottom:20px;
}
.banner .banner-text {
    margin-top:0px;
    text-align:center;
}
.banner .float-left {
    float:none;
}
.banner .float-right {
    float:none;
}
.banner .banner-btn {
    position:initial !important;
    margin:0 auto;
    margin-top:20px;
}
.banner .banner-bac {
    height:initial;
    width:100%;
}
.banner .six {
    display:none;
}
.banner .font-size58 {
    font-size:30px;
    padding-top:20px;
}
.banner .banner-bac .banner-img img {
    width:100%;
}
.banner .six {
    width:800px;
    font-size:14px;
}
.banner .six .six-right > div > div {
    margin-right:5px;
    width:100px;
    height:40px;
    line-height:40px;
}
.banner .six .six-right > div > div > img {
    width:18px;
    height:18px;
    margin-right:5px;
}
.banner .six .six-left {
    width:100px;
    text-align:center;
    margin-right:10px;
}
.banner .six .six-right {
    margin-top:24px;
}
.introduction {
    padding-top:10px;
    width:100%;
    margin:0 auto;
}
.introduction .introduction-one {
    height:initial;
    margin-bottom:0px;
}
.introduction-title {
    margin-top:20px;
}
.why-recommend {
    margin-top:10px;
}
.why-recommend .why-title {
    font-size:30px;
}
.why-recommend .whyson {
    width:90%;
    margin:0 auto;
}
.why-recommend .swiper-container {
    width:100%;
}
.download-box {
    width:100%;
}
.download-box .download-title {
    font-size:30px;
}
.download-box .download-six > div {
    margin:0px auto !important;
    width:60%;
    float:initial;
}
.footer-info {
    height:initial;
}
.download-box .banner {
    height:initial;
}
.download-box .banner .banner-bac {
    width:100%;
    height:initial;
    padding-bottom:220px;
}
.download-box .banner .banner-bac .banner-text {
    margin-top:0px;
}
.download-box .banner .banner-bac .banner-text .font-size48 {
    font-size:30px;
}
.download-box .banner .banner-bac .banner-text .font-size18 {
    font-size:12px;
    text-align:center;
}
.download-box .banner .banner-bac .banner-text .download-p {
    text-align:left;
    padding-left:30px;
}
.download-box .banner .banner-bac .six {
    width:initial;
    display:initial;
    margin:0px 10px;
    height:initial;
    bottom:0px;
}
.download-box .banner .banner-bac .six .six-right {
    flex:initial;
}
.download-box .banner .banner-bac .six .six-right > div {
    flex-wrap:wrap;
}
.download-box .banner .banner-bac .six .six-right > div > div {
    width:50%;
    min-width:50%;
    max-width:50%;
    margin-right:0px;
    text-align:left;
}
.download-box .download-box {
    width:initial;
}
.download-box .download-box .download-title {
    font-size:30px;
}
.download-box .download-box .download-six {
    display:initial;
}
@media screen and (min-width:900px) and (max-width:1023px) {
    .header-box .phone-top-nav {
        display:none;
    }
    .header-box .top-nav ul li {
        width:60px;
    }
    .header-box .logo-box {
        margin-right:10px;
    }
    .banner {
        height:400px;
    }
    .banner .banner-bac {
        height:400px;
        width:800px;
    }
    .banner .six {
        width:800px;
        height:90px;
        line-height:90px;
        padding:0 10px;
    }
    .banner .banner-bac {
        width:800px;
    }
    .banner .font-size58 {
        font-size:40px;
    }
    .banner .banner-bac .banner-img img {
        width:400px;
    }
    .banner .six {
        width:800px;
        font-size:14px;
    }
    .banner .six .six-right > div > div {
        margin-right:5px;
        width:100px;
        height:40px;
        line-height:40px;
    }
    .banner .six .six-right > div > div > img {
        width:18px;
        height:18px;
        margin-right:5px;
    }
    .banner .six .six-left {
        width:100px;
        text-align:center;
        margin-right:10px;
    }
    .banner .six .six-right {
        margin-top:24px;
    }
    .banner .banner-bac .banner-btn {
        bottom:58px;
    }
    .introduction {
        padding-top:100px;
        width:800px;
        margin:0 auto;
    }
    .introduction .container {
        width:800px;
    }
    .introduction .introduction-one {
        height:initial;
        margin-bottom:0px;
    }
    .introduction-title {
        margin-top:20px;
    }
    .why-recommend {
        margin-top:30px;
    }
    .why-recommend .why-title {
        font-size:30px;
    }
    .why-recommend .whyson {
        width:70%;
        margin:0 auto;
    }
    .why-recommend .swiper-container {
        width:100%;
    }
    .download-box {
        width:100%;
    }
    .download-box .download-title {
        font-size:30px;
    }
    .download-box .download-six > div {
        margin:0px auto !important;
        width:60%;
        float:initial;
    }
    .download-box .banner {
        height:initial;
    }
    .download-box .banner .banner-bac {
        width:900px;
        height:500px;
    }
    .download-box .banner .banner-bac .banner-text {
        margin-top:50px;
    }
    .download-box .banner .banner-bac .six {
        width:900px;
    }
    .download-box .download-box {
        width:900px;
    }
}@media screen and (min-width:1024px) and (max-width:1360px) {
    .header-box .phone-top-nav {
        display:none;
    }
    .header-box .top-nav ul li {
        width:90px;
    }
    .header-box .logo-box {
        margin-right:0;
    }
    /*.banner {*/
    /*    height:400px;*/
    /*}*/
    .banner .banner-bac {
        height:400px;
        width:900px;
    }
    .banner .six {
        width:900px;
        padding:0 10px;
    }
    .banner .banner-bac {
        width:900px;
    }
    .banner .font-size58 {
        font-size:40px;
    }
    .banner .banner-bac .banner-img img {
        width:400px;
    }
    .banner .six {
        width:900px;
        font-size:14px;
        height:90px;
        line-height:90px;
    }
    .banner .six .six-right > div > div {
        margin-right:10px;
        width:120px;
        height:40px;
        line-height:40px;
    }
    .banner .six .six-right > div > div > img {
        width:18px;
        height:18px;
        margin-right:10px;
    }
    .banner .six .six-left {
        width:100px;
        text-align:center;
        margin-right:10px;
    }
    .banner .six .six-right {
        margin-top:24px;
    }
    .banner .banner-bac .banner-btn {
        bottom:58px;
    }
    .introduction {
        padding-top:100px;
        width:800px;
        margin:0 auto;
    }
    .introduction .container {
        width:800px;
    }
    .introduction .introduction-one {
        height:initial;
        margin-bottom:0px;
    }
    .introduction-title {
        margin-top:20px;
    }
    .why-recommend {
        margin-top:30px;
    }
    .why-recommend .why-title {
        font-size:30px;
    }
    .why-recommend .whyson {
        width:70%;
        margin:0 auto;
    }
    .why-recommend .swiper-container {
        width:100%;
    }
    .download-box {
        width:100%;
    }
    .download-box .download-title {
        font-size:30px;
    }
    .download-box .banner {
        height:initial;
    }
    .download-box .banner .banner-bac {
        width:900px;
        height:500px;
    }
    .download-box .banner .banner-bac .banner-text {
        margin-top:50px;
    }
    .download-box .banner .banner-bac .six {
        width:900px;
    }
    .download-box .download-box {
        width:900px;
    }
}@media (min-width:1360px) {
    .swiper-slide {
        margin-right:0;
        width:450px!important;
    }
    .why-recommend .swiper-container {
        width:1370px;
    }
}