:root{
  --head:5vw;
  --color:#0671ed;
  --txt:#10324f;
  --txt2:#232323;
  --gray:#697886;
  --bg1:#e9eef3;
  --bg2:#fbfbfb;
  --foot1:#d3deea;
  --foot2:#b1cde5;
  --ash:#a9c7e3;
}

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

.scaleImg{
  cursor: auto;
}

.sec-label{
  gap: 0.417vw;
  margin-bottom: 0.417vw;
}

.sec-label em{
  width: 0.729vw;
  height: 0.729vw;
  background: var(--color);
  flex-shrink: 0;
}

.sec-label span{
  color: #10324F;
  line-height: 1.4;
}

.btn{
  width: fit-content;
  height: 2.917vw;
  background: var(--color);
  color: #fff;
  padding-right: 0.417vw;
  overflow: hidden;

  flex-shrink: 0;
  font-family: var(--familyb);
}

.btn .txt{
  flex: 1;
  height: 2.917vw;
  padding: 0 1.667vw;
  overflow: hidden;
  text-align: center;
}

.btn .txt b{
  display: block;
  height: 2.917vw;
  letter-spacing: 0.031vw;
  line-height: 2.917vw;
  font-weight: inherit;
  transition: transform 0.5s ease;
}

.btn i{
  width: 2.031vw;
  height: 2.031vw;
  flex-shrink: 0;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}

.btn i:before,
.btn i:after{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.677vw;
  height: 0.677vw;
  margin: -0.339vw 0 0 -0.339vw;
  background: url(/img/btn-arrow.svg) center / contain no-repeat;
  transition: transform 0.5s ease, opacity 0.5s ease;
}

.btn i:after{
  transform: translate(-1.458vw, 1.458vw);
  opacity: 0;
}

.btn:hover .txt b{
  transform: translateY(-100%);
}

.btn:hover i:before{
  transform: translate(1.458vw, -1.458vw);
  opacity: 0;
}

.btn:hover i:after{
  transform: translate(0, 0);
  opacity: 1;
}

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

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

.scroll .head1{
  background: rgba(255,255,255,0.86);
}

.head1 .C-wrap{
  height: 100%;
}

.head1 .logo{
  width: 7.656vw;
  height: 2.5vw;
  flex-shrink: 0;
}

.head1 .logo img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.head1 .menu{
  flex: 1;
  gap: 6.25vw;
  margin-left: 4.115vw;
}

.head1 .menu .link a{
  color: var(--txt2);
  line-height: 1.4;
  position: relative;
  padding: 0.417vw 0.521vw;
}

.head1 .menu .link a:after{
  content: "";
  position: absolute;
  left: 0.521vw;
  right: 0.521vw;
  bottom: 2px;
  height: 1px;
  background: var(--txt2);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.35s ease;
}

.head1 .menu .link.on a:after,
.head1 .menu .link a:hover:after{
  transform: scaleX(1);
}

.head1 .lang{
  position: relative;
  color: var(--txt);
}

.head1 .lang .now{
  gap: 0.208vw;
  color: var(--txt);
}

.head1 .lang .now img{
  width: 0.833vw;
  height: 0.833vw;
}

.head1 .lang .down{
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  min-width: 100%;
  padding-top: 0.833vw;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 60;
  transition: opacity 0.35s ease, visibility 0.35s ease;
}

