.notice {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0.78125vw 1.0416666667vw 0.7291666667vw 0.8333333333vw;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #000;
  flex-shrink: 0;
  display: none;
  z-index: 10;
}
.notice svg {
  width: 1.25vw;
  height: auto;
  display: block;
}
.notice p {
  color: #fff;
  font-weight: 400;
  margin-left: 0.3125vw;
}
.notice.show {
  display: flex;
}
.notice.success {
  display: flex;
}
.notice.success svg {
  display: none;
}
.notice.success p {
  margin-left: 0;
}

.dialog {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  z-index: 100;
  align-items: center;
  justify-content: center;
  display: none;
}
.dialog .content {
  width: 57.2916666667vw;
  position: relative;
  background: #000;
}
.dialog .content .close {
  position: absolute;
  right: 1.0416666667vw;
  top: 1.0416666667vw;
  cursor: pointer;
  z-index: 10;
}
.dialog .content .close svg {
  width: 1.25vw;
  height: fit-content;
}
.dialog .content video {
  width: 100%;
  max-height: 60vh;
  object-fit: cover;
}
.dialog.on {
  display: flex;
}

@media screen and (max-width: 768px) {
  .notice {
    padding: 12px 20px;
    width: fit-content;
  }
  .notice svg {
    width: 16px;
  }
  .notice p {
    margin-left: 3px;
    font-size: 13px;
    white-space: nowrap;
  }
  .dialog .content {
    width: 90%;
  }
  .dialog .content .close {
    right: 10px;
    top: 10px;
  }
  .dialog .content .close svg {
    width: 24px;
  }
  .dialog .content video {
    width: 100%;
    max-height: 40vh;
  }
}

/*# sourceMappingURL=utils.css.map */

html {
  font-size: 0.8333333333vw;
  color: #000;
}

.f_12 {
  font-size: 0.625vw;
}

.f_14 {
  font-size: 0.7291666667vw;
}

.f_16 {
  font-size: 0.8333333333vw;
}

.f_18 {
  font-size: 0.9375vw;
}

.f_20 {
  font-size: 1.0416666667vw;
}

.f_22 {
  font-size: 1.1458333333vw;
}

.f_24 {
  font-size: 1.25vw;
}

.f_26 {
  font-size: 1.3541666667vw;
}

.f_28 {
  font-size: 1.3541666667vw;
}

.f_30 {
  font-size: 1.3541666667vw;
}

.f_32 {
  font-size: 1.6666666667vw;
}

.f_34 {
  font-size: 1.7708333333vw;
}

.f_36 {
  font-size: 1.875vw;
}

.f_38 {
  font-size: 1.9791666667vw;
}

.f_40 {
  font-size: 2.0833333333vw;
}

.f_42 {
  font-size: 2.1875vw;
}

.f_44 {
  font-size: 2.2916666667vw;
}

.f_45 {
  font-size: 2.34375vw;
}

.f_46 {
  font-size: 2.3958333333vw;
}

.f_48 {
  font-size: 2.5vw;
}

.f_50 {
  font-size: 2.6041666667vw;
}

.f_52 {
  font-size: 2.7083333333vw;
}

.f_54 {
  font-size: 2.8125vw;
}

.f_56 {
  font-size: 2.9166666667vw;
}

.f_60 {
  font-size: 3.125vw;
}

.f_64 {
  font-size: 3.3333333333vw;
}

.f_68 {
  font-size: 3.5416666667vw;
}

.f_72 {
  font-size: 3.75vw;
}

.f_74 {
  font-size: 3.8541666667vw;
}

.f_76 {
  font-size: 3.9583333333vw;
}

.f_80 {
  font-size: 4.1666666667vw;
}

.f_96 {
  font-size: 5vw;
}

.f_98 {
  font-size: 5.1041666667vw;
}

.f_100 {
  font-size: 5.2083333333vw;
}

.f_110 {
  font-size: 5.7291666667vw;
}

.f_128 {
  font-size: 6.6666666667vw;
}

.f_150 {
  font-size: 7.8125vw;
}

@media screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
  .f_12 {
    font-size: 12px;
  }
  .f_14 {
    font-size: 14px;
  }
  .f_16 {
    font-size: 14px;
  }
  .f_18 {
    font-size: 16px;
  }
  .f_20 {
    font-size: 18px;
  }
  .f_22 {
    font-size: 18px;
  }
  .f_24 {
    font-size: 18px;
  }
  .f_26 {
    font-size: 18px;
  }
  .f_28 {
    font-size: 18px;
  }
  .f_30 {
    font-size: 18px;
  }
  .f_32 {
    font-size: 20px;
  }
  .f_34 {
    font-size: 20px;
  }
  .f_36 {
    font-size: 20px;
  }
  .f_38 {
    font-size: 22px;
  }
  .f_40 {
    font-size: 22px;
  }
  .f_42 {
    font-size: 22px;
  }
  .f_44 {
    font-size: 22px;
  }
  .f_45 {
    font-size: 22px;
  }
  .f_46 {
    font-size: 22px;
  }
  .f_48 {
    font-size: 24px;
  }
  .f_50 {
    font-size: 25px;
  }
  .f_52 {
    font-size: 25px;
  }
  .f_54 {
    font-size: 26px;
  }
  .f_56 {
    font-size: 28px;
  }
  .f_60 {
    font-size: 30px;
  }
  .f_64 {
    font-size: 30px;
  }
  .f_68 {
    font-size: 34px;
  }
  .f_72 {
    font-size: 34px;
  }
  .f_74 {
    font-size: 34px;
  }
  .f_76 {
    font-size: 34px;
  }
  .f_80 {
    font-size: 24px;
  }
  .f_96 {
    font-size: 32px;
  }
  .f_98 {
    font-size: 32px;
  }
  .f_100, .f_110 {
    font-size: 32px;
  }
  .f_128 {
    font-size: 50px;
  }
  .f_150 {
    font-size: 60px;
  }
}

/*# sourceMappingURL=ft.css.map */

