@import url(../font/iconfont.css);

@font-face {
  font-family: 'PingFangSC';
  src: url('/static/font/PingFangSC-Regular.ttf') format('truetype');
}

@clear-a {
  text-decoration: none;
  color: inherit;
}

a {
  text-decoration: none;
  color: inherit;
}

div,
img,
section {
  box-sizing: border-box;
}

img {
  display: block;
}

body {
  font-family: 'PingFangSC';
  margin: 0;
}

textarea {
  font-family: Montserrat;
}

.max-image {
  width: 100%;
}

.no-scroll {
  overflow: hidden;
}

@keyframes projectShow {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes maskFill {
  0% {
    transform: translate(0, 100%);
  }

  100% {
    transform: translate(0, 0%);
  }
}

@keyframes maskWidth {
  0% {
    width: 100%;
  }

  100% {
    width: 0px;
  }
}

header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}

header .header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.4063vw 4.1667vw;
  transition: all ease 0.5s;
  position: relative;
}

header .header-container .header-left .header-logo {
  display: block;
  width: 10.4167vw;
}

header .header-container .header-left .header-logo .default-logo {
  display: block;
}

header .header-container .header-left .header-logo .gray-logo {
  display: none;
}

header .header-container .header-center .nav-container .nav-list {
  display: flex;
  align-items: center;
  gap: 4.1667vw;
}

header .header-container .header-center .nav-container .nav-list .nav-item-container {
  position: relative;
}

header .header-container .header-center .nav-container .nav-list .nav-item-container .dropdown {
  width: fit-content;
  position: absolute;
  left: 50%;
  top: 120%;
  padding: 0.8854vw 1.0417vw;
  display: flex;
  flex-direction: column;
  gap: 0.7292vw;
  background: #fff;
  transform: translate3d(-50%, 0, 0);
  border-radius: 0.2083vw;
  clip-path: inset(0 0 100% 0);
}

header .header-container .header-center .nav-container .nav-list .nav-item-container .dropdown a {
  display: block;
  color: #000;
  font-size: 0.8333vw;
  font-weight: 400;
  text-wrap: nowrap;
}

@media screen and (max-width: 768px) {
  header .header-container .header-center .nav-container .nav-list .nav-item-container .dropdown a {
    font-size: 12px;
  }
}

header .header-container .header-center .nav-container .nav-list .nav-item-container .dropdown a:hover {
  color: #528dc2;
}

header .header-container .header-center .nav-container .nav-list .nav-item-container:hover .dropdown {
  clip-path: inset(0 0 0 0);
}

header .header-container .header-center .nav-container .nav-list .nav-item {
  font-size: 0.8854vw;
  padding: 0.3646vw 0;
  color: #fff;
  font-weight: 400;
  letter-spacing: 0.0708vw;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  header .header-container .header-center .nav-container .nav-list .nav-item {
    font-size: 14px;
  }
}

header .header-container .header-center .nav-container .nav-list .nav-item::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0.1042vw;
  width: 0;
  height: 0.1042vw;
  background: #00c0f4;
  transition: width ease 0.5s;
  transition-duration: left;
}

header .header-container .header-center .nav-container .nav-list .nav-item:hover::before {
  width: 100%;
}

header .header-container .header-center .nav-container .nav-list .has-underline::before {
  width: 100%;
  background: #00c0f4;
}

header .header-container .header-right {
  padding-left: 2.6042vw;
}

header .header-container .header-right .header-right-container {
  display: flex;
  align-items: center;
  gap: 1.0417vw;
}

header .header-container .header-right .header-right-container .line {
  width: 0.1042vw;
  height: 1.8229vw;
  background: #fff;
  margin-right: 1.0417vw;
}

header .header-container .header-right .header-right-container .search-container:hover .search-detail-container {
  clip-path: inset(0 0 0 0);
}

header .header-container .header-right .header-right-container .search-container .search-detail-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3.125vw 0;
  background: #fff;
  left: 0;
  top: 100%;
  width: 100%;
  position: absolute;
  clip-path: inset(0 0 100% 0);
  transition: clip-path ease 0.5s;
}

header .header-container .header-right .header-right-container .search-container .search-detail-container::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.2);
}

header .header-container .header-right .header-right-container .search-container .search-detail-container .search-detail-box {
  width: 60%;
  position: relative;
}

header .header-container .header-right .header-right-container .search-container .search-detail-container .search-detail-box input {
  padding: 0.5208vw 1.0417vw;
  width: 100%;
  background: none;
  border: none;
  outline: none;
  box-sizing: border-box;
  font-size: 0.9375vw;
  box-shadow: 0 0 0 1px #000;
  color: #000;
}

@media screen and (max-width: 768px) {
  header .header-container .header-right .header-right-container .search-container .search-detail-container .search-detail-box input {
    font-size: 14px;
  }
}

header .header-container .header-right .header-right-container .search-container .search-detail-container .search-detail-box input::placeholder {
  font-size: 0.9375vw;
  color: #666;
}

@media screen and (max-width: 768px) {
  header .header-container .header-right .header-right-container .search-container .search-detail-container .search-detail-box input::placeholder {
    font-size: 14px;
  }
}

header .header-container .header-right .header-right-container .search-container .search-detail-container .search-detail-box .btn {
  position: absolute;
  width: 4.1667vw;
  right: 0;
  top: 0;
  height: 100%;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 1px #000;
}

header .header-container .header-right .header-right-container .search-container .search-detail-container .search-detail-box .btn span {
  font-size: 0.9375vw;
  color: #fff;
}

@media screen and (max-width: 768px) {
  header .header-container .header-right .header-right-container .search-container .search-detail-container .search-detail-box .btn span {
    font-size: 14px;
  }
}

header .header-container .header-right .header-right-container .search-container .search-detail-container .search-detail-box .btn:hover {
  background: rgba(0, 0, 0, 0.8);
}

header .header-container .header-right .header-right-container .search-container span {
  font-size: 1.0417vw;
  color: #fff;
}

@media screen and (max-width: 768px) {
  header .header-container .header-right .header-right-container .search-container span {
    font-size: 15px;
  }
}

header .header-container .header-right .header-right-container .go-login-container {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 0.3438vw;
  box-shadow: 0 0 0 1px #fff;
  border-radius: 3.9583vw;
  padding: 0.401vw 0.625vw;
  cursor: pointer;
}

header .header-container .header-right .header-right-container .go-login-container .btn {
  width: 1.3542vw;
  height: 1.3542vw;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}

header .header-container .header-right .header-right-container .go-login-container .btn span {
  display: block;
  font-size: 0.625vw;
  color: #528dc2;
}

@media screen and (max-width: 768px) {
  header .header-container .header-right .header-right-container .go-login-container .btn span {
    font-size: 8px;
  }
}

header .header-container .header-right .header-right-container .go-login-container .text {
  color: #fff;
  font-size: 0.8854vw;
  font-weight: 400;
  letter-spacing: 0.213px;
}

@media screen and (max-width: 768px) {
  header .header-container .header-right .header-right-container .go-login-container .text {
    font-size: 14px;
  }
}

header .header-container .header-mobile-btn {
  display: none;
}

.white-header .header-container {
  background: #fff;
}

.white-header .header-container .header-left .header-logo .default-logo {
  display: none;
}

.white-header .header-container .header-left .header-logo .gray-logo {
  display: block;
}

.white-header .header-container .header-center .nav-container .nav-list .nav-item {
  color: #000;
}

.white-header .header-container .header-center .nav-container .nav-list .nav-item::before {
  background: #00c0f4;
}

.white-header .header-container .header-center .nav-container .nav-list .nav-item:hover {
  color: #375d7f;
}

.white-header .header-container .header-center .nav-container .nav-list .has-underline {
  color: #375d7f;
}

.white-header .header-container .header-center .nav-container .nav-list .has-underline::before {
  background: #00c0f4;
}

.white-header .header-container .header-right .header-right-container .line {
  background: #000;
}

.white-header .header-container .header-right .header-right-container .search-container span {
  color: #000;
}

.white-header .header-container .header-right .header-right-container .go-login-container {
  box-shadow: 0 0 0 1px #000;
}

.white-header .header-container .header-right .header-right-container .go-login-container .btn {
  background: #000;
}

.white-header .header-container .header-right .header-right-container .go-login-container .btn span {
  color: #fff;
}

.white-header .header-container .header-right .header-right-container .go-login-container .text {
  color: #000;
}

.white-header .header-container .header-right .header-right-container .go-login-container:hover {
  background: #000;
}

.white-header .header-container .header-right .header-right-container .go-login-container:hover .text {
  color: #fff;
}

footer {
  background: #3e445c;
}

footer .footer-container .top {
  padding: 4.4271vw 8.3333vw 2.6042vw;
  display: flex;
}

footer .footer-container .top .nav-list {
  display: flex;
  gap: 6.25vw;
  flex-shrink: 0;
}

footer .footer-container .top .nav-list .nav-item-container .title {
  color: #fff;
  font-size: 1.25vw;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  footer .footer-container .top .nav-list .nav-item-container .title {
    font-size: 15px;
  }
}

footer .footer-container .top .nav-list .nav-item-container .list {
  margin-top: 2.6042vw;
  display: flex;
  flex-direction: column;
  gap: 0.5208vw;
}

footer .footer-container .top .nav-list .nav-item-container .list .nav-item {
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.0417vw;
  font-weight: 400;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  footer .footer-container .top .nav-list .nav-item-container .list .nav-item {
    font-size: 15px;
  }
}

footer .footer-container .top .nav-list .nav-item-container .list .nav-item:hover {
  color: #fff;
}

footer .footer-container .top .info-container {
  margin-top: 9.0104vw;
  margin-left: 7.2917vw;
}

footer .footer-container .top .info-container .phone,
footer .footer-container .top .info-container .email {
  color: #fff;
  font-weight: 400;
}

footer .footer-container .top .info-container .phone {
  font-size: 1.25vw;
}

@media screen and (max-width: 768px) {
  footer .footer-container .top .info-container .phone {
    font-size: 15px;
  }
}

footer .footer-container .top .info-container .email {
  font-size: 1.0417vw;
  margin: 1.1458vw 0 2.0833vw;
}

@media screen and (max-width: 768px) {
  footer .footer-container .top .info-container .email {
    font-size: 15px;
  }
}

footer .footer-container .top .info-container .media-list {
  display: flex;
  gap: 1.224vw;
}

footer .footer-container .top .info-container .media-list .media-item {
  display: block;
}

footer .footer-container .top .info-container .media-list .media-item:hover {
  opacity: 0.5;
}

footer .footer-container .bottom {
  padding: 0 4.1667vw;
}

footer .footer-container .bottom .bottom-container {
  padding: 1.7188vw 0;
  width: 100%;
  display: flex;
  position: relative;
  justify-content: space-between;
}

footer .footer-container .bottom .bottom-container::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
}

footer .footer-container .bottom .bottom-container .left,
footer .footer-container .bottom .bottom-container .right {
  color: #fff;
  font-size: 0.625vw;
  font-weight: 300;
}

@media screen and (max-width: 768px) {

  footer .footer-container .bottom .bottom-container .left,
  footer .footer-container .bottom .bottom-container .right {
    font-size: 9px;
  }
}

.public-title {
  color: #000;
  font-size: 2.5vw;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .public-title {
    font-size: 22px;
  }
}

.public-desc {
  color: #838383;
  font-size: 1.25vw;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .public-desc {
    font-size: 15px;
  }
}

.public-banner {
  position: relative;
  overflow: hidden;
  height: 29.1667vw;
  min-height: 200px;
}

.public-banner img {
  height: 100%;
  object-fit: cover;
}

.public-banner img {
  transition: transform ease 0.5s;
  transform: scale(1.1);
}

.public-banner .title {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  color: #fff;
  font-size: 2.5vw;
  font-weight: 600;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .public-banner .title {
    font-size: 22px;
  }
}

.public-banner .title span {
  display: block;
  transition: transform ease 0.5s;
  transform: translate3d(0, 110%, 0);
}

