*{margin: 0;padding: 0;border: none;}
ul{list-style: none}

/*定义新字体*/
@font-face { font-family: myFirstFont;  src: url("/static/font/Montserrat-Hairline.otf");  }
@font-face { font-family: mySecondFont;  src: url("/static/font/Montserrat-Light.otf");  }

/*头*/
header {padding: 30px 0;height: 92px;position: fixed;left: 0;top: 0;right: 0;transition: all 0.5s;z-index: 997;}
/*移动滚动条之后的头*/
.header-fixed {padding: 0;height: 72px;background: #fff;transition:all 0.5s}
/*logo*/
.pull-left {width: 300px;height: 50px;display: block;float: left;margin: 10px -30px;}
/*小屏幕标签按钮*/
#mobile-nav-toggle{position: fixed;right: 0;top: 0;z-index: 999;display: none;margin: 20px 20px 0 0;border: 0;background: none;font-size: 24px;cursor: pointer;outline: none;}
#mobile-nav-toggle i{color: #1dc8cd;}

/*大屏幕标签*/
#nav-menu-container{float: right;margin-top: 20px;}
.nav-menu-arrows > li {margin-left: 10px;float: left;list-style: none;}
.nav-menu-arrows  a{padding: 0 8px 10px 8px;display: inline-block;color: black;font-family: myFirstFont;font-weight: 800;font-size: 16px;outline: none;transition: 0.5s;text-decoration: none;}
.nav-menu-arrows li {position: relative;white-space: nowrap;}
.nav-menu-arrows ul{position: absolute;width: 100%;top: 100%;left: 0;z-index: 99;display: block;margin: 0;padding: 10px;box-shadow: 0 0 30px rgba(127,137,161,0.25);background: #fff;}
.nav-menu-arrows ul li {min-width: 180px;}
.nav-menu-arrows ul li a {font-family:"Bitstream Vera Sans Mono";padding: 10px;color: black;font-size: 13px;text-transform: none;}
.nav-menu-arrows ul li a:hover {color:#1dc8cd;}
.menu-has-children #product_list,
.menu-has-children #mobile_product_list{display: none;}
.menu-has-children:hover #product_list {display: block;}
#mobile_product_list li {padding-left: 30px;}
#mobile_product_list li a:hover {color: #1dc8cd;}
/*小屏幕标签*/
#mobile-nav {position: fixed;top: 0;padding-top: 18px;bottom: 0;z-index: 998;left: -260px;width: 260px;overflow-y: auto;background: rgba(52,59,64,0.9);transition-property:left;transition-duration:0.4s ;transition-timing-function:ease-out;}
#mobile-nav ul li a {color: #fff;font-size: 16px;overflow: hidden;padding: 10px 22px 10px 15px;position: relative;text-decoration: none;width: 100%;display: block;outline: none;}
#mobile-body-overly{width: 100%;height: 100%;z-index: 997;top: 0;left: 0;position: fixed;background: rgba(52,59,64,0.9);display: none;}
.mobile-nav-active{overflow: hidden;}

/*小屏幕响应式*/
@media (max-width: 768px) {
.pull-left {display: block;width: 200px;height: 50px;margin: 0 auto;}
#mobile-nav-toggle{display: inline;}
#nav-menu-container{display: none;}
.header-fixed .pull-left img{padding-top: 20px;}
}