/* 头部 */

.top-nav {
  display: flex;

  padding: 0 97px;

  justify-content: space-between;

  align-items: center;
}

.top-nav .navlist {
  width: 65%;

  display: flex;

  align-items: center;

  justify-content: space-between;
}

.top-nav .navlist .nav {
  display: flex;

  align-items: center;

  width: 89%;

  justify-content: space-between;
}

.navlist .nav .nl {
  font-size: 16px;

  color: #333333;

  padding: 32px 7px;

  position: relative;

  font-weight: bold;
}

.n-acitve {
  font-weight: bold;

  color: #5493ac !important;
}

.n-acitve::after {
  width: 100% !important;
}

.navlist .nav .nl::after {
  content: "";

  display: block;

  position: absolute;

  transition: all 0.3s linear;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

  width: 0%;

  height: 3px;

  background-color: #5493ac;
}

.navlist .nav .nl:hover::after {
  width: 100%;
}

.navlist .nav .nl:hover {
  color: #5493ac !important;
}

/* end */

@media (max-width: 1280px) {
  .top-nav .navlist {
    width: 61%;
  }
}

/* padpro端 */

@media screen and (min-width: 991px) and (max-width: 1366px) {
  .top-nav {
    padding: 0 70px;
  }
}

/* pad端 */

@media screen and (min-width: 768px) and (max-width: 991px) {
}

/* 移动端 */

@media (max-width: 767px) {
}