{extend name="../view/default/basetmp.htm" /}
{block name="css"}
<link rel="stylesheet" href="__INDEX__/css/royalcms.solution.css">
{/block}
 
{block name="main"}

{include file='../view/default/innerbanner.htm'}

 
<section class="royal-category-content">
    <div class="royal-container">
        {include file='../view/default/left.htm'}

      
        <!-- pain-points -->
        <div class="royal-section-pain-points">
            <div class="royal-section-title">
                <h2>{Rycms:sing model="Cate" field="title" id="12"}</h2>
                <p>{Rycms:sing model="Cate" field="sname" id="12"}</p>
            </div>

            <div class="royal-pain-points-grid">
                {Rycms:lists model='Article' limit='4' idname='cateid' cid='12' order='sort ASC'}
                <div class="royal-pain-point-card">
                    <div class="royal-pain-point-icon">
                        <i class="fas {$v.icon}"></i>
                    </div>
                    <h3>{$v.title}</h3>
                    <p>{$v.stitle}</p>
                </div>
                {/Rycms:lists}
            </div>
        </div>

        <!-- advantages -->
        <div class="royal-section-core-advantages">
            <div class="royal-section-title">
                <h2>{Rycms:sing model="Cate" field="title" id="13"}</h2>
                <p>{Rycms:sing model="Cate" field="sname" id="13"}</p>
            </div>

            <div class="royal-advantages-grid">
                {Rycms:lists model='Article' limit='4' idname='cateid' cid='13' order='sort ASC'}
                <div class="royal-advantage-card">
                    <div class="royal-advantage-number"></div>
                    <h3>{$v.title}</h3>
                    <p>{$v.stitle}</p>
                </div>
                {/Rycms:lists}
            </div>
        </div>


        <div class="royal-section-solution-approach">
            <div class="royal-section-title">
                <h2>{Rycms:sing model="Cate" field="title" id="14"}</h2>
                <p>{Rycms:sing model="Cate" field="sname" id="14"}</p>
            </div>

            <div class="royal-approach-steps">
                {Rycms:lists model='Article' limit='4' idname='cateid' cid='14' order='sort ASC'}
                <div class="royal-approach-step">
                    <div class="royal-step-icon">
                        <i class="fas {$v.icon}"></i>
                    </div>
                    <div class="royal-step-content">
                        <h3>{$v.title}</h3>
                        <p>{$v.stitle}</p>
                    </div>
                </div>
                {/Rycms:lists}
            </div>
        </div>


        <div class="royal-solutions-list-section">
            <div class="royal-section-title">
                <h2>{Rycms:sing model="Cate" field="title" id="15"}</h2>
                <p>{Rycms:sing model="Cate" field="sname" id="15"}</p>
            </div>


            <div class="royal-solutions-grid">
                {Rycms:lists model='Article' limit='6' idname='cateid' cid='15' order='sort ASC'}
                <div class="royal-solution-card">
                    <a href="{$v.url}" class="royal-solution-image">
                        <img src="{$v.thumb}" alt="{$v.title}">
                    </a>
                    <div class="royal-solution-card-content">
                        <h3><a href="{$v.url}">{$v.title|cut_str=20}</a>
                        </h3>

                        <p>{$v.stitle|cut_str=60}</p>
                        {if $v.tags}
                        <div class="royal-tags-list">
                            {volist name="v.tags" id="tag"}
                            <span class="royal-tag-item">{$tag.name}</span>
                            {/volist}
                        </div>
                        {/if}

                        <div class="royal-solution-meta">
                            <span><i class="fas fa-chart-line"></i> {$v.click}</span>
                            <span><i class="fas fa-star"></i> {$v.star|default='4.8'}</span>
                        </div>
                        <div class="royal-solution-actions">
                            <a href="{$v.url}" class="royal-btn royal-btn-free">{:lang('read_more')} </a>
                            <a href="tel://{$ConfRes.tel}" class="royal-btn royal-btn-primary">{:lang('contact_phone')} </a>
                        </div>
                    </div>
                </div>
                {/Rycms:lists}
            </div>

        </div>
    </div>
</section>



{/block}