.public-contact {
  background-image: url(/static/img/about/about7bk.png);
  background-size: 100% 100%;
  padding: 4.7917vw 8.3333vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.public-contact .desc {
  color: #000;
  font-size: 0.9375vw;
  font-weight: 300;
  margin: 1.0417vw 0 2.6042vw;
}

@media screen and (max-width: 768px) {
  .public-contact .desc {
    font-size: 14px;
  }
}

.public-contact .btn {
  width: fit-content;
  display: block;
  padding: 0.7292vw 2.7604vw;
  color: #fff;
  text-align: center;
  font-size: 0.9375vw;
  font-weight: 300;
  border-radius: 0.5208vw;
  background: #39527b;
}

@media screen and (max-width: 768px) {
  .public-contact .btn {
    font-size: 14px;
  }
}

.public-btn {
  padding: 0.6771vw 2.7604vw;
  background: #fff;
  color: #000;
  width: fit-content;
  font-size: 0.9375vw;
  font-weight: 300;
  border-radius: 0.5208vw;
  cursor: pointer;
  transition: background ease 0.5s, color linear 0.5s;
}

@media screen and (max-width: 768px) {
  .public-btn {
    font-size: 14px;
  }
}

.public-btn:hover {
  background: #39527b;
  color: #fff;
}

.public-contact-btn {
  transition: background ease 0.5s;
}

.public-contact-btn:hover {
  background: rgba(57, 82, 123, 0.8);
}

@keyframes text-show {
  0% {
    opacity: 0;
    transform: translate3d(0, 3.125vw, 0);
  }

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

@keyframes image-show {
  0% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.index-page .banner .banner-swiper-container {
  width: 100%;
  overflow: hidden;
}

.index-page .banner .banner-swiper-container .swiper-wrapper .swiper-slide {
  position: relative;
}

.index-page .banner .banner-swiper-container .swiper-wrapper .swiper-slide .text-container {
  position: absolute;
  left: 8.3333vw;
  top: 15.1042vw;
}

.index-page .banner .banner-swiper-container .swiper-wrapper .swiper-slide .text-container .title {
  font-size: 4.6875vw;
  color: #fff;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  gap: 2.0833vw;
}

@media screen and (max-width: 768px) {
  .index-page .banner .banner-swiper-container .swiper-wrapper .swiper-slide .text-container .title {
    font-size: 30px;
  }
}

.index-page .banner .banner-swiper-container .swiper-wrapper .swiper-slide .text-container .title span {
  line-height: 1;
}

.index-page .banner .banner-swiper-container .swiper-wrapper .swiper-slide .text-container .title span:nth-child(2) {
  padding-left: 7.8125vw;
}

.index-page .banner .banner-swiper-container .swiper-wrapper .swiper-slide .text-container .tip {
  font-size: 1.25vw;
  color: #fff;
  font-weight: 400;
  margin-top: 1.4063vw;
  padding-left: 7.8125vw;
}

@media screen and (max-width: 768px) {
  .index-page .banner .banner-swiper-container .swiper-wrapper .swiper-slide .text-container .tip {
    font-size: 15px;
  }
}

.index-page .banner .banner-swiper-container .swiper-wrapper .swiper-slide .text-container .tip a {
  text-decoration: underline;
}

.index-page .banner .banner-swiper-container .swiper-wrapper .swiper-slide .text-container .banner-btn {
  display: none;
  margin-top: 2.6042vw;
}

.index-page .banner .banner-swiper-container .swiper-wrapper .swiper-slide-active img {
  animation: image-show ease 1s;
}

.index-page .banner .banner-swiper-container .swiper-wrapper .swiper-slide-active .text-container {
  animation: text-show ease 1s;
}

.index-page .index1 .text-container {
  padding: 6.25vw 8.3333vw 1.9792vw;
  text-align: center;
}

.index-page .index1 .text-container .desc {
  margin-top: 0.8854vw;
}

.index-page .index1 .accordion-container {
  position: relative;
  overflow: hidden;
}

.index-page .index1 .accordion-container #accordion-fake-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(1.2);
  transition: transform ease 0.3s;
}

.index-page .index1 .accordion-container .accordion-banner {
  visibility: hidden;
}

.index-page .index1 .accordion-container .accordion-list {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
}

.index-page .index1 .accordion-container .accordion-list .accordion-item {
  position: relative;
  width: calc((100% - 33.3333vw) / 5);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.17);
  transition: width ease 0.5s;
}

.index-page .index1 .accordion-container .accordion-list .accordion-item:nth-of-type(2n) {
  background: rgba(0, 0, 0, 0.07);
}

.index-page .index1 .accordion-container .accordion-list .accordion-item .icon {
  width: 5.6771vw;
  height: 5.6771vw;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: solid 1px #fff;
}

.index-page .index1 .accordion-container .accordion-list .accordion-item .icon img {
  width: 2.5vw;
}

.index-page .index1 .accordion-container .accordion-list .accordion-item .default .title {
  color: #fff;
  font-size: 1.5625vw;
  font-weight: 500;
  writing-mode: vertical-rl;
  text-orientation: upright;
  margin-top: 1.7188vw;
}

@media screen and (max-width: 768px) {
  .index-page .index1 .accordion-container .accordion-list .accordion-item .default .title {
    font-size: 17px;
  }
}

.index-page .index1 .accordion-container .accordion-list .accordion-item .text .title {
  color: #fff;
  font-size: 1.5625vw;
  margin: 0.7292vw 0 1.0938vw;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .index-page .index1 .accordion-container .accordion-list .accordion-item .text .title {
    font-size: 17px;
  }
}

.index-page .index1 .accordion-container .accordion-list .accordion-item .text .desc {
  display: flex;
  flex-direction: column;
}

.index-page .index1 .accordion-container .accordion-list .accordion-item .text .desc span {
  display: block;
  color: #fff;
  font-size: 0.8333vw;
  font-weight: 300;
  line-height: 1.875;
  position: relative;
  padding-left: 0.625vw;
}

@media screen and (max-width: 768px) {
  .index-page .index1 .accordion-container .accordion-list .accordion-item .text .desc span {
    font-size: 12px;
  }
}

.index-page .index1 .accordion-container .accordion-list .accordion-item .text .desc span::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 0.2604vw;
  height: 0.2604vw;
  border-radius: 50%;
  background: #fff;
  transform: translate3d(0, -50%, 0);
}

