:root {
  --head: 5.416vw;
  --color: #00205b;
}

.head1 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: var(--head);
  padding: 0 6.25vw;
  color: #fff;
  transition: all ease 0.6s;
}

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

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

.scroll .head1 {
  background: #fff;
  color: #999;
}

.blackHead .head1 {
  background: #fff;
  color: #999;
}

.head1:hover {
  background: #fff;
  color: #999;
}

.head1 .logo {
  width: 12.239vw;
  height: 5.416vw;
}

.head1 .menu {
  gap: 1.875vw;
}


.head1 .link>a {
  line-height: var(--head);
  white-space: nowrap;
  transition: none;
}

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

.head1 .link.on>a {
  color: var(--color);
}

.head-quote {
  background: var(--color);
  color: #fff;
  padding: 0 1.666vw;
  height: 2.395vw;
  line-height: 2.395vw;
  border-radius: 2.135vw;
  margin-left: 1.875vw;
  white-space: nowrap;
  text-transform: uppercase;
}

.head-lang {
  width: 1.302vw;
  margin-left: 2.187vw;
  filter: brightness(0) invert(1);
}

.scroll .head-lang {
  filter: brightness(1) invert(0);
}

.blackHead .head-lang {
  filter: brightness(1) invert(0);
}

.head1:hover .head-lang {
  filter: brightness(1) invert(0);
}

.head1 .has-down .down {
  position: absolute;
  top: -200vh;
  opacity: 0;
  pointer-events: none;
  transition: opacity ease 0.3s;
  z-index: 60;
}

.head1 .has-down.open .down {
  top: 100%;
  opacity: 1;
  pointer-events: auto;
}

.head1 .support-down {
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border-radius: 0.625vw;
  padding: 1.51vw 1.666vw 2.76vw;
  width: 12.5vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1.25vw;
}

.head1 .support-down>a:first-child {
  color: var(--color);
  font-weight: 500;
  line-height: 2.395vw;
}

.head1 .support-down>a {
  color: #666;
  line-height: 1.5;
  white-space: nowrap;
}

.head1 .support-down>a:hover {
  color: var(--color);
}

.head1 .mega-down {
  left: 0;
  width: 100vw;
  left: 0;
  padding-top: 0;
}

#page-loading {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: #000;
}

#page-loading .pic {
  width: 12.5vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#page-loading .pic img:nth-child(1) {
  opacity: 0.1;
}

#page-loading .pic img:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#page-loading .load_num {
  /* background: #090909; */
  color: #808080;
  width: 120px;
  height: 60px;
  border-radius: 100px;
  /* border: 1px solid #1E1E1E; */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translate(-50%, 0);
  font-weight: bold;
}


#zPath {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}

.mega-menu {
  width: 100%;
  margin: 0 auto;
  padding: 2.083vw 0 3.125vw;
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  padding-left: 0;
}

.mega-left {
  display: flex;
  flex-direction: column;
  gap: 1.666vw;
  padding-left: 6.25vw;
  padding-top: 0;
  width: 23.697vw;
}

.mega-cat {
  color: #666;
  white-space: nowrap;
  line-height: 1.5;
}

.mega-cat.on,
.mega-cat:hover {
  color: var(--color);
  font-weight: 500;
}

.mega-right {
  flex: 1;
  min-width: 0;
  padding-right: 6.25vw;
}

.mega-right .item {
  display: none;
  flex-wrap: wrap;
  gap: 1.041vw;
}

.mega-right .item.on {
  display: flex;
  animation: fadeInUp 1s ease forwards;
}

.mega-card {
  width: calc(50% - 0.56vw);
  height: 15.625vw;
  background: #f6f7f8;
  border-radius: 1.041vw;
  overflow: hidden;
  position: relative;
}

.mega-card-img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* .mega-card-img img {
  object-position: center bottom;
} */

.mega-card-info {
  position: relative;
  z-index: 2;
  padding: 1.562vw;
  display: flex;
  flex-direction: column;
  gap: 0.416vw;
}

.mega-card-info p {
  color: #646464;
}

.mega-card-line {
  width: 1.666vw;
  height: 0.104vw;
  background: #d9d9d9;
}

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

.C-btn1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.416vw;
  height: 2.5vw;
  padding: 0 1.562vw;
  border-radius: 2.656vw;
  background: #fff;
  color: var(--color);
  white-space: nowrap;
  transition: all ease 0.3s;
}

.C-btn1:hover {
  background: var(--color);
  color: #fff;
}

.C-btn2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.5vw;
  padding: 0 2.187vw;
  border-radius: 52.031vw;
  background: #fff;
  color: #000;
  white-space: nowrap;
  transition: all ease 0.3s;
}

.C-btn2:hover {
  background: var(--color);
  color: #fff;
}

.C-btn4 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.5vw;
  padding: 0 2.187vw;
  border-radius: 52.031vw;
  background: rgba(255, 255, 255, 0.20);
  color: #FFF;
  white-space: nowrap;
  transition: all ease 0.3s;
}

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

.C-btn3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.812vw;
  padding: 0 3.385vw;
  border-radius: 52.031vw;
  border: 0.052vw solid #a2a2a2;
  color: #666;
  white-space: nowrap;
  transition: all ease 0.3s;
}

.C-btn3:hover {
  border-color: var(--color);
  color: var(--color);
}

.home1 {
  position: relative;
  height: 200vh;
  color: #fff;
}

.home1 .pin {
  position: sticky;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
}

.home1 .test {
  position: fixed;
  left: 2%;
  top: 10%;
  z-index: 10;
  color: #f00;
  font-size: 16px;
  display: none;
}

.home1 .image-container {
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  overflow: hidden;
  z-index: -1;
  pointer-events: none;
}

.home1 .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
  position: absolute;
  left: 50%;
  transition: all ease 1s;

  bottom: 50%;
  transform: translate(-50%, 50%);
}

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

.home1-side {
  position: absolute;
  right: -7.291vw;
  top: 50%;
  transform: rotate(-90deg);
  transform-origin: center center;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 0.104vw;
}
.home1-side.wowShow {
  animation: home1-side-ani 0.6s ease-out forwards;
}

@keyframes home1-side-ani {
  0% {
    clip-path: inset(100% 0 0 0);
  }

  100% {
    clip-path: inset(0% 0 0 0);
  }
}

.home1-main {
  position: absolute;
  left: 6.25vw;
  top: 15vw;
  width: 23.072vw;
  z-index: 2;
}

.home1-line {
  width: 23.02vw;
  height: 0.104vw;
  background: #fff;
  margin-bottom: 0.833vw;
  transform: scaleX(0);
  transition: all ease 2s;
  transform-origin: left;
}

.home1-line.wowShow {
  transform: scaleX(1);
}

.home1-main h1 {
  line-height: 1.5;
  margin-bottom: 0.833vw;
}

.home1-main>p {
  line-height: 1.5;
  margin-bottom: 1.666vw;
}

.home1-btns {
  gap: 1.25vw;
}

.home1-logo {
  position: absolute;
  left: 6.25vw;
  bottom: 3.041vw;
  width: 33.583vw;
  z-index: 2;
  /* clip-path: inset(100% 0 0 0); */
}

