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

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

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

.head1 {
  color: rgba(255, 255, 255, 0.9);
  height: 4.322vw;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(0.416vw);
  backdrop-filter: blur(0.416vw);
}

.blackHead .head1,
.scroll .head1,
.head1:hover {
  background: #fff;
  color: #353535;
}

.head1-in {
  width: 100%;
  padding: 0 5.208vw;
  height: 4.322vw;
}

.head-logo {
  width: 12.187vw;
}

.blackHead .head-logo,
.scroll .head-logo,
.head1:hover .head-logo {
  filter: brightness(0);
}

.head1-ctrl {
  gap: 0;
  height: 100%;
}

.head1-menu {
  gap: 4.166vw;
  height: 100%;
  margin-right: 2.5vw;
}

.head1-menu .link {
  position: relative;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.head1-menu .link>a::after {
  content: '';
  display: block;
  width: 5vw;
  height: 0.208vw;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  background: url('/img/mendian/head-i2.svg') no-repeat center/contain;
  clip-path: inset(0 100% 0 0);
  transition: all ease .6s;
}
.head1-menu .link>a{
  position: relative;
}
.head1-menu .link.on>a {
  color: #6c925d;
}

.head1-menu .link:hover>a {
  color: #6c925d;
}

.head1-menu .link.on>a::after,
.head1-menu .link:hover>a::after {
  clip-path: inset(0 0% 0 0);
}

.head1-menu .link.has-down {
  position: relative;
}

.head1-menu .link.has-down>a {
  position: relative;
  z-index: 2;
}

.head1 .down-jt {
  display: none;
}

.head1 .down {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  min-width: 5vw;
  background: #fff;
  border-radius: 0 0 0.416vw 0.416vw;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.3s;
  z-index: 60;
  box-shadow: 0vw 0.208vw 0.625vw rgba(0, 0, 0, 0.08);
}

.head1-menu .link.has-down:hover .down {
  opacity: 1;
  visibility: visible;
}

.head1 .down-item {
  display: block;
  height: 2.187vw;
  line-height: 2.187vw;
  text-align: center;
  color: #595757;
  white-space: nowrap;
  padding: 0 0.833vw;
  transition: all ease 0.3s;
}

.head1 .down-item:first-child {
  border-radius: 0;
}

.head1 .down-item:last-child {
  border-radius: 0 0 0.416vw 0.416vw;
}

.head1 .down-item:hover {
  background: #eaf1e8;
  color: #6c925d;
}

.head1-lang {
  white-space: nowrap;
}

.head1-lang-on {
  color: #6c925d;
}

.head1 .navbar-toggle {
  display: none;
}

.md-foot {
  padding: 7.083vw 5.208vw 4.166vw;
  background: #fff;
}

.home footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 5;
}

.home .md-foot {
  background: transparent;
}

.md-foot-logo img {
  height: 1.875vw;
  width: auto;
}

.md-foot-nav {
  gap: 4.166vw;
}

.md-foot-nav a {
  color: #231815;
  white-space: nowrap;
}

.md-foot-line {
  height: 0.052vw;
  background: rgba(0, 0, 0, 0.6);
  margin: 0.52vw 0;
}

.md-foot-bot {
  color: rgba(0, 0, 0, 0.6);
  align-items: center;
}

.md-foot-copy {
  gap: 2.5vw;
  flex-wrap: wrap;
}

.md-foot-legal {
  gap: 3.229vw;
}

.md-foot-legal a {
  color: rgba(0, 0, 0, 0.6);
}

.md-hero {
  position: relative;
  height: 33.333vw;
  overflow: hidden;
  background: #231816;
  position: sticky;
  left: 0;
  top: 0;
}

.md-hero-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

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

.md-hero-inner {
  position: relative;
  z-index: 2;
  padding-top: 6.927vw;
  box-sizing: border-box;
}

.md-hero-title {
  text-align: center;
  color: #fff;
  letter-spacing: 0.104vw;
}

.md-hero-sub {
  margin-top: 3.437vw;
}

.md-hero .t2 {
  text-align: center;
  color: #fff;
  letter-spacing: 0.104vw;
}

.md-hero .icon {
  width: 0.885vw;
  margin: 0 1.562vw;
}

.md-hero .t2 .md-em {
  color: #6c925d;
}

.md-hero .t3 {
  text-align: center;
  color: #fff;
  letter-spacing: 0.104vw;
}

.md-hero-stats {
  margin-top: 2.5vw;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 17.864vw;
}

