*{padding:0;margin:0}body{position:relative;font-family:Microsoft YaHei, PingFang SC, Hiragino Sans GB, Helvetica Neue, Helvetica, Arial, Tahoma, Heiti SC, sans-serif;width:100%}.page{display:flex;height:100vh}@font-face{font-family:yahei_bold;src:url(./yahei_bold.ttf)}@font-face{font-family:xiti;src:url(./BAHNSCHRIFT.ttf);font-weight:100}@keyframes logo1{0%{background-image:url(../images/logo.png);opacity:0}100%{background-image:url(../images/logo.png);opacity:1}}@keyframes logo2{0%{background-image:url(../images/logo.png)}15%{background-image:url(../images/a1.png)}30%{background-image:url(../images/a2.png)}45%{background-image:url(../images/a3.png)}60%{background-image:url(../images/a4.png)}100%{background-image:url(../images/a5.png)}}@keyframes index{0%{background-image:url(../images/pageBg.png);opacity:0.1}3%{background-image:url(../images/pageBg.png);opacity:1}100%{background-image:url(../images/pageBg.png);opacity:1}}@keyframes banner{0%{opacity:0.1}20%{opacity:1}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0.6;z-index:200}to{opacity:1;z-index:200}}@keyframes fadeInUp{0%{opacity:0.3;transform:translate3d(-50%, 0%, 0);-webkit-transform:translate3d(-50%, 0%, 0);-moz-transform:translate3d(-50%, 0%, 0);-ms-transform:translate3d(-50%, 0%, 0);-o-transform:translate3d(-50%, 0%, 0)}10%{opacity:1;transform:translate3d(-50%, -50%, 0);-webkit-transform:translate3d(-50%, -50%, 0);-moz-transform:translate3d(-50%, -50%, 0);-ms-transform:translate3d(-50%, -50%, 0);-o-transform:translate3d(-50%, -50%, 0)}80%{opacity:1;transform:translate3d(-50%, -50%, 0);-webkit-transform:translate3d(-50%, -50%, 0);-moz-transform:translate3d(-50%, -50%, 0);-ms-transform:translate3d(-50%, -50%, 0);-o-transform:translate3d(-50%, -50%, 0)}to{opacity:0;transform:translate3d(-50%, -100%, 0);-webkit-transform:translate3d(-50%, -100%, 0);-moz-transform:translate3d(-50%, -100%, 0);-ms-transform:translate3d(-50%, -100%, 0);-o-transform:translate3d(-50%, -100%, 0)}}@keyframes fadeInUp2{0%{opacity:0.3;transform:translate3d(-50%, 0%, 0);-webkit-transform:translate3d(-50%, 0%, 0);-moz-transform:translate3d(-50%, 0%, 0);-ms-transform:translate3d(-50%, 0%, 0);-o-transform:translate3d(-50%, 0%, 0)}10%{opacity:1;transform:translate3d(-50%, -50%, 0);-webkit-transform:translate3d(-50%, -50%, 0);-moz-transform:translate3d(-50%, -50%, 0);-ms-transform:translate3d(-50%, -50%, 0);-o-transform:translate3d(-50%, -50%, 0)}to{opacity:1;transform:translate3d(-50%, -50%, 0);-webkit-transform:translate3d(-50%, -50%, 0);-moz-transform:translate3d(-50%, -50%, 0);-ms-transform:translate3d(-50%, -50%, 0);-o-transform:translate3d(-50%, -50%, 0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes bgFadeIn{0%{transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%)}100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}}.topNav{opacity:0;position:fixed;top:85px;left:0;right:0;z-index:0;padding:0 100px;display:flex;justify-content:space-between;font-size:29px;animation:fadeIn 1s 26s forwards;-webkit-animation:fadeIn 1s 26s forwards;font-family:xiti}.topNav .logoText{display:block;background:url(../images/logo.png) center center no-repeat;background-size:90%}.topNav .logoText a{color:rgba(255,255,255,0) !important}.topNav b{font-family:yahei_bold}.topNav span{cursor:pointer}.topNav span a{display:block;color:#000;transition:all 0.5s;text-decoration:none}.topNav span a:hover{opacity:0.8;transform:scale(1.1)}.loading{width:50px;height:50px;border-radius:100%;background-color:#000;animation:ball-scale infinite linear 0.75s;-webkit-animation:ball-scale infinite linear 0.75s}@keyframes ball-scale{0%{transform:scale(0.1);opacity:1}100%{transform:scale(1);opacity:0}}body.hide{display:flex;align-items:center;justify-content:center;height:100vh}body.hide .page,body.hide .copyWriterBox,body.hide .copyright{display:none}body.hide .loading{display:block}body.index .loading{display:none}.index .page1{position:relative;align-items:center;justify-content:center}.index .page1 .banner{position:fixed;top:0;left:0;width:100%;height:100vh;opacity:0;z-index:100;animation:banner 5s 4s forwards;-webkit-animation:banner 5s 4s forwards;display:flex;justify-content:center}.index .page1 .banner img{width:100%}.index .page1 .banner .pc{background:url(../images/pageBg.png);background-size:cover;width:100%;height:100vh}.index .page1 .banner .mobile{display:none}.index .page1 .logo{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:70%;max-width:1500px;background-size:100% 100%}.index .page1 .logo img{width:100%;opacity:0;display:block}.index .page1 .logo1{opacity:0;animation:logo1 2s;-webkit-animation:logo1 2s}.index .page1 .logo2{animation:logo2 0.6s 2s steps(2, jump-none) 2 forwards;-webkit-animation:logo2 0.6s 2s steps(2, jump-none) 2 forwards}.index .copyWriterBox{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background-color:#fff;align-items:center;opacity:0;animation:fadeIn 1s 8.5s forwards;-webkit-animation:fadeIn 1s 8.5s forwards;will-change:transform}.index .copyWriterBox .copyWriter{position:absolute;left:50%;top:50%;z-index:100;transform:translate(-50%, -50%);width:80%;padding:0 100px;font-size:96px;opacity:0}.index .copyWriterBox .copyWriter i{display:block;margin-bottom:10px;text-decoration:underline;line-height:110px}.index .copyWriterBox .copyWriter1{animation:fadeInUp 5s 9s;-webkit-animation:fadeInUp 5s 9s}.index .copyWriterBox .copyWriter2{animation:fadeInUp 5s 14s;-webkit-animation:fadeInUp 5s 14s}.index .copyWriterBox .copyWriter3{animation:fadeInUp 5s 19s;-webkit-animation:fadeInUp 5s 19s}.index .copyWriterBox .copyWriter4{animation:fadeInUp2 5s 24s forwards;-webkit-animation:fadeInUp2 5s 24s forwards}.index .copyWriterBox .y_bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:yellow;transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);animation:bgFadeIn 1s 16s forwards;-webkit-animation:bgFadeIn 1s 18s forwards}.footer{align-items:center}.footer .copyWriter{padding:0 100px;font-size:25px;line-height:32px}.footer .copyWriter p{margin:22px 0}.index .copyright{opacity:0;animation:fadeIn 1s 25s forwards}body.about .topNav,body.contact .topNav{opacity:1}body.contact .code{margin-left:-17px}.copyright{color:#ccc;font-size:12px;position:fixed;left:50%;bottom:50px;z-index:1000;transform:translateX(-50%)}.copyright a{color:#ccc}@media screen and (max-width: 1920px){.index .copyWriter{font-size:76px !important}.index .copyWriter i{line-height:90px !important}body.about .footer .copyWriter{font-size:18px !important}.topNav{top:50px;padding:0 70px}}@media screen and (max-width: 1370px){body.about .topNav{position:inherit}body.about .page{display:block;padding:80px 0;box-sizing:border-box;height:auto}}@media screen and (max-width: 350px){.index .copyWriterBox .copyWriter{font-size:25px}}@media screen and (max-width: 400px){.index .copyWriterBox .copyWriter{width:90%}}@media only screen and (orientation: landscape){.mobile .index .page1 .logo{width:65%}.mobile .index .copyWriter{font-size:30px !important}.mobile .index .copyWriter i{line-height:36px !important}.mobile body.contact .topNav{position:inherit}.mobile body.contact .page{display:block;padding:80px 0;box-sizing:border-box;height:auto}.mobile .copyright{display:none}}@media screen and (max-width: 800px){.banner .pc{display:none}.banner .mobile{background:url(../images/mobilePageBg.jpeg);background-size:cover;display:block !important;width:100%;height:100vh}.index .page1 .logo{width:75%;transform:translate(-50%, -200%)}.index .copyWriter{font-size:30px !important}.index .copyWriter i{line-height:36px !important}.topNav{position:fixed !important;top:0;padding:20px 20px 0;font-size:15px}.topNav .contact{position:fixed;right:20px;bottom:20px}.footer .copyWriter{padding:0 45px;font-size:16px !important;line-height:26px !important}body.about .footer .copyWriter{padding-top:30px;font-size:13px !important;line-height:22px !important}body.about .footer .copyWriter p{margin:10px 0}body.about .footer .copyWriter br{display:none}body.about,body.contact{padding:50px 0}body.about .page,body.contact .page{padding-top:0;display:block;overflow-y:auto;height:calc(100vh - 100px)}body.contact .page{display:flex}body.contact .page .copyWriter{font-size:15px !important}.copyright{left:17px;bottom:20px;transform:translateX(0)}}