/* 公共样式以及初始化样式 */
/* 清边距 */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
input,
button {
  margin: 0;
  padding: 0;
}
/* 去除li的小圆点或序号 */
ul,
ol {
  list-style: none;
}
/* 去除下划线 */
a {
  text-decoration: none;
  color: #333;
}
/* 将字体风格恢复到正常 */
i {
  font-style: normal;
}
input {
  border: 1rem solid #e0e0e0;
  border-radius: 0;
}
input:focus {
  outline: 0 none;
}
button {
  box-sizing: content-box;
  border: 1rem solid #e0e0e0;
}
* {
  font-size: 16rem;
}
body {
  margin: 0;
  padding: 0;
}
::-webkit-scrollbar {
  display: none;
  /* Chrome/Safari/Edge */
}
html {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE/Edge */
}
.box {
  width: 375rem;
  background-color: #010f42;
}
.box .top {
  width: 375rem;
  height: 690rem;
  background: url(https://pri-cdn-oss.chuangkit.com/materials/2023/07/12/d6b0ac57-3747-4ad1-8fa1-1fb7da2ceb68?sign=q-sign-algorithm%3Dsha1%26q-ak%3DAKID41qTtWSYqJxY2KQK6gAudCfVUL0xtfMs%26q-sign-time%3D1742870687%3B1744620758342%26q-key-time%3D1742870687%3B1744620758342%26q-header-list%3Dhost%26q-url-param-list%3Dimagemogr2%252fignore-error%252f1%252fauto-orient%252fthumbnail%252f750x%253e%26q-signature%3Dbc4938131a533d55f1a4011b5fb23206130976a6&imageMogr2%2Fignore-error%2F1%2Fauto-orient%2Fthumbnail%2F750x%3E) no-repeat left top / 100% 100%;
}
.box .top .a {
  width: 375rem;
  height: 110rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.box .top .b {
  width: 375rem;
  display: flex;
  justify-content: center;
}
.box .top .b .svg1 {
  width: 306rem;
  height: 155rem;
}
.box .top .c {
  width: 375rem;
  display: flex;
  justify-content: center;
  transform: translate(0, -50%);
}
.box .top .c .svg2 {
  width: 148rem;
  height: 41rem;
}
.box .top .d {
  width: 375rem;
  display: flex;
  justify-content: center;
  transform: translate(0, -30%);
}
.box .top .d .svg3 {
  width: 148rem;
  height: 41rem;
}
.box .top .e {
  width: 375rem;
  display: flex;
  justify-content: center;
  transform: translate(0, -20%);
}
.box .top .e .svg4 {
  width: 161.5rem;
  height: 54rem;
}
.box .top .f {
  width: 375rem;
  height: 328rem;
  position: relative;
  overflow: hidden;
  /* 隐藏超出的内容 */
}
.box .top .f .tul {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 387.5rem;
  height: 250.5rem;
}
.box .top .f .tur {
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0;
  width: 275.8rem;
  height: 147.2rem;
}
.box .top .f .tuz {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 377rem;
  height: 317.8rem;
}
.box .top .f .zi {
  width: 375rem;
  display: flex;
  justify-content: space-between;
}
.box .top .f .zi .l {
  z-index: 2;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.box .top .f .zi .l .lzi {
  width: 170rem;
  height: 50rem;
}
.box .top .f .zi .l .ltu {
  width: 102rem;
}
.box .top .f .zi .r {
  z-index: 2;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.box .top .f .zi .r .rzi {
  width: 170rem;
  height: 50rem;
}
.box .top .f .zi .r .rtu {
  width: 102rem;
}
.box .body .a {
  width: 375rem;
  height: 100rem;
  margin-top: 30rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.box .body .a .z {
  width: 210rem;
  height: 30rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(https://pri-cdn-oss.chuangkit.com/materials/2021/10/09/844bac38-81c4-4d4e-9e32-78584fc62b19?sign=q-sign-algorithm%3Dsha1%26q-ak%3DAKID41qTtWSYqJxY2KQK6gAudCfVUL0xtfMs%26q-sign-time%3D1742870687%3B1744620758342%26q-key-time%3D1742870687%3B1744620758342%26q-header-list%3Dhost%26q-url-param-list%3Dimagemogr2%252fignore-error%252f1%252fauto-orient%252fthumbnail%252f750x%253e%26q-signature%3D9c46f02401080bb7a4f8e04ba3ca949defb0d610&imageMogr2%2Fignore-error%2F1%2Fauto-orient%2Fthumbnail%2F750x%3E) no-repeat left top / 100% 100%;
}
.box .body .a .z .svg1 {
  width: 140rem;
  height: 25rem;
}
.box .body .b {
  width: 375rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.box .body .b img {
  width: 340rem;
}
.box .body .c {
  width: 375rem;
  height: 50rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.box .body .c span {
  font-size: 12rem;
  color: #ffffff;
}
.box .body .d {
  width: 375rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.box .body .d .dan {
  width: 125rem;
  height: 125rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.box .body .d i {
  font-size: 60rem;
  color: #01f2fb;
}
.box .body .d .z {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 125rem;
  font-size: 12rem;
  color: #ffffff;
}
.box .body .e {
  width: 375rem;
  height: 40rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.box .body .e span {
  font-size: 12rem;
  color: #ffffff;
}
.box .bottom {
  margin-top: 100rem;
}
.box .bottom .a {
  width: 375rem;
  height: 140rem;
  display: flex;
  justify-content: space-evenly;
}
.box .bottom .a .l {
  width: 75rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.box .bottom .a .l .up {
  width: 75rem;
  height: 56rem;
}
.box .bottom .a .l .tp {
  width: 73rem;
  height: 56rem;
}
.box .bottom .a .r img {
  width: 250rem;
  height: 140rem;
}
.box .bottom .b {
  margin: 40rem 0;
  width: 375rem;
  height: 125rem;
  display: flex;
  justify-content: space-evenly;
}
.box .bottom .b .l img {
  width: 245.5rem;
  height: 124.5rem;
}
.box .bottom .b .r {
  width: 75rem;
  display: flex;
  flex-wrap: wrap;
}
.box .bottom .b .r .up {
  width: 75rem;
  height: 56rem;
}
.box .bottom .b .r .tp {
  width: 73rem;
  height: 54rem;
}
.box .bottom .c {
  width: 375rem;
  height: 110rem;
  display: flex;
  justify-content: space-evenly;
}
.box .bottom .c .l {
  width: 106rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.box .bottom .c .l .up {
  width: 106rem;
  height: 54rem;
}
.box .bottom .c .l .tp {
  width: 75rem;
  height: 27rem;
}
.box .bottom .c .r img {
  width: 211rem;
  height: 110rem;
}
.box .bottom .d {
  padding: 40rem 0;
  width: 375rem;
  height: 110rem;
  display: flex;
  justify-content: space-evenly;
}
.box .bottom .d .l img {
  width: 211rem;
  height: 110rem;
}
.box .bottom .d .r {
  width: 106rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.box .bottom .d .r .up {
  width: 106rem;
  height: 54rem;
}
.box .bottom .d .r .tp {
  width: 75rem;
  height: 27rem;
}
span,
svg {
  animation: zoomOnce 1s ease-in-out;
}
@keyframes zoomOnce {
  0% {
    transform: scale(0.7);
    /* 初始大小 */
  }
  100% {
    transform: scale(1);
    /* 恢复原大小 */
  }
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background: #193f79;
}
/* 电脑端专属样式 */
@media (min-width: 768px) {
  body.desktop-mode {
    background: #ffffff;
    /* 电脑端背景色 */
  }
}
/* 加跳转和跳转动画*/
.links {
  cursor: pointer;
  /* 悬停动画 */
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}