.md-hero-stat {
  display: flex;
  align-items: flex-end;
  gap: 0.416vw;
}

.md-hero-stat-num {
  color: #8ab778;
  line-height: 1;
}

.md-hero-stat-txt {
  color: #fff;
  line-height: 1;
  padding-bottom: 0.208vw;
}

.C-wave {
  position: relative;
  z-index: 5;
}

.C-wave-inner {
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%;
  height: 7.187vw;
  z-index: 3;
  pointer-events: none;
  overflow: hidden;
}

.C-wave .ul {
  width: 100%;
  height: 100%;
}

.C-wave .parallax {
  transition: fill .5s ease-in-out;
  animation: 5s linear infinite move-forever;
}

.C-wave svg {
  display: block;
  width: 100%;
  height: 100%;
}

@keyframes move-forever {
  0% {
    transform: translate(-4.687vw)
  }

  100% {
    transform: translate(4.427vw)
  }
}

.md2 {
  position: relative;
  z-index: 4;
  background: #fff;
  padding: 0 0 3.385vw;
}

.md-filter-row {
  justify-content: center;
  gap: 2.812vw;
  padding-top: 3.385vw;
  padding-bottom: 2.083vw;
}

.md-select {
  position: relative;
  width: 8.958vw;
}

.md-select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 2.604vw;
  padding: 0 1.666vw 0 0;
  cursor: pointer;
  border-bottom: 0.052vw solid rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}

.md-select-trigger.md-filter-show {
  width: 8.958vw;
  cursor: default;
}

.md-select-trigger .md-select-txt {
  flex: 1;
  text-align: center;
  color: #000;
}

.md-select-trigger .md-select-ic {
  width: 0.729vw;
  height: 0.416vw;
  flex-shrink: 0;
  margin-left: 0.416vw;
}

.md-select-trigger .md-select-ic img {
  width: 100%;
  height: 100%;
}

.md-select.open .md-select-panel {
  display: block;
}

.md-select-panel {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 8.906vw;
  margin-top: 0.052vw;
  background: #fff;
  border: 0.052vw solid rgba(0, 0, 0, 0.25);
  border-top: none;
  border-radius: 0 0 0.833vw 0.833vw;
  overflow: hidden;
  z-index: 20;
  box-shadow: 0vw 0.52vw 0.781vw -0.156vw rgba(93, 119, 82, 0.1), 0vw 0.208vw 0.312vw -0.208vw rgba(93, 119, 82, 0.1);
}

.md-select-option {
  height: 2.968vw;
  line-height: 2.968vw;
  text-align: center;
  color: #4c4c4c;
  cursor: pointer;
}

.md-select-option.on,
.md-select-option:hover {
  background: #eaf1e8;
  color: #6c925d;
}

.md-bar {
  margin-bottom: 1.666vw;
  align-items: flex-end;
}

.md-bar-city {
  color: #1d293d;
}

.md-bar-city .md-bar-muted {
  font-weight: 400;
  color: #1d293d;
}

.md-bar-count {
  color: #62748e;
}

.md-list.grid-x2 {
  gap: 1.666vw 1.041vw;
  margin-bottom: 8.854vw;
}

