body,ul,li,h2,h3,div{
	margin:0;padding:0;border:0;
}
body{
	font-size:12px; 
	font-family:"Microsoft YaHei";
	background: left top repeat;
}
ul{
	list-style-type:none;
	}
a{
	text-decoration:none;
}
@font-face {
	font-weight: normal;
	font-style: normal;
}
.wb{
	margin:0 auto;
	/* width:1080px; */
	text-align:left;
	font-size: 20px;
}
.wb_q{
	font-size: 25px;
	color:blue;
}
.jrzt{
	text-align: left;
	color: white;
	font-size: 20px;
	padding-left: 20%;
	padding-right: 20%;
	word-break: break-all;
}
.yc{
	opacity:0;
	width: 1px;
	height: 1px;
	padding: 0rem;
	margin: 0rem;
	position: absolute;
	border: 0rem;
}
.yc:hover{
	cursor: default;
}
.an{
	width: 200px;  
	padding:8px;  
	background-color: #428bca;  
	border-color: #357ebd;  
	color: #fff;  
	-moz-border-radius: 10px;  
	-webkit-border-radius: 10px;  
	border-radius: 10px; /* future proofing */  
	-khtml-border-radius: 10px; /* for old Konqueror browsers */  
	text-align: center;  
	vertical-align: middle;  
	border: 1px solid transparent;  
	font-weight: 900;  
	font-size:100%  
}
.btn{
	font-size: 1.25rem;
}
.zt{
	font-size: 20px;
}
.logo{
	margin:50px auto 50px auto;
	text-align: center;
	width:200px;
	height:200px;
	border-radius:200px;
	overflow: hidden;
}
.list{
	text-align: center;
	width:100%;
	height:auto;
	margin-top:10px;
	border-radius:20px;
	border-style:none; 
	overflow: hidden;
}
.list li{
	display:inline-block;
	margin:5px;
	height:100px;
	background:#000;
	box-shadow:2px 2px 4px rgba(0, 0, 0, 0.2);
	-webkit-transition:0.3s all ease;
	-moz-transition:0.3s all ease;
	-ms-transition:0.3s all ease;
	-o-transition:0.3s all ease;
	transition:0.3s all ease;
	overflow:hidden;
	position:relative;
	background-color:rgba(255,255,255,1);
	background:transparent;
	border: 2px dashed #c2e9fb;
	
}

.list li:hover{
	background:#000;
	box-shadow:2px 2px 4px rgba(0, 0, 0, 0.4);
}
.text h2,.text a{
	font-family:"Microsoft YaHei";
	color:#000;
	text-shadow:1px 2px 4px #444;
	font-size:30px;
	font-weight:normal;
	-webkit-transition:0.3s all ease;
	-moz-transition:0.3s all ease;
	-ms-transition:0.3s all ease;
	-o-transition:0.3s all ease;
}
.text h3{
	font-family:Verdana;
	font-size:14px;
	color:#000;
	font-weight:normal;
	-webkit-transition:0.3s all ease;
	-moz-transition:0.3s all ease;
	-ms-transition:0.3s all ease;
	-o-transition:0.3s all ease;
}
.list li:hover h2,.list li:hover  a{
	color:#FFF;
	font-size:18px;
	text-shadow:1px 2px 4px #333;
}
.list li:hover .text h3{
	color:#F60;
	font-size:18px;
	margin-top:10px;
}
.list li .icon{
	width:60px;
	height:90px;
	margin-left:20px;
	margin-top:0px;
	margin-right:20px;
	float:left;
	font-size:30px;
	line-height:90px;
	color: #000;
	text-align:center;
	-webkit-transition:0.3s all ease;
	-moz-transition:0.3s all ease;
	-ms-transition:0.3s all ease;
	-o-transition:0.3s all ease;
	text-shadow:0 0 3px #000;
}
#last_icon{
	margin-left:10px;
	margin-top:0px;
	margin-right:15px;
}
.list li:hover .icon{
	color:#F90;
	font-size:50px;
}
.list li:hover .text{
	-webkit-animation-name:shake;
	-moz-animation-name:shake;
}
.text{
	float:left;
	margin-top:24px;
	height:70px;
	-webkit-animation:.5s .2s ease both;
	-moz-animation:1s .2s ease both;
}

@-webkit-keyframes shake{
	0%,100%{-webkit-transform:translateX(0);}
	20%,60%{-webkit-transform:translateX(-10px);}
	40%,80%{-webkit-transform:translateX(10px);}
}
@-moz-keyframes shake{
	0%,100%{-moz-transform:translateX(0);}
	20%,60%{-moz-transform:translateX(-10px);}
	40%,80%{-moz-transform:translateX(10px);}
}
.foot{
	text-align:center;
}
.footer {
	font-size: 16px;
	width: 280px;
	margin: 30px auto;
	position:absolute;
	bottom:0px;
}
.db{
	position:absolute;
	bottom:0px;
	text-align: center;
	margin: 0px auto;
	width: 100%;
}
#zl_p_input{
	width: 440px;
	margin: auto;
}
#zl_p_input table{
	margin: 20px;
	width: 400px;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
}
#zl_p_input tr{
	height: 40px;
}
#zl_p_input input{
	width: 200px;
	height: 18px;
}