body {

  margin: 0;

  padding: 0;

  font-family: "PingFangSC-";

  overflow: -Scroll;

}

#header-wrap {

  width: 100%;

}

.header {

  width: 100%;

  height: 194px;

  background: #0376d4;

}

.img-wrap {

  height: 100%;

  width: 1030px;

  margin: 0 auto;

  padding-top: 60px;

}

.header img {

  width: 710px;

  height: 70px;

}

.nav {

  width: 100%;

  color: #ffffff;

  height: 50px;

  background: #3fb9ff;

}

.nav ul {

  width: 1440px;

  margin: 0 auto;

  list-style-type: none;

  padding-inline-start: 0;

  height: 100%;

}

.nav ul li {

  height: 33px;

  font-size: 16px;

  float: left;

  text-align: center;

  width: 160px;

  padding: 0;

  padding-top: 17px;

}

.nav ul li:hover {

  background: #0376d4;

}

.nav-a {

  color: #fff;

  border: none;

  padding: 0 30px;

  text-decoration: none;

  height: 100%;

}

.sub-nav-wrap {

  height: 0;

  width: 100%;

  z-index: 3;

  padding: 5px 0;

  position: relative;

}

.sub-nav {

  width: 100%;

  text-align: center;

  background: #fff;

  background: rgba(255, 255, 255, 0.95);

  color: #0376d4;

  border-radius: 5px;

  font-size: 16px;

}

.sub-nav div {

  padding: 15px 0;

  width: 100%;

}

.sub-nav div:hover {

  color: #fff;

  background: #0376d4;

  border-radius: 5px;

  width: 100%;

}

.sub-nav a {

  padding: 0;

}

.sub-nav a:hover {

  padding: 0;

  color: #fff;

}

a {

  text-decoration: none;

  cursor: pointer;

  color: inherit;

}

#footer {

  width: 100%;

  background-color: #0376d4;

  color: #fff;

  padding: 33px 0 32px;

  font-size: 16px;

  height: 100px;

}

.footer {

  margin: 0 auto;

  width: 1080px;

}

.logo-wrap {

  border-right: 1px solid #fff;

  margin-right: 41px;

  float: left;

}

.logo {

  width: 437px;

  height: 73px;

  margin-right: 59px;

}

.copy-right {

  margin-right: 50px;

  margin-bottom: 10px;

}

.copy-right-wrap {

  float: left;

}

.row {

  display: flex;

  flex-direction: row;

}

.vetical-center {

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.omit {

  white-space: nowrap;

  text-overflow: ellipsis;

}

#dot-wrap {

  height: 0;

  position: relative;

  top: -30px;

  z-index: 3;

  width: 100%;

  display: flex;

  flex-direction: row;

  justify-content: center;

}

.dot {

  width: 15px;

  height: 15px;

  background: rgba(255, 255, 255, 1);

  border-radius: 50%;

  opacity: 0.5;

  margin: 0 10px;

}

.dot-now {

  width: 15px;

  height: 15px;

  background: rgba(255, 255, 255, 1);

  border-radius: 50%;

  margin: 0 10px;

}