@charset "utf-8";
/* CSS Document */

body {
	background-color: #000214;
}
.top {
	width: 100%;
	height: 75px;
	background: rgba(0,123,255,0.7);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
}
.top .logo {
	background: url(../images/logo.png) left center no-repeat;
	width: 1200px;
	height: 75px;
	margin: 0 auto;
}
.banner {
	width: 100%;
	height: 100%;
	background: url(../images/banner.jpg) no-repeat top center;
	position: absolute;
	top: 0;
	left: 0;
	z-index:999;
}
.banner .btn {
	position: absolute;
	top:380px;
	left: 50%;
	margin-left: -72px;
	z-index: 9999;
}
.banner .btn span {
	position: absolute;
	top: 100px;
	left: 100px;
	-webkit-animation: mymove 1.2s infinite;
	animation: mymove 1.2s infinite;
}
.banner .txt {
	width: 1200px;
	height: 180px;
	background: url(../images/banner_txt.png) center no-repeat;
	display: inline-block;
	text-align:center;
	position:absolute;
	top:20%;
	z-index:100;
}
@-webkit-keyframes mymove {
 0% {
 -webkit-transform: translate(0, 0);
 opacity: 0;
}
 50% {
 opacity: 1;
}
 100% {
 -webkit-transform: translate(10px, 0);
 opacity: 0;
}
}
@keyframes mymove {
 0% {
 transform: translate(0, 0);
 opacity: 0;
}
 50% {
 opacity: 1;
}
 100% {
 transform: translate(10px, 0);
 opacity: 0;
}
}
footer {
	width: 100%;
	position:fixed;
	height: 53px;
	background: #015ec7;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 53px;
	left: 0;
	bottom: 0;
	z-index:9999;
}
@media screen and (min-width:960px) and (max-width:1366px) {
.banner .btn {
	position: absolute;
	top:330px;
	left:50%;
	margin-left: -72px;
	z-index:9999;
}
.banner {
	width: 100%;
	height: 100%;
	background: url(../images/banner_small.jpg) no-repeat top center;
	position: absolute;
	top:0;
	left:0;
	z-index:999;
	background-size: cover;
}
}