:root{
  --head: 4.583vw;
  --color:#1e44e5;
  --text:#242a32;
  --text2:#6e6c64;
  --dark:#1a1a17;
  --bg:#fcfdff;
}

body{
  background:var(--bg);
  color:var(--text);
}

.head1 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: var(--head);
  padding: 0 1.667vw;
  background: rgba(252,253,255,0.92);
  border-bottom: 0.052vw solid #e9f0f9;
  transition: all ease 0.6s;
}

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

.head1 .logo{
  color: var(--text);
  letter-spacing: -0.02em;
}

.head1 .menu{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  gap: 3.229vw;
}

.head1 .menu .link a{
  color: var(--text);
}

.head1 .menu .link a:hover{
  color: var(--color);
}

.head1 .btn-contact{
  min-width: 7.500vw;
  height: 2.500vw;
  padding: 0 1.146vw;
  background: var(--dark);
  color: #faf9f5;
  border-radius: 0.208vw;
  transition: background 0.3s ease;
}

.head1 .btn-contact:hover{
  background: var(--color);
}

.head1 .navbar-toggle{
  display: none;
  width: 1.458vw;
  height: 1.042vw;
  margin-left: 0.833vw;
  position: relative;
  cursor: pointer;
}

.head1 .navbar-toggle span{
  position: absolute;
  left: 0;
  width: 100%;
  height: 0.104vw;
  background: var(--dark);
  transition: all .3s;
}

.head1 .navbar-toggle .line-top{top:0;}
.head1 .navbar-toggle .line-middle{top: 0.469vw;}
.head1 .navbar-toggle .line-bottom{bottom:0;}

footer{
  background: #121210;
  color: #f5f3ed;
  padding: 4.167vw 1.667vw 2.083vw;
}

footer .foot-inner{
  width: 100%;
  max-width: 96.667vw;
  margin: 0 auto;
}

footer .foot1{
  position: relative;
  align-items: stretch;
  justify-content: flex-start;
}

footer .zuo{
  justify-content: space-between;
  gap: 5.2083vw;
}

footer .logo{
  color: #fff;
  display: block;
  margin-bottom: 0.833vw;
}

footer .zuo .brand p{
  color: #a5a199;
  letter-spacing: -0.001vw;
}

footer .social{
  gap: 1.250vw;
}

footer .social .icon{
  width: 1.250vw;
  height: 1.250vw;
  flex-shrink: 0;
}

footer .social .icon img{
  width: 100%;
  height: 100%;
  display: block;
}

footer .foot-link{
  position: absolute;
  left: 60.614%;
  top: 0;
  width: 4.479vw;
  flex-shrink: 0;
}

footer .foot-link .a1{
  color: #a5a199;
  letter-spacing: 0.044vw;
  margin-bottom: 0.729vw;
  display: block;
}

footer .foot-link .a2{
  display: block;
  color: #f5f3ed;
  margin-bottom: 0.729vw;
  letter-spacing: -0.001vw;
}

footer .foot-link .a2:last-child{
  margin-bottom: 0;
}

footer .foot-link .a2:hover{
  color: var(--color);
}

footer .foot-line{
  width: 100%;
  height: 0.052vw;
  background: #2c2c26;
  margin: 2.500vw 0;
}

footer .foot4{
  color: #a3a3a3;
}

footer .foot4 .dot{
  width: 0.417vw;
  height: 0.417vw;
  border-radius: 50%;
  background: #3e9b6b;
  margin-right: 0.417vw;
  flex-shrink: 0;
}

footer .foot4 .links{
  gap: 1.354vw;
}

footer .foot4 .a1{
  color: #a3a3a3;
}

footer .foot4 .a1:hover{
  color: #fff;
}

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

.home-w{
  width: 70.833vw;
  margin: 0 auto;
  padding: 0 1.667vw;
  position: relative;
  z-index: 1;
}

.home #app{
  position: relative;
  padding-top: var(--head);
  background: var(--bg);
  overflow: hidden;
}

.home1{
  position: relative;
  height: 48.490vw;
  overflow: hidden;
}

.home1 .bg{
  position: absolute;
  inset: 0;
  mix-blend-mode: multiply;
}

.home1 .bg img{
  width: 113.1%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  position: absolute;
  left: -6.55%;
  top: 0;
}

