﻿* {margin:0; padding:0; box-sizing: border-box;}
body {
  margin:0;
  padding:0;
  font-family:"微软雅黑","宋体";
  font-size:15px;
  color:#333333;
  width: 100%;
  height: 100%;
  background-size: contain;
  background: #fff url("nb_bg.jpg") no-repeat;
  background-size: 100%;
}
ul,li {list-style:none; margin:0; padding:0;}
a {
  text-decoration: none;
  color: #333333;
}
.clear{
  clear: both;
}
.left{
  float: left;
}
.right{
  float: right;
}
.block{
  display: block;
}
.none{
  display: none;
}
.margin_r0{
  margin-right: 0 !important;
}
.margin_bom0{
  margin-bottom: 0 !important;
}
tr,td{
  padding: 0;
  margin: 0;
}
/*局部样式*/
.box{
  position: relative;
}
/*第一页*/
.nbsy_bt{
  width: 80%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 14rem;
  animation: font_box_1 1s ease-in ;

}
@keyframes font_box_1 {
  0%{
    transform: translateX(-20rem);
    -ms-transform: translateX(-20rem);
    -webkit-transform: translateX(-20rem);
    -o-transform: translateX(-20rem);
    -moz-transform: translateX(-20rem);
  }
  100%{
    transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    -o-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
  }
}
.nbsy_th {
  width: 80%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 20rem;
  animation: font_box_2 1s ease-in ;

}
@keyframes font_box_2 {
  0%{
    transform: translateX(20rem);
    -ms-transform: translateX(20rem);
    -webkit-transform: translateX(20rem);
    -o-transform: translateX(20rem);
    -moz-transform: translateX(20rem);
  }
  100%{
    transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    -o-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
  }
}

