@charset "utf-8";

@media (max-width:991px){
	.menu-box{ display: none; position: absolute; right: 0; top:80px; z-index:2147483645; width: 120px;}
	.menu-box ul li{ position: relative; margin-bottom: 1px;}
	.menu-box ul li > a{ display: block; padding: 0 10px; font-size: 14px; color: #004ea0; line-height: 40px; text-align: center; background: rgba(255,255,255,0.9); }
	.menu-box ul li.active > a{ color: #fff; background: #004ea0; }
	.menu-box ul li.on > a{ color: #fff; background: #00a5d3; }
	.menu-box ul li .ul{ display:none; position: absolute; right:calc(100% + 1px);  top: 0; z-index: 1; width: 100%; }
	.menu-box ul li .ul .li{ margin-bottom:1px;}
	.menu-box ul li .ul .li a{ display: block; padding: 0 10px; font-size: 14px; color: #fff; line-height: 40px; text-align: center; background:#00a5d3; }
	.menu-btn{ position: absolute; top:29px; right: 15px; z-index:2147483647; width: 42px;}
	.menu-btn b{ display: block; height:3px; background: #235499}
	.menu-btn b:nth-child(2){ margin:6px 0; }
	.menu-btn.active b:nth-child(1){ transform: translate(0,9px) rotate(45deg); }
	.menu-btn.active b:nth-child(2){ opacity: 0; }
	.menu-btn.active b:nth-child(3){ transform: translate(0,-9px) rotate(-45deg); }
}

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