.head1 .lang:hover .down,
.head1 .lang.on .down{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.head1 .lang .down .list{
  background: #fff;
  padding: 0.208vw 0;
}

.head1 .lang .down .item{
  display: block;
  width: 100%;
  padding: 0.208vw 0.521vw;
  color: var(--txt);
  text-align: center;
  line-height: 1;
  position: relative;
}

.head1 .lang .down .item:after{
  content: "";
  position: absolute;
  left: 0.521vw;
  right: 0.521vw;
  bottom: 0;
  height: 1px;
  background: var(--txt);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.35s ease;
}

.head1 .lang .down .item:hover:after{
  transform: scaleX(1);
}

.head1 .navbar-toggle{
  display: none;
}

.home1{
  position: relative;
  width: 100%;
  height: 52.083vw;
}

.home1 .bannerSwiper,
.home1 .swiper-slide{
  width: 100%;
  height: 100%;
}

.home1 .bg{
  position: absolute;
  inset: 0;
}

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

.home1 .txt-box{
  position: absolute;
  left: 10.417vw;
  top: 16.51vw;
  z-index: 2;
}

.home1 .txt{
  gap: 2.083vw;
}

.home1 .tit{
  color: var(--txt);
  letter-spacing: -1px;
  line-height: 4.688vw;
  font-family: var(--familyb);
}

.home1 .swiper-button-prev,
.home1 .swiper-button-next{
  width: 3.75vw;
  height: 3.75vw;
  margin-top: -1.875vw;
  border: 1px solid #fff;
  background: transparent;
  transition: background 0.35s ease, border-color 0.35s ease;
}

.home1 .swiper-button-prev{
  left: 2.083vw;
}

.home1 .swiper-button-next{
  right: 2.083vw;
}

.home1 .swiper-button-prev:after,
.home1 .swiper-button-next:after{
  content: none;
}

.home1 .swiper-button-prev img,
.home1 .swiper-button-next img{
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.home1 .swiper-button-prev:hover,
.home1 .swiper-button-next:hover{
  background: #10324F;
  border-color: #10324F;
}

.home1 .page-box{
  position: absolute;
  left: 10.417vw;
  bottom: 5.208vw;
  z-index: 2;
}

.home1 .swiper-pagination{
  position: static;
  width: auto;
  text-align: left;
}

.home1 .swiper-pagination-bullet{
  width: 1.042vw;
  height: 0.208vw;
  border-radius: 0;
  background: #fff;
  opacity: 1;
  margin: 0 0.521vw 0 0 !important;
}

.home1 .swiper-pagination-bullet-active{
  background: var(--color);
}

.home2{
  padding-top: 5.208vw;
}

.home2 .C-wrap{
  gap: 4.167vw;
}

.home2 .zuo{
  flex: 1;
  min-width: 0;
}

.home2 .tit{
  color: var(--txt);
  line-height: 1.333;

}

.home2 .desc{
  color: var(--txt);
  line-height: 2;
  margin: 2.083vw 0;
}

.home2 .you{
  width: 45.104vw;
  flex-shrink: 0;
  min-height: 35.365vw;
}

.home2 .you .scaleImg,
.home2 .you .pic{
  width: 100%;
  height: 26.094vw;
}

.home2 .you .pic img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home2 .nums{
  gap: 1.25vw;
  margin-top: auto;
}

.home2 .nums .item{
  padding: 0.833vw 1.25vw;
  border-radius: 0.208vw;
  backdrop-filter: blur(1.042vw);
  -webkit-backdrop-filter: blur(1.042vw);
}

.home2 .nums .num{
  color: #333;
  line-height: 1.1;
}

.home2 .nums .unit{
  color: #d6d7d7;
  line-height: 1.3;
}

.home2 .nums .tip{
  color: #717374;
  line-height: 1.6;
}

.home3{
  margin-top: 2.083vw;
  background: #697886;
  padding: 3.333vw 8.906vw;
}

.home3 .list{
  height: 100%;
  flex-wrap: nowrap;
}

.home3 .item{
  gap: 1.25vw;
  color: #fff;
  flex-wrap: nowrap;
  flex-shrink: 0;
}

.home3 .icon{
  width: 2.865vw;
  height: 2.865vw;
  flex-shrink: 0;
}

.home3 .icon img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.home3 .item p{
  line-height: 1.4;
  font-family: var(--familyb);
}

.home4{
  background: var(--bg1);
  padding: 5.208vw 0 5.208vw;
}

.home4 .hd{
  margin-bottom: 4.167vw;
}

.home4 .tit{
  color: var(--txt);
  line-height: 1.333;
  margin-top: 0.417vw;
}

.home4 .sub{
  color: var(--txt);
  line-height: 1.666;
  margin-top: 0.417vw;
}

.home4 .caseSwiper{
  padding-left: calc((100% - 91.667vw) / 2);
  overflow: hidden;
}

.home4 .swiper-slide{
  width: 71.875vw;
  height: 29.167vw;
  position: relative;
}

.home4 .swiper-slide .pic{
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.home4 .swiper-slide .pic img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home4 .info{
  position: absolute;
  left: 2.083vw;
  bottom: 2.083vw;
  width: 22.708vw;
  padding: 1.25vw;
  background: rgba(255,255,255,0.8);
  backdrop-filter: blur(0.208vw);
  -webkit-backdrop-filter: blur(0.208vw);
  color: var(--txt);
  gap: 0.833vw;
}

.home4 .info .name{
  line-height: 1.166;
}

.home4 .info .desc{
  line-height: 1.25;
}

.home4 .ctrl{
  margin-top: 2.083vw;
  gap: 1.25vw;
}

.home4 .case-prev,
.home4 .case-next{
  width: 3.75vw;
  height: 3.75vw;
  background: var(--ash);
  cursor: pointer;
  padding: 1.25vw;
  transition: background 0.35s ease;
}

.home4 .case-prev img,
.home4 .case-next img{
  width: 1.25vw;
  height: 1.25vw;
  object-fit: contain;
  transition: filter 0.35s ease;
}

.home4 .case-prev:hover,
.home4 .case-next:hover{
  background: #10324F;
}

.home4 .case-prev:hover img,
.home4 .case-next:hover img{
  filter: brightness(0) invert(1);
}

.home5{
  background: var(--bg2);
  padding: 5.208vw 0;
}

.home5 .hd{
  margin-bottom: 4.167vw;
}

.home5 .tit{
  color: var(--txt);
  line-height: 1.333;
  margin-top: 0.417vw;
}

.home5 .sub{
  color: var(--txt);
  line-height: 1.666;
  margin-top: 0.417vw;
}

.home5 .list{
  gap: 2.083vw;
}

.home5 .row{
  gap: 2.083vw;
  height: 20.833vw;
}

.home5 .item{
  position: relative;
  height: 100%;
  padding: 2.083vw;
  overflow: hidden;
}

.home5 .item.big{
  flex: 1;
  min-width: 0;
}

.home5 .item.sm{
  width: 32.917vw;
  flex-shrink: 0;
}

.home5 .item .bg{
  position: absolute;
  inset: 0;
}

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

.home5 .item .mask{
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(113,122,131,0.4) 0%, rgba(208,220,234,0) 100%);
  pointer-events: none;
}

.home5 .con{
  position: relative;
  z-index: 2;
  height: 100%;
  color: #fff;
}

.home5 .name{
  line-height: 1.2;
}

.home5 .tags{
  gap: 1.25vw;
  margin-top: auto;
}

.home5 .tags .line{
  gap: 1.25vw;
}

.home5 .tag{
  background: #fff;
  color: var(--txt);
  border-radius: 5.208vw;
  padding: 0.417vw 0.833vw;
  gap: 0.417vw;
  line-height: 2;
  flex-shrink: 0;
  transition: background 0.35s ease, color 0.35s ease;
}

.home5 .tag em{
  width: 0.833vw;
  height: 0.833vw;
  flex-shrink: 0;
}

.home5 .tag em img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: filter 0.35s ease;
}

.home5 .tag:hover{
  background: var(--color);
  color: #fff;
}

.home5 .tag:hover em img{
  filter: brightness(0) invert(1);
}

footer{
  display: block;
}

.foot1{
  position: relative;
  background: linear-gradient(90deg, var(--foot1) 0%, var(--foot2) 100%);
  height: 31.25vw;
  overflow: hidden;
}

.foot1 .foot-bg{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 33.906vw;
  height: 16.875vw;
  opacity: 0.1;
  pointer-events: none;
}

.foot1 .foot-bg img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom left;
}

