@charset "utf-8";

@media (max-width:991px){
	.menu-box{ display: none; position:absolute;  top:80px; right: 0; z-index:2147483645; width: 120px; }
	.menu-box ul li{ margin-bottom: 1px;}
	.menu-box ul li a{ display: block; font-size: 14px; color: #333; line-height: 40px; background: rgba(255,255,255,0.9); text-align: center; }
	.menu-box ul li.active a{ color: #fff; background: #0059b5; }
	.menu-btn{ position: absolute; top:31px; right: 15px; z-index:2147483647; width: 40px; }
	.menu-btn b{ display: block; height:4px; background: #0059b5; }
	.menu-btn b:nth-child(2){  margin:3px 0; }
	.menu-btn.active b:nth-child(1){ transform:translate(0,7px) rotate(45deg); }
	.menu-btn.active b:nth-child(2){ opacity: 0 }
	.menu-btn.active b:nth-child(3){transform:translate(0,-7px) rotate(-45deg); }
}

@media (max-width:767px){
	.menu-btn{  top: 24px; width: 32px;}
	.menu-box{ top: 60px; width: 100px; }
	.menu-box ul li a{ font-size: 12px; line-height: 34px; }
}