.world-bg {
  /* padding-bottom: 134%; */
  /* background: url(../img/h_02.png) no-repeat; */
  top: 100px;
  position: relative;
  /* transform: scale(0.729);
  transform-origin: 0 0; */
  max-width: 1400px;
  min-width: 1400px;
  width:100% ;
  height: 1887px;
  /* background-size: 100% 100%; */
  /* background-size: cover; */
  /* -webkit-background-size: cover; */
  /* -o-background-size: cover; */
  /* background-color: aqua; */
}
#img_h {
  width: 100%;;
  max-width: 1400px;
  height: 1887px;
  min-width: 1350px;
}
.img_hc {
  /* margin:-137% 0 0 0; */
  /* width: 100%; */
  width: 100%;
  max-width: 1400px;
  min-width: 1350px;
  height: 1887px;

  position: absolute;
  z-index: 101;
  top: 0;
  left: 50px;
  /* background-color: aquamarine; */
}


.container {
  font-size: 16px;
  position: relative;
  z-index: 100;
  /* background-color: white; */
  top: -1930px;
  height: 1887px;

}

.world-bg .container p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}

.world-bg .container .w1986 {
  position: absolute;
  margin-top: 8.2%;
  margin-left: 14%;
  transform: rotate(-4deg);
  width: 14%;
}

.world-bg .container .w1993 {
  position: absolute;
  margin-top: 18%;
  margin-left: 34%;
  transform: rotate(-2deg);
  width: 11%;
}
.world-bg .container .w1993_CN {
  position: absolute;
  margin-top: 17%;
  margin-left: 34%;
  transform: rotate(-2deg);
  width: 11%;
}
.world-bg .container .w1995 {
  position: absolute;
  margin-top: 7%;
  margin-left: 51%;
  transform: rotate(5deg);
  width: 10%;
}
.world-bg .container .w1995_CN {
  position: absolute;
  margin-top: 7%;
  margin-left: 52%;
  transform: rotate(5deg);
  width: 10%;
}
.world-bg .container .w1997 {
  position: absolute;
  margin-top: 18%;
  margin-left: 69%;
  transform: rotate(4deg);
  width: 12%;
}
.world-bg .container .w1997_CN {
  position: absolute;
  margin-top: 17.2%;
  margin-left: 69%;
  transform: rotate(4deg);
  width: 12%;
}

.firstLine-year {
  position: absolute;
  padding-left: 19.4%;
  padding-top: 13.5%;
  width: 100%;
  color: red;
}

.firstLine-year p {
  display: inline;
}

.firstLine-year p:nth-child(2) {
  padding-left: 19%;
}

.firstLine-year p:nth-child(3) {
  padding-left: 15.8%;
}

.firstLine-year p:nth-child(4) {
  padding-left: 18%;
}


.world-bg .container .w2002 {
  position: absolute;
  margin-top: 27%;
  margin-left: 72%;
  transform: rotate(-8deg);
  width: 9%;
}

.world-bg .container .w2004 {
  position: absolute;
  margin-top: 36%;
  margin-left: 54.5%;
  transform: rotate(4deg);
  width: 12%;
}

.world-bg .container .w2010 {
  position: absolute;
  margin-top: 22.8%;
  margin-left: 38.5%;
  transform: rotate(4deg);
  width: 12%;
}

.world-bg .container .w2010-2 {
  position: absolute;
  margin-top: 25.8%;
  margin-left: 38%;
  transform: rotate(4deg);
  width: 12%;
}

.world-bg .container .w2012 {
  position: absolute;
  margin-top: 36%;
  margin-left: 22.5%;
  transform: rotate(-4deg);
  width: 10%;
}
.world-bg .container .w2012_CN {
  position: absolute;
  margin-top: 36%;
  margin-left: 23%;
  transform: rotate(-4deg);
  width: 8%;
}
.secondLine-year {
  position: absolute;
  padding-left: 26%;
  padding-top: 32.5%;
  width: 100%;
  color: red;
}

.secondLine-year p {
  display: inline;
  color: red;
}

.secondLine-year p:nth-child(2) {
  padding-left: 18%;
}

.secondLine-year p:nth-child(3) {
  padding-left: 16.8%;
}

.secondLine-year p:nth-child(4) {
  padding-left: 17%;
}

.world-bg .container .w2013-1 {
  position: absolute;
  margin-top: 56%;
  margin-left: 11.6%;
  transform: rotate(10deg);
  width: 13.5%;
}
.world-bg .container .w2013-1_CN {
  position: absolute;
  margin-top: 56%;
  margin-left: 11.6%;
  transform: rotate(10deg);
  width: 13%;
}
.world-bg .container .w2013-2 {
  position: absolute;
  margin-top: 60%;
  margin-left: 11.6%;
  transform: rotate(10deg);
  width: 12%;
}

