.introduction-bg {
  display: none;
  background: url(../image/intro-page-bg.png) no-repeat;
  background-size: 100% auto;
  width: 100%;
  min-width: 1170px;
  min-height: 439px;
}

.introduction-bg .water-container {
  margin: 0 auto;
  padding-top: 50px;
  width: 1170px;
}

.introduction-bg .water-container .title {
  font-size: 24px;
  font-weight: 600;
  color: #171D24;
  line-height: 33px;
  text-align: center;
}

.introduction-bg .water-container .first-paragraph {
  margin: 0 auto;
  position: relative;
  margin-top: 55px;
  width: 1120px;
  height: 307px;
  background: url("../image/water-first-paragraph.png");
  background-size: 100% 100%;
}

.introduction-bg .water-container .first-paragraph .content-text {
  position: absolute;
  top: 70px;
  right: 14px;
  width: 620px;
}

.introduction-bg .water-container .first-paragraph .content-text p {
  text-indent: 0em !important;
  line-height: 24px !important;
}

.introduction-bg .water-container .first-paragraph .content-text p span {
  font-family: SourceHanSansCN-Normal, SourceHanSansCN !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #3D3D3D !important;
}

.introduction-bg .water-container .second-paragraph {
  margin: 0 auto;
  position: relative;
  margin-top: 22px;
  width: 1120px;
  height: 307px;
  background: url("../image/water-second-paragraph.png");
  background-size: 100% 100%;
}

.introduction-bg .water-container .second-paragraph .content-text {
  position: absolute;
  top: 70px;
  left: 30px;
  width: 600px;
}

.introduction-bg .water-container .second-paragraph .content-text p {
  text-indent: 0em !important;
  line-height: 24px !important;
}

.introduction-bg .water-container .second-paragraph .content-text p span {
  font-family: SourceHanSansCN-Normal, SourceHanSansCN !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #3D3D3D !important;
}

.introduction-bg .water-container .third-paragraph {
  margin: 0 auto;
  position: relative;
  margin-top: 22px;
  width: 1120px;
  height: 307px;
  background: url("../image/water-third-paragraph.png");
  background-size: 100% 100%;
}

.introduction-bg .water-container .third-paragraph .content-text {
  position: absolute;
  top: 20px;
  right: 14px;
  width: 650px;
}

.introduction-bg .water-container .third-paragraph .content-text p {
  text-indent: 0em !important;
  line-height: 24px !important;
}

.introduction-bg .water-container .third-paragraph .content-text p span {
  font-family: SourceHanSansCN-Normal, SourceHanSansCN !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #3D3D3D !important;
}

.about-town-container {
  display: none;
}

.about-town-container .town-introduction {
  position: relative;
  width: 100%;
  min-width: 1170px;
  min-height: 439px;
  background: url(../image/town-intro-bg.png);
  background-size: 100% 100%;
  padding-top: 5%;
}

.about-town-container .town-introduction .title {
  font-size: 24px;
  font-weight: 600;
  color: #171D24;
  line-height: 33px;
  text-align: center;
}

.about-town-container .town-introduction .video-div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0 auto;
  margin-top: 50px;
  width: 50%;
  height: 62%;
  min-width: 710px;
  min-height: 340px;
}

