html{ background:url(../images/back.jpg)}
body{ margin:0;}
img{ max-width:100%;}
.clear{ clear:both;}
.hide{ display:none !important;}
.top{ height:35px; line-height:35px; font-size:35px; color:#fff; text-align:center; margin-top:50px;}
.top-1{ font-size:18px; text-align:center; color:#fff;}
.top-1 a{ color:#fff; text-decoration:none;}

.center{ width:800px; margin:0 auto;}
.oa{ float:left; width:250px; margin-top:50px;}
.oa{ margin-left:100px;}
.oatit{ color:#fff; text-align:center;}
.oacent{ background:url(../images/oaback.png) repeat;text-align:center; height:150px; vertical-align:middle; display:table-cell; width:250px;}
.oacent img{ width:85%; transition:all .5s; }
.oacent:hover{ box-shadow:0px 0px 20px #333333;background:url(../images/oaback1.png) repeat;}
.oacent:hover img{ width:90%;}
@media screen and (max-width: 800px){
	.top{ width:100%; font-size:20px; line-height:20px; height:20px;}
	.top img{ width:20px;}
	.center{ width:100%;}
	.oa{ width:100%; margin-left:0; text-align:center}
	.oacent{ display:block; margin:0 auto;}
	.oacent a{ display:table-cell; vertical-align:middle; width:250px; height:150px;}
	html{ background:#001630;}

}