body,
div,
p,
ul,
li,
ol,
dl,
dd,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
span,
i,
input,
img,
a,
button,
select,
table,
tr,
th,
td,
label,
textarea {
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
  -webkit-overflow-scrolling: touch;
  word-wrap: break-word;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
li {
  list-style: none;
}
i {
  font-style: normal;
}
a {
  text-decoration: none;
}
img {
  border: 0 none;
  vertical-align: top;
}
body {
  background: #030c1b;
  font-family: '微软雅黑';
}
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
}
::-webkit-scrollbar {
  display: none;
}
body {
  overflow-x: hidden;
  min-height: 100vh;
  font-size: 100px;
}
html {
  overflow: hidden;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
.body {
  margin-left: -99999rem;
  width: 7.5rem;
  /*height: 68rem;*/
  background-color: #030c1b;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  z-index: 9;
}
.main_bg {
  position: fixed;
  top: 0vh;
  left: 0;
  width: 100%;
  height: 110vh;
  background: url('../images/bg.jpg') no-repeat;
  background-size: 100%;
}

.part1{
  position: absolute;
  width:100%;
  height:91.91rem;
  top:0;
  left:0;
}
.bg1{
  width: 100%;
  height: 91.91rem;
  background: url('../images/bg111.jpg') no-repeat;
  background-size: 100%;
  position: absolute;
  top:0;
  left:0;
}
.sec {
  position: relative;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 10;
}
.pos {
  position: absolute;
}
.top {
  width: 100vw;
  height: 50vh;
}


.vdwrap{
  position: relative;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9999;
  /* display: none; */
  background: #000c1c;
}
.vdwrap.sp{
  width: 4.6rem;
  height: 8rem;
  left: 1.3rem;
  top: 2rem;
  /*background: #000 url(../images/2p4.png) top center no-repeat;*/
  /*background-size: 100% 100%;*/
}
.step1 .vdwrap{
  top: 50%;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  height: 14.48rem;
}
.step1 .body{
  height: 14.48rem;
  overflow: hidden;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.step1 video{
  object-fit: fill;
}


.vdwrap.sp .s2vd{
  width: 4.4rem;
  height: 7.7rem;
  top: 0.18rem;
  left: 0.12rem;
}
.closebtn{background: url('../images/close.png') top center no-repeat;background-size: 100%;width: 0.68rem;height: 0.68rem;top: -0.7rem;right:0.2rem; }
.closebtn2{background: url('../images/close.png') top center no-repeat;background-size: 100%;width: 0.68rem;height: 0.68rem;/*top: 2.3rem;*/
  top: 1.3rem;
  right: 0.8rem;z-index: 99; }
video{
  width:100%;
  height: 100%;
  cursor: pointer;
  object-fit: cover;
}
.skipbtn{
  position: absolute;
  top: 2rem;
  right: 0.5rem;
  font-size: 0.25rem;
  background: rgba(0, 12, 28, 0.66);
  padding: 0.1rem 0.3rem;
  border-radius: 0.3rem;
  color: #64d8da;
  border: 1px solid #64d8da;
}
.vdnote{
  background: url('../images/vdnotebg.png') top center no-repeat;
  background-size: contain;
  position: absolute;
  width: 0.71rem;
  height: 2.98rem;
  top: 10rem;
  right: 0.5rem;
  display: none;
}
.vdnote span{
  background: url('../images/vdnote.png') top center no-repeat;background-size:contain;
  position: absolute;
  width:100%;
  height: 100%;
  -webkit-transform: translate(0,2rem);
  transform: translate(0,2rem);
  animation : show 2s linear infinite;-webkit-animation : show 2s linear infinite;
}
.andriodvd{
  background: url('../images/poster1.jpg') center center no-repeat;
  background-size:contain;
  position: absolute;
  width:100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
}
.andriodvd span{
  background: url('../images/playbtn.png') center center no-repeat;
  background-size:contain;
  position: absolute;
  width:1.61rem;
  height:1.61rem;
  top: 6.5rem;
  left: 3rem;
  z-index: 9999;
}

.menu{
  background: url('../images/menubg.jpg') center center no-repeat;
  background-size: 100%;
  position:absolute;
  left:0rem;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  width:7.5rem;
  height:14.48rem;
  z-index:11;
  display: none;
}
.menu.actived{
  display: block;
}
.menu_wrap{
  position: absolute;
  top:0.6rem;
}
.cl{
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.hand{
  background: url('../images/hand.png') center center no-repeat;
  background-size: contain;
  position:absolute;
  left:1rem;
  top:0.5rem;
  display: block;
  width: 0.43rem;
  height: 0.51rem;
  opacity: 0;
  animation : show 1s linear alternate infinite;-webkit-animation : show 1s linear alternate infinite;
}
.menu1_3_png span{top: 0.6rem;}

.swing {
  -webkit-transform-origin: left center;
  transform-origin: left center;
  animation : swing 3s 0.3s linear alternate infinite;-webkit-animation : swing 3s 0.3s linear alternate infinite;
  }
.swing2 {
  -webkit-transform-origin: center center;
  transform-origin: center center;
  animation : swing 3s 0.3s linear alternate infinite;-webkit-animation : swing 3s 0.3s linear alternate infinite;
}

.swing:nth-child(odd) {
  -webkit-transform-origin: right center;
  transform-origin: right center;
  animation : swing2 2s linear alternate infinite;-webkit-animation : swing2 2s linear alternate infinite;
}


.swing:nth-child(1){
  position: absolute;
  left:0.48rem;
  top:7.64rem;
  width: 1.53rem;
  height: 0.78rem;
  z-index: 9;
}
.swing:nth-child(2){
  position: absolute;
  left:0.2rem;
  top:3.78rem;
  width:2.11rem;
  height:0.93rem;
  z-index: 9;
}
.swing:nth-child(3){
  position: absolute;
  left:4.82rem;
  top:8.53rem;
  width:2.22rem;
  height:0.96rem;
  z-index: 9;
}
.swing:nth-child(4){
  position: absolute;
  left: 4.94rem;
  top: 3.86rem;
  width:1.97rem;
  height:0.91rem;
  z-index: 9;
}
.swing:nth-child(5){
  position: absolute;
  left:5.64rem;
  top:6.39rem;
  width:1.61rem;
  height:0.8rem;
  z-index: 9;
}



@-webkit-keyframes swing {
  to {
    -webkit-transform: rotateY(45deg);
    transform: rotateY(45deg);
  }
}

@keyframes swing {
  to {
    -webkit-transform: rotateY(45deg);
    transform: rotateY(45deg);
  }
}
@-webkit-keyframes swing2 {
  to {
    -webkit-transform: rotateY(-45deg);
    transform: rotateY(-45deg);
  }
}

@keyframes swing2 {
  to {
    -webkit-transform: rotateY(-45deg);
    transform: rotateY(-45deg);
  }
}


.menu.actived .menu1_1_png{
  animation: show 1s ease-in-out forwards; -webkit-animation: show 1s ease-in-out forwards;
}
.menu.actived .menu1_2_png{
  animation: show 1s 0.3s ease-in-out forwards; -webkit-animation: show 1s 0.3s ease-in-out forwards;
}
.menu.actived .menu1_3_png{
  animation: show 1s 0.6s ease-in-out forwards; -webkit-animation: show 1s 0.6s ease-in-out forwards;
}
.menu.actived .menu1_4_png{
  animation: show 1s 0.3s ease-in-out forwards; -webkit-animation: show 1s 0.3s ease-in-out forwards;
}
.menu.actived .menu1_5_png{
  animation: show 1s 0.9s ease-in-out forwards; -webkit-animation: show 1s 0.9s ease-in-out forwards;
}

.menu1_5_png{
  background-image:url("../images/menu1_5.png");
  background-size:100% 100%;
  position:absolute;
  /*left:5.94rem;*/
  /*top:6.39rem;*/
  left:0;
  top:0;
  width:1.61rem;
  height:0.8rem;
  z-index:10;

  opacity: 0;
  -webkit-transform: translate(-3rem,0);
  transform: translate(-3rem,0);
}
.menu1_1_png{
  background-image:url("../images/menu1_1.png");
  background-size:100% 100%;
  position:absolute;
  /*left:4.94rem;*/
  /*top:3.86rem;*/
  left: 0;
  top: 0;
  width: 2.53rem;
  height: 1.08rem;
  z-index:9;
  opacity: 0;
  -webkit-transform: translate(2rem,-3rem);
  transform: translate(2rem,-3rem);
}
.menu1_3_png{
  background-image:url("../images/menu1_3.png");
  background-size:100% 100%;
  position:absolute;
  /*left:5.12rem;*/
  /*top:8.53rem;*/
  left:0;
  top:0;
  width:2.22rem;
  height:0.96rem;
  z-index:8;

  opacity: 0;
  -webkit-transform: translate(-2rem,-3rem);
  transform: translate(-2rem,-3rem);
}
.menu1_4_png{
  background: url(../images/menu1_4.png) no-repeat;
  background-size: 80% 80%;
  position:absolute;
  /*left:-0.02rem;*/
  /*top:7.64rem;*/
  left:0;
  top:0;
  width:1.97rem;
  height:0.91rem;
  z-index:7;

  opacity: 0;
  -webkit-transform: translate(-3rem,3rem);
  transform: translate(-3rem,3rem);
}
.title111_png{
  background-image:url("../images/title111.png");
  background-size:100% 100%;
  position:absolute;
  left:2.48rem;
  top:4.11rem;
  width:2.74rem;
  height:4.02rem;
  z-index:6;
  -webkit-transform: translate(0, 0) scale(0) rotate(0) skew(0);
  transform: translate(0, 0) scale(0) rotate(0) skew(0);
}
.actived .title111_png{
  animation: show 0.5s ease-in-out forwards; -webkit-animation: show 0.5s ease-in-out forwards;
}
.menu1_2_png{
  background-image:url("../images/menu1_2.png");
  background-size:100% 100%;
  position:absolute;
  /*left:-0.03rem;*/
  /*top:3.78rem;*/
  left:0;
  top:0;
  width:2.11rem;
  height:0.93rem;
  z-index:5;

  opacity: 0;
  -webkit-transform: translate(2rem,3rem);
  transform: translate(2rem,3rem);
}
.video_btn_png{
  background-image:url("../images/video_btn.png");
  background-size:100% 100%;
  position:absolute;
  left:5.31rem;
  top:12.21rem;
  width:1.33rem;
  height:0.54rem;
  z-index:4;
}

/*-------------------------------------  part1 ------------------------------------*/
.sec div{
  opacity: 0;
}


.part{
  display: none;
}
.part1{
  background-image:url("../images/bg1.jpg");
  background-size:100% 100%;
  position:relative;
  left:0rem;
  top:0rem;
  width:7.5rem;
  height:79.91rem;
  z-index:34;
}
.img1_10_png{
  background-image:url("../images/part1/img1_10.png");
  background-size:100% 100%;
  position:absolute;
  left:0.7rem;
  top:85.74rem;
  width:6.47rem;
  height:2.88rem;
  z-index:33;
}
.img1_8_png{
  background-image:url("../images/part1/img1_8.png");
  background-size:100% 100%;
  position:absolute;
  left:0.03rem;
  top:73.47rem;
  width:7.38rem;
  height:6.19rem;
  z-index:32;
}
.btn1_png,.btn2_png,.btn3_png,.btn4_png,.btn5_png{
  background-image:url("../images/part1/btn1.png");
  background-size:100% 100%;
  position:absolute;
  left:3.96rem;
  top:89.33rem;
  width:2.47rem;
  height:0.66rem;
  z-index:31;
}
.sharebtn{
  background-image:url("../images/sharebtn.png");
  background-size:100% 100%;
  position:absolute;
  left: 2.06rem;
  top: 11.33rem;
  width:3.4rem;
  height:2.34rem;
  z-index:31;
}
.logo{
  background-image:url("../images/logo.png");
  background-size:100% 100%;
  position:absolute;
  left:2.4rem;
  top:90.53rem;
  width:2.85rem;
  height:1.05rem;
  z-index:31;
  opacity: 1 !important;
}
.btn2_png,.part2 .sharebtn{
   top:87rem;
 }
.btn3_png,.part3 .sharebtn{
  top:122rem;
}
.btn4_png,.part4 .sharebtn{
  top:91rem;
}
.btn5_png,.part5 .sharebtn{
  top:93rem;
}

.part1 .logo{top:78.53rem;}
.part2 .logo{top:89rem;}
.part3 .logo{top:124.1rem;}
.part4 .logo{top:92.8rem;}
.part5 .logo{top:94.4rem;}

.hpnote{
  display: none;
}
.hp .hpnote{
  display: block;
  font-size: 0.15rem;
  top: 2.3rem;
  position: absolute;
  left: 2.9rem;
  color: #6b6b6b;
  font-weight: bold;
}
.hp .loadgif {
  top: 1rem;
  width: 2rem;
  left: 2.4rem;
}
.hp .progress {
  top: 0.7rem;
  left: 1rem;
  font-size: 0.1rem;
}

.sharewrap{
  background: rgba(0,0,0,0.5);
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:999999;
  display: none;
}
.sharewrap span{
  background-image: url(../images/sharebg.png);
  background-size: 100% 100%;
  width:3.27rem;
  height: 0.94rem;
  position: absolute;
  top:0.2rem;
  right:0.2rem;
}
.gohome{
  position: fixed;
  background-image: url(../images/home.png);
  background-size: 100% 100%;
  right: 0.1rem;
  top: 10.6rem;
  width: 1.28rem;
  z-index: 9999;
  height: 1.28rem;
  opacity: 0;
  -webkit-transform: translate(100%,0);
  transform: translate(100%,0);
}
.gohome.go{
  animation: show 1s ease-in-out forwards; -webkit-animation: show 1s ease-in-out forwards;
}

.img1_9_png{
  background-image:url("../images/part1/img1_9.png");
  background-size:100% 100%;
  position:absolute;
  left:1.09rem;
  top:79.91rem;
  width:5.54rem;
  height:5.52rem;
  z-index:30;
}
.txt1_7_png{
  background-image:url("../images/part1/txt1_7.png");
  background-size:100% 100%;
  position:absolute;
  left:2.33rem;
  top:71rem;
  width:4.71rem;
  height:0.91rem;
  z-index:29;
}
.line1_3_png{
  background-image:url("../images/part1/line1_3.png");
  background-size:100% 100%;
  position:absolute;
  left:0.37rem;
  top:53.04rem;
  width:0.06rem;
  height:4.6rem;
  z-index:28;
}
.line1_2_png{
  background-image:url("../images/part1/line1_2.png");
  background-size:100% 100%;
  position:absolute;
  left:7.1rem;
  top:43.1rem;
  width:0.12rem;
  height:4.6rem;
  z-index:27;
}
.img1_7_png{
  background-image:url("../images/part1/img1_7.png");
  background-size:100% 100%;
  position:absolute;
  left:2.37rem;
  top:64.69rem;
  width:5.24rem;
  height:5.92rem;
  z-index:26;
}
.txt1_6_png{
  background-image:url("../images/part1/txt1_6.png");
  background-size:100% 100%;
  position:absolute;
  left:2.46rem;
  top:55.75rem;
  width:3.19rem;
  height:0.92rem;
  z-index:25;
}
.date1_7_png{
  background-image:url("../images/part1/date1_7.png");
  background-size:100% 100%;
  position:absolute;
  left:0.59rem;
  top:63.58rem;
  width:1.19rem;
  height:5.28rem;
  z-index:24;
}
.date1_3_png{
  background-image:url("../images/part1/date1_6.png");
  background-size:100% 100%;
  position:absolute;
  left:0.83rem;
  top:54.25rem;
  width:1.19rem;
  height:5.32rem;
  z-index:23;
}
.img1_6_png{
  background-image:url("../images/part1/img1_6.png");
  background-size:100% 100%;
  position:absolute;
  left:2.45rem;
  top:57.46rem;
  width:4.94rem;
  height:3.52rem;
  z-index:22;
}
.img1_1_png{
  background-image:url("../images/part1/img1_1.png");
  background-size:100% 100%;
  position:absolute;
  left:1.54rem;
  top:10.67rem;
  width:5.45rem;
  height:8.56rem;
  z-index:21;
}
.line1_1_png{
  background-image:url("../images/part1/line1_1.png");
  background-size:100% 100%;
  position:absolute;
  left:7rem;
  top:27.78rem;
  width:0.08rem;
  height:1.79rem;
  z-index:20;
}
.txt1_5_png{
  background-image:url("../images/part1/txt1_5.png");
  background-size:100% 100%;
  position:absolute;
  left:0.47rem;
  top:51.41rem;
  width:4.91rem;
  height:0.92rem;
  z-index:19;
}
.txt1_4_png{
  background-image:url("../images/part1/txt1_4.png");
  background-size:100% 100%;
  position:absolute;
  left:2.17rem;
  top:38.38rem;
  width:4.71rem;
  height:0.92rem;
  z-index:18;
}
.img1_5_png{
  background-image:url("../images/part1/img1_5.png");
  background-size:100% 100%;
  position:absolute;
  left:-1.02rem;
  top:47.25rem;
  width:6.47rem;
  height:3.97rem;
  z-index:17;
}
.date1_2_png{
  background-image:url("../images/part1/date1_5.png");
  background-size:100% 100%;
  position:absolute;
  left:5.65rem;
  top:46.2rem;
  width:1.21rem;
  height:4.53rem;
  z-index:16;
}
.date1_1_png{
  background-image:url("../images/part1/date1_4.png");
  background-size:100% 100%;
  position:absolute;
  left:0.59rem;
  top:36.71rem;
  width:1.19rem;
  height:5.33rem;
  z-index:15;
}
.title1_2_png{
  background-image:url("../images/part1/title1_2.png");
  background-size:100% 100%;
  position:absolute;
  left:1.96rem;
  top:1.53rem;
  width:3.66rem;
  height:2.55rem;
  z-index:14;
}
.txt1_3_1_png{
  background-image:url("../images/part1/txt1_3_1.png");
  background-size:100% 100%;
  position:absolute;
  left:1.55rem;
  top:33.73rem;
  width:3.37rem;
  height:0.55rem;
  z-index:13;
}
.title_png{
  background-image:url("../images/part1/title1_1.png");
  background-size:100% 100%;
  position:absolute;
  left:1.02rem;
  top:5.53rem;
  width:5.64rem;
  height:3.06rem;
  z-index:12;
  /*-webkit-transform: scale(1.2);*/
  /*transform: scale(1.2);*/

}
.txt1_png{
  background-image:url("../images/part1/txt1_1.png");
  background-size:100% 100%;
  position:absolute;
  left:1.2rem;
  top:9.83rem;
  width:5.19rem;
  height:2.12rem;
  z-index:11;
}
.txt1_2_png{
  background-image:url("../images/part1/txt1_2.png");
  background-size:100% 100%;
  position:absolute;
  left:4.73rem;
  top:20.13rem;
  width:2.41rem;
  height:5.69rem;
  z-index:10;
}
.txt1_3_2_png{
  background-image:url("../images/part1/txt1_3_2.png");
  background-size:100% 100%;
  position:absolute;
  left:1.24rem;
  top:34.4rem;
  width:5.32rem;
  height:1.44rem;
  z-index:9;
}
.img1_2_png{
  background-image:url("../images/part1/img1_2.png");
  background-size:100% 100%;
  position:absolute;
  left:0.59rem;
  top:19.1rem;
  width:4.03rem;
  height:7.62rem;
  z-index:8;
}
.img1_3_png{
  background-image:url("../images/part1/img1_3.png");
  background-size:100% 100%;
  position:absolute;
  left:1.54rem;
  top:27.14rem;
  width:5.26rem;
  height:5.81rem;
  z-index:7;
}
.img1_4_png{
  background-image:url("../images/part1/img1_4.png");
  background-size:100% 100%;
  position:absolute;
  left:2.19rem;
  top:40.78rem;
  width:5.05rem;
  height:3.18rem;
  z-index:6;
}
.rec1_1_png{
  background-image:url("../images/part1/rec1_1.png");
  background-size:100% 100%;
  position:absolute;
  left:2.62rem;
  top:15.28rem;
  width:17.41rem;
  height:13rem;
  z-index:5;
}
.rec1_2_png{
  background-image:url("../images/part1/rec1_2.png");
  background-size:100% 100%;
  position:absolute;
  left:-5.29rem;
  top:44.44rem;
  width:8.8rem;
  height:17.3rem;
  z-index:4;
}
.line1_4_png{
  background-color:rgb(243,203,77);
  position:absolute;
  left:2.82rem;
  top:14.88rem;
  width:0.06rem;
  height:8.89rem;
  z-index:3;
}
.sec.actived .title_png{
  /*animation: show 1s ease-in-out alternate forwards;*/
  /*-webkit-animation: show 1s ease-in-out alternate  forwards;*/
}

/* --------------------------------------------  part2 -----------------------------------------------*/
.part2{
  background-image:url("../images/bg2.jpg");
  background-size:100% 100%;
  position:relative;
  left:0rem;
  top:0rem;
  width:7.5rem;
  height:90.98rem;
  z-index:59;
}

.img2_13_3_png{
  background-image:url("../images/part2/img2_13_3.png");
  background-size:100% 100%;
  position:absolute;
  left:0.63rem;
  top:126.41rem;
  width:6.18rem;
  height:8.6rem;
  z-index:55;
}
.img2_12_4_png{
  background-image:url("../images/part2/img2_12_4.png");
  background-size:100% 100%;
  position:absolute;
  left:0.65rem;
  top:112.61rem;
  width:5.62rem;
  height:1.04rem;
  z-index:54;
}
.img2_12_6_png{
  background-image:url("../images/part2/img2_12_6.png");
  background-size:100% 100%;
  position:absolute;
  left:0.37rem;
  top:118.97rem;
  width:6.09rem;
  height:1.1rem;
  z-index:53;
}
.img2_12_5_png{
  background-image:url("../images/part2/img2_12_5.png");
  background-size:100% 100%;
  position:absolute;
  left:1.57rem;
  top:115.44rem;
  width:5.47rem;
  height:2.25rem;
  z-index:52;
}
.img2_12_3_png{
  background-image:url("../images/part2/img2_12_3.png");
  background-size:100% 100%;
  position:absolute;
  left:0.75rem;
  top:108.59rem;
  width:4.94rem;
  height:0.96rem;
  z-index:51;
}
.img2_12_bg_wrap{
  width: 7.5rem;
  height: 0;
  position:absolute;
  left: 0;
  top:52.4rem;
  overflow: hidden;
}
.img2_12_bg_png{
  background-image:url("../images/n3_line.png");
  background-size:100% 100%;
  position:absolute;
  left:0;
  top:0;
  width:7.5rem;
  height:17.65rem;
  z-index:50;
  opacity: 1 !important;
}
.img2_12_2_png{
  background-image:url("../images/img2_12_2.png");
  background-size:100% 100%;
  position:absolute;
  left:1.21rem;
  top:105.55rem;
  width:5.55rem;
  height:0.99rem;
  z-index:49;
}
.img2_10_2_png{
  background-image:url("../images/part2/img2_10_2.png");
  background-size:100% 100%;
  position:absolute;
  left:3.17rem;
  top:90.53rem;
  width:2.76rem;
  height:1.75rem;
  z-index:48;
}
.img2_11_2_png{
  background-image:url("../images/part2/img2_11_2.png");
  background-size:100% 100%;
  position:absolute;
  left:1.61rem;
  top:97.11rem;
  width:2.75rem;
  height:1.67rem;
  z-index:47;
}
.img2_9_2_png{
  background-image:url("../images/part2/img2_9_2.png");
  background-size:100% 100%;
  position:absolute;
  left:2.55rem;
  top:82.76rem;
  width:2.51rem;
  height:1.62rem;
  z-index:46;
}
.img2_10_png{
  background-image:url("../images/part2/img2_10.png");
  background-size:100% 100%;
  position:absolute;
  left:0.89rem;
  top:85.86rem;
  width:5.26rem;
  height:5.81rem;
  z-index:45;
}
.img2_11_png{
  background-image:url("../images/part2/img2_11.png");
  background-size:100% 100%;
  position:absolute;
  left:1.43rem;
  top:92.34rem;
  width:4.45rem;
  height:5.74rem;
  z-index:44;
}
.title2_11_png{
  background-image:url("../images/part2/title2_11.png");
  background-size:100% 100%;
  position:absolute;
  left:0.57rem;
  top:93.31rem;
  width:0.57rem;
  height:3.48rem;
  z-index:43;
}
.img2_9_png{
  background-image:url("../images/part2/img2_9.png");
  background-size:100% 100%;
  position:absolute;
  left:2.19rem;
  top:77.16rem;
  width:4.03rem;
  height:6.56rem;
  z-index:42;
}
.img2_8_2_png{
  background-image:url("../images/part2/img2_8_2.png");
  background-size:100% 100%;
  position:absolute;
  left:2.59rem;
  top:75.13rem;
  width:2.93rem;
  height:1.88rem;
  z-index:41;
}
.title2_7_1_png{
  background-image:url("../images/part2/title2_7_1.png");
  background-size:100% 100%;
  position:absolute;
  left:0.93rem;
  top:58.26rem;
  width:6.03rem;
  height:0.84rem;
  z-index:40;
}
.img2_6_4_png{
  background-image:url("../images/part2/img2_6_4.png");
  background-size:100% 100%;
  position:absolute;
  left:0.86rem;
  top:54.44rem;
  width:2.46rem;
  height:2.84rem;
  z-index:39;
  opacity: 1 !important;
  -webkit-animation: moveani 2s 1.5s infinite linear;
  animation: moveani 2s 1.5s infinite linear;
}
.img2_6_3_png{
  background-image:url("../images/part2/img2_6_3.png");
  background-size:100% 100%;
  position:absolute;
  left:4.43rem;
  top:53.19rem;
  width:1.56rem;
  height:2.66rem;
  z-index:38;
  opacity: 1 !important;
  -webkit-animation: moveani 2.5s 1s infinite linear;
  animation: moveani 2.5s 1s infinite linear;
}
.img2_6_2_png{
  background-image:url("../images/part2/img2_6_2.png");
  background-size:100% 100%;
  position:absolute;
  left:2.22rem;
  top:51.18rem;
  width:1.43rem;
  height:2.26rem;
  z-index:37;
  opacity: 1 !important;
  -webkit-animation: moveani 3s 0.5s infinite linear;
  animation: moveani 3s 0.5s infinite linear;
}
.img2_6_1_png{
  background-image:url("../images/part2/img2_6_1.png");
  background-size:100% 100%;
  position:absolute;
  left:5.06rem;
  top:49.48rem;
  width:1.41rem;
  height:2.56rem;
  z-index:36;
  opacity: 1 !important;
  -webkit-animation: moveani 2s infinite linear;
  animation: moveani 2s infinite linear;
}
@-webkit-keyframes moveani {
  0% {
    transform: translate(0, 0);
  }
  12% {
    transform: translate(0.1rem, -0.1rem);
  }
  24% {
    transform: translate(0.2rem, -0.2rem);
  }
  36% {
    transform: translate(0.3rem, -0.1rem);
  }
  48% {
    transform: translate(0.4rem, 0rem);
  }
  60% {
    transform: translate(0.3rem, 0.1rem);
  }
  72% {
    transform: translate(0.2rem, 0.2rem);
  }
  84% {
    transform: translate(0.1rem, 0.1rem);
  }
  96% {
    transform: translate(0rem, 0rem);
  }
  100% {
    transform: translate(0rem, 0rem);
  }
}
@keyframes moveani {
  0% {
    transform: translate(0, 0);
  }
  12% {
    transform: translate(0.1rem, -0.1rem);
  }
  24% {
    transform: translate(0.2rem, -0.2rem);
  }
  36% {
    transform: translate(0.3rem, -0.1rem);
  }
  48% {
    transform: translate(0.4rem, 0rem);
  }
  60% {
    transform: translate(0.3rem, 0.1rem);
  }
  72% {
    transform: translate(0.2rem, 0.2rem);
  }
  84% {
    transform: translate(0.1rem, 0.1rem);
  }
  96% {
    transform: translate(0rem, 0rem);
  }
  100% {
    transform: translate(0rem, 0rem);
  }
}

.img2_1_1_png{
  background-image:url("../images/part2/img2_1_1.png");
  background-size:100% 100%;
  position:absolute;
  left:1.52rem;
  top:7.75rem;
  width:4.29rem;
  height:1.14rem;
  z-index:35;
}
.img2_1_2_png{
  background-image:url("../images/part2/img2_1_2.png");
  background-size:100% 100%;
  position:absolute;
  left:0.86rem;
  top:6.94rem;
  width:5.62rem;
  height:1.49rem;
  z-index:34;
}
.img2_2_png{
  background-image:url("../images/part2/img2_2.png");
  background-size:100% 100%;
  position:absolute;
  left:1.54rem;
  top:9.24rem;
  width:4.38rem;
  height:4.38rem;
  z-index:33;
}
.img2_8_png{
  background-image:url("../images/part2/img2_8.png");
  background-size:100% 100%;
  position:absolute;
  left:-0.15rem;
  top:68.79rem;
  width:5.69rem;
  height:8.21rem;
  z-index:32;
}
.img2_7_png{
  background-image:url("../images/part2/img2_7.png");
  background-size:100% 100%;
  position:absolute;
  left:0.11rem;
  top:58.98rem;
  width:7.39rem;
  height:1.59rem;
  z-index:31;
}
.img2_7_2_png{
  background-image:url("../images/part2/img2_7_2.png");
  background-size:100% 100%;
  position:absolute;
  left:0rem;
  top:63.39rem;
  width:7.5rem;
  height:1.35rem;
  z-index:30;
}
.line2_1_png{
  background-image:url("../images/part2/line2_1.png");
  background-size:100% 100%;
  position:absolute;
  left:6.95rem;
  top:29.03rem;
  width:0.08rem;
  height:1.79rem;
  z-index:29;
}
.title2_1_png{
  background-image:url("../images/part2/title2_1.png");
  background-size:100% 100%;
  position:absolute;
  left:1.74rem;
  top:1.68rem;
  width:3.99rem;
  height:2.37rem;
  z-index:28;
}
.img2_13_1_png{
  background-image:url("../images/part2/img2_13_1.png");
  background-size:100% 100%;
  position:absolute;
  left:1.63rem;
  top:123.28rem;
  width:4.29rem;
  height:1.92rem;
  z-index:27;
}
.img2_13_2_png{
  background-image:url("../images/part2/img2_13_2.png");
  background-size:100% 100%;
  position:absolute;
  left:2.19rem;
  top:126.11rem;
  width:2.98rem;
  height:3.79rem;
  z-index:26;
}
.img2_12_1_png{
  background-image:url("../images/part2/img2_12_1.png");
  background-size:100% 100%;
  position:absolute;
  left:2.07rem;
  top:100.43rem;
  width:3.44rem;
  height:2.78rem;
  z-index:25;
}
.title2_8_png{
  background-image:url("../images/part2/title2_8.png");
  background-size:100% 100%;
  position:absolute;
  left:0.44rem;
  top:66.85rem;
  width:5.89rem;
  height:2.89rem;
  z-index:24;
}
.title2_7_2_png{
  background-image:url("../images/part2/title2_7_2.png");
  background-size:100% 100%;
  position:absolute;
  left:1.22rem;
  top:61.54rem;
  width:5.36rem;
  height:1.14rem;
  z-index:23;
}
.img2_5_png{
  background-image:url("../images/part2/img2_5.png");
  background-size:100% 100%;
  position:absolute;
  left:1.64rem;
  top:42.55rem;
  width:5.94rem;
  height:6.46rem;
  z-index:22;
}
.title2_5_png{
  background-image:url("../images/part2/title2_5.png");
  background-size:100% 100%;
  position:absolute;
  left:2.11rem;
  top:41.39rem;
  width:5.17rem;
  height:1.96rem;
  z-index:21;
}
.title2_10_1_png{
  background-image:url("part2/title2_10_1.png");
  background-size:100% 100%;
  position:absolute;
  left:6.41rem;
  top:87.17rem;
  width:0.59rem;
  height:5.82rem;
  z-index:20;
}
.title2_9_png{
  background-image:url("../images/part2/title2_9.png");
  background-size:100% 100%;
  position:absolute;
  left:1.17rem;
  top:77.82rem;
  width:0.57rem;
  height:5.82rem;
  z-index:19;
}
.title2_8_2_png{
  background-image:url("../images/part2/title2_8_2.png");
  background-size:100% 100%;
  position:absolute;
  left:6.08rem;
  top:69.7rem;
  width:0.57rem;
  height:6.4rem;
  z-index:18;
}
.title2_3_2_png{
  background-image:url("../images/part2/title2_3_2.png");
  background-size:100% 100%;
  position:absolute;
  left:1.63rem;
  top:30.27rem;
  width:4.66rem;
  height:0.98rem;
  z-index:17;
}
.title2_3_1_png{
  background-image:url("../images/part2/title2_3_1.png");
  background-size:100% 100%;
  position:absolute;
  left:0.6rem;
  top:29.54rem;
  width:4.69rem;
  height:1.01rem;
  z-index:16;
}
.title2_4_png{
  background-image:url("../images/part2/title2_4.png");
  background-size:100% 100%;
  position:absolute;
  left:3.81rem;
  top:34.75rem;
  width:1.93rem;
  height:6.24rem;
  z-index:15;
}
.title2_2_png{
  background-image:url("../images/part2/title2_2.png");
  background-size:100% 100%;
  position:absolute;
  left:1.92rem;
  top:6.53rem;
  width:3.38rem;
  height:1.51rem;
  z-index:14;
}
.img2_3_png{
  background-image:url("../images/part2/img2_3.png");
  background-size:100% 100%;
  position:absolute;
  left:1.96rem;
  top:14.78rem;
  width:3.6rem;
  height:6.08rem;
  z-index:13;
}
.img2_4_png{
  background-image:url("../images/part2/img2_4.png");
  background-size:100% 100%;
  position:absolute;
  left:1.49rem;
  top:24.2rem;
  width:5.26rem;
  height:5.81rem;
  z-index:12;
}
.rec2_1_1_png{
  background-image:url("../images/part2/rec2_1_1.png");
  background-size:100% 100%;
  position:absolute;
  left:1.79rem;
  top:30.51rem;
  width:2.95rem;
  height:0.98rem;
  z-index:11;
}
.rec2_1_2_png{
  background-image:url("../images/part2/rec2_1_2.png");
  background-size:100% 100%;
  position:absolute;
  left:1.91rem;
  top:31.73rem;
  width:2.72rem;
  height:0.91rem;
  z-index:10;
}
.rec2_1_3_png{
  background-image:url("../images/part2/rec2_1_3.png");
  background-size:100% 100%;
  position:absolute;
  left:1.2rem;
  top:30.82rem;
  width:4.04rem;
  height:1.34rem;
  z-index:9;
}
.rec2_2_png{
  background-image:url("../images/part2/rec2_2.png");
  background-size:100% 100%;
  position:absolute;
  left:0rem;
  top:34.74rem;
  width:3.99rem;
  height:13.88rem;
  z-index:8;
}

/* --------------------------------------------  part3 -----------------------------------------------*/

.part3{
  background-image:url("../images/bg3.jpg");
  background-size:100% 100%;
  position:relative;
  left:0rem;
  top:0rem;
  width:7.5rem;
  height:126.28rem;
  z-index:45;
}
.img3_linebg_wrap{
  position: absolute;
  top:3.46rem;
  width:100%;
  height: 0;
  left: 0;
  opacity: 1 !important;
  overflow: hidden;
}
.img3_linebg{
  background-image:url("../images/part3/img3_linebg.png");
  background-size:100% 100%;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:56.48rem;
  opacity: 1 !important;
}
.img3_dot8_png{
  background-image:url("../images/part3/img3_dot1.png");
  background-size:100% 100%;
  position:absolute;
  left:1.18rem;
  top:54.64rem;
  width:0.34rem;
  height:0.34rem;
  z-index:44;
}
.img3_dot7_png{
  background-image:url("../images/part3/img3_dot1.png");
  background-size:100% 100%;
  position:absolute;
  left:1.23rem;
  top:45.04rem;
  width:0.34rem;
  height:0.34rem;
  z-index:43;
}
.img3_5_2_png{
  background-image:url("../images/part3/img3_5_2.png");
  background-size:100% 100%;
  position:absolute;
  left:1.67rem;
  top:114.63rem;
  width:2.94rem;
  height:1.97rem;
  z-index:42;
}
.img3_5_1_png{
  background-image:url("../images/part3/img3_5_1.png");
  background-size:100% 100%;
  position:absolute;
  left:0.32rem;
  top:111.32rem;
  width:4.2rem;
  height:2.76rem;
  z-index:41;
}
.img3_4_png{
  background-image:url("../images/part3/img3_4.png");
  background-size:100% 100%;
  position:absolute;
  left:0.37rem;
  top:92.07rem;
  width:4.47rem;
  height:2.51rem;
  z-index:40;
}
.img3_3_7_png{
  background-image:url("../images/part3/img3_3_7.png");
  background-size:100% 100%;
  position:absolute;
  left:0.37rem;
  top:84.37rem;
  width:6.74rem;
  height:5.5rem;
  z-index:39;
}
.img3_3_5_png{
  background-image:url("../images/part3/img3_3_5.png");
  background-size:100% 100%;
  position:absolute;
  left:0.21rem;
  top:77.64rem;
  width:5.94rem;
  height:5.06rem;
  z-index:38;
}
.img3_3_3_png{
  background-image:url("../images/part3/img3_3_3.png");
  background-size:100% 100%;
  position:absolute;
  left:0.14rem;
  top:74.93rem;
  width:2.38rem;
  height:3.43rem;
  z-index:37;
}
.img3_3_4_png{
  background-image:url("../images/part3/img3_3_4.png");
  background-size:100% 100%;
  position:absolute;
  left:0rem;
  top:74.02rem;
  width:2.17rem;
  height:3.77rem;
  z-index:36;
}
.img3_3_6_png{
  background-image:url("../images/part3/img3_3_6.png");
  background-size:100% 100%;
  position:absolute;
  left:0rem;
  top:78.18rem;
  width:7.5rem;
  height:10.67rem;
  z-index:35;
}
.img3_4_2_png{
  background-image:url("../images/part3/img3_4_2.png");
  background-size:100% 100%;
  position:absolute;
  left:0rem;
  top:93.23rem;
  width:7.5rem;
  height:7.19rem;
  z-index:34;
}
.img3_3_2_png{
  background-image:url("../images/part3/img3_3_2.png");
  background-size:100% 100%;
  position:absolute;
  left:1.47rem;
  top:67.52rem;
  width:6.03rem;
  height:9.46rem;
  z-index:33;
}
.img3_1_png{
  background-image:url("../images/part3/img3_1.png");
  background-size:100% 100%;
  position:absolute;
  left:0rem;
  top:6.34rem;
  width:6.62rem;
  height:5.25rem;
  z-index:32;
}
.img3_2_4_png{
  background-image:url("../images/part3/img3_2_4.png");
  background-size:100% 100%;
  position:absolute;
  left:0.74rem;
  top:61.9rem;
  width:6.16rem;
  height:4.4rem;
  z-index:31;
}
.img3_2_3_png{
  background-image:url("../images/part3/img3_2_3.png");
  background-size:100% 100%;
  position:absolute;
  left:0.42rem;
  top:60.06rem;
  width:6.03rem;
  height:4.7rem;
  z-index:30;
}
.img3_2_2_png{
  background-image:url("../images/part3/img3_2_2.png");
  background-size:100% 100%;
  position:absolute;
  left:1.37rem;
  top:59.98rem;
  width:3.3rem;
  height:2.83rem;
  z-index:29;
}
.img3_2_1_png{
  background-image:url("../images/part3/img3_2_1.png");
  background-size:100% 100%;
  position:absolute;
  left:0rem;
  top:58.66rem;
  width:4.74rem;
  height:3.34rem;
  z-index:28;
}
.title3_3_5_png{
  background-image:url("../images/part3/title3_3_5.png");
  background-size:100% 100%;
  position:absolute;
  left:0.89rem;
  top:35.02rem;
  width:6.61rem;
  height:2.72rem;
  z-index:27;
}
.title3_3_1_png{
  background-image:url("../images/part3/title3_3_1.png");
  background-size:100% 100%;
  position:absolute;
  left:0rem;
  top:14.76rem;
  width:7.5rem;
  height:1.83rem;
  z-index:26;
}
.title3_3_7_png{
  background-image:url("../images/part3/title3_3_7.png");
  background-size:100% 100%;
  position:absolute;
  left:1.36rem;
  top:45.21rem;
  width:4.69rem;
  height:2.21rem;
  z-index:25;
}
.title3_3_8_png{
  background-image:url("../images/part3/title3_3_8.png");
  background-size:100% 100%;
  position:absolute;
  left:0.72rem;
  top:51.4rem;
  width:6.01rem;
  height:3.42rem;
  z-index:24;
}
.title3_3_6_png{
  background-image:url("../images/part3/title3_3_6.png");
  background-size:100% 100%;
  position:absolute;
  left:0.88rem;
  top:39.94rem;
  width:6.37rem;
  height:2.47rem;
  z-index:23;
}
.img3_dot6_png{
  background-image:url("../images/part3/img3_dot1.png");
  background-size:100% 100%;
  position:absolute;
  left:5.83rem;
  top:42.53rem;
  width:0.34rem;
  height:0.34rem;
  z-index:22;
}
.img3_dot5_png{
  background-image:url("../images/part3/img3_dot1.png");
  background-size:100% 100%;
  position:absolute;
  left:5.79rem;
  top:34.6rem;
  width:0.34rem;
  height:0.34rem;
  z-index:21;
}
.img3_dot4_png{
  background-image:url("../images/part3/img3_dot1.png");
  background-size:100% 100%;
  position:absolute;
  left:0.74rem;
  top:32.64rem;
  width:0.34rem;
  height:0.34rem;
  z-index:20;
}
.img3_dot3_png{
  background-image:url("../images/part3/img3_dot1.png");
  background-size:100% 100%;
  position:absolute;
  left:4.2rem;
  top:25.03rem;
  width:0.34rem;
  height:0.34rem;
  z-index:19;
}
.img3_dot2_png{
  background-image:url("../images/part3/img3_dot1.png");
  background-size:100% 100%;
  position:absolute;
  left:6.38rem;
  top:18.96rem;
  width:0.34rem;
  height:0.34rem;
  z-index:18;
}
.img3_dot1_png{
  background-image:url("../images/part3/img3_dot1.png");
  background-size:100% 100%;
  position:absolute;
  left:0.75rem;
  top:15.28rem;
  width:0.34rem;
  height:0.34rem;
  z-index:17;
}
.title3_3_4_png{
  background-image:url("../images/part3/title3_3_4.png");
  background-size:100% 100%;
  position:absolute;
  left:0.37rem;
  top:29.74rem;
  width:4.77rem;
  height:2.29rem;
  z-index:16;
}
.title3_3_2_png{
  background-image:url("../images/part3/title3_3_2.png");
  background-size:100% 100%;
  position:absolute;
  left:1.76rem;
  top:18.92rem;
  width:5.01rem;
  height:2.34rem;
  z-index:15;
}
.title3_3_3_png{
  background-image:url("../images/part3/title3_3_3.png");
  background-size:100% 100%;
  position:absolute;
  left:2.3rem;
  top:23.97rem;
  width:4.42rem;
  height:2.93rem;
  z-index:14;
}
.img3_5_3_png{
  background-image:url("../images/part3/img3_5_3.png");
  background-size:100% 100%;
  position:absolute;
  left:5.16rem;
  top:114.75rem;
  width:1.53rem;
  height:3.31rem;
  z-index:13;
}
.img3_5_4_png{
  background-image:url("../images/part3/img3_5_4.png");
  background-size:100% 100%;
  position:absolute;
  left:0.86rem;
  top:117.24rem;
  width:6.38rem;
  height:2.49rem;
  z-index:12;
}
.img3_3_1_png{
  background-image:url("../images/part3/img3_3_1.png");
  background-size:100% 100%;
  position:absolute;
  left:0.66rem;
  top:68.56rem;
  width:3.62rem;
  height:4.22rem;
  z-index:11;
}
.title3_1_png{
  background-image:url("../images/part3/title3_1.png");
  background-size:100% 100%;
  position:absolute;
  left:1.72rem;
  top:0.77rem;
  width:3.89rem;
  height:2.54rem;
  z-index:10;
}
.title3_2_png{
  background-image:url("../images/part3/title3_2.png");
  background-size:100% 100%;
  position:absolute;
  left:2.88rem;
  top:4.15rem;
  width:3.59rem;
  height:2.32rem;
  z-index:9;
}

.n4_1{
  background-image:url("../images/n4_1.png");
  background-size:100% 100%;
  position:absolute;
  left: 0.28rem;
  top: 101.15rem;
  width:6.71rem;
  height:5.48rem;
  z-index:9;
}
.n4_2{
  background-image:url("../images/n4_2.png");
  background-size:100% 100%;
  position:absolute;
  left: 1.48rem;
  top: 104.35rem;
  width:5.5rem;
  height:5.44rem;
  z-index:9;
}

.img3_dot1_png,.img3_dot2_png,.img3_dot3_png,.img3_dot4_png,.img3_dot5_png,.img3_dot6_png,.img3_dot7_png,.img3_dot8_png{
  animation: show 1s ease-in-out infinite; -webkit-animation: show 1s ease-in-out infinite;
  display: none;
}

/* --------------------------------------------  part4 -----------------------------------------------*/
.part4{
  background-image:url("../images/bg4.jpg");
  background-size:100% 100%;
  position:relative;
  left:0rem;
  top:0rem;
  width:7.5rem;
  height:94.33rem;
  z-index:71;
}
.title4_1_png{
  background-image:url("../images/part4/title4_1.png");
  background-size:100% 100%;
  position:absolute;
  left:1.49rem;
  top:1.27rem;
  width:4.55rem;
  height:2.81rem;
  z-index:70;
}
.title4_6_png{
  background-image:url("../images/part4/title4_6.png");
  background-size:100% 100%;
  position:absolute;
  left:2.84rem;
  top:25.02rem;
  width:0.84rem;
  height:8.41rem;
  z-index:69;
}
.img4_1_png{
  background-image:url("../images/part4/img4_1.png");
  background-size:100% 100%;
  position:absolute;
  left:3.84rem;
  top:6.71rem;
  width:3.66rem;
  height:8.79rem;
  z-index:68;
  -webkit-transform: translate(0,-0.3rem);
  transform: translate(0,-0.3rem);
  opacity: 1 !important;
  animation: show 3s ease alternate infinite; -webkit-animation: show 3s ease alternate infinite;
}
.img4_3_3_png{
  background-image:url("../images/part4/img4_3_3.png");
  background-size:100% 100%;
  opacity:0.439;
  position:absolute;
  left:0.09rem;
  top:87.74rem;
  width:7.24rem;
  height:2.07rem;
  z-index:67;
}
.img4_3_png{
  background-image:url("../images/part4/img4_3.png");
  background-size:100% 100%;
  position:absolute;
  left:1.28rem;
  top:25.65rem;
  width:4.95rem;
  height:8.27rem;
  z-index:66;
}
.img4_2_png{
  background-image:url("../images/part4/img4_2.png");
  background-size:100% 100%;
  position:absolute;
  left:3.26rem;
  top:15.09rem;
  width:6.47rem;
  height:1.66rem;
  z-index:65;
}
.img4_3_2_png{
  background-image:url("../images/part4/img4_3_2.png");
  background-size:100% 100%;
  position:absolute;
  left:1.01rem;
  top:89.04rem;
  width:5.53rem;
  height:1.84rem;
  z-index:64;
}
.title4_2_png{
  background-image:url("../images/part4/title4_2.png");
  background-size:100% 100%;
  position:absolute;
  left:0.76rem;
  top:6.32rem;
  width:2.76rem;
  height:7.2rem;
  z-index:63;
}
.title4_7_png{
  background-image:url("../images/part4/title4_7.png");
  background-size:100% 100%;
  position:absolute;
  left:3.96rem;
  top:25.81rem;
  width:0.84rem;
  height:6.81rem;
  z-index:62;
}
.title4_5_png{
  background-image:url("../images/part4/title4_5.png");
  background-size:100% 100%;
  position:absolute;
  left:0.69rem;
  top:22.82rem;
  width:6.14rem;
  height:1.28rem;
  z-index:61;
}
.title4_4_png{
  background-image:url("../images/part4/title4_4.png");
  background-size:100% 100%;
  position:absolute;
  left:1.56rem;
  top:20.75rem;
  width:4.46rem;
  height:1.23rem;
  z-index:60;
}
.title4_3_png{
  background-image:url("../images/part4/title4_3.png");
  background-size:100% 100%;
  position:absolute;
  left:1.29rem;
  top:18.85rem;
  width:5.01rem;
  height:1.23rem;
  z-index:59;
}



/* --------------------------------------------  part5 -----------------------------------------------*/

.part5{
  background-image:url("../images/bg5.jpg");
  background-size:100% 100%;
  position:relative;
  left:0rem;
  top:0rem;
  width:7.5rem;
  height:95.76rem;
  z-index:39;
}
.title{
  position:absolute;
  left:0rem;
  top:0rem;
  width:7.5rem;
  height:95.76rem;
  z-index:38;
}
.line_png_wrap{
  position: absolute;
  width: 7.5rem;
  height: 0;
  left:0;
  top:10.07rem;
  opacity: 1 !important;
  overflow: hidden;
}
.line_png{
  background-image:url("../images/part5/line.png");
  background-size:100% 100%;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:61.44rem;
  z-index:37;
  opacity: 1 !important;
}
.icon5_png{
  background-image:url("../images/part5/icon5.png");
  background-size:100% 100%;
  position:absolute;
  left:1.32rem;
  top:64.14rem;
  width:0.26rem;
  height:2.68rem;
  z-index:36;
}
.icon4_png{
  background-image:url("../images/part5/icon4.png");
  background-size:100% 100%;
  position:absolute;
  left:5.3rem;
  top:46.32rem;
  width:0.32rem;
  height:2.68rem;
  z-index:35;
}
.icon3_png{
  background-image:url("../images/part5/icon3.png");
  background-size:100% 100%;
  position:absolute;
  left:1.32rem;
  top:35.48rem;
  width:0.26rem;
  height:2.68rem;
  z-index:34;
}
.icon2_png{
  background-image:url("../images/part5/icon2.png");
  background-size:100% 100%;
  position:absolute;
  left:5.64rem;
  top:24.88rem;
  width:0.26rem;
  height:2.68rem;
  z-index:33;
}
.icon1_png{
  background-image:url("../images/part5/icon1.png");
  background-size:100% 100%;
  position:absolute;
  left:1.49rem;
  top:13.22rem;
  width:0.26rem;
  height:2.68rem;
  z-index:32;
}
.title5_1_png {
  background-image: url("../images/part5/title5_1.png");
  background-size: 100% 100%;
  position: absolute;
  left: 1.64rem;
  top: 1.52rem;
  width: 4.34rem;
  height: 2.63rem;
  z-index: 30;
}
.title5_2_png{
  background-image:url("../images/part5/title5_2.png");
  background-size:100% 100%;
  position:absolute;
  left:1.64rem;
  top:2.4rem;
  width:4.34rem;
  height:1.75rem;
  z-index:30;
}
.title5_3_png{
  background-image:url("../images/part5/title5_3.png");
  background-size:100% 100%;
  position:absolute;
  left:0.57rem;
  top:6.26rem;
  width:0.95rem;
  height:5.53rem;
  z-index:29;
}
.title5_4_png{
  background-image:url("../images/part5/title5_4.png");
  background-size:100% 100%;
  position:absolute;
  left:3.28rem;
  top:7.48rem;
  width:2.44rem;
  height:2.43rem;
  z-index:28;
}
.title5_5_png{
  background-image:url("../images/part5/title5_5.png");
  background-size:100% 100%;
  position:absolute;
  left:2.67rem;
  top:17.25rem;
  width:1.91rem;
  height:2.22rem;
  z-index:27;
}
.title5_6_png{
  background-image:url("../images/part5/title5_6.png");
  background-size:100% 100%;
  position:absolute;
  left:5.77rem;
  top:17.86rem;
  width:0.98rem;
  height:6.76rem;
  z-index:26;
}
.title5_7_png{
  background-image:url("../images/part5/title5_7.png");
  background-size:100% 100%;
  position:absolute;
  left:0.31rem;
  top:29.03rem;
  width:0.79rem;
  height:6.76rem;
  z-index:25;
}
.title5_8_png{
  background-image:url("../images/part5/title5_8.png");
  background-size:100% 100%;
  position:absolute;
  left:3.05rem;
  top:29.19rem;
  width:2.61rem;
  height:2.12rem;
  z-index:24;
}
.title5_9_png{
  background-image:url("../images/part5/title5_9.png");
  background-size:100% 100%;
  position:absolute;
  left:1.58rem;
  top:39.82rem;
  width:2.56rem;
  height:2.32rem;
  z-index:23;
}
.title5_10_png{
  background-image:url("../images/part5/title5_10.png");
  background-size:100% 100%;
  position:absolute;
  left:5.68rem;
  top:39.68rem;
  width:1.11rem;
  height:7.52rem;
  z-index:22;
}
.title5_11_png{
  background-image:url("../images/part5/title5_11.png");
  background-size:100% 100%;
  position:absolute;
  left:0.4rem;
  top:54.14rem;
  width:0.97rem;
  height:8.76rem;
  z-index:21;
}
.title5_12_png{
  background-image:url("../images/part5/title5_12.png");
  background-size:100% 100%;
  position:absolute;
  left:3.14rem;
  top:54.62rem;
  width:2.77rem;
  height:2.12rem;
  z-index:20;
}
.title5_13_png{
  background-image:url("../images/part5/title5_13.png");
  background-size:100% 100%;
  position:absolute;
  left:1.32rem;
  top:68.77rem;
  width:4.95rem;
  height:2.62rem;
  z-index:19;
}
.title5_14_png{
  background-image:url("../images/part5/title5_14.png");
  background-size:100% 100%;
  position:absolute;
  left:1.32rem;
  top:70.39rem;
  width:4.4rem;
  height:2.45rem;
  z-index:18;
}
.title5_15_png{
  background-image:url("../images/part5/title5_15.png");
  background-size:100% 100%;
  position:absolute;
  left:2.43rem;
  top:74.84rem;
  width:4.3rem;
  height:3.91rem;
  z-index:17;
}
.title5_16_png{
  background-image:url("../images/part5/title5_16.png");
  background-size:100% 100%;
  position:absolute;
  left:0.74rem;
  top:85.48rem;
  width:0.78rem;
  height:6.53rem;
  z-index:16;
}
.title5_17_png{
  background-image:url("../images/part5/title5_17.png");
  background-size:100% 100%;
  position:absolute;
  left:1.96rem;
  top:82.47rem;
  width:4.16rem;
  height:2.31rem;
  z-index:15;
}
.title5_18_png{
  background-image:url("../images/part5/title5_18.png");
  background-size:100% 100%;
  position:absolute;
  left:2.29rem;
  top:83.86rem;
  width:3.42rem;
  height:3.29rem;
  z-index:14;
}
.title5_19_png{
  background-image:url("../images/part5/title5_19.png");
  background-size:100% 100%;
  position:absolute;
  left:1.97rem;
  top:86.17rem;
  width:4.12rem;
  height:2.01rem;
  z-index:13;
}
.title5_20_png{
  background-image:url("../images/part5/title5_20.png");
  background-size:100% 100%;
  position:absolute;
  left:2.01rem;
  top:87.17rem;
  width:3.99rem;
  height:2.84rem;
  z-index:12;
}
.img{
  position:absolute;
  left:0rem;
  top:0rem;
  width:7.5rem;
  height:95.76rem;
  z-index:10;
}
.img5_6_png{
  background-image:url("../images/part5/img5_6.png");
  background-size:100% 100%;
  position:absolute;
  left:1.85rem;
  top:55.86rem;
  width:7.5rem;
  height:10rem;
  z-index:9;
}
.img5_5_png{
  background-image:url("../images/part5/img5_5.png");
  background-size:100% 100%;
  position:absolute;
  left:1.95rem;
  top:46.61rem;
  width:6.03rem;
  height:4.52rem;
  z-index:8;
}
.img5_4_png{
  background-image:url("../images/part5/img5_4.png");
  background-size:100% 100%;
  position:absolute;
  left:-1.54rem;
  top:40.8rem;
  width:6.54rem;
  height:7.36rem;
  z-index:7;
}
.img5_3_png{
  background-image:url("../images/part5/img5_3.png");
  background-size:100% 100%;
  position:absolute;
  left:1.86rem;
  top:30.48rem;
  width:7.5rem;
  height:5.63rem;
  z-index:6;
}
.img5_2_png{
  background-image:url("../images/part5/img5_2.png");
  background-size:100% 100%;
  position:absolute;
  left:-0.17rem;
  top:18.61rem;
  width:5.23rem;
  height:6.98rem;
  z-index:5;
}
.img5_1_png{
  background-image:url("../images/part5/img5_1.png");
  background-size:100% 100%;
  position:absolute;
  left:2.13rem;
  top:9.12rem;
  width:6.59rem;
  height:4.88rem;
  z-index:4;
}








@-webkit-keyframes show {
  100% {
    -webkit-transform: translate(0, 0) scale(1) rotate(0) skew(0);
    transform: translate(0, 0) scale(1) rotate(0) skew(0);
    opacity: 1;
  }
}
@keyframes show {
  100% {
    -webkit-transform: translate(0, 0) scale(1) rotate(0) skew(0);
    transform: translate(0, 0) scale(1) rotate(0) skew(0);
    opacity: 1;
  }
}


@keyframes showZhao {
  0% {
    transform: scale(3);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes showMu {
  0% {
    transform: translate(1rem, 1rem) scale(0.1);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
}
@keyframes showLing {
  0% {
    transform: scale(3);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes transL {
  0% {
    transform: translate(-1rem, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes transR {
  0% {
    transform: translate(1rem, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes transT {
  0% {
    transform: translate(0, -1rem);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes transB {
  0% {
    transform: translate(0, 1rem);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
.sec0 {
  /*height: 100vh;*/
}
.sec0 .zhao {
  top: 1.94rem;
  left: 2.84rem;
  width: 1.5rem;
  height: 3.83rem;
  background: url('../images/sec0_zhao.png?v2') no-repeat;
  background-size: 100%;
  animation: showZhao .6s .3s forwards linear;
  opacity: 0;
}
.sec0 .mu {
  top: 3.76rem;
  left: 3.55rem;
  width: 1.5rem;
  height: 3.88rem;
  background: url('../images/sec0_mu.png?v2') no-repeat;
  background-size: 100%;
  animation: showMu .6s .6s forwards ;
  opacity: 0;
}
.sec0 .ling {
  top: 5.73rem;
  left: 2.63rem;
  width: 1.44rem;
  height: 3.75rem;
  background: url('../images/sec0_ling.png?v2') no-repeat;
  background-size: 100%;
  animation: showLing .6s .9s forwards ;
  opacity: 0;
}
.sec0 .zyz {
  top: 3.9rem;
  left: 2.83rem;
  width: .57rem;
  height: 1.79rem;
  background: url('../images/sec0_zyz.png?v2') no-repeat;
  background-size: 100%;
  animation: transL 1.1s .9s forwards ;
  opacity: 0;
}
.sec0 .t0 {
  top: 5.56rem;
  left: 4.56rem;
  width: .37rem;
  height: 1.28rem;
  background: url('../images/sec0_t0.png?v2') no-repeat;
  background-size: 100%;
  animation: transR .7s .9s forwards ;
  opacity: 0;
}
.sec0 .t1 {
  top: 6.22rem;
  left: 4.1rem;
  width: .41rem;
  height: 3.55rem;
  background: url('../images/sec0_t1.png?v2') no-repeat;
  background-size: 100%;
  animation: transB 1.5s .9s forwards ;
  opacity: 0;
}
.sec0 .t2 {
  top: 1.22rem;
  left: 1.88rem;
  width: 1.46rem;
  height: 8.34rem;
  background: url('../images/sec0_t2.png?v2') no-repeat;
  background-size: 100%;
  animation: transL 1.6s .9s forwards ;
  opacity: 0;
}
.sec0 .t .pos {
  top: .38rem;
  left: .41rem;
  width: 1.88rem;
  height: 4.53rem;
}
.sec0 .t .d0 {
  background: url('../images/sec0_1_d0.png?v2') no-repeat;
  background-size: 100%;
  animation: transT 1.6s .9s forwards ;
  opacity: 0;
}
.sec0 .t .d1 {
  background: url('../images/sec0_1_d1.png?v2') no-repeat;
  background-size: 100%;
  animation: transR 1.6s .9s forwards ;
  opacity: 0;
}
.sec0 .t .d2 {
  background: url('../images/sec0_1_d2.png?v2') no-repeat;
  background-size: 100%;
  animation: transL 1.6s .9s forwards ;
  opacity: 0;
}
.sec0 .t .d3 {
  background: url('../images/sec0_1_d3.png?v2') no-repeat;
  background-size: 100%;
  animation: transB 1.6s .9s forwards ;
  opacity: 0;
}
.sec0 .b .b-r {
  top: 7.58rem;
  left: 6.8rem;
  width: .27rem;
  height: 3.95rem;
  background: url('../images/sec0_br.png?v2') no-repeat;
  background-size: 100%;
  animation: transR 1.8s .9s forwards ;
  opacity: 0;
}
.sec0 .b .xh {
  bottom: 1.4rem;
  left: .38rem;
  width: .96rem;
  height: 1rem;
  background: url('../images/sec0_xh.png?v2') no-repeat;
  background-size: 100%;
  animation: showZhao 1.8s .9s forwards ;
  opacity: 0;
}
.sec0 .b .arrow {
  bottom: 1.1rem;
  left: 3.5rem;
  width: .53rem;
  height: .81rem;
  background: url('../images/sec0_arrow.png?v2') no-repeat;
  background-size: 100%;
  animation: arrow 1s infinite;
}
.sec1 .spot {
  width: .11rem;
  height: .11rem;
  border-radius: 50%;
  background: #fff;
}
.sec1 .line-t {
  border-top: .02rem dashed #ccb777;
}
.sec1 .line-l {
  border-left: .02rem dashed #ccb777;
}
.sec1 .spots {
  width: .08rem;
  height: .08rem;
  border-radius: 50%;
  background: #fee593;
}
.sec1 .spots:before {
  position: absolute;
  top: -0.06rem;
  left: -0.06rem;
  content: '';
  width: .2rem;
  height: .2rem;
  border-radius: 50%;
  background: #fee593;
  opacity: 0;
  animation: showB 2s .33s infinite linear;
}
.sec1 .spots:after {
  position: absolute;
  top: -0.12rem;
  left: -0.12rem;
  content: '';
  width: .32rem;
  height: .32rem;
  border-radius: 50%;
  background: #fee593;
  opacity: 0;
  animation: showA 2s .66s infinite linear;
}
.sec1 .mark {
  width: .28rem;
  height: .28rem;
  background: url('../images/mark.png?v2') no-repeat;
  background-size: 100%;
}
.sec1 .vod {
  width: 6rem;
  height: 3.36rem;
  background: #000;
}
.sec1 .vod video {
  width: 100%;
  height: 100%;
  background: #000;
}
.sec1 .box0 {
  position: relative;
  height: 9.5rem;
}
.sec1 .box0 .sec1_t {
  top: 1rem;
  left: .47rem;
  width: 2.83rem;
  height: 1.05rem;
  background: url('../images/sec1_b0t.png?v2') no-repeat;
  background-size: 100%;
}
.sec1 .box0 .spot {
  top: 1.5rem;
  left: 2.8rem;
}
.sec1 .box0 .line0 {
  left: 3rem;
  top: 1.55rem;
  width: 3.95rem;
}
.sec1 .box0 .line1 {
  left: 6.93rem;
  top: 1.55rem;
  height: 6.96rem;
}
.sec1 .box0 .line2 {
  right: .55rem;
  top: 8.5rem;
  width: 2.11rem;
}
.sec1 .box0 .spots {
  right: 2.86rem;
  top: 8.466rem;
}
.sec1 .box0 .vod {
  top: 2.65rem;
  left: .62rem;
}
.sec1 .box0 .txt {
  top: 6.66rem;
  padding-left: 1rem;
}
.sec1 .box0 .txt .mark {
  top: 0.1rem;
  left: .56rem;
}
.sec1 .box0 .txt p {
  line-height: .52rem;
  font-size: .26rem;
  color: #fff;
}
.sec1 .box1 {
  position: relative;
  height: 8.6rem;
}
.sec1 .box1 .sec1_t {
  top: 1rem;
  right: .57rem;
  width: 2.16rem;
  height: .89rem;
  background: url('../images/sec1_b1t.png?v2') no-repeat;
  background-size: 100%;
}
.sec1 .box1 .spot {
  top: 1.5rem;
  right: 2.8rem;
}
.sec1 .box1 .line0 {
  right: 3rem;
  top: 1.55rem;
  width: 3.95rem;
}
.sec1 .box1 .line1 {
  right: 6.93rem;
  top: 1.55rem;
  height: 6.4rem;
}
.sec1 .box1 .line2 {
  left: .55rem;
  top: 7.94rem;
  width: 1.03rem;
}
.sec1 .box1 .spots {
  left: 1.78rem;
  top: 7.906rem;
}
.sec1 .box1 .vod {
  top: 2.65rem;
  right: .62rem;
}
.sec1 .box1 .txt {
  top: 6.63rem;
  right: 0;
  padding-right: 1rem;
}
.sec1 .box1 .txt .mark {
  top: 0.1rem;
  right: .62rem;
  transform: rotate(180deg);
}
.sec1 .box1 .txt p {
  line-height: .52rem;
  font-size: .26rem;
  color: #fff;
  text-align: right;
}
.sec1 .box2 {
  position: relative;
  height: 15rem;
}
.sec1 .box2 .sec1_t {
  top: 1rem;
  left: .57rem;
  width: 2.81rem;
  height: .81rem;
  background: url('../images/sec1_b2t.png?v2') no-repeat;
  background-size: 100%;
}
.sec1 .box2 .spot {
  top: 1.5rem;
  left: 3.3rem;
}
.sec1 .box2 .line0 {
  left: 3.5rem;
  top: 1.55rem;
  width: 3.45rem;
}
.sec1 .box2 .line1 {
  left: 6.93rem;
  top: 1.55rem;
  height: 8.2rem;
}
.sec1 .box2 .line2 {
  right: .55rem;
  top: 9.74rem;
  width: 5.64rem;
}
.sec1 .box2 .spots {
  right: 6.3rem;
  top: 9.706rem;
}
.sec1 .box2 .txt {
  top: 10.66rem;
  padding-left: 1rem;
}
.sec1 .box2 .txt .mark {
  top: 0.1rem;
  left: .56rem;
}
.sec1 .box2 .txt p {
  line-height: .52rem;
  font-size: .26rem;
  color: #fff;
}
.sec1 .box2 .pic div {
  border: .01rem solid #fce7a4;
}
.sec1 .box2 .pic .pic0 {
  left: .87rem;
  top: 2.51rem;
  width: 2.25rem;
  height: 2.73rem;
}
.sec1 .box2 .pic .pic0 img {
  position: absolute;
  width: 2.37rem;
  height: 2.83rem;
  top: -0.18rem;
  left: .14rem;
}
.sec1 .box2 .pic .pic1 {
  left: 4.15rem;
  top: 2.88rem;
  width: 2.39rem;
  height: 2.17rem;
}
.sec1 .box2 .pic .pic1 img {
  position: absolute;
  width: 2.41rem;
  height: 2.36rem;
  top: -0.3rem;
  left: -0.18rem;
}
.sec1 .box2 .pic .pic2 {
  left: 1.04rem;
  top: 5.75rem;
  width: 2.75rem;
  height: 1.6rem;
}
.sec1 .box2 .pic .pic2 img {
  position: absolute;
  width: 2.73rem;
  height: 1.52rem;
  top: -0.18rem;
  left: .16rem;
}
.sec1 .box2 .pic .pic3 {
  left: 4.43rem;
  top: 5.75rem;
  width: 2.04rem;
  height: 3.28rem;
}
.sec1 .box2 .pic .pic3 img {
  position: absolute;
  width: 1.94rem;
  height: 3.23rem;
  top: -0.12rem;
  left: -0.05rem;
}
.sec1 .box2 .pic .pic4 {
  left: .73rem;
  top: 7.76rem;
  width: 2.96rem;
  height: 1.63rem;
}
.sec1 .box2 .pic .pic4 img {
  position: absolute;
  width: 2.98rem;
  height: 1.6rem;
  top: -0.08rem;
  left: .14rem;
}
.sec1 .box3 {
  position: relative;
  height: 4.9rem;
}
.sec1 .box3 .line {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: .56rem;
  width: 6.48rem;
  height: 4.29rem;
  border: .02rem dashed #ccb777;
}
.sec1 .box3 .line img {
  width: 6.07rem;
  height: 3.82rem;
}
.sec1 .box3 .line .spots {
  bottom: -0.06rem;
  left: 50%;
  margin-left: -0.06rem;
}

.sec2 p,.sec3 p {
  text-align: center;
  letter-spacing: .03rem;
}
.sec2 .p0 {
  opacity: .7;
  font-size: .24rem;
  color: #fff;
  line-height: .36rem;
}
.sec2 .p1 {
  font-size: .3rem;
  color: #fce7a4;
  line-height: .74rem;
  font-weight: bold;
}
.sec2 .p2 {
  font-size: .24rem;
  color: #fff;
  line-height: .36rem;
}
.sec2 .btn,.sec3 .btn {
  display: block;
  width: 2.92rem;
  height: .71rem;
  color: #fce7a4;
  border: .02rem solid #fce7a4;
  font-size: .38rem;
  text-align: center;
  line-height: .71rem;
  border-radius: 1rem;
  margin: .3rem auto 0;
  font-weight: bold;
}
.sec2 .p,.sec3 .p{
  font-size: .24rem;
  color: #fff;
  line-height: .6rem;
}
.sec2 .p8,.sec3 .p8 {
  font-size: .3rem;
  color: #fff;
  line-height: .98rem;
}
.sec2 .p8 span,.sec3 .p8 span{
  color: #fce7a4;
  font-weight: bold;
}
.newpp{
  width:100%;
  margin: 0.5rem auto;
}
.sec3 .btns {
  height: 3.8rem;
}
.sec3 .spots {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #fee593;
  font-size: .24rem;
  color: #13151b;
}
.sec3 .spots:before {
  position: absolute;
  content: '';
  border-radius: 50%;
  background: #fee593;
  opacity: 0;
  animation: showB 2s .33s infinite linear;
}
.sec3 .spots:after {
  position: absolute;
  content: '';
  border-radius: 50%;
  background: #fee593;
  opacity: 0;
  animation: showA 2s .66s infinite linear;
}
.sec3 .spots0 {
  top: 0;
  right: 1.08rem;
  width: 1.22rem;
  height: 1.22rem;
  animation: move 2s infinite linear;
}
.sec3 .spots0:before {
  top: -0.12rem;
  left: -0.12rem;
  width: 1.46rem;
  height: 1.46rem;
}
.sec3 .spots0:after {
  top: -0.34rem;
  left: -0.34rem;
  width: 1.9rem;
  height: 1.9rem;
}
.sec3 .spots1 {
  top: 1.04rem;
  left: 1.03rem;
  width: 1.59rem;
  height: 1.59rem;
  animation: move 2s .3s infinite linear;
}
.sec3 .spots1:before {
  top: -0.16rem;
  left: -0.16rem;
  width: 1.91rem;
  height: 1.91rem;
}
.sec3 .spots1:after {
  top: -0.45rem;
  left: -0.45rem;
  width: 2.49rem;
  height: 2.49rem;
}
.sec3 .spots2 {
  top: 2.03rem;
  right: 2.44rem;
  width: 1.16rem;
  height: 1.16rem;
  animation: move 2s .6s infinite linear;
}
.sec3 .spots2:before {
  top: -0.12rem;
  left: -0.12rem;
  width: 1.4rem;
  height: 1.4rem;
}
.sec3 .spots2:after {
  top: -0.32rem;
  right: -0.32rem;
  width: 1.8rem;
  height: 1.8rem;
}
.sec3 h4 {
  margin-top: 1rem;
  position: relative;
  font-size: .24rem;
  color: #fff;
  text-align: center;
  line-height: .42rem;
  margin-bottom: .34rem;
}
.sec3 h4:after {
  content: '';
  position: absolute;
  bottom: -0.22rem;
  left: 50%;
  margin-left: -0.11rem;
  width: 0;
  height: 0;
  border-top: .11rem solid #fce7a4;
  border-right: .11rem solid transparent;
  border-bottom: .11rem solid transparent;
  border-left: .11rem solid transparent;
}
.sec3 .sponsor {
  display: flex;
  justify-content: center;
  padding-bottom: .38rem;
  color: #fff;
  font-size: .24rem;
  line-height: .8rem;
  text-align: center;
}
.sec3 .sponsor .logo0 {
  width: .8rem;
  height: 1.2rem;
}
.sec3 .sponsor .logo1 {
  width: 1.54rem;
  height: 1.2rem;
  margin-right: .15rem;
}
.sec3 .sponsor .t {
  height: 1.3rem;
}
.sec3 .sponsor .sp {
  height: 0rem;
  margin: 0 0.3rem 0 .4rem;
  border-right: .02rem dotted #fff;
}
.sec3 .sponsor .card {
  width: 1.22rem;
  height: 1.22rem;
}
@keyframes arrow {
  0% {
    transform: translate(0, -0.5rem);
  }
  30% {
    transform: translate(0, 0rem);
  }
  100% {
    transform: translate(0, -0.5rem);
  }
}
@keyframes showB {
  0% {
    opacity: 0;
  }
  25% {
    opacity: .6;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes showA {
  0% {
    opacity: 0;
  }
  5% {
    opacity: .2;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes move {
  0% {
    transform: translate(0, 0);
  }
  12% {
    transform: translate(0.1rem, -0.1rem);
  }
  24% {
    transform: translate(0.2rem, -0.2rem);
  }
  36% {
    transform: translate(0.3rem, -0.1rem);
  }
  48% {
    transform: translate(0.4rem, 0rem);
  }
  60% {
    transform: translate(0.3rem, 0.1rem);
  }
  72% {
    transform: translate(0.2rem, 0.2rem);
  }
  84% {
    transform: translate(0.1rem, 0.1rem);
  }
  96% {
    transform: translate(0rem, 0rem);
  }
  100% {
    transform: translate(0rem, 0rem);
  }
}
#music {
  position: fixed;
  top: .4rem;
  right: .4rem;
  width: .5rem;
  height: .5rem;
  background: url('../images/music.png?v2') no-repeat;
  background-size: 100% 100%;
  z-index: 99;
}
#music.play {
  animation: rotated 2s linear infinite;
}
@keyframes rotated {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(345deg);
  }
}
.ball {
  position: fixed;
  z-index: 9;
  width: 5rem;
  height: 5rem;
  background: url('../images/ball.png?v2') no-repeat;
  background-size: 100%;
}
.ball0 {
  top: 7rem;
  left: 4rem;
  transform: scale(0.5);
}
.ball1 {
  top: 3rem;
  left: 0rem;
  transform: rotate(50deg) scale(0.4);
}
.ball2 {
  top: -2rem;
  left: -1rem;
  transform: rotate(40deg) scale(0.8);
}
.float {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: rgba(55, 55, 55, 0.6);
  z-index: 9999;
  font-size: .26rem;
  color: #fff;
}
.float .float-box {
  display: none;
  position: absolute;
  width: 6rem;
  height: 10rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #000;
  border-radius: .2rem;
}
.float .float-box .close {
  position: absolute;
  top: 0;
  right: .1rem;
  color: #fff;
  font-size: .4rem;
}
.float .content {
  height: 8rem;
  overflow: auto;
  padding: 0 .4rem;
}
.float h3 {
  text-align: center;
  margin: .6rem 0;
}
.float h3 span {
  display: inline-block;
  padding: 0 .4rem;
  color: #000;
  line-height: .6rem;
  border-radius: .6rem;
  background: #fce7a4;
  font-weight: bold;
  font-size: .3rem;
}
.float p {
  line-height: .4rem;
}
.space-box {
  position: fixed;
  top: 0;
  right: 0;
  transform: rotate(20deg) translate(2rem, 0);
}
.space {
  position: fixed;
  top: 3rem;
  right: -4rem;
  width: 7rem;
  height: 7rem;
  transform: skew(-40deg) rotate(-10deg);
}
.space .cir0 {
  top: .1rem;
  left: 0;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: .01rem solid #fff;
  animation: rotated 20s infinite linear;
}
.space .cir0:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -0.1rem;
  width: .2rem;
  height: .2rem;
  background: #fff;
  border-radius: 50%;
  opacity: .6;
}
.space .cir0:after {
  content: '';
  position: absolute;
  top: 50%;
  right: -0.15rem;
  width: .3rem;
  height: .3rem;
  background: #fff;
  border-radius: 50%;
  opacity: .6;
}
.space .cir1 {
  top: 0.7rem;
  left: 1.4rem;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  border: .01rem solid #fff;
  animation: rotated 10s 1s infinite linear;
}
.space .cir1:before {
  content: '';
  position: absolute;
  top: 50%;
  right: -0.07rem;
  width: .14rem;
  height: .14rem;
  background: #fff;
  border-radius: 50%;
  opacity: .6;
}
.space .cir2 {
  top: 1rem;
  left: 2rem;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: .01rem solid #fff;
  animation: rotated 6s 1s infinite linear;
}
.space .cir2:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -0.05rem;
  width: .1rem;
  height: .1rem;
  background: #fff;
  border-radius: 50%;
  opacity: .6;
}
.loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: url('../images/loading.jpg') no-repeat;
  background-size: 100%;
  z-index: 99999;
  background-size: 100% 100%;
}
.loading .bar {
  position: absolute;
  top: 5rem;
  left: 50%;
  transform: translate(-50%, 0);
  width: 4rem;
  height: .1rem;
  border-radius: 1rem;
  background: #fff;
  color: #ffe956;
  font-size: .3rem;
  text-align: center;
  line-height: 1rem;
}
.loading .bar .line {
  display: block;
  width: 0%;
  height: 100%;
  background: #ffe956;
  border-radius: 1rem;
}


.loadgif{
  position: absolute;
  width: 3.19rem;
  /*height: 1.29rem;*/
  top: 4.8rem;
  left: 2.1rem;
}
.loadww{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99999;
  background: #f0fdff;
}
.audwrap{background: url('../images/music.png') center no-repeat;background-size: 100%; position: absolute;width: 0.56rem;height: 0.56rem;right:0.2rem;top:0.7rem; z-index: 9999;
}
.audwrap img{width: 100%;-webkit-animation: show 0.8s linear infinite;animation: show 0.8s linear infinite;opacity: 0;}
.audwrap.off img{display: none;}
.audwrap.on{
  -webkit-animation: rotateani 2s linear forwards infinite;animation: rotateani 2s linear forwards infinite;
}

@-webkit-keyframes rotateani {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(345deg);
    transform: rotate(345deg);
  }
}
@keyframes rotateani {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(345deg);
    transform: rotate(345deg);
  }
}

.progress {
  width: 3.6rem;
  height: 0.3rem;
  /*border: 3px solid #f2a523;*/
  position: absolute;
  left: 1.9rem;
  top: 4.8rem;
  right: auto;
  /* bottom: 0; */
  margin: auto;
  border-radius: 0.2rem;
}
.progressbar {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #66a482;
  -webkit-transition: width ease-in 200ms;
  border-radius: 0.2rem;
}
.percent {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 30px;
  font-size: 0.3rem;
  color: #4b64a4;
  position: absolute;
  text-align: center;
  top: 0.5rem;
  font-weight: bold;
  left:1.9rem;
}



.btn1_png{
  background-image:url("../images/btn1.png");
  background-size:100% 100%;
  position:absolute;
  left:4.1rem;
  top:76.67rem;
  width:2.47rem;
  height:0.66rem;
  z-index:30;
}
.n1_1_png{
  background-image:url("../images/n1_1.png");
  background-size:100% 100%;
  position:absolute;
  left:6.78rem;
  top:2.46rem;
  width:0.66rem;
  height:2.36rem;
  z-index:29;
}
.n1_19_png{
  background-image:url("../images/n1_19.png");
  background-size:100% 100%;
  position:absolute;
  left:0.7rem;
  top:72.88rem;
  width:6.47rem;
  height:2.88rem;
  z-index:28;
}
.n1_17_1_png{
  background-image:url("../images/n1_17_1.png");
  background-size:100% 100%;
  position:absolute;
  left:0.03rem;
  top:63.82rem;
  width:7.38rem;
  height:1.15rem;
  z-index:27;
}
.n1_17_2_png{
  background-image:url("../images/n1_17_2.png");
  background-size:100% 100%;
  position:absolute;
  left:0.4rem;
  top:64.46rem;
  width:6.67rem;
  height:0.83rem;
  z-index:26;
}
.n1_17_3_png{
  background-image:url("../images/n1_17_3.png");
  background-size:100% 100%;
  position:absolute;
  left:1rem;
  top:64.95rem;
  width:5.47rem;
  height:0.64rem;
  z-index:25;
}
.n1_18_png{
  background-image:url("../images/n1_18.png");
  background-size:100% 100%;
  position:absolute;
  left:1.09rem;
  top:67.05rem;
  width:5.54rem;
  height:5.52rem;
  z-index:24;
}
.sharebtn_png{
  background-image:url("../images/sharebtn.png");
  background-size:100% 100%;
  position:absolute;
  left:0.85rem;
  top:76.67rem;
  width:2.47rem;
  height:0.66rem;
  z-index:23;
}
.n1_14_png{
  background-image:url("../images/n1_14.png");
  background-size:100% 100%;
  position:absolute;
  left:4.13rem;
  top:48.6rem;
  width:2.83rem;
  height:6.59rem;
  z-index:22;
}
.n1_16_png{
  background-image:url("../images/n1_16.png");
  background-size:100% 100%;
  position:absolute;
  left:2.09rem;
  top:57.67rem;
  width:5.26rem;
  height:3.71rem;
  z-index:21;
}
.n1_5_png{
  background-image:url("../images/n1_5.png");
  background-size:100% 100%;
  position:absolute;
  left:1.54rem;
  top:9.9rem;
  width:5.45rem;
  height:8.56rem;
  z-index:20;
}
.n1_15_png{
  background-image:url("../images/n1_15.png");
  background-size:100% 100%;
  position:absolute;
  left:2.58rem;
  top:55.72rem;
  width:4.28rem;
  height:1.42rem;
  z-index:19;
}
.n1_13_png{
  background-image:url("../images/n1_13.png");
  background-size:100% 100%;
  position:absolute;
  left:2.17rem;
  top:45.85rem;
  width:4.28rem;
  height:0.91rem;
  z-index:18;
}
.n1_11_png{
  background-image:url("../images/n1_11.png");
  background-size:100% 100%;
  position:absolute;
  left:2.17rem;
  top:40.03rem;
  width:4.28rem;
  height:0.91rem;
  z-index:17;
}
.n1_10_png{
  background-image:url("../images/n1_10.png");
  background-size:100% 100%;
  position:absolute;
  left:0.58rem;
  top:38.34rem;
  width:1.21rem;
  height:5.37rem;
  z-index:16;
}
.n1_2_png{
  background-image:url("../images/n1_2.png");
  background-size:100% 100%;
  position:absolute;
  left:1.16rem;
  top:1.46rem;
  width:5.38rem;
  height:2.41rem;
  z-index:15;
}
.n1_3_png{
  background-image:url("../images/n1_3.png");
  background-size:100% 100%;
  position:absolute;
  left:0.59rem;
  top:5.62rem;
  width:6.13rem;
  height:2.42rem;
  z-index:14;
}
.n1_8_png{
  background-image:url("../images/n1_8.png");
  background-size:100% 100%;
  position:absolute;
  left:0.82rem;
  top:32.28rem;
  width:6.16rem;
  height:2.5rem;
  z-index:13;
}
.n1_6_png{
  background-image:url("../images/n1_6.png");
  background-size:100% 100%;
  position:absolute;
  left:4.75rem;
  top:19.56rem;
  width:2.41rem;
  height:4.59rem;
  z-index:12;
}
.n1_9_png{
  background-image:url("../images/n1_9.png");
  background-size:100% 100%;
  position:absolute;
  left:0.9rem;
  top:33.87rem;
  width:5.89rem;
  height:2.44rem;
  z-index:11;
}
.n1_4_png{
  background-image:url("../images/n1_4.png");
  background-size:100% 100%;
  position:absolute;
  left:1.06rem;
  top:8.95rem;
  width:5.49rem;
  height:2.15rem;
  z-index:10;
}
.n1_6_png{
  background-image:url("../images/n1_6.png");
  background-size:100% 100%;
  position:absolute;
  left:0.62rem;
  top:18.33rem;
  width:4.07rem;
  height:6.08rem;
  z-index:9;
}
.n1_6_2png{
  background-image:url("../images/n1_6_2.png");
  background-size:100% 100%;
  position:absolute;
  left: 4.92rem;
  top: 19.43rem;
  width:2.41rem;
  height:4.59rem;
  z-index:9;
}
.n1_7_png{
  background-image:url("../images/n1_7.png");
  background-size:100% 100%;
  position:absolute;
  left:1.54rem;
  top:25.77rem;
  width:5.26rem;
  height:5.81rem;
  z-index:8;
}
.n1_12_png{
  background-image:url("../images/n1_12.png");
  background-size:100% 100%;
  position:absolute;
  left:2.16rem;
  top:42.4rem;
  width:4.85rem;
  height:3.26rem;
  z-index:7;
}



.yan{
  position:absolute;
  left:0rem;
  top:0rem;
  width:7.5rem;
  height:94.33rem;
  z-index:28;
}
.n2_1_png{
  background-image:url("../images/n2_1.png");
  background-size:100% 100%;
  position:absolute;
  left:1.49rem;
  top:1.27rem;
  width:4.55rem;
  height:2.81rem;
  z-index:27;
}
.n2_6_png{
  background-image:url("../images/n2_6.png");
  background-size:100% 100%;
  position:absolute;
  left:0.06rem;
  top:29.54rem;
  width:7.39rem;
  height:2.31rem;
  z-index:26;
}
.n2_5_4_png{
  background-image:url("../images/n2_5_4.png");
  background-size:100% 100%;
  position:absolute;
  left:0.81rem;
  top:25.72rem;
  width:2.46rem;
  height:2.84rem;
  z-index:25;
  opacity: 1 !important;
  -webkit-animation: moveani 2s 1.5s infinite linear;
  animation: moveani 2s 1.5s infinite linear;
}
.n2_5_3_png{
  background-image:url("../images/n2_5_3.png");
  background-size:100% 100%;
  position:absolute;
  left:4.38rem;
  top:24.47rem;
  width:1.56rem;
  height:2.66rem;
  z-index:24;
  opacity: 1 !important;
  -webkit-animation: moveani 2.5s 1s infinite linear;
  animation: moveani 2.5s 1s infinite linear;
}
.n2_5_2_png{
  background-image:url("../images/n2_5_2.png");
  background-size:100% 100%;
  position:absolute;
  left:2.17rem;
  top:22.46rem;
  width:1.43rem;
  height:2.26rem;
  z-index:23;
  opacity: 1 !important;
  -webkit-animation: moveani 3s 0.5s infinite linear;
  animation: moveani 3s 0.5s infinite linear;
}
.n2_5_1_png{
  background-image:url("../images/n2_5_1.png");
  background-size:100% 100%;
  position:absolute;
  left:5.01rem;
  top:20.76rem;
  width:1.41rem;
  height:2.56rem;
  z-index:22;
  opacity: 1 !important;
  -webkit-animation: moveani 2s infinite linear;
  animation: moveani 2s infinite linear;
}
.n2_4_png{
  background-image:url("../images/n2_4.png");
  background-size:100% 100%;
  position:absolute;
  left:1.59rem;
  top:13.83rem;
  width:5.91rem;
  height:6.46rem;
  z-index:21;
}
.n2_3_png{
  background-image:url("../images/n2_3.png");
  background-size:100% 100%;
  position:absolute;
  left:2.06rem;
  top:12.67rem;
  width:5.17rem;
  height:1.96rem;
  z-index:20;
}
.n2_2_png{
  background-image:url("../images/n2_2.png");
  background-size:100% 100%;
  position:absolute;
  left:3.76rem;
  top:6.03rem;
  width:1.93rem;
  height:6.24rem;
  z-index:19;
}
.n2_8_2_png{
  background-image:url("../images/n2_8_2.png");
  background-size:100% 100%;
  position:absolute;
  left:1.63rem;
  top:37.05rem;
  width:4.29rem;
  height:1.14rem;
  z-index:18;
}
.n2_8_1_png{
  background-image:url("../images/n2_8_1.png");
  background-size:100% 100%;
  position:absolute;
  left:0.97rem;
  top:36.24rem;
  width:5.62rem;
  height:1.49rem;
  z-index:17;
}
.n2_7_png{
  background-image:url("../images/n2_7.png");
  background-size:100% 100%;
  position:absolute;
  left:1.97rem;
  top:33.69rem;
  width:3.68rem;
  height:3.58rem;
  z-index:16;
}
.n2_9_png{
  background-image:url("../images/n2_9.png");
  background-size:100% 100%;
  position:absolute;
  left:1.96rem;
  top:39.96rem;
  width:3.6rem;
  height:6.08rem;
  z-index:15;
}
.n2_12_png{
  background-image:url("../images/n2_12.png");
  background-size:100% 100%;
  position:absolute;
  left:1.68rem;
  top:55.81rem;
  width:3.81rem;
  height:1.43rem;
  z-index:14;
}
.n2_10_png{
  background-image:url("../images/n2_10.png");
  background-size:100% 100%;
  position:absolute;
  left:2.17rem;
  top:49rem;
  width:4.56rem;
  height:1.57rem;
  z-index:13;
}
.n2_11_png{
  background-image:url("../images/n2_11.png");
  background-size:100% 100%;
  position:absolute;
  left:1.6rem;
  top:50.34rem;
  width:5.26rem;
  height:5.81rem;
  z-index:12;
}
.n2_15_png{
  background-image:url("../images/n2_15.png");
  background-size:100% 100%;
  position:absolute;
  left:2.84rem;
  top:79.38rem;
  width:1.96rem;
  height:8.41rem;
  z-index:11;
}
.n2_19_png{
  background-image:url("../images/n2_19.png");
  background-size:100% 100%;
  position:absolute;
  left:3.84rem;
  top:61.07rem;
  width:3.66rem;
  height:8.79rem;
  z-index:10;
  -webkit-transform: translate(0,-0.3rem);
  transform: translate(0,-0.3rem);
  opacity: 1 !important;
  animation: show 3s ease alternate infinite;
  -webkit-animation: show 3s ease alternate infinite;
}
.n2_14_2_png{
  background-image:url("../images/n2_14_2.png");
  background-size:100% 100%;
  opacity:0.439;
  position:absolute;
  left:0.09rem;
  top:88rem;
  width:7.24rem;
  height:2.07rem;
  z-index:9;
}
.n2_16_1_png{
  background-image:url("../images/n2_16_1.png");
  background-size:100% 100%;
  position:absolute;
  left:1.28rem;
  top:80.01rem;
  width:4.95rem;
  height:8.27rem;
  z-index:8;
}
.n2_14_3_png{
  background-image:url("../images/n2_14_3.png");
  background-size:100% 100%;
  position:absolute;
  left:1.01rem;
  top:87.3rem;
  width:5.53rem;
  height:1.84rem;
  z-index:7;
}
.n2_13_png{
  background-image:url("../images/n2_13.png");
  background-size:100% 100%;
  position:absolute;
  left:0.76rem;
  top:60.68rem;
  width:2.76rem;
  height:7.2rem;
  z-index:6;
}
.n2_14_3_png{
  background-image:url("../images/n2_14_3.png");
  background-size:100% 100%;
  position:absolute;
  left:0.69rem;
  top:77.18rem;
  width:6.14rem;
  height:1.28rem;
  z-index:5;
}
.n2_14_2_png{
  background-image:url("../images/n2_14_2.png");
  background-size:100% 100%;
  position:absolute;
  left:1.56rem;
  top:75.11rem;
  width:4.46rem;
  height:1.23rem;
  z-index:4;
}
.n2_14_1_png{
  background-image:url("../images/n2_14_1.png");
  background-size:100% 100%;
  position:absolute;
  left:1.29rem;
  top:73.21rem;
  width:5.01rem;
  height:1.23rem;
  z-index:3;
}



.fugong{
  position:absolute;
  left:0rem;
  top:0rem;
  width:7.5rem;
  height:90.98rem;
  z-index:32;
}
.n3_2_2_png{
  background-image:url("../images/n3_2_2.png");
  background-size:100% 100%;
  position:absolute;
  left:0.52rem;
  top:7.56rem;
  width:6.65rem;
  height:1.9rem;
  z-index:31;
}
.n3_2_1_png{
  background-image:url("../images/n3_2_1.png");
  background-size:100% 100%;
  position:absolute;
  left:1.4rem;
  top:6.23rem;
  width:4.49rem;
  height:1.87rem;
  z-index:30;
}
.n3_14_png{
  background-image:url("../images/n3_14.png");
  background-size:100% 100%;
  position:absolute;
  left:0.63rem;
  top:75rem;
  width:6.18rem;
  height:8.6rem;
  z-index:29;
}
.n3_10_4_png{
  background-image:url("../images/n3_10_4.png");
  background-size:100% 100%;
  position:absolute;
  left:0.87rem;
  top:65.26rem;
  width:5.33rem;
  height:1.15rem;
  z-index:28;
}
.n3_10_2_png{
  background-image:url("../images/n3_10_2.png");
  background-size:100% 100%;
  position:absolute;
  left:1.47rem;
  top:58.54rem;
  width:5.27rem;
  height:0.63rem;
  z-index:27;
}
.n3_8_3_png{
  background-image:url("../images/n3_8_3.png");
  background-size:100% 100%;
  position:absolute;
  left:3.76rem;
  top:43.89rem;
  width:2.76rem;
  height:1.75rem;
  z-index:26;
}
.n3_9_3_png{
  background-image:url("../images/n3_9_3.png");
  background-size:100% 100%;
  position:absolute;
  left:2.2rem;
  top:50.47rem;
  width:2.75rem;
  height:1.67rem;
  z-index:25;
}
.n3_7_3_png{
  background-image:url("../images/n3_7_3.png");
  background-size:100% 100%;
  position:absolute;
  left:3.14rem;
  top:36.12rem;
  width:2.51rem;
  height:1.62rem;
  z-index:24;
}
.n3_8_2_png{
  background-image:url("../images/n3_8_2.png");
  background-size:100% 100%;
  position:absolute;
  left:1.48rem;
  top:39.22rem;
  width:5.26rem;
  height:5.81rem;
  z-index:23;
}
.n3_5_png{
  background-image:url("../images/n3_5.png");
  background-size:100% 100%;
  position:absolute;
  left:2.02rem;
  top:14.24rem;
  width:4.45rem;
  height:5.74rem;
  z-index:22;
}
.n3_3_png{
  background-image:url("../images/n3_3.png");
  background-size:100% 100%;
  position:absolute;
  left:0.65rem;
  top:11.32rem;
  width:1.33rem;
  height:6.56rem;
  z-index:21;
}
.n3_9_2_png{
  background-image:url("../images/n3_9_2.png");
  background-size:100% 100%;
  position:absolute;
  left:2.02rem;
  top:45.7rem;
  width:4.45rem;
  height:5.74rem;
  z-index:20;
}
.n3_9_1_png{
  background-image:url("../images/n3_9_1.png");
  background-size:100% 100%;
  position:absolute;
  left:1.16rem;
  top:46.67rem;
  width:0.57rem;
  height:3.48rem;
  z-index:19;
}
.n3_7_2_png{
  background-image:url("../images/n3_7_2.png");
  background-size:100% 100%;
  position:absolute;
  left:2.78rem;
  top:30.52rem;
  width:4.03rem;
  height:6.56rem;
  z-index:18;
}
.n3_6_4_png{
  background-image:url("../images/n3_6_4.png");
  background-size:100% 100%;
  position:absolute;
  left:3.18rem;
  top:28.49rem;
  width:2.93rem;
  height:1.88rem;
  z-index:17;
}
.n3_6_2_png{
  background-image:url("../images/n3_6_2.png");
  background-size:100% 100%;
  position:absolute;
  left:0.44rem;
  top:22.15rem;
  width:5.69rem;
  height:8.21rem;
  z-index:16;
}
.n3_6_1_png{
  background-image:url("../images/n3_6_1.png");
  background-size:100% 100%;
  position:absolute;
  left:1.03rem;
  top:20.21rem;
  width:5.89rem;
  height:2.89rem;
  z-index:15;
}
.n3_12_png{
  background-image:url("../images/n3_12.png");
  background-size:100% 100%;
  position:absolute;
  left:1.63rem;
  top:71.87rem;
  width:4.29rem;
  height:1.92rem;
  z-index:14;
}
.n3_13_png{
  background-image:url("../images/n3_13.png");
  background-size:100% 100%;
  position:absolute;
  left:2.19rem;
  top:74.7rem;
  width:2.98rem;
  height:3.79rem;
  z-index:13;
}
.n3_11_png{
  background-image:url("../images/n3_11.png");
  background-size:100% 100%;
  position:absolute;
  left:0.56rem;
  top:69.43rem;
  width:6.33rem;
  height:1.86rem;
  z-index:12;
}
.n3_10_3_png{
  background-image:url("../images/n3_10_3.png");
  background-size:100% 100%;
  position:absolute;
  left:1.25rem;
  top:61.66rem;
  width:4.41rem;
  height:2.21rem;
  z-index:11;
}
.n3_10_png{
  background-image:url("../images/n3_10.png");
  background-size:100% 100%;
  position:absolute;
  left:1.44rem;
  top:54.45rem;
  width:4.66rem;
  height:1.9rem;
  z-index:10;
}
.n3_4_png{
  background-image:url("../images/n3_4.png");
  background-size:100% 100%;
  position:absolute;
  left:2.03rem;
  top:13.05rem;
  width:5.22rem;
  height:1.25rem;
  z-index:9;
}
.n3_8_1_png{
  background-image:url("../images/n3_8_1.png");
  background-size:100% 100%;
  position:absolute;
  left:7rem;
  top:40.53rem;
  width:0.5rem;
  height:5.82rem;
  z-index:8;
}
.n3_7_1_png{
  background-image:url("../images/n3_7_1.png");
  background-size:100% 100%;
  position:absolute;
  left:1.76rem;
  top:31.18rem;
  width:0.57rem;
  height:5.82rem;
  z-index:7;
}
.n3_6_3_png{
  background-image:url("../images/n3_6_3.png");
  background-size:100% 100%;
  position:absolute;
  left:6.67rem;
  top:23.06rem;
  width:0.57rem;
  height:6.4rem;
  z-index:6;
}
.n3_1_png{
  background-image:url("../images/n3_1.png");
  background-size:100% 100%;
  position:absolute;
  left:1.74rem;
  top:1.68rem;
  width:3.99rem;
  height:2.37rem;
  z-index:5;
}


.listwrap{
  background-image:url("../images/bg.jpg");
  background-size:100% 100%;
  position: absolute;
  width:100%;
  height: 14.48rem;
  top:50%;
  left: 0;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  z-index: 99999;
  display: none;
}

.lhlogo{
  background-image:url("../images/logo.png");
  background-size:100% 100%;
  position:absolute;
  right: 0.1rem;
  top: 0.7rem;
  width:2.96rem;
  height:0.49rem;
}
.lhlist{
  background-image:url("../images/1_1.png");
  background-size:100% 100%;
  position:absolute;
  left: 2.5rem;
  top: 0rem;
  width:2.55rem;
  height:2.21rem;
}
.lhlist .lhtitle{
  background-image:url("../images/1_3.png");
  background-size:100% 100%;
  position:absolute;
  left: 0.58rem;
  top: 0.7rem;
  width:1.37rem;
  height:0.49rem;
}
.lhlist:nth-child(2) .lhtitle{
  background-image:url("../images/1_3_2.png");
  background-size:100% 100%;
}
.lhlist:nth-child(3) .lhtitle{
  background-image:url("../images/1_3_3.png");
  background-size:100% 100%;
}
.lhlist:nth-child(4) .lhtitle{
  background-image:url("../images/1_3_4.png");
  background-size:100% 100%;
}
.lhlist:nth-child(5) .lhtitle{
  background-image:url("../images/1_3_5.png");
  background-size:100% 100%;
}
.lhlist:nth-child(6) .lhtitle{
  background-image:url("../images/1_3_6.png");
  background-size:100% 100%;
}


.lhlist:nth-child(2){
  left: 1.4rem;
  top: 1.3rem;
}
.lhlist:nth-child(3){
  left: 3.7rem;
  top: 1.3rem;
}
.lhlist:nth-child(4){
  left: 0.3rem;
  top: 3rem;
}
.lhlist:nth-child(5){
  left: 2.6rem;
  top: 3rem;
}
.lhlist:nth-child(6){
  left: 4.8rem;
  top: 3rem;
}




.lists{
  position: absolute;
  width: 100%;
  min-height: 5.8rem;
  top: 3.7rem;
  opacity: 0;
  -webkit-transform: translate(0, 0) scale(0) rotate(-540deg) skew(0);
  transform: translate(0, 0) scale(0) rotate(-540deg) skew(0);
}


.listwrap.actived .lists{
  animation: show 1s ease-in-out forwards;
  -webkit-animation: show 1s ease-in-out forwards;

}

.lhhand{
  background-image:url("../images/1_2.png");
  background-size:100% 100%;
  position:absolute;
  left: 0.98rem;
  top: 1.4rem;
  width:1.01rem;
  height:1.01rem;
  display: none;
  opacity: 0;
  animation: show 1s ease-in-out infinite; -webkit-animation: show 1s ease-in-out infinite;
}
.lhlist:nth-child(6) .lhhand{
  display: block;
}