/* body {min-width: 1280px;} */
  html{font-size: 100px;}
  #fullPage{width: 100%;height: 100%;}
  #fullPage .section {font: 50px "Microsoft Yahei";position: relative;}
  .logo {width: 15%;height: 16.48148148148148%;background: url(../images/logo.png) no-repeat center;background-size: contain;position: absolute;top: 1.66666666666667%;left: 2.86458333333333%;z-index: 5;}
  .logo2 {width: 12.39583333333333%;height: 10%;background: url(../images/logo2.png) no-repeat center;background-size: contain;position: absolute;top: 1.66666666666667%;right: 2.86458333333333%;z-index: 5;}
  .navBox {height: 66.44444444444444%;width: 13.64583333333333%; position: fixed;top: 19.90740740740741%;right: 6.25%;background: url(../images/nav_bg.png) no-repeat center center;background-size: 100% 100%;}
  .navBox .box {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
  .navBox .btn {width: 57.63358778625954%;height: 6.68740279937792%;background: url(../images/btn.png) no-repeat center center;background-size: contain;position: absolute;top: 25.55054432348367%;left: 24%;}
  .navBox .box .nav1 {width: 66.79389312977099%;height: 10.26438569206843%;position: absolute;top: 12.90342679127726%;left: 19%;}
  .navBox .box .nav2 {width: 56.10687022900763%;height: 8.70917573872473%;position: absolute;top: 40.88024883359253%;left: 25%;}
  .navBox .box .nav3 {width: 41.6030534351145%;height: 8.70917573872473%;position: absolute;top: 55.98755832037325%;left: 32%;}
  .navBox .box .nav4 {width: 41.22137404580153%;height: 8.55365474339036%;position: absolute;top: 70.82923794712286%;left: 33%;}
  .navBox .box .nav5 {width: 56.48854961832061%;height: 8.8646967340591%;position: absolute;top: 85.98133748055988%;left: 24%;}
  .navBox .box .nav1:hover,.navBox .box .nav2:hover,.navBox .box .nav3:hover,.navBox .box .nav4:hover,.navBox .box .nav5:hover {transform: scale(1.1);}
  .bg{position: absolute;left:0px;top:0px;width: 100%;height: 100%;}


  .pages1.pages2,.pages3,.pages4,.pages5 {overflow: hidden;position: relative;}
  .pages1 .bg {width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background: url(../images/p1_bg.png) no-repeat center center;background-size: 100% 100%;pointer-events: none;}
  .pages1 .i1 {width: 6.92rem;height: 1.67rem;background: url(../images/p1_i1.png) no-repeat center center;background-size: contain;position: absolute;top: 1.1rem;left: .3rem;}
  .pages1 .i2 {width: 7.5rem;height: 14.57rem;background: url(../images/p1_i2.png) no-repeat bottom center;background-size: contain;position: absolute;bottom: -2.5rem;left: 0rem;}
  .pages1 .i3 {width: 7.5rem;height: 7.54rem;background: url(../images/p1_i3.png) no-repeat bottom center;background-size: contain;position: absolute;top: 4rem;left: 0rem;opacity: 0;}
  .pages1 .i4 {width: 7.42rem;height: 5rem;background: url(../images/p1_i4.png) no-repeat bottom center;background-size: contain;position: absolute;top: 8.2rem;left: 0rem;}
  .pages1 .i5 {width: 7.24rem;height: 1.37rem;background: url(../images/p1_i5.png) no-repeat bottom center;background-size: contain;position: absolute;bottom: .2rem;left: .13rem;}
  .pages1 .btn {width: 1.51rem;height: .43rem;background: url(../images/btn.png) no-repeat center center;background-size: contain;position: absolute;bottom: 1.9rem;left: 3rem;}
  .pages2 .bg {width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background: url(../images/p2_bg.png) no-repeat center center;background-size: 100% 100%;pointer-events: none;}
  .pages2 .i1 {width: 4.67rem;height: 3.13rem;background: url(../images/p2_i1.png) no-repeat center right;background-size: contain;position: absolute;top: .27rem;right: 0rem;z-index: 1;}
  .pages2 .i2 {width: 4.44rem;height: 2.5rem;background: url(../images/p2_i2.png) no-repeat center center;background-size: contain;position: absolute;top: 7.57rem;left: -4.5rem;}
  .pages2 .i3 {width: 4.31rem;height: 12.11rem;background: url(../images/p2_i3.png) no-repeat center left;background-size: contain;position: absolute;top: .75rem;left: -4.4rem;}
  .pages2 .i4 {width: 4.05em;height: 3.72rem;background: url(../images/p2_i4.png) no-repeat center center;background-size: contain;position: absolute;bottom: .3rem;left: -4.1rem;}
  .pages2 .i5 {width: 3.83em;height: 1.46rem;background: url(../images/p2_i5.png) no-repeat center bottom;background-size: contain;position: absolute;bottom: 0rem;left: 2.22rem;}
  .pages2 .i6 {width: 2.51em;height: 5.18rem;background: url(../images/p2_i6.png) no-repeat center right;background-size: contain;position: absolute;top: 6.7rem;right: -4.1rem;}
  .pages2 .i7 {width: 2.97em;height: 3.25rem;background: url(../images/p2_i7.png) no-repeat center center;background-size: contain;position: absolute;top: 8.9rem;right: -4.1rem;}
  .pages2 .i8 {width: 1.26em;height: 1.84rem;background: url(../images/p2_i8.png) no-repeat left center;background-size: contain;position: absolute;top: 7.3rem;left: 0rem;}
  .pages2 .i9 {width: 4em;height: 1.3rem;background: url(../images/p2_i9.png) no-repeat left center;background-size: contain;position: absolute;top: 4.4rem;left: 3.3rem;display: none;}
  .pages2 .i10 {width: 3.83em;height: 1.22rem;background: url(../images/p2_i10.png) no-repeat left center;background-size: contain;position: absolute;top: 5.8rem;left: 2.3rem;}
  .pages2 .i11 {width: 2em;height: 2.24rem;background: url(../images/p2_i11.png) no-repeat left center;background-size: contain;position: absolute;top: 2.4rem;right: 0rem;}
  .pages2 .i12 {width: 3.21em;height: .89rem;background: url(../images/p2_i12.png) no-repeat left center;background-size: contain;position: absolute;top: 2.55rem;right: .45rem;z-index: 2;}
  .pages2 .i13 {width: 1.05em;height: 2.85rem;background: url(../images/p2_i13.png) no-repeat left center;background-size: contain;position: absolute;top: 1.37rem;left: 2.8rem;}
  .pages2 .i13.active {width: 1.05em;height: 2.85rem;background: url(../images/p2_i14.png) no-repeat left center;background-size: contain;position: absolute;top: 1.37rem;left: 2.8rem;}
  .pages2 .jt1 {width: .2em;height: .43rem;background: url(../images/jt1.png) no-repeat left center;background-size: contain;position: absolute;top: 4.37rem;left: 3.4rem;}

  .pages3 .bg {width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background: url(../images/p3_bg.png) no-repeat center center;background-size: 100% 100%;pointer-events: none;}
  .pages3 .i1 {width: 5.54rem;height: 1.61rem;background: url(../images/p3_i1.png) no-repeat center center;background-size: contain;position: absolute;top: 1.7rem;left: 1rem;}
  .pages3 .i2 {width: 5.98rem;height: .54rem;background: url(../images/p3_i2.png) no-repeat center center;background-size: contain;position: absolute;top: 3.58rem;left: .82rem;}
  .pages3 .i3 {width: 1.89rem;height: 2.69rem;background: url(../images/p3_i3.png) no-repeat center left;background-size: contain;position: absolute;top: 8.65rem;left: 0rem;}
  .pages3 .i4 {width: 5.64rem;height: 5.79rem;background: url(../images/p3_i4.png) no-repeat bottom right;background-size: contain;position: absolute;bottom: 0rem;right: -5.7rem;}
  .pages3 .i5 {width: 4.37rem;height: 4.21rem;background: url(../images/p3_i5.png) no-repeat bottom left;background-size: contain;position: absolute;bottom: -.4rem;left: -4.4rem;}
  .pages3 .i6 {width: .48rem;height: .83rem;background: url(../images/p3_i6.png) no-repeat center right;background-size: contain;position: absolute;top: 4.27rem;right: 0rem;opacity: 0;}
  .pages3 .i7 {width: 1.06rem;height: 1.13rem;background: url(../images/p3_i7.png) no-repeat center right;background-size: contain;position: absolute;top: 5.66rem;right: 0rem;opacity: 0;}
  .pages3 .i8 {width: 1.69rem;height: 1.69rem;background: url(../images/p3_i8.png) no-repeat center center;background-size: contain;position: absolute;top: 6.67rem;right: .95rem;opacity: 0;}
  .pages3 .i9 {width: 2.46rem;height: .96rem;background: url(../images/p3_i9.png) no-repeat center center;background-size: contain;position: absolute;top: 6.8rem;left: .5rem;}
  .pages3 .i10 {width: 2.48rem;height: .97rem;background: url(../images/p3_i10.png) no-repeat center center;background-size: contain;position: absolute;top: 8.9rem;right: .6rem;}
  .pages4 .bg {width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background: url(../images/p4_bg.png) no-repeat center center;background-size: 100% 100%;pointer-events: none;}
  .pages4 .i1 {width: 6.75rem;height: 2.28rem;background: url(../images/p4_i1.png) no-repeat center center;background-size: contain;position: absolute;top: .85rem;left: .7rem;z-index: 1;}
  .pages4 .i2 {width: 1.92rem;height: 1.39rem;background: url(../images/p4_i2.png) no-repeat center left;background-size: contain;position: absolute;top: 1.6rem;left: 0rem;}
  .pages4 .i3 {width: 1.59rem;height: 1.59rem;background: url(../images/p4_i3.png) no-repeat center right;background-size: contain;position: absolute;top: 1.1rem;right: 0rem;}
  .pages4 .i4 {width: 5.61rem;height: 1.29rem;background: url(../images/p4_i4.png) no-repeat center center;background-size: contain;position: absolute;top: 3.15rem;right: 1rem;}
  .pages4 .i5 {width: 4.15rem;height: 2.02rem;background: url(../images/p4_i5.png) no-repeat center center;background-size: contain;position: absolute;top: 5.3rem;right: .2rem;}
  .pages4 .i6 {width: 7.5rem;height: 4rem;background: url(../images/p4_i6.png) no-repeat center center;background-size: contain;position: absolute;top: 7.5rem;left: 0rem;}
  .pages4 .i7 {width: 1.46rem;height: 4.45rem;background: url(../images/p4_i7.png) no-repeat center right;background-size: contain;position: absolute;bottom: 0rem;right: -.2rem;}
  .pages4 .i7.active {width: 1.46rem;height: 4.45rem;background: url(../images/p4_i7_active.png) no-repeat center right;background-size: contain;position: absolute;bottom: 0rem;right: -.2rem;}
  .pages4 .i8 {width: 6.54rem;height: 3.11rem;background: url(../images/p4_i8.png) no-repeat center right;background-size: contain;position: absolute;bottom: .1rem;left: .15rem;}
  .pages4 .i9 {width: 4.8rem;height: 2.2rem;background: url(../images/p4_i9a.png) no-repeat center left;background-size: contain;position: absolute;top: 10.6rem;left: .1rem;background-color: rgba(64, 6, 142, .7);padding: .1rem;border-radius: .1rem;border: 1px solid #fff;display: none;}
  .pages4 .jt2 {width: .83rem;height: .58rem;background: url(../images/jt2.png) no-repeat center center;background-size: contain;position: absolute;top: 7.6rem;left: .6rem;}

  .pages5 .bg {width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background: url(../images/p5_bg.png) no-repeat center center;background-size: 100% 100%;pointer-events: none;}
  .pages5 .i1 {width: 6.66rem;height: 2.47rem;background: url(../images/p5_i1.png) no-repeat center center;background-size: contain;position: absolute;top: 1.12rem;left: .48rem;z-index: 1;opacity: 0;}
  .pages5 .i2 {width: 6.59rem;height: .52rem;background: url(../images/p5_i2.png) no-repeat center center;background-size: contain;position: absolute;top: 3.8rem;left: .5rem;z-index: 1;opacity: 0;}
  .pages5 .i3 {width: 7.5rem;height: 8.76rem;background: url(../images/p5_i3.png) no-repeat bottom center;background-size: contain;position: absolute;bottom: 0rem;left: 0rem;z-index: 1;}
  .pages5 .i4 {width: 3.01rem;height: 9.1rem;background: url(../images/p5_i4.png) no-repeat left center;background-size: contain;position: absolute;top: 0rem;left: 0rem;}
  .pages5 .i5 {width: 3.81rem;height: 11.22rem;background: url(../images/p5_i5.png) no-repeat right center;background-size: contain;position: absolute;top: 0rem;right: 0rem;}
  .pages5 .i6 {width: 7.4rem;height: 5.31rem;background: url(../images/p5_i6.png) no-repeat center center;background-size: contain;position: absolute;top: 4.5rem;left: .05rem;z-index: 2;opacity: 0;}

  .pages1.animate .i1{-webkit-animation: ani1 1s ease 0s both, bounceIn 2s ease-in-out 0s infinite;animation:ani1 1s ease 0s both, bounceIn 2s ease-in-out 0s infinite;}
  .pages1.animate .i3{-webkit-animation: renwu 1s linear 0s both;animation: renwu 1s linear 0s both;}
  .pages2.animate .i2{-webkit-animation: p2_i2 .3s linear 0s both;animation: p2_i2 .3s linear 0s both;}
  .pages2.animate .i3{-webkit-animation: p2_i3 .4s linear 0s both;animation: p2_i3 .4s linear 0s both;}
  .pages2.animate .i4{-webkit-animation: p2_i4 .5s linear 0s both;animation: p2_i4 .5s linear 0s both;}
  .pages2.animate .i6{-webkit-animation: p2_i6 .6s linear 0s both;animation: p2_i6 .6s linear 0s both;}
  .pages2.animate .i7{-webkit-animation: p2_i7 .7s linear 0s both;animation: p2_i7 .7s linear 0s both;}
  .pages2.animate .i5 {-webkit-animation: btn 0.7s linear 0s infinite alternate;animation: btn 0.7s linear 0s infinite alternate;}
  .pages2.animate .i13 {-webkit-animation: btn 0.7s linear 0s infinite alternate;animation: btn 0.7s linear 0s infinite alternate;}
  .pages2.animate .jt1 {-webkit-animation: jt1 0.3s linear 0s infinite alternate;animation: jt1 0.3s linear 0s infinite alternate;}
  .pages4.animate .jt2 {-webkit-animation: jt2 0.3s linear 0s infinite alternate;animation: jt2 0.3s linear 0s infinite alternate;}
  .pages3.animate .i4 {-webkit-animation: p3_i4 0.7s linear 0s both;animation: p3_i4 0.7s linear 0s both;}
  .pages3.animate .i5 {-webkit-animation: p3_i5 0.7s linear 0s both;animation: p3_i5 0.7s linear 0s both;}
  .pages3.animate .i6 {-webkit-animation: p3_i6 0.7s linear 0s both;animation: p3_i6 0.7s linear 0s both;}
  .pages3.animate .i7 {-webkit-animation: p3_i7 0.7s linear .5s both;animation: p3_i7 0.7s linear .5s both;}
  .pages3.animate .i8 {-webkit-animation: p3_i8 0.7s linear 1s both;animation: p3_i8 0.7s linear 1s both;}
  .pages4.animate .i2 {-webkit-animation: yinxiang .5s linear infinite forwards;animation: yinxiang .5s linear infinite forwards;}
  .pages4.animate .i3 {-webkit-animation: yinxiang .5s linear infinite forwards;animation: yinxiang .5s linear infinite forwards;}
  .pages4.animate .i7 {-webkit-animation: dengguang 1s linear infinite forwards;animation: dengguang 1s linear infinite forwards;}
  /* .pages4.animate .i6 {-webkit-animation: p4_i6 .5s linear infinite forwards;animation: p4_i6 .5s linear infinite forwards;} */
  .pages5.animate .i1 {-webkit-animation: p4_i1 .5s linear 0s both ;animation: p4_i1 .5s linear 0s both;}
  .pages5.animate .i2 {-webkit-animation: p4_i2 .5s linear 0s both ;animation: p4_i2 .5s linear .3s both;}
  .pages5.animate .i6 {-webkit-animation: p4_i6 .5s linear 0s both ;animation: p4_i6 .5s linear .6s both;}
  .pages1 .btn {-webkit-animation: btn 0.7s linear 0s infinite alternate;animation: btn 0.7s linear 0s infinite alternate;}

  @-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,100% { -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1); opacity: 1; }
    0% { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
    15% { -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); }
    30% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
    45% { -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); }
  	60% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); opacity: 1; }
    80%,100% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); opacity: 1; }
}

