.m-nav-bt {position: fixed;right: 10px;top: 2%;/*transform: translateY(-50%);*/width: 40px;display: none;cursor: pointer;z-index: 999;}
.m-nav-bt span {display: inline-block;width: 100%;height: 4px;margin-top: 5px;background-color: #0341a6;border-radius: 2px;float: left;}
.m-nav {position: fixed;top: 0;left: 0;z-index: 4;width: 100%;height: 100%;display: none;}
.m-nav span {position: absolute;display: inline-block;width: 100%;height: 50%;z-index: 5;background-color: rgba(0,0,0,0.8);float: left;left: 0;}
.m-nav span:nth-child(1) {top: 0;}
.m-nav span:nth-child(2) {bottom: 0;}
.m-nav ul {width: 100%;max-width: 280px;position: fixed;z-index: 6;left: 50%;top: 50%;transform: translate(-50%,-50%);list-style: none;margin: 0;padding: 0 0.5%;}
.m-nav ul li {width: calc(33% - 2%);height: 80px;border: 2px solid #fff;margin:0 1%;float: left;line-height: 75px;margin-bottom: 10px;}
.m-nav ul li a {color: #fff;font-size: 16px;display: inline-block;width: 100%;height: 100%;text-align: center;}
.m-nav b {position: absolute;width: 20px;height: 20px;border-radius: 50%;border: 2px solid #fff;text-align: center;line-height: 18px;font-weight: bold;z-index: 6;font-size: 16px;color: #fff;top: -20px;right: -20px;cursor: pointer;}


.footernav {width: 100%;color: #fff;height:auto;overflow: hidden;position: fixed;bottom:0px;padding:10px 0px;left: 0px;z-index: 999;background:#2d2b2b; }
.footernav a {color: #fff;display: inline-block;width: 100%;float: left;}
.footernav ul {list-style: none;width: 100%;float: left;padding: 0;margin: 0;}
.footernav ul li {width: 20%;float: left;text-align: center;}
.footernp1 {font-size:2rem;margin: 0;}
.footernp2 {line-height:1.5;margin: 0;font-size: 14px;}
.footernav ul li.on .footernp1 {animation: swing 1s;}