:root {
  --head: 7.187vw;
  --color: #D8232A;
  /* 页面左右统一的间距 */
  --leave: 10.312vw;
}

body {
  background: #000;
}

.co-h {
  color: #C5CAD9;
}

.co-w {
  color: #fff;
}

.co-m {
  color: var(--color);
}

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

.oneScreen {
  height: 100vh;
}

.oneScreen .box {
  position: relative;
  z-index: 5;
  height: 100%;
}

.lh20 {
  line-height: 2;
}

.lh17 {
  line-height: 1.7;
}

.C-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.C-bg img,
.C-bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.zgc {
  position: relative;
  z-index: 5;
}

/* -----------------------------------------head,foot-------------------------------------- */
.head1 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: var(--head);
  transition: all ease .3s;
  padding: 0 4.895vw 0 var(--leave);

}

.isback .head1 {
  opacity: 0;
  pointer-events: none;
}

.scroll .head1 {
  background: rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(0.26vw)
}

.head1 .logo {
  width: 9.114vw;
  margin-right: 0.781vw;
}


.head1 .right .search {
  width: 1.458vw;
}

.head1 .ctbtn {
  padding: 0.156vw 0.833vw;
  border-radius: 90px;
  background: rgba(255, 255, 255, 0.10);
  color: #FFF;
  margin-left: 2.708vw;
}

.head1 .center {
  gap: 2.083vw;
  color: #E0E7EB;
}

.head-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 59;
  background: rgba(0, 0, 0, 0.60);
  opacity: 0;
  transform: scaleX(0);
  transform-origin: right;
  pointer-events: none;
  transition: all ease .3s;
}

.open .head-mask {
  opacity: 1;
  transform: scaleX(1);
  pointer-events: visible;
}

.head2 .menu {
  position: fixed;
  right: 0;
  top: 0;
  width: 24.062vw;
  height: 100%;
  z-index: 60;
  border-radius: 12px;
  /* border: 3px solid rgba(255, 255, 255, 0.20); */
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.17) 0%, rgba(255, 255, 255, 0.26) 100%);
  box-shadow: 0vw 0.208vw 0.208vw 0vw rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(0.937vw);

  padding: 0 0 0 4.583vw;
  opacity: 0;
  pointer-events: none;
  transform: translate(100%, 0);
  transform-origin: right;
  transition: all ease .3s;
}

.open .head2 .menu {
  transform: translate(0, 0);
  opacity: 1;
  pointer-events: visible;
  transition: all ease .3s .2s;
}

.head2 .menu .gdnr {
  gap: 5.364vw;
}

.head2 .menu .link {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  transform: scaleY(0);
  transition: all ease .3s;
  cursor: pointer;
}

.open .head2 .menu .link {
  transform: scaleY(1);
  transition: all ease .3s .5s;
}

.head2 .menu .link .icon {
  width: 2.343vw;
  margin-right: 3.541vw;
}

.head2 .menu .link>a {
  flex: 1;
}

.head2 .menu .close {
  width: 1.979vw;
  height: 1.979vw;
  position: absolute;
  right: 2.812vw;
  top: 2.343vw;
  cursor: pointer;
  background: url('/img/nav-close.svg') no-repeat center/contain;
}







.navbar-toggle {
  display: inline-block;
  padding: 0 0;
  margin-left: 2.343vw;
  z-index: 55;
  cursor: pointer;
}

.navbar-toggle span {
  display: block;
  width: 2.083vw;
  height: 0.104vw;
  background-color: #fff;
  transition: 0.4s;
}

.line-middle {
  margin: 0.625vw 0;
}

.open .line-top {
  -webkit-transform: rotate(45deg) translate(0.312vw, 0.729vw);
  transform: rotate(45deg) translate(0.312vw, 0.729vw);
}

.open .line-middle {
  opacity: 0;
}

.open .line-bottom {
  -webkit-transform: rotate(-45deg) translate(0.312vw, -0.729vw);
  transform: rotate(-45deg) translate(0.312vw, -0.729vw);
}


.foot1 {
  padding-bottom: 2.083vw;
  overflow: hidden;
}

.foot1 .pic {
  width: 15.572vw;
  transform-origin: center;
  transform: translateX(calc(var(--mouse-x) * 0.052vw));
}

.foot2 {
  padding: 0 10.572vw 0 6.041vw;
}

.foot2 .zuo {
  width: 23.645vw;
  padding-top: 2.708vw;
}

.foot2 .zuo form {
  position: relative;
  width: 100%;
  margin-top: 1.979vw;
  height: 3.02vw;
  border: 1px solid #2B2B2B;
  background: #161616;
  border-radius: 50px;
}

.foot2 .zuo form input {
  padding: 0 1.666vw;
  background: transparent;
  color: #fff;
}