.md-card {
  position: relative;
  height: 6.25vw;
  padding: 1.666vw 1.666vw 1.666vw 5.416vw;
  border-radius: 0.833vw;
  border: 0.052vw solid #f1f5f9;
  background: #fff;
  box-shadow: 0vw 0.052vw 0.156vw 0vw rgba(0, 0, 0, 0.1), 0vw 0.052vw 0.104vw -0.052vw rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.md-card:hover {
  border-color: #c7e4d7;
  box-shadow: 0vw 0.52vw 0.781vw -0.156vw rgba(93, 119, 82, 0.1), 0vw 0.208vw 0.312vw -0.208vw rgba(93, 119, 82, 0.1);
}

.md-card-ic {
  position: absolute;
  left: 1.666vw;
  top: 50%;
  width: 2.5vw;
  height: 2.5vw;
  margin-top: -1.25vw;
  border-radius: 50%;
  background: #f8fafc;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease .3s;
}

.md-card-ic span {
  width: 1.041vw;
  height: 1.041vw;
  transition: all ease .3s;
  background: url('/img/mendian/md2-i2-d.svg') no-repeat center/contain;
}

.md-card:hover .md-card-ic span {
  background: url('/img/mendian/md2-i2.svg') no-repeat center/contain;
}

.md-card:hover .md-card-ic {
  background: #eaf1e8;
}

.md-card-body {
  max-width: 26.041vw;
}

.md-card-name {
  display: inline-block;
  vertical-align: middle;
  color: #1d293d;
  margin-right: 0.625vw;
}

.md-card-tag {
  display: inline-block;
  vertical-align: middle;
  height: 1.25vw;
  line-height: 1.25vw;
  padding: 0 0.52vw;
  border-radius: 0.312vw;
}

.md-card-tag.open {
  background: #eaf1e8;
  color: #6c925d;
}

.md-card-tag.soon {
  background: #fffbeb;
  color: #e17100;
}

.md-card-tag.new {
  background: #fff0eb;
  color: #e12200;
}

.md-card-addr {
  margin-top: 0.312vw;
  color: #62748e;
}

.md-card-tel {
  position: absolute;
  right: 1.666vw;
  top: 2.135vw;
  width: 6.666vw;
  padding-left: 1.458vw;
  box-sizing: border-box;
}

.md-card-tel-ic {
  position: absolute;
  left: 0;
  top: 0.52vw;
  width: 0.833vw;
  height: 0.833vw;
}

.md-card-tel-ic img {
  width: 100%;
  height: 100%;
}

.md-card-tel-label {
  color: #90a1b9;
  line-height: 0.833vw;
}

.md-card-tel-num {
  margin-top: 0.208vw;
  color: #45556c;
}

.md-card-tel-num a {
  color: #45556c;
}

.md-pages {
  gap: 0.416vw;
}

.md-page-btn,
.md-page-num {
  display: inline-block;
  width: 2.083vw;
  height: 2.083vw;
  line-height: 1.979vw;
  text-align: center;
  border-radius: 0.416vw;
  box-sizing: border-box;
  cursor: default;
  border: 0.052vw solid #e2e8f0;
  background: #fff;
  color: #90a1b9;
  vertical-align: middle;
}

.md-page-num {
  color: #45556c;
  transition: all ease .3s;
  cursor: pointer;
}

.md-page-num.on,
.md-page-num:hover {
  background: #6c925d;
  border-color: #6c925d;
  color: #fff;
  box-shadow: 0vw 0.052vw 0.156vw 0vw #a4f4cf, 0vw 0.052vw 0.104vw -0.052vw #a4f4cf;
}

.md-page-btn.disabled {
  opacity: 0.4;
  cursor: default;
  pointer-events: none;
}

.C-hero {
  position: sticky;
  left: 0;
  top: 0;
  height: 33.333vw;
  overflow: hidden;
  background: #231816;
}

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

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

.C-hero-inner {
  position: relative;
  z-index: 2;
  height: 100%;
}

.C-hero-title {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  letter-spacing: 0.104vw;
}

.tzz2 {
  position: relative;
  z-index: 4;
  background: #fff;
  padding: 5.729vw 0 6.25vw;
}

.tzz2-nav {
  height: 3.802vw;
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(0.625vw);
  backdrop-filter: blur(0.625vw);
  position: sticky;
  top: 0;
  z-index: 10;
}

.tzz2-nav-inner {
  height: 100%;
  padding: 0 1.25vw;
}

.tzz2-tabs {
  gap: 3.125vw;
  height: 100%;
}

.tzz2-tab {
  position: relative;
  color: rgba(76, 76, 76, 0.6);
  cursor: pointer;
  letter-spacing: 0.02vw;
  transition: color ease 0.3s;
  white-space: nowrap;
  height: 100%;
  display: flex;
  align-items: center;
}

.tzz2-tab::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 6.354vw;
  height: 0.104vw;
  background: #6c925d;
  opacity: 0;
  transition: opacity ease 0.3s;
}

.tzz2-tab.on {
  color: #6c925d;
}

.tzz2-tab.on::after {
  opacity: 1;
}

.tzz2-search {
  width: 15vw;
  height: 2.187vw;
  background: #fafafa;
  border-radius: 520.781vw;
  border: 0.052vw solid transparent;
  padding: 0 0.833vw 0 2.291vw;
  position: relative;
  transition: border-color ease 0.3s;
}

.tzz2-search:focus-within {
  border-color: #6c925d;
}

.tzz2-search-icon {
  position: absolute;
  left: 0.937vw;
  top: 50%;
  transform: translateY(-50%);
  width: 0.729vw;
  height: 0.729vw;
}

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

.tzz2-search input {
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;
  color: #171717;
  outline: none;
}

