{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}"
				 alt="我的网站" /></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>导航</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_228990 --><a name="26521" id="26521"></a>
	<div class="module-default">
		<div class="module-inner">
			<div id="a1portalSkin_ctr228990228990_mainArea" class="module-content">
				<!-- Start_Module_228990 -->
				<!-- S responsive-carousel -->
				<div class="responsive-carousel carousel clearfix">
					<div id="responsive-228990">
						<div class="carousel-item" style="">
							{pboot:slide gid=3 num=1}
							<div class="carousel-img"><a href="javascript:;" target=""><img src="[slide:src]" alt="产品中心" /></a></div>
							{/pboot:slide}
						</div>
					</div>
					<div class="carousel-btn carousel-btn-fixed" id="carousel-page-228990"></div>
					<script type="text/javascript">
						$(window).load(function() {
							$("#responsive-228990").carouFredSel({
								responsive: true,
								width: '100%',
								items: {
									visible: 1
								},
								auto: {
									pauseOnHover: true,
									timeoutDuration: 5000
								},
								swipe: {
									onTouch: true,
									onMouse: true
								},
								pagination: "#carousel-page-228990"
								//prev   : { button:"#carousel-prev-228990"},
								//next   : { button:"#carousel-next-228990"},
								//scroll : { fx : "coverfade", duration : 1200, timeoutDuration : 1500 }  
							});

							$("#responsive-228990 .carousel-item").show();
						});
					</script>
				</div>
				<!-- E responsive-carousel -->
				<!-- End_Module_228990 -->
			</div>
		</div>
	</div>
</div>
<!-- ==================== E Header ==================== -->
<!-- ==================== S main ==================== -->
<section class="main">
	<section class="full-page-title-wrap clearfix" skinobjectzone="menu_2834">
		<h2>Products</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=21}
					<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_228978 --><a name="25974" id="25974"></a>
	          <div class="module-default">
	            <div class="module-inner">
	              <div id="a1portalSkin_ctr228978228978_mainArea" class="module-content"><!-- Start_Module_228978 --><!-- S article-detail -->
	                <div class="article-detail">
	                  <div class="article-title">
	                    <h1>Current Position：{pboot:position indextext='Home' separator='>'}</h1>
	                  </div>
							<!-- S portfolio-list -->
							<div class="portfolio-list product-list ieCode-del">
								<ul class="row2-svar clearfix">
									{pboot:list num=12 order=sorting}
									<li class="col-4-1 not-animated" data-animate="fadeInUp">
										<div class="product-item">
											<div class="portfolio-img"><a href="[list:link]"><img src="[list:pics]" alt="[list:title]" /></a></div>
											<div class="portfolio-title">
												<h2><a href="[list:link]">[list:title]</a></h2>
											</div>
										</div>
									</li>
									{/pboot:list}
								</ul>
							</div>
							<!-- E portfolio-list -->
							<!-- S pagination -->
							<!-- E pagination -->
							<!-- End_Module_228989 -->
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- E full-page-content -->
	</div>
</section>
<!-- ==================== E main ==================== -->
<!-- ==================== S footer ==================== -->
{include file=footer.html}
</body>
</html>