---
import '../assets/css/bootstrap.css'
import '../assets/css/theme-style.css'
---
<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<!-- mobile metas -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="viewport" content="initial-scale=1, maximum-scale=1">
		<link rel="icon" href="/images/logo40_40.png" type="image/gif" />
		<!-- <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> -->
		<meta name="generator" content={Astro.generator} />
		<title>霍尔果斯飞驰广告传媒有限公司</title>
		<!-- site metas -->
		<meta name="keywords" content="霍尔果斯霍尔果斯飞驰广告传媒有限公司">
		<meta name="description" content="霍尔果斯飞驰广告传媒有限公司是一家充满活力和创新精神的互联网企业，专注于为客户提供卓越的数字化解决方案。我们秉承以客户为中心的理念，致力于通过创新技术和策略，助力企业实现数字化转型与品牌升级，共同开创更加美好的未来。">
		<meta name="author" content="">
		<!-- fevicon -->
		<link rel="icon" href="images/fevicon.png" type="image/gif" />
		<script is:inline src="/js/jquery.min.js"></script>
		<script is:inline type="text/javascript" src="/js/move-top.js"></script>
		<script is:inline type="text/javascript" src="/js/easing.js"></script>
	</head>
	<body class="main-layout">

		<div id="home" class="header">
			<div class="container">
				<div class="logo">
					<div>
						<a href="#"><img src="/images/logo40_40.png" title="logo" /></a>
					</div>
					<div class="logo-text">
						<p>霍尔果斯飞驰广告传媒有限公司</p>
					</div>
				</div>
				<!----start-top-nav---->
				 <nav class="top-nav">
					<ul class="top-nav">
						<li class=""><a href="/" class="scroll">首页 <span> </span></a></li>
						<li class="page-scroll"><a href="/news" class="scroll">新闻中心<span> </span></a></li>
						<li class="page-scroll"><a href="/service" class="scroll">我们的服务 <span> </span></a></li>
						<li class="page-scroll"><a href="/about" class="scroll">关于我们 <span> </span></a></li>
						<li class="contatct-active" class="page-scroll"><a href="#contact" class="scroll">联系我们</a></li>
					</ul>
					<a href="#" id="pull"><img src="/images/nav-icon.png" title="menu" /></a>
				</nav>
				<div class="clearfix"> </div>
			</div>
		</div>
		<!----- //End-header---->
		<!----- start-slider---->
		<!----start-slider-script---->
		<script is:inline src="/js/responsiveslides.min.js"></script>
		<script>
			// You can also use "$(window).load(function() {"
			$(function () {
			  // Slideshow 4
			  $("#slider4").responsiveSlides({
				auto: true,
				pager: true,
				nav: true,
				speed: 500,
				namespace: "callbacks",
				before: function () {
				  $('.events').append("<li>before event fired.</li>");
				},
				after: function () {
				  $('.events').append("<li>after event fired.</li>");
				}
			  });
		
			});
		</script>

		<slot />

		<div id="contact" class="contact">
			<div class="container">
				<div class="contact-head text-center">
					<h3>联系我们</h3>
					<span>霍尔果斯飞驰广告传媒致力于为客户提供优秀创新的内容整合营销专业服务</span>
					<p>期待与优秀的您合作</p>
				</div>
				<div class="contact-grids">
					<!-- <div class="col-md-7 contact-left">
					</div> -->
					<div class="col-md-5 contact-right">
						<h4>联系信息</h4><br />
						<p><span class="icon1"> </span><a href="#">4001500607</a></p><br />
						<p><span class="icon2"> </span>hegsfeichi1@163.com</p><br />
						<p><span class="icon3"> </span><label>新疆伊犁哈萨克自治州霍尔果斯市中哈国际边境合作中心B4地块东方劲秀展厅二层9012室</label></p><br />
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="container">
				<div class="footer-right">
					<p> ©2025 新疆霍尔果斯飞驰广告传媒科技有限公司 版权所有 <a target="_blank" href="http://beian.miit.gov.cn/">新ICP备2025017329号-1</a></p>
					<script type="text/javascript">
					   $(document).ready(function() {-2
						   $().UItoTop({ easingType: 'easeOutQuart' });
					   });
				   </script>
			   <a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</body>
</html>

<style>
	html,
	body {
		margin: 0;
		width: 100%;
		height: 100%;
	}
</style>
<style is:global>
	.container {
		/* display: flex;
    	align-items: center; */
	}

	.logo {
		display: flex;
    	align-items: center;

		/* a {
			margin-top: unset;
		}

		p {
			margin: unset;
			font-weight: bold;
		} */

		.logo-text {
			margin-top: 1em;
		}

		.logo-text p{
			font-weight: bold !important;
			color: black;
			margin: unset;
		}
	}
</style>