.foot2 .zuo form input::placeholder {
  color: #707070;
}

.foot2 .zuo form button {
  border: none;
  background: transparent;
  position: absolute;
  right: -0.104vw;
  top: 0;
  height: 100%;
  cursor: pointer;
}





.foot2 .you {
  width: 51.614vw;
  padding-top: 2.708vw;
  border-top: 2px solid #464646;
}

.foot2 .you .foot-link {
  gap: 7.812vw;
}

.foot2 .you .foot-link ul {
  gap: 1.041vw;
  display: flex;
  flex-direction: column;
}

.foot2 .you .foot-link a {
  display: block;
}

.foot2 .you .foot-link .a2 {
  color: #C7C7C7;
}

.foot2 .info {
  width: 11.875vw;
}

.foot2 .info .t6 {
  margin: 1.718vw 0 2.395vw;
}

.foot2 .share {
  gap: 1.25vw;
}

.foot2 .share .icon {
  width: 1.041vw;
  height: 1.041vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
}

.foot2 .share .icon img {
  max-height: 100%;
}

.foot2 .share .icon .qr {
  position: absolute;
  left: 50%;
  bottom: 100%;
  margin-bottom: 10px;
  transform: translate(-50%, 0);
  width: 220px;
  max-width: none;
  max-height: none;
  background: #fff;
  opacity: 0;
  pointer-events: none;
  transition: all ease .3s;
}

.foot2 .share .icon:hover .qr {
  opacity: 1;
  pointer-events: visible;
}

.foot3 {
  padding: 7.291vw 15.312vw 2.76vw 11.666vw;
}

.foot3 .you {
  gap: 3.854vw;
  color: #E7E7E7;
}

.foot4 {
  padding: 1.041vw 19.583vw 1.041vw 11.666vw;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.30);
  background: #212121;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 55;
  display: none;
}

.foot4.on {
  display: flex;
}

.foot4 .zuo {
  width: 37.135vw;
}

.foot4 .zuo .t2 {
  margin-top: 0.312vw;
}

.foot4 .you {
  width: 14.062vw;
}

.foot4 .you .btn {
  width: 14.062vw;
  height: 2.187vw;
  border-radius: 100px;
  border: 1px solid rgba(0, 0, 0, 0.30);
  background: #D8232A;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.foot4 .you .btn:hover {
  opacity: 0.9;
}

.foot4 .you .btn.reject {
  background: #141414;
  margin-top: 0.625vw;
}












/* -----------------------------------------首页-------------------------------------- */
.home8 {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 200;
  transition: all ease .6s;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.home8.end {
  opacity: 0;
}

.home8 video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home1 .t1 {
  width: 62.708vw;
  font-size: 5vw;
  line-height: 1.1;
  text-transform: uppercase;
}

.home1 .t2 {
  width: 25.781vw;
  line-height: 2.1;
  margin: 0.781vw 0 1.822vw;
}

.home1 .t3 {
  width: 25.781vw;
  margin-bottom: 10.416vw;
}

.C-more1 {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  color: #fff;
}

.C-more1 .icon {
  width: 1.302vw;
  height: 1.302vw;
  background: url('/img/icon-more1.svg') no-repeat center/contain;
  margin-left: 0.625vw;
}

.home3 {
  padding: 8.177vw 0 4.166vw;
}

.home3 .ev {
  width: 20.833vw;
  padding: 1.458vw 2.343vw 2.604vw 1.562vw;
  border-radius: 6px;
  background: #141414;
}

.home3 .ev .hpic {
  height: 3.385vw;
}

.home3 .ev .t1 {
  margin: 0.833vw 0 2.395vw;
}

.home3 .ev .t2 {
  margin: 0 0 4.166vw;
  color: #757575;
  text-transform: uppercase;
}

.C-more2 {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  color: #F5F5F5;
  padding: 1.041vw 1.822vw;
  text-transform: uppercase;
  border-radius: 50px;
  border: 3px solid #F5F5F5;
  transition: all ease .3s;
}

.C-more2 .icon {
  width: 1.302vw;
  height: 1.302vw;
  background: url('/img/icon-more1.svg') no-repeat center/contain;
  margin-left: 1.041vw;
}

.C-more2:hover {
  border-color: #D8232A;
  background: #D8232A;
}

.C-more2.theme2 {
  border-color: #D8232A;
  background: #D8232A;
}

.C-more2.theme2:hover {
  border: 3px solid #F5F5F5;
  background: transparent;
}


.home4 {
  position: relative;
  padding-bottom: 5.208vw;
}

.home4 .bg {
  position: absolute;
  left: 0;
  top: 2.812vw;
  width: 100%;
  z-index: 1;
}

.home4 .zuo {
  width: 24.531vw;
}

.home4 .zuo .t2 {
  margin: 1.562vw 0 1.822vw;
}

.home4 .zuo .t3 {
  margin-bottom: 4.843vw;
  text-transform: uppercase;
}

.home4 .you {
  width: 40.052vw;
}

.home4 .you .ev {
  padding: 1.562vw 1.822vw 1.822vw 2.5vw;
  text-transform: uppercase;
  margin-bottom: 2.604vw;

  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.30);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(202, 202, 202, 0.03) 51.5%, rgba(153, 153, 153, 0.10) 100%);
  box-shadow: -0.052vw -0.104vw 0.208vw 0vw rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(0.781vw);
}