.foot1 .foot-inner{
  position: relative;
  z-index: 2;
  height: 100%;
}

.foot1 .zuo{
  width: 33.333vw;
  gap: 3.49vw;
  padding-top: 5.208vw;
  padding-bottom: 2.083vw;
  height: 100%;
}

.foot1 .contact{
  color: var(--txt);
  gap: 0.833vw;
}

.foot1 .mail,
.foot1 .tel{
  line-height: 1.4;
  font-family: var(--familyb);
}

.foot1 .addr{
  margin-top: 0.417vw;
  line-height: 1.5;
  letter-spacing: -0.008vw;
}

.foot1 .social{
  gap: 1.25vw;
}

.foot1 .social .item{
  width: 2.292vw;
  height: 2.292vw;
  background: #fff;
  border-radius: 0.417vw;
  padding: 0.521vw;
  transition: background 0.35s ease;
}

.foot1 .social .item img{
  width: 1.25vw;
  height: 1.25vw;
  object-fit: contain;
  transition: filter 0.35s ease;
}

.foot1 .social .item:nth-child(3){
  padding: 0;
}

.foot1 .social .item:nth-child(3) img{
  width: 2.083vw;
  height: 2.083vw;
}

.foot1 .social .item:hover{
  background: #10324F;
}

.foot1 .social .item:hover img{
  filter: brightness(0) invert(1);
}

.foot1 .foot-bot{
  gap: 3.49vw;
  margin-top: auto;
}

.foot1 .foot-link{
  gap: 3.333vw;
  height: 100%;
  padding: 5.208vw 0 5.208vw 3.333vw;
  border-left: 1px solid #fff;
}

.foot1 .foot-link ul{
  gap: 0.417vw;
}

.foot1 .foot-link .a1{
  color: var(--txt);
  padding: 0.417vw 0.521vw;
  margin-bottom: 0.833vw;
  letter-spacing: 0.026vw;
  line-height: 1.4;
  width: fit-content;
}

.foot1 .foot-link .a2{
  color: var(--txt);
  padding: 0.417vw 0.521vw;
  letter-spacing: 0.026vw;
  line-height: 1.4;
  position: relative;
  width: fit-content;
}

.foot1 .foot-link .a2:after{
  content: "";
  position: absolute;
  left: 0.521vw;
  right: 0.521vw;
  bottom: 2px;
  height: 1px;
  background: var(--txt);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.35s ease;
}

.foot1 .foot-link .a2:hover:after{
  transform: scaleX(1);
}

.foot1 .foot-copy{
  gap: 0.417vw;
  color: #000;
  margin-top: auto;
}

.foot1 .foot-copy .logo{
  width: 0.833vw;
  height: 0.833vw;
  flex-shrink: 0;
}

.foot1 .foot-copy .logo img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.foot1 .foot-copy .links{
  gap: 1.25vw;
}

.foot1 .foot-copy a{
  color: inherit;
}

.foot1 .foot-copy a:hover{
  color: var(--color);
}

.about1{
  position: relative;
  width: 100%;
  height: 52.083vw;
}

.about1 .bg{
  position: absolute;
  inset: 0;
}

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

.about1 .mask{
  position: absolute;
  inset: 0;
  background: linear-gradient(90.88deg, rgb(211, 222, 234) 10.94%, rgba(185, 209, 230, 0.24) 99.6%);
  pointer-events: none;
}

