{include file=top.html}
<!-- S touch-top-wrapper -->
<div class="touch-top mobile-section clearfix">
	<div class="touch-top-wrapper clearfix">
		<div class="touch-logo" skinobjectzone="HtmlLogo_1717"><a class="" href="javascript:;"><img src="{pboot:sitelogo}"/></a></div>
		<!-- S touch-navigation -->
		<div class="touch-navigation">
			<div class="touch-toggle">
				<ul>
					<li class="touch-toggle-item-last"><a href="javascript:;" class="drawer-menu" data-drawer="drawer-section-menu"><i
							 class="touch-icon-menu"></i><span>Navigation</span></a></li>
				</ul>
			</div>
		</div>
		<!-- E touch-navigation -->
	</div>
	<!-- S touch-top -->
	<div class="touch-toggle-content touch-top-home">
		<!--<div class="drawer-section drawer-section-language">
          <ul class="touch-language clearfix" skinobjectzone="HtmlLanguage_1982">
            <li><a href="javascript:;">中文简体</a></li>
          </ul>
        </div>-->
		{include file=mobile-top.html}
		<script type="text/javascript">
			$(document).ready(function() {

				$(".touch-toggle a").click(function(event) {
					var className = $(this).attr("data-drawer");

					if ($("." + className).css('display') == 'none') {
						$("." + className).slideDown().siblings(".drawer-section").slideUp();
					} else {
						$(".drawer-section").slideUp();
					}
					event.stopPropagation();
				});

				/*$(document).click(function(){
				 $(".drawer-section").slideUp();     
				})*/

				$('.touch-menu a').click(function() {
					if ($(this).next().is('ul')) {
						if ($(this).next('ul').css('display') == 'none') {
							$(this).next('ul').slideDown();
							$(this).find('i').attr("class", "touch-arrow-up");
						} else {
							$(this).next('ul').slideUp();
							$(this).next('ul').find('ul').slideUp();
							$(this).find('i').attr("class", "touch-arrow-down");
						}
					}
				});
			});
		</script>
	</div>
	<!-- E touch-top -->
</div>
<!-- E touch-top-wrapper -->
<!-- ==================== E top ==================== -->
<!-- ==================== S header ==================== -->
<div id="a1portalSkin_headerAreaA" class="header">
	<!-- Start_Module_228969 --><a name="26520" id="26520"></a>
	<div class="module-default">
		<div class="module-inner">
			<div id="a1portalSkin_ctr228969228969_mainArea" class="module-content">
				<!-- Start_Module_228969 -->
				<!-- S responsive-carousel -->
				<div class="responsive-carousel carousel clearfix">
					<div id="responsive-228969">
						<div class="carousel-item" style="">
							{pboot:slide gid=2 num=1}
							<div class="carousel-img"><a href="javascript:;" target=""><img src="[slide:src]" alt="About us" /></a></div>
							{/pboot:slide}
						</div>
					</div>
					<div class="carousel-btn carousel-btn-fixed" id="carousel-page-228969"></div>
					<script type="text/javascript">
						$(window).load(function() {
							$("#responsive-228969").carouFredSel({
								responsive: true,
								width: '100%',
								items: {
									visible: 1
								},
								auto: {
									pauseOnHover: true,
									timeoutDuration: 5000
								},
								swipe: {
									onTouch: true,
									onMouse: true
								},
								pagination: "#carousel-page-228969"
								//prev   : { button:"#carousel-prev-228969"},
								//next   : { button:"#carousel-next-228969"},
								//scroll : { fx : "coverfade", duration : 1200, timeoutDuration : 1500 }  
							});

							$("#responsive-228969 .carousel-item").show();
						});
					</script>
				</div>
				<!-- E responsive-carousel -->
				<!-- End_Module_228969 -->
			</div>
		</div>
	</div>
</div>
<!-- ==================== E Header ==================== -->
<!-- ==================== S main ==================== -->
<section class="main">
	<section class="full-page-title-wrap clearfix" skinobjectzone="menu_2834">
		<h2>Who we are</h2>
	</section>
	<!-- S page-menu -->
	<section class="full-page-menu" skinobjectzone="menu_2909">
		<div class="full-page-menu-content">
			<div class="page-width">
				<ul class="clearfix">
					{pboot:nav parent=20}
					<li {pboot:if('[nav:scode]'=='{sort:scode}')}class="current"{/pboot:if}><a href="[nav:link]" title="[nav:name]">[nav:name]</a></li>
					{/pboot:nav}

				</ul>
				<!-- 没有子菜单时输出 -->
			</div>
		</div>
	</section>
	<!-- S page-menu -->
	<div class="page-width clearfix">
		<!-- S full-page-content -->
		<div class="full-page-content">
			<div id="a1portalSkin_mainArea" class="full-page-content-wrapper">
				<!-- Start_Module_228968 --><a name="25978" id="25978"></a>
				<div class="module-default">
					<div class="module-inner">
						<div id="a1portalSkin_ctr228968228968_mainArea" class="module-content">
							<!-- Start_Module_228968 -->
							<div class="qhd-content">
								{content:content}
							</div>
							<!-- End_Module_228968 -->
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- E full-page-content -->
	</div>
</section>
{include file=footer.html}
</body>
</html>