.world-bg .container .w2013-3 {
  position: absolute;
  margin-top: 64%;
  margin-left: 10.2%;
  transform: rotate(10deg);
  width: 13%;
}

.world-bg .container .w2013-4 {
  position: absolute;
  margin-top: 69%;
  margin-left: 10.6%;
  transform: rotate(10deg);
  width: 12%;
}

.world-bg .container .w2013-5 {
  position: absolute;
  margin-top: 72%;
  margin-left: 9.6%;
  transform: rotate(10deg);
  width: 12%;
}

.world-bg .container .w2014 {
  position: absolute;
  margin-top: 43%;
  margin-left: 38.3%;
  transform: rotate(5deg);
  width: 10.5%;
}

.world-bg .container .w2014_CN {
  position: absolute;
  margin-top: 43.5%;
  margin-left: 40%;
  transform: rotate(5deg);
  width: 8%;
}
.world-bg .container .w2015 {
  position: absolute;
  margin-top: 57.5%;
  margin-left: 60.2%;
  transform: rotate(2deg);
  width: 15%;
}
.world-bg .container .w2015_CN {
  position: absolute;
  margin-top: 59%;
  margin-left: 60.2%;
  transform: rotate(2deg);
  width: 15%;
}
.world-bg .container .w2016 {
  position: absolute;
  margin-top: 42.4%;
  margin-left: 72.6%;
  transform: rotate(-8deg);
  width: 14%;
}

.world-bg .container .w2016_CN {
  position: absolute;
  margin-top: 43%;
  margin-left: 72.6%;
  transform: rotate(-8deg);
  width: 14%;
}

.thirdLine-year {
  position: absolute;
  padding-left: 23.3%;
  padding-top: 51.2%;
  width: 100%;
  color: red;
}

.thirdLine-year p {
  display: inline;
}

.thirdLine-year p:nth-child(2) {
  padding-left: 18%;
}

.thirdLine-year p:nth-child(3) {
  padding-left: 29%;
}

.thirdLine-year p:nth-child(4) {
  padding-left: 11%;
}


.world-bg .container .w2017-1 {
  position: absolute;
  margin-top: 75%;
  margin-left: 80%;
  transform: rotate(-8deg);
  width: 10%;
}

.world-bg .container .w2017-2 {
  position: absolute;
  margin-top: 78%;
  margin-left: 79.6%;
  transform: rotate(-8deg);
  width: 12%;
}

.world-bg .container .w2017-3 {
  position: absolute;
  margin-top: 84.8%;
  margin-left: 78%;
  transform: rotate(-8deg);
  width: 16%;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
}

.world-bg .container .w2017-4 {
  position: absolute;
  margin-top: 92.2%;
  margin-left: 80%;
  transform: rotate(-8deg);
  width: 14%;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
}

.world-bg .container .w2017-5 {
  position: absolute;
  margin-top: 97.8%;
  margin-left: 81%;
  transform: rotate(-8deg);
  width: 14%;
}

.world-bg .container .w2018 {
  position: absolute;
  margin-top: 77.7%;
  margin-left: 59.5%;
  transform: rotate(-1deg);
  width: 15%;
}

.world-bg .container .w2019-top-1 {
  position: absolute;
  margin-top: 57.5%;
  margin-left: 44%;
  transform: rotate(-5deg);
  width: 13%;
}

.world-bg .container .w2019-top-2 {
  position: absolute;
  margin-top: 63%;
  margin-left: 43.8%;
  transform: rotate(-5deg);
  width: 15%;
}

.world-bg .container .w2019-bottom-1 {
  position: absolute;
  margin-top: 78%;
  margin-left: 44%;
  transform: rotate(5deg);
  width: 13.5%;
}

.world-bg .container .w2019-bottom-2 {
  position: absolute;
  margin-top: 85.5%;
  margin-left: 43%;
  transform: rotate(5deg);
  width: 14%;
}

.world-bg .container .w2020-1 {
  position: absolute;
  margin-top: 80%;
  margin-left: 25%;
  transform: rotate(-6deg);
  width: 14%;
}

.world-bg .container .w2020-2 {
  position: absolute;
  margin-top: 86.5%;
  margin-left: 25%;
  transform: rotate(-6deg);
  width: 17%;
}


.fourthLine-year {
  position: absolute;
  padding-left: 30.4%;
  padding-top: 70%;
  width: 100%;
  color: red;
}

.fourthLine-year p {
  display: inline;
}

.fourthLine-year p:nth-child(2) {
  padding-left: 23%;
}

.fourthLine-year p:nth-child(3) {
  padding-left: 18.8%;
}

.fourthLine-year-special {
  display: inline-block;
  position: absolute;
  padding-left: 73%;
  padding-top: 82.3%;
  color: red;
  transform: rotate(-18deg);
}

.year-special {
  display: inline-block;
  position: absolute;
  left: -10.5%;
  padding-top: 84%;
  color: black;
  transform: rotate(-28deg);
}