{include file=comm/head.html}
<!-- 幻灯片 -->
<div class="banner-area text-center text-big top-pad-50">
	<div id="bootcarousel" class="carousel text-light slide animate_text" data-ride="carousel">
		<div class="carousel-inner carousel-zoom">
			{pboot:slide num=9 gid=1}
			<div class="carousel-item {pboot:if('[slide:i]'==1)}active{/pboot:if}">
				<div class="slider-thumb bg-fixed" style="background-image: url([slide:src]);"></div>
				<div class="box-table">
					<div class="box-cell shadow dark">
						<div class="container">
							<div class="row">
								<div class="col-lg-10 offset-lg-1">
									<div class="content">
										<h2 data-animation="animated zoomInLeft"><span>[slide:title]</span></h2>
										<p class="animated slideInRight">[slide:subtitle]</p>
										<a data-animation="animated zoomInUp" class="btn btn-gradient effect btn-md" href="[slide:link]">了解更多</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>{/pboot:slide} 		
		</div>
		<a class="left carousel-control light" href="#bootcarousel" data-slide="prev"><span class="sr-only">Previous</span></a>
		<a class="right carousel-control light" href="#bootcarousel" data-slide="next"><span class="sr-only">Next</span></a>
	</div>
</div>
<!--关于我们-->
<div class="about-content-area default-padding" style="background: url({pboot:sitetplpath}/img/shape/9-red.png) no-repeat center right;">
	<div class="container">
		<div class="content-box">
			<div class="row">
				<div class="col-lg-6 thumb wow fadeInUp" data-wow-delay="300ms">
					<div class="thumb-box">
						<img src="{label:inabouttu1}" alt="{pboot:sitesubtitle}">
						<img src="{label:inabouttu2}" alt="{pboot:sitesubtitle}">
						<div class="shape" style="background-image: url({pboot:sitetplpath}/img/shape/1.png);"></div>
					</div>
				</div>
				<div class="col-lg-6 info wow fadeInDown">
					<h2>{pboot:companyname}</h2>
					<div class="info">
						{pboot:content id=1}<p>[content:content drophtml=1 len=240]</p>{/pboot:content}
						{pboot:sort scode=1}<a data-animation="animated zoomInUp" class="btn btn-gradient effect btn-md" href="[sort:link]" title="[sort:name]">查看更多</a>{/pboot:sort}
					</div>					
				</div>
				<div class="col-lg-4 center-info"></div>
			</div>
		</div>
	</div>
</div>
<div class="partner-area partner-area2 overflow-hidden text-light">
	<div class="container">
		<div class="item-box red">
			<div class="row align-center">
				<div class="col-lg-6 info wow fadeInUp" data-wow-delay="300ms">
					<h2>20余年制作彩灯经验</h2>
					<p>集合研发+规划+策划+落地+运营于一体的综合服务商</p>
				</div>
				<div class="col-lg-6 clients wow fadeInUp" data-wow-delay="600ms">
					<div class="partner-carousel owl-carousel owl-theme text-center">
						{pboot:link gid=2 num=12}
						<div class="single-item"><a href="[link:link]" title="[link:name]"><img src="[link:logo]" alt="[link:name]"></a></div>{/pboot:link}
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!--产品-->
<div class="gallery-area bg-gray2 default-padding bottom-less">
	<div class="right-shape"><img src="{pboot:sitetplpath}/img/shape/9-red.png" alt="Shape"></div>
	<div class="fixed-shape" style="background-image: url({pboot:sitetplpath}/img/shape/10-red.png);"></div>
	<div class="container">
		<div class="row">		
			<div class="col-lg-8 offset-lg-2">
				<div class="site-heading text-center wow fadeInUp" data-wow-delay="100ms">
					<h4>Our Services</h4><h2>我们的业务</h2>
					<div class="devider"></div>
				</div>
				<div class="insubmenu">
				   {pboot:nav num=10 parent=2}
					   <a href= "[nav:link]" class="btn btn-gradient effect btn-md{pboot:if('[nav:scode]'=='{sort:scode}')}{/pboot:if}">[nav:name]</a>{/pboot:nav}
				
          </div>
			</div>
		</div>
		
	</div>
	<div class="container-full">		
		<div class="case-items-area">
			<div class="masonary">
				<div id="portfolio-grid" class="gallery-items colums-4">
					<!-- 图片 -->
					{pboot:nav num=6 parent=2}
					{pboot:if('[nav:i]'<'3')}	
					{pboot:list scode=[nav:scode] num=2 order=date}
					<div class="pf-item incptu col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="[list:i]00ms" >
						<div class="item">
							<a href="[list:sortlink]" title="[list:title]">
							<div class="thumb"><img src="[list:ico]" alt="[list:title]"></div>
							<div class="content">
								<div class="info"><h4 class="text-center">[list:title]</h4></div>
								<div class="button item"><i class="fas fa-plus"></i></div>
							</div>
							</a>
						</div>
					</div>{/pboot:list}
				{else}
					{pboot:list scode=[nav:scode] num=1 order=date}
					<div class="pf-item incptu col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="[list:i]00ms" >
						<div class="item">
							<a href="[list:sortlink]" title="[list:title]">
							<div class="thumb"><img src="[list:ico]" alt="[list:title]"></div>
							<div class="content">
								<div class="info"><h4 class="text-center">[list:title]</h4></div>
								<div class="button item"><i class="fas fa-plus"></i></div>
							</div>
							</a>
						</div>
					</div>{/pboot:list}				
					{/pboot:if}{/pboot:nav}
					<!-- 图片-->
				</div>
			</div>	
			{pboot:sort scode=2}
			<div class="text-center pt-4"><a data-animation="animated zoomInUp" class="btn btn-gradient effect btn-md" href="[sort:link]" title="[sort:name]">查看更多</a></div>{/pboot:sort}
		</div>		
	</div>	