.index-page .index1 .accordion-container .accordion-list .accordion-item .default,
.index-page .index1 .accordion-container .accordion-list .accordion-item .open {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 14.4792vw;
  transform: translate3d(-50%, 0, 0);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.index-page .index1 .accordion-container .accordion-list .accordion-item .open {
  width: 33.1771vw;
  opacity: 0;
}

.index-page .index1 .accordion-container .accordion-list .active {
  width: 33.3333vw;
}

.index-page .index1 .accordion-container .accordion-list .active .default {
  opacity: 0;
}

.index-page .index1 .accordion-container .accordion-list .active .open {
  opacity: 1;
  transition-delay: 0.5s;
  transition: transform ease 0.5s, opacity ease 0.5s;
}

.index-page .index2 {
  background: linear-gradient(0deg, #e9f2ff 0%, #e9f2ff 100%), url('') lightgray -263.878px 0px / 127.487% 91.868% no-repeat;
  height: 300vh;
}

.index-page .index2 .title-container {
  padding: 6.25vw 8.3333vw 9.7917vw;
  text-align: center;
}

.index-page .index2 .title-container .desc {
  margin-top: 0.9375vw;
}

.index-page .index2 .sticky {
  position: sticky;
  top: 0;
  overflow: hidden;
}

.index-page .index2 .sticky .index2-swiper-container {
  padding: 0 5.2083vw 4.7917vw;
  position: relative;
}

.index-page .index2 .sticky .index2-swiper-container .swiper-box {
  width: 100%;
  height: 29.8438vw;
}

.index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper {
  flex-direction: column;
}

.index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  padding: 2.3958vw 3.125vw;
  border-radius: 2.0313vw;
  background: #fff;
  transition: transform ease 0.5s, opacity ease 0.5s;
}

.index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .left {
  width: 39.0625vw;
  flex-shrink: 0;
}

.index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right {
  margin-left: 2.6563vw;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .title {
  color: #000;
  font-size: 1.5625vw;
  font-weight: 600;
  color: #333;
}

@media screen and (max-width: 768px) {
  .index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .title {
    font-size: 17px;
  }
}

.index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .desc {
  color: #333;
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 1.44;
  margin-top: 1.1979vw;
}

@media screen and (max-width: 768px) {
  .index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .desc {
    font-size: 14px;
  }
}

.index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list {
  display: flex;
  flex-direction: column;
  color: #000;
  font-size: 1.0417vw;
  font-weight: 400;
  line-height: 1.1;
  gap: 1.0417vw;
  margin-top: 0.9375vw;
}

@media screen and (max-width: 768px) {
  .index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list {
    font-size: 15px;
  }
}

.index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .item {
  padding-left: 1.4583vw;
  cursor: pointer;
}

.index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .item .item-title {
  position: relative;
}

.index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .item .item-title::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -0.8594vw;
  transform: translate3d(0, -50%, 0);
  width: 0.2604vw;
  height: 0.2604vw;
  border-radius: 50%;
  background: #000;
}

.index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .item .item-desc {
  margin-top: 0.5208vw;
  display: none;
}

.index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .item .item-title,
.index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .item .item-desc {
  color: #7c7c7c;
}

.index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .item .item-title::before,
.index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .item .item-desc::before {
  background: #7c7c7c;
}

.index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .active .item-title,
.index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .active .item-desc {
  color: #333;
}

.index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .active .item-title::before,
.index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .active .item-desc::before {
  color: #333;
}

.index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .active .item-desc {
  display: block;
}

.index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .btn {
  display: block;
  box-sizing: border-box;
  width: fit-content;
  padding: 0.625vw 1.6146vw;
  margin-top: 1.875vw;
  background: #3e445c;
  border-radius: 1.3021vw;
  color: #fff;
  transition: background ease 0.3s;
  cursor: pointer;
}

.index-page .index2 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .btn:hover {
  background: rgba(62, 68, 83, 0.7);
}

.index-page .index3 {
  padding: 6.25vw 0 0 0;
}

.index-page .index3 .title-container {
  text-align: center;
}

.index-page .index3 .title-container .desc {
  margin-top: 0.6771vw;
}

.index-page .index3 .content-container {
  margin-top: 2.6042vw;
  padding: 0 13.5417vw 6.25vw;
  background-image: url(/static/img/index/i3-bk.png);
  background-size: 100% 100%;
}

.index-page .index3 .content-container .content-list {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.index-page .index3 .content-container .content-list .content-item {
  width: 13.125vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.index-page .index3 .content-container .content-list .content-item .icon {
  width: 4.4792vw;
  height: 4.4792vw;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: solid 1px var(--color);
  position: relative;
  transition: transform ease 0.5s;
}

.index-page .index3 .content-container .content-list .content-item .icon img {
  width: 2.6042vw;
}

.index-page .index3 .content-container .content-list .content-item .color-block {
  width: 100%;
  height: 1.5625vw;
  background: var(--color);
  margin: 3.5938vw 0 1.25vw;
}

.index-page .index3 .content-container .content-list .content-item .line {
  width: 0.1042vw;
  height: 3.9063vw;
  background: var(--color);
  position: relative;
  transition-duration: top;
  transition: height ease 0.5s;
}

.index-page .index3 .content-container .content-list .content-item .line::after,
.index-page .index3 .content-container .content-list .content-item .line::before {
  content: '';
  width: 0.7292vw;
  height: 0.7292vw;
  border-radius: 50%;
  border: solid 1px var(--border);
  background: var(--color);
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}

.index-page .index3 .content-container .content-list .content-item .line::before {
  top: 0;
}

.index-page .index3 .content-container .content-list .content-item .line::after {
  bottom: 0;
}

.index-page .index3 .content-container .content-list .content-item .title {
  color: #39527b;
  font-size: 1.25vw;
  font-weight: 400;
  margin: 1.3021vw 0 0.9375vw;
}

@media screen and (max-width: 768px) {
  .index-page .index3 .content-container .content-list .content-item .title {
    font-size: 15px;
  }
}

.index-page .index3 .content-container .content-list .content-item .desc {
  color: #7d8ca4;
  text-align: center;
  font-size: 0.9375vw;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .index-page .index3 .content-container .content-list .content-item .desc {
    font-size: 14px;
  }
}

.index-page .index3 .content-container .content-list .content-item:hover .icon {
  transform: translate3d(0, -1.5625vw, 0);
}

.index-page .index3 .content-container .animate-in .content-item:nth-child(1) .line {
  height: calc(3.9063vw * 1);
}

.index-page .index3 .content-container .animate-in .content-item:nth-child(2) .line {
  height: calc(3.9063vw * 2);
}

.index-page .index3 .content-container .animate-in .content-item:nth-child(3) .line {
  height: calc(3.9063vw * 3);
}

.index-page .index3 .content-container .animate-in .content-item:nth-child(4) .line {
  height: calc(3.9063vw * 4);
}

.index-page .index3 .content-container .animate-in .content-item:nth-child(5) .line {
  height: calc(3.9063vw * 5);
}

.index-page .index4 {
  background-image: url(/static/img/index/i4-bk.png);
  background-size: 100% 100%;
}

.index-page .index4 .container {
  display: flex;
}

.index-page .index4 .container .left {
  width: 40.2604vw;
  padding: 6.25vw 7.8125vw;
}

.index-page .index4 .container .left .title {
  color: #000;
  font-size: 2.5vw;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .index-page .index4 .container .left .title {
    font-size: 22px;
  }
}

.index-page .index4 .container .left .list {
  width: 100%;
  margin-top: 13.75vw;
  display: flex;
  justify-content: space-between;
}

.index-page .index4 .container .left .list .left-col {
  transform: translate3d(0, -4.9479vw, 0);
}

.index-page .index4 .container .left .list .col {
  display: flex;
  flex-direction: column;
  gap: 5.0521vw;
}

.index-page .index4 .container .left .list .col .number {
  color: #448e9e;
  font-size: 2.9167vw;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .index-page .index4 .container .left .list .col .number {
    font-size: 24px;
  }
}

.index-page .index4 .container .left .list .col .desc {
  color: #818181;
  font-size: 1.3542vw;
  font-weight: 400;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  .index-page .index4 .container .left .list .col .desc {
    font-size: 16px;
  }
}

.index-page .index4 .container .right {
  overflow: hidden;
}

.index-page .index4 .container .right .right-container {
  display: flex;
  gap: 1.0417vw;
  width: 100%;
}

.index-page .index4 .container .right .swiper-container {
  width: 29.5313vw;
  height: 60.4167vw;
}

.index-page .index4 .container .right .swiper-container .swiper-item {
  width: 100%;
  height: 100%;
}

.index-page .index4 .container .right .swiper-container .swiper-item .swiper-wrapper {
  flex-direction: column;
  transition-timing-function: linear !important;
}

.index-page .index4 .container .right .swiper-container .swiper-item .swiper-wrapper .swiper-slide {
  height: 21.0938vw;
  border-radius: 1.0417vw;
  overflow: hidden;
}

.index-page .index4 .container .right .swiper-container .swiper-item .swiper-wrapper .swiper-slide img {
  height: 100%;
  object-fit: cover;
  transition: transform ease 0.5s;
}

.index-page .index4 .container .right .swiper-container .swiper-item .swiper-wrapper .swiper-slide:hover img {
  transform: scale(1.1);
}

.index-page .index4 .container .right .right-swiper-container .right-swiper .swiper-wrapper .swiper-slide {
  transform: translate3d(0, -5.2083vw, 0) !important;
}

.index-page .index5 {
  position: relative;
  overflow: hidden;
}

.index-page .index5 .bk {
  position: absolute;
  top: 0;
  right: 0;
  width: 40.625vw;
  transform: translate3d(5.2083vw, -12.5vw, 0);
}

.index-page .index5 .text-container {
  padding: 6.25vw 6.25vw 4.1667vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.index-page .index5 .text-container .top .title {
  color: #000;
  font-size: 2.5vw;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .index-page .index5 .text-container .top .title {
    font-size: 22px;
  }
}

.index-page .index5 .text-container .center {
  display: flex;
  gap: 3.6458vw;
  margin-top: 1.875vw;
}

.index-page .index5 .text-container .center .nav-item {
  color: #505050;
  font-size: 1.0417vw;
}

@media screen and (max-width: 768px) {
  .index-page .index5 .text-container .center .nav-item {
    font-size: 15px;
  }
}

.index-page .index5 .text-container .center .active {
  color: #466ca8;
}

.index-page .index5 .text-container .bottom .item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5.7292vw;
  margin-top: 4.5313vw;
  opacity: 0;
  transform: translate3d(0, 1.5625vw, 0);
  transition: all ease 0.5s;
  position: absolute;
}

.index-page .index5 .text-container .bottom .item .item-container .number {
  color: #000;
  font-size: 2.5vw;
  font-weight: 400;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .index-page .index5 .text-container .bottom .item .item-container .number {
    font-size: 22px;
  }
}

.index-page .index5 .text-container .bottom .item .item-container .number span {
  margin-left: 0.2604vw;
  color: #84b6c1;
  font-family: Manrope;
  font-size: 4.1667vw;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .index-page .index5 .text-container .bottom .item .item-container .number span {
    font-size: 28px;
  }
}

.index-page .index5 .text-container .bottom .item .item-container .desc {
  margin-top: 1.25vw;
  color: #000;
  font-size: 1.25vw;
  font-weight: 300;
}

@media screen and (max-width: 768px) {
  .index-page .index5 .text-container .bottom .item .item-container .desc {
    font-size: 15px;
  }
}

.index-page .index5 .text-container .bottom .active {
  position: relative;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.index-page .index5 .swiper-container {
  background: #000;
  padding: 1.25vw 0;
  position: relative;
}

.index-page .index5 .swiper-container .mask-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  clip-path: inset(0 0 100% 0);
  transition: clip-path ease 0.5s;
  pointer-events: none;
}

.index-page .index5 .swiper-container .mask-container .triangle {
  position: absolute;
  left: 0;
  top: 0;
  width: 25.8854vw;
  height: 100%;
  background: #84b6c1;
  clip-path: polygon(0 0, 0 100%, 100% 0);
}

.index-page .index5 .swiper-container .mask-container .text {
  position: absolute;
  left: 8.3333vw;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.index-page .index5 .swiper-container .mask-container .text .title {
  color: rgba(255, 255, 255, 0.6);
  font-size: 3.125vw;
  font-weight: bold;
  letter-spacing: 0.125vw;
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  .index-page .index5 .swiper-container .mask-container .text .title {
    font-size: 25px;
  }
}

.index-page .index5 .swiper-container .mask-container .text .desc {
  margin-top: 0.4167vw;
  color: #fff;
  font-size: 1.25vw;
}

@media screen and (max-width: 768px) {
  .index-page .index5 .swiper-container .mask-container .text .desc {
    font-size: 15px;
  }
}

.index-page .index5 .swiper-container .swiper-box {
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
}

.index-page .index5 .swiper-container .swiper-box .swiper-item .swiper-wrapper {
  transition-timing-function: linear;
}

.index-page .index5 .swiper-container .swiper-box .swiper-item .swiper-wrapper .swiper-slide {
  width: 18.5938vw;
  position: relative;
}

.index-page .index5 .swiper-container .swiper-box .swiper-item .swiper-wrapper .swiper-slide::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.18);
}

.index-page .index5 .swiper-container .swiper-box .swiper-item .swiper-wrapper .swiper-slide img {
  width: auto;
    height: 180px;
}

.index-page .index5 .swiper-container .swiper-box .swiper-item .swiper-wrapper .swiper-slide:hover::before {
  clip-path: inset(0 0 100% 0);
}

.index-page .index5 .swiper-container .swiper-box .bottom-swiper .swiper-wrapper .swiper-slide {
  transform: translate3d(-9.375vw, 0, 0);
}

.index-page .index6 {
  padding: 4.1667vw 6.25vw;
}

.index-page .index6 .title {
  text-align: center;
  color: #000;
  font-size: 2.5vw;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .index-page .index6 .title {
    font-size: 22px;
  }
}

.index-page .index6 .list {
  margin-top: 2.0833vw;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1.3021vw;
}

.index-page .index6 .list .item {
  width: calc((100% - 10.4167vw) / 6);
  padding: 1.3542vw 2.0833vw;
  border-radius: 0.4167vw;
  background: #fff;
  box-shadow: 0.3125vw 0.3125vw 0.8333vw 0px #eef1fa;
  transition: box-shadow ease 0.3s;
}

.index-page .index6 .list .item:hover {
  box-shadow: 0.3125vw 0.3125vw 1.6667vw 0px #c0c0c0;
}

.index-page .index7 {
  padding: 6.25vw 7.8125vw;
  background: url(/static/img/index/index7-banner.webp);
  background-size: cover;
}

.index-page .index7 .text-container {
  text-align: center;
}

.index-page .index7 .text-container .title {
  color: #000;
  font-size: 2.5vw;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .index-page .index7 .text-container .title {
    font-size: 22px;
  }
}

.index-page .index7 .text-container .desc {
  margin-top: 0.9375vw;
  font-size: 1.25vw;
  color: #838383;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .index-page .index7 .text-container .desc {
    font-size: 15px;
  }
}

.index-page .index7 .swiper-box {
  margin-top: 3.125vw;
  position: relative;
}

.index-page .index7 .swiper-box .change-btn {
  position: absolute;
  top: 50%;
  width: 2.3438vw;
  height: 2.3438vw;
  border-radius: 50%;
  border: solid 1px #466ca8;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate3d(0, -50%, 0);
  cursor: pointer;
}

.index-page .index7 .swiper-box .change-btn span {
  display: block;
  color: #466ca8;
  font-size: 0.9375vw;
}

@media screen and (max-width: 768px) {
  .index-page .index7 .swiper-box .change-btn span {
    font-size: 14px;
  }
}

.index-page .index7 .swiper-box .change-btn:hover {
  border: solid 1px rgba(70, 108, 168, 0.55);
  background: rgba(70, 108, 168, 0.45);
}

.index-page .index7 .swiper-box .prev {
  left: -4.5313vw;
}

.index-page .index7 .swiper-box .prev span {
  padding-left: 0.2604vw;
}

.index-page .index7 .swiper-box .next {
  right: -4.5313vw;
}

.index-page .index7 .swiper-box .next span {
  padding-right: 0.2604vw;
}

.index-page .index7 .swiper-box .index7-swiper {
  width: 100%;
  overflow: hidden;
}

.index-page .index7 .swiper-box .index7-swiper .swiper-wrapper .swiper-slide .image {
  border-radius: 1.0417vw 1.0417vw 0 0;
  overflow: hidden;
}

.index-page .index7 .swiper-box .index7-swiper .swiper-wrapper .swiper-slide .image img {
  transition: transform ease 0.5s;
}

.index-page .index7 .swiper-box .index7-swiper .swiper-wrapper .swiper-slide .text {
  padding: 1.0417vw 1.3542vw;
  border-radius: 0px 0px 0.2083vw 0.2083vw;
  border: 1px solid rgba(0, 0, 0, 0.17);
}

.index-page .index7 .swiper-box .index7-swiper .swiper-wrapper .swiper-slide .text .title {
  color: #333;
  font-size: 0.9375vw;
  font-weight: 600;
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  .index-page .index7 .swiper-box .index7-swiper .swiper-wrapper .swiper-slide .text .title {
    font-size: 14px;
  }
}

.index-page .index7 .swiper-box .index7-swiper .swiper-wrapper .swiper-slide .text .desc {
  margin: 0.5208vw 0 0.7292vw;
  color: #333;
  font-size: 0.8333vw;
  font-weight: 300;
  line-height: 1.68;
}

@media screen and (max-width: 768px) {
  .index-page .index7 .swiper-box .index7-swiper .swiper-wrapper .swiper-slide .text .desc {
    font-size: 12px;
  }
}

.index-page .index7 .swiper-box .index7-swiper .swiper-wrapper .swiper-slide .text .date {
  color: #999;
  font-size: 0.7292vw;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .index-page .index7 .swiper-box .index7-swiper .swiper-wrapper .swiper-slide .text .date {
    font-size: 10px;
  }
}

.index-page .index7 .swiper-box .index7-swiper .swiper-wrapper .swiper-slide:hover .image img {
  transform: scale(1.1);
}

.about-page .about1 {
  padding: 6.25vw 11.4583vw 6.25vw 8.3333vw;
  position: relative;
  z-index: 1;
}

.about-page .about1::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('/static/img/about/ab1-bk.png');
  background-size: cover;
  /* 确保背景图覆盖整个区域 */
  background-position: center;
  opacity: 0.6;
  /* 设置背景图片的透明度 */
  z-index: -1;
  /* 将背景图片置于内容下方 */
}

.about-page .about1 .text-container {
  display: flex;
  flex-direction: column;
  gap: 4.1667vw;
}

.about-page .about1 .text-container .row {
  display: flex;
}

.about-page .about1 .text-container .row .no {
  width: 4.1667vw;
  flex-shrink: 0;
  margin-right: 14.5833vw;
  color: #39527b;
  font-size: 1.3542vw;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .about-page .about1 .text-container .row .no {
    font-size: 16px;
  }
}

.about-page .about1 .text-container .row .content {
  width: 100%;
  color: #b1b8c5;
  font-size: 2.0833vw;
  font-weight: 400;
  line-height: 1.45;
  transition: color ease 0.5s;
}

@media screen and (max-width: 768px) {
  .about-page .about1 .text-container .row .content {
    font-size: 20px;
  }
}

.about-page .about1 .text-container .active .content {
  color: #39527b;
}

.about-page .about2 {
  padding: 6.25vw 8.3333vw;
  display: flex;
  align-items: center;
}

.about-page .about2 .left {
  width: 41.6667vw;
  flex-shrink: 0;
  margin-right: 2.6042vw;
  border-radius: 0.625vw;
  overflow: hidden;
}

.about-page .about2 .right {
  width: 100%;
}

.about-page .about2 .right .title {
  color: #000;
  font-size: 2.5vw;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .about-page .about2 .right .title {
    font-size: 22px;
  }
}

.about-page .about2 .right .desc {
  margin-top: 2.0833vw;
  color: #666;
  font-size: 1.0417vw;
  font-weight: 400;
  line-height: 1.8;
}

@media screen and (max-width: 768px) {
  .about-page .about2 .right .desc {
    font-size: 15px;
  }
}

.about-page .about3 {
  background-image: url(/static/img/about/ab3-bk.png);
  height: 100vh;
  position: relative;
}

.about-page .about3 .left {
  position: absolute;
  left: 8.3333vw;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  color: #fff;
  font-size: 2.5vw;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .about-page .about3 .left {
    font-size: 22px;
  }
}

.about-page .about3 .right {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 43.125vw;
  margin-right: 9.7917vw;
}

.about-page .about3 .right::-webkit-scrollbar {
  display: none;
}

.about-page .about3 .right .scroll-container {
  display: flex;
  gap: 5vw;
  height: 100%;
}

