.hes{
  height: 80vh;
  position: relative;
}
.hero-text-section {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.text-container.secondpage {
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
}
.text-container{
  pointer-events: none;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 101;
  display: block;
  width: 100%;
  height: 100vh;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 1500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 1500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 1500ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1500ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.title_wrapper.second-pahe {
  width: 70%;
  margin-top: 8%;
  padding-left: 15%;
}
.title_wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.w-clearfix::after {
  clear: both;
}
.w-clearfix::before, .w-clearfix::after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}
.title_line{
  position: relative;
  display: inline-block;
  width: 100%;
  height: 5vw;
  float: left;
}
.line_angled_1.wider {
  width: 100vw;
  -webkit-transform: perspective(718px) skew(0deg, -30deg) skew(41.7deg, 0deg) translate(25.6%, -535.5%);
  transform: perspective(718px) skew(0deg, -30deg) skew(41.7deg, 0deg) translate(25.6%, -535.5%);
}
.line_angled_1{
  position: relative;
  overflow: hidden;
  width: 60vw;
  height: 5vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transform: perspective(718px) skew(0deg, -30deg) translate(-3vw, -12vw) skew(41.7deg, 0deg);
  transform: perspective(718px) skew(0deg, -30deg) translate(-3vw, -12vw) skew(41.7deg, 0deg);
}
.perspective_text_down_100{
  position: absolute;
  left: 0px;
  top: 0px;
  height: 5vw;
  -webkit-transform: translate(0px, 100%);
  -ms-transform: translate(0px, 100%);
  transform: translate(0px, 100%);
}
.perspective_text_down_200{
  position: absolute;
  left: 0px;
  top: 0px;
  height: 5vw;
  -webkit-transform: translate(0px, 200%);
  -ms-transform: translate(0px, 200%);
  transform: translate(0px, 200%);
}
.perspective_text.outline, .perspective_text_title-2.outline, .perspective_text_FROM_A---EXIT.outline {
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
}

.perspective_text, .perspective_text_title-2, .big_text_outline, .perspective_text_FROM_A---EXIT {
  color: #ffffff;
  -webkit-text-fill-color: rgba(0,0,0,0);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
}
.perspective_text_title-2 {
  position: static;
  left: 0px;
  top: 0px;
  display: inline-block;
  height: 5vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transform: translate(0px, 13%);
  -ms-transform: translate(0px, 13%);
  transform: translate(0px, 13%);
  font-family: Circe, sans-serif;
  color: #fff;
  font-size: 4.8vw;
  line-height: 4vw;
  font-weight: 800;
  text-transform: uppercase;
  will-change: transform;
 
  transform-style: preserve-3d;
}
.line_angled_1.wider{
  width: 100vw;
  -webkit-transform: perspective(718px) skew(0deg, -30deg) skew(41.7deg, 0deg) translate(25.6%, -535.5%);
  transform: perspective(718px) skew(0deg, -30deg) skew(41.7deg, 0deg) translate(25.6%, -535.5%);
}

.line_angled_1{
  position: relative;
  overflow: hidden;
  width: 60vw;
  height: 5vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transform: perspective(718px) skew(0deg, -30deg) translate(-3vw, -12vw) skew(41.7deg, 0deg);
  transform: perspective(718px) skew(0deg, -30deg) translate(-3vw, -12vw) skew(41.7deg, 0deg);
}
.line_angled_2.wider{
  width: 100vw;
  -webkit-transform: perspective(718px) skew(0deg, -30deg) skew(41.7deg, 0deg) translate(30.1%, -537%);
  transform: perspective(718px) skew(0deg, -30deg) skew(41.7deg, 0deg) translate(30.1%, -537%);
}
.line_angled_2{
  position: relative;
  overflow: hidden;
  width: 60vw;
  height: 5vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transform: perspective(718px) skew(0deg, -30deg) translate(2.45%, -240.5%) skew(41.7deg, 0deg);
  transform: perspective(718px) skew(0deg, -30deg) translate(2.45%, -240.5%) skew(41.7deg, 0deg);
}
.line_straight2-title.wider{
  width: 100vw;
  -webkit-transform: perspective(1283px) skew(0deg, -30deg) translate(8.5%, 42%);
  transform: perspective(1283px) skew(0deg, -30deg) translate(8.5%, 42%);
}
.line_straight2-title {
  position: relative;
  overflow: hidden;
  width: 100vw;
  height: 5vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transform: perspective(1283px) skew(0deg, -18deg) translate(10vw, -0.5px);
  transform: perspective(1283px) skew(0deg, -18deg) translate(10vw, -0.5px);
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.line_straight1.wider {
  width: 100vw;
  -webkit-transform: perspective(1283px) skew(0deg, -30deg) translate(4%, 42%);
  transform: perspective(1283px) skew(0deg, -30deg) translate(4%, 42%);
}
.line_straight1 {
  position: relative;
  overflow: hidden;
  width: 60vw;
  height: 5vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transform: perspective(1283px) skew(0deg, -30deg) translate(-0.75vw, 107%);
  transform: perspective(1283px) skew(0deg, -30deg) translate(-0.75vw, 107%);
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.about_info{
  margin-bottom: 5%;
}
.about_info_left{
  position: relative;
}
.about_info_left img{
  position: absolute;
  width: 70%;
  top: 0;
  left: -12%;
}
.about_info_right{
  padding-top: 15%;
}
.about_info_right .about-zh,
.about_info_right h1.about-zh{
  font-size: 0.95vw;
  line-height: 1.55;
  font-weight: 500;
  color: #fff;
  font-family: "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  letter-spacing: 0.04em;
  padding-right: 10%;
  margin: 0;
  text-transform: none;
}
.about_info_right .about-en{
  font-size: 0.65vw;
  line-height: 1.45;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  font-family: Montserrat, sans-serif;
  letter-spacing: 0.01em;
  padding-right: 12%;
  padding-bottom: 1.5vw;
  margin: 0.55vw 0 0;
  text-transform: none;
}
.wwd .wwd-zh,
.wwd h2.wwd-zh{
  color: #fff;
  font-size: 1vw;
  font-weight: 600;
  font-family: "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  letter-spacing: 0.04em;
  margin: 0;
  padding-bottom: 0;
  line-height: 1.3;
}
.wwd .wwd-en{
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.7vw;
  font-weight: 400;
  font-family: Montserrat, sans-serif;
  letter-spacing: 0.04em;
  margin: 0.25vw 0 0.7vw;
  line-height: 1.3;
  text-transform: lowercase;
}
.wwd-item{
  margin-bottom: 0.35vw;
}
.wwd-item .item-zh,
.wwd h3.item-zh{
  color: #fff;
  font-size: 0.85vw;
  line-height: 1.35;
  font-weight: 500;
  font-family: "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  margin: 0;
  letter-spacing: 0.03em;
}
.wwd-item .item-en{
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.65vw;
  line-height: 1.3;
  font-weight: 400;
  font-family: Montserrat, sans-serif;
  margin: 0.1vw 0 0;
}
.loc_tit,.member_tit{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1.2vw;
}
.loc-tit-text{
  padding-right: 0.5vw;
}
.loc_tit .loc-zh,
.member_tit .loc-zh,
.loc_tit h2,
.member_tit h2{
  font-size: 1.05vw;
  font-family: "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  color: #fff;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: 0.04em;
  margin: 0;
  padding-right: 0;
}
.loc_tit .loc-en,
.member_tit .loc-en{
  font-size: 0.7vw;
  font-family: Montserrat, sans-serif;
  color: rgba(255, 255, 255, 0.45);
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin: 0.15vw 0 0;
}
.location_info{
  display: flex;
  margin-top: 1.5vw;
}
.shen{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.shen:first-child{
  margin-right: 2.5vw;
}
.shen .city-zh,
.shen h1{
  font-size: 0.85vw;
  font-family: "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
  margin: 0.4vw 0 0;
  letter-spacing: 0.04em;
}
.shen .city-en{
  font-size: 0.6vw;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.45);
  margin: 0.15vw 0 0;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.shen_img{
  position: relative;
  height: 5vw;
  width: 5vw;
}
.shen_img img {
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.5s ease;
  width: 100%;
}
.meiv_img_one {
  opacity: 1;
}
.meiv_img_two {
  opacity: 0;
}
.shen:hover .meiv_img_one{
  opacity: 0;
}
.shen:hover .meiv_img_two{
  opacity: 1;
}
.shen:hover .city-zh,
.shen:hover h1{
  font-weight: 800;
}
.member .member-zh,
.member h2.member-zh{
  color: #fff;
  font-size: 0.9vw;
  font-weight: 500;
  font-family: "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  letter-spacing: 0.04em;
  margin: 0.4vw 0 0;
  line-height: 1.4;
}
.member .member-en{
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.65vw;
  font-weight: 400;
  font-family: Montserrat, sans-serif;
  letter-spacing: 0.04em;
  margin: 0.25vw 0 0;
  line-height: 1.4;
  text-transform: uppercase;
}
.div-block{
  position: relative;
  overflow: hidden;
  width: 96%;
  margin: 5% auto;
}
.collection-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.collection-item {
  width: 50%;
  margin-bottom: 50px;
  padding-right: 25px;
  padding-left: 25px;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
.link-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
}
.link-block img{
  
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;

}
.w-inline-block {
  max-width: 100%;
  display: inline-block;
  will-change: transform;
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0.002deg) rotateY(-0.002deg) rotateZ(-0.001deg) skew(0deg);
  transform-style: preserve-3d;
}
.thumbnail {
  -webkit-filter: saturate(70%);
  filter: saturate(70%);
  opacity: 1;
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
}
.image-overlay {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
}
.project-text {
  position: absolute;
  margin-top: 10px;
  padding: 1vw;
  opacity: 0;
  -webkit-transform: translate3d(0px, 0px, 143px);
  transform: translate3d(0px, 0px, 143px);
  text-align: center;
  text-decoration: none;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  top: 36%;
  left: 50%;
  width: 80%;
  margin-left: -40%;
  pointer-events: none;
}
.project-text .proj-zh{
  color: #fff;
  -webkit-text-fill-color: #fff;
  -webkit-text-stroke-width: 0;
  font-family: "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 2.1vw;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin: 0;
  text-transform: none;
}
.project-text .proj-en{
  color: #ffffff;
  -webkit-text-fill-color: rgba(0,0,0,0);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.75);
  font-family: Circe, Montserrat, sans-serif;
  font-size: 0.95vw;
  line-height: 1.35;
  font-weight: 600;
  letter-spacing: 0.04em;
  margin: 0.45vw 0 0;
  text-transform: uppercase;
}