<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
<title>该页面不存在-汉高达贸易</title>
<link rel="shortcut icon" href="favicon.ico">
  <style>
    * {
      margin: 0;
      padding: 0;
    }

    @media screen and (min-width: 768px) {
      #wrap {
        width: 1180px;
        height: 407px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -224px;
        margin-left: -590px;
        display: flex;
        align-items: center;
      }

      #wrap .text {
        float: right;
        position: relative;
        left: -125px;
        top: 10px;
      }
    }

    @media screen and (min-width: 320px) and (max-width:767px) {

      html,
      body {
        height: 100%;
      }

      body {
        display: flex;
        align-items: center;
      }

      #wrap,
      #wrap img {
        width: 100%;
        margin-bottom: 60px;
      }

      #wrap .text {
        text-align: center;
      }
    }
  </style>
</head>

<body>
  <div id="wrap">
    <div style="float: left">
      <img src="http://www.gluediy.com/image/article/xg60628d631dbc312716.png" alt="汉高达404页面" width="910" />
    </div>
    <div class="text">
      <p style="color: #0086F0;font-size: 26px;margin-bottom: 6px;">很抱歉</p>
      <p style="color: #0086F0;font-size: 22px;margin-bottom: 20px;">内容缺失，3秒后返回首页！</p>
      <a href="http://www.gluediy.com" style="color: #F68C22;font-size: 22px;text-decoration: none;">点击这里</a>
      <span style="color: #0086F0;font-size: 22px;margin-left: 15px;">返回首页</span>
    </div>
	
	<script>
    window.onload = function () {
        setInterval(function()
        {
            window.location.href='http://www.gluediy.com'
        },3000); //3000代表的是3秒，即3秒后自动跳转至首页
    }
	</script>
  </div>
  
</body>

</html>