<!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>
	</head>

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

		<div class="swiper-container">
			<ul class="swiper-wrapper">
				{%get name=bann class=atid:6,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">Product or service</h2>
						<h3 class="title_subhead">Specializing in Open Source website design technologies, we are committed to providing professional and cost effective website design solutions to our clients in China.</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=30 out=link%}" title="View more" class="btn btn-success btn-lg">View More</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">About Us</h2>
							<h3 class="title_subhead_white">Over the years market has evolved from product centric to customer centric.</h3>
						</div>
						<div class="espcms_about_content">
							{%get name=bread class=tid:31%}
							{%$read.summary|espcms_cutstr(115,'…')%}
							{%/get%}
						</div>
						<div class="mt20">
							<a href="{%find:type class=31 out=link%}" class="btn btn-success btn-lg">View More</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">News</h2>
						<h3 class="title_subhead">We help brands with advanced marketing approach,backed by technology.</h3>
					</div>
				</div>
				<div class="espcms_home_news_list">
					{%get name=list class=mid:2,tid:29,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_gtimeformat(3)%}</span></div>
								<o 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">World-class customers</h2>
							<h3 class="title_subhead">We've served enterprises since 2002. Check out some of our references.</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>