.m-bar {
	height: 60px; background-color: rgb(255, 255, 255);
}
.logo-m {
	width: 75%; height: 60px; line-height: 60px; margin-left: 10px; float: left; display: inline-block;
}
.logo-m img {
	height: 40px; vertical-align: middle; display: inline-block; z-index: 60;
}
.m-hd {
	left: 0px; top: 0px; width: 100%; display: none; position: fixed; z-index: 1000000; box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, .2);
}
.m-nav {
	transition:300ms; left: 0px; top: 60px; width: 100%; overflow: hidden; clear: both; position: absolute; max-height: 0px; box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, .2); -webkit-transition: all 300ms ease;
}
.m-nav a {
	padding: 0px 20px; width: 100%; text-align: left; color: rgb(51, 51, 51); line-height: 40px; font-size: 15px; border-top-color: rgb(224, 224, 224); border-top-width: 1px; border-top-style: solid; display: block; background-color: rgb(255, 255, 255);
}
.m-trigger {
	background: url("../images/menu.png") no-repeat center / 25px; width: 60px; height: 60px; float: right; cursor: pointer; -webkit-background-size: 25px; -moz-background-size: 25px; -o-background-size: 25px;
}
.m-sub {
	overflow: hidden; max-height: 0px;
}
.m-sub.on {
	transition:0.6s linear; max-height: 999px; -webkit-transition: all .6s linear;
}
.m-nav.on {
	transition:0.6s linear; max-height: 999px; -webkit-transition: all .6s linear;
}
.m-sub a {
	padding: 0px 30px; font-size: 14px; border-top-color: rgb(239, 239, 239); background-color: rgb(241, 241, 241);
}
.m-show {
	display: none;
}
#nav-toggle {
	transform-origin: 50% 50%; top: 18px; right: 14px; color: rgb(255, 255, 255); position: absolute; transform: scale(0.7); -moz-transform: scale(0.7); -webkit-transform: scale(0.7); -o-transform: scale(0.7);
}
#nav-toggle {
	padding: 10px 35px 16px 0px; cursor: pointer;
}
#nav-toggle span {
	background: rgb(25, 110, 206); border-radius: 1px; width: 35px; height: 5px; display: block; position: absolute; cursor: pointer; content: ""; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px;
}
#nav-toggle span::before {
	background: rgb(25, 110, 206); border-radius: 1px; width: 35px; height: 5px; display: block; position: absolute; cursor: pointer; content: ""; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px;
}
#nav-toggle span::after {
	background: rgb(25, 110, 206); border-radius: 1px; width: 35px; height: 5px; display: block; position: absolute; cursor: pointer; content: ""; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px;
}
#nav-toggle span::before {
	top: -10px;
}
#nav-toggle span::after {
	bottom: -10px;
}
#nav-toggle span {
	transition:500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out;
}
#nav-toggle span::before {
	transition:500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out;
}
#nav-toggle span::after {
	transition:500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out;
}
.active#nav-toggle span {
	background-color: transparent;
}
.active#nav-toggle span::before {
	top: 0px;
}
.active#nav-toggle span::after {
	top: 0px;
}
.active#nav-toggle span::before {
	transform: rotate(45deg); -webkit-transform: rotate(45deg);
}
.active#nav-toggle span::after {
	top: 10px; transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg);
}
@media all and (max-width:991px) and (min-width:768px)
{
.m-hd {
	display: block;
}
}
@media all and (max-width:767px) and (min-width:480px)
{
.m-hd {
	display: block;
}
}
@media all and (max-width:479px)
{
.m-hd {
	display: block;
}
}