index.html 27 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta name="viewport" content="width=device-width, initial-scale=1" />
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. <meta name="author" content="jjhc" />
  7. <meta name="description" content="">
  8. <link rel="icon" type="image/png" href="favicon.png">
  9. <title>泉州高层次人才智能系统</title>
  10. <link rel="stylesheet" href="css/reset.css">
  11. <link rel="stylesheet" href="css/bootstrap.min.css">
  12. <link rel="stylesheet" href="css/swiper-bundle.min.css">
  13. <link rel="stylesheet" type="text/css" href="css/jjhc.css?v=20210315" />
  14. </head>
  15. <body>
  16. <div class="container">
  17. <div class="page-title">
  18. </div>
  19. <div class="swiper-container gallery-top">
  20. <div class="swiper-wrapper">
  21. <div class="swiper-slide" style="background-image:url(./images/banner_01.jpg);max-width: 1440px;background-size: contain" data-video="1.mp4"></div>
  22. <div class="swiper-slide" style="background-image:url(./images/banner_02.jpg);max-width: 1440px;background-size: contain" data-video="2.mp4"></div>
  23. <div class="swiper-slide" style="background-image:url(./images/banner_03.jpg);max-width: 1440px;background-size: contain" data-video="3.mp4"></div>
  24. <div class="swiper-slide" style="background-image:url(./images/banner_07.jpg);max-width: 1440px;background-size: contain" data-video="4.mp4"></div>
  25. <div class="swiper-slide" style="background-image:url(./images/banner_08.jpg);max-width: 1440px;background-size: contain" data-video="5.mp4"></div>
  26. </div>
  27. </div>
  28. <div class="swiper-container gallery-thumbs">
  29. <div class="swiper-wrapper">
  30. <div class="swiper-slide" style="background-image: url(./images/banner_touch_01.jpg)"></div>
  31. <div class="swiper-slide" style="background-image: url(./images/banner_touch_02.jpg)"></div>
  32. <div class="swiper-slide" style="background-image: url(./images/banner_touch_03.jpg)"></div>
  33. <div class="swiper-slide" style="background-image: url(./images/banner_touch_07.jpg)"></div>
  34. <div class="swiper-slide" style="background-image: url(./images/banner_touch_08.jpg)"></div>
  35. </div>
  36. </div>
  37. <div class="content-block">
  38. <div class="title">
  39. <img src="images/talent_news.png" />
  40. <div class="more">
  41. <a data-link="https://www.jucai.gov.cn/content/news/list/55" href="javascript:void ();" class="article" style="color: #fff">MORE+</a>
  42. </div>
  43. </div>
  44. <div class="content row">
  45. <div class="col">
  46. <a class="article" data-link="./albums.html" href="javascript:void ();" style="text-underline: none; ">
  47. <div class="thumb_image">
  48. <img src="images/talent_jj.jpg?v=20210315" width="655" height="330 "/>
  49. <!-- <svg width="750" height="395" class="bd-placeholder-img-lg">-->
  50. <!-- <title>Placeholder</title>-->
  51. <!-- <rect width="100%" height="100%" fill="#777"></rect>-->
  52. <!-- <text x="50%" y="50%" fill="#555" dy=".3em">图片</text>-->
  53. <!-- </svg>-->
  54. </div>
  55. <h3 style="color: #333;line-height: 50px">
  56. 港湾计划 人才晋江
  57. </h3>
  58. <div style="display: -webkit-box;line-height: 1.5;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: #666">
  59. 1.建立富有竞争力的政策体系;2.建设相对专业化的平台载体;3.打造鲜明导向性的培训品牌;4.构建面向社会的工作格局;
  60. 5.完善体现精细化的公共服务;6.培育凝聚大人才的生态链条。
  61. </div>
  62. </a>
  63. </div>
  64. <div class="col">
  65. <div class="article-list">
  66. <div class="article-item">
  67. <div class="time">
  68. <div class="day">05</div>
  69. <div class="year">2021-03</div>
  70. </div>
  71. <div class="info">
  72. <a data-link="https://www.jucai.gov.cn/content/news/show/482" href="javascript:void ();" class="title substring article">注意啦!泉州市高校毕业生安居及社保补助申请这样操作</a>
  73. <a data-link="https://www.jucai.gov.cn/content/news/show/482" href="javascript:void ();" class="title substring article"><div class="content">为深入实施人才强市战略和人才“港湾计划”,打造新时代民营经济标杆,吸引更多高校毕业生来泉就业创业,根据《泉州市人民政府办公室关于印发泉州市进一步优化营商环境的若干措施等四份文件的通知》和《泉州市鼓励产业急需高校毕业生来泉就业创业实施意见(试行)》文件精神,泉州市人社局联合市财政局制定了《泉州市高校毕业生安居补助及社保补助操作细则》。</div></a>
  74. </div>
  75. </div>
  76. <div class="article-item">
  77. <div class="time">
  78. <div class="day">02</div>
  79. <div class="year">2021-03</div>
  80. </div>
  81. <div class="info">
  82. <a data-link="https://www.jucai.gov.cn/content/news/show/483" href="javascript:void ();" class="title substring article">关于公布泉州市高层次第六七层次人才入选名单(十)的通知</a>
  83. <a data-link="https://www.jucai.gov.cn/content/news/show/483" href="javascript:void ();" class="title substring article"><div class="content">根据《中共泉州市委人才工作领导小组关于印发泉州市高层次人才认定规定的通知》(泉委人才〔2018〕19号)等有关规定,经初审、审核、复核和公示,并由市公安局、市金融局协查个人(含曾创办企业)信用记录,现将泉州市高层次第六七层次人才入选名单(十)共计12人予以公布。</div></a>
  84. </div>
  85. </div>
  86. <div class="article-item">
  87. <div class="time">
  88. <div class="day">01</div>
  89. <div class="year">2021-03</div>
  90. </div>
  91. <div class="info">
  92. <a data-link="https://www.jucai.gov.cn/content/news/show/484" href="javascript:void ();" class="title substring article">2021年省委人才工作领导小组第一次会议暨人才工作会议召开</a>
  93. <a data-link="https://www.jucai.gov.cn/content/news/show/484" href="javascript:void ();" class="title substring article"><div class="content">2月26日,省委人才工作领导小组在福州召开2021年第一次会议,总结去年工作,研究部署今年任务。</div></a>
  94. </div>
  95. </div>
  96. <div class="article-item">
  97. <div class="time">
  98. <div class="day">28</div>
  99. <div class="year">2021-02</div>
  100. </div>
  101. <div class="info">
  102. <a data-link="https://www.jucai.gov.cn/content/news/show/485" href="javascript:void ();" class="title substring article" >2021年晋江市面向博士研究生公开招聘事业单位工作人员公告(二)</a>
  103. <a data-link="https://www.jucai.gov.cn/content/news/show/485" href="javascript:void ();" class="title substring article" ><div class="content">根据事业单位公开招聘工作人员有关规定以及晋江市委、市政府《关于实施晋江市博士人才助力产业创新升级“远航计划”的意见》(晋委发[2018]6号)文件精神,经研究,决定面向博士研究生公开招聘第二批事业单位工作人员。</div></a>
  104. </div>
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. <!-- <div class="content-block" style="background-image: url(./images/talent_service_column_bg.png);background-color: #ccebfe;background-repeat: no-repeat;background-position: bottom">-->
  111. <!-- <div class="title">-->
  112. <!-- <img src="images/talent_service_column.png" />-->
  113. <!-- </div>-->
  114. <!-- <div class="service" style="margin-top: 0">-->
  115. <!-- <h3>就业创业服务</h3>-->
  116. <!-- <div class="row">-->
  117. <!-- <div class="col">-->
  118. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=42&back=0">-->
  119. <!-- <img src="./images/bSYzAVGk.png" />-->
  120. <!-- </a>-->
  121. <!-- </div>-->
  122. <!-- <div class="col">-->
  123. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=52&back=0">-->
  124. <!-- <img src="./images/UlkjUDgD.png" />-->
  125. <!-- </a>-->
  126. <!-- </div>-->
  127. <!-- <div class="col">-->
  128. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=37&back=0">-->
  129. <!-- <img src="./images/ocIXjWTi.png" />-->
  130. <!-- </a>-->
  131. <!-- </div>-->
  132. <!-- <div class="col">-->
  133. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=54&back=0">-->
  134. <!-- <img src="./images/FdGDAeFX.png" />-->
  135. <!-- </a>-->
  136. <!-- </div>-->
  137. <!-- <div class="col">-->
  138. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=44&back=0">-->
  139. <!-- <img src="./images/NszShthj.png" />-->
  140. <!-- </a>-->
  141. <!-- </div>-->
  142. <!-- <div class="col">-->
  143. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=51&back=0">-->
  144. <!-- <img src="./images/PeOFSAzA.png" />-->
  145. <!-- </a>-->
  146. <!-- </div>-->
  147. <!-- </div>-->
  148. <!-- <div class="row" style="margin-top: 5px">-->
  149. <!-- <div class="col">-->
  150. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=47&back=0">-->
  151. <!-- <img src="./images/zRCMzrxy.png" />-->
  152. <!-- </a>-->
  153. <!-- </div>-->
  154. <!-- <div class="col">-->
  155. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=46&back=0">-->
  156. <!-- <img src="./images/oRDKlBdg.png" />-->
  157. <!-- </a>-->
  158. <!-- </div>-->
  159. <!-- <div class="col">-->
  160. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=49&back=0">-->
  161. <!-- <img src="./images/ebHrbdBF.png" />-->
  162. <!-- </a>-->
  163. <!-- </div>-->
  164. <!-- <div class="col">-->
  165. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=48&back=0">-->
  166. <!-- <img src="./images/dFzzxPVZ.png" />-->
  167. <!-- </a>-->
  168. <!-- </div>-->
  169. <!-- <div class="col">-->
  170. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=50&back=0">-->
  171. <!-- <img src="./images/SApKJuTw.png" />-->
  172. <!-- </a>-->
  173. <!-- </div>-->
  174. <!-- <div class="col">-->
  175. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=41&back=0">-->
  176. <!-- <img src="./images/oQBdOVOq.png" />-->
  177. <!-- </a>-->
  178. <!-- </div>-->
  179. <!-- </div>-->
  180. <!-- <div class="row" style="margin-top: 5px">-->
  181. <!-- <div class="col">-->
  182. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=39&back=0">-->
  183. <!-- <img src="./images/cJPButuU.png" />-->
  184. <!-- </a>-->
  185. <!-- </div>-->
  186. <!-- <div class="col">-->
  187. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=61&back=0">-->
  188. <!-- <img src="./images/NNVZjJtv.png" />-->
  189. <!-- </a>-->
  190. <!-- </div>-->
  191. <!-- <div class="col">-->
  192. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=53&back=0">-->
  193. <!-- <img src="./images/yMycTOMo.png" />-->
  194. <!-- </a>-->
  195. <!-- </div>-->
  196. <!-- <div class="col">-->
  197. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=35&back=0">-->
  198. <!-- <img src="./images/mRdSyewi.png" />-->
  199. <!-- </a>-->
  200. <!-- </div>-->
  201. <!-- <div class="col">-->
  202. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=45&back=0">-->
  203. <!-- <img src="./images/otztcURj.png" />-->
  204. <!-- </a>-->
  205. <!-- </div>-->
  206. <!-- <div class="col">-->
  207. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=43&back=0">-->
  208. <!-- <img src="./images/BjoCZptK.png" />-->
  209. <!-- </a>-->
  210. <!-- </div>-->
  211. <!-- </div>-->
  212. <!-- <div class="row" style="margin-top: 5px">-->
  213. <!-- <div class="col">-->
  214. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=36&back=0">-->
  215. <!-- <img src="./images/OrrbzkTZ.png" />-->
  216. <!-- </a>-->
  217. <!-- </div>-->
  218. <!-- <div class="col">-->
  219. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=34&back=0">-->
  220. <!-- <img src="./images/WSWYjOYt.png" />-->
  221. <!-- </a>-->
  222. <!-- </div>-->
  223. <!-- <div class="col">-->
  224. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=40&back=0">-->
  225. <!-- <img src="./images/UfmtmlFy.png" />-->
  226. <!-- </a>-->
  227. <!-- </div>-->
  228. <!-- <div class="col">-->
  229. <!-- </div>-->
  230. <!-- <div class="col">-->
  231. <!-- </div>-->
  232. <!-- <div class="col">-->
  233. <!-- </div>-->
  234. <!-- </div>-->
  235. <!-- </div>-->
  236. <!-- <div class="service">-->
  237. <!-- <h3>人文服务</h3>-->
  238. <!-- <div class="row">-->
  239. <!-- <div class="col">-->
  240. <!-- </div>-->
  241. <!-- <div class="col-6">-->
  242. <!-- <div class="row">-->
  243. <!-- <div class="col">-->
  244. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=55&back=0">-->
  245. <!-- <img src="./images/fvEhErEL.png" />-->
  246. <!-- </a>-->
  247. <!-- </div>-->
  248. <!-- <div class="col">-->
  249. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=56&back=0">-->
  250. <!-- <img src="./images/UDnDdIjg.png" />-->
  251. <!-- </a>-->
  252. <!-- </div>-->
  253. <!-- <div class="col">-->
  254. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=57&back=0">-->
  255. <!-- <img src="./images/LeLEtkeL.png" />-->
  256. <!-- </a>-->
  257. <!-- </div>-->
  258. <!-- </div>-->
  259. <!-- </div>-->
  260. <!-- <div class="col">-->
  261. <!-- </div>-->
  262. <!-- </div>-->
  263. <!-- </div>-->
  264. <!-- <div class="service">-->
  265. <!-- <h3>生活服务</h3>-->
  266. <!-- <div class="row">-->
  267. <!-- <div class="col">-->
  268. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=62&back=0">-->
  269. <!-- <img src="./images/XBDyMKeO.png" />-->
  270. <!-- </a>-->
  271. <!-- </div>-->
  272. <!-- <div class="col">-->
  273. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=64&back=0">-->
  274. <!-- <img src="./images/EYPlbUHZ.png" />-->
  275. <!-- </a>-->
  276. <!-- </div>-->
  277. <!-- <div class="col">-->
  278. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=65&back=0">-->
  279. <!-- <img src="./images/zGaFTOgT.png" />-->
  280. <!-- </a>-->
  281. <!-- </div>-->
  282. <!-- <div class="col">-->
  283. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=66&back=0">-->
  284. <!-- <img src="./images/eOozlBcT.png" />-->
  285. <!-- </a>-->
  286. <!-- </div>-->
  287. <!-- <div class="col">-->
  288. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=67&back=0">-->
  289. <!-- <img src="./images/UWjqfFeW.png" />-->
  290. <!-- </a>-->
  291. <!-- </div>-->
  292. <!-- <div class="col">-->
  293. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=68&back=0">-->
  294. <!-- <img src="./images/XzybEneo.png" />-->
  295. <!-- </a>-->
  296. <!-- </div>-->
  297. <!-- </div>-->
  298. <!-- <div class="row" style="margin-top: 5px">-->
  299. <!-- <div class="col">-->
  300. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=69&back=0">-->
  301. <!-- <img src="./images/KgbPlneX.png" />-->
  302. <!-- </a>-->
  303. <!-- </div>-->
  304. <!-- <div class="col">-->
  305. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=70&back=0">-->
  306. <!-- <img src="./images/HCkOdsmm.png" />-->
  307. <!-- </a>-->
  308. <!-- </div>-->
  309. <!-- <div class="col">-->
  310. <!-- <a class="rcstfwlt" href="javascript:;" data-link="https://www.jucai.gov.cn/rcstfwlt/list?id=71&back=0">-->
  311. <!-- <img src="./images/wWdYhYil.png" />-->
  312. <!-- </a>-->
  313. <!-- </div>-->
  314. <!-- <div class="col">-->
  315. <!-- </div>-->
  316. <!-- <div class="col">-->
  317. <!-- </div>-->
  318. <!-- <div class="col">-->
  319. <!-- </div>-->
  320. <!-- </div>-->
  321. <!-- </div>-->
  322. <!-- </div>-->
  323. <div class="content-block" style="margin-top:-20px;">
  324. <div class="title">
  325. <img src="images/talent_policy.png" />
  326. </div>
  327. <div class="policy row">
  328. <div class="col">
  329. <a class="policyBtn" data-link="./province.html" href="javascript:;">
  330. <img src="images/province.jpg" />
  331. </a>
  332. </div>
  333. <div class="col">
  334. <a class="policyBtn" data-link="./quanzhou.html" href="javascript:;">
  335. <img src="images/city.jpg" />
  336. </a>
  337. </div>
  338. <div class="col">
  339. <a class="policyBtn" data-link="./jinjiang.html" href="javascript:;">
  340. <img src="images/county.jpg" />
  341. </a>
  342. </div>
  343. </div>
  344. </div>
  345. <div class="content-block">
  346. <div class="title">
  347. <img src="images/talent_service.png" />
  348. </div>
  349. <div class="row">
  350. <div class="col" >
  351. <img src="images/qrcode_scan.png" />
  352. </div>
  353. <div class="col">
  354. <a data-link="https://www.jucai.gov.cn" href="javascript:void ();" class="article">
  355. <img src="images/mp_qrcode.png" />
  356. </a>
  357. </div>
  358. </div>
  359. </div>
  360. <div id="footer_fixed_contain" style="height:850px;margin-top: -275px">
  361. <img src="images/buttom.png?v=20210315" style="width:100%;" />
  362. </div>
  363. </div>
  364. <!-- Modal -->
  365. <div class="modal fade " id="myModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  366. <div class="modal-dialog modal-xl modal-dialog-centered">
  367. <div class="modal-content">
  368. <div class="modal-header">
  369. <h5 class="modal-title" id="exampleModalLabel">视频播放</h5>
  370. </div>
  371. <div class="modal-body">
  372. <video id="video" width="1100" controls="controls">
  373. <source src="./video/1.mp4" type="video/mp4" >
  374. </video>
  375. </div>
  376. <div class="modal-footer">
  377. <button type="button" class="btn btn-danger" data-dismiss="modal" style="width: 96px;height: 72px">关闭</button>
  378. </div>
  379. </div>
  380. </div>
  381. </div>
  382. <script src="js/jquery.slim.min.js" type="text/javascript"></script>
  383. <script src="js/popper.min.js" type="text/javascript"></script>
  384. <script src="js/bootstrap.min.js" type="text/javascript"></script>
  385. <script src="js/swiper-bundle.min.js" type="text/javascript"></script>
  386. <script src="layer/layer.js" type="text/javascript"></script>
  387. <script>
  388. $(document).ready(function(){
  389. var galleryThumbs = new Swiper('.gallery-thumbs', {
  390. spaceBetween: 0,
  391. slidesPerView: 4,
  392. freeMode: true,
  393. watchSlidesVisibility: true,
  394. watchSlidesProgress: true,
  395. });
  396. var galleryTop = new Swiper('.gallery-top', {
  397. effect : 'fade',
  398. spaceBetween: 0,
  399. thumbs: {
  400. swiper: galleryThumbs
  401. },
  402. on:{
  403. tap: function(swiper, event){
  404. if(this.activeIndex == 0 || this.activeIndex == 1 || this.activeIndex == 2 || this.activeIndex == 3 || this.activeIndex == 4){
  405. //document.getElementById('video').setAttribute("src", './video/'+(this.activeIndex+1)+".mp4");
  406. document.getElementById('video').setAttribute("src", './video/'+(this.activeIndex+1)+".mp4");
  407. $('#myModal').modal({})
  408. }
  409. }
  410. }
  411. });
  412. $('#myModal').on('shown.bs.modal', function (event) {
  413. document.getElementById("video").play();
  414. });
  415. $('#myModal').on('hidden.bs.modal', function (event) {
  416. document.getElementById("video").pause();
  417. });
  418. $(".rcstfwlt").on('click',function () {
  419. var url = $(this).data('link');
  420. console.log(url)
  421. layer.open({
  422. title: false,
  423. type: 2,
  424. area: ['600px','800px'],
  425. shadeClose: true,
  426. content: url
  427. });
  428. });
  429. $(".article").on('click',function () {
  430. var url = $(this).data('link');
  431. layer.open({
  432. title: false,
  433. type: 2,
  434. area: ['1440px','1500px'],
  435. shadeClose: true,
  436. content: url
  437. });
  438. });
  439. $(".policyBtn").on('click',function () {
  440. var url = $(this).data('link');
  441. if(url == ''){
  442. layer.msg('政策建设中!!!');
  443. }else{
  444. layer.open({
  445. title: false,
  446. type: 2,
  447. area: ['1200px','800px'],
  448. shadeClose: true,
  449. content: url
  450. });
  451. }
  452. });
  453. });
  454. </script>
  455. </body>
  456. </html>