._animate-box_1xmwq_1 {
  position: sticky;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}
._animate-box_1xmwq_1 video {
  max-width: unset !important;
  width: 100vw !important;
  height: 100vh !important;
  object-fit: cover;
}
._animate-box_1xmwq_1 .box-title {
  display: flex;
  justify-content: space-between;
  width: 79%;
  margin: 0 auto;
  padding: 3.125vw 0 2.6041666667vw;
}
._animate-box_1xmwq_1 .box-title .section-title {
  color: #0067aa;
  line-height: 1.231;
  font-size: 3.3854166667vw;
}
@media (min-width: 1920px) {
  ._animate-box_1xmwq_1 .box-title .section-title {
    font-size: 65px;
  }
}
._animate-box_1xmwq_1 .box-title .section-subtitle {
  width: 45%;
  line-height: 1.4;
  font-size: 1.3020833333vw;
}
@media (min-width: 1920px) {
  ._animate-box_1xmwq_1 .box-title .section-subtitle {
    font-size: 25px;
  }
}
._animate-box_1xmwq_1 .box-title .section-subtitle img {
  width: 21.1458333333vw;
  margin: 1vw 0 1.5vw;
}
._animate-box_1xmwq_1 .video-box {
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all ease-out 0.5s;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
._animate-box_1xmwq_1 .video-box.active {
  position: absolute;
  left: 10.5vw;
  bottom: 2vh;
  width: 79vw;
  height: 70vh;
  border-radius: 15px;
}
._animate-box_1xmwq_1 .video-box.active video {
  height: 100% !important;
}
._animate-box_1xmwq_1 .item-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
._animate-box_1xmwq_1 .item-img.active {
  height: 0;
}
._animate-box_1xmwq_1 .item-img .img-box {
  width: 100%;
  height: 100vh;
  position: relative;
}
._animate-box_1xmwq_1 .item-img .img-box img {
  position: absolute;
  left: 0;
  width: 100%;
  height: auto;
}
._animate-box_1xmwq_1 .item-img .img-box img:nth-of-type(1) {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
._animate-box_1xmwq_1 .item-img .img-box img:nth-of-type(2) {
  top: 3vh;
}
._animate-box_1xmwq_1 .item-img .img-box img:nth-of-type(3) {
  top: 25vh;
}._animate-box_jrt12_1 {
  position: sticky;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100vh;
}
._animate-box_jrt12_1 .section-title {
  z-index: 1;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: all 0.5s ease-out;
  transform: translateY(0);
  font-size: 2.8125vw;
  color: #0067aa;
  line-height: 1.231;
}
@media (min-width: 1920px) {
  ._animate-box_jrt12_1 .section-title {
    font-size: 54px;
  }
}
._animate-box_jrt12_1 .section-content {
  z-index: -1;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
._animate-box_jrt12_1 .section-content .section-area:first-of-type .item:nth-of-type(1) {
  transition-delay: 0.2s;
}
._animate-box_jrt12_1 .section-content .section-area:first-of-type .item:nth-of-type(2) {
  transition-delay: 0.4s;
}
._animate-box_jrt12_1 .section-content .section-area:first-of-type .item:nth-of-type(3) {
  transition-delay: 0.6s;
}
._animate-box_jrt12_1 .section-content .section-area:last-of-type .item:nth-of-type(1) {
  transition-delay: 0.8s;
}
._animate-box_jrt12_1 .section-content .section-area:last-of-type .item:nth-of-type(2) {
  transition-delay: 1s;
}
._animate-box_jrt12_1 .section-title.active {
  opacity: 0;
  transform: translateY(-200px);
}
._animate-box_jrt12_1 .section-content.active {
  opacity: 1;
  z-index: 2;
}
._animate-box_jrt12_1 .section-content.active .item {
  transform: translateY(0) !important;
  opacity: 1 !important;
}
._animate-box_jrt12_1 .section-area {
  display: flex;
  width: 100%;
}
._animate-box_jrt12_1 .section-area .item {
  position: relative;
  width: 33.33%;
  padding: 0.4166666667vw;
  opacity: 0;
  transition: all 0.5s;
  transform: translateY(50px);
}
._animate-box_jrt12_1 .section-area .item a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
._animate-box_jrt12_1 .section-area .item > img {
  border-radius: 1.0416666667vw;
  transition: all 0.3s ease-out;
}
._animate-box_jrt12_1 .section-area .item:hover > img {
  box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.15);
}
._animate-box_jrt12_1 .section-area .item:hover .out-box img {
  transform: scale(1.1);
}
._animate-box_jrt12_1 .section-area .item > img {
  width: 100%;
  height: auto;
  cursor: pointer;
}
._animate-box_jrt12_1 .section-area .item .out-box {
  position: absolute;
  top: 6%;
  left: 6.5%;
  width: 22.7604166667vw;
  height: 16.3541666667vw;
  border-radius: 1.0416666667vw;
  overflow: hidden;
}
._animate-box_jrt12_1 .section-area .item .out-box img {
  width: 100%;
  height: 100%;
  transform: scale(1);
  transition: all 0.4s ease-out;
}
._animate-box_jrt12_1 .section-area:last-of-type .item {
  width: 50%;
}
._animate-box_jrt12_1 .section-area:last-of-type .item .out-box {
  top: 9%;
  left: 37.5%;
}._animate-box_15jz0_1 {
  position: sticky;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}
._animate-box_15jz0_1 video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._animate-box_15jz0_1 .active {
  opacity: 1 !important;
}
._animate-box_15jz0_1 .item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  transition: all ease-out 0.5s;
}
._animate-box_15jz0_1 .item.active {
  opacity: 1;
}
._animate-box_15jz0_1 .item-bg {
  position: absolute;
  top: calc(50% - 20vh);
  left: -20vw;
  transform: translateY(-50%);
  width: 140vw;
  height: 160vh;
  border-radius: 20px;
  box-shadow: 0 0 0 20px rgb(21, 80, 141);
  outline: 100vw solid rgb(21, 80, 141);
  transition: all ease-out 0.5s;
}
._animate-box_15jz0_1 .item-bg.active {
  top: 50%;
  left: 50%;
  width: 40vw;
  height: 80vh;
}
._animate-box_15jz0_1 .item-content {
  color: #fff;
  position: absolute;
  top: 25%;
  left: 10%;
  width: 28%;
}
._animate-box_15jz0_1 .item-content .item-tag,
._animate-box_15jz0_1 .item-content .item-title,
._animate-box_15jz0_1 .item-content .item-subtitle {
  transition: all ease-out 0.5s;
  opacity: 0;
  transform: translateY(30px);
}
._animate-box_15jz0_1 .item-content.active .item-tag,
._animate-box_15jz0_1 .item-content.active .item-title,
._animate-box_15jz0_1 .item-content.active .item-subtitle {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
._animate-box_15jz0_1 .item-tag {
  border: 2px solid #fff;
  display: inline-block;
  padding: 1rem 2rem;
  line-height: 1;
  border-radius: 99px;
  margin-bottom: 2.0833333333vw;
  font-size: 2.0833333333vw;
}
@media (min-width: 1920px) {
  ._animate-box_15jz0_1 .item-tag {
    font-size: 40px;
  }
}
._animate-box_15jz0_1 .item-title {
  line-height: 1.231;
  margin-bottom: 3.3854166667vw;
  transition-delay: 0.3s !important;
  font-size: 3.3vw;
}
@media (min-width: 1920px) {
  ._animate-box_15jz0_1 .item-title {
    font-size: 65px;
  }
}
._animate-box_15jz0_1 .item-subtitle {
  line-height: 1.4;
  transition-delay: 0.6s !important;
  font-size: 1.3020833333vw;
}
@media (min-width: 1920px) {
  ._animate-box_15jz0_1 .item-subtitle {
    font-size: 25px;
  }
}
._animate-box_15jz0_1 .item.last {
  position: relative;
  color: #fff;
}
._animate-box_15jz0_1 .item.last .item-title,
._animate-box_15jz0_1 .item.last .item-subtitle,
._animate-box_15jz0_1 .item.last .item-content .content-box,
._animate-box_15jz0_1 .item.last .item-content .content-desc {
  transition: all ease-out 0.5s;
  opacity: 0;
  transform: translateY(30px);
}
._animate-box_15jz0_1 .item.last.active .item-title,
._animate-box_15jz0_1 .item.last.active .item-subtitle,
._animate-box_15jz0_1 .item.last.active .item-content .content-box,
._animate-box_15jz0_1 .item.last.active .item-content .content-desc {
  transform: translateY(0) !important;
  opacity: 1 !important;
}
._animate-box_15jz0_1 .item.last > img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
._animate-box_15jz0_1 .item.last .item-title {
  padding: 4% 0 2% 10%;
  margin-bottom: 0;
  transition-delay: 0 !important;
}
._animate-box_15jz0_1 .item.last .item-title sup {
  font-size: 1.0416666667vw;
  position: relative;
  top: 8px;
  left: 4px;
}
@media (min-width: 1920px) {
  ._animate-box_15jz0_1 .item.last .item-title sup {
    font-size: 20px;
  }
}
._animate-box_15jz0_1 .item.last .item-subtitle {
  width: 43%;
  margin-left: 10%;
  transition-delay: 0.2s !important;
}
._animate-box_15jz0_1 .item.last .item-subtitle sup {
  font-size: 0.7291666667vw;
  margin-left: -14px;
}
@media (min-width: 1920px) {
  ._animate-box_15jz0_1 .item.last .item-subtitle sup {
    font-size: 14px;
  }
}
._animate-box_15jz0_1 .item.last .item-content {
  position: absolute;
  width: 60%;
  top: 46%;
  left: 9%;
  color: #fff;
}
._animate-box_15jz0_1 .item.last .item-content .content-area {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
}
._animate-box_15jz0_1 .item.last .item-content .content-area .content-box {
  width: 25%;
  padding: 0.5208333333vw 0;
  text-align: center;
}
._animate-box_15jz0_1 .item.last .item-content .content-area .content-box img {
  width: 5.2083333333vw;
  height: 5.2083333333vw;
}
._animate-box_15jz0_1 .item.last .item-content .content-area .content-box div {
  margin-top: 0.5208333333vw;
  font-size: 1.1458333333vw;
}
@media (min-width: 1920px) {
  ._animate-box_15jz0_1 .item.last .item-content .content-area .content-box div {
    font-size: 22px;
  }
}
._animate-box_15jz0_1 .item.last .item-content .content-desc {
  padding: 2% 0 0 2%;
  font-size: 0.9375vw;
  transition-delay: 1.1s !important;
}
@media (min-width: 1920px) {
  ._animate-box_15jz0_1 .item.last .item-content .content-desc {
    font-size: 18px;
  }
}._animate-box_se6g9_1 {
  position: sticky;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}
._animate-box_se6g9_1 video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}
._animate-box_se6g9_1 .active {
  opacity: 1 !important;
}
._animate-box_se6g9_1 .item-img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
._animate-box_se6g9_1 .item-img img {
  width: 100%;
  height: 100vh;
}
._animate-box_se6g9_1 .innerbox {
  width: 79%;
  margin: 0 auto;
  display: flex;
  height: 100vh;
  color: #fff;
  position: relative;
}
._animate-box_se6g9_1 .section-content {
  position: absolute;
  top: 17vh;
  left: 0;
  height: 68vh;
}
._animate-box_se6g9_1 .section-content.active img, ._animate-box_se6g9_1 .section-content.active .content-title, ._animate-box_se6g9_1 .section-content.active .content-subtitle, ._animate-box_se6g9_1 .section-content.active .content-desc {
  transform: translate(0px);
  opacity: 1;
}
._animate-box_se6g9_1 .section-content .item {
  position: absolute;
  top: 34%;
  left: 0;
  transition: all ease-out 0.5s;
  opacity: 0;
}
._animate-box_se6g9_1 .section-content .item p {
  margin-bottom: 1vw;
}
._animate-box_se6g9_1 .section-content .item p img {
  display: inline-block;
  width: 1.0416666667vw !important;
  height: auto !important;
  margin: 0.4166666667vw 4px 0 0;
}
._animate-box_se6g9_1 .section-content .item p span {
  display: inline-block;
  width: 4.6875vw;
}
._animate-box_se6g9_1 .section-content img {
  width: 5.5729166667vw;
  position: relative;
  opacity: 1;
  max-width: 107px;
  margin-bottom: 1vw;
  opacity: 0;
  transition: all ease-out 0.5s;
  transform: translate(240px);
  transition-delay: 0.2s;
}
._animate-box_se6g9_1 .section-content .content-title {
  line-height: 1.3;
  transition: all ease-out 0.5s;
  transform: translate(240px);
  opacity: 0;
  font-size: 3.3854166667vw;
}
@media (min-width: 1920px) {
  ._animate-box_se6g9_1 .section-content .content-title {
    font-size: 65px;
  }
}
._animate-box_se6g9_1 .section-content .content-subtitle {
  font-size: 1.875vw;
  margin-bottom: 1.2vw;
  transition: all ease-out 0.5s;
  transform: translate(240px);
  transition-delay: 0.4s;
  opacity: 0;
}
._animate-box_se6g9_1 .section-content .content-subtitle sup {
  font-size: 0.7291666667vw;
  margin-left: 2px;
}
@media (min-width: 1920px) {
  ._animate-box_se6g9_1 .section-content .content-subtitle {
    font-size: 36px;
  }
  ._animate-box_se6g9_1 .section-content .content-subtitle sup {
    font-size: 14px;
  }
}
._animate-box_se6g9_1 .section-content .content-desc {
  font-size: 1.3020833333vw;
  transition: all ease-out 0.5s;
  transform: translate(240px);
  transition-delay: 0.6s;
  opacity: 0;
}
@media (min-width: 1920px) {
  ._animate-box_se6g9_1 .section-content .content-desc {
    font-size: 25px;
  }
}._animate-box_1kgly_1 {
  position: sticky;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}
._animate-box_1kgly_1 img {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  opacity: 0;
  transition: all ease 0.5s;
}
._animate-box_1kgly_1 img.active {
  opacity: 1;
}
._animate-box_1kgly_1 .innerbox {
  width: 79%;
  margin: 0 auto;
  display: flex;
  height: 100vh;
}
._animate-box_1kgly_1 .section-left {
  position: relative;
  width: 39.1145833333vw;
}
._animate-box_1kgly_1 .section-right {
  flex: 1;
  padding-left: 5.2083333333vw;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
._animate-box_1kgly_1 .section-right > img {
  margin: 3.6458333333vw 0;
  opacity: 1;
  position: relative;
  width: 34.375vw;
  top: unset;
  left: unset;
  transform: translate(0, 0);
}
._animate-box_1kgly_1 .section-right .right-text {
  position: relative;
  height: 26vw;
}
._animate-box_1kgly_1 .section-right .right-text img {
  top: 0;
  transform: translateY(0);
  width: 34.375vw;
}._animate-box_1050f_1 {
  background-image: -webkit-linear-gradient(-90deg, rgb(21, 80, 141) 0%, rgb(75, 121, 172) 100%);
  width: 100%;
  padding-bottom: 8vh;
}
._animate-box_1050f_1 .setion-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  color: #fff;
  margin: 0 auto;
  padding: 5.2083333333vw 0 3.125vw;
  width: 79%;
}
._animate-box_1050f_1 .setion-title div {
  font-size: 3.3854166667vw;
}
@media (min-width: 1920px) {
  ._animate-box_1050f_1 .setion-title div {
    font-size: 65px;
  }
}
._animate-box_1050f_1 .setion-title p {
  font-size: 1.3020833333vw;
}
@media (min-width: 1920px) {
  ._animate-box_1050f_1 .setion-title p {
    font-size: 25px;
  }
}
._animate-box_1050f_1 .scrollbox {
  height: 39vh;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
._animate-box_1050f_1 .scrollbox ul {
  position: absolute;
  left: 0;
  top: 0;
  width: 9999px;
  display: flex;
}
._animate-box_1050f_1 .scrollbox ul li {
  width: 31vw;
  height: 37vh;
  box-sizing: content-box;
  list-style: none;
  padding: 2vh;
  transition: all 0.3s linear;
}
._animate-box_1050f_1 .scrollbox ul li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  transition: all 0.3s ease-out;
}
._animate-box_1050f_1 .scrollbox ul li:hover img {
  transform: scale(1.05);
  box-shadow: 5px 8px 15px rgba(0, 0, 0, 0.15);
}._pc_8oo96_1 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
}
._pc_8oo96_1 img,
._pc_8oo96_1 video {
  max-width: 100% !important;
  object-fit: cover;
}
._pc_8oo96_1 .navbar-buy {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 3.125vw;
  background-color: rgb(15, 77, 142);
  z-index: 99;
  color: #fff;
  transition: all 0.3s ease;
}
._pc_8oo96_1 .navbar-buy.show {
  transform: translateY(0);
}
._pc_8oo96_1 .navbar-buy.hide {
  transform: translateY(-4.4rem);
}
._pc_8oo96_1 .navbar-buy .inner {
  width: 79%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._pc_8oo96_1 .navbar-buy .inner p {
  font-weight: bold;
  font-size: 1.0416666667vw;
}
@media (min-width: 1920px) {
  ._pc_8oo96_1 .navbar-buy .inner p {
    font-size: 20px;
  }
}
._pc_8oo96_1 .navbar-buy .inner a {
  display: inline-block;
  cursor: pointer;
  padding: 0.5208333333vw 1.8229166667vw;
  line-height: 1;
  border-radius: 99px;
  color: #0f4d8e;
  background-color: #fff;
  font-size: 0.8333333333vw;
}
@media (min-width: 1920px) {
  ._pc_8oo96_1 .navbar-buy .inner a {
    font-size: 16px;
  }
}
._pc_8oo96_1 .section {
  position: relative;
}
._pc_8oo96_1 .section video {
  width: 100%;
}
._pc_8oo96_1 .section1 {
  height: 320vh;
}
._pc_8oo96_1 .section1 img {
  width: 100%;
}
._pc_8oo96_1 .section3 {
  background-color: #fff;
  width: 79%;
  margin: 0 auto;
  text-align: center;
  padding: 7.2916666667vw 0 5.9895833333vw;
  height: 280vh;
}
._pc_8oo96_1 .section4 {
  height: 360vh;
}
._pc_8oo96_1 .section5 {
  background-color: #fff;
  width: 79%;
  margin: 0 auto;
  text-align: center;
  padding: 9.375vw 0;
}
._pc_8oo96_1 .section5 .section-title,
._pc_8oo96_1 .section5 .section-subtitle {
  opacity: 0;
  transition: all 0.8s;
}
._pc_8oo96_1 .section5 .item {
  opacity: 0;
  transition: all 0.5s;
  transform: translateY(30px);
}
._pc_8oo96_1 .section5 .item:nth-of-type(1) {
  transition-delay: 0.4s;
}
._pc_8oo96_1 .section5 .item:nth-of-type(2) {
  transition-delay: 0.6s;
}
._pc_8oo96_1 .section5 .item:nth-of-type(3) {
  transition-delay: 0.8s;
}
._pc_8oo96_1 .section5.active .section-title,
._pc_8oo96_1 .section5.active .section-subtitle {
  opacity: 1;
}
._pc_8oo96_1 .section5.active .item {
  transform: translateY(0);
  opacity: 1;
}
._pc_8oo96_1 .section5 .section-title {
  font-size: 2.8125vw;
  color: #0067aa;
  line-height: 1.231;
}
._pc_8oo96_1 .section5 .section-title sup {
  font-size: 0.7291666667vw;
  position: relative;
  top: 6px;
  left: 4px;
  color: #0067aa;
}
@media (min-width: 1920px) {
  ._pc_8oo96_1 .section5 .section-title {
    font-size: 54px;
  }
  ._pc_8oo96_1 .section5 .section-title sup {
    font-size: 14px;
  }
}
._pc_8oo96_1 .section5 .section-subtitle {
  width: 72%;
  margin: 4.1666666667vw auto;
  line-height: 1.4;
  color: rgb(56, 56, 56);
  font-size: 1.3020833333vw;
  transition-delay: 0.2s;
}
@media (min-width: 1920px) {
  ._pc_8oo96_1 .section5 .section-subtitle {
    font-size: 25px;
  }
}
._pc_8oo96_1 .section5 .section-area {
  display: flex;
}
._pc_8oo96_1 .section5 .section-area .item {
  width: 33.33%;
  padding: 0.5208333333vw;
}
._pc_8oo96_1 .section5 .section-area .item img {
  width: 100%;
  object-fit: cover;
}
._pc_8oo96_1 .section5 .section-area .item img:first-of-type {
  border-radius: 20px;
  margin-bottom: 2.6041666667vw;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
._pc_8oo96_1 .section5 .section-area .item img:first-of-type:hover {
  box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.15);
}
._pc_8oo96_1 .section6 {
  height: 440vh;
  width: 100%;
}
._pc_8oo96_1 .section7 {
  height: 280vh;
  width: 100%;
}
._pc_8oo96_1 .section9 {
  position: relative;
}
._pc_8oo96_1 .section9 img {
  width: 100%;
}
._pc_8oo96_1 .section9 .btn-buy {
  position: absolute;
  top: 68%;
  left: 9%;
  width: 12%;
  height: 15%;
}
._pc_8oo96_1 .section10 img,
._pc_8oo96_1 .section11 img {
  width: 100%;
}._animate-box_1qtmx_1 {
  position: sticky;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
._animate-box_1qtmx_1 .box-title {
  width: 100%;
  text-align: center;
}
._animate-box_1qtmx_1 .box-title img {
  height: auto;
  margin-bottom: 5vh;
}
._animate-box_1qtmx_1 .box-title .section-title {
  color: #0067aa;
  line-height: 1.231;
  font-size: 7.6489533011vw;
}
._animate-box_1qtmx_1 .box-title .section-subtitle {
  margin: 5vh auto 0;
  width: 75%;
  line-height: 1.4;
  font-size: 3.3816425121vw;
}
._animate-box_1qtmx_1 .box-content {
  height: 51.75vw;
}
._animate-box_1qtmx_1 .video-box {
  position: absolute;
  top: 0;
  left: 0;
  transition: all ease-out 0.5s;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
._animate-box_1qtmx_1 .video-box video {
  width: 100%;
  height: 100%;
}
._animate-box_1qtmx_1 .video-box.active {
  position: absolute;
  top: 57vh;
  left: 4vw;
  width: 92vw;
  height: 51.75vw;
  border-radius: 8px;
}
._animate-box_1qtmx_1 .video-box .controls {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
._animate-box_1qtmx_1 .video-box .controls svg {
  fill: #fff;
  width: 50px;
  height: 50px;
}
._animate-box_1qtmx_1 .video-box .item-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
._animate-box_1qtmx_1 .video-box .item-img.active {
  height: 0;
}
._animate-box_1qtmx_1 .video-box .item-img .img-box {
  width: 100%;
  height: 100vh;
  position: relative;
}
._animate-box_1qtmx_1 .video-box .item-img .img-box img {
  position: absolute;
  left: 0;
  width: 100%;
  height: auto;
}
._animate-box_1qtmx_1 .video-box .item-img .img-box img:nth-of-type(1) {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
._animate-box_1qtmx_1 .video-box .item-img .img-box img:nth-of-type(2) {
  top: 6vh;
}
._animate-box_1qtmx_1 .video-box .item-img .img-box img:nth-of-type(3) {
  top: 14vh;
}
._animate-box_1qtmx_1 .video-box .item-img .img-box img:nth-of-type(4) {
  bottom: 12vh;
}._animate-box_8wcft_1 {
  position: sticky;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}
._animate-box_8wcft_1 .section-title {
  width: 100%;
  height: 20vh;
  color: #0067aa;
  line-height: 1.231;
  font-size: 7.6489533011vw;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease-out;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
._animate-box_8wcft_1 .section-title.active {
  top: 0;
  transform: translateY(0);
}
._animate-box_8wcft_1 .section-content {
  z-index: -1;
  opacity: 0;
  position: absolute;
  top: 20vh;
  left: 0;
  width: 100%;
  height: 80vh;
  padding-top: 2vh;
  display: flex;
  flex-direction: column;
}
._animate-box_8wcft_1 .section-content .section-area {
  display: flex;
  flex-wrap: wrap;
}
._animate-box_8wcft_1 .section-content .section-area .item {
  width: 50%;
  opacity: 0;
  transition: all 0.5s;
  transform: translateY(30px);
}
._animate-box_8wcft_1 .section-content .section-area .item:nth-of-type(1) {
  opacity: 0;
  transform: translateY(50px);
  transition-delay: 0.2s;
}
._animate-box_8wcft_1 .section-content .section-area .item:nth-of-type(2) {
  opacity: 0;
  transform: translateY(50px);
  transition-delay: 0.3s;
}
._animate-box_8wcft_1 .section-content .section-area .item:nth-of-type(3) {
  opacity: 0;
  transform: translateY(50px);
  transition-delay: 0.4s;
}
._animate-box_8wcft_1 .section-content .section-area .item:nth-of-type(4) {
  opacity: 0;
  transform: translateY(50px);
  transition-delay: 0.5s;
}
._animate-box_8wcft_1 .section-content .section-area .item:nth-of-type(5) {
  width: 100%;
  opacity: 0;
  transform: translateY(50px);
  transition-delay: 0.6s;
}
._animate-box_8wcft_1 .section-content.active {
  opacity: 1;
  z-index: 2;
}
._animate-box_8wcft_1 .section-content.active .item {
  transform: translateY(0) !important;
  opacity: 1 !important;
}._animate-box_12n8h_1 {
  position: sticky;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}
._animate-box_12n8h_1 video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._animate-box_12n8h_1 .active {
  opacity: 1 !important;
}
._animate-box_12n8h_1 .item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  transition: all ease-out 0.5s;
  z-index: 1;
}
._animate-box_12n8h_1 .item.active {
  opacity: 1;
  z-index: 5;
}
._animate-box_12n8h_1 .item-bg {
  position: absolute;
  top: calc(50% - 20vh);
  left: -20vw;
  transform: translateY(-50%);
  width: 140vw;
  height: 160vh;
  border-radius: 10px;
  box-shadow: 0 0 0 20px rgb(21, 80, 141);
  outline: 120vw solid rgb(21, 80, 141);
  transition: all ease-out 0.5s;
  transition-delay: 0.4s;
}
._animate-box_12n8h_1 .item-bg.active {
  top: 67vh;
  left: 4vw;
  width: 92vw;
  height: 40vh;
}
._animate-box_12n8h_1 .item-content {
  color: #fff;
  position: absolute;
  top: 10%;
  left: 0;
  width: 100%;
  text-align: center;
}
._animate-box_12n8h_1 .item-content .item-tag,
._animate-box_12n8h_1 .item-content .item-title,
._animate-box_12n8h_1 .item-content .item-subtitle {
  transition: all ease-out 0.5s;
  opacity: 0;
  transform: translateY(30px);
}
._animate-box_12n8h_1 .item-content.active .item-tag,
._animate-box_12n8h_1 .item-content.active .item-title,
._animate-box_12n8h_1 .item-content.active .item-subtitle {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
._animate-box_12n8h_1 .item-tag {
  border: 1px solid #fff;
  display: inline-block;
  padding: 0.6rem 1.2rem;
  line-height: 1;
  border-radius: 99px;
  margin-bottom: 4.8309178744vw;
  font-size: 4.0257648953vw;
}
._animate-box_12n8h_1 .item-title {
  line-height: 1.231;
  margin-bottom: 8.8566827697vw;
  font-size: 8.8566827697vw;
  transition-delay: 0.2s !important;
}
._animate-box_12n8h_1 .item-subtitle {
  margin: 0 auto;
  width: 82%;
  line-height: 1.4;
  font-size: 3.2206119163vw;
  transition-delay: 0.4s !important;
}
._animate-box_12n8h_1 .item.last {
  position: relative;
  color: #fff;
}
._animate-box_12n8h_1 .item.last .item-title,
._animate-box_12n8h_1 .item.last .item-subtitle,
._animate-box_12n8h_1 .item.last .item-content .content-box,
._animate-box_12n8h_1 .item.last .item-desc {
  transition: all ease-out 0.5s;
  opacity: 0;
  transform: translateY(30px);
}
._animate-box_12n8h_1 .item.last.active .item-title,
._animate-box_12n8h_1 .item.last.active .item-subtitle,
._animate-box_12n8h_1 .item.last.active .item-content .content-box,
._animate-box_12n8h_1 .item.last.active .item-desc {
  transform: translateY(0) !important;
  opacity: 1 !important;
}
._animate-box_12n8h_1 .item.last > img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
._animate-box_12n8h_1 .item.last .item-title {
  position: absolute;
  top: 10%;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 6.8438003221vw;
}
._animate-box_12n8h_1 .item.last .item-title sup {
  font-size: 12px;
}
._animate-box_12n8h_1 .item.last .item-subtitle {
  position: absolute;
  top: 22%;
  left: 8%;
  width: 84%;
  text-align: center;
  font-size: 3.2206119163vw;
}
._animate-box_12n8h_1 .item.last .item-subtitle sup {
  font-size: 8px;
  margin-left: -8px;
}
._animate-box_12n8h_1 .item.last .item-content {
  top: 34%;
}
._animate-box_12n8h_1 .item.last .item-content .content-area {
  margin: 0 auto;
  width: 80%;
  display: flex;
  flex-wrap: wrap;
}
._animate-box_12n8h_1 .item.last .item-content .content-area .content-box {
  width: 25%;
  text-align: center;
  margin-bottom: 1vh;
}
._animate-box_12n8h_1 .item.last .item-content .content-area .content-box img {
  width: 50%;
  height: auto;
  margin: 0 auto;
}
._animate-box_12n8h_1 .item.last .item-content .content-area .content-box div {
  margin-top: 0.5vh;
  font-size: 2.8985507246vw;
}
._animate-box_12n8h_1 .item.last .item-desc {
  position: absolute;
  bottom: 2%;
  left: 0;
  padding: 0 8%;
  text-align: left;
  font-size: 1.7713365539vw;
}._animate-box_h8j9p_1 {
  position: sticky;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
._animate-box_h8j9p_1 img {
  width: 100% !important;
  height: auto !important;
}
._animate-box_h8j9p_1 .title-box {
  color: #0067aa;
  line-height: 1.263;
  padding: 6vh 0;
  font-size: 7.6489533011vw;
}
._animate-box_h8j9p_1 .title-box sup {
  font-size: 12px;
}
._animate-box_h8j9p_1 .section-subtitle {
  padding-bottom: 4vh;
  width: 80%;
  font-size: 3.2206119163vw;
  line-height: 1.375;
}
._animate-box_h8j9p_1 .section-content {
  width: 100%;
  height: 100vw;
  position: relative;
}
._animate-box_h8j9p_1 .content-box {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transition: all ease 0.5s;
}
._animate-box_h8j9p_1 .content-box.active {
  opacity: 1;
}
._animate-box_h8j9p_1 .content-box img:nth-of-type(1) {
  margin-bottom: 3vh;
}._animate-box_1qdux_1 {
  position: sticky;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
._animate-box_1qdux_1 img {
  width: 100% !important;
  height: auto !important;
}
._animate-box_1qdux_1 .title-box {
  color: rgb(0, 92, 160);
  line-height: 1.2;
  margin-bottom: 3vh;
  text-align: center;
  font-size: 8.8566827697vw;
}
._animate-box_1qdux_1 .section-content {
  width: 100%;
  height: 130vw;
  position: relative;
}
._animate-box_1qdux_1 .content-box {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transition: all ease 0.5s;
  z-index: 1;
}
._animate-box_1qdux_1 .content-box.active {
  opacity: 1;
  z-index: 5;
}
._animate-box_1qdux_1 .content-box .content-subtitle {
  margin-bottom: 4vh;
  position: relative;
  font-size: 4.1062801932vw;
}
._animate-box_1qdux_1 .content-box .content-subtitle p {
  position: absolute;
  top: 14.5%;
  left: 42.5%;
  display: flex;
  align-items: center;
}
._animate-box_1qdux_1 .content-box .content-subtitle p img {
  display: inline-block;
  width: 2.3349436393vw !important;
  height: auto !important;
  margin-right: 4px;
}
._animate-box_1qdux_1 .content-box .content-subtitle p span {
  display: inline-block;
  width: 10.4669887279vw;
}
._animate-box_1qdux_1 .content-box .content-subtitle p sup {
  font-size: 8px;
  margin-top: -12px;
}
._animate-box_1qdux_1 .content-box .content-desc {
  margin: 0 auto 4vh;
  width: 80%;
  height: 24vw;
  text-align: center;
  font-size: 3.2206119163vw;
}
._animate-box_1qdux_1 .content-box .content-desc p {
  margin-bottom: 2vh;
}
._animate-box_1qdux_1 .content-box video {
  margin: 0 auto;
  width: 92vw !important;
  height: 85vw;
  border-radius: 8px;
}._animate-box_1nfza_1 {
  position: sticky;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
._animate-box_1nfza_1 img {
  width: 100% !important;
  height: auto !important;
}
._animate-box_1nfza_1 .title-box {
  margin-bottom: 4vh;
}
._animate-box_1nfza_1 .section-content {
  width: 100%;
  height: 135vw;
  position: relative;
}
._animate-box_1nfza_1 .content-box {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transition: all ease 0.5s;
}
._animate-box_1nfza_1 .content-box.active {
  opacity: 1;
}
._animate-box_1nfza_1 .content-box img:nth-of-type(1) {
  margin-bottom: 3vh;
}
._animate-box_1nfza_1 .content-box img:nth-of-type(2) {
  margin-bottom: 3vh;
}
._animate-box_1nfza_1 .content-box img:nth-of-type(3) {
  margin-bottom: 3vh;
}._animate-box_17gq5_1 {
  background-image: -webkit-linear-gradient(-90deg, rgb(21, 80, 141) 0%, rgb(75, 121, 172) 100%);
  width: 100%;
  padding: 12.077294686vw 0;
}
._animate-box_17gq5_1 .setion-title {
  text-align: center;
  color: #fff;
  width: 100%;
  margin-bottom: 12.077294686vw;
}
._animate-box_17gq5_1 .setion-title div {
  font-size: 7.6489533011vw;
  margin-bottom: 3.2206119163vw;
}
._animate-box_17gq5_1 .setion-title p {
  font-size: 3.2206119163vw;
}
._animate-box_17gq5_1 .scrollbox {
  height: 16vh;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
._animate-box_17gq5_1 .scrollbox ul {
  position: absolute;
  left: 0;
  top: 0;
  width: 9999px;
  display: flex;
}
._animate-box_17gq5_1 .scrollbox ul li {
  float: left;
  width: 60vw;
  height: 16vh;
  box-sizing: content-box;
  list-style: none;
  padding: 0.5vh;
  transition: all 0.3s linear;
}
._animate-box_17gq5_1 .scrollbox ul li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
  transition: all 0.3s ease-out;
}
._animate-box_17gq5_1 .scrollbox ul li:hover img {
  transform: scale(1.05);
  box-shadow: 5px 8px 15px rgba(0, 0, 0, 0.15);
}._pc_jqd52_1 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
}
._pc_jqd52_1 img,
._pc_jqd52_1 video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._pc_jqd52_1 .navbar-buy {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 2.5rem;
  background-color: rgb(15, 77, 142);
  z-index: 99;
  color: #fff;
  transition: all 0.3s ease;
  transform: translateY(0);
}
._pc_jqd52_1 .navbar-buy.hide {
  transform: translateY(-2.5rem);
}
._pc_jqd52_1 .navbar-buy .inner {
  width: 100%;
  height: 100%;
  padding: 0 15px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._pc_jqd52_1 .navbar-buy .inner p {
  font-weight: bold;
  font-size: 12px;
}
._pc_jqd52_1 .navbar-buy .inner a {
  display: inline-block;
  cursor: pointer;
  padding: 5px 15px;
  line-height: 1;
  border-radius: 99px;
  color: #0f4d8e;
  background-color: #fff;
  font-size: 10px;
}
._pc_jqd52_1 .section {
  position: relative;
}
._pc_jqd52_1 .section video {
  width: 100%;
}
._pc_jqd52_1 .section1 {
  height: 260vh;
}
._pc_jqd52_1 .section1 img {
  width: 100%;
}
._pc_jqd52_1 .section3 {
  background-color: #fff;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  height: 280vh;
}
._pc_jqd52_1 .section4 {
  height: 360vh;
}
._pc_jqd52_1 .section5 {
  height: 300vh;
  width: 100%;
}
._pc_jqd52_1 .section6 {
  height: 300vh;
  width: 100%;
}
._pc_jqd52_1 .section7 {
  height: 300vh;
  width: 100%;
}
._pc_jqd52_1 .section9 {
  position: relative;
}
._pc_jqd52_1 .section9 img {
  width: 100%;
}
._pc_jqd52_1 .section9 .btn-buy {
  position: absolute;
  top: 63%;
  left: 5%;
  width: 23%;
  height: 16%;
}
._pc_jqd52_1 .section10 img,
._pc_jqd52_1 .section11 img {
  width: 100%;
}#hd-app * {
  box-sizing: border-box;
}

.d-block {
  display: block !important;
}

.d-none {
  display: none !important;
}

.video-layer {
  position: relative;
  width: 95vw !important;
}
.video-layer .layui-m-layercont {
  padding: 0;
}
.video-layer .close-btn {
  position: absolute;
  right: 0;
  top: 10px;
  transform: translateX(-50%);
}
.video-layer .close-btn img {
  width: 25px;
}

.moveUp {
  animation: moveUp 2s ease infinite;
}

@keyframes moveUp {
  0%, 50%, 100% {
    transform: translate(0px, 0px);
  }
  25%, 75% {
    transform: translate(0px, -7px);
  }
}
.float-service {
  display: none;
}