.about-page .about3 .right .scroll-container .col {
  width: 19.0625vw;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.about-page .about3 .right .scroll-container .col:nth-child(2) .swiper-container .swiper-wrapper .swiper-slide .card-item {
  transform: translate3d(0, 7.8125vw, 0);
}

.about-page .about3 .right .scroll-container .col .swiper-container {
  padding-top: 6.25vw;
  width: 100%;
}

.about-page .about3 .right .scroll-container .col .swiper-container .swiper-wrapper {
  flex-direction: column;
  transition-timing-function: linear;
}

.about-page .about3 .right .scroll-container .col .swiper-container .swiper-wrapper .swiper-slide {
  height: auto;
}

.about-page .about3 .right .scroll-container .col .swiper-container .swiper-wrapper .swiper-slide .card-item {
  width: 100%;
  padding: 2.8125vw 1.7188vw;
  border-radius: 1.4583vw;
  background: rgba(3, 3, 3, 0.53);
  flex-shrink: 0;
  transition: background ease 0.5s;
}

.about-page .about3 .right .scroll-container .col .swiper-container .swiper-wrapper .swiper-slide .card-item .info {
  color: #fff;
  font-size: 0.9375vw;
  font-weight: 300;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: color ease 0.5s;
}

@media screen and (max-width: 768px) {
  .about-page .about3 .right .scroll-container .col .swiper-container .swiper-wrapper .swiper-slide .card-item .info {
    font-size: 14px;
  }
}

.about-page .about3 .right .scroll-container .col .swiper-container .swiper-wrapper .swiper-slide .card-item .icon {
  width: 3.2292vw;
  margin: 2.2917vw 0 2.8125vw;
}

.about-page .about3 .right .scroll-container .col .swiper-container .swiper-wrapper .swiper-slide .card-item .title {
  color: #fff;
  font-size: 1.875vw;
  font-weight: 600;
  transition: color ease 0.5s;
}

@media screen and (max-width: 768px) {
  .about-page .about3 .right .scroll-container .col .swiper-container .swiper-wrapper .swiper-slide .card-item .title {
    font-size: 19px;
  }
}

.about-page .about3 .right .scroll-container .col .swiper-container .swiper-wrapper .swiper-slide .card-item .desc {
  margin-top: 1.5625vw;
  color: #fff;
  font-size: 1.25vw;
  font-weight: 400;
  transition: color ease 0.5s;
}

@media screen and (max-width: 768px) {
  .about-page .about3 .right .scroll-container .col .swiper-container .swiper-wrapper .swiper-slide .card-item .desc {
    font-size: 15px;
  }
}

.about-page .about3 .right .scroll-container .col .swiper-container .swiper-wrapper .swiper-slide .card-item:hover {
  background: #fff;
}

.about-page .about3 .right .scroll-container .col .swiper-container .swiper-wrapper .swiper-slide .card-item:hover .info {
  color: #0a76d6;
}

.about-page .about3 .right .scroll-container .col .swiper-container .swiper-wrapper .swiper-slide .card-item:hover .title {
  color: #39527b;
}

.about-page .about3 .right .scroll-container .col .swiper-container .swiper-wrapper .swiper-slide .card-item:hover .desc {
  color: #000;
}

.about-page .about3 .right .scroll-container .col .swiper-container .swiper-wrapper .swiper-slide .inview {
  animation: fabricBoxes 0.9s ease-in-out;
}

@keyframes fabricBoxes {
  0% {
    transform: rotateX(75deg) translateY(-350px) translateZ(-100px);
  }
}

.about-page .about4 {
  padding: 6.25vw 8.3333vw;
  background: url(/static/img/about/ab4-bk.png);
  background-size: 100% 100%;
  overflow: hidden;
}

.about-page .about4 .title {
  color: #000;
  font-size: 2.5vw;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .about-page .about4 .title {
    font-size: 22px;
  }
}

.about-page .about4 .content-list {
  margin-top: 2.7083vw;
  height: 36.4583vw;
  position: relative;
}

.about-page .about4 .content-list .line-mask {
  position: absolute;
  left: 10.64vw;
  top: 0;
  height: 100%;
  width: calc(100% - 10.64vw);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  pointer-events: none;
}

.about-page .about4 .content-list .line-mask .line-item {
  display: flex;
  align-items: center;
  width: fit-content;
  height: calc(100% / 6);
}

.about-page .about4 .content-list .line-mask .line-item .line {
  position: relative;
  width: 17.1875vw;
  height: 0.1302vw;
  flex-shrink: 0;
  background: linear-gradient(90deg, #0a76d6 0%, rgba(10, 118, 214, 0.5) 100%);
}

.about-page .about4 .content-list .line-mask .line-item .line::before,
.about-page .about4 .content-list .line-mask .line-item .line::after {
  content: '';
  position: absolute;
  width: 0.625vw;
  height: 0.625vw;
  border-radius: 50%;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.about-page .about4 .content-list .line-mask .line-item .line::before {
  left: 0;
  background: #39527b;
}

.about-page .about4 .content-list .line-mask .line-item .line::after {
  right: 0;
  background: #0a76d6;
}

.about-page .about4 .content-list .line-mask .line-item .icon {
  width: 3.6458vw;
  height: 3.6458vw;
  background: #d5e0f0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 3.6458vw 0 1.3542vw;
  flex-shrink: 0;
}

.about-page .about4 .content-list .line-mask .line-item .icon img {
  width: 2.2917vw;
}

.about-page .about4 .content-list .line-mask .line-item:nth-child(7n + 1) .line,
.about-page .about4 .content-list .line-mask .line-item:nth-child(7n + 7) .line {
  width: 17.1875vw;
}

.about-page .about4 .content-list .line-mask .line-item:nth-child(7n + 2) .line,
.about-page .about4 .content-list .line-mask .line-item:nth-child(7n + 6) .line {
  width: 20.3125vw;
}

.about-page .about4 .content-list .line-mask .line-item:nth-child(7n + 3) .line,
.about-page .about4 .content-list .line-mask .line-item:nth-child(7n + 5) .line {
  width: 23.4375vw;
}

.about-page .about4 .content-list .line-mask .line-item:nth-child(7n + 4) .line {
  width: 26.5625vw;
}

.about-page .about4 .content-list::before {
  content: '';
  height: 100%;
  width: 0;
  border: 1px dashed #2a5082;
  position: absolute;
  top: 0;
  left: 10.9375vw;
}

.about-page .about4 .content-list .list-container {
  padding: 0 4.1667vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
}

.about-page .about4 .content-list .list-container::-webkit-scrollbar {
  width: 0.1042vw;
  background: rgba(57, 82, 123, 0.18);
}

.about-page .about4 .content-list .list-container::-webkit-scrollbar-thumb {
  background: #39527b;
}

.about-page .about4 .content-list .list-container .content-item {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
}

.about-page .about4 .content-list .list-container .content-item .name {
  width: 6.5104vw;
  color: #000;
  font-size: 2.0833vw;
  flex-shrink: 0;
  transform: scale(0.9);
  transition: transform ease 0.5s;
}

@media screen and (max-width: 768px) {
  .about-page .about4 .content-list .list-container .content-item .name {
    font-size: 20px;
  }
}

.about-page .about4 .content-list .list-container .content-item .line {
  position: relative;
  width: 17.1875vw;
  height: 0.1302vw;
  flex-shrink: 0;
  display: none;
  background: linear-gradient(90deg, #0a76d6 0%, rgba(10, 118, 214, 0.5) 100%);
}

.about-page .about4 .content-list .list-container .content-item .line::before,
.about-page .about4 .content-list .list-container .content-item .line::after {
  content: '';
  position: absolute;
  width: 0.625vw;
  height: 0.625vw;
  border-radius: 50%;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.about-page .about4 .content-list .list-container .content-item .line::before {
  left: 0;
  background: #39527b;
}

.about-page .about4 .content-list .list-container .content-item .line::after {
  right: 0;
  background: #0a76d6;
}

.about-page .about4 .content-list .list-container .content-item .icon {
  width: 3.6458vw;
  height: 3.6458vw;
  background: #d5e0f0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 3.6458vw 0 1.3542vw;
  flex-shrink: 0;
  display: none;
}

.about-page .about4 .content-list .list-container .content-item .icon img {
  width: 2.2917vw;
}

.about-page .about4 .content-list .list-container .content-item .desc {
  width: 100%;
  color: rgba(0, 0, 0, 0.4);
  font-size: 1.0417vw;
  font-weight: 400;
  line-height: 1.5;
  transition: padding ease 0.5s, transform ease-out 0.5s;
}

@media screen and (max-width: 768px) {
  .about-page .about4 .content-list .list-container .content-item .desc {
    font-size: 15px;
  }
}

.about-page .about4 .content-list .list-container .content-item:hover .name {
  font-weight: 600;
}

.about-page .about4 .content-list .list-container .content-item:hover .desc {
  color: #000;
}

.about-page .about4 .content-list .list-container .active .name {
  transform: scale(1.2);
  font-weight: 600;
}

.about-page .about4 .content-list .list-container .active .desc {
  color: #000;
}

.about-page .about5 {
  padding: 6.25vw 0 8.3333vw 6.25vw;
}

.about-page .about5 .about5-swiper-container {
  margin-top: 2.7083vw;
  padding-right: 8.3333vw;
  overflow: hidden;
}

.about-page .about5 .about5-swiper-container .swiper-container {
  height: 27.6042vw;
  overflow: unset;
}

.about-page .about5 .about5-swiper-container .swiper-container .swiper-wrapper {
  align-items: flex-end;
}

.about-page .about5 .about5-swiper-container .swiper-container .swiper-wrapper .swiper-slide {
  display: flex;
  border-radius: 0.3125vw;
  width: 20.2604vw;
  overflow: hidden;
  align-items: flex-end;
  transition: width ease 0.5s;
}

.about-page .about5 .about5-swiper-container .swiper-container .swiper-wrapper .swiper-slide img {
  transition: all ease 0.5s;
  height: auto;
}

.about-page .about5 .about5-swiper-container .swiper-container .swiper-wrapper .active {
  width: 33.4375vw !important;
  height: auto !important;
}

.about-page .about5 .about5-swiper-container .navigation-container {
  margin-top: 1.0417vw;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.about-page .about5 .about5-swiper-container .navigation-container .scrollbar {
  display: none;
  width: 74.2188vw;
  height: 0.1042vw;
  background: rgba(57, 82, 123, 0.18);
  position: relative;
}

.about-page .about5 .about5-swiper-container .navigation-container .scrollbar .scroll-thumb {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0.2083vw;
  background: #39527b;
}

.about-page .about5 .about5-swiper-container .navigation-container .btn {
  margin-left: 0.5208vw;
  display: flex;
  gap: 0.9375vw;
}

.about-page .about5 .about5-swiper-container .navigation-container .btn .btn-item {
  width: 3.6458vw;
  height: 3.6458vw;
  background: #528dc2;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.about-page .about5 .about5-swiper-container .navigation-container .btn .btn-item span {
  font-size: 0.9375vw;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .about-page .about5 .about5-swiper-container .navigation-container .btn .btn-item span {
    font-size: 14px;
  }
}

.about6 {
  padding: 6.25vw 8.3333vw;
  overflow: hidden;
}

.about6 .title {
  text-align: center;
}

.about6 .content-container {
  width: 100%;
  height: 20.8333vw;
  margin-top: 2.7604vw;
  display: flex;
  border-radius: 0.4167vw;
  background: #fff;
  box-shadow: 0px 0.5208vw 1.0417vw 0px #f2f4fa;
}

.about6 .content-container .content-item {
  width: calc((100% - 36.4583vw) / 4);
  height: 100%;
  position: relative;
  transition: width ease 0.5s;
}

.about6 .content-container .content-item::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, rgba(62, 68, 92, 0) 0%, rgba(62, 68, 92, 0.33) 38.5%, rgba(62, 68, 92, 0.33) 57%, rgba(62, 68, 92, 0) 100%);
}

.about6 .content-container .content-item:last-child::before {
  display: none;
}

.about6 .content-container .content-item .default,
.about6 .content-container .content-item .spread {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.about6 .content-container .content-item .default .icon {
  width: 3.75vw;
  margin: 0 auto;
}

.about6 .content-container .content-item .default .name {
  margin-top: 1.0417vw;
  color: #000;
  font-size: 1.25vw;
  font-weight: 300;
}

@media screen and (max-width: 768px) {
  .about6 .content-container .content-item .default .name {
    font-size: 15px;
  }
}

.about6 .content-container .content-item .spread {
  width: 100%;
  transform: translate3d(-50%, -20%, 0);
  opacity: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.about6 .content-container .content-item .spread .icon {
  width: 3.75vw;
}

.about6 .content-container .content-item .spread .name {
  color: #000;
  font-size: 1.5625vw;
  font-weight: 600;
  margin: 1.0417vw 0 1.5625vw;
}

@media screen and (max-width: 768px) {
  .about6 .content-container .content-item .spread .name {
    font-size: 17px;
  }
}

.about6 .content-container .content-item .spread .list {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 2.7083vw;
}

.about6 .content-container .content-item .spread .list .item {
  color: #000;
  font-size: 0.9375vw;
  font-weight: 300;
  flex-shrink: 0;
}

@media screen and (max-width: 768px) {
  .about6 .content-container .content-item .spread .list .item {
    font-size: 14px;
  }
}

.about6 .content-container .active {
  width: 36.4583vw;
  background-image: url(/static/img/about/ab6-item-bk.png);
  background-size: 100% 100%;
}

.about6 .content-container .active .default {
  opacity: 0;
}

.about6 .content-container .active .spread {
  opacity: 1;
  transition: all ease 0.3s;
  transform: translate3d(-50%, -50%, 0);
  transition-delay: 0.3s;
}

.about6 .content-container .active::before {
  display: none;
}

.technology-page .technology1 {
  padding: 6.25vw 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-image: url(/static/img/technology/tc1-bk.png);
  background-size: cover;
}

.technology-page .technology1 .technology-swiper-container {
  width: 100%;
  padding: 2.0833vw 18.75vw 2.6042vw;
}

.technology-page .technology1 .technology-swiper-container .swiper-container {
  width: 100%;
  height: 20.8333vw;
  overflow: unset;
}

.technology-page .technology1 .technology-swiper-container .swiper-container .swiper-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 6.0417vw;
}

.technology-page .technology1 .technology-swiper-container .swiper-container .swiper-wrapper .swiper-slide {
  width: 16.4583vw;
  height: 16.4583vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 50%;
  border: 1px dashed #39527b;
  background: #fff;
  cursor: pointer;
}

.technology-page .technology1 .technology-swiper-container .swiper-container .swiper-wrapper .swiper-slide::before {
  content: '';
  width: calc(100% + 4.1667vw);
  height: calc(100% + 4.1667vw);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  background-image: url(/static/img/technology/tg2-item-bk.png);
  background-size: 100% 100%;
  opacity: 0;
  transition: opacity ease 0.5s;
}

.technology-page .technology1 .technology-swiper-container .swiper-container .swiper-wrapper .swiper-slide .default,
.technology-page .technology1 .technology-swiper-container .swiper-container .swiper-wrapper .swiper-slide .spread {
  padding: 2.0833vw;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.technology-page .technology1 .technology-swiper-container .swiper-container .swiper-wrapper .swiper-slide .default .title,
.technology-page .technology1 .technology-swiper-container .swiper-container .swiper-wrapper .swiper-slide .spread .title {
  color: #000;
  font-size: 1.6667vw;
  font-weight: 600;
  text-align: center;
}

@media screen and (max-width: 768px) {

  .technology-page .technology1 .technology-swiper-container .swiper-container .swiper-wrapper .swiper-slide .default .title,
  .technology-page .technology1 .technology-swiper-container .swiper-container .swiper-wrapper .swiper-slide .spread .title {
    font-size: 18px;
  }
}

.technology-page .technology1 .technology-swiper-container .swiper-container .swiper-wrapper .swiper-slide .default .desc,
.technology-page .technology1 .technology-swiper-container .swiper-container .swiper-wrapper .swiper-slide .spread .desc {
  margin-top: 1.0417vw;
  color: #000;
  font-size: 0.9375vw;
  font-weight: 300;
  line-height: 1.44;
}

@media screen and (max-width: 768px) {

  .technology-page .technology1 .technology-swiper-container .swiper-container .swiper-wrapper .swiper-slide .default .desc,
  .technology-page .technology1 .technology-swiper-container .swiper-container .swiper-wrapper .swiper-slide .spread .desc {
    font-size: 14px;
  }
}

.technology-page .technology1 .technology-swiper-container .swiper-container .swiper-wrapper .swiper-slide .default {
  opacity: 1;
  transition: opacity ease 0.5s;
}

.technology-page .technology1 .technology-swiper-container .swiper-container .swiper-wrapper .swiper-slide .spread {
  opacity: 0;
  transform: translate3d(-50%, -30%, 0);
}

.technology-page .technology1 .technology-swiper-container .swiper-container .swiper-wrapper .active .default {
  opacity: 0;
}

.technology-page .technology1 .technology-swiper-container .swiper-container .swiper-wrapper .active .spread {
  opacity: 1;
  transform: translate3d(-50%, -50%, 0);
  transition: all ease 0.5s;
  transition-delay: 0.3s;
}

.technology-page .technology1 .technology-swiper-container .swiper-container .swiper-wrapper .active::before {
  opacity: 1;
}

.technology-page .technology1 .technology-text-container {
  width: 100%;
  padding: 0 31.25vw;
}

.technology-page .technology1 .technology-text-container .text-slide {
  width: 100%;
  color: #000;
  text-align: center;
  display: none;
}

.technology-page .technology1 .technology-text-container .text-slide .title {
  font-weight: 600;
  font-size: 1.875vw;
  letter-spacing: 0.1875vw;
}

@media screen and (max-width: 768px) {
  .technology-page .technology1 .technology-text-container .text-slide .title {
    font-size: 19px;
  }
}

.technology-page .technology1 .technology-text-container .text-slide .desc {
  margin-top: 2.0833vw;
  text-align: center;
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .technology-page .technology1 .technology-text-container .text-slide .desc {
    font-size: 14px;
  }
}

.technology-page .technology1 .technology-text-container .active {
  display: block;
}

.technology-page .technology2 {
  padding: 6.25vw 8.3333vw;
}

.technology-page .technology2 .card-container {
  margin-top: 2.6042vw;
  width: 100%;
  background: #e1eaf9;
  border-radius: 0.5208vw;
  padding: 1.4063vw 1.875vw;
}

.technology-page .technology2 .card-container .card {
  display: flex;
}

.technology-page .technology2 .card-container .card .left {
  width: 7.3958vw;
  border-radius: 0.5208vw;
  background: #2b91ed;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5208vw;
  color: #fff;
  font-size: 1.4583vw;
  font-weight: 600;
  flex-shrink: 0;
  margin-right: 1.5625vw;
}

@media screen and (max-width: 768px) {
  .technology-page .technology2 .card-container .card .left {
    font-size: 16px;
  }
}

.technology-page .technology2 .card-container .card .right {
  width: 100%;
}

.technology-page .technology2 .card-container .card .right .right-container {
  display: flex;
  width: 100%;
  padding-bottom: 2.8125vw;
  position: relative;
}

.technology-page .technology2 .card-container .card .right .right-container::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 3.6979vw;
  background: rgba(69, 123, 213, 0.8);
  border-radius: 0.5208vw;
}

.technology-page .technology2 .card-container .card .right .right-container .right-col {
  width: calc(100% / 5);
  position: relative;
}

.technology-page .technology2 .card-container .card .right .right-container .right-col .title {
  padding: 1.0417vw;
  text-align: center;
  color: #fff;
  font-size: 1.25vw;
  font-weight: 600;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .technology-page .technology2 .card-container .card .right .right-container .right-col .title {
    font-size: 15px;
  }
}

.technology-page .technology2 .card-container .card .right .right-container .right-col .list {
  display: flex;
  flex-direction: column;
  gap: 2.5vw;
  margin-top: 0.7292vw;
}

.technology-page .technology2 .card-container .card .right .right-container .right-col .list .item {
  z-index: 2;
  width: 100%;
  background: rgba(95, 159, 251, 0.1);
  padding: 0.4688vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.technology-page .technology2 .card-container .card .right .right-container .right-col .list .item .text {
  color: #000;
  text-align: center;
  font-size: 0.9375vw;
  font-weight: 400;
  padding: 0.4167vw;
  width: 7.3958vw;
  background: #fff;
  border-radius: 0.2083vw;
}

@media screen and (max-width: 768px) {
  .technology-page .technology2 .card-container .card .right .right-container .right-col .list .item .text {
    font-size: 14px;
  }
}

.technology-page .technology2 .card-container .card .right .right-container .right-col:hover::before {
  z-index: 1;
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate3d(-50%, 0, 0);
  width: 100%;
  height: calc(100% + 2.7604vw);
  border-radius: 0.5208vw;
  background: #6db4f4;
  box-shadow: 0px 0.2083vw 0.8333vw 0px rgba(0, 0, 0, 0.14);
}

.technology-page .technology3 {
  position: relative;
  overflow: hidden;
}

.technology-page .technology3 .text-container {
  padding: 6.25vw 6.25vw 4.1667vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.technology-page .technology3 .text-container .top .title {
  color: #000;
  font-size: 2.5vw;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .technology-page .technology3 .text-container .top .title {
    font-size: 22px;
  }
}

.technology-page .technology3 .text-container .center {
  display: flex;
  gap: 3.6458vw;
  margin-top: 1.875vw;
}

.technology-page .technology3 .text-container .center .nav-item {
  color: #505050;
  font-size: 1.0417vw;
}

@media screen and (max-width: 768px) {
  .technology-page .technology3 .text-container .center .nav-item {
    font-size: 15px;
  }
}

.technology-page .technology3 .text-container .center .active {
  color: #466ca8;
}

.technology-page .technology3 .text-container .bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5.7292vw;
  margin-top: 4.5313vw;
}

.technology-page .technology3 .text-container .bottom .item-container .number {
  color: #000;
  font-size: 2.5vw;
  font-weight: 400;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .technology-page .technology3 .text-container .bottom .item-container .number {
    font-size: 22px;
  }
}

.technology-page .technology3 .text-container .bottom .item-container .number span {
  margin-left: 0.2604vw;
  color: #84b6c1;
  font-family: Manrope;
  font-size: 4.1667vw;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .technology-page .technology3 .text-container .bottom .item-container .number span {
    font-size: 28px;
  }
}

.technology-page .technology3 .text-container .bottom .item-container .desc {
  margin-top: 1.25vw;
  color: #000;
  font-size: 1.25vw;
  font-weight: 300;
}

@media screen and (max-width: 768px) {
  .technology-page .technology3 .text-container .bottom .item-container .desc {
    font-size: 15px;
  }
}

.technology-page .technology3 .swiper-container {
  background: linear-gradient(97deg, #000 54.53%, #dcebff 100%);
  padding: 1.25vw 0;
  position: relative;
}

.technology-page .technology3 .swiper-container .mask-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  clip-path: inset(0 0 100% 0);
  transition: clip-path ease 0.5s;
  pointer-events: none;
}

.technology-page .technology3 .swiper-container .mask-container .triangle {
  position: absolute;
  left: 0;
  top: 0;
  width: 25.8854vw;
  height: 100%;
  background: #84b6c1;
  clip-path: polygon(0 0, 0 100%, 100% 0);
}

.technology-page .technology3 .swiper-container .mask-container .text {
  position: absolute;
  left: 8.3333vw;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.technology-page .technology3 .swiper-container .mask-container .text .title {
  color: rgba(255, 255, 255, 0.6);
  font-size: 3.125vw;
  font-weight: bold;
  letter-spacing: 0.125vw;
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  .technology-page .technology3 .swiper-container .mask-container .text .title {
    font-size: 25px;
  }
}

.technology-page .technology3 .swiper-container .mask-container .text .desc {
  margin-top: 0.4167vw;
  color: #fff;
  font-size: 1.25vw;
}

@media screen and (max-width: 768px) {
  .technology-page .technology3 .swiper-container .mask-container .text .desc {
    font-size: 15px;
  }
}

.technology-page .technology3 .swiper-container .swiper-box {
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
}

.technology-page .technology3 .swiper-container .swiper-box .swiper-item .swiper-wrapper {
  transition-timing-function: linear;
}

.technology-page .technology3 .swiper-container .swiper-box .swiper-item .swiper-wrapper .swiper-slide {
  width: 18.5938vw;
  position: relative;
}

.technology-page .technology3 .swiper-container .swiper-box .swiper-item .swiper-wrapper .swiper-slide::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.18);
}

.technology-page .technology3 .swiper-container .swiper-box .swiper-item .swiper-wrapper .swiper-slide img {
  width: 100%;
}

.technology-page .technology3 .swiper-container .swiper-box .swiper-item .swiper-wrapper .swiper-slide:hover::before {
  clip-path: inset(0 0 100% 0);
}

.technology-page .technology3 .swiper-container .swiper-box .bottom-swiper .swiper-wrapper .swiper-slide {
  transform: translate3d(-9.375vw, 0, 0);
}

.technology-page .technology4 {
  background-image: url(/static/img/technology/tg4-bk.png);
  background-size: cover;
  height: 300vh;
}

.technology-page .technology4 .sticky {
  position: sticky;
  top: 0;
  overflow: hidden;
}

.technology-page .technology4 .sticky .title-container {
  padding: 6.25vw 8.3333vw 8.3333vw;
}

.technology-page .technology4 .sticky .title-container .title {
  text-align: center;
}

.technology-page .technology4 .sticky .index2-swiper-container {
  padding: 0 5.2083vw 4.7917vw;
  position: relative;
}

.technology-page .technology4 .sticky .index2-swiper-container .swiper-box {
  width: 100%;
  height: 29.8438vw;
}

.technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper {
  flex-direction: column;
}

.technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  padding: 2.3958vw 3.125vw;
  border-radius: 2.0313vw;
  background: #fff;
  transition: transform ease 0.5s, opacity ease 0.5s;
}

.technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .left {
  width: 39.0625vw;
  flex-shrink: 0;
}

.technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right {
  margin-left: 2.6563vw;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .title {
  color: #000;
  font-size: 1.5625vw;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .title {
    font-size: 17px;
  }
}

.technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .desc {
  color: #000;
  font-size: 0.9375vw;
  font-weight: 300;
  line-height: 1.44;
  margin-top: 1.1979vw;
}

@media screen and (max-width: 768px) {
  .technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .desc {
    font-size: 14px;
  }
}

.technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list {
  display: flex;
  flex-direction: column;
  color: #000;
  font-size: 1.0417vw;
  font-weight: 300;
  line-height: 1.1;
  gap: 1.0417vw;
  margin-top: 0.9375vw;
}

@media screen and (max-width: 768px) {
  .technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list {
    font-size: 15px;
  }
}

.technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .item {
  padding-left: 1.4583vw;
  cursor: pointer;
}

.technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .item .item-title {
  position: relative;
}

.technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .item .item-title::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -0.8594vw;
  transform: translate3d(0, -50%, 0);
  width: 0.2604vw;
  height: 0.2604vw;
  border-radius: 50%;
  background: #000;
}

.technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .item .item-desc {
  margin-top: 0.5208vw;
  display: none;
}

.technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .item .item-title,
.technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .item .item-desc {
  color: #7c7c7c;
}

.technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .item .item-title::before,
.technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .item .item-desc::before {
  background: #7c7c7c;
}

.technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .active .item-title,
.technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .active .item-desc {
  color: #000;
}

.technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .active .item-title::before,
.technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .active .item-desc::before {
  background: #000;
}

.technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .list .active .item-desc {
  display: block;
}

.technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .btn {
  display: block;
  box-sizing: border-box;
  width: fit-content;
  padding: 0.625vw 1.6146vw;
  margin-top: 1.875vw;
  background: #3e445c;
  border-radius: 1.3021vw;
  color: #fff;
  transition: background ease 0.3s;
  cursor: pointer;
}

.technology-page .technology4 .sticky .index2-swiper-container .swiper-box .swiper-wrapper .swiper-slide .right .btn:hover {
  background: rgba(62, 68, 83, 0.7);
}

.solution-page .solution1 .nav-container {
  padding: 0 8.3333vw;
  display: flex;
  gap: 3.6458vw;
  background: #fff;
  box-shadow: 0px 0.5208vw 0.5208vw 0px #f7f8fe;
}

.solution-page .solution1 .nav-container .nav-item {
  width: fit-content;
  padding: 2.1875vw 0 1.8229vw;
  color: #000;
  font-size: 0.9375vw;
  font-weight: 400;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .solution-page .solution1 .nav-container .nav-item {
    font-size: 14px;
  }
}

.solution-page .solution1 .nav-container .active {
  color: #528dc2;
  position: relative;
}

.solution-page .solution1 .nav-container .active::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.2083vw;
  background: #528dc2;
}

.solution-page .solution2 {
  padding: 6.25vw 8.3333vw;
}

.solution-page .solution2 .solution2-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6.25vw;
}

.solution-page .solution2 .solution2-nav .nav-item {
  color: #666;
  font-size: 0.9375vw;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .solution-page .solution2 .solution2-nav .nav-item {
    font-size: 14px;
  }
}

.solution-page .solution2 .solution2-nav .active {
  padding: 0.8854vw 1.3542vw;
  border-radius: 1.5625vw;
  background: #39527b;
  color: #fff;
}

.solution-page .solution2 .solution2-content {
  margin-top: 3.6458vw;
}

.solution-page .solution2 .solution2-content .content-item {
  display: flex;
  align-items: center;
}

.solution-page .solution2 .solution2-content .content-item .left {
  width: 100%;
}

.solution-page .solution2 .solution2-content .content-item .left .title {
  color: #111;
  font-size: 2.5vw;
  font-weight: 600;
  line-height: 1.25;
}

@media screen and (max-width: 768px) {
  .solution-page .solution2 .solution2-content .content-item .left .title {
    font-size: 22px;
  }
}

.solution-page .solution2 .solution2-content .content-item .left .desc {
  margin-top: 3.3854vw;
  color: #000;
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 2;
  display: flex;
  flex-direction: column;
  gap: 1.0417vw;
}

@media screen and (max-width: 768px) {
  .solution-page .solution2 .solution2-content .content-item .left .desc {
    font-size: 14px;
  }
}

.solution-page .solution2 .solution2-content .content-item .right {
  margin-left: 3.9583vw;
  flex-shrink: 0;
  width: 41.6667vw;
}

.solution-page .solution3 {
  padding: 0 8.3333vw 6.25vw;
}

.solution-page .solution3 .solution3-title {
  text-align: center;
}

.solution-page .solution3 .content {
  margin-top: 2.0833vw;
  display: flex;
  flex-direction: column;
  gap: 2.0833vw;
}

.solution-page .solution3 .content .solution3-row {
  overflow: hidden;
  position: relative;
}

.solution-page .solution3 .content .solution3-row .cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  pointer-events: none;
}

.solution-page .solution3 .content .solution3-row .cover .title {
  font-size: 2.5vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  color: #fff;
  opacity: 0;
}

@media screen and (max-width: 768px) {
  .solution-page .solution3 .content .solution3-row .cover .title {
    font-size: 22px;
  }
}

.solution-page .solution3 .content .solution3-row .mask {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: #d8d8d8;
  transition: transform ease 0.5s;
  z-index: 2;
}

.solution-page .solution3 .content .solution3-row .container {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.solution-page .solution3 .content .solution3-row .container .image-col {
  width: calc(100% - 26.0417vw);
  flex-shrink: 0;
}

.solution-page .solution3 .content .solution3-row .container .text-col {
  width: 24.7396vw;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate3d(-30%, -50%, 0);
}

.solution-page .solution3 .content .solution3-row .container .text-col .title {
  color: #000;
  font-size: 1.3542vw;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .solution-page .solution3 .content .solution3-row .container .text-col .title {
    font-size: 16px;
  }
}

.solution-page .solution3 .content .solution3-row .container .text-col .desc {
  margin-top: 0.625vw;
  font-size: 0.8333vw;
  font-weight: 400;
  line-height: 1.25;
}

@media screen and (max-width: 768px) {
  .solution-page .solution3 .content .solution3-row .container .text-col .desc {
    font-size: 12px;
  }
}

.solution-page .solution3 .content .solution3-row:nth-child(odd) .mask {
  left: 0;
}

.solution-page .solution3 .content .solution3-row:nth-child(even) .mask {
  right: 0;
}

.solution-page .solution3 .content .solution3-row:nth-of-type(2n) .container {
  justify-content: flex-end;
}

.solution-page .solution3 .content .solution3-row:nth-of-type(2n) .container .image-col {
  order: 2;
}

.solution-page .solution3 .content .solution3-row:nth-of-type(2n) .container .text-col {
  left: 0;
  transform: translate3d(30%, -50%, 0);
}

.solution-page .solution3 .content .on .mask {
  animation: maskFill 0.5s ease-in-out both, maskWidth 1s ease-in-out 1s both;
}

.solution-page .solution3 .content .on .container .image-col {
  animation: projectShow 1s ease 1.5s both;
  transition: width 0.3s ease 0s, height 0.3s ease 0s;
  animation-delay: 1.5s;
}

.solution-page .solution3 .content .on .container .text-col {
  animation: projectShow 0.5s ease 0.5s both;
  transform: translate3d(0, -50%, 0);
  transition: transform 1.5s ease 1s, opacity 1.5s ease 1s;
}

.solution-page .solution3 .content .on:nth-of-type(2n) .container .text-col {
  text-align: right;
  transform: translate3d(0, -50%, 0);
}

.solution-page .solution3 .content .hover .cover {
  background: rgba(0, 0, 0, 0.3);
  transition: background ease 1s;
}

.solution-page .solution3 .content .hover .cover .title {
  animation: projectShow 0.5s ease 0.5s both;
}

.solution-page .solution3 .content .hover .container .image-col {
  width: 100%;
}

.solution-page .solution3 .content .hover .container .text-col {
  opacity: 0;
  transition: none;
  animation: none;
}

.solution-page .solution4 {
  padding: 6.25vw 8.3333vw;
}

.solution-page .solution4 .solution4-title {
  text-align: center;
}

.solution-page .solution4 .content-container {
  margin-top: 3.6458vw;
}

.solution-page .solution4 .content-container .top {
  display: flex;
}

.solution-page .solution4 .content-container .top .text {
  width: 37.5vw;
  margin-right: 9.375vw;
  flex-shrink: 0;
  color: #000;
  font-size: 0.9375vw;
  font-weight: 300;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .solution-page .solution4 .content-container .top .text {
    font-size: 14px;
  }
}

.solution-page .solution4 .content-container .top .navigation-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.solution-page .solution4 .content-container .top .navigation-container .scrollbar {
  display: none;
  width: 27.0833vw;
  height: 0.1042vw;
  background: rgba(57, 82, 123, 0.18);
  position: relative;
}

.solution-page .solution4 .content-container .top .navigation-container .scrollbar .scroll-thumb {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0.2083vw;
  background: #39527b;
  width: 10.4167vw;
}

.solution-page .solution4 .content-container .top .navigation-container .btn {
  margin-left: 0.5208vw;
  display: flex;
  gap: 0.9375vw;
}

.solution-page .solution4 .content-container .top .navigation-container .btn .btn-item {
  width: 3.6458vw;
  height: 3.6458vw;
  background: #f2f5fc;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.solution-page .solution4 .content-container .top .navigation-container .btn .btn-item span {
  font-size: 0.9375vw;
  color: #528dc2;
}

@media screen and (max-width: 768px) {
  .solution-page .solution4 .content-container .top .navigation-container .btn .btn-item span {
    font-size: 14px;
  }
}

.solution-page .solution4 .content-container .bottom {
  margin-top: 3.9063vw;
}

.solution-page .solution4 .content-container .bottom .solution4-swiper .swiper-container .swiper-wrapper {
  align-items: flex-end;
}

.solution-page .solution4 .content-container .bottom .solution4-swiper .swiper-container .swiper-wrapper .swiper-slide {
  width: 18.75vw;
}

.solution-page .solution4 .content-container .bottom .solution4-swiper .swiper-container .swiper-wrapper .swiper-slide .image {
  border-radius: 0.3125vw;
  overflow: hidden;
}

.solution-page .solution4 .content-container .bottom .solution4-swiper .swiper-container .swiper-wrapper .swiper-slide .image img {
  transition: transform ease 0.5s;
}

.solution-page .solution4 .content-container .bottom .solution4-swiper .swiper-container .swiper-wrapper .swiper-slide:nth-of-type(2n-1) {
  margin-bottom: 1.5625vw;
}

.solution-page .solution4 .content-container .bottom .solution4-swiper .swiper-container .swiper-wrapper .swiper-slide .title {
  margin: 0.9896vw 0 0.5729vw;
  color: #39527b;
  font-size: 1.3542vw;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .solution-page .solution4 .content-container .bottom .solution4-swiper .swiper-container .swiper-wrapper .swiper-slide .title {
    font-size: 16px;
  }
}

.solution-page .solution4 .content-container .bottom .solution4-swiper .swiper-container .swiper-wrapper .swiper-slide .desc {
  color: #666;
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 1.44;
}

@media screen and (max-width: 768px) {
  .solution-page .solution4 .content-container .bottom .solution4-swiper .swiper-container .swiper-wrapper .swiper-slide .desc {
    font-size: 14px;
  }
}

.solution-page .solution4 .content-container .bottom .solution4-swiper .swiper-container .swiper-wrapper .swiper-slide:hover .image img {
  transform: scale(1.1);
}

.solution-page .solution5 {
  padding: 6.25vw 8.3333vw;
}

.solution-page .solution5 .solution5-title {
  text-align: center;
}

.solution-page .solution5 .content-container {
  margin-top: 2.0833vw;
  width: 100%;
  display: flex;
  gap: 1.3542vw;
}

.solution-page .solution5 .content-container .item-container {
  width: calc((100%-2.7083vw) / 3);
  display: flex;
  flex-direction: column;
  gap: 1.3542vw;
}

.solution-page .solution5 .content-container .item-container .image {
  width: 100%;
  border-radius: 0.7813vw;
  overflow: hidden;
}

.solution-page .solution5 .content-container .item-container .image img {
  transition: transform ease 0.5s;
}

.solution-page .solution5 .content-container .item-container .title {
  color: #000;
  font-size: 1.5625vw;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .solution-page .solution5 .content-container .item-container .title {
    font-size: 17px;
  }
}

.solution-page .solution5 .content-container .item-container .desc {
  color: #000;
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .solution-page .solution5 .content-container .item-container .desc {
    font-size: 14px;
  }
}

.solution-page .solution5 .content-container .item-container:hover .image img {
  transform: scale(1.1);
}

.safe-page .safe1 .nav-container {
  padding: 0 8.3333vw;
  display: flex;
  gap: 3.6458vw;
  background: #fff;
  box-shadow: 0px 0.5208vw 0.5208vw 0px #f7f8fe;
}

.safe-page .safe1 .nav-container .nav-item {
  width: fit-content;
  padding: 2.1875vw 0 1.8229vw;
  color: #000;
  font-size: 0.9375vw;
  font-weight: 400;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .safe-page .safe1 .nav-container .nav-item {
    font-size: 14px;
  }
}

.safe-page .safe1 .nav-container .active {
  color: #528dc2;
  position: relative;
}

.safe-page .safe1 .nav-container .active::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.2083vw;
  background: #528dc2;
}

.safe-page .safe2 {
  padding: 6.25vw 8.3333vw;
}

.safe-page .safe2 .safe2-content {
  margin-top: 3.6458vw;
}

.safe-page .safe2 .safe2-content .content-item {
  display: flex;
  align-items: center;
}

.safe-page .safe2 .safe2-content .content-item .left {
  width: 100%;
}

.safe-page .safe2 .safe2-content .content-item .left .title {
  color: #111;
  font-size: 2.5vw;
  font-weight: 600;
  line-height: 1.25;
}

@media screen and (max-width: 768px) {
  .safe-page .safe2 .safe2-content .content-item .left .title {
    font-size: 22px;
  }
}

.safe-page .safe2 .safe2-content .content-item .left .desc {
  margin-top: 3.3854vw;
  color: #000;
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 2;
  display: flex;
  flex-direction: column;
  gap: 1.0417vw;
}

@media screen and (max-width: 768px) {
  .safe-page .safe2 .safe2-content .content-item .left .desc {
    font-size: 14px;
  }
}

.safe-page .safe2 .safe2-content .content-item .right {
  margin-left: 3.9583vw;
  flex-shrink: 0;
  width: 41.6667vw;
}

.safe-page .safe3 {
  width: 100%;
  background: #f5f5f5;
}

.safe-page .safe3 .content-container {
  padding: 6.25vw 0 6.25vw 8.3333vw;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.safe-page .safe3 .content-container .left {
  width: 23.4375vw;
  margin-right: 2.3438vw;
  flex-shrink: 0;
  position: relative;
  border-radius: 0.625vw;
  overflow: hidden;
}

.safe-page .safe3 .content-container .left img {
  height: 100%;
  object-fit: cover;
}

.safe-page .safe3 .content-container .left .text {
  position: absolute;
  left: 2.6042vw;
  top: 2.6042vw;
  color: #fff;
  font-size: 2.5vw;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .safe-page .safe3 .content-container .left .text {
    font-size: 22px;
  }
}

.safe-page .safe3 .content-container .right {
  width: calc(100% - 25.7813vw);
  padding-right: 13.5417vw;
  overflow: hidden;
}

.safe-page .safe3 .content-container .right .safe3-swiper .swiper-container {
  overflow: unset;
}

.safe-page .safe3 .content-container .right .safe3-swiper .swiper-container .swiper-wrapper .swiper-slide {
  padding: 4.1667vw 2.0833vw 2.0833vw 1.7188vw;
  border-radius: 0.3125vw;
  background: #fff;
}

.safe-page .safe3 .content-container .right .safe3-swiper .swiper-container .swiper-wrapper .swiper-slide .title-container {
  position: relative;
}

.safe-page .safe3 .content-container .right .safe3-swiper .swiper-container .swiper-wrapper .swiper-slide .title-container .title {
  color: #39527b;
  font-size: 1.25vw;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .safe-page .safe3 .content-container .right .safe3-swiper .swiper-container .swiper-wrapper .swiper-slide .title-container .title {
    font-size: 15px;
  }
}

.safe-page .safe3 .content-container .right .safe3-swiper .swiper-container .swiper-wrapper .swiper-slide .title-container .no {
  position: absolute;
  left: 0;
  bottom: 0;
  color: rgba(15, 58, 214, 0.05);
  font-size: 4.1667vw;
  font-weight: bold;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .safe-page .safe3 .content-container .right .safe3-swiper .swiper-container .swiper-wrapper .swiper-slide .title-container .no {
    font-size: 28px;
  }
}

.safe-page .safe3 .content-container .right .safe3-swiper .swiper-container .swiper-wrapper .swiper-slide .desc {
  color: #666;
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 1.44;
  margin: 1.6667vw 0 1.0417vw;
}

@media screen and (max-width: 768px) {
  .safe-page .safe3 .content-container .right .safe3-swiper .swiper-container .swiper-wrapper .swiper-slide .desc {
    font-size: 14px;
  }
}

.safe-page .safe3 .content-container .right .safe3-swiper .swiper-container .swiper-wrapper .swiper-slide .icon {
  width: 6.25vw;
  margin-left: auto;
}

.safe-page .safe4 .content-container {
  position: relative;
  padding: 6.25vw 8.3333vw 0;
  overflow: hidden;
}

.safe-page .safe4 .content-container .safe4-card {
  background: url(/static/img/safe/sf41.png);
  background-size: 100% 100%;
  padding: 3.9583vw 7.0313vw;
  height: 41.6667vw;
}

.safe-page .safe4 .content-container .safe4-card .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.875vw;
}

.safe-page .safe4 .content-container .safe4-card .content .desc {
  width: 34.1146vw;
  color: #000;
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 1.44;
}

@media screen and (max-width: 768px) {
  .safe-page .safe4 .content-container .safe4-card .content .desc {
    font-size: 14px;
  }
}

.safe-page .safe4 .content-container .safe4-card .content .btn-list {
  display: flex;
  align-items: center;
  gap: 1.3542vw;
}

.safe-page .safe4 .content-container .safe4-card .content .btn-list .prev,
.safe-page .safe4 .content-container .safe4-card .content .btn-list .next {
  width: 1.875vw;
  height: 1.875vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: solid 1px #2a5082;
}

.safe-page .safe4 .content-container .safe4-card .content .btn-list .prev span,
.safe-page .safe4 .content-container .safe4-card .content .btn-list .next span {
  font-size: 0.8333vw;
  color: #2a5082;
}

@media screen and (max-width: 768px) {

  .safe-page .safe4 .content-container .safe4-card .content .btn-list .prev span,
  .safe-page .safe4 .content-container .safe4-card .content .btn-list .next span {
    font-size: 12px;
  }
}

.safe-page .safe4 .content-container .safe4-card .content .btn-list .pagination {
  display: flex;
  align-items: center;
  gap: 0.5729vw;
}

.safe-page .safe4 .content-container .safe4-card .content .btn-list .pagination .index-no,
.safe-page .safe4 .content-container .safe4-card .content .btn-list .pagination .total-no {
  font-size: 1.25vw;
  font-weight: 600;
  color: #2a5082;
}

@media screen and (max-width: 768px) {

  .safe-page .safe4 .content-container .safe4-card .content .btn-list .pagination .index-no,
  .safe-page .safe4 .content-container .safe4-card .content .btn-list .pagination .total-no {
    font-size: 15px;
  }
}

.safe-page .safe4 .content-container .safe4-card .content .btn-list .pagination .total-no {
  opacity: 0.5;
}

.safe-page .safe4 .content-container .safe4-swiper-container {
  position: absolute;
  left: 0;
  bottom: 6.25vw;
  width: 100vw;
  height: 21.875vw;
}

.safe-page .safe4 .content-container .safe4-swiper-container .safe4-swiper {
  width: 100%;
}

.safe-page .safe4 .content-container .safe4-swiper-container .safe4-swiper .swiper-container {
  padding: 0 15.2604vw;
}

.safe-page .safe4 .content-container .safe4-swiper-container .safe4-swiper .swiper-container .swiper-wrapper .swiper-slide {
  position: relative;
}

.safe-page .safe4 .content-container .safe4-swiper-container .safe4-swiper .swiper-container .swiper-wrapper .swiper-slide .desc {
  width: 60%;
  position: absolute;
  left: 2.0833vw;
  bottom: 2.0833vw;
  color: #fff;
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 1.66;
}

@media screen and (max-width: 768px) {
  .safe-page .safe4 .content-container .safe4-swiper-container .safe4-swiper .swiper-container .swiper-wrapper .swiper-slide .desc {
    font-size: 14px;
  }
}

.safe-page .safe5 {
  padding: 6.25vw 8.3333vw;
}

.safe-page .safe5 .safe5-title {
  text-align: center;
}

.safe-page .safe5 .content-container {
  margin-top: 2.0833vw;
  width: 100%;
  display: flex;
  gap: 1.3542vw;
}

.safe-page .safe5 .content-container .item-container {
  width: calc((100% - 2.7083vw) / 3);
  display: flex;
  flex-direction: column;
  gap: 1.3542vw;
}

.safe-page .safe5 .content-container .item-container .image {
  width: 100%;
  border-radius: 0.7813vw;
  overflow: hidden;
}

.safe-page .safe5 .content-container .item-container .image img {
  transition: transform ease 0.5s;
}

.safe-page .safe5 .content-container .item-container .title {
  color: #000;
  font-size: 1.5625vw;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .safe-page .safe5 .content-container .item-container .title {
    font-size: 17px;
  }
}

.safe-page .safe5 .content-container .item-container:hover .image img {
  transform: scale(1.1);
}

.case-page .case1 .content-container {
  padding: 6.25vw 13.5417vw 4.1667vw;
  position: relative;
}

.case-page .case1 .content-container .case1-prev,
.case-page .case1 .content-container .case1-next {
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  width: 3.8542vw;
  height: 3.8542vw;
  border-radius: 50%;
  background: #f2f5fc;
  display: flex;
  align-items: center;
  justify-content: center;
}

.case-page .case1 .content-container .case1-prev span,
.case-page .case1 .content-container .case1-next span {
  font-size: 1.3542vw;
  color: #528dc2;
}

@media screen and (max-width: 768px) {

  .case-page .case1 .content-container .case1-prev span,
  .case-page .case1 .content-container .case1-next span {
    font-size: 16px;
  }
}

.case-page .case1 .content-container .case1-prev:hover,
.case-page .case1 .content-container .case1-next:hover {
  background: #528dc2;
}

.case-page .case1 .content-container .case1-prev:hover span,
.case-page .case1 .content-container .case1-next:hover span {
  color: #fff;
}

.case-page .case1 .content-container .case1-prev {
  left: 8.3333vw;
}

.case-page .case1 .content-container .case1-prev span {
  margin-left: 0.2604vw;
}

.case-page .case1 .content-container .case1-next {
  right: 8.3333vw;
}

.case-page .case1 .content-container .case1-next span {
  margin-right: 0.2604vw;
}

.case-page .case1 .content-container .case1-swiper {
  width: 100%;
  overflow: hidden;
}

.case-page .case1 .content-container .case1-swiper .swiper-wrapper .swiper-slide {
  display: flex;
  align-items: center;
  border-radius: 0.3125vw;
  border: 1px solid #e3e9f2;
  overflow: hidden;
}

.case-page .case1 .content-container .case1-swiper .swiper-wrapper .swiper-slide .left {
  width: 41.6667vw;
  flex-shrink: 0;
}

.case-page .case1 .content-container .case1-swiper .swiper-wrapper .swiper-slide .right {
  padding: 0 2.9167vw;
  width: 100%;
  background: #fff;
}

.case-page .case1 .content-container .case1-swiper .swiper-wrapper .swiper-slide .right .title {
  color: #000;
  font-size: 2.5vw;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .case-page .case1 .content-container .case1-swiper .swiper-wrapper .swiper-slide .right .title {
    font-size: 22px;
  }
}

.case-page .case1 .content-container .case1-swiper .swiper-wrapper .swiper-slide .right .desc {
  margin: 1.4583vw 0 2.0833vw;
  color: #666;
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .case-page .case1 .content-container .case1-swiper .swiper-wrapper .swiper-slide .right .desc {
    font-size: 14px;
  }
}

.case-page .case1 .content-container .case1-swiper .swiper-wrapper .swiper-slide .right .btn {
  display: block;
  width: fit-content;
  padding: 0.7292vw 2.7604vw;
  color: #fff;
  font-size: 0.9375vw;
  font-weight: 300;
  border-radius: 0.5208vw;
  background: #39527b;
  transition: background ease 0.5s;
}

@media screen and (max-width: 768px) {
  .case-page .case1 .content-container .case1-swiper .swiper-wrapper .swiper-slide .right .btn {
    font-size: 14px;
  }
}

.case-page .case1 .content-container .case1-swiper .swiper-wrapper .swiper-slide .right .btn:hover {
  background: rgba(57, 82, 123, 0.8);
}

.case-page .case2 {
  padding: 0 8.3333vw 6.25vw;
}

.case-page .case2 .content-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 4.1667vw 1.3542vw;
}

