/*public css begin*/
* {
  margin: auto;
  padding: 0;
  outline: none;
}
html,
body {
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 750px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
}
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0;
}
img {
  border: none;
}
input {
  -webkit-appearance: none;
}
a {
  text-decoration: none;
}
.abs {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.id {
  position: absolute;
  left: 0;
  z-index: 10000;
  width: 750px;
  height: 1px;
}
/*public css end*/
/*音乐 begin*/
#rotate {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9000;
  width: 57px;
  height: 62px;
  background-image: url('../images/mu.png');
  background-repeat: no-repeat;
  background-size: 100% auto;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  transform: rotate(90deg);
}
.rotate-ani {
  animation: rotating 3s linear 0s infinite;
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*音乐 end*/
/**********looding begin*************/
.loadingBox {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: #eae4d7 url(../images/loading.jpg) left top repeat-y;
}
.progressBar {
  margin: auto;
  position: absolute;
  left: 425px;
  top: 0;
  bottom: 0;
  width: 14px;
  height: 600px;
  padding: 8px 3px;
  border: 2px solid #000;
  border-radius: 20px;
  background-color: #eae4d7;
}
.progressBar span {
  width: 14px;
  height: 100px;
  display: block;
  background-color: #729a9c;
}
.loading {
  margin: auto;
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0;
  width: 100%;
  height: 30px;
  text-align: center;
  transform: rotate(90deg);
}
.loading .timeline {
  font-size: 24px;
  color: #729a9c;
}
/**********looding end*************/
/*滑动提示 begin*/
.slideTip {
  opacity: 0;
  position: absolute;
  left: 180px;
  top: 0px;
  bottom: 0;
  width: 103px;
  height: 96px;
  background: url(../images/handTips.png) no-repeat;
  background-size: 100% auto;
}
.slideTipA {
  animation: moveTopTip 3s linear 0s infinite;
}
@keyframes moveTopTip {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  45% {
    opacity: 1;
    transform: translateY(0px);
  }
  90% {
    opacity: 0;
    transform: translateY(-100px);
  }
  100% {
    opacity: 0;
    transform: translateY(100px);
  }
}
/*滑动提示 end*/
/***********开篇全屏视频页 begin*************/
.openingVideoBox {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 900;
  height: 750px;
  transform: rotate(90deg);
  transform-origin: 375px 375px;
  background-color: #000;
}
.openingVideoBox .skipBn {
  display: none;
  position: fixed;
  top: 50px;
  right: 50px;
  width: 105px;
  height: 47px;
  line-height: 47px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  border-radius: 24px;
  font-size: 24px;
}
.openingVideoBox #openingVideo {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 750px;
  object-fit: cover;
}
/***********开篇全屏视频页 end*************/
.main {
  opacity: 0;
  position: relative;
  margin: 0;
  width: 750px;
  overflow: hidden;
}
.main .pubPage {
  position: relative;
  width: 750px;
}
.main .pubPage img {
  position: absolute;
}
.main .middleDiv {
  position: absolute;
  left: 0;
  top: 0;
  width: 750px;
}
.main .num {
  position: absolute;
  transform: rotate(90deg);
  font-size: 140px;
  font-weight: 700;
  color: #ffd854;
  font-family: arial;
  text-shadow: 5px 5px 10px #333;
}
.main #y2004 {
  top: 2100px;
}
.main #y2005a {
  top: 4050px;
}
.main #y2006 {
  top: 10150px;
}
.main #y2007 {
  top: 10850px;
}
.main #y2008 {
  top: 11550px;
}
.main #y2009 {
  top: 12250px;
}
.main #y2011 {
  top: 13000px;
}
.main #y2012a {
  top: 14000px;
}
.main #y2012b {
  top: 15000px;
}
.main #y2013 {
  top: 16000px;
}
.main #y2014 {
  top: 17000px;
}
.main #y2015 {
  top: 18000px;
}
.main #y2018 {
  top: 20200px;
}
.main #y2020 {
  top: 22800px;
}
.main #y2021 {
  top: 24000px;
}
.main #y2022a {
  top: 24600px;
}
.main #y2022b {
  top: 25600px;
}
.main #gynyp1 {
  top: 110px;
}
.main #gynyp2 {
  top: 2500px;
}
.main #gynyp3 {
  top: 3780px;
}
.main #gynyp3_1 {
  top: 6000px;
}
.main #gynyp3_2 {
  top: 11640px;
}
.main #gynyp4 {
  top: 14280px;
}
.main #gynyp5 {
  top: 15000px;
}
.main #gynyp5_1 {
  top: 21400px;
}
.main #gynyp6 {
  top: 26040px;
}
/***********封面电视机 begin*************/
.fmY2004Page {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 10;
  width: 750px;
  height: 4885px;
}
.fmY2004Page .TVvideoBox {
  top: 650px;
  left: 287px;
  width: 478px;
  height: 340px;
  transform: rotate(92deg);
}
.fmY2004Page .TVvideoBox .videoFm {
  display: none;
}
.fmY2004Page .fmBg2 {
  position: absolute;
  left: 0;
  top: -173px;
}
.fmY2004Page .TVplayBtn {
  position: absolute;
  left: 470px;
  top: 765px;
}
.fmY2004Page .TVskipBn {
  display: none;
  position: absolute;
  top: 960px;
  right: 60px;
  width: 105px;
  height: 47px;
  line-height: 47px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  border-radius: 24px;
  font-size: 24px;
  transform: rotate(90deg);
}
.fmY2004PageA .TVplayBtn {
  animation: pulseNew 2s linear infinite;
}
@keyframes fmText {
  0% {
    opacity: 0;
    transform: translate(120px, -120px) scale(2);
  }
  60% {
    opacity: 0.2;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
/***********封面电视机 end*************/
/***********2005 begin*************/
.y2005Page {
  height: 5422px;
}
.y2005Page .fmTip {
  opacity: 0;
  position: absolute;
  left: 110px;
  top: 530px;
  width: 103px;
  height: 96px;
  background: url(../images/handTips.png) no-repeat;
  background-size: 100% auto;
}
.y2005Page .fmTipA {
  animation: moveTopTip 3s linear 3s 5;
}
.y2005Page .y2005_2 {
  left: 400px;
  top: 60px;
}
.y2005Page #y2005_1,
.y2005Page .y2005_1 {
  left: 0;
  top: 500px;
}
.y2005Page #y2005_3,
.y2005Page .y2005_3 {
  left: 0px;
  top: 1320px;
}
.y2005Page #y2005_wenling {
  top: 847px;
}
.y2005Page .y2005_4 {
  left: 580px;
  top: 690px;
}
.y2005Page .y2005_4_1 {
  left: 420px;
  top: 670px;
}
.y2005Page .y2005_4_2 {
  left: 480px;
  top: 1055px;
}
.y2005Page .y2005_4_3 {
  left: 510px;
  top: 1150px;
}
.y2005Page .y2005_4_4 {
  left: 430px;
  top: 1135px;
}
.y2005Page .num480 {
  left: 397px;
  top: 1295px;
  font-size: 86px;
}
.y2005Page .y2005_5 {
  left: 422px;
  top: 1417px;
}
.y2005Page .y2005_7 {
  left: 170px;
  top: 2260px;
  opacity: 0.8;
}
.y2005Page #y2005_8,
.y2005Page .y2005_8 {
  left: 0px;
  top: 2490px;
}
.y2005Page #y2005_9,
.y2005Page .y2005_9 {
  left: 0px;
  top: 3810px;
}
.zyVideo {
  position: absolute;
  left: 160px;
  top: 4485px;
  width: 495px;
  height: 880px;
  padding: 14px;
  background: #000;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background-clip: padding-box;
  overflow: hidden;
}
.zyVideo .videoBox1 {
  position: absolute;
  width: 880px;
  height: 495px;
  top: 0;
  left: -177px;
  bottom: 0;
}
.zyVideo .videoBox1 .videoDz {
  border-radius: 15px;
}
.zyVideo .videoBox1 .videoPlay {
  width: 880px;
  height: 495px;
  display: none;
}
.zyVideo .videoBox1 .videoPlay video {
  border-radius: 15px;
}
/***********2005 end*************/
/***********2006+2007+2008 begin*************/
.y2006Page {
  height: 4421px;
  z-index: 11;
}
.y2006Page #y2006_1,
.y2006Page .y2006_1 {
  left: -60px;
  top: -1190px;
  pointer-events: none;
}
.y2006Page .y2006_2 {
  left: 0;
  top: -260px;
}
.y2006Page #y2006_3,
.y2006Page .y2006_3 {
  left: 0;
  top: 500px;
}
.y2006Page .y2006_4 {
  left: 25px;
  top: 1050px;
}
.y2006Page #y2006_baozhi {
  top: 1400px;
}
.y2006Page .y2006_5 {
  left: 100px;
  top: 1470px;
}
.y2006Page .y2006_6 {
  left: -390px;
  top: 1470px;
}
.y2006Page .y2006_7 {
  left: 28px;
  top: 1940px;
}
.y2006Page .y2006_8 {
  opacity: 0;
  left: 78px;
  top: 2170px;
}
.y2006Page .y2006_8A {
  animation: pulseNew 3s linear 3s infinite;
}
.y2006Page #anzhidian2015,
.y2006Page .y2006_7_0 {
  left: 410px;
  top: 2380px;
  transform: scale(1.3);
}
.y2006Page .num2013,
.y2006Page .num2015,
.y2006Page .num2024 {
  position: absolute;
  left: 450px;
  top: 2330px;
  transform: rotate(67deg) skew(-28deg);
  font-size: 60px;
  color: #fff;
}
.y2006Page .num49 {
  left: 446px;
  top: 2495px;
  transform: rotate(67deg) skew(-28deg);
  font-size: 125px;
}
.y2006Page .num145 {
  left: 421px;
  top: 2521px;
  transform: rotate(67deg) skew(-28deg);
  font-size: 125px;
}
.y2006Page .num253 {
  left: 425px;
  top: 2527px;
  transform: rotate(67deg) skew(-28deg);
  font-size: 125px;
}
.y2006Page #y2006_9,
.y2006Page .y2006_9 {
  left: 0px;
  top: 2630px;
}
.y2006Page #anzhiren,
.y2006Page .y2006_10 {
  left: 100px;
  top: 3160px;
}
.y2006Page .num10 {
  left: 145px;
  top: 3255px;
  transform: rotate(67deg) skew(-22deg);
  font-size: 128px;
  letter-spacing: -10px;
}
/***********2006+2007+2008 end*************/
/***********身边的安置点按钮+24小时直播按钮 begin*************/
#anzhizhibo {
  position: absolute;
  top: 3780px;
  height: 1px;
}
.anzhizhibo {
  position: absolute;
  right: 15px;
  top: 3780px;
  width: 40px;
  height: 470px;
}
.anzhidianBn {
  position: absolute;
  left: 0px;
  top: 0px;
}
.zhiboBn {
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.clickTips1 {
  opacity: 0;
  position: absolute;
  left: -20px;
  bottom: -25px;
  width: 50px;
}
.clickTips1A {
  animation: pulse 3s linear 0s infinite;
}
/***********身边的安置点按钮+24小时直播按钮 begin*************/
/***********身边安置点弹窗+24小时直播弹窗+测一测你能抗住几级台风begin*************/
.anzhidianTC,
.zhiboTC,
.cycTC {
  display: none;
  position: absolute;
  right: 80px;
  top: 3680px;
  transform: rotate(90deg);
  transform-origin: 375px 375px;
  width: 660px;
  height: 740px;
}
.anzhidianTC .azdBox,
.zhiboTC .azdBox,
.cycTC .azdBox {
  position: relative;
  background-color: #fff;
  width: 100%;
  height: 83%;
  margin-top: 95px;
  padding: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.anzhidianTC .azdBox .iframe,
.zhiboTC .azdBox .iframe,
.cycTC .azdBox .iframe {
  width: 100%;
  height: 100%;
}
.anzhidianTC .azdBox .iconClose,
.zhiboTC .azdBox .iconClose,
.cycTC .azdBox .iconClose {
  position: absolute;
  right: -30px;
  top: -30px;
  width: 80px;
  height: 80px;
}
.cycTC {
  right: 40px;
  top: 1560px;
  width: 660px;
  height: 780px;
}
/***********身边安置点弹窗+24小时直播弹窗+测一测你能抗住几级台风 end*************/
@keyframes pulseNew {
  0%,
  100% {
    opacity: 0;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
}
/***********顶部跟随滚动板块 begin*************/
.topBarBox {
  opacity: 0;
  position: fixed;
  left: 750px;
  top: 20px;
  z-index: 8000;
  transform: rotate(90deg);
  transform-origin: 73px 73px;
  max-width: 520px;
  height: 150px;
}
.topBarBox .yearBox {
  height: 45px;
  line-height: 45px;
  padding-left: 20px;
  padding-right: 20px;
  border-top-left-radius: 30px;
  border-top-right-radius: 10px;
  color: #fff;
  font-size: 24px;
  background-color: rgba(191, 157, 76, 0.8);
  white-space: nowrap;
}
.topBarBox .yearBox span {
  margin-right: 15px;
}
.topBarBox .personBox {
  height: 94px;
  padding-top: 11px;
  padding-left: 20px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 40px;
  background-color: rgba(185, 188, 190, 0.8);
  color: #f67643;
  font-size: 24px;
}
.topBarBox .personBox span {
  display: block;
  height: 32px;
  line-height: 32px;
  color: #696969;
  font-size: 24px;
}
.topBarBox .personBox b {
  color: #f67643;
  font-size: 45px;
}
.topBarBox .personBox i {
  margin-left: 5px;
  font-style: normal;
}
.numDonghua {
  animation: donghua 2s ease-out 0s forwards;
}
@keyframes donghua {
  0% {
    opacity: 0;
    transform: scale(3);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/***********顶部跟随滚动板块 end*************/
.page {
  position: relative;
  width: 100%;
}
.page img {
  position: absolute;
}
.tags {
  position: absolute;
  left: 0;
  width: 10px;
  height: 10px;
}
.videoBox {
  position: absolute;
  width: 1333px;
  height: 750px;
  top: 0;
  left: 0;
  transform-origin: center;
  transform: rotate(90deg);
}
.videoPlay,
.videoDz,
.videoFm {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 111;
  transform: translateZ(1px);
}
.videoFm {
  height: 85%;
  top: -15%;
}
.playBtn {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  z-index: 312;
  -webkit-animation: pulseNew 2s linear infinite;
  animation: pulseNew 2s linear infinite;
}
video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}
video::-webkit-media-controls-fullscreen-button {
  display: none;
}
.videoLoadTxt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 600px;
  color: #fff;
  font-size: 24px;
  display: none;
  z-index: 112;
  transform: translateZ(1px);
}
.page2 {
  z-index: 10;
  height: 17950px;
  margin-top: -110px;
}
.page2 .p2_d1_6 {
  top: 750px;
}
.page2 .p2_1,
.page2 #p2_1 {
  top: 0px;
  left: 0px;
  pointer-events: none;
}
.page2 .p2_4 {
  top: 2190px;
  left: 0px;
}
.page2 .p2_5 {
  top: 7639px;
  left: 0px;
}
.page2 .p2_t0 {
  top: 160px;
  left: 60px;
}
.page2 .p2_3,
.page2 #p2_3 {
  top: 1470px;
  left: 0px;
  pointer-events: none;
}
.page2 .p2_d1_4 {
  top: 1800px;
  left: 70px;
}
.page2 .p2_d1_1,
.page2 #p2_d1_1 {
  top: 2100px;
  left: 460px;
  pointer-events: none;
}
.page2 .p2_d1_2 {
  top: 2130px;
  left: 280px;
  pointer-events: none;
}
.page2 .p2_d1_3 {
  top: 2270px;
  left: 80px;
  pointer-events: none;
}
.page2 .num983 {
  left: 447px;
  top: 2244px;
  transform: rotate(103deg) skew(-4deg);
  font-size: 83px;
}
.page2 .num91 {
  left: 269px;
  top: 2233px;
  transform: rotate(86deg) skew(-11deg);
  font-size: 96px;
}
.page2 .num26701 {
  left: 13px;
  top: 2269px;
  transform: rotate(77deg) skew(-16deg);
  font-size: 91px;
}
.page2 .p2_t1 {
  display: none;
  top: 2860px;
  left: 380px;
}
.page2 .p2_d1_5 {
  top: 3730px;
  left: 90px;
}
.page2 .p2_9 {
  top: 4780px;
  left: 130px;
}
.page2 .p2_d2_1 {
  top: 5180px;
  left: 450px;
}
.page2 .p2_d2_2 {
  top: 5450px;
  left: 150px;
}
.page2 .p2_d2_3 {
  top: 5140px;
  left: 350px;
}
.page2 .p2_d2_4 {
  top: 4743px;
  left: 170px;
}
.page2 .p2_d2_5 {
  top: 5900px;
  left: 480px;
}
.page2 #xiangceBox {
  top: 7570px;
}
.page2 .xiangceBox {
  position: absolute;
  width: 732px;
  height: 1357px;
  top: 7570px;
  left: 25px;
  background: url("../images/p2_xc.png") no-repeat top left;
  background-size: 100% auto;
}
.page2 .xiangceBox .swiper-container {
  position: relative;
  width: 590px;
  height: 1190px;
  margin-left: 79px;
  margin-top: 87px;
}
.page2 .xiangceBox .swiper-container .swiper-slide {
  width: 590px;
  height: 1190px;
  background: url(../images/p2_xc_bg.png) no-repeat;
  background-size: 100% auto;
  text-align: center;
}
.page2 .xiangceBox .swiper-container .swiper-slide .xcImg {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transform: scale(1.2);
}
.page2 .xiangceBox .swiper-container .swiper-slide .xcTVImgR {
  left: 0;
  right: 0;
  top: 660px;
  bottom: 0;
  transform: scale(1.2);
}
.page2 .xiangceBox .swiper-container .swiper-slide .xcTVImgL {
  left: 0;
  right: 0;
  top: -690px;
  bottom: 0;
  transform: scale(1.2);
}
.page2 .xiangceBox .swiper-container .swiper-button-prev,
.page2 .xiangceBox .swiper-container .swiper-button-next {
  position: absolute;
  left: 0;
  right: 0;
  width: 60px;
  height: 60px;
}
.page2 .xiangceBox .swiper-container .swiper-button-prev {
  top: 30px;
  background: url(../images/p2_xcBnL.png) no-repeat;
  background-size: 100% auto;
}
.page2 .xiangceBox .swiper-container .swiper-button-next {
  top: 1150px;
  background: url(../images/p2_xcBnR.png) no-repeat;
  background-size: 100% auto;
}
.page2 .xiangceBox .xcvideoBox {
  height: 320px;
  width: 460px;
  top: 160px;
  left: 65px;
  border-radius: 10px;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}
