.header {
  background-color: rgba(20, 67, 135, 0.7);
  height: 3.33vw;
}

.header .logoBox {
  position: relative;
  z-index: 1;
}

.header .logoBox .logoBoxImg {
  width: 36.56vw;
  height: 4.17vw;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}

.header .logoBox .logo {
  height: 3.33vw;
  margin-left: 18.44vw;
  margin-top: 0.21vw;
  vertical-align: middle;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}

.header .mainnav {
  list-style-type: none;
  margin-left: 35.94vw;
  display: flex;
}

.header .mainnav .mainnav-item {
  text-decoration: none;
  font-size: 0.73vw;
  line-height: 0.73vw;
  padding: 0 1.3vw;
  position: relative;
}

.header .mainnav .mainnav-item .mainnav-item-text {
  color: #fff;
  line-height: 3.13vw;
}

.header .mainnav .mainnav-item:hover .subnav {
  display: block;
}

.header .mainnav .mainnav-item:hover .mainnav-item-text {
  font-weight: 900;
}


.header .mainnav .mainnav-item .separator-vertical {
  width: 0.05vw;
  height: 0.83vw;
  background-color: #fff;
  position: absolute;
  top: 1.15vw;
  right: 0;
}

.header .mainnav .mainnav-item .subnav {
  border-radius: 0.31vw;
  display: none;
  position: absolute;
  top: 2.6vw;
  left: 0;
  background-color: #fff;
}

.header .mainnav .mainnav-item .subnav .subnav-item {
  padding: 0.52vw 1.3vw;
  color: #000;
  white-space: nowrap;
}

.header .mainnav .mainnav-item .subnav .subnav-item:hover {
  color: #144387;
  background-color: #d3d2d2;
  font-weight: 700;
}