.toggleMenu { width:100%;display:  none;  padding: 0 0;  color: #fff; margin: 0 0; }
.menu_bay { width:20px; height:38px; background:url("../images/menu_separate.png") 50% 50% no-repeat; }
.menu_font { font: 1em/1.2em Arial,Helvetica Neue,Helvetica,sans-serif; margin: 0 2%; }
.menu_font_sub { display:none; }
.nav { list-style: none;  *zoom: 1;}
.nav:before,.nav:after { content: " ";   display: table; }
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 0em;
}
.nav a {
	transition:0.3s ease;transition-property:all;
    padding: 9px 0 0 0;
    color:#fff;
}
.nav a:hover {
     color:#02161f;
}
.nav li {
    position: relative;
}
.nav > li {
    float: left;
    
}
.nav > li > .parent {}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background: #1d7a62;
    position: relative;
    z-index:20000;
    border-top: 1px solid #175e4c;
}
.nav li li li a {
    background:#249578;
    z-index:30000;
    border-top: 1px solid #1d7a62;
}

@media screen and (max-width: 1000px) {
	.toggleMenu { padding: 9px 55px; background:url("../images/menu_icon.png") 2% 50% no-repeat; }
	    .active {
        display: block;
    }
	.menu_bay { display:none;}
	.menu_font { padding: 0 0 0 2em;  margin: 0 0;}
	.menu_font_sub { display: inherit; }
	.nav {background:#0c6084; }
	.nav a {padding: 8px 0 8px 0; }
    .nav > li {
        float: none;
		border-top: 1px solid #7ba4b5;
    }
    .nav > li > .parent {
		margin: 0 0 0 2em;
        background-position: 95% 50%;
    }
    .nav li li .parent {
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

}