.navbar-toggle{width:44px;height:34px;position:fixed;right:0;top:34px;margin-top:12px;margin-right:15px;margin-bottom:8px;border:1px solid #d8d8d8;border-radius:4px;background:url(../images/icon_cross.png) center center no-repeat;background-size:20px;background-color:#fff!important;z-index:10000;box-shadow:0px 2px 2px rgba(0,0,0,0.2)}
.navbar-toggle:focus{outline:0}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px; margin-top:10px; margin-left:10px; }
.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0; }
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px; background-color:#9d9d9d; }
.navbar-toggle.collapsed{background:0}
.navbar-toggle .sr-only,.navbar-toggle .icon-bar{display:none}
.navbar-toggle.collapsed .sr-only,.navbar-toggle.collapsed .icon-bar{display:block}

.navwrap{height:50px;position:absolute;top:50%;right:0;transform:translateY(-50%)}
.nav{}
.navwrap ul{width:100%;height:50px;margin:0 auto}
.navwrap li{width:115px;height:50px;line-height:50px;position:relative;z-index:4000;float:left}
.navwrap li.fli{}
.navwrap li.fli b{padding:15px 5px 0 0;display:inline-block;height:100%;vertical-align:top}
.navwrap li span a,.navwrap li span a:visited{width:100%;height:50px;font-size:16px;text-align:center;color:#333;display:block;transition:all .3s}
.navwrap li span a:hover{color:#009ed6;}
.navwrap li span a:active{color:#009ed6;}
.navwrap li.ov span a,.navwrap li span a.ov{color:#009ed6}
.navwrap li span a:after{width:4px;height:3px;background:#009ed6;display:block;content:'';position:absolute;left:50%;bottom:5px;margin-left:-2px;opacity:0;transition:all .3s}
.navwrap li span a:hover:after,.navwrap li span a.ov:after{width:30px;margin-left:-15px;transition:all .3s;opacity:1}
.navwrap li dl{background:#009ed6;position:absolute;top:100%;left:50%;transform:translateX(-50%);z-index:1000;min-width:125px;text-align:center;box-shadow:2px 2px 5px rgba(0,0,0,0.2);z-index:5000;display:none}
.navwrap li dl dd{background:#009ed6;position:relative;z-index:5;display:block}
.navwrap li dl dd a,.navwrap li dl dd a:visited{height:42px;line-height:42px;font-size:14px;padding:0 10px;color:#fff;display:block;border-top:1px solid #02749c;word-break:keep-all;white-space:nowrap;transition:all .3s}
.navwrap li dl dd a:hover{color:#fff;background:#0183b1;transition:all .3s}
.navwrap li dl dd a:active{color:#fff;background:#0183b1;transition:all .3s}
.navwrap li dl dd a.ov{color:#fff;background:#0183b1;transition:all .3s}
.navwrap li dl dd dl{background:none;position:absolute;left:100%;top:0;padding-left:9px;padding-top:14px;box-shadow:none;display:none;z-index:6000;border:0;transform:none}
.navwrap li dl dd dl:before{display:inline-block;width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:9px solid #000;content:" ";position:absolute;left:0}
.navwrap li dl dd dl dd{box-shadow:2px 2px 5px rgba(0,0,0,0.2)}
.pagemask{width:100%;height:100%;position:fixed;left:0;top:0;background:#000;opacity:0.85;z-index:9998;display:none;}

.navwrap{width:100%;height:100%;position:fixed;background:none;border-bottom:0;border-top:0;float:none;right:0;top:0;z-index:9999;display:none;overflow:auto;transform:none}
.nav{width:100%;max-width:none;background:#009ed6;display:none}
.nav:before{display:block;width:100%;height:50px;line-height:50px;background:#333;text-align:center;color:#fff;font-size:12px;font-family:Arial,Helvetica,sans-serif;content:"Meizhoushi Xindeguan Electronic Technology Co., Ltd"; }
.navwrap ul{height:auto}
.navwrap li:before{display:none}
.navwrap li,.navwrap li.fli{width:100%;border:0;border-top:1px solid #02749c;background:none;line-height:24px;height:auto;float:none}
.navwrap li.fli b{display:none}
.navwrap li span a,.navwrap li span a:visited{width:100%;height:auto;color:#fff;text-align:left;padding:10px 15px;line-height:24px;position:relative}
.navwrap li span a:hover{color:#fff;background:none;border:0;line-height:24px}
.navwrap li span a:active{color:#fff;background:none;border:0;line-height:24px}
.navwrap li.ov span a,.navwrap li span a.ov{color:#fff;background:none;border:0;line-height:24px}
.navwrap li span a:after{display:none}
.navwrap li a.has-child:after{display:none}
.navwrap li a.has-child:before{margin:0;opacity:1;content:'';display:block;position:absolute;width:14px;height:8px;background:url(../images/nav_mob_arr.gif) no-repeat center bottom;right:50px;left:auto;bottom:18px; }
.navwrap li a.ov:before{background-position:center 0}
.navwrap li dl{width:100%;position:relative;left:0;top:0;transform:none;text-align:left;box-shadow:none;z-index:5000;display:none}
.navwrap li dl dd{background:#02749c;position:relative;left:0;top:0;z-index:5}
.navwrap li dl dd a,.navwrap li dl dd a:visited{height:40px;line-height:40px;font-size:14px;padding:0 15px 0 30px;border-bottom:0;border-top:1px solid #0183b1;position:relative; }
.navwrap li dl dd a:hover{color:#fff;background:#0183b1;transition:all .3s; }
.navwrap li dl dd a:active{color:#fff;background:#0183b1;transition:all .3s; }
.navwrap li dl dd a.ov{color:#fff;background:#02749c;transition:all .3s; }
.navwrap li dl dd dl{width:100%;position:relative;left:0;top:0;padding:0;box-shadow:none;display:block;z-index:6000;border:0;display:none; }
.navwrap li dl dd dl dd{box-shadow:none;border-top:1px solid #222;background-color:#02749c; }
.navwrap li dl dd dl dd a,.navwrap li dl dd dl dd a:visited{padding:0 15px 0 45px;color:#ededed;border:0; }
.navwrap li dl dd dl dd dl dd a,.navwrap li dl dd dl dd dl dd a:visited{padding:0 15px 0 60px;color:#ededed; }
