:root {
  --head: 4.739vw;
  --color: #1b56e4;
}

body {
  background: #030320;
  color: #fff;
}

.head-zhanwei {
  height: var(--head);
}

.C-wrap {
  width: 66.666vw;
  margin: 0 auto;
}

.tgrad {
  background: linear-gradient(110deg, #b5ebfa 3.68%, #0051ff 92.24%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.C-btn1 {
  padding: 0.625vw 1.25vw;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 0.416vw;
  color: #fff;
}

.C-btn1:hover {
  background: #fff;
  border-color: #fff;
  color: #030320;
}

.C-btn2 {
  width: 8.333vw;
  padding: 0.625vw 1.25vw;
  border: 1px solid #fff;
  border-radius: 0.208vw;
  background: transparent;
  color: #fff;
}

.C-btn2:hover {
  background: #fff;
  color: #000;
}

.C-btn3 {
  padding: 0.625vw 1.25vw;
  background: #1b56e4;
  border: none;
  border-radius: 0.416vw;
  color: #fff;
  cursor: pointer;
  font-family: var(--family);
}

.C-btn3:hover {
  background: #3a6ef0;
}

.C-more {
  gap: 0.625vw;
  height: 1.875vw;
  color: #fff;
}

.C-more .icon {
  width: 1.875vw;
  height: 1.875vw;
}

.C-more span {
  max-width: 0;
  overflow: hidden;
  white-space: nowrap;
  transition: all 1s;
}

.C-more:hover span {
  max-width: 5.208vw;
}

.head1 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: var(--head);
  -webkit-backdrop-filter: blur(1.562vw);
  backdrop-filter: blur(1.562vw);
  transition: all ease 0.6s;
}

.head1::after {
  content: '';
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(90deg,
      rgba(255, 255, 255, 0) 5%,
      rgba(255, 255, 255, 0.2) 50%,
      rgba(255, 255, 255, 0) 95%);
}

.isback .head1 {
  transform: translateY(-100%);
}

.scroll .head1 {
  background: rgba(3, 3, 32, 0.72);
}

.head1 .logo {
  width: 6.458vw;
}

.head1 .menu {
  gap: 3.125vw;
}

.head1 .menu .link a {
  color: rgba(255, 255, 255, 0.5);
}

.head1 .menu .link.on a,
.head1 .menu .link a:hover {
  color: #fff;
}

.home1 {
  position: relative;
  height: 100vh;
  min-height: 39.583vw;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background: #030320;
}

.home1 .vbox {
  position: relative;
  width: 66.666vw;
  height: 37.5vw;
  mix-blend-mode: lighten;
}

.home1 .vbox::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #030320, transparent 5%, transparent 82%, #030320);
}

.home1 .vbox video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home1 .intr {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 2;
}

.home1 .k1 {
  color: #fff;
}

.home1 .t1 {
  margin-top: 1.25vw;
  color: rgba(255, 255, 255, 0.5);
}

.home2 {
  position: relative;
  width: 100%;
  height: 180vh;
}