/* .home1-logo.wowShow {
  animation: home1-logo-ani 0.6s ease-out forwards;
}

@keyframes home1-logo-ani {
  0% {
    clip-path: inset(100% 0 0 0);
  }

  100% {
    clip-path: inset(0 0 0 0);
  }
} */

.home1 .C-btn1 {
  width: 10.572vw;
}

.solution-float {
  position: fixed;
  right: 2.083vw;
  bottom: 6.25vw;
  z-index: 40;
  width: 6.25vw;
  height: 6.25vw;
  border-radius: 4.843vw;
  transition: width ease 0.4s;
  cursor: pointer;
  overflow: hidden;
  box-shadow: 0.104vw 0.312vw 1.25vw 0 rgba(0, 0, 0, 0.05);
}

.solution-float.on {
  width: 24.114vw;
}

.solution-float-inner {
  position: relative;
  width: 24.114vw;
  height: 6.25vw;
  background: #fff;
  border-radius: 4.843vw;
  padding: 0.885vw;

}

.solution-avatar {
  width: 4.479vw;
  height: 4.479vw;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.solution-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.solution-text {
  color: var(--color);
  margin-left: 2.187vw;
  white-space: nowrap;
  text-transform: capitalize;
}

.solution-arrow {
  width: 2.395vw;
  height: 2.395vw;
  margin-left: auto;
  margin-right: 1.041vw;
}

.home2 {
  padding: 4.166vw 0 6.25vw;
  overflow: hidden;
}

.home2-title {
  margin-bottom: 2.083vw;
}

.home2-swiper {
  overflow: visible;
}

.home2Swiper {
  overflow: visible;
}

.home2Swiper .swiper-slide {
  width: 38.02vw;
}

.home2-slide {
  width: 38.02vw;
  height: 40.052vw;
  border-radius: 1.666vw;
  overflow: hidden;
  position: relative;
  background: #111;
}

.home2-slide-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: opacity ease 0.5s;
}

.home2-slide-vid {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity ease 0.5s;
}

.home2-slide.playing .home2-slide-bg {
  opacity: 0;
}

.home2-slide.playing .home2-slide-vid {
  opacity: 1;
}

.home2-slide::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
  z-index: 1;
}

.home2-slide-info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 3.75vw;
  color: #fff;
}

.home2-slide-info p {
  margin-bottom: 0.833vw;
}

.home2-ctrl {
  margin-top: 2.083vw;
  justify-content: space-between;
}

.home2-progress {
  flex: 1;
  height: 0.104vw;
  background: #d9d9d9;
  position: relative;
  margin-right: 5.208vw;
}

.home2-progress-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: var(--color);
  transition: width ease 0.3s;
  width: 30%;
  min-width: 5%;
}

.home2-btns {
  gap: 0.833vw;
  flex-shrink: 0;
}

.sbtn1 {
  width: 3.541vw;
  height: 3.541vw;
  cursor: pointer;
  background: url('/img/home/home2-i1.svg') no-repeat center/contain;
  transition: all ease .6s;
}

.sbtn1:hover {
  background: url('/img/home/home2-i2.svg') no-repeat center/contain;
}

.sbtn1.next {
  transform: rotateY(180deg);
}

.home3 {
  position: relative;
  height: 39.583vw;
  overflow: hidden;
}

.home3-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.home3-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
}

.home3-content {
  position: relative;
  z-index: 2;
  height: 100%;
  padding: 0;
}

.home3-left {
  position: absolute;
  left: 0;
  bottom: 4.166vw;
  width: 40.52vw;
  color: #fff;
  padding: 0.52vw;
}

.home3-left h2 {
  line-height: 1.2;
}

.home3-right {
  position: absolute;
  right: 0;
  top: 7.291vw;
  width: 41.51vw;
}

.home3-swiper {
  height: 25vw;
}

.home3Swiper {
  height: 100%;
  background: rgba(0, 32, 91, 0.75);
  border-radius: 1.041vw;
}

.home3-card {
  padding: 4.166vw 4.791vw 4.166vw 2.916vw;
  height: 25vw;
  display: flex;
  flex-direction: column;
  gap: 2.187vw;
  color: #fff;
  align-items: flex-start;
}

.home3-card h3 {
  line-height: 1.15;
  letter-spacing: -0.02vw;
}

