.center-box {
  overflow-y: auto;
  height: calc(100vh - 80px);
}
.t-bg {
  width: 100%;
  height: 700px;
  background-image: url(../img/t-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 107px;
}
.t-bg-1 {
  background-image: url(../img/t-bg-1.png);
  height: 686px;
}
.t-bg-1 img {
  width: 1127px;
  height: 432px;
}
.t-bg-2 {
  background-image: url(../img/t-bg-2.png);
  height: 766px;
  padding-top: 80px;
  text-align: center;
}
.t-bg-2 img {
  width: 768px;
  height: 601px;
}
.t-content {
  position: relative;
  width: 1288px;
  height: 481px;
  margin: 0 auto;
}
.btn {
  position: absolute;
  left: 8px;
  top: 300px;
  width: 266px;
  height: 72px;
  background-image: url(../img/btn.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  font-weight: 700;
  font-size: 30px;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.btn:hover {
  box-shadow: 0px 0px 10px 0px #507AFC;
}
.btn > img {
  width: 40px;
  height: 30px;
  margin: 4px 10px 0 0;
}
.t-con-b {
  height: 539px;
}
.t-con-b > img {
  width: 1154px;
  height: 472px;
  transform: translateY(-42px);
}
.t-con-b .btn {
  top: 366px;
  right: 242px;
  left: unset;
}

.t-c-2 {
  height: 425px;
}
.t-c-2 > img {
  width: 1168px;
  height: 344px;
}
.t-c-2 .btn {
  top: 222px;
  right: 315px;
  left: unset;
}
.bottom {
  border: none;
}