.imageBoxHidden{display:none}.imageBoxLeftJoin{animation:imageBoxLeftJoin 2s;-webkit-animation:imageBoxLeftJoin 2s;animation-fill-mode:forwards;animation-timing-function:linear;display:inline-block}@keyframes imageBoxLeftJoin{0%{margin-left:-50px;opacity:0}to{margin-left:0;opacity:1}}.innerLeftJoin{animation:innerLeft 2s;-webkit-animation:innerLeft 2s;animation-fill-mode:forwards;animation-timing-function:linear;display:inline-block}@keyframes innerLeft{0%{margin-top:50px;opacity:0}to{margin-top:0;opacity:1}}.imageBoxLeftOn{animation:imageBoxLeftOn 2s;-webkit-animation:imageBoxLeftOn 2s;animation-fill-mode:forwards;animation-timing-function:linear;display:inline-block}@keyframes imageBoxLeftOn{0%{margin-left:0;opacity:1}to{margin-left:-50px;opacity:0}}.innerLeftOn{animation:innerLeftOn 2s;-webkit-animation:innerLeftOn 2s;animation-fill-mode:forwards;animation-timing-function:linear;display:inline-block}@keyframes innerLeftOn{0%{margin-top:0;opacity:1}to{margin-top:50px;opacity:0}}.imageBoxRightJoin{animation:imageBoxRightJoin 2s;-webkit-animation:imageBoxRightJoin 2s;animation-fill-mode:forwards;animation-timing-function:linear;display:inline-block}@keyframes imageBoxRightJoin{0%{margin-right:-50px;opacity:0}to{margin-right:0;opacity:1}}.innerRightJoin{animation:innerRightJoin 2s;-webkit-animation:innerRightJoin 2s;animation-fill-mode:forwards;animation-timing-function:linear;display:inline-block}@keyframes innerRightJoin{0%{margin-top:50px;opacity:0}to{margin-top:0;opacity:1}}.imageBoxRightOn{animation:imageBoxRightOn 2s;-webkit-animation:imageBoxRightOn 2s;animation-fill-mode:forwards;animation-timing-function:linear;display:inline-block}@keyframes imageBoxRightOn{0%{margin-right:0;opacity:1}to{margin-right:-50px;opacity:0}}.innerRightOn{animation:innerRightOn 2s;-webkit-animation:innerRightOn 2s;animation-fill-mode:forwards;animation-timing-function:linear;display:inline-block}@keyframes innerRightOn{0%{margin-top:0;opacity:1}to{margin-top:50px;opacity:0}}.bannerBox{position:relative;overflow:hidden}.bannerBox,.bannerTop{width:100%;height:600px;background-size:cover;background-position:50%}.bannerTop{position:absolute;z-index:50}.banner1{z-index:150}.banner2{z-index:100}.banner1Animation{animation:one 1s;-webkit-animation:one 1s;animation-fill-mode:forwards;animation-timing-function:linear}.banner2Animation{animation:one2 1.5s;-webkit-animation:one2 1.5s;animation-fill-mode:forwards;animation-timing-function:linear}@keyframes one{0%{left:0;filter:brightness(1)}to{left:100%;filter:brightness(1.3)}}@keyframes one2{0%{left:-100%;filter:brightness(1)}to{left:100%;filter:brightness(.5)}}.banner1Animation2{animation:animation2 1s;-webkit-animation:animation2 1s;animation-fill-mode:forwards;animation-timing-function:linear}.banner2Animation2{animation:animation22 1.5s;-webkit-animation:animation22 1.5s;animation-fill-mode:forwards;animation-timing-function:linear}@keyframes animation2{0%{right:0;filter:brightness(1)}to{right:100%;filter:brightness(1.3)}}@keyframes animation22{0%{right:-100%;filter:brightness(1)}to{right:100%;filter:brightness(.5)}}.rotate-box{height:600px;width:100%;overflow:hidden;animation:rotate-box 2s;-webkit-animation:rotate-box 2s;animation-fill-mode:forwards;animation-timing-function:linear}.rotate-inner{perspective:428px;-webkit-perspective:428px;animation:rotate-inner 2s;-webkit-animation:rotate-inner 2s;animation-fill-mode:forwards;animation-timing-function:linear}.bottom-block,.top-block{backface-visibility:hidden;-webkit-backface-visibility:hidden;width:100%;height:600px;background-size:cover;background-position:50%}.top-block{transform-origin:bottom;-webkit-transform-origin:bottom;transform:rotateX(0deg);-webkit-transform:rotateX(0deg);animation:top-block 2s;-webkit-animation:top-block 2s;animation-fill-mode:forwards;animation-timing-function:linear}.bottom-block{transform-origin:top;-webkit-transform-origin:top;transform:rotateX(-90deg);-webkit-transform:rotateX(-90deg);animation:bottom-block 2s;-webkit-animation:bottom-block 2s;animation-fill-mode:forwards;animation-timing-function:linear}@keyframes rotate-box{0%{width:100%;height:600px;margin-left:0;margin-top:0;opacity:1;margin-bottom:0}40%{width:75%;height:400px;margin-left:12.5%;margin-top:100px;opacity:.7;margin-bottom:100px}60%{width:75%;height:400px;margin-left:12.5%;margin-top:100px;opacity:.7;margin-bottom:100px}to{width:100%;height:600px;margin-left:0;margin-top:0;opacity:1;margin-bottom:0}}@keyframes rotate-inner{0%{margin-top:0}30%{margin-top:0}80%{margin-top:-600px}to{margin-top:-600px}}@keyframes top-block{0%{transform:rotateX(0deg)}30%{transform:rotateX(0deg)}70%{transform:rotateX(90deg)}to{transform:rotateX(90deg)}}@keyframes bottom-block{0%{transform:rotateX(-90deg)}30%{transform:rotateX(-90deg)}70%{transform:rotateX(0)}to{transform:rotateX(0)}}.rotate-inner2{perspective:428px;-webkit-perspective:428px;animation:rotate-inner2 2s;-webkit-animation:rotate-inner2 2s;animation-fill-mode:forwards;animation-timing-function:linear;margin-top:-600px}.bottom-block2,.top-block2{backface-visibility:hidden;-webkit-backface-visibility:hidden;width:100%;height:600px;background-size:cover;background-position:50%}.top-block2{transform-origin:bottom;-webkit-transform-origin:bottom;transform:rotateX(90deg);-webkit-transform:rotateX(90deg);animation:top-block2 2s;-webkit-animation:top-block2 2s;animation-fill-mode:forwards;animation-timing-function:linear}.bottom-block2{transform-origin:top;-webkit-transform-origin:top;transform:rotateX(0deg);-webkit-transform:rotateX(0deg);animation:bottom-block2 2s;-webkit-animation:bottom-block2 2s;animation-fill-mode:forwards;animation-timing-function:linear}@keyframes rotate-inner2{0%{margin-top:-600px}30%{margin-top:-600px}80%{margin-top:0}to{margin-top:0}}@keyframes top-block2{0%{transform:rotateX(90deg)}30%{transform:rotateX(90deg)}70%{transform:rotateX(0deg)}to{transform:rotateX(0deg)}}@keyframes bottom-block2{0%{transform:rotateX(0deg)}30%{transform:rotateX(0deg)}70%{transform:rotateX(-90deg)}to{transform:rotateX(-90deg)}}#shangyige,#xiayige{border:1px solid #fff;color:#fff;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}#shangyige:hover,#xiayige:hover{border:1px solid #feb900;color:#feb900}