/* 头部 */
#header{position:fixed;left:0;top:0;z-index:10;width:100%;background:#fff;background-size:auto 70px;-webkit-transition:-webkit-transform 300ms,-webkit-opacity 300ms;}
#header .wrap{height:70px;background:url(../img/xian.jpg) bottom center no-repeat}
#menu-btn {position:absolute;top:0;right:0;width:70px;height:70px;}
#menu-btn span{position:absolute;left:23px;width:24px;height:2px;background-color:#aaaaaa; -webkit-transition:-webkit-transform 300ms, top 300ms}
#menu-btn .top{top:24px;}
#menu-btn .mid{top:32px;}
#menu-btn .bot{top:40px;}
/* 菜单按钮控制 */
#menu-btn .top{top:32px;-webkit-animation:menuBtn-off-top-anim 400ms forwards;}
#menu-btn .mid{-webkit-opacity:0;-webkit-animation:menuBtn-off-mid-anim 400ms forwards;}
#menu-btn .bot{top:32px;-webkit-animation:menuBtn-off-bot-anim 400ms forwards;}
/* 菜单按钮动画 */
@-webkit-keyframes menuBtn-on-top-anim {
    50% {top:32px;-webkit-transform:rotate(0deg);}
    100% {-webkit-transform:rotate(45deg); top:32px;}
}
@-webkit-keyframes menuBtn-on-mid-anim {
    100% {-webkit-opacity:0;}
}
@-webkit-keyframes menuBtn-on-bot-anim {
    50% {top:32px;-webkit-transform:rotate(0deg);}
    100% {-webkit-transform:rotate(-45deg); top:32px;}
}
@-webkit-keyframes menuBtn-off-top-anim {
    50% {top:32px;-webkit-transform:rotate(0deg);}
    100% {top:24px;-webkit-transform:rotate(0deg);}
}
@-webkit-keyframes menuBtn-off-mid-anim {
    100% {-webkit-opacity:1;}
}
@-webkit-keyframes menuBtn-off-bot-anim {
    50% {top:32px;-webkit-transform:rotate(0deg);}
    100% {top:40px;-webkit-transform:rotate(0deg);}
}

/* 右侧菜单 */
#menu{position:fixed;top:0;right:0;width:72%;height:100%;background:#f4f4f4;-webkit-opacity:0; overflow:auto;z-index:-99}
#menu .links{margin:60px 0 0 0px;-webkit-transition:margin-left 300ms;}
#menu .ad-block{display:none;}
/* 菜单打开 */
body.menu-on #header,body.menu-on #content {-webkit-transform:translateX(-72%);}
body.menu-on #menu-btn .top {-webkit-animation:menuBtn-on-top-anim 400ms forwards;}
body.menu-on #menu-btn .mid {-webkit-animation:menuBtn-on-mid-anim 400ms forwards;}
body.menu-on #menu-btn .bot {-webkit-animation:menuBtn-on-bot-anim 400ms forwards;}
body.menu-on #subMenu-cont {z-index:7;}
body.menu-on #menu {z-index:8;-webkit-opacity:1;}
body.menu-on #menu .bg-elements img:nth-child(1){-webkit-transition-delay:1500ms;}
body.menu-on #menu .bg-elements img:nth-child(2){-webkit-transition-delay:1000ms;}
body.menu-on #menu .bg-elements img:nth-child(3){-webkit-transition-delay:500ms;}
body.menu-on #menu .bg-elements img.anim-scale{-webkit-transform:scale(1,1); -webkit-opacity:1;}

#content{position:relative;z-index:20;
-webkit-transition:-webkit-transform 300ms;overflow:hidden;}

.anim-active ul li a{display:block;position:relative;z-index:2;font-size:14px;line-height:42px; color:#777; border-bottom:1px solid #e8e8e8;height:42px;padding-left:50px}
.submenu ul li a{display:block;padding-left:70px;color:#777777}

.active-menu{background:url(../img/nav_dropup.png);background-size:14px 14px;width:14px;height:14px;position:absolute;margin-top:-25px;right:15px;}
.dropdown-menu1{background-image:url(../img/nav_dropup.png);background-size:14px 14px;width:14px; 
height:14px;position:absolute;margin-top:-27px;right:15px;}
.dropup-menu1{background-image:url(../img/nav_dropdown.png);background-size:14px 14px;width:14px; 
height:2px;position:absolute;margin-top:-27px;right:15px;}