.home1 .bg .cover{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  left: 0;
  object-fit: cover;
}

.home1 .mask{
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(252,253,255,0.9) 0%, rgba(252,253,255,0.78) 18%, rgba(252,253,255,0.42) 42%, rgba(252,253,255,0.12) 66%, rgba(252,253,255,0.06) 88%, rgba(252,253,255,0.2) 100%);
}

.home1 .txt{
  padding-top: 5.208vw;
  text-align: center;
}

.home1 .eyebrow{
  color: var(--text2);
  letter-spacing: 0.088vw;
  margin-bottom: 1.667vw;
}

.home1 .tit{
  color: var(--text);
  max-width: 67.500vw;
  margin: 0 auto;
}

.home1 .tit .blue{
  color: var(--color);
}

.home1 .sub{
  color: var(--text2);
  margin-top: 3.542vw;
  letter-spacing: -0.008vw;
  line-height: 1.5;
}

.home1 .home-w{
  height: 100%;
}

.home1 .hero-pic{
  width: 52.083vw;
  height: 23.490vw;
  margin: 0 auto;
  border: 0.052vw solid #bbd3f6;
  border-bottom: 0;
  border-radius: 0.313vw 0.313vw 0 0;
  overflow: hidden;
  background: #eaf3ff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.home1 .hero-pic #hero-particles{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.home1 .hero-pic #hero-particles canvas{
  display: block;
  width: 100% !important;
  height: 100% !important;
}

.home2 {
  position: relative;
  padding: 4.688vw 0 4.688vw;
}
.home3{
  position: relative;
  padding: 3.906vw 0 4.688vw;
}

.home23{
  position: relative;
}

.home3 .home-w{
  gap: 2.604vw;
}

.home2 .info,
.home3 .info{
  width: 27.552vw;
  flex-shrink: 0;
}

.home2 .label,
.home3 .label,
.home4 .label,
.home5 .label{
  color: var(--text2);
  letter-spacing: 0.044vw;
  margin-bottom: 0.833vw;
}

.home2 .tit,
.home3 .tit,
.home4 .tit,
.home5 .tit{
  color: var(--dark);
  margin-bottom: 3.125vw;
}

.home2 .desc,
.home3 .desc{
  color: var(--text2);
}

.home2 .pic-box,
.home3 .pic-box{
  width: 37.344vw;
  height: 28.750vw;
  border-radius: 0.208vw;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}

.home3 .pic-box{
  height: 24.740vw;
}

.home2 .pic-box .bg-img,
.home3 .pic-box .bg-img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home2 .pic-box .glass,
.home3 .pic-box .glass{
  position: absolute;
  left: 0.417vw;
  top: 0.417vw;
  right: 0.417vw;
  bottom: 0.417vw;
  background: rgba(255,255,255,0.74);
  backdrop-filter: blur(3px);
  border-radius: 0.104vw;
}

.home2 .pic-box .frame,
.home3 .pic-box .frame{
  position: absolute;
  left: 1.979vw;
  top: 1.927vw;
  right: 1.927vw;
  bottom: 1.979vw;
  background: #fcfdff;
  border: 0.052vw solid #dfedff;
  border-radius: 0.208vw;
  overflow: hidden;
}

.home3 .pic-box .frame{
  border-color: #dbebff;
}

.home2 .pic-box .frame img,
.home3 .pic-box .frame img{
  width: 100%;
  height: auto;
  object-fit: contain;
}

.home3 .tit{
  margin-bottom: 3.125vw;
}

.home4{
  position: relative;
  background: #eaf3ff;
  height: 100vh;
  padding: 5.208vw 0 2.083vw;
  box-sizing: border-box;
  overflow: hidden;
}

.home4 .grid-bg{
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 70.000vw;
  height: 100%;
  pointer-events: none;
}

.home4 .grid-bg img{
  width: 100%;
  height: 100%;
  max-width: none;
}

.home4 .home-w{
  height: 100%;
  padding-top: 0.781vw;
}

.home4 .head-box{
  margin-bottom: 4.688vw;
  position: relative;
  z-index: 1;
}

.home4 .tit{
  margin-bottom: 0.833vw;
}

.home4 .desc{
  color: var(--text2);
  letter-spacing: -0.008vw;
}

