@charset "UTF-8";
html {
  font-size: 14px;
}

:root {
  --primary-color: #2d5f2e;
  --secondary-color: #f4a261;
  --accent-color: #e76f51;
  --text-color: #333;
  --transition: all 0.3s ease-in-out;
}

@keyframes scaleLoop {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.scaleLoop {
  animation: scaleLoop 2s ease-in-out infinite;
}

.pulsate-fwd {
  animation: pulsate-fwd 1s ease-in-out infinite both;
}

/* 设置初始状态 */
.hover-zoom {
  transition: transform 0.5s ease;
  /* 平滑过渡效果 */
}

/* 设置鼠标悬停状态 */
.hover-zoom:hover {
  transform: scale(1.05);
  /* 放大10% */
}

@keyframes opacity0 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes pulsate-fwd {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.blink { /* 兼容早期WebKit浏览器 */ /* 兼容早期Firefox浏览器 */ /* 兼容早期IE浏览器 */ /* 兼容早期Opera浏览器 */
  animation: blink 2s ease-in-out infinite; /* 标准动画属性 */
}

/* 定义关键帧动画 */
@keyframes blink {
  /* 标准关键帧动画 */
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}
@keyframes shake-vertical {
  0%, 100% {
    transform: translateY(0);
  }
  10%, 30%, 50%, 70% {
    transform: translateY(-8px);
  }
  20%, 40%, 60% {
    transform: translateY(8px);
  }
  80% {
    transform: translateY(6.4px);
  }
  90% {
    transform: translateY(-6.4px);
  }
}
@keyframes pulsate-bck {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@media screen and (max-width: 765px) {
  .PC {
    display: none;
  }
  .MB {
    display: block;
  }
  .tab-btn:hover:not(.active) {
    transform: scale(1);
    opacity: 1; /* 设置透明度为50%，可以根据需要调整值 */
    filter: brightness(100%); /* 调整亮度为50%，让图片变暗 */
  }
}
html {
  font-size: 14px;
}

:root {
  --primary-color: #2d5f2e;
  --secondary-color: #f4a261;
  --accent-color: #e76f51;
  --text-color: #333;
  --transition: all 0.3s ease-in-out;
}

.PC {
  display: block;
}

.MB {
  display: none;
}

body {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 14px;
}

div#loadpage {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
div#loadpage svg {
  width: 40%;
  height: auto;
}

div.cont800 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  overflow: hidden;
  background-color: #ffffff;
  visibility: hidden;
}
div.cont800 img.bg {
  width: 100%;
  max-width: 800px;
}

div.cont1680 {
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
  overflow: hidden;
  background-color: #ffffff;
  visibility: hidden;
}
div.cont1680 img.bg {
  width: 100%;
  max-width: 1680px;
}

div.cont1920 {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
  background-color: #ffffff;
  visibility: hidden;
}
div.cont1920 img.bg {
  width: 100%;
  max-width: 1920px;
}

div.show-more {
  text-align: right;
  padding-right: 10%;
  font-size: 18px;
  cursor: pointer;
}
div.show-more a {
  color: #d93835;
}

.wow {
  animation: fadeIn 1s 0.3s, opacity0 0.3s 0s;
  -webkit-animation: fadeIn 1s 0.3s, opacity0 0.3s 0s;
}

.wowUp {
  animation: fadeInUp 1.5s 0.1s, opacity0 0.1s 0s;
  -webkit-animation: fadeInUp 1.5s 0.1s, opacity0 0.1s 0s;
}

div.part {
  position: relative;
}

div#cont {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
div#cont img.cont_1 {
  position: absolute;
  left: 47.0238095238%;
  top: 1.5989766549%;
  width: 6.1904761905%;
  max-width: 104px;
  animation: fadeIn 1s 0.2s, opacity0 0.2s 0s;
  -webkit-animation: fadeIn 1s 0.2s, opacity0 0.2s 0s;
}
div#cont img.cont_2 {
  position: absolute;
  left: 19.7619047619%;
  top: 5.00479693%;
  width: 60.5952380952%;
  max-width: 1018px;
  animation: zoomIn 1.2s 0.1s, opacity0 0.1s 0s;
  -webkit-animation: zoomIn 1.2s 0.1s, opacity0 0.1s 0s;
}
div#cont img.cont_3 {
  position: absolute;
  left: 27.0833333333%;
  top: 8.8263511353%;
  width: 45.9523809524%;
  max-width: 772px;
  animation: fadeInUp 1.8s 0.4s, opacity0 0.4s 0s;
  -webkit-animation: fadeInUp 1.8s 0.4s, opacity0 0.4s 0s;
}
div#cont img.cont_4 {
  position: absolute;
  left: 0.7142857143%;
  top: 9.3220338983%;
  width: 18.869047619%;
  max-width: 317px;
  animation: fadeIn 3s 0.4s, opacity0 0.4s 0s;
  -webkit-animation: fadeIn 3s 0.4s, opacity0 0.4s 0s;
}
div#cont img.cont_5 {
  position: absolute;
  left: 6.6071428571%;
  top: 15.2382475216%;
  width: 86.9047619048%;
  max-width: 1460px;
  animation: fadeIn 1.7s 0.8s, opacity0 0.8s 0s;
  -webkit-animation: fadeIn 1.7s 0.8s, opacity0 0.8s 0s;
}
div#cont img.cont_6 {
  position: absolute;
  left: 6.4880952381%;
  top: 37.1442276943%;
  width: 86.8452380952%;
  max-width: 1459px;
}
div#cont img.cont_7 {
  position: absolute;
  left: 47.1428571429%;
  top: 59.8337064279%;
  width: 49.4642857143%;
  max-width: 831px;
}
div#cont img.cont_8 {
  position: absolute;
  left: 47.1428571429%;
  top: 74.2564758555%;
  width: 49.2261904762%;
  max-width: 827px;
  animation: fadeIn 1s 0.1s, opacity0 0.1s 0s;
  -webkit-animation: fadeIn 1s 0.1s, opacity0 0.1s 0s;
}
div#cont img.cont_9 {
  position: absolute;
  left: 2.7976190476%;
  top: 68.5321394308%;
  width: 42.0833333333%;
  max-width: 707px;
  animation: fadeIn 1s 0.1s, opacity0 0.1s 0s;
  -webkit-animation: fadeIn 1s 0.1s, opacity0 0.1s 0s;
}
div#cont img.cont_10 {
  position: absolute;
  left: 2.7976190476%;
  top: 59.8337064279%;
  width: 37.7380952381%;
  max-width: 634px;
  animation: fadeIn 1s 0.1s, opacity0 0.1s 0s;
  -webkit-animation: fadeIn 1s 0.1s, opacity0 0.1s 0s;
}
div#cont img.cont_11 {
  position: absolute;
  left: 29.4642857143%;
  top: 89.8784777742%;
  width: 41.25%;
  max-width: 693px;
  animation: zoomIn 1s 0.1s, opacity0 0.1s 0s;
  -webkit-animation: zoomIn 1s 0.1s, opacity0 0.1s 0s;
}
div#cont img.cont_12 {
  position: absolute;
  left: 25%;
  top: 95.2670291014%;
  width: 50.0595238095%;
  max-width: 841px;
  animation: flipInX 1.2s 0.4s, opacity0 0.4s 0s;
  -webkit-animation: flipInX 1.2s 0.4s, opacity0 0.4s 0s;
}
div#cont img.cont_13 {
  position: absolute;
  left: 45.1785714286%;
  top: 97.0578829549%;
  width: 9.7023809524%;
  max-width: 163px;
  animation: flipInX 1.2s 0.6s, opacity0 0.6s 0s;
  -webkit-animation: flipInX 1.2s 0.6s, opacity0 0.6s 0s;
}