.tzz2-search input::placeholder {
  color: rgba(23, 23, 23, 0.5);
}

.tzz2-content {
  padding-top: 2.083vw;
}

.tzz2-thead {
  border-bottom: 0.052vw solid #e5e5e5;
  padding: 0 1.25vw;
  height: 1.718vw;
  color: #a1a1a1;
  letter-spacing: 0.031vw;
  text-transform: uppercase;
}

.tzz2-thead-name {
  flex: 1;
}

.tzz2-thead-date {
  width: 10.416vw;
  text-align: right;
  margin-right: 20.729vw;
}

.tzz2-thead-action {
  width: 10.416vw;
  text-align: right;
  padding-right: 4.583vw;
}

.tzz2-item {
  height: 5.052vw;
  padding: 0 1.25vw;
  border-bottom: 0.052vw solid #f5f5f5;
  transition: all ease 0.3s;
  border-radius: 0.833vw;
}

.tzz2-item:hover {
  background: #f9f9f9;
  box-shadow: 0vw 0.52vw 0.781vw 0vw rgba(93, 119, 82, 0.1), 0vw 0.208vw 0.312vw 0vw rgba(93, 119, 82, 0.1);
}

.tzz2-item-icon {
  width: 2.5vw;
  height: 2.5vw;
  flex-shrink: 0;
  margin-right: 1.041vw;
}

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

.tzz2-item-name {
  flex: 1;
  color: #171717;
}

.tzz2-item-date {
  width: 10.416vw;
  text-align: right;
  color: #737373;
  margin-right: 20.729vw;
}

.tzz2-item-dl {
  width: 8.541vw;
  height: 2.187vw;
  border-radius: 0.52vw;
  border: 0.052vw solid #e5e5e5;
  background: #fff;
  cursor: pointer;
  margin-left: 1.875vw;
  gap: 0.312vw;
  transition: all ease 0.3s;
  flex-shrink: 0;
}

.tzz2-item:hover .tzz2-item-dl {
  border-color: #6c925d;
  background: #eaf1e8;
}

.tzz2-item .icon {
  width: 0.833vw;
  height: 0.833vw;
  background: url('/img/investor/tzz2-3-d.svg') no-repeat center/contain;
  transition: all ease .3s;
}

.tzz2-item:hover .icon {
  background: url('/img/investor/tzz2-3.svg') no-repeat center/contain;
}

.tzz2-item-dl-txt {
  color: #171717;
  transition: color ease 0.3s;
}

.tzz2-item:hover .tzz2-item-dl-txt {
  color: #6c925d;
}

.tzz2-item-dl-size {
  color: #a1a1a1;
}

.tzz2-item:hover .tzz2-item-dl-size {
  color: #6c925d;
}

.mb-section-hd {
  text-align: center;
  margin-bottom: 2.291vw;
}

.mb-section-title {
  color: #1d293d;
}

.mb-section-bar {
  width: 2.5vw;
  height: 0.208vw;
  background: #94bb85;
  border-radius: 520.781vw;
  margin: 0.625vw auto 0;
}

.mb-vp2 {
  position: relative;
  z-index: 4;
  background: #fff;
  padding: 3.697vw 0 6.25vw;
}

.mb-vp2-list {
  gap: 0;
  position: relative;
}

.mb-vp2-list::before,
.mb-vp2-list::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0.052vw;
  background: linear-gradient(270deg, #FFF 0%, #6C925D 73.56%, #FFF 100%);
  z-index: 5;
}

.mb-vp2-list::after {
  top: auto;
  bottom: 0;
}

.mb-vp2-card {
  position: relative;
  padding: 2.708vw 1.354vw 0;
  height: 15.52vw;
  box-shadow: 0vw 0.52vw 0.781vw -0.156vw rgba(93, 119, 82, 0.1), 0vw 0.208vw 0.312vw -0.208vw rgba(93, 119, 82, 0.1);
}

.mb-vp2-card:nth-last-child(n+2)::after {
  content: '';
  display: block;
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  width: 0.052vw;
  height: 28.333vw;
  background: linear-gradient(to bottom, #FFF 0%, #6C925D 73.56%, #FFF 100%);
  z-index: 5;
}

.mb-vp2-card::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: all ease .3s;
  opacity: 0;
}