.home4 .you .name {
  cursor: pointer;
}

.home4 .you .down {
  padding-top: 0.52vw;
  display: none;
}

.home5 {
  margin-bottom: -2.864vw;
}

.home5 .t1 {
  font-size: 4.687vw;
  text-transform: uppercase;
}

.home5 .t2 {
  line-height: 2.5;
  margin: 2.083vw 0 8.645vw;
}

.C-more3 {
  min-width: 11.145vw;
  text-align: center;
  display: inline-block;
  padding: 1.145vw 2.604vw;
  border-radius: 50px;
  background: #D8232A;
  color: #F5F5F5;
  text-transform: uppercase;
  cursor: pointer;
}

.home-footwrap {
  background: #030504;
}

/* -----------------------------------------注释-------------------------------------- */
.C-banner {
  position: relative;
}

.C-banner.theme2 .C-bg {
  position: static;
}

.C-banner .swiper-slide {
  position: relative;
}

.C-banner .intr {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 15;
  width: 100%;
  height: 100%;
  z-index: 10;
  text-align: center;
  padding: 5.312vw 0;
  opacity: 0;
}

.C-banner .swiper-slide-active .intr {
  animation: fadeInUp2 1s .6s ease forwards;
}

@keyframes fadeInUp2 {
  from {
    opacity: 0;
    transform: translate3d(0, 2.604vw, 0) skew(5deg, 5deg);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.C-banner .t1 {
  text-transform: uppercase;
  margin-bottom: 0.833vw;
}

.C-banner .swiper-pagination {
  display: flex;
  justify-content: center;
  bottom: 3.645vw;
}

.C-banner .bullet {
  position: relative;
  display: block;
  --swiper-pagination-bullet-horizontal-gap: 0.781vw;
  background: transparent;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --time: 5s;
}

.C-banner .bullet::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.312vw;
  height: 0.312vw;
  transform: translate(-50%, -50%);
  overflow: hidden;
  border-radius: 100%;
  background: #fff;
  transition: opacity 100ms 100ms;
}

.C-banner .bullet.swiper-pagination-bullet-active::after {
  opacity: 0;
}

.C-banner .bullet svg {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.875vw;
  height: 1.875vw;
  transform: translate(-50%, -50%) rotate(-90deg) scale(0);
  transition: transform 300ms;
}

.C-banner .bullet svg g {
  width: 100%;
  height: 100%;
}

.C-banner .bullet.swiper-pagination-bullet-active svg {
  transform: translate(-50%, -50%) rotate(-90deg) scale(1);
}

.C-banner .bullet-progress-circle {
  stroke: #D8232A;
  stroke-dasharray: 6.51vw;
  stroke-dashoffset: 6.51vw;
}

.C-banner .bullet.swiper-pagination-bullet-active .bullet-progress-circle {
  animation: svgAin var(--time) linear forwards;
}

@keyframes svgAin {
  0% {
    stroke-dashoffset: 6.51vw;
  }

  100% {
    stroke-dashoffset: 0vw;
  }
}

.C-banner .scrollDown {
  width: 2.187vw;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  z-index: 5;
}

.C-banner .scrollDown img:nth-child(1) {
  opacity: 0.2;
  animation: ScrollIndicator__pulse 2.5s ease 1s infinite;
  margin-bottom: 0.729vw;
}

.C-banner .scrollDown img:nth-child(2) {
  opacity: 0.2;
  animation: ScrollIndicator__pulse 2.5s ease 1s infinite;
  animation-delay: 1.2s;
}


@keyframes ScrollIndicator__pulse {
  0% {
    opacity: 0.2;
  }

  20% {
    opacity: 1;
  }

  40% {
    opacity: 0.2;
  }
}

.pd2 .ev .t1 {
  text-transform: uppercase;
}

.C-index {
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  width: max-content;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.C-index::after {
  content: '';
  display: block;
  width: 6.25vw;
  height: 0.052vw;
  margin: 0 0.52vw;
  background: #fff;
}

.pd2 .ev .box {
  padding: 3.645vw 1.562vw 1.979vw 9.531vw;
}

.pd2 .ev .t2 {
  margin: 2.083vw 0 0 0.625vw;
  line-height: 2.5;
  text-transform: uppercase;
}

.pd2 .ev .C-more5 {
  position: absolute;
  bottom: 1.979vw;
  left: 3vw;
}

.pd2 .ev .C-more4 {
  margin: auto 0 0 auto;
}

.C-more4 {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.C-more4 .icon {
  width: 5.312vw;
  margin-left: 1.25vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.C-more4 .icon svg {
  width: 100%;
}

.C-more4 .icon svg .line {
  stroke-dasharray: 16.666vw;
  stroke-dashoffset: 16.666vw;
  transition: all linear .3s;
}

.C-more4:hover .icon svg .line {
  /* animation: svgAin2 var(--time) linear forwards; */
  stroke-dashoffset: 0vw;
}

@keyframes svgAin2 {
  0% {
    stroke-dashoffset: 16.666vw;
  }

  100% {
    stroke-dashoffset: 0vw;
  }
}

.pd3 {
  background: #000;
}

.C-bgGroup {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

.ct2 {
  padding: 7.291vw 15.416vw 6.145vw 0;
}

.ct-title {
  color: #fff;
  text-transform: uppercase;
  padding-left: 9.583vw;
}

.foot-bx .foot2 .you {
  border-top: 2px solid #fff;
}

.ct2 .t2 {
  margin: 4.583vw 0 3.125vw 0.572vw;
  padding-left: 9.583vw;
}

.ct2 form {
  padding-left: 14.947vw;
}

.ct2 form .size1 {
  width: calc(50% - 0.468vw);
  margin-bottom: 3.489vw;
}

.ct2 form .size2 {
  width: 100%;
  margin-bottom: 3.489vw;
}

.ct2 form .size3 {
  width: 100%;
}


.ct2 form .ev .name {
  text-transform: uppercase;
  /* font-weight: bold; */
  margin-bottom: 1.562vw;
  line-height: 1;
  font-family: Montserrat;
}

.ct2 form .type-input input {
  border-radius: 12px;
  /* border: 2px solid rgba(255, 255, 255, 0.20); */
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.17) 0%, rgba(255, 255, 255, 0.26) 100%);
  backdrop-filter: blur(0.729vw);
  padding: 1.041vw 1.51vw;
  color: #fff;
}

.ct2 form .type-input input::placeholder {
  color: #fff;
  opacity: 0.6;
}

.ct2 form .type-textarea textarea {
  border-radius: 12px;
  /* border: 3px solid rgba(255, 255, 255, 0.20); */
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.17) 0%, rgba(255, 255, 255, 0.26) 100%);
  backdrop-filter: blur(0.937vw);
  padding: 1.041vw 1.51vw;
  color: #fff;
  height: 7.083vw;
}

.ct2 form .type-textarea textarea::placeholder {
  color: #fff;
  opacity: 0.6;
}

.ct2 form .type-checkbox {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  cursor: pointer;
  user-select: none;
}

.ct2 form .type-checkbox .mode {
  width: 1.875vw;
  height: 1.875vw;
  margin-right: 0.52vw;
  border-radius: 100%;
  border: 3px solid #FFF;
  position: relative;
}

.ct2 form .type-checkbox .text {
  flex: 1;
}

.ct2 form .type-checkbox input {
  display: none;
}

.ct2 form .type-checkbox input:checked+.mode::after {
  content: '';
  display: block;
  width: 1.041vw;
  height: 1.041vw;
  background: #fff;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}


.ct2 .type-select .simulate {
  width: 100%;
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  cursor: pointer;

  padding: 1.041vw 1.51vw;
  border-radius: 12px;
  /* border: 2px solid rgba(255, 255, 255, 0.20); */
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.17) 0%, rgba(255, 255, 255, 0.26) 100%);
  backdrop-filter: blur(0.729vw);
}