.page2 .xiangceBox .xcvideoBox.xcvbR {
  top: 710px;
}
.page2 .xcBeizhu {
  position: absolute;
  left: -90px;
  top: 0;
  bottom: -800px;
  height: 30px;
  font-size: 24px;
  color: #71481b;
  letter-spacing: 2px;
  transform: rotate(90deg);
  opacity: 0.8;
}
.page2 .p2_xc {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  transform: scale(1.1);
}
.page2 .p2_xc1 {
  display: block;
}
.page2 .p2_d3_1 {
  top: 6500px;
  left: 560px;
}
.page2 .p2_d3_2 {
  top: 6130px;
  left: 140px;
}
.page2 .p2_d3_3 {
  top: 6200px;
  left: 230px;
}
.page2 .p2_d3_4 {
  top: 6460px;
  left: 60px;
  width: 371px;
  height: 606px;
}
.page2 .p2_d3_4_1 {
  top: 6460px;
  left: 60px;
}
.page2 .p2_d3_5 {
  top: 6490px;
  left: 130px;
}
.page2 .p2_d3_6 {
  top: 6500px;
  left: 450px;
}
.page2 .p2_d3_10 {
  top: 7090px;
  left: 490px;
}
.page2 .p2_d3_11 {
  top: 7090px;
  left: 360px;
}
.page2 .p2_t2 {
  top: 10060px;
  left: 80px;
}
.page2 .p2_d3_7 {
  top: 8960px;
  left: 0px;
}
.page2 .p2_8,
.page2 #p2_8 {
  top: 10610px;
  left: 0;
}
.page2 .p2_d3_8 {
  top: 9200px;
  left: 300px;
}
.page2 .p2_d3_9 {
  top: 10360px;
  left: 100px;
}
.page2 .p2_d4_1 {
  top: 12200px;
  left: 340px;
}
.page2 .p2_d4_2 {
  top: 11930px;
  left: 480px;
}
.page2 .p2_d4_2_1 {
  top: 12044px;
  left: 492px;
}
.page2 .p2_d4_3_1 {
  top: 12418px;
  left: 363px;
}
.page2 .p2_d4_3 {
  top: 12200px;
  left: 349px;
}
.page2 .p2_d4_4 {
  top: 14170px;
  left: 140px;
}
.page2 .y2016,
.page2 #y2016 {
  top: 4560px;
  left: 80px;
}
.page2 .y2017,
.page2 #y2017 {
  top: 5200px;
  left: 80px;
}
.page2 .y2019,
.page2 #y2019 {
  top: 6050px;
  left: 450px;
}
.page2 .y2020,
.page2 #y2020 {
  top: 9200px;
  left: 390px;
}
.page2 .y2022,
.page2 #y2022 {
  top: 10680px;
  left: 0px;
}
.page2 .y2024,
.page2 #y2024 {
  top: 15800px;
  left: 250px;
  transform: scale(0.8);
}
.page2 .videoBox2 {
  position: absolute;
  width: 900px;
  height: 504px;
  top: 1350px;
  left: -70px;
  border-radius: 30px 30px 0 0;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
}
.page2 .videoBox2 .videoDz {
  border-radius: 30px 30px 0 0;
}
.page2 .videoBox2 .videoPlay {
  width: 900px;
  height: 500px;
  display: none;
}
.page2 .videoBox2 .videoPlay video {
  border-radius: 30px 30px 0 0;
}
.page2 #videoBox3 {
  top: 3840px;
}
.page2 .videoBox3 {
  position: absolute;
  width: 900px;
  height: 504px;
  top: 3840px;
  left: -50px;
  border-radius: 30px 30px 0 0;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
}
.page2 .videoBox3 .videoDz {
  border-radius: 30px 30px 0 0;
}
.page2 .videoBox3 .videoPlay {
  width: 900px;
  height: 500px;
  display: none;
}
.page2 .videoBox3 .videoPlay video {
  border-radius: 30px 30px 0 0;
}
.page2 .deadBox {
  position: absolute;
  top: 14530px;
  left: 60px;
  padding: 20px 100px;
  font-size: 35px;
  line-height: 58px;
  transform: rotate(90deg);
  color: #fff;
  width: 710px;
  height: 129px;
}
.page2 .deadBox span {
  float: left;
}
.page2 .deadBox p {
  height: 80px;
}
.page2 .deadBox .tfName {
  font-size: 40px;
  font-weight: bold;
  padding-left: 10px;
}
.page2 .deadBox .tfNum {
  font-size: 73px;
  line-height: 50px;
  font-weight: bold;
  color: #ffce59;
  font-style: italic;
  padding: 0 10px;
}
.page2 .deadBox .tfType {
  padding-left: 20px;
}
.page2 .deadBox .deadTxt {
  padding-left: 210px;
}
.page2 .transformBox {
  display: none;
  position: absolute;
  top: 12380px;
  left: 72px;
  padding: 20px 100px;
  background: url(../images/p2_d4_Bg.png) no-repeat top left;
  background-size: 100% auto;
  font-size: 35px;
  line-height: 58px;
  transform: rotate(90deg);
  color: #fff;
  width: 710px;
  height: 129px;
}
.page2 .transformBox p {
  height: 80px;
}
.page2 .transformBox span {
  float: left;
}
.page2 .transformBox .tfName {
  font-size: 40px;
  font-weight: bold;
  padding-left: 10px;
}
.page2 .transformBox .tfNum {
  font-size: 85px;
  line-height: 39px;
  padding: 0 10px;
  font-weight: 700;
  color: #ffd854;
  font-style: italic;
  font-family: arial;
  text-shadow: 5px 5px 10px #5d4a4a;
}
.page2 .transformBox .tfType {
  padding-left: 20px;
}
.page2 .barBox {
  position: absolute;
  top: 12320px;
  left: -280px;
  width: 1100px;
  transform-origin: center;
  transform: rotate(90deg);
  border-left: 5px solid #ece3d4;
  border-bottom: 5px solid #ece3d4;
}
.page2 .barBox li {
  width: 73px;
  /* padding: 0 10px; */
  height: 400px;
  float: left;
  font-size: 22px;
  text-align: center;
  position: relative;
}
.page2 .barBox li span {
  position: absolute;
  left: 0;
  right: 0;
}
.page2 .barBox .year {
  color: #eeddd3;
  bottom: -46px;
}
.page2 .barBox .bar {
  background-color: #e1ccb9;
  width: 44px;
  bottom: -1px;
}
.page2 .barBox .barBg {
  top: -270px;
  left: -260px;
  width: 1730px;
}
.page2 .barBox .numTxt {
  color: #fad06c;
  font-size: 20px;
  font-weight: bold;
}
.page2 .barBox .barYear,
.page2 .barBox .barName {
  position: absolute;
  color: #ecddd6;
  width: 120px;
  font-size: 28px;
}
.page2 .barBox .barYear {
  top: 390px;
  left: 1110px;
}
.page2 .barBox .barName {
  top: -40px;
  left: -55px;
}
.page2 .p3_bg {
  top: 14460px;
}
.page2 .p3_tree2 {
  top: 11600px;
}
.page2 .p3_ftgcBox,
.page2 .p3_wjfwgzBox,
.page2 .p3_yjqxpbBox {
  position: absolute;
  width: 100%;
  height: 500px;
  left: 0;
}
.page2 .p3_ftgcBox div,
.page2 .p3_wjfwgzBox div,
.page2 .p3_yjqxpbBox div {
  position: absolute;
}
.page2 .p3_ftgcBox span,
.page2 .p3_wjfwgzBox span,
.page2 .p3_yjqxpbBox span {
  position: absolute;
  transform: rotate(90deg);
  font-size: 100px;
  font-weight: 700;
  color: #ffd854;
  letter-spacing: -4px;
  font-family: arial;
  text-shadow: 5px 5px 10px #5d4a4a;
}
.page2 .p3_bzazBox {
  display: none;
  position: absolute;
  width: 100%;
  height: 500px;
  left: 0;
  top: 13500px;
}
.page2 .p3_bzazBox p {
  float: right;
  height: 80px;
  width: 500px;
}
.page2 .p3_bzazBox .p3_bzazLine {
  position: absolute;
  width: 500px;
  height: 400px;
  top: 50px;
  right: 110px;
  transform: rotate(90deg);
}
.page2 .p3_bzazBox .p3_bzazLine_year {
  float: left;
  color: #fff;
  font-size: 34px;
  width: 120px;
  padding-right: 5px;
}
.page2 .p3_bzazBox .p3_bzazLine_line {
  float: left;
  height: 40px;
  width: 100px;
  background-color: #ffd854;
  box-shadow: 5px 5px 10px #5d4a4a;
}
.page2 .p3_bzazBox .p3_bzazLine_num {
  float: left;
  font-size: 40px;
  font-weight: 600;
  color: #ffd854;
  padding-left: 10px;
  font-family: arial;
  text-shadow: 5px 5px 10px #5d4a4a;
}
.page2 .p3_bzazBox .p3_bzazLine_line1 {
  width: 35px;
}
.page2 .p3_bzazBox .p3_bzazLine_line2 {
  width: 102px;
}
.page2 .p3_bzazBox .p3_bzazLine_line3 {
  width: 165px;
}
.page2 .p3_bzazBox .p3_bzazLine_line4 {
  width: 177px;
}
.page2 .p3_bzazBox .p3_bzazLine_dw {
  float: left;
  font-size: 20px;
  font-weight: 600;
  color: #ffd854;
  padding-top: 11px;
  padding-left: 7px;
  text-shadow: 5px 5px 10px #5d4a4a;
}
.page2 .p3_ftgcBox {
  top: 2880px;
}
.page2 .p3_ftgcBox img {
  position: relative;
  display: block;
}
.page2 .p3_ftgcBox span {
  font-size: 75px;
}
.page2 .p3_ftgcBox .p3_ftgc {
  position: absolute;
  top: 0;
  right: 70px;
}
.page2 .p3_ftgcBox .p3_ftgc1 {
  top: 0;
  right: 160px;
}
.page2 .p3_ftgcBox .p3_ftgc2 {
  top: 300px;
  right: 160px;
}
.page2 .p3_ftgcBox .p3_ftgc3 {
  top: 0;
  right: 310px;
}
.page2 .p3_ftgcBox .p3_ftgc4 {
  top: 300px;
  right: 310px;
}
.page2 .p3_ftgcBox .p3_ftgc5 {
  top: 0;
  right: 450px;
}
.page2 .p3_ftgcBox .p3_ftgc6 {
  top: 0;
  right: 600px;
}
.page2 .p3_ftgcBox .p3_num139 {
  top: 90px;
  right: 22px;
}
.page2 .p3_ftgcBox .p3_num100 {
  top: 80px;
  right: 19px;
}
.page2 .p3_ftgcBox .p3_num22 {
  top: 78px;
  right: 35px;
}
.page2 .p3_ftgcBox .p3_num53 {
  top: 76px;
  right: 38px;
}
.page2 .p3_ftgcBox .p3_num135 {
  top: 93px;
  right: 23px;
}
.page2 .p3_ftgcBox .p3_num6 {
  top: 60px;
  right: 58px;
}
.page2 .p3_ftgcBox .p3_num2058 {
  top: 380px;
  right: 5px;
}
.page2 .p3_wjfwgzBox {
  display: none;
  top: 14610px;
}
.page2 .p3_wjfwgzBox .p3_yjqxpb {
  position: absolute;
  top: 0;
  right: 70px;
}
.page2 .p3_wjfwgzBox span {
  font-size: 80px;
}
.page2 .p3_wjfwgzBox .p3_wjfwgz1 {
  top: 0;
  right: 270px;
}
.page2 .p3_wjfwgzBox .p3_wjfwgz2 {
  top: 0;
  right: 400px;
}
.page2 .p3_wjfwgzBox .p3_wjfwgz3 {
  top: 0;
  right: 530px;
}
.page2 .p3_wjfwgzBox .p3_num983 {
  top: 100px;
  right: -90px;
}
.page2 .p3_wjfwgzBox .p3_num91 {
  top: 80px;
  right: -68px;
}
.page2 .p3_wjfwgzBox .p3_num26701 {
  top: 145px;
  right: -130px;
}
.page2 .p3_yjqxpbBox {
  top: 9000px;
  transform: scale(0);
}
.page2 .p3_yjqxpbBox .p3_yjqxpb {
  position: absolute;
  top: 0;
  right: 70px;
}
.page2 .p3_yjqxpbBox span {
  font-size: 70px;
}
.page2 .p3_yjqxpbBox .p3_yjqxpb1 {
  top: 0;
  right: 280px;
}
.page2 .p3_yjqxpbBox .p3_yjqxpb2 {
  top: 0;
  right: 420px;
}
.page2 .p3_yjqxpbBox .p3_yjqxpb3 {
  top: 600px;
  right: 290px;
}
.page2 .p3_yjqxpbBox .p3_yjqxpb4 {
  top: 600px;
  right: 420px;
}
.page2 .p3_yjqxpbBox .p3_num35000 {
  top: 156px;
  right: -113px;
}
.page2 .p3_yjqxpbBox .p3_num4000 {
  top: 140px;
  right: -98px;
}
.page2 .p3_yjqxpbBox .p3_num470000 {
  top: 177px;
  right: -133px;
}
.page2 .p3_yjqxpbBox .p3_num315 {
  top: 127px;
  right: -78px;
}
.page2 .p3_tree1,
.page2 #p3_tree1 {
  top: 13920px;
}
.page2 .p3_xyl {
  top: 13510px;
  left: 90px;
}
.page2 .xjpBox {
  position: absolute;
  top: 13610px;
  left: 150px;
  width: 467px;
  height: 208px;
}
.page2 .xjpBox img {
  position: absolute;
  top: 0;
}
.page2 .xjpBox .p3_xjp1 {
  left: 428px;
}
.page2 .xjpBox .p3_xjp2 {
  left: 382px;
}
.page2 .xjpBox .p3_xjp3 {
  left: 334px;
}
.page2 .xjpBox .p3_xjp4 {
  left: 286px;
}
.page2 .xjpBox .p3_xjp5 {
  left: 233px;
}
.page2 .xjpBox .p3_xjp6 {
  left: 187px;
}
.page2 .xjpBox .p3_xjp7 {
  left: 140px;
}
.page2 .xjpBox .p3_xjp8 {
  left: 93px;
}
.page2 .p3_xjp9 {
  position: absolute;
  top: 13610px;
  left: 150px;
}
.page2 .p3_txt4 {
  top: 15290px;
  left: 190px;
}
.page2 .lastTxt {
  position: absolute;
  width: 399px;
  height: 301px;
  top: 16830px;
  right: 120px;
}
.page2 .lastTxt img {
  position: relative;
  float: right;
}
.page2 .p3_txt2 {
  top: 16840px;
  left: 210px;
}
.page2 .p3_txt3 {
  top: 16850px;
  left: 80px;
}
.page2 .p3_ship {
  top: 17100px;
  left: 310px;
}
.page2 .p3_bzaz {
  top: 0;
  right: 70px;
}
.page2 .p3_wjfwgz {
  top: 0;
  right: 70px;
}
.page2 .p3_wjfwgz1 {
  top: 0;
  right: 100px;
}
.page2 .p3_wjfwgz2 {
  top: 0;
  right: 100px;
}
.page2 .p3_wjfwgz3 {
  top: 0;
  right: 100px;
}
.page2 .p3_yjqxpb {
  top: 0;
  right: 70px;
}
.page2 .p3_yjqxpb1 {
  top: 0;
  right: 100px;
}
.page2 .p3_yjqxpb2 {
  top: 0;
  right: 100px;
}
.page2 .p3_yjqxpb3 {
  top: 0;
  right: 100px;
}
.page2 .p3_yjqxpb4 {
  top: 0;
  right: 100px;
}