导航定义
* * * * *
/*！
* navbar：bootstrap基类
* navbar-main：自定义类
* container：bootstrap基类
* nav-item：导航列
* active：导航高亮类
* nav-sub:子导航类
*/
~~~
<nav class="navbar navbar-main">
<div class="container w-1100 pr">
<!-- logo -->
<div class="nav-brand fl">
<a href="#" class="logo" style=""></a>
</div>
<!-- navbar 主导航-->
<ul class="nav nav-main fl pr" role="navigation" effect="moveDown">
<li class="nav-item active">
<a href="#">
<span class="zh">首页</span>
<span class="en">首页</span>
</a>
</li>
<li class="nav-item">
<a href="#">
<span class="zh">关于碧特</span>
<span class="en">关于碧特</span>
</a>
<!---二级导航-->
<dl class="nav-sub clearfix">
<dt>
<ul>
<li class="box-ellipsis"><a href="/lists/14.html">设备分类一设备分类一</a></li>
<li class="box-ellipsis"><a href="/lists/15.html">设备分类二设备分类二</a></li>
<li class="box-ellipsis"><a href="/lists/16.html">设备分类二设备分类二</a></li>
</ul>
</dt>
<dd>
<!-- cover -->
<a href="/lists/14.html"><img src="images/nav-cover.jpg"></a>
</dd>
</dl>
</li>
<li class="nav-item">
<a href="#">
<span class="zh">重点科室</span>
<span class="en">重点科室</span>
</a>
</li>
<li class="nav-item">
<a href="#">
<span class="zh">先进设备</span>
<span class="en">先进设备</span>
</a>
</li>
<li class="nav-item">
<a href="#">
<span class="zh">权威医师</span>
<span class="en">权威医师</span>
</a>
</li>
<span class="aline" id="aline"></span>
</ul>
<!-- navsearch -->
<div class="top-search-form fr">
<span class="btn btn-search"></span>
<form action="?" method="get" class="search-form clearfix">
<input type="text" class="form-control fl" placeholder="请输入关键字">
<input type="submit" class="btn btn-search fr" value="">
</form>
</div>
</div>
</nav>
~~~