.about1 .txt-box{
  position: absolute;
  left: 10.417vw;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.about1 .txt-box > .txt{
  gap: 2.083vw;
}

.about1 .tit{
  color: var(--txt);
  letter-spacing: -1px;
  line-height: 5.104vw;
  font-family: var(--familyb);
}

.about2{
  position: relative;
  padding-top: 5.208vw;
  overflow: hidden;
}

.about2 .bg{
  position: absolute;
  inset: 0;
}

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

.about2 .mask{
  position: absolute;
  inset: 0;
  background: linear-gradient(224.18deg, #fff 13.21%, rgba(233, 238, 243, 0.95) 95.67%);
  pointer-events: none;
  z-index: 1;
}

.about2 .C-wrap{
  position: relative;
  z-index: 2;
}

.about2 .top{
  gap: 2.083vw;

}

.about2 .top .zuo{
  flex: 1;
  min-width: 0;
  padding-top: 3.333vw;
  padding-bottom: 2.083vw;
}

.about2 .top .tit{
  color: var(--txt);
  line-height: 1.333;
}

.about2 .line{
  width: 0.729vw;
  flex-shrink: 0;
  align-self: stretch;
  gap: 0;
}

.about2 .line em{
  width: 0.729vw;
  height: 0.729vw;
  border-radius: 50%;
  background: var(--color);
  flex-shrink: 0;
}

.about2 .line span{
  flex: 1;
  width: 2px;
  margin: 0 auto;
  background: rgba(6, 113, 237, 0.35);
}

.about2 .top .you{
  flex: 1;
  min-width: 0;
}

.about2 .bot{
  padding-bottom: 4.167vw;
  gap: 2.083vw;
}

.about2 .since{
  width: 100%;
  color: var(--txt);
  line-height: 7.292vw;
  font-size: 7.292vw;
}

.about2 .since .fbd500{
  font-size: 7.5vw;
}

.about2 .desc-box{
  width: 46.458vw;
  gap: 2.083vw;
  margin-left: auto;
}

.about2 .desc{
  color: #697886;
  line-height: 2;
}

.about2 .desc p + p{
  margin-top: 0;
}

.about2 .tags{
  color: var(--txt);
  line-height: 1.2;
}

.about3{
  padding: 5.208vw 0;
  position: relative;
}

.about3:after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 20.573vw;
  background: var(--txt);
  border-radius: 0.833vw 0.833vw 0 0;
  pointer-events: none;
}

.about3 .C-wrap{
  position: relative;
  z-index: 2;
}

.about3 .hd{
  margin-bottom: 2.083vw;
}

.about3 .tit{
  color: var(--txt);
  line-height: 1.333;
  margin-top: 0.417vw;
}

.about3 .sub{
  color: var(--txt);
  line-height: 1.666;
  margin-top: 0.417vw;
}

.about3 .list{
  gap: 4.167vw;
}

.about3 .item{
  flex: 1;
  min-width: 0;
  height: 32.083vw;
  position: relative;
  overflow: hidden;
}

.about3 .item .pic{
  position: absolute;
  inset: 0;
}

.about3 .item .pic:after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #697886 100%);
  pointer-events: none;
}

.about3 .item .pic img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about3 .item .info{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  overflow: hidden;
  background: transparent;
  transform: translateY(calc(100% - 9.167vw));
  transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1), background 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}

.about3 .item .info-inner{
  padding: 2.083vw;
  color: #fff;
  gap: 2.083vw;
  height: 100%;
}

.about3 .item .hd-txt{
  gap: 0.833vw;
}

.about3 .item .name{
  line-height: 1;
}

.about3 .item .job{
  line-height: 1.666;
}

.about3 .item .desc{
  line-height: 1.4;
  opacity: 0;
  transform: translateY(0.625vw);
  transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.12s, transform 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.12s;
}

.about3 .item:nth-child(2) .info-inner,
.about3 .item:nth-child(3) .info-inner{
  align-items: flex-end;
}

.about3 .item:nth-child(2) .hd-txt,
.about3 .item:nth-child(3) .hd-txt{
  width: 100%;
}

.about3 .item:hover .info{
  transform: translateY(0);
  background: #a9c7e3;
}

.about3 .item:hover .desc{
  opacity: 1;
  transform: translateY(0);
}

.about4{
  background: var(--bg1);
  padding: 5.208vw 0;
}

.about4 .hd{
  margin-bottom: 4.167vw;
}

.about4 .tit{
  color: var(--txt);
  line-height: 1.333;
  margin-top: 0.417vw;
}

.about4 .list{
  gap: 3.125vw;
}

.about4 .item{
  flex: 1;
  min-width: 0;
  height: 32.292vw;
  padding: 4.167vw 2.083vw;
  border-radius: 0.208vw;
  background: #fff;
  color: var(--txt);
  position: relative;
  overflow: hidden;
}

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

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

.about4 .con{
  position: relative;
  z-index: 2;
  gap: 1.25vw;
  transition: color 0.35s ease;
}

.about4 .name{
  line-height: 1.5;
}

.about4 .desc{
  line-height: 1.5;
  letter-spacing: -0.01vw;
}

.about4 .icon{
  position: relative;
  z-index: 2;
  width: 5.208vw;
  height: 5.208vw;
  border-radius: 50%;
  background: var(--ash);
  margin-top: auto;
  flex-shrink: 0;
  transition: background 0.35s ease;
}

.about4 .icon img{
  width: 2.5vw;
  height: 2.5vw;
  object-fit: contain;
  transition: filter 0.35s ease;
}

.about4 .item:hover .con{
  color: var(--color);
}

.about4 .item:hover .icon{
  background: var(--color);
}

.about4 .item:hover .icon img{
  filter: brightness(0) invert(1);
}

.about5{
  background: var(--txt);
  padding: 5.208vw 0;
}

.about5 .hd{
  margin-bottom: 2.083vw;
}

.about5 .sec-label span,
.about5 .tit{
  color: #fff;
}

.about5 .tit{
  line-height: 1.333;
  margin-top: 0.417vw;
}

.about5 .map{
  position: relative;
  width: 100%;
}

.about5 .map-box{
  position: relative;
  width: 100%;
  height: 49.948vw;
  overflow: hidden;
}

.about5 .map .pic{
  width: 100%;
  height: 100%;
  -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 70%, transparent 100%);
  mask-image: linear-gradient(90deg, #000 0%, #000 70%, transparent 100%);
  -webkit-mask-size: 260% 100%;
  mask-size: 260% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: 100% 0;
  mask-position: 100% 0;
}

.about5 .map .pic img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.about5 .map.wowShow .pic{
  animation: about5Light 2.4s ease forwards;
}

