.home-wrap{ background-size: cover;  width: 100%; height: 100%;  position: fixed; left: 0; top: 0;  text-align: center; text-transform: uppercase; }
.play{position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: url(../media/bg1.png) repeat left top; z-index: 1;}
.con-wrap{ height: 340px; left: 50%; margin: -170px 0 0 -380px; position: absolute; width: 740px; top: 50%; z-index: 2; color:#fff;}
.con-wrap .logo{ position:relative; top:-1000px;}
.con-wrap .head{ position:relative; top:-1000px;}
.con-wrap .head .name{ font-size: 40px; line-height: 46px; font-weight: 700;}
.con-wrap .btn-wrap{ position:relative; bottom:-1000px; margin: 27px 0 0;}
.con-wrap .btn-wrap .button{ border: 1px solid #fff; border-radius: 6px; color: #fff; display: inline-block; font-size: 17px; height: 40px; line-height: 40px; margin: 0 16px; text-align: center; text-decoration: none; vertical-align: top; width: 130px;}
.con-wrap .btn-wrap .button:hover{ color: #000; background-color:#fff;}

.active .logo{ top:0px;}
.active .head{ top:0px;}
.active .btn-wrap{ bottom:0px;}

.video{ background: no-repeat 50% 50%; background-size: cover; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0;}
.video video{ width:100%; height:100%;}

.transition2{ transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out;}
.transition3{ transition:all 2s ease-in-out; -webkit-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; -ms-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out;}
.transition4{ transition:all 3s ease-in-out; -webkit-transition:all 3s ease-in-out; -o-transition:all 3s ease-in-out; -ms-transition:all 3s ease-in-out; -moz-transition:all 3s ease-in-out;}

@media screen and (max-width:1023px) 
{
    .home-wrap{ background-size: cover;   background: url(../media/bg.jpg) no-repeat; }
    .con-wrap .logo img{ width:50%; height:auto;}
    .con-wrap .head .name{ font-size:1.6rem; line-height:1.2; text-align:center;}
    .con-wrap .btn-wrap .button{ font-size: 1rem; height:2.2rem; line-height:2.2rem; margin: 0 1rem; width: 6.4rem;}
    }