.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;
    }
}

body {
    background: #FAFAFA
}

.banner {
    position: relative
}

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

.banner .text {
    position: absolute;
    bottom: 5.20833vw;
    left: 7.29167vw
}

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

.links {
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    gap: 2.08333vw;
    z-index: 10;
    padding: 0 7.29167vw;
    margin: 4.32292vw 0 0;
    background: #FAFAFA;
    transition: 0.6s
}

.links.hide {
    top: 5.9375vw
}

.links .item {
    min-width: 8.64583vw;
    padding: 1.45833vw 0;
    color: #949494;
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.6s
}

.links .item img {
    position: absolute;
    z-index: -1;
    display: block;
    width: 8.64583vw
}

.links .item:hover,
.links .item.on {
    color: #0F4C81
}

.part {
    padding: 3.64583vw 7.29167vw 0 0;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5625vw
}

.part .l_box {
    width: 51.77083vw;
    height: 31.51042vw
}

.part .l_box .img {
    display: none;
    width: 100%;
    height: 100%
}

.part .l_box .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.part .l_box .img.on {
    display: block
}

.part .l_box .img1 {
    width: 100%;
    height: 100%;
    position: relative
}

.part .l_box .img1 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.part .l_box .img1 .big_swiper {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.part .l_box .img1 .big_swiper .swiper-slide {
    width: 100%;
    height: 100%
}

.part .l_box .img1 .small_swiper {
    position: absolute;
    overflow: hidden;
    width: 48.64583vw;
    bottom: 1.25vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    display: none;
}

.part .l_box .img1 .small_swiper .swiper-slide {
    height: 5.20833vw;
    border: .05208vw solid #fff;
    transition: 0.6s;
    overflow: hidden;
    cursor: pointer
}

.part .l_box .img1 .small_swiper .swiper-slide img {
    transition: 1s
}

.part .l_box .img1 .small_swiper .swiper-slide.swiper-slide-thumb-active {
    border: .05208vw solid #0F4C81
}

.part .l_box .img1 .small_swiper .swiper-slide:hover img {
    transform: scale(1.1)
}

.part .r_box {
    width: 36.30208vw
}

.part .r_box .r_box_title {
    color: #0F4C81;
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 0 0 3.64583vw
}

.part .r_box .r_box_title img {
    position: absolute;
    z-index: -1;
    display: block;
    width: 8.64583vw
}

.part .r_box .options_color {
    max-height: 25.72917vw;
    overflow-y: auto
}

.part .r_box .options_color .line {
    margin-bottom: 2.5vw
}

.part .r_box .options_color .line .line_title {
    color: #000;
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase;
    margin-bottom: 1.04167vw
}

.part .r_box .options_color .line .line_colors {
    /* display: flex;
    flex-wrap: wrap;
    gap: 2.5vw */
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 2.5vw;
    width: 90%;
}

.part .r_box .options_color .line .line_colors .color_item {
    cursor: pointer;
    width: 100%;
}

.part .r_box .options_color .line .line_colors .color_item .cir {
    width: 5.20833vw;
    height: 5.20833vw;
    border-radius: 50%;
    position: relative;
    margin: 0 auto 1.04167vw
}

.part .r_box .options_color .line .line_colors .color_item .cir .icon {
    width: 1.875vw;
    height: 1.875vw;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.6s;
    position: absolute;
    background: #C8C8C8;
    bottom: 0;
    right: 0;
    z-index: 2
}

.part .r_box .options_color .line .line_colors .color_item .cir .icon img {
    display: block;
    width: 1.25vw
}

.part .r_box .options_color .line .line_colors .color_item p {
    color: rgba(0, 0, 0, 0.45);
    text-align: center;
    font-weight: 500;
    line-height: 150%;
    text-transform: capitalize
}

.part .r_box .options_color .line .line_colors .color_item.on .cir .icon {
    background: #0F4C81
}

.part .r_box .options_color::-webkit-scrollbar {
    width: .20833vw;
    background: #E4F6FE;
    border-radius: .20833vw
}

.part .r_box .options_color::-webkit-scrollbar-track {
    width: .20833vw;
    background: #E4F6FE;
    border-radius: .20833vw
}

.part .r_box .options_color::-webkit-scrollbar-thumb {
    width: .41667vw;
    background: #B1CDE0;
    border-radius: .20833vw
}

.part .r_box .options .option {
    display: flex;
    justify-content: space-between;
    cursor: pointer
}

.part .r_box .options .option .option_l {
    width: 30.20833vw
}

.part .r_box .options .option .option_l .option_title {
    color: #000;
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase
}

.part .r_box .options .option .option_l .label {
    color: rgba(0, 0, 0, 0.45);
    font-weight: 400;
    line-height: 150%;
    text-transform: capitalize;
    margin-bottom: .41667vw
}

.part .r_box .options .option .icon {
    width: 1.875vw;
    height: 1.875vw;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.6s
}

.part .r_box .options .option .icon img {
    display: block;
    width: 1.25vw
}

.part .r_box .options .option:not(:last-child) {
    margin-bottom: 2.5vw
}

.part .r_box .options .option.on .icon {
    background: #0F4C81
}

.section {
    background: #134256;
    padding: 8.54167vw 0 8.33333vw;
    margin: 4.16667vw 0 0
}

.section .wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3.59375vw;
    padding: 0 6.25vw
}

