```
{include file="header" /}
<!--main slider-->
<section class="main-slider">
<div class="main-slider-carousel owl-carousel owl-theme">
{yzn module="cms" action="lists" catid="19" cache="0" order="listorder DESC" num="20" return="data"}
{volist name="data" id="vo"}
<div class="slide" style="background-image:url({$vo.thumb})">
<div class="container">
<div class="content">
<h1>{$vo.title}<br /><span style="font-size: 30px;color: #fff;">{$vo.description|str_cut=###,10}</span></h1>
<!-- <div class="tp-btn">
<a href="#" class="btn-one">Purchase Now</a>
</div> -->
</div>
</div>
</div>
{/volist}
{/yzn}
</div>
</section>
<!-- main slider end -->
<!-- about section -->
<section class="about-us sec-pad">
<div class="container">
<div class="about-title centred">
<div class="section-title"><h2>关于我们</h2></div>
</div>
<div class="row">
<div class="col-md-6 col-sm-12 col-xs-12 about-column">
<div class="about-content">
{yzn module="cms" action="lists" catid="21" cache="0" order="listorder DESC" num="20" return="data"}
{volist name="data" id="vo"}
<div class="text">
{$vo.description|str_cut=###,250}
</div>
{/volist}
{/yzn}
</div>
</div>
<div class="col-md-6 col-sm-12 col-xs-12 about-column">
<div class="img-box">
{yzn module="cms" action="lists" catid="21" cache="0" order="listorder DESC" num="20" return="data"}
{volist name="data" id="vo"}
<figure><img src="{$vo.thumb}" alt=""></figure>
{/volist}
{/yzn}
</div>
</div>
</div>
</div>
</section>
<!-- about section end -->
<!-- our idea -->
<section class="our-idea sec-pad">
<div class="container">
<div class="idea-title centred">
<div class="section-title"><h2>我们的产品</h2></div>
</div>
<div class="row">
{yzn module="cms" action="lists" catid="31" ache="0" order="listorder DESC" num="6" return="data"}
{volist name="data" id="vo"}
<div class="col-md-4 col-sm-6 col-xs-12 idea-column">
<div class="single-item hoverly-one">
<figure class="img-box">
<img src="{$vo.thumb}" alt="">
<div class="overlay">
<a href="{$vo.url}" class="btn-one">Read More</a>
</div>
</figure>
<div class="lower-content">
<h4>{$vo.title}</h4>
<div class="text"><p> {$vo.description|str_cut=###,20}</p></div>
</div>
</div>
</div>
{/volist}
{/yzn}
</div>
</div>
</div>
</section>
<!-- our idea end -->
<!-- cta section -->
<section class="testimonials-section cta-section sec-pad centred " style="background-image: url(__STATIC__/xc/images/home/cta.jpg);">
<div class="container">
<div class="row">
<div class="col-md-10 col-sm-12 col-xs-12 col-md-offset-1 cta-column">
<div class="cta-content">
<div class="testimonials-slider">
{yzn module="cms" action="lists" catid="34" cache="0" order="listorder DESC" num="6" return="data"}
{volist name="data" id="vo"}
<div class="testimonial-content">
<div class="content">
<div class="author-thumb"><img src="{$vo.thumb}" alt=""></div>
<div class="text">
<p>{$vo.description|str_cut=###,100}</p>
</div>
</div>
</div>
{/volist}
{/yzn}
</div>
</div>
</div>
</div>
</div>
</section>
<!-- cta section end -->
<!-- latest project -->
<section class="latest-project sec-pad">
<div class="container">
<div class="row">
<div class="sec-title-two">我们的项目</div>
<div class="col-md-12 col-sm-12 col-xs-12 project-column">
<div class="four-column-carousel">
{yzn module="cms" action="lists" catid="6" cache="0" order="listorder DESC" num="12" return="data"}
{volist name="data" id="vo"}
<div class="inner-box">
<figure class="imghvr-strip-vert-bottom-right">
<img src="{$vo.thumb}" alt="">
<figcaption>
<div class="box">
<div class="content">
<a href="{$vo.url}"><i class="fa fa-link"></i></a>
</div>
</div>
</figcaption>
</figure>
</div>
{/volist}
{/yzn}
</div>
</div>
</div>
</div>
</section>
<!-- latest project end -->
<!-- brand section -->
<section class="brand-section">
<div class="container">
<ul class="brand-slider">
{yzn module="cms" action="lists" catid="33" cache="0" order="listorder DESC" num="12" return="data"}
{volist name="data" id="vo"}
<li><figure class="img-box"><a href="#"><img src="{$vo.thumb}" alt=""></a></figure></li>
{/volist}
{/yzn}
</ul>
</div>
</section>
<!-- brand section end -->
<!-- news section -->
<section class="news-section sec-pad">
<div class="container">
<div class="news-title centred">
<div class="section-title"><h2>企业新闻</h2></div>
</div>
<div class="row">
{yzn module="cms" action="lists" catid="32" ache="0" order="listorder DESC" num="6" return="data"}
{volist name="data" id="vo"}
<div class="col-md-4 col-sm-6 col-xs-12 news-column">
<div class="single-item">
<div class="single-item-overlay">
<div class="img-box">
<img src="{$vo.thumb}" alt="">
<div class="overlay">
<div class="inner-box">
<ul class="content">
<li><a href="{$vo.url}"><i class="fa fa-link"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="lower-content">
<h3><a href="{$vo.url}">{$vo.title}</a></h3>
<div class="text">
<p>{$vo.description|str_cut=###,30}</p>
</div>
<div class="button">
<a href="{$vo.url}" class="btn-one">Read More</a>
</div>
</div>
</div>
</div>
{/volist}
{/yzn}
</div>
</div>
</section>
<!-- main-footer area -->
{include file="footer" /}
```
