<!doctype html>
<html>
<head> <meta name="keywords" content="keywords_temp" />
<meta name="description" content="description_temp" />

<meta charset="utf-8" />
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Cache-Control" content="no-siteapp" />

<title>404</title>
<style>
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,form,input{margin:0;padding:0}em,i,s{font-style:normal;text-transform:uppercase;}li{list-style:none}a,s,a:hover{text-decoration:none}img{border:0;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}body,button,input,select,textarea{font:12px/1.5 'microsoft yahei',Tahoma,arial,'Hiragino Sans GB',\5b8b\4f53}input,textarea{resize:none;border:none;}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.noBg{background:none!important}.noBd{border:0!important}.noMg { margin: 0!important; }

input[type="button"], input[type="submit"], input[type="reset"] , botton,bottom {-webkit-appearance:none;}
input::-webkit-input-placeholder {opacity:1}
input:-moz-placeholder {opacity:1}
input::-moz-placeholder {opacity:1}
input::-ms-input-placeholder {opacity:1}
textarea::-webkit-input-placeholder {opacity:1}
textarea:-moz-placeholder {opacity:1}
textarea::-moz-placeholder {opacity:1}
textarea::-ms-input-placeholder {opacity:1}

/* 项目主体部分设置 */
body { background: #fff; color:#333; }
a { color:#333; transition: all 0.5s ease 0s; }
a:hover { color: #be0500; }

.fl{float: left;}
.fr{float: right;}
.wrapper { position:relative; width:100%; height: 100%; margin:0 auto; overflow:hidden; }
.wrap { width: 1200px; margin:0 auto; }
.g-in{width: 1200px;margin: 0 auto;}

.main_404{width:740px;margin:0 auto;text-align: center;position: fixed;height: 520px;left: 50%;margin-left: -370px;top: 50%;margin-top: -260px;z-index:10;}
.con404 p{font-size: 24px;color: #5e605f;}
.con404 p a{color: #e32c1c;text-decoration:underline;}
</style>
</head>
<body>
	<div class="wrapper">
		<div class="main_404">
			<div class="mainpic"><img src="images/mainpic.png" alt="404"></div>
			<div class="con404">
				<p class="m-404-3"></p> 
				<p>您可以点击进入 <a href="./">网站首页</a></a>
				</p>
			</div>
		</div>
	</div>
	<script>
	$(function(){
		$('.m-404-3').html('哎呀！页面被外星人劫走了，<span>5</span> 秒后将带您进入首页！');
		var s =5;
		function changeTime(){
			s--;
			if(s<1){
				top.location = './';
			}else{
				$('.m-404-3 span').html(s);
				setTimeout(changeTime, 1000);
			}
		}
		setTimeout(changeTime, 1000);
	});
	</script>
</body>
</html>