.ct2 .type-select .simulate::after {
  content: '';
  display: block;
  width: 0.781vw;
  height: 0.781vw;
  margin-left: 0.781vw;
  background: url('/img/ct2-1.svg') no-repeat center/contain;
}

.ct2 .type-select input {
  display: none;
}

.ct2 .type-select .placeholder {
  display: none;
  flex: 1;
  opacity: 0.6;
}

.ct2 .type-select .value {
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  flex: 1;
}

.ct2 .type-select .value:empty {
  display: none;
}

.ct2 .type-select .value:empty+.placeholder {
  display: block;
}

.ct2 .type-select .options {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0.52vw;
  z-index: 5;




  padding: 0.833vw 0;
  border-radius: 12px;
  border: 2px solid rgba(255, 255, 255, 0.20);
  background-color: rgba(255, 255, 255, 1);
  color: #000;
  backdrop-filter: blur(7.5vw);

  box-shadow: 0 0 0.26vw rgba(0, 0, 0, 0.05);
  opacity: 0;
  pointer-events: none;
  transition: all ease .3s;
}

.ct2 .type-select:hover .options {
  opacity: 1;
  pointer-events: visible;
  z-index: 10;
}

.ct2 .type-select:hover {
  position: relative;
  z-index: 10;
}

.ct2 .type-select .option {
  cursor: pointer;
  padding: 0 1.51vw;
}