.mb-vp2-card:nth-child(1)::before {
  background: linear-gradient(53deg, #fff 0%, #eaf1e8 153%);
}

.mb-vp2-card:nth-child(2)::before {
  background: linear-gradient(240deg, rgba(166, 210, 255, 0.20) -36.32%, rgba(255, 255, 255, 0.20) 69.57%);
}

.mb-vp2-card:nth-child(3)::before {
  background: linear-gradient(67deg, #FFF -0.21%, #EAF1E8 152.6%);
}

.mb-vp2-card:hover::before {
  opacity: 1;
}

.mb-vp2-card+.mb-vp2-card {
  border-left: 0.052vw solid #fff;
}

.mb-vp2-card-icon {
  width: 2.5vw;
  height: 2.5vw;
  border-radius: 0.833vw;
  background: #eaf1e8;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mb-vp2-card-icon img {
  width: 1.25vw;
  height: 1.25vw;
}

.mb-vp2-card-icon-blue {
  background: rgba(166, 210, 255, 0.2);
}

.mb-vp2-card-title {
  color: #000;
  margin-top: 1.25vw;
  line-height: 1.875vw;
}

.mb-vp2-card-desc {
  color: #353d32;
  margin-top: 0.885vw;
  line-height: 1.51vw;
  max-width: 23.75vw;
}

.mb-vp3 {
  position: relative;
  z-index: 4;
  background: #fff;
  padding: 0 0 6.25vw;
}

.mb-vp3-box {
  width: 72.031vw;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0);
  border-radius: 1.25vw;
  box-shadow: 0vw 0.052vw 0.156vw 0vw rgba(0, 0, 0, 0.1), 0vw 0.052vw 0.104vw 0vw rgba(0, 0, 0, 0.1);
  padding: 4.687vw 8.177vw 3.854vw 8.072vw;
}

.mb-vp3-content {
  gap: 0;
  flex-wrap: nowrap;
  align-items: stretch;
}

.mb-vp3-left {
  width: 18.645vw;
  flex-shrink: 0;
  text-align: center;
  padding-top: 0.729vw;
}

.mb-vp3-sub {
  color: #62748e;
  line-height: 1.354vw;
  text-align: center;
}

.mb-vp3-tip {
  color: #62748e;
  line-height: 1.354vw;
  margin-top: 0.625vw;
  text-align: center;
}

.mb-vp3-qr {
  width: 18.645vw;
  height: 18.645vw;
  margin-top: 0.833vw;
}

.mb-vp3-qr img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mb-vp3-divider {
  width: 0.052vw;
  background: #e5e5e5;
  margin: 0 7.656vw;
  align-self: stretch;
}

.mb-vp3-right {
  width: 21.77vw;
  flex-shrink: 0;
  text-align: center;
  padding-top: 1.354vw;
}

.mb-vp3-card-img {
  width: 15.208vw;
  height: 10.781vw;
  margin: 1.25vw auto 0;
  border-radius: 0.833vw;
  overflow: hidden;
  box-shadow: 0vw 0.052vw 0.156vw 0vw rgba(0, 0, 0, 0.1), 0vw 0.052vw 0.104vw -0.052vw rgba(0, 0, 0, 0.1);
}

.mb-vp3-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mb-vp3-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 21.77vw;
  height: 2.76vw;
  border: 0.052vw solid #6c925d;
  border-radius: 0.52vw;
  color: #6c925d;
  margin-top: 1.666vw;
  box-shadow: 0vw 0.104vw 0.312vw 0vw rgba(0, 0, 0, 0.06);
  transition: all ease 0.3s;
}

.mb-vp3-btn:hover {
  background: #6c925d;
  color: #fff;
}

.mb-vp4-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.mb-vp4 {
  position: relative;
  z-index: 4;
  padding: 3.958vw 0 4.166vw;
  text-align: center;
}

.mb-vp4-inner {
  gap: 0.625vw;
  justify-content: center;
  flex-wrap: nowrap;
  align-items: center;
}

.mb-vp4-icon {
  width: 1.666vw;
  height: 1.666vw;
  flex-shrink: 0;
}

.mb-vp4-icon img {
  width: 100%;
  height: 100%;
}

.mb-vp4-title {
  color: #fff;
  line-height: 1.875vw;
}

.mb-vp4-desc {
  color: #fff;
  line-height: 1.458vw;
  margin-top: 2.395vw;
  max-width: 66.77vw;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.mb-vp4-btn-wrap {
  margin-top: 2.395vw;
}

.mb-vp4-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 21.77vw;
  height: 2.76vw;
  border: 0.052vw solid #fff;
  border-radius: 0.52vw;
  color: #fff;
  box-shadow: 0vw 0.104vw 0.312vw 0vw rgba(0, 0, 0, 0.06);
  transition: all ease 0.3s;
}

