<?php defined('ROOT') or exit('Can\'t Access !'); ?>
<link href="<?php echo $template_path;?>/visual/modules/common/contact-columns/css/style-2.css" rel="stylesheet">


<div class="contact-columns-right contact-columns-right-2">
    <div class="contact-columns-right-bg-txt">
        <?php if(is_array(plugins::categoryinfo(10,20,0)))
foreach(plugins::categoryinfo(10,20,0) as $cat) { ?>
        <h4>
            <span cmseasy-id="<?php echo $cat['catid'];?>" cmseasy-table="category" cmseasy-field="catname" class="cmseasyedit"><?php echo $cat['catname'];?></span>
        </h4>
        <p>
            <span cmseasy-id="<?php echo $cat['catid'];?>" cmseasy-table="category" cmseasy-field="subtitle" class="cmseasyedit"><?php echo $cat['subtitle'];?></span>
        </p>
        <?php } ?>
        <h5>
            <i class="icon-call-end"></i>：<span class="column-title cmseasyedit" cmseasy-id="tel" cmseasy-table="lang" cmseasy-field="template"><?php echo get('tel');?></span>
        </h5>
        <h5>
            <i class="icon-drop"></i>：<span class="column-title cmseasyedit" cmseasy-id="address" cmseasy-table="lang" cmseasy-field="template"><?php echo get('address');?></span>
        </h5>
        <a class="more" title="<?php echo $cat['catname'];?>" href="<?php echo $cat['url'];?>">
            <em></em>
            <span class="column-title cmseasyedit" cmseasy-id="more" cmseasy-table="lang" cmseasy-field="template">
                <span class="removelang">more</span><?php echo lang('more');?>
            </span> &gt;
        </a>
    </div>
    <div class="contact-columns-right-bg"></div>
</div>


<style type="text/css">

    .contact-columns-right-2 {
        height:344px;
        background:#b22d2f;
        background-image:url("<?php echo $template_path;?>/visual/modules/common/contact-columns/images/contact-columns-right.png");
        background-size:cover;
    }
    .contact-columns-right a.more em{
        background-image:url("<?php echo $template_path;?>/visual/modules/common/contact-columns/images/contact-columns-right-ico.png");
    }

    .contact-columns-right-2 h4 span {
        font-size:22px;
        color:#ffffff;
    }

    .contact-columns-right-2 h4:span,.contact-columns-right-2 h4 span:hover {
        color:#ffffff;
    }

    .contact-columns-right-2 p span {
        font-size:30px;
        color:#ffffff;
    }
    .contact-columns-right-2 p span:hover,.contact-columns-right-2 p:hover span {
        color:#ffffff;
    }

    .contact-columns-right-2 p:after {
        background-color:#ffffff;
    }


    .contact-columns-right-2 h5 span,.contact-columns-right-2 h5 i {
        font-size:14px;
        color:#ffffff;
    }

    .contact-columns-right-2 h5:hover span,
    .contact-columns-right-2 h4 span:hover,
    .contact-columns-right-2 h5:hover i,
    .contact-columns-right-2 h4 i:hover{
        color:#ffffff;
    }

    .contact-columns-right-2 a.more {
        font-size:14px;
        color:#ffffff;
        border-color:rgba(255, 255, 255, 0.3);
        border-radius: 0px;
        background:rgba(255, 255, 255, 0);
    }
    .contact-columns-right-2 a.more:hover {
        color:#ffffff;
        border-color:rgba(255, 255, 255, 0.3);
        border-radius: 0px;
        background:rgba(255, 255, 255, 0);
    }
</style>