.ct2 .type-select .option:hover,
.ct2 .type-select .option.on {
  color: var(--color);
  background: rgba(0, 0, 0, 0.05);
}

.ct2 .check .name::after {
  content: ' *';
}

.ct2 .C-more3 {
  margin-top: 2.5vw;
}

.ct3 {
  padding-bottom: 10.937vw;
}

.ct3 .sec {
  width: 100%;
  position: relative;
  text-transform: uppercase;
}

.ct3 .sec .ct-title {
  position: absolute;
  left: 0;
  top: 1.666vw;
  z-index: 5;
}

.ct3 .sec .intr {
  width: 50%;
  border: 3px solid rgba(255, 255, 255, 0.20);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.17) 0%, rgba(255, 255, 255, 0.26) 100%);
  backdrop-filter: blur(12.1.302vw);
  border-radius: 30px;
}

.ct3 .sec1 .intr {
  padding: 7.812vw 1.562vw 0 10.208vw;
}

.ct3 .sec1 .t2 {
  margin: 6.458vw 0 5.364vw;
  width: 33.281vw;
}

.ct3 .sec1 .C-more4 {
  margin-left: auto;
}


.ct3 .sec2 .intr {
  padding: 7.812vw 6.51vw 8.697vw 10.208vw;
}

.ct3 .sec2 .t2 {
  margin: 3.125vw 0 0;
}

/* -----------------------------------------注释-------------------------------------- */
.crs2 {
  padding: 7.656vw 0 11.666vw;
}

.crs2 .text {
  width: 50.26vw;
  margin: 6.666vw auto 0;
  text-transform: uppercase;
}

.crs3 .main {
  padding: 1.77vw 0 5.208vw;
}

.crs3 .main .zuo .t1 {
  text-transform: uppercase;
}

.crs3 .main .zuo .t2 {
  margin: 2.083vw 0 1.927vw;
  text-transform: uppercase;
  width: 32.552vw;
}

.crs3 .main .list .ev {
  text-align: center;
  max-width: 30%;
}

.crs3 .main .list .countUp {
  font-size: 5vw;
  font-weight: bold;
  line-height: 1;
  font-family: "PingFang SC";
}

.crs3 .main .list .ev .t5 {
  line-height: 2.6;
}

.crs3 .main .zuo {
  flex: 1;
  margin-right: 3.281vw;
}

.crs3 .main .you {
  width: 36.458vw;
}

.crs4 {
  padding: 3.75vw 0 13.385vw;
}

.crs4 .main {
  width: 62.135vw;
  margin: 0 auto;
}

.crs4 .main .swiper {
  padding: 5.208vw 0;
}

.crs4 .swiper-slide .icon {
  width: 5.208vw;
  border-radius: 100%;
  overflow: hidden;
}

.crs4 .swiper-slide .t2 {
  margin: 2.395vw 0;
  text-transform: uppercase;
}

.crs4 .swiper-pagination {
  bottom: 0;

  --swiper-pagination-bullet-width: 1.562vw;
  --swiper-pagination-bullet-height: 1.562vw;
  --swiper-pagination-bullet-inactive-color: #fff;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-color: #fff;
  border: 2px solid transparent;
  --swiper-pagination-bullet-horizontal-gap: 0;
}

.crs4 .swiper-pagination-bullet {
  transform: scale(0.3);
  transition: all ease .3s;
}

.crs4 .swiper-pagination-bullet-active {
  background: transparent;
  border: 2px solid #D8232A;
  transform: scale(1);
}

.crs5 .list {
  padding: 5.208vw 13.177vw 9.375vw 13.958vw;
  gap: 5.729vw;
}

.crs5 .ev .name .t1 {
  text-transform: uppercase;
  flex: 1;
  line-height: 2.43;
}

.crs5 .ev .name .btn {
  width: 3.125vw;
  height: 3.125vw;
  cursor: pointer;
  background: url('/img/crs5-2.svg') no-repeat center/contain;
}

.crs5 .ev.on .name .btn {
  background: url('/img/crs5-1.svg') no-repeat center/contain;
}

.crs5 .ev .down {
  width: 54.479vw;
  text-transform: uppercase;
  padding-top: 1.562vw;
  display: none;
}