</div>
<!-- 精彩案例 -->
<div class="projects-area carousel-shadow overflow-hidden default-padding">
	<div class="container">
		<div class="row">
			<div class="col-lg-8 offset-lg-2 wow fadeInUp" data-wow-delay="100ms">
				{pboot:sort scode=4}<div class="site-heading text-center"><h4>[sort:subname]</h4><h2>[sort:name]</h2></div>{/pboot:sort}
			</div>
		</div>
	</div>
	<div class="container-fill">
		<div class="projects-carousel owl-carousel owl-theme wow fadeInUp" data-wow-delay="300ms">
			<!-- 彩灯图片 -->		
			{pboot:list scode=4 num=8 order=date}
			<div class="single-item">
				<div class="row">					
					<div class="col-lg-7 thumb" style="background-image: url([list:ico]);"></div>
					<div class="col-lg-5 info">
						<div class="content">						
							<a href="[list:link]" title="[list:title]"><span>[list:date style=Y-m-d]</span><h3>[list:title]</h3>
							<p>[list:content drophtml=1 dropblank=1 lencn=60]</p></a>
							<a href="[list:link]" title="[list:title]" class="more"><i class="arrow_right"></i></a>
						</div>
					</div>					
				</div>
			</div>			
			{/pboot:list}	
			<!-- 彩灯图片-->
		</div>
		{pboot:sort scode=4}
			<div class="text-center pt-4"><a data-animation="animated zoomInUp" class="btn btn-gradient effect btn-md" href="[sort:link]" title="[sort:name]">查看更多</a></div>{/pboot:sort}
	</div>
</div>
<!-- 新闻动态 -->
<div class="blog-area bg-gray2 default-padding bottom-less">
	<div class="container">
		<div class="row">
			<div class="col-lg-8 offset-lg-2">
				{pboot:sort scode=3}<div class="site-heading text-center"><h4>[sort:subname]</h4><h2>[sort:name]</h2></div>{/pboot:sort}
			</div>
		</div>
	</div>
	<div class="container">
		<div class="blog-items">
			<div class="row">				
				{pboot:list scode=3 num=3 order=date}
				<div class="single-item col-lg-4 col-md-6 wow fadeInRight" data-wow-delay="1[list:ico]00ms">
					<div class="item">
						<div class="thumb"><a href="[list:link]" title="[list:title]"><img src="[list:ico]" alt="[list:title]"><div class="date">[list:date style=Y-m-d]</div></a></div>
						<div class="info">
							<a href="[list:link]" title="[list:title]"><h4>[list:title]</h4>
							<p>[list:content drophtml=1 dropblank=1 lencn=60]</p></a>
						</div>
					</div>
				</div>
				{/pboot:list}
			</div>
		</div>
		{pboot:sort scode=2}
			<div class="text-center pt-4"><a data-animation="animated zoomInUp" class="btn btn-gradient effect btn-md" href="[sort:link]" title="[sort:name]">查看更多</a></div>{/pboot:sort}
	</div>
</div>
{include file=comm/foot.html}