body {
  position: relative;
  min-width: 1240px;
  margin: 0 auto;
}
.ponone {
  pointer-events: none;
}
.logo {
  position: absolute;
  left: 3%;
  top: 3%;
  width: 18.2291%;
  max-width: 350px;
  z-index: 999;
}
.logo a {
  display: block;
  width: 100%;
}
.page {
  position: relative;
}
.btn-buy {
  position: absolute;
  right: 2%;
  top: 3%;
  width: 4.0104%;
  z-index: 999;
}
.btn-buy img {
  -webkit-animation: title-head 0.4s ease-out infinite;
  animation: title-head 0.4s ease-out infinite;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
}
.item1 {
  width: 34.6354%;
  bottom: 12.6349%;
  left: 50%;
  transform: translateX(-50%);
}
.item1 img {
  animation: beat 0.7s ease 0s infinite normal;
}
.item2 {
  position: absolute;
  width: 4.27083%;
  right: 8%;
  top: 3%;
}
.item3 {
  width: 23.07291%;
  left: 23.125%;
  top: 22.0302%;
}
.item4 {
  width: 8.0729%;
  left: 61.0416%;
  top: 11.2432%;
}
.item4 img {
  -webkit-animation: twinkle2 6s infinite linear;
  animation: twinkle2 6s infinite linear;
}
.nav-list {
  position: absolute;
  left: 5%;
  width: 90%;
  bottom: 1.6216%;
  display: flex;
  justify-content: space-around;
}
.nav-list li a {
  max-width: 90%;
  display: block;
  margin: 0 auto;
  transition: 0.3s;
}
.nav-list li a:hover {
  transform: scale(1.1);
}
.tc-nav {
  left: 4.7916%;
  bottom: 0;
  width: 16.0416%;
}
.tc-nav-item {
  width: 43.1818%;
  left: 23%;
  top: 6.2%;
  height: 85.298%;
}
.tc-nav-list {
  width: 100%;
  left: 0;
  top: 4%;
  height: 89%;
}
.tc-nav-list li {
  position: relative;
  height: 9%;
  margin-bottom: 2.5%;
  cursor: pointer;
}
.tc-nav-list li:last-child {
  margin-bottom: 0;
}
.tc-nav-list li.active .img1 {
  opacity: 1;
  visibility: visible;
}
.tc-nav-list li.active .img2 {
  opacity: 0;
  visibility: hidden;
}
.tc-nav-list img {
  transition: 0.3s;
}
.tc-nav-list .img1 {
  position: relative;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
}
.tc-nav-list .img2 {
  position: absolute;
  left: 0;
  top: 0;
}
.one-swiper-box {
  position: absolute;
  width: 27.3958%;
  width: 526px;
  left: 26.5625%;
  top: 55%;
  transform: translateY(-50%);
}
.one-swiper-box .swiper-btn {
  position: absolute;
  top: 35%;
  width: 25px;
  cursor: pointer;
  z-index: 500;
}
.one-swiper-box .swiper-prev {
  left: -20px;
}
.one-swiper-box .swiper-next {
  right: -30px;
}
.one-swiper {
  position: relative;
  overflow: hidden;
}
.one-swiper .swiper-slide {
  position: relative;
}
.one-swiper .item {
  position: absolute;
  width: 78.3269%;
  left: 14.5%;
  top: 8%;
}
.one-swiper .t {
  font-weight: bold;
  color: #8d0000;
  font-size: 45px;
  line-height: 1.2;
}
.one-swiper .type {
  font-weight: bold;
  color: #8d0000;
  font-size: 18px;
  line-height: 1.2;
  display: flex;
  justify-content: space-between;
  padding: 10px 0 15px;
  border-bottom: 1px dashed #d9b5b1;
}
.one-swiper .type p:last-child {
  margin-left: 4%;
}
.one-swiper .c {
  padding: 10px 12px;
  color: #343131;
  font-size: 15.5px;
  text-align: justify;
}
.one-swiper .imgbox {
  width: 88%;
  margin: 0 auto;
}
.fg1 {
  left: 0;
  top: -2%;
  width: 100%;
}
.fg2 {
  left: 0;
  bottom: -2%;
  width: 100%;
}
.fg3 {
  left: 0;
  bottom: 0;
  width: 100%;
}
#page2 .fg1 {
  top: 0;
}
.tbox {
  width: 27.8125%;
}
.tbox .c {
  margin: 7% auto 0;
}
.tbox1 {
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}
.tbox2 {
  width: 26.8229%;
  left: 11.25%;
  bottom: 12%;
}
.tbox2 .c {
  width: 84.6601%;
}
.tbox3 {
  width: 27.4479%;
  right: 9.8958%;
  bottom: 18%;
}
.tbox3 .c {
  width: 82.5426%;
}
.tbox4 {
  left: 6.5625%;
  top: 55%;
  transform: translateY(-50%);
  width: 25.625%;
}
.tbox4 .c {
  width: 85.5691%;
}
.tbox5 {
  width: 27.8645%;
  right: 4.0625%;
  bottom: 19.7957%;
}
.tbox5-c {
  width: 22.7083%;
  left: 6.875%;
  bottom: 19.7957%;
}
.item5 {
  width: 94.1947%;
  top: -2%;
  right: 0;
}
.item5 img {
  -webkit-animation: opacity3 0.8s infinite alternate;
  animation: opacity3 0.8s infinite alternate;
}
.btn-black {
  position: absolute;
  width: 14.427%;
  max-width: 277px;
  right: 2%;
  bottom: 1%;
  z-index: 999;
  cursor: pointer;
}
@media screen and (max-width: 1700px) {
  .one-swiper-box {
    width: 500px;
  }
  .one-swiper .t {
    font-size: 42px;
  }
  .one-swiper .type {
    font-size: 17px;
  }
  .one-swiper .c {
    font-size: 15px;
  }
  .tbox1 {
    right: 7%;
  }
}
@media screen and (max-width: 1500px) {
  .one-swiper-box {
    width: 480px;
  }
  .one-swiper .t {
    font-size: 40px;
  }
  .one-swiper .type {
    font-size: 16px;
  }
  .one-swiper .c {
    font-size: 14px;
  }
  .tbox1 {
    right: 5%;
  }
}
@media screen and (max-width: 1360px) {
  .one-swiper-box {
    width: 440px;
  }
  .one-swiper .t {
    font-size: 38px;
  }
  .one-swiper .type {
    font-size: 15px;
  }
  .one-swiper .c {
    font-size: 12px;
  }
  .tbox1 {
    right: 4%;
  }
}