div#link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
div#link img.link_1 {
  position: absolute;
  left: 3.4523809524%;
  top: 23.3930284618%;
  width: 47.9166666667%;
  max-width: 805px;
  animation: fadeInLeft 2s 0.1s, opacity0 0.1s 0s;
  -webkit-animation: fadeInLeft 2s 0.1s, opacity0 0.1s 0s;
}
div#link img.link_2 {
  position: absolute;
  left: 53.75%;
  top: 23.3930284618%;
  width: 44.1071428571%;
  max-width: 741px;
  animation: fadeInRight 2s 0.1s, opacity0 0.1s 0s;
  -webkit-animation: fadeInRight 2s 0.1s, opacity0 0.1s 0s;
}
div#link img.link_3 {
  position: absolute;
  left: 55.6547619048%;
  top: 32.2033898305%;
  width: 41.1904761905%;
  max-width: 692px;
  animation: flipInX 1s 0.6s, opacity0 0.6s 0s;
  -webkit-animation: flipInX 1s 0.6s, opacity0 0.6s 0s;
}
div#link img.link_4 {
  position: absolute;
  left: 2.2023809524%;
  top: 43.6520626799%;
  width: 44.1071428571%;
  max-width: 741px;
  animation: fadeInLeft 2s 0.1s, opacity0 0.1s 0s;
  -webkit-animation: fadeInLeft 2s 0.1s, opacity0 0.1s 0s;
}
div#link img.link_5 {
  position: absolute;
  left: 48.630952381%;
  top: 43.6520626799%;
  width: 47.9761904762%;
  max-width: 806px;
  animation: fadeInRight 2s 0.1s, opacity0 0.1s 0s;
  -webkit-animation: fadeInRight 2s 0.1s, opacity0 0.1s 0s;
}
div#link img.link_6 {
  position: absolute;
  left: 2.380952381%;
  top: 52.4624240486%;
  width: 41.130952381%;
  max-width: 691px;
  animation: flipInX 1s 0.6s, opacity0 0.6s 0s;
  -webkit-animation: flipInX 1s 0.6s, opacity0 0.6s 0s;
}/*# sourceMappingURL=zt2529.css.map */