body [aos] {
  -webkit-transition-duration: 2.5s;
  transition-duration: 2.5s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.parallaxImg {
  overflow: hidden;
}

.parallaxImg img {
  max-height: unset;
}

html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: unset !important;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

[animateText] {
  overflow: hidden;
}

.cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 4.7395833333vw;
  height: 4.7395833333vw;
  z-index: 999;
  pointer-events: none;
}
.cursor.on .drag {
  transform: scale(1);
  opacity: 1;
}
.cursor .drag {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #35AD98;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: scale(0);
  transition: 0.3s ease;
}
.cursor .drag p {
  color: #fff;
  font-size: 1.25vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;
  transition: all 600ms;
  padding: 2.3958333333vw 2.6041666667vw 1.8229166667vw 5.7291666667vw;
  pointer-events: none;
}
.header .box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  transition: all 600ms;
}
.header .box .logo {
  position: relative;
}
.header .box .logo img {
  width: 8.3333333333vw;
  cursor: pointer;
}
.header .box .logo .sub {
  position: absolute;
  left: -0.8333333333vw;
  width: 11.875vw;
  padding-top: 1.4583333333vw;
  display: none;
}
.header .box .logo .sub .nr {
  border-radius: 0.625vw;
  background: rgba(0, 0, 0, 0.4);
  padding: 1.0416666667vw;
}
.header .box .logo .sub .nr a {
  display: block;
  padding: 0.5208333333vw 0.625vw;
  font-weight: 500;
  color: white;
  text-transform: uppercase;
  letter-spacing: 3px;
  line-height: 1;
  border-radius: 8px;
  overflow: hidden;
}
.header .box .logo .sub .nr a p {
  transition: all 600ms;
  transform-origin: left;
}
.header .box .logo .sub .nr a:hover {
  background: rgba(255, 255, 255, 0.4);
}
.header .box .logo .sub .nr a:hover p {
  transform: scale(1.1);
}
.header .box .h_l {
  display: flex;
  gap: 3.125vw;
  align-items: center;
}
.header .box .h_l .item {
  position: relative;
}
.header .box .h_l .item .a1 {
  color: #FFF;
  line-height: 1.5;
  text-transform: uppercase;
}
.header .box .h_l .item .sub_box {
  position: absolute;
  left: -0.8333333333vw;
  width: 32.8125vw;
  padding-top: 1.4583333333vw;
  display: none;
}
.header .box .h_l .item .sub_box .content {
  border-radius: 0.625vw;
  background: rgba(0, 0, 0, 0.4);
  padding: 2.0833333333vw;
  padding-left: 1.4583333333vw;
  display: flex;
  justify-content: space-between;
  gap: 2.6041666667vw;
}
.header .box .h_l .item .sub_box .content .lbox .pbox {
  position: relative;
}
.header .box .h_l .item .sub_box .content .lbox .pbox .icon {
  position: absolute;
  left: -2.34375vw;
  top: 0.4166666667vw;
}
.header .box .h_l .item .sub_box .content .lbox .pbox .icon img {
  width: 2.4479166667vw;
}
.header .box .h_l .item .sub_box .content .lbox .pbox:first-child {
  padding-bottom: 1.3541666667vw;
  margin-bottom: 1.0416666667vw;
  position: relative;
}
.header .box .h_l .item .sub_box .content .lbox .pbox:first-child::after {
  content: "";
  display: block;
  position: absolute;
  left: 0.625vw;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.4);
}
.header .box .h_l .item .sub_box .content .lbox .pbox .p1 {
  font-size: 0.625vw;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 3px;
  white-space: nowrap;
  margin-bottom: 0.625vw;
  margin-left: 0.625vw;
}
.header .box .h_l .item .sub_box .content .lbox .pbox .s a {
  display: block;
  padding: 0.5208333333vw 0.625vw;
  font-weight: 500;
  color: white;
  text-transform: uppercase;
  letter-spacing: 3px;
  line-height: 1;
  border-radius: 8px;
}
.header .box .h_l .item .sub_box .content .lbox .pbox .s a p {
  transition: all 600ms;
  transform-origin: left;
}
.header .box .h_l .item .sub_box .content .lbox .pbox .s a:hover {
  background: rgba(255, 255, 255, 0.4);
}
.header .box .h_l .item .sub_box .content .lbox .pbox .s a:hover p {
  transform: scale(1.1);
}
.header .box .h_l .item .sub_box .content .pics {
  width: 17.1875vw;
}
.header .box .h_l .item .sub_box .content .pics .pic {
  border-radius: 0.625vw;
  overflow: hidden;
  display: none;
}
.header .box .h_l .item .sub_box .content .pics .pic.show {
  display: block;
}
.header .box .h_l .item .sub_box .content .pics .pic img {
  width: 100%;
  height: 17.1875vw;
  object-fit: cover;
}
.header .box .h_l .item:hover .sub_box {
  display: block;
}
.header .box .h_r {
  display: flex;
  gap: 3.125vw;
  align-items: center;
}
.header .box .h_r .item {
  position: relative;
}
.header .box .h_r .item .a1 {
  color: #FFF;
  line-height: 1.5;
  text-transform: uppercase;
}
.header .box .h_r .item .sub {
  position: absolute;
  left: -0.8333333333vw;
  width: 11.875vw;
  padding-top: 1.4583333333vw;
  display: none;
}
.header .box .h_r .item .sub .nr {
  border-radius: 0.625vw;
  background: rgba(0, 0, 0, 0.4);
  padding: 1.0416666667vw;
}
.header .box .h_r .item .sub .nr a {
  display: block;
  padding: 0.5208333333vw 0.625vw;
  font-weight: 500;
  color: white;
  text-transform: uppercase;
  letter-spacing: 3px;
  line-height: 1;
  border-radius: 8px;
  overflow: hidden;
}
.header .box .h_r .item .sub .nr a p {
  transition: all 600ms;
  transform-origin: left;
}
.header .box .h_r .item .sub .nr a:hover {
  background: rgba(255, 255, 255, 0.4);
}
.header .box .h_r .item .sub .nr a:hover p {
  transform: scale(1.1);
}
.header .box .h_r .item:hover .sub {
  display: block;
}
.header .box .lan {
  width: 2.1875vw;
  height: 2.1875vw;
  border: 1px solid #fff;
  border-radius: 50%;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
.header.hasBg {
  background: rgba(15, 76, 129, 0.5) !important;
  padding: 1.5625vw 2.6041666667vw 1.5625vw 5.7291666667vw;
}
.header.hide {
  transform: translateY(-100%);
}

.pheader {
  display: none;
  position: fixed;
  top: 0;
  height: 60px;
  width: 100%;
  left: 0;
  z-index: 100;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
}
.pheader .menu {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: #0F4C81;
  transition: all 600ms;
}
.pheader .menu .l {
  display: flex;
  align-items: center;
}
.pheader .menu .l a {
  margin-left: 20px;
  display: flex;
  align-items: center;
}
.pheader .menu .l a img {
  height: 30px;
  object-fit: contain;
}
.pheader .menu .r {
  display: flex;
  align-items: center;
}
.pheader .menu .r a {
  width: 35px;
  height: 35px;
  border: 1px solid #fff;
  border-radius: 50%;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
.pheader .menu .r .navbox {
  margin: 0 20px;
  transition: all 600ms;
}
.pheader .menu .r .navbox .line {
  width: 30px;
  height: 1px;
  background-color: #fff;
  margin: 8px 0;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.pheader .menu .activeBox {
  transform: translateX(10px);
}
.pheader .menu .activeBox .line:nth-child(1) {
  transform: rotate(45deg) translateY(12px);
}
.pheader .menu .activeBox .line:nth-child(2) {
  transform: translateX(30px);
  opacity: 0;
}
.pheader .menu .activeBox .line:nth-child(3) {
  transform: rotate(-45deg) translateY(-12px);
}

.menuList {
  position: fixed;
  left: 0;
  top: 59px;
  width: 100%;
  z-index: 1001;
  background: #ececec;
  display: none;
  height: calc(100vh - 59px);
  overflow-y: scroll;
}
.menuList .item {
  background: #ececec;
}
.menuList .item .tb {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 1rem;
}
.menuList .item .tb a {
  color: #000;
  display: block;
  text-transform: capitalize;
  width: calc(100% - 30px);
}
.menuList .item .tb img {
  width: 30px;
  transition: all 600ms;
}
.menuList .item .tb .rotate {
  transform: rotate(90deg);
}
.menuList .item .sub_nav {
  display: none;
}
.menuList .item .sub_nav .third_item {
  margin: 0 15px;
}
.menuList .item .sub_nav .third_item .p1 {
  position: relative;
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.8);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 15px 0;
  text-transform: capitalize;
}
.menuList .item .sub_nav .third_item .p1 .icon {
  margin-right: 10px;
}
.menuList .item .sub_nav .third_item .p1 .icon img {
  width: 25px;
  position: static;
  transform: translateY(0);
}
.menuList .item .sub_nav .third_item .p1 span {
  font-weight: 600;
  margin-right: 2px;
}
.menuList .item .sub_nav .third_item .p1 img {
  width: 30px;
  transition: all 600ms;
  opacity: 0.8;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.menuList .item .sub_nav .third_item .p1 .rotate {
  transform: translateY(-50%) rotate(90deg);
}
.menuList .item .sub_nav .third_item .list {
  margin: 0 15px;
  display: none;
}
.menuList .item .sub_nav .third_item .list a {
  display: block;
  color: rgba(0, 0, 0, 0.6);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 8px 0;
}
.menuList .item .sub_nav .third_item .list a:not(:last-child) {
  margin-bottom: 10px;
}

.activeList {
  transform: translateY(0);
}

.footer {
  background: url(../images/fbg.svg) no-repeat;
  background-size: cover;
  padding-top: 10.8854166667vw;
}
.footer .t1 {
  text-align: center;
  font-weight: 600;
  color: #0F4C81;
  letter-spacing: 3px;
  text-transform: uppercase;
  line-height: 1.2;
}
.footer .dom1 {
  padding: 3.3854166667vw 8.75vw 5.7291666667vw 6.9270833333vw;
  display: flex;
  justify-content: space-between;
}
.footer .dom1 .lbox {
  display: flex;
  justify-content: space-between;
}
.footer .dom1 .lbox .item a {
  display: block;
}
.footer .dom1 .lbox .item a:hover {
  text-decoration: underline;
}
.footer .dom1 .lbox .item .a1 {
  color: #0F4C81;
  font-weight: 600;
  line-height: 1.5;
}
.footer .dom1 .lbox .item .a1:not(:last-child) {
  margin-bottom: 1.1979166667vw;
}
.footer .dom1 .lbox .item .a1.hidden {
  opacity: 0;
  pointer-events: none;
}
.footer .dom1 .lbox .item:nth-child(2) {
  margin: 0 5.3125vw 0 8.1770833333vw;
}
.footer .dom1 .lbox .item:nth-child(2) .a1:nth-child(2) {
  margin-bottom: 0;
}
.footer .dom1 .lbox .item:nth-child(2) .sub a {
  margin-top: 0.6770833333vw;
  color: #0F4C81;
}
.footer .dom1 .lbox .item:nth-child(3) .a1:nth-child(2) {
  margin-bottom: 0;
}
.footer .dom1 .lbox .item:nth-child(3) .sub a {
  margin-top: 0.6770833333vw;
  color: #0F4C81;
}
.footer .dom1 .rbox .subs {
  display: flex;
  gap: 0.7291666667vw;
}
.footer .dom1 .rbox .subs input {
  width: 24.4791666667vw;
  border-radius: 4px;
  border: 1px solid #0F4C81;
  height: 2.8125vw;
  font-size: 1.0416666667vw;
  background: transparent;
  padding: 0.78125vw;
}
.footer .dom1 .rbox .subs .btn {
  border: 1px solid #0F4C81;
  width: 9.53125vw;
  height: 2.8125vw;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0F4C81;
  cursor: pointer;
  transition: all 600ms;
}
.footer .dom1 .rbox .subs .btn:hover {
  background: #0F4C81;
  color: white;
}
.footer .dom1 .rbox .info {
  margin: 1.9270833333vw 0 1.3020833333vw 0;
}
.footer .dom1 .rbox .info p {
  color: #0F4C81;
  font-weight: 300;
  line-height: 1.5;
}
.footer .dom1 .rbox .info p:not(:last-child) {
  margin-bottom: 0.8333333333vw;
}
.footer .dom1 .rbox .info p span {
  font-weight: 700;
}
.footer .dom1 .rbox .icons {
  display: flex;
  gap: 1.25vw;
}
.footer .dom1 .rbox .icons a img {
  width: 1.5625vw;
}
.footer .dom2 {
  padding: 0 6.9270833333vw;
}
.footer .dom2 .d1 {
  display: flex;
  align-items: center;
}
.footer .dom2 .d1:not(:last-child) {
  margin-bottom: 2.1875vw;
}
.footer .dom2 .d1 p {
  color: #0F4C81;
  font-weight: 600;
}
.footer .dom2 .d1 a {
  padding: 1.0416666667vw 1.5625vw;
  border-radius: 4px;
  background: rgba(15, 76, 129, 0.24);
  backdrop-filter: blur(2px);
  font-weight: 700;
  color: #0F4C81;
  text-transform: capitalize;
  display: block;
  transition: all 600ms;
}
.footer .dom2 .d1 a span {
  font-weight: 400;
}
.footer .dom2 .d1 a:hover {
  background: #0F4C81;
  color: #fff;
}
.footer .dom2 .d1 .btns {
  display: flex;
  margin-left: 0.78125vw;
  gap: 0.8333333333vw;
}
.footer .copyright {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid rgba(15, 76, 129, 0.3);
  margin: 2.1875vw 6.9270833333vw 0 6.9270833333vw;
  padding: 2.34375vw 0;
  line-height: 1.5;
}
.footer .copyright .lt {
  color: #0F4C81;
}
.footer .copyright .links {
  display: flex;
  gap: 1.5625vw;
  color: #0F4C81;
}
.footer .copyright .links a:hover {
  text-decoration: underline;
}

.cookies {
  position: fixed;
  left: 0;
  width: 100%;
  border: 1px solid #D9D9D9;
  background: #35AD98;
  bottom: 0;
  z-index: 10;
  padding: 1.3541666667vw;
  display: flex;
  justify-content: center;
  display: none;
  color: #111;
  align-items: center;
  color: white;
  gap: 0.5208333333vw;
}
.cookies .l .des {
  line-height: 1.5;
}
.cookies .l .des a {
  color: #0FE;
}
.cookies .r {
  display: flex;
  align-items: center;
  gap: 0.5208333333vw;
}
.cookies .r a {
  width: 6.0416666667vw;
  height: 2.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.3);
  transition: all 600ms;
}
.cookies .r a:hover, .cookies .r a.on {
  background: #48DBC2;
  border-color: #48DBC2;
  color: #fff;
}
.cookies.hide {
  display: none;
}

.goTop {
  position: fixed;
  right: 4.1666666667vw;
  bottom: 5.2083333333vw;
  width: 4.1666666667vw;
  height: 4.1666666667vw;
  z-index: 9998;
  opacity: 0;
  pointer-events: none;
  transition: 0.6s ease;
  background: #2871FF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
}
.goTop .icon {
  height: 0.78125vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.goTop p {
  margin-top: 0.2604166667vw;
  color: white;
  font-weight: 500;
  text-transform: uppercase;
}
.goTop.on {
  opacity: 1;
  pointer-events: auto;
}

.common_btn {
  padding: 0 1.1458333333vw 0 1.5625vw;
  height: 3.3333333333vw;
  display: flex;
  align-items: center;
  gap: 0.78125vw;
  border-radius: 1.6666666667vw;
  background: #F1F1F1;
  width: max-content;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.common_btn:hover:after {
  right: -0.625vw;
  width: calc(100% + 1.25vw);
  opacity: 1;
  filter: blur(4px);
  transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
}
.common_btn:hover p {
  color: #fff;
}
.common_btn:hover .circle {
  background: #fff;
}
.common_btn:hover .circle svg path {
  fill: #0065B4;
}
.common_btn:after {
  content: "";
  pointer-events: none;
  position: absolute;
  right: 1.5625vw;
  display: flex;
  aspect-ratio: 1/1;
  width: 0.5729166667vw;
  align-items: flex-end;
  justify-content: flex-end;
  border-radius: 9999px;
  background: #0065B4;
  opacity: 0;
  filter: blur(0);
  transition: all 0.1s cubic-bezier(0, 0, 0.2, 1);
  z-index: -1;
}
.common_btn p {
  color: #464646;
  font-style: normal;
  font-weight: 400;
  transition: 0.6s ease;
}
.common_btn .circle {
  width: 2.0833333333vw;
  height: 1.4583333333vw;
  border-radius: 0.6770833333vw;
  background: #F1F1F1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.6s ease;
}
.common_btn .circle svg {
  width: 1.4583333333vw;
  height: 1.4583333333vw;
  position: relative;
  top: 2px;
}
.common_btn .circle svg path {
  fill: #464646;
  transition: 0.6s ease;
}

@media screen and (max-width: 768px) {
  .cursor {
    display: none;
  }
  .header {
    display: none;
  }
  .pheader {
    display: flex;
  }
  .r_fixed {
    padding: 10px;
  }
  .r_fixed .icon {
    margin-bottom: 10px;
  }
  .r_fixed .icon img {
    width: 20px;
  }
  .common_btn {
    height: 50px;
    padding: 0 20px;
    gap: 15px;
    border-radius: 25px;
  }
  .common_btn .circle {
    width: 38px;
    height: 32px;
    border-radius: 20px;
  }
  .common_btn .circle svg {
    width: 22px;
    height: 22px;
  }
  .footer {
    padding-top: 60px;
  }
  .footer .dom1 {
    padding: 30px 5%;
  }
  .footer .dom1 .lbox {
    display: none;
  }
  .footer .dom1 .rbox .subs {
    gap: 10px;
  }
  .footer .dom1 .rbox .subs input {
    height: 35px;
    width: 90%;
    font-size: 18px;
    padding: 5px;
  }
  .footer .dom1 .rbox .subs .btn {
    width: 40%;
    height: 35px;
    font-size: 14px;
  }
  .footer .dom1 .rbox .info {
    margin: 15px 0 10px 0;
  }
  .footer .dom1 .rbox .info p:not(:last-child) {
    margin-bottom: 8px;
  }
  .footer .dom1 .rbox .icons {
    gap: 15px;
  }
  .footer .dom1 .rbox .icons a img {
    width: 20px;
  }
  .footer .dom2 {
    padding: 0 5%;
  }
  .footer .dom2 .d1 {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .footer .dom2 .d1:not(:last-child) {
    margin-bottom: 15px;
  }
  .footer .dom2 .d1 a {
    width: 100%;
    padding: 10px 15px;
    text-align: center;
    font-size: 16px;
  }
  .footer .dom2 .d1 .btns {
    flex-direction: column;
    width: 100%;
    gap: 10px;
  }
  .footer .copyright {
    flex-direction: column;
    gap: 5px;
    margin: 15px 5% 0 5%;
    text-align: center;
    padding: 20px 0;
    font-size: 14px;
  }
  .footer .copyright .links {
    gap: 5px;
    justify-content: center;
  }
  .cookies {
    padding: 12px;
    flex-direction: column;
  }
  .cookies .l {
    width: 100%;
  }
  .cookies .l .des {
    margin-top: 5px;
  }
  .cookies .r {
    width: 100%;
    margin-top: 10px;
    justify-content: space-between;
  }
  .cookies .r a {
    width: 48%;
    height: 35px;
  }
}

#translate {
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    pointer-events: auto;
    display: none;
}
#translate select{
    width: 100px;
}
.header .box .lan_item .sub .nr {
  border-radius: 0.625vw;
  background: rgba(0, 0, 0, 0.4);
  padding: 1.0416666667vw;
}
.header .box .lan_item .sub .nr a {
  display: block;
  padding: 0.5208333333vw 0.625vw;
  font-weight: 500;
  color: white;
  text-transform: uppercase;
  letter-spacing: 3px;
  line-height: 1;
  border-radius: 8px;
  overflow: hidden;
}
.header .box .lan_item .sub .nr a p {
  transition: all 600ms;
  transform-origin: left;
}
.header .box .lan_item .sub .nr a:hover {
  background: rgba(255, 255, 255, 0.4);
}
.header .box .lan_item.sub .nr a:hover p {
  transform: scale(1.1);
}
.header .box  .lan_item:hover .sub {
  display: block;
}
.header .box .lan_item .sub {
  position: absolute;
  left: -2.4479vw;
  width: 6.875vw;
  padding-top: 1.4583333333vw;
  display: none;
}
.header .box .lan_item .sub .nr p {
  text-align: center;
}

.modal-backdrop {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.3);
  bottom: 0;
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  padding: 0 24px;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.modal {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  overflow-x: auto;
  position: relative;
  padding: 100px;
}
.modal-backdrop .modal .modal_header {
  text-align: center;
  width: 20.8333vw;
  font-size: 1.25vw;
}
.modal-backdrop .modal .modal_text {
  margin-top: 30px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.btn-close {
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-size: 20px;
  letter-spacing: 4px;
  line-height: 27px;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
}
/*# sourceMappingURL=header.css.map */

* {
    font-family: "Montserrat", "PingFang SC", "Calibri", "opensans", "GothicArial", "Arial", "Microsoft YaHei", "San Francisco", 'Hiragino Sans GB', "Helvetica Neue", Helvetica, sans-serif;
    font-optical-sizing: auto;
}

/* ::-webkit-scrollbar{width:0;} */
body,
ul,
li,
p,
a,
* {
    margin: 0;
    padding: 0;
    list-style: none;
    color: inherit;
}

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

* {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

/* 英文 */
.Noto-Serif-SC {
    font-family: "Noto Serif SC", serif;
    font-optical-sizing: auto;
}


/* 中文 */
.Noto-Sans-SC {
    font-family: "Noto Sans SC", sans-serif;
    font-optical-sizing: auto;
}

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

    .html,
    .html>* {
        font-size: 16px !important;
    }
}

.banner {
    position: relative
}

.banner .bg {
    display: block;
    width: 100%;
    object-fit: cover
}

.banner .text {
    position: absolute;
    /* top: 11.5625vw;
    left: 5.67708vw */
        left: 6.0416666667vw;
    bottom: 7.8125vw;
}

.banner .text .h5 {
    color: #FFF;
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase
}

.sec1 {
    padding: 6.35417vw 13.17708vw 6.97917vw 14.11458vw
}

.sec1 .wrap {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.sec1 .wrap .l .item {
    display: flex;
    align-items: center;
    gap: 1.82292vw
}

.sec1 .wrap .l .item:not(:last-child) {
    margin-bottom: 4.32292vw
}

.sec1 .wrap .l .item p {
    color: #386C99;
    font-weight: 500;
    line-height: 150%;
    display: flex;
    gap: .78125vw
}

.sec1 .wrap .l .item p span {
    color: #5C5C5C
}

.sec1 .wrap .l .item .icon {
    width: 2.08333vw
}

.sec1 .wrap .l .item .icon img {
    display: block;
    width: 100%
}

.sec1 .wrap .r {
    width: 34.84375vw
}

.sec1 .wrap .r img {
    display: block;
    width: 100%
}

.sec2 {
    position: relative
}

.sec2 .text {
    position: absolute;
    top: 3.38542vw;
    left: 12.5vw;
    z-index: 3
}

.sec2 .text .h5 {
    color: #050505;
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase;
    margin-bottom: 2.23958vw
}

.sec2 .text .p {
    width: 36.51042vw;
    color: rgba(0, 0, 0, 0.45);
    font-weight: 600;
    line-height: 150%;
    text-transform: capitalize
}

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

.sec2 .map .dians {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.sec2 .map .dians .dian {
    position: absolute;
    cursor: pointer
}

.sec2 .map .dians .dian .dian_box {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 1.04167vw);
    bottom: 0;
    width: 7.70833vw;
    opacity: 0;
    pointer-events: none
}

.sec2 .map .dians .dian .dian_box .dian_content {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 0 0 1.5625vw
}
.sec2 .map .dians .dian .dian_text {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 1.04167vw);
    transform: translate(-50%, .52083vw);
    color: rgba(0, 0, 0, 0.45);
    font-weight: 600;
    line-height: 150%;
    text-transform: none;
    padding: 1.04167vw 1.25vw;
    width: 19.0208vw;
    background: #c1d5e4;
    border-radius: .52083vw;
    box-shadow: 0 .20833vw 1.5625vw rgba(15, 76, 129, 0.18);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s;
    z-index: 5;
    word-break: break-word;
}

.sec2 .map .dians .dian .dian_text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: .52083vw solid transparent;
    border-top-color: #c1d5e4;
    filter: drop-shadow(0 .15625vw .20833vw rgba(15, 76, 129, 0.08));
}

.sec2 .map .dians .dian:hover .dian_text {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, 0);
}
.sec2 .map .dians .dian .dian_box .dian_content img:nth-child(2) {
    width: 6.25vw;
    height: 6.25vw;
    position: absolute;
    top: .72917vw
}

.sec2 .map .dians .dian .cir {
    width: .625vw;
    height: .625vw;
    border-radius: 50%;
    background: #0F4C81;
    position: relative
}

.sec2 .map .dians .dian .cir:after,
.sec2 .map .dians .dian .cir:before {
    content: "";
    width: .625vw;
    height: .625vw;
    background: #0F4C81;
    opacity: 0.2;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: 3s scale linear infinite
}

.sec2 .map .dians .dian .cir:before {
    animation-delay: 1.5s
}

.sec2 .map .dians .dian:nth-child(1) {
    top: 25.15625vw;
    left: 55.52083vw
}

.sec2 .map .dians .dian:nth-child(2) {
    top: 13.95833vw;
    left: 57.1875vw
}

.sec2 .map .dians .dian:nth-child(3) {
    top: 29.27083vw;
    left: 58.95833vw
}

.sec2 .map .dians .dian:nth-child(4) {
    top: 20.26042vw;
    left: 75.10417vw
}

.sec2 .map .dians .dian:nth-child(5) {
    top: 29.27083vw;
    left: 78.17708vw
}

.sec2 .map .dians .dian:hover {
    z-index: 3
}

.sec2 .map .dians .dian:hover .dian_box {
    opacity: 1;
    transform: translate(-50%, 0);
    pointer-events: auto;
    transition: 0.6s
}

.sec2 .map img {
    display: block;
    width: 100%
}

@keyframes scale {
    100% {
        transform: translate(-50%, -50%) scale(4);
        opacity: 0
    }
}

.sec3 {
    margin: 4.53125vw 0 0;
    background: linear-gradient(180deg, #E4F6FE 0%, rgba(250, 250, 250, 0) 94.24%);
    padding: 3.54167vw 9.89583vw 6.19792vw 11.77083vw
}

.sec3 .des {
    color: rgba(0, 0, 0, 0.45);
    font-weight: 600;
    line-height: 150%;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 3.64583vw
}

.sec3 .wrap {
    display: flex;
    /* align-items: center; */
    justify-content: space-between
}

.sec3 .wrap .l {
    width: 32.70833vw
}

.sec3 .wrap .l .h5 {
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 2.60417vw
}

.sec3 .wrap .l form {
    position: relative
}

.sec3 .wrap .l form .success {
    position: absolute;
    width: 24.42708vw;
    height: 6.77083vw;
    border-radius: .20833vw;
    background: rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.04167vw;
    right: 0;
    bottom: 6.14583vw;
    opacity: 0;
    pointer-events: none
}

.sec3 .wrap .l form .success p {
    color: #0F4C81;
    font-weight: 500
}

.sec3 .wrap .l form .success .icon {
    width: 1.97917vw
}

.sec3 .wrap .l form .success .icon img {
    display: block;
    width: 100%
}

.sec3 .wrap .l form .success.show {
    opacity: 1;
    pointer-events: auto
}

.sec3 .wrap .l form .part {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .83333vw
}

.sec3 .wrap .l form .part .part_title {
    color: #000;
    font-weight: 400;
    transition: 0.6s
}

.sec3 .wrap .l form .part .part_title span {
    color: #0F4C81;
    transition: 0.6s
}

.sec3 .wrap .l form .part .part_title.red {
    color: #F00
}

.sec3 .wrap .l form .part .part_title.red span {
    color: #F00
}

.sec3 .wrap .l form .part .part_input {
    width: 24.42708vw;
    height: 2.8125vw;
    border-radius: .20833vw;
    border: .05208vw solid rgba(15, 76, 129, 0.4);
    position: relative
}

.sec3 .wrap .l form .part .part_input .alert {
    display: flex;
    align-items: center;
    gap: .625vw;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: .57292vw;
    pointer-events: none;
    opacity: 0;
    transition: 0.6s
}

.sec3 .wrap .l form .part .part_input .alert .icon {
    width: 1.04167vw
}

.sec3 .wrap .l form .part .part_input .alert .icon img {
    display: block;
    width: 100%
}

.sec3 .wrap .l form .part .part_input .alert p {
    color: #F00;
    font-weight: 400
}

.sec3 .wrap .l form .part .part_input .alert.show {
    opacity: 1
}

.sec3 .wrap .l form .part .part_input input {
    width: 100%;
    height: 100%;
    background: unset;
    border: none;
    padding: 0 1.04167vw;
    font-size: .9375vw
}

.sec3 .wrap .l form button {
    width: 24.42708vw;
    height: 2.8125vw;
    border-radius: .20833vw;
    background: #0F4C81;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.04167vw;
    color: #FFF;
    font-weight: 500;
    margin: 2.08333vw 0 0 auto;
    cursor: pointer
}

.sec3 .wrap .r {
    width: 36.40625vw;
    overflow: hidden;
    margin-top: 4.8vw;
}

.sec3 .wrap .r img {
    display: block;
    width: 100%;
    transition: 1s
}
.sec3 .wrap .r a{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
border: 1px solid rgba(15, 76, 129, 0.40);
gap: 1.875vw;
color: #0F4C81;
line-height: 1.2;
padding: 1vw 0;
margin-top:2.4vw ;
transition: all 600ms;
}
.sec3 .wrap .r a:hover{
    background: #0F4C81;
    color:white;
}
.sec3 .wrap .r a:hover img{
    filter: brightness(0) invert(1);
}
.sec3 .wrap .r a img{
    width:1.25vw ;
}

.sec3 .wrap .r img:hover {
    transform: scale(1.1)
}

.sec4 {
    padding: 2.34375vw 10.41667vw 5.20833vw;
    background: #B1CDE0
}

.sec4 .sec4_top {
    width: fit-content;
    cursor: pointer;
    margin: 0 auto
}

.sec4 .sec4_top .h5 {
    color: #0F4C81;
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase
}

.sec4 .sec4_top .jt {
    width: 3.38542vw;
    margin: .26042vw auto 0
}

.sec4 .sec4_top .jt img {
    display: block;
    width: 100%
}

.sec4 .form_box {
    padding: 6.77083vw 0 1.04167vw;
    display: none
}

.sec4 .form_box form {
    position: relative
}

.sec4 .form_box form .success {
    position: absolute;
    width: 24.42708vw;
    height: 6.77083vw;
    border-radius: .20833vw;
    background: rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.04167vw;
    left: 50%;
    transform: translateX(-50%);
    bottom: 23.4375vw;
    opacity: 0;
    pointer-events: none
}

.sec4 .form_box form .success p {
    color: #0F4C81;
    font-weight: 500
}

.sec4 .form_box form .success .icon {
    width: 1.97917vw
}

.sec4 .form_box form .success .icon img {
    display: block;
    width: 100%
}

.sec4 .form_box form .success.show {
    opacity: 1;
    pointer-events: auto
}

.sec4 .form_box>.jt {
    width: 3.38542vw;
    transform: rotate(180deg);
    margin: 2.96875vw auto 0;
    cursor: pointer
}

.sec4 .form_box button {
    width: 24.42708vw;
    height: 2.8125vw;
    border-radius: .20833vw;
    background: #0F4C81;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 1.04167vw;
    font-weight: 500;
    border: none;
    margin: 3.64583vw auto 0;
    cursor: pointer
}

.sec4 .form_box .h5 {
    color: #050505;
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 3.02083vw
}

.sec4 .form_box .part_box {
    position: relative
}

.sec4 .form_box .part_box.z_7 {
    z-index: 7
}

.sec4 .form_box .part_box.margin {
    margin: 4.6875vw 0 0
}

.sec4 .form_box .part_box .part_box_title {
    color: #000;
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase;
    margin-bottom: 2.08333vw
}

.sec4 .form_box .part_box .flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 2.08333vw 0
}

.sec4 .form_box .part_box .part {
    margin-bottom: .83333vw
}

.sec4 .form_box .part_box .part .part_title {
    color: #000;
    font-weight: 400;
    text-transform: capitalize;
    transition: 0.6s;
    margin-bottom: .72917vw
}

.sec4 .form_box .part_box .part .part_title span {
    color: #0F4C81;
    transition: 0.6s
}

.sec4 .form_box .part_box .part .part_title.red {
    color: #F00
}

.sec4 .form_box .part_box .part .part_title.red span {
    color: #F00
}

.sec4 .form_box .part_box .part .part_input {
    width: 34.375vw;
    height: 3.125vw;
    border: 1px solid #0F4C81;
    position: relative
}

.sec4 .form_box .part_box .part .part_input .select {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10
}

.sec4 .form_box .part_box .part .part_input .select .select_box {
    width: 100%;
    height: 100%;
    padding: 0 1.04167vw;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.sec4 .form_box .part_box .part .part_input .select .select_box p {
    font-size: .9375vw
}

.sec4 .form_box .part_box .part .part_input .select .select_box .jt {
    width: .9375vw;
    transition: 0.6s
}

.sec4 .form_box .part_box .part .part_input .select .select_pull {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    padding: 4.16667vw 0 0;
    opacity: 0;
    pointer-events: none;
    transition: 0.6s
}

.sec4 .form_box .part_box .part .part_input .select .select_pull.on {
    opacity: 1;
    pointer-events: auto
}

.sec4 .form_box .part_box .part .part_input .select .select_pull .select_pull_box {
    width: 100%;
    padding: 1.25vw;
    border-radius: .625vw;
    background: rgba(0, 0, 0, 0.4);
    max-height: 15.625vw;
    overflow-y: auto
}

.sec4 .form_box .part_box .part .part_input .select .select_pull .select_pull_box p {
    width: 100%;
    line-height: 3.22917vw;
    padding: 0 1.25vw;
    color: rgba(255, 255, 255, 0.85);
    font-size: 1.04167vw;
    font-weight: 600;
    text-transform: capitalize;
    cursor: pointer;
    transition: 0.6s;
    border-radius: .625vw
}

.sec4 .form_box .part_box .part .part_input .select .select_pull .select_pull_box p:hover {
    background: rgba(255, 255, 255, 0.1)
}

.sec4 .form_box .part_box .part .part_input .select.on .select_box .jt {
    transform: rotate(180deg)
}

.sec4 .form_box .part_box .part .part_input .select.on .select_pull {
    opacity: 1;
    pointer-events: auto
}

.sec4 .form_box .part_box .part .part_input .alert {
    display: flex;
    align-items: center;
    gap: .625vw;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: .57292vw;
    pointer-events: none;
    opacity: 0;
    transition: 0.6s
}

.sec4 .form_box .part_box .part .part_input .alert .icon {
    width: 1.04167vw
}

.sec4 .form_box .part_box .part .part_input .alert .icon img {
    display: block;
    width: 100%
}

.sec4 .form_box .part_box .part .part_input .alert p {
    color: #F00;
    font-weight: 400
}

.sec4 .form_box .part_box .part .part_input .alert.show {
    opacity: 1
}

.sec4 .form_box .part_box .part .part_input input {
    width: 100%;
    height: 100%;
    background: unset;
    border: none;
    padding: 0 1.04167vw;
    font-size: .9375vw
}

.sec4 .form_box .part_box .part.w100 {
    width: 100%
}

.sec4 .form_box .part_box .part.w100 .part_input {
    width: 100%;
    height: 12.86458vw
}

.sec4 .form_box .part_box .part.w100 .part_input textarea {
    width: 100%;
    height: 100%;
    background: unset;
    border: none;
    padding: 1.04167vw;
    font-size: .9375vw
}

.footer {
    margin: -5.20833vw 0 0
}

@media screen and (max-width: 768px) {
    .banner {
        height: 60vh
    }

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

    .banner .text {
        /* left: 5vw;
        top: 20% */
                left: 5%;
        bottom: 60px;
    }

    .sec1 {
        padding: 50px 5vw 20px 5vw
    }

    .sec1 .wrap {
        flex-direction: column-reverse
    }

    .sec1 .wrap .r {
        width: 100%;
        margin-bottom: 30px
    }

    .sec1 .wrap .l {
        width: 100%
    }

    .sec1 .wrap .l .item {
        gap: 10px;
        flex-direction: column;
        align-items: flex-start
    }

    .sec1 .wrap .l .item .icon {
        width: 20px
    }

    .sec1 .wrap .l .item p {
        flex-direction: column
    }

    .sec2 {
        padding: 20px 0 0
    }

    .sec2 .text {
        position: unset;
        width: 90%;
        margin: 0 auto 30px
    }

    .sec2 .text .h5 {
        margin-bottom: 15px
    }

    .sec2 .text .p {
        width: 100%
    }

    .sec2 .map .dians .dian .cir {
        width: 6px;
        height: 6px
    }

    .sec2 .map .dians .dian .cir:after,
    .sec2 .map .dians .dian .cir:before {
        width: 6px;
        height: 6px
    }

    .sec2 .map .dians .dian .dian_box {
        width: 148px
    }

    .sec2 .map .dians .dian .dian_box .dian_content {
        padding: 0 0 10px
    }

    .sec2 .map .dians .dian .dian_box .dian_content img:nth-child(2) {
        width: 120px;
        height: 120px;
        top: 14px
    }

    .sec2 .map .dians .dian .dian_text {
        width: 200px;
        padding: 12px 14px;
        font-size: 12px;
        border-radius: 6px;
        bottom: calc(100% + 10px);
    }

    .sec2 .map .dians .dian .dian_text::after {
        border-width: 6px;
    }

    .sec3 {
        margin: 50px 0 0;
        padding: 50px 5vw
    }

    .sec3 .des {
        text-align: left;
        margin-bottom: 20px
    }

    .sec3 .wrap {
        flex-direction: column-reverse
    }

    .sec3 .wrap .r {
        width: 100%
    }

    .sec3 .wrap .l {
        width: 100%;
        margin: 30px 0 0
    }

    .sec3 .wrap .l .h5 {
        margin-bottom: 15px
    }

    .sec3 .wrap .l form .success {
        width: 100%;
        height: 200px;
        border-radius: 10px;
        bottom: 100px;
        gap: 10px
    }

    .sec3 .wrap .l form .success .icon {
        width: 28px
    }

    .sec3 .wrap .l form .part {
        margin-bottom: 20px;
        display: block
    }

    .sec3 .wrap .l form .part .part_input {
        width: 100%;
        height: 40px;
        border-radius: 4px;
        margin: 10px 0 0
    }

    .sec3 .wrap .l form .part .part_input input {
        font-size: 15px;
        padding: 0 10px
    }

    .sec3 .wrap .l form .part .part_input .alert {
        gap: 10px;
        left: 10px
    }

    .sec3 .wrap .l form .part .part_input .alert .icon {
        width: 16px
    }

    .sec3 .wrap .l form .part .part_input .alert p {
        font-size: 15px
    }

    .sec3 .wrap .l form button {
        width: 100%;
        height: 50px;
        border-radius: 6px;
        font-size: 16px;
        margin: 30px 0 0
    }
    .sec3 .wrap .r a{
        padding: 10px 0;
        gap: 12px;
        margin-top: 15px;
    }
    .sec3 .wrap .r a img{
        width: 20px;
    }

    .sec4 {
        padding: 50px 5vw 50px
    }

    .sec4 .sec4_top .h5 {
        text-align: center
    }

    .sec4 .sec4_top .jt {
        width: 40px
    }

    .sec4 .form_box {
        padding: 20px 0
    }

    .sec4 .form_box form .success {
        width: 100%;
        height: 200px;
        border-radius: 10px;
        bottom: 100px;
        gap: 10px
    }

    .sec4 .form_box form .success .icon {
        width: 28px
    }

    .sec4 .form_box>.jt {
        width: 40px
    }

    .sec4 .form_box .h5 {
        margin-bottom: 20px
    }

    .sec4 .form_box .part_box .part_box_title {
        margin-bottom: 20px
    }

    .sec4 .form_box .part_box .flex .part {
        width: 100%;
        margin-bottom: 20px;
        display: block
    }

    .sec4 .form_box .part_box .flex .part .part_input {
        width: 100%;
        height: 40px;
        border-radius: 4px;
        margin: 10px 0 0
    }

    .sec4 .form_box .part_box .flex .part .part_input input {
        font-size: 15px;
        padding: 0 10px
    }

    .sec4 .form_box .part_box .flex .part .part_input .alert {
        gap: 10px;
        left: 10px
    }

    .sec4 .form_box .part_box .flex .part .part_input .alert .icon {
        width: 16px
    }

    .sec4 .form_box .part_box .flex .part .part_input .alert p {
        font-size: 15px
    }

    .sec4 .form_box .part_box .flex .part .part_input .select .select_box {
        padding: 0 10px
    }

    .sec4 .form_box .part_box .flex .part .part_input .select .select_box p {
        font-size: 15px
    }

    .sec4 .form_box .part_box .flex .part .part_input .select .select_box .jt {
        width: 10px
    }

    .sec4 .form_box .part_box .flex .part .part_input .select .select_pull {
        padding: 50px 0 0
    }

    .sec4 .form_box .part_box .flex .part .part_input .select .select_pull .select_pull_box {
        padding: 20px;
        max-height: 300px;
        border-radius: 8px
    }

    .sec4 .form_box .part_box .flex .part .part_input .select .select_pull .select_pull_box p {
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        padding: 0 10px;
        border-radius: 8px
    }

    .sec4 .form_box button {
        width: 100%;
        height: 50px;
        border-radius: 6px;
        font-size: 16px;
        margin: 30px 0 0
    }

    .footer {
        margin: -50px 0 0
    }
}
@font-face{font-family:Montserrat;src:url('/assets/fonts/montserrat-300.woff') format('woff');font-weight:300;font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/fonts/montserrat-400.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/fonts/montserrat-500.woff') format('woff');font-weight:500;font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/fonts/montserrat-600.woff') format('woff');font-weight:600;font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/fonts/montserrat-latin-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/fonts/montserrat-latin-variable-italic.woff2') format('woff2');font-style:italic;font-weight:100 900;font-display:swap}
html{scroll-behavior:smooth}body{overflow-x:hidden}img[width][height]{height:auto}.sr-only,.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;z-index:1000;left:16px;top:16px;width:auto;height:auto;margin:0;padding:10px 14px;clip:auto;color:#0f4c81;background:#fff}.header{pointer-events:auto}.site-enter{animation:site-enter .8s ease both}@keyframes site-enter{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:none}}.header .box .lan{display:flex;align-items:center;justify-content:center}.menuList{display:none}.menuList.is-open{display:block}.pheader .navbox{padding:0;border:0;background:none}.pheader .navbox .line{display:block}.menuList .item .tb:is(button){width:100%;border:0;background:none}.menuList .item .sub_nav{display:none}.menuList .item .sub_nav.is-open{display:block}.menuList .item .tb.is-open img{transform:rotate(180deg)}.footer button.btn{border:0;cursor:pointer}.home main{display:block}.site-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.site-reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-enter,.site-reveal{animation:none;opacity:1;transform:none;transition:none}}
@media(max-width:768px){.banner>img.bg[width][height],.banner>.hero-media>img.bg[width][height]{height:100%}.menuList{position:fixed;z-index:98;left:0;right:0;top:60px;max-height:calc(100dvh - 60px);overflow:auto}.footer .dom1 .rbox{width:259px}}
@media(max-width:768px){.pheader .menu .l a img{width:auto}}
.sec6 .part{display:block}.sec6 .part .part_title b{color:#e63636;font-weight:400}.sec6 .part .alert{display:none}.sec6 .part.is-invalid .alert{display:flex}.sec6 .part.is-invalid .part_title{color:#e63636}.sec6 form button{cursor:pointer}.swiper-slide{height:auto}
.about-page-placeholder{display:none}.sec2 [data-family-panel]{display:none}.sec2 [data-family-panel].is-active{display:flex}.year_swiper button.swiper-slide{border:0;background:none;cursor:pointer}.page-about .sec1 .video button.play{border:0;padding:0;background:none}.page-about .sec2 .swiper_box .swiper button.swiper-slide>span{display:block;text-align:center;color:rgba(0,0,0,.45);font-size:1.66667vw;font-weight:500;line-height:3.64583vw;text-transform:uppercase;transition:.6s}.page-about .sec2 .swiper_box .swiper button.swiper-slide.on>span,.page-about .sec2 .swiper_box .swiper button.swiper-slide:hover>span{color:#0F4C81}.page-about .sec2 .swiper_box .swiper button.swiper-slide.on>span{font-size:2.5vw}.sec2 .btns button,.sec5 .btns button{border:0;background:none;cursor:pointer}.sec5 .item_l{width:100%;border:0;background:none;text-align:left;cursor:pointer}.page-about .sec5 .item_l>span.f_24{display:block;width:35vw;height:5.20833vw;position:absolute;line-height:5.20833vw;padding:0 2.1875vw;bottom:0;left:5.20833vw;white-space:nowrap;transform-origin:left bottom;transform:rotate(-90deg);color:#000;font-weight:600;text-transform:capitalize}.service-page-placeholder{display:none}.sec3 .dItem .d1:is(button){width:100%;border:0;background:none;text-align:left;cursor:pointer}.sec3 .dItem .d2{display:none}.page-service .home .container .sec3 .list .item .lbox .dList .dItem.on>.d2{display:block}
.page-about .banner .text .r .item .stat-label{color:rgba(255,255,255,.8);font-weight:600;line-height:1.5;text-transform:capitalize;margin:-.52083vw 0 0}
.sec3 .dItem .d1:is(button)>span:first-child{font-weight:600;line-height:1.5;position:relative;padding-left:1.04167vw}.sec3 .dItem .d1:is(button)>span:first-child>b{position:absolute;left:0;top:0}.sec4 .sec4_top:is(button) .h5,.sec4 .sec4_top:is(button) .jt{display:block}
.container .links button.item{border:0;background:none}.custom-panel{display:none}.custom-panel.is-active{display:block}.container .content>button.prev,.container .content>button.next{border:0}.article-gallery figure{margin:0 0 2.5vw}.article-gallery img{display:block;width:100%;height:auto}.article-gallery figcaption{margin-top:8px;color:#666}.container .pager .bc{background:none}
@media(max-width:768px){.home{max-width:100%;overflow:hidden}.page-index .sec3 .box .pic_box>img[width][height]{height:240px}.page-proInfo .banner>img.bg[width][height]{height:400px}.page-about .sec2 .swiper_box .swiper button.swiper-slide>span{height:50px;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1}.page-about .sec2 .swiper_box .swiper button.swiper-slide.on>span{font-size:20px;transform:scale(1.2)}.sec2 [data-family-panel].is-active{display:block}.sec3 .dItem .d1:is(button)>span:first-child{padding-left:15px;font-size:16px}.container .links{overflow-x:auto}.article-gallery figure{margin-bottom:24px}}
.sec4 .sec4_top{display:block;border:0;background:none}.sec4 .form_box>.jt{display:block;border:0;background:none}.part>.part_title,.part>.part_input{display:block}.sec3 .part.is-invalid .alert,.sec4 .part.is-invalid .alert,.sec11 .part.is-invalid .alert{opacity:1!important}.sec3 .part.is-invalid .part_title,.sec4 .part.is-invalid .part_title,.sec11 .part.is-invalid .part_title{color:#f00}.sec3 .part.is-invalid input,.sec4 .part.is-invalid input,.sec11 .part.is-invalid input{color:#111}.sec5 .iframe-container iframe{display:block;width:100%;height:100%;border:0}.page-proInfo .sec6 .content .lbox .b video{display:inline}.sec3 .tabs button.item,.sec3 .pics button.prev,.sec3 .pics button.next,.sec6 .v_swiper button.swiper-slide,.sec7 button.pic,.sec10 .content button.prev,.sec10 .content button.next{border:0;background:none;padding:0;cursor:pointer}.sec3 .tabs button.item span{position:absolute;left:1.9270833333vw;top:50%;transform:translateY(-50%);white-space:nowrap}.sec3 .tabs button.item{font-family:inherit}.sec6 .v_swiper button.swiper-slide{display:block;width:100%;height:auto}.sec6 .v_swiper button .pic{display:block}.sec7 button.pic{display:block}.sec7 button.pic .des{display:none}.sec7 .c_t h2{display:none;font:inherit;margin:0}.sec7 .c_t h2.on{display:block}.sec7 .des_box p{margin:0}.sec4 dl,.sec4 dt,.sec4 dd{margin:0}.sec9 .text .btn span{font-size:2rem;line-height:.5}.sec11 form{position:relative}
@media(max-width:768px){.page-about .banner .text .r .item .stat-label{font-size:14px}.page-about .sec5 .item_l>span.f_24{position:unset;width:unset;height:unset;padding:0;margin:15px 0 0;transform:unset}.sec3 .tabs button.item span{left:20px}.sec5 .iframe-container{height:70vw}.sec6 .v_swiper{height:85vw}.sec7 button.pic{width:100%}}
.honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}.success{pointer-events:none}[data-secure-enquiry][data-error]::after{content:attr(data-error);display:block;margin-top:12px;color:#b42318;font-size:13px;line-height:1.5}button:disabled{cursor:wait;opacity:.65}
.links button.item,.part button.option,.part button.color_item{border:0;background:none;font-family:inherit}.links button.item:not(.on){color:#666}.part button.option{width:100%;text-align:left}.part button.color_item{padding:0}.part button.color_item>span:last-child{display:block;color:#666;text-align:center;font-weight:500;line-height:1.5}.part .r_box .options .option_l span{display:block}.part .l_box .img1 .small_swiper{display:block}.section .wrap .l .text:empty{display:none}.sec2 .box .l .l_text,body .home .container .sec5 .tip{color:#666}
.page-about .sec4 .list .item .r .r_text,.page-proInfo .sec7 .content .cbox .des_box .des,.page-customize .part .r_box .options .option .option_l .label,.page-contact .sec2 .text .p{color:#666}
.page-info .banner .text .t{font-weight:700}
.page-index .banner .hero-media{width:100%;aspect-ratio:16/9}.page-index .banner .hero-media .bg{width:100%;height:100%;object-fit:cover}.page-index .banner .hero-video{position:absolute;inset:0;opacity:0}.page-index .banner .hero-video.is-playing{opacity:1}.page-index .banner .hero-poster.is-hidden{visibility:hidden}@media(max-width:768px){.page-index .banner .hero-media{height:100%;aspect-ratio:auto}}
@media(max-width:768px){.page-about .sec2 .swiper_box .swiper button.swiper-slide>span{color:#757575}}
.header .box .lan{background:none;font:inherit;cursor:pointer}.pheader .menu .r .lan{width:35px;height:35px;border:1px solid #fff;border-radius:50%;background:none;color:#fff;font:inherit;font-weight:500;display:flex;align-items:center;justify-content:center;cursor:pointer}.modal-backdrop{box-sizing:border-box}.modal-backdrop[hidden]{display:none!important}.language-dialog-open{overflow:hidden}.language-dialog-open #luxury-box{pointer-events:none!important}.modal-backdrop .modal_text a{display:block}.modal-backdrop .modal_text a[data-translation-error=true]{color:#b42318}.modal-backdrop .modal{box-sizing:border-box}.modal-backdrop .modal_header{line-height:1.5}
@media(max-width:768px){.modal-backdrop{padding:0 53px}.modal-backdrop .modal{width:100%;padding:72px 34px}.modal-backdrop .modal .modal_header{width:auto;font-size:18px;white-space:nowrap}.modal-backdrop .modal .modal_text{margin-top:38px;gap:25px}.modal-backdrop .modal .modal_text a{font-size:14px;line-height:1.5}.btn-close{font-size:20px}}
.legal-backdrop .modal{width:min(920px,100%);max-height:calc(100vh - 48px);padding:80px;overflow-y:auto}.legal-backdrop .modal .modal_header{width:auto;text-align:left;font-size:1.25vw}.legal-backdrop .modal_header h2{margin:0;font-size:1.25vw;font-weight:600;line-height:1.5;color:#0F4C81}.legal-backdrop .legal-modal__text{display:block;text-align:left;margin-top:30px}.legal-backdrop [data-legal-panel] h3{margin:0 0 10px;font-size:1vw;font-weight:600;line-height:1.5;color:#0F4C81}.legal-backdrop [data-legal-panel] p{margin:0 0 20px;font-size:.9375vw;line-height:1.7;color:#333}.legal-backdrop .legal-actions{display:flex;gap:10px;margin-top:28px}.legal-backdrop .legal-actions button{border:1px solid #0F4C81;background:#fff;color:#0F4C81;padding:10px 18px;border-radius:4px;font:inherit;font-size:.9375vw;line-height:1.5;cursor:pointer;transition:background .3s ease,color .3s ease}.legal-backdrop .legal-actions button:hover{background:#0F4C81;color:#fff}@media(max-width:768px){.legal-backdrop .modal{padding:72px 24px 40px;max-height:calc(100dvh - 24px)}.legal-backdrop .modal .modal_header,.legal-backdrop .modal_header h2{font-size:18px}.legal-backdrop [data-legal-panel] h3{font-size:16px}.legal-backdrop [data-legal-panel] p,.legal-backdrop .legal-actions button{font-size:14px}.legal-backdrop .legal-actions{flex-direction:column;gap:10px}}
#luxury-box{z-index:9998;position:fixed;right:10px;top:100px;width:50px;height:50px;border-radius:5px;display:none;background:#fff;overflow:hidden;transition:width .2s ease,height .2s ease}#luxury-box span{position:relative;width:50px;height:50px;display:block;overflow:hidden;transition:width .2s ease,height .2s ease}#luxury-box span:after{content:"";position:absolute;top:0;left:0;width:150%;height:100%;background:linear-gradient(to left,rgba(255,255,255,0),rgba(255,255,255,.8),rgba(255,255,255,0)) no-repeat -2em 0;background-size:2em 100%;transform:skewX(-50deg)}#luxury-box span.blink_on:after{transition:2s linear;background-position:250% 0}#luxury-mini{position:absolute;right:10%;top:5px;border-radius:5px;max-width:80%;height:auto}#luxury-mini2{position:absolute;right:6px;top:5px;border-radius:5px;display:none;height:auto}#luxury-box.is-expanded,#luxury-box.is-expanded span{width:148px;height:192px}#luxury-box.is-expanded #luxury-mini{display:none}#luxury-box.is-expanded #luxury-mini2{display:block}
.part .r_box .options_color .line .line_colors .color_item .cir{display:block}
.part .r_box .options_color .line .line_colors .color_item>span:last-child{text-transform:capitalize}
@media(max-width:768px){.page-contact .sec4 .form_box{position:relative;z-index:110}.page-contact [data-select-option]{scroll-margin-top:90px}}
.page-contact .sec4 .form_box .part_box .part .part_input [data-contact-select].on{z-index:20}