*,
::after,
::before {
  box-sizing: border-box;
}
body,
ul,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, PingFangSC-Regular, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #333;
}
img {
  vertical-align: bottom;
  width: 100%;
  height: 100%;
}
ul {
  list-style-type: none;
}
a {
  color: #333;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  background: url(../img/bg.png) no-repeat;
  background-size: 100%;
  padding: 0 2.93333333vw;
}
.wrapper {
  width: 100%;
  margin-top: 98.53333333vw;
}
h3 {
  width: fit-content;
  height: 7.2vw;
  margin: 0 auto;
  padding: 0 8.53333333vw;
  background: url(../img/title-bg.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  line-height: 7.2vw;
  font-family: Source Han Sans CN;
  font-weight: 500;
  font-size: 3.6vw;
  color: #FFFFFF;
}
.about-us p {
  margin-top: 2.93333333vw;
  padding-left: 5.46666667vw;
  font-family: Source Han Sans CN;
  font-weight: 500;
  font-size: 2.4vw;
  color: #252525;
  line-height: 2;
}
.qualification {
  margin-top: 2.93333333vw;
}
.qualification img {
  margin-top: 4.13333333vw;
  height: 53.06666667vw;
}
.studio {
  margin-top: 2.93333333vw;
}
.studio img {
  margin-top: 4.13333333vw;
}
.studio p {
  padding: 3.46666667vw 3.73333333vw 4.4vw 4.26666667vw;
  background-color: #fff;
  font-family: Source Han Sans CN;
  font-weight: 500;
  font-size: 2.4vw;
  color: #000000;
  line-height: 2;
}
.four-flore {
  margin-top: 4.66666667vw !important;
  height: 63.6vw;
}
.grid-box {
  display: grid;
  height: 76.13333333vw;
  margin-top: 4.4vw;
  grid-template-columns: repeat(auto-fill, 50%);
  grid-row-gap: 2.26666667vw;
}
.item {
  background-color: #fff;
  height: 36.93333333vw;
}
.item img {
  width: 100%;
  margin: 0;
}
.item.text {
  padding: 1.33333333vw 0 0 0;
}
.item.text h4 {
  font-family: Source Han Sans CN;
  font-weight: 500;
  font-size: 3.6vw;
  color: #BF9051;
  text-align: center;
}
.item.text .desc {
  padding: 0 3.2vw 0 3.2vw;
  font-family: Source Han Sans CN;
  font-weight: 500;
  font-size: 2.13333333vw;
  color: #282828;
}
.third-flore {
  margin-top: 4.4vw !important;
  height: 69.46666667vw;
}
.honor-box {
  height: 62vw;
  margin-top: 4.4vw;
}
.honor-box img {
  height: 52.93333333vw;
  margin-top: 1.86666667vw;
}
.footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  height: 45.06666667vw;
  padding: 0 5.33333333vw 6.8vw 2.8vw;
}
.footer .text-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 13.86666667vw;
}
.footer .text-box p {
  font-family: Source Han Sans CN;
  font-weight: 500;
  font-size: 2.8vw;
  color: #FFFFFE;
}
.footer img {
  display: block;
  width: 17.6vw;
  height: 17.6vw;
  background: #FFFFFF;
}