<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>${TDK.title!'发展历程'}</title>
    <meta name="description" content="${TDK.digest!''}"/>
    <meta name="Keywords" content="${TDK.key!''}"/>
    <meta content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width" name="viewport"/>
    <link rel="stylesheet" href="./static/lib/animate.min.css">
    <script src="./static/lib/wow.min.js"></script>
    <link href="./common/index.css" rel="stylesheet">
    <link href="./intoTime/index.css" rel="stylesheet">
</head>
<body>
<#include "./header.ftl" parse=true encoding="utf-8">
<div class="main">
    <div class="wow fadeInUp title">发展历程</div>
    <img class="wow fadeInUp lazy" data-src="./static/images/intoTime/banner.jpg"
         data-srcm="./static/images/intoTime/banner.jpg" alt=""/>
    <div class="wow fadeInUp title title2">中华之馈 泽润东方</div>
    <div class="time" id="yourElementId">
        <div class="timeYear pcTxt">
            <div>
                <#list dhMapList as dhMap>
                    <div class="timeY <#if dhMap_index==0>timeCk</#if>">
                        ${dhMap.year}<span></span>
                    </div>
                </#list>
            </div>
        </div>
        <div class="timeAll pcTxt">
            <#list dhMapList as dhMap>
                <div class="timeUl timeL <#if dhMap_index==0>timeShow</#if>">
<#--                    左边奇数-->
                    <div class="timeLiL">
                        <#list dhMap.lList as ldh>
                            <div class="timeLi">
<#--                                第一个显示大年份-->
                                <#if ldh_index == 0>
                                    <div class="timeYTit"><span>${dhMap.year}s</span></div>
                                </#if>
                                <div class="img">
                                    <img class="lazy" data-src="${ldh.imgUrl!''}"
                                         data-srcm="${ldh.imgUrl!''}" alt=""/>
                                </div>
                                <div class="year">#{ldh.year}</div>
                                <div class="text">${ldh.digest}</div>
                            </div>
                        </#list>
                    </div>
                    <div class="timeLiR">
                        <#list dhMap.rList as rdh>
                            <div class="timeLi">
                                <div class="img"><img class="lazy" data-src="${rdh.imgUrl!''}"
                                                      data-srcm="${rdh.imgUrl!''}" alt=""/></div>
                                <div class="year">#{rdh.year}</div>
                                <div class="text">${rdh.digest}</div>
                            </div>
                        </#list>
                    </div>
                </div>
            </#list>

        </div>
        <div class="timeAll mTxt timeAllm"></div>
    </div>
</div>
<#include "./footer.ftl" parse=true encoding="utf-8">
<script defer="defer" src="./runtime/index.js"></script>
<script defer="defer" src="./vendor/index.js"></script>
<script defer="defer" src="./common/index.js"></script>
<script defer="defer" src="./intoTime/index.js"></script>
</body>
</html>