<html class="font-primary">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="Keywords" content="畅想高科">
	<meta name="Description" content="郑州畅想高科股份有限公司位于郑州高新技术产业开发区，成立于2003年，是轨道交通领域集产、学、研、创为一体的高新技术企业。">
	<title>404 - 郑州畅想高科股份有限公司</title>
	<link rel="stylesheet" href="/css/swiper.min.css">
	<link rel="stylesheet" href="/css/animate.css">
	<link rel="stylesheet" href="/css/style.css?v=v1">
	<link rel="stylesheet" href="/css/index.css?v=v1">
	<link rel="stylesheet" href="/css/reset.css?v=v1">
	<link rel="stylesheet" href="/css/iconfont.css">
	<style>
		html,
		body {
			height: 100%;
		}

		body {
			display: -webkit-box;
			display: flex;
			-webkit-box-align: center;
			align-items: center;
			-webkit-box-pack: center;
			justify-content: center;
			overflow: hidden;
		}

		a {
			color: #333;
			text-decoration: none;
			margin: 0 10px;
		}

		a:hover {
			text-decoration: none;
		}

		.g-text-center {
			text-align: center;
		}

		.g-font-size-140 {
			font-size: 140px;
		}

		.g-line-height-1 {
			line-height: 1;
		}

		h1 {
			font: 1.5rem/1 "Microsoft YaHei", Helvetica, Arial, sans-serif;
			margin: 0 0 15px;
		}

		.g-min-height-100vh {
			min-height: 100vh;
		}

		.g-flex-centered {
			display: flex;
			align-items: center;
			justify-content: center;
			-moz-box-align: center;
			-moz-box-pack: center;
		}

		.g-flex-centered-item {
			flex: 1 1 0;
			-moz-box-flex: 1;
		}

		.g-mb-10 {
			margin-bottom: 10px;
		}

		.g-pa-15 {
			padding: 15px;
		}

		.g-height-90--2xs {
			height: 120px;
		}

		@media (max-width: 444px) {
			.g-font-size-100--2xs {
				font-size: 100px;
			}

			.g-height-90--2xs {
				height: 90px;
			}
		}

		.hamburger-menu {
			position: absolute;
			top: 0;
			left: 0;
			padding: 35px;
			z-index: 2;
		}

		.hamburger-menu button {
			position: relative;
			width: 30px;
			height: 22px;
			border: none;
			background: none;
			padding: 0;
			cursor: pointer;
		}

		.hamburger-menu button[data-state="open"] span {
			background: #fff;
		}

		.hamburger-menu button span {
			position: absolute;
			height: 3px;
			background: #000;
			width: 100%;
			left: 0px;
			top: 0px;
			-webkit-transition: 0.1s ease-in;
			transition: 0.1s ease-in;
		}

		.hamburger-menu button span:nth-child(2) {
			top: 9px;
		}

		.hamburger-menu button span:nth-child(3) {
			top: 18px;
		}

		.hamburger-menu [data-state="open"] span:first-child {
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			top: 10px;
		}

		.hamburger-menu [data-state="open"] span:nth-child(2) {
			width: 0%;
			opacity: 0;
		}

		.hamburger-menu [data-state="open"] span:nth-child(3) {
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
			top: 10px;
		}

		nav {
			position: absolute;
			height: 100%;
			top: 0;
			left: 0;
			background: #1c479d;
			color: #fff;
			width: 300px;
			z-index: 1;
			padding-top: 100px;
			-webkit-transform: translateX(-100%);
			transform: translateX(-100%);
			-webkit-transition: 0.24s cubic-bezier(0.52, 0.01, 0.8, 1);
			transition: 0.24s cubic-bezier(0.52, 0.01, 0.8, 1);
		}

		nav li {
			-webkit-transform: translateX(-5px);
			transform: translateX(-5px);
			-webkit-transition: 0.16s cubic-bezier(0.44, 0.09, 0.46, 0.84);
			transition: 0.16s cubic-bezier(0.44, 0.09, 0.46, 0.84);
			opacity: 0;
			margin-bottom: 10px;
		}

		nav a {
			display: block;
			font-size: 1.35em;
			font-weight: bold;
			text-decoration: none;
			color: inherit;
			-webkit-transition: 0.24s ease-in-out;
			transition: 0.24s ease-in-out;
		}

		nav a:hover {
			text-decoration: none;
			color: #fff;
		}

		nav[data-state="open"] {
			-webkit-transform: translateX(0%);
			transform: translateX(0%);
		}

		nav[data-state="open"] ul li:nth-child(1),
		nav[data-state="open"] ul li:nth-child(2),
		nav[data-state="open"] ul li:nth-child(3),
		nav[data-state="open"] ul li:nth-child(4),
		nav[data-state="open"] ul li:nth-child(5),
		nav[data-state="open"] ul li:nth-child(6),
		nav[data-state="open"] ul li:nth-child(7),
		nav[data-state="open"] ul li:nth-child(8),
		nav[data-state="open"] ul li:nth-child(9),
		nav[data-state="open"] ul li:nth-child(10) {
			-webkit-transform: translateX(0px);
			transform: translateX(0px);
			opacity: 1;
		}

		nav[data-state="open"] ul li:nth-child(1) {
			-webkit-transition-delay: 0.16s;
			transition-delay: 0.16s;
		}

		nav[data-state="open"] ul li:nth-child(2) {
			-webkit-transition-delay: 0.22s;
			transition-delay: 0.22s;
		}

		nav[data-state="open"] ul li:nth-child(3) {
			-webkit-transition-delay: 0.28s;
			transition-delay: 0.28s;
		}

		nav[data-state="open"] ul li:nth-child(4) {
			-webkit-transition-delay: 0.34s;
			transition-delay: 0.34s;
		}

		nav[data-state="open"] ul li:nth-child(5) {
			-webkit-transition-delay: 0.40s;
			transition-delay: 0.40s;
		}

		nav[data-state="open"] ul li:nth-child(6) {
			-webkit-transition-delay: 0.46s;
			transition-delay: 0.46s;
		}

		nav[data-state="open"] ul li:nth-child(7) {
			-webkit-transition-delay: 0.52s;
			transition-delay: 0.52s;
		}

		nav[data-state="open"] ul li:nth-child(8) {
			-webkit-transition-delay: 0.56s;
			transition-delay: 0.56s;
		}

		nav[data-state="open"] ul li:nth-child(9) {
			-webkit-transition-delay: 0.62s;
			transition-delay: 0.62s;
		}

		nav[data-state="open"] ul li:nth-child(10) {
			-webkit-transition-delay: 0.66s;
			transition-delay: 0.66s;
		}

		.btn {
			padding: 8px 50px;
			border-radius: 5px;
			cursor: pointer;
			font-size: 16px;
			letter-spacing: 2px;
			-webkit-transition: 0.2s ease;
			transition: 0.2s ease;
			font-weight: bold;
			border: 1px solid #1c479d;
			display: inline-block;
		}

		@media screen and (max-width: 768px) {
			body {
				display: block;
			}

			.container {
				margin-top: 70px;
				margin-bottom: 70px;
			}
		}
	</style>
