@media screen and (max-width: 968px){

.wap{
    display: block;
}
.pc{
    display: none;
}
/*手机导航 begin */
#mobile-mask{position:relative;z-index:1;background:#FFF;overflow-x:hidden;overflow-y:hidden;}
.offcanvas-visible #mobile-mask {-moz-transform:translateX(-275px);-webkit-transform:translateX(-275px);-ms-transform:translateX(-275px);-o-transform:translateX(-275px);transform:translateX(-275px);}
#m-header .nav {display:block;}
#m-header {background:#383838;display:none;height:100%;right:0;overflow-y:auto;position:relative;position:fixed;z-index:1;top:0;width:275px;border:0;}
#m-header ul li{width:100%}
#m-header ul li:hover,#m-header ul li.current {background:#383838}
#m-header ul li a {line-height:49px;border-bottom:1px solid #404040;font-size:18px;color:#F2F2F2;font-weight:normal;display:block;position:relative;padding:0px 0 0 50px;}
#m-header ul li a:hover,#m-header ul li.current a {color:#F2F2F2;}
#m-header ul li ul {padding:0;z-index:1999;position:relative;width:100%;}
#m-header ul li ul li a,#m-header ul li.current ul li a {background:#ff9600;border-bottom:1px solid #FFB133;color:#FFF;font-size:16px;line-height:40px;padding:5px 50px;text-align:left;display:block;}
#m-header ul li ul li a:hover {background:#ff9600;color:#FFF;border-bottom:1px solid #ff9600;}
#m-header ul li ul li a::before,#m-header ul li ul li a::after {background:none;height:0;padding:0}
.offcanvas-visible #m-header{display: block}
/* 手机导航面包ico begin */
.m-toggle {position:relative;cursor:pointer;text-decoration:none;position:absolute;top:50%;right:20px;z-index:99999;display:block;margin:-11px auto 0;cursor:pointer;}
.m-toggle.active i::before,.m-toggle.active i::after {}
.m-toggle:hover,.m-toggle:focus,.m-toggle:active {outline:none;border-bottom:none !important;}
.m-toggle i {position:relative;top:-1px;display:-moz-inline-stack;width:24px;height:2px;display:inline-block;zoom:1;*display:inline;color:#fff;text-transform:uppercase;text-indent:-55px;transition:all .2s ease-out;}
.m-toggle i::before,.m-toggle i::after {content:'';width:24px;height:2px;position:absolute;left:0;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s;}
.m-toggle i::before {top:-9px;}
.m-toggle i::after {bottom:-9px;}
.m-toggle.active i {background:transparent;}
.m-toggle.active i::before {top:0;-webkit-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);transform:rotateZ(45deg);}
.m-toggle.active i::after {bottom:0;-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg);}
.m-toggle i,.m-toggle i::before, .m-toggle i::after,.m-toggle.active i::before, .m-toggle.active i::after{background: #818181;}
/*手机导航面包ico end */














}