/*第二页*/
.nbsy_p2_1 {
  width: 80%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 9.5rem;
  animation: p2_1 1s ease-in ;

}
.nbsy_p2_2 {
  width: 80%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 8.5rem;
  animation: p2_2 1s ease-in ;

}
@keyframes p2_1 {
  0%{
    transform: translateY(-35rem);
    -ms-transform: translateY(-35rem);
    -webkit-transform: translateY(-35rem);
    -o-transform: translateY(-35rem);
    -moz-transform: translateY(-35rem);
  }
  100%{
    transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    -webkit-transform: translateY(0rem);
    -o-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
  }
}
@keyframes p2_2 {
  0%{
    transform: translateY(40rem);
    -ms-transform: translateY(40rem);
    -webkit-transform: translateY(40rem);
    -o-transform: translateY(40rem);
    -moz-transform: translateY(40rem);
  }
  100%{
    transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    -webkit-transform: translateY(0rem);
    -o-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
  }
}
/*第三页*/
.nbsy_p3_1 {
  width: 80%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 9.5rem;
  animation: p2_1 1s ease-in ;

}
.nbsy_p3_2 {
  width: 80%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 8.5rem;
  animation: p3_2 1s ease-in ;

}
@keyframes p3_1 {
  0%{
    transform: translateY(-35rem);
    -ms-transform: translateY(-35rem);
    -webkit-transform: translateY(-35rem);
    -o-transform: translateY(-35rem);
    -moz-transform: translateY(-35rem);
  }
  100%{
    transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    -webkit-transform: translateY(0rem);
    -o-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
  }
}
@keyframes p3_2 {
  0%{
    transform: translateY(40rem);
    -ms-transform: translateY(40rem);
    -webkit-transform: translateY(40rem);
    -o-transform: translateY(40rem);
    -moz-transform: translateY(40rem);
  }
  100%{
    transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    -webkit-transform: translateY(0rem);
    -o-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
  }
}
/*第四页*/
.nbsy_p4_1 {
  width: 80%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 2.5rem;
  animation: p4_1 1s ease-in ;
}
@keyframes p4_1 {
  0%{
    transform: translateY(-7rem);
    -ms-transform: translateY(-7rem);
    -webkit-transform: translateY(-7rem);
    -o-transform: translateY(-7rem);
    -moz-transform: translateY(-7rem);
  }
  100%{
    transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    -webkit-transform: translateY(0rem);
    -o-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
  }
}
.nbsy_p4_2 {
  width: 80%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 9.5rem;
  animation: p4_2 1s ease-in ;
}
@keyframes p4_2 {
  0%{
    transform: translateX(20rem);
    -ms-transform: translateX(20rem);
    -webkit-transform: translateX(20rem);
    -o-transform: translateX(20rem);
    -moz-transform: translateX(20rem);
  }
  100%{
    transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    -o-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
  }
}
.nbsy_p4_3 {
  display: block !important;
  width: 80%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 14.5rem;
  animation: p4_3 1s ease-in ;
}
@keyframes p4_3 {
  0%{
    transform: translateX(30rem);
    -ms-transform: translateX(30rem);
    -webkit-transform: translateX(30rem);
    -o-transform: translateX(30rem);
    -moz-transform: translateX(30rem);
  }
  100%{
    transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    -o-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
  }
}
.nbsy_p4_4 {
  display: block !important;
  width: 80%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 19.5rem;
  animation: p4_4 1s ease-in ;
}
@keyframes p4_4 {
  0%{
    transform: translateX(30rem);
    -ms-transform: translateX(30rem);
    -webkit-transform: translateX(30rem);
    -o-transform: translateX(30rem);
    -moz-transform: translateX(30rem);
  }
  100%{
    transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    -o-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
  }
}
.nbsy_p4_5 {
  display: block !important;
  width: 80%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 24.5rem;
  animation: p4_5 1s ease-in ;
}
@keyframes p4_5 {
  0%{
    transform: translateX(30rem);
    -ms-transform: translateX(30rem);
    -webkit-transform: translateX(30rem);
    -o-transform: translateX(30rem);
    -moz-transform: translateX(30rem);
  }
  100%{
    transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    -o-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
  }
}
.nbsy_p4_6 {
  display: block !important;
  width: 80%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 29.5rem;
  animation: p4_6 1s ease-in ;
}
@keyframes p4_6 {
  0%{
    transform: translateX(30rem);
    -ms-transform: translateX(30rem);
    -webkit-transform: translateX(30rem);
    -o-transform: translateX(30rem);
    -moz-transform: translateX(30rem);
  }
  100%{
    transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    -o-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
  }
}
.nbsy_p4_7 {
  display: block !important;
  width: 80%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 34.5rem;
  animation: p4_7 1s ease-in ;
}
@keyframes p4_7 {
  0%{
    transform: translateX(30rem);
    -ms-transform: translateX(30rem);
    -webkit-transform: translateX(30rem);
    -o-transform: translateX(30rem);
    -moz-transform: translateX(30rem);
  }
  100%{
    transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    -o-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
  }
}
/*第五页*/
.nbsy_p5_1 {
  width: 80%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 2.5rem;
  animation: p5_1 1s ease-in ;

}
.nbsy_p5_2 {
  width: 80%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 10.5rem;
  animation: p5_2 1s ease-in ;
}
@keyframes p5_1 {
  0%{
    transform: translateY(-7rem);
    -ms-transform: translateY(-7rem);
    -webkit-transform: translateY(-7rem);
    -o-transform: translateY(-7rem);
    -moz-transform: translateY(-7rem);
  }
  100%{
    transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    -webkit-transform: translateY(0rem);
    -o-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
  }
}
@keyframes p5_2 {
  0%{
    transform: translateY(40rem);
    -ms-transform: translateY(40rem);
    -webkit-transform: translateY(40rem);
    -o-transform: translateY(40rem);
    -moz-transform: translateY(40rem);
  }
  100%{
    transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    -webkit-transform: translateY(0rem);
    -o-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
  }
}
/*第六页*/
.nbsy_p6_1 {
  width: 92%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 2.5rem;
  animation: p6_1 1s ease-in ;

}
.nbsy_p6_2 {
  width: 92%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 9.5rem;
  animation: p6_2 1s ease-in ;
}
@keyframes p6_1 {
  0%{
    transform: translateY(-7rem);
    -ms-transform: translateY(-7rem);
    -webkit-transform: translateY(-7rem);
    -o-transform: translateY(-7rem);
    -moz-transform: translateY(-7rem);
  }
  100%{
    transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    -webkit-transform: translateY(0rem);
    -o-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
  }
}
@keyframes p6_2 {
  0%{
    transform: translateY(40rem);
    -ms-transform: translateY(40rem);
    -webkit-transform: translateY(40rem);
    -o-transform: translateY(40rem);
    -moz-transform: translateY(40rem);
  }
  100%{
    transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    -webkit-transform: translateY(0rem);
    -o-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
  }
}
/*第七页*/
.nbsy_p7_1 {
  width: 92%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 2.5rem;
  animation: p7_1 1s ease-in ;

}
.nbsy_p7_2 {
  width: 92%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 10.5rem;
  animation: p7_2 1s ease-in ;
}
@keyframes p7_1 {
  0%{
    transform: translateY(-7rem);
    -ms-transform: translateY(-7rem);
    -webkit-transform: translateY(-7rem);
    -o-transform: translateY(-7rem);
    -moz-transform: translateY(-7rem);
  }
  100%{
    transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    -webkit-transform: translateY(0rem);
    -o-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
  }
}
@keyframes p7_2 {
  0%{
    transform: translateY(40rem);
    -ms-transform: translateY(40rem);
    -webkit-transform: translateY(40rem);
    -o-transform: translateY(40rem);
    -moz-transform: translateY(40rem);
  }
  100%{
    transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    -webkit-transform: translateY(0rem);
    -o-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
  }
}
/*第八页*/
.nbsy_p8_1 {
  width: 80%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 2.5rem;
  animation: p8_1 1s ease-in ;

}
.nbsy_p8_2 {
  width: 92%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 10.5rem;
  animation: p8_2 1s ease-in ;
}
@keyframes p8_1 {
  0%{
    transform: translateY(-7rem);
    -ms-transform: translateY(-7rem);
    -webkit-transform: translateY(-7rem);
    -o-transform: translateY(-7rem);
    -moz-transform: translateY(-7rem);
  }
  100%{
    transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    -webkit-transform: translateY(0rem);
    -o-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
  }
}
@keyframes p8_2 {
  0%{
    transform: translateY(40rem);
    -ms-transform: translateY(40rem);
    -webkit-transform: translateY(40rem);
    -o-transform: translateY(40rem);
    -moz-transform: translateY(40rem);
  }
  100%{
    transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    -webkit-transform: translateY(0rem);
    -o-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
  }
}
/*第九页*/
/*.nbsy_p9_1 {*/
  /*width: 80%;*/
  /*position: absolute;*/
  /*z-index: 10;*/
  /*margin: 0 auto;*/
  /*left: 0;*/
  /*right: 0;*/
  /*bottom: 0;*/
  /*top: 2.5rem;*/
  /*animation: p9_1 1s ease-in ;*/

