body {
  background: url(../images/home/bg.jpg) repeat-y center center;
  background-size: 100% auto;
}
.menu {
  z-index: 1000 !important;
}
.carryOn {
  height: 0;
}
.carryOn.show .dashed {
  height: 3rem;
}
.white .title,
.white .content {
  text-align: left;
  color: #fff;
}
.s1 img.s1_img {
  display: block;
  width: 100%;
  margin-bottom: 1.68rem;
}
#s2 {
  padding: 0;
  margin-top: 0.5rem;
}
#s2Audio {
  width: 0;
  height: 0;
  overflow: hidden;
}
.s2 {
  position: relative;
  height: calc(100vh - 1.16rem);
  overflow: hidden;
  transition: 0.5s ease;
}
.s2 .s2_bg {
  display: block;
  width: 100%;
}
.s2 .s2_bg_mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: none;
}
.s2 .points {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.s2 .points .point {
  width: 2.15rem;
  height: 1rem;
  background: url(../images/culture/c03_s2_play.png) no-repeat;
  background-size: 100%;
  position: absolute;
  transition: opacity 0.5s ease;
}
.s2 .points .point:nth-child(n + 4) {
  opacity: 0;
}
.s2 .points .point.lt {
  background-image: url(../images/culture/c03_s2_r_play.png);
}
.s2 .points .point.lt.play {
  background-image: url(../images/culture/c03_s2_r_pause.png);
}
.s2 .points .point.play {
  background-image: url(../images/culture/c03_s2_pause.png);
}
.s2 .mask {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4.18rem;
  top: 0;
}
.s2 .mask.mask_bottom {
  top: auto;
  bottom: 0;
  background-image: linear-gradient(180deg, rgba(246, 233, 206, 0) 0%, rgba(247, 238, 211, 0.47) 86%, #f6ebcf 98%);
}
.s2 .more {
  position: absolute;
  bottom: 0.4rem;
  left: 50%;
  transform: translate(-50%, 0);
  border: none;
  width: 2.59rem;
  height: 0.65rem;
  background: url(../images/culture/c03_s2_btn.png) no-repeat;
  background-size: 100% 100%;
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.15));
  margin: auto;
  display: block;
}
.s2.open {
  height: 22.45rem;
}
.s2.open .points .point {
  opacity: 1;
}
.s2.open .more {
  background-image: url(../images/culture/c03_s2_btn_open.png);
}
/* s3 */
.s4 .s3 {
  margin-top: 0.5rem;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  z-index: 49;
}
.s4 .s3 .s3_bg {
  display: block;
  width: 100%;
  height: 98.84vh;
  background: url(../images/culture/c03_s3_bg.jpg) no-repeat;
  opacity: 1;
  background-size: 100% 100%;
  object-fit: cover;
  position: sticky;
  top: 1.16rem;
  z-index: 31;
}
.s4 .s3 .white {
  position: sticky;
  top: 100vh;
  width: 100%;
  height: 40vh;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%);
  padding: 0.8rem 0.3rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-sizing: border-box;
  z-index: 132;
}
/* s4 */
.mask {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sub_1,
.sub_2 {
  height: calc(100vh - 1.16rem);
  position: relative;
}
.s4 {
  width: 100%;
  padding: 0;
}
.s4 .s4_bg {
  background: url(../images/culture/c03_s4.jpg) no-repeat;
  background-size: 200vw auto;
  background-position: 45% top;
  position: sticky;
  top: 1.16rem;
  bottom: 0;
  height: calc(100vh - 1.16rem);
  transition: 1.5s ease-in-out;
  z-index: 41;
  opacity: 1;
}
.s4 .s4_bg.show2 {
  background-size: 250vw auto;
  background-position: 55% bottom;
}
.s4 .sub_1 {
  z-index: 142;
}
.s4 .sub_2 {
  z-index: 143;
}
.s4 .white {
  position: absolute;
  left: 0.3rem;
  right: 0.3rem;
  top: 0rem;
}
/* s5 */
.s5 {
  width: 100%;
  padding: 0;
  z-index: 50;
}
.s5 .s5_bg {
  background: url(../images/culture/c03_s5.jpg) no-repeat center;
  background-position: 35% top;
  background-size: auto 100%;
  position: sticky;
  top: 1.16rem;
  height: calc(100vh - 1.16rem);
  transition: 1.5s ease-in-out;
}
.s5 .s5_bg.show2 {
  background-position: 95% top;
}
.s5 .s5_bg .mask {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.s5 .white {
  position: absolute;
  left: 0.3rem;
  right: 0.3rem;
  top: 0rem;
}
/* s6 */
.s6 {
  padding: 0;
  z-index: 60;
  position: relative;
  background: url(../images/home/bg.jpg) repeat-y center top;
  background-size: 100% auto;
  position: sticky;
  top: 1.16rem;
}
.s6 > img {
  display: block;
  height: calc(100vh - 1.16rem);
}
.s6 .main {
  padding: 0.8rem 0.3rem;
  background: url(../images/home/bg.jpg) repeat-y center top;
  background-size: 100% auto;
  position: relative;
  z-index: 61;
}
.s6 .s6_main1 {
  position: sticky;
}
.footer {
  background: url(../images/home/bg.jpg) repeat-y center top;
  background-size: 100% auto;
  position: relative;
  z-index: 100;
}
.footer .content p span {
  text-decoration: underline;
  font-size: 0.28rem;
}
#footer {
  position: relative;
  z-index: 100;
  margin-top: 0;
}
.pop-intro {
  text-decoration: underline;
}
button:focus {
  outline: 0!important;
}