.w {
  min-width: 1200px;
  width: 1200px;
  margin: 0 auto;
}
.box .nav {
  min-width: 1560px;
  height: 57px;
  background-color: #1d8dc0;
}
.box .nav ul {
  display: flex;
  line-height: 57px;
  color: #fff;
}
.box .nav ul li {
  width: 200px;
  margin: 0px 10px;
  text-align: center;
  font-size: 20px;
}
.box .nav ul li a {
  color: #fff;
}
.box .nav ul .active {
  background-color: #fff;
}
.box .nav ul .active a {
  color: #1d8dc0;
}
.box .navImg {
  height: 179px;
}
.box .navImg img {
  width: 100%;
  min-width: 1200px;
  height: 100%;
}
.box .article .title {
  margin-top: 30px;
}
.box .article .title p {
  text-align: center;
  font-size: 18px;
  font-weight: 200;
  color: #696969;
}
.box .article .major {
  margin-top: 40px;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  color: #125E93;
}
.box .article .charge {
  margin-top: 10px;
  text-align: center;
  font-size: 22px;
  font-weight: 200;
  color: #3E3E3E;
}
.box .article .boxing {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
.box .article .boxing li {
  width: 350px;
  text-align: center;
  transition: all 0.3s linear;
}
.box .article .boxing li img {
  margin: 0 auto;
  width: 100%;
  height: 350px;
}
.box .article .boxing li p {
  font-size: 24px;
  font-weight: 200;
  color: #3E3E3E;
}
.box .article .boxing li:hover {
  transform: translate3d(0, -10px, 0);
  transition: all 0.3s linear;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
}
.box .article .ad {
  margin: 0 auto;
  width: 810px;
  height: 115px;
  margin-top: 90px;
}
.box .article .ad img {
  width: 100%;
  height: 100%;
}