/*}*/
/*.nbsy_p9_2 {*/
  /*width: 80%;*/
  /*position: absolute;*/
  /*z-index: 10;*/
  /*margin: 0 auto;*/
  /*left: 0;*/
  /*right: 0;*/
  /*bottom: 0;*/
  /*top: 10.5rem;*/
  /*animation: p9_2 1s ease-in ;*/
/*}*/
/*@keyframes p9_1 {*/
  /*0%{*/
    /*transform: translateY(-7rem);*/
    /*-ms-transform: translateY(-7rem);*/
    /*-webkit-transform: translateY(-7rem);*/
    /*-o-transform: translateY(-7rem);*/
    /*-moz-transform: translateY(-7rem);*/
  /*}*/
  /*100%{*/
    /*transform: translateY(0rem);*/
    /*-ms-transform: translateY(0rem);*/
    /*-webkit-transform: translateY(0rem);*/
    /*-o-transform: translateY(0rem);*/
    /*-moz-transform: translateY(0rem);*/
  /*}*/
/*}*/
/*@keyframes p9_2 {*/
  /*0%{*/
    /*transform: translateY(40rem);*/
    /*-ms-transform: translateY(40rem);*/
    /*-webkit-transform: translateY(40rem);*/
    /*-o-transform: translateY(40rem);*/
    /*-moz-transform: translateY(40rem);*/
  /*}*/
  /*100%{*/
    /*transform: translateY(0rem);*/
    /*-ms-transform: translateY(0rem);*/
    /*-webkit-transform: translateY(0rem);*/
    /*-o-transform: translateY(0rem);*/
    /*-moz-transform: translateY(0rem);*/
  /*}*/
