<link href="{$template_path}/visual/modules/common/three-content-pic/css/style-3.css" rel="stylesheet">
<div class="three-content-pic-content">
    <div class="row">
        <div class="col-sm-4">
            <div class="three-content-pic-content-item">
                <div class="three-content-pic-content-img">
                    <a>
                        <img alt="2019年太极拳比赛活动拉开序幕" class="lazy" src="{$template_path}/visual/modules/common/three-content-pic/images/1.jpg" />
                    </a>
                </div>
                <div class="three-content-pic-content-text">
                    <span>2019.05.29</span>
                    <h4>
                        <a>
                            <font style="color:;">2019年太极拳比赛活动拉开序幕</font>                        </a>
                    </h4>
                    <p>
                        为弘扬中华传统文化，丰富天鸿阳光体育活动，培养广大员工团队协作、积极进取的优良品质，4月22日，世纪天鸿首届太极拳比                    </p>
                </div>
            </div>
        </div>
        <div class="col-sm-4">
            <div class="three-content-pic-content-item">
                <div class="three-content-pic-content-img">
                    <a>
                        <img alt="梦想起航，拥抱未来——2019创业孵化平台年会" class="lazy" src="{$template_path}/visual/modules/common/three-content-pic/images/2.jpg" />
                    </a>
                </div>
                <div class="three-content-pic-content-text">
                    <span>2019.05.29</span>
                    <h4>
                        <a>
                            <font style="color:;">梦想起航，拥抱未来——2019创业孵化平</font>                        </a>
                    </h4>
                    <p>
                        2019年1月23日，世纪天鸿创业孵化平台年会在淄博举办，本次年会以“梦想起航，拥抱未来”为主题。世纪天鸿所有孵化平台的                    </p>
                </div>
            </div>
        </div>
        <div class="col-sm-4">
            <div class="three-content-pic-content-item">
                <div class="three-content-pic-content-img">
                    <a>
                        <img alt="“激情之夏”篮球比赛圆满结束！" class="lazy" src="{$template_path}/visual/modules/common/three-content-pic/images/3.jpg" />
                    </a>
                </div>
                <div class="three-content-pic-content-text">
                    <span>2019.05.29</span>
                    <h4>
                        <a>
                            <font style="color:;">“激情之夏”篮球比赛圆满结束！</font>                        </a>
                    </h4>
                    <p>
                        2018年8月1日，世纪天鸿“激情之夏”篮球比赛落下帷幕。最终，经过激烈的角逐，由世纪天鸿系统事业部、行政部组成的系统梦                    </p>
                </div>
            </div>
        </div>
    </div>
</div>

<style type="text/css">
    .three-content-pic .three-content-pic-content-item .three-content-pic-content-text h4 a {
        font-size:16px;
        color:#333333;
    }
    .three-content-pic .three-content-pic-content-item .three-content-pic-content-text h4 a:hover {
        color:#000000;
    }
    .three-content-pic .three-content-pic-content-item .three-content-pic-content-text p {
        font-size:14px;
        color:#999999;
    }
    .three-content-pic .three-content-pic-content-item .three-content-pic-content-text p:hover {
        color:#999999;
    }
    .three-content-pic .three-content-pic-content-text .more {
        font-size:14px;
        color:rgba(255, 255, 255, 0);
        border-color:rgba(255, 255, 255, 0);
        border-radius: 0px;
        background-color:rgba(255, 255, 255, 0) ;
    }
    .three-content-pic .three-content-pic-content-text .more:hover,.swiper4 .three-content-pic-content-item:hover .three-content-pic-content-text .more  {
        color:rgba(255, 255, 255, 0);
        border-color:rgba(255, 255, 255, 0);
        background-color:rgba(255, 255, 255, 0);
    }
    .three-content-pic .three-content-pic-content-item {
        border-color:#ffffff;
        background-color:#f8f8f8;
    }
    .three-content-pic .three-content-pic-content-item:hover {
        border-color:$_link-hover-border-color;
        background-color:#eeeeee;
    }
</style>