.wp_nav { display:block; margin: 0; padding: 0;display: block; *zoom:1;}
.wp_nav * {margin: 0; padding: 0;}
.wp_nav:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.wp_nav .nav-item { display:inline-block; float:left; position:relative; vertical-align:bottom;}
.wp_nav .on { z-index:10;}
.wp_nav .nav-item .mark {display:block; width:100%; height:100%; position:absolute; left:0;top:0; z-index:99;}
.wp_nav .nav-item a{ font-family:"Microsoft Yahei"; display:block;text-align:center;position:relative; z-index:100;}
.wp_nav .nav-item a.parent:hover{}
.wp_nav .nav-item a.parent {color:#000;}
.wp_nav .nav-item a span.item-name { display:inline-block; padding:5px 10px; line-height:22px;cursor:pointer;}
.wp_nav .sub-nav {display:block; width:100%; position:absolute; z-index:200; visibility:hidden; border:1px solid #ccc;border-top:none;}
.wp_nav .sub-nav .nav-item { white-space:nowrap;}
.wp_nav .sub-nav .nav-item .mark { background:#fff;}
.wp_nav .sub-nav .nav-item a {font-family:"Microsoft Yahei"; font-size:13px;font-weight:normal; color:#000;text-align:left;border-top:1px solid #D8E1CC;min-width: 80px;}
.wp_nav .sub-nav .nav-item a.parent:hover{ background:#eee;color:#000;}
.wp_nav .sub-nav .nav-item a.parent { background:#eee;color:#000;}
.wp_nav .sub-nav .nav-item a span.item-name { padding:5px 10px; line-height:22px;}
.wp_nav .nav-item a.parent:hover span.item-name{}
.wp_nav .nav-item a.parent span.item-name{}
.wp_nav .sub-nav .nav-item a.parent:hover span.item-name{}
.wp_nav .sub-nav .nav-item a.parent span.item-name{}


/* 默认隐藏移动端导航，仅小屏幕生效 */
.mobile-nav-toggle,
.mobile-nav-mask,
.mobile-nav-wrap {
    display: none;
}

@media (max-width:767px) {
    .mobile-nav-toggle {
        display: block;
        position: absolute;
        top:62px;
       left:12px;
        z-index:999;
        font-size:22px;
       background: url(../images/menu-icon-arrow.png) no-repeat 50%;
        width:34px;
        height:34px;
        line-height:40px;
        text-align:center;
        border-radius:4px;
        cursor:pointer;
    }
  /*遮罩*/
    .mobile-nav-mask {
        display:block;
        position:fixed;
        left:0;
        top:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,0.45);
        z-index:998;
        opacity:0;
        visibility:hidden;
        transition:0.24s;
    }
    .mobile-nav-mask.active {
        opacity:1;
        visibility:visible;
    }

    /*侧边栏：初始在屏幕左侧外面 translateX(-100%) */
    .mobile-nav-wrap {
        display:block;
        position:fixed;
        top:0;
        left:0;
        width:240px;
        height:100%;
        background:#ffffff;
        z-index:1000;
        transform: translateX(-100%);
        transition: transform 0.24s ease-out;
        overflow-y:auto;
    }
    .mobile-nav-wrap.active {
        transform: translateX(0);
    }

    .mobile-menu {
        margin:0;
        padding:0;
        list-style:none;
    }
    .mobile-menu > li {
        border-bottom:1px solid #eee;
    }
    .mobile-menu > li > a {
        display:block;
        padding:14px 16px;
        color:#333;
        text-decoration:none;
    }
    .mobile-menu .arrow {
        float:right;
    }
    .mobile-menu .sub-menu {
        display:none;
        margin:0;
        padding:0;
        list-style:none;
        background:#f7f7f7;
    }
    .mobile-menu .sub-menu li a {
        display:block;
        padding:12px 24px;
        color:#444;
        text-decoration:none;
    }
}