* {
  padding: 0;
  margin: 0;
  user-select: none;
  -webkit-user-select: none;
}

ul li {
  list-style-type: none;
}

.abs {
  position: absolute;
}

.header {
  height: 2.5rem;
  min-height: 2.5rem;
}

.hover .img,
.hover .text,
.hover .circle {
  z-index: 10;
}

.hover {
  cursor: pointer;
}

.hover:hover .text,
.hover:hover .img,
.hover:hover .yun-img,
.hover:hover .year-text {
  transform: scale(1.05);
}

.img {
  -webkit-touch-callout: none;
}

/* 字体 */
@font-face {
  font-family: SourceHanSerifCN;
  src: url(../font/SourceHanSerifCN-SemiBold.otf);
}

@font-face {
  font-family: SourceHanSansCNLight;
  src: url(../font/SourceHanSerifCN-Light.otf);
}

@font-face {
  font-family: SourceHanSansCNHeavy;
  src: url(../font/SourceHanSerifCN-Heavy.otf);
}

@font-face {
  font-family: SourceHanSansCNM;
  src: url(../font/SourceHanSerifCN-Medium.otf);
}

@font-face {
  font-family: SourceHanSansCNBold;
  src: url(../font/SourceHanSerifCN-Bold.otf);
}

.common-content-shallow-text {
  font-size: 0.24rem;
  max-width: 5rem;
  width: fit-content;
  font-family: SourceHanSansCNM;
  font-weight: 500;
  color: #1764CD;
  line-height: 1.2;
  position: absolute;
  background: linear-gradient(180deg, #F9FBFF 3%, #C9DEFE 100%);
  box-shadow: 0rem 0.02rem 0.06rem 0rem rgba(26, 46, 99, 0.3900);
  /* white-space: nowrap; */
  letter-spacing: 0.02rem;
  box-sizing: border-box;
}

.common-content-deep-text {
  font-size: 0.2rem;
  max-width: 5rem;
  width: fit-content;
  font-family: SourceHanSansCNM;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 1.2;
  position: absolute;
  background: linear-gradient(180deg, #5B86BE 0%, #4372AC 79%);
  box-shadow: 0rem 0.02rem 0.06rem 0rem rgba(26, 46, 99, 0.3900);
  box-sizing: border-box;
}

.common-yun-text {
  font-size: 0.65rem;
  font-family: SourceHanSansCNHeavy;
  font-weight: bold;
  color: #FFFFFF;
  position: absolute;
  line-height: 1;
  box-sizing: border-box;
  white-space: nowrap;
}

.common-no-border-text {
  width: fit-content;
  font-size: 0.29rem;
  font-family: SourceHanSansCNM;
  font-weight: 500;
  color: #1764CD;
  line-height: 1;
  position: absolute;
  /* white-space: nowrap; */
  box-sizing: border-box;
}

.header,
.wrap3840 .mapBox {
  width: 95%;
}

.map {
  width: 100%;
  height: 100%;
}

.logo {
  width: 6.9rem;
  margin-top: 0.5rem;
}

.logo,
.logo img {
  height: 1.45rem !important;
}

.wrap3840 {
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.wrap3840 .mapBox {
  height: 18.64rem;
  min-height: 18.64rem;
  width: 95%;
  background-color: rgb(221, 219, 207);
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
}

.wrap3840 .mapBox::-webkit-scrollbar {
  display: none;
}

.container {
  height: 100%;
  border-radius: 0.2rem;
  display: flex;
  position: relative;
}

.box {
  /* width: 100%; */
  height: 18.64rem;
  display: flex;
  position: absolute;
}

.none {
  display: none;
}

.box .img {
  position: absolute;
  width: auto;
  height: 18.64rem;
  /* vertical-align: middle; */
  display: inherit;
}

.box1 .elements .img {
  width: 100%;
  height: 100%;
}

.elements .title {
  width: 10.29rem;
  height: 2.17rem;
  background: url(../images/title.png) no-repeat;
  background-size: 100% 100%;
  left: 4.36rem;
  top: 4.1rem;
}

.elements .start-text {
  width: 21.87rem;
  height: 7.69rem;
  left: 4.19rem;
  top: 6.83rem;
}

.elements .start-text .top {
  padding: 1.38rem 2.2rem 0 1.1rem;
}

.elements .start-text .top .text {
  font-size: 0.46rem;
  font-family: SourceHanSerifCN;
  font-weight: 600;
  color: #00153F;
  line-height: 1;
}

.elements .start-text .top .text:nth-child(n+1),
.elements .start-text .bottom .text:nth-child(n+1) {
  padding-top: 0.3rem;
}

.elements .start-text .bottom {
  padding: 0.63rem 0 1.45rem 1.1rem;
}

.elements .start-text .bottom .text {
  font-size: 0.43rem;
  font-family: SourceHanSansCNLight;
  font-weight: 300;
  color: #031675;
  line-height: 1;
}

.elements .toContent {
  width: 9.78rem;
  height: 4.92rem;
  left: 26.41rem;
  top: 6.9rem;
  text-align: center;
  box-sizing: border-box;
  animation: toScale infinite 5s;
  -webkit-animation: toScale infinite 5s;
  display: none;
}

.elements .toContent:hover {
  cursor: pointer;
}

.elements .toContent .content {
  width: 2.56rem;
  position: absolute;
  left: 4.16rem;
  top: 1.72rem;
}

.elements .toContent .text {
  font-size: 0.65rem;
  font-family: sourceHanSansNormal;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.85rem;
  white-space: nowrap;
}

.elements .jz {
  width: 5.01rem;
  height: 4.85rem;
  left: 38.25rem;
  top: 6.02rem;
}

.elements .jz .content {
  width: 2.05rem;
  text-align: center;
  text-shadow: 0rem 0.03rem 0.3rem rgba(26, 46, 99, 0.3900);
  left: 1.35rem;
  top: 1.98rem;
}

.elements .jz .content .text {
  font-size: 0.86rem;
  font-family: SourceHanSansCNHeavy;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 0.71rem;
}

.elements .jz .content .zhi-text {
  font-size: 0.55rem;
}

.elements .hrjlhjsyjd .yun {
  width: 3.44rem;
  height: 1.47rem;
  left: 44.27rem;
  top: 9.54rem;
}

.elements .yun .yun-img {
  width: 100%;
  height: 100%;
}

.elements .hrjlhjsyjd .yun .year-text {
  left: 0.34rem;
  top: 0.37rem;
  font-size: 0.5rem;
  white-space: nowrap;
}

.elements .hrjlhjsyjd .text {
  left: 44.63rem;
  top: 10.82rem;
  padding: 0.07rem 0.19rem 0.07rem 0.11rem;
  max-width: 3rem;
}

.elements .hrjlhjsyjd .img {
  width: 9.42rem;
  height: 6.2rem;
  left: 43.13rem;
  top: 11.3rem;
}

.elements .zgkxygbjxxy .yun {
  width: 2.6rem;
  height: 1rem;
  left: 47.77rem;
  top: 8.7rem;
}

.elements .zgkxygbjxxy .yun .year-text {
  left: 0.22rem;
  top: 0.19rem;
  font-size: 0.43rem;
}

.elements .zgkxygbjxxy .text {
  left: 47.8rem;
  top: 9.56rem;
  padding: 0.04rem 0.03rem 0.05rem 0.11rem;
  max-width: 2.5rem;
}

.elements .qmkjhzxy .yun {
  width: 2.6rem;
  height: 0.9rem;
  left: 50.14rem;
  top: 8.45rem;
}

.elements .qmkjhzxy .yun .year-text {
  font-size: 0.43rem;
  left: 0.26rem;
  top: 0.22rem;
}

.elements .qmkjhzxy .text {
  left: 50.4rem;
  top: 9.22rem;
  padding: 0.04rem 0rem 0.05rem 0.15rem;
  max-width: 3rem;
}

.elements .zgkxydx .yun {
  width: 3.48rem;
  height: 1.48rem;
  left: 53.4rem;
  top: 7.41rem;
}

.elements .zgkxydx .year-text {
  left: 0.34rem;
  top: 0.3rem;
  font-size: 0.65rem;
}

.elements .zgkxydx .text {
  left: 53.55rem;
  top: 8.61rem;
  padding: 0.07rem 0.03rem;
  max-width: 3rem;
}

.elements .zgkxydx .img {
  width: 10.78rem;
  height: 5.06rem;
  left: 47.43rem;
  top: 2.26rem;
}

.elements .qxsgckxsyjd .yun {
  width: 3.46rem;
  height: 1.47rem;
  left: 56.6rem;
  top: 9.91rem;
}

.elements .qxsgckxsyjd .yun .year-text {
  font-size: 0.65rem;
  left: 0.46rem;
  top: 0.27rem;
}

.elements .qxsgckxsyjd .text {
  left: 56.93rem;
  top: 11.17rem;
  padding: 0.07rem 0.14rem 0.07rem 0.1rem;
  max-width: 8rem;
}

.elements .qxsgckxsyjd .img {
  width: 9.95rem;
  height: 4.71rem;
  left: 54.06rem;
  top: 12rem;
}

.elements .kjcxcszldw .yun {
  width: 2.8rem;
  height: 1rem;
  left: 60.26rem;
  top: 8.8rem;
}

.elements .kjcxcszldw .year-text {
  left: 0.22rem;
  top: 0.18rem;
  font-size: 0.43rem;
}

.elements .kjcxcszldw .text {
  left: 60.48rem;
  top: 9.57rem;
  padding: 0.04rem 0.13rem;
}

.elements .ldyxjng .yun {
  width: 3.46rem;
  height: 1.47rem;
  left: 62.73rem;
  top: 6.9rem;
}

.elements .ldyxjng .year-text {
  font-size: 0.65rem;
  left: 0.36rem;
  top: 0.32rem;
}

.elements .ldyxjng .text {
  left: 63rem;
  top: 7.9rem;
  padding: 0.06rem 0.17rem 0.08rem 0.16rem;
  max-width: 7rem;
}

.elements .ldyxjng .img {
  width: 10.48rem;
  height: 4.82rem;
  left: 59.77rem;
  top: 2.82rem;
}

.elements .gh135 .yun {
  width: 3.46rem;
  height: 1.47rem;
  left: 67.08rem;
  top: 9.4rem;

}

.elements .gh135 .year-text {
  left: 0.29rem;
  top: 0.29rem;
  font-size: 0.65rem;
}

.elements .gh135 .text {
  left: 67.42rem;
  top: 10.51rem;
  padding: 0.08rem 0.19rem 0.06rem 0.18rem;
  max-width: 5rem;
}

.elements .gh135 .img {
  width: 5.04rem;
  height: 5.51rem;
  left: 66.05rem;
  top: 11.65rem;
}

.box2 {
  /* margin-left: -0.07rem; */
}

.box3,
.box4 {
  /* margin-left: -0.1rem; */
  margin-top: -0.2rem;
}


.box5,
.box6,
.box7,
.box8,
.box9,
.box10 {
  margin-top: -0.15rem !important;
  /* margin-left: -0.13rem; */
}

/* 2017-2018 */
.elements .jz-2 {
  top: 5.99rem;
  left: 71.34rem;
  top: 6.25rem;
  left: 73.67rem;
}

.elements .jz-2 .content,
.elements .jz-3 .content {
  left: 1.33rem;
  top: 2.34rem;
}

.elements .jz-3 {
  left: 123.64rem;
  top: 6.33rem;
}


.elements .kjjxwxxl .img {
  width: 8.17rem;
  height: 4.15rem;
  left: 80.2rem;
  top: 2.64rem;
}

.elements .kjjxwxxl .text {
  left: 82.13rem;
  top: 7.73rem;
  max-width: 7rem;
}

.elements .cljyzyjpt .img {
  width: 9.62rem;
  height: 2.51rem;
  left: 76.66rem;
  top: 12.58rem;
}

.elements .cljyzyjpt .text {
  left: 79.51rem;
  top: 16.04rem;
}

.elements .xjgyhsyfycspt .img {
  width: 8.65rem;
  height: 4.41rem;
  left: 90.79rem;
  top: 2.57rem;
}

.elements .xjgyhsyfycspt .text {
  left: 92.73rem;
  top: 7.73rem;
  ;
}

.elements .xjzyhcljszhsypt .img {
  width: 7.85rem;
  height: 4.42rem;
  left: 87.06rem;
  top: 10.83rem;
}

.elements .xjzyhcljszhsypt .text {
  left: 88rem;
  top: 16.06rem;
}

.elements .qjnyclcszdyyfpt .img {
  width: 8.41rem;
  height: 2.5rem;
  left: 95.7rem;
  top: 12.38rem;
}

.elements .qjnyclcszdyyfpt .text {
  left: 97.75rem;
  top: 16.07rem;
}

.elements .yun-img-455-147 {
  width: 4.8rem;
  height: 1.47rem;
}

.elements .yun-img-344-147 {
  width: 3.44rem;
  height: 1.47rem;
}

.elements .yun-img-212-90 {
  width: 2.12rem;
  height: 0.9rem;
}

.elements .yun-img-348-148 {
  width: 3.48rem;
  height: 1.48rem;
}

.elements .yun-img-310-100 {
  width: 4rem;
  height: 1rem;
}

.elements .yun-img-346-147 {
  width: 3.46rem;
  height: 1.47rem;
}

.elements .yun-img-306-99 {
  width: 4.2rem;
  height: 0.99rem;
}

.elements .wdjcyjptkgjs .yun {
  left: 88.05rem;
  top: 8.49rem;
}

.elements .wdjcyjptkgjs .yun .year-text {
  left: 0.42rem;
  top: 0.35rem;
}

.elements .wdjcyjptkgjs .text {
  left: 88.4rem;
  top: 9.8rem;
  padding: 0.08rem 0.12rem 0.08rem 0.11rem;
  max-width: inherit;
}

.elements .zgtwe .yun {
  left: 102.91rem;
  top: 7.79rem;
}

.elements .zgtwe .yun .year-text {
  left: 0.53rem;
  top: 0.29rem;
}

.elements .zgtwe .text {
  left: 103.43rem;
  top: 9.04rem;
  padding: 0.09rem 0.11rem 0.08rem 0.14rem;
}

.elements .zgtwe .img {
  width: 6.87rem;
  height: 4.46rem;
  left: 101.71rem;
  top: 2.5rem;
}

.elements .sygjzhxkxzx .yun {
  left: 109.05rem;
  top: 9.6rem;
}

.elements .sygjzhxkxzx .year-text {
  left: 0.49rem;
  top: 0.32rem;
}

.elements .sygjzhxkxzx .text {
  padding: 0.08rem 0.14rem;
  left: 109.54rem;
  top: 10.72rem;
  max-width: 7rem;
}

.elements .sygjzhxkxzx .img {
  width: 9.17rem;
  height: 4.08rem;
  left: 106.74rem;
  top: 12.26rem;
}

.elements .zhjdtjsyzz .yun {
  left: 115.11rem;
  top: 8.23rem;
}

.elements .zhjdtjsyzz .year-text {
  left: 0.48rem;
  top: 0.3rem;
}

.elements .zhjdtjsyzz .text {
  left: 115.8rem;
  top: 9.55rem;
  padding: 0.09rem 0.23rem 0.07rem 0.2rem;
}

.elements .zhjdtjsyzz .img {
  width: 7.84rem;
  height: 5.13rem;
  left: 113.25rem;
  top: 2.17rem;
}

.elements .hrkxckxwyh .yun {
  left: 130.68rem;
  top: 9.62rem;
}

.elements .hrkxckxwyh .text {
  padding: 0.09rem 0.23rem 0.07rem 0.2rem;
  left: 129.7rem;
  top: 11rem;
  max-width: 7.5rem;
}

.elements .hrkxckxwyh .year-text,
.elements .dqmnsyq .year-text {
  left: 0.46rem;
  top: 0.36rem;
}

.elements .hrkxckxwyh .img {
  width: 9.8rem;
  height: 4.47rem;
  left: 128.4rem;
  top: 11.94rem;
}

.elements .dqmnsyq .yun {
  left: 137.73rem;
  top: 8.89rem;
}

.elements .dqmnsyq .text {
  left: 138.21rem;
  top: 10.15rem;
  padding: 0.09rem 0.24rem 0.07rem 0.19rem;
}

.elements .dqmnsyq .img {
  width: 9.15rem;
  height: 5.78rem;
  left: 135.31rem;
  top: 2.43rem;
}

.elements .yun-img-355-155 {
  width: 4.3rem;
  height: 1.55rem;
}

.elements .slddyhrkxc .yun {
  left: 144.46rem;
  top: 9.45rem;
}

.elements .slddyhrkxc .year-text {
  left: 0.42rem;
  top: 0.32rem;
  font-size: 0.43rem;
  font-family: SourceHanSansCNBold;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.57rem;
}

.elements .slddyhrkxc .text {
  left: 144.82rem;
  top: 10.45rem;
  padding: 0.06rem 0.11rem 0.06rem 0.12rem;
  max-width: inherit;
}

/* 2019-2022 */
.elements .jz-4 {
  left: 150.76rem;
  top: 6.09rem;
}


.hlwymxt .yun {
  left: 158.57rem;
  top: 9.63rem;
}

.hlwymxt .yun .year-text {
  left: 0.42rem;
  top: 0.35rem;
}

.hlwymxt .text {
  left: 158.92rem;
  top: 10.96rem;
  padding: 0.11rem 0.22rem 0.1rem 0.15rem;
  max-width: 9rem;
}

.hlwymxt .img {
  width: 8.17rem;
  height: 4.32rem;
  left: 157.62rem;
  top: 12.68rem;
}

.myx .yun {
  left: 165.57rem;
  top: 7.41rem;
}

.myx .yun .year-text {
  left: 0.42rem;
  top: 0.35rem;
}

.myx .text {
  left: 166rem;
  top: 8.68rem;
  padding: 0.09rem 0.21rem 0.08rem 0.2rem;
  max-width: inherit;
}

.myx .img {
  width: 11.01rem;
  height: 4.58rem;
  left: 162.37rem;
  top: 2.69rem;
}

.cxxz .yun {
  left: 172.64rem;
  top: 10rem;
}

.cxxz .yun .year-text {
  left: 0.53rem;
  top: 0.29rem;
}

.cxxz .text {
  left: 173.13rem;
  top: 11.2rem;
  padding: 0.09rem 0.21rem 0.08rem 0.18rem;
}

.cxxz .img {
  width: 6.12rem;
  height: 5.48rem;
  left: 170.16rem;
  top: 11.53rem;
}

.lgkxzz .yun {
  left: 178.12rem;
  top: 8.15rem;
}

.lgkxzz .yun .year-text {
  left: 0.53rem;
  top: 0.29rem;
}

.lgkxzz .text {
  left: 178.64rem;
  top: 9.33rem;
  padding: 0.09rem 0.19rem 0.08rem 0.15rem;
}

.lgkxzz .gntbfsgy {
  width: 5.92rem;
  height: 4.47rem;
  left: 174.66rem;
  top: 3.01rem;
}

.lgkxzz .gntbfsgy-text {
  left: 174.64rem;
  top: 7.33rem;
}

.lgkxzz .swyxcx {
  width: 5.20rem;
  height: 3.42rem;
  left: 180.42rem;
  top: 3.54rem;
}

.lgkxzz .swyxcx-text {
  left: 180rem;
  top: 7.31rem;
}

.kjhjdjzhjcwkgjs .yun {
  left: 185.62rem;
  top: 8.95rem;
}

.kjhjdjzhjcwkgjs .yun .year-text {
  left: 0.49rem;
  top: 0.34rem;
}

.kjhjdjzhjcwkgjs .text {
  padding: 0.09rem 0.18rem 0.08rem 0.17rem;
  left: 185.98rem;
  top: 10.25rem;
}

.kjhjdjzhjcwkgjs .img {
  width: 10.16rem;
  height: 5.15rem;
  left: 180.38rem;
  top: 11.58rem;
}

.gjzhxkxzx .yun {
  left: 191.21rem;
  top: 8.38rem;
}

.gjzhxkxzx .yun .year-text {
  left: 0.39rem;
  top: 0.37rem;
}

.gjzhxkxzx .text {
  padding: 0.11rem 0.22rem 0.12rem 0.21rem;
  left: 191.57rem;
  top: 9.74rem;
}

.gjzhxkxzx .img {
  width: 9.76rem;
  height: 5.2rem;
  left: 188.32rem;
  top: 2.37rem;
}

.allday-project .yun {
  left: 196.64rem;
  top: 8.36rem;
}

.allday-project .year-text {
  left: 0.28rem;
  top: 0.24rem;
  font-size: 0.43rem;
  font-family: SourceHanSansCNBold;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.57rem;
}

.allday-project .img {
  position: absolute;
  left: 196.84rem;
  top: 9.3rem;
  width: 2.5rem;
  height: auto;
}

.ydyl .yun {
  left: 199.29rem;
  top: 9.51rem;
}

.ydyl .year-text {
  left: 0.33rem;
  top: 0.33rem;
}

.ydyl .text {
  left: 199.62rem;
  top: 10.67rem;
  padding: 0.1rem 0.16rem 0.07rem 0.16rem;
  max-width: 7rem;
}

.ydyl .img {
  width: 7.7rem;
  height: 5.08rem;
  left: 197.6rem;
  top: 11.9rem;
}

.elements .jz-5 {
  top: 5.71rem;
  left: 206.93rem;
}

.elements .yqfg .yun {
  left: 213.45rem;
  top: 9.94rem;
}

.elements .yqfg .year-text {
  /* left: 223.85rem;
  top: 10.74rem; */
  left: 0.22rem;
  top: 0.22rem;
  padding: 0.05rem 0.08rem 0.04rem 0.08rem;
  font-size: 0.43rem;
  font-family: SourceHanSansCNBold;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.34rem;
}

.yqfg .text {
  left: 213.6rem;
  top: 10.7rem;
  padding: 0.05rem 0.08rem 0.04rem 0.08rem;
  max-width: 3rem;
}

.elements .nrztp .yun {


  left: 216.46rem;
  top: 8.02rem;

}

.nrztp .year-text {
  left: 0.42rem;
  top: 0.35rem;
}

.elements .nrztp .text {
  left: 216.87rem;
  top: 9.25rem;
  padding: 0.1rem 0.16rem 0.07rem 0.15rem;
  max-width: 4.3rem;
}

.elements .nrztp .img {
  width: 10.89rem;
  height: 4.24rem;
  left: 215.04rem;
  top: 2.92rem;
}

.elements .kjtwyyyyf .yun {
  left: 221.39rem;
  top: 9.33rem;
}

.elements .kjtwyyyyf .year-text {
  left: 0.42rem;
  top: 0.35rem;
}

.elements .kjtwyyyyf .text {
  left: 221.77rem;
  top: 10.6rem;
  padding: 0.09rem 0.2rem 0.08rem 0.19rem;
  max-width: 4rem;
}

.elements .kjtwyyyyf .img {
  width: 11.44rem;
  height: 4.51rem;
  left: 217.2rem;
  top: 12.6rem;
}

.kjhjjdzhjcfd .yun {
  left: 225.96rem;
  top: 9.37rem;
}

.kjhjjdzhjcfd .year-text {
  left: 0.42rem;
  top: 0.35rem;
  font-size: 0.43rem;
  font-family: SourceHanSansCNBold;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.34rem;
}

.kjhjjdzhjcfd .text {
  left: 226.18rem;
  top: 10.26rem;
  padding: 0.04rem 0.13rem 0.05rem 0.13rem;
  max-width: 3rem;
}

.cyhm .yun {
  left: 229.19rem;
  top: 8.76rem;
}

.cyhm .yun .year-text {
  left: 0.21rem;
  top: 0.2rem;
  font-size: 0.43rem;
  font-family: SourceHanSansCNBold;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.34rem;
}

.cyhm .text {
  left: 229.47rem;
  top: 9.52rem;
  padding: 0.05rem 0.1rem 0.05rem 0.09rem;
  max-width: 3.8rem;
}

.ysjsxcl .yun {
  left: 233.07rem;
  top: 7.53rem;
}

.ysjsxcl .yun .year-text {
  left: 0.42rem;
  top: 0.35rem;
}

.ysjsxcl .text {
  left: 233.53rem;
  top: 8.82rem;
  padding: 0.09rem 0.21rem 0.08rem 0.16rem;
  max-width: 3.8rem;
}

.ysjsxcl .img {
  width: 9.43rem;
  height: 4.89rem;
  left: 229.39rem;
  top: 2.67rem;
}

.hrkxcgzz .yun {
  left: 237.51rem;
  top: 9.66rem;
}

.hrkxcgzz .year-text {
  left: 0.42rem;
  top: 0.35rem;
}

.hrkxcgzz .text {
  left: 237.93rem;
  top: 10.95rem;
  padding: 0.09rem 0.2rem 0.08rem 0.18rem;
  max-width: initial;
}

.hrkxcgzz .img {
  width: 8.58rem;
  height: 4.53rem;
  left: 233.85rem;
  top: 12.14rem;
}

.bjyxhyysxyjs .yun {
  left: 243.92rem;
  top: 7.8rem;
}

.bjyxhyysxyjs .yun .year-text {
  left: 0.42rem;
  top: 0.35rem;
}

.bjyxhyysxyjs .text {
  left: 244.31rem;
  top: 9rem;
  padding: 0.09rem 0.18rem 0.08rem 0.16rem;
}

.bjyxhyysxyjs .img {
  width: 8.48rem;
  height: 5.7rem;
  left: 241.85rem;
  top: 1.73rem;
}

.hrzhxgjkxzx .yun {
  left: 250.2rem;
  top: 9rem;
}

.hrzhxgjkxzx .year-text {
  left: 0.42rem;
  top: 0.35rem;
}

.hrzhxgjkxzx .text {
  left: 250.63rem;
  top: 10.1rem;
  padding: 0.09rem 0.18rem 0.08rem 0.15rem;
}

.hrzhxgjkxzx .img {
  left: 246.06rem;
  top: 12.3rem;
  width: 12.37rem;
  height: 4.76rem;
}

.hrkxcwzzhgc .yun {
  left: 256.54rem;
  top: 8.13rem;
}

.hrkxcwzzhgc .year-text {
  left: 0.42rem;
  top: 0.35rem;
}

.hrkxcwzzhgc .text {
  left: 256.9rem;
  top: 9.43rem;
  padding: 0.11rem 0.18rem 0.11rem 0.16rem;
}

.hrkxcwzzhgc .img {
  width: 10.04rem;
  height: 5.2rem;
  left: 254.41rem;
  top: 2.51rem;
}

.zgkxywlyjs .yun {
  left: 264.16rem;
  top: 9.31rem;
}

.zgkxywlyjs .year-text {
  left: 0.39rem;
  top: 0.35rem;
}

.zgkxywlyjs .img {
  width: 6.67rem;
  height: 4.41rem;
  left: 262.97rem;
  top: 12.2rem;
}

.zgkxywlyjs .text {
  left: 264.56rem;
  top: 10.56rem;
  padding: 0.1rem 0.19rem 0.07rem 0.17rem;
  max-width: 6rem;
}

.qhgyy .yun {
  left: 271rem;
  top: 7.73rem;
}

.qhgyy .year-text {
  left: 0.39rem;
  top: 0.35rem;
}

.qhgyy .text {
  left: 271.4rem;
  top: 8.98rem;
  padding: 0.1rem 0.19rem 0.07rem 0.18rem;
}

.qhgyy .img {
  width: 13.5rem;
  height: 3.62rem;
  left: 267rem;
  top: 3.12rem;
}

.hryh .yun {
  left: 278.11rem;
  top: 8.36rem;
}

.hryh .year-text {
  left: 0.39rem;
  top: 0.35rem;
}

.hryh .text {
  left: 278.46rem;
  top: 9.57rem;
  padding: 0.09rem 0.16rem 0.08rem 0.15rem;
}

.hryh .img {
  width: 9.57rem;
  height: 5.55rem;
  left: 275.26rem;
  top: 11.18rem;
}

.elements .jz-6 {
  left: 285.88rem;
  top: 6.14rem;
}

.elements .content .text {
  left: 1.31rem;
  top: 2.34rem;
}

.hrkxcnsnys .yun {
  left: 294.08rem;
  top: 7.32rem;
}

.hrkxcnsnys .year-text {
  left: 0.59rem;
  top: 0.35rem;
}

.hrkxcnsnys .text {
  left: 0.59rem;
  top: 0.35rem;
}

.hrkxcnsnys .text {
  left: 294.66rem;
  top: 8.6rem;
  padding: 0.09rem 0.2rem 0.08rem 0.15rem;
}

.hrkxcnsnys .img {
  width: 10.37rem;
  height: 3.43rem;
  left: 292.62rem;
  top: 3.15rem;
}

.gy .yun {
  left: 300.3rem;
  top: 8.22rem;
}

.gy .year-text {
  left: 0.32rem;
  top: 0.28rem;
  font-size: 0.43rem;
  font-family: SourceHanSansCNBold;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.34rem;
}

.gy .text {
  left: 300.5rem;
  top: 9.07rem;
  padding: 0.05rem 0.14rem 0.04rem 0.08rem;
  max-width: inherit;
}

.hrkxccskt .yun {
  left: 301.64rem;
  top: 9.73rem;
}

.hrkxccskt .year-text {
  left: 0.59rem;
  top: 0.35rem;
}

.hrkxccskt .text {
  left: 302.21rem;
  top: 11.01rem;
  padding: 0.09rem 0.18rem 0.08rem 0.17rem;
}

.hrkxccskt .img {
  width: 14.54rem;
  height: 4.11rem;
  left: 293.56rem;
  top: 12.58rem;
}

.zhjdtjsyzz-t .yun {
  left: 306.17rem;
  top: 7.49rem;
}

.zhjdtjsyzz-t .year-text {
  left: 0.4rem;
  top: 0.3rem;
  padding: 0.09rem 0.15rem 0.08rem 0.17rem;
}

.zhjdtjsyzz-t .text {
  left: 306.7rem;
  top: 8.75rem;
  padding: 0.09rem 0.15rem 0.08rem 0.17rem;
  max-width: 3.8rem;
}

.zhjdtjsyzz-t .img {
  width: 9.39rem;
  height: 5.04rem;
  left: 305.33rem;
  top: 2.06rem;
}

.dqmnsys .yun {
  left: 310.52rem;
  top: 9.79rem;
}

.dqmnsys .year-text {
  left: 0.39rem;
  top: 0.36rem;
}

.dqmnsys .text {
  left: 310.93rem;
  top: 11.04rem;
  padding: 0.09rem 0.18rem 0.08rem 0.17rem;
  max-width: 6rem;
}

.dqmnsys .img {
  width: 9.53rem;
  height: 3.51rem;
  left: 309.99rem;
  top: 12.46rem;
}

.gjwyjlhgc .yun {
  left: 317.2rem;
  top: 7.91rem;
}

.gjwyjlhgc .year-text {
  left: 0.39rem;
  top: 0.35rem;
}

.gjwyjlhgc .text {
  left: 317.59rem;
  top: 9.15rem;
  padding: 0.09rem 0.25rem 0.08rem 0.18rem;
  max-width: fit-content;
}

.gjwyjlhgc .img {
  left: 315.78rem;
  top: 2.19rem;
  width: 9.34rem;
  height: 6.71rem;
}

.elements .jz-7 {
  left: 325.78rem;
  top: 5.45rem;
}

.yxxz .yun {
  left: 333.45rem;
  top: 9.59rem;
}

.yxxz .year-text {
  left: 0.59rem;
  top: 0.35rem;
}

.yxxz .text {
  left: 334.13rem;
  top: 10.84rem;
  padding: 0.1rem 0.16rem 0.07rem 0.16rem;
  max-width: inherit;
}

.yxxz .img {
  width: 9.81rem;
  height: 5.01rem;
  left: 331.57rem;
  top: 11.82rem;
}

.zgkxydyyhrshhz .yun {
  left: 339.44rem;
  top: 7.82rem;
}

.zgkxydyyhrshhz .year-text {
  left: 0.59rem;
  top: 0.35rem;
}

.zgkxydyyhrshhz .text {
  left: 340.04rem;
  top: 9.09rem;
  padding: 0.09rem 0.2rem 0.08rem 0.19rem;
}

.zgkxydyyhrshhz .img {
  width: 7.31rem;
  height: 4.74rem;
  left: 336.78rem;
  top: 2.67rem;
}

.chhn .yun {
  left: 346.53rem;
  top: 9.8rem;
}

.chhn .year-text {
  left: 0.59rem;
  top: 0.35rem;
}

.chhn .text {
  left: 347.08rem;
  top: 11.1rem;
  padding: 0.09rem 0.06rem 0.08rem 0.21rem;
  max-width: 7rem;
}

.chhn .img {
  width: 8.61rem;
  height: 5.73rem;
  left: 343.11rem;
  top: 11.01rem;
}

.dqdx .yun {
  left: 353.54rem;
  top: 8rem;
}

.dqdx .year-text {
  left: 0.59rem;
  top: 0.35rem;
}

.dqdx .text {
  left: 353.97rem;
  top: 9.27rem;
  padding: 0.09rem 0.12rem 0.08rem 0.16rem;
  max-width: inherit;
}

.dqdx .img {
  width: 11.44rem;
  height: 5.62rem;
  left: 349.54rem;
  top: 2rem;
}

.bottom-text {
  width: 19.71rem;
  height: 9.41rem;
  position: absolute;
  top: 4.75rem;
  left: 367.76rem;
}

.bottom-text .img {
  width: 100%;
  height: 100%;
}

/* 图片加载进度遮罩 */
.progress {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
}

.progress h3 {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 1.5rem;
  color: #fff;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  white-space: nowrap;
}

.progress h5 {
  position: absolute;
  left: 80%;
  top: 60%;
  transform: translate(-60%, -60%);
  -webkit-transform: translate(-60%, -60%);
  -moz-transform: translate(-60%, -60%);
  -ms-transform: translate(-60%, -60%);
  -o-transform: translate(-60%, -60%);
  font-size: 0.8rem;
  color: #fff;
  white-space: nowrap;
}

@keyframes toScale {
  0% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
  }

  50% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
  }

  100% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
  }
}

.isMobile {
  width: 100vh;
  height: 100vw;
  transform-origin: 50vw 50vw;
  transform: rotate(90deg);
}

/* 按钮列表 */
.btns {
  position: absolute;
  left: 12.415rem;
  bottom: 0;
  display: flex;
  transform: translateZ(9px);
  -webkit-transform: translateZ(9px);
  -moz-transform: translateZ(9px);
  -ms-transform: translateZ(9px);
  -o-transform: translateZ(9px);
}

.btns .img:hover {
  cursor: pointer;
  transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
}

.btns .img {
  width: 1.42rem;
  height: 1.35rem;
  margin-right: 0.64rem;
}

/* 气泡 */
.tips {
  position: absolute;
  background: url(../images/tip.png) no-repeat;
  width: 4.62rem;
  height: 2.08rem;
  background-size: 100% 100%;
  left: 44.19rem;
  top: 2.96rem;
  z-index: 10;
  display: block;
  animation: shows ease-in-out 3s infinite;
  -webkit-animation: shows ease-in-out 3s infinite;
}

@keyframes shows {
  0% {
    opacity: .2;
  }

  50% {
    opacity: 1;
  }

  75% {
    opacity: .65;
  }

  100% {
    opacity: .3;
  }
}