.home3-card p {
  line-height: 1.5;
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.home3 .home3-pagination {
  position: absolute;
  right: 2.604vw;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.home3 .home3-pagination .swiper-pagination-bullet {
  width: 0.104vw;
  height: 0.416vw;
  border-radius: 0.104vw;
  background: rgba(255, 255, 255, 0.4);
  display: block;
  cursor: pointer;
  transition: all ease 0.3s;
}

.home3 .home3-pagination .swiper-pagination-bullet-active {
  height: 0.937vw;
  background: #fff;
}

.home4 {
  padding: 6.25vw 0;
}

.home4>.C-wrap>h2 {
  margin-bottom: 2.083vw;
}

.home4-main {
  gap: 3.541vw;
}

.home4-img {
  width: 40vw;
  height: 36.458vw;
  border-radius: 1.041vw;
  overflow: hidden;
  flex-shrink: 0;
}

.home4-list {
  flex: 1;
}

.home4-item {
  border-top: 0.104vw solid #ddd;
  padding: 1.666vw 0;
}

.home4-item:last-child {
  border-bottom: 0.104vw solid #ddd;
}

.home4-item-head {
  cursor: pointer;
}

.home4-item-head h3 {
  color: #191919;
  line-height: 2.708vw;
  flex: 1;
}

.home4-item.on .home4-item-head h3 {
  color: var(--color);
}

.home4-item-icon {
  width: 2.447vw;
  height: 2.5vw;
  flex-shrink: 0;
  margin-left: 1.041vw;
  transition: transform ease 0.3s;
}

.home4-item.on .home4-item-icon {
  transform: rotate(180deg);
}

.home4-item-body {
  color: var(--color);
  line-height: 1.5;
  text-align: justify;
  padding-top: 1.041vw;
  display: none;
}

.home5 {
  padding: 6.25vw 0;
}

.home5-head {
  margin-bottom: 4.166vw;
  align-items: flex-start;
}

.home5-head h2 {
  line-height: 1.5;
  flex-shrink: 0;
}

.home5-desc {
  width: 44.27vw;
  color: #333;
  line-height: 1.5;
  text-align: justify;
}

.home5-main {
  gap: 7.864vw;
  align-items: flex-end;
}

.home5-circle {
  width: 35.416vw;
  height: 35.416vw;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home5-1 {
  width: 100%;
  height: 100%;
}

.home5-list {
  display: flex;
  flex-direction: column;
  gap: 1.041vw;
  flex: 1;
}

.home5-item {
  background: rgba(9, 9, 9, 0.08);
  border-radius: 1.041vw;
  height: 14.583vw;
  overflow: hidden;
}

.home5-item-img {
  width: 21.875vw;
  height: 12.5vw;
  border-radius: 0.833vw;
  overflow: hidden;
  margin: 1.041vw;
  flex-shrink: 0;
}

.home5-item-info {
  padding: 0 1.041vw;
}

.home5-item-info h3 {
  margin-bottom: 1.666vw;
  line-height: 2;
}

.home6 {
  padding: 0 0 7.291vw;
}

.home6>h2 {
  margin-bottom: 2.083vw;
}

.home6-map {
  width: 100%;
  height: 53.177vw;
  overflow: hidden;
}

.home6-1 {
  mix-blend-mode: difference;
}

.home6-1 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.home6-card {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 30.937vw;
  background: rgba(113, 111, 111, 0.5);
  border-radius: 1.666vw;
  padding: 2.343vw 6.458vw 2.031vw 4.27vw;
  color: #fff;
}

.home6-card h3 {
  line-height: 1.15;
  letter-spacing: -0.02vw;
  margin-bottom: 1.718vw;
}

.home6-addr {
  line-height: 1.5;
  margin-bottom: 1.718vw;
}

.home6-tag {
  gap: 0.885vw;
  background: #8c8c8c;
  border-radius: 2.864vw;
  padding: 0 1.51vw;
  height: 1.666vw;
  display: inline-flex;
}

.home6-dot {
  width: 0.729vw;
  height: 0.729vw;
  border-radius: 50%;
  background: #4ade80;
  animation: breathe 2s ease-in-out infinite;
}

@keyframes breathe {

  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0.4;
    transform: scale(0.7);
  }
}

.C-banner {
  position: relative;
  width: 100%;
  height: 41.666vw;
  overflow: hidden;
}

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

.C-banner-info {
  position: absolute;
  left: 6.25vw;
  bottom: 4.166vw;
  width: 50.104vw;
  color: #fff;
  z-index: 2;
}

.C-banner-info h1 {
  line-height: 1.3;
}

.C-banner-info p {
  margin-top: 1.666vw;
  line-height: 1.5;
  text-transform: capitalize;
}

.sv2 {
  padding: 6.25vw 6.25vw;
}

.sv2-list {
  gap: 1.25vw;
}

.sv2-item {
  width: 28.333vw;
  border-radius: 1.666vw;
  background: #f8f8f8;
  padding: 3.125vw 2.083vw;
  transition: background ease 0.3s;
}

.sv2-item:hover {
  background: #e9effa;
}

.sv2-item-head {
  margin-bottom: 1.25vw;
}

.sv2-item-head h2 {
  line-height: 1.5;
  margin-bottom: 1.25vw;
}

.sv2-line {
  width: 100%;
  height: 0.052vw;
  background: #d9d9d9;
}

.sv2-item:hover .sv2-line {
  background: var(--color);
}

.sv2-item:hover .sv2-item-head h2 {
  color: var(--color);
}

.sv2-features {
  display: flex;
  flex-direction: column;
  gap: 0.625vw;
}

.sv2-features li {
  display: flex;
  align-items: flex-start;
  gap: 0.572vw;
  color: #333;
  line-height: 1.5;
}

.sv2-features li .icon {
  width: 0.677vw;
  height: 0.677vw;
  margin-top: 0.416vw;
  background: url('/img/service/sv2-i1.svg') no-repeat center/contain;
  transition: all ease .3s;
}

.sv2-item:hover li .icon {
  background: url('/img/service/sv2-i1-h.svg') no-repeat center/contain;
}

.sv2-features li p {
  flex: 1;
  min-width: 0;
}

.sv2-highlight {
  color: var(--color) !important;
}

.sl2 {
  padding: 2.083vw 0;
}

.sl2-tabs {
  border-bottom: 0.052vw solid #e5e5e5;
  margin-bottom: 3.125vw;
}

.sl2-tab {
  flex: 1;
  text-align: center;
  padding: 0 0.416vw 0.937vw;
  color: #737373;
  cursor: pointer;
  position: relative;
  line-height: 1.5;
  transition: color ease 0.3s;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.sl2-tab::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -0.052vw;
  width: 100%;
  height: 0.104vw;
  background: transparent;
  transition: background ease 0.3s;
}

.sl2-tab.on {
  color: var(--color);
  font-weight: 500;
}

.sl2-tab.on::after {
  background: var(--color);
}

.sl2-content {
  display: none;
  gap: 4.479vw;
  align-items: center;
}

.sl2-content.on {
  display: flex;
  animation: fadeInUp 1s ease forwards;
}

.sl2-content-left {
  width: 33.541vw;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 28.177vw;
}

.sl2-content-left h2 {
  line-height: 1.5;
  margin-bottom: 2.083vw;
}

.sl2-points {
  display: flex;
  flex-direction: column;
  gap: 2.083vw;
}

.sl2-point {
  gap: 0.625vw;
}

.sl2-point p {
  opacity: 0.6;
  line-height: 1.5;
  color: var(--color);
  flex: 1;
  min-width: 0;
}

.sl2-num {
  width: 1.458vw;
  height: 1.458vw;
  border-radius: 50%;
  background: var(--color);
  color: #fff;
  flex-shrink: 0;
}

.sl2-desc {
  color: var(--color);
  line-height: 1.5;
  text-align: justify;
  margin-top: 3.125vw;
}

.sl2-content-img {
  flex: 1;
  height: 28.177vw;
  border-radius: 1.041vw;
  overflow: hidden;
}

.sl3 {
  padding: 4.166vw 0 9.791vw;
}

.sl3-head {
  margin-bottom: 3.125vw;
  align-items: flex-start;
}

.sl3-head h2 {
  line-height: 1.5;
  flex-shrink: 0;
}

.sl3-head-desc {
  color: #191919;
  line-height: 1.5;
}

.sl3-list {
  gap: 0;
}

.sl3-item {
  flex: 1;
  position: relative;
  cursor: pointer;
}

.sl3-item-media {
  position: relative;
  width: 100%;
  height: 36.458vw;
  overflow: hidden;
}

.sl3-item-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: opacity ease 0.5s;
}

.sl3-item-vid {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity ease 0.5s;
}

.sl3-item.playing .sl3-item-bg {
  opacity: 0;
}

.sl3-item.playing .sl3-item-vid {
  opacity: 1;
}

.sl3-item-title {
  position: absolute;
  left: 0;
  bottom: 4.166vw;
  width: 100%;
  padding: 0 2.083vw;
  text-align: center;
  color: #fff;
  line-height: 1.45;
}

.foot-wrap {
  position: relative;
  background: #000553;
  color: #fff;
  padding: 5.208vw 6.25vw 6.25vw;
  overflow: hidden;
}

.foot-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: soft-light;
}

.foot-bg img {
  object-position: center top;
}

.foot1 {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6.25vw;
}

.foot-logo {
  width: 20.583vw;
}

.foot-top {
  width: 6.25vw;
  margin-right: 3.906vw;
  cursor: pointer;
  transition: all ease 0.3s;
}

.foot-top:hover {
  transform: translateY(-0.26vw);
}

.foot-top img {
  width: 100%;
}

.foot2 {
  position: relative;
  z-index: 2;
}

.foot2-left {
  max-width: 39.687vw;
}

.foot-title {
  line-height: 2.812vw;
  margin-bottom: 1.666vw;
  height: 2.864vw;
}

.foot2-addr {
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.5;
  margin-bottom: 1.041vw;
  text-transform: capitalize;
}

.foot2-social {
  gap: 1.25vw;
  margin-bottom: 3.02vw;
}

.foot2-social a {
  width: 2.395vw;
  height: 2.395vw;
  filter: brightness(0) invert(1);
  transition: all ease .3s;
}

