{include file="header" /}
<!-- 轮播图  begin -->
<div class="swiper-container banner">
    <div class="swiper-wrapper">
        {yzn module="cms" action="lists" catid="21" cache="3600" order="listorder ASC, id DESC" num="10" return="data"}
        {volist name="data" id="vo"}
        
        <div class="swiper-slide" style="background-image: url({$vo.thumb});">
             <a href="{$vo.url}" target="_blank">
            <div class="container">
                <div class="wrap">
                    <div class="inner">
                        <!--<h4><br>{$vo.title}</h4>-->
                        <!--<small>{$vo.description}</small> <a href="{$vo.url}" class="more-big"><span>Learn More</span><i></i></a> -->
                    </div>
                </div>
            </div>
             </a>
        </div>
        
        {/volist}
        {/yzn}
    </div>
    <div class="swiper-button-next"></div>
         <div class="swiper-button-prev"></div>
</div>
<!-- 轮播图  end -->
<!-- 产品中心 -->
<div class="section">
    <div class="container">
        <div class="section-title wow fadeInUp"> <a href="{:getCategory(66, 'url')}" class="more-big"><span>Learn More</span><i></i></a> <small>PRODUCT</small>
            <h4>{:getCategory(66, 'catname')}</h4>
        </div>
    </div>
    <div class="in-service swiper-container wow fadeInUp">
        <div class="swiper-wrapper">
            {yzn module="cms" action="category" catid="66" cache="3600" order="listorder ASC, id ASC" return="data"}
            {volist name="data" id="vo"}
            <div class="swiper-slide">
                <a href="{$vo.url}" title="{$vo.catname}">
                    <div class="img-cover">
                        <span style="background-image: url({$vo.image});"></span>
                        <p><em>{$vo.description|str_cut=60}</em></p>
                        <i></i>
                    </div>
                    <div class="text"><span>{$vo.catname}</span></div>
                </a>
            </div>
            {/volist}
            {/yzn}
        </div>
        <div class="swiper-button-prev swiper-button-white"></div>
        <div class="swiper-button-next swiper-button-white"></div>
    </div>
</div>
<!-- 产品中心  end-->
<!-- 关于我们 -->
<div class="section bg1">
    <div class="container">
        <div class="section-title wow fadeInUp">
            <small>ABOUT US</small>
            <h4>关于我们</h4>
        </div>
        <dl class="in-about clearfix wow fadeInUp">
            <dt class="img-center">
                <img src="__STATIC__/chssb/ch/img/sabout.jpg">
            </dt>
            <dd>
                <p>{$about_info['description']}</p>
                <ul>
                    <li class="active">
                        <div class="wrap">
                            <div class="num"><strong><span class="counter">1986</span></strong>年</div>
                            <p>创建于</p>
                        </div>
                    </li>
                       <li>
                        <div class="wrap">
                            <div class="num"><strong><span class="counter">100+</span></strong>亩</div>
                            <p>公司占地面积</p>
                        </div>
                    </li>
                    <li>
                        <div class="wrap">
                            <div class="num"><strong><span class="counter">160+</span></strong>类</div>
                            <p>产品种类</p>
                        </div>
                    </li>
                    <li>
                        <div class="wrap">
                            <div class="num"><strong><span class="counter">45000+</span></strong>种</div>
                            <p>产品规格</p>
                        </div>
                    </li>
                </ul>
                <div class="m-tc"><a href="{:getCategory(45, 'url')}" class="more-big"><span>Learn More</span><i></i></a></div>
            </dd>
        </dl>
    </div>
</div>
<!-- 关于我们  end -->
<!-- 行业应用 -->
<div class="section" style="background-color: #f7f7f7;">
    <div class="container">
        <div class="section-title wow fadeInUp">
            <a href="{:getCategory(120, 'url')}" class="more-big">
                <span>Learn More</span><i></i>
            </a>
            <small>APPLICATION</small>
            <h4>行业应用</h4>
        </div>
    </div>
    <div class="in-equipment swiper-container wow fadeInUp">
        <div class="swiper-wrapper">
            {yzn module="cms" action="lists" catid="120" cache="3600" order="listorder ASC, id DESC" num="10" return="data"}
            {volist name="data" id="vo"}
            <div class="swiper-slide">
                <a href="{$vo.url}" title="{$vo.title}">
                    <div class="img-cover">
                        <span style="background-image: url({$vo.thumb});"></span>
                    </div>
                    <div class="text">
                        <h4 >{$vo.title |str_cut=9}</h4>
                        <p>{$vo.description|str_cut=86}</p>
                        <span class="more">Learn More</span>
                        <!--<div class="p"><span>{$vo.inputtime|date='m'}</span>/{$vo.inputtime|date='d'}</div>-->
                    </div>
                </a>
            </div>
            {/volist}
            {/yzn}
        </div>
        <div class="swiper-button-prev swiper-button-white"></div>
        <div class="swiper-button-next swiper-button-white"></div>
        <div class="swiper-pagination"></div>
    </div>
    <div class="mo m-tc">
        <a href="{:getCategory(28, 'url')}" class="more-big"><span>Learn More</span><i></i></a>
    </div>
</div>
<!-- 行业应用  end -->
<!-- 新闻动态  -->
<div class="section bg2">
    <div class="container clearfix">
        <div class="in-news-left wow fadeInUp">
            <div class="section-title">
                <small>NEWS</small>
                <h4>新闻资讯</h4>
            </div>
            <ul>
                <li><a href="{:getCategory(30, 'url')}" class="more-big"><span>{:getCategory(30, 'catname')}</span></a></li>
                <li><a href="{:getCategory(31, 'url')}" class="more-big"><span>{:getCategory(31, 'catname')}</span></a></li>
                <li><a href="{:getCategory(54, 'url')}" class="more-big"><span>{:getCategory(54, 'catname')}</span></a></li>
            </ul>
        </div>
        <div class="in-news-right wow fadeInUp">
            <ul class="list-1 clearfix">
                {volist name="news_list" id="vo"}
                <li>
                    <a class="item" href="{$vo.url}" title="{$vo.title}">
                        <div class="text">
                            <h4><span>{$vo.title}</span></h4>
                            <span class="lm">{$vo.catname}</span>
                            <span class="date">{$vo.inputtime|date='Y/m/d'}</span>
                            <span class="more">Learn More</span>
                        </div>
                    </a>
                </li>
                {/volist}
                <!--{/yzn}-->
            </ul>
        </div>
    </div>
</div>
{include file="footer" /}