* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "PingFang SC";
}

html,
body {
  height: 100%;
  -webkit-touch-callout: none;
  user-select: none;
}

body {
  -webkit-text-size-adjust: none;
  overflow-x: hidden;
}

.img-box img {
  width: 100%;
  display: block;
}

.main {
  width: 100vw;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 100rem;
}

.head {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 110rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 256rem 0 156rem;
  background-color: #fdfce6;
}
.head .left-box {
  font-family: Montserrat, Montserrat;
  font-weight: 900;
  font-size: 32rem;
  color: #fff;
}
.head .right-box {
  width: 800rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: HelveticaNeue, HelveticaNeue;
  font-weight: bold;
  font-size: 20rem;
  color: #353535;
}
.head .right-box .active {
  color: #000;
}

.tab-bg6 {
  width: 100%;
  height: 185rem;
  background: #000;
  padding-top: 40rem;
}
.tab-bg6 .contact {
  width: 1379rem;
  height: 48rem;
  background: url("./img/contact.png") no-repeat center center/100% 100%;
  margin: 0 auto;
}
.tab-bg6 .email {
  margin: 15rem 0;
  font-family: HelveticaNeue;
  font-size: 20rem;
  color: #FFFFFF;
  text-align: center;
}
.tab-bg6 .copyright {
  font-family: HelveticaNeue;
  font-size: 14rem;
  color: #999999;
  text-align: center;
}

.tab1-container {
  width: 100%;
}
.tab1-container .tab1-bg1 {
  width: 1920rem;
  height: 1743rem;
  background: url("./img/tab1_1.png") no-repeat center center/100% 100%;
}
.tab1-container .tab1-bg2 {
  width: 1920rem;
  height: 426rem;
  background: url("./img/tab1_2.png") no-repeat center center/100% 100%;
}