@keyframes about5Light{
  from{
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
  to{
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
}

.about5 .labels{
  position: absolute;
  inset: 0;
  color: #fff;
  line-height: 1.333;
}

.about5 .labels span{
  position: absolute;
  opacity: 0;
}

.about5 .map.wowShow .labels span{
  animation: about5Label 0.45s ease forwards;
}

.about5 .map.wowShow .pos6{
  animation-delay: 0.45s;
}

.about5 .map.wowShow .pos7{
  animation-delay: 0.95s;
}

.about5 .map.wowShow .pos3{
  animation-delay: 1.15s;
}

.about5 .map.wowShow .pos2{
  animation-delay: 1.35s;
}

.about5 .map.wowShow .pos1{
  animation-delay: 1.55s;
}

.about5 .map.wowShow .pos4{
  animation-delay: 1.65s;
}

.about5 .map.wowShow .pos5{
  animation-delay: 2.1s;
}

@keyframes about5Label{
  from{
    opacity: 0;
  }
  to{
    opacity: 1;
  }
}

.about5 .pos1{
  left: 67.2%;
    top: 13.3%;
}

.about5 .pos2{
  left: 59.1%;
  top: 28.2%;

}

.about5 .pos3{
  left: 52.7%;
  top: 40.5%;
}

.about5 .pos4{
  left: 68.3%;
    top: 52.6%;
}

.about5 .pos5{
  left: 90.3%;
    top: 85.8%;
}

.about5 .pos6{
  left: 22.2%;
  top: 64.9%;
}

.about5 .pos7{
  left: 46.6%;
    top: 53%;
}

.about6{
  padding: 5.208vw 0;
  overflow: hidden;
}

.about6 .hd{
  margin-bottom: 4.167vw;
}

.about6 .tit{
  color: var(--txt);
  line-height: 1.333;
  margin-top: 0.417vw;
}

.about6 .sub{
  color: var(--txt);
  line-height: 1.666;
  margin-top: 0.417vw;
}

.about6 .factorySwiper{
  overflow: hidden;
}

.about6 .swiper-slide{
  width: 21.354vw;
}

.about6 .swiper-slide .pic{
  width: 100%;
  height: 17.5vw;
  border-radius: 0.208vw;
  overflow: hidden;
}

.about6 .swiper-slide .pic img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease;
}

.about6 .swiper-slide:hover .pic img{
  transform: scale(1.05);
}

.about6 .swiper-slide .name{
  color: var(--txt);
  line-height: 1.143;
  margin-top: 1.25vw;
}

.about6 .ctrl{
  margin-top: 4.167vw;
  gap: 1.25vw;
}

.about6 .factory-prev,
.about6 .factory-next{
  width: 3.75vw;
  height: 3.75vw;
  background: var(--ash);
  cursor: pointer;
  padding: 1.25vw;
  transition: background 0.35s ease;
}

.about6 .factory-prev img,
.about6 .factory-next img{
  width: 1.25vw;
  height: 1.25vw;
  object-fit: contain;
  transition: filter 0.35s ease;
}

.about6 .factory-prev:hover,
.about6 .factory-next:hover{
  background: #10324F;
}

.about6 .factory-prev:hover img,
.about6 .factory-next:hover img{
  filter: brightness(0) invert(1);
}

.about7{
  background: var(--bg1);
  padding: 5.208vw 0;
}

.about7 .hd{
  margin-bottom: 4.167vw;
}

.about7 .tit{
  color: var(--txt);
  line-height: 1.333;
  margin-top: 0.417vw;
}

.about7 .sub{
  color: var(--txt);
  line-height: 1.666;
  margin-top: 0.417vw;
}

.about7 .honorSwiper{
  overflow: hidden;
}

.about7 .swiper-slide{
  width: 15.625vw;
}

.about7 .swiper-slide .pic{
  width: 100%;
  aspect-ratio: 452 / 640;
  border-radius: 0.208vw;
  overflow: hidden;
  background: #fff;
}

.about7 .swiper-slide .pic img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease;
}

.about7 .swiper-slide:hover .pic img{
  transform: scale(1.05);
}

.about7 .swiper-slide .name{
  padding: 1.25vw 0;
  text-align: center;
  line-height: 1.7;
  color: #000;
  white-space: nowrap;
}

.about7 .ctrl{
  margin-top: 4.167vw;
  gap: 1.25vw;
}

.about7 .honor-prev,
.about7 .honor-next{
  width: 3.75vw;
  height: 3.75vw;
  background: var(--ash);
  cursor: pointer;
  padding: 1.25vw;
  transition: background 0.35s ease;
}

.about7 .honor-prev img,
.about7 .honor-next img{
  width: 1.25vw;
  height: 1.25vw;
  object-fit: contain;
  transition: filter 0.35s ease;
}

.about7 .honor-prev:hover,
.about7 .honor-next:hover{
  background: #10324F;
}

.about7 .honor-prev:hover img,
.about7 .honor-next:hover img{
  filter: brightness(0) invert(1);
}

.page-banner{
  position: relative;
  height: 25vw;
  overflow: hidden;
}

.page-banner .bg{
  position: absolute;
  inset: 0;
}

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

.page-banner .mask{
  position: absolute;
  inset: 0;
  background: linear-gradient(91.84deg, rgb(211, 222, 234) 10.94%, rgba(185, 209, 230, 0.24) 99.6%);
  pointer-events: none;
}

.page-banner .txt{
  position: absolute;
  left: 10.417vw;
  right: 10.417vw;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  gap: 2.083vw;
  color: var(--txt);
}

.page-banner .label{
  line-height: 1.666;
}

.page-banner .main{
  gap: 0.833vw;
}

.page-banner .tit{
  letter-spacing: -1px;
  line-height: 1;
}

.page-banner .main .tit{
  font-family: var(--familyb);
}

.page-banner .sub{
  line-height: 1;
}

