
@font-face {
  font-family: 'Helvetica Narrow';
  src: url('../fonts/helvetica narrow.eot');
  src: url('../fonts/helvetica narrow.eot') format('embedded-opentype'), url('../fonts/helvetica narrow.woff') format('woff'), url('../fonts/helvetica narrow.ttf') format('truetype'), url('../fonts/helvetica narrow.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9*/
  src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/c269286de91f4e81a0a549c5c358ba94.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-weixin1:after { content: "\e621"; }

.icon-gengduo:after { content: "\e620"; }

.icon-shang:after { content: "\e63c"; }

.icon-sousuo:after { content: "\e612"; }

.icon-guanbi:before { content: "\e616"; }

.icon-huiyuan:before { content: "\e604"; }

.icon-guanbi1:before { content: "\e631"; }

.icon-yuyuefuwu-liuyan:before { content: "\e67b"; }

.icon-share:before { content: "\e72e"; }

.icon-tubiao:before { content: "\e629"; }




/*第一层的导航栏由此ul组成*/
nav ul {
  text-align: left;
  display: inline-block;
  list-style: none;
  padding-left: 0;
}

/*这里定义了导航栏菜单的样式*/
nav .menu li {
   height: 30px;
  float: left;      
  color: #333;
  cursor: pointer;/*鼠标移动到菜单上会变成小手*/
  -webkit-transition: all .3s;/*动画的过度时间*/
  transition: all .3s;/*动画的过度时间*/
  position: relative;/*相对定位（用于二级菜单的定位）*/
}

/*当鼠标选中菜单的时候会变色*/
nav .menu li:hover {
  background-color:#fff
}

/*这里定义了二级菜单出现的位置和宽度大小*/
nav li ul {
  padding-top: 48px;
  background: #FFF;
  position: absolute;
  top: 100%;
  left: 0%;
  width: 150px;
  display: none;/*二级菜单默认是不可见的*/
  z-index: 100;
  margin-left: -20px;

}

/*这里定义了二级菜单的子项的宽度*/
nav li ul li {
  width: 100%;
  height:40px; 
  line-height: 40px;
  text-align: center;
  display: inline-block;
}
nav li ul li:hover{ background:#00708F!important; }
nav li ul li:hover a{color:#fff!important }
nav li ul li a{
  width: 100%;
  padding: 20px auto;
  font-size: 14px!important;
}

nav li:hover ul {
  display: block;/*当鼠标放到一级菜单上的li时为li下的ul标签也就是二级菜单附加类，使其能够显示*/
}

/*用伪类：after 在导航栏菜单加载完成之后，在含有has-submenu这个类的li标签的内容后加上以下内容*/
nav li.has-submenu:after {
  content: "\25bc";/*这是一个倒三角▼*/
 
  padding-left: 5px;
  vertical-align: middle;/*设置元素的垂直对齐方式为垂直居中*/
}

/*当二级菜单被触发显示后，将倒三角替换成正三角*/
nav li.has-submenu:hover:after {
  content: "\25b2";
}
    .menu2s{height:40px!important; line-height: 40px!important; }   