.case-page .case2 .content-container .item-container {
  width: calc((100% - 2.7604vw) / 3);
  display: flex;
  flex-direction: column;
  gap: 1.3542vw;
}

.case-page .case2 .content-container .item-container .image {
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
}

.case-page .case2 .content-container .item-container .image img {
  transition: transform ease 0.5s;
}

.case-page .case2 .content-container .item-container .title {
  color: #000;
  font-size: 1.5625vw;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .case-page .case2 .content-container .item-container .title {
    font-size: 17px;
  }
}

.case-page .case2 .content-container .item-container:hover .image img {
  transform: scale(1.1);
}

.case-page .case2 .pagination-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.9375vw;
  margin-top: 4.1667vw;
}

.case-page .case2 .pagination-container .more-pagin span {
  font-size: 0.9375vw;
  font-weight: bold;
  color: #000;
}

@media screen and (max-width: 768px) {
  .case-page .case2 .pagination-container .more-pagin span {
    font-size: 14px;
  }
}

.case-page .case2 .pagination-container .pagin span {
  font-size: 0.8333vw;
  color: #000;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .case-page .case2 .pagination-container .pagin span {
    font-size: 12px;
  }
}

.case-page .case2 .pagination-container .number-list {
  display: flex;
  gap: 1.5625vw;
}

