zhongze
/
zhongze-cmp
关注 5
点赞 0
派生 0
代码 工单 0 合并请求 0 版本发布 0 百科 动态
中泽后端接口
您最多选择25个主题 主题必须以字母或数字开头，可以包含连字符 (-)，并且长度不得超过35个字符
9 提交
1 分支
目录树: 69994e3013
分支列表 标签列表
${ item.name }
创建分支 ${ searchTerm }
从 '69994e3013'
${ noResults }
zhongze-cmp/templates/index.ftl

index.ftl 20KB
原始文件 Blame 文件历史

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366 
  1. <!DOCTYPE html>

  2. <html lang="en">

  3. <head>

  4.     <meta charset="utf-8"/>

  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>

  6.     <title>${TDK.title}走进中泽</title>

  7.     <meta name="description" content="${TDK.digest!''}"/>

  8.     <meta name="Keywords" content="${TDK.key!''}"/>

  9.     <meta content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width" name="viewport"/>

  10.     <link href="./static/css/swiper-bundle.min.css" rel="stylesheet"/>

  11.     <link rel="stylesheet" href="./static/lib/animate.min.css">

  12.     <script src="./static/lib/wow.min.js"></script>

  13.     <link href="./common/index.css" rel="stylesheet">

  14.     <link href="./index/index.css" rel="stylesheet">

  15. 

  16. </head>

  17. 

  18. <body>

  19. <#include "./header.ftl" parse=true encoding="utf-8">

  20. <div class="main">

  21.     <div class="wow domInUp banner">

  22.         <div class="swiper bannerSwiper">

  23.             <div class="swiper-wrapper">

  24.                 <#--                首页轮播-->

  25. 

  26.                 <#list bannerList as banner>

  27.                     <div class="swiper-slide <#if banner_index == 0>bannerS1</#if>">

  28.                         <#if banner_index == 0>

  29.                             <img

  30.                                     class="lazy"

  31.                                     data-src="${banner.mImgUrl!''}"

  32.                                     data-srcM="${banner.mImgUrl!''}"

  33.                                     alt=""

  34.                             />

  35.                             <video

  36.                                     class="lazy"

  37.                                     data-src="${banner.pcImgUrl!''}"

  38.                                     data-srcM="${banner.pcImgUrl!''}"

  39.                                     autoplay

  40.                                     muted

  41.                                     loop

  42.                                     playsinline

  43.                             ></video>

  44. 

  45.                         <#else>

  46.                         <img class="lazy" data-src="${banner.pcImgUrl!''}"

  47.                              data-srcm="${banner.mImgUrl!''}" alt=""/>

  48.                         <div class="slideCon">

  49.                             <#if banner.titleList??>

  50.                                 <#list banner.titleList as title>

  51.                                     <div class="title">${title}</div>

  52.                                 </#list>

  53.                             </#if>

  54.                         </div>

  55.                         </#if>

  56.                     </div>

  57.                 </#list>

  58.             </div>

  59.             <div class="swiper-pagination swiper-paginationB"></div>

  60.             <div class="btn-prev btn-prevB"><span class="icon iconfont icon-jiantou"></span></div>

  61.             <div class="btn-next btn-nextB"><span class="icon iconfont icon-jiantou"></span></div>

  62.         </div>

  63.     </div>

  64.     <div class="wow fadeInUp product" id="jtjs">

  65.         <div class="wow fadeInUp title" data-wow-delay="0.2s">集团介绍</div>

  66.         <div class="wow fadeInUp text">中泽控股集团股份有限公司是以投资并购和企业运营为核心业务的大型民营集团，创建于1995年，总部位于北京，员工1.8万人。集团将整合现有资源，着力发展铁合金、炭素、钼业、镍业、产业互联网、化工、和大消费七大产业集群。</div>

  67.         <div class="productCon">

  68.             <div class="wow fadeInUp productTits">

  69.                 <div>

  70.                     <div class="productTit productCk">

  71.                         <div>铁合金</div>

  72.                     </div>

  73.                     <div class="productTit">

  74.                         <div>炭素</div>

  75.                     </div>

  76.                     <div class="productTit">

  77.                         <div>钼业</div>

  78.                     </div>

  79.                     <div class="productTit">

  80.                         <div>镍业</div>

  81.                     </div>

  82.                     <div class="productTit">

  83.                         <div>产业互联网</div>

  84.                     </div>

  85.                     <div class="productTit">

  86.                         <div>化工</div>

  87.                     </div>

  88.                     <div class="productTit">

  89.                         <div>大消费</div>

  90.                     </div>

  91.                     <div class="productTit">

  92.                         <div>装备制造</div>

  93.                     </div>

  94.                     <div class="productTit">

  95.                         <div>金融服务</div>

  96.                     </div>

  97.                     <div class="productTit">

  98.                         <div>其他</div>

  99.                     </div>

  100.                 </div>

  101.             </div>

  102.             <div class="wow fadeInUp productConBox">

  103.                 <div class="swiper productSwiper">

  104.                     <div class="swiper-wrapper">

  105.                         <div class="swiper-slide">

  106.                             <img class="lazy" data-src="./static/images/index/product1.jpg" data-srcM="./static/images/index/product1.jpg" alt="" />

  107.                             <div class="slideZ"></div>

  108.                             <div class="slideCon">

  109.                                 <div class="text">铁合金</div>

  110.                             </div>

  111.                         </div>

  112.                         <div class="swiper-slide">

  113.                             <img class="lazy" data-src="./static/images/index/product2.jpg" data-srcM="./static/images/index/product2.jpg" alt="" />

  114.                             <div class="slideZ"></div>

  115.                             <div class="slideCon">

  116.                                 <div class="text">炭素</div>

  117.                             </div>

  118.                         </div>

  119.                         <div class="swiper-slide">

  120.                             <img class="lazy" data-src="./static/images/index/product3.jpg" data-srcM="./static/images/index/product3.jpg" alt="" />

  121.                             <div class="slideZ"></div>

  122.                             <div class="slideCon">

  123.                                 <div class="text">钼业</div>

  124.                             </div>

  125.                         </div>

  126.                         <div class="swiper-slide">

  127.                             <img class="lazy" data-src="./static/images/index/product5.jpg" data-srcM="./static/images/index/product5.jpg" alt="" />

  128.                             <div class="slideZ"></div>

  129.                             <div class="slideCon">

  130.                                 <div class="text">镍业</div>

  131.                             </div>

  132.                         </div>

  133.                         <div class="swiper-slide">

  134.                             <img class="lazy" data-src="./static/images/index/product9.jpg" data-srcM="./static/images/index/product9.jpg" alt="" />

  135.                             <div class="slideZ"></div>

  136.                             <div class="slideCon">

  137.                                 <div class="text">产业互联网</div>

  138.                             </div>

  139.                         </div>

  140.                         <div class="swiper-slide">

  141.                             <img class="lazy" data-src="./static/images/index/product12.jpg" data-srcM="./static/images/index/product12.jpg" alt="" />

  142.                             <div class="slideZ"></div>

  143.                             <div class="slideCon">

  144.                                 <div class="text">化工</div>

  145.                             </div>

  146.                         </div>

  147.                         <div class="swiper-slide">

  148.                             <img class="lazy" data-src="./static/images/index/product8.jpg" data-srcM="./static/images/index/product8.jpg" alt="" />

  149.                             <div class="slideZ"></div>

  150.                             <div class="slideCon">

  151.                                 <div class="text">大消费</div>

  152.                             </div>

  153.                         </div>

  154.                         <div class="swiper-slide">

  155.                             <img class="lazy" data-src="./static/images/index/product10.jpg" data-srcM="./static/images/index/product10.jpg" alt="" />

  156.                             <div class="slideZ"></div>

  157.                             <div class="slideCon">

  158.                                 <div class="text">装备制造</div>

  159.                             </div>

  160.                         </div>

  161.                         <div class="swiper-slide">

  162.                             <img class="lazy" data-src="./static/images/index/product11.jpg" data-srcM="./static/images/index/product11.jpg" alt="" />

  163.                             <div class="slideZ"></div>

  164.                             <div class="slideCon">

  165.                                 <div class="text">金融服务</div>

  166.                             </div>

  167.                         </div>

  168.                         <div class="swiper-slide">

  169.                             <img class="lazy" data-src="./static/images/index/product13.jpg" data-srcM="./static/images/index/product13.jpg" alt="" />

  170.                             <div class="slideZ"></div>

  171.                             <div class="slideCon">

  172.                                 <div class="text">其他</div>

  173.                             </div>

  174.                         </div>

  175.                         <!-- <div class="swiper-slide">

  176.                           <img class="lazy" data-src="./static/images/index/product4.jpg" data-srcM="./static/images/index/product4.jpg" alt="" />

  177.                           <div class="slideZ"></div>

  178.                           <div class="slideCon">

  179.                               <div class="text">大宗贸易</div>

  180.                           </div>

  181.                         </div>

  182.                         <div class="swiper-slide">

  183.                           <img class="lazy" data-src="./static/images/index/product6.jpg" data-srcM="./static/images/index/product6.jpg" alt="" />

  184.                           <div class="slideZ"></div>

  185.                           <div class="slideCon">

  186.                               <div class="text">新材料</div>

  187.                           </div>

  188.                         </div>

  189.                         <div class="swiper-slide">

  190.                           <img class="lazy" data-src="./static/images/index/product7.jpg" data-srcM="./static/images/index/product7.jpg" alt="" />

  191.                           <div class="slideZ"></div>

  192.                           <div class="slideCon">

  193.                               <div class="text">科研院所</div>

  194.                           </div>

  195.                         </div> -->

  196.                     </div>

  197.                 </div>

  198.             </div>

  199.             <div class="swiper-page">

  200.                 <!-- 如果需要分页器 -->

  201.                 <div class="btn-prev btn-prevP1"><span class="icon iconfont icon-jiantou"></span></div>

  202.                 <div class="btn-next btn-nextP1"><span class="icon iconfont icon-jiantou"></span></div>

  203.             </div>

  204.         </div>

  205.     </div>

  206.     <div class="wow fadeInUp about">

  207.         <div class="wow fadeInUp title mTxt">业务版图</div>

  208.         <div class="aboutImg"><img class="lazy" data-src="./static/images/index/aboutbg.png"

  209.                                    data-srcm="./static/images/index/aboutbgm.png" alt=""/> <img

  210.                     class="wow fadeInUp lazy imgZi" data-wow-delay="0.3s" data-src="./static/images/index/aboutbg2.png"

  211.                     data-srcm="./static/images/index/aboutbg2.png" alt=""/> <img class="wow fadeInUp lazy imgZi"

  212.                                                                                  data-wow-delay="0.6s"

  213.                                                                                  data-src="./static/images/index/aboutbg3.png"

  214.                                                                                  data-srcm="./static/images/index/aboutbg3.png"

  215.                                                                                  alt=""/> <img

  216.                     class="wow fadeInUp lazy imgZi" data-wow-delay="0.7s" data-src="./static/images/index/aboutbg4.png"

  217.                     data-srcm="./static/images/index/aboutbg4.png" alt=""/> <img class="wow fadeInUp lazy imgZi"

  218.                                                                                  data-wow-delay="0.8s"

  219.                                                                                  data-src="./static/images/index/aboutbg5.png"

  220.                                                                                  data-srcm="./static/images/index/aboutbg5.png"

  221.                                                                                  alt=""/> <img

  222.                     class="wow fadeInUp lazy imgZi" data-wow-delay="0.9s" data-src="./static/images/index/aboutbg6.png"

  223.                     data-srcm="./static/images/index/aboutbg6.png" alt=""/></div>

  224.         <div class="aboutCon">

  225.             <div class="wow fadeInUp title pcTxt">业务版图</div>

  226.             <div>

  227.                 <div class="wow fadeInUp sltImg"> <img src="./static/images/index/aboutbg7.png" alt=""/></div>

  228.                 <a href="./product.html" class="wow fadeInUp btn3">产业布局<span class="icon iconfont icon-jiantou"></span></a>

  229.             </div>

  230.         </div>

  231.     </div>

  232.     <div class="wow fadeInUp history" id="fzlc">

  233.         <div class="wow fadeInUp title">发展历程</div>

  234.         <div class="wow fadeInUp historyTit">

  235.             <#list dhMap.years as year>

  236.                 <div <#if year== "2020">class="active"</#if>>${year}s</div>

  237.             </#list>

  238.         </div>

  239.         <div class="historyCon">

  240.             <div class="swiper historySwiper">

  241.                 <div class="swiper-wrapper">

  242.                     <#list dhMap.hisData as history>

  243.                         <div class="swiper-slide <#if history.year gt 2019> activeShow</#if>">

  244.                             <div class="hisImg">

  245.                                 <img class="lazy" data-src="${history.imgUrl!''}" data-srcM="${history.imgUrl!''}" alt=""/>

  246.                             </div>

  247.                             <div class="hisTime">${history.year?c}</div>

  248.                             <div class="text">${history.digest}</div>

  249.                             <div class="hisBottom">

  250.                                 <div class="hisLine"></div>

  251.                                 <div class="hisIcon">

  252.                                     <div class="cil1"></div>

  253.                                     <div class="cil2"></div>

  254.                                     <div class="cil3"></div>

  255.                                 </div>

  256.                                 <div class="hisBTime">${history.year?c}</div>

  257.                             </div>

  258.                         </div>

  259.                     </#list>

  260.                 </div>

  261.                 <div class="hisLine"></div>

  262.             </div>

  263.             <div class="swiper-page">

  264.                 <div class="btn-prev btn-prevH1"><span class="icon iconfont icon-jiantou"></span></div>

  265.                 <div class="btn-next btn-nextH1"><span class="icon iconfont icon-jiantou"></span></div>

  266.                 <div class="rightDiv"><span class="nowNum">25</span>/<span class="allNum">25</span>

  267.                     <div class="fillLine"></div>

  268.                 </div>

  269.             </div>

  270.         </div>

  271.     </div>

  272.     <div class="corporate" id="qyxw">

  273.         <div class="wow fadeInUp title">企业文化</div>

  274.         <div class="swiper corporateSwiper">

  275.             <div class="swiper-wrapper">

  276.                 <div class="swiper-slide"><img class="lazy" data-src="./static/images/index/corporate1.jpg"

  277.                                                data-srcm="./static/images/index/corporate1.jpg" alt=""/></div>

  278.                 <div class="swiper-slide"><img class="lazy" data-src="./static/images/index/corporate2.jpg"

  279.                                                data-srcm="./static/images/index/corporate2.jpg" alt=""/></div>

  280.                 <div class="swiper-slide"><img class="lazy" data-src="./static/images/index/corporate3.jpg"

  281.                                                data-srcm="./static/images/index/corporate3.jpg" alt=""/></div>

  282.             </div>

  283.         </div>

  284.         <div class="corCon">

  285.             <div class="corTits">

  286.                 <div class="activS">企业使命</div>

  287.                 <div>核心价值观</div>

  288.                 <div>企业精神</div>

  289.             </div>

  290.             <div class="corTxts">

  291.                 <div class="activS">专注于盘活存量和长期价值投资</div>

  292.                 <div>实业为本 产业报国</div>

  293.                 <div>以人为本 家国情怀、正直诚信 永不妥协、志存高远 坚韧不拔、创新超越 追求卓越</div>

  294.             </div>

  295.         </div>

  296.     </div>

  297.     <div class="news" id="xwdt">

  298.         <div class="wow fadeInUp title">新闻动态</div>

  299.         <div class="newsCon">

  300.             <div class="wow fadeInUp newsSp">

  301.                 <#--                新闻左侧轮播-->

  302.                 <#list indexNewsList as flNewMap>

  303.                     <div class="swiper newsSwiper${flNewMap_index+1} <#if flNewMap_index == 0>newsShowSwiper</#if>">

  304.                         <div class="swiper-wrapper">

  305.                             <#list flNewMap.newsList as news>

  306.                                 <div class="swiper-slide">

  307.                                     <a href="./newsDetail/${news.uuid}.html">

  308.                                         <img class="lazy"

  309.                                              data-src="${news.surfaceUrl!'./static/images/news/newsDefault.jpg'}"

  310.                                              data-srcm="${news.surfaceUrl!'./static/images/news/newsDefault.jpg'}"

  311.                                              alt=""/>

  312.                                         <div class="slideZ"></div>

  313.                                         <div class="slideCon">

  314.                                             <div class="time">${news.date?string('yyyy-MM-dd')}</div>

  315.                                             <div class="text">${news.title}</div>

  316.                                         </div>

  317.                                     </a>

  318.                                 </div>

  319.                             </#list>

  320.                         </div>

  321.                         <div class="swiper-pagination swiper-pagination${flNewMap_index+1}"></div>

  322.                     </div>

  323.                 </#list>

  324.             </div>

  325.             <div>

  326.                 <div class="wow fadeInUp newsTitList" data-wow-delay="0.2s">

  327.                     <#--                    新闻右侧顶上分类-->

  328.                     <#list indexNewsList as flNewMap>

  329.                         <#if flNewMap_index == 0>

  330.                             <div class="newsCk newsShow">${flNewMap.columnName}</div>

  331.                         <#else>

  332.                             <div>/</div>

  333.                             <div class="newsCk">${flNewMap.columnName}</div>

  334.                         </#if>

  335.                     </#list>

  336.                 </div>

  337.                 <div class="wow fadeInUp newsConList" data-wow-delay="0.4s">

  338.                     <#--                    新闻右侧列表-->

  339.                     <#list indexNewsList as flNewMap>

  340.                         <div class="newsType newsType#{flNewMap_index+1} <#if flNewMap_index==0>newsDivShow</#if>">

  341.                             <#list flNewMap.newsList as news>

  342.                                 <a class="newsLi" href="./newsDetail/${news.uuid}.html">

  343.                                     <div class="timer">

  344.                                         <div class="timerData">${news.day}</div>

  345.                                         <div>${news.year?substring(news.year?length - 2)}-${news.month}</div>

  346.                                     </div>

  347.                                     <div class="newsLiCon">

  348.                                         <div class="liTitle">${news.title}</div>

  349.                                         <div class="licon">${news.digest!''}</div>

  350.                                     </div>

  351.                                 </a>

  352.                             </#list>

  353.                         </div>

  354.                     </#list>

  355.                 </div>

  356.             </div>

  357.         </div>

  358.         <a href="./news1.html" class="wow fadeInUp btn3">查看更多<span class="icon iconfont icon-jiantou"></span></a></div>

  359. </div>

  360. <#include "./footer.ftl" parse=true encoding="utf-8">

  361. <script defer="defer" src="./runtime/index.js"></script>

  362. <script defer="defer" src="./vendor/index.js"></script>

  363. <script defer="defer" src="./common/index.js"></script>

  364. <script defer="defer" src="./index/index.js"></script>

  365. </body>

  366. </html>