.mb-vp4-btn:hover {
  background: #6c925d;
  color: #fff;
}

.join2 {
  position: relative;
  z-index: 4;
  padding: 3.02vw 0 11.666vw;
  text-align: center;
  overflow: hidden;
}

.join2-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;

  background: linear-gradient(180deg, #FFF 7.37%, #D6E7FF 34.49%);
}

.join2-title {
  color: #4c4c4c;
  letter-spacing: 0.104vw;
}

.join2-em {
  color: #6c925d;
}

.join2-desc {
  color: #4c4c4c;
  line-height: 1.5;
  margin-top: 2.5vw;
  max-width: 62.395vw;
  margin-left: auto;
  margin-right: auto;
  letter-spacing: 0.104vw;
}

.join3 {
  position: relative;
  z-index: 4;
  background: #fff;
  padding: 6.25vw 0;
  overflow: hidden;
}

.join3 .mb-section-hd {
  margin-bottom: 0;
}

.join3 .mb-section-title {
  font-family: "Noto Sans SC", sans-serif;
}

.join3-swiper-wrap {
  position: relative;
  width: 90.208vw;
  margin: 0 auto;
  padding-top: 6.77vw;
}

.join3-swiper {
  overflow: visible;
}

.join3-swiper .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 37.5vw;
  transition: all 0.6s ease;
  cursor: pointer;
  opacity: 0.7;
}

.join3-swiper .swiper-slide-active {
  opacity: 1;
}

.join3-slide-img {
  width: 16.979vw;
  height: 16.979vw;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  transition: all 0.6s ease;
}

.join3-slide-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.join3-swiper .swiper-slide-active .join3-slide-img {
  width: 23.697vw;
  height: 100%;
  border-radius: 52.031vw;
}

.join3-slide-label {
  display: block;
  margin-bottom: 2.395vw;
  color: rgba(31, 31, 31, 0.9);
  letter-spacing: 0.104vw;
  text-align: center;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  bottom: 70%;
  transform: translate(-50%, 0);
  transition: all ease .6s;
}

.join3-swiper .swiper-slide-active .join3-slide-label {
  color: #6c925d;
  bottom: 100%;
}

.join3-prev,
.join3-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2.291vw;
  height: 4.635vw;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.6;
  transition: opacity 0.3s ease;
}

.join3-prev:hover,
.join3-next:hover {
  opacity: 1;
}

.join3-prev {
  left: 0;
}

.join3-next {
  right: 0;
}

.join4 {
  position: relative;
  z-index: 4;
  background: #fff;
}

.join4-swiper {
  overflow: hidden;
}

.join4-slide {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  height: 50vw;
}

.join4-left {
  width: 50%;
  height: 100%;
  overflow: hidden;
  flex-shrink: 0;
}

.join4-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.join4-right {
  width: 50%;
  padding: 0 3.645vw;
  box-sizing: border-box;
  position: relative;
}

.join4-title {
  color: #6c925d;
  letter-spacing: 0.104vw;
}

.join4-line {
  width: 40.052vw;
  max-width: 100%;
  height: 0.104vw;
  background: linear-gradient(90deg, #6c925d 0%, rgba(108, 146, 93, 0.1) 100%);
  margin-top: 1.354vw;
}

.join4-info {
  margin-top: 9.166vw;
}

.join4-block {
  margin-bottom: 1.25vw;
}

.join4-block-hd {
  gap: 0.416vw;
  margin-bottom: 0.833vw;
}

.join4-icon {
  width: 1.979vw;
  height: 1.979vw;
  flex-shrink: 0;
}

.join4-icon-sm {
  width: 1.718vw;
  height: 1.718vw;
}

.join4-block-hd span {
  color: #1f1f1f;
  letter-spacing: 0.104vw;
}

.join4-block-bd {
  color: #1f1f1f;
  letter-spacing: 0.104vw;
  line-height: 1.74;
}

.join4-treat {
  gap: 4.583vw;
}

.join4-treat .join4-block {
  flex: 1;
  min-width: 0;
}

.join4-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9.531vw;
  height: 2.968vw;
  border: 0.104vw solid #6c925d;
  border-radius: 10.416vw;
  color: #6c925d;
  letter-spacing: -0.026vw;
  margin-top: 1.25vw;
  transition: all ease 0.3s;
}