.case-page .case2 .pagination-container .number-list a {
  display: block;
  color: #8b8b8b;
  font-size: 1.0417vw;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .case-page .case2 .pagination-container .number-list a {
    font-size: 15px;
  }
}

.case-page .case2 .pagination-container .number-list .active {
  color: #000;
}

.case-detail-page .cd1 {
  padding: 8.3333vw 18.75vw 0;
}

.case-detail-page .cd1 .title {
  text-align: center;
}

.case-detail-page .cd1 .date {
  color: #666;
  font-size: 0.8333vw;
  font-weight: 300;
  text-align: center;
  margin: 1.875vw 0 1.25vw;
}

@media screen and (max-width: 768px) {
  .case-detail-page .cd1 .date {
    font-size: 12px;
  }
}

.case-detail-page .cd1 .links {
  display: flex;
  justify-content: center;
  gap: 0.2604vw;
}

.case-detail-page .cd1 .links .link-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5625vw;
  height: 1.5625vw;
  border-radius: 50%;
  border: solid 1px #999;
  cursor: pointer;
}

.case-detail-page .cd1 .links .link-item:hover {
  opacity: 0.8;
}

.case-detail-page .cd1 .links .link-item img {
  width: 0.9375vw;
}

.case-detail-page .cd1 .content {
  margin-top: 1.4063vw;
  color: #666;
  font-size: 0.8333vw;
  font-weight: 300;
  line-height: 1.87;
  position: relative;
  padding-top: 1.5625vw;
}

