.myBox{
  width: 100vw;
  height: 100vh;
  /* background: #F2FFF6; */
  background-image: url(../images/homeBack.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999999999;
  animation: my1 2s linear forwards;
  display: none;
}
.logoBox{
  /* width: 2.68rem; */
  /* height: .86rem; */
  width: 2.05rem;
  position: absolute;
  top: .63rem;
  left: 1.1rem;
  top: .17rem;
}

.logoBox img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.numBox{
  display: flex;
  align-items: flex-end;
  font-family: MiSans, MiSans;
  font-weight: 600;
  font-size: 0.26rem;
  color: #126C2C;
  position: absolute;
  bottom: .82rem;
  left: 1.1rem;
}

.numBox .num{
  font-family: MiSans, MiSans;
  font-weight: 600;
  font-size: 1.04rem;
  color: #126C2C;
  line-height: 1.38rem;
  margin-bottom: -.22rem;
}

/* .imgBox{
  width: 3.44rem;
  height: 3.44rem;
  position: absolute;
  bottom: .6rem;
  right: 1.1rem;
  animation: my1 3s linear forwards;
}

.imgBox img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  left: 0;
  top: 0;
} */

/* .imgBox img:first-child{ */
  /* z-index: 1; */
  /* animation: my3 3s linear forwards; */
/* } */

/* .imgBox img:last-child{ */
  /* z-index: 1; */
  /* animation: my2 3s linear forwards; */
/* } */

/* @keyframes my1 {
  form{
    width: 3.44rem;
    height: 3.44rem;
  }
  to{
    width: 8rem;
    height: 8rem;
  }
} */

/* @keyframes my2 {
  form{
    opacity: 1;
  }
  to{
    opacity: 0;
  }
} */

/* @keyframes my3 {
  form{
    opacity: 0;
  }
  to{
    opacity: 1;
  }
} */

@keyframes my1 {
  form{
    background-size: cover;
  }
  to{
    background-size: 150%;
  }
}

@media screen and (max-width: 1023px) {
  .myBox{
    background-image: url(../images/bannerBackMoblie.png);
    background-size: cover;
    background-position: 50% 50%;
  }
  .numBox{
    bottom: 6.82rem;
  }
}