/*banner轮播开始*/
#lunbo{width: 100%;overflow: hidden;position: relative}
#lunbo .main_visual {position: relative;z-index: 23;min-width: 320px;max-width: 1200px;}
#lunbo .main_image {width: 100%;height: 100%;overflow: hidden;margin: 0 auto;position: relative}
#lunbo .main_image ul {width: 9999px;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0}
#lunbo .main_image li {float: left;width: 100%;height: 100%;}
#lunbo .main_image li span {display: block;width: 100%;height: 100%}
#lunbo .main_image li img {display: block;overflow: hidden;width: 100%;}
#lunbo .main_image li a {display: block;width: 100%;height: 100%}
#lunbo div.flicking_con {overflow: hidden;text-align: center;position: fixed;bottom: 8px;left: 45%;z-index: 11;}
#lunbo div.flicking_con li {float: left;border-radius: 10px;-webkit-border-radius: 10px;-ms-border-radius:10px;height: 10px;width: 10px;background: #dccaa6;
    margin: 0 4px;display: inline-block;opacity: 1;font-size: 0px;}
#lunbo div.flicking_con li.on {background: #cc9933}
/*banner轮播结束*/
#container{
    position: relative;
}
/*.menu-box{*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top:20px;*/
    /*z-index: 99;*/
    /*width: 100%;*/
/*}*/
.menu-box .logo{
    margin-left: 5%;
    margin-top: 5%;
    width: 25%;
    position: absolute;
    left: 0;
    top:20px;
    z-index: 99;
}
.menu-box ul{
    position: absolute;
    left: 0;
    top:20px;
    z-index: 99;
    /*overflow: hidden;*/
    margin-top: 35%;
}
.music-control{
    position: absolute;
    right: 15px;
    top:20px;
    width: 50px;
    z-index: 99;

}
.test{
    -webkit-transform-origin: center;
    -o-transform-origin: center;
    -moz-transform-origin: center;

    -webkit-animation: second 2s linear infinite;
    -o-animation: second 2s linear infinite;
    -moz-animation: second 2s linear infinite;

}
@-webkit-keyframes  second{
    0%{-webkit-transform :rotate(0deg)}
    100%{-webkit-transform :rotate(360deg)}
}
@-o-keyframes  second{
    0%{-o-transform :rotate(0deg)}
    100%{-o-transform :rotate(360deg)}
}
@-moz-keyframes  second{
    0%{-moz-transform :rotate(0deg)}
    100%{-moz-transform :rotate(360deg)}
}

.menu-box ul li{
    width: 100%;

    text-align: center;
    margin-bottom: 9px;
    color: #fff;
    line-height: 2.2;
    padding: 0 15px;
    border-radius: 0 5px 5px 0;
    background: url("../img/opacity.png");
}
@media all and (max-height:480px){
    .menu-box .logo{
        margin-left: 5%;
        margin-top: 2%;
        width: 23%;
        position: absolute;
        left: 0;
        top:5px;
        z-index: 99;
    }
    .menu-box ul{
        position: absolute;
        left: 0;
        top:20px;
        z-index: 99;
        /*overflow: hidden;*/
        margin-top: 22%;
    }
}