.foot2-social a:hover {
  filter: brightness(1) invert(0);
}

.foot-wrap .C-btn1 {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  border-radius: 52.031vw;
  padding: 0 2.187vw;
  height: 2.5vw;
}

.foot-wrap .C-btn1 img {
  width: 1.25vw;
  margin-left: 0.416vw;
}

.foot-wrap .C-btn1:hover {
  background: rgba(255, 255, 255, 0.2);
}

.foot2-right {
  gap: 0;
  border-bottom: 0.052vw solid #2F4C84;
}

.foot-col {
  width: 21.302vw;
}

.foot-links {
  display: flex;
  flex-direction: column;
  gap: 0.833vw;
  color: rgba(255, 255, 255, 0.7);
  text-transform: capitalize;
}

.foot-links a {
  line-height: 1.5;
}

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

.foot-copy {
  margin-top: 1.25vw;
  position: relative;
  z-index: 2;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.5;
  gap: 20px;
}

.sv3 {
  padding: 8.541vw 19.27vw 5.312vw;
}

.sv3-title {
  margin-bottom: 2.916vw;
}

.sv3-title h2 {
  line-height: 3.75vw;
  text-transform: capitalize;
  margin-bottom: 1.041vw;
}

.sv3-title p {
  line-height: 1.5;
  color: #191919;
}

.sv3-form {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25vw 0;
}

.sv3-field {
  width: calc(50% - 1.562vw);
}

.sv3-field.full {
  width: 100%;
}

.sv3-label {
  color: #00205b;
  text-transform: capitalize;
  line-height: 1.5;
  margin-bottom: 0.416vw;
}

.sv3-input {
  width: 100%;
  height: 3.437vw;
  border: 0.052vw solid rgba(0, 0, 0, 0.1);
  border-radius: 0.625vw;
  padding: 0 1.197vw;
  color: #00205b;
  background: #fff;
  transition: border-color ease 0.3s;
}

.sv3-input::placeholder {
  color: #9ca3af;
}

.sv3-input:focus {
  border-color: #00205b;
}

.sv3-select-wrap {
  position: relative;
}

.sv3-select-wrap .sv3-input {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  padding-right: 3.125vw;
}

.sv3-select-arrow {
  position: absolute;
  right: 1.197vw;
  top: 50%;
  transform: translateY(-50%);
  width: 1.25vw;
  height: 1.25vw;
  pointer-events: none;
  transition: transform ease 0.3s;
}

.sv3-select-wrap.open .sv3-select-arrow {
  transform: translateY(-50%) rotate(180deg);
}

.sv3-select-drop {
  position: absolute;
  left: 0;
  top: calc(100% + 0.208vw);
  width: 100%;
  background: #fff;
  border-radius: 0.625vw;
  box-shadow: 0.26vw 0.312vw 1.041vw 0 rgba(0, 0, 0, 0.05), 0vw 0vw 1.041vw 0 rgba(0, 0, 0, 0.05);
  padding: 0.833vw 1.25vw;
  z-index: 10;
  display: none;
}

.sv3-select-wrap.open .sv3-select-drop {
  display: block;
}

.sv3-select-option {
  padding: 0.416vw 0;
  color: #666;
  cursor: pointer;
  line-height: 1.093vw;
  transition: color ease 0.3s;
}

.sv3-select-option:hover {
  color: #002361;
}

.sv3-select-option.on {
  color: #002361;
  font-weight: 500;
}

.sv3-textarea {
  width: 100%;
  height: 8.333vw;
  border: 0.052vw solid rgba(0, 0, 0, 0.1);
  border-radius: 0.625vw;
  padding: 1.041vw 1.197vw;
  color: #00205b;
  resize: none;
  transition: border-color ease 0.3s;
}

.sv3-textarea::placeholder {
  color: #9ca3af;
}

.sv3-textarea:focus {
  border-color: #00205b;
}

.sv3-upload {
  width: 100%;
  height: 8.333vw;
  border: 0.052vw solid #e9e9e9;
  border-radius: 0.625vw;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.26vw;
  cursor: pointer;
  transition: border-color ease 0.3s;
}

.sv3-upload:hover {
  border-color: #00205b;
}

.sv3-upload-icon {
  width: 1.25vw;
  height: 1.25vw;
}

.sv3-upload-text {
  color: #9ca3af;
  line-height: 0.911vw;
  text-align: center;
}

.sv3-upload-hint {
  color: #4b5563;
  line-height: 0.729vw;
  text-align: center;
}

.sv3-upload-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.416vw;
  margin-top: 0.416vw;
}

.sv3-upload-file {
  display: flex;
  align-items: center;
  gap: 0.312vw;
  background: #f3f4f6;
  border-radius: 0.312vw;
  padding: 0.208vw 0.52vw;
  color: #333;
}

.sv3-upload-file .remove {
  cursor: pointer;
  color: #999;
  transition: color ease 0.3s;
}

.sv3-upload-file .remove:hover {
  color: #f00;
}

.sv3-submit {
  width: 100%;
  height: 2.552vw;
  background: #00205b;
  border-radius: 0.625vw;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.072vw;
  border: none;
  cursor: pointer;
  transition: opacity ease 0.3s;
}

.sv3-submit:hover {
  opacity: 0.9;
}

.sv3-agree {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.416vw;
}

.sv3-agree-icon {
  width: 0.729vw;
  height: 0.729vw;
  flex-shrink: 0;
}

.sv3-agree p {
  color: #6b7280;
  line-height: 0.729vw;
}

.sv3-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 100;
  display: none;
  align-items: center;
  justify-content: center;
}

.sv3-modal.show {
  display: flex;
}

.sv3-modal-box {
  width: 46.822vw;
  background: #fff;
  border-radius: 0.625vw;
  box-shadow: 0.468vw 0.572vw 1.666vw 0 rgba(0, 0, 0, 0.05);
  padding: 2.916vw 3.125vw 2.552vw;
  text-align: center;
}

.sv3-modal-box p {
  color: #191919;
  line-height: 1.5;
  margin-bottom: 1.25vw;
}

.sv3-modal-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 9.375vw;
  height: 2.552vw;
  background: #00205b;
  border-radius: 0.625vw;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.072vw;
  border: none;
  cursor: pointer;
  transition: opacity ease 0.3s;
}

.sv3-modal-btn:hover {
  opacity: 0.9;
}

.sv5 {
  padding: 8.072vw 0 3.125vw;
}

.sv5-wrap {
  width: 61.458vw;
  margin: 0 auto;
}

.sv5-head {
  margin-bottom: 2.083vw;
}

.sv5-head h2 {
  line-height: 1.5;
  color: #000;
  margin-bottom: 0.625vw;
}

.sv5-head p {
  line-height: 1.5;
  color: #191919;
}

.sv5-search {
  display: flex;
  align-items: center;
  gap: 1.25vw;
  width: 100%;
  height: 3.437vw;
  border: 0.052vw solid rgba(0, 0, 0, 0.1);
  border-radius: 0.625vw;
  padding: 0 1.25vw;
  margin-bottom: 2.083vw;
  transition: border-color ease 0.3s;
}

.sv5-search:focus-within {
  border-color: var(--color);
}

