@import url("animateList.css");html,body,div,p{margin:0;padding:0;box-sizing:border-box}html,body,.page{width:100%;height:100%}.musicControl{width:.7rem;height:.7rem;position:fixed;top:.23rem;right:.34rem;z-index:9999}.musicControl img{width:.47rem;height:.47rem;float:right}.musicControl img.musicPlay{animation:musicRoate 3s linear infinite;-webkit-animation:musicRoate 3s linear infinite;-moz-animation:musicRoate 3s linear infinite;-o-animation:musicRoate 3s linear infinite;-ms-animation:musicRoate 3s linear infinite}.dn{display:none}img{display:block;width:100%}.swiper-container{height:100%}.page{background:url("../images/bg.png") no-repeat;background-size:100% 100%;position:relative;overflow:hidden}.page .up{width:2.48rem;position:absolute;bottom:0;left:50%;margin-left:-1.24rem;animation:hua 2s linear 5s infinite both;-webkit-animation:hua 2s linear 5s infinite both}.page.page1 .cloud{width:200%;height:auto;margin-top:-.52rem;animation:moveLeft 60s linear infinite;-webkit-animation:moveLeft 60s linear infinite}.page.page1 .titleBox{width:100%;overflow:hidden;height:3rem;position:absolute;left:0;top:0}.page.page1 .titleBox>img{float:left}.page.page1 .titleBox>img.title1{width:1.19rem;height:auto;margin-left:.64rem;animation:moveBottom 2s ease-in-out both;-webkit-animation:moveBottom 2s ease-in-out both}.page.page1 .titleBox>img.title2{width:1.27rem;height:auto;margin-left:.48rem;animation:moveBottom 2s .5s ease-in-out both;-webkit-animation:moveBottom 2s .5s ease-in-out both}.page.page1 .titleBox>img.title3{width:1.71rem;height:auto;margin-left:.28rem;animation:moveBottom 2s 1s ease-in-out both;-webkit-animation:moveBottom 2s 1s ease-in-out both}.page.page1 .titleBox>img.title4{width:1.28rem;height:auto;margin-left:.04rem;animation:moveBottom 2s 1.5s ease-in-out both;-webkit-animation:moveBottom 2s 1.5s ease-in-out both}.page.page1 .theme{width:6.02rem;height:2.74rem;margin:1.88rem auto 0;animation:fadeChange 3s 1.5s linear both;-webkit-animation:fadeChange 3s 1.5s linear both}.page.page1 .aircraft{width:7.29rem;height:auto;margin-top:-.25rem;margin-left:.23rem;animation:fadeShow 1s 3.5s ease-in-out both;-webkit-animation:fadeShow 1s 3.5s ease-in-out both}.page.page1 .bottomBox{width:7.36rem;height:5.58rem;position:absolute;bottom:-1rem;right:0;overflow:hidden}.page.page1 .bottomBox .poople{width:5.88rem;margin:0 auto;position:relative;z-index:1}.page.page1 .bottomBox .earth{width:100%;margin-top:-.47rem}.page.page2 .topLeft,.page.page3 .topLeft,.page.page4 .topLeft,.page.page5 .topLeft,.page.page6 .topLeft{-webkit-animation:fadeShow 2s ease-in-out both;animation:fadeShow 2s ease-in-out both}.page.page2 .cloud01,.page.page3 .cloud01,.page.page4 .cloud01,.page.page5 .cloud01,.page.page6 .cloud01{width:1.9rem;height:1.84rem;margin-top:-.71rem}.page.page2 .cloud02,.page.page3 .cloud02,.page.page4 .cloud02,.page.page5 .cloud02,.page.page6 .cloud02{width:2.73rem;height:2.22rem;position:absolute;top:-.71rem;right:0;z-index:1}.page.page2 .cloud03,.page.page3 .cloud03,.page.page4 .cloud03,.page.page5 .cloud03,.page.page6 .cloud03{width:1.1rem;height:1.58rem;position:absolute;bottom:0;left:0;z-index:1}.page.page2 .cloud04,.page.page3 .cloud04,.page.page4 .cloud04,.page.page5 .cloud04,.page.page6 .cloud04{width:1.92rem;height:1.72rem;position:absolute;bottom:0;left:0;z-index:1}.page.page2 .paperPlane,.page.page3 .paperPlane,.page.page4 .paperPlane,.page.page5 .paperPlane,.page.page6 .paperPlane{width:5.86rem;height:auto;position:absolute;top:.4rem;right:0}.page.page2 .aircraft02,.page.page3 .aircraft02,.page.page4 .aircraft02,.page.page5 .aircraft02,.page.page6 .aircraft02{width:3.28rem;height:auto;position:absolute;bottom:.96rem;right:-3.28rem}.page.page2 .toLeft,.page.page3 .toLeft,.page.page4 .toLeft,.page.page5 .toLeft,.page.page6 .toLeft{-webkit-animation:moveToLeft 3s ease-in-out both;animation:moveToLeft 3s ease-in-out both}.page.page2 .logo,.page.page3 .logo,.page.page4 .logo,.page.page5 .logo,.page.page6 .logo{width:3.56rem;height:auto;position:absolute;top:.61rem;left:50%;margin-left:-1.78rem}.page.page2 .mainBox,.page.page3 .mainBox,.page.page4 .mainBox,.page.page5 .mainBox,.page.page6 .mainBox{width:6.82rem;height:10.3rem;margin:0.41rem auto 0;position:relative;padding-top:.15rem;padding-left:.1rem}.page.page2 .mainBox>div,.page.page3 .mainBox>div,.page.page4 .mainBox>div,.page.page5 .mainBox>div,.page.page6 .mainBox>div{width:6.72rem;height:10.15rem;border-radius:.1rem}.page.page2 .mainBox>div.box1,.page.page3 .mainBox>div.box1,.page.page4 .mainBox>div.box1,.page.page5 .mainBox>div.box1,.page.page6 .mainBox>div.box1{background:#0e5ba7}.page.page2 .mainBox>div.box2,.page.page3 .mainBox>div.box2,.page.page4 .mainBox>div.box2,.page.page5 .mainBox>div.box2,.page.page6 .mainBox>div.box2{background:#fff;position:absolute;top:0;left:0}.page.page2 .mainBox>div.box2 .first,.page.page2 .mainBox>div.box2 .second,.page.page2 .mainBox>div.box2 .third,.page.page3 .mainBox>div.box2 .first,.page.page3 .mainBox>div.box2 .second,.page.page3 .mainBox>div.box2 .third,.page.page4 .mainBox>div.box2 .first,.page.page4 .mainBox>div.box2 .second,.page.page4 .mainBox>div.box2 .third,.page.page5 .mainBox>div.box2 .first,.page.page5 .mainBox>div.box2 .second,.page.page5 .mainBox>div.box2 .third,.page.page6 .mainBox>div.box2 .first,.page.page6 .mainBox>div.box2 .second,.page.page6 .mainBox>div.box2 .third{width:100%;height:100%;padding:0 .45rem}.page.page2 .mainBox>div.box2 .first,.page.page3 .mainBox>div.box2 .first,.page.page4 .mainBox>div.box2 .first,.page.page5 .mainBox>div.box2 .first,.page.page6 .mainBox>div.box2 .first{position:absolute;top:0;left:0;background:#fff}.page.page2 .mainBox>div.box2 p,.page.page3 .mainBox>div.box2 p,.page.page4 .mainBox>div.box2 p,.page.page5 .mainBox>div.box2 p,.page.page6 .mainBox>div.box2 p{color:#dc843d;font-size:.44rem;line-height:.7rem}.page.page2 .mainBox>div.box2 p.title,.page.page3 .mainBox>div.box2 p.title,.page.page4 .mainBox>div.box2 p.title,.page.page5 .mainBox>div.box2 p.title,.page.page6 .mainBox>div.box2 p.title{margin:.65rem 0}.page.page2 .mainBox>div.box2 .page2_img,.page.page3 .mainBox>div.box2 .page2_img,.page.page4 .mainBox>div.box2 .page2_img,.page.page5 .mainBox>div.box2 .page2_img,.page.page6 .mainBox>div.box2 .page2_img{width:6.04rem;margin:.97rem auto 0;height:auto}.page.page2 .mainBox>div.box2 .page2_img02,.page.page3 .mainBox>div.box2 .page2_img02,.page.page4 .mainBox>div.box2 .page2_img02,.page.page5 .mainBox>div.box2 .page2_img02,.page.page6 .mainBox>div.box2 .page2_img02{width:6.1rem;height:auto;margin:.63rem auto 0}.page.page2 .mainBox>div.box2 .show2,.page.page3 .mainBox>div.box2 .show2,.page.page4 .mainBox>div.box2 .show2,.page.page5 .mainBox>div.box2 .show2,.page.page6 .mainBox>div.box2 .show2{-webkit-animation:fadeShow 2s ease-in-out both;animation:fadeShow 2s ease-in-out both}.page.page2 .mainBox>div.box2 .page2_img03,.page.page3 .mainBox>div.box2 .page2_img03,.page.page4 .mainBox>div.box2 .page2_img03,.page.page5 .mainBox>div.box2 .page2_img03,.page.page6 .mainBox>div.box2 .page2_img03{width:4.66rem;height:auto;margin:.79rem 0 0 .24rem}.page.page2 .mainBox>div.box2 .second .page3_img,.page.page3 .mainBox>div.box2 .second .page3_img,.page.page4 .mainBox>div.box2 .second .page3_img,.page.page5 .mainBox>div.box2 .second .page3_img,.page.page6 .mainBox>div.box2 .second .page3_img{width:5.97rem;height:auto;margin:.44rem auto 0}.page.page2 .mainBox>div.box2 .fade_out,.page.page3 .mainBox>div.box2 .fade_out,.page.page4 .mainBox>div.box2 .fade_out,.page.page5 .mainBox>div.box2 .fade_out,.page.page6 .mainBox>div.box2 .fade_out{-webkit-animation:fadeHid 1.5s ease-in-out both;animation:fadeHid 1.5s ease-in-out both}.page.page2 .coverBox,.page.page3 .coverBox,.page.page4 .coverBox,.page.page5 .coverBox,.page.page6 .coverBox{width:100%;height:100%;position:absolute;top:0;left:0}.page.page3{padding-top:1.21rem}.page.page3 .aircraft03{width:auto;height:1.97rem;position:absolute;bottom:.23rem;left:4.8rem}.page.page3 .line{width:.82rem;height:auto;position:absolute;top:0;left:0}.page.page3 .cloud04{z-index:0}.page.page3 .mainBox>div.box2 .first{padding-top:.85rem}.page.page3 .mainBox>div.box2 .second{padding-top:1.74rem}.page.page3 .mainBox>div.box2 .second img{width:5.97rem;height:auto}.page.page4 .cloud01,.page.page5 .cloud01,.page.page6 .cloud01{margin-left:-.54rem}.page.page4 .paperPlane02,.page.page5 .paperPlane02,.page.page6 .paperPlane02{width:5.55rem;height:auto;position:absolute;top:1.4rem;left:0}.page.page4 .personBox,.page.page5 .personBox,.page.page6 .personBox{width:2.13rem;height:auto;position:absolute;bottom:0;left:.48rem;z-index:1}.page.page4 .aircraft04,.page.page5 .aircraft04,.page.page6 .aircraft04{width:auto;height:1.93rem;position:absolute;bottom:1.19rem;left:4.07rem}.page.page4 .dianji,.page.page5 .dianji,.page.page6 .dianji{width:1rem;height:auto;line-height:56px;text-align:center;font-size:50px;font-weight:bold;color:#d00;position:absolute;left:50%;margin-left:-.5rem;top:7rem;-webkit-animation:fadeShow 1.8s .5s ease-in-out infinite;animation:fadeShow 1.8s .5s ease-in-out infinite}.page.page4 .mainBox>div.box2 img,.page.page5 .mainBox>div.box2 img,.page.page6 .mainBox>div.box2 img{width:4.92rem;margin:1.63rem auto}.page.page5 .cloud01{width:1.95rem}.page.page5 .cloud04{margin-left:-.2rem}.page.page5 .loading{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:10;display:none}.page.page5 .loading img{width:10%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%)}.page.page5 .aircraft04{height:1.41rem;bottom:.15rem;left:4.96rem}.page.page5 .paperPlane02{left:0.11rem}.page.page5 .mainBox>div.box2 .imgshowBox>img{width:5.39rem;height:auto;margin-top:1.22rem;margin-bottom:0}.page.page5 .mainBox>div.box2 .imgshowBox .imgUpload{width:2.54rem;height:3.09rem;margin:.66rem auto 0;background:rgba(32,128,223,0.4);display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.page.page5 .mainBox>div.box2 .imgshowBox .imgUpload .fileBox img{width:.56rem}.page.page5 .mainBox>div.box2 .imgshowBox .imgUpload input[type="file"]{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0}.page.page5 .mainBox>div.box2 .imgshowBox .imgUpload .uploadImg{width:100%;height:100%;position:absolute;top:0}.page.page5 .mainBox>div.box2 .imgshowBox .imgUpload .uploadImg img{width:auto;height:auto;max-width:100%;max-height:100%;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto}.page.page5 .mainBox>div.box2 .zhuan{margin:.22rem auto;width:.56rem;height:.84rem;background:url("../images/page5_img03.png") no-repeat;background-size:100% 100%}.page.page5 .mainBox>div.box2 .radioBox{width:5.3rem;height:.44rem;margin:.37rem auto 0;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.page.page5 .mainBox>div.box2 .radioBox div{width:1.62rem;height:100%;float:left;position:relative;overflow:hidden}.page.page5 .mainBox>div.box2 .radioBox div.noBox{margin-left:.92rem}.page.page5 .mainBox>div.box2 .radioBox div .radioSel{width:.35rem;height:.35rem;display:inline-block;float:left;margin-top:0.05rem}.page.page5 .mainBox>div.box2 .radioBox div input[type='radio']{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;float:left}.page.page5 .mainBox>div.box2 .radioBox div span{font-size:.34rem;float:right;color:#0e5ba7}.page.page5 .mainBox>div.box2 .btn{width:1.97rem;height:.8rem;margin:.66rem auto 0;background:url("../images/page5_img04.png") no-repeat;background-size:100% 100%}.page.page7 img{width:auto;height:auto;max-width:100%;max-height:100%;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto}.page6{position:relative;padding-top:1.01rem}.page6 .poster{width:6.03rem;height:auto;margin:0 auto;box-shadow:0.12rem 0.12rem rgba(32,128,228,0.26)}.page6 .printer{width:3.45rem;height:auto;position:absolute;top:0;left:50%;margin-left:-1.725rem}.page6 .btnBox{width:5.57rem;height:.8rem;margin:.25rem auto 0;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.page6 .btnBox .btn{width:2.24rem;height:.8rem;margin:0 auto}.page6 .btnBox .btn.btn01{background:url("../images/btn01.png") no-repeat;background-size:100% 100%}.page6 .btnBox .btn.btn02{background:url("../images/btn02.png") no-repeat;background-size:100% 100%}.page6 .cloud01{width:1.69rem;margin-left:0}.page6 .cloud04{margin-left:-.56rem}.page6 .paperPlane02{left:0.11rem}.page6 .aircraft04{width:2.39rem;height:auto;bottom:0;left:5.09rem}.page6 .mainBox>div.box2 p.sign{color:#494949;font-size:.15rem;text-align:center;margin:.2rem 0 0}