.g-block.g-block-navigation{display:none;}
@media(max-width:768px){
/*new nav*/
.g-block.g-block-navigation{display:block;border-bottom: 1px solid #ccc;}
.g-fixed {background-color: #fff;}
.g-fixed .g-fixed__main {width: 335px;margin: 0 auto;}
.g-block {padding: 0 20px;background-color: #fff;}
.g-block.g-block-navigation .g-block__main {position: fixed;width: 100%;box-sizing: border-box;top: 0;left: 0;right: 0;z-index: 999;background-color: #fff;padding: 0 10px;}
.g-block.g-block-navigation .g-block__main.m-box-shadow{-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);border-bottom: 0;}
.g-block.g-block-navigation .g-block__main_more {width: 100%;height: 50px;}
.m-navigation {*zoom:1;height: 50px;}
.m-navigation:before, .m-navigation:after {display: table;content: "";line-height: 0;}
.m-navigation:after {clear: both;}
.m-navigation .u-logo {margin-top: 15px;}
.m-navigation .u-btn {padding: 6px 15px;border-radius: 4px;font-size: 14px;line-height: 1;color: #fff;}
.m-navigation .m-navigation__opt {float: right;padding-top: 9px;}
.m-navigation .m-navigation__opt .u-btn {margin-right: 6px;}
.m-navigation .u-btn-anim {display: inline-block;vertical-align: middle;padding: 17px 10px 5px;}
.m-navigation .u-btn-anim.toggle-animate span {opacity: 1;transform: rotate(45deg);}
.m-navigation .u-btn-anim.toggle-animate span:nth-last-child(2) {width: 0;opacity: 0;transform: rotate(0);transition: width 0.5s;}
.m-navigation .u-btn-anim.toggle-animate span:nth-last-child(3) {transform: rotate(-45deg);}
.m-navigation .u-btn-anim span {display: block;width: 20px;height: 2px;margin-bottom: 5px;position: relative;background: #333;border-radius: 3px;z-index: 1;-webkit-transform-origin: 20px;transform-origin: 20px;transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), width 0.5s;}
.m-navigation .u-btn-anim span:nth-last-child(2) {transform: rotate(0);transition: width 0.5s ease;}
.m-navigation .u-btn-anim span:nth-last-child(3) {opacity: 1;transform: rotate(0);}
.m-navigation .u-btn-anim span:last-child {margin-bottom: 0;}
.m-navMenu {display: none;position: fixed;top: 50px;left: 0;right: 0;max-height: 100%;background-color: #fff;overflow-y: auto;overflow-x: hidden;z-index: 1000;}
.m-navMenu.m-navMenu--show {display: block;box-shadow: 0 4px 5px 0 rgba(0,0,0,0.2);padding: 10px 20px 20px;border-top: 1px solid #ccc;}
.m-navMenu .m-navMenu__list {position: relative;z-index: 2;}
.m-navMenu .m-navMenu__list .m-navMenu__lv1 {text-align: center;width: 33%;float: left;}
.m-navMenu .m-navMenu__list1 .m-navMenu__lv1{width: 33.33%;}
.m-navMenu .m-navMenu__list1 .m-navMenu__lv1 a{padding:0 !important;}
.m-navMenu .m-navMenu__list1 .m-navMenu__lv1 a p{padding:0;}
.m-navMenu .m-navMenu__list .m-navMenu__lv1.m-navMenu__lv1--sel {background-color: #424756;}
.m-navMenu .m-navMenu__list .m-navMenu__lv1 a {display: inline-block;padding: 7px 0;width: 100%;box-sizing: border-box;font-size: 14px;line-height: 30px;color: #333;}
.m-navMenu .m-navMenu__list .m-navMenu__lv1:nth-child(4n){border-right:0;}
.m-navMenu .m-navMenu__list .nav-p1{font-size:13px;color:#333;text-align: center;float: left;padding-left: 7px;}
.m-navMenu .m-navMenu__list .nav-icon{background: url(/images/nav-icon-phone.png?a=1) no-repeat;width:30px;height:30px;display:block;float:left;}
.m-navMenu .m-navMenu__list .nav-icon5{background-position: -41px 0;}
.m-navMenu .m-navMenu__list .nav-icon6{background-position: -41px -35px;}
.m-navMenu .m-navMenu__list .nav-icon7{background-position: -41px -70px;}
.m-navMenu .m-navMenu__list .nav-icon8{background-position: -41px -104px;}
.m-navMenu .m-navMenu__list .nav-icon9{background-position: -41px -284px;}
.m-navMenu .m-navMenu__list .nav-icon10{background-position: -166px 0;}
.m-navMenu .m-navMenu__list .nav-icon11{background-position: -166px -70px;}
.m-navMenu .m-navMenu__list .nav-icon12{background-position: -166px -142px;}
.m-navMenu .m-navMenu__list .nav-icon13{background-position: -83px -104px;}
.m-navMenu .m-navMenu__list .nav-icon14 {background-position: -129px 0;}
.m-navMenu .m-navMenu__list .nav-icon15 {background-position: -256px -70px;}
.m-navMenu .m-navMenu__list .nav-icon16{background-position: -335px 0;}
.m-navMenu .m-navMenu__list .nav-icon17{background-position: -335px -70px;}
.m-navMenu .m-navMenu__list .nav-icon18{background-position: -335px -141px;}
.m-navMenu .m-navMenu__list .nav-icon19{background-position: -41px -178px;}
.m-navMenu .m-navMenu__list .nav-icon20{background-position: -83px -143px;}
.m-navMenu .m-navMenu__list .nav-icon21{background-position: -81px -424px;}
.m-navMenu .nav-list .nav-icon{background: url(https://xorder.oss-cn-beijing.aliyuncs.com/img/test/images/nav-icon-phone.png) no-repeat;width:30px;height:30px;display:block;margin:0 auto 5px;float:left;margin-right: 2%;}
.m-navMenu .nav-list .nav-icon1{background-position: 0 0;}
.m-navMenu .nav-list .nav-icon2{background-position: 0 -34px;}
.m-navMenu .nav-list .nav-icon3{background-position: 0 -70px;}
.m-navMenu .nav-list .nav-icon4{background-position: 0 -209px;}
.m-navMenu .nav-list .nav-icon20{background-position: -83px -143px;}
.m-navMenu .nav-list dd{width:33%;float: left;padding: 2% 0 2% 0;box-sizing: border-box;}
.m-navMenu .nav-list .nav-list-p{float:left;padding-left: 7px;line-height: 30px;}
.m-navMenu .nav-list .nav-list-p .nav-p1{font-size: 14px;color:#333;margin-bottom: 5px;text-align: left;}
.m-navMenu .nav-list .nav-list-p .nav-p2{font-size: 12px;color:#525252;text-align: left;}
.m-navMenu .nav-h2{display: inline-block;width: 100%;border-top: 1px solid #f0f0f0;padding-top: 10px;margin-top:10px;}
.m-navMenu .nav-h2 h2{font-size: 13px;float: left; margin-top: 0;line-height: 22px;color:#999;}
}