.sv5-search-icon {
  width: 1.25vw;
  height: 1.25vw;
  flex-shrink: 0;
}

.sv5-search-icon img {
  width: 100%;
  height: 100%;
}

.sv5-search-input {
  flex: 1;
  height: 100%;
  border: none;
  background: transparent;
  color: #333;
  outline: none;
}

.sv5-search-input::placeholder {
  color: #9ca3af;
}

.sv5-content-empty-tip {
  padding: 4.166vw 0;
  color: #999;
}

.sv5-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25vw 3.125vw;
}

.sv5-item {
  width: 29.166vw;
  height: 5.625vw;
  background: #fff;
  border: 0.052vw solid #eaeaea;
  border-radius: 1.041vw;
  padding: 1.562vw;
  display: flex;
  align-items: center;
  gap: 1.77vw;
  transition: border-color ease 0.3s;
}

.sv5-item:hover {
  border-color: var(--color);
}

.sv5-item-icon {
  width: 2.083vw;
  height: 2.5vw;
  flex-shrink: 0;
}

.sv5-item-icon img {
  width: 100%;
  height: 100%;
}

.sv5-item-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.468vw;
}

.sv5-item-info h3 {
  color: #333;
  line-height: 1.5;
}

.sv5-item-info span {
  color: #999;
  line-height: 1.5;
}

.sv5-item-download {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.208vw;
  flex-shrink: 0;
  width: 1.562vw;
}

.sv5-download-icon {
  width: 0.833vw;
  height: 0.833vw;
}

.sv5-download-icon img {
  width: 100%;
  height: 100%;
}

.sv5-item-download span {
  color: #999;
  line-height: 1.5;
  white-space: nowrap;
}

.sv5-loadmore {
  display: block;
  text-align: center;
  color: var(--color);
  line-height: 1.5;
  text-decoration: underline;
  margin-top: 3.125vw;
  transition: opacity ease 0.3s;
}

.sv5-loadmore:hover {
  opacity: 0.7;
}

.C-mbx {
  gap: 0.625vw;
}

.C-mbx-home {
  width: 1.562vw;
  height: 1.562vw;
}

.C-mbx-arrow {
  width: 1.562vw;
  height: 1.562vw;
}

.C-mbx-links {
  gap: 0.208vw;
}

.C-paging {
  gap: 0.833vw;
}

.C-paging-prev,
.C-paging-next {
  width: 1.25vw;
  height: 1.25vw;
  transition: opacity ease 0.3s;
}

.C-paging-prev:hover,
.C-paging-next:hover {
  opacity: 0.6;
}

.C-paging-list {
  gap: 0.625vw;
}

.C-paging-item {
  width: 1.979vw;
  height: 1.979vw;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  transition: all ease 0.3s;
}

.C-paging-item:hover,
.C-paging-item.on {
  background: var(--color);
  border-color: var(--color);
  color: #fff;
}

.news2 {
  padding: 0 6.25vw;
}

.news2-inner {
  padding: 2.083vw 0 0;
}

.news2-swiper {
  margin-top: 4.166vw;
}

.news2Swiper {
  overflow: hidden;
}

.news2-slide {
  gap: 4.687vw;
}

.news2-slide-img {
  width: 40.729vw;
  height: 30.781vw;
  border-radius: 1.041vw;
  overflow: hidden;
  flex-shrink: 0;
}

.news2-slide-info {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.news2-slide-info h2 {
  line-height: 3.75vw;
  text-transform: capitalize;
  margin-bottom: 1.041vw;
}

.news2-slide-desc {
  color: #191919;
  line-height: 1.5;
  text-align: justify;
  display: flex;
  flex-direction: column;
  gap: 1.041vw;
}

.news2-slide-btns {
  gap: 1.25vw;
  margin-top: auto;
  justify-content: flex-end;
  padding-top: 1.718vw;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 5;
}

.news2-slide-btns .sbtn1 {
  width: 3.229vw;
  background: url('/img/news/news2-i1.svg') no-repeat center/contain;
}

.news2-slide-btns .sbtn1:hover {
  background: url('/img/news/news2-i1-h.svg') no-repeat center/contain;
}

.news3 {
  padding: 7.291vw 6.25vw 5.208vw;
}

.news3-tabs {
  gap: 4.166vw;
  text-transform: uppercase;
}

.news3-tab {
  color: #999;
  cursor: pointer;
  transition: color ease 0.3s;
  line-height: 1.5;
}

.news3-tab.on,
.news3-tab:hover {
  color: var(--color);
}

.news3-line {
  width: 100%;
  height: 0.104vw;
  background: #eee;
  margin-top: 1.25vw;
}

.news3-list {
  gap: 2.343vw;
  margin-top: 3.125vw;
}

.news3-item {
  width: 27.604vw;
  flex-shrink: 0;
}

.news3-item-img {
  width: 27.604vw;
  height: 16.666vw;
  border-radius: 1.041vw;
  overflow: hidden;
}

.news3-item-info {
  margin-top: 1.25vw;
}

.news3-item-date {
  color: #1c1c1c;
  line-height: 1.5;
}

.news3-item-title {
  color: #333;
  line-height: 1.5;
  margin-top: 0.833vw;
  transition: color ease 0.3s;
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.news3-item:hover .news3-item-title {
  color: var(--color);
}

.news3-item-desc {
  color: #666;
  line-height: 1.5;
  margin-top: 1.041vw;
  transition: color ease 0.3s;
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.news3-item:hover .news3-item-desc {
  color: var(--color);
}

.news3 .C-paging {
  margin-top: 4.166vw;
}

.news5 {
  padding: 2.083vw 6.25vw 6.25vw;
}

.news5-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 2.083vw;
  align-items: flex-start;
}

.news5-main {
  width: 62.5vw;
  flex-shrink: 0;
}

.news5-head {
  margin-bottom: 4.166vw;
}

.news5-title {
  color: var(--color);
  line-height: 1.5;
  margin-top: 4.166vw;
}

.news5-content {
  display: flex;
  flex-direction: column;
  gap: 2.083vw;
}

.news5-img {
  width: 62.5vw;
  height: 29.166vw;
  border-radius: 1.041vw;
  overflow: hidden;
}

.news5-date {
  color: #666;
  line-height: 1.5;
}

.news5-text {
  color: #191919;
  line-height: 1.5;
  text-align: justify;
  display: flex;
  flex-direction: column;
  gap: 1.041vw;
}

.news5-nav {
  margin-top: 6.25vw;
}

.news5-nav-line {
  width: 100%;
  height: 0.052vw;
  background: #ddd;
}

.news5-nav-links {
  margin-top: 1.25vw;
  display: flex;
  flex-direction: column;
  gap: 0.833vw;
}

.news5-nav-prev {
  color: #999;
  line-height: 1.5;
  transition: all ease 0.3s;
}

.news5-nav-prev:hover {
  color: var(--color);
}

.news5-nav-next {
  color: #999;
  line-height: 1.5;
  transition: all ease 0.3s;
}

.news5-nav-next:hover {
  color: var(--color);
}

.news5-back {
  gap: 0.833vw;
  margin-top: 2.083vw;
}

.news5-back-icon {
  width: 1.875vw;
}

.news5-back span {
  color: #191919;
  line-height: 1.5;
  transition: color ease 0.3s;
}

.news5-back:hover span {
  color: var(--color);
}

.news5-side {
  width: 21.916vw;
  padding-top: 18.125vw;
}

.news5-share {
  gap: 0.833vw;
  margin-bottom: 4.687vw;
  justify-content: flex-end;
  padding-bottom: 0.833vw;
  border-bottom: 0.208vw solid #EEE;
}

.news5-share-icon {
  width: 1.562vw;
  transition: opacity ease 0.3s;
}

.news5-share-icon:hover {
  opacity: 0.7;
}

.news5-side-title {
  color: #333;
  line-height: 1.5;
  margin-bottom: 2.083vw;
}

.news5-recommend {
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
}

.news5-rec-item {
  display: flex;
  flex-direction: column;
  gap: 0.833vw;
  padding-top: 1.25vw;
}

.news5-rec-item+.news5-rec-item {
  border-top: 0.052vw solid #eee;
}

.news5-rec-img {
  width: 22.916vw;
  height: 10.312vw;
  border-radius: 0.625vw;
  overflow: hidden;
}

.news5-rec-title {
  color: #333;
  line-height: 1.458vw;
  transition: color ease 0.3s;
}

.news5-rec-item:hover .news5-rec-title {
  color: var(--color);
}

.ct2 {
  position: relative;
  padding: 0 6.25vw;
  min-height: 66.302vw;
  overflow: hidden;
}

.ct2-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

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

.ct2-aperture {
  position: absolute;
  left: 12.395vw;
  top: 4.583vw;
  width: 23.958vw;
  height: 23.958vw;
}

.ct2-aperture-ring {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 0.052vw dashed rgba(0, 32, 91, 0.2);
  animation: ct2-pulse 4s ease-in-out infinite;
}

.ct2-aperture-ring:nth-child(1) {
  width: 23.958vw;
  height: 23.958vw;
  animation-delay: 0s;
}

.ct2-aperture-ring:nth-child(2) {
  width: 10.208vw;
  height: 10.208vw;
  border-style: solid;
  border-color: rgba(0, 32, 91, 0.12);
  animation-delay: 1s;
}

.ct2-aperture-ring:nth-child(3) {
  width: 3.437vw;
  height: 3.437vw;
  border-style: solid;
  border-color: rgba(0, 32, 91, 0.18);
  animation-delay: 2s;
}

.ct2-aperture-dot {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1.822vw;
  height: 1.822vw;
  border-radius: 50%;
  background: var(--color);
}

.ct2-aperture-dot::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.781vw;
  height: 0.781vw;
  border-radius: 50%;
  background: #fff;
}

@keyframes ct2-pulse {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }

  50% {
    transform: translate(-50%, -50%) scale(1.15);
    opacity: 0.4;
  }

  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}