.join4-btn:hover {
  background: #6c925d;
  color: #fff;
}

.ct2 {
  position: relative;
  z-index: 4;
  background: #fff;
  padding: 5.468vw 0 0;
}

.ct2-wrap {
  width: 100vw;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 4.583vw 0 4.583vw;
  box-sizing: border-box;
}

.ct2-main {
  gap: 0;
  align-items: stretch;
}

.ct2-left {
  width: 50vw;
  height: 50vw;
  flex-shrink: 0;
  border-radius: 1.041vw;
  overflow: hidden;
}

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

.ct2-right {
  flex: 1;
  min-width: 0;
  padding: 0 0 0 2.135vw;
}

.ct2-title {
  color: #4c4c4c;
  letter-spacing: 0.104vw;
  margin-bottom: 3.177vw;
  line-height: 3;
}

.ct2-accordion {
  width: 38.177vw;
}

.ct2-acc-item {
  cursor: pointer;
  border-bottom: 0.052vw solid #000;
}

.ct2-acc-item.on {
  cursor: pointer;
  border-bottom: 0.052vw solid #6c925d;
}

.ct2-acc-hd {
  gap: 1.25vw;
  padding: 0.937vw 0;
}

.ct2-acc-num {
  color: #4c4c4c;
  letter-spacing: 0.104vw;
  transition: color ease 0.4s;
}

.ct2-acc-label {
  letter-spacing: 0.104vw;
  line-height: 1;
  display: flex;
}

.ct2-flip-cell {
  display: inline-block;
  height: 1.4em;
  overflow: hidden;
}

.ct2-flip-inner {
  display: flex;
  flex-direction: column;
}

.ct2-flip-top,
.ct2-flip-bot {
  display: block;
  height: 1.4em;
  line-height: 1.4;
}

.ct2-acc-item.on .ct2-acc-num {
  color: #6c925d;
}

.ct2-acc-bd {
  display: none;
}

.ct2-acc-bd-inner {
  padding: 0 0 2.135vw;
}

.ct2-acc-txt {
  color: #6c925d;
  letter-spacing: 0.104vw;
  line-height: 1.5;
}

.ct2-contact-row {
  gap: 1.041vw;
  margin-bottom: 1.458vw;
  align-items: flex-start;
}

.ct2-contact-row:last-child {
  margin-bottom: 0;
}

.ct2-contact-icon {
  width: 1.354vw;
  height: 1.354vw;
  flex-shrink: 0;
  margin-top: 0.104vw;
}

.ct2-contact-info {
  flex:1;
  min-width: 0;
  color: #6c925d;
  letter-spacing: 0.052vw;
  line-height: 1.5;
}

.ct2-contact-info a {
  color: #6c925d;
  text-transform: capitalize;
}

.ct2-feedback {
  margin-top: 1.458vw;
}

.ct2-link {
  color: #6c925d;
  letter-spacing: 0.052vw;
}

.ct2-link-arrow {
  width: 1.302vw;
  margin-left: 0.416vw;
}

.ct2-copy {
  width: 1.302vw;
  margin-left: 0.416vw;
}

.ct2-social {
  position: relative;
  z-index: 4;
  background: #fff;
  padding: 5.208vw 0 6.25vw;
}

.ct2-social-list {
  gap: 3.645vw;
}

.ct2-social-item {
  width: 11.041vw;
  text-align: center;
  cursor: pointer;
}

.ct2-social-icon {
  width: 3.854vw;
  height: 3.854vw;
  margin: 0 auto 1.041vw;
}

.ct2-social-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0;
  transform: scale(0) rotate(-26deg);
  transition: none;
}

.ct2-social-name {
  color: #4c4c4c;
  letter-spacing: -0.026vw;
  line-height: 1.666vw;
}

.ct2-social-brand {
  color: #4c4c4c;
  letter-spacing: -0.026vw;
  line-height: 1.666vw;
}

.ct2-social-qr {
  width: 11.041vw;
  height: 11.041vw;
  margin-top: 1.666vw;
  border-radius: 0;
  overflow: hidden;
}

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

.home1 {
  position: relative;
  width: 100%;
  height: 50vw;
  background: #fff;
  overflow: hidden;
}