.page-cta{
  position: relative;
  z-index: 5;
  padding: 0 4.167vw;
  margin-bottom: -2.083vw;
}

.page-cta-inner{
  background: var(--txt);
  padding: 3.333vw 4.167vw;
  align-items: flex-end;
}

.page-cta .con{
  gap: 0.833vw;
  color: var(--ash);
  flex: 1;
  min-width: 0;
}

.page-cta .tit{
  line-height: 1;
}

.page-cta .sub{
  line-height: 1;
}

.prod-tabs{
  padding-top: 2.083vw;
}

.prod-tabs .C-wrap{
  display: flex;
  justify-content: flex-end;
}

.prod-tabs .tabs{
  width: fit-content;
  max-width: 100%;
  border: 1px solid var(--txt);
  border-top: 0;
}

.prod-tabs .item{
  position: relative;
  height: 2.708vw;
  padding: 0 0.833vw;
  overflow: hidden;
  color: var(--txt);
  border-right: 1px solid var(--txt);
  flex-shrink: 0;
  cursor: pointer;
}

.prod-tabs .item:last-child{
  border-right: 0;
}

.prod-tabs .item:before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  background: #697886;
  transform: translateY(100%);
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  z-index: 0;
}

.prod-tabs .item span{
  position: relative;
  z-index: 1;
  white-space: nowrap;
  line-height: 1;
  transition: color 0.35s ease;
}

.prod-tabs .item:hover:before,
.prod-tabs .item.on:before{
  transform: translateY(0);
}

.prod-tabs .item:hover,
.prod-tabs .item.on{
  color: #fff;
  border-right-color: #697886;
}

.prod-tabs .item:last-child:hover,
.prod-tabs .item:last-child.on{
  border-right-color: transparent;
}

.sol2{
  padding: 5.208vw 0;
}

.sol2 .list{
  gap: 2.083vw;
}
.sol2 .list.on{
  display: flex !important;
}

.sol2 .item{
  gap: 2.083vw;
  width: 100%;
  min-height: 27.083vw;
}

.sol2 .item.reserve{
  flex-direction: row-reverse;
}

.sol2 .item .con{
  flex: 1;
  min-width: 0;
  background: var(--bg1);
  padding: 3.333vw 2.083vw;
  gap: 2.083vw;
  color: var(--txt);
}

.sol2 .item .info{
  gap: 1.25vw;
}

.sol2 .item .name{
  line-height: 1.166;
}

.sol2 .item .desc{
  color: #697886;
  line-height: 1.333;
}

.sol2 .item .pic{
  width: 33.021vw;
  flex-shrink: 0;
  align-self: stretch;
}

.sol2 .item .pic img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page-banner .crumb{
  gap: 0.417vw;
  letter-spacing: -0.01vw;
  line-height: 1.5;
}

.page-banner .crumb a{
  color: inherit;
}

.page-banner .crumb a:hover{
  color: var(--color);
}

.sold2{
  padding-top: 5.208vw;
}

.sold2 .row{
  gap: 3.333vw;
  align-items: flex-start;
}

.sold2 .row.reserve{
  flex-direction: row-reverse;
}

.sold2 .pic{
  width: 33.021vw;
  height: 33.333vw;
  flex-shrink: 0;
  overflow: hidden;
}

.sold2 .pic img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease;
}

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

.sold2 .con{
  flex: 1;
  min-width: 0;
  gap: 3.333vw;
  color: var(--txt);
}

.sold2 .hd{
  gap: 1.25vw;
}

.sold2 .name-box{
  gap: 1.25vw;
}

.sold2 .name{
  line-height: 1;
}

.sold2 .line{
  width: 3.333vw;
  height: 0.521vw;
  background: var(--color);
}

.sold2 .cate{
  line-height: 1;
}

.sold2 .block{
  gap: 1.25vw;
}

.sold2 .label{
  gap: 0.417vw;
}

.sold2 .label img{
  width: 1.25vw;
  height: 1.25vw;
  flex-shrink: 0;
}

.sold2 .adv{
  gap: 1.25vw;
}

.sold2 .adv .item{
  gap: 0.521vw;
  color: #697886;
}

.sold2 .adv .item em{
  width: 0.26vw;
  height: 0.26vw;
  background: #697886;
  flex-shrink: 0;
  margin-top: 0.703vw;
}

.sold2 .adv .item p{
  flex: 1;
  min-width: 0;
  line-height: 1.6;
}

.sold2 .tags{
  gap: 2.083vw;
  flex-wrap: wrap;
}

.sold2 .tag{
  background: var(--bg1);
  color: #697886;
  padding: 1.25vw;
  gap: 0.521vw;
  line-height: 1;
  transition: background 0.35s ease, color 0.35s ease;
}

.sold2 .tag em{
  width: 0.833vw;
  height: 0.833vw;
  flex-shrink: 0;
}

.sold2 .tag em img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: filter 0.35s ease;
}

.sold2 .tag:hover{
  background: var(--txt);
  color: #fff;
}

.sold2 .tag:hover em img{
  filter: brightness(0) invert(1);
}

.sold3{
  padding-top: 4.167vw;
}

.sold3 .C-wrap{
  gap: 2.083vw;
}

.sold3 .sec-tit{
  color: var(--txt);
  line-height: 1;
}

.sold3 .row{
  gap: 2.083vw;
  align-items: flex-start;
}

.sold3 .row.reserve{
  flex-direction: row-reverse;
}

.sold3 .pic{
  width: 44.792vw;
  height: 18.75vw;
  flex-shrink: 0;
  overflow: hidden;
}