.ct2-content {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 23.854vw;
}

.ct2-left {
  width: 30.781vw;
  display: flex;
  flex-direction: column;
  gap: 1.666vw;
}

.ct2-left h2 {
  color: var(--color);
  line-height: 1.5;
}

.ct2-addr {
  color: #191919;
  line-height: 1.5;
}

.ct2-email-group {
  display: flex;
  flex-direction: column;
  gap: 0.833vw;
}

.ct2-email-item {
  display: flex;
  flex-direction: column;
}

.ct2-email-item span {
  color: #191919;
  line-height: 1.5;
}

.ct2-email-item a {
  color: #191919;
  line-height: 1.5;
  transition: color ease 0.3s;
}

.ct2-email-item a:hover {
  color: var(--color);
}

.ct2-right {
  width: 44.791vw;
  border-radius: 0.833vw;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(1.041vw);
  box-shadow: 0.52vw 0.625vw 3.125vw 0 rgba(175, 184, 197, 0.25);
  padding: 3.385vw;
  position: relative;
}

.ct2-step {
  display: none;
}

.ct2-step.on {
  display: block;
}

.ct2-step-title {
  color: var(--color);
  line-height: 1.5;
  text-align: center;
  margin-bottom: 1.666vw;
}

.ct2-form-row {
  display: flex;
  justify-content: space-between;
  gap: 0.833vw;
  margin-bottom: 1.25vw;
}

.ct2-field {
  flex: 1;
}

.ct2-field.full {
  width: 100%;
}

.ct2-label {
  color: var(--color);
  text-transform: capitalize;
  line-height: 1.5;
  margin-bottom: 0.416vw;
}

.ct2-input {
  width: 100%;
  height: 3.229vw;
  border: 0.052vw solid #f0f0f0;
  border-radius: 0.625vw;
  padding: 0 0.833vw;
  color: var(--color);
  background: #fff;
  transition: border-color ease 0.3s;
}

.ct2-input::placeholder {
  color: #999;
}

.ct2-input:focus {
  border-color: var(--color);
}

.ct2-select-wrap {
  position: relative;
}

.ct2-select-wrap .ct2-input {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  padding-right: 2.604vw;
}

.ct2-select-arrow {
  position: absolute;
  right: 0.833vw;
  top: 50%;
  transform: translateY(-50%);
  width: 1.25vw;
  height: 1.25vw;
  pointer-events: none;
  transition: transform ease 0.3s;
}

.ct2-select-wrap.open .ct2-select-arrow {
  transform: translateY(-50%) rotate(180deg);
}

.ct2-select-drop {
  position: absolute;
  left: 0;
  top: calc(100% + 0.208vw);
  width: 100%;
  background: #fff;
  border-radius: 0.625vw;
  box-shadow: 0.26vw 0.312vw 1.041vw 0 rgba(0, 0, 0, 0.05), 0 0 1.041vw 0 rgba(0, 0, 0, 0.05);
  padding: 0.833vw 1.25vw;
  z-index: 10;
  display: none;
}

.ct2-select-wrap.open .ct2-select-drop {
  display: block;
}

.ct2-select-option {
  padding: 0.416vw 0;
  color: #666;
  cursor: pointer;
  line-height: 1.093vw;
  transition: color ease 0.3s;
}

.ct2-select-option:hover {
  color: var(--color);
}

.ct2-select-option.on {
  color: var(--color);
  font-weight: 500;
}

.ct2-next-btn {
  width: 100%;
  height: 2.812vw;
  background: var(--color);
  border-radius: 0.416vw;
  color: #fff;
  text-transform: capitalize;
  border: none;
  cursor: pointer;
  transition: opacity ease 0.3s;
  margin-top: 0.833vw;
}

.ct2-next-btn:hover {
  opacity: 0.9;
}

.ct2-submit-btn {
  width: 100%;
  height: 2.812vw;
  background: var(--color);
  border-radius: 0.416vw;
  color: #fff;
  text-transform: capitalize;
  border: none;
  cursor: pointer;
  transition: opacity ease 0.3s;
  margin-top: 2.083vw;
}

.ct2-submit-btn:hover {
  opacity: 0.9;
}

.ct2-checkbox-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.833vw 1.562vw;
  align-items: center;
}

.ct2-checkbox {
  display: flex;
  align-items: center;
  gap: 0.416vw;
  cursor: pointer;
  user-select: none;
}

.ct2-checkbox-box {
  width: 1.093vw;
  height: 1.093vw;
  border-radius: 0.208vw;
  border: 0.052vw solid #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all ease 0.3s;
}

