#fullpage007{margin:0 auto}
#fullpage007 .active008.odd .a1,#fullpage007 .active008.odd .a2,#fullpage007 .active008.odd .d1,#fullpage007 .active008.odd .d2,#fullpage007 .active008.odd .d3,#fullpage007 .active008.odd .d4{-webkit-animation:fadeInLeft .6s forwards;animation:fadeInLeft .6s forwards}
#fullpage007 .active008.odd .d2{-webkit-animation-delay:.15s;animation-delay:.15s}
#fullpage007 .active008.odd .d3{-webkit-animation-delay:.3s;animation-delay:.3s}
#fullpage007 .active008.odd .a1,#fullpage007 .active008.odd .a2{-webkit-animation-delay:.45s;animation-delay:.45s}
#fullpage007 .active008.odd .d4{-webkit-animation-delay:.6s;animation-delay:.6s}
#fullpage007 .active008.even .a1,#fullpage007 .active008.even .a2,#fullpage007 .active008.even .d1,#fullpage007 .active008.even .d2,#fullpage007 .active008.even .d3,#fullpage007 .active008.even .d4{-webkit-animation:fadeInRight .6s forwards;animation:fadeInRight .6s forwards}
#fullpage007 .active008.even .d2{-webkit-animation-delay:.15s;animation-delay:.15s}
#fullpage007 .active008.even .d3{-webkit-animation-delay:.3s;animation-delay:.3s}
#fullpage007 .active008.even .a1,#fullpage007 .active008.even .a2{-webkit-animation-delay:.45s;animation-delay:.45s}
#fullpage007 .active008.even .d4{-webkit-animation-delay:.6s;animation-delay:.6s}
#fullpage007 .active008.page1 .i2,#fullpage007 .active008.page1 .i3{-webkit-animation:fadeInUp .8s forwards;animation:fadeInUp .8s forwards}
#fullpage007 .active008.page1 .i3{-webkit-animation-delay:.4s;animation-delay:.4s}
#fullpage007 .active008.page2 .i2{-webkit-animation:zoomIn .8s forwards;animation:zoomIn .8s forwards}
#fullpage007 .active008.page2 .i3{-webkit-animation:rotateIn 1s forwards;-o-animation:rotateIn 1s forwards;animation:rotateIn 1s forwards}
#fullpage007 .active008.page4 .i2{-webkit-animation:zoomIn 1s forwards;animation:zoomIn 1s forwards}
#fullpage007 .active008.page4 .i3{-webkit-animation:flipInX 1.4s forwards;animation:flipInX 1.4s forwards}
#fullpage007 .active008.page4 .i4{-webkit-animation:fadeInLeft 2s forwards;animation:fadeInLeft 2s forwards}
#fullpage007 .active008.page5 .i2{-webkit-animation:zoomIn 1.4s forwards;animation:zoomIn 1.4s forwards}
#fullpage007 .active008.page5 .i3{-webkit-animation:flipInX 1.4s forwards;animation:flipInX 1.4s forwards}
#fullpage007 .active008.page5 .i4{-webkit-animation:zoomIn 2s forwards;animation:zoomIn 2s forwards}
#fullpage007 .pagex{position:relative;padding-top:250px;box-sizing:border-box;overflow:hidden}
#fullpage007 .pagex .i0{position:absolute;width:243px;height:268px;top:-90px;left:0}
#fullpage007 .pagex .i1{position:absolute;top:0;left:0;width:1920px;height:860px;z-index:-1}
#fullpage007 .pagex .page1-inner{color:#fff;position:relative;display:block}
#fullpage007 .pagex .page1-inner .d4 ul li a{display:block;height:64px}
#fullpage007 .pagex .page1-inner .font-wrap{position:relative;z-index:2}
#fullpage007 .pagex .page1-inner .a1,#fullpage007 .pagex .page1-inner .a2,#fullpage007 .pagex .page1-inner .d1,#fullpage007 .pagex .page1-inner .d2,#fullpage007 .pagex .page1-inner .d3,#fullpage007 .pagex .page1-inner .d4,#fullpage007 .pagex .page1-inner .i10,#fullpage007 .pagex .page1-inner .i2,#fullpage007 .pagex .page1-inner .i3,#fullpage007 .pagex .page1-inner .i4,#fullpage007 .pagex .page1-inner .i5,#fullpage007 .pagex .page1-inner .i6,#fullpage007 .pagex .page1-inner .i7,#fullpage007 .pagex .page1-inner .i8,#fullpage007 .pagex .page1-inner .i9{opacity:0}
#fullpage007 .pagex .page1-inner .p1{font-size:46px;margin-bottom:10px}
#fullpage007 .pagex .page1-inner .p2{font-size:24px;margin-bottom:28px}
#fullpage007 .pagex .page1-inner .p3{font-size:18px;line-height:1.6;margin-bottom:20px;width:454px}
#fullpage007 .pagex .page1-inner .p3 span{display:inline-block;font-size:20px;height:40px}
#fullpage007 .pagex .page1-inner .p4{width:426px;line-height:1.6;font-size:18px;}
#fullpage007 .pagex .page1-inner .p4 span{display:inline-block;font-size:20px;height:40px}
#fullpage007 .pagex .page1-inner .p4 b{font-size:16px}
#fullpage007 .pagex .page1-inner .a1{display:block;width:140px;height:44px;text-align:center;line-height:44px;border:1px solid #fff;border-radius:2px;margin-top:20px;color:#fff;position:relative;font-size:20px;pointer-events:auto}
#fullpage007 .pagex .page1-inner .a1 b{position:absolute;top:0;left:0;width:0;height:100%;background-color:#fff;z-index:0;-webkit-transition:all .4s;transition:all .4s}
#fullpage007 .pagex .page1-inner .a1 em{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;line-height:44px;-webkit-transition:all .4s;transition:all .4s;font-style:normal}
#fullpage007 .pagex .page1-inner .a1:hover em{color:#12c1b2}
#fullpage007 .pagex .page1-inner .a1:hover b{width:100%}
#fullpage007 .pagex .page1-inner .a2{display:block;width:140px;height:44px;border:1px solid #00afec;border-radius:2px;margin-top:20px;position:relative;font-size:20px;pointer-events:auto;color:#00afec}
#fullpage007 .pagex .page1-inner .a2 b{position:absolute;top:0;left:0;width:0;height:100%;background-color:#00afec;z-index:0;-webkit-transition:all .4s;transition:all .4s}
#fullpage007 .pagex .page1-inner .a2 em{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;line-height:44px;-webkit-transition:all .4s;transition:all .4s;font-style:normal}
#fullpage007 .pagex .page1-inner .a2:hover em{color:#fff}
#fullpage007 .pagex .page1-inner .a2:hover b{width:100%}
#fullpage007 .pagex .page1-inner .a3:hover em{color:#ffb037}
#fullpage007 .pagex .page1-inner .ax:hover em{color:#f16a47}
#fullpage007 .pagex .page1-inner .d4{margin-top:26px}
#fullpage007 .pagex .page1-inner .more{float:left;margin-right:12px}
#fullpage007 .pagex .page1-inner .d4 ul{width:360px}
#fullpage007 .pagex .page1-inner .d4 ul li{float:left;width:116px;height:64px;margin-right:1px;margin-bottom:1px;background:no-repeat center;background-color:#fff}
#fullpage007 .pagex .black{color:#000}
#fullpage007 .pagex .black .d4 ul li{border:1px solid #f0f0f0;margin:0}
#fullpage007 .page1 .i2{position:absolute;width:504px;height:424px;top:-15px;right:122px}
#fullpage007 .page1 .i3{position:absolute;width:510px;height:316px;top:212px;right:-72px}
#fullpage007 .page2 .i00{position:absolute;width:243px;height:268px;top:-90px;right:210px}
#fullpage007 .page2 .i1{height:860px}
#fullpage007 .page2 .i2{position:absolute;width:1040px;height:739px;top:-109px;left:-290px;z-index:-1}
#fullpage007 .page2 .i3{position:absolute;width:102px;height:103px;top:353px;left:-281px}
#fullpage007 .page4 .i00{position:absolute;width:243px;height:268px;top:-90px;right:210px}
#fullpage007 .page4 .i2{position:absolute;width:729px;height:426px;left:-48px;top:50px}
#fullpage007 .page4 .i3{position:absolute;width:959px;height:586px;top:-170px;left:-220px}
#fullpage007 .page4 .i4{position:absolute;width:198px;height:226px;top:300px;left:50px}
#fullpage007 .page5 .i2{position:absolute;width:1100px;height:569px;top:-8px;right:-150px}
#fullpage007 .page5 .i3{position:absolute;width:95px;height:95px;top:117px;right:556px}
#fullpage007 .page5 .i4{position:absolute;width:375px;height:350px;top:-40px;right:-239px}
#fullpage007 .pagex .i1{height:100%}
.i-wrap{position:absolute;top:0;left:0;z-index:0;height:100%;width:100%}
.i-intro{top:-80px;height:750px;margin-bottom:-80px}
.i-intro .tips{padding-top:140px;font-size:26px;line-height:1.8;color:#c9e3ef;text-align:center}
.ins-intro .tips{padding-top:107px}
.i-intro .tips .btn{margin:32px 0 24px}
.i-intro .tips a{display:inline-block;width:148px;border:1px solid #fff;border-radius:3px;margin:0 15px;font-size:14px;line-height:38px;text-align:center;color:#fff;opacity:.5}
.i-intro .tips a.cur,.i-intro .tips a:hover{border-color:#29e2d7;background:#29e2d7;opacity:1}
.i-intro .canvas{left:50%;bottom:0;width:1920px;height:290px;margin-left:-960px}
.dh-wrap{position:absolute;width:1200px;height:100%;top:0;left:0}
@media screen and (max-height:850px){#fullpage007 .pagex{padding-top:150px}
.page1-inner{-webkit-transform:scale(.9);transform:scale(.9)}
}
@media screen and (max-height:680px){#fullpage007 .pagex{padding-top:110px}
#fullpage007 .pagex .i1{height:100%}
.page1-inner{-webkit-transform:scale(.9);transform:scale(.9)}
}
.zcimg{opacity:0;position:absolute}
#fullpage007 .active008 .zcimg1,#fullpage007 .active008 .zcimg3{-webkit-animation:fadeInUp .8s forwards;animation:fadeInUp .8s forwards}
#fullpage007 .active008 .zcimg2,#fullpage007 .active008 .zcimg4{-webkit-animation:flipInX .8s forwards;animation:flipInX .8s forwards}
.zcimg1{left:460px;top:138px;z-index:4}
.zcimg2{left:588px;top:-2px;z-index:3}
.zcimg4{left:795px;top:-113px;z-index:2}
.zcimg3{left:684px;top:289px;z-index:1}
@media screen and (max-width:1400px){.page1-inner{transform:scale(.8);-webkit-transform:scale(.8)}
}
#menu{position:fixed;right:20px;top:50%;width:120px;margin:-160px 0 0;padding:0;list-style-type:none;z-index:70}
#menu li{margin-top:10px;font-size:14px}
#menu a{display:block;padding:10px 0;background-color:#fff;color:#0074EA;text-align:center;text-decoration:none}
#menu .active a{color:#fff;background-color:#0074ea}
