@charset "utf-8";

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
iframe,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
button,
input,
textarea,
th,
td,
fieldset {
  padding: 0;
  margin: 0;
}

ul,
ol,
dl {
  list-style-type: none
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: 400
}

input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit
}

input,
button {
  overflow: visible;
  vertical-align: middle;
  outline: none
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="text"],
input[type="password"] {
  appearance: none;
  -webkit-appearance: none;
  outline: none
}

body,
th,
td,
button,
input,
select,
textarea {
  font-family: "Source Han Serif", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, "WenQuanYi Micro Hei", Verdana, sans-serif, "\5B8B\4F53", "Source Han Serif";
  font-size: 12px;
  color: #333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

img {
  border: none;
  margin: 0px;
  padding: 0px;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
  overflow: hidden;
}

.clearfix {
  zoom: 1;
}

.clear {
  clear: both;
  font-size: 0;
  overflow: hidden;
}

.pr {
  position: relative;
}

.pb {
  position: absolute;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

a:link,
a:visited {
  text-decoration: blink;
}

body,
html {
  height: 100%;
}

.swiper-container {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.swiper-slide {
  width: 100%;
  height: 100%;
}

.mainCon {
  width: 100%;
  height: 100vh;
  background: url(../images/bg1.png) no-repeat top center;
  background-size: cover;
  position: relative;
}

.subCon {
  width: 100%;
  height: 100%;
  background: url(../images/bg2.png) no-repeat top center;
  background-size: cover;
  box-sizing: border-box;
}

.otherCon {
  width: 100%;
  height: 100%;
  background: url(../images/bg3.png) no-repeat top center;
  background-size: cover;
  position: relative;
}

.otherConBottm {
  width: 100%;
  height: 100%;
  background: url(../images/bg4.png) no-repeat top center;
  background-size: cover;
  position: relative;
}

.con2022 {
  width: 100%;
  height: 100%;
  background: url(../images/bg2022.png) no-repeat top center;
  background-size: cover;
  position: relative;
}

.con2023 {
  width: 100%;
  height: 100%;
  background: url(../images/bg2023.png) no-repeat top center;
  background-size: cover;
  position: relative;
}

.con2024 {
  width: 100%;
  height: 100%;
  background: url(../images/bg2024.jpg) no-repeat top center;
  background-size: cover;
  position: relative;
}

.tipsCon2018 {
  width: 15.86rem;
  height: 26.13rem;
  box-sizing: border-box;
  background: url(../images/tips2018.png) no-repeat center;
  background-size: cover;
}

.scrollContent {
  height: 100%;
  overflow-y: auto;
  width: 100%;
  box-sizing: border-box;
  scrollbar-width: none;
}

.innerScroll {
  background-size: cover;
  height: 340vw;
  overflow: hidden;
  box-sizing: border-box;
}

.innerScrollIndex {
  background-size: cover;
  height: 51.5rem;
  overflow: hidden;
  box-sizing: border-box;
}

.innerScrollSub {
  background-size: cover;
  height: 54rem;
  overflow: hidden;
  box-sizing: border-box;
}

.innerScroll2019 {
  background-size: cover;
  height: 375vw;
  overflow: hidden;
  box-sizing: border-box;
}

.innerScroll2021 {
  background-size: cover;
  height: 400vw;
  overflow: hidden;
  box-sizing: border-box;
}

.innerScroll2022 {
  background-size: cover;
  height: 400vw;
  overflow: hidden;
  box-sizing: border-box;
}

.innerScroll2023 {
  background-size: cover;
  height: 480vw;
  overflow: hidden;
  box-sizing: border-box;
}

.innerScroll2024 {
  background-size: cover;
  height: 567vw;
  overflow: hidden;
  box-sizing: border-box;
}

.endP {
  color: #ffd587;
  font-size: 4.5vw;
  position: absolute;
  bottom: 0rem;
  margin-left: 2rem;
  margin-right: 2rem;
  text-align: justify;
  margin-top: 1rem;
  margin-bottom: 2rem;
  height: 6%;

}

.scrollContent::-webkit-scrollbar {
  display: none;
}

.banner1 {
  padding-top: 3rem;
}

.banner1 img {
  display: block;
  width: 63vw;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.tips1 {
  position: absolute;
  width: 14vw;
  left: 43%;
  top: 74%;
  -webkit-animation: bounce-up 2s infinite ease-in-out;
  -moz-animation: bounce-up 2s infinite ease-in-out;
  -o-animation: bounce-up 2s infinite ease-in-out;
  animation: bounce-up 2s infinite ease-in-out;
}


.tips1 img {
  display: block;
  width: 30%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.mainConWrap2 {
  width: 100%;
  max-width: 750px;
  box-sizing: border-box;
  padding-top: 6.5rem;
  padding-left: 1.32rem;
}

.tipsCon {
  width: 15.86rem;
  height: 26.13rem;
  box-sizing: border-box;
  background: url(../images/stars.png) no-repeat center;
  background-size: cover;
}

.tipsCon p {
  box-sizing: border-box;
  padding-top: 2.23rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  font-size: 1.06rem;
  line-height: 1.48rem;
  color: #fff;
}

.tipsCon p strong {
  color: #F8DF37;
}

.tipsImgList {
  width: 6.9rem;
}

.tipsImgListItem {
  height: 4.73rem;
  margin-bottom: 1.266rem;
}

.tipsImgListItem img {
  display: block;
  width: 100%;
  height: 100%;
}

.nextIcon {
  width: 1.7rem;
  height: 1.7rem;
  padding-left: 1.3rem;
  padding-top: 1.932rem;
  -webkit-animation: tipmove 2.5s infinite ease-in-out;
  -moz-animation: tipmove 2.5s infinite ease-in-out;
  -o-animation: tipmove 2.5s infinite ease-in-out;
  animation: tipmove 2.5s infinite ease-in-out;
}

@-webkit-keyframes tipmove {

  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-0.7rem);
  }

  60% {
    transform: translateY(-0.35rem);
  }
}

@-moz-keyframes tipmove {

  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-0.7rem);
  }

  60% {
    transform: translateY(-0.35rem);
  }
}

@-o-keyframes tipmove {

  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-0.7rem);
  }

  60% {
    transform: translateY(-0.35rem);
  }
}