.ct2-checkbox.on .ct2-checkbox-box {
  background: var(--color);
  border-color: var(--color);
}

.ct2-checkbox-box svg {
  width: 0.572vw;
  height: 0.572vw;
  opacity: 0;
  transition: opacity ease 0.3s;
}

.ct2-checkbox.on .ct2-checkbox-box svg {
  opacity: 1;
}

.ct2-checkbox span {
  color: #000;
}

.ct2-field-group {
  margin-bottom: 1.25vw;
}

.ct2-field-group .ct2-label {
  margin-bottom: 0.833vw;
}

.ct2-textarea {
  width: 100%;
  height: 4.427vw;
  border: 0.052vw solid #f0f0f0;
  border-radius: 0.625vw;
  padding: 0.833vw;
  color: var(--color);
  resize: none;
  transition: border-color ease 0.3s;
}

.ct2-textarea::placeholder {
  color: #999;
}

.ct2-textarea:focus {
  border-color: var(--color);
}

.ct2-conditional {
  display: none;
  margin-top: 0.833vw;
}

.ct2-conditional.show {
  display: block;
}

.about1 {
  position: relative;
  width: 100%;
  height: 41.666vw;
  overflow: hidden;
}

.about1-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.about2 {
  padding: 6.25vw 0 0;
}

.about2-title {
  margin-bottom: 6.875vw;
  text-transform: capitalize;
}

.about2-main {
  position: relative;
  width: 100%;
  height: 200vh;
}

.about2 .pin {
  position: sticky;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.about2-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.about2-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(1.25vw);
  opacity: 0;
  transition: opacity 0.6s ease;
}

.about2-main.is-active .about2-mask {
  opacity: 1;
}

.about2-textbox {
  position: absolute;
  left: 18.645vw;
  top: 11.718vw;
  width: 62.708vw;
  color: #fff;
  text-align: center;
  line-height: 1.5;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 3.125vw;
  max-height: 90vh;
  overflow: auto;
}

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

.about3-title {
  padding: 0 5.468vw;
  margin-bottom: 1.041vw;
}

.about3-map {
  position: relative;
  width: 100%;
}

.about3-map-bg {
  width: 100%;
}

.about3-map-bg svg {
  width: 100%;
}

.about3-map-bg path {
  transition: all ease .3s;
}

.about3-points {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 45.156vw;
}

.about3-point {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.104vw;
  transition: all ease .3s;
}

.about3-point:hover {
  transform: translateY(-10%);
}

.about3-point-icon {
  width: 2.187vw;
  height: 2.187vw;
  border-radius: 50%;
  overflow: hidden;
}

.about3-point-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about3-point-name {
  color: #333;
  white-space: nowrap;
  opacity: 0;
}

.about3-point:hover .about3-point-name {
  opacity: 1;
}

.about3-legend {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  gap: 2.083vw;
}

.about3-legend-item {
  gap: 0.625vw;
  margin: 0.625vw 0;
}

.about3-legend-icon {
  width: 1.666vw;
  height: 1.666vw;
  border-radius: 50%;
  overflow: hidden;
}

.about3-legend-line {
  width: 1.666vw;
  height: 0.52vw;
}

.pd2 {
  padding: 6.25vw 6.25vw 13.541vw;
}

.pd2-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 4.166vw;
}

.pd2-head h1 {
  text-transform: capitalize;
  line-height: 3.75vw;
  flex-shrink: 0;
}

.pd2-desc {
  width: 44.062vw;
  color: #191919;
  line-height: 1.5;
  text-align: right;
}

.pd2-tabs {
  gap: 6.25vw;
  position: relative;
}

.pd2-tab {
  text-align: center;
  padding-bottom: 1.666vw;
  color: #666;
  cursor: pointer;
  position: relative;
  line-height: 1.875vw;
  transition: color ease 0.3s;
  white-space: nowrap;
}

.pd2-tab::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.052vw;
  width: 0;
  height: 0.104vw;
  background: var(--color);
  transition: width ease 0.3s;
}

.pd2-tab.on {
  color: var(--color);
}

.pd2-tab.on::after {
  width: 100%;
}

.pd2-line {
  width: 100%;
  height: 0.052vw;
  background: #e5e5e5;
}

.pd2-content {
  margin-top: 3.125vw;
  gap: 1.666vw;
  align-items: stretch;
}

.pd2-side {
  width: 15vw;
  height: 33.333vw;
  border-radius: 0.416vw;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}

.pd2-side-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.pd2-side-info {
  position: relative;
  z-index: 2;
  padding: 1.822vw 1.666vw;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 1.666vw;
  height: 100%;
}

.pd2-side-info h2 {
  line-height: 1.5;
}

.pd2-side-info p {
  line-height: 1.5;
}

.pd2-list {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 2.083vw 1.666vw;
  align-content: flex-start;
}

.pd2-item {
  width: calc(50% - 0.833vw);
  height: 15.625vw;
  background: #f6f7f8;
  border-radius: 1.041vw;
  overflow: hidden;
  position: relative;
  transition: all ease 0.3s;
}

.pd2-item:hover {
  background: #fff;
  box-shadow: 0.26vw 0.312vw 2.083vw 0 rgba(0, 0, 0, 0.06);
}

.pd2-item-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.pd2-item-img img {
  height: 100%;
  object-fit: cover;
  margin: 0 auto;
}

.pd2-item-info {
  position: absolute;
  left: 1.562vw;
  top: 1.562vw;
  display: flex;
  flex-direction: column;
  gap: 0.416vw;
}

.pd2-item-info p {
  color: #646464;
  line-height: 1;
}

.pd2-item-line {
  width: 1.666vw;
  height: 0.104vw;
  background: #d9d9d9;
}

.pd4 {
  position: relative;
  height: 200vh;
}

.pd4-top {
  max-width: 51.562vw;
  margin: 0 auto;
}

.pd4-top h2 {
  line-height: 3.75vw;
  text-transform: capitalize;
}

.pd4-top p {
  line-height: 1.5;
  color: #191919;
  margin-top: 1.041vw;
}

.pd4-btn {
  margin-top: 2.083vw;
}

.C-btn5 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 3.229vw;
  padding: 0 2.291vw;
  border-radius: 52.031vw;
  background: var(--color);
  color: #fff;
  white-space: nowrap;
  text-transform: capitalize;
  transition: all ease 0.3s;
}

.C-btn5:hover {
  opacity: 0.85;
}

.pd4-list {
  margin-top: auto;
}

.pd4-item {
  flex-shrink: 0;
}

.pd4-num {
  line-height: 1;
  text-transform: uppercase;
}

.pd4-label {
  color: #454545;
  line-height: 1.5;
  margin-top: 0.416vw;
}

.pd4 .pin {
  position: sticky;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  padding: 6.25vw 6.25vw;
  display: flex;
  flex-direction: column;
}

.pd4 .test {
  position: fixed;
  left: 2%;
  top: 10%;
  z-index: 10;
  color: #f00;
  font-size: 0.833vw;
  display: none;
}

.pd4 .image-container {
  width: 70%;
  position: absolute;
  right: 15%;
  bottom: 0;
  height: 80%;
  overflow: hidden;
  z-index: -1;
  pointer-events: none;
}

