﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>404</title>
    <meta name="Keywords" content="404" />
    <meta name="Description" content="404" />

    <script src="Js/jquery-1.8.0.min.js" type="text/javascript"></script>
    <style type="text/css">
        * {
            padding: 0px;
            margin: 0px;
        }

        html, body {
            height: 100%;
            width: 100%;
        }

        .bg {
            background-image: url(images/404.jpg);
            background-repeat: no-repeat;
            width: 655px;
            height: 426px;
            position: relative;
            margin: 40px auto;
        }

            .bg .txt {
                position: absolute;
                bottom: 102px;
                left: 151px;
                font-size: 12px;
                text-align: left;
            }

        a {
            color: #666;
        }

            a:hover {
                text-decoration: underline;
                color: #f17c21;
            }
    </style>
    <script type="text/javascript" language="javascript">
        var _time = 4;
        var _setinvel;
        $(function () {
            _setinvel = setInterval('showtime()', 1000);
        });
        function showtime() {
            if (_time <= 0) {
                location.href = '/index.html';
            }
            $("#time").html(_time--);
        }
    </script>

</head>
<body>
    <div class="bg">
        <div class="txt">
            <a href="/index.aspx">回到首页</a>&nbsp;&nbsp;&nbsp;<span id="time">5</span>秒后自动跳回首页
        </div>
    </div>
</body>
</html>
