@charset "utf-8";
/* CSS Document */
body {
	background: #061436 url(../img/bg.png) center top;
	background-size: 100%;
	font-family: "微软雅黑";
	font-size: 13px; margin:0;  padding:0px;
	
}


 @keyframes ran {
 from {
 backgroud-position: 0 0;
}
to {
	background-position: 2000px 0;
}
}
.lcbox {
	width: 68%;
	margin: 5% auto;


	margin-top: 23vh;
	color: #fff;
}
.lcbox ul {
	
	overflow: hidden; 
	padding: 0px; margin-bottom:0px;
	border-radius: 5px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.lcbox ul.wfdl li {
	float: left; margin-top:8px;
	list-style: none;
}
.lcbox .alist {
	padding: 0px 15px;
	margin: 1vh 5px;
	font-size: 15px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 3px;
	text-align: left;
	height: 16vh;
	display: flex;
	flex-wrap: wrap;
	color: #fff;
	align-items: center;
	text-align: center;
	border-radius: 5px;
	margin-top: 0;
	cursor: pointer;
}
.lcbox ul li i {
	margin: 0 5px;
	font-size: 22px;
	
}

.Hometitlebox {
 width: 70%; margin: 0 auto;
	display: flex; justify-content: space-between;align-items: center;

	
}.wfalltitle{display: flex; align-items: center; padding-left: 20px; }
.wfalltitle h2{font-size: 28px; font-weight:bold; letter-spacing: 4px; margin: 0; }
.wfalltitle p{font-size: 12px;letter-spacing: 0; font-weight: normal;}
p {
	margin: 0;
	padding: 0
}
.wfalltitle img {
	float: left;
	width: 58px;
	margin-right: 8px;
}
.wfalltitle .f_r {
	float: right;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	margin-top:10px;
	font-weight:normal
}
.clear {
	clear: both
}

.headbox{	background:rgba(255, 255, 243, 0.2);	box-shadow: 0 0 20px rgba(0,0,0,.05);
	height: 100px;
		overflow: hidden;
		top: 0;  
		position:absolute;	width: 100%; color: #fff;}

		.bg1{background: rgba(0, 161, 233, 0.62)!important;}

		.bg2{background: rgba(128, 194, 106, 0.62) !important; }
		.bg3{background: rgba(106, 138, 189, 0.62) !important;}
		.bg5{background: rgba(68, 190, 201, 0.62)  !important;}
		.bg4{background: rgba(236, 109, 90, 0.62) !important;}
		.bg9{background: rgba(128, 194, 106, 0.62)!important;}
		.bg6{background: rgba(175, 169, 90, 0.62) !important;}
		.bg8{background: rgba(106, 138, 189, 0.62) !important;}
		.bg7{background: rgba(15, 101, 167, 0.62)!important;}

		.bg1:hover{background: rgba(0, 161, 233, 0.82)!important;}
		.bg2:hover{background: rgba(128, 194, 106, 0.82) !important;}
		.bg3:hover{background: rgba(106, 138, 189, 0.82) !important;}
		.bg5:hover{background: rgba(68, 190, 201, 0.82)  !important;}
		.bg4:hover{background: rgba(236, 109, 90, 0.82) !important;}
		.bg9:hover{background: rgba(128, 194, 106, 0.82)!important;}
		.bg6:hover{background: rgba(175, 169, 90, 0.82) !important;}
		.bg8:hover{background: rgba(106, 138, 189, 0.82) !important;}
		.bg7:hover{background: rgba(15, 101, 167, 0.82)!important;}
		.height30{height: 50px;}
		.height200{height:24.5vh !important; margin-top: 0 !important;}
		.height400{height: 50vh !important;}
		.lcflex{display: flex; justify-content: space-between;}
		.lcflex .alist{width: 40%; }
		.lcbox table{width: 100%;}
		.wfspan{display: block; width: 100%;}
		.wfspan i{font-size: 45px; }
		.wfspan p{margin-top:20px;}
		.wfspan img{width: 60px;}
		.wfspan a{color: #fff; cursor: pointer; text-decoration: none;}
		.wfspan a:hover{color: #ddd;}
		.width25{width:22%}
		.width20{width:20%}
		.width30{width:38%}
		.height400 .wfspan i{font-size: 85px; }
		.height400 .wfspan p{margin-top:30px;}
		.lcfoot{text-align: center; font-size: 14px; color: #fff;}
		.lcfoot span{margin: 0 10px;}

		@media screen and (max-width: 1800px)  {.lcbox .alist {
			padding: 0px 15px;
			
			font-size: 14px;}
			
		}