.sold3 .pic img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease;
}

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

.sold3 .desc{
  flex: 1;
  min-width: 0;
  color: #697886;
  line-height: 1.6;
}

.sold4{
  padding-top: 6.25vw;
  padding-bottom: 0;
}

.sold4 .sec-tit{
  color: var(--txt);
  line-height: 1;
  margin-bottom: 1.25vw;
}

.sold4 .sceneSwiper{
  padding-left: calc((100% - 91.667vw) / 2);
  overflow: hidden;
}

.sold4 .ctrl{
  margin-top: 2.083vw;
  margin-bottom: 5.208vw;
  gap: 1.25vw;
}

.sold4 .scene-prev,
.sold4 .scene-next{
  width: 3.75vw;
  height: 3.75vw;
  background: var(--ash);
  cursor: pointer;
  padding: 1.25vw;
  transition: background 0.35s ease;
}

.sold4 .scene-prev img,
.sold4 .scene-next img{
  width: 1.25vw;
  height: 1.25vw;
  object-fit: contain;
  transition: filter 0.35s ease;
}

.sold4 .scene-prev:hover,
.sold4 .scene-next:hover{
  background: #10324F;
}

.sold4 .scene-prev:hover img,
.sold4 .scene-next:hover img{
  filter: brightness(0) invert(1);
}

.sold4 .swiper-slide{
  width: 30.208vw;
}

.sold4 .swiper-slide .pic{
  width: 30.208vw;
  height: 18.125vw;
  overflow: hidden;
}

.sold4 .swiper-slide .pic img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease;
}

.sold4 .swiper-slide .pic:hover img{
  transform: scale(1.05);
}

.sold4 .cap{
  margin-top: 0.833vw;
  color: #000;
  line-height: 1;
}

.prodd2{
  padding-top: 5.208vw;
}

.prodd2 .C-wrap{
  gap: 3.333vw;
  align-items: flex-start;
}

.prodd2 .left{
  width: 44.792vw;
  flex-shrink: 0;
  gap: 2.083vw;
}

.prodd2 .main-pic{
  width: 100%;

  overflow: hidden;
  border-radius: 0.208vw;
}

.prodd2 .main-pic img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.prodd2 .sub-tit{
  color: var(--txt);
  line-height: 1;
}

.prodd2 .thumbs{
  gap: 1.042vw;
  position: relative;
}

.prodd2 .thumb{
  width: 10.26vw;
  height: 10.26vw;
  overflow: hidden;
  border-radius: 0.208vw;
}

.prodd2 .thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.prodd2 .thumb-arrow{
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 44.167vw;
  display: flex;
  justify-content: space-between;
}

.prodd2 .thumb-arrow .arr{
  width: 2.083vw;
  height: 2.083vw;
  border-radius: 0.208vw;
}

.prodd2 .thumb-arrow .arr img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.prodd2 .right{
  flex: 1;
  min-width: 0;

  gap: 3.333vw;
}

.prodd2 .intro{
  gap: 3.333vw;
}

.prodd2 .name-box{
  gap: 1.25vw;
}

.prodd2 .name{
  color: var(--txt);
  line-height: 1;
}

.prodd2 .line{
  width: 3.333vw;
  height: 0.521vw;
  background: var(--color);
}

.prodd2 .intro .desc{
  color: #697886;
  line-height: 1.4;
}

.prodd2 .params{
  gap: 1.25vw;
}

.prodd2 .label{
  gap: 0.417vw;
}

.prodd2 .label img{
  width: 1.25vw;
  height: 1.25vw;
  flex-shrink: 0;
}

.prodd2 .table{
  border: 1px solid var(--bg1);
}

.prodd2 .tr{
  width: 100%;
}

.prodd2 .tr.th{
  background: #697886;
}

.prodd2 .tr.th .td{
  color: #fff;
}

.prodd2 .tr.alt{
  background: var(--bg1);
}

.prodd2 .td{
  min-height: 3.229vw;

  color: var(--txt);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.5;
  letter-spacing: -0.01vw;
  text-align: center;
}

.prodd2 .main-pic:hover img{
  transform: scale(1.05);
}

.prodd2 .thumb:hover img{
  transform: scale(1.05);
}

.prodd2 .td.item{
  width: 18.75vw;
  flex-shrink: 0;
}

.prodd2 .td.val{
  flex: 1;
  min-width: 0;
}

.prodd3{
  padding: 5.208vw 0 4.167vw;
}

.prodd3 > .line{
  width: 100%;
  height: 1px;
  background: #d9d9d9;
}

.prodd3 .C-wrap{
  gap: 2.083vw;
  margin-top: 2.083vw;
}

.prodd3 .sec-tit{
  color: var(--txt);
  line-height: 1;
}

.prodd3 .cards{
  gap: 2.083vw;
}

.prodd3 .card{
  flex: 1;
  min-width: 0;
  background: var(--bg1);
  padding: 2.083vw;
  gap: 1.25vw;
  color: #697886;
  text-decoration: none;
  transition: background 0.35s ease, color 0.35s ease;
}

.prodd3 .card .name{
  gap: 0.521vw;
  line-height: 1;
}

.prodd3 .card .name em{
  width: 0.833vw;
  height: 0.833vw;
  flex-shrink: 0;
}

.prodd3 .card .name em img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: filter 0.35s ease;
}

.prodd3 .card .desc{
  line-height: 1.2;
}

.prodd3 .card:hover{
  background: var(--txt);
  color: #fff;
}

.prodd3 .card:hover .name em img{
  filter: brightness(0) invert(1);
}

