{extend name="../view/default/basetmp.htm" /}
{block name="css"}
<link rel="stylesheet" href="__INDEX__/css/royalcms.contact.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'} 
        <div class="royal-contact-content"> 
            <div class="royal-contact-info-section">         
                <div class="royal-section-title">
                    <h2>{$Cates.title}</h2>
                    <p>{$Cates.sname}</p>
                </div>
                <div class="royal-contact-info-grid">
                    <div class="royal-contact-info-card">
                        <div class="royal-contact-icon">
                            <i class="fas fa-map-marker-alt"></i>
                        </div>
                        <div class="royal-contact-details">
                            <h3>{$Think.lang.contact_company_address}</h3>
                            <p>{$ConfRes.add}</p>
                            <div class="royal-contact-action">
                                <a href="https://map.baidu.com/search/{$ConfRes.add}" target="_blank" class="royal-btn royal-btn-outline">
                                    {$Think.lang.contact_view_map}
                                </a>
                            </div>
                        </div>
                    </div>
                    
                    <div class="royal-contact-info-card">
                        <div class="royal-contact-icon">
                            <i class="fas fa-phone"></i>
                        </div>
                        <div class="royal-contact-details">
                            <h3>{$Think.lang.contact_phone}</h3>
                            <p>{$ConfRes.tel}</p> 
                            <div class="royal-contact-action">
                                <a href="tel:{$ConfRes.tel}" class="royal-btn royal-btn-outline">
                                    {$Think.lang.contact_call_now}
                                </a>
                            </div>
                        </div>
                    </div>
                    
                    <div class="royal-contact-info-card">
                        <div class="royal-contact-icon">
                            <i class="fas fa-envelope"></i>
                        </div>
                        <div class="royal-contact-details">
                            <h3>{$Think.lang.contact_email}</h3>
                            <p>{$ConfRes.email}</p>
                            <p>{$ConfRes.jszc}</p>
                            <div class="royal-contact-action">
                                <a href="mailto:{$ConfRes.email}" class="royal-btn royal-btn-outline">
                                    {$Think.lang.contact_send_email}
                                </a>
                            </div>
                        </div>
                    </div>
                    
                    <div class="royal-contact-info-card">
                        <div class="royal-contact-icon">
                            <i class="fas fa-clock"></i>
                        </div>
                        <div class="royal-contact-details">
                            <h3>{$Think.lang.contact_work_hours}</h3>
                            <p>{$ConfRes.worktime}</p>
                            <div class="royal-contact-action">
                                <a href="{$ConfRes.kfurl}" target="_blank" class="royal-btn royal-btn-outline">
                                    {$Think.lang.contact_online_service}
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
              
            <div class="royal-map-section"> 
                <div class="royal-map-container">
                    <div class="royal-map-placeholder">
                        <div class="royal-map-content">
                            <i class="fas fa-map-marked-alt"></i>
                            <h3>{$ConfRes.gsmc}</h3>
                            <p>{$ConfRes.add}</p>
                            <div class="royal-map-actions">
                                <a href="https://map.baidu.com/direction?destination={$ConfRes.add}" target="_blank" class="royal-btn royal-btn-outline">
                                    <i class="fas fa-directions"></i> {$Think.lang.contact_route_planning}
                                </a> 
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

{/block}