<link href="{$template_path}/visual/modules/common/contact-columns/css/style.css" rel="stylesheet">

<div class="container">
    <div class="s3 clearfix">
        <div class="contact-columns-right">
            <h4>
                联系我们            </h4>
            <p>
                Contact us            </p>
            <h5>
                <i class="icon-call-end"></i>：400-400-4000011            </h5>
            <h5>
                <i class="icon-drop"></i>：<span>某某股份有限公司</span>
            </h5>
            <a class="more">
                <em></em>了解更多 &gt;
            </a>
        </div>
        <div class="contact-columns-left">
            <h4>
                联系我们            </h4>
            <span>
Contact-us</span>
            <p>
                如果你想拥有一份自由有趣的工作，如果你对界面设计拥有一份热情和动力，那么请与我们联系。在这里你能发现一群志同道合的年轻人            </p>
            <a class="more">了解更多  &gt;</a>
        </div>
    </div>
</div>


<style type="text/css">
    .contact-columns-right{background:url("{$template_path}/visual/modules/common/contact-columns/images/contact-columns-right.png");background-size:cover}
    .contact-columns-right a.more em{background:url("{$template_path}/visual/modules/common/contact-columns/images/contact-columns-right-ico.png")}

    .contact-columns .contact-columns-left h4 a {
        font-size:20px;
        color:#333333;
    }
    .contact-columns .contact-columns-left h4 a:hover {
        color:#000000;
    }
    .contact-columns .contact-columns-left p {
        font-size:14px;
        color:#555555;
    }
    .contact-columns .contact-columns-left p:hover {
        color:#555555;
    }
    .contact-columns .contact-columns-left a.more {
        font-size:14px;
        color:#999999;
        border-color:#eeeeee;
        border-radius: 50px;
        background-color:#ffffff ;
    }
    .contact-columns .contact-columns-left a.more:hover,.contact-columns .contact-columns-left:hover a.more {
        color:#ffffff;
        border-color:#06276a;
        background-color:#06276a;
    }

</style>