{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_228956 --><a name="26507" id="26507"></a>
	<div class="module-default">
		<div class="module-inner">
			<div id="a1portalSkin_ctr228956228956_mainArea" class="module-content">
				<!-- Start_Module_228956 -->
				<!-- S responsive-carousel -->
				<div class="responsive-carousel carousel clearfix">
					<div id="responsive-228956">
						{pboot:slide gid=3 num=10}
						<div class="carousel-item">
							<div class="carousel-img"><a href="javascript:;" target=""><img src="[slide:src]" alt="[slide:title]" /></a></div>
						</div>
						{/pboot:slide}
					</div>
					<div class="carousel-btn carousel-btn-fixed" id="carousel-page-228956"></div>
					<script type="text/javascript">
						$(window).load(function() {
							$("#responsive-228956").carouFredSel({
								responsive: true,
								width: '100%',
								items: {
									visible: 1
								},
								auto: {
									pauseOnHover: true,
									timeoutDuration: 5000
								},
								swipe: {
									onTouch: true,
									onMouse: true
								},
								pagination: "#carousel-page-228956"
								//prev   : { button:"#carousel-prev-228956"},
								//next   : { button:"#carousel-next-228956"},
								//scroll : { fx : "coverfade", duration : 1200, timeoutDuration : 1500 }  
							});

							$("#responsive-228956 .carousel-item").show();
						});
					</script>
				</div>
				<!-- E responsive-carousel -->
				<!-- End_Module_228956 -->
			</div>
		</div>
	</div>
</div>
<!-- ==================== E Header ==================== -->
<!-- ==================== S main ==================== -->
<section class="main">
	<div id="a1portalSkin_mainArea" class="full-screen clearfix">
		<!-- Start_Module_228957 --><a name="26510" id="26510"></a><!-- S module-full-screen -->
		<div class="module-full-screen" style="">
			<div class="module-inner not-animated" data-animate="fadeInUp" data-delay="200">
				<div class="page-width">
					<div class="module-full-screen-title">
						<h2>Products</h2>
						<div class="module-title-content"><i class="mark-left"></i>
							<h3>Product</h3>
							<i class="mark-right"></i>
						</div>
					</div>
					<div id="a1portalSkin_ctr228957228957_mainArea" class="module-full-screen-content">
						<!-- Start_Module_228957 -->
						<!-- S portfolio-list -->
						<div class="portfolio-list product-list ieCode-del">
							<ul class="row2-svar clearfix">
								<li class="col-4-1 not-animated" data-animate="fadeInUp">
									<div class="product-item">
										<div class="portfolio-img"><a href="/?renti-en/" >
										
										{pboot:slide gid=20 num=1}
										<img src="[slide:src]" alt="Human Nutrition" />
										{/pboot:slide}
												 </a></div>
										<div class="portfolio-title">
											<h2><a href="/?renti-en/" >Human Nutrition</a></h2>
										</div>
									</div>
								</li>

								<li class="col-4-1 not-animated" data-animate="fadeInUp">
									<div class="product-item">
										<div class="portfolio-img"><a href="/?dongwu-en/">
										{pboot:slide gid=21 num=1}
										<img src="[slide:src]" alt="Animal Nutrition" />
										{/pboot:slide}
												 </a></div>
										<div class="portfolio-title">
											<h2><a href="/?dongwu-en/">Animal Nutrition</a></h2>
										</div>
									</div>
								</li>

								<li class="col-4-1 not-animated" data-animate="fadeInUp">
									<div class="product-item">
										<div class="portfolio-img"><a href="/?zhiwu-en/" >
										{pboot:slide gid=22 num=1}
										<img src="[slide:src]" alt="Plant Nutrition" />
										{/pboot:slide}
												 
												 </a></div>
										<div class="portfolio-title">
											<h2><a href="/?zhiwu-en/" target="_blank">Plant Nutrition</a></h2>
										</div>
									</div>
								</li>

								<li class="col-4-1 not-animated" data-animate="fadeInUp">
									<div class="product-item">
										<div class="portfolio-img"><a href="/?daigong-en/" >
										{pboot:slide gid=23 num=1}
										<img src="[slide:src]" alt="OEM" />
										{/pboot:slide}
												 </a></div>
										<div class="portfolio-title">
											<h2><a href="/?daigong-en/" >OEM</a></h2>
										</div>
									</div>
								</li>

							</ul>
						</div>
						<!-- E portfolio-list -->
						<!-- End_Module_228957 -->
					</div>
					<div class="module-full-screen-more"><a href="/?productList-en/">View More</a></div>
				</div>
			</div>
		</div>
		<!-- E module-full-screen -->
		<!-- Start_Module_228958 --><a name="26511" id="26511"></a><!-- S module-full-screen -->
		<div class="module-full-screen module-full-screen-gray-expand module-full-screen-gray" style="">
			<div class="module-inner not-animated" data-animate="fadeInDown" data-delay="200">
				<div class="page-width">
					<div class="module-full-screen-title">
						<h2>About Us</h2>
						<div class="module-title-content"><i class="mark-left"></i>
							<h3>ABOUT</h3>
							<i class="mark-right"></i>
						</div>
					</div>
					<div id="a1portalSkin_ctr228959228959_mainArea" class="module-full-screen-content">
						<!-- Start_Module_228959 -->
						<!-- S headlines-list-2col -->
						<div class="headlines-list-2col clearfix">
							<div class="headlines-content not-animated" data-animate="fadeInUp" data-delay="200">
									{pboot:content id=220}
									[content:content]
									{/pboot:content}
								<h2><a href="[list:link]"></a></h2>
								<div class="headlines-content-summary">
									<div class="qhd-content">
										<p style="text-align: left;"></p>
									</div>
								</div>
							</div>

							<div class="headlines-others not-animated" data-animate="fadeInUp" data-delay="400">
								<!-- S entry-list -->
								<div class="entry-list entry-list-time-hl entry-set-time-hl">
									<!-- S entry-item -->
									<div class="entry-itemInfo">
										<div class="entry-summaryInfo">
											{pboot:content id=218}
											[content:content]
											{/pboot:content}
										</div>
									</div>
									<!-- E entry-list -->
								</div>
							</div>
							<!-- E headlines-list-2col -->
							<!-- End_Module_228959 -->
						</div>
						<div class="module-full-screen-more"><a href="/?about-en/">View More</a></div>
					</div>
				</div>
			</div>
			<!-- E module-full-screen -->
			<!-- Start_Module_228959 --><a name="26512" id="26512"></a><!-- S module-full-screen -->
			<div class="module-full-screen" style="">
				<div class="module-inner not-animated" data-animate="fadeInUp" data-delay="200">
					<div class="page-width">
						<div class="module-full-screen-title">
							<h2>NEWS</h2>
							<div class="module-title-content"><i class="mark-left"></i>
								<h3>NEWS</h3>
								<i class="mark-right"></i>
							</div>
						</div>
						<div id="a1portalSkin_ctr228959228959_mainArea" class="module-full-screen-content">
							<!-- Start_Module_228959 -->
							<!-- S headlines-list-2col -->
							<div class="headlines-list-2col clearfix">
								<!--滚动新闻-->
								{include file=scroll_news.html}
								<!--滚动新闻-->

								<div class="headlines-others not-animated" data-animate="fadeInUp" data-delay="400">
									<!-- S entry-list -->
									<div class="entry-list entry-list-time-hl entry-set-time-hl">
										<!-- S entry-item -->
										{pboot:list scode=23 num=4 order=istop}
										<div class="entry-item">
											<div class="time">
												<p class="time-day">[list:date style=d]</p>
												<p class="time-date">[list:date style=Y-m]</p>
											</div>
											<div class="entry-title">
												<h2><a href="[list:link]" >[list:title lencn=20]</a></h2>
											</div>
											<div class="entry-summary">
												<div class="qhd-content">
													<p style="text-align: left;"> [list:content drophtml=1 dropblank=1 lencn=60]...</p>
												</div>
											</div>
										</div>
										<!-- E entry-item -->
										{/pboot:list}

									</div>
									<!-- E entry-list -->
								</div>
							</div>
							<!-- E headlines-list-2col -->
							<!-- End_Module_228959 -->
						</div>
						<div class="module-full-screen-more"><a href="/?newsList/">More News</a></div>
					</div>
				</div>
			</div>
			<!-- E module-full-screen -->
		</div>
		<!-- end of page-width -->
</section>

{include file=footer.html}

</body>
</html>