@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
body {
	background-color: #0c1115;
	overflow-x:hidden;
}
.bigcontainer {
	width: 100%;
}
.test {
	border: 1px solid red;
}
.fl {
	float: left;
}
.cl {
	clean: both;
}
.bl {
	display: block;
}
.ab {
	position: absolute;
}
.rl {
	position: relative;
}
@media screen and (max-width:1280px){
	.floatlink {
	position: fixed;
	right:30px;
	top: 300px;
	width: 125px;
	height: 328px;
	background: url(../images/float.png) no-repeat;
	z-index: 20;
}
}
@media screen and (min-width:1280px){
	.floatlink {
	position: fixed;
	right:150px;
	top: 300px;
	width: 125px;
	height: 328px;
	background: url(../images/float.png) no-repeat;
	z-index: 20;
}
}

.floatlink a{width:125px;height:50px}

.topcontainer{height:900px;background:url(../images/web_01.jpg) no-repeat center;}
.navs{width:379px;height:308px;left: 50%;margin-left:-110px;top:620px;}
.nav1,.nav2,.nav3,.nav4{width:87px;height:266px;}
.nav1:hover,.nav2:hover,.nav3:hover,.nav4:hover{top:-15px;cursor:pointer;}
.nav1{
	background-image: url(../images/download.png);
}
.nav2{
	margin-left: 120px;
	background-image: url(../images/pay.png);
}
.nav3{
	background: url(../images/js.png);
	margin-left: 240px;
}
.nav4{
	margin-left: 360px;
	
	background: url(../images/show.png) no-repeat top center;
}
.nav5{
	width: 80px;
	height: 80px;
	background-image: url(../images/play.png);
	top: -93px;
	left: 2px;
}
.downcontainer{height:2637px;background-color: black;background:url(../images/web_02.jpg) no-repeat top center;margin:0 auto;}
.coloum1{width:900px;height:500px;background:url(../images/web_03.png) no-repeat top center;margin:0 auto;}
.coloum2{
	width:900px;
	height: 470px;
	background-image: url(../images/web_06.png);
	background-position: center top;
	background-repeat: no-repeat;
	left:50%;
	margin-left:-440px;
}
.coloum3{
	width: 900px;
	height: 400px;
	background-image: url(../images/web_07.png);
	background-position: center top;
	background-repeat: no-repeat;
	left: 50%;
	margin-top: 470px;
	margin-left: -435px;
}

#footer {
	clear:both;
	background: #333;
	padding-bottom: 10px;
	height:100px;
}