.crs5 .ev .down a {
  text-decoration-line: underline;
}

/* -----------------------------------------注释-------------------------------------- */
.about3 {
  padding: 0 0 33.854vw;
  text-transform: uppercase;
}

.about3 .t1 {
  width: 41.77vw;
  margin: 2.083vw 0 0.625vw;
}

.about3 .t2 {
  width: 47.916vw;
}

.about4 {
  padding: 1.666vw 0 10.833vw;
  text-transform: uppercase;
}

.about4 .t1 {
  width: 36.041vw;
  margin: 2.083vw 0 3.906vw;
}

.about4 .t2 {
  width: 35.572vw;
}

.about5 {
  padding: 7.083vw 0 8.854vw;
}

.about5 .t1 {
  width: 36.041vw;
  margin: 5.729vw auto 11.145vw;
  text-align: center;
  line-height: 2.4;
}

.about5 .t1 span {
  color: #E60012;
}

.about5 .list {
  gap: 1.562vw;
}

.about5 .list .ev {
  width: 23.958vw;
}

.about5 .list .ev .hpic {
  height: 3.437vw;
}

.about5 .list .ev .t3 {
  text-transform: uppercase;
  margin: 1.562vw 0 1.354vw;
}

.about6 .ev {
  position: relative;
}

.about6 .ev .intr {
  width: 50%;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.1);
  padding: 7.812vw 3.75vw 12.916vw 10.208vw;
}

.about6 .ev .intr .t1 {
  margin-bottom: 6.458vw;
}

.about6 .ev .ct-title {
  position: absolute;
  left: 0;
  top: 1.666vw;
  z-index: 6;
}

.about7 {
  padding: 4.583vw 0 7.656vw;
}

.about7 .text {
  margin: 4.479vw auto;
  width: 47.395vw;
  text-transform: uppercase;
}

.about7 .swiper .t5 {
  margin-top: 1.25vw;
  text-align: center;
  text-transform: uppercase;
}

.about8 {
  padding: 34.895vw 0 16.666vw;
}

/* -----------------------------------------注释-------------------------------------- */
.pd4 {
  padding: 5.729vw 0 10.625vw;
}

.pd4 .ct-title {
  margin-bottom: 1.77vw;
}

.pd4 .zuo {
  width: 41.666vw;
}

.pd4 .you {
  padding: 5.52vw 0 0 7.916vw;
  flex: 1;
  text-transform: uppercase;
}

.pd4 .you .t2 {
  margin-top: 1.458vw;
}

.pd5 {
  padding-bottom: 7.291vw;
}

.pd5 .ct-title {
  margin-bottom: 2.239vw;
}

.pd5 .t2 {
  margin: 2.864vw 0 2.447vw;
}

.pd5 .pic {
  width: 48.333vw;
}

.pd6 {
  padding: 9.375vw 0 12.916vw;
}

.pd6 .t1 {
  font-size: 4.687vw;
  text-transform: uppercase;
}

.pd6 .t2 {
  line-height: 2.5;
  margin: 0 0 18.541vw;
}

/* -----------------------------------------注释-------------------------------------- */
.pm2 {
  height: 300vh;
  position: relative;
}

.pm2 .box .zgc {
  height: 100vh;
}

.pm2 .box {
  position: sticky;
  left: 0;
  top: 0;
  height: 100vh;
  padding-top: 2.083vw;
}

.pm2 .bg2 {
  z-index: 2;
  opacity: 0;
  transition: all ease .3s;
}

.pm2.on .bg2 {
  opacity: 1;
}

#pm2-model {
  width: 33.385vw;
  height: 34.635vw;
  /* box-shadow: 0 0 0.26vw #fff; */
  position: relative;
  z-index: 5;
}

.pm2 .main {
  margin-top: -39.062vw;
  width: 67.708vw;
  background: rgba(25, 24, 26, 0.70);
  padding: 16.145vw 7.604vw 2.604vw;
}

.pm2 .main .list {
  gap: 3.125vw;
  margin-top: 1.875vw;
}

.pm2 .main .list .ev {
  width: calc((100% - 6.25vw) / 3);
}

.pm2 .main .list .ev {
  background: #282728;
  padding: 0.937vw 0.26vw 0.937vw 1.25vw;
}

.pm2 .main .list .ev .hpic {
  height: 2.291vw;
  margin-right: 1.041vw;
}

.pm2 .main .list .ev .t2 {
  color: #A0A0A0;
  flex: 1;
}


.pm3 {
  position: relative;
  width: 100%;
}

.video-container {
  width: 100%;
}

.video-container #video {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

.video-container {
  position: relative;
}

.video-container .loading-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 40;
}

.video-container .loading-icon img {
  width: 8%;
  display: flex;
  margin: 0 auto;
}































