.swiper-container {
  height: 100vh !important;
}

.swiper-slide {
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}

.swiper-pagination-bullet {
  background-image: url(../img/dot2.png);
  /* 未轮播到的图片分页样式 */
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.9vw;
  height: 0.9vw;
  margin: 0.6vw 0 !important;
  opacity: 1;
  border-radius: 0;
  border: none;
  background-color: #a0a0a0;
  outline: none;
}

.swiper-pagination-bullet-active {
  background-image: url(../img/dot1.png);
  background-color: #d6b59a;
  outline: none;
}

.swiper-pagination-b .swiper-pagination-bullet {
  display: inline-block !important;
  background-repeat: no-repeat;
  background-size: contain;
  width: 6vw;
  height: 2vw;
  margin: 0 0 !important;
  opacity: 1;
  border-radius: 0;
  border: none;
  background-color: transparent;
  background-image: none;
  outline: none;
}

.swiper-pagination-b .swiper-pagination-bullet-active {
  background-color: transparent !important;
  background-image: none;
  border: none;
  outline: none;
}

.swiper-pagination-b {
  width: 18vw !important;
  top: 2% !important;
  z-index: 999;
  right: 10.5% !important;
  left: auto !important;
  transform: none !important;
}

.all-swiper {
  width: 100%;
  height: 100vh;
}

.banner1-people {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
}

.banner1-menu {
  width: 85.2%;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}

.banner1-menu-li {
  width: 25%;
  height: 100%;
  position: relative;
  float: left;
  cursor: pointer;
}

.banner1-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-box-shadow: 0 0vw 3vw #000;
  -moz-box-shadow: 0 0vw 3vw #000;
  box-shadow: 0 0 3vw #000;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s linear;
}

.banner1-mask1{
  background-image: url("../img/03/banner1-people1-bg.jpg");
}
.banner1-mask2{
  background-image: url("../img/03/banner1-people2-bg.jpg");
}
.banner1-mask3{
  background-image: url("../img/03/banner1-people3-bg.jpg");
}
.banner1-mask4{
  background-image: url("../img/03/banner1-people4-bg.jpg");
}

.banner1-menu-li:hover .banner1-mask {
  opacity: 1;
  visibility: visible;
}

.banner1-txt {
  -ms-writing-mode: tb-lr !important;
  -webkit-writing-mode: vertical-lr !important;
  -moz-writing-mode: vertical-lr !important;
  -ms-writing-mode: vertical-lr !important;
  writing-mode: vertical-lr !important;
}

.banner1-txt h2 {
  font-family: "DFHeiStd-W5";
  color: #f9f3f2;
  font-size: 1.05vw;
  letter-spacing: 0.15vw;
  margin: 0;
  position: absolute;
  left: 7%;
  top: 3%;
  font-weight: normal;
  transition: all 0.4s linear;
}

.banner1-txt h4 {
  font-family: "jf-jinxuan-medium";
  color: #ceb29b;
  font-size: 1.55vw;
  letter-spacing: 0.15vw;
  margin: 0;
  font-weight: normal;
  transition: all 0.3s linear;
  position: absolute;
  left: 15%;
  top: 3%;
}

.banner1-menu-li:hover .banner1-txt h2 {
  left: 17.5%;
}
.banner1-menu-li:hover .banner1-txt h4 {
  left: 4.6%;
}
/*banner開圖*/

.open-banner {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 999;
}

.open-pic {
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow: auto;
  color: #fff;
  text-align: left;
}

.banner-closeBtn {
  width: 5%;
  position: absolute;
  right: 0;
  bottom: 6.5%;
  cursor: pointer;
}

.swiper-pagination2 {
  top: 50% !important;
}

.p-open-txt {
  width: 36%;
  position: absolute;
  left: 8%;
  top: 24.5%;
}

.p-open-txt2 {
  left: auto;
  right: 8%;
}

.p-open-txt h2 {
  font-family: "jf-jinxuan-medium";
  color: #d6b59a;
  font-size: 1.55vw;
  line-height: 2.5vw;
  letter-spacing: 0.15vw;
  margin: 0 0 2% 0;
  font-weight: normal;
}

.p-open-txt h4 {
  width: 100%;
  font-family: "DFHeiStd-W5";
  color: #f9f3f2;
  font-size: 1.05vw;
  line-height: 2vw;
  letter-spacing: 0.05vw;
  margin: 0 0 3% 0;
  font-weight: normal;
  text-align: justify;
  text-justify: inter-ideograph;
}

