html, body{margin:0; padding:0;}

.fix{
background:#FFF;
position:fixed;
z-index:99; 
padding:0;
top: 0;
left: 0;
right: 0;
margin: 0;
width:100%;
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
}
.header{position:absolute; top:0; left:0; width:100%; z-index:99999; padding:20px 0;}
.logoraea img{width:250px;}
.index-banner{position:relative; height:100vh; overflow:hidden;}
.index-banner video{width:100%;}
.gradiantbg{position:absolute; width:100%; top:0; left:0px;background-image: linear-gradient(rgba(0,0,0,0.9), rgba(255,255,255,0)); z-index:111; height:30%;}
.bannertxt{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.leftw{left:30%;}
.bannertxt h2{display:block;font-family:'Raleway', sans-serif;font-size:60px;font-weight:800;color:#fff;text-shadow:1px 1px 2px rgba(0, 0, 0, 1);line-height:70px;margin-bottom:20px;}