/*}*/
/*第九页*/
.nbsy_p9_1 {
  width: 80%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 2.5rem;
  animation: p9_1 1s ease-in ;

}
.nbsy_p9_2 {
  width: 80%;
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  bottom: 0;
  top: 7rem;
  animation: p9_2 1s ease-in ;
  margin: 0 auto;
}
.nbsy_p9_3 {
  width: 42%;
  position: absolute;
  z-index: 10;
  left: 1.5rem;
  right: 0;
  bottom: 0;
  top: 15rem;
  animation: p9_3 1s ease-in ;
}
.nbsy_p9_4 {
  width: 42%;
  position: absolute;
  z-index: 10;
  left: 13.4rem;
  right: 0;
  bottom: 0;
  top: 15rem;
  animation: p9_4 1s ease-in ;
}
.nbsy_p9_5 {
  width: 42%;
  position: absolute;
  z-index: 10;
  left: 1.5rem;
  right: 0;
  bottom: 0;
  top: 24rem;
  animation: p9_5 1s ease-in ;
}
.nbsy_p9_6 {
  width: 42%;
  position: absolute;
  z-index: 10;
  left: 13.4rem;
  right: 0;
  bottom: 0;
  top: 24rem;
  animation: p9_4 1s ease-in ;
}

.nbsy_p9_7 {
  width: 42%;
  position: absolute;
  z-index: 10;
  left: 1.5rem;
  right: 0;
  bottom: 0;
  top: 33rem;
  animation: p9_5 1s ease-in ;
}
.nbsy_p9_8 {
  width: 42%;
  position: absolute;
  z-index: 10;
  left: 13.4rem;
  right: 0;
  bottom: 0;
  top: 33rem;
  animation: p9_4 1s ease-in ;
}
@keyframes p9_1 {
  0%{
    transform: translateY(-7rem);
    -ms-transform: translateY(-7rem);
    -webkit-transform: translateY(-7rem);
    -o-transform: translateY(-7rem);
    -moz-transform: translateY(-7rem);
  }
  100%{
    transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    -webkit-transform: translateY(0rem);
    -o-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
  }
}
@keyframes p9_2 {
  0%{
    transform: translateX(-20rem);
    -ms-transform: translateX(-20rem);
    -webkit-transform: translateX(-20rem);
    -o-transform: translateX(-20rem);
    -moz-transform: translateX(-20rem);
  }
  100%{
    transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    -o-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
  }
}
@keyframes p9_3 {
  0%{
    transform: translateX(20rem);
    -ms-transform: translateX(20rem);
    -webkit-transform: translateX(20rem);
    -o-transform: translateX(20rem);
    -moz-transform: translateX(20rem);
  }
  100%{
    transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    -o-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
  }
}
@keyframes p9_4 {
  0%{
    transform: translateX(-20rem);
    -ms-transform: translateX(-20rem);
    -webkit-transform: translateX(-20rem);
    -o-transform: translateX(-20rem);
    -moz-transform: translateX(-20rem);
  }
  100%{
    transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    -o-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
  }
}
@keyframes p9_5 {
  0%{
    transform: translateX(20rem);
    -ms-transform: translateX(20rem);
    -webkit-transform: translateX(20rem);
    -o-transform: translateX(20rem);
    -moz-transform: translateX(20rem);
  }
  100%{
    transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    -o-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
  }
}
/*第三页返回*/
.nbsy_p3_fh_1 {
  width: 100%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 15.5rem;
  animation: p3_fh_1 1s ease-in ;

}
.nbsy_p3_fh_2 {
  width: 45%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 21.5rem;
  animation: p3_fh_2 1s ease-in ;
}
@keyframes p3_fh_1 {
  0%{
    transform: translateX(-21rem);
    -ms-transform: translateX(-21rem);
    -webkit-transform: translateX(-21rem);
    -o-transform: translateX(-21rem);
    -moz-transform: translateX(-21rem);
  }
  100%{
    transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    -o-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
  }
}
@keyframes p3_fh_2 {
  0%{
    transform: translateX(40rem);
    -ms-transform: translateX(40rem);
    -webkit-transform: translateX(40rem);
    -o-transform: translateX(40rem);
    -moz-transform: translateX(40rem);
  }
  100%{
    transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    -o-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
  }
}
/*第五页返回*/
.nbsy_p5_fh_1 {
  width: 100%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 15.5rem;
  animation: p5_fh_1 1s ease-in ;

}
.nbsy_p5_fh_2 {
  width: 45%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 21.5rem;
  animation: p5_fh_2 1s ease-in ;
}
@keyframes p5_fh_1 {
  0%{
    transform: translateX(-21rem);
    -ms-transform: translateX(-21rem);
    -webkit-transform: translateX(-21rem);
    -o-transform: translateX(-21rem);
    -moz-transform: translateX(-21rem);
  }
  100%{
    transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    -o-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
  }
}
@keyframes p5_fh_2 {
  0%{
    transform: translateX(40rem);
    -ms-transform: translateX(40rem);
    -webkit-transform: translateX(40rem);
    -o-transform: translateX(40rem);
    -moz-transform: translateX(40rem);
  }
  100%{
    transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    -o-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
  }
}
/*第六页返回*/
.nbsy_p6_fh_1 {
  width: 100%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 15.5rem;
  animation: p6_fh_1 1s ease-in ;

}
.nbsy_p6_fh_2 {
  width: 45%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 21.5rem;
  animation: p6_fh_2 1s ease-in ;
}
@keyframes p6_fh_1 {
  0%{
    transform: translateX(-21rem);
    -ms-transform: translateX(-21rem);
    -webkit-transform: translateX(-21rem);
    -o-transform: translateX(-21rem);
    -moz-transform: translateX(-21rem);
  }
  100%{
    transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    -o-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
  }
}
@keyframes p6_fh_2 {
  0%{
    transform: translateX(40rem);
    -ms-transform: translateX(40rem);
    -webkit-transform: translateX(40rem);
    -o-transform: translateX(40rem);
    -moz-transform: translateX(40rem);
  }
  100%{
    transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    -o-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
  }
}
/*第七页返回*/
.nbsy_p7_fh_1 {
  width: 100%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 15.5rem;
  animation: p7_fh_1 1s ease-in ;

}
.nbsy_p7_fh_2 {
  width: 45%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 21.5rem;
  animation: p7_fh_2 1s ease-in ;
}
@keyframes p7_fh_1 {
  0%{
    transform: translateX(-21rem);
    -ms-transform: translateX(-21rem);
    -webkit-transform: translateX(-21rem);
    -o-transform: translateX(-21rem);
    -moz-transform: translateX(-21rem);
  }
  100%{
    transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    -o-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
  }
}
@keyframes p7_fh_2 {
  0%{
    transform: translateX(40rem);
    -ms-transform: translateX(40rem);
    -webkit-transform: translateX(40rem);
    -o-transform: translateX(40rem);
    -moz-transform: translateX(40rem);
  }
  100%{
    transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    -o-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
  }
}
/*第八页返回*/
.nbsy_p8_fh_1 {
  width: 100%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 15.5rem;
  animation: p8_fh_1 1s ease-in ;

}
.nbsy_p8_fh_2 {
  width: 45%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 21.5rem;
  animation: p8_fh_2 1s ease-in ;
}
@keyframes p8_fh_1 {
  0%{
    transform: translateX(-21rem);
    -ms-transform: translateX(-21rem);
    -webkit-transform: translateX(-21rem);
    -o-transform: translateX(-21rem);
    -moz-transform: translateX(-21rem);
  }
  100%{
    transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    -o-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
  }
}
@keyframes p8_fh_2 {
  0%{
    transform: translateX(40rem);
    -ms-transform: translateX(40rem);
    -webkit-transform: translateX(40rem);
    -o-transform: translateX(40rem);
    -moz-transform: translateX(40rem);
  }
  100%{
    transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    -o-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
  }
}
/*第九页返回*/
.nbsy_p9_fh_1 {
  width: 100%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 15.5rem;
  animation: p9_fh_1 1s ease-in ;

}
.nbsy_p9_fh_2 {
  width: 45%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 21.5rem;
  animation: p9_fh_2 1s ease-in ;
}
@keyframes p9_fh_1 {
  0%{
    transform: translateX(-21rem);
    -ms-transform: translateX(-21rem);
    -webkit-transform: translateX(-21rem);
    -o-transform: translateX(-21rem);
    -moz-transform: translateX(-21rem);
  }
  100%{
    transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    -o-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
  }
}
@keyframes p9_fh_2 {
  0%{
    transform: translateX(40rem);
    -ms-transform: translateX(40rem);
    -webkit-transform: translateX(40rem);
    -o-transform: translateX(40rem);
    -moz-transform: translateX(40rem);
  }
  100%{
    transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    -o-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
  }
}
/*第八页*/
/*.nbsy_p8_1 {
  width: 100%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 15.5rem;
  animation: p8_1 1s ease-in ;

}
.nbsy_p8_2 {
  width: 45%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 21.5rem;
  animation: p8_2 1s ease-in ;
}
@keyframes p8_1 {
  0%{
    transform: translateX(-21rem);
    -ms-transform: translateX(-21rem);
    -webkit-transform: translateX(-21rem);
    -o-transform: translateX(-21rem);
    -moz-transform: translateX(-21rem);
  }
  100%{
    transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    -o-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
  }
}
@keyframes p8_2 {
  0%{
    transform: translateX(40rem);
    -ms-transform: translateX(40rem);
    -webkit-transform: translateX(40rem);
    -o-transform: translateX(40rem);
    -moz-transform: translateX(40rem);
  }
  100%{
    transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    -o-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
  }
}*/
/*第十页*/
/*.nbsy_p10_1 {*/
  /*width: 100%;*/
  /*position: absolute;*/
  /*z-index: 10;*/
  /*margin: 0 auto;*/
  /*left: 0;*/
  /*right: 0;*/
  /*bottom: 0;*/
  /*top: 15.5rem;*/
  /*animation: p10_1 1s ease-in ;*/

