<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta content="zh-cn" http-equiv="Content-Language" />
		<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
		<meta name="renderer" content="webkit"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0,  user-scalable=no"/>
		<title>{%$lngpack.sitename%}</title>
		<meta name="keywords" content="{%$lngpack.keyword%}" />
		<meta name="description" content="{%$lngpack.description%}" />
		<link rel="icon" type="image/png" href="{%$icon_16%}" sizes="16x16"/>
		<link rel="icon" type="image/png" href="{%$icon_32%}" sizes="32x32"/>
		<link rel="icon" type="image/png" href="{%$icon_64%}" sizes="64x64"/>
		<link href="{%$rootpath%}css/bootstrap.css" rel="stylesheet" type="text/css" />
		<link href="{%$rootpath%}css/espcmsp8_font.css" rel="stylesheet" type="text/css" />
		<link href="{%$rootpath%}css/swiper.min.css" rel="stylesheet" type="text/css" />
		<link href="{%$rootpath%}css/espcmsp8_all.css" rel="stylesheet" type="text/css" />
		<link href="{%$rootpath%}css/espcms_p8_public.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/jquery.min.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/bootstrap.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/swiper.min.js"></script>
		<script type="text/javascript" src="{%list name=wap class=lng:$lng%}"></script>
	</head>

	<body>
		{%link file="public/head.html"%}

		<div class="swiper-container">
			<ul class="swiper-wrapper">
				{%get name=bann class=atid:1,adtype:1,max:10%}
				{%forlist from=$array key=i%}
				<li class="swiper-slide"><a href="{%$array[i].link%}" title="{%$array[i].title%}" target="_blank"><img src="{%$rootdir%}{%$array[i].filename%}" class="img-responsive" alt="{%$array[i].title%}"/></a></li>
				{%/forlist%}
				{%/get%}
			</ul>
			<div class="swiper-button-next"></div>
			<div class="swiper-button-prev"></div>
		</div>
		<script>
			var swiper = new Swiper('.swiper-container', {
				autoplay: {
					delay: 3000,
					stopOnLastSlide: false,
					disableOnInteraction: true
				},
				loop: true,
				navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev'
				}
			});

		</script>
		<section class="container">
			<div class="row">
				<div class="col-xs-12 col-sm-12 col-md-12 text-center">
					<div class="espcms_title">
						<h2 class="title_name">产品或服务</h2>
						<h3 class="title_subhead">我们能为您提供企业建站、SEAPOA综合办公系统、APP及微信小程序等相关互联网产品及服务</h3>
					</div>
				</div>
				<div class="espcms_home_pic_list">
					{%get name=list class=mid:3,max:8,sort:1%}
					{%forlist from=$array key=i%}
					<div class="col-sm-4 col-md-3 col-mm-6 espcms_product_img">
						<a title="{%$array[i].title%}" href="{%$array[i].link%}"><img src="{%$array[i].pic|zoom(272,185,3)%}"  class="img-thumbnail" alt="{%$array[i].title%}"/></a>
						<p class="espcms_product_title"><a href="{%$array[i].link%}" title="{%$array[i].title%}">{%$array[i].ctitle|espcms_cutstr(15,'')%}</a></p>
					</div>
					{%/forlist%}
					{%/get%}
				</div>
				<div class="mt20 text-center">
					<a href="{%find:type class=2 out=link%}" title="查看更多产品" class="btn btn-success btn-lg">查看更多产品</a>
				</div>
			</div>
		</section>


		<section class="container-fluid espcms_about">
			<div class="container">
				<div class="row">
					<div class="col-xs-12 col-sm-12 col-md-12 text-center">
						<div class="espcms_title mt5">
							<h2 class="title_name_white">关于我们</h2>
							<h3 class="title_subhead_white">EARCLINK核心团队拥有超过15年的互联网工作经验，拥有十分丰富的互联网产品开发经验</h3>
						</div>
						<div class="espcms_about_content">
							{%get name=bread class=tid:4%}
							{%$read.summary|espcms_cutstr(115,'…')%}
							{%/get%}
						</div>
						<div class="mt20">
							<a href="{%find:type class=4 out=link%}" class="btn btn-success btn-lg">了解更多</a>
						</div>
					</div>
				</div>
			</div>
		</section>

		<section class="container">
			<div class="row">
				<div class="col-xs-12 col-sm-12 col-md-12 text-center">
					<div class="espcms_title">
						<h2 class="title_name">新闻中心</h2>
						<h3 class="title_subhead">获取EARCLINK的最新产品及相关服务信息，及时把握相关服务资讯</h3>
					</div>
				</div>
				<div class="espcms_home_news_list">
					{%get name=list class=mid:2,tid:1,max:6%}
					{%forlist from=$array key=i%}
					<div class="col-sm-6 col-md-6 col-mm-12">
						<div class="media news_pic_item">
							<div class="media-left"><a class="thumbnail" title="{%$array[i].title%}" href="{%$array[i].link%}"><img class="media-object" src="{%$array[i].pic|zoom(130,86,3)%}" alt="{%$array[i].title%}"/></a></div>
							<div class="media-body">
								<a title="{%$array[i].title%}" href="{%$array[i].link%}"><h4 class="media-heading">{%$array[i].ctitle|espcms_cutstr(22)%}</h4></a>
								<div class="info_news_data"><span>时间：{%$array[i].addtime|espcms_timeformat(3)%}</span></div>
								<p class="info_news_content">{%$array[i].summary|espcms_cutstr(60)%}</p>
							</div>
						</div>
					</div>
					{%/forlist%}
					{%/get%}
				</div>
			</div>
		</section>

		<section class="container-fluid espcms_partners">
			<div class="container">
				<div class="row">
					<div class="col-xs-12 col-sm-12 col-md-12 text-center">
						<div class="espcms_title">
							<h2 class="title_name">合作伙伴</h2>
							<h3 class="title_subhead">通过与我们的合作，实现伙伴双赢</h3>
						</div>
					</div>
					<div class="espcms_home_logo_list">
						{%get name=bann class=atid:5,adtype:1,max:6%}
						{%forlist from=$array key=i%}
						<div class="col-sm-2 col-md-2 col-mm-6 home_link_logo">
							<a title="{%$array[i].title%}" target="_blank" href="{%$array[i].url%}"><img alt="{%$array[i].title%}" class="img-rounded" src="{%$rootdir%}{%$array[i].filename%}"/></a>
						</div>
						{%/forlist%}
						{%/get%}
					</div>
				</div>
			</div>
		</section>
		{%link file="public/footer.html"%}
	</body>
</html>