* {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: 6rem;
  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: 2.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(-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 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: 2.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(-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 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: 15.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: 21.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: 27.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_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_p7_1 {
  width: 80%;
  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: 80%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 8.5rem;
  animation: p5_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_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_p11_1 {
  width: 80%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 2.5rem;
  animation: p11_1 1s ease-in ;

}
.nbsy_p11_2 {
  width: 38%;
  position: absolute;
  z-index: 10;
  left: 2.5rem;
  right: 0;
  bottom: 0;
  top: 8rem;
  animation: p11_2 1s ease-in ;
}
.nbsy_p11_3 {
  width: 38%;
  position: absolute;
  z-index: 10;
  left: 13.4rem;
  right: 0;
  bottom: 0;
  top: 11rem;
  animation: p11_3 1s ease-in ;
}
.nbsy_p11_4 {
  width: 38%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: -11rem;
  right: 0;
  bottom: 0;
  top: 20.7rem;
  animation: p11_4 1s ease-in ;
}
@keyframes p11_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 p11_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 p11_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 p11_4 {
  0%{
    transform: translateY(20rem);
    -ms-transform: translateY(20rem);
    -webkit-transform: translateY(20rem);
    -o-transform: translateY(20rem);
    -moz-transform: translateY(20rem);
  }
  100%{
    transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    -webkit-transform: translateY(0rem);
    -o-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
  }
}
/*第六页*/
.nbsy_p6_1 {
  width: 100%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 15.5rem;
  animation: p6_1 1s ease-in ;

}
.nbsy_p6_2 {
  width: 45%;
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 21.5rem;
  animation: p6_2 1s ease-in ;
}
@keyframes p6_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_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;

  }
}