.pd4 .image-container img {
  width: 100%;
  height: auto;
  display: none;
  position: absolute;
  left: 50%;
  transition: all ease 1s;

  bottom: 50%;
  transform: translate(-50%, 50%);
}

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

.pd5 {
  position: relative;
}

.pd5-main {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.pd5-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.pd5-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.22);
}

.pd5-info {
  position: absolute;
  left: 6.25vw;
  bottom: 6.25vw;
  width: 51.822vw;
  color: #fff;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.6s ease;
}

.pd5-info.on {
  opacity: 1;
}

.pd5-title {
  line-height: 3.75vw;
  text-transform: capitalize;
}

.pd5-desc {
  line-height: 2.031vw;
  margin-top: 1.041vw;
}

.pd6 {
  background: #000;
  overflow: hidden;
}

.pd6-sec1 {
  padding: 6.25vw 6.25vw 0;
}

.pd6-sec1-title {
  color: #fff;
  line-height: 3.75vw;
  margin-bottom: 2.083vw;
}

.pd6-grid {
  display: grid;
  grid-template-columns: 43.541vw 1fr;
  grid-template-rows: 18.75vw 12.708vw;
  gap: 2.083vw;
}

.pd6-grid-left {
  grid-row: 1 / 3;
  border-radius: 1.666vw;
  overflow: hidden;
}

.pd6-grid-rt {
  border-radius: 1.666vw;
  overflow: hidden;
}

.pd6-grid-rb {
  background: #292b2d;
  border-radius: 1.666vw;
  padding: 3.125vw;
}

.pd6-grid-rb p {
  color: #fff;
  line-height: 2.031vw;
  letter-spacing: -0.052vw;
  text-align: justify;
}

.pd6-sec2 {
  padding: 6.25vw 6.25vw 3.75vw;
  overflow: hidden;
}

.pd6-sec2-title {
  color: #fff;
  line-height: 3.75vw;
  margin-bottom: 2.083vw;
}

.pd6-table {
  background: rgba(255, 255, 255, 0.19);
  border-radius: 1.666vw;
  padding: 2.083vw 3.385vw 3.75vw 3.385vw;
}

.pd6-table-head {
  position: relative;
  padding-bottom: 0.625vw;
  border-bottom: 0.052vw solid rgba(255, 255, 255, 0.2);
}

.pd6-th-model {
  width: 26.875vw;
  color: #fff;
  flex-shrink: 0;
  line-height: 2.5vw;
  text-align: center;
}

.pd6-th-col {
  width: 25.979vw;
  flex-shrink: 0;
}

.pd6-select {
  position: relative;
}

.pd6-select-val {
  gap: 1.25vw;
  color: #fff;
  cursor: pointer;
  height: 2.5vw;
  justify-content: center;
  user-select: none;
}

.pd6-select-arrow {
  width: 1.666vw;
  height: 1.666vw;
  transition: transform ease 0.3s;
}

.pd6-select.open .pd6-select-arrow {
  transform: rotate(180deg);
}

.pd6-select-drop {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 0.416vw);
  min-width: 12.5vw;
  background: #fff;
  border-radius: 0.625vw;
  box-shadow: 0.26vw 0.312vw 1.041vw 0 rgba(0, 0, 0, 0.05), 0 0 1.041vw 0 rgba(0, 0, 0, 0.05);
  padding: 0.833vw 1.25vw;
  z-index: 10;
  display: none;
}

.pd6-select.open .pd6-select-drop {
  display: block;
}

.pd6-select-option {
  padding: 0.416vw 0;
  color: #666;
  cursor: pointer;
  transition: color ease 0.3s;
  text-align: center;
}

.pd6-select-option:hover {
  color: var(--color);
}

.pd6-select-option.on {
  color: var(--color);
  font-weight: 500;
}

.pd6-row {
  border-bottom: 0.052vw solid rgba(255, 255, 255, 0.2);
  align-items: center;
  min-height: 4.322vw;
}

.pd6-td-label {
  width: 26.875vw;
  color: #fff;
  flex-shrink: 0;
  text-align: center;
  line-height: 1.5;
  padding: 0.833vw 0;
}

.pd6-td-val {
  width: 25.979vw;
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
  line-height: 1.5;
  padding: 0.833vw 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.pd6-td-val.fbd700,
.pd6-td-val.fbd600 {
  color: #fff;
}

.pd6-td-val img {
  width: 1.666vw;
}

.pd7 {
  padding: 6.25vw 6.25vw;
  overflow: hidden;
}

.pd7-inner {}

.pd7-head {
  flex: 1;
  min-width: 0;
}

.pd7-head h2 {
  line-height: 3.75vw;
  text-transform: capitalize;
}

.pd7-right {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}

.pd7-btns {
  gap: 1.25vw;
  justify-content: flex-start;
  margin-right: 3.125vw;
}

.pd7-btns .sbtn1 {
  width: 3.229vw;
  background: url('/img/news/news2-i1.svg') no-repeat center/contain;
}

.pd7-btns .sbtn1:hover {
  background: url('/img/news/news2-i1-h.svg') no-repeat center/contain;
}

.pd7-swiper {
  overflow: hidden;
  width: 65.104vw;
}

.pd7Swiper {
  overflow: visible;
}

.pd7-slide {
  display: flex;
  flex-direction: column;
  gap: 1.562vw;
  background: #f5f5f5;
  border-radius: 1.041vw;
  padding-bottom: 2.083vw;
  height: 25vw;
  align-items: center;
  transition: all ease 0.3s;
}

.pd7-slide:hover {
  background: #fff;
  box-shadow: 0.26vw 0.312vw 2.083vw 0 rgba(0, 0, 0, 0.06);
}

.pd7-slide:hover h3 {
  color: #002567;
}

.pd7-slide-img {
  width: 100%;
  height: 11.458vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.083vw 0 0;
}

.pd7-slide-img img {
  max-width: 90%;
  max-height: 100%;
  object-fit: contain;
}

.pd7-slide-info {
  padding: 0 2.083vw;
  width: 100%;
}

.pd7-slide-info h3 {
  color: #333;
  line-height: 2.5vw;
  transition: color ease 0.3s;
}

.pd7-slide-info p {
  color: #000;
  line-height: 1.5;
  margin-top: 0.625vw;
}

.legal-hero {
  position: relative;
  width: 100%;
  height: 25vw;
  background: var(--color);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.legal-hero::before {
  content: '';
  position: absolute;
  left: -10%;
  top: -30%;
  width: 60%;
  height: 160%;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 50%;
  transform: rotate(-15deg);
}

.legal-hero h1 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.416vw;
  position: relative;
  z-index: 2;
}

.legal-body {
  max-width: 62.5vw;
  margin: 0 auto;
  padding: 5.208vw 2.083vw 7.291vw;
}

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

.privacy-section__title {
  color: var(--color);
  line-height: 1.5;
  padding-left: 1.041vw;
  border-left: 0.208vw solid var(--color);
  margin-bottom: 1.041vw;
}

.privacy-section__text {
  color: #333;
  opacity: 0.7;
  line-height: 1.8;
  text-align: justify;
}

.legal-intro {
  color: #333;
  opacity: 0.7;
  line-height: 1.8;
  text-align: justify;
  margin-bottom: 3.125vw;
}