body {
  overflow: hidden;

  display: flex;
  height: 100vh;
  align-items: center;
  background-image: url(../img/qr/body_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.page.p1 {
  position: relative;
}
.page.p1 .text-box .b-text.b1 {
  position: relative;
  width: max-content;
  background: linear-gradient(to right, #1b2029, #1b2029) no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  background-size: 0%;
  transition: background-size cubic-bezier(0.1, 0.5, 0.5, 1) 1.2s;
}
.page.p1 .text-box .b-text.b2 {
  position: relative;
  width: max-content;
  background: linear-gradient(to right, #ff5302, #ff5302) no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  background-size: 0%;
  transition: background-size cubic-bezier(0.1, 0.5, 0.5, 1) 1s;
}
.page.p1 span {
  display: block;
  margin-top: 18px;
}
.page.p1 .btn-box {
  display: flex;
  gap: 16px;
  margin-top: 36px;
}
.page.p1 .btn-box a {
  width: 200px;
  opacity: 80%;
  display: flex;
  justify-content: center;
}
.page.p1 .btn-box a:hover {
  opacity: 90%;
}
.page.p1 .img-box {
  position: absolute;
  bottom: -50%;
  right: 0;
}
.page.p1 .img-box.ceo {
  position: absolute;
  bottom: -70%;
  right: 0;
}
.page.p1 .img-box img {
  width: 600px;
  opacity: 0.9;
}
.page.p1 .img-box.ceo img {
  width: 700px;
  opacity: 0.9;
}
.page.p1 .text-box img {
  height: 60px;
  margin-bottom: 10px;
}