.pm4 .box {
  padding: 3.437vw 5.833vw;
}

.pm4 .box .t1 {
  text-transform: uppercase;
}

.pm4 .box .t3 {
  width: 52vw;
  text-transform: uppercase;
}


.pm5 .box {
  padding: 3.437vw 5.833vw;
}

.pm5 .box .t1 {
  text-transform: uppercase;
}

.pm5 .box .t3 {
  width: 32.708vw;
  margin-top: 0.572vw;
  text-transform: uppercase;
}

.pm6 {
  padding: 15.52vw 5.729vw 1.041vw 10.208vw;
}

.pm6 .ct-title {
  padding-left: 0;
}

.pm6 .zuo {
  width: 31.25vw;
  margin-right: 3.958vw;
  padding-top: 4.687vw;
}

.pm6 .zuo .ul {
  margin: 5.989vw 0 15.937vw;
  text-transform: uppercase;
}

.pm6 .zuo .ul li {
  padding: 1.25vw 0 0.625vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid #FFF;
}

.pm6 .zuo .ul li .name {
  width: 8.125vw;
}

.pm6 .zuo .ul li .value {
  width: 17.5vw;
}

.C-more5 {
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid var(--color);
  background: var(--color);
  color: #fff;
  padding: 1.041vw 1.406vw;
  min-width: 11.145vw;
  text-align: center;
}

.C-more5.plan {
  border: 2px solid #FFF;
  background: transparent;
}

.pm6 .you {
  flex: 1;
}

#pm6-model canvas {
  display: block;
}

#pm6-model {
  width: 100%;
  height: 41.562vw;
  --model-color: #ffffff;
  /* --model-color: #f00; */
}

.bz-text {
  pointer-events: none;
  max-width: 15em;
  color: var(--model-color);
  font-size: 0.729vw;
  --min-hotspot-opacity: 0;
}

.dimensionLine {
  stroke: var(--model-color);
  stroke-width: 2;
  stroke-dasharray: 2;
}

#pm6-model .hide {
  display: none;
}

.dimensionLineContainer {
  pointer-events: none;
  display: block;
}

#pm6-model:not(:defined)>* {
  display: none;
}

.pm7 {
  padding: 18.229vw 0 20.625vw;
}

.pm7 .t1 {
  font-size: 4.687vw;
  text-transform: uppercase;
}

.pm7 .t2 {
  line-height: 2.5;
  margin: 0 0 16.093vw;
}

/* -----------------------------------------注释-------------------------------------- */
.home2 {
  background: #000;
  position: relative;
}

.image-container {
  width: 100%;
  position: sticky;
  left: 0;
  top: 0;
  height: 100vh;
  overflow: hidden;
}

.image-container img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
  display: none;
}

.image-container img.on {
  display: block;
}


.home2 {
  position: relative;
}

.home2 .test {
  position: fixed;
  left: 0;
  top: 20%;
  font-size: 2.604vw;
  color: #f00;
  display: none;
}

.frame-hash {
  position: absolute;
  right: 5.52vw;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 50;
  display: flex;
  flex-wrap: wrap;
}

.frame-hash .text-list {
  font-size: 0.729vw;
  color: #fff;
  font-weight: bold;
  text-align: right;
  gap: 1.041vw;
  display: flex;
  flex-direction: column;
  padding: 0.52vw 0;
}

.frame-hash .text-list .ev {
  cursor: pointer;
  transition: all ease .6s;
  opacity: 0.2;
}

.frame-hash .text-list .ev.on {
  opacity: 1;
}

.frame-hash .progress {
  width: 0.104vw;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.20);
  margin-left: 0.885vw;
  position: relative;
  overflow: hidden;
}

.frame-hash .progress span {
  display: block;
  width: 100%;
  height: 2em;
  transform: translate(0, -123%);
  position: absolute;
  border-radius: 2px;
  background: #FFF;
  transition: all ease .6s;
}

.home2 .list {
  position: absolute;
  right: 17.291vw;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 50;
}

.home2 .list .ev {
  width: 39.739vw;
  color: #FFF;
  display: none;
}

.home2 .list .ev.on {
  display: block;
}

.home2 .list .ev .t2 {
  margin: 2.083vw 0;
}

.home2 .list .ev .t1 {
  line-height: 1.2;
  text-transform: uppercase;
}

.news2 {
  padding: 7.291vw 0 6.25vw;
}

.news2 .ev {
  border: 3px solid rgba(255, 255, 255, 0.40);
  padding: 1.25vw;
  color: #FFF;
}

.news2 .ev .pic {
  overflow: hidden;
}

.news2 .ev .pic img {
  transition: all ease 1.2s;
}

.news2 .ev:hover .pic img {
  transform: scale(1.05);
}

