/*
* 导航栏
*/
.nav-one > li {
  position: relative;
}
/*二级导航栏*/
.nav-two {
  z-index: 90;
  display: none;
  position: absolute;
  top: 54px;
  left: -7px;
  padding-top: 6px;
  padding-bottom: 6px;
  width: 170px;
  background-color: #ffffff;
  box-shadow: 1px 0px 10px 0px rgba(50, 54, 65, 0.5);
}
.nav-two > li {
  position: relative;
  border-bottom: 0;
}
.nav-two > li > a {
  display: block;
  position: relative;
  margin-left: 32px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #555;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.5s;
}
/*三级导航栏 四级导航栏*/
.nav-three,
.nav-four {
  position: absolute;
  top: -5px;
  left: 100%;
  padding-top: 5px;
  padding-bottom: 6px;
  display: none;
  width: 190px;
  z-index: 66;
  box-shadow: 1px 0px 10px 0px rgba(50, 54, 65, 0.5);
  background-color: #ffffff;
}
.nav-three > li,
.nav-four > li {
  position: relative;
  border-bottom: 0;
}
.nav-three > li > a,
.nav-four > li > a {
  display: block;
  position: relative;
  margin-left: 32px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.5s;
}
.nav-two > li > a,
.nav-three > li > a,
.nav-four > li > a {
  color: #555;
}
.nav-two > li:hover,
.nav-three > li:hover,
.nav-four > li:hover {
  background-color: #ff9c00;
  border-bottom: 0;
}
.nav-two > li:hover > a,
.nav-three > li:hover > a,
.nav-four > li:hover > a {
  color: #222;
}