.warp {
  width: 1200px;
  margin: 0 auto;
}

.nav_bottom .warp {
  position: relative;
}

.nav_top {
  background-color: #2d2e30;
  height: 60px;
  color: #949596;
  font-size: 18px;
  line-height: 60px;
}

.right {
  float: right;
}

.login-zh{
	background-color: #767778;
	color: #fff;
	border-radius: 50px;
	height: 0.25rem;
	width: 1.5rem;
	padding-left: 0.1rem;
}
.login-dl{
	 border-radius: 50px;
	 width: 0.7rem;
	 text-align: center;
	 background-color: #028DD3;
	 color: #fff;
	 height: 0.28rem;
}

.login {
  margin-left: 0.38rem;
}

.nav_bottom {
  /* position: relative; */
  background-color: #fff;
  height: 70px;
}

.logo {
  position: absolute;
  width: 198px;
  height: 116px;
  top: -46px;
  left: -20px;
  z-index: 99;
}

.navBox {
  float: right;
}

.nav {
  float: left;

}

.nav ul li {
  float: left;
  margin-left: 58px;
  line-height: 60px;

  /**使列表项不再遵循默认的自上而下样式,使之变成横向列表*/
}

/**这时候的列表虽然是横着的，却是一个整的像一块大饼，所以我们要想到块状思想。使用display:block，将其分割*/
.nav ul li a {
  /* display: block; */
  /*切割完毕,变成块状，这下我们就可以实现内外边距，边框背景等属性*/
  width: 120px;
  /*宽度设置*/
  /* padding-top: 10px; */
  /*上内边距，通俗点讲就是导航栏离顶部的距离*/
  /*同上*/
  /* padding-right: 10px; */
  /*同上*/
  text-align: center;
  /*文本居中显示*/
  font-size: 18px;
  /*设置字体的大小*/
  color: #404040;
  /*设置字体的颜色*/
  text-decoration: none;
  /*下划线设置*/
}

.nav ul li:hover {
  border-bottom: 3px #028dd3 solid;
}

.active {
  border-bottom: 3px #028dd3 solid;
  color: #028dd3;
}

/*锚伪类还有link visited hover active分别为未访问，已访问，鼠标移动链接上，选定的连接，这里我只写了移动到连接的例子*/
.nav ul li a:hover {
  color: #028dd3;
  /*伪类：指向链接时的字体颜色*/
  /* background-color: #8DC7DD; */
  /*伪类：指向链接时的背景色*/
  /* text-decoration: underline; */
  /*伪类：指向链接时的字体装饰*/
  /* font-weight: bold; */
  /*伪类：指向连接时的字体粗细*/
  text-decoration: none;

}

.bannerbox {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 7rem;
}

.banner {
  width: 19.2rem;
  /*图片宽度*/
  position: absolute;
  left: 50%;
  margin-left: -50%;
  /*图片宽度的一半*/
}



#b04 .arrow { position: absolute; top: 300rem; width: .2rem;}

#b04 #al { left: .15rem;}

#b04 #ar { right: .15rem;}



#b04 ul li { float: left;}