c5662a9d86787ba53b35e559eaf620f5.php 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
  7. <meta name="renderer" content="webkit">
  8. <title>{content:title}-{pboot:sitetitle}</title>
  9. <meta name="keywords" content="{content:keywords}">
  10. <meta name="description" content="{content:description}">
  11. <link rel="stylesheet" href="{pboot:sitedomain}/skin/css/swiper.min.css">
  12. <link rel="stylesheet" href="{pboot:sitedomain}/skin/css/style.css">
  13. <link rel="stylesheet" href="{pboot:sitedomain}/skin/css/media.css">
  14. <link rel="stylesheet" href="{pboot:sitedomain}/skin/css/animate.min.css">
  15. <script type="text/javascript" src="{pboot:sitedomain}/skin/js/jquery.min.js"></script>
  16. <script type="text/javascript" src="{pboot:sitedomain}/skin/js/swiper.min.js"></script>
  17. <script type="text/javascript" src="{pboot:sitedomain}/skin/js/wow.min.js"></script>
  18. <script type="text/javascript" src="{pboot:sitedomain}/skin/js/jquery.countup.min.js"></script>
  19. <script type="text/javascript" src="{pboot:sitedomain}/skin/js/main.js"></script>
  20. </head>
  21. <body class="menu-bg">
  22. <!--头部-->
  23. <div class="header">
  24. <div class="header-content">
  25. <div class="header-logo"> <a href="{pboot:sitedomain}/" class="logo"> <img class="img1" src="{pboot:sitelogo}"> <img class="img2" src="{label:logo2}"> </a> </div>
  26. <div class="header-nav">
  27. <div class="nav-box">
  28. <li><a href="{pboot:sitedomain}/" class="{pboot:if(0=='{sort:scode}')}cur{/pboot:if} nav">首页</a> </li>
  29. {pboot:nav}
  30. <li><a href="[nav:link]" class="{pboot:if('[nav:scode]'=='{sort:tcode}')}cur{/pboot:if} nav">[nav:name]</a>
  31. {pboot:if([nav:soncount]>0)}
  32. <ul class="one" style="display: none;">
  33. {pboot:2nav parent=[nav:scode]}
  34. <li><a href="[2nav:link]">[2nav:name]</a>
  35. <ul class="two" style="display: none;">
  36. {pboot:3nav parent=[2nav:scode]}
  37. <li><a href="[3nav:link]">[3nav:name]</a></li>
  38. {/pboot:3nav}
  39. </ul>
  40. </li>
  41. {/pboot:2nav}
  42. </ul>
  43. {/pboot:if}
  44. </li>
  45. {/pboot:nav} </div>
  46. <div class="header-search"> <img class="search1" src="{pboot:sitedomain}/skin/images/search1.png"> <img class="search2" src="{pboot:sitedomain}/skin/images/search2.png"> </div>
  47. </div>
  48. </div>
  49. </div>
  50. <div class="mheader">
  51. <div class="mheader-content">
  52. <ul>
  53. <a href="{pboot:sitedomain}/" class="mlogo"> <img class="img1" src="{pboot:sitelogo}"> <img class="img2" src="{label:logo2}"> </a>
  54. <div class="header-search"> <img class="msearch1" src="{pboot:sitedomain}/skin/images/search1.png"> <img class="msearch2" src="{pboot:sitedomain}/skin/images/search2.png"> </div>
  55. <div class="menu-toggle"><a href="#nav-box" class="nav-trigger"><span class="nav-open"></span><span class="nav-close"></span></a></div>
  56. </ul>
  57. </div>
  58. <nav class="nav-container" id="nav-box">
  59. <div class="nav-wrapper">
  60. <ul class="onenav">
  61. <li><a href="{pboot:sitedomain}/">首页</a></li>
  62. {pboot:nav}
  63. <li> <a href="[nav:link]" {pboot:if('[nav:scode]'=='{sort:tcode}')}class="curr"{/pboot:if}>[nav:name]</a>
  64. {pboot:if([nav:soncount]>0)}<div class="twonav" href="javascript:;"></div>{/pboot:if}
  65. <ul class="nav-inner" style="overflow: hidden; display: none;">
  66. {pboot:2nav parent=[nav:scode]}
  67. <a href="[2nav:link]">[2nav:name]</a>
  68. {pboot:if([2nav:soncount]>0)}<div class="threenav" href="javascript:;" onclick="shownav(product[2nav:i])"></div>{/pboot:if}
  69. <div class="shownav-c {pboot:if('[2nav:scode]'=='{sort:tcode}')}cur{/pboot:if}" id="product[2nav:i]">
  70. <ul>
  71. <li>
  72. {pboot:3nav parent=[2nav:scode]}
  73. <a href="[3nav:link]" class="">[3nav:name]</a>
  74. {/pboot:3nav}
  75. </li>
  76. </ul>
  77. </div>
  78. {/pboot:2nav}
  79. </ul>
  80. </li>
  81. {/pboot:nav}
  82. </ul>
  83. </div>
  84. </nav>
  85. </div>
  86. <div class="search-box">
  87. <div class="search-box-bg"></div>
  88. <form class="search-form clear" method="post" action="{pboot:scaction}">
  89. <input class="search-text" name="keyword" required placeholder="请输入搜索内容">
  90. <input class="search-submit" type="submit">
  91. </form>
  92. </div>
  93. <script type="text/javascript" src="{pboot:sitedomain}/skin/js/header.js"></script>
  94. <!--内容-->
  95. {pboot:sort scode={sort:tcode}}
  96. <div id="bann" style="background-image: url([sort:pic]);">
  97. <div class="container">
  98. <div class="t1 wow fadeInUp" data-wow-delay="200ms">[sort:subname]<br>
  99. </div>
  100. <div class="t2 wow fadeInUp" data-wow-delay="300ms"> <span>[sort:def1]</span> </div>
  101. </div>
  102. </div>
  103. {/pboot:sort}
  104. <div class="nav_pc hide wow fadeInLeft" id="nav" data-wow-delay="400ms">
  105. <div class="container"> <a class="home" href="{pboot:sitedomain}/"><img src="{pboot:sitedomain}/skin/images/home_ico.png" style="background-color: #0f6ab4;" alt=""></a>
  106. <div class="first">
  107. <h4>{sort:topname}</h4>
  108. <ul>
  109. {pboot:nav}
  110. <li><a href="[nav:link]">[nav:name]</a></li>
  111. {/pboot:nav}
  112. </ul>
  113. </div>
  114. <div class="second active">
  115. <h4> {sort:name} </h4>
  116. <ul>
  117. {pboot:nav num=50 parent={sort:tcode}}
  118. <li><a href="[nav:link]">[nav:name]</a></li>
  119. {/pboot:nav}
  120. </ul>
  121. </div>
  122. </div>
  123. </div>
  124. <div class="nav_phone hide container ">
  125. <p>{pboot:position}</p>
  126. </div>
  127. <div id="product_dt">
  128. <div class="container">
  129. <div class="product-detail">
  130. <div class="tops-box">
  131. <div class="banner wow fadeInUp" data-wow-delay="200ms">
  132. <div class="swiper-container swiper-pro">
  133. <div class="swiper-wrapper">
  134. {pboot:pics id={content:id} num=10}
  135. <div class="swiper-slide" style="background-image:url('[pics:src]');"> <img src="[pics:src]" alt=""> </div>
  136. {/pboot:pics}
  137. </div>
  138. </div>
  139. <div class="swiper-pagination swiper-pagination-pro"></div>
  140. </div>
  141. <div class="info-box">
  142. <div class="title-box">
  143. <p class="t1 wow fadeInUp" data-wow-delay="100ms">{content:title}</p>
  144. </div>
  145. <div class="desc wow fadeInUp" data-wow-delay="300ms">{content:content drophtml=1 dropblank=1 len=300 more='...'}</div>
  146. <div class="bottoms wow fadeInUp" data-wow-delay="400ms"> {pboot:sort scode=22}<a href="[sort:link]#message" class="query">产品咨询</a>{/pboot:sort} </div>
  147. </div>
  148. </div>
  149. <div class="pro-cont">
  150. <div class="pro-nav wow fadeInUp" data-wow-delay="500ms">
  151. <div class="item active" data-tab="1">产品介绍</div>
  152. <div class="item" data-tab="2">产品参数</div>
  153. </div>
  154. <div class="content wow fadeInUp maximg" data-wow-delay="300ms" id="cont01">
  155. {content:content}
  156. </div>
  157. <div class="content hide wow fadeInUp maximg" data-wow-delay="300ms" id="cont02">
  158. {content:ext_canshu}
  159. </div>
  160. <div class="content hide wow fadeInUp" data-wow-delay="300ms" id="cont03"><img src=""></div>
  161. <div class="content hide" id="cont04"> </div>
  162. </div>
  163. </div>
  164. </div>
  165. </div>
  166. <!--底部-->
  167. <!-- 返回顶部 -->
  168. <div class="sidebar">
  169. <ul>
  170. {pboot:sort scode=22}<li class="message"> <a href="[sort:link]#message" target="_blank"><img width="24" height="24"
  171. src="{pboot:sitedomain}/skin/images/message_icon.png">客户留言</a> </li>{/pboot:sort}
  172. <li class="telephone"> <a href="javascript:;"><img width="24" height="24"
  173. src="{pboot:sitedomain}/skin/images/telephone_icon.png">{pboot:companyphone}</a> </li>
  174. <li class="wechat"> <a href="javascript:;"><img width="24" height="24"
  175. src="{pboot:sitedomain}/skin/images/wechat_icon.png"></a>
  176. <div class="wechat-code"><img width="188" height="188" alt="微信" src="{pboot:companyweixin}"></div>
  177. </li>
  178. <li class="top"> <a href="javascript:;"><img width="24" height="24"
  179. src="{pboot:sitedomain}/skin/images/top_icon.png"></a> </li>
  180. </ul>
  181. </div>
  182. <!-- 底部 -->
  183. <div class="footer">
  184. <div class="footer-wrapper container clear">
  185. <div class="footer-info">
  186. <div class="footer-info-tel">
  187. <p class="p1">服务热线:</p>
  188. <p class="p2"><a href="tel: {pboot:companyphone}">{pboot:companyphone}</a></p>
  189. </div>
  190. <p class="footer-info-email"><a href="mailto:{pboot:companyemail}">邮箱:{pboot:companyemail}</a></p>
  191. <p class="footer-info-address">地址:{pboot:companyaddress}</p>
  192. </div>
  193. <div class="footer-nav">
  194. {pboot:nav num=3}
  195. <dl>
  196. <dt><a href="[nav:link]">[nav:name]</a></dt>
  197. {pboot:2nav parent=[nav:scode] num=4}
  198. <dd><a href="[2nav:link]"><span>[2nav:name]</span></a></dd>
  199. {/pboot:2nav}
  200. </dl>
  201. {/pboot:nav}
  202. <dl>
  203. <dt><a href="#">常用链接</a></dt>
  204. {pboot:nav num=4}
  205. <dd><a href="[nav:link]"><span>[nav:name]</span></a></dd>
  206. {/pboot:nav}
  207. </dl>
  208. </div>
  209. </div>
  210. <div class="footer-bottom container">
  211. <div class="footer-bottom-left">{pboot:sitecopyright} <a href="https://www.cma.gov.cn/" target="_blank"
  212. rel="nofollow">{pboot:siteicp}</a> <a href="https://www.cma.gov.cn/" target="_blank">中国气象局</a>
  213. <a href="http://gz.cma.gov.cn/" target="_blank">贵州气象局</a> {pboot:sitestatistical}
  214. </div>
  215. </div>
  216. </div>
  217. <div class="mfooter">
  218. <div class="mfooter-top">
  219. <div class="container">
  220. <div class="mfooter-code-tel"> <img src="{pboot:companyweixin}" width="80" height="80">
  221. <div class="telephone">
  222. <p>服务热线:</p>
  223. <span>{pboot:companyphone}</span>
  224. </div>
  225. </div>
  226. <div class="mfooter-address">
  227. <p>地址:{pboot:companyaddress}<br>
  228. 邮箱:{pboot:companyemail}</p>
  229. </div>
  230. </div>
  231. </div>
  232. <div class="mfooter-bottom"> {pboot:sitecopyright}<br>
  233. <a class="mfooter-icp" href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">{pboot:siteicp}</a>
  234. </div>
  235. </div>
  236. <script>
  237. $('.nav_pc .first, .nav_pc .second').on('mouseenter mouseleave', function () {
  238. $(this).children('ul').stop().slideToggle()
  239. });
  240. function displaySubMenu(li) {
  241. var subMenu = li.getElementsByTagName("ul")[0]; subMenu.style.display = "block";
  242. }
  243. function hideSubMenu(li) {
  244. var subMenu = li.getElementsByTagName("ul")[0]; subMenu.style.display = "none";
  245. }
  246. var pro_banner= new Swiper('.swiper-container', {
  247. speed:1000,
  248. loop:true,
  249. autoplay: {
  250. delay: 5000,
  251. stopOnLastSlide: false,
  252. disableOnInteraction: false,
  253. },
  254. pagination: {
  255. el: '.swiper-pagination',
  256. clickable: true,
  257. },
  258. });
  259. $(".product-detail .pro-cont .pro-nav .item").click(function () {
  260. $(this).addClass("active").siblings(".item").removeClass("active");
  261. var tab=$(this).attr("data-tab");
  262. // console.log("tab="+tab);
  263. $(".product-detail .pro-cont .content").addClass("hide");
  264. $("#cont0"+tab).removeClass("hide");
  265. });
  266. </script>
  267. </body>
  268. </html>
  269. <?php return array (
  270. 0 => 'D:/phpstudy_pro/WWW/web/template/default/head.html',
  271. 1 => 'D:/phpstudy_pro/WWW/web/template/default/foot.html',
  272. ); ?>