.news2 .ev .intr {
  width: 29.27vw;
  margin-left: 2.864vw;
}

.news2 .ev .intr .t2 {
  margin: 2.083vw 0;
}

.news3 {
  padding: 0 0 6.25vw;
}

.linebox {
  position: relative;
}

.linebox .line .ls {
  display: block;
  background: #FFF;
  position: absolute;
  --m: -0.156vw;
}

.linebox .line b {
  width: 2.604vw;
  height: 0.208vw;
}

.linebox .line i {
  width: 0.208vw;
  height: 2.604vw;
}

.linebox .line .ls:nth-child(1) {
  left: var(--m);
  top: var(--m);
}

.linebox .line .ls:nth-child(2) {
  left: var(--m);
  top: var(--m);
}

.linebox .line .ls:nth-child(3) {
  right: var(--m);
  top: var(--m);
}

.linebox .line .ls:nth-child(4) {
  right: var(--m);
  top: var(--m);
}

.linebox .line .ls:nth-child(5) {
  left: var(--m);
  bottom: var(--m);
}

.linebox .line .ls:nth-child(6) {
  left: var(--m);
  bottom: var(--m);
}

.linebox .line .ls:nth-child(7) {
  right: var(--m);
  bottom: var(--m);
}

.linebox .line .ls:nth-child(8) {
  right: var(--m);
  bottom: var(--m);
}

.news-list .linebox .line .ls {
  --m: -0.052vw;
}

.news-list .linebox .line b {
  width: 0.937vw;
  height: 0.104vw;
}

.news-list .linebox .line i {
  width: 0.104vw;
  height: 0.937vw;
}

.news-list {
  gap: 3.125vw 1.562vw;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.news-list .ev {
  border: 1px solid rgba(255, 255, 255, 0.40);
  color: #FFF;
  padding: 0.677vw;
}

.news-list .ev .pic {
  overflow: hidden;
}

.news-list .ev .pic img {
  transition: all ease 1.2s;
}

.news-list .ev:hover .pic img {
  transform: scale(1.1);
}

.news-list .ev .intr {
  padding-top: 1.25vw;
  width: 100%;
}

.news-list .ev .intr .t1 {
  width: 16.041vw;
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.news-list .ev .intr .t2 {
  flex: 1;
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-align: right;
  margin-left: 1em;
}

.C-paging {
  margin-top: 5.208vw;
}

.C-paging .icon {
  width: 1.25vw;
  margin: 0 0.781vw;
}

.C-paging a {
  color: #8B8B8B;
  transition: all ease .3s;
}

.C-paging .pages a {
  padding: 0 0.781vw;
}

.C-paging a.on {
  color: #fff;
}

.C-paging a:hover {
  color: #fff;
  transform: scale(1.5);
}

.news-wrap {
  width: 57.031vw;
  margin: 0 auto;
}

.news4 {
  padding: 10.104vw 0 6.25vw;
}

.news4-bg {
  height: auto;
}

.news4-bg img {
  object-fit: contain;
}

.news4 .mbx a.icon {
  width: 1.354vw;
}

.news4 .mbx div.icon {
  width: 0.364vw;
  margin: 0 0.52vw;
}

.news4 .mbx span {
  color: #fff;
}

.news4 .title {
  color: #FFF;
}

.news4 .t1 {
  margin: 1.458vw 0 1.25vw;
  font-weight: 700;
}

.news4 .share2 {
  gap: 1.25vw;
}

.news4 .share2 .icon {
  width: 1.041vw;
  height: 1.041vw;
  transition: all ease .3s;
}

.news4 .share2 .icon:hover {
  transform: scale(1.2);
}

.news4 .share2 .icon img {
  height: 100%;
}

.news4 .empty {
  padding: 2.083vw 0 3.125vw;
  color: #fff;
  line-height: 2;
}

.news4 .empty * {
  max-width: 100% !important;
}

.news4 .empty img {
  margin: 2.083vw 0;
}

.news4 .pageSwitch a {
  color: #FFF;
  transition: all ease .3s;
}

.news4 .pageSwitch a:hover {
  transform: scale(1.2);
}

.news4 .pageSwitch a .icon {
  width: 0.364vw;
}

.news4 .pageSwitch a p {
  margin: 0 0.52vw;
}

.home-news {
  padding-top: 8.333vw;
}

.home-news .news-list {
  margin: 5.208vw 0 4.166vw;
}

.home2-loading {
  position: fixed;
  right: 100px;
  bottom: 100px;
  z-index: 100;
}

.spinner {
  animation: rotator 1.4s linear infinite;
}

@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(270deg);
  }
}

.spinner .path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  stroke: #fff;
  animation: dash 1.4s ease-in-out infinite;
}

@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }

  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg);
  }

  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}