.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flex-v {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flex-2 {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
.flex-align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex-align-end {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
}
.flex-pack-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.flex-pack-justify {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clear::after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.section {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  box-sizing: border-box;
  padding: 0 5%;
  overflow: hidden;
}

.img_100 {
  width: 100%;
}

.model {
  position: relative;
}

/* 
    第一屏
*/
.section1 {
  background: url("../images/pitem-1-bg.png");
}

.logo {
  margin-top: 10px;
  /* width: 38%;
  height: 38%; */

  width: 30%;
  height: 30%;
}

.item-lf {
  width: 40%;
  position: relative;
}

.model1 .item-lf-tText {
  margin-left: 30px;
  width: 100%;
  overflow: hidden;
}

.item-1-c {
  width: 80%;
  margin-top: 100px;
}

.item-1-code{
  width: 45%;
}

.item-1-btn{
  width: 40%;
}

.item-1-btn a:not(:last-child){
  margin-bottom: 10px;
  display: block;
}

.item-1-b {
  width: 105%;
  margin-top: 55px;
}

/* 
  第二屏
*/
.section2 {
  background: url("../images/pitem-2-bg.png");
}

.item-2-lf {
  width: 48%;
}

.item-2-box {
  width: 70%;
}

.item-2-b {
  width: 70%;
  margin-top: 130px;
}

.item-lf-abs {
  position: absolute;
  top: 31%;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 55px;
}

.item-abs-qiuyuan {
  width: 40%;
}

.item-abs-zuqiu {
  width: 12%;
  position: relative;
  top: -9px;
  left: 13px;
}

/* 
    第三屏
*/
.section3 {
  background: url("../images/pitem-3-bg.png");
}

.item-3-b {
  width: 70%;
  margin-top: 180px;
}

.item-3-box img {
  width: 80%;
}

.item-3-ri {
  width: 65% !important;
  transform: translate(30%, -42%) !important;
}

.item-ri-box {
  position: relative;
}

.rw {
  position: absolute;
  width: 104px;
}

.rw img {
  width: 100%;
}

.rw_1 {
  top: 10.5%;
  left: -14.5%;
}

.rw_2 {
  top: -2.3%;
  left: 37%;
}

.rw_3 {
  top: 25%;
  left: -7%;
}

.rw_4 {
  top: 9%;
  left: 44%;
}

.rw_5 {
  top: 42%;
  left: -10%;
}

.rw_6 {
  top: 24%;
  left: 44%;
}

.rw_7 {
  top: 56.5%;
  left: -2%;
}

.rw_8 {
  top: 35%;
  left: 54.2%;
}

/* 
    第四屏
*/
.section4 {
  background: url("../images/pitem-4-bg.png");
}

.item-4-box {
  width: 65%;
}

.item-4-lf {
  width: 55%;
}

/* 
    第五屏
*/
.section5 {
  background: url("../images/pitem-5-bg.png");
}

.item-5-lf {
  width: 35%;
}

.item-5-ri {
  width: 70% !important;
  text-align: right;
}

.item-ri {
  width: 55%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* 
  @keyframes 第一屏
*/
.active .logo {
    animation: 600ms ease 800ms 1 normal both running moveRight;
}
.active .item-lf-tText {
    animation: 600ms ease 800ms 1 normal both running moveLeft;
}
.active .item-1-c {
  animation: 600ms ease 800ms 1 normal both running stretchRight;
}
.active .item-1-b{
    animation: 600ms ease 800ms 1 normal both running moveLeft;
}
.active .item-1-box{
    animation: 600ms ease 1500ms 1 normal both running flipInY;
}
/* 
  @keyframes 第二屏
*/
.active .item-2-lf{
    animation: 600ms ease 1500ms 1 normal both running slideLeft;
}
.active .item-2-c{
    animation: 600ms ease 1000ms 1 normal both running lightSpeedIn;
}
.active .item-2-b{
  animation: 600ms ease 1000ms 1 normal both running rollIn;
}
.active .item-abs-qiuyuan{
  animation: 600ms ease 2500ms 1 normal both running moveRight;
}
.active .item-abs-zuqiu{
  animation: 600ms ease 3000ms 1 normal both running moveUp;
}
/* 
  @keyframes  第三屏
*/
.active .item-3-c{
    animation: 600ms ease 1000ms 1 normal both running expandOpen;
}
.active .item-3-b{
    animation: 600ms ease 1000ms 1 normal both running slideLeft;
}
.active .item-3-img{
    animation: 600ms ease 1500ms 1 normal both running flipInY;
}
.active .rw_1{
    animation: 600ms ease 2000ms 1 normal both running zoomInLeft;
}
.active .rw_2{
    animation: 600ms ease 2500ms 1 normal both running zoomInRight;
}
.active .rw_3{
    animation: 600ms ease 2500ms 1 normal both running zoomInUp;
}
.active .rw_4{
    animation: 600ms ease 2000ms 1 normal both running zoomInDown;
}
.active .rw_5{
    animation: 600ms ease 3000ms 1 normal both running pullUp;
}
.active .rw_6{
    animation: 600ms ease 3000ms 1 normal both running pullDown;
}
.active .rw_7{
    animation: 600ms ease 3500ms 1 normal both running slideLeft;
}
.active .rw_8{
    animation: 600ms ease 3500ms 1 normal both running slideRight;
}
/* 
  @keyframes  第四屏
*/
.active .item-4-c{
    animation: 600ms ease 1000ms 1 normal both running expandOpen;
}
.active .item-4-b{
    animation: 600ms ease 1000ms 1 normal both running rotateInUpRight;
}
.active .item-4-lf{
    animation: 600ms ease 1500ms 1 normal both running flipInY;
}
/* 
  @keyframes  第五屏
*/
.active .item-5-c{
    animation: 600ms ease 1000ms 1 normal both running stretchRight;
}
.active .item-5-b{
    animation: 600ms ease 1000ms 1 normal both running moveDown;
}
.active .item-5-box{
    animation: 600ms ease 1500ms 1 normal both running flipInY;
}

.bottom_info{
  position: fixed;
  bottom: 1%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  /* text-shadow: 0 0 4px #fff; */
  color: #fff;
}

.bottom_info a{
  color: #fff;
  text-decoration: inherit;
}


/* 新版落地页 */
.nsection1{background: black url("../images/v2/nsection1_bg.png");background-position: center center !important;}
.nsection1-logo{position: absolute;top: 5%;left: 50%;transform: translateX(-50%);text-align: center;}
.nsection1-logo img{width: 55%;}
.nsection1-left{position: absolute;left: 5%;top: 25%;width: 40%;}
.nsection1-left-box{position: relative;}
.nsection1-left img{width: 90%;}
.nsection1-left .qiu{position: absolute;right: 11%;bottom: 23%;width: 20%;animation: 1000ms linear 100ms normal both running myani;}

.nsection1-right{position: absolute;right: 5%;top: /*28.7%*/ calc(25% + 54px);width: 45%;}
.nsection1-right-box{position: relative;text-align: center;background: url(../images/v2/nsection1_ri-yuan.png) no-repeat;background-size: contain;background-position: left 100%;padding-bottom: 8%;}
.nsection1-right .swiper-box{width: 90%;display: inline-block;}
.nsection1-right .swiper-container{overflow: visible;overflow-x: clip;}
.nsection1-right .swiper-slide{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;transition: 300ms;transform: scale(0.8);}
.nsection1-right .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1) translateY(-60px);}
.nsection1-right .swiper-slide img{width: 100%;}
.nsection1-right .person{position: absolute;bottom: -2%;left: 0;z-index: 111;}
.nsection1-right .person img{width: 70%;}
.nsection1-right .person .btn{text-align: center;transform: translateY(-10px);}
.nsection1-right .person .btn img{width: 32%;padding-left: 3%;animation: 1000ms linear 100ms normal both running infinite myani;}
@-webkit-keyframes myani {
  from {
      transform: scale(1)
  }

  50% {
      transform: scale(.9)
  }

  to {
      transform: scale(1)
  }
}

@keyframes myani {
  from {
      transform: scale(1)
  }

  50% {
      transform: scale(.9)
  }

  to {
      transform: scale(1)
  }
}