@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	}
li{
	list-style:none;
	}
a{
	text-decoration:none;
	}

input{
	border:none;
	}
.clear{
	clear:both;
	}





#wrap{
	width:720px;
	margin:0 auto;
	background:#fff;
	}
header{
	width:100%;
	background:#fff;
	position:relative;
	text-align:center;

	}
.back{
	display:block;
	position:absolute;
	left:36px;
	top:12px;
	width:60px;
	}	

.logo{
	margin:0 auto;
	padding-top:50px;
	width:330px;
	padding-bottom:36px;
	}
		




.banner{
	width:100%;
	padding-bottom:405px;
	background:#000000;
	position:relative;
	}		
.banner .yinying{
	width:100%;
	 position:absolute;
	 bottom:0;
	 left:0;
	 }



.classification{
	width:720px;
	background:#fff;
/*	margin-bottom:16px;
*/	text-align:center;
     height:820px;
	}
.classification ul{
	width:684px;
	padding-top:10px;
	padding-bottom:px;
	margin:0 auto;
	text-align:center;
	}
	
.classification ul li{
	float:left;
	width:342px;
	height:210px;
	}
.classification ul li img{
	display:block;
	width:334px;
	
	}

.classification ul li a img:hover{
     opacity:0.4;

	}
.classification ul li a img:active{
     opacity:0.7;

	}
	
	
	
	
.wrapper{
	width:720px;
	background:#fff;
	height:100%;

	}	
.wall{
	width:684px;
	margin:0 auto;
	text-align:center;
	background:#fff;
	padding:2.5% 0 0 0;

	}	
	
	
.button{
	padding:40px 0;
	}
.digi{
	display:block;
	margin:0 auto;
	width:300px;
	padding-top:10px;
	padding-bottom:10px;
	background:#393939;
	border-radius:50px;
	color:#fff;
	text-align:center;
	font-size:30px;
	font-family:Universe, Arial, Helvetica, sans-serif;
	}
.digi:hover{
	background:#fff;
	color:#121212;
	cursor:pointer;
	}		
.digi:active{
	background:#00406f;
	color:#fff;
	}