@font-face {
  font-family: DMSans;
  src: url(../../default/fonts/DMSans-Regular.ttf);
}
@font-face {
  font-family: Javacom;
  src: url(../../default/fonts/Javacom.otf);
}
@font-face {
  font-family: Urbanist;
  src: url(../../default/fonts/Urbanist-Italic-VariableFont_wght.ttf);
}
@font-face {
  font-family: CormorantGaramond;
  src: url(../../default/fonts/CormorantGaramond-VariableFont_wght.ttf);
}
@font-face {
  font-family: PinyonScript;
  src: url(../../default/fonts/PinyonScript-Regular.ttf);
}
@font-face {
  font-family: Roboto;
  src: url(../../default/fonts/Roboto-VariableFont_wdth\,wght.ttf);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
h1 {
  font-weight: 400;
}
.pb-14,
.py-14 {
  padding-bottom: 12rem !important;
}
.pt-14,
.py-14 {
  padding-top: 12rem !important;
}
.mb-14,
.my-14 {
  margin-bottom: 12rem !important;
}
.mt-14,
.my-14 {
  margin-top: 12rem !important;
}
body,
html {
  scroll-behavior: smooth;
  font-size: 14px;
  font-family: 'Roboto', "DMSans", '思源黑体', 'PingFang SC ', '微软雅黑', sans-serif;
}
@media (max-width: 768px) {
  body,
  html {
    font-size: 8px;
  }
}
.fw-light {
  font-weight: 300;
}
.fw-regular {
  font-weight: 500;
}
.fw-bold {
  font-weight: 700;
}
.flex {
  display: flex;
}
.relative {
  position: relative;
}
.text-align-center {
  text-align: center;
}
.text-align-left {
  text-align: left;
}
.text-align-right {
  text-align: right;
}
.w-1520 {
  max-width: 1520px;
  width: 100%;
}
@media (max-width: 1600px) {
  .w-1520 {
    width: 90%;
  }
}
.margin-auto {
  margin: auto;
}
#translate {
  display: none;
}
.header {
  width: 100%;
  position: fixed;
  z-index: 99;
  transition: all 0.5s ease;
}
.header-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 99;
  position: relative;
  gap: 2rem;
  background-color: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 0 16px;
}
.header-nav {
  width: 100%;
  display: flex;
}
@media (max-width: 1200px) {
  .header-nav {
    display: none;
  }
}
@media (max-width: 1200px) {
  .header-logo {
    margin: 16px 0;
  }
}
.header-logo a {
  display: inline-block;
  position: relative;
}
.header-logo img {
  height: 58px;
}
@media (max-width: 768px) {
  .header-logo img {
    height: 24px;
  }
}
.header-nav-menu {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  gap: 8px;
  margin: 38px 0;
}
.header-nav-item {
  border: 2px solid #fff;
  padding: 4px 16px;
  transition: all 0.5s;
  border-radius: 8px;
}
.header-nav-item:hover {
  border: 2px solid #DFB383;
}
.header-nav-item a {
  color: #063B6F;
  line-height: 46px;
  transition: all 0.5s;
}
.header-nav-item:hover .header-nav-menu-ej {
  -webkit-transform: scaleY(1) translate(-50%, 0%);
  -ms-transform: scaleY(1) translate(-50%, 0%);
  transform: scaleY(1) translate(-50%, 0%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
.header-nav-menu-ej {
  position: absolute;
  z-index: 99;
  background-color: #fff;
  -webkit-transition: opacity 0.5s cubic-bezier(0.3, 0, 0.2, 1);
  transition: opacity 0.5s cubic-bezier(0.3, 0, 0.2, 1);
  transform-origin: top center;
  -webkit-transform: scaleY(0) translate(-50%, 0%);
  -ms-transform: scaleY(0) translate(-50%, 0%);
  transform: scaleY(0) translate(-50%, 0%);
  left: 50%;
  top: calc(100% + 2px);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}
.header-nav-menu-ej ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.header-nav-menu-ej ul a {
  width: 100%;
  text-align: center;
  white-space: nowrap;
  color: #063B6F;
  display: block;
  background-color: #fff;
  border-bottom: 1px solid #eee;
  padding: 1rem 2rem;
  -webkit-transition: all 0.5s cubic-bezier(0.3, 0, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.3, 0, 0.2, 1);
}
.header-nav-menu-ej ul a:last-child {
  border: 0;
}
.header-nav-menu-ej ul a:hover {
  color: #063B6F;
  background: #D5D1C5;
}
.header-menu-btn {
  display: none;
}
@media (max-width: 1200px) {
  .header-menu-btn {
    display: block;
  }
}
.header-menu-btn i {
  display: block;
  width: 24px;
  height: 2px;
  background-color: #063B6F;
  margin: 6px 0;
  -webkit-transition: all 0.4s cubic-bezier(0.3, 0, 0.2, 1);
  transition: all 0.4s cubic-bezier(0.3, 0, 0.2, 1);
}
.header-menu-btn:hover i {
  background-color: #063B6F;
}
.open-sidebar .header-menu-btn i:nth-child(1) {
  -webkit-transform: rotate(45deg) translate(6px, 6px);
  transform: rotate(45deg) translate(6px, 6px);
}
.open-sidebar .header-menu-btn i:nth-child(2) {
  opacity: 0;
}
.open-sidebar .header-menu-btn i:nth-child(3) {
  -webkit-transform: rotate(-45deg) translate(5px, -5px);
  transform: rotate(-45deg) translate(5px, -5px);
}
.open-sidebar .header-sidebar {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
.header-sidebar {
  position: absolute;
  z-index: 98;
  width: 100%;
  background-color: #063B6F;
  transform-origin: top center;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  top: 0;
  padding-top: 90px;
}
.header-sidebar li {
  padding: 0 16px;
}
.header-sidebar-item {
  display: flex;
  padding: 0 8px;
  width: 100%;
  border-bottom: 1px solid #D5D1C5;
  align-items: center;
  justify-content: space-between;
}
.header-sidebar-item a {
  color: #DFB383;
  display: block;
  width: 100%;
  padding: 1rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-bottom-kong {
  height: 134px;
}
@media (max-width: 1200px) {
  .header-bottom-kong {
    height: 90px;
  }
}
@media (max-width: 768px) {
  .header-bottom-kong {
    height: 56px;
  }
}
.scroll-fix {
  position: fixed;
}
@media (max-width: 1200px) {
  .scroll-fix {
    padding: 0;
  }
}
.header-sidebar-ej {
  overflow: hidden;
  max-height: 0;
  transition: all 0.5s;
}
.header-sidebar-ej a {
  color: #DFB383;
  display: block;
  padding: 1rem 36px;
  width: 100%;
  border-bottom: 1px solid #D5D1C5;
}
.xl-icon {
  transition: all 0.3s;
}
.active .xl-icon {
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}
.active .header-sidebar-ej {
  max-height: 1000px;
}
.header-language {
  position: relative;
  line-height: 46px;
}
@media (max-width: 1200px) {
  .header-language {
    display: none;
  }
}
.header-language .language-box {
  color: #063B6F;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 4px 16px;
  cursor: pointer;
}
.header-language .language-box .fa-globe {
  font-size: 24px;
}
.header-language .language-box span {
  text-transform: uppercase;
}
.header-language .language-box .fa-caret-down {
  font-size: 14px;
}
.header-language .languages {
  width: 80px;
  white-space: nowrap;
  background: #fff;
  position: absolute;
  top: auto;
  left: 0px;
  height: auto;
  box-shadow: 0px 1px 30px 0px rgba(77, 77, 77, 0.3);
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: -webkit-transform;
  transition: transform;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
}
.header-language .languages img {
  width: 24px;
}
.header-language .languages a {
  display: flex;
  gap: 4px;
  color: #063B6F;
  text-align: left;
  transition: all 0.5s;
  padding: 0px 16px;
  position: relative;
  width: 100%;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #eee;
}
.header-language .languages a:last-child {
  border: 0;
}
.header-language .languages a:hover {
  color: #063B6F;
  background: #D5D1C5;
}
.header-language:hover .languages {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
.header-line {
  width: 1px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.2);
}
@media (max-width: 1200px) {
  .header-line {
    display: none;
  }
}
.banner .banner-main {
  position: relative;
}
.banner .banner-main .swiper-slide img {
  height: 100%;
  aspect-ratio: 1920 / 768;
}
.banner .banner-main .in-banner-cont {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}
.swiper-button {
  background-image: none;
  height: auto;
  width: auto;
  transition: all 0.5s ease-in-out;
}
.swiper-button div {
  display: flex;
  padding: 16px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 30px;
}
.swiper-button div ion-icon {
  width: 24px;
  height: 24px;
  color: #fff;
}
.swiper-pagination-banner {
  position: absolute;
  z-index: 2;
  display: flex;
  justify-content: center;
}
.swiper-pagination-banner span {
  margin: 0 8px !important;
  width: 12px;
  height: 12px;
}
.swiper-pagination-bullets {
  bottom: 20px !important;
}
.banner-txt {
  max-width: 40%;
}
@media (max-width: 1200px) {
  .banner-txt {
    max-width: 60%;
  }
}
.bt1 {
  font-size: 2.857rem;
}
@media (max-width: 1200px) {
  .bt1 {
    font-size: 1.5rem;
  }
}
.bt2 {
  font-size: 1.285rem;
}
@media (max-width: 1200px) {
  .bt2 {
    font-size: 1rem;
  }
}
.banner-icon-box {
  display: flex;
}
.banner-more {
  position: absolute;
  bottom: 32px;
  left: 16px;
}
.banner-icon-itme {
  padding: 14px;
  background: #1c2472;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 60px;
  width: 66px;
  height: 66px;
}
@media (max-width: 768px) {
  .banner-icon-itme {
    width: 30px;
    height: 30px;
    padding: 4px;
  }
}
.banner-icon-itme:nth-child(2) {
  border: 2px solid #fff;
  margin-left: -8px;
}
.banner-icon-itme img {
  width: 100%;
}
.banner-more-buton {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 16px;
  border-radius: 40px;
  background: rgba(255, 255, 255, 0.59);
}
.banner-more-buton a {
  color: #063B6F;
  font-size: 32px;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .banner-more-buton a {
    font-size: 18px;
  }
}
.home-video {
  width: 100%;
  height: calc(100vh - 10vw);
  object-fit: cover;
  object-position: center;
}
.home-gsjs-main {
  display: flex;
}
@media (max-width: 768px) {
  .home-gsjs-main {
    flex-direction: column;
  }
}
.home-gsjs-img {
  width: 40%;
}
@media (max-width: 768px) {
  .home-gsjs-img {
    width: 100%;
    height: 200px;
  }
}
.home-gsjs-img img {
  width: 100%;
  border-radius: 30px;
  height: 100%;
  object-fit: cover;
  object-position: center;
  object-position: top;
}
.home-gsjs-nr {
  width: 60%;
  padding: 0 0 0 6rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .home-gsjs-nr {
    width: 100%;
    margin-top: 0px;
    padding: 4rem 0 0;
  }
}
.btwz h1 {
  margin: 0;
  z-index: 2;
  position: relative;
  font-family: CormorantGaramond;
  text-transform: uppercase;
}
.btwz-h1-lan {
  color: #063B6F;
}
.btwz-h1-bai {
  color: #fff;
}
.btwz-h1-qianlan {
  color: #7DA8C6;
}
.home-gsjs-nr-wz p {
  color: #7DA8C6;
  vertical-align: middle;
}
.home-gsjs-nr-button {
  width: 100%;
  display: flex;
}
@media (max-width: 768px) {
  .home-gsjs-nr-button {
    justify-content: center;
  }
}
.more-buton {
  border-radius: 8px;
  border: 2px solid #DFB383;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 4px 16px;
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
}
.more-buton span {
  color: #DFB383;
}
.more-buton:hover span {
  color: #fff;
  z-index: 1;
}
.more-buton:hover {
  color: #fff;
}
.more-buton:hover::before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.more-buton::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #DFB383;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  transition: all 0.5s ease;
}
.fs-dabt {
  font-size: 76px;
}
@media (max-width: 768px) {
  .fs-dabt {
    font-size: 30px;
  }
}
.fs-zhongbt {
  font-size: 56px;
}
@media (max-width: 768px) {
  .fs-zhongbt {
    font-size: 24px;
  }
}
.fs-fubt {
  font-size: 38px;
}
@media (max-width: 768px) {
  .fs-fubt {
    font-size: 20px;
  }
}
.home-business-shuju {
  display: flex;
  flex-direction: column;
}
.home-business-itme {
  width: calc(100% / 3);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.home-business-itme h1 {
  color: #063B6F;
  font-size: 82px;
  font-family: Roboto;
  font-weight: 300;
}
@media (max-width: 768px) {
  .home-business-itme h1 {
    font-size: 24px;
  }
}
.home-business-itme p {
  color: #7DA8C6;
  font-size: 52px;
}
@media (max-width: 768px) {
  .home-business-itme p {
    font-size: 14px;
  }
}
.home-business_nr {
  display: flex;
  justify-content: center;
}
.home-service-main {
  display: flex;
}
@media (max-width: 768px) {
  .home-service-main {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.home-service-item {
  width: calc(100% / 5);
}
@media (max-width: 768px) {
  .home-service-item {
    width: calc(100% / 3);
    margin-bottom: 3rem;
  }
}
.home-service-item-tuw {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  cursor: pointer;
  transition: all 0.5s ease;
}
.home-service-item-tuw:hover {
  transform: translate(0, -4%);
}
.home-service-item-tuw:hover img {
  transform: scale(1.05);
}
.home-service-item-tuw p {
  color: #063B6F;
  text-align: center;
}
@media (max-width: 768px) {
  .home-service-item-tuw p {
    font-size: 14px;
  }
}
.home-service-item-img {
  width: 180px;
  border-radius: 100%;
}
@media (max-width: 768px) {
  .home-service-item-img {
    width: 80%;
  }
}
.home-service-item-img img {
  width: 100%;
  transition: all 0.5s ease;
}
.home-service-item-zhankai {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 8rem 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
}
@media (max-width: 768px) {
  .home-service-item-zhankai {
    background: rgba(255, 255, 255, 0.95);
  }
}
.home-service-item-zhankai-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}
.service-on .home-service-item-zhankai {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .service-on .home-service-item-zhankai {
    justify-content: center;
    gap: 4rem;
  }
}
.service-on .home-service-item-zhankai a {
  color: #fff;
}
.service-on .home-service-item-zhankai a:hover {
  color: #fff;
}
.home-service-item-zhankai-nr {
  text-align: center;
  color: #063B6F;
}
.home-service-item-zhankai-nr h1 {
  font-size: 56px;
  font-family: CormorantGaramond;
  font-weight: 700;
}
@media (max-width: 768px) {
  .home-service-item-zhankai-nr h1 {
    font-size: 28px;
  }
}
.home-service-item-zhankai-nr p {
  font-size: 24px;
  color: #7DA8C6;
}
@media (max-width: 768px) {
  .home-service-item-zhankai-nr p {
    font-size: 18px;
  }
}
.service-more-buton {
  border-radius: 60px;
  background: #2d6ddb;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 1rem 2rem;
  position: relative;
  overflow: hidden;
  color: #fff;
}
.service-on .home-service-item-tuw {
  z-index: 3;
  position: relative;
}
@media (max-width: 768px) {
  .service-on .home-service-item-tuw {
    z-index: -1;
  }
}
.home-service-item-zhankai-close {
  display: flex;
  justify-content: flex-end;
}
.close-button {
  display: block;
  z-index: 4;
  cursor: pointer;
}
.close-button::after {
  content: "";
  display: block;
  width: 32px;
  height: 3px;
  border-radius: 6px;
  margin: 13px 0;
  background-color: #063B6F;
  -webkit-transform: rotate(-45deg) translate(5px, -5px);
  transform: rotate(-45deg) translate(5px, -5px);
}
.close-button::before {
  content: "";
  display: block;
  width: 32px;
  height: 3px;
  border-radius: 6px;
  margin: 13px 0;
  background-color: #063B6F;
  -webkit-transform: rotate(45deg) translate(6px, 6px);
  transform: rotate(45deg) translate(6px, 6px);
}
.service-on .home-service-item-tuw {
  margin-bottom: 20rem;
}
@media (max-width: 768px) {
  .service-on .home-service-item-tuw {
    margin-bottom: 0rem;
  }
}
.home-greece-xm-type {
  display: flex;
  gap: 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
@media (max-width: 768px) {
  .home-greece-xm-type {
    flex-direction: column;
  }
}
.btn-type {
  border-radius: 60px;
  border: 1px solid #DFB383;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 24px;
  position: relative;
  overflow: hidden;
  color: #DFB383;
  transition: all 0.5s;
}
@media (max-width: 768px) {
  .btn-type {
    font-size: 14px;
  }
}
.btn-type:hover {
  background-color: #DFB383;
  color: #fff;
}
.btn-type-on {
  background-color: #DFB383;
  color: #fff;
}
.home-greece-xm-cp-box {
  display: flex;
}
.home-greece-xm-cp-li {
  width: calc(100% / 2);
  overflow: hidden;
  border-radius: 32px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
.home-greece-xm-cp-li:hover .home-greece-xm-cp-img img {
  transform: scale(1.05);
}
.home-greece-xm-cp-li:hover .home-greece-xm-cp-nr {
  transform: translateY(0px);
  opacity: 1;
}
.home-greece-xm-cp-img {
  aspect-ratio: 6 / 4;
}
.home-greece-xm-cp-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all 1s ease;
}
.home-greece-xm-cp-nr {
  display: flex;
  justify-content: space-between;
  padding: 2rem 3rem;
  transition: all 1s ease;
  position: absolute;
  bottom: 0;
  width: 100%;
  transform: translateY(20px);
  opacity: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
}
@media (max-width: 768px) {
  .home-greece-xm-cp-nr {
    padding: 16px;
  }
}
.home-greece-xm-cp-nr-right {
  display: flex;
  background-color: #fff;
  border-radius: 80px;
  justify-content: center;
  width: 80px;
  height: 80px;
  align-items: center;
}
.home-greece-xm-cp-nr-right img {
  width: 40%;
  height: 40%;
  transform: rotateX(180deg);
}
.home-greece-xm-cp-nr-left h1 {
  color: #fff;
  font-size: 34px;
}
@media (max-width: 768px) {
  .home-greece-xm-cp-nr-left h1 {
    font-size: 16px;
  }
}
.home-greece-xm-cp-nr-left p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 20px;
}
@media (max-width: 768px) {
  .home-greece-xm-cp-nr-left p {
    font-size: 12px;
  }
}
.qiehuan-fyq {
  bottom: auto !important;
  padding: 2rem;
  position: relative;
}
.qiehuan-fyq span {
  width: 14px;
  height: 14px;
  opacity: 1;
  background: #cccccc;
  margin: 0 8px !important;
}
.home-greece-xm-more {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .home-greece-xm-more {
    justify-content: center;
  }
}
.swiper-pagination-bullet-active {
  background: #DFB383 !important;
}
.swiper-pagination-bullet {
  background: #D5D1C5;
}
.productcn-bt-box {
  position: absolute;
  bottom: 0;
  z-index: 2;
  color: #fff;
  width: 100%;
  padding: 56px 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
}
@media (max-width: 768px) {
  .productcn-bt-box {
    padding: 24px 0;
  }
}
.productcn-bt {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .productcn-bt {
    gap: 12px;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 768px) {
  .productcn-xq-imgbox {
    padding: 0 30px;
  }
}
.productcn-xq-img {
  border-radius: 30px;
  overflow: hidden;
  aspect-ratio: 10 / 6;
}
.productcn-xq-prev {
  top: 15%;
  left: -20px;
}
.productcn-xq-next {
  top: 15%;
  right: -20px;
}
.productcn-xqnr-bt {
  color: #063B6F;
}
.productcn-xqnr-nr {
  color: #7DA8C6;
}
.home-leasing-bt {
  border-bottom: 2px solid #000000;
  display: flex;
  justify-content: space-between;
}
.home-leasing-bt-left {
  text-align: left;
}
.home-leasing-bt-left h1 {
  color: #000000;
}
.home-leasing-bt-left p {
  font-family: Urbanist;
  color: #1a1a1a;
}
.home-leasing-bt-right {
  display: flex;
  align-items: center;
  gap: 3rem;
}
@media (max-width: 768px) {
  .home-leasing-bt-right {
    display: none;
  }
}
.swiper-button-prev {
  background-image: none;
}
.swiper-button-next {
  background-image: none;
}
.qiehuan-zidingyi-button {
  width: 80px;
  height: 80px;
  background: #2e6ddc;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 80px;
}
@media (max-width: 768px) {
  .qiehuan-zidingyi-button {
    display: none;
  }
}
.qiehuan-zidingyi-button i {
  color: #fff;
  font-size: 24px;
}
.home-leasing-box {
  overflow: hidden;
}
@media (max-width: 768px) {
  .home-leasing-box {
    overflow: visible;
    padding: 0 20px;
  }
}
.home-leasing-ul {
  display: flex;
}
.home-leasing-li {
  border-radius: 20px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
.home-leasing-li:hover .home-leasing-img img {
  transform: scale(1.05);
}
.home-leasing-li:hover .home-leasing-price {
  transform: translateY(0px);
  opacity: 1;
}
.leasing-li-3ge {
  width: calc(100% / 3 - 32px);
}
@media (max-width: 768px) {
  .leasing-li-3ge {
    width: calc(100% / 1);
  }
}
.leasing-li-2ge {
  width: calc(100% / 2 - 24px);
}
@media (max-width: 1200px) {
  .leasing-li-2ge {
    width: calc(100% / 1);
  }
}
.home-leasing-img {
  width: 100%;
  height: 480px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .home-leasing-img {
    height: 240px;
  }
}
.home-leasing-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all 1s ease;
}
.home-leasing-nr {
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.home-leasing-nr h1 {
  color: #063B6F;
}
.home-leasing-nr-p {
  color: #7DA8C6;
}
.home-leasing-nr-sheshi {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.home-leasing-nr-sheshi ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.home-leasing-nr-sheshi ul li {
  display: flex;
  width: 100%;
  gap: 8px;
}
.home-leasing-nr-sheshi ul li p {
  color: #063B6F;
  display: flex;
  width: 100%;
  gap: 8px;
  align-items: center;
}
.home-leasing-nr-sheshi ul li img {
  width: 24px;
}
.home-leasing-tuijian {
  position: absolute;
  top: 4%;
  left: 4%;
  z-index: 2;
  display: flex;
  gap: 8px;
}
.home-leasing-tuijian div {
  padding: 6px 12px;
  border-radius: 30px;
  color: #fff;
}
.home-leasing-tuijian div:nth-child(1) {
  background: #a5c4ff;
}
.home-leasing-tuijian div:nth-child(2) {
  background: #181f62;
}
.home-leasing-price {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 2;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
  color: #fff;
  display: flex;
  padding: 36px;
  align-items: stretch;
  flex-direction: column;
  transform: translateY(20px);
  opacity: 0;
  transition: all 1s ease;
}
@media (max-width: 768px) {
  .home-leasing-price {
    padding: 16px;
  }
}
@media (max-width: 768px) {
  .leasingd-img-main {
    padding: 0 30px 0 0;
  }
}
.leasingd-imgbox {
  background-color: #063B6F;
}
.leasingd-imgpic {
  border-radius: 30px;
  overflow: hidden;
  aspect-ratio: 680 / 400;
}
.leasingd-btnr {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.leasingd-btnr-left {
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.leasingd-btnr-right {
  display: flex;
  gap: 16px;
}
@media (max-width: 768px) {
  .leasingd-btnr-right {
    display: none;
  }
}
.baise-xm-qitajies {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.baise-xm-qitajies-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 768px) {
  .baise-xm-qitajies-item {
    gap: 4px;
  }
}
.baise-xm-qitajies-item-icon {
  overflow: hidden;
}
.baise-xm-qitajies-item-icon img {
  width: 40px;
  height: 40px;
  position: relative;
  left: -100px;
  filter: drop-shadow(100px 0px 0 #fff);
}
@media (max-width: 768px) {
  .baise-xm-qitajies-item-icon img {
    width: 24px;
    height: 24px;
  }
}
.baise-xm-qitajies-item-data {
  color: #fff;
}
.leasingd-btnr-sheshi {
  font-family: Urbanist;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.leasingd-btnr-sheshi ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.leasingd-btnr-sheshi ul li {
  display: flex;
  width: 100%;
  gap: 8px;
  align-items: center;
}
.leasingd-btnr-sheshi ul li p {
  display: flex;
  width: 100%;
  gap: 8px;
  align-items: center;
}
.leasingd-btnr-sheshi ul li img {
  width: 24px;
  height: 24px;
}
.leasingd-xqjs {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.leasingd-xqjs h1 {
  color: #063B6F;
}
.leasingd-xqjs-content {
  color: #7DA8C6;
}
.leasingd-table {
  color: #7DA8C6;
}
.leasingd-table table {
  border-collapse: collapse;
  background-color: #f2f2f2;
}
.leasingd-table td {
  border: 1px solid #fff;
  padding: 10px;
}
.leasingd-fanzijs {
  display: flex;
  gap: 32px;
  align-items: center;
}
@media (max-width: 768px) {
  .leasingd-fanzijs {
    flex-direction: column;
  }
}
.leasingd-fangzijs-picbox {
  width: 38%;
}
@media (max-width: 768px) {
  .leasingd-fangzijs-picbox {
    width: 100%;
  }
}
.leasingd-fangzijs-pic {
  border-radius: 30px;
  border: 1px solid #D5D1C5;
  padding: 32px;
  overflow: hidden;
}
.leasingd-fangzijs-main {
  width: 62%;
}
@media (max-width: 768px) {
  .leasingd-fangzijs-main {
    width: 100%;
  }
}
.leasingd-fangzijs-main ul {
  display: flex;
  flex-wrap: wrap;
  row-gap: 40px;
}
.leasingd-fangzijs-main ul li {
  width: calc(100% / 2);
}
@media (max-width: 992px) {
  .leasingd-fangzijs-main ul li {
    width: calc(100% / 2);
  }
}
.leasingd-fangzijs-main p {
  display: flex;
  align-items: center;
  gap: 4px;
}
.location-overview-nr table {
  width: 100%;
}
.location-overview-nr table tbody {
  width: 100%;
}
@media (max-width: 768px) {
  .location-overview-nr table tbody tr {
    display: flex;
    flex-direction: column;
  }
}
.location-overview-nr table tbody tr td {
  width: 50%;
  padding-bottom: 8px;
}
@media (max-width: 768px) {
  .location-overview-nr table tbody tr td {
    width: 100%;
  }
}
.location-overview-main {
  display: flex;
  gap: 40px;
  align-items: center;
}
@media (max-width: 768px) {
  .location-overview-main {
    flex-direction: column;
  }
}
.location-overview-gailanmap {
  width: 50%;
  aspect-ratio: 6 / 4;
  border-radius: 30px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .location-overview-gailanmap {
    width: 100%;
  }
}
.location-overview-googlemap {
  width: 50%;
  aspect-ratio: 6 / 4;
  border-radius: 30px;
  overflow: hidden;
}
.location-overview-googlemap iframe {
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .location-overview-googlemap {
    width: 100%;
  }
}
.youwilllove-main {
  overflow: hidden;
}
@media (max-width: 768px) {
  .youwilllove-main {
    overflow: visible;
    padding: 0 0 0 0;
  }
}
.youwilllove {
  display: flex;
}
.youwilllove-li {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.youwilllove-nr {
  color: #7DA8C6;
}
.youwilllove-img {
  border-radius: 30px;
  overflow: hidden;
  aspect-ratio: 6 / 4;
}
.gsdz-db-main {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.gsdz-db-fl-box {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .gsdz-db-fl-box {
    gap: 8px;
  }
}
.gsdz-db-add {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.gsdz-db-add ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.gsdz-db-add ul li {
  display: flex;
  color: #D5D1C5;
  align-items: center;
  flex-wrap: wrap;
}
.gsdz-db-add ul li::before {
  content: "";
  background: url(../images/dibuxinxi-icon.png) no-repeat;
  width: 28px;
  height: 28px;
  display: inline-block;
}
.gsdz-db-add ul li p {
  margin-left: 8px;
  width: calc(100% - 28px - 8px);
}
.foottop {
  background: #063B6F;
}
.footbottom {
  background: #212024;
}
.foot-nr {
  display: flex;
}
@media (max-width: 768px) {
  .foot-nr {
    flex-direction: column;
  }
}
.foot-logan {
  color: #DFB383;
}
.foot-contact {
  display: flex;
  flex-direction: column;
  color: #D5D1C5;
  gap: 16px;
}
.foot-site {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.foot-site-left {
  display: flex;
  gap: 8px;
  color: #D5D1C5;
}
.foot-site-right {
  width: 120px;
}
@media (max-width: 768px) {
  .foot-site-right {
    width: 60px;
  }
}
.foot-site-right img {
  width: 100%;
}
.foot-contact-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.right-jiantou {
  display: flex;
  color: #DFB383;
  border: 1px solid #DFB383;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}
.foot-link {
  display: flex;
  gap: 16px;
}
@media (max-width: 768px) {
  .foot-link {
    padding: 0 16px;
  }
}
@media (max-width: 768px) {
  .foot-link img {
    width: 24px;
  }
}
.foot-contact-box {
  width: 45%;
}
@media (max-width: 768px) {
  .foot-contact-box {
    width: 100%;
  }
}
.foot-message-box {
  width: 55%;
}
@media (max-width: 768px) {
  .foot-message-box {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .foot-message {
    padding: 20px 0;
  }
}
.foot-message form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  color: #D5D1C5;
}
.foot-message-item {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  padding: 0 16px 8px;
}
@media (max-width: 768px) {
  .foot-message-item {
    padding: 0 4px 8px;
  }
}
.foot-message-item input {
  border-radius: 8px;
  border: 0;
  line-height: 36px;
  padding: 0 8px;
}
.foot-message-item textarea {
  border-radius: 8px;
  border: 0;
  line-height: 36px;
  padding: 0 8px;
}
.message-height {
  height: 100px;
}
@media (max-width: 768px) {
  .message-height {
    height: auto;
  }
}
.foot-message-button-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.foot-message-button {
  border-radius: 8px;
  border: 2px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 4px 16px;
  position: relative;
  overflow: hidden;
  background: none;
  color: #fff;
  text-transform: uppercase;
}
.foot-message-button span {
  color: #fff;
}
.foot-message-button:hover span {
  color: #fff;
  z-index: 1;
}
.foot-message-button:hover {
  color: #fff;
}
.foot-message-button:hover::before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.foot-message-button::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #DFB383;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  transition: all 0.5s ease;
}
.ny-banner-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.ny-banner-bt {
  position: absolute;
  bottom: 10%;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
}
.ny-banner-bt h1 {
  margin: 0;
}
.about-gsjj01 {
  display: flex;
  gap: 64px;
}
@media (max-width: 768px) {
  .about-gsjj01 {
    flex-direction: column;
  }
}
.gsjj01-nr {
  width: 65%;
}
@media (max-width: 768px) {
  .gsjj01-nr {
    width: 100%;
  }
}
.gsjj01-nr-wz {
  color: #7DA8C6;
}
.gsjj01-img {
  width: 35%;
  border-radius: 30px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .gsjj01-img {
    width: 100%;
    height: 200px;
  }
}
.about-pic {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  object-position: top;
}
.about-gsjj-main {
  display: flex;
  border-radius: 30px;
  overflow: hidden;
  align-items: stretch;
}
@media (max-width: 768px) {
  .about-gsjj-main {
    flex-direction: column;
  }
}
.about-gsjj02 {
  background-color: #063B6F;
}
.about-gsjj03 {
  background-color: #DFB383;
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  .about-gsjj03 {
    flex-direction: column;
  }
}
.gsjj02-img {
  width: 40%;
}
@media (max-width: 768px) {
  .gsjj02-img {
    width: 100%;
  }
}
.gsjj02-nr {
  width: 60%;
  padding: 24px 46px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 768px) {
  .gsjj02-nr {
    width: 100%;
    padding: 4rem;
  }
}
.about-gsjj04 {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.gsjj04-img {
  overflow: hidden;
  border-radius: 30px;
}
.gsjj-nrwz-color-mibai {
  color: #D5D1C5;
}
.gsjj-nrwz-color-bai {
  color: #fff;
}
.gsjj-nrwz-color-qianlan {
  color: #7DA8C6;
}
.product-banner-pic {
  aspect-ratio: 1920 / 1080;
}
.productcn-bt-line {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 768px) {
  .productcn-bt-line {
    width: 100%;
  }
}
.img-hover:hover .img-box img {
  transform: scale(1.05);
}
.img-box {
  overflow: hidden;
}
.img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all 1s ease;
}
.home-greece-xm-cp {
  overflow: hidden;
}
@media (max-width: 768px) {
  .home-greece-xm-cp {
    overflow: visible;
    padding: 0 20px;
  }
}
.greece-xm-lb {
  display: flex;
  flex-wrap: wrap;
  gap: 48px;
}
.greece-xm-item {
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
.greece-xm-item:hover .greece-xm-wenz-box {
  opacity: 1;
  transform: translateY(0%);
}
.xm-item-2ge {
  width: calc(100% / 2 - 24px);
}
@media (max-width: 1200px) {
  .xm-item-2ge {
    width: calc(100% / 1);
  }
}
.xm-item-3ge {
  width: calc(100% / 3 - 32px);
}
@media (max-width: 1200px) {
  .xm-item-3ge {
    width: calc(100% / 1);
  }
}
.greece-xm-img {
  width: 100%;
  aspect-ratio: 740 / 420;
}
.china-xm-img {
  width: 100%;
  aspect-ratio: 510 / 662;
}
.greece-xm-nr {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 28px;
}
.greece-xm-dizhi {
  color: #7DA8C6;
}
.greece-xm-mingc {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  gap: 8px;
}
.greece-xm-mingc h1 {
  color: #063B6F;
}
.greece-xm-qitajies {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.greece-xm-qitajies-kong {
  height: 40px;
}
@media (max-width: 768px) {
  .greece-xm-qitajies-kong {
    height: 0px;
  }
}
.greece-xm-qitajies-item {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.greece-xm-qitajies-item-icon img {
  width: 40px;
  height: 40px;
}
@media (max-width: 768px) {
  .greece-xm-qitajies-item-icon img {
    width: 24px;
    height: 24px;
  }
}
.greece-xm-qitajies-item-data {
  color: #063B6F;
}
.greece-xm-wenz-box {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 36px 36px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  transition: all 1s ease;
  opacity: 0;
}
@media (max-width: 768px) {
  .greece-xm-wenz-box {
    padding: 16px;
  }
}
.greece-xm-wenz h1 {
  color: #fff;
}
.greece-xm-wenz p {
  color: #fff;
}
.greece-xm-tuwenz {
  overflow: hidden;
}
.greece-xqmain {
  display: flex;
  gap: 48px;
}
@media (max-width: 768px) {
  .greece-xqmain {
    flex-direction: column;
  }
}
.greece-xqmain-line {
  border-left: 1px dashed #2b2a2e;
}
@media (max-width: 768px) {
  .greece-xqmain-line {
    display: none;
  }
}
.greece-fac table tbody tr td {
  padding: 24px 0;
}
.greece-xqjs {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.greece-xqjs-cont {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}
.greece-xqjs-cont h1 {
  color: #063B6F;
}
.greece-xqjs-nr ul {
  display: flex;
  flex-wrap: wrap;
  row-gap: 40px;
}
@media (max-width: 768px) {
  .greece-xqjs-nr ul {
    row-gap: 16px;
  }
}
.greece-xqjs-nr ul li {
  width: calc(100% / 4);
}
@media (max-width: 992px) {
  .greece-xqjs-nr ul li {
    width: calc(100% / 2);
  }
}
.greece-xqjs-nr p {
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (max-width: 768px) {
  .greece-xqjs-nr img {
    width: 24px !important;
    height: 24px !important;
  }
}
.greece-xqmain-houseimg {
  height: 400px;
  overflow: hidden;
  display: flex;
  gap: 10px;
}
.greece-xqmain-houseimg-xiaobox-baibg {
  background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  bottom: 0;
  z-index: 2;
  height: 60px;
  width: 100%;
  border-radius: 6px;
}
.greece-xqmain-houseimg-xiaoimg {
  height: auto;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
}
.greece-xqmain-houseimg-xiaoimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.greece-xqmain-houseimg-daimg {
  height: auto;
  border-radius: 8px;
  overflow: hidden;
}
.greece-xqmain-houseimg-daimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.greece-xqmain-left {
  width: 50%;
}
@media (max-width: 768px) {
  .greece-xqmain-left {
    width: 100%;
  }
}
.greece-xqmain-right {
  width: 50%;
}
@media (max-width: 768px) {
  .greece-xqmain-right {
    width: 100%;
  }
}
.greece-xqmain-units-wzxia {
  display: flex;
  width: 100%;
  gap: 60px;
}
@media (max-width: 768px) {
  .greece-xqmain-units-wzxia {
    flex-direction: column;
    gap: 8px;
  }
}
.greece-xqmain-units-wzxia-icon {
  width: 38%;
}
@media (max-width: 768px) {
  .greece-xqmain-units-wzxia-icon {
    width: 100%;
  }
}
.greece-xqmain-units-mzmain {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: center;
}
.greece-xqmain-units-ul {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
}
.greece-xqmain-units-mz-on {
  color: #000 !important;
}
.greece-xqmain-units-li {
  color: #999;
  cursor: pointer;
}
.greece-xqmain-units-li::after {
  color: #000;
  content: "|";
  padding-left: 16px;
}
.greece-xqmain-units-li:last-child::after {
  content: "";
  display: none;
}
.units-button-prev,
.units-button-next {
  width: 48px;
  height: 48px;
  font-size: 24px;
  display: flex;
  border: 2px solid #000000;
  padding: 12px;
  align-items: center;
  justify-content: center;
}
.greece-xqmain-unitsbox {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 768px) {
  .greece-xqmain-unitsbox {
    gap: 8px;
  }
}
.greece-xqmain-units-nr {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.greece-xqmain-units-cont {
  color: #7DA8C6;
}
.greece-xqmain-units-cont table {
  border-collapse: collapse;
  background-color: #f2f2f2;
}
.greece-xqmain-units-cont table tbody tr td {
  border: 1px solid #fff;
  padding: 10px;
}
.greece-xqmain-units-btnr {
  width: 62%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 768px) {
  .greece-xqmain-units-btnr {
    width: 100%;
    gap: 8px;
  }
}
.greece-xqmain-units-btnr h1 {
  color: #DFB383;
}
.pagination {
  display: flex;
  align-items: center;
  gap: 16px;
}
.page-num {
  width: 16px;
  height: 16px;
  border-radius: 20px;
  background: #7DA8C6;
  display: flex;
  color: #7DA8C6;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
}
.page-num:hover {
  color: #7DA8C6;
}
.page-num-current {
  width: 30px;
  height: 30px;
  background: #063B6F;
  color: #fff;
  border: 0;
}
.leasing-bt {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.leasing-bt-right {
  display: flex;
  gap: 3rem;
}
.leasing-bt-qiehuan {
  width: 80px;
  height: 80px;
  background: #2e6ddc;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 80px;
}
.leasing-bt-qiehuan i {
  color: #fff;
  font-size: 24px;
}
.leasing-ul {
  display: flex;
  gap: 48px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .leasing-ul {
    gap: 24px;
  }
}
@media (max-width: 768px) {
  .news-list-tuijian .py-8:first-child {
    padding-top: 0rem !important;
  }
}
@media (max-width: 768px) {
  .news-list-tuijian .py-8 {
    padding-bottom: 4rem !important;
    padding-top: 4rem !important;
  }
}
@media (max-width: 768px) {
  .news-list-lb .py-8 {
    padding-bottom: 4rem !important;
    padding-top: 4rem !important;
  }
}
.news-list-tuijian-tiem {
  display: flex;
  flex-direction: row;
  gap: 36px;
  justify-content: space-between;
  border-bottom: 1px solid #D5D1C5;
}
@media (max-width: 768px) {
  .news-list-tuijian-tiem {
    gap: 8px;
    align-items: center;
  }
}
.news-list-tuijian-left {
  display: flex;
  flex-direction: column;
  width: 50%;
  align-items: flex-start;
}
.news-list-tuijian-left h1 {
  flex: 1;
  color: #063B6F;
}
.news-list-tuijian-left p {
  color: #7DA8C6;
}
@media (max-width: 768px) {
  .news-list-tuijian-left .more-buton {
    display: none;
  }
}
.news-list-tuijian-right {
  width: 50%;
}
.news-list-tuijian-pic {
  border-radius: 30px;
  overflow: hidden;
  aspect-ratio: 600 / 400;
}
@media (max-width: 768px) {
  .news-list-tuijian-pic {
    border-radius: 8px;
  }
}
.news-botton {
  color: #fff;
  background-color: #2d6ddb;
  box-shadow: -0.77px 6.15px 15.36px rgba(0, 0, 0, 0.25);
  border-radius: 16px;
}
.news-botton:hover {
  color: #fff;
}
.news-botton-da {
  padding: 8px 24px;
}
.news-botton-xiao {
  padding: 8px 24px;
}
.news-list-tiem {
  display: flex;
  gap: 36px;
  border-bottom: 1px solid #D5D1C5;
}
@media (max-width: 768px) {
  .news-list-tiem {
    gap: 16px;
  }
}
.news-list-left {
  width: 30%;
}
.news-list-pic {
  border-radius: 30px;
  overflow: hidden;
  aspect-ratio: 600 / 400;
}
@media (max-width: 768px) {
  .news-list-pic {
    aspect-ratio: 100 / 90;
    border-radius: 8px;
  }
}
.news-list-right {
  width: 70%;
  display: flex;
  flex-direction: column;
}
.news-list-right h1 {
  flex: 1;
  color: #063B6F;
}
.news-bt {
  color: #063B6F;
}
.news-xiangqneir {
  color: #7DA8C6;
}
.news-xiangqneir p {
  font-size: 24px;
}
@media (max-width: 768px) {
  .news-xiangqneir p {
    font-size: 14px !important;
  }
}
@media (max-width: 768px) {
  .news-xiangqneir img {
    width: 100%;
  }
}
.news-list-sjanniu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #7DA8C6;
}
@media (max-width: 768px) {
  .news-list-sjanniu .more-buton {
    display: none;
  }
}
.news-date {
  display: flex;
  align-items: center;
  gap: 16px;
}
.news-date-nr {
  color: #7DA8C6;
  white-space: nowrap;
}
.news-date-line {
  width: 100%;
  height: 1px;
  background-color: #7DA8C6;
  display: inline-block;
}
.news-original-text {
  display: flex;
}
.news-original-text-a {
  display: flex;
  align-items: center;
  border-radius: 60px;
  background-color: rgba(223, 179, 131, 0.1);
  padding: 8px 16px;
  gap: 16px;
}
.news-original-text-nr {
  color: #DFB383;
}
.news-fgx {
  border-bottom: 1px dashed #2b2a2e;
}
.news-next-bt {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.news-next-ul {
  display: flex;
  gap: 46px;
}
@media (max-width: 768px) {
  .news-next-ul {
    gap: 16px;
  }
}
.news-next-li {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 36px;
}
@media (max-width: 768px) {
  .news-next-li {
    gap: 16px;
  }
}
.news-next-img {
  border-radius: 30px;
  overflow: hidden;
  aspect-ratio: 6 / 4;
}
@media (max-width: 768px) {
  .news-next-img {
    border-radius: 8px;
  }
}
.news-next-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.news-next-nt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.news-next-nt h1 {
  color: #063B6F;
}
@media (max-width: 768px) {
  .news-next-nt h1 {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .news-next-nt .more-buton {
    display: none;
  }
}
.join-type {
  display: flex;
  gap: 30px;
}
@media (max-width: 768px) {
  .join-type {
    flex-direction: column;
    gap: 16px;
  }
}
.join-type-center {
  justify-content: center;
}
.join-list {
  display: flex;
  flex-direction: column;
}
.join-list-tiem {
  display: flex;
  overflow: hidden;
  gap: 36px;
  border-bottom: 1px solid #D5D1C5;
}
@media (max-width: 768px) {
  .join-list-tiem {
    flex-direction: column;
    gap: 16px;
  }
}
.join-list-img {
  overflow: hidden;
  border-radius: 30px;
  width: 30%;
  aspect-ratio: 1 / 0.8;
}
@media (max-width: 768px) {
  .join-list-img {
    width: 100%;
    border-radius: 8px;
    aspect-ratio: 6 / 4;
  }
}
.join-list-nr {
  width: 70%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 768px) {
  .join-list-nr {
    width: 100%;
    gap: 8px;
  }
}
.join-list-nr h1 {
  color: #063B6F;
}
.join-list-nr p {
  color: #7DA8C6;
}
.join-list-map {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #DFB383;
  font-size: 24px;
}
.joind-qitanr {
  display: flex;
  gap: 60px;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: 1px solid #D5D1C5;
  padding-bottom: 60px;
}
@media (max-width: 1200px) {
  .joind-qitanr {
    flex-direction: column;
    gap: 8px;
    align-items: normal;
    padding-bottom: 30px;
  }
}
.joind-qitanr-left {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 768px) {
  .joind-qitanr-left {
    gap: 8px;
  }
}
.joind-qitanr-left h1 {
  color: #063B6F;
}
.joind-qitanr-left p {
  color: #7DA8C6;
}
.joind-qitanr-left .joind-mapicon {
  color: #DFB383;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 768px) {
  .joind-qitanr-right .more-buton {
    border-radius: 60px;
  }
}
.joind-nr h1 {
  font-size: 32px;
  padding-bottom: 24px;
  color: #063B6F;
}
.joind-nr p {
  color: #7DA8C6;
}
.greece-infor-main {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.greece-infor-item {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media (max-width: 768px) {
  .greece-infor-item {
    gap: 30px;
  }
}
.greece-infor-item:last-child {
  flex-direction: row;
}
@media (max-width: 768px) {
  .greece-infor-item:last-child {
    flex-direction: column;
  }
}
.greece-infor-item:last-child .greece-infor-img {
  width: 40%;
  border-radius: 30px 0 0 30px;
}
@media (max-width: 768px) {
  .greece-infor-item:last-child .greece-infor-img {
    width: 100%;
    border-radius: 30px;
  }
}
.greece-infor-item:last-child .greece-infor-nr {
  width: 60%;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .greece-infor-item:last-child .greece-infor-nr {
    width: 100%;
  }
}
.greece-infor-img {
  border-radius: 30px;
  overflow: hidden;
}
.greece-infor-nr {
  color: #7DA8C6;
}
.policies {
  background-color: #063B6F;
}
.policies-box {
  overflow: hidden;
}
.policies-item {
  display: flex;
  gap: 48px;
  align-items: center;
}
@media (max-width: 1200px) {
  .policies-item {
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  .policies-item {
    gap: 24px;
  }
}
.policies-img {
  width: 40%;
  border-radius: 30px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .policies-img {
    width: 100%;
  }
}
.policies-nr {
  color: #D5D1C5;
  width: 60%;
}
@media (max-width: 1200px) {
  .policies-nr {
    width: 100%;
  }
}
.policies-bt {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.policies-qiehuan {
  display: flex;
  justify-content: flex-end;
  gap: 18px;
}
.process-nr {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.process-item {
  padding: 22px 0;
}
@media (max-width: 768px) {
  .process-item {
    padding: 8px 0;
  }
}
.process-item:first-child {
  padding-top: 0;
}
.process-item p {
  color: #7DA8C6;
}
.process-item span {
  width: 60px;
  display: inline-block;
  color: #DFB383;
  padding-right: 10px;
}
@media (max-width: 768px) {
  .process-item span {
    width: auto;
  }
}
@media (max-width: 768px) {
  .goldenvisa-bt {
    font-size: 24px;
  }
}
.property-item {
  display: flex;
  align-items: center;
  gap: 60px;
  padding: 120px 0;
}
@media (max-width: 1200px) {
  .property-item {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .property-item {
    padding: 30px 0;
  }
}
.property-item .property-img {
  width: 40%;
  overflow: hidden;
  border-radius: 0 30px 30px 0;
}
@media (max-width: 1200px) {
  .property-item .property-img {
    border-radius: 30px;
    width: 100%;
  }
}
.property-item:nth-child(even) {
  flex-direction: row-reverse;
}
.property-item:nth-child(even) .property-img {
  border-radius: 30px 0 0 30px;
}
@media (max-width: 1200px) {
  .property-item:nth-child(even) .property-img {
    border-radius: 30px;
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .property-item:nth-child(even) {
    flex-direction: column;
  }
}
.property-item:nth-last-child(1) {
  padding: 60px 0;
  border: 0;
}
.property-item:nth-last-child(1) h1 {
  font-family: CormorantGaramond;
  text-transform: uppercase;
  font-size: 76px;
}
@media (max-width: 768px) {
  .property-item:nth-last-child(1) h1 {
    font-size: 30px;
  }
}
.property-item:nth-last-child(2) {
  padding: 60px 0;
  border: 0;
}
.property-nr {
  width: 60%;
}
@media (max-width: 1200px) {
  .property-nr {
    width: 100%;
  }
}
.property-nr h1 {
  color: #063B6F;
}
.property-nr div {
  color: #7DA8C6;
}
.about-team {
  background-color: #063B6F;
}
.about-team-box {
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .about-team-box {
    padding: 0 30px;
  }
}
.about-team-main {
  display: flex;
}
.about-team-li {
  border-radius: 30px;
  transition: all 1s ease;
  overflow: hidden;
}
.about-team-li:hover {
  box-shadow: 20px 4px 40px 2px rgba(68, 68, 68, 0.4);
}
.about-team-li:hover .about-team-nr {
  transform: translateY(0px);
  opacity: 1;
}
.about-team-img {
  aspect-ratio: 346 / 549;
}
.about-team-mingzi {
  color: #fff;
}
.about-team-zhiwei {
  color: #fff;
}
.about-team-nr {
  display: flex;
  padding-bottom: 24px;
  transition: all 1s ease;
  position: absolute;
  bottom: 0;
  width: 100%;
  transform: translateY(0px);
  opacity: 1;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px;
  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}
.about-team-qiehuan {
  display: flex;
  justify-content: center;
  gap: 18px;
}
@media (max-width: 768px) {
  .about-team-qiehuan {
    display: none;
  }
}
.about-locat-bg {
  background-color: #ffffff;
}
.about-locat {
  overflow: hidden;
}
.about-locat-mzmain {
  display: flex;
  gap: 24px;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .about-locat-mzmain {
    gap: 6px;
    justify-content: flex-start;
  }
}
.about-locat-mz {
  border-radius: 8px;
  border: 2px solid #DFB383;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 4px 16px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  color: #DFB383;
}
@media (max-width: 768px) {
  .about-locat-mz {
    padding: 4px 8px;
  }
}
.about-locat-mz-on {
  color: #fff;
  border: 2px solid #DFB383;
  background-color: #DFB383;
}
.about-locat-img {
  width: 50%;
  overflow: hidden;
}
@media (max-width: 768px) {
  .about-locat-img {
    width: 100%;
    height: 240px;
  }
}
.about-locat-wzxia {
  width: 50%;
  color: #ffffff;
  padding: 24px 46px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 1200px) {
  .about-locat-wzxia {
    padding: 46px;
  }
}
@media (max-width: 768px) {
  .about-locat-wzxia {
    width: 100%;
    padding: 24px;
  }
}
.about-locat-nr {
  height: 520px;
  display: flex;
  border-radius: 30px;
  overflow: hidden;
  background-color: #DFB383;
}
@media (max-width: 768px) {
  .about-locat-nr {
    flex-direction: column;
    height: auto;
  }
}
.home-latest {
  background: #063B6F;
}
.home-latest-wz {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  width: 30%;
}
@media (max-width: 768px) {
  .home-latest-wz {
    width: 100%;
  }
}
.home-latest-main {
  display: flex;
  gap: 32px;
  align-items: center;
}
@media (max-width: 768px) {
  .home-latest-main {
    flex-direction: column;
  }
}
.home-latest-button {
  display: flex;
}
@media (max-width: 768px) {
  .home-latest-button {
    justify-content: center;
  }
}
.home-latest-img {
  width: 100%;
  aspect-ratio: 3.5 / 4;
}
.home-latest-nr {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 70%;
}
@media (max-width: 768px) {
  .home-latest-nr {
    width: 100%;
    padding: 0 60px;
    overflow: visible;
  }
}
.home-latest-pic .swiper-slide {
  transition: 300ms;
  transform: scale(0.8);
}
.home-latest-pic .swiper-slide-active,
.home-latest-pic .swiper-slide-duplicate-active {
  transform: scale(1);
}
.home-latest-item {
  overflow: hidden;
  border-radius: 30px;
}
.home-latest-item:hover .home-greece-xm-cp-nr {
  transform: translateY(0px);
  opacity: 1;
}
.productcn-xq-imgul .swiper-slide {
  transition: 300ms;
  transform: scale(0.7);
}
@media (max-width: 768px) {
  .productcn-xq-imgul .swiper-slide {
    transform: scale(0.9);
  }
}
.productcn-xq-imgul .swiper-slide-active,
.productcn-xq-imgul .swiper-slide-duplicate-active {
  transform: scale(1.2);
}
@media (max-width: 768px) {
  .productcn-xq-imgul .swiper-slide-active,
  .productcn-xq-imgul .swiper-slide-duplicate-active {
    transform: scale(1);
  }
}
.home-latest-but {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .home-latest-but {
    display: none;
  }
}
.qiehuan-zidingyi-button-ys {
  border-radius: 50%;
  border: 2px solid #DFB383;
  color: #DFB383;
  font-size: 24px;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  aspect-ratio: 1 / 1;
  left: 0;
  right: 0;
}
@media (max-width: 768px) {
  .qiehuan-zidingyi-button-ys {
    width: 24px;
    height: 24px;
    font-size: 14px;
  }
}
.home-map-wz-bt {
  font-family: PinyonScript;
  color: #D5D1C5;
}
.home-map-wz-bt-box {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 36px 56px;
}
@media (max-width: 768px) {
  .home-map-wz-bt-box {
    padding: 24px 0;
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .home-map-wz {
    width: 100%;
  }
}
.home-map-wz-dian {
  position: absolute;
}
.home-map-wz-dian img {
  width: 32px;
}
.home-map-wz-dian-top {
  top: 0;
  left: 16px;
  transform: translateY(-16px);
}
.home-map-wz-dian-bottom {
  right: 16px;
  bottom: 0;
  transform: translateY(16px);
}
.home-map-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.home-map-wz-box {
  position: absolute;
}
@media (max-width: 768px) {
  .home-map-wz-box {
    width: 100%;
  }
}
.home-maojs-wz {
  width: 60%;
}
@media (max-width: 768px) {
  .home-maojs-wz {
    width: 100%;
  }
}
.home-maojs-wz p {
  color: #7DA8C6;
}
.nodata {
  color: #7DA8C6;
}
.vrheight {
  overflow: hidden;
}
.vrheight iframe {
  height: 650px;
}
.greece-xm-ztbz {
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 2;
}
.greece-xm-ztbz p {
  font-size: 20px;
  padding: 4px 16px;
  border: 1px solid #DFB383;
  color: #DFB383;
  border-radius: 30px;
  display: flex;
  background: #fff;
}
@media (max-width: 768px) {
  .greece-xm-ztbz p {
    font-size: 14px;
  }
}
.units_soldpic img {
  filter: grayscale(100%);
}
.units_soldwz {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
}
.units_soldwz p {
  font-size: 36px;
  font-weight: bold;
  color: #fff;
}
.comingsoon {
  border-radius: 30px;
  overflow: hidden;
}
.comingsoon img {
  width: 100%;
}
.contact-float {
  display: none;
  position: fixed;
  top: 0px;
  z-index: 99;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.contact-float-main {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  border-radius: 30px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .contact-float-main {
    flex-direction: column;
  }
}
.contact-float-left {
  width: 100%;
}
.contact-float-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.contact-float-right {
  width: 100%;
  padding: 60px;
  background-color: #063B6F;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 60px;
}
@media (max-width: 768px) {
  .contact-float-right {
    gap: 24px;
    padding: 24px;
  }
}
.contact-float-bt {
  color: #fff;
  font-size: 56px;
  margin: 0;
  z-index: 2;
  position: relative;
  font-family: CormorantGaramond;
  text-transform: uppercase;
  padding: 0 16px;
}
@media (max-width: 768px) {
  .contact-float-bt {
    font-size: 24px;
  }
}
.contact-floa-button {
  display: block;
  z-index: 4;
  cursor: pointer;
  position: absolute;
  right: 24px;
  top: 24px;
}
.contact-floa-button::after {
  content: "";
  display: block;
  width: 32px;
  height: 3px;
  border-radius: 6px;
  margin: 13px 0;
  background-color: #fff;
  -webkit-transform: rotate(-45deg) translate(5px, -5px);
  transform: rotate(-45deg) translate(5px, -5px);
}
.contact-floa-button::before {
  content: "";
  display: block;
  width: 32px;
  height: 3px;
  border-radius: 6px;
  margin: 13px 0;
  background-color: #fff;
  -webkit-transform: rotate(45deg) translate(6px, 6px);
  transform: rotate(45deg) translate(6px, 6px);
}
.contact-float-on {
  display: block;
}
.pc-display {
  display: block;
}
@media (max-width: 768px) {
  .pc-display {
    display: none;
  }
}
.mb-display {
  display: none;
}
@media (max-width: 768px) {
  .mb-display {
    display: block;
  }
}
.languages-mb {
  display: flex;
  justify-content: space-between;
  margin: 24px;
}
.languages-mb a {
  color: #DFB383;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.languages-mb a img {
  width: 30px;
}