html, body {
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-text-size-adjust: none; /* 或者 100% */
  text-size-adjust: none; /* 标准属性 */
}


@font-face {
  font-family: 'SourceHanSerif-Heavy';
  src: url('./font/SourceHanSerif-Heavy.woff2') format('woff2');
}


body {
  overflow: scroll;
  font-family: 'SourceHanSerif-Heavy';
  font-size: 1.818vw;
}

/* body.isMobile {
  font-size: 1.02vw;
} */

.container {
  background-image: url('./images/main-bg.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  padding-top: 7%;
}

.container > .images {
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 11.510%;
  left: 1.5%;
  top: 64%;
}

.container > .images > img {
  width: 100%;
}

.container > .images:hover {
  cursor: pointer;
}

.container > .images > img.letter {
  width: 50%;
}

.content {
  width: 73.4375%;
  margin: 0 auto;
  background-image: url('./images/content-bg.jpg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  text-align: center;
  position: relative;
  padding-bottom: 13.8%;
  
}
img {
  vertical-align: middle;
}

.content > section.section1>img.part1_image  {
  width: 86.666%;
  margin-top: 3%;
} 

.content > section.section1 > img.title0 {
  padding-top: 5.8886%;
  width: 65.31%;
}

.content > section.section > p.text {
  padding: 0 8% 0 4%;
  text-align: left;
  margin: 0;
  margin-top: 3%;
}


.content > section.section1 > p.text0 {
  text-align: left;
  margin-top: 3.829787%;
}


/* section2 */
.content > section.section2 > .text {
  padding: 0 6% 0 4%;
}
.content > section.section2> img.title1 {
  padding-top: 3%;
  width: 54.18%;
}

.content > section.section2> img.part2_image {
  width: 96.595%;
  margin-top: 3%;
}

/* section3 */
.content > section.section3 > .text {
  padding: 0 6% 0 4%;
}
.content > section.section3 > img.title1 {
  padding-top: 3.5%;
  width: 46.808%;
}


.content > section.section3  .part3_image {
  width: 78.5106%;
  margin-top: 3%;
}

.content > section.section3 > .swiper > .button-prev, .button-next {
  position: absolute;
  top: 50%;
  width: 6.879%;
  z-index: 10;
}

.content > section.section3 > .swiper > .button-prev {
  left: 2%;
}

.content > section.section3 > .swiper > .button-next {
  right: 2%;
}

/* section4 */
.content > section.section4  {
  /* padding-bottom: 30% ; */
}
.content > section.section4 > img.title1 {
  padding-top: 3.5%;
  padding-bottom: 2% ;
  width: 78.36879%;
}

.content > section.section4 > .text {
  padding: 0 4.2% 0 4%;
}

.content > section.section4 > img.email {
  width: 91.5602%;
  margin-top: 3%;
}

.content > section.section4 > img.part4_image {
  width: 91.9858%;
  margin-top: 3%;
}

.content > section.section4 > p.text-end {
  padding-bottom: 3%;
}



.content > img.sideTitle {
  position: absolute;
  transform: translateY(-8%);
  right: -13%;
  width: 19.1489%
}

.highlight {
  color: #890000;
}