@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:16px;
	color:#fff;
	background: #012265;
}

a{
	color:#fff;
}

a:hover{
	text-decoration: none;
	color: #fff !important;
}

#page{
	min-width: 1400px;
	width: 100%;
	background: url("images/body.jpg") no-repeat center top;
	position: relative;
	overflow: hidden;
}

#page .box{
	width: 1400px;
	height: 1998px;
	position: relative;
	margin: 0px auto;
}

#nav{
	position: absolute;
	width: 100%;
	top: 705px;
	text-align: center;
	font-size:0;
}

#nav .btn{
	display: inline-block;
	vertical-align: top;
	width: 19.2%;
	font-size: 16px;
	margin: 0px 0.7%;
}

#nav .btn .main{
	border: 1px solid #fff;
	border-radius: 33px;
	cursor: pointer;
	transition: background 0.2s;
}

#nav .btn .main a{
	padding-top: 11px;
	display: block;
	width: 100%;
	height: 56px;
}

#nav .btn .main h4{
	font-weight: normal;
	font-size: 21px;
	line-height: 24px;
	height: 24px;
	opacity: 0.8;
}

#nav .btn .main p{
	font-size: 17px;
	line-height: 20px;
	height: 20px;
	opacity: 0.8;
}

#nav .btn .main:hover{
	background: #fff;
}

#nav .btn .main:hover,#nav .btn .main:hover a{
	color: #04388a !important;
}

#nav .btn ul{
	opacity: 0;
	height: 0px;
	overflow: hidden;
	transition: all 0.8s;
}

#nav .btn li{
	margin-top: 6px;
	border: 1px solid #fff;
	height: 38px;
	border-radius: 20px;
	line-height: 38px;
	transition: background 0.2s;
}

#nav .btn li a{
	display: block;
	width: 100%;
	height: 100%;
}

#nav .btn li:hover{
	background: #fff;
}

#nav .btn li:hover,#nav .btn li:hover a{
	color: #04388a !important;
}

#nav .btn:hover ul{
	opacity: 1;
	height: auto;
}

#computer{
	position: absolute;
	left: 20px;
	top: 1086px;
	width: 594px;
	height: 510px;
	background: url("images/computer.png");
}

#computer .photo{
	position: absolute;
	width: 100%;
	height: 356px;
	left: 0px;
	top: 0px;
	border-radius: 11px 11px 0px 0px;
	overflow: hidden;
}

#computer .photo .play{
	position: absolute;
	width: 101px;
	height: 101px;
	background: url("images/play.png");
	left: 50%;
	top: 50%;
	margin: -50px 0px 0px -50px;
}

#text{
	position: absolute;
	right: 20px;
	top: 1085px;
	width: 615px;
	font-size: 22px;
	line-height: 36px;
}

#text p{
	margin-bottom: 25px;
	text-indent: 2em;
	text-align: justify;
}

#footer{
	position: absolute;
	left: 0px;
	bottom: 75px;
	width: 100%;
	line-height: 20px;
	text-align: center;
	color: #fff;
	opacity: 0.5;
}

@media screen and (max-width:1400px){
	#page{ min-width: 1240px; }
	#page .box{	width: 1240px; }
	#computer{ left: 0px; }
	#text{ right: 0px; }
	#nav .btn .main h4{ font-size: 18px; }
	#nav .btn .main p{ font-size: 15px; }
	#nav .btn li{ font-size: 14px; }
	#text{ font-size: 20px; width: 545px; }
}