*{
	margin: 0;
	padding: 0;
}
body{
	width: 100%;
	font-family: "微软雅黑";
}
ul{
	list-style: none;
}
canvas{
	position: absolute;z-index: -1;
}
.btns{
	position: absolute;
	top:40%;
	width: 100px;
	height: 100px;
	cursor: pointer;
	z-index: 33;

}
.btns img{
	width: 100px;
	height: 100px;
	display: none;
}
.btn1{
	left: 20px;
}
.btn2{
	right: 20px;
}
.title{
	width: 1316px;
	margin:0 auto;
}
.container{
	width: 1030px;
	height: 680px;
	
	margin: 0 auto;
	margin-top: 20px;
}
.main{
	width: 100%;
	height: 640px;
	border:1px solid #02adba;
	margin-top: -45px;
	/*background-color:#04050b;
	opacity: 0.25;*/
}
.bt{
	position: relative;
}
.bt p{
	position: absolute;
	font-weight: bold;
	font-size: 20px;
	z-index: 3;;
	top:5px;
	color: #00f2ff;
	left: 110px;
}
.mtop{
	width: 100%;
	height: 400px;
	border-bottom: 1px solid #00f2fa;
}
.map{
	float: left;
	width: 720px;
	height: 100%;
	margin-top:0%;
	
	
}
.list{
	width: 300px;
	height: 100%;
	float: left;
	
}
.btn {
	display: inline-block;
	height: 25px;
	width: 70px;
	text-align: center;
	border:1px solid #008cff;

	margin-top: 20px;
	margin-left: 20px;
	color: #79c3f8;
	padding-top: 5px;;
	margin-left: 0px;
	border-radius: 1px;
	
}
.sf{
	margin-left: 20px;
	background-color: #008CFF;
	color: #fff;
}
.list ul{
	margin-left: 30px;
	margin-top: 20px;
}
.list ul li{
	color: #79c3f8;
	margin-left: 30px;
	list-style: decimal;
	margin-top: 8px;
	
}
.list ul li .tt{
	display: inline-block;
	width: 150px;
	height: 7px;
	margin-left: 20px;
	background-color: #76c6fb;
}
.data{
	float: right;
	color: #80c1f7;
	margin-top: 8px;
	font-size: 10px;
}
.b1{
	width: 343px;
	height: 235px;
	border:1px solid #00f2fa;
	float: left;
	border-left: none;
	border-right: none;
	border-top:none;
	border-bottom: none;
	position: relative;
}
.b2{
	width: 335px;
	height: 240px;
	border:1px solid #00f2fa;
	border-right: none;
	border-top:none;
	border-bottom: none;
	float: left;
	overflow: hidden;
}
.b3{
	width: 343px;
	height: 240px;
	border:1px solid #00f2fa;
	float: left;
	overflow: hidden;
	border-right: none;
	border-top:none;
	border-bottom: none;
}
.btt {
	color: #0aecff;
	font-size: 20px;
	margin-top: 10px;
	margin-left: 10px;
	position: relative;
}
.btt img{
	position: absolute;
	margin-left: -10px;
	top: 13px;
}
.p{
	position: absolute;
	top:120px;
	
}
.p2{
	top:120px;
	left: 20px;
}
.p1{
	right: 20px;
}
.bf{
	font-size: 25px;
	font-weight: bold;
	margin-left: 80px;
	margin-top: 20px;
}
.man{
	color: #098fff;
	
}
.woman{
	color: #f89100;
	margin-left: 60px;
}
.dian{
	width:230px ;
	margin-left: 55px;
	margin-top: 10px;
	
}
.dian li{
	width: 5px;
	height: 100px;
	margin-left: 5px;
	float: left;
}
.dian li span{
	display: block;
	width: 5px;
	height: 5px;
	margin-left: 3px;
	margin-top: 5px;
	background-color: #ff8900;
	
}
.age{
	width: 120%;
	height: 200px;
	margin-left: -25px;
	
}
.xf{
	width: 120%;
	height: 230px;
	margin-left: -30px;
	margin-top:-10px;
	}