<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<title>该页面不存在 - 404 Not Found</title>
    <style>
		body{margin:0;padding:0; outline: none; font-family: "microsoft JhengHei"; font-weight: bold;}
        .z_error_page{ width: 100%; height: 100vh; color: #fff; overflow: hidden;display:flex;align-items: center;justify-content: center; background-position: center;background-repeat: no-repeat; background-size: cover;}
		.z_error_page .tsimg img{ display: block; margin: 0 auto; max-height: 6.25vw;}
		.z_error_page .con{text-align: center; margin: 2.6vw; font-size: 16px; padding: 0 10px;}
		.z_error_page .tit{font-size: 20px; margin-bottom: 10px;}
		.z_error_page a{text-decoration: none;color: #fff; }
		.z_error_page .btnwarp{display: flex; align-items: center;justify-content: center;}
		.z_error_page .btnwarp a{display: flex; align-items: center;justify-content: center; transition: ease .6s; width: 140px; height: 50px; margin: 0 10px; border: 2px solid #fff; font-size: 16px; border-radius: 26px;}
        .z_error_page .btnwarp a:hover,.z_error_page .btnwarp a.on{ background: #d18b12; border-color: #d18b12;}
		.z_btm_warp{ position: fixed;left: 0; bottom: 0;width: 100%; padding: 0vw 4vw; box-sizing: border-box;}
		.z_btm_warp .box{border-top: 2px solid rgba(255,255,255,.5); width: 100%; display: block;padding: 20px 0; padding-bottom: 30px; display: flex;justify-content: space-between; align-items: center;}
        .z_btm_warp .slgtext{letter-spacing: 4px; color: rgba(255, 255, 255, .7); font-size: 14px;}  
		@media screen and (max-width: 980px){
		.z_error_page .con{ font-size: 14px; margin: 30px 0;}
		.z_error_page .tit{font-size: 16px;}
		.z_error_page .btnwarp a{ width: 120px; height: 38px; font-size: 14px;}
		.z_btm_warp .img{height: 20px;}
		.z_error_page .tsimg img{ max-height: 50px;}
		}
   </style>
</head>

<body>
    <div class="z_error_page" style="background-image:url(bg.jpg);">
        <div class="warp">
            <div class="tsimg">
				<img src="ts1.png" alt="">
			</div>
			<div class="con">
				<div class="tit">页面走丢了！ </div>
				<div class="desc">非常抱歉，您所请求的页面不存在，请检查您输入的网址是否正确...</div>
			</div>
			<div class="btnwarp">
				<a href="/" class="on">返回首页</a>
			</div>
		</div>
		<div class="z_btm_warp">
			<a href="https://www.ac57.com" target="_blank" class="box">
				<img src="slg.png" alt="爱诚科技" class="img">
				<span class="slgtext">真心爱尔 诚意服务</span>
			</a>
		</div>
    </div>
</body>

</html>