<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone = no">
    <title>道通智能官网提醒您访问的网页没有找到！-404</title>
    <style>
        body, div, ul, li, h1, h2, h3, h4, h5, h6, p {
            margin: 0;
            padding: 0
        }

        body {
            font-size: 14px;
            font-family: '微软雅黑';
            background-color: #F9FAFC;
        }

        img {
            border: 0;
            display: block
        }

        ul {
            list-style: none
        }

        h1, h2, h3, h4, h5, h6 {
            font-size: 100%;
            color: #333;
            font-weight: normal
        }

        a {
            text-decoration: none;
            color: #666
        }

        html, body, .content {
            width: 100%;
            height: 100%;
            /* position: relative */
        }

        body {
            background: #F9FAFC url() no-repeat center bottom
        }

        .content .main h1 {
            width: 440px;
            height: 185px;
            margin: 0 auto 20px;
            text-align: center;
        }

        .content .main h2 {
            text-align: center;
            font-family: '微软雅黑';
            font-size: 24px;
            line-height: 26px;
            font-weight: 900;
            color: #f85766
        }

        .content .main h3 {
            text-align: center;
            font-size: 17px;
            line-height: 26px;
            color: #353535;
            font-weight: 600;
            font-family: auto;
            width: 400px;
            max-width: 100%;
            margin: 16px auto 15px;
        }

        .content .main .img {
            width: 83px;
            margin: 10px auto 20px
        }

            .content .main .img h4 {
                font-size: 17px;
                color: #000;
                line-height: 20px;
                text-align: center;
                font-weight: lighter;
                padding: 8px 0;
            }

        .content .main .backIndex {
            display: block;
            margin: 0 auto;
            width: 130px;
            height: 40px;
            text-align: center;
            text-align: center;
            color: #FFF;
            background: url(../images/button.png);
            background-repeat: no-repeat;
            FONT-VARIANT: JIS04;
            float: left;
            font-size: 18px;
            line-height: 40px;
            margin: 0 5px;
        }

            .content .main .backIndex:hover {
                opacity: 0.8;
                filter: alpha(opacity=80)
            }

        .left {
            width: 50%;
            float: left;
            padding-top: 15%
        }

        .right {
            width: 50%;
            float: right
        }

            .right img {
                width: 100%;
                padding-top: 15%;
            }

        .leimg {
            display: none;
        }

        @media(max-width:767px) {
            .right {
                display: none;
            }

            .left {
                width: 100%;
                float: none;
                text-align: center;
                padding-top: 30px;
            }

            .leimg {
                display: inline-block;
                margin-bottom: 20px;
            }

            .content .main h3 {
                line-height: 30px;
                margin-top: 6px;
            }
        }
    </style>
</head>
<body>
    <div class="content" style="background-image: url(../images/404bg.png);background-position: bottom;background-size: cover;background-repeat: no-repeat;">
        <div class="main" style="overflow: hidden;padding: 0 15px;">
            <div class="left">
                <div class="leimg">
                    <img src="/wp-content/themes/autel/static/404/img/404.png" alt="404" style="max-height: 200px;">
                </div>
                <h2>您访问的网页没有找到！</h2>
                <h3>道通智能官网提醒您的访问页面可能被刪除或下架已不存在</h3>
                <div class="img">
                    <img src="/wp-content/themes/autel/PC/images/logo.png" width="83" height="83" alt="道通智能官网" />
                    <h4>扫描关注</h4>
                </div>
                <div style="width:285px;margin:0 auto;overflow: hidden;">
                    <a href="/" class="backIndex" id="home">返回首页</a><a href="/sitemap.html" class="backIndex">网站地图</a>
                </div>
            </div>
            <div class="right">
                <img src="/wp-content/themes/autel/static/404/img/404.png" alt="404" style="max-width: 550px;">
            </div>
        </div>
    </div>
</body>
</html>
<script src="/wp-content/themes/autel/jquery/2.1.4/jquery.min.js"></script>
<script>
    var countdown = 10;
    $(function () {
        settime();
    })
    function settime() {
        $("#home").text("返回首页(" + countdown + ")");
        countdown--;
        if (countdown == 0) { window.location = "/"; }
        setTimeout(function () {
            settime();
        }, 1000);
    }  
</script>
