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

<div class="s13">
    <div class="swiper-container about-slide-nav">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div>
                    <font style="color:;">1982</font>                </div>
            </div>
            <div class="swiper-slide">
                <div>
                    <font style="color:;">1983</font>                </div>
            </div>
            <div class="swiper-slide">
                <div>
                    <font style="color:;">1987</font>                </div>
            </div>
            <div class="swiper-slide">
                <div>
                    <font style="color:;">1995</font>                </div>
            </div>
            <div class="swiper-slide">
                <div>
                    <font style="color:;">2000</font>                </div>
            </div>
        </div>
    </div>
    <div class="swiper-container about-slide-content">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="about-slide-content-item">
                    <div class="s13-img">
                        <a>
                            <img class="swiper-lazy" src="{$template_path}/visual/modules/common/about-three/images/1.jpg" />
                        </a>
                    </div>
                    <div class="s13-text">
                        <div class="s13-text2">
                            <p>
                                1982年公司成立。                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="about-slide-content-item">
                    <div class="s13-img">
                        <a>
                            <img class="swiper-lazy" src="{$template_path}/visual/modules/common/about-three/images/1.jpg" />
                        </a>
                    </div>
                    <div class="s13-text">
                        <div class="s13-text2">
                            <p>
                                1983年公司发生的事。                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="about-slide-content-item">
                    <div class="s13-img">
                        <a>
                            <img class="swiper-lazy" src="{$template_path}/visual/modules/common/about-three/images/1.jpg" />
                        </a>
                    </div>
                    <div class="s13-text">
                        <div class="s13-text2">
                            <p>
                                1987年公司发生的事。                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="about-slide-content-item">
                    <div class="s13-img">
                        <a>
                            <img class="swiper-lazy" src="{$template_path}/visual/modules/common/about-three/images/1.jpg" />
                        </a>
                    </div>
                    <div class="s13-text">
                        <div class="s13-text2">
                            <p>
                                1995年公司发生的事。                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="about-slide-content-item">
                    <div class="s13-img">
                        <a>
                            <img class="swiper-lazy" src="{$template_path}/visual/modules/common/about-three/images/1.jpg" />
                        </a>
                    </div>
                    <div class="s13-text">
                        <div class="s13-text2">
                            <p>
                                1982年公司成立。                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="{$template_path}/visual/modules/common/about-three/js/about-three.js" type="text/javascript"></script>
<style type="text/css">
    .section13 .s13-text s13-text2 p {
        font-size:16px;
        color:#999999;
    }
    .section13 .s13-text s13-text2 p:hover {
        color:#666666;
    }
    .s13-text2:before{background: url({$template_path}/visual/modules/common/about-three/images/1.png) center center no-repeat;}
    .s13-text2:after{background: url({$template_path}/visual/modules/common/about-three/images/2.png) center center no-repeat;}
</style>