#menu-button {display: none;}
#cssmenu {line-height: 1.5;margin-top: 20px;}
#cssmenu > ul > li {padding: 0 15px;}
#cssmenu > ul > li:last-child{margin-right: 0;}
#cssmenu > ul > li > a {font-size: 18px;  text-transform: uppercase;  -webkit-transition: color .2s ease;  -moz-transition: color .2s ease;  -ms-transition: color .2s ease; -o-transition: color .2s ease;transition: color .2s ease;}
#cssmenu > ul > li.active > a {color: #a70a13;}
#cssmenu ul ul {position: absolute;left: -9999px;background-color: rgba(255,255,255,0.7);padding: 10px 20px;z-index: 999;}
#cssmenu li:hover > ul {left: auto;}
#cssmenu ul ul li {height: 0; -webkit-transition: height .2s ease;-moz-transition: height .2s ease;-ms-transition: height .2s ease;-o-transition: height .2s ease;transition: height .2s ease;font-size: 14px;}
#cssmenu ul li:hover > ul > li {height: 32px;}
#cssmenu ul ul li a {width: 100%;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;font-size: 16px;}
#cssmenu ul ul li.has-sub > a::after {position: absolute;top: 13px;right: 10px;width: 4px;height: 4px;border-bottom: 1px solid #dddddd;border-right: 1px solid #dddddd;content: "";-webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: border-color 0.2s ease;-moz-transition: border-color 0.2s ease;-ms-transition: border-color 0.2s ease;-o-transition: border-color 0.2s ease;  transition: border-color 0.2s ease;}


@media (max-width: 1199px) {
	#cssmenu {width: 100%;margin-top: 20px;}
	#cssmenu ul {width: 100%;display: none;position: fixed;height: calc(100% - 90px);z-index: 99;left: 0;background-color: #FFF;top: 90px;overflow-y: scroll;}
	#cssmenu > ul > li a,#cssmenu ul ul li a{padding-left: 20px;}
	#cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li {width: 100%;height: auto;border-top: 1px solid rgba(120, 120, 120, 0.15);position: relative;}
	#cssmenu ul li a,#cssmenu ul ul li a {width: 100%;}
	#cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li {float: none;display: block;padding: 0;}
	#cssmenu ul ul li a {padding: 5px 20px 5px 30px;font-size: 12px;}
	#cssmenu ul ul ul li a {padding-left: 40px;}
	#cssmenu ul ul,#cssmenu ul ul ul {position: relative;left: 0;right: auto;width: 100%;margin: 0;}
	#cssmenu > ul > li > a{height: 40px;line-height: 40px;}
	#menu-button {display: block;padding: 20px;cursor: pointer;position: relative;}
	#menu-button::after { content: '';position: absolute;top: 10px;right: 0px;display: block;width: 25px;height: 2px;background: #000000;}
	#menu-button::before {content: '';position: absolute;top: 18px;right: 0px;display: block;width: 25px;height: 6px;border-top: 2px solid #000000;border-bottom: 2px solid #000000;}
	.menu-opened::after{transform: rotate(45deg);top: 15px!important;}
	.menu-opened::before{height: 0!important;border-bottom: 0!important;transform: rotate(-45deg);top: 15px!important;}
	#cssmenu .submenu-button {position: absolute;z-index: 10;right: 0;top: 0;display: block;height: 40px;width: 50px;cursor: pointer;}
	#cssmenu .submenu-button::after {content: '';position: absolute;top: 15px;left: 16px;display: block;width: 1px;height: 11px;background: #000000;z-index: 99;}
	#cssmenu .submenu-button::before {content: '';position: absolute;left: 11px;top: 20px;display: block;width: 11px;height: 1px;background: #000000;z-index: 99;}
	#cssmenu .submenu-button.submenu-opened:after {display: none;}
	#cssmenu ul ul{top: 0!important;padding-top: 0;padding-bottom: 0;}
}
@media (max-width: 1023px) {
	#cssmenu > ul > li > a{font-size: 16px;}
}
@media (max-width: 580px) {
	/*修改768以下、小屏平板*/
	#cssmenu ul{top: 75px;height: calc(100% - 75px)}
	#cssmenu ul ul li a{padding: 5px 15px 5px 20px;}
	#cssmenu > ul > li > a{font-size: 14px;}
}
@media (max-width: 376px) {
	#menu-button::after{top: 5px;}
	#menu-button::before{top: 13px;}
	#cssmenu ul{top: 65px;height: calc(100% - 65px)}
}