@keyframes tipmove {

  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-0.7rem);
  }

  60% {
    transform: translateY(-0.35rem);
  }
}

/*  */
@-webkit-keyframes bounce-up {

  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-0.7rem);
  }

  60% {
    transform: translateY(-0.35rem);
  }
}

@-moz-keyframes bounce-up {

  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-0.7rem);
  }

  60% {
    transform: translateY(-0.35rem);
  }
}

@-o-keyframes bounce-up {

  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-0.7rem);
  }

  60% {
    transform: translateY(-0.35rem);
  }
}

@keyframes bounce-up {

  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-0.7rem);
  }

  60% {
    transform: translateY(-0.35rem);
  }
}

.nextIcon img {
  display: block;
  width: 100%;
  height: 100%;
}

.banner2 {
  padding-top: 9.6rem;
}

.banner2 img {
  display: block;
  width: 21.92rem;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.mainConWrap4 {
  padding-top: 5.23rem;
}

.mainCon2 {
  background: url(../images/bg10.png) no-repeat top center;
  background-size: cover;
}

.conBox4 {
  width: 22.3rem;
  height: 30.13rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background: url(../images/conBox4Bg.png) no-repeat center;
  background-size: cover;
  padding-top: 2.4rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  position: relative;
}

.nextIcon2 {
  width: 1.7rem;
  height: 1.7rem;
  padding-left: 2.6rem;
  -webkit-animation: tipmove 2.5s infinite ease-in-out;
  -moz-animation: tipmove 2.5s infinite ease-in-out;
  -o-animation: tipmove 2.5s infinite ease-in-out;
  animation: tipmove 2.5s infinite ease-in-out;
}

.nextIcon2 img {
  display: block;
  width: 100%;
  height: 100%;
}

.con4Title img {
  display: block;
  width: 100%;
  height: auto;
}

.title4 {
  margin-top: 1.3rem;
  width: 16.6rem;
  height: 2.2rem;
  background: url(../images/title4Bg.png) no-repeat center;
  background-size: cover;
  margin-left: -3.15rem;
  box-sizing: border-box;
  padding-left: 3.75rem;
  line-height: 2.2rem;
  font-size: 1.06rem;
  font-weight: 600;
  color: #DD662A;
}

.con4TextBox {
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: #fff;
  font-size: 1rem;
  line-height: 1.48rem;
}

.con4TextBox p {
  text-align: justify;
  text-justify: inter-word;
}

.con4ImgBox {
  height: 7.4rem;
  position: relative;
}

.con4Img1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 9.8rem;
  height: 7.4rem;
}

.con4Img2 {
  position: absolute;
  right: 0;
  top: 0;
  width: 9.8rem;
  height: 7.4rem;
}

.con4Img1 img {
  display: block;
  width: 100%;
  height: 100%;
}

.con4Img2 img {
  display: block;
  width: 100%;
  height: 100%;
}

.mainConWrap5 {
  padding-top: 5.23rem;
  height: 64.6rem;
  background: url(../images/bg12.png) no-repeat center;
  background-size: cover;
}

.conBox5 {
  width: 22.3rem;
  height: 49rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background: url(../images/conBox5Bg.png) no-repeat center;
  background-size: cover;
  padding-top: 4rem;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
  position: relative;
}

.con5ListBox {
  padding-top: 0;
}

.con5ListBox li {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  line-height: 1.6rem;
  font-size: 1rem;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-align: justify;
  text-justify: inter-word;
}

.con5ListBox li:last-of-type {
  border-bottom: 0;
}

.con5ListBox li strong {
  color: #F8DF37;
}

.nextIcon3 {
  width: 1.7rem;
  height: 1.7rem;
  padding-left: 1.6rem;
  padding-top: 1.3rem;
  -webkit-animation: tipmove 2.5s infinite ease-in-out;
  -moz-animation: tipmove 2.5s infinite ease-in-out;
  -o-animation: tipmove 2.5s infinite ease-in-out;
  animation: tipmove 2.5s infinite ease-in-out;
}

.nextIcon3 img {
  display: block;
  width: 100%;
  height: 100%;
}

.ryqIcon {
  position: absolute;
  width: 4.1rem;
  height: 1.4rem;
  display: block;
  left: 2.4rem;
  top: 2rem;
}

.dhIcon {
  top: -0.3rem;
  width: 4.3rem;
  height: 3.5rem;
  position: absolute;
  display: block;
  right: 2.4rem;
}

.oneImgCard {
  height: 9.9rem;
  /* background: #B5343F; */
  border-radius: 0.3rem;
}

.oneImgCard img {
  display: block;
  width: 100%;
  height: 100%;
}

.twoImgCard {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}

.twoImgCardItem {
  width: 8.4rem;
  height: 4.92rem;
  /* background: #B5343F; */
  border-radius: 0.3rem;
}

.twoImgCardItem img {
  display: block;
  width: 100%;
  height: 100%;
}

.mainConWrap6 {
  padding-top: 5.23rem;
}

.conBox6 {
  width: 22.3rem;
  height: 30.13rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background: url(../images/conBox4Bg.png) no-repeat center;
  background-size: cover;
  padding-top: 2.4rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  position: relative;
}

.con6Title img {
  display: block;
  width: 100%;
  height: auto;
}

.con6ListBox {
  padding-top: 0.4rem;
}

