<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="{{ cover('site','description') }}">
    <meta name="keywords" content="{{ cover('site','keywords') }}">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{ cover('site','title') }}</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="msapplication-TileColor" content="#0e90d2">
    <link rel="stylesheet" href="{{ asset('app/m/css/amazeui.min.css') }}">
    <link rel="stylesheet" href="{{ asset('app/m/css/front.css') }}">
</head>
<body>

{#nav start#}

<header data-am-widget="header" class="am-header am-header-default">
    <div class="am-header-left am-header-nav">
        <a href="{{ cover('site','domain') }}" class=""><i class="am-header-icon am-icon-home"></i></a>
    </div>

    <h1 class="am-header-title">
        <a href="{{ cover('site','domain') }}" class="">
            <img src="{{ cover('site','mobile_logo') }}" />
        </a>
    </h1>

    <nav data-am-widget="menu" class="am-menu  am-menu-dropdown1" data-am-menu-collapse>
        <a href="javascript: void(0)" class="am-menu-toggle">
            <i class="am-menu-toggle-icon am-icon-list"></i>
        </a>
        <ul class="am-menu-nav am-avg-sm-1 am-collapse">
            {% for cat in cover('category') %}
                <li><a {% if cat.c_type==0 %}target="_blank" {% endif %} href="{{ cat.url }}">{{ cat.title }}</a></li>
            {% endfor %}
			<li><a href="javascript:void(0);" data-am-modal="{target: '#my-actions'}"><span class="am-icon-search" style="font-size: 18px;"></span></a></li>
        </ul>

    </nav>

</header>


<div class="am-modal-actions" id="my-actions">
    <div class="am-modal-actions-group">
        <form method="post" action="{{ url('app/search/index',{'t':'art'}) }}" class="am-form">
            <input type="search" name="k" class="am-form-field" />
        </form>
    </div>
</div>
{#nav end#}


{#banner start#}

<div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{&quot;directionNav&quot;:false}' >
    <ul class="am-slides">
        {% for slider in cover('block',{'block':'index_slider'}) %}
            <li><img src="{{ slider.img }}"></li>
        {% endfor %}
    </ul>
</div>
{#banner end#}

{#main start#}

<!--列表标题-->
<div data-am-widget="titlebar" class="am-titlebar am-titlebar-default" >
    <h2 class="am-titlebar-title ">主要产品</h2>
    <nav class="am-titlebar-nav">
        <a href="{{ cover('category',{'self':true,'id':10}).url }}" class="">更多 &raquo;</a>
    </nav>
</div>

<ul data-am-widget="gallery" class="am-gallery am-avg-sm-2 am-avg-md-3 am-avg-lg-4 am-gallery-default" >
    {% for lst in arc('product',{'recom':1}) %}
    <li>
        <div class="am-gallery-item">
            <a href="{{ lst.url }}" class="">
                <img src="{{ lst.cover }}"  alt="{{ lst.title }}"/>
                <h3 class="am-gallery-title">{{ lst.title }}</h3>
                <div class="am-gallery-desc">{{ lst.description }}</div>
            </a>
        </div>
    </li>
    {% endfor %}
</ul>


{#news start#}
<div data-am-widget="list_news" class="am-list-news am-list-news-default" >
    <div class="am-list-news-hd am-cf">
        <a href="{{ cover('category',{'self':true,'id':12}).url }}" class="">
            <h2>公司动态</h2>
            <span class="am-list-news-more am-fr">更多 &raquo;</span>
        </a>
    </div>
    <div class="am-list-news-bd">
        <ul class="am-list">
            {% for lst in arc('article',{'recom':1}) %}
                {% if lst.cover is empty %}
                    <li class="am-g am-list-item-desced">
                        <div class=" am-list-main"><h3 class="am-list-item-hd"><a href="{{ lst.url }}" class="">{{ lst.title }}</a></h3><div class="am-list-item-text">{{ lst.description }}</div></div>
                    </li>
                    {% else %}
                        <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-right">
                            <div class=" am-u-sm-8 am-list-main"><h3 class="am-list-item-hd"><a href="{{ lst.url }}" class="">{{ lst.title }}</a></h3><div class="am-list-item-text">{{ lst.description }}</div></div>
                            <div class="am-u-sm-4 am-list-thumb">
                                <a href="{{ lst.url }}" class=""><img src="{{ lst.cover }}" alt="{{ lst.title }}"/></a>
                            </div>
                        </li>
                {% endif %}
            {% endfor %}
        </ul>
    </div>

</div>

{#news end#}


{#main end#}


{#footer start#}
<footer class="am-footer am-footer-default">
    <div class="am-footer-miscs ">
        <p>{{ cover('site','copyright') }}</p>
        <p>{{ cover('site','beian') }} <span>Made by <a href="http://www.svipplus.com/coverprise" target="_blank">CoverPrise</a></span></p>
    </div>
</footer>
{#footer end#}
<script src="{{ asset('share/js/jquery.min.js') }}"></script>
<script src="{{ asset('app/m/js/amazeui.min.js') }}"></script>
</body>
</html>