.mheader { display: none; }
#nav_btn_box { height: 100%; z-index: 999999999; margin-left: 20px; position: fixed; height: 4.5rem; right: 2rem; top: 1rem; display: none; }
#nav_btn_box.on { background: none; }
#nav_btn { }
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before { background: #fff; }
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; padding-bottom: 4px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; outline: none; box-shadow: none; }
#nav_btn .point { display: inline-block; width: 1.375rem; height: 22px; position: relative; outline: none; }
#nav_btn .point:hover .navbtn,  #nav_btn .point:hover .navbtn::after,  #nav_btn .point:hover .navbtn::before { width: 1.375rem; }
#nav_btn .navbtn { position: absolute; top: 12px; left: 0; display: inline-block; width: 1.375rem; height: 1px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;/* background: #333; */ }
#nav_btn .navbtn::after,  #nav_btn .navbtn::before { position: absolute; left: 0; display: inline-block; width: 1.375rem; height: 3px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #939393; }
#nav_btn .navbtn::after { top: -5px; }
#nav_btn .navbtn::before { top: 5px; }
#nav_btn .point.on .navbtn { background: transparent; }
#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_nav_list { flex-direction: column; justify-content: flex-start; width: 100%; overflow: auto; }
 .m_nav_list::-webkit-scrollbar {
display:none
}
#m_nav { z-index: 99999; position: fixed; background: #043670; width: 20rem; height: 100vh; right: -400px; top: 0; display: none; padding: 50px 0; overflow: hidden; pointer-events: none; transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); display: block; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
#m_nav.act { pointer-events: auto; right: 0; }
#m_nav>ul>li { width: 100%; overflow: hidden; padding: 0 2.3rem; }
#m_nav>ul>li+li { border-top: 1px solid rgba(255, 255, 255, 0.1); }
#m_nav li .a { display: block; }
#m_nav li .a h3 { line-height: 4.5rem; height: 4.5rem; color: #fff; padding: 0; font-size: 1.125rem; float: left; width: 13rem; }
#m_nav li .a span { display: block; position: absolute; top: 0; right: 10px; width: 20px; height: 50px; text-align: center; }
#m_nav li .a span i { font-size: 0; }
#m_nav .title .a i { opacity: 1; filter: alpha(opacity=100); display: inline-block; width: 10px; height: 4.5rem; float: right; display: inline-block; background: url(../images/arrow_down.svg) center no-repeat; background-size: contain; }
#m_nav li.on.title .a i { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); }
#m_nav .on.title .a i { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); }
#m_nav li { display: block; width: 100%; }
.slide_nav { position: absolute; left: 0; height: 70px; z-index: 998; padding: 15px; top: 0; width: 100%; }
#m_nav .title .list { display: none; position: relative; width: 100%; z-index: 9; left: 0; margin-left: 0; background: none; border: 0; clear: both; padding-bottom: 10px; }
#m_nav .title .list span { background: none; }
#m_nav .title .list span a:hover { color: #014085; }
#m_nav .title .list a { display: block; font-size: 1rem; color: #fff; text-align: left; line-height: 35px; height: 35px; border: 0; font-weight: 300; }
/*三级导航 开始*/

#m_nav .title .list .void>a { background-size: 10px; position: relative; }
#m_nav .title .list .void>a:before { content: "·"; position: absolute; left: -1em; font-size: 12px; font-weight: bold; }
#m_nav .title .list span { position: relative; display: block; }
#m_nav .title .list span .sub { position: static; width: 100%; display: block !important; overflow: hidden; }
#m_nav .title .sub a { background: none; font-size:.875rem;
opacity: .8; min-width: 50%; float: left; display: inline-block; color: #999; }
.nav_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background-color: rgba(0,0,0,0.4); display: none; }
.n_banner { margin-top: 6.5rem; height: 31.25rem; overflow: hidden;background: url(../images/nyban.jpg) center no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; flex-direction: column }
.n_banner h3 { font-size: 2.5rem; color: #fff; font-weight: bold; margin: 1.25rem 0; display: none; }
.n_banner p { font-size: 1.125rem; color: #fff; line-height: 1.5; display: none; }
.n_banner p a { color: #ffffff; display: inline-block; }
.n_banner p a:hover { color: #f8b830; }

.nfooter { background-color: #091f3b; color: #ffffff; }
.nfooter ul { padding: 3rem 0; }
.nfooter li { width: 15%; margin-right: 4%; }
.nfooter li.f4 a { display: block; color: #ffffff; }
.nfooter .footer1 li.f2 { width: 40%; margin: 0; }
.nfooter .footer1 li.fwx { float: right; margin: 0 0 0 2%; width: 12%; }
.ncopyright { text-align: center; color: #ffffff; border-top: 1px rgba(255,255,255,0.33) solid; padding: 1rem 0; opacity: 0.6; }
.ncopyright a { color: #ffffff; }
@media(max-width: 1600px) {
header.nheader .logo { padding: 0; }
}
@media(max-width: 980px) {
.nmenu { display: none; }
.nheader_right { display: block; }
.nleft_bar { display: block; }
header.nheader .logo { padding: 0 0 0 4.125rem; }
.left_bar.nleft_bar .menu-btn .icon span { background: #333; }
.left_bar.nleft_bar .menu-btn { background: #ffffff; }
header.nheader { display: none; }
.mheader, #nav_btn_box { display: block; }
.mheader { height: 4.5rem; position: fixed; top: 0; width: 100%; z-index: 999; transition: 0s 1.5s; background: #043670; box-shadow: 0 0 3px rgb(0 0 0 / 15%); }
.mheader .logo img { height: 40px; margin: 1rem; vertical-align: middle; }
.nfooter li.f4 { display: none; }
.nfooter .footer1 li.f2 { width: 70%; }
.nfooter .footer1 li.fwx { width: 20%; }
}
@media(max-width: 768px) {
header.nheader .logo { margin-left: 0; padding: 0 0 0 6rem; }
header.nheader .logo embed { height: 2rem; }
header.nheader .right .ewm { margin-right: 0.5rem }
header.nheader .right .ewm b, .nheaderheader .right .lan b { margin: 0 0 0 0.25rem }
.left_bar.nleft_bar .menu-btn .icon, .left_bar.nleft_bar .menu-btn .icon span { width: 24px; }
.nfooter .footer1 li.f2, .nfooter .footer1 li.fwx, .nfooter .footer1 li .flx { width: 100%; margin: 0 auto; text-align: center; }
.n_banner { height: 15rem; margin-top: 5rem; }
.n_banner h3 { font-size: 1.75rem; }
}