* { padding: 0px; margin: 0px; }
body { overflow-x: hidden; }
.bigcontainer { width: 100%; background: url("../images/body.jpg") center top repeat-y; }
.fl { float: left; }
.bl { display: block; }
.ab { position: absolute; }
video { position: absolute; left: 50%; top: 0px; transform: translate(-50%); object-fit: contain; }
.navs { width: 700px; height: 150px; left: 50%; margin-left: -322px; z-index: 1000; }
.nav1, .nav2 { width: 87px; height: 266px; margin-right: 20px; }
.nav3 { width: 87px; height: 266px; }
.nav4 { width: 87px; height: 266px; margin-left: 20px; }
.nav1 { background: url("../images/downland.png") no-repeat; }
.nav1:hover, .nav2:hover, .nav3:hover, .nav4:hover { margin-top: -10px; }
.nav2 { background: url("../images/pay.png") no-repeat; }
.nav3 { background: url("../images/js.png") no-repeat; }
.nav4 { background: url("../images/show.png") no-repeat; }