/* @update: 2021-12-7 17:38:38 */ 
* {
  box-sizing: border-box;
  font-family: "PingFangMedium";
  list-style: none;
  text-decoration: none;
  margin: 0;
  padding: 0;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before, .clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.container {
  width: 100%;
  margin: 0 auto;
}

.content {
  width: 100%;
  max-width: 1200px;
  padding-top: 130px;
  margin: 0 auto;
}
.content .banner {
  width: 100%;
  height: auto;
  margin-bottom: 60px;
}
.content .banner > img {
  display: block;
  width: 100%;
}

.p0 {
  width: 100%;
  height: 24px;
  margin-bottom: 27px;
  font-size: 24px;
  color: #333333;
  text-align: center;
  line-height: 24px;
}

.p1 {
  width: 100%;
  height: 21px;
  margin-bottom: 82px;
  font-size: 18px;
  color: #666666;
  text-align: center;
  line-height: 24px;
}

.p2 {
  width: 100%;
  height: 24px;
  margin-bottom: 78px;
  font-size: 24px;
  color: #333333;
  text-align: center;
  line-height: 24px;
}

.img {
  display: block;
  width: 1040px;
  margin: 0 auto;
}

@media screen and (max-height: 768px) {
  .content {
    padding-top: 108px;
  }

  .nav, .menu {
    height: 108px;
  }

  .logo {
    margin-top: 22px;
  }

  .menu {
    padding-top: 36px;
  }

  .downBtn {
    margin-top: 36px;
  }
}