#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#app,.bg,.home,body,html{height:100%;overflow:hidden}.bg{background:50% url(../img/bg.aeed540b.jpg) fixed;position:absolute;width:100%;z-index:-1}.box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.content{background-color:#fff;-webkit-box-shadow:0 0 15px #83b9ce;box-shadow:0 0 15px #83b9ce;overflow:hidden}.content-item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:50%;height:50%;overflow:hidden;position:relative}.content-item1,.content-item2,.content-item3,.content-item4{width:100%;height:100%;overflow:hidden;-webkit-transition:all 1s cubic-bezier(.435,.08,.08,1) 0s;transition:all 1s cubic-bezier(.435,.08,.08,1) 0s}.content-item1{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);background-color:#fff5df}.content-item2{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.content-item3{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);background-color:#707d8d}.content-item4{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);background-color:#c8dae8}.loaded .content-item1,.loaded .content-item2,.loaded .content-item3,.loaded .content-item4{-webkit-transform:translateZ(0);transform:translateZ(0)}.content-wrap{width:100%;cursor:pointer;-webkit-transition:all .6s;transition:all .6s}.content-item:hover .content-wrap{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-filter:blur(3px);filter:blur(3px)}.content-info{position:absolute;width:100%;height:100%;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:opacity .6s;transition:opacity .6s;text-shadow:0 0 6px #004c6f;color:#fff;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;letter-spacing:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.content-info h1{font-size:60px}.content-item:hover .content-info{opacity:1}.beian{padding-top:20px;width:100%;color:#666;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.beian span{margin:0 5px}.beian-link{color:#666;text-decoration:none;font-size:.8rem}.beian-link:hover{color:#1d84d6;text-decoration:underline}.hide-info{position:absolute;left:0;width:100%;height:100%;top:0;-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.show-hide-info .box{-webkit-filter:blur(10px);filter:blur(10px);-webkit-transition:-webkit-filter 1s;transition:-webkit-filter 1s;transition:filter 1s;transition:filter 1s,-webkit-filter 1s}.show-hide-info .hide-info{background-color:rgba(103,155,173,.24);-webkit-transform:translateZ(0);transform:translateZ(0)}.hide-info-content{background-color:hsla(0,0%,98%,.3);padding:50px}.copyright{font-size:13px;color:#fff;text-shadow:0 0 5px #51e7ff}