body{overflow-y:hidden;background-color:#000}
.wrapper{width:100%;height:100%;overflow:hidden}
.tran{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;-ms-perspective:1000;perspective:1000;will-change:transform}
.home-wrap{width:100%;height:100%;position:relative;z-index:999;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.home-wrap .home-page{width:100%;height:100%;overflow:hidden;position:relative;font-size:50px;color:#000;text-align:center}
.home-wrap .home-page.page3{background:#000}
.home-wrap .home-page.page6{height:auto;border-top:.1rem solid #ff005e;background:#000}
.page1-video{background:no-repeat center 0/cover;width:100%;height:100%;overflow:hidden;position:relative}
.page1-video::before{content:"";background:url(../images/page1/mask.png) no-repeat 0 0/100% 100%;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;opacity:.5}
.video-bg{position:absolute;width:auto;height:auto;min-width:100%;min-height:100%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.page1-main{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}
.page1-logo{width:3.01rem;height:.76rem;position:absolute;top:.4rem;left:.6rem;cursor:initial}
.page1-logo img{width:100%}
.page1-slogan{width:9.25rem;height:.18rem;position:absolute;top:.66rem;left:50%;margin-left:-4.625rem}
.page1-slogan img{width:100%}
.page1-recBox{width:2.4rem;height:.5rem;position:absolute;top:.56rem;right:.5rem}
.rec-ani{border:2px solid #ed084d;-webkit-box-shadow:0 0 10px #ed084d;box-shadow:0 0 10px #ed084d;width:.32rem;height:.32rem;border-radius:50%;position:absolute;top:.1rem;left:.1rem}
.rec-ani::before{content:"";width:.2rem;height:.2rem;background-color:#ed084d;border-radius:50%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:recAni 1s ease-in-out infinite;animation:recAni 1s ease-in-out infinite}
@-webkit-keyframes recAni{
0%{opacity:0}
50%{opacity:1}
100%{opacity:0}
}
@keyframes recAni{
0%{opacity:0}
50%{opacity:1}
100%{opacity:0}
}
.rec-icon{width:.67rem;height:.27rem;position:absolute;top:.1rem;left:.56rem}
.rec-connection{background:url(../images/page1/contacting.png) no-repeat 0 0/100% 100%;width:.82rem;height:.22rem;position:absolute;top:.02rem;left:1.3rem;text-indent:-999em}
.rec-time{color:#8e8486;font-size:.16rem;position:absolute;top:.3rem;left:1.32rem}
.page1-playBtn{width:1.3rem;height:1.43rem;position:absolute;top:50%;left:50%;margin-left:-.65rem;margin-top:-.715rem;z-index:3;opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.page1-playBtn img{width:100%}
.page1-playBtn:hover{opacity:1}
.page1-downloadBox{background:url(../images/page1/download-bg.png) no-repeat 0 0/100% 100%;width:6.83rem;height:1.83rem;padding:.6rem .84rem;position:absolute;bottom:1.9rem;left:50%;margin-left:-3.415rem;z-index:4}
.page1-download{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.page1-download a{width:2.09rem;height:.63rem;-webkit-filter:brightness(.8);filter:brightness(.8);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}
.page1-download a.page1-as{width:1.91rem;height:.6rem}
.page1-download a.page1-gp{width:2.07rem;height:.61rem}
.page1-download a img{width:100%}
.page1-download a:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}
.page1-scroll{width:.72rem;height:.91rem;position:absolute;bottom:.6rem;left:50%;margin-left:-.36rem}
.page1-scroll.scrollAni{-webkit-animation:scrollAni 1s infinite;animation:scrollAni 1s infinite}
.page1-scroll img{width:100%}
@-webkit-keyframes scrollAni{
0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
100%{-webkit-transform:translateY(.6rem);transform:translateY(.6rem);opacity:0}
}
@keyframes scrollAni{
0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
100%{-webkit-transform:translateY(.6rem);transform:translateY(.6rem);opacity:0}
}
.home-wrap .home-page.page2{background:url(../images/page2/bg.png) no-repeat center 0/cover;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.page2-container{width:16.1rem;height:8.89rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden;z-index:1}
.page2-banner{width:6.43rem;height:8.89rem;overflow:hidden}
.page2-banner .swiper-container-news{width:100%;height:100%}
.page2-banner .swiper-container-news .swiper-slide{width:100%;height:100%}
.page2-banner .swiper-container-news .swiper-slide img{width:100%}
.swiper-pagination-news{position:absolute;text-align:right;z-index:1;bottom:.2rem!important}
.swiper-pagination-news .swiper-pagination-bullet{width:.8rem;height:.12rem;margin:0 .1rem;background-color:#7d7c7f;opacity:1!important;border-radius:0!important;-webkit-transition:background .3s;transition:background .3s}
.swiper-pagination-news .swiper-pagination-bullet-active{background-color:#db0022}
.page2-news{width:9.56rem;height:8.89rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.page2-news-tagBox{width:7.94rem;height:.57rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.page2-news-tagBox li{width:20%;height:.57rem;background-image:url(../images/page2/tab-li-bg.png);background-repeat:no-repeat;background-size:3.38rem .57rem;background-position:0 0;color:#a3a3ae;font-size:.24rem;text-align:center;line-height:.57rem;cursor:pointer}
.page2-news-tagBox li:hover{background-position:-1.76rem 0;color:#4d4d50;font-weight:700}
.page2-news-tagBox li.cur{background-position:-1.76rem 0;color:#4d4d50;font-weight:700}
.page2-news-conBox{width:100%;height:8.3rem}
.page2-news-conBox ul{width:100%;height:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;overflow:hidden;display:none}
.page2-news-conBox ul.cur{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.page2-news-conBox ul li{background:url(../images/page2/tab-con-bg-0.png) no-repeat 0 0/100% 100%;width:4.73rem;height:2.66rem;margin-top:.1rem;-webkit-transition:background .5s;transition:background .5s;cursor:pointer}
.page2-news-conBox ul li:nth-child(2n){margin-left:.1rem}
.page2-news-conBox ul li:hover{background:url(../images/page2/tab-con-bg-1.png) no-repeat 0 0/100% 100%}
.page2-news-conBox ul li a{display:block;width:100%;height:100%;padding:.5rem .44rem .44rem .5rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.page2-news-con-row{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.page2-news-con-tag{font-size:.24rem;color:#fff;-webkit-transition:all .5s;transition:all .5s;position:relative}
.page2-news-conBox ul li:hover .page2-news-con-tag{color:#000}
.page2-news-con-tag::after{content:"";width:100%;height:.06rem;position:absolute;bottom:-.16rem;left:.01rem;background-color:#f05}
.page2-news-con-time{color:#aea9ac;font-size:.18rem;-webkit-transition:all .5s;transition:all .5s}
.page2-news-conBox ul li:hover .page2-news-con-time{color:#3e3f42}
.page2-news-con-title{font-size:.2rem;color:#fff;text-align:left;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s}
.page2-news-conBox ul li:hover .page2-news-con-title{color:#000}
.page2-news-con-more{text-indent:-999em;background-image:url(../images/page2/detail-more.png);background-repeat:no-repeat;background-size:1.19rem 1.06rem;background-position:0 -.68rem;width:1.19rem;height:.42rem;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}
.page2-news-conBox ul li:hover .page2-news-con-more{background-position:0 0}
.page2-more{width:1.11rem;height:.57rem;background-image:url(../images/page2/news-more.png);background-repeat:no-repeat;background-size:1.11rem 1.22rem;background-position:0 0;position:absolute;top:0;right:0;text-indent:-999em}
.page2-more:hover{background-position:0 -.65rem}
.page3-container{width:100%;height:100%}
.page3-icon-lt{width:3.3rem;height:13.3rem;position:absolute;top:.54rem;left:.33rem;z-index:11}
.page3-icon-rt{width:4.07rem;height:13.3rem;position:absolute;top:.54rem;right:.33rem;z-index:11}
.page3-icon-rb{width:2.58rem;height:1.39rem;position:absolute;bottom:.54rem;right:.78rem;z-index:11}
.page3-icon-lb{width:2.25rem;height:.58rem;position:absolute;bottom:.93rem;left:.82rem;z-index:11}
.swiper-wv{width:100%;height:100%}
.swiper-wv .swiper-slide{background:no-repeat center center/cover;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}
.swiper-wv .swiper-slide .wv-content{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.swiper-wv .swiper-slide .wv-name{width:6.82rem;height:2.41rem}
.swiper-wv .swiper-slide .wv-desc{width:9.4rem;color:#e1dfdf;font-size:.3rem;line-height:1.8;margin-top:.28rem;text-align:center}
.swiper-wv .swiper-slide .wv-detail{width:1.03rem;height:1.08rem;margin-top:.2rem;z-index:10;cursor:pointer;outline:0;border:none;position:relative;background:0 0}
.swiper-wv .swiper-slide .wv-detail img{width:1.03rem;height:1.08rem;position:absolute;top:0;left:0;z-index:2}
.swiper-wv .swiper-slide .wv-detail::after{content:"";width:.6rem;height:.6rem;position:absolute;top:.26rem;left:.21rem;background-color:#fff;opacity:.4;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:wave 1s linear infinite;animation:wave 1s linear infinite;-webkit-transform-origin:center center;transform-origin:center center}
@-webkit-keyframes wave{
0%{-webkit-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1);opacity:.4}
100%{-webkit-transform:rotate(45deg) scale(2);transform:rotate(45deg) scale(2);opacity:0}
}
@keyframes wave{
0%{-webkit-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1);opacity:.4}
100%{-webkit-transform:rotate(45deg) scale(2);transform:rotate(45deg) scale(2);opacity:0}
}
.swiper-wv-thumbs{width:15.8rem;position:absolute;bottom:1.14rem;left:50%;margin-left:-7.8rem;padding-top:1rem}
.swiper-wv-thumbs .swiper-slide{width:3.33rem!important;height:.72rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.swiper-wv-thumbs .swiper-slide:last-child .wv-thumbs-line::after{content:"";width:2.45rem;height:1px;background-color:#fff;position:absolute;left:3.33rem}
.wv-thumbs-line{width:2.45rem;height:.72rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.wv-thumbs-line span{width:100%;height:1px;background-color:#fff}
.wv-thumbs-icon{width:.88rem;height:.72rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}
.wv-thumbs-icon span{width:.3rem;height:.3rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#ababab}
.wv-thumbs-icon span::after{content:"";opacity:0;position:absolute;top:-.1rem;left:-.1rem;width:.5rem;height:.5rem;border:.02rem solid #fff}
.swiper-wv-thumbs .swiper-slide-thumb-active .wv-thumbs-icon span::after{opacity:1}
.swiper-wv-thumbs .swiper-slide-thumb-active .wv-thumbs-icon span{background-color:#fff}
.wv-thumbs-name{width:2rem;height:.69rem;position:absolute;left:1.92rem;top:-.8rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}
.wv-thumbs-name span{background-image:url(../images/page3/thumb-bg.png);background-repeat:no-repeat;background-size:4.14rem .69rem;background-position:-2.26rem -.08rem;width:1.9rem;height:.58rem;color:#ababab;font-weight:700;font-size:.26rem;line-height:.58rem;text-align:center}
.swiper-wv-thumbs .swiper-slide-thumb-active .wv-thumbs-name span{background-position:0 0;width:2rem;height:.69rem;line-height:.69rem;color:#fff}
.swiper-wv.opened{-webkit-filter:blur(6px);filter:blur(6px)}
.page3-iconBox{-webkit-transition:opacity .3s;transition:opacity .3s}
.page3-iconBox.opened{opacity:0}
.swiper-wv-thumbs.opened{opacity:0}
.page3-detailBox{background-color:#00000024;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.swiper-clews{width:100%;height:11rem}
.clews-wvName{width:1.03rem;position:absolute;top:0;left:.96rem}
.clews-wvName img{width:100%}
.swiper-clews .swiper-slide{width:12.61rem;height:10.55rem;text-align:initial;-webkit-filter:brightness(60%);filter:brightness(60%)}
.clews-name{display:inline-block;padding:0 .26rem;height:.52rem;background:-webkit-linear-gradient(135deg,transparent .1rem,#fff 0);background:linear-gradient(-45deg,transparent .1rem,#fff 0);color:#000;font-size:.3rem;font-weight:700;line-height:.52rem}
.clews-close{width:.48rem;height:.48rem;margin-top:.1rem;float:right;cursor:pointer;display:none}
.clews-close img{width:100%;-webkit-transition:all .6s;transition:all .6s}
.clews-close:hover img{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
.clews-img{margin-top:.26rem;width:12.61rem;height:7.13rem}
.clews-img img{width:100%}
.clews-desc{width:100%;padding-top:.2rem;color:#fff;line-height:1.3;font-size:.24rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;opacity:0;-webkit-transition:opacity .8s;transition:opacity .8s}
.swiper-clews .swiper-slide-active .clews-desc{opacity:1}
.swiper-clews .swiper-slide-active .clews-close{display:block}
.swiper-clews .swiper-slide-active{-webkit-filter:brightness(100%);filter:brightness(100%)}
.swiper-pagination-clews{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;height:.3rem;bottom:0!important}
.swiper-pagination-clews .swiper-pagination-bullet{width:.14rem;height:.14rem;background:#ccc!important;opacity:1!important;margin:0 .16rem!important;-webkit-transition:all .3s;transition:all .3s}
.swiper-pagination-clews .swiper-pagination-bullet-active{-webkit-transform:scale(1.4);transform:scale(1.4);background:#fff!important}
.clews-next::after,.clews-prev::after{display:none!important}
.clews-prev{width:2.5rem;height:4.8rem;left:4rem!important;margin-top:-3.2rem!important}
.clews-next{width:2.5rem;height:4.8rem;right:4rem!important;margin-top:-3.2rem!important}
.home-wrap .home-page.page4{background:url(../images/page4/bg.png) no-repeat center 0/cover;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.page4-container{width:25.6rem;height:14.4rem;position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.page4-liBox{width:2.1rem;height:8.76rem;position:absolute;top:2.92rem;left:1.94rem;z-index:10;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.page4-liBox ul{width:2.1rem;height:8rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.page4-liBox ul li{width:2.1rem;height:1.17rem;position:relative}
.page4-liBox ul li::after{content:"";width:0;height:1.4rem;border-left:1px dashed #bcbcbc;position:absolute;top:1.12rem;left:.14rem}
.page4-liBox ul li:last-child:after{display:none}
.page4-liBox ul li a{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.page4-liBox ul li a .li-l{background-image:url(../images/page4/bullet.png);background-repeat:no-repeat;background-size:.28rem .61rem;background-position:0 0;width:.28rem;height:.28rem;position:relative}
.page4-liBox ul li.cur a .li-l,.page4-liBox ul li:hover a .li-l{background-position:0 -.33rem}
.page4-liBox ul li a .li-l span{color:#afb0b0;font-size:.2rem;position:absolute;bottom:-.3rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.page4-liBox ul li a .li-r{width:1.54rem;height:1.17rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}
.page4-liBox ul li a .li-r img{width:1.03rem;height:1.17rem;-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.page4-liBox ul li.cur a .li-r img,.page4-liBox ul li:hover a .li-r img{-webkit-filter:grayscale(0);filter:grayscale(0)}
.page4-liBox ul li a .li-r span{background:url(../images/page4/arrow-lr.png) no-repeat 0 0/100% 100%;width:1.54rem;height:.18rem;position:absolute;opacity:0}
.page4-liBox ul li.cur a .li-r span{opacity:1}
.page4-navigation{width:.36rem;height:100%;position:absolute;top:.12rem;left:-.01rem;z-index:-1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.page4-next,.page4-prev{background:transparent url(../images/page4/arrow-t.png) no-repeat 0 0/100% 100%;width:.31rem;height:.36rem;outline:0;border:none;cursor:pointer}
.page4-next{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.page4-conBox{width:100%;height:100%;position:absolute;top:0;left:0}
.page4-tectosome{background-repeat:no-repeat;background-size:25.6rem 14.4rem;background-position:0 0;width:25.6rem;height:14.4rem;position:absolute;top:0;left:0;opacity:0;z-index:-1;-webkit-transition:opacity .5s;transition:opacity .5s}
.page4-tectosome.cur{opacity:1;z-index:1}
.page4-ani{background-repeat:no-repeat;background-position:0 0;background-size:25rem 1620rem;width:25rem;height:15rem;position:absolute;top:0;left:0;z-index:2}
.page4-cv-1{width:2.89rem;height:.76rem;position:absolute;top:3.24rem;right:9.38rem;cursor:pointer;z-index:3}
.home-wrap .home-page.page5{background:url(../images/page2/bg.png) no-repeat center 0/cover}
.page5-container{width:25.6rem;height:14.4rem;position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}
.page5-box{width:17.16rem;height:10.5rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.page5-box a{width:5.5rem;height:10.5rem;position:relative;cursor:pointer}
.page5-box a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;-webkit-transition:background .3s;transition:background .3s}
.page5-box a.cur::before{background-color:#00000059}
.page5-box a img{width:100%}
.mask{background-color:#000;border-top:1px solid #000;position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;z-index:-1}
.mask.on{-webkit-opacity:.8;-moz-opacity:.8;opacity:.8;z-index:9998}
.dialog{display:none;position:fixed;top:50%;left:50%;z-index:9999}
.dialog.on{display:block}
.dialog-close{width:.7rem;height:.7rem;position:absolute;top:0;right:-1rem;cursor:pointer}
.dialog-close img{-webkit-transition:all .4s;transition:all .4s;width:100%}
.dialog-close:hover img{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.dialog-iframe{width:14rem;height:8rem;margin-left:-7rem;margin-top:-4rem;background-color:#000;border:3px solid #ccc}
.dialog-iframe .dialog-con{width:100%;height:100%}
.dialog-iframe iframe{width:100%;height:100%}
.menuBox{width:3.93rem;position:absolute;top:1.4rem;right:.8rem;z-index:9999}
.topBar_menuBtn{background:url(../images/other/icon-menu.png) no-repeat 0 0/100% 100%;width:.64rem;height:.64rem;position:absolute;right:0;top:0;-webkit-transition:background .3s;transition:background .3s}
.topBar_menuBtn.cur{background-image:url(../images/other/icon-close.png)}
.menuMainBox{position:absolute;top:.7rem;right:0;width:3.75rem;height:0;overflow:hidden}
.menuMainBox.cur{height:6.56rem}
.menuMain{background:url(../images/other/nav-bg2.png) no-repeat 0 0/100% 100%;margin-left:4rem;width:3.75rem;height:6.56rem;padding:0 .05rem;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;opacity:0}
.menuMain.cur{margin-left:0;opacity:1}
.menuMain ul{width:100%;height:4.9rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.menuMain ul li{width:100%;height:.8rem;border-bottom:1px solid #6a6a6a;color:#807f7f;font-size:.22rem;text-align:center;padding-top:.45rem;cursor:pointer;position:relative;letter-spacing:4px}
.menuMain ul li:hover{color:#fff}
.menuMain ul li.cur{color:#fff;font-weight:500}
.menuMain ul li.cur::after{content:"";width:1rem;height:2px;background-color:#ed084d;position:absolute;bottom:-2px;left:50%;margin-left:-.5rem}
.socialBox{margin:.3rem auto 0;width:3rem;height:.6rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.socialBox a{width:.56rem;height:.6rem;-webkit-filter:brightness(.7);filter:brightness(.7);-webkit-transition:-webkit-filter .3s ease;transition:-webkit-filter .3s ease;transition:filter .3s ease;transition:filter .3s ease,-webkit-filter .3s ease}
.socialBox a img{width:100%}
.socialBox a:hover{-webkit-filter:brightness(1);filter:brightness(1)}
.sidebar-open{display:none;width:.36rem;height:2.1rem;position:fixed;right:0;top:32%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);z-index:999}
.sidebar-open.cur{display:block}
.sidebar-open img{width:100%}
.sidebar-open::before{content:"";background:url(../images/other/nav-btn-on-icon.png) no-repeat 0 0/100% 100%;width:.2rem;height:.23rem;position:absolute;bottom:.3rem;left:.07rem;-webkit-animation:openAni .5s ease infinite;animation:openAni .5s ease infinite;z-index:1}
@-webkit-keyframes openAni{
0%{-webkit-transform:translateX(0);transform:translateX(0)}
50%{-webkit-transform:translateX(15%);transform:translateX(15%)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes openAni{
0%{-webkit-transform:translateX(0);transform:translateX(0)}
50%{-webkit-transform:translateX(15%);transform:translateX(15%)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
.sidebar-box{position:fixed;right:-5rem;top:30%;background:url(../images/other/nav-bg.png) no-repeat 0 0/100% 100%;width:2.14rem;height:5.22rem;padding:.6rem 0 0 .3rem;z-index:999;-webkit-transition:all .3s;transition:all .3s}
.sidebar-box.cur{right:.02rem}
.my-bullet{display:block;width:1.3rem;height:.36rem;color:#b4b0b1;font-size:.2rem;text-align:right;cursor:pointer;position:relative;letter-spacing:1px;line-height:.36rem}
.my-bullet b{font-weight:400!important}
.my-bullet::before{content:"";background-image:url(../images/other/nav-icon.png);background-repeat:no-repeat;background-size:.34rem .74rem;background-position:0 0;width:.34rem;height:.34rem;position:absolute;top:.04rem;right:-.4rem}
.my-bullet.active::before{background-position:0 -.4rem;width:.38rem;height:.38rem;top:0;right:-.44rem}
.my-bullet:hover::before{background-position:0 -.4rem;width:.38rem;height:.38rem;top:0;right:-.44rem}
.my-bullet:nth-child(1){margin-bottom:.54rem}
.my-bullet:nth-child(2){margin-bottom:.58rem}
.my-bullet:nth-child(3){margin-bottom:.45rem}
.my-bullet:nth-child(4){margin-bottom:.54rem}
.my-bullet.active{color:#fff}
.my-bullet:hover{color:#fff}
.my-bullet::after{content:"";position:absolute;bottom:-.1rem;left:.2rem;width:0;height:3px;background-color:#f05;-webkit-transition:all .3s;transition:all .3s}
.my-bullet.active::after{width:1.14rem}
.sidebar-close{width:.28rem;height:1.72rem;position:absolute;right:1.84rem;top:.65rem;z-index:1}
.loading{background:#000 url(../images/loading/bg.jpg) no-repeat center 0/cover;width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999}
.loading-con{width:6rem;height:6rem;position:absolute;top:50%;left:50%;margin-left:-3rem;margin-top:-3rem}
.loading-teamlogo{background:url(../images/loading/teamlogo.png) no-repeat 0 0/100% 100%;width:4.85rem;height:4.73rem;position:absolute;top:50%;left:50%;margin-left:-3rem;margin-top:-4rem}
.loading-rotate{width:2.6rem;height:2.6rem;top:40%;left:50%;position:absolute;margin-left:-1.3rem;margin-top:-2rem;z-index:9}
.loading-rotate::before{content:"";width:2rem;height:2rem;top:50%;left:50%;position:absolute;margin-left:-1rem;margin-top:-1rem;background:url(../images/loading/rotateLeftAni.png) no-repeat 0 0/100% 100%;-webkit-animation:rotateLeftAni linear 10s infinite;animation:rotateLeftAni linear 10s infinite}
.loading-rotate:after{content:"";width:2.6rem;height:2.6rem;background:url(../images/loading/rotateRightAni.png) no-repeat 0 0/100% 100%;position:absolute;top:0;left:0;-webkit-animation:rotateRightAni linear 5s infinite;animation:rotateRightAni linear 5s infinite}
.percent{font-size:.6rem;color:#fff;text-align:center;position:relative;text-align:center;line-height:2.6rem}
@-webkit-keyframes rotateLeftAni{
from{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
}
@keyframes rotateLeftAni{
from{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
}
@-webkit-keyframes rotateRightAni{
from{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
to{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
}
@keyframes rotateRightAni{
from{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
to{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
}
.loading-tips .glitch-img{width:4.29rem;height:.62rem;background:url(../images/loading/tips.png) no-repeat 0 0/100% 100%;position:absolute;top:50%;left:50%;margin-left:-2.145rem;margin-top:1.4rem}
.aniImg .glitch-img:nth-child(n+2){-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-delay:2.8s;animation-delay:2.8s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;opacity:0}
.aniImg .glitch-img:nth-child(2){background-color:transparent;-webkit-animation-name:glitch-ani1;animation-name:glitch-ani1}
.aniImg .glitch-img:nth-child(3){background-color:transparent;-webkit-animation-name:glitch-ani2;animation-name:glitch-ani2}
.aniImg .glitch-img:nth-child(4){background-color:transparent;-webkit-animation-name:glitch-ani3;animation-name:glitch-ani3}
@-webkit-keyframes glitch-ani1{
0%{opacity:1;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);-webkit-clip-path:polygon(0 2%,100% 2%,100% 5%,0 5%);clip-path:polygon(0 2%,100% 2%,100% 5%,0 5%)}
2%{-webkit-clip-path:polygon(0 15%,100% 15%,100% 15%,0 15%);clip-path:polygon(0 15%,100% 15%,100% 15%,0 15%)}
4%{-webkit-clip-path:polygon(0 10%,100% 10%,100% 20%,0 20%);clip-path:polygon(0 10%,100% 10%,100% 20%,0 20%)}
6%{-webkit-clip-path:polygon(0 1%,100% 1%,100% 2%,0 2%);clip-path:polygon(0 1%,100% 1%,100% 2%,0 2%)}
8%{-webkit-clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%);clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%)}
10%{-webkit-clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%);clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%)}
12%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%);clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%)}
14%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%);clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%)}
16%{-webkit-clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%);clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%)}
18%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%);clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%)}
20%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%);clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%)}
21.9%{opacity:1;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
100%,22%{opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-clip-path:polygon(0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0)}
}
@keyframes glitch-ani1{
0%{opacity:1;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);-webkit-clip-path:polygon(0 2%,100% 2%,100% 5%,0 5%);clip-path:polygon(0 2%,100% 2%,100% 5%,0 5%)}
2%{-webkit-clip-path:polygon(0 15%,100% 15%,100% 15%,0 15%);clip-path:polygon(0 15%,100% 15%,100% 15%,0 15%)}
4%{-webkit-clip-path:polygon(0 10%,100% 10%,100% 20%,0 20%);clip-path:polygon(0 10%,100% 10%,100% 20%,0 20%)}
6%{-webkit-clip-path:polygon(0 1%,100% 1%,100% 2%,0 2%);clip-path:polygon(0 1%,100% 1%,100% 2%,0 2%)}
8%{-webkit-clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%);clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%)}
10%{-webkit-clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%);clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%)}
12%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%);clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%)}
14%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%);clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%)}
16%{-webkit-clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%);clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%)}
18%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%);clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%)}
20%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%);clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%)}
21.9%{opacity:1;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
100%,22%{opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-clip-path:polygon(0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0)}
}
@-webkit-keyframes glitch-ani2{
0%{opacity:1;-webkit-transform:translate3d(calc(-1 * 10px),0,0);transform:translate3d(calc(-1 * 10px),0,0);-webkit-clip-path:polygon(0 25%,100% 25%,100% 30%,0 30%);clip-path:polygon(0 25%,100% 25%,100% 30%,0 30%)}
3%{-webkit-clip-path:polygon(0 3%,100% 3%,100% 3%,0 3%);clip-path:polygon(0 3%,100% 3%,100% 3%,0 3%)}
5%{-webkit-clip-path:polygon(0 5%,100% 5%,100% 20%,0 20%);clip-path:polygon(0 5%,100% 5%,100% 20%,0 20%)}
7%{-webkit-clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%);clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%)}
9%{-webkit-clip-path:polygon(0 40%,100% 40%,100% 40%,0 40%);clip-path:polygon(0 40%,100% 40%,100% 40%,0 40%)}
11%{-webkit-clip-path:polygon(0 52%,100% 52%,100% 59%,0 59%);clip-path:polygon(0 52%,100% 52%,100% 59%,0 59%)}
13%{-webkit-clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%);clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%)}
15%{-webkit-clip-path:polygon(0 75%,100% 75%,100% 75%,0 75%);clip-path:polygon(0 75%,100% 75%,100% 75%,0 75%)}
17%{-webkit-clip-path:polygon(0 65%,100% 65%,100% 40%,0 40%);clip-path:polygon(0 65%,100% 65%,100% 40%,0 40%)}
19%{-webkit-clip-path:polygon(0 45%,100% 45%,100% 50%,0 50%);clip-path:polygon(0 45%,100% 45%,100% 50%,0 50%)}
20%{-webkit-clip-path:polygon(0 14%,100% 14%,100% 33%,0 33%);clip-path:polygon(0 14%,100% 14%,100% 33%,0 33%)}
21.9%{opacity:1;-webkit-transform:translate3d(calc(-1 * 10px),0,0);transform:translate3d(calc(-1 * 10px),0,0)}
100%,22%{opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-clip-path:polygon(0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0)}
}
@keyframes glitch-ani2{
0%{opacity:1;-webkit-transform:translate3d(calc(-1 * 10px),0,0);transform:translate3d(calc(-1 * 10px),0,0);-webkit-clip-path:polygon(0 25%,100% 25%,100% 30%,0 30%);clip-path:polygon(0 25%,100% 25%,100% 30%,0 30%)}
3%{-webkit-clip-path:polygon(0 3%,100% 3%,100% 3%,0 3%);clip-path:polygon(0 3%,100% 3%,100% 3%,0 3%)}
5%{-webkit-clip-path:polygon(0 5%,100% 5%,100% 20%,0 20%);clip-path:polygon(0 5%,100% 5%,100% 20%,0 20%)}
7%{-webkit-clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%);clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%)}
9%{-webkit-clip-path:polygon(0 40%,100% 40%,100% 40%,0 40%);clip-path:polygon(0 40%,100% 40%,100% 40%,0 40%)}
11%{-webkit-clip-path:polygon(0 52%,100% 52%,100% 59%,0 59%);clip-path:polygon(0 52%,100% 52%,100% 59%,0 59%)}
13%{-webkit-clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%);clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%)}
15%{-webkit-clip-path:polygon(0 75%,100% 75%,100% 75%,0 75%);clip-path:polygon(0 75%,100% 75%,100% 75%,0 75%)}
17%{-webkit-clip-path:polygon(0 65%,100% 65%,100% 40%,0 40%);clip-path:polygon(0 65%,100% 65%,100% 40%,0 40%)}
19%{-webkit-clip-path:polygon(0 45%,100% 45%,100% 50%,0 50%);clip-path:polygon(0 45%,100% 45%,100% 50%,0 50%)}
20%{-webkit-clip-path:polygon(0 14%,100% 14%,100% 33%,0 33%);clip-path:polygon(0 14%,100% 14%,100% 33%,0 33%)}
21.9%{opacity:1;-webkit-transform:translate3d(calc(-1 * 10px),0,0);transform:translate3d(calc(-1 * 10px),0,0)}
100%,22%{opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-clip-path:polygon(0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0)}
}
@-webkit-keyframes glitch-ani3{
0%{opacity:1;-webkit-transform:translate3d(0,calc(-1 * 5px),0) scale3d(-1,-1,1);transform:translate3d(0,calc(-1 * 5px),0) scale3d(-1,-1,1);-webkit-clip-path:polygon(0 1%,100% 1%,100% 3%,0 3%);clip-path:polygon(0 1%,100% 1%,100% 3%,0 3%)}
1.5%{-webkit-clip-path:polygon(0 10%,100% 10%,100% 9%,0 9%);clip-path:polygon(0 10%,100% 10%,100% 9%,0 9%)}
2%{-webkit-clip-path:polygon(0 5%,100% 5%,100% 6%,0 6%);clip-path:polygon(0 5%,100% 5%,100% 6%,0 6%)}
2.5%{-webkit-clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%);clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%)}
3%{-webkit-clip-path:polygon(0 10%,100% 10%,100% 10%,0 10%);clip-path:polygon(0 10%,100% 10%,100% 10%,0 10%)}
5%{-webkit-clip-path:polygon(0 30%,100% 30%,100% 25%,0 25%);clip-path:polygon(0 30%,100% 30%,100% 25%,0 25%)}
5.5%{-webkit-clip-path:polygon(0 15%,100% 15%,100% 16%,0 16%);clip-path:polygon(0 15%,100% 15%,100% 16%,0 16%)}
7%{-webkit-clip-path:polygon(0 40%,100% 40%,100% 39%,0 39%);clip-path:polygon(0 40%,100% 40%,100% 39%,0 39%)}
8%{-webkit-clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%);clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%)}
9%{-webkit-clip-path:polygon(0 60%,100% 60%,100% 55%,0 55%);clip-path:polygon(0 60%,100% 60%,100% 55%,0 55%)}
10.5%{-webkit-clip-path:polygon(0 30%,100% 30%,100% 31%,0 31%);clip-path:polygon(0 30%,100% 30%,100% 31%,0 31%)}
11%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 69%,0 69%);clip-path:polygon(0 70%,100% 70%,100% 69%,0 69%)}
13%{-webkit-clip-path:polygon(0 40%,100% 40%,100% 41%,0 41%);clip-path:polygon(0 40%,100% 40%,100% 41%,0 41%)}
14%{-webkit-clip-path:polygon(0 80%,100% 80%,100% 75%,0 75%);clip-path:polygon(0 80%,100% 80%,100% 75%,0 75%)}
14.5%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 51%,0 51%);clip-path:polygon(0 50%,100% 50%,100% 51%,0 51%)}
15%{-webkit-clip-path:polygon(0 90%,100% 90%,100% 90%,0 90%);clip-path:polygon(0 90%,100% 90%,100% 90%,0 90%)}
16%{-webkit-clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%);clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%)}
18%{-webkit-clip-path:polygon(0 100%,100% 100%,100% 99%,0 99%);clip-path:polygon(0 100%,100% 100%,100% 99%,0 99%)}
20%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 71%,0 71%);clip-path:polygon(0 70%,100% 70%,100% 71%,0 71%)}
21.9%{opacity:1;-webkit-transform:translate3d(0,calc(-1 * 5px),0) scale3d(-1,-1,1);transform:translate3d(0,calc(-1 * 5px),0) scale3d(-1,-1,1)}
100%,22%{opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-clip-path:polygon(0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0)}
}
@keyframes glitch-ani3{
0%{opacity:1;-webkit-transform:translate3d(0,calc(-1 * 5px),0) scale3d(-1,-1,1);transform:translate3d(0,calc(-1 * 5px),0) scale3d(-1,-1,1);-webkit-clip-path:polygon(0 1%,100% 1%,100% 3%,0 3%);clip-path:polygon(0 1%,100% 1%,100% 3%,0 3%)}
1.5%{-webkit-clip-path:polygon(0 10%,100% 10%,100% 9%,0 9%);clip-path:polygon(0 10%,100% 10%,100% 9%,0 9%)}
2%{-webkit-clip-path:polygon(0 5%,100% 5%,100% 6%,0 6%);clip-path:polygon(0 5%,100% 5%,100% 6%,0 6%)}
2.5%{-webkit-clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%);clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%)}
3%{-webkit-clip-path:polygon(0 10%,100% 10%,100% 10%,0 10%);clip-path:polygon(0 10%,100% 10%,100% 10%,0 10%)}
5%{-webkit-clip-path:polygon(0 30%,100% 30%,100% 25%,0 25%);clip-path:polygon(0 30%,100% 30%,100% 25%,0 25%)}
5.5%{-webkit-clip-path:polygon(0 15%,100% 15%,100% 16%,0 16%);clip-path:polygon(0 15%,100% 15%,100% 16%,0 16%)}
7%{-webkit-clip-path:polygon(0 40%,100% 40%,100% 39%,0 39%);clip-path:polygon(0 40%,100% 40%,100% 39%,0 39%)}
8%{-webkit-clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%);clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%)}
9%{-webkit-clip-path:polygon(0 60%,100% 60%,100% 55%,0 55%);clip-path:polygon(0 60%,100% 60%,100% 55%,0 55%)}
10.5%{-webkit-clip-path:polygon(0 30%,100% 30%,100% 31%,0 31%);clip-path:polygon(0 30%,100% 30%,100% 31%,0 31%)}
11%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 69%,0 69%);clip-path:polygon(0 70%,100% 70%,100% 69%,0 69%)}
13%{-webkit-clip-path:polygon(0 40%,100% 40%,100% 41%,0 41%);clip-path:polygon(0 40%,100% 40%,100% 41%,0 41%)}
14%{-webkit-clip-path:polygon(0 80%,100% 80%,100% 75%,0 75%);clip-path:polygon(0 80%,100% 80%,100% 75%,0 75%)}
14.5%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 51%,0 51%);clip-path:polygon(0 50%,100% 50%,100% 51%,0 51%)}
15%{-webkit-clip-path:polygon(0 90%,100% 90%,100% 90%,0 90%);clip-path:polygon(0 90%,100% 90%,100% 90%,0 90%)}
16%{-webkit-clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%);clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%)}
18%{-webkit-clip-path:polygon(0 100%,100% 100%,100% 99%,0 99%);clip-path:polygon(0 100%,100% 100%,100% 99%,0 99%)}
20%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 71%,0 71%);clip-path:polygon(0 70%,100% 70%,100% 71%,0 71%)}
21.9%{opacity:1;-webkit-transform:translate3d(0,calc(-1 * 5px),0) scale3d(-1,-1,1);transform:translate3d(0,calc(-1 * 5px),0) scale3d(-1,-1,1)}
100%,22%{opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-clip-path:polygon(0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0)}
}
.go-cartoon{width:3rem;height:5rem;position:fixed;left:0;bottom:50%;margin-bottom:-4rem;z-index:999;cursor:pointer}
.go-cartoon img{width:100%}