{C9:template top.html}
	
	<!--flash开始-->
	<div class="header">
		<div class="module-default">
			<div class="module-inner">
				<div class="module-content">
					<div class="slideshow carousel clearfix" style="height:600px; overflow:hidden;">
						<div id="carousel-180959">
							
{c9:list table=diy_hdp   num=10}
														<div class="carousel-item">
								<div class="carousel-img">
									<a href="{c9:$c9['lianjie']}" title="{c9:$c9['biaoti']}"><img src="{c9:$c9['tupian']}" alt="{c9:$c9['biaoti']}" /></a>
								</div>
							</div>
													{/c9:list}
						<div class="carousel-btn carousel-btn-fixed" id="carousel-page-180959">
						</div>
					</div>
					<script type="text/javascript">
		$(window).bind("load resize",function(){
		$("#carousel-180959").carouFredSel({
		width       : '100%',
		items  : { visible : 1 },
		auto     : { pauseOnHover: true, timeoutDuration:5000 },
		swipe     : { onTouch:true, onMouse:true },
		pagination  : "#carousel-page-180959"
		//prev   : { button:"#carousel-prev-180959"},
		//next   : { button:"#carousel-next-180959"},
		//scroll   : { fx : "crossfade" }
		});
		});
		</script>
				</div>
			</div>
		</div>
	</div>
	<!--flash结束--> 
	<!--内容开始-->
	<section class="main">
		<div class="full-screen clearfix">
			<!-- 公司开始 -->
			<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-content">
							<div class="qhd-module">
								<div class="column">
									<div class="col-2-1">
										<div class="qhd_column_contain">
											<div class="module-default module module-border-bottom-small">
												<div class="module-inner">
													<div class="module-title-default clearfix">
														<div class="module-title-content clearfix">
															<h3>关于我们</h3>
															<em></em>
														</div>
													</div>
													<div class="module-content">
														<div class="qhd-content">
															<div>{c9:block 1}</div>
															<div style="margin-top:10px;">
																<a class="btn-medium btn-medium-main" href="{c9:$cats[1][url]}"><span>{c9:$cats[1][catname]} </span></a>&nbsp;&nbsp;&nbsp;&nbsp;
																<a class="btn-medium btn-medium-main" href="{c9:$cats[3][url]}"><span>{c9:$cats[3][catname]} </span></a>&nbsp;&nbsp;&nbsp;&nbsp;
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-2-1 last">
										<div class="qhd_column_contain">
											<div class="module-default">
												<div class="module-inner">
													<div class="module-content">
														<div class="qhd-content">
															<p style="text-align: center;"><a href="{c9:$cats[1][url]}" title=''><img src="{c9:block 2}" width='434' height='345' alt='{c9:$cats[1][catname]}'></a></p>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 公司结束 --> 
			<!-- 服务开始-->
			<div class="module-full-screen module-full-screen-gray">
				<div class="module-inner not-animated" data-animate="fadeInDown" data-delay="200">
					<div class="page-width">
						<div class="module-full-screen-title">
							<h2>我们的服务</h2>
							<div class="module-title-content">
								<i class="mark-left"></i>
								<h3>OUR  SERVICES</h3>
								<i class="mark-right"></i>
							</div>
						</div>
						<div class="module-full-screen-content">
							<div class="qhd-content">
								<div class="column">
									<div class="col-4-1">
										<p style="text-align:center;"><a href="{c9:$cats[7][url]}" title="{c9:$cats[7][catname]}"><img src="/static/picture/cat1.png" alt="{c9:$cats[7][catname]}" style="width: 140px; height: 140px;" /></a></p>
										<h5 style="text-align: center;"><a href="{c9:$cats[7][url]}" title="{c9:$cats[7][catname]}">{c9:$cats[7][catname]}</a></h5>
										<p style="text-align: center;"><span style="font-size:12px;">为您的狗狗提供各个年龄段的喂养建议，科学喂养，营养保证。</span></p>
									</div>
									<div class="col-4-1">
										<p style="text-align:center;"><a href="{c9:$cats[13][url]}" title="{c9:$cats[13][catname]}"><img src="/static/picture/cat2.png" alt="{c9:$cats[13][catname]}" style="width: 140px; height: 140px;" /></a></p>
										<h5 style="text-align: center;"><a href="{c9:$cats[13][url]}" title="{c9:$cats[13][catname]}">{c9:$cats[13][catname]}</a></h5>
										<p style="text-align: center;"><span style="font-size:12px;">专业宠物医生在线解决您狗狗的疾病问题，为您的狗狗健康保驾护航。</span></p>
									</div>
									<div class="col-4-1">
										<p style="text-align:center;"><a href="{c9:$cats[14][url]}" title="{c9:$cats[14][catname]}"><img src="/static/picture/cat3.png" alt="{c9:$cats[14][catname]}" style="width: 140px; height: 140px;" /></a></p>
										<h5 style="text-align: center;"><a href="{c9:$cats[14][url]}" title="{c9:$cats[14][catname]}">{c9:$cats[14][catname]}</a></h5>
										<p style="text-align: center;"><span style="font-size:12px;">时尚前沿，您的狗狗的美丽在乎您的用心，微莎狗狗工作室提供狗狗美搭建议。</span></p>
									</div>
									<div class="col-4-1 last">
										<p style="text-align:center;"><a href="{c9:$cats[10][url]}" title="{c9:$cats[10][catname]}"><img src="/static/picture/cat4.png" alt="{c9:$cats[10][catname]}" style="width: 140px; height: 140px;" /></a></p>
										<h5 style="text-align: center;"><a href="{c9:$cats[10][url]}" title="{c9:$cats[10][catname]}">营养狗粮</a></h5>
										<p style="text-align: center;"><span style="font-size:12px;">微莎狗狗工作室专业提供营养均衡，科学配方，天然食材，纯手工制作。</span></p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 服务结束 --> 
			<!-- 专家开始-->
			{c9:php $i = 0; }
			<div class="module-full-screen module-full-screen-hl">
				<div class="module-inner not-animated" data-animate="fadeInDown" data-delay="200">
					<div class="page-width">
						<div class="module-full-screen-title">
							<h2>我们的产品</h2>
							<div class="module-title-content">
								<i class="mark-left"></i>
								<h3>OUR  PRODUCT</h3>
								<i class="mark-right"></i>
							</div>
						</div>
						<div class="module-full-screen-content">
							<div class="portfolio-list portfolio-list-min">
								<ul class="column marg-per5 clearfix">
								{c9:list catid=10 num=4 status=3 thumb=1 }
																		<li class="col-4-1 not-animated {c9:if $i==count($return)-1}last{/c9:if}" data-animate="fadeInUp" data-delay="200">
										<div class="portfolio-img">
											<a href="{c9:$c9['url']}" title="{c9:$c9['title']}"><img src="{c9:function.image($c9[thumb])}" alt="{c9:$c9['title']}" /></a>
										</div>
										<div class="portfolio-title">
											<h2><a href="{c9:$c9['url']}" title="{c9:$c9['title']}">{c9:$c9['title']}</a></h2>
										</div>
									</li>
								{c9:php $i++;}
								{/c9:list}
																	</ul>
							</div>
						</div>
						<div class="module-full-screen-more">
							<a href="{c9:$cats[10][url]}">查看更多 ></a>
						</div>
					</div>
				</div>
			</div>
			<!-- 专家结束 --> 
			<!-- 新闻开始 -->
			<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>狗狗百科</h2>
							<div class="module-title-content">
								<i class="mark-left"></i>
								<h3>LATEST  NEWS</h3>
								<i class="mark-right"></i>
							</div>
						</div>
						<div class="module-full-screen-content">
							<div class="headlines-list-2col clearfix">
							{c9:list catid=5 num=1 status=3 thumb=1 }
								<div class="headlines-content not-animated" data-animate="fadeInUp" data-delay="200">
																		<p><a href="{c9:$c9['url']}" title="{c9:$c9['title']}"><img src="{c9:function.image($c9[thumb])}" style="width:100%;" alt="{c9:$c9['title']}" /></a></p>
									<h2><a href="{c9:$c9['url']}" title="{c9:$c9['title']}">{c9:function.strcut($c9[title],34)}</a></h2>
									<div class="headlines-content-summary">
										<div class="qhd-content">
											<p>        {c9:function.strcut($c9[description],50)}</p>
										</div>
									</div>
																	</div>
																	{/c9:list}
								<div class="headlines-others not-animated" data-animate="fadeInUp" data-delay="400">
									<div class="entry-list entry-list-time-hl entry-set-time-hl">
									{c9:list catid=5 num=4 }
																				<div class="entry-item">
											<div class="time">
												<p class="time-day">{c9:function.date("d", $c9['time'])}</p>
												<p class="time-date">{c9:function.date("Y-m", $c9['time'])}</p>
											</div>
											<div class="entry-title">
												<h2><a href="{c9:$c9['url']}" title="{c9:$c9['title']}">{c9:function.strcut($c9[title],34)}</a></h2>
											</div>
											<div class="entry-summary">
												<div class="qhd-content">
													<p>        {c9:function.strcut($c9[description],50)}</p>
												</div>
											</div>
										</div>
																			
									{/c9:list}
																			</div>
								</div>
							</div>
						</div>
						<div class="module-full-screen-more">
							<a href="{c9:$cats[5][url]}">查看更多 ></a>
						</div>
					</div>
				</div>
			</div>
			<!-- 新闻结束 -->
		</div>
	</section>
	<!--内容结束--> 
{C9:template bot.html}