<div id="header-sticky" class="header-area header-area-white transparent-header pt-10 pb-10">
	<div class="container">
		<div class="row align-items-center">
			<div class="col-xl-2 col-lg-2 col-md-4 col-10 d-flex align-items-center">
				<div class="logo">
					<a href="javascript:void();" onclick="goPage('index.html')">
						<img src="static/picture/home2.png" alt="">
					</a>
				</div>
			</div>
			<div class="col-xl-10 col-lg-10 col-md-7 col-8 d-none d-md-block">
				<div class="header-btn f-right d-none d-sm-none d-md-block d-md-none d-lg-block">
					<a href="javascript:void();" onclick="goPage('login.html')" class="btn btn-white">
						<i class="fal fa-lock-alt"></i>登 录
					</a>
				</div>
				<div class="main-menu colormenu d-block">
					<nav id="mobile-menu">
						<ul>
							<li><a href="javascript:void();" data-link="Main.html">首页</a> </li>
							<li>
								<a href="javascript:void();" data-link="https://haokan.baidu.com/v?vid=4796214942877064016"
									data-isout="true"> 在线演示 </a>
							</li>
							<li><a href="javascript:void();" data-link="price.html">产品报价</a></li>
                            <li><a href="javascript:void();" data-link="about.html">关于我们</a></li>
							<li><a href="javascript:void();" data-link="contact.html">联系我们</a></li>
						</ul>
					</nav>
				</div>
			</div>
			<div class="col-2 col-md-1">
				<div class="side-menu-icon bar-two d-lg-none text-end">
					<button class="side-toggle"><i class="far fa-bars"></i></button>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="fix">
	<div class="side-info">
		<button class="side-info-close"><i class="fal fa-times"></i></button>
		<div class="side-info-content">
			<div class="mobile-menu"> </div>
		</div>
	</div>
</div>
<div class="offcanvas-overlay"></div>
<script>
	$('#mobile-menu').meanmenu({
		meanMenuContainer: '.mobile-menu',
		meanScreenWidth: "992"
	});

	$("#mobile-menu ul li a").on("click", function() {
		var _isout = $(this).data("isout");
		var _href = $(this).data("link");
		if (_isout) {
			window.open(_href);
		} else {
			goPage(_href);
		}
	});

	$('.side-toggle').on('click', function() {
		$('.side-info').addClass('info-open');
		$('.offcanvas-overlay').addClass('overlay-open');
	});
	$('.side-info-close,.offcanvas-overlay').on('click', function() {
		$('.side-info').removeClass('info-open');
		$('.offcanvas-overlay').removeClass('overlay-open');
	});
</script>