/*}*/
/*.nbsy_p10_2 {*/
  /*width: 45%;*/
  /*position: absolute;*/
  /*z-index: 10;*/
  /*margin: 0 auto;*/
  /*left: 0;*/
  /*right: 0;*/
  /*bottom: 0;*/
  /*top: 21.5rem;*/
  /*animation: p10_2 1s ease-in ;*/
/*}*/
/*@keyframes p10_1 {*/
  /*0%{*/
    /*transform: translateX(-21rem);*/
    /*-ms-transform: translateX(-21rem);*/
    /*-webkit-transform: translateX(-21rem);*/
    /*-o-transform: translateX(-21rem);*/
    /*-moz-transform: translateX(-21rem);*/
  /*}*/
  /*100%{*/
    /*transform: translateX(0rem);*/
    /*-ms-transform: translateX(0rem);*/
    /*-webkit-transform: translateX(0rem);*/
    /*-o-transform: translateX(0rem);*/
    /*-moz-transform: translateX(0rem);*/
  /*}*/
/*}*/
/*@keyframes p10_2 {*/
  /*0%{*/
    /*transform: translateX(40rem);*/
    /*-ms-transform: translateX(40rem);*/
    /*-webkit-transform: translateX(40rem);*/
    /*-o-transform: translateX(40rem);*/
    /*-moz-transform: translateX(40rem);*/
  /*}*/
  /*100%{*/
    /*transform: translateX(0rem);*/
    /*-ms-transform: translateX(0rem);*/
    /*-webkit-transform: translateX(0rem);*/
    /*-o-transform: translateX(0rem);*/
    /*-moz-transform: translateX(0rem);*/
  /*}*/
