.home-banner{position:relative;overflow:hidden;line-height:1}.home-banner .items p:hover{opacity:.6}.home-banner .movie{width:100%;display:block;position:relative;overflow:hidden}.home-banner .content{position:absolute;left:50%;top:46%;z-index:2;text-align:center;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.home-banner .items{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-line-pack:start;align-content:flex-start;align-items:center;justify-content:center;position:absolute;right:10px;bottom:10px;z-index:2;text-align:center;width:30%}.home-banner .items p{color:#fff;padding:10px;margin:0;cursor:pointer;-webkit-transition:all .3s cubic-bezier(0.215,0.61,0.355,1);-moz-transition:all .3s cubic-bezier(0.215,0.61,0.355,1);-o-transition:all .3s cubic-bezier(0.215,0.61,0.355,1);-ms-transition:all .3s cubic-bezier(0.215,0.61,0.355,1);width:50%}.home-banner .movie:before{content:"";display:block;padding-top:55.16%}.home-banner .movie video{position:absolute;top:0;left:0;bottom:0;right:0;min-width:100%;min-height:100%}.home-banner .content img{max-width:80%}.home-banner .copy{margin-bottom:60px}.home-banner .ring{border:1px solid #fff;border-radius:80px;width:80px;height:80px;display:block;position:absolute;left:-1px;top:-1px}.home-banner .playBtn:hover .ring{-webkit-animation:btnplayanime 1s ease-out;animation:btnplayanime 1s ease-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}.home-banner .movieModal{background-color:rgba(0,0,0,0.8);left:0;top:0;width:100%;height:100vh;z-index:100;display:none;position:fixed}.home-banner .movieModal .inner{width:100%;height:100%;padding-top:20px;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}.home-banner .movieModal .wrap{display:block;max-width:80%;max-height:80%}.home-banner .movieModal .video{max-width:100%;max-height:520px}@media(max-width:767px){.home-banner .movie video{left:50%;-webkit-transform:translate(-50%,0%);-ms-transform:translate(-50%,0%);transform:translate(-50%,0%)}.home-banner .content{left:0;width:100%;-webkit-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);transform:translate(0%,-50%)}.home-banner .items{width:-webkit-calc(100% - 20px);width:calc(100% - 20px)}.home-banner .movie{height:100vh}}