中泽后端接口
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.ftl 19KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342
  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. </head>
  16. <body>
  17. <#include "./header.ftl" parse=true encoding="utf-8">
  18. <div class="main">
  19. <div class="wow domInUp banner">
  20. <div class="swiper bannerSwiper">
  21. <div class="swiper-wrapper">
  22. <#-- 首页轮播-->
  23. <#list bannerList as banner>
  24. <div class="swiper-slide">
  25. <img class="lazy" data-src="${banner.pcImgUrl!''}"
  26. data-srcm="${banner.mImgUrl!''}" alt=""/>
  27. <div class="slideCon">
  28. <div class="title">${banner.title!''}</div>
  29. </div>
  30. </div>
  31. </#list>
  32. </div>
  33. <div class="swiper-pagination swiper-paginationB"></div>
  34. <div class="btn-prev btn-prevB"><span class="icon iconfont icon-jiantou"></span></div>
  35. <div class="btn-next btn-nextB"><span class="icon iconfont icon-jiantou"></span></div>
  36. </div>
  37. </div>
  38. <div class="wow fadeInUp product" id="jtjs">
  39. <div class="wow fadeInUp title" data-wow-delay="0.2s">集团介绍</div>
  40. <div class="wow fadeInUp text">
  41. 中泽控股集团股份有限公司是以投资并购和企业运营为核心业务的大型民营集团,创建于1995年,总部位于北京,员工1.8万人。集团将整合现有资源,着力发展铁合金、炭素、钼业、镍业、产业互联网、化工、和大消费七大产业集群。
  42. </div>
  43. <div class="productCon">
  44. <div class="wow fadeInUp productTits">
  45. <div>
  46. <div class="productTit productCk">
  47. <div>铁合金</div>
  48. </div>
  49. <div class="productTit">
  50. <div>炭素</div>
  51. </div>
  52. <div class="productTit">
  53. <div>钼业</div>
  54. </div>
  55. <div class="productTit">
  56. <div>大宗贸易</div>
  57. </div>
  58. <div class="productTit">
  59. <div>镍业</div>
  60. </div>
  61. <div class="productTit">
  62. <div>新材料</div>
  63. </div>
  64. <div class="productTit">
  65. <div>科研院所</div>
  66. </div>
  67. <div class="productTit">
  68. <div>大消费</div>
  69. </div>
  70. <div class="productTit">
  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>
  83. </div>
  84. <div class="wow fadeInUp productConBox">
  85. <div class="swiper productSwiper">
  86. <div class="swiper-wrapper">
  87. <div class="swiper-slide"><img class="lazy" data-src="./static/images/index/product1.jpg"
  88. data-srcm="./static/images/index/product1.jpg" alt=""/>
  89. <div class="slideZ"></div>
  90. <div class="slideCon">
  91. <div class="text">铁合金</div>
  92. </div>
  93. </div>
  94. <div class="swiper-slide"><img class="lazy" data-src="./static/images/index/product2.jpg"
  95. data-srcm="./static/images/index/product2.jpg" alt=""/>
  96. <div class="slideZ"></div>
  97. <div class="slideCon">
  98. <div class="text">炭素</div>
  99. </div>
  100. </div>
  101. <div class="swiper-slide"><img class="lazy" data-src="./static/images/index/product3.jpg"
  102. data-srcm="./static/images/index/product3.jpg" alt=""/>
  103. <div class="slideZ"></div>
  104. <div class="slideCon">
  105. <div class="text">钼业</div>
  106. </div>
  107. </div>
  108. <div class="swiper-slide"><img class="lazy" data-src="./static/images/index/product4.jpg"
  109. data-srcm="./static/images/index/product4.jpg" alt=""/>
  110. <div class="slideZ"></div>
  111. <div class="slideCon">
  112. <div class="text">大宗贸易</div>
  113. </div>
  114. </div>
  115. <div class="swiper-slide"><img class="lazy" data-src="./static/images/index/product5.jpg"
  116. data-srcm="./static/images/index/product5.jpg" alt=""/>
  117. <div class="slideZ"></div>
  118. <div class="slideCon">
  119. <div class="text">镍业</div>
  120. </div>
  121. </div>
  122. <div class="swiper-slide"><img class="lazy" data-src="./static/images/index/product6.jpg"
  123. data-srcm="./static/images/index/product6.jpg" alt=""/>
  124. <div class="slideZ"></div>
  125. <div class="slideCon">
  126. <div class="text">新材料</div>
  127. </div>
  128. </div>
  129. <div class="swiper-slide"><img class="lazy" data-src="./static/images/index/product7.jpg"
  130. data-srcm="./static/images/index/product7.jpg" alt=""/>
  131. <div class="slideZ"></div>
  132. <div class="slideCon">
  133. <div class="text">科研院所</div>
  134. </div>
  135. </div>
  136. <div class="swiper-slide"><img class="lazy" data-src="./static/images/index/product8.jpg"
  137. data-srcm="./static/images/index/product8.jpg" alt=""/>
  138. <div class="slideZ"></div>
  139. <div class="slideCon">
  140. <div class="text">大消费</div>
  141. </div>
  142. </div>
  143. <div class="swiper-slide"><img class="lazy" data-src="./static/images/index/product9.jpg"
  144. data-srcm="./static/images/index/product9.jpg" alt=""/>
  145. <div class="slideZ"></div>
  146. <div class="slideCon">
  147. <div class="text">产业互联网</div>
  148. </div>
  149. </div>
  150. <div class="swiper-slide"><img class="lazy" data-src="./static/images/index/product10.jpg"
  151. data-srcm="./static/images/index/product10.jpg" alt=""/>
  152. <div class="slideZ"></div>
  153. <div class="slideCon">
  154. <div class="text">装备制造</div>
  155. </div>
  156. </div>
  157. <div class="swiper-slide"><img class="lazy" data-src="./static/images/index/product11.jpg"
  158. data-srcm="./static/images/index/product11.jpg" alt=""/>
  159. <div class="slideZ"></div>
  160. <div class="slideCon">
  161. <div class="text">金融服务</div>
  162. </div>
  163. </div>
  164. <div class="swiper-slide"><img class="lazy" data-src="./static/images/index/product12.jpg"
  165. data-srcm="./static/images/index/product12.jpg" alt=""/>
  166. <div class="slideZ"></div>
  167. <div class="slideCon">
  168. <div class="text">石油化工</div>
  169. </div>
  170. </div>
  171. </div>
  172. </div>
  173. </div>
  174. <div class="swiper-page">
  175. <div class="btn-prev btn-prevP1"><span class="icon iconfont icon-jiantou"></span></div>
  176. <div class="btn-next btn-nextP1"><span class="icon iconfont icon-jiantou"></span></div>
  177. </div>
  178. </div>
  179. </div>
  180. <div class="wow fadeInUp about">
  181. <div class="wow fadeInUp title mTxt">业务版图</div>
  182. <div class="aboutImg"><img class="lazy" data-src="./static/images/index/aboutbg.png"
  183. data-srcm="./static/images/index/aboutbgm.png" alt=""/> <img
  184. class="wow fadeInUp lazy imgZi" data-wow-delay="0.3s" data-src="./static/images/index/aboutbg2.png"
  185. data-srcm="./static/images/index/aboutbg2.png" alt=""/> <img class="wow fadeInUp lazy imgZi"
  186. data-wow-delay="0.6s"
  187. data-src="./static/images/index/aboutbg3.png"
  188. data-srcm="./static/images/index/aboutbg3.png"
  189. alt=""/> <img
  190. class="wow fadeInUp lazy imgZi" data-wow-delay="0.7s" data-src="./static/images/index/aboutbg4.png"
  191. data-srcm="./static/images/index/aboutbg4.png" alt=""/> <img class="wow fadeInUp lazy imgZi"
  192. data-wow-delay="0.8s"
  193. data-src="./static/images/index/aboutbg5.png"
  194. data-srcm="./static/images/index/aboutbg5.png"
  195. alt=""/> <img
  196. class="wow fadeInUp lazy imgZi" data-wow-delay="0.9s" data-src="./static/images/index/aboutbg6.png"
  197. data-srcm="./static/images/index/aboutbg6.png" alt=""/></div>
  198. <div class="aboutCon">
  199. <div class="wow fadeInUp title pcTxt">业务版图</div>
  200. <div>
  201. <div class="wow fadeInUp sltImg">业务版图缩略图 <img src="./static/images/index/aboutbg7.png" alt=""/></div>
  202. <a href="./product.html" class="wow fadeInUp btn3">产业布局<span class="icon iconfont icon-jiantou"></span></a>
  203. </div>
  204. </div>
  205. </div>
  206. <div class="wow fadeInUp history" id="fzlc">
  207. <div class="wow fadeInUp title">发展历程</div>
  208. <div class="wow fadeInUp historyTit">
  209. <#list dhMap.years as year>
  210. <div <#if year== "2020">class="active"</#if>>${year}s</div>
  211. </#list>
  212. </div>
  213. <div class="historyCon">
  214. <div class="swiper historySwiper">
  215. <div class="swiper-wrapper">
  216. <#list dhMap.hisData as history>
  217. <div class="swiper-slide <#if history.year gt 2019> activeShow</#if>">
  218. <div class="hisImg">
  219. <img class="lazy" data-src="${history.imgUrl!''}" data-srcM="${history.imgUrl!''}" alt=""/>
  220. </div>
  221. <div class="hisTime">${history.year?c}</div>
  222. <div class="text">${history.digest}</div>
  223. <div class="hisBottom">
  224. <div class="hisLine"></div>
  225. <div class="hisIcon">
  226. <div class="cil1"></div>
  227. <div class="cil2"></div>
  228. <div class="cil3"></div>
  229. </div>
  230. <div class="hisBTime">${history.year?c}</div>
  231. </div>
  232. </div>
  233. </#list>
  234. </div>
  235. <div class="hisLine"></div>
  236. </div>
  237. <div class="swiper-page">
  238. <div class="btn-prev btn-prevH1"><span class="icon iconfont icon-jiantou"></span></div>
  239. <div class="btn-next btn-nextH1"><span class="icon iconfont icon-jiantou"></span></div>
  240. <div class="rightDiv"><span class="nowNum">25</span>/<span class="allNum">25</span>
  241. <div class="fillLine"></div>
  242. </div>
  243. </div>
  244. </div>
  245. </div>
  246. <div class="corporate" id="qywm">
  247. <div class="wow fadeInUp title">企业文化</div>
  248. <div class="swiper corporateSwiper">
  249. <div class="swiper-wrapper">
  250. <div class="swiper-slide"><img class="lazy" data-src="./static/images/index/corporate1.jpg"
  251. data-srcm="./static/images/index/corporate1.jpg" alt=""/></div>
  252. <div class="swiper-slide"><img class="lazy" data-src="./static/images/index/corporate2.jpg"
  253. data-srcm="./static/images/index/corporate2.jpg" alt=""/></div>
  254. <div class="swiper-slide"><img class="lazy" data-src="./static/images/index/corporate3.jpg"
  255. data-srcm="./static/images/index/corporate3.jpg" alt=""/></div>
  256. </div>
  257. </div>
  258. <div class="corCon">
  259. <div class="corTits">
  260. <div class="activS">企业使命</div>
  261. <div>核心价值观</div>
  262. <div>企业精神</div>
  263. </div>
  264. <div class="corTxts">
  265. <div class="activS">专注于盘活存量和长期价值投资</div>
  266. <div>实业为本 产业报国</div>
  267. <div>以人为本 家国情怀、正直诚信 永不妥协、志存高远 坚韧不拔、创新超越 追求卓越</div>
  268. </div>
  269. </div>
  270. </div>
  271. <div class="news" id="xwdt">
  272. <div class="wow fadeInUp title">新闻动态</div>
  273. <div class="newsCon">
  274. <div class="wow fadeInUp newsSp">
  275. <#-- 新闻左侧轮播-->
  276. <#list indexNewsList as flNewMap>
  277. <div class="swiper newsSwiper${flNewMap_index+1} <#if flNewMap_index == 0>newsShowSwiper</#if>">
  278. <div class="swiper-wrapper">
  279. <#list flNewMap.newsList as news>
  280. <div class="swiper-slide">
  281. <a href="./newsDetail/${news.uuid}.html">
  282. <img class="lazy"
  283. data-src="${news.surfaceUrl!'./static/images/news/newsDefault.jpg'}"
  284. data-srcm="${news.surfaceUrl!'./static/images/news/newsDefault.jpg'}"
  285. alt=""/>
  286. <div class="slideZ"></div>
  287. <div class="slideCon">
  288. <div class="time">${news.date?string('yyyy-MM-dd')}</div>
  289. <div class="text">${news.title}</div>
  290. </div>
  291. </a>
  292. </div>
  293. </#list>
  294. </div>
  295. <div class="swiper-pagination swiper-pagination${flNewMap_index+1}"></div>
  296. </div>
  297. </#list>
  298. </div>
  299. <div>
  300. <div class="wow fadeInUp newsTitList" data-wow-delay="0.2s">
  301. <#-- 新闻右侧顶上分类-->
  302. <#list indexNewsList as flNewMap>
  303. <#if flNewMap_index == 0>
  304. <div class="newsCk newsShow">${flNewMap.columnName}</div>
  305. <#else>
  306. <div>/</div>
  307. <div class="newsCk">${flNewMap.columnName}</div>
  308. </#if>
  309. </#list>
  310. </div>
  311. <div class="wow fadeInUp newsConList" data-wow-delay="0.4s">
  312. <#-- 新闻右侧列表-->
  313. <#list indexNewsList as flNewMap>
  314. <div class="newsType newsType#{flNewMap_index+1} <#if flNewMap_index==0>newsDivShow</#if>">
  315. <#list flNewMap.newsList as news>
  316. <a class="newsLi" href="./newsDetail/${news.uuid}.html">
  317. <div class="timer">
  318. <div class="timerData">${news.day}</div>
  319. <div>${news.year?substring(news.year?length - 2)}-${news.month}</div>
  320. </div>
  321. <div class="newsLiCon">
  322. <div class="liTitle">${news.title}</div>
  323. <div class="licon">${news.digest!''}</div>
  324. </div>
  325. </a>
  326. </#list>
  327. </div>
  328. </#list>
  329. </div>
  330. </div>
  331. </div>
  332. <a href="./news1.html" class="wow fadeInUp btn3">查看更多<span class="icon iconfont icon-jiantou"></span></a></div>
  333. </div>
  334. <#include "./footer.ftl" parse=true encoding="utf-8">
  335. <script defer="defer" src="./runtime/index.js"></script>
  336. <script defer="defer" src="./vendor/index.js"></script>
  337. <script defer="defer" src="./common/index.js"></script>
  338. <script defer="defer" src="./index/index.js"></script>
  339. </body>
  340. </html>