/*手机版导航 begin */
#m-wrap{overflow-x: hidden;}
#m-mask{position: relative;z-index:2;overflow-x: hidden;background:#F8F8F8;}
#m-nav, .nav-toggle, #m-mask{position: relative;}
.offcanvas-visible #m-mask{-moz-transform: translateX(-275px);-webkit-transform: translateX(-275px);-ms-transform: translateX(-275px);-o-transform: translateX(-275px);transform: translateX(-275px);}
#m-nav{display: none;height: 100%;right: 0;top:0;overflow-y: auto;position: fixed;z-index: 1;width: 275px;background: linear-gradient( 45deg,#FF354C 0%, #CC0000 100%);padding:0; border:0;}
#m-nav ul li{position:static; width:100%;}
#m-nav ul li:hover,#m-nav ul li.current{background: #F25050 }
#m-nav ul li a{padding:0 0 0 60px;font-size:16px;color: #FFF;text-decoration: none !important; display:block;position:relative; line-height:50px;;outline: none}
#m-nav ul li a span{font-size: 12px;opacity:0}
#m-nav ul li a:hover,#m-nav ul li.current a{color: #FFF;}
#m-nav ul li a::after{background:#F25050; position:absolute;content:''; left:0px;bottom:0;right:0;height:1px;}
#m-nav ul li ul{display:none;margin:0;padding:0;z-index:1999; position:relative ;width:100%;border:0;}
#m-nav ul li ul li{margin:0;padding:0;display:block;border:none;line-height:36px;}
#m-nav ul li ul li a,#m-nav ul li.current ul li a{background:#CC0000;color:#fff;display:block;font-size:14px;line-height:20px;padding:8px 0 8px 90px;}
#m-nav ul li ul li a:hover{color:#fff;}
#m-nav ul li ul li a.cur{color:#FFF;} /*点击第二个分类变色*/
#m-nav ul li ul li a::before,#m-nav ul li ul li a::after{ background:none; height:0; padding:0}
#m-nav ul li ul li ul{top:0}

.nav-toggle{position:absolute;top:16px; right:15px;z-index:9999;display: none;cursor: pointer;}
.nav-toggle.cur i::before, .nav-toggle.cur i::after{background: #333;}
.nav-toggle:hover, .nav-toggle:focus, .nav-toggle:cur{outline: none;border-bottom: none !important;}
.nav-toggle i{position: relative;display: -moz-inline-stack;width:24px;height: 3px;display: inline-block;background:#666;zoom: 1;*display: inline;color: #fff;font: bold 14px/.4 Helvetica;text-transform: uppercase;text-indent: -55px;transition: all .2s ease-out;}
.nav-toggle i::before, .nav-toggle i::after{content: '';width:24px;height: 3px;background:#666;position: absolute;left: 0;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
.nav-toggle i::before{top: -9px;}
.nav-toggle i::after{bottom: -9px;}
.nav-toggle:hover i::before{top: -9px;}
.nav-toggle:hover i::after{bottom: -9px;}
.nav-toggle.cur i{background: transparent;}
.nav-toggle.cur i::before{top: 0;-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.nav-toggle.cur i::after{bottom: 0;-webkit-transform: rotateZ(-45deg);-moz-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);-o-transform: rotateZ(-45deg);transform: rotateZ(-45deg);}
/*手机版导航 end */

@media screen and (max-width:768px) {
.nav-toggle{display: block;}
#pc-header{height:60px;position:fixed;left:100px;top:0;right:50px;z-index:999;}

}