@media screen and (max-width: 768px) {
  .case-detail-page .cd1 .content {
    font-size: 12px;
  }
}

.case-detail-page .cd1 .content::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 0.0521vw;
  background: #d8d9dc;
  left: 0;
  top: 0;
}

.case-detail-page .cd2 {
  padding: 6.25vw 8.3333vw;
}

.case-detail-page .cd2 .cd2-title {
  text-align: center;
}

.case-detail-page .cd2 .content-container {
  margin-top: 2.0833vw;
  width: 100%;
  display: flex;
  gap: 1.3542vw;
}

.case-detail-page .cd2 .content-container .item-container {
  width: calc((100%-2.7083vw) / 3);
  display: flex;
  flex-direction: column;
  gap: 1.3542vw;
}

.case-detail-page .cd2 .content-container .item-container .image {
  width: 100%;
  border-radius: 0.7813vw;
  overflow: hidden;
}

.case-detail-page .cd2 .content-container .item-container .image img {
  transition: transform ease 0.5s;
}

.case-detail-page .cd2 .content-container .item-container .title {
  color: #000;
  font-size: 1.5625vw;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .case-detail-page .cd2 .content-container .item-container .title {
    font-size: 17px;
  }
}

.case-detail-page .cd2 .content-container .item-container:hover .image img {
  transform: scale(1.1);
}

.news-page .news-card {
  display: flex;
  padding: 5.2083vw 18.2292vw 4.1667vw 13.0208vw;
}

.news-page .news-card .left {
  width: 37.6042vw;
  flex-shrink: 0;
  border-radius: 1.0417vw;
  margin-right: 2.8125vw;
  overflow: hidden;
}

.news-page .news-card .right {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.news-page .news-card .right .top {
  padding-top: 2.9688vw;
  display: flex;
  flex-direction: column;
  gap: 1.0417vw;
}

.news-page .news-card .right .top .date {
  color: #999;
  font-size: 0.7292vw;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .news-page .news-card .right .top .date {
    font-size: 10px;
  }
}

.news-page .news-card .right .top .title {
  color: #000;
  font-size: 0.9375vw;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  .news-page .news-card .right .top .title {
    font-size: 14px;
  }
}

.news-page .news-card .right .top .desc {
  color: #333;
  font-size: 0.8333vw;
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
}

@media screen and (max-width: 768px) {
  .news-page .news-card .right .top .desc {
    font-size: 12px;
  }
}

.news-page .news-card .right .bottom .pagination {
  display: flex;
  align-items: center;
}

.news-page .news-card .right .bottom .pagination .prev span,
.news-page .news-card .right .bottom .pagination .next span {
  font-size: 0.8333vw;
  color: #000;
  font-weight: bold;
}

@media screen and (max-width: 768px) {

  .news-page .news-card .right .bottom .pagination .prev span,
  .news-page .news-card .right .bottom .pagination .next span {
    font-size: 12px;
  }
}

.news-page .news-card .right .bottom .pagination .list {
  padding: 0 0.5208vw;
  display: flex;
  gap: 0.5208vw;
}

.news-page .news-card .right .bottom .pagination .list .item {
  color: #8b8b8b;
  text-align: center;
  font-family: Volkhov;
  font-size: 1.0417vw;
  padding: 0 0.4167vw;
  font-weight: 400;
  display: block;
}

@media screen and (max-width: 768px) {
  .news-page .news-card .right .bottom .pagination .list .item {
    font-size: 15px;
  }
}

.news-page .news-card .right .bottom .pagination .list .active {
  color: #000;
  position: relative;
  font-weight: 700;
}

.news-page .news-card .right .bottom .pagination .list .active::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #000;
}