.cont2{
  padding: 5.208vw 0;
}
.cont2 .sec-label span {
  color: #1C1917;
}
.cont2 .sec-label{
  margin-bottom: 2.083vw;
}

.cont2 .panel{
  align-items: stretch;
}

.cont2 .form-box{
  flex: 1;
  min-width: 0;
  background: var(--bg1);
  padding: 2.083vw 4.167vw 4.167vw;

}

.cont2 .tip{
  color: var(--txt);
  line-height: 1.4;
  margin-bottom: 4.427vw;
}

.cont2 .form{
  gap: 1.25vw;
}

.cont2 .row{
  gap: 1.25vw;
}

.cont2 .field{
  flex: 1;
  min-width: 0;
  gap: 0.833vw;
}

.cont2 .lab-row{
  width: 100%;
  gap: 0.833vw;
}

.cont2 .lab{
  color: var(--txt);
  line-height: 1.45;
  flex-shrink: 0;
}

.cont2 .lab i{
  color: #f21e25;
  font-style: normal;
  font-size: 0.938vw;
  line-height: 1.7;
}

.cont2 .err{
  color: #f21e25;
  line-height: 1.4;
  text-align: right;
  flex: 1;
  min-width: 0;
}

.cont2 .ipt{
  background: #fff;
  height: 2.917vw;
  padding: 0 1.25vw;
  gap: 0.833vw;
  border: 1px solid transparent;
  transition: border-color 0.3s ease;
}

.cont2 .ipt.error{
  border-color: #f21e25;
}

.cont2 .ipt input,
.cont2 .ipt textarea{
  flex: 1;
  min-width: 0;
  height: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--txt);
  font-size: 0.833vw;
  line-height: 1.4;
}

.cont2 .ipt img{
  width: 1.25vw;
  height: 1.25vw;
  flex-shrink: 0;
}

.cont2 .ipt.area{
  height: 8.333vw;
  padding: 1.25vw;
  align-items: flex-start;
  position: relative;
}

.cont2 .ipt.area textarea{
  height: 100%;
  resize: none;
}

.cont2 .ipt.area img{
  position: absolute;
  right: 1.25vw;
  top: 1.25vw;
}

.cont2 .agree-box{
  gap: 0.417vw;
  width: 100%;
}

.cont2 .agree{
  gap: 0.417vw;
  color: var(--txt);
  line-height: 1.6;
  align-items: flex-start;
}

.cont2 .agree input{
  width: 0.833vw;
  height: 0.833vw;
  margin-top: 0.208vw;
  flex-shrink: 0;
}

.cont2 .agree a{
  color: var(--txt);
  font-weight: 500;
}

.cont2 .agree a:hover{
  color: var(--color);
}

.cont2 .agree-box .err{
  text-align: left;
  padding-left: 1.25vw;
}

.cont2 .form .btn{
  margin-top: 0.833vw;
}
.cont2 .form .btn.off{
  pointer-events: none;
  opacity: 0.55;
}

.cont2 .info-box{
  width: 27.083vw;
  flex-shrink: 0;
  background: var(--bg1);
  padding: 2.083vw 4.167vw 2.083vw 0;
  justify-content: space-between;
  gap: 2.083vw;
}

.cont2 .info-top{
  gap: 2.083vw;
}

.cont2 .info-top .hd{
  gap: 4.167vw;
}

.cont2 .tag{
  color: var(--color);
  line-height: 1;
}

.cont2 .info-box .tit{
  color: var(--txt);
  line-height: 1.166;
}

.cont2 .info-box .item{
  gap: 1.25vw;
}

.cont2 .info-box .k{
  width: 4.167vw;
  flex-shrink: 0;
  color: var(--txt);
  line-height: 1.2;
}

.cont2 .info-box .v{
  flex: 1;
  min-width: 0;
  color: var(--txt);
  line-height: 1.4;
}

.cont2 .info-box .item:last-child .v{
  flex: none;
}

.cont2 .mail{
  gap: 0.833vw;
  flex: 1;
  min-width: 0;
}

.cont2 .copy{
  width: 0.833vw;
  height: 0.833vw;
  flex-shrink: 0;
}

.cont2 .copy img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cont2 .map{
  width: 22.917vw;
  height: 17.188vw;
  border-radius: 0.208vw;
  overflow: hidden;
}

.cont2 .map img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cont3{
  background: #697886;
  padding: 2.083vw 8.906vw;
}

.cont3 .list{
  height: 100%;
}

.cont3 .item{
  gap: 1.25vw;
  color: #fff;
  flex-shrink: 0;
}

.cont3 .icon{
  width: 2.865vw;
  height: 2.865vw;
  flex-shrink: 0;
}

.cont3 .icon img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cont3 .item p{
  line-height: 1.4;
  font-family: var(--familyb);
}

.legal1{
  padding: 10.417vw 0 5.208vw;
}

.legal1 .tit{
  color: var(--txt);
  line-height: 1.2;
  margin-bottom: 2.083vw;
}

.privacy-section{
  margin-bottom: 2.083vw;
}

.privacy-section__title{
  color: var(--txt);
  line-height: 1.4;
  margin-bottom: 0.833vw;
  padding-left: 0.625vw;
  border-left: 4px solid var(--color);
}

.privacy-section__text{
  color: var(--txt);
  line-height: 1.8;
  opacity: 0.7;
  font-weight: 300;
}

.privacy-section__list{
  margin-top: 0.833vw;
  gap: 0.833vw;
}

.privacy-section__list p{
  color: var(--txt);
  line-height: 1.8;
  opacity: 0.7;
  font-weight: 300;
}