<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>404错误页面-振兴门窗</title>
    <meta name="keywords" content="振兴门窗404页面">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="振兴门窗404页面，拦截错误链接，提供返回入口">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>404</title>
    <style>

        * {
            font-family: Arial, Microsoft YaHei, sans-serif;
        }

        body {
            background: #7395ff;
            padding: 0;
            margin: 0;
        }

        .main {
            width: 100%;
            height: 100%;
            position: absolute;
            color: #fff;
            letter-spacing: 1px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .main div {
            text-align: center;
        }

        .main div img {
            display: block;
        }

        .main a {
            color:#fff;
        }


        @media all and (max-width: 767px) {
            * {
                font-family: Arial, Microsoft YaHei, sans-serif;
            }

            body {
                background: #7395ff;
                padding: 0;
                margin: 0;
            }

            .main {
                width: 100%;
                height: 100%;
                position: absolute;
                color: #fff;
                letter-spacing: 1px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .main div {
                width: 90%;
                text-align: center;
            }

            .main div img {
                width: 100%;
            }

            .main div p {
                font-size: 14px;
            }
        }

    </style>
</head>

<body>
<div class="main">
    <div>
        <img src="http://www.mei-wo.com/Application/Home/Public/style/images/404mm.png">
        <h1>页面走丢了...</h1>
        <p>朋友您好！非常抱歉，您所请求的页面不存在！</p>
        <p>请仔细检查您输入的网址是否正确。</p>
        <p>您可以<a href="javascript:;" onclick="javascript:window.history.go(-1);">返回上一页</a>或者<a href="/">回首页&gt;&gt;</a></p>
    </div>
</div>
</body>
</html>