.news-page .news1 {
  padding: 0 18.2292vw 6.25vw 13.0208vw;
}

.news-page .news1 .content-container {
  display: flex;
  flex-wrap: wrap;
  gap: 3.125vw 4.7396vw;
}

.news-page .news1 .content-container .news-item {
  width: calc((100% - 9.4792vw) / 3);
}

.news-page .news1 .content-container .news-item .image {
  border-radius: 1.0417vw 1.0417vw 0 0;
  overflow: hidden;
}

.news-page .news1 .content-container .news-item .image img {
  transition: transform ease 0.5s;
}

.news-page .news1 .content-container .news-item .text {
  padding: 1.0417vw 1.3542vw;
  border-radius: 0px 0px 0.2083vw 0.2083vw;
  border: 1px solid rgba(0, 0, 0, 0.17);
}

.news-page .news1 .content-container .news-item .text .title {
  color: #333;
  font-size: 0.9375vw;
  font-weight: 400;
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  .news-page .news1 .content-container .news-item .text .title {
    font-size: 14px;
  }
}

.news-page .news1 .content-container .news-item .text .desc {
  margin: 0.5208vw 0 0.7292vw;
  color: #333;
  font-size: 0.8333vw;
  font-weight: 300;
  line-height: 1.68;
}

@media screen and (max-width: 768px) {
  .news-page .news1 .content-container .news-item .text .desc {
    font-size: 12px;
  }
}

.news-page .news1 .content-container .news-item .text .date {
  color: #999;
  font-size: 0.7292vw;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .news-page .news1 .content-container .news-item .text .date {
    font-size: 10px;
  }
}

.news-page .news1 .content-container .news-item:hover .image img {
  transform: scale(1.1);
}

.news-page .news1 .pagination-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.9375vw;
  margin-top: 4.1667vw;
}

.news-page .news1 .pagination-container .more-pagin span {
  font-size: 0.9375vw;
  font-weight: bold;
  color: #000;
}

@media screen and (max-width: 768px) {
  .news-page .news1 .pagination-container .more-pagin span {
    font-size: 14px;
  }
}

.news-page .news1 .pagination-container .pagin span {
  font-size: 0.8333vw;
  color: #000;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .news-page .news1 .pagination-container .pagin span {
    font-size: 12px;
  }
}

.news-page .news1 .pagination-container .number-list {
  display: flex;
  gap: 1.5625vw;
}

.news-page .news1 .pagination-container .number-list a {
  display: block;
  color: #8b8b8b;
  font-size: 1.0417vw;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .news-page .news1 .pagination-container .number-list a {
    font-size: 15px;
  }
}

.news-page .news1 .pagination-container .number-list .active {
  color: #000;
}

.news-detail-page .nd1 {
  padding: 9.7396vw 8.3333vw 6.25vw;
  display: flex;
}

.news-detail-page .nd1 .left {
  width: 59.8958vw;
  flex-shrink: 0;
  margin-right: 3.6458vw;
}

.news-detail-page .nd1 .left .bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 0.7813vw;
}

.news-detail-page .nd1 .left .bottom .date {
  color: #666;
  font-size: 0.8333vw;
  font-weight: 300;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .news-detail-page .nd1 .left .bottom .date {
    font-size: 12px;
  }
}

.news-detail-page .nd1 .left .bottom .links {
  display: flex;
  justify-content: center;
  gap: 0.2604vw;
}

.news-detail-page .nd1 .left .bottom .links .link-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5625vw;
  height: 1.5625vw;
  border-radius: 50%;
  border: solid 1px #999;
  cursor: pointer;
}

.news-detail-page .nd1 .left .bottom .links .link-item:hover {
  opacity: 0.8;
}

.news-detail-page .nd1 .left .bottom .links .link-item img {
  width: 0.9375vw;
}

.news-detail-page .nd1 .left .content {
  margin-top: 1.4063vw;
  color: #666;
  font-size: 0.8333vw;
  font-weight: 300;
  line-height: 1.87;
  position: relative;
  padding-top: 1.5625vw;
}

@media screen and (max-width: 768px) {
  .news-detail-page .nd1 .left .content {
    font-size: 12px;
  }
}

.news-detail-page .nd1 .left .content::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 0.0521vw;
  background: #d8d9dc;
  left: 0;
  top: 0;
}

.news-detail-page .nd1 .left .back-list {
  display: flex;
  flex-direction: column;
  margin-top: 2.6042vw;
}

.news-detail-page .nd1 .left .back-list .back-title {
  color: #0a76d6;
  font-size: 0.8333vw;
  text-decoration-line: underline;
  margin-bottom: 0.8333vw;
}

@media screen and (max-width: 768px) {
  .news-detail-page .nd1 .left .back-list .back-title {
    font-size: 12px;
  }
}

.news-detail-page .nd1 .left .back-list .back-title:hover {
  color: #000;
}

.news-detail-page .nd1 .left .back-list .back-prev,
.news-detail-page .nd1 .left .back-list .back-next {
  color: #000;
  font-size: 0.8333vw;
  font-weight: 300;
  line-height: 1.87;
  margin-top: 0.4167vw;
}

@media screen and (max-width: 768px) {

  .news-detail-page .nd1 .left .back-list .back-prev,
  .news-detail-page .nd1 .left .back-list .back-next {
    font-size: 12px;
  }
}

.news-detail-page .nd1 .left .back-list .back-prev:hover,
.news-detail-page .nd1 .left .back-list .back-next:hover {
  opacity: 0.7;
}

.news-detail-page .nd1 .right {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2.5vw;
}

.news-detail-page .nd1 .right .news-item {
  width: 100%;
}

.news-detail-page .nd1 .right .news-item .image {
  border-radius: 1.0417vw 1.0417vw 0 0;
  overflow: hidden;
}

.news-detail-page .nd1 .right .news-item .image img {
  transition: transform ease 0.5s;
}

.news-detail-page .nd1 .right .news-item .text {
  padding: 1.0417vw 1.3542vw;
  border-radius: 0px 0px 0.2083vw 0.2083vw;
  border: 1px solid rgba(0, 0, 0, 0.17);
}

.news-detail-page .nd1 .right .news-item .text .title {
  color: #000;
  font-size: 0.9375vw;
  font-weight: 600;
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  .news-detail-page .nd1 .right .news-item .text .title {
    font-size: 14px;
  }
}

.news-detail-page .nd1 .right .news-item .text .desc {
  margin: 0.5208vw 0 0.7292vw;
  color: #333;
  font-size: 0.8333vw;
  font-weight: 300;
  line-height: 1.68;
}

@media screen and (max-width: 768px) {
  .news-detail-page .nd1 .right .news-item .text .desc {
    font-size: 12px;
  }
}

.news-detail-page .nd1 .right .news-item .text .date {
  color: #999;
  font-size: 0.7292vw;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .news-detail-page .nd1 .right .news-item .text .date {
    font-size: 10px;
  }
}

.news-detail-page .nd1 .right .news-item:hover .image img {
  transform: scale(1.1);
}

.contact-page {
  background: url(/static/img/contact/contact-bk.png);
  background-size: cover;
  background-position: top;
}

.contact-page .ct-map {
  padding: 9.375vw 8.3333vw 0;
  display: flex;
  align-items: center;
}

.contact-page .ct-map .left {
  width: 53.8542vw;
  flex-shrink: 0;
}

.contact-page .ct-map .right {
  width: 100%;
  margin-left: 4.1667vw;
}

.contact-page .ct-map .right .title {
  color: #000;
  font-size: 1.4583vw;
  font-weight: 600;
  padding-left: 1.5625vw;
}

@media screen and (max-width: 768px) {
  .contact-page .ct-map .right .title {
    font-size: 16px;
  }
}

.contact-page .ct-map .right .list {
  display: flex;
  flex-direction: column;
  gap: 1.5625vw;
  margin-top: 2.9167vw;
}

.contact-page .ct-map .right .list .item {
  padding-left: 1.5625vw;
  position: relative;
  color: #666;
  font-size: 1.25vw;
  font-weight: 300;
}

@media screen and (max-width: 768px) {
  .contact-page .ct-map .right .list .item {
    font-size: 15px;
  }
}

.contact-page .ct-map .right .list .item::before {
  content: '';
  position: absolute;
  left: 0.6771vw;
  top: 0.625vw;
  width: 0.4167vw;
  height: 0.4167vw;
  min-width: 5px;
  min-height: 5px;
  background: #666;
  border-radius: 50%;
  flex-shrink: 0;
  transform: translate3d(0, 0, 0);
}

.contact-page .contact1 {
  padding: 6.7188vw 8.3333vw 6.25vw;
  display: flex;
}

.contact-page .contact1 .left {
  width: 100%;
}

.contact-page .contact1 .left .btn {
  border-radius: 0.2083vw;
  background: #528dc2;
  padding: 0.625vw 1.7188vw;
  color: #fff;
  font-size: 0.8333vw;
  font-weight: 400;
  display: block;
  width: fit-content;
}

@media screen and (max-width: 768px) {
  .contact-page .contact1 .left .btn {
    font-size: 12px;
  }
}

.contact-page .contact1 .left .title {
  color: #000;
  font-size: 1.4583vw;
  font-weight: 600;
  margin: 0.9896vw 0 1.25vw;
}

@media screen and (max-width: 768px) {
  .contact-page .contact1 .left .title {
    font-size: 16px;
  }
}

.contact-page .contact1 .left .desc {
  color: #666;
  font-size: 0.8333vw;
  font-weight: 300;
}

@media screen and (max-width: 768px) {
  .contact-page .contact1 .left .desc {
    font-size: 12px;
  }
}

.contact-page .contact1 .left .nav-list {
  margin-top: 1.7708vw;
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
}

.contact-page .contact1 .left .nav-list .nav-item {
  padding-left: 2.0833vw;
  color: #3a4046;
  font-size: 1.25vw;
  font-weight: 300;
  position: relative;
}

@media screen and (max-width: 768px) {
  .contact-page .contact1 .left .nav-list .nav-item {
    font-size: 15px;
  }
}

.contact-page .contact1 .left .nav-list .nav-item::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0.7813vw;
  transform: translate3d(0, -50%, 0);
  width: 0.4167vw;
  height: 0.4167vw;
  border-radius: 50%;
  background: #000;
}

.contact-page .contact1 .left .nav-list .nav-item:hover {
  font-weight: bold;
  color: #39527b;
}

.contact-page .contact1 .left .nav-list .nav-item:hover::before {
  background: #39527b;
}

.contact-page .contact1 .left .nav-list .active {
  font-weight: bold;
  color: #39527b;
}

.contact-page .contact1 .left .nav-list .active::before {
  background: #39527b;
}

.contact-page .contact1 .right {
  margin-left: 3.4375vw;
  width: 57.9167vw;
  flex-shrink: 0;
  border-radius: 0.5208vw;
  background: #fff;
  padding: 2.3958vw;
}

.contact-page .contact1 .right .form-container {
  width: 100%;
  display: flex;
  gap: 1.0417vw;
  flex-wrap: wrap;
}

.contact-page .contact1 .right .form-container .form-item {
  width: calc((100% - 1.0417vw) / 2);
}

.contact-page .contact1 .right .form-container .form-item input,
.contact-page .contact1 .right .form-container .form-item select,
.contact-page .contact1 .right .form-container .form-item textarea {
  box-sizing: border-box;
  width: 100%;
  color: #39527b;
  font-size: 0.8333vw;
  font-weight: 400;
  padding: 0.8333vw 1.1458vw;
  border-radius: 0.2083vw;
  border: 1px solid #e1e8f1;
  background: #f4f9ff;
  resize: none;
}

@media screen and (max-width: 768px) {

  .contact-page .contact1 .right .form-container .form-item input,
  .contact-page .contact1 .right .form-container .form-item select,
  .contact-page .contact1 .right .form-container .form-item textarea {
    font-size: 12px;
  }
}

.contact-page .contact1 .right .form-container .form-item input::placeholder,
.contact-page .contact1 .right .form-container .form-item select::placeholder,
.contact-page .contact1 .right .form-container .form-item textarea::placeholder {
  color: #39527b;
  font-size: 0.8333vw;
}

@media screen and (max-width: 768px) {

  .contact-page .contact1 .right .form-container .form-item input::placeholder,
  .contact-page .contact1 .right .form-container .form-item select::placeholder,
  .contact-page .contact1 .right .form-container .form-item textarea::placeholder {
    font-size: 12px;
  }
}

.contact-page .contact1 .right .form-container .form-item .error {
  border: 1px solid #f00;
}

.contact-page .contact1 .right .form-container .submit {
  padding: 0.7292vw 2.7604vw;
  color: #fff;
  font-size: 0.9375vw;
  font-weight: 300;
  border-radius: 0.5208vw;
  background: #39527b;
}

@media screen and (max-width: 768px) {
  .contact-page .contact1 .right .form-container .submit {
    font-size: 14px;
  }
}

.contact-page .contact1 .right .form-container .max-item {
  width: 100%;
}