html,
body {
  position: relative;
  width: 100vw;
  height: 100%;
  font-size: 16px !important;
}
.bg {
  left: 0vw;
  top: 0vw;
  width: 100%;
  height: 100%;
}
.logo {
  left: 5vw;
  top: 15vw;
  width: 35.9375vw;
  height: 9.375vw;
}
.arrow {
  bottom: 5.3125vw;
  left: 46.40625vw;
  width: 7.34375vw;
  height: 6.25vw;
}
img {
  position: absolute;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* 加载页 */
.load {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: skyblue;
}
.load h3 {
  position: absolute;
  top: 55%;
  left: 50%;
  color: #fff;
  font-size: 6.25vw;
  transform: translateX(-50%);
}
.load img {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* 背景音乐 */
.musicBtn {
  display: none;
  position: fixed;
  top: 4.6875vw;
  right: 4.6875vw;
  width: 7.1875vw;
  height: 7.1875vw;
  z-index: 999;
}
/* 首页 */
.home {
  display: none;
  position: relative;
  width: 100%;
  height: 100%;
}
.home img:nth-of-type(3) {
  left: 0vw;
  top: 10.5625vw;
  width: 100%;
  height: auto;
}
.home .entry {
  position: relative;
  left: 29.84375vw;
  top: 101.71875vw;
  width: 39.21875vw;
  height: 12.8125vw;
}
.home .entry img {
  width: 100%;
  height: 100%;
}
/* 内容页 */
.content {
  position: absolute;
  left: 4.21875vw;
  top: 28.59375vw;
  width: 91.5625vw;
  height: 128.28125vw;
}
.content img:nth-of-type(1) {
  width: 100%;
  height: 100%;
}
.content img:nth-of-type(2) {
  left: 7.1875vw;
  top: 7.65625vw;
  width: 79.21875vw;
  height: 11.875vw;
}
.pagebox {
  display: none;
  position: relative;
  width: 100%;
  height: 100%;
  /* 第一页 */
  /* 第二页 */
  /* 第三页 */
  /* 第四页 */
  /* 第五页 */
  /* 第六页 */
  /* 第七页 */
}
.pagebox .page_one {
  position: relative;
  width: 100%;
  height: 100%;
}
.pagebox .page_one .content .txt {
  position: absolute;
  left: 6.09375vw;
  top: 23.125vw;
  width: 78.90625vw;
  height: 59.375vw;
}
.pagebox .page_one .content .txt img {
  width: 100%;
  height: 100%;
}
.pagebox .page_one .content .vd_box {
  position: absolute;
  left: 15.78125vw;
  top: 87.96875vw;
  width: 62.96875vw;
  height: 33.59375vw;
  background-color: #000;
}
.pagebox .page_one .content .vd_box video {
  width: 100%;
  height: 100%;
}
.pagebox .page_two {
  position: relative;
  width: 100%;
  height: 100%;
}
.pagebox .page_two .content .timeline {
  position: absolute;
  left: 6.875vw;
  top: 24.375vw;
  width: 76.25vw;
  height: 125.625vw;
}
.pagebox .page_two .content .timeline .linebox {
  position: absolute;
  width: 76.25vw;
  height: 91.25vw;
  overflow-y: auto;
}
.pagebox .page_two .content .timeline .linebox::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 2px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.pagebox .page_two .content .timeline .linebox::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 1.5625vw;
  background: #6a96ed;
}
.pagebox .page_two .content .timeline .linebox::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
}
.pagebox .page_two .content .timeline .linebox .time_lf {
  left: 0vw;
  top: 0vw;
  width: 72.5vw;
  height: 125.625vw;
}
.pagebox .page_three {
  position: relative;
  width: 100%;
  height: 100%;
}
.pagebox .page_three .content .map {
  position: absolute;
  left: 2.8125vw;
  top: 27.5vw;
  width: 85vw;
  height: 65.3125vw;
}
.pagebox .page_three .content .map img {
  width: 100%;
  height: 100%;
}
.pagebox .page_three .content .checkmap {
  position: absolute;
  left: 28.59375vw;
  top: 99.21875vw;
  width: 35.15625vw;
  height: 4.0625vw;
}
.pagebox .page_three .content .checkmap img {
  width: 100%;
  height: 100%;
}
.pagebox .page_four {
  position: relative;
  width: 100%;
  height: 100%;
}
.pagebox .page_four .content .postlist {
  position: absolute;
  left: 5.9375vw;
  top: 26.09375vw;
  width: 78.75vw;
  height: 92.96875vw;
  overflow-y: scroll;
}
.pagebox .page_four .content .postlist::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 0;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.pagebox .page_four .content .postlist::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 1.5625vw;
}
.pagebox .page_four .content .postlist::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
}
.pagebox .page_four .content .postlist ul li {
  position: relative;
  margin-bottom: 3.90625vw;
}
.pagebox .page_four .content .postlist ul li .title {
  width: 78.75vw;
  height: 10.3125vw;
  color: #ffffff;
  font-size: 3.75vw;
  font-family: '方正兰亭黑简体';
  line-height: 10.3125vw;
  text-indent: 5.46875vw;
  background: url(../images/four_2.png) no-repeat;
  background-size: 100% 100%;
}
.pagebox .page_four .content .postlist ul li .title .check {
  left: 57.96875vw;
  top: 0vw;
  width: 20.625vw;
  height: 10.3125vw;
}
.pagebox .page_four .content .postlist ul li .detail {
  display: none;
  position: relative;
  padding-bottom: 7.8125vw;
  left: 4.21875vw;
  top: 6.25vw;
  width: 70.3125vw;
  color: #ffffff;
  font-size: 3.4375vw;
  line-height: 6.71875vw;
}
.pagebox .page_four .content .postlist ul li .detail strong {
  color: #67efff;
}
.pagebox .page_four .content .postlist ul li .detail .apply {
  position: relative;
  display: block;
  left: 44.53125vw;
  top: 2.96875vw;
  width: 26.40625vw;
  height: 9.53125vw;
}
.pagebox .page_five {
  position: relative;
  width: 100%;
  height: 100%;
}
.pagebox .page_five .content .flow {
  position: absolute;
  left: 11.25vw;
  top: 27.65625vw;
  width: 70vw;
  height: 78.28125vw;
}
.pagebox .page_five .content .flow img {
  width: 100%;
  height: 100%;
}
.pagebox .page_six {
  position: relative;
  width: 100%;
  height: 100%;
}
.pagebox .page_six .content .benefit {
  position: absolute;
  left: 7.03125vw;
  top: 22.8125vw;
  width: 75.9375vw;
  height: 59.0625vw;
}
.pagebox .page_six .content .benefit img {
  width: 100%;
  height: 100%;
}
.pagebox .page_six .content .title {
  position: absolute;
  left: 7.03125vw;
  top: 85.15625vw;
  width: 79.21875vw;
  height: 11.875vw;
}
.pagebox .page_six .content .title img {
  width: 100%;
  height: 100%;
}
.pagebox .page_six .content .txt {
  position: absolute;
  left: 7.03125vw;
  top: 100.625vw;
  width: 72.03125vw;
  height: 3.59375vw;
}
.pagebox .page_six .content .txt img {
  width: 100%;
  height: 100%;
}
.pagebox .page_six .content .passageways img {
  width: 35.625vw;
  height: 8.75vw;
}
.pagebox .page_six .content .passageways img:nth-of-type(1) {
  left: 7.03125vw;
  top: 108.4375vw;
}
.pagebox .page_six .content .passageways img:nth-of-type(2) {
  left: 48.28125vw;
  top: 108.4375vw;
}
.pagebox .page_seven {
  position: relative;
  width: 100%;
  height: 100%;
}
.pagebox .page_seven .content .train img {
  width: 78.75vw;
  height: 40.9375vw;
}
.pagebox .page_seven .content .train img:nth-of-type(1) {
  left: 6.5625vw;
  top: 26.09375vw;
}
.pagebox .page_seven .content .train img:nth-of-type(2) {
  left: 6.5625vw;
  top: 72.34375vw;
}