.header{width:100%; position: absolute; top: 0; height: 60px; box-sizing: border-box; padding-top: 20px; background: rgba(256,256,256,0.8);}
.menu{width:800px; margin: 0 auto;height: 100%;}
.menu .menu-logo{float: left;width:192px;position: relative;height:100%;}
.menu .menu-logo img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.menu .menu-nav{float: right; width: 460px; padding: 0; display:-webkit-flex; display:-moz-flex; display:flex; display:-ms-flexbox;}
.menu .menu-nav a{float: right;flex: 1; text-align: center; line-height: 40px; height: 40px;font-size: 16px;color:#f82736;text-decoration: none;}
.menu .menu-nav a:hover{ background: #f82736; color: #fff; border-radius: 40px;transition: 0.3s; }

#topbanner{
    width: 100%;
    background: #e23c42 url(../images/page_01.png) no-repeat center top / 100% auto;
}
.section img.pic-img{width:100%;}
.about-us{width:1000px; margin:20px auto 0; position: relative; }
.word-left{float:left;width:570px;}
.word-left .wordbt{ color: #ff4e5b; font-size: 28px;text-align:left;padding:20px 0 50px; }
.word-left .word{ width:100%;text-align: left; color: #9b9b9b; font-size:17px; line-height: 26px; padding-bottom:30px;}
.word-right{float: right; width: 128px; text-align: center;}

.about-us .logo-download{ position: absolute; width:160px;right: 36px; top: 0;line-height: 28px;color:#fff; font-size: 16px;}
.about-us .logo-download img{width:100%;}
.about-us .logo-download a{display: block; width:100%; margin-top: 14px; text-indent: 1em; height: 38px;line-height: 38px; text-align:center; font-size:16px;color:#f82736;border:1px #f82736 solid;border-radius:34px; }
.about-us .logo-download a:hover{color:#fff; border:1px #f82736 solid;}
.about-us .logo-download .a-android{
    background: url(../images/android_hover.png) no-repeat 26px center;
}
.about-us .logo-download .a-android:hover{
    background: #f82736 url(../images/android.png) no-repeat 26px center;
}
.about-us .logo-download .a-ios{
    background: url(../images/iPhone_hover.png) no-repeat 26px center;
}
.about-us .logo-download .a-ios:hover{
    background: #f82736 url(../images/iPhone.png) no-repeat 26px center;
}

.content-bg{ position: absolute; bottom: 0; width: 100%;background:#e23c42; height: 200px; padding:10px 0 0;}
.content-us{ width: 1000px; position: relative; height: 100%; margin:0 auto;font-size: 16px; text-align: left; position: relative;}
.content-us .word-bt{ font-size: 24px; height: 80px;color:#fff}
.content-us .word-msg{line-height: 32px;color:#fff;}
.content-us .word-copy{width:100%; position: absolute; bottom: 0; margin:0 auto; border-top: 1px #fff solid;font-size: 14px; line-height: 40px;color:#fff}
.content-us .weixin{ width:100px;position: absolute; right: 0; top: 0px;line-height: 28px;color:#fff; font-size: 16px;}
.content-us .weixin img{width:100%}
.content-us .weixin span{ display: block;line-height: 38px;color:#fff; font-size: 16px; text-align: center;}

.topbox{width:510px;margin:0 auto; padding-top:10px;}
.topbox .con{float:right;}
.topbox .one { padding-top: 340px;}/*1280*/
.topbox .one span{ display: block; float: left;width:110px; min-height: 128px; padding-right: 20px;font-size: 14px;}
.topbox .one span img{width:100%}
.topbox .one p{float: left;}
.topbox .one a{display: block; width:140px; margin-top: 14px; padding-left: 12px; height: 34px;line-height: 34px; text-align:center; font-size:16px;color:#fff;border:1px #fff solid;border-radius:34px; }
.topbox .one a:hover{color:#e60012; border:1px #fff solid;transition: 0.3s;}
.topbox .one .a-android{
    background: url(../images/android.png) no-repeat 19px center;
}
.topbox .one .a-android:hover{
    background: #fff url(../images/android_hover.png) no-repeat 19px center;
}
.topbox .one .a-ios{
    background: url(../images/iPhone.png) no-repeat 19px center;
}
.topbox .one .a-ios:hover{
    background: #fff url(../images/iPhone_hover.png) no-repeat 19px center;
}

/*1365*/
@media screen and (min-width:1365px) and (max-width: 1440px) {
    .topbox .one { padding-top: 370px;}
}

/*1440*/
@media screen and (min-width:1365px) and (max-width: 1440px) {
    .topbox .one { padding-top: 392px; }
}

/*1680*/
@media screen and (min-width:1440px) and (max-width:1680px) {
    .topbox{width:550px;margin:0 auto;}
    .topbox .one { padding-top: 470px;}
}

/*1920*/
@media screen and (min-width:1680px) and (max-width:1920px){
    .topbox{width:650px;}
    .topbox .one { padding-top: 536px;}
    .topbox .one a{display: block; width:180px; margin-top: 18px; height: 46px;line-height: 46px; text-align:center; font-size:18px;color:#fff;border:2px #fff solid;border-radius:34px; }
    .topbox .one a:hover{color:#e60012; border:2px #fff solid;transition: 0.3s;}
    .topbox .one .a-android{
        background: url(../images/android.png) no-repeat 19px center;
    }
    .topbox .one .a-android:hover{
        background: #fff url(../images/android_hover.png) no-repeat 19px center;
    }
    .topbox .one .a-ios{
        background: url(../images/iPhone.png) no-repeat 19px center;
    }
    .topbox .one .a-ios:hover{
        background: #fff url(../images/iPhone_hover.png) no-repeat 19px center;
    }
}

/*1680-1920*/
@media screen and (min-width:1440px) and (max-width:1920px){
    .header{height: 100px;padding-top: 0;}
    .menu{width:1000px;}
    .menu .menu-nav{padding: 30px 0;  width: 500px; }

    .about-us{margin: 150px auto 0 }
    .about-us .logo-download{ width:220px}
    .about-us .logo-download a{width:100%; margin-top: 14px; height: 42px;line-height: 42px; font-size:18px;border:2px #f82736 solid;border-radius:34px; }
    .about-us .logo-download a:hover{border:2px #f82736 solid;}
    .about-us .logo-download .a-android{
        background: url(../images/android_hover.png) no-repeat 46px center;
    }
    .about-us .logo-download .a-android:hover{
        background: #f82736 url(../images/android.png) no-repeat 46px center;
    }
    .about-us .logo-download .a-ios{
        background: url(../images/iPhone_hover.png) no-repeat 46px center;
    }
    .about-us .logo-download .a-ios:hover{
        background: #f82736 url(../images/iPhone.png) no-repeat 46px center;
    }
    .word-left .wordbt{ color: #ff4e5b; font-size: 34px;text-align:left;padding:0 0 120px; }
    .word-left .word{font-size:19px; line-height: 32px; padding-bottom:30px;}
    .content-bg{  height: 245px; padding:20px 0 0;}
    .content-us .weixin{ width:126px;}
    .content-us .word-bt{ font-size: 28px;}
    .content-us .word-copy{line-height: 60px}
}