.header_box{ display:block; font-size:0.16rem;}
.MainMenu{height:.98rem; width:100%; background:#d50826;}

.m_header_box{ display:none;}
#nav_btn .point{display:inline-block;width:0.2300rem;height:0.2200rem; position:relative; outline:none;}
#nav_btn .navbtn{position: absolute;top: 0.1200rem;left: 0;display: inline-block;width: 0.2300rem;height: 0.0100rem;transition: all .3s ease-out 0s;background: #fff;}
#nav_btn .navbtn::after,
#nav_btn .navbtn::before{content:''; position: absolute;left: 0;display: inline-block;width: 0.2300rem;height: 0.0100rem;transition: all .3s ease-out 0s;background: #fff;}
#nav_btn .navbtn::after{top: -0.0800rem;}
#nav_btn .navbtn::before{top: 0.0800rem;}
#nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
#nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}
#m_header #logo .box_table, #nav_btn_box .box_table{ width:auto}

#m_header{z-index:99; width:96%;height: 0.5000rem; margin:0 auto;}
#m_header #logo{float: left; width:auto; height:0.5000rem;}
#m_header #logo img{ width:auto; height:0.4000rem;}

#m_nav{z-index: 999;position:fixed;background:#9d1825;width: 55%;height:100vh;right: -105%;top: 0;display:none;padding:0.5rem 0;overflow:hidden;pointer-events:none;transition:all 0.3s ease-out;display: flex;flex-direction:column; font-size:0.16rem;}
#m_nav.act{ pointer-events: auto; right:0;}

.nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index:99;background-color: rgba(0,0,0,0.4);display: none;}
@media(max-width: 800px){
.header_box{ display:none}
.m_header_box{ display:block; background: #9d1825;font-size: 0.15rem;}
#nav_btn_box{ height:100%; z-index:999; float:right; margin-left:0.2000rem; position:static;}
}