/*}*/
/*第十页*/
/*.nbsy_p12_1 {*/
  /*width: 100%;*/
  /*position: absolute;*/
  /*z-index: 10;*/
  /*margin: 0 auto;*/
  /*left: 0;*/
  /*right: 0;*/
  /*bottom: 0;*/
  /*top: 15.5rem;*/
  /*animation: p12_1 1s ease-in ;*/

/*}*/
/*.nbsy_p12_2 {*/
  /*width: 45%;*/
  /*position: absolute;*/
  /*z-index: 10;*/
  /*margin: 0 auto;*/
  /*left: 0;*/
  /*right: 0;*/
  /*bottom: 0;*/
  /*top: 21.5rem;*/
  /*animation: p12_2 1s ease-in ;*/
/*}*/
/*@keyframes p12_1 {*/
  /*0%{*/
    /*transform: translateX(-21rem);*/
    /*-ms-transform: translateX(-21rem);*/
    /*-webkit-transform: translateX(-21rem);*/
    /*-o-transform: translateX(-21rem);*/
    /*-moz-transform: translateX(-21rem);*/
  /*}*/
  /*100%{*/
    /*transform: translateX(0rem);*/
    /*-ms-transform: translateX(0rem);*/
    /*-webkit-transform: translateX(0rem);*/
    /*-o-transform: translateX(0rem);*/
    /*-moz-transform: translateX(0rem);*/
  /*}*/
/*}*/
/*@keyframes p12_2 {*/
  /*0%{*/
    /*transform: translateX(40rem);*/
    /*-ms-transform: translateX(40rem);*/
    /*-webkit-transform: translateX(40rem);*/
    /*-o-transform: translateX(40rem);*/
    /*-moz-transform: translateX(40rem);*/
  /*}*/
  /*100%{*/
    /*transform: translateX(0rem);*/
    /*-ms-transform: translateX(0rem);*/
    /*-webkit-transform: translateX(0rem);*/
    /*-o-transform: translateX(0rem);*/
    /*-moz-transform: translateX(0rem);*/
  /*}*/
/*}*/




/*媒体查询*/
@media screen and (min-width: 320px) {
  body {
    background: #fff url("nb_bg320.jpg") no-repeat;

  }
}
@media screen and (min-width: 320px) and (max-width: 375px) {
  body {
    padding-bottom: 100%;
    background: #fff url("nb_bg375.jpg") no-repeat;

  }
}
@media screen and (min-width: 375px) and (max-width: 425px) {
  body {
    background: #fff url("nb_bg425.jpg") no-repeat;

  }
}