.home4 .steps{
  position: relative;
  z-index: 1;
  height: 25.469vw;
  flex-wrap: nowrap;
}

.home4 .col-l,
.home4 .col-r{
  width: 24.010vw;
  height: 100%;
  position: relative;
  flex-shrink: 0;
}

.home4 .step{
  position: absolute;
  width: 24.010vw;
  height: 8.125vw;
  background: transparent;
  padding: 1.458vw 1.458vw 1.146vw;
  border-left: 0.052vw solid #a6bfe2;
  border-right: 0.052vw solid #a6bfe2;
  border-top: 0.052vw solid #a6bfe2;
  opacity: 0.58;
  box-sizing: border-box;
}

.home4 .step .accent{
  position: absolute;
  right: -0.052vw;
  top: -0.052vw;
  width: 0.104vw;
  height: 8.229vw;
  background: var(--color);
  transform: scaleY(0);
  transform-origin: top;
}

.home4 .step.s1{
  left: 0;
  top: 0;
}

.home4 .step.s2{
  right: 0;
  top: 8.125vw;
}

.home4 .step.s3{
  left: 0;
  top: 16.250vw;
}

.home4 .step .num{
  color: #8a8578;
  letter-spacing: 0.044vw;
  margin-bottom: 0.313vw;
  transition: color 0.35s ease;
}

.home4 .step.open .num{
  color: var(--color);
}

.home4 .step .name{
  color: var(--dark);
  margin-bottom: 0.313vw;
  letter-spacing: -0.009vw;
}

.home4 .step .txt{
  color: var(--text2);
  max-width: 21.094vw;
}

.home4 .icons{
  width: 15.625vw;
  flex-shrink: 0;
}

.home4 .icons .item{
  width: 15.625vw;
  height: 10.313vw;
  margin-top: -2.188vw;
  position: relative;
}

.home4 .icons .item:first-child{
  margin-top: 0;
  z-index: 3;
}

.home4 .icons .item:nth-child(2){
  z-index: 2;
}

.home4 .icons .item:nth-child(3){
  z-index: 1;
}