.p-open-txt h5 {
  width: 100%;
  font-family: "DFHeiStd-W5";
  color: #f9f3f2;
  font-size: 1.05vw;
  line-height: 2vw;
  letter-spacing: 0.05vw;
  margin: 0;
  font-weight: normal;
  text-align: justify;
  text-justify: inter-ideograph;
}

.p-open-txt-space {
  margin-top: 2%;
}

.banner1-pic-1 {
  width: 87%;
  height: 42.5vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.banner1-pic-2 {
  width: 75%;
  height: 42.4vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.banner1-pic-3 {
  width: 87%;
  height: 42.83vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.banner1-pic-4 {
  width: 87%;
  height: 42.75vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.banner1-pic {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.p1-banner2-1 {
  width: 36.51%;
  height: 21.15vw;
  left: 0;
  top: 0;
  background-image: url("../img/03/p1-banner2-1.jpg");
}
.p1-banner2-2 {
  width: 32.55%;
  height: 42.5vw;
  left: 36.78%;
  top: 0;
  background-image: url("../img/03/p1-banner2-2.jpg");
}
.p1-banner2-3 {
  width: 30.37%;
  height: 42.5vw;
  right: 0;
  top: 0;
  background-image: url("../img/03/p1-banner2-3.jpg");
}
.p1-banner2-4 {
  width: 36.51%;
  height: 21.1vw;
  left: 0;
  top: 50.4%;
  background-image: url("../img/03/p1-banner2-4.jpg");
}

.p2-banner2-1 {
  width: 45.9%;
  height: 20.7vw;
  left: 0;
  top: 0;
  background-image: url("../img/03/p2-banner2-1.jpg");
}
.p2-banner2-2 {
  width: 53.8%;
  height: 20.7vw;
  right: 0;
  top: 0;
  background-image: url("../img/03/p2-banner2-2.jpg");
}
.p2-banner2-3 {
  width: 54.65%;
  height: 21.45vw;
  left: 0;
  top: 49.4%;
  background-image: url("../img/03/p2-banner2-3.jpg");
}
.p2-banner2-4 {
  width: 44.97%;
  height: 21.45vw;
  right: 0;
  top: 49.4%;
  background-image: url("../img/03/p2-banner2-4.jpg");
}

.p3-banner2-1 {
  width: 31.9%;
  height: 22.9vw;
  left: 0;
  top: 0;
  background-image: url("../img/03/p3-banner2-1.jpg");
}
.p3-banner2-2 {
  width: 11.35%;
  height: 14.8vw;
  left: 32.25%;
  top: 0;
  background-image: url("../img/03/p3-banner2-2.jpg");
}
.p3-banner2-3 {
  width: 11.35%;
  height: 14.8vw;
  left: 43.9%;
  top: 0;
  background-image: url("../img/03/p3-banner2-3.jpg");
}
.p3-banner2-4 {
  width: 11.35%;
  height: 14.8vw;
  left: 55.55%;
  top: 0;
  background-image: url("../img/03/p3-banner2-4.jpg");
}
.p3-banner2-5 {
  width: 32.86%;
  height: 42.77vw;
  right: 0;
  top: 0;
  background-image: url("../img/03/p3-banner2-5.jpg");
}
.p3-banner2-6 {
  width: 34.61%;
  height: 12.65vw;
  left: 32.25%;
  top: 35.2%;
  background-image: url("../img/03/p3-banner2-6.jpg");
}
.p3-banner2-7 {
  width: 31.9%;
  height: 19.6vw;
  left: 0;
  top: 54.1%;
  background-image: url("../img/03/p3-banner2-7.jpg");
}
.p3-banner2-8 {
  width: 11.35%;
  height: 14.8vw;
  left: 32.25%;
  top: 65.3%;
  background-image: url("../img/03/p3-banner2-8.jpg");
}
.p3-banner2-9 {
  width: 11.35%;
  height: 14.8vw;
  left: 43.9%;
  top: 65.3%;
  background-image: url("../img/03/p3-banner2-9.jpg");
}
.p3-banner2-10 {
  width: 11.35%;
  height: 14.8vw;
  left: 55.55%;
  top: 65.3%;
  background-image: url("../img/03/p3-banner2-10.jpg");
}

.p4-banner2-1 {
  width: 21.55%;
  height: 12.5vw;
  left: 0;
  top: 0;
  background-image: url("../img/03/p4-banner2-1.jpg");
}
.p4-banner2-2 {
  width: 23.95%;
  height: 12.5vw;
  left: 21.85%;
  top: 0;
  background-image: url("../img/03/p4-banner2-2.jpg");
}
.p4-banner2-3 {
  width: 53.86%;
  height: 25vw;
  right: 0;
  top: 0;
  background-image: url("../img/03/p4-banner2-3.jpg");
}
.p4-banner2-4 {
  width: 45.8%;
  height: 29.9vw;
  left: 0;
  top: 30%;
  background-image: url("../img/03/p4-banner2-4.jpg");
}
.p4-banner2-5 {
  width: 26.75%;
  height: 17.45vw;
  left: 46.15%;
  top: 59.1%;
  background-image: url("../img/03/p4-banner2-5.jpg");
}
.p4-banner2-6 {
  width: 26.76%;
  height: 17.44vw;
  right: 0;
  top: 59.1%;
  background-image: url("../img/03/p4-banner2-6.jpg");
}

.banner-pic {
  width: 54.77%;
  position: absolute;
  left: 0;
  top: 0;
}

.banner-txt {
  width: 22%;
  position: absolute;
  right: 0;
  bottom: 0.7vw;
}

.banner-txt img {
  mix-blend-mode: multiply; /*色彩增值*/
}

.banner-txt-font {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 4%;
  font-family: "DFHeiStd-W5";
  color: #fff;
  font-size: 0.9vw;
  letter-spacing: 0.05vw;
}

.banner23-txt {
  width: 35.5%;
  position: absolute;
  left: 58.8%;
  top: 28.5%;
}

.banner23-txt h2 {
  font-family: "jf-jinxuan-medium";
  color: #d6b59a;
  font-size: 1.55vw;
  line-height: 2.5vw;
  letter-spacing: 0.15vw;
  margin: 0 0 2% 0;
  font-weight: normal;
}

.banner23-txt h4 {
  width: 100%;
  font-family: "DFHeiStd-W5";
  color: #f9f3f2;
  font-size: 1.05vw;
  line-height: 2vw;
  letter-spacing: 0.05vw;
  margin: 0 0 3% 0;
  font-weight: normal;
  text-align: justify;
  text-justify: inter-ideograph;
}

.banner23-txt h5 {
  width: 100%;
  font-family: "DFHeiStd-W5";
  color: #f9f3f2;
  font-size: 1.05vw;
  line-height: 2vw;
  letter-spacing: 0.05vw;
  margin: 0;
  font-weight: normal;
  text-align: justify;
  text-justify: inter-ideograph;
}

.banner23-txt-space {
  margin-top: 2%;
}

.banner2-pic2 {
  width: 25%;
  position: relative;
  margin: 0 0 2% 0;
}

.banner2-pic3-b {
  width: 77%;
  height: 42.13vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.banner3-pic3-b {
  width: 77%;
  height: 41.7vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.banner-txt2 {
  width: 9vw;
  position: absolute;
  right: 0;
  bottom: 0;
}

.banner-txt2 img {
  mix-blend-mode: multiply; /*色彩增值*/
}

.banner-txt-font2 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8%;
  font-family: "DFHeiStd-W5";
  color: #fff;
  font-size: 0.7vw;
  letter-spacing: 0.05vw;
}

.banner2-pic3 {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.banner2-pic3-1 {
  width: 16.22%;
  height: 22.17vw;
  left: 0;
  top: 0;
  background-image: url("../img/03/banner2-pic3-1.jpg");
}
.banner2-pic3-2 {
  width: 16.55%;
  height: 22.17vw;
  left: 16.65%;
  top: 0;
  background-image: url("../img/03/banner2-pic3-2.jpg");
}
.banner2-pic3-3 {
  width: 29.83%;
  height: 18.47vw;
  left: 33.54%;
  top: 0;
  background-image: url("../img/03/banner2-pic3-3.jpg");
}
.banner2-pic3-4 {
  width: 17.94%;
  height: 18.47vw;
  left: 63.7%;
  top: 0;
  background-image: url("../img/03/banner2-pic3-4.jpg");
}
.banner2-pic3-5 {
  width: 17.96%;
  height: 18.47vw;
  left: 82%;
  top: 0;
  background-image: url("../img/03/banner2-pic3-5.jpg");
}
.banner2-pic3-6 {
  width: 33.2%;
  height: 19.69vw;
  left: 0;
  top: 53.3%;
  background-image: url("../img/03/banner2-pic3-6.jpg");
}
.banner2-pic3-7 {
  width: 20.1%;
  height: 23.4vw;
  left: 33.54%;
  top: 44.55%;
  background-image: url("../img/03/banner2-pic3-7.jpg");
}
.banner2-pic3-8 {
  width: 22.8%;
  height: 23.4vw;
  left: 54.05%;
  top: 44.55%;
  background-image: url("../img/03/banner2-pic3-8.jpg");
}
.banner2-pic3-9 {
  width: 22.8%;
  height: 23.4vw;
  right: 0;
  top: 44.55%;
  background-image: url("../img/03/banner2-pic3-9.jpg");
}

.banner3-pic3 {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.banner3-pic3-1 {
  width: 16.4%;
  height: 18.9vw;
  left: 0;
  top: 0;
  background-image: url("../img/03/banner3-pic3-1.jpg");
}
.banner3-pic3-2 {
  width: 13.07%;
  height: 18.9vw;
  left: 16.7%;
  top: 0;
  background-image: url("../img/03/banner3-pic3-2.jpg");
}
.banner3-pic3-3 {
  width: 16.31%;
  height: 18.9vw;
  left: 30.14%;
  top: 0;
  background-image: url("../img/03/banner3-pic3-3.jpg");
}
.banner3-pic3-4 {
  width: 16.81%;
  height: 18.9vw;
  left: 46.8%;
  top: 0;
  background-image: url("../img/03/banner3-pic3-4.jpg");
}
.banner3-pic3-5 {
  width: 36.1%;
  height: 41.64vw;
  right: 0;
  top: 0;
  background-image: url("../img/03/banner3-pic3-5.jpg");
}
.banner3-pic3-6 {
  width: 43.85%;
  height: 22.47vw;
  left: 0;
  top: 45.9%;
  background-image: url("../img/03/banner3-pic3-6.jpg");
}
.banner3-pic3-7 {
  width: 19.41%;
  height: 22.47vw;
  left: 44.2%;
  top: 45.9%;
  background-image: url("../img/03/banner3-pic3-7.jpg");
}

.banner3-pic2 {
  width: 26%;
  position: relative;
  margin: 0 0 2% 0;
}

.banner3-line {
  width: 0.8%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 13%;
}

.banner3-glory-title {
  font-family: "jf-jinxuan-medium";
  color: #ad8466;
  font-size: 1.8vw;
  letter-spacing: 0.15vw;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 6%;
}

.banner3-year {
  font-family: "jf-jinxuan-medium";
  color: #ad8466;
  font-size: 1.1vw;
  letter-spacing: 0.15vw;
  position: absolute;
}

.banner3-year1 {
  left: -4vw;
  top: 1.3vw;
}

.banner3-year2 {
  right: -4vw;
  top: 10.7vw;
}

.banner3-year3 {
  left: -4vw;
  top: 14.7vw;
}

.banner3-year4 {
  right: -4vw;
  top: 22vw;
}

.banner3-year5 {
  left: -4vw;
  top: 26.2vw;
}

.banner3-year6 {
  right: -4vw;
  top: 36vw;
}

.banner3-year7 {
  left: -4vw;
  top: 40.6vw;
}

.banner3-txt {
  width: 40vw;
  font-family: "DFHeiStd-W5";
  color: #3e3a39;
  font-size: 1.05vw;
  line-height: 2vw;
  letter-spacing: 0.05vw;
  position: absolute;
}

.banner3-txt1 {
  text-align: right;
  left: -41vw;
  top: 3.1vw;
}

.banner3-txt2 {
  text-align: left;
  right: -41vw;
  top: 12.1vw;
}

.banner3-txt3 {
  text-align: right;
  left: -41vw;
  top: 16.4vw;
}

.banner3-txt4 {
  text-align: left;
  right: -40.5vw;
  top: 23.5vw;
}

.banner3-txt5 {
  text-align: right;
  left: -41vw;
  top: 28vw;
}

.banner3-txt6 {
  text-align: left;
  right: -40.5vw;
  top: 37.5vw;
}

.banner3-txt7 {
  text-align: right;
  left: -40.5vw;
  top: 42.1vw;
}

.banner3-pic4 {
  width: 32vw;
  position: absolute;
  right: -35.5vw;
  top: 1vw;
}
.banner3-pic5 {
  width: 12vw;
  position: absolute;
  left: -13vw;
  top: 7.2vw;
}