@charset "utf-8";
/* CSS Document */

/*主菜单*/
.menuBox {
  display: flex;
}

.menuBox li {
  float: left;
  height: 67px; /*text-indent:-9999px;*/
}

.menuBox li a {
  height: 67px;
  display: block;
  background: url(../s/img/nav.png) no-repeat;
  line-height: 67px;
  font-size: 15px;
}

.menuBox li.nav0 a {
  width: 100px;
  text-align: center;
  color: #313d49;
  font-weight: bold;
}

.menuBox li.nav0 a:hover,
.menuBox li.nav0.hot a,
.menuBox li.nav0 a.hot {
  background-position: 0 -43px;
  color: #dd0000;
}

.menuBox li.nav1 a {
  width: 100px;
  text-align: center;
  color: #313d49;
  font-weight: bold;
}

.menuBox li.nav1 a:hover,
.menuBox li.nav1.hot a,
.menuBox li.nav1 a.hot {
  background-position: -314px -43px;
  color: #dd0000;
}

.menuBox li.nav2 a {
  width: 100px;
  text-align: center;
  background-position: -159px 0;
  color: #313d49;
  font-weight: bold;
}

.menuBox li.nav2 a:hover,
.menuBox li.nav2.hot a,
.menuBox li.nav2 a.hot {
  background-position: -314px -43px;
  color: #dd0000;
}

.menuBox li.nav3 a {
  width: 100px;
  text-align: center;
  background-position: -314px 0;
  color: #313d49;
  font-weight: bold;
}

.menuBox li.nav3 a:hover,
.menuBox li.nav3.hot a,
.menuBox li.nav3 a.hot {
  background-position: -314px -43px;
  color: #dd0000;
}

.menuBox li.nav4 a {
  width: 100px;
  text-align: center;
  background-position: -468px 0;
  color: #313d49;
  font-weight: bold;
}

.menuBox li.nav4 a:hover,
.menuBox li.nav4.hot a,
.menuBox li.nav4 a.hot {
  background-position: -468px -43px;
  color: #dd0000;
}

.menuBox li.nav5 a {
  width: 70px;
  text-align: center;
  background-position: -468px 0;
  color: #313d49;
  font-weight: bold;
}

.menuBox li.nav5 a:hover,
.menuBox li.nav5.hot a,
.menuBox li.nav5 a.hot {
  background-position: -468px -43px;
  color: #dd0000;
}

.menuBox li.nav6 a {
  width: 100px;
  text-align: center;
  background-position: -468px 0;
  color: #313d49;
  font-weight: bold;
}

.menuBox li.nav6 a:hover,
.menuBox li.nav6.hot a,
.menuBox li.nav6 a.hot {
  background-position: -468px -43px;
  color: #dd0000;
}

.menuBox li.nav7 a {
  width: 100px;
  text-align: center;
  background-position: -468px 0;
  color: #313d49;
  font-weight: bold;
}

.menuBox li.nav7 a:hover,
.menuBox li.nav7.hot a,
.menuBox li.nav7 a.hot {
  background-position: -468px -43px;
  color: #dd0000;
}

.menuBox li.nav8 a {
  width: 100px;
  text-align: center;
  background-position: -468px 0;
  color: #313d49;
  font-weight: bold;
}

.menuBox li.nav8 a:hover,
.menuBox li.nav8.hot a,
.menuBox li.nav8 a.hot {
  background-position: -468px -43px;
  color: #dd0000;
}

.menuBox li.nav9 a {
  width: 100px;
  text-align: center;
  background-position: -468px 0;
  color: #313d49;
  font-weight: bold;
}

.menuBox li.nav9 a:hover,
.menuBox li.nav9.hot a,
.menuBox li.nav9 a.hot {
  background-position: -468px -43px;
  color: #dd0000;
}

/*子菜单*/
.menuBox li ul {
  background: #dd0000;
  position: absolute;
  z-index: 100;
  padding: 18px 11px;
  width: 150px;
  display: none;
}

.menuBox ul li ul li {
  float: left;
  line-height: 30px;
  height: 30px;
  text-indent: 20px;
  border: 0px;
  width: 100%;
  display: block;
  text-align: left;
}

.menuBox ul li ul li.submenu a:link,
.menuBox ul li ul li.submenu a:visited,
.menuBox ul li ul li.submenu a:active {
  background: none;
  height: 24px;
  line-height: 24px;
  display: inline;
  color: #fff;
  transition: all 0.2s 0.2s;
}

.menuBox ul li ul li.submenu a:hover {
  color: #b2dff3;
  text-decoration: none;
  display: inline;
  height: 24px;
  line-height: 24px;
  padding-left: 5px;
  animation-duration: 2s;
  animation-timing-function: linear;
}