.home4 .icons .item img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.home4 .icons .item.icon-swap .img-n,
.home4 .icons .item.icon-swap .img-i{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.home4 .icons .item.icon-swap .img-i{
  opacity: 0;
}

.home5{
  position: relative;
  padding: 1.667vw 0 10.417vw;
}

.home5-line{
  padding: 0 14.583vw;
  display: block;
  width: 100%;
  pointer-events: none;
  display: none;
}

.home5 .label{
  width: 67.500vw;
  margin: 0 0 1.875vw 16.250vw;
}

.home5 .tit{
  width: 35.417vw;
  margin: 2.083vw 0 0.833vw 16.250vw;
}

.home5 .desc{
  color: var(--text2);
  letter-spacing: -0.008vw;
  margin: 0 0 4.063vw 16.250vw;
}

.home5 .logos{
  width: auto;
  height: 4.219vw;
  margin: 0 16.25vw;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 15%, #000 85%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 15%, #000 85%, transparent 100%);
}

.home5 .logos .item{
  width: 12.708vw;
  height: 4.219vw;
  flex-shrink: 0;
  margin-right: 4.792vw;
  position: relative;
}

.home5 .logos .item::after{
  content: "";
  position: absolute;
  right: -2.396vw;
  top: 0;
  width: 0.052vw;
  height: 4.219vw;
  background: #d7e4f5;
  display: none;
}

.home5 .logos .item img{
  width: 100%;
  height: auto;
  object-fit: contain;
}

.home6{
  position: relative;
  z-index: 3;
  padding: 4.635vw 0;
  overflow: hidden;
  background: var(--bg);
}

.home6 .home6-bg{
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.home6 .home6-bg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home6 .card{
  position: relative;
  z-index: 1;
  width: 67.500vw;
  height: 25.469vw;
  border-radius: 0.208vw;
  overflow: hidden;
}

.home6 .card .card-bg{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home6 .card .card-bg.layer{
  width: 68.021vw;
  height: 100%;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}

.home6 .card .glass{
  position: absolute;
  left: 0.417vw;
  top: 0.417vw;
  right: 0.417vw;
  bottom: 0.417vw;
  background: rgba(255,255,255,0.74);
  backdrop-filter: blur(3px);
  border-radius: 0.104vw;
  z-index: 1;
}

.home6 .card .inner{
  position: absolute;
  left: 3.281vw;
  top: 3.281vw;
  right: 3.281vw;
  bottom: 3.281vw;
  z-index: 2;
}

.home6 .quote{
  width: 1.302vw;
  height: 0.833vw;
  display: block;
}

.home6 .body{
  margin-top: 0.990vw;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.home6 .left-txt{
  width: 33.906vw;
  flex-shrink: 0;
  padding-top: 1.250vw;
}

.home6 .left-txt .tit{
  color: var(--text);
  margin-bottom: 2.240vw;
}

.home6 .left-txt .desc{
  color: var(--text2);
  letter-spacing: -0.008vw;
  line-height: 1.5;
}

.home6 .form-box{
  width: 27.552vw;
  flex-shrink: 0;
  margin-left: auto;
  padding-top: 1.667vw;
}

.home6 .form-box .row{
  gap: 1.250vw;
  margin-bottom: 1.250vw;
}

.home6 .form-box .field{
  position: relative;
}

.home6 .form-box .field .err-tip{
  position: absolute;
  right: 0;
  bottom: 100%;
  margin-bottom: 0.313vw;
  color: #e5484d;
  line-height: 1.4;
  opacity: 0;
  pointer-events: none;
}

.home6 .form-box .field.err .err-tip{
  opacity: 1;
}

.home6 .form-box input,
.home6 .form-box textarea{
  background: #fff;
  border: 0.052vw solid #d9d8d5;
  color: var(--dark);
  padding: 0 0.833vw;
  height: 2.708vw;
}

.home6 .form-box input::placeholder,
.home6 .form-box textarea::placeholder{
  color: #9a9a9a;
}

.home6 .form-box .name{
  width: 12.760vw;
}

.home6 .form-box .contact{
  width: 13.542vw;
}

.home6 .form-box textarea{
  width: 100%;
  height: 6.302vw;
  padding: 0.781vw 0.833vw;
  margin-bottom: 1.250vw;
  resize: none;
}

.home6 .form-box .actions{
  gap: 0;
}

.home6 .form-box .submit{
  width: 7.500vw;
  height: 2.500vw;
  padding: 0 1.146vw;
  background: var(--dark);
  color: #faf9f5;
  border-radius: 0.208vw;
  border: 0;
  cursor: pointer;
  transition: background 0.3s ease;
}

.home6 .form-box .submit:hover{
  background: var(--color);
}

.home6 .form-box .download{
  margin-left: auto;
  gap: 0.833vw;
  color: #000;
}

.home6 .form-box .download img{
  width: 1.250vw;
  height: 1.250vw;
}

.home6 .form-box .field.err input{
  border-color: #e5484d;
}

.lightTips{
  background: rgba(26,26,23,0.88);
  color: #faf9f5;
  border-radius: 0.208vw;
  box-shadow: none;
  padding: 0.729vw 1.458vw;
  font-size: 14px;
}

.C-Alert{
  background: rgba(26,26,23,0.45);
}

.C-Alert .alertPop{
  width: 21.875vw;
  padding: 2.500vw 2.083vw 2.083vw;
  border-radius: 0.208vw;
  background: #fcfdff;
  border: 0.052vw solid #d7e4f5;
}

.C-Alert .alertPop .close{
  width: 1.042vw;
  height: 1.042vw;
  top: 1.042vw;
  right: 1.042vw;
  background: var(--dark);
  -webkit-mask: url('/img/close.svg') no-repeat center center / contain;
  mask: url('/img/close.svg') no-repeat center center / contain;
  opacity: 0.55;
  transition: background 0.3s ease, opacity 0.3s ease;
}

.C-Alert .alertPop .close:hover{
  background: var(--color);
  opacity: 1;
}

.C-Alert .alertPop .tips{
  font-size: 20px;
  color: var(--dark);
  margin-bottom: 1.667vw;
  line-height: 1.5;
  padding: 0 0.521vw;
}

.C-Alert .alertPop .btn{
  width: 7.500vw;
  line-height: 2.500vw;
  background: var(--dark);
  color: #faf9f5;
  font-size: 14px;
  border-radius: 0.208vw;
  transition: background 0.3s ease;
}

.C-Alert .alertPop .btn:hover{
  background: var(--color);
}