.section .wrap .l {
    width: 48.38542vw;
    position: relative;
    transform-style: preserve-3d;
    perspective: 52.08333vw
}

.section .wrap .l .text {
    position: absolute;
    top: -2.60417vw;
    right: -2.60417vw;
    transform: rotateY(45deg) rotateX(-5deg) rotateZ(344deg);
    transform-style: preserve-3d
}

.section .wrap .l .text p {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase
}

.section .wrap .l img {
    display: block;
    width: 100%
}

.section .wrap .r {
    width: 34.89583vw
}

.section .wrap .r .r_title {
    color: #FFF;
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase;
    margin-bottom: 1.25vw
}

.section .wrap .r .r_box .tr {
    margin-bottom: 1.25vw
}

.section .wrap .r .r_box .tr .th {
    color: #FFF;
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase;
    margin-bottom: .20833vw
}

.section .wrap .r .r_box .tr .td {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 600;
    line-height: 150%
}

.section .wrap .r .r_box .tr .td span {
    font-weight: 400
}

.section .more {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50.24%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.51042vw 0;
    gap: 2.29167vw
}

.section .more p {
    color: #FFF;
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase;
    transition: 0.6s
}

.section .more img {
    display: block;
    width: 4.16667vw;
    transition: 0.6s;
    filter: brightness(0) invert(1)
}

.section .more:hover p {
    text-decoration: underline
}

.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: auto;
        bottom: 20px
    }

    .banner .text .h5 {
        line-height: 1.2
    }

    .links {
        margin: 30px 0 0;
        top: 60px !important;
        padding: 0 5vw
    }

    .links .item {
        width: 25%;
        text-align: center;
        font-size: 12px;
        line-height: 1.2;
        padding: 10px 0
    }

    .links .item img {
        width: 90%
    }

    .part {
        padding: 50px 5vw 0;
        margin-bottom: 30px;
        display: block
    }

    .part .l_box {
        width: 100%;
        height: 60vw;
        margin-bottom: 25px
    }

    .part .l_box .img1 .small_swiper {
        width: 90%;
        bottom: 10px
    }

    .part .l_box .img1 .small_swiper .swiper-slide {
        height: 15vw
    }

    .part .r_box {
        width: 100%
    }

    .part .r_box .r_box_title {
        margin-bottom: 30px
    }

    .part .r_box .r_box_title img {
        width: 140px
    }

    .part .r_box .options_color {
        max-height: 300px
    }

    .part .r_box .options_color .line {
        margin-bottom: 20px
    }

    .part .r_box .options_color .line .line_title {
        margin-bottom: 10px
    }

    .part .r_box .options_color .line .line_colors {
        gap: 20px;
        width: 100%;
    }

    .part .r_box .options_color .line .line_colors .color_item p {
        font-size: 14px
    }

    .part .r_box .options_color .line .line_colors .color_item .cir {
        width: 50px;
        height: 50px
    }

    .part .r_box .options_color .line .line_colors .color_item .cir .icon {
        width: 20px;
        height: 20px
    }

    .part .r_box .options_color .line .line_colors .color_item .cir .icon img {
        width: 14px
    }

    .part .r_box .options .option:not(:last-child) {
        margin-bottom: 25px
    }

    .part .r_box .options .option .icon {
        width: 24px;
        height: 24px
    }

    .part .r_box .options .option .icon img {
        width: 18px
    }

    .part .r_box .options .option .option_l {
        width: calc(100% - 40px)
    }

    .part .r_box .options .option .option_l .label {
        font-size: 14px;
        margin: 5px 0 0
    }

    .footer {
        margin: -50px 0 0
    }

    .section {
        margin: 60px 0 0;
        padding: 50px 0 100px;
        width: 100%;
        overflow: hidden
    }

    .section .wrap {
        display: block
    }

    .section .wrap .l {
        width: 100%;
        perspective: 94.083333vw;
        margin-bottom: 40px
    }

    .section .wrap .l .text {
        right: -19vw
    }

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

    .section .wrap .r .r_title {
        margin-bottom: 20px
    }

    .section .wrap .r .r_box .tr {
        margin-bottom: 15px
    }

    .section .wrap .r .r_box .tr .td {
        font-size: 15px
    }

    .section .more {
        margin: 30px 0 0;
        padding: 15px 5vw;
        gap: 5px
    }

    .section .more p {
        font-size: 15px;
        width: calc(90vw - 40px)
    }

    .section .more img {
        width: 34px
    }
}
@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}