.about-town-container .town-introduction .video-div video {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.about-town-container .town-text-container {
  position: relative;
  margin: 0 auto;
  margin-top: 50px;
  width: 1170px;
  height: 470px;
  background: url(../image/town-paragraph-first.png);
  background-size: 100% 100%;
}

.about-town-container .town-text-container .article-content {
  position: absolute;
  top: 40px;
  right: 30px;
  width: 645px;
  height: 180px;
  text-align: justify;
}

.about-town-container .town-text-container .article-content .text p {
  line-height: 24px !important;
}

.about-town-container .town-text-container .article-content .text p span {
  font-family: SourceHanSansCN-Normal, SourceHanSansCN !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #3D3D3D !important;
}

.about-town-container .town-text-container .article-content .town-div {
  display: flex;
  justify-content: space-between;
  padding: 30px 100px;
}

.about-town-container .town-text-container .article-content .town-div .div-box {
  float: left;
  text-align: center;
}

.about-town-container .town-text-container .article-content .town-div .div-box .value {
  font-size: 14px;
  font-weight: bold;
  color: #3D3D3D;
  line-height: 24px;
}

.about-town-container .town-text-container .article-content .town-div .div-box .value span {
  font-size: 40px;
}

.about-town-container .town-text-container .article-content .town-div .div-box .title {
  font-size: 16px;
  font-weight: bold;
  color: #3D3D3D;
  line-height: 24px;
}

.about-town-container .town-text-container .town-msg-div {
  position: absolute;
  right: 0px;
  bottom: 0px;
  display: flex;
  justify-content: space-between;
  width: 700px;
  height: 130px;
  padding: 40px;
}

.about-town-container .town-text-container .town-msg-div .msg-box {
  text-align: center;
}

.about-town-container .town-text-container .town-msg-div .msg-box span.year {
  font-size: 40px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 60px;
}

.about-town-container .town-text-container .town-msg-div .msg-box .value {
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 24px;
}

.about-town-container .town-text-container .town-msg-div .msg-box .value span {
  font-size: 40px;
}

.about-town-container .town-text-container .town-msg-div .msg-box .name {
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 24px;
}

.about-town-container .about-town-article {
  margin: 0 auto;
  margin-top: 20px;
  width: 1170px;
}

.about-town-container .about-town-article .second-paragraph {
  background: url(../image/town-paragraph-second.png) no-repeat;
  background-size: 100% 100%;
  height: 180px;
}

.about-town-container .about-town-article .second-paragraph .title {
  float: left;
  width: 300px;
  padding: 15px 0px 0px 20px;
}

.about-town-container .about-town-article .second-paragraph .title p {
  text-indent: 0em !important;
  line-height: 34px !important;
}

.about-town-container .about-town-article .second-paragraph .title p span {
  text-indent: 0em !important;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN !important;
  font-size: 24px !important;
  font-weight: bold !important;
  color: #FFFFFF !important;
}

.about-town-container .about-town-article .second-paragraph .content {
  float: right;
  padding: 25px;
  width: 840px;
}

.about-town-container .about-town-article .second-paragraph .content p {
  text-indent: 0em !important;
  line-height: 24px !important;
}

.about-town-container .about-town-article .second-paragraph .content p span {
  text-indent: 0em !important;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #3D3D3D !important;
}

.about-town-container .about-town-article .third-paragraph {
  margin-top: 15px;
  background: url(../image/town-paragraph-third.png) no-repeat;
  background-size: 100% 100%;
  height: 253px;
}

.about-town-container .about-town-article .third-paragraph .title {
  float: left;
  width: 300px;
  padding: 15px 0px 0px 20px;
}

.about-town-container .about-town-article .third-paragraph .title p {
  text-indent: 0em !important;
  line-height: 34px !important;
}

.about-town-container .about-town-article .third-paragraph .title p span {
  font-family: SourceHanSansCN-Bold, SourceHanSansCN !important;
  font-size: 24px !important;
  font-weight: bold !important;
  color: #FFFFFF !important;
}

.about-town-container .about-town-article .third-paragraph .content {
  float: right;
  padding: 25px;
  width: 840px;
}

.about-town-container .about-town-article .third-paragraph .content p {
  text-indent: 0em !important;
  line-height: 24px !important;
}

.about-town-container .about-town-article .third-paragraph .content p span {
  text-indent: 0em !important;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #3D3D3D !important;
}

.about-town-container .about-town-article .fourth-paragraph {
  margin-top: 15px;
  background: url(../image/town-paragraph-fourth.png) no-repeat;
  background-size: 100% 100%;
  height: 192px;
}

.about-town-container .about-town-article .fourth-paragraph .title {
  float: left;
  width: 300px;
  padding: 15px 0px 0px 20px;
}

.about-town-container .about-town-article .fourth-paragraph .title p {
  text-indent: 0em !important;
  line-height: 34px !important;
}

.about-town-container .about-town-article .fourth-paragraph .title p span {
  font-family: SourceHanSansCN-Bold, SourceHanSansCN !important;
  font-size: 24px !important;
  font-weight: bold !important;
  color: #FFFFFF !important;
}

.about-town-container .about-town-article .fourth-paragraph .content {
  float: right;
  padding: 25px;
  width: 840px;
}

.about-town-container .about-town-article .fourth-paragraph .content p {
  text-indent: 0em !important;
  line-height: 24px !important;
}

.about-town-container .about-town-article .fourth-paragraph .content p span {
  text-indent: 0em !important;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #3D3D3D !important;
}

.about-town-container .about-town-article .fifth-paragraph {
  margin-top: 15px;
  background: url(../image/town-paragraph-fifth.png) no-repeat;
  background-size: 100% 100%;
  height: 196px;
}

.about-town-container .about-town-article .fifth-paragraph .title {
  float: left;
  width: 300px;
  padding: 15px 0px 0px 20px;
}

.about-town-container .about-town-article .fifth-paragraph .title p {
  line-height: 34px !important;
  text-indent: 0em !important;
}

.about-town-container .about-town-article .fifth-paragraph .title p span {
  font-family: SourceHanSansCN-Bold, SourceHanSansCN !important;
  font-size: 24px !important;
  font-weight: bold !important;
  color: #FFFFFF !important;
}

.about-town-container .about-town-article .fifth-paragraph .content {
  float: right;
  padding: 25px;
  width: 840px;
}

.about-town-container .about-town-article .fifth-paragraph .content p {
  text-indent: 0em !important;
  line-height: 24px !important;
}

.about-town-container .about-town-article .fifth-paragraph .content p span {
  text-indent: 0em !important;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #3D3D3D !important;
}