.home2 .pin {
  position: sticky;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.orb-container {
  width: 61.354vw;
  height: 27.916vw;
  z-index: 0;
  cursor: grab;
  mix-blend-mode: lighten;
  opacity: 0.5;
}

.orb-container:active {
  cursor: grabbing;
}

.orb-container canvas {
  display: block;
  width: 100%;
  height: 100%;
}

.home2 .intr {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 53.333vw;
  z-index: 2;
  pointer-events: none;
}

.home2 .k1 {
  color: #fff;
}

.home2 .t1 {
  margin-top: 1.25vw;
  color: rgba(255, 255, 255, 0.5);
}

.light {
  position: absolute;
  pointer-events: none;
}

.home2 .light {
  left: -9.583vw;
  top: 21.041vw;
  width: 66.093vw;
}

.home3 {
  position: relative;
  overflow: hidden;
}

.home3 .light {
  left: 40vw;
  top: 9.375vw;
  width: 66.093vw;
}

.home3 .list {
  position: relative;
  z-index: 2;
  width: 82.395vw;
  margin: 0 auto;
  gap: 2.187vw;
}

.home3 .item {
  position: relative;
  width: 18.958vw;
  height: 24.218vw;
  border-radius: 1.25vw;
  overflow: hidden;
  padding: 1.666vw;
}

.home3 .item1 {
  background: linear-gradient(122deg, #8861ff 2.78%, #10096b 96.63%);
}

.home3 .item2 {
  background: linear-gradient(121deg, rgba(255, 201, 85, 0.7) 2.83%, rgba(86, 52, 8, 0.7) 99.95%);
}

.home3 .item3 {
  background: linear-gradient(122deg, rgba(64, 246, 140, 0.41) 2.78%, rgba(21, 60, 50, 0.82) 90.54%);
}

.home3 .item4 {
  background: linear-gradient(122deg, rgba(47, 175, 255, 0.88) 2.8%, rgba(11, 6, 86, 0.88) 115.54%);
}

.home3 .item .t1 {
  color: #fff;
}

.home3 .item .jt {
  width: 1.458vw;
  height: 1.458vw;
  border-radius: 0.2083vw;
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(0, 0, 0, 0.10);
  backdrop-filter: blur(2px);
  --fill:#fff;
  transition: all ease .3s;
}
.home3 .item .jt:hover{
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 1);
  --fill:#000;
}

.home3 .item .jt svg {
  width: 0.3125vw;
  height: auto;
}
.home3 .item .jt svg path{
  transition: all ease .3s;
}

.home3 .item .ul {
  position: absolute;
  left: 1.666vw;
  right: 1.666vw;
  bottom: 1.25vw;
  padding-left: 1.145vw;
  color: rgba(255, 255, 255, 0.95);
  transition: bottom ease 0.5s;
}

.home3 .item .ul li {
  list-style: disc;
}

.home3 .item .ul li+li {
  margin-top: 0.625vw;
}

.home3 .item .btns {
  position: absolute;
  left: 1.666vw;
  right: 1.666vw;
  bottom: 1.666vw;
  opacity: 0;
  transform: translateY(0.833vw);
  pointer-events: none;
  transition: all ease 0.5s;
}

.home3 .item .btns a {
  height: 2.083vw;
  border-radius: 0.156vw;
}

.home3 .item .btns .btn5 {
  border: 1px solid rgba(255, 255, 255, 0.45);
  color: #fff;
}

.home3 .item .btns .btn5:hover {
  background: #fff;
  color: #282828;
}

.home3 .item .btns .btn5:nth-child(2) {
  margin-top: 0.729vw;
}

.home3 .item:hover .ul {
  bottom: 7.604vw;
}

.home3 .item:hover .btns {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.home4 {
  position: relative;
  overflow: hidden;
  padding: 14.947vw 17.187vw 14.947vw 18.75vw;
}

.home4 .light {
  left: -20.26vw;
  top: 33.958vw;
  width: 66.093vw;
}

.home4 .main {
  position: relative;
  height: 100%;
  align-items: flex-start;
}

.home4 .list {
  gap: 2.187vw;
}

.home4 .col {
  width: 18.75vw;
}

.home4 .col .item+.item {
  margin-top: 2.083vw;
}

.home4 .col2 {
  margin-top: 10.729vw;
}

.home4 .item {
  position: relative;
  width: 18.75vw;
  height: 22.5vw;
  border-radius: 1.041vw;
  overflow: hidden;
  box-shadow: 0 0 1.041vw 0.156vw rgba(7, 13, 79, 0.05), 0 0 2.083vw 1.041vw rgba(7, 13, 79, 0.05);
}

.home4 .item .bg {
  position: absolute;
  left: 0;
  top: 0;
}

.home4 .item2 {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

.home4 .item3 {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

.home4 .item4 {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

.home4 .item .btm {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.home4 .item .intr {
  position: relative;
  z-index: 2;
  padding: 1.25vw;
}

.home4 .intr .t1 {
  color: #fff;
}

.home4 .intr .t2 {
  margin-top: 0.989vw;
  color: #fff;
  line-height: 1.6;
}

.home4 .intr .t2:first-child {
  margin-top: 0;
}

.home4 .intr .C-more {
  margin-top: 1.25vw;
}

.home4 .item:hover .intr .C-more span {
  max-width: 5.208vw;
}

.home4 .intr .line {
  margin-top: 1.25vw;
  height: 1px;
  background: rgba(255, 255, 255, 0.05);
}

.home4 .you {
  width: 20.833vw;
  margin-top: 26.458vw;
}

.home4 .you .k1 {
  color: #fff;
}

.home4 .you .t1 {
  margin-top: 1.25vw;
  color: rgba(255, 255, 255, 0.5);
}

.home4 .you .C-btn3 {
  margin-top: 3.333vw;
  border-radius: 0.416vw;
  width: max-content;
}

.home5 {
  position: relative;
  padding: 1.041vw 0 3.125vw;
}

.home5 .light {
  left: 54.427vw;
  top: 45.937vw;
  width: 66.093vw;
}

.home5 .kbox {
  position: relative;
  z-index: 2;
}

.home5 .k1 {
  color: #fff;
}

.home5 .kbox .t1 {
  margin-top: 1.25vw;
  color: rgba(255, 255, 255, 0.5);
}

.home5 .list {
  position: relative;
  z-index: 2;
  padding: 8.75vw 0;
  margin-top: -2.291vw;
}

.home5 .box2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.home5 .box2 .C-wrap {
  height: 100%;
}

.home5 .shuxian::before,
.home5 .shuxian::after {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(249, 249, 249, 0.2) 6%,
      rgba(255, 255, 255, 0.2) 96%,
      rgba(255, 255, 255, 0) 100%);
}

.home5 .shuxian::before {
  left: 0;
}

.home5 .shuxian::after {
  right: 0;
}

.home5 .row {
  position: relative;
}

.home5 .row:nth-of-type(2n) .C-wrap {
  flex-direction: row-reverse;
}

.home5 .row:nth-child(1) .line,
.home5 .row:nth-last-child(1) .line {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 100%;
  margin: 0 0 3.5417vw;
  background: linear-gradient(90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.6) 50%,
      rgba(255, 255, 255, 0) 100%);
}

.home5 .row:nth-last-child(1) .line {
  top: 100%;
  bottom: auto;
  margin: 3.5417vw 0 0;
}

.home5 .row::before {
  content: '';
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(90deg,
      rgba(255, 255, 255, 0) 5%,
      rgba(255, 255, 255, 0.4) 50%,
      rgba(255, 255, 255, 0) 95%);
}

.home5 .row:last-child::after {
  content: '';
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(90deg,
      rgba(255, 255, 255, 0) 5%,
      rgba(255, 255, 255, 0.4) 50%,
      rgba(255, 255, 255, 0) 95%);
}

.home5 .side {
  position: relative;
  width: 16.666vw;
  height: 13.02vw;
  flex-shrink: 0;
}

.home5 .row:nth-of-type(2n-1) .side {
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.home5 .row:nth-of-type(2n) .side {
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.home5 .side .icon {
  position: absolute;
  left: 1.666vw;
  top: 1.666vw;
  width: 4.375vw;
  height: 4.375vw;
}

.home5 .side .txt {
  position: absolute;
  left: 1.666vw;
  bottom: 1.25vw;
  width: 11.458vw;
}

.home5 .side .t1 {
  color: #fff;
}

.home5 .side .t2 {
  margin-top: 1.041vw;
  color: rgba(255, 255, 255, 0.5);
}

.home5 .main {
  position: relative;
  width: 50vw;
  height: 13.02vw;
  flex-shrink: 0;
  overflow: hidden;
  transition: box-shadow ease 0.5s;
}

.home5 .main .t3 {
  position: absolute;
  left: 1.77vw;
  bottom: 1.562vw;
  z-index: 2;
  width: 36.562vw;
  color: #fff;
  transition: bottom ease 0.5s;
}

.home5 .main .act {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  transition: opacity ease 0.5s;
}

.home5 .main .act .bg {
  position: absolute;
  left: 0;
  top: 0;
}

.home5 .main .act .bg::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 102, 255, 0.1);
}

.home5 .main .act .C-btn2 {
  position: absolute;
  left: 1.77vw;
  bottom: 1.51vw;
  z-index: 2;
}

.home5 .main:hover {
  box-shadow: 0 0 7.552vw #1e4581;
}

.home5 .main:hover .act {
  opacity: 1;
}

.home5 .main:hover .t3 {
  bottom: 7.291vw;
}

.home6 {
  position: relative;
}

.home6 .form {
  align-self: flex-end;
  width: 21.197vw;
  height: 3.177vw;
  padding: 0.416vw;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 0.416vw;
}

.home6 .k1 {
  color: #fff;
}

.home6 .t1 {
  margin-top: 1.25vw;
  color: rgba(255, 255, 255, 0.5);
}

.home6 .form input {
  flex: 1;
  height: 100%;
  padding: 0 0.833vw;
  background: transparent;
  color: #fff;
}

.home6 .form input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

input:-webkit-autofill {
  box-shadow: 0 0 0 52.083vw transparent inset !important;
}

input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #fff !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

.home6 .form .C-btn3 {
  flex-shrink: 0;
  height: 100%;
  padding: 0 1.25vw;
  transition: all ease .3s;
}

.home7 {
  position: relative;
  height: 37.031vw;
  overflow: hidden;
}

.home7::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 12.864vw;
  background: linear-gradient(180deg, rgba(3, 3, 32, 0.00) 0%, #030320 55.74%);
  z-index: 1;
}

.home7 .kbox {
  position: absolute;
  left: 9.114vw;
  top: 1.875vw;
  width: 81.77vw;
}

.home7 .intr {
  position: absolute;
  left: 0;
  top: 16.406vw;
  width: 100%;
  z-index: 2;
}

.home7 .k1 {
  color: #fff;
}

.home7 .intr .C-btn3 {
  margin: 2.083vw auto 0;
  width: max-content;
}

.home8 {
  position: fixed;
  right: 2.552vw;
  bottom: 6.25vw;
  z-index: 60;
  gap: 1.041vw;
  width: 8.333vw;
  height: 8.333vw;
  border-radius: 0.833vw;
  background: linear-gradient(129deg, rgba(86, 125, 255, 0.1) 2.78%, rgba(31, 30, 44, 0.1) 96.63%);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(0.208vw);
}

.home8 .icon {
  width: 2.395vw;
  margin: 0 auto;
}

.home8:hover {
  background: linear-gradient(129deg, rgba(86, 125, 255, 0.25) 2.78%, rgba(31, 30, 44, 0.25) 96.63%);
}

footer {
  margin-top: -9.375vw;
  padding: 0 0 3.2292vw;
  position: relative;
  z-index: 2;
}

.foot-w {
  position: relative;
  overflow: hidden;
}

.foot-w .bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.foot1 {
  padding: 12.5vw 17.604vw 0 12.5vw;
  position: relative;
  z-index: 2;
}

.foot1 .zuo {
  width: 35.416vw;
}

.foot1 .zuo .t1 {
  color: #fff;
}

.foot-nav {
  gap: 5.729vw;
}

.foot-nav .a1 {
  display: block;
  margin-bottom: 1.041vw;
  color: #fff;
}

.foot-nav li+li {
  margin-top: 0.52vw;
}

.foot-nav li a,
.foot-nav li p {
  color: rgba(255, 255, 255, 0.5);
}

.foot-nav li a:hover {
  color: #fff;
}

.foot-logo {
  margin: 15.729vw auto 0;
  width: 75vw;
  position: relative;
  z-index: 2;
}

.foot3 {
  position: relative;
  z-index: 2;
  padding: 0 12.5vw;
  margin: 5.833vw auto 0;
  color: rgba(255, 255, 255, 0.50);
}

.foot3 a:hover {
  color: #fff;
}