/*电脑导航*/
.header_box{ display:block; font-size:0.16rem;}
.MainMenu{height:56px; width:100%; background:#1787e8;}
/*手机导航按钮*/
.m_header_box{ display:none;}
#nav_btn .point{display:inline-block;width:23px;height:22px; position:relative; outline:none;}
#nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 23px;height: 1px;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: 23px;height: 1px;transition: all .3s ease-out 0s;background: #fff;}
#nav_btn .navbtn::after{top: -8px;}
#nav_btn .navbtn::before{top: 8px;}
#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}
/*手机logo*/
#m_header{z-index:99; width:96%;height: 50px; margin:0 auto;}
#m_header #logo{float: left; width:auto; height:50px;}
#m_header #logo img{ width:auto; height:40px;}
/*手机导航名称*/
#m_nav{z-index: 999;position:fixed;background:#004aad;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: #1c75c3;font-size: 0.15rem;}
#nav_btn_box{ height:100%; z-index:999; float:right; margin-left:20px; position:static;}
}