@keyframes bounceIn {
     0%,20%,40%,60%,80%,100% { -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1);  opacity: 1;}
   0% { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
    15% { -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); }
    30% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
    45% { -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); }
  	60% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); opacity: 1; }
    80%,100% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); opacity: 1; }
}
@-webkit-keyframes ani1{
	0%{-webkit-transform: translateY(-50%);transform: translateY(-50%);opacity: 0;}
	100%{-webkit-transform: translateY(0%);transform: translateY(0%);opacity: 1;}
}
@keyframes renwu {
	0% {bottom: -85%;opacity: 0;}
	100% {bottom: -9.185185%;opacity: 1;}
}
@keyframes p2_i3 {
	0% {left: -4.4rem;}
	100% {left: 0rem;}
}
@keyframes p2_i2 {
	0% {left: -4.5rem;}
	100% {left: .5rem;}
}
@keyframes p2_i4 {
	0% {left: -4.1rem;}
	100% {left: 0rem;}
}
@keyframes p2_i6 {
	0% {right: -4.1rem;}
	100% {right: 0rem;}
}
@keyframes p2_i7 {
	0% {right: -4.1rem;}
	100% {right: .25rem;}
}
@keyframes btn {
	0% {transform: scale(0.9)}
	100% {transform: scale(1)}
}
@keyframes p3_i4 {
	0% {right: -5.7rem;}
	100% {right: 0rem;}
}
@keyframes p3_i5 {
	0% {left: -4.4rem;}
	100% {left: 0rem;}
}
@keyframes p3_i6 {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes p3_i7 {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes p3_i8 {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes p4_i1 {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes p4_i2 {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes p4_i6 {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes yinxiang {
  0% {transform: scale(.8);}
  50% {transform: scale(1);}
	100% {transform: scale(.8);}
}
@keyframes dengguang {
  0% {opacity: .5;}
  50% {opacity: 1;}
	100% {opacity: .5;}
}
@keyframes jt1 {
	0% {transform: translateY(.1rem);}
	100% {transform: translateY(.3rem);}
}
@keyframes jt2 {
	0% {transform: translateX(.1rem);}
	100% {transform: translateX(.3rem);}
}
@keyframes btn {
	0% {transform: scale(0.9)}
	100% {transform: scale(1)}
}