/*电脑导航*/
.header_box{width:100%; position:fixed; z-index:999; top:0rem;}
.header_cen{ width:15rem; margin:0 auto; display:flex; justify-content:space-around;}
.kx_logo{ width:3.8rem;}
.MainMenu{width:9.5rem;transition:all 0.5s;}
.header_box.xg{ width:100%; background:#0d52af; position:fixed; z-index:999; top:0;}
.xg .kx_logo{ width:3.8rem;}
/*搜索*/
.search_btn{ text-align:right; cursor:pointer;}
.search_btn img{ width:0.22rem;}
.search-dialog-box{width:100%;height:0;z-index:999;opacity:0;visibility:hidden;transition:.5s;}
.search-dialog-box.on{opacity:1;visibility:visible; margin:0 auto;}
.search-dialog-box:before{content:"";position:fixed;height:0;background:#2750a0;transition:.6s;top:0rem;left:0; width:100%;z-index: 1;}
.search-dialog-box.on:before{ width:100%; height:1.3rem;}
.search-dialog{position:absolute;left:50%; top:0; transform:translateX(-50%); width:6rem;z-index:2; height:0.6rem;}
.pub-close {position: absolute;width:0.4rem;height:0.4rem;z-index:10;right:2rem;top:0.1rem;background:url(phone_ss.png) no-repeat; background-size:100%;}
.xg .pub-close{top:0.4rem;}
/*手机导航按钮*/
.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:11rem;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;}
#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){
.m_header_box{ display:block; background:#2750a0;}
.header_box{ display:none}
#nav_btn_box{ height:100%; z-index:999; float:right; margin-left:20px; position:static;}
#m_header{z-index:99; width:96%;height: 50px; margin:0 auto;}
}