.con6ListBox li {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  line-height: 1.6rem;
  font-size: 1rem;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.con6ListBox li:last-of-type {
  border-bottom: 0;
}

.con6ListBox li strong {
  color: #F8DF37;
}

.con6ImgItem {
  width: 9.1rem;
  height: 6.4rem;
}

.con6ImgItem img {
  display: block;
  width: 100%;
  height: 100%;
}

.mainConWrap7 {
  padding-top: 5.23rem;
}

.conBox7 {
  width: 22.3rem;
  height: 30.13rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background: url(../images/conBox4Bg.png) no-repeat center;
  background-size: cover;
  padding-top: 2rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  position: relative;
}

.con7Img {
  margin-bottom: 0.6rem;
  height: 6.8rem;
}

.con7Img img {
  display: block;
  width: 100%;
  height: 100%;
}

.nextIcon3 {
  width: 1.7rem;
  height: 1.7rem;
  padding-left: 2.6rem;
  padding-top: 1.2rem;
  -webkit-animation: tipmove 2.5s infinite ease-in-out;
  -moz-animation: tipmove 2.5s infinite ease-in-out;
  -o-animation: tipmove 2.5s infinite ease-in-out;
  animation: tipmove 2.5s infinite ease-in-out;
}

.nextIcon3 img {
  display: block;
  width: 100%;
  height: 100%;
}

.conBox8 {
  width: 22.3rem;
  height: 52.8rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background: url(../images/conBigBg.png) no-repeat center;
  background-size: cover;
  padding-top: 2rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  position: relative;
}

.mainConWrap8 {
  padding-top: 5.23rem;
}

.title8 {
  width: 21.8rem;
  height: 2.2rem;
  background: url(../images/title8Bg.png) no-repeat center;
  background-size: cover;
  margin-left: -3.15rem;
  box-sizing: border-box;
  padding-left: 3.75rem;
  line-height: 2.2rem;
  font-size: 1.06rem;
  font-weight: 600;
  color: #DD662A;
}

.con8ListBox {
  padding-top: 0;
}

.con8ListBox li {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  line-height: 1.6rem;
  font-size: 1rem;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.con8ListBox li:last-of-type {
  border-bottom: 0;
}

.con8ListBox li strong {
  color: #F8DF37;
}

.con8ImgBox {
  padding-bottom: 1rem;
}

.con8ImgItem {
  width: 9.1rem;
  height: 5rem;
}

.con8ImgItem img {
  display: block;
  width: 100%;
  height: 100%;
}

.con8Img {
  height: 9.8rem;
}

.con8Img img {
  display: block;
  width: 100%;
  height: 100%;
}

.nextIcon4 {
  width: 1.7rem;
  height: 1.7rem;
  padding-top: 0.8rem;
  -webkit-animation: tipmove 2.5s infinite ease-in-out;
  -moz-animation: tipmove 2.5s infinite ease-in-out;
  -o-animation: tipmove 2.5s infinite ease-in-out;
  animation: tipmove 2.5s infinite ease-in-out;
}

.nextIcon4 img {
  display: block;
  width: 100%;
  height: 100%;
}

.mainConWrap9 {
  padding-top: 5.23rem;
}

.conBox9 {
  width: 22.3rem;
  height: 30.13rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background: url(../images/conBox4Bg.png) no-repeat center;
  background-size: cover;
  padding-top: 2.4rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  position: relative;
}

.title9 {
  margin-top: 1.3rem;
  width: 19.93rem;
  height: 2.2rem;
  background: url(../images/title9Bg.png) no-repeat center;
  background-size: cover;
  margin-left: -3.15rem;
  box-sizing: border-box;
  padding-left: 3.75rem;
  line-height: 2.2rem;
  font-size: 1.06rem;
  font-weight: 600;
  color: #DD662A;
}

.con9Title img {
  display: block;
  width: 100%;
  height: auto;
}

.con9ListBox {
  padding-top: 0;
}

.con9ListBox li {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  line-height: 1.6rem;
  font-size: 1rem;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.con9ListBox li strong {
  color: #F8DF37;
}

.mainConWrap10 {
  padding-top: 5.23rem;
}

.conBox10 {
  width: 22.3rem;
  height: 30.13rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background: url(../images/conBox4Bg.png) no-repeat center;
  background-size: cover;
  padding-top: 2.8rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  position: relative;
}

.conVideoBox {
  border-radius: .3rem;
  background: #000000;
  /* height: 11.62rem; */
}

.conVideoBox video {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  /* 关键属性 */
}

.conBox11 {
  width: 22.3rem;
  height: 44.46rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background: url(../images/conBox11Bg.png) no-repeat center;
  background-size: cover;
  padding-top: 2rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  position: relative;
}

.mainConWrap11 {
  padding-top: 5.23rem;
  height: 58.66rem;
  background: url(../images/bg11.png) no-repeat top center;
  background-size: cover;
}

.title11 {
  width: 21.8rem;
  height: 2.2rem;
  background: url(../images/title8Bg.png) no-repeat center;
  background-size: cover;
  margin-left: -3.15rem;
  box-sizing: border-box;
  padding-left: 3.75rem;
  line-height: 2.2rem;
  font-size: 1.06rem;
  font-weight: 600;
  color: #DD662A;
}

.con11ListBox {
  padding-top: 0;
}

.con11ListBox li {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  line-height: 1.6rem;
  font-size: 1rem;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.con11ListBox li:last-of-type {
  border-bottom: 0;
}

.con11ListBox li strong {
  color: #F8DF37;
}

.con11ImgBox {
  padding-bottom: 1rem;
}

.con11ImgItem {
  width: 9.1rem;
  height: 5rem;
}

.con11ImgItem img {
  display: block;
  width: 100%;
  height: 100%;
}

.con11Img {
  height: 9.8rem;
  padding-bottom: 1rem;
}

.con11Img img {
  display: block;
  width: 100%;
  height: 100%;
}

.nextIcon5 {
  width: 1.7rem;
  height: 1.7rem;
  padding-top: 0.8rem;
  -webkit-animation: tipmove 2.5s infinite ease-in-out;
  -moz-animation: tipmove 2.5s infinite ease-in-out;
  -o-animation: tipmove 2.5s infinite ease-in-out;
  animation: tipmove 2.5s infinite ease-in-out;
}

.nextIcon5 img {
  display: block;
  width: 100%;
  height: 100%;
}

.conBox12 {
  width: 22.3rem;
  height: 54.9rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background: url(../images/conBox12Bg.png) no-repeat center;
  background-size: cover;
  padding-top: 2rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  position: relative;
}

.mainConWrap12 {
  padding-top: 5.23rem;
}

.title12 {
  width: 21.8rem;
  height: 2.2rem;
  background: url(../images/title8Bg.png) no-repeat center;
  background-size: cover;
  margin-left: -3.15rem;
  box-sizing: border-box;
  padding-left: 3.75rem;
  line-height: 2.2rem;
  font-size: 1.06rem;
  font-weight: 600;
  color: #DD662A;
}

.con12ListBox {
  padding-top: 0;
}

.con12ListBox li {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  line-height: 1.6rem;
  font-size: 1rem;
  color: #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  text-align: justify;
  text-justify: inter-word;
}

.con12ListBox li strong {
  color: #F8DF37;
}

.con12ImgBox {
  padding-bottom: 1rem;
}

.con12ImgItem {
  width: 9.1rem;
  height: 5.33rem;
}

.con12ImgItem img {
  display: block;
  width: 100%;
  height: 100%;
}

.con12Img {
  height: 11.13rem;
  padding-bottom: 1rem;
}

.con12Img img {
  display: block;
  width: 100%;
  height: 100%;
}

.conBox13 {
  width: 22.3rem;
  height: 54.9rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background: url(../images/conBox12Bg.png) no-repeat center;
  background-size: cover;
  padding-top: 2rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  position: relative;
}

.mainConWrap13 {
  padding-top: 5.23rem;
}

.title13 {
  width: 21.8rem;
  height: 2.2rem;
  background: url(../images/title8Bg.png) no-repeat center;
  background-size: cover;
  margin-left: -3.15rem;
  box-sizing: border-box;
  padding-left: 3.75rem;
  line-height: 2.2rem;
  font-size: 1.06rem;
  font-weight: 600;
  color: #DD662A;
}

.con13ListBox {
  padding-top: 0;
}

.con13ListBox li {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  line-height: 1.6rem;
  font-size: 1rem;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-align: justify;
  text-justify: inter-word;
}

.con13ListBox li:last-of-type {
  border-bottom: 0;
}

.con13ListBox li strong {
  color: #F8DF37;
}

.con13ImgBox {
  padding-bottom: 1rem;
}

.con13ImgItem {
  width: 9.1rem;
  height: 5.33rem;
}

.con13ImgItem img {
  display: block;
  width: 100%;
  height: 100%;
}

.con13Img {
  height: 11.13rem;
  padding-bottom: 1rem;
}

.con13Img img {
  display: block;
  width: 100%;
  height: 100%;
}

.conBox14 {
  width: 22.3rem;
  height: 50.8rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background: url(../images/conBox14Bg.png) no-repeat center;
  background-size: cover;
  padding-top: 2rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  position: relative;
}

.mainConWrap14 {
  padding-top: 5.23rem;
  background: url(../images/bg7.png) no-repeat top center;
  background-size: cover;
  height: 61.43rem;
}

.title14 {
  width: 21.8rem;
  height: 2.2rem;
  background: url(../images/title8Bg.png) no-repeat center;
  background-size: cover;
  margin-left: -3.15rem;
  box-sizing: border-box;
  padding-left: 3.75rem;
  line-height: 2.2rem;
  font-size: 1.06rem;
  font-weight: 600;
  color: #DD662A;
}

.con14ListBox {
  padding-top: 0;
}

.con14ListBox li {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  line-height: 1.6rem;
  font-size: 1rem;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-align: justify;
  text-justify: inter-word;
}

.con14ListBox li strong {
  color: #F8DF37;
}

.con14ImgBox {
  padding-bottom: 1rem;
}

.con14ImgItem {
  width: 9.1rem;
  height: 5.33rem;
}

.con14ImgItem img {
  display: block;
  width: 100%;
  height: 100%;
}

.con14Img {
  height: 9.86rem;
  padding-top: 1rem;
}

.con14Img img {
  display: block;
  width: 100%;
  height: 100%;
}

.conBox15 {
  width: 22.3rem;
  height: 40.86rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background: url(../images/conBox15Bg.png) no-repeat center;
  background-size: cover;
  padding-top: 2rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  position: relative;
}

.mainConWrap15 {
  padding-top: 5.23rem;
}

.title15 {
  width: 21.8rem;
  height: 2.2rem;
  background: url(../images/title8Bg.png) no-repeat center;
  background-size: cover;
  margin-left: -3.15rem;
  box-sizing: border-box;
  padding-left: 3.75rem;
  line-height: 2.2rem;
  font-size: 1.06rem;
  font-weight: 600;
  color: #DD662A;
}

.con15ListBox {
  padding-top: 0;
}

.con15ListBox li {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  line-height: 1.6rem;
  font-size: 1rem;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-align: justify;
  text-justify: inter-word;
}

.con15ListBox li strong {
  color: #F8DF37;
}

.con15ImgBox.top {
  padding-top: 1rem;
}

.con15ImgItem {
  width: 9.1rem;
  height: 5.33rem;
}

.con15ImgItem img {
  display: block;
  width: 100%;
  height: 100%;
}

.con15Img {
  height: 9.86rem;
  padding-top: 1rem;
}

.con15Img img {
  display: block;
  width: 100%;
  height: 100%;
}

.mainConWrap15 {
  background: url(../images/bg3.png) no-repeat top center;
  background-size: cover;
  height: 54rem;
  overflow: hidden;
  box-sizing: border-box;
}

.mainConWrap16 {
  padding-top: 5.23rem;
}

.conBox16 {
  width: 22.3rem;
  height: 35.56rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background: url(../images/conBox18Bg.png) no-repeat center;
  background-size: cover;
  padding-top: 2.4rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  position: relative;
}

.con16ListBox li {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  line-height: 1.6rem;
  font-size: 1rem;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-align: justify;
  text-justify: inter-word;
}

.con16ListBox li strong {
  color: #F8DF37;
}

.title16 {
  width: 21.8rem;
  height: 2.2rem;
  background: url(../images/title8Bg.png) no-repeat center;
  background-size: cover;
  margin-left: -3.15rem;
  box-sizing: border-box;
  padding-left: 3.75rem;
  line-height: 2.2rem;
  font-size: 1.06rem;
  font-weight: 600;
  color: #DD662A;
  margin-top: 1rem;
}

.con16Img {
  height: 9.86rem;
}

.con16Img img {
  display: block;
  width: 100%;
  height: 100%;
}

/*  */
.conBox17 {
  width: 22.3rem;
  height: 60.86rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background: url(../images/conBox17Bg.png) no-repeat center;
  background-size: cover;
  padding-top: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  position: relative;
}

.mainConWrap17 {
  padding-top: 5.23rem;
}

.title17 {
  width: 21.8rem;
  height: 2.2rem;
  background: url(../images/title8Bg.png) no-repeat center;
  background-size: cover;
  margin-left: -3.15rem;
  box-sizing: border-box;
  padding-left: 3.75rem;
  line-height: 2.2rem;
  font-size: 1.06rem;
  font-weight: 600;
  color: #DD662A;
}

.con17ListBox {
  padding-top: 0;
}

.con17ListBox li {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  line-height: 1.6rem;
  font-size: 1rem;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-align: justify;
  text-justify: inter-word;
}

.con17ListBox li strong {
  color: #F8DF37;
}

.con17ImgItem {
  width: 9.1rem;
  height: 5.33rem;
}

.con17ImgItem img {
  display: block;
  width: 100%;
  height: 100%;
}

.con17Img {
  height: 9.86rem;
  padding-top: 1rem;
}

.con17Img img {
  display: block;
  width: 100%;
  height: 100%;
}

.mainConWrap17 {
  background: url(../images/bg4.png) no-repeat top center;
  background-size: cover;
  height: 75.1rem;
  overflow: hidden;
  box-sizing: border-box;
}

/*  */
.conBox18 {
  width: 22.3rem;
  height: 35.56rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background: url(../images/conBox18Bg.png) no-repeat center;
  background-size: cover;
  padding-top: 2rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  position: relative;
}

.mainConWrap18 {
  padding-top: 5.23rem;
}

.title18 {
  width: 21.8rem;
  height: 2.2rem;
  background: url(../images/title8Bg.png) no-repeat center;
  background-size: cover;
  margin-left: -3.15rem;
  box-sizing: border-box;
  padding-left: 3.75rem;
  line-height: 2.2rem;
  font-size: 1.06rem;
  font-weight: 600;
  color: #DD662A;
}

.con18ListBox {
  padding-top: 0;
}

.con18ListBox li {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  line-height: 1.6rem;
  font-size: 1rem;
  color: #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  text-align: justify;
  text-justify: inter-word;
}

.con18ListBox.top li:last-of-type {
  border-top: 0;
}

.con18ListBox li strong {
  color: #F8DF37;
}

.con18ImgItem {
  width: 9.1rem;
  height: 5.33rem;
  padding-bottom: 1rem;
}

.con18ImgBox.bot {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.con18ImgItem img {
  display: block;
  width: 100%;
  height: 100%;
}

.con18Img {
  height: 9.86rem;
  padding-top: 1rem;
}

.con18Img img {
  display: block;
  width: 100%;
  height: 100%;
}

.mainConWrap18 {
  background: url(../images/bg5.png) no-repeat top center;
  background-size: cover;
  height: 49.7rem;
  overflow: hidden;
  box-sizing: border-box;
  min-height: 100%;
}

/*  */
.mainConWrap19 {
  padding-top: 5.23rem;
}

.conBox19 {
  width: 22.3rem;
  height: 30.13rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background: url(../images/conBox4Bg.png) no-repeat center;
  background-size: cover;
  padding-top: 2.4rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  position: relative;
}

.con19ListBox li {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  line-height: 1.6rem;
  font-size: 1rem;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-align: justify;
  text-justify: inter-word;
}

.con19ListBox li strong {
  color: #F8DF37;
}

.title19 {
  width: 21.8rem;
  height: 2.2rem;
  background: url(../images/title8Bg.png) no-repeat center;
  background-size: cover;
  margin-left: -3.15rem;
  box-sizing: border-box;
  padding-left: 3.75rem;
  line-height: 2.2rem;
  font-size: 1.06rem;
  font-weight: 600;
  color: #DD662A;
}

.con19Img {
  height: 9.86rem;
  padding-bottom: 1rem;
}

.con19Img img {
  display: block;
  width: 100%;
  height: 100%;
}

.con19ImgItem {
  width: 9.1rem;
  height: 5.33rem;
}

.con19ImgItem img {
  display: block;
  width: 100%;
  height: 100%;
}

/*  */
.mainConWrap20 {
  padding-top: 5.23rem;
}

.conBox20 {
  width: 22.3rem;
  height: 30.13rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background: url(../images/conBox4Bg.png) no-repeat center;
  background-size: cover;
  padding-top: 2.4rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  position: relative;
}

.con20ListBox li {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  line-height: 1.6rem;
  font-size: 1rem;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-align: justify;
  text-justify: inter-word;
}

.con20ListBox li strong {
  color: #F8DF37;
}

.title20 {
  width: 21.8rem;
  height: 2.2rem;
  background: url(../images/title8Bg.png) no-repeat center;
  background-size: cover;
  margin-left: -3.15rem;
  box-sizing: border-box;
  padding-left: 3.75rem;
  line-height: 2.2rem;
  font-size: 1.06rem;
  font-weight: 600;
  color: #DD662A;
}

.con20Img {
  height: 9.86rem;
  padding-bottom: 1rem;
}

.con20Img img {
  display: block;
  width: 100%;
  height: 100%;
}

.con20ImgItem {
  width: 9.1rem;
  height: 5.33rem;
}

.con20ImgItem img {
  display: block;
  width: 100%;
  height: 100%;
}

/*  */
.mainConWrap21 {
  padding-top: 5.23rem;
}

.conBox21 {
  width: 22.3rem;
  height: 30.13rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background: url(../images/conBox4Bg.png) no-repeat center;
  background-size: cover;
  padding-top: 2.4rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  position: relative;
}

.con21ListBox li {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  line-height: 1.6rem;
  font-size: 1rem;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-align: justify;
  text-justify: inter-word;
}

.con21ListBox li strong {
  color: #F8DF37;
}

.title21 {
  width: 21.8rem;
  height: 2.2rem;
  background: url(../images/title8Bg.png) no-repeat center;
  background-size: cover;
  margin-left: -3.15rem;
  box-sizing: border-box;
  padding-left: 3.75rem;
  line-height: 2.2rem;
  font-size: 1.06rem;
  font-weight: 600;
  color: #DD662A;
}

.con21Img {
  height: 9.86rem;
  padding-bottom: 1rem;
}

.con21Img img {
  display: block;
  width: 100%;
  height: 100%;
}

.con21ImgItem {
  width: 9.1rem;
  height: 5.33rem;
}

.con21ImgItem img {
  display: block;
  width: 100%;
  height: 100%;
}

/*  */
.mainConWrap22 {
  padding-top: 5.23rem;
}

.conBox22 {
  width: 22.3rem;
  height: 30.13rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background: url(../images/conBox4Bg.png) no-repeat center;
  background-size: cover;
  padding-top: 2.4rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  position: relative;
}

.con22ListBox li {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  line-height: 1.6rem;
  font-size: 1rem;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-align: justify;
  text-justify: inter-word;
}

.con22ListBox li strong {
  color: #F8DF37;
}

.title22 {
  width: 21.8rem;
  height: 2.2rem;
  background: url(../images/title8Bg.png) no-repeat center;
  background-size: cover;
  margin-left: -3.15rem;
  box-sizing: border-box;
  padding-left: .75rem;
  line-height: 2.2rem;
  font-size: 1.06rem;
  font-weight: 600;
  color: #DD662A;
}

.con22Img {
  height: 11.03rem;
  padding-top: 1rem;
}

.con22Img img {
  display: block;
  width: 100%;
  height: 100%;
}

.con22ImgItem {
  width: 9.1rem;
  height: 5.33rem;
}

.con22ImgItem img {
  display: block;
  width: 100%;
  height: 100%;
}

/*  */
.mainConWrap23 {
  padding-top: 5.23rem;
}

.conBox23 {
  width: 22.3rem;
  height: 30.13rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background: url(../images/conBox4Bg.png) no-repeat center;
  background-size: cover;
  padding-top: 2.4rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  position: relative;
}

.con23ListBox li {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  line-height: 1.6rem;
  font-size: 1rem;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-align: justify;
  text-justify: inter-word;
}

.con23ListBox li strong {
  color: #F8DF37;
}

.title23 {
  width: 21.8rem;
  height: 2.2rem;
  background: url(../images/title8Bg.png) no-repeat center;
  background-size: cover;
  margin-left: -3.15rem;
  box-sizing: border-box;
  padding-left: .75rem;
  line-height: 2.2rem;
  font-size: 1.06rem;
  font-weight: 600;
  color: #DD662A;
}

.con23Img {
  height: 11.03rem;
}

.con23Img img {
  display: block;
  width: 100%;
  height: 100%;
}

.con23ImgItem {
  width: 9.1rem;
  height: 5.33rem;
}

.con23ImgItem img {
  display: block;
  width: 100%;
  height: 100%;
}

/*  */
.mainConWrap24 {
  padding-top: 5.23rem;
}

.conBox24 {
  width: 22.3rem;
  height: 30.13rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background: url(../images/conBox4Bg.png) no-repeat center;
  background-size: cover;
  padding-top: 2.4rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  position: relative;
}

.con24ListBox li {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  line-height: 1.6rem;
  font-size: 1rem;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-align: justify;
  text-justify: inter-word;
}

.con24ListBox li strong {
  color: #F8DF37;
}

.con24ListBox li:last-of-type {
  border-bottom: 0;
}

.title24 {
  width: 21.8rem;
  height: 2.2rem;
  background: url(../images/title8Bg.png) no-repeat center;
  background-size: cover;
  margin-left: -3.15rem;
  box-sizing: border-box;
  padding-left: 3.75rem;
  line-height: 2.2rem;
  font-size: 1.06rem;
  font-weight: 600;
  color: #DD662A;
}

.con24Img {
  height: 11.03rem;
}

.con24Img img {
  display: block;
  width: 100%;
  height: 100%;
}

.con24ImgItem {
  width: 9.1rem;
  height: 6.2rem;
}

.con24ImgItem img {
  display: block;
  width: 100%;
  height: 100%;
}

/*  */
.conBox25 {
  width: 22.3rem;
  height: 46.53rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background: url(../images/conBox25Bg.png) no-repeat center;
  background-size: cover;
  padding-top: 2rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  position: relative;
}

.mainConWrap25 {
  padding-top: 5.23rem;
}

.title25 {
  width: 21.8rem;
  height: 2.2rem;
  background: url(../images/title8Bg.png) no-repeat center;
  background-size: cover;
  margin-left: -3.15rem;
  box-sizing: border-box;
  padding-left: 3.75rem;
  line-height: 2.2rem;
  font-size: 1.06rem;
  font-weight: 600;
  color: #DD662A;
}

.con25ListBox {
  padding-top: 0;
}

.con25ListBox li {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  line-height: 1.6rem;
  font-size: 1rem;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-align: justify;
  text-justify: inter-word;
}

.con25ListBox.top li:last-of-type {
  /* border-top: 0; */
}

.con25ListBox li strong {
  color: #F8DF37;
}

.con25ImgItem {
  width: 9.1rem;
  height: 5.33rem;
  padding-bottom: 1rem;
}

.con25ImgBox.bot {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.con25ImgItem img {
  display: block;
  width: 100%;
  height: 100%;
}

.con25Img {
  height: 9.86rem;
  padding-top: 1rem;
}

.con25Img img {
  display: block;
  width: 100%;
  height: 100%;
}

.mainConWrap25 {
  background: url(../images/bg7.png) no-repeat top center;
  background-size: cover;
  height: 61.43rem;
  overflow: hidden;
  box-sizing: border-box;
  min-height: 100%;
}

/*  */
.conBox26 {
  width: 22.3rem;
  height: 49.53rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background: url(../images/conBox26Bg.png) no-repeat center;
  background-size: cover;
  padding-top: 2rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  position: relative;
}

.mainConWrap26 {
  padding-top: 5.23rem;
}

.title26 {
  width: 21.8rem;
  height: 2.2rem;
  background: url(../images/title8Bg.png) no-repeat center;
  background-size: cover;
  margin-left: -3.15rem;
  box-sizing: border-box;
  padding-left: 3.75rem;
  line-height: 2.2rem;
  font-size: 1.06rem;
  font-weight: 600;
  color: #DD662A;
}

.con26ListBox {
  padding-top: 0;
}

.con26ListBox li {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  line-height: 1.6rem;
  font-size: 1rem;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-align: justify;
  text-justify: inter-word;
}

.con26ListBox.top li:last-of-type {
  /* border-top: 0; */
}

.con26ListBox li strong {
  color: #F8DF37;
}

.con26ImgItem {
  width: 9.1rem;
  height: 5.33rem;
}

.con26ImgBox {
  padding-top: 1rem;
}

.con26ImgItem img {
  display: block;
  width: 100%;
  height: 100%;
}

.con26Img {
  height: 9.86rem;
  padding-top: 1rem;
}

.con26Img img {
  display: block;
  width: 100%;
  height: 100%;
}

.mainConWrap26 {
  background: url(../images/bg7.png) no-repeat top center;
  background-size: cover;
  height: 61.43rem;
  overflow: hidden;
  box-sizing: border-box;
  min-height: 100%;
}

/*  */
.conBox27 {
  width: 22.3rem;
  height: 78.46rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background: url(../images/conBox27Bg.png) no-repeat center;
  background-size: cover;
  padding-top: 2rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  position: relative;
}

.mainConWrap27 {
  padding-top: 5.23rem;
}

.title27 {
  width: 21.8rem;
  height: 2.2rem;
  background: url(../images/title8Bg.png) no-repeat center;
  background-size: cover;
  margin-left: -3.15rem;
  box-sizing: border-box;
  padding-left: 3.75rem;
  line-height: 2.2rem;
  font-size: 1.06rem;
  font-weight: 600;
  color: #DD662A;
}

.con27ListBox {
  padding-top: 0;
}

.con27ListBox li {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  line-height: 1.6rem;
  font-size: 1rem;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-align: justify;
  text-justify: inter-word;
}

.con27ListBox.top li:last-of-type {
  /* border-top: 0; */
}

.con27ListBox li strong {
  color: #F8DF37;
}

.con27ImgItem {
  width: 9.1rem;
  height: 5.33rem;
}

.con27ImgBox {
  padding-top: 1rem;
}

.con27ImgItem img {
  display: block;
  width: 100%;
  height: 100%;
}

.con27Img {
  height: 9.86rem;
  padding-top: 1rem;
}

.con27Img img {
  display: block;
  width: 100%;
  height: 100%;
}

.mainConWrap27 {
  background: url(../images/bg8.png) no-repeat top center;
  background-size: cover;
  height: 91.03rem;
  overflow: hidden;
  box-sizing: border-box;
  min-height: 100%;
}

/*  */
/*  */
.conBox28 {
  width: 22.3rem;
  height: 35.56rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background: url(../images/conBox18Bg.png) no-repeat center;
  background-size: cover;
  padding-top: 2rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  position: relative;
}

.mainConWrap28 {
  padding-top: 5.23rem;
}

.title28 {
  width: 21.8rem;
  height: 2.2rem;
  background: url(../images/title8Bg.png) no-repeat center;
  background-size: cover;
  margin-left: -3.15rem;
  box-sizing: border-box;
  padding-left: 3.75rem;
  line-height: 2.2rem;
  font-size: 1.06rem;
  font-weight: 600;
  color: #DD662A;
}

.con28ListBox {
  padding-top: 0;
}

.con28ListBox li {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  line-height: 1.6rem;
  font-size: 1rem;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-align: justify;
  text-justify: inter-word;
}

.con28ListBox.top li:last-of-type {
  border-bottom: 0;
}

.con28ListBox li strong {
  color: #F8DF37;
}

.con28ImgItem {
  width: 9.1rem;
  height: 5.33rem;
  padding-bottom: 1rem;
}

.con28ImgBox {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.con28ImgItem img {
  display: block;
  width: 100%;
  height: 100%;
}

.con28Img {
  height: 9.86rem;
  padding-top: 1rem;
}

.con28Img img {
  display: block;
  width: 100%;
  height: 100%;
}

.mainConWrap28 {
  background: url(../images/bg5.png) no-repeat top center;
  background-size: cover;
  height: 49.7rem;
  overflow: hidden;
  box-sizing: border-box;
  min-height: 100%;
}

/*  */
.mainConWrap29 {
  padding-top: 5.23rem;
}

.conBox29 {
  width: 22.3rem;
  height: 30.13rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background: url(../images/conBox4Bg.png) no-repeat center;
  background-size: cover;
  padding-top: 2.4rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  position: relative;
}

.con29ListBox li {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  line-height: 1.6rem;
  font-size: 1rem;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-align: justify;
  text-justify: inter-word;
}

.con29ListBox li strong {
  color: #F8DF37;
}

.title29 {
  width: 21.8rem;
  height: 2.2rem;
  background: url(../images/title8Bg.png) no-repeat center;
  background-size: cover;
  margin-left: -3.15rem;
  box-sizing: border-box;
  padding-left: 3.75rem;
  line-height: 2.2rem;
  font-size: 1.06rem;
  font-weight: 600;
  color: #DD662A;
}

.con29Img {
  height: 11.03rem;
}

.con29Img img {
  display: block;
  width: 100%;
  height: 100%;
}

/*  */
.mainConWrap30 {
  padding-top: 5.23rem;
}

.conBox30 {
  width: 22.3rem;
  height: 30.13rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background: url(../images/conBox4Bg.png) no-repeat center;
  background-size: cover;
  padding-top: 4.33rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  position: relative;
}

.con30ListBox li {
  padding-top: 2.1rem;
  padding-bottom: 1.1rem;
  line-height: 1.6rem;
  font-size: 1rem;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-align: justify;
  text-justify: inter-word;
}

.con30ListBox li strong {
  color: #F8DF37;
}

.con30ListBox li:last-of-type {
  border-bottom: 0;
}

.title30 {
  width: 21.8rem;
  height: 2.2rem;
  background: url(../images/title8Bg.png) no-repeat center;
  background-size: cover;
  margin-left: -3.15rem;
  box-sizing: border-box;
  padding-left: 3.75rem;
  line-height: 2.2rem;
  font-size: 1.06rem;
  font-weight: 600;
  color: #DD662A;
}

.con30Img {
  height: 11.03rem;
}

.con30Img img {
  display: block;
  width: 100%;
  height: 100%;
}

.nextIcon6 {
  width: 1.7rem;
  height: 1.7rem;
  padding-top: 2.2rem;
  -webkit-animation: tipmove 2.5s infinite ease-in-out;
  -moz-animation: tipmove 2.5s infinite ease-in-out;
  -o-animation: tipmove 2.5s infinite ease-in-out;
  animation: tipmove 2.5s infinite ease-in-out;
}

.nextIcon6 img {
  display: block;
  width: 100%;
  height: 100%;
}

/*  */
.banner3 {
  padding-top: 9.6rem;
}

.banner3 img {
  display: block;
  width: 21.16rem;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

/*  */
.conBox32 {
  width: 22.3rem;
  height: 54.16rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background: url(../images/conBox32Bg.png) no-repeat center;
  background-size: contain;
  padding-top: 1.5rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  position: relative;
}

.mainConWrap32 {
  padding-top: 5.23rem;
}

.title32 {
  width: 21.8rem;
  height: 2.2rem;
  background: url(../images/title8Bg.png) no-repeat center;
  background-size: cover;
  margin-left: -3.15rem;
  box-sizing: border-box;
  padding-left: 3.75rem;
  line-height: 2.2rem;
  font-size: 1.06rem;
  font-weight: 600;
  color: #DD662A;
}

.con32ListBox {
  padding-top: 0;
}

.con32ListBox li {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  line-height: 1.6rem;
  font-size: 1rem;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-align: justify;
  text-justify: inter-word;
}

.con32ListBox li strong {
  color: #F8DF37;
}

.con32ImgItem {
  width: 9.1rem;
  height: 5.33rem;
}

.con32ImgItem img {
  display: block;
  width: 100%;
  height: 100%;
}

.con32Img {
  height: 9.86rem;
  padding-top: 1rem;
}

.con32Img img {
  display: block;
  width: 100%;
  height: 100%;
}

.mainConWrap32 {
  background: url(../images/bg9.png) no-repeat top center;
  background-size: cover;
  height: 59.43rem;
  overflow: hidden;
  box-sizing: border-box;
}

.musicBtn {
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  z-index: 10;
}

.music {
  display: block;
  width: 100%;
  height: 100%;
}

.music.rotateOn {
  animation: rotate 2s linear infinite;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg);
  }
}

.subConText {
  width: 100%;
  height: auto;
  top: 32%;
  position: absolute;
  font-size: 3.8vw;
  color: #ffd587;
  line-height: 1.5;
  font-family: "Source Han Serif", serif;
  text-align: center;
  white-space: pre-wrap;
  box-sizing: border-box;
}

.subTopCon {
  width: 80%;
  height: 67%;
  margin-left: 10%;
  margin-right: 10%;
  padding-top: 54vw;
  box-sizing: border-box;
  position: relative;
}

.tips2018 {
  display: block;
  width: 35vw;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.tips2018-time {
  margin-top: 5vw;
  font-size: 4.5vw;
  color: #ffd587;
  line-height: 1.5;
  font-family: serif;
  margin-left: 15%;
  margin-right: 15%;
  text-align: center;
  box-sizing: border-box;
}

.tips2018-text {
  margin-top: 5vw;
  font-size: 4.1vw;
  color: white;
  line-height: 1.5;
  font-family: serif;
  text-align: justify;
}

.subBottomCon {
  display: flex;
  width: 100%;
  height: 30%;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.subWomen {
      margin-top: 3%;
    width: 19vw;
    height: 95%;
    max-height: 100%;
}

.subMan {
      width: 23vw;
    height: 100%;
}

.personConA {
  display: flex;
  width: 100%;
  height: 35%;
  position: absolute;
  box-sizing: border-box;
}

.personConA img {
  position: absolute;
  width: 32vw;
  height: 64vw;
  bottom: 15vw;
  right: 5vw;
}

.personConB {
  display: flex;
  width: 100%;
  height: 37%;
  position: absolute;
  box-sizing: border-box;
}

.personConB img {
  position: absolute;
  width: 34vw;
  height: 64vw;
  bottom: 15vw;
  right: 1vw;
}

.personConB2022 {
  display: flex;
  width: 100%;
  height: 27%;
  position: absolute;
  box-sizing: border-box;
}

.personConB2022 img {
  position: absolute;
  width: 34vw;
  height: 64vw;
  bottom: 15vw;
  right: 1vw;
}

.personConB2024 {
  display: flex;
  width: 100%;
  height: 23%;
  position: absolute;
  box-sizing: border-box;
}

.personConB2024 img {
  position: absolute;
  width: 34vw;
  height: 64vw;
  bottom: 15vw;
  right: 1vw;
}

.personConA2023 {
  display: flex;
  width: 100%;
  height: 24%;
  position: absolute;
  box-sizing: border-box;
}

.personConA2023 img {
  position: absolute;
  width: 32vw;
  height: 64vw;
  bottom: 15vw;
  right: 5vw;
}

.mainContentCon {
  position: absolute;
  width: 90%;
  height: auto;
  margin-left: 5vw;
  margin-right: 5vw;
  top: 19%;
  box-sizing: border-box;
}

.mainContentCon-text {
  color: #ffd587;
  font-size: 4vw;
  width: 54vw;
  margin-top: 5vw;
}

.mainContentCon img {
  display: block;
  width: 34vw;
}

.mainContentCon2021 {
  position: absolute;
  width: 90%;
  height: auto;
  margin-left: 5vw;
  margin-right: 5vw;
  top: 19%;
  box-sizing: border-box;
}

.mainContentCon2021-text {
  color: #ffd587;
  font-size: 1rem;
  width: 12rem;
  margin-top: 1rem;
}

.mainContentCon2021 img {
  display: block;
  width: 7rem;
}

.mainContentCon2022 {
  position: absolute;
  width: 90%;
  height: auto;
  max-height: 78%;
  margin-left: 5vw;
  margin-right: 5vw;
  top: 13%;
  box-sizing: border-box;
}

.mainContentCon2022-text {
  color: #ffd587;
  font-size: 1rem;
  width: 12rem;
  margin-top: 1rem;
}

.mainContentCon2022 img {
  display: block;
  width: 7rem;
}

.itemA {
  margin-top: 4vw;
  width: 54vw;
  box-sizing: border-box;
}

.itemB {
  margin-top: 4vw;
  width: 54vw;
}

.itemC {
  margin-top: 2vw;
  margin-left: 37vw;
  width: 54vw;
}

.item-time {
  font-size: 4vw;
  color: #ffd587;
  line-height: 1.5;
  font-family: serif;
  text-align: left;
}

.item-title {
  margin-top: 0.3rem;
  font-size: 4vw;
  color: white;
  line-height: 1.5;
  font-family: serif;
  text-align: justify;
}

@keyframes blink {

  0%,
  100% {
    background-color: #fff;
  }

  50% {
    background-color: transparent;
  }
}