@media(max-width: 1026px){
    body{
        width:100%;
        font:normal 125% "Microsoft Yahei","Arial","Helvetica";
    }
    header{
        height:70px;
    }
    .nav-box{
        padding:0 30px;
        height:70px;
    }
    .logo-box{
        width:356px;
        height:70px;
        overflow:hidden;
        top:0;
        left:-16px;
        margin:0;
        text-align:left;
    }
    .logo-box img{
        height:100%;
    }
    .menu_button{
        display:block;
        width:40px;
        margin-top:14px;
        height:38px;
    }
    .menu_button span{
        width:40px;
    }
    .order span:nth-child(1){
        top:5px;
    }
    .order span:nth-child(2){
        top:17px;
        left:0;
    }
    .order span:nth-child(3){
        top:29px;
    }
    .closed span:nth-child(1){
        top:18px;
    }
    .closed span:nth-child(2){
        display:none;
        top:10px;
        left:0;
    }
    .closed span:nth-child(3){
        top:18px;
    }
    .top-nav{
        width:100%;
        position:absolute;
        top:70px;
        left:0;
        display:none;
    }
    .top-nav ul{
        text-align: left;
        background:rgba(255,255,255,.9);
    }
    .top-nav ul li{
        display:block;
        width:100%;
        padding:0;
    }
    .top-nav ul>li:nth-child(4){
        display:none;
    }
    .top-nav ul>li>a{
        color:#333;
        border-top:1px solid rgba(0,0,0,.32);
        padding:0;
        font-size:0.9em;
        height:70px;
        line-height:70px;
        letter-spacing:3px;
        text-indent: 30px;
        font-weight:normal;
    }
    .top-nav ul>li:hover a{
        color:#333;
    }
    .top-nav ol li:active{
        background:rgba(255,255,255,.7);
    }
    .top-nav ul>li span{
        display:none;
    }
    .top-nav ul>li button{
        display:block;
        float:right;
        height:69px;
        width:96px;
        background:none;
        border:none;
        color:rgba(161,161,161,.32);
        font-size:40px;
        border-left:1px solid rgba(161,161,161,.32);

    }
    .top-nav ul>li ol{
        position:static;
        height:auto;
        border-top:1px solid rgba(161,161,161,.32);
        background:rgba(255,255,255,.7);
    }

    .top-nav ol li{
        float:none;
        width:100%;
    }
    .top-nav ol>li a{
        display:block;
        padding-left:30px;
        width:80%;
        font-size:0.9em;
        height:70px;
        line-height:70px;
        border:none;
        text-indent:20px;
        color:#333;
    }
    .content{
        width:90%;
    }
    .bottom-nav{
        margin-top:40px;
        padding:40px 0;
    }
    .bottom-nav li{
        width:40%;
        /*padding-left:13px;*/
    }
    .bottom-nav li:nth-child(1){
        width:60%;
        padding-left:0;
    }
    .bottom-nav li div{
        padding-top:0;
    }
    .bottom-nav li b{
        display:none;
    }
    .bottom-logo a{
        width:45%;
        padding:0;
        margin-top:0;
        border-right:1px solid #d5d5d5;
        border-top:1px solid transparent;
    }
    .bottom-logo a img{
        width:90%;
        max-width:160px;
        margin-top:10px;
    }
    .bottom-logo span{
        text-align: center;
        width:41%;
        padding:0;
        font-size:0.8em;
        line-height:32px;
        border-right:1px solid #d5d5d5;
    }
    .bottom-nav li:last-child{
        width:100%;
        margin-top:20px;
    }
    .bottom-nav li:last-child a{
        width:60px;
        height:60px;
        margin:0 20px;
    }
    .bottom-nav li div.web-link{
        padding:0;
        margin:0;
    }
    .web-link a{
        display:block;
        color:#009b74;
        font-size:0.8em;
        margin-left:0;
        line-height:32px;
    }
    .web-link span{
        display:block;
        max-width:260px;
        color:#009b74;
        font-size:0.8em;
        margin-left:0;
        line-height:22px;
    }
    .bottom-nav li div.store-link{
        padding-top:0;
        margin-top:0;
    }
    .store-link a{
        display:inline-block;
        margin:0;
        margin-right:10px;
    }
    .store-link a img{
        width:80%;
    }
    .bottom-content{
        height:90px;
        border:none;
    }
    .bottom-content ul{
        width:100%;
        text-align:center;
    }
    .bottom-content ul li{
        float:none;
        display:inline-block;
        vertical-align:bottom;
    }
    .bottom-content ul li a{
        font-size:0.9em;
    }
    .bottom-content span{
        width:100%;
        text-align: center;
        font-size:0.9em;
        line-height:14px;
        letter-spacing: 0;
    }
}
@media(max-width:768px){
    .top-nav ul>li>a{
        font-size:1em;
    }

    .bottom-nav li:last-child{
        width:100%;
    }
    .bottom-nav li:nth-child(2n){
        display:none;
    }
    .bottom-nav li{
        width:278px;
        /*padding-left:13px;*/
    }
    .bottom-nav li:nth-child(1){
        width:396px;
        padding-left:0;
    }
    .bottom-logo a{
        width:165px;
        padding:10px 0;
        padding-right:20px;
        border-right:1px solid #d5d5d5;
    }
    .bottom-logo a img{
        width:100%;
        margin-top:0;
    }
    .bottom-logo span{
        font-size:0.8em;
        line-height:32px;
        padding:10px 14px;
        padding-top:0;
        border-right:1px solid #d5d5d5;
    }
    .bottom-nav li:last-child{
        margin-top:40px;
    }
    .bottom-nav li div.web-link{
        margin-left:30px;
    }
}