.home1-inner {
  position: relative;
  width: 100vw;
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.home1-title {
  width: 61.979vw;
  max-width: 80%;
}

.home1-title img {
  width: 100%;
  height: auto;
}

.home1-sub {
  margin-top: 2.083vw;
}

.home1-sub-txt {
  text-align: center;
  color: #231816;
  font-family: 'Noto Sans SC', sans-serif;
}

.home1-img {
  margin-top: 1.041vw;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  transform-origin: right center;
}

.home1-img img {
  width: 77.708vw;
  height: auto;
}

.home2 {
  position: relative;
  width: 100%;
  height: 100.208vw;
  overflow: hidden;
}

.home2-video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.home2-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home2-mask-top {
  position: absolute;
  left: -0.052vw;
  top: -0.208vw;
  width: calc(100% + 0.104vw);
  height: 28.125vw;
  z-index: 2;
  pointer-events: none;
}

.home2-mask-top img {
  width: 100%;
  height: 100%;
}

.home2-mask-bot {
  position: absolute;
  left: 0;
  bottom: -0.208vw;
  width: 100%;
  height: 23.229vw;
  z-index: 2;
  pointer-events: none;
}

.home2-mask-bot img {
  width: 100%;
  height: 100%;
}

.home2-list {
  position: absolute;
  left: 0;
  top: 26.354vw;
  z-index: 3;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 2.187vw;
  width: 100%;
  padding: 0 5.208vw;
  box-sizing: border-box;
  flex-wrap: wrap;
}

.home2-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.614vw;
}

.home2-item-img {
  height: 13.02vw;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.home2-item-img img {
  max-height: 100%;
  width: auto;
}

.home2-item-txt {
  color: rgba(35, 24, 22, 0.9);
  text-align: center;
  white-space: nowrap;
  letter-spacing: 0.02vw;
}

.home3 {
  position: relative;
  width: 100%;
  padding-top: 16.927vw;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%), #CAE1FF;
  overflow: hidden;
}

@media (max-aspect-ratio: 3/1) {
  .home3 {
    padding-top: 10vw;
  }
}


.home3 .pin {
  height: 100vh;
  position: relative;
}

.home3-cloud {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  pointer-events: none;
  z-index: 1;
}

.home3-cloud img {
  width: 100%;
  height: auto;
}

.home3-look {
  position: absolute;
  left: 50%;
  top: -2.083vw;
  transform: translateX(-50%);
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 0.104vw;
  color: rgba(0, 0, 0, 0.75);
  cursor: pointer;
  white-space: nowrap;
}

.home3-look-icon {
  width: 3.125vw;
}

.home3-look-icon img {
  width: 100%;
  height: 100%;
}

.home3-stage {
  position: absolute;
  left: 50%;
  top: 10.416vw;
  transform: translateX(-50%);
  width: 179.375vw;
  height: 179.375vw;
  z-index: 2;
}

.home3-orbit {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 179.062vw;
  height: 179.062vw;
}

.home3-cd {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 179.062vw;
  height: 179.062vw;
  opacity: 0;
  transition: opacity 0.6s ease;
  pointer-events: none;
}

.home3-cd-active {
  opacity: 1;
}

.home3-cd img {
  width: 100%;
  height: 100%;
}

.home3-can-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 179.062vw;
  height: 179.062vw;
  z-index: 3;
  pointer-events: none;
}

.home3-can {
  position: absolute;
  left: 50%;
  top: -8.333vw;
  transform: translate(-50%, 0);
  width: 16.666vw;
  height: 24.218vw;
  margin-top: 0;
  opacity: 0;
  cursor: pointer;
  pointer-events: auto;
  z-index: 4;
}

.home3-can-active {
  opacity: 1;
  z-index: 5;
}

.home3-can img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.home3-smoke {
  position: absolute;
  left: 50%;
  top: -8.333vw;
  transform: translateX(-50%);
  width: 20.833vw;
  height: 20.833vw;
  margin-top: -12.916vw;
  pointer-events: none;
  z-index: 10;
}

.smoke-particle {
  position: absolute;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 70%);
  pointer-events: none;
}

.home3-info {
  position: absolute;
  left: 50%;
  top: 28.125vw;
  transform: translateX(-50%);
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.677vw;
}

.home3-title {
  color: #fff;
  text-align: center;
  white-space: nowrap;
}

.home3-info.dark .home3-title {
  color: #000;
}

.home3-dots {
  display: flex;
  align-items: center;
  gap: 0.625vw;
}

.home3-dot {
  width: 0.625vw;
  height: 0.625vw;
  border-radius: 50%;
  background: #C7CEC4;
  transition: background 0.3s ease;
  cursor: pointer;
}

.home3-dot.on {
  background: #6C925D;
}