category_about.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
  1. {template "content","header"}
  2. {template "content","nymenus"}
  3. <div class="n_box1">
  4. {pc:content action="lists" catid="63" order="id DESC" num="1" moreinfo=1}
  5. {loop $data $key $val}
  6. <div class="fr a_img_r">
  7. <div class="a_img_r_t fl">
  8. <span class="s1 bigzm">{$val[since]}</span><br>
  9. {$val[title]}
  10. </div>
  11. <div class="a_img_r_c fl">
  12. {$val[description]}
  13. </div>
  14. <a href="{$CATEGORYS[63]['url']}" class="a_gss_div_l_b2 fl bigzm">view more</a>
  15. <div class="clearboth"></div>
  16. </div>
  17. <a href="{$CATEGORYS[63]['url']}" class="fl a_img Amplification">
  18. <img src="{$val[thumb]}" alt="{$val[title]}">
  19. </a>
  20. {/loop}
  21. {/pc}
  22. <div class="clearboth"></div>
  23. </div>
  24. <section class="i_section">
  25. <div class="bg_blur" data-parallax-background-inertia="0.3">&nbsp;</div>
  26. <div class="a_zpdiv">
  27. <div class="i_con">
  28. <div class="n_lsjldiv">
  29. <div class="n_lsjldiv_t wow fadeInUp" data-wow-delay="0.1s">
  30. {$CATEGORYS[38][catname]}<br>
  31. <span>{$CATEGORYS[38][description]}</span>
  32. </div>
  33. <div class="n_lsjldiv_c wow fadeInUp" data-wow-delay="0.2s">
  34. <div class="tb1">
  35. </div>
  36. <div class="n_lsjldiv_con">
  37. <ul class="n_lsjldiv_con_ul fl">
  38. {pc:content action="lists" catid="38" order=" listorder DESC,id DESC" num="100" moreinfo=1}
  39. {loop $data $key $val}
  40. <li>
  41. <div class="fl s1">
  42. <!-- {date('Y',time($val[inputtime]))} -->
  43. {$val[title]}
  44. </div>
  45. <div class="fl s2">
  46. {$val[description]}
  47. </div>
  48. </li>
  49. {/loop}
  50. {/pc}
  51. </ul>
  52. <div class="clearboth"></div>
  53. </div>
  54. </div>
  55. <a href="{$CATEGORYS[38]['url']}" class="a_gss_div_l_b1 bigzm wow fadeInUp" data-wow-delay="0.3s">view more</a>
  56. </div>
  57. </div>
  58. </div>
  59. </section>
  60. <div class="n_box8">
  61. <div class="n_box8_l fl">
  62. <div class="n_box8_lt bigzm fl wow fadeInUp" data-wow-delay="0.1s">
  63. <span>{$CATEGORYS[39][catname]}</span><br>
  64. {$CATEGORYS[39][description]}
  65. </div>
  66. <div class="n_box8_lc fl wow fadeInUp" data-wow-delay="0.2s">
  67. </div>
  68. <a href="{$CATEGORYS[39]['url']}" class="a_gss_div_l_b2 fl bigzm wow fadeInUp" data-wow-delay="0.3s">view more</a>
  69. <div class="clearboth"></div>
  70. </div>
  71. <div class="n_box8_r fr wow fadeInUp" data-wow-delay="0.3s">
  72. <div class="swiper-container home-swiper7">
  73. <div class="swiper-wrapper">
  74. {pc:content action="lists" catid="39" order="id DESC" num="10" moreinfo=1}
  75. {loop $data $key $val}
  76. <div class="swiper-slide">
  77. <a href="javascript:void(0);" class="a_img Amplification">
  78. <img src="{$val['thumb']}">
  79. </a>
  80. </div>
  81. {/loop}
  82. {/pc}
  83. </div>
  84. <!-- Add Navigation -->
  85. <div class="swiper-pagination home-pagination7 "></div>
  86. <!-- Add Arrows -->
  87. </div>
  88. <link rel="stylesheet" href="{MY_PATH}swiper1/swiper.min.css" />
  89. <script src="{MY_PATH}swiper1/swiper.jquery.min.js"></script>
  90. <script type="text/javascript">
  91. var swiper3 = new Swiper('.home-swiper7', {
  92. pagination: '.home-pagination7',
  93. paginationClickable: true,
  94. autoplay: 5000,
  95. speed: 1000,
  96. slidesPerView: 3,
  97. breakpoints: {
  98. 640: {
  99. slidesPerView: 2
  100. }
  101. }
  102. });
  103. </script>
  104. </div>
  105. <div class="clearboth"></div>
  106. </div>
  107. <section class="i_section">
  108. <div class="bg_blur1" data-parallax-background-inertia="0.3">&nbsp;</div>
  109. <div class="n_box2">
  110. <div class="swiper-container sjs-swiper">
  111. <div class="swiper-wrapper">
  112. {pc:content action="lists" catid="41" order="id DESC" num="10" moreinfo=1}
  113. {loop $data $key $val}
  114. <div class="swiper-slide" data-url="{$val[dp_video]}">
  115. <img src="{$val['thumb']}">
  116. <div class="zc">&nbsp;</div>
  117. <div class="zc_title">{$val['title']}</div>
  118. </div>
  119. {/loop}
  120. {/pc}
  121. </div>
  122. <!-- Add Navigation -->
  123. <!--<div class="swiper-pagination sjs-pagination"></div>-->
  124. <div class="swiper-button-next sjs-next"></div>
  125. <div class="swiper-button-prev sjs-prev"></div>
  126. </div>
  127. <link rel="stylesheet" href="{MY_PATH}swiper1/swiper.min.css" />
  128. <script src="{MY_PATH}swiper1/swiper.jquery.min.js"></script>
  129. <script type="text/javascript">
  130. setTimeout(function() {
  131. var swiper1 = new Swiper('.sjs-swiper', {
  132. pagination: '.sjs-pagination',
  133. paginationClickable: true,
  134. autoplay: 3000,
  135. speed: 1000,
  136. slidesPerView: 2,
  137. prevButton: '.sjs-prev',
  138. nextButton: '.sjs-next',
  139. autoplayDisableOnInteraction: false,
  140. loop: true,
  141. centeredSlides: true,
  142. breakpoints: {
  143. 767: {
  144. slidesPerView: 1,
  145. }
  146. }
  147. });
  148. }, 200);
  149. </script>
  150. </div>
  151. </section>
  152. <div class="ui_div n_bg1">
  153. {template "content","footer"}
  154. </div>
  155. </body>
  156. </html>
  157. <!--弹出视频播放-->
  158. <div class="video_div">
  159. <div class="video_div_closebtv"><img src="{MY_PATH}images/video_btn.png" width="30" height="30"></div>
  160. <div class="video_div_center">
  161. <video poster="" loop="" controls="controls" autoplay="autoplay" src="" width="100%" height="100%" id="video_yscj">
  162. 不支持video
  163. </video>
  164. </div>
  165. </div>
  166. <a href="javascript:void(0);" class="wx_top"><img src="{MY_PATH}images/top.png"></a>
  167. <script type="text/javascript" src="{MY_PATH}stylejs/main.js"></script>
  168. <script src="{MY_PATH}stylejs/wow.min.js" type="text/javascript" charset="utf-8"></script>
  169. <script type="text/javascript">
  170. var wow = new WOW({
  171. boxClass: 'wow',
  172. animateClass: 'animated',
  173. offset: 0,
  174. mobile: true,
  175. live: true
  176. });
  177. wow.init();
  178. </script>