</head>

<body>
	<div class="hamburger-menu">
		<button class="burger" data-state="closed">
            <span></span>
            <span></span>
            <span></span>
    </div>
    </button>
		<nav data-state="closed">
			<ul>
				<li> <a href="/index.html">首页</a> </li>
				
					<li>
						<a href="/about/about.html">关于畅想</a>
					</li>
				
					<li>
						<a href="/solution/safe/36.html">解决方案</a>
					</li>
				
					<li>
						<a href="/service/service.html">运维服务</a>
					</li>
				
					<li>
						<a href="https://guba.eastmoney.com/list,430547.html?from=BaiduAladdin" target="_blank">投资者关系</a>
					</li>
				
					<li>
						<a href="/news/companynews.html">新闻资讯</a>
					</li>
				
					<li>
						<a href="/join/concept.html">加入我们</a>
					</li>
				
			</ul>
		</nav>
		<main class="g-min-height-100vh g-flex-centered g-pa-15">
			<div class="g-text-center g-flex-centered-item">
				<div
					class="g-font-size-140 g-font-size-100--2xs g-line-height-1 g-mb-10 flex align-center justify-center">
					4 <img src="/images/404-icon2.svg"> 4 </div>
					<h1>很抱歉，您要访问的页面不存在！</h1>
					<a class="btn" href="/index.html">首页</a>
				</div>
		</main>
		<script src="/js/jquery-2.0.3.min.js"></script>
		<script>
			const burger = document.querySelector('.burger');
      const nav = document.querySelector('nav');

      burger.addEventListener('click', e => {
        burger.dataset.state === 'closed' ? burger.dataset.state = "open" : burger.dataset.state = "closed";
        nav.dataset.state === "closed" ? nav.dataset.state = "open" : nav.dataset.state = "closed";
      });
		</script>


</body>

</html>