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

body{ font-size:12px; font-family:"微软雅黑";color:#363636;background:#fff;}
html, body, div, span, h1, h2, h3, h4, h5, h6, em, img, strong, sub, sup, tt,dd, dl, dt, form, label, table, caption, tbody, tfoot, thead, tr, th, td,ul,li,p,a{ margin: 0; padding: 0;  }
.cbody{ margin:0 auto;width:982px; position:relative;background:#FFF;}
input,select,textarea{ vertical-align:middle;}
ul,li{ list-style-type:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
img{ width: 100%;}
.overhide{overflow:hidden;text-indent:-100em; }
.clear {clear: both;}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix{zoom:1}
.width{ width:1200px; margin:0 auto;}

.design{position:absolute;top: 0;bottom: 0;left: 0;right: 0;background: #000;overflow: hidden;}

.area{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: url("../img/xx.gif") center no-repeat; background-size: cover;min-height: 843px;}
.page{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: url("../img/404.png") no-repeat;}
.span{display: block; margin:0 auto; width: 610px;margin-top:237px; letter-spacing:.5px; color: #bdbdbd; text-align:center;font-size: 19px; line-height: 60px; font-weight: bold;}
.img1{display: block; width: 148px; margin:0 auto; margin-top:134px;}
.img1 img{ float: left; width: 148px;}
.spana{ float: left; width: 100%; margin-top:50px; color: #fff; text-align:center;font-size: 48px; font-weight: bold;}
.img2{float: left; width: 100%;height: 60px; background: url("../img/logo.png") center no-repeat; margin-top:30px; }


@media only screen and (max-width: 640px) and (min-width: 320px){
	.area{min-height: 665px;}
	.page {background: url("../img/404_a.png") 0 90% no-repeat; background-size:370px;}
	.span{width:230px; margin-top:85px; color: #bdbdbd; text-align:center;font-size: 12px; line-height: 20px; font-weight: bold;}
	.img1{display: block; width: 100px; margin:0 auto; margin-top:165px;}
	.img1 img{ float: left; width: 100%;}
	.spana{ float: left; width: 100%; margin-top:14px; color: #fff; text-align:center;font-size: 18.5px; font-weight: bold;}
	.img2{float: left; width: 100%;height: 60px; background: url("../img/logo.png") center no-repeat; background-size:42%; margin-top:75px; }
}