case01.html 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>超犇充电桩</title>
  6. <link href="css/css.css" rel="stylesheet" type="text/css" />
  7. <script src="js/jquery.min.js"></script>
  8. <script src="js/swiper.min.js"></script>
  9. <link href="css/swiper.css" rel="stylesheet" type="text/css">
  10. </head>
  11. <body>
  12. <!--header-->
  13. <div class="header">
  14. <div class="head">
  15. <div class="logo ov"><a href="#"><img src="images/logo_03.png" /></a></div>
  16. <ul class="nav">
  17. <li><a href="index.html">首页<b></b></a></li>
  18. <li>
  19. <a href="case01.html">解决方案<b></b></a>
  20. <div class="panel">
  21. <dl class="second">
  22. <dd class="active"><a href="case01.html">办公场所解决方案</a></dd>
  23. <dd><a href="case02.html">商场地产解决方案</a></dd>
  24. <dd><a href="case03.html">住宅社区解决方案</a></dd>
  25. <dd><a href="case04.html">酒店旅游解决方案</a></dd>
  26. <dd><a href="case05.html">政府解决方案</a></dd>
  27. <dd><a href="case06.html">商业车队解决方案</a></dd>
  28. <dd><a href="case07.html">停车场解决方案</a></dd>
  29. <dd><a href="case08.html">城市公交解决方案</a></dd>
  30. </dl>
  31. <div class="box ov">
  32. <div class="context" style="display: block;"><a href="case01.html">
  33. <div class="title">办公场所解决方案</div>
  34. <div class="thumb"><img src="images/b01.jpg"></div>
  35. <div class="content">超犇为办公场所提供绿色可靠的充电解决方案,为企业的可持续发展保驾护航。</div>
  36. </a></div>
  37. <div class="context" style="display: none;"><a href="case02.html">
  38. <div class="title">商场地产解决方案</div>
  39. <div class="thumb"><img src="images/b02.jpg"></div>
  40. <div class="content">超犇为商业地产提供经济高效的充电解决方案,帮助品牌吸引消费群体并提升认同感。</div>
  41. </a></div>
  42. <div class="context" style="display: none;"><a href="case03.html">
  43. <div class="title">住宅社区解决方案</div>
  44. <div class="thumb"><img src="images/b03.jpg"></div>
  45. <div class="content">超犇为住宅社区提供经济可靠的充电解决方案,满足社区未来充电需求增长的趋势。</div>
  46. </a></div>
  47. <div class="context" style="display: none;"><a href="case04.html">
  48. <div class="title">酒店旅游解决方案</div>
  49. <div class="thumb"><img src="images/b04.jpg"></div>
  50. <div class="content">超犇为酒店经营提供经济便捷的充电解决方案,帮助酒店提升客户美誉度和品牌形象。</div>
  51. </a></div>
  52. <div class="context" style="display: none;"><a href="case05.html">
  53. <div class="title">政府解决方案</div>
  54. <div class="thumb"><img src="images/b05.jpg"></div>
  55. <div class="content">超犇为政府机关提供安全可靠的充电解决方案,以协助城市节能和可持续发展。</div>
  56. </a></div>
  57. <div class="context" style="display: none;"><a href="case06.html">
  58. <div class="title">商业车队解决方案</div>
  59. <div class="thumb"><img src="images/b06.jpg"></div>
  60. <div class="content">超犇为商业车队提供高效可靠的充电解决方案,促进电动商业车队的发展和管理提升。</div>
  61. </a></div>
  62. <div class="context" style="display: none;"><a href="case07.html">
  63. <div class="title">停车场解决方案</div>
  64. <div class="thumb"><img src="images/b07.jpg"></div>
  65. <div class="content">超犇为停车场运营提供经济可靠的充电解决方案,帮助停车场增加运营收入的同时,亦能提升其竞争力。</div>
  66. </a></div>
  67. <div class="context" style="display: none;"><a href="case08.html">
  68. <div class="title">城市公交解决方案</div>
  69. <div class="thumb"><img src="images/b08.jpg"></div>
  70. <div class="content">超犇为公交出行提供绿色经济的充电解决方案,帮助城市电动公交系统实现快速发展。</div>
  71. </a></div>
  72. </div>
  73. </div>
  74. </li>
  75. <li>
  76. <a href="pro01.html">设备和产品<b></b></a>
  77. <div class="panel">
  78. <dl class="second">
  79. <dd class="active">电动两轮充电桩</dd>
  80. <dd>汽车交流充电桩</dd>
  81. <dd>汽车直流充电桩</dd>
  82. <dd><a href="pro10.html">智慧平台</a></dd>
  83. </dl>
  84. <div class="box ov">
  85. <div class="context" style="display:block;">
  86. <div class="third">
  87. <p class="active"><a href="pro09.html" class="" title="B10-GL功率版"><i><img src="images/a051.png"></i> <span>B10-GL功率版</span></a></p>
  88. <p><a href="B10FL.html" class="" title="B10-V6专业版"><i><img src="images/a052.png"></i> <span>B10-V6专业版</span></a></p>
  89. <p><a href="V8.html" class="" title="B10-V8尊享版"><i><img src="images/a053.png"></i> <span>B10-V8尊享版</span></a></p>
  90. <p><a href="B2.html" class="" title="B2大功率智能插座"><i><img src="images/a054.png"></i> <span>B2大功率智能插座</span></a></p>
  91. </div>
  92. <div class="boxs ov">
  93. <div class="third-content" style="display: block;"><a href="pro09.html">
  94. <div class="title">B10-GL十路功率版智能充电桩</div>
  95. <div class="thumb"><img src="images/pb01.jpg" alt="xcharge"></div>
  96. </a></div>
  97. <div class="third-content" style="display: none;"><a href="B10FL.html">
  98. <div class="title">B10-V6专业版智能充电桩</div>
  99. <div class="thumb"><img src="images/pb02.jpg" alt="xcharge"></div>
  100. </a></div>
  101. <div class="third-content" style="display: none;"><a href="V8.html">
  102. <div class="title">B10-V8十路极简电动自行车智能充电桩</div>
  103. <div class="thumb"><img src="img/V8_SP6.png" alt="xcharge"></div>
  104. </a></div>
  105. <div class="third-content" style="display: none;"><a href="B2.html">
  106. <div class="title">B2双路大功率智能插座</div>
  107. <div class="thumb"><img src="images/pb04.jpg" alt="xcharge"></div>
  108. </a></div>
  109. </div>
  110. </div>
  111. <div class="context" style="display:none;">
  112. <div class="third">
  113. <p class="active"><a href="pro01.html" class="" title="C1-JL-01壁挂式交流充电桩"><i><img src="images/a011.png"></i> <span>C1-JL-01壁挂式交流充电桩</span></a></p>
  114. <p><a href="pro02.html" class="" title="C1-JL-02立式交流充电桩"><i><img src="images/a02.png"></i> <span>C1-JL-02立式交流充电桩</span></a></p>
  115. <p><a href="pro03.html" class="" title="C1-JL-03立式交流充电桩"><i><img src="images/a02.png"></i> <span>C1-JL-03立式交流充电桩</span></a></p>
  116. </div>
  117. <div class="boxs ov">
  118. <div class="third-content" style="display: block;"><a href="pro01.html">
  119. <div class="title">C1-JL-01壁挂式交流充电桩</div>
  120. <div class="thumb"><img src="img/C1JL01_B.jpg" alt="xcharge"></div>
  121. </a></div>
  122. <div class="third-content" style="display: none;"><a href="pro02.html">
  123. <div class="title">C1-JL-02立式交流充电桩</div>
  124. <div class="thumb"><img src="images/jl2.png" alt="xcharge"></div>
  125. </a></div>
  126. <div class="third-content" style="display: none;"><a href="pro03.html">
  127. <div class="title">C1-JL-03立式交流充电桩</div>
  128. <div class="thumb"><img src="images/jl3.png" alt="xcharge"></div>
  129. </a></div>
  130. </div>
  131. </div>
  132. <div class="context" style="display:none;">
  133. <div class="third">
  134. <p class="active"><a href="pro04.html" class="" title="C2-YZL-01一体式直流充电桩"><i><img src="images/a03.png"></i> <span>C2-YZL-01一体式直流充电桩</span></a></p>
  135. <p><a href="pro05.html" class="" title="C2-YZL-02一体式直流充电桩"><i><img src="images/a03.png"></i> <span>C2-YZL-02一体式直流充电桩</span></a></p>
  136. <p><a href="pro06.html" class="" title="C2-YZL-03一体式直流充电桩"><i><img src="images/a03.png"></i> <span>C2-YZL-03一体式直流充电桩</span></a></p>
  137. <p><a href="pro07.html" class="" title="C2-FZL-01分体式直流充电桩"><i><img src="images/a04.png"></i> <span>C2-FZL-01分体式直流充电桩</span></a></p>
  138. <p><a href="pro08.html" class="" title="C2-FZL-02分体式直流充电桩"><i><img src="images/a04.png"></i> <span>C2-FZL-02分体式直流充电桩</span></a></p>
  139. </div>
  140. <div class="boxs ov">
  141. <div class="third-content" style="display: block;"><a href="pro04.html">
  142. <div class="title">C2-YZL-01一体式直流充电桩</div>
  143. <div class="thumb"><img src="images/yzl1.png" alt="xcharge"></div>
  144. </a></div>
  145. <div class="third-content" style="display: none;"><a href="pro05.html">
  146. <div class="title">C2-YZL-02一体式直流充电桩</div>
  147. <div class="thumb"><img src="images/yzl2.png" alt="xcharge"></div>
  148. </a></div>
  149. <div class="third-content" style="display: none;"><a href="pro06.html">
  150. <div class="title">C2-YZL-03一体式直流充电桩</div>
  151. <div class="thumb"><img src="images/yzl3.png" alt="xcharge"></div>
  152. </a></div>
  153. <div class="third-content" style="display: none;"><a href="pro07.html">
  154. <div class="title">C2-FZL-01分体式直流充电桩</div>
  155. <div class="thumb"><img src="images/fzl1.png" alt="xcharge"></div>
  156. </a></div>
  157. <div class="third-content" style="display: none;"><a href="pro08.html">
  158. <div class="title">C2-FZL-02分体式直流充电桩</div>
  159. <div class="thumb"><img src="images/fzl2.png" alt="xcharge"></div>
  160. </a></div>
  161. </div>
  162. </div>
  163. <div class="context" style="display:none;"><a href="pro10.html">
  164. <div class="title">运营商平台</div>
  165. <div class="thumb"><img src="images/pt.png" alt="智慧平台"></div>
  166. <div class="content">用于运营商在移动端进行充电桩管理,只需要一部手机就可以完成日常运营管理。</div>
  167. </a></div>
  168. </div>
  169. </div>
  170. </li>
  171. <li><a href="about.html">了解企业<b></b></a></li>
  172. <li><a href="contact.html">联系我们<b></b></a></li>
  173. </ul>
  174. <div class="right">
  175. <div class="top"><a href="#">English</a></div>
  176. <div class="ser ov">
  177. <input type="text" placeholder="搜索" class="text" />
  178. <input type="text" value="" class="sub" />
  179. </div>
  180. </div>
  181. </div>
  182. </div>
  183. <script type="text/javascript">
  184. $(document).ready(function(){
  185. var $tab_li = $('.panel .second dd');
  186. $tab_li.hover(function(){
  187. $(this).addClass('active').siblings().removeClass('active');
  188. var index = $tab_li.index(this);
  189. $('.panel>.box>.context').eq(index).show().siblings().hide();
  190. });
  191. var $tab_lii = $('.context .third p');
  192. $tab_lii.hover(function(){
  193. $(this).addClass('active').siblings().removeClass('active');
  194. var index = $tab_lii.index(this);
  195. $('.context>.boxs>.third-content').eq(index).show().siblings().hide();
  196. });
  197. });
  198. </script>
  199. <!--banner-->
  200. <div class="banner">
  201. <div class="swiper-container">
  202. <div class="swiper-wrapper">
  203. <div class="swiper-slide"><a><img src="images/banner02_02.jpg"></a></div>
  204. <div class="swiper-slide"><a><img src="images/banner02_02.jpg"></a></div>
  205. <div class="swiper-slide"><a><img src="images/banner02_02.jpg"></a></div>
  206. <div class="swiper-slide"><a><img src="images/banner02_02.jpg"></a></div>
  207. </div>
  208. <!-- Add Pagination -->
  209. <div class="swiper-pagination"></div>
  210. </div>
  211. </div>
  212. <script>
  213. var swiper01 = new Swiper('.banner .swiper-container', {
  214. pagination: '.banner .swiper-pagination',
  215. effect: 'flip',
  216. paginationClickable: true,
  217. autoplay:5000,
  218. loop:true
  219. });
  220. </script>
  221. <!--01-->
  222. <div class="cbox01 ov">
  223. <div class="title ov"><p><b><img src="images/title01_22.png" /></b><a>充电服务为公司人员带来便利</a><strong><img src="images/title02_26.png" /></strong></p></div>
  224. <div class="box">
  225. <div class="item ov">
  226. <div class="tu ov"><img src="images/c01_30.jpg" /></div>
  227. <div class="line ov"></div>
  228. <div class="wen ov">增加员工满意度并提升生产力</div>
  229. </div>
  230. <div class="item ov">
  231. <div class="tu ov"><img src="images/c02_33.jpg" /></div>
  232. <div class="line ov"></div>
  233. <div class="wen ov">吸收和留住注重环保的人才</div>
  234. </div>
  235. <div class="item ov">
  236. <div class="tu ov"><img src="images/c03_35.jpg" /></div>
  237. <div class="line ov"></div>
  238. <div class="wen ov">充电服务让企业更有竞争力</div>
  239. </div>
  240. <div class="item ov">
  241. <div class="tu ov"><img src="images/c04_44.jpg" /></div>
  242. <div class="line ov"></div>
  243. <div class="wen ov">低碳环保实现公司环保节能目标</div>
  244. </div>
  245. <div class="item ov">
  246. <div class="tu ov"><img src="images/c05_41.jpg" /></div>
  247. <div class="line ov"></div>
  248. <div class="wen ov">树立城市发展节能环保的品牌形象</div>
  249. </div>
  250. <div class="clear"></div>
  251. </div>
  252. </div>
  253. <!--02-->
  254. <div class="cbox02 ov">
  255. <div class="title ov"><p><b><img src="images/title01_22.png" /></b><a>电动车未来4年内将增长10倍</a><strong><img src="images/title02_26.png" /></strong></p></div>
  256. <div class="box ov" style=" background-image:url(images/cbg_48.jpg);">
  257. <ul>
  258. <li class="c01">
  259. <div class="left ov">
  260. <div class="bt ov">服务员工,工作场所需提供充电服务</div>
  261. <div class="wen ov">我们的员工在选择电动汽车作为出行工具时,充电桩成为了一项受人关注的工作福利,无论收费与否,员工都会感到高兴,具有强烈价值观的年轻英才,也将此作为重要的参考条件。</div>
  262. </div>
  263. <div class="right ov"><img src="images/c221_06.jpg" /></div>
  264. </li>
  265. <li class="c02">
  266. <div class="right ov"><img src="images/c222_09.jpg" /></div>
  267. <div class="left ov">
  268. <div class="bt ov">低碳环保,鼓励员工电动出行</div>
  269. <div class="wen ov">驾驶电动汽车是个人对节能环保的实践。在某些城市,还可享受不限行政策。当员工考虑是否驾驶电动汽车作为日常交通工具时,首先会考虑:我要在公司附近充电。</div>
  270. </div>
  271. </li>
  272. <li class="c03">
  273. <div class="left ov">
  274. <div class="bt ov">超犇将会帮助您实现</div>
  275. <div class="wen ov">超犇的智能充电系统为工作场所充电提供完美的解决方案,智能的充电服务是员工珍视的工作福利。一些富有远见的公司此策略吸引和留住人才,实现可持续发展目标,并在企业社会责任中确立绿色品牌。</div>
  276. </div>
  277. <div class="right ov"><img src="images/c223_11.jpg" /></div>
  278. </li>
  279. </ul>
  280. </div>
  281. <div class="bg ov"></div>
  282. </div>
  283. <!--03-->
  284. <div class="cbox03 ov">
  285. <div class="title ov"><p><b><img src="images/title01_22.png" /></b><a>超犇充电桩的优势</a><strong><img src="images/title02_26.png" /></strong></p></div>
  286. <div class="box">
  287. <div class="item ov">
  288. <strong><img src="images/c31_58.jpg" /></strong>
  289. <p>功能板块</p>
  290. </div>
  291. <div class="item ov">
  292. <strong><img src="images/c32_60.jpg" /></strong>
  293. <p>触摸屏幕</p>
  294. </div>
  295. <div class="item ov">
  296. <strong><img src="images/c33_63.jpg" /></strong>
  297. <p>分时电价</p>
  298. </div>
  299. <div class="item ov">
  300. <strong><img src="images/c34_65.jpg" /></strong>
  301. <p>刷卡发卡合一</p>
  302. </div>
  303. <div class="item ov">
  304. <strong><img src="images/c35_72.jpg" /></strong>
  305. <p>三年质保</p>
  306. </div>
  307. <div class="item ov">
  308. <strong><img src="images/c36_75.jpg" /></strong>
  309. <p>防盗刷卡</p>
  310. </div>
  311. <div class="item ov">
  312. <strong><img src="images/c37_77.jpg" /></strong>
  313. <p>OTA升级</p>
  314. </div>
  315. <div class="item ov">
  316. <strong><img src="images/c38_79.jpg" /></strong>
  317. <p>网线接口</p>
  318. </div>
  319. <div class="clear"></div>
  320. </div>
  321. </div>
  322. <!--04-->
  323. <div class="cbox04 ov">
  324. <div class="title ov"><p><b><img src="images/title01_22.png" /></b><a>适合的产品</a><strong><img src="images/title02_26.png" /></strong></p></div>
  325. <div class="box">
  326. <div class="item ov"><a href="#">
  327. <strong><img src="images/c41_86.jpg" /></strong>
  328. <p>产品型号</p>
  329. </a></div>
  330. <div class="item ov"><a href="#">
  331. <strong><img src="images/c42_88.jpg" /></strong>
  332. <p>产品型号</p>
  333. </a></div>
  334. <div class="item ov"><a href="#">
  335. <strong><img src="images/c43_90.jpg" /></strong>
  336. <p>产品型号</p>
  337. </a></div>
  338. <div class="clear"></div>
  339. </div>
  340. </div>
  341. <!--footer-->
  342. <div class="footer ov">
  343. <div class="foot ov">
  344. <div class="left ov"><img src="images/logo_96.jpg" /></div>
  345. <div class="right ov">
  346. <p>
  347. <a href="case01.html">解决方案和服务</a>
  348. <a href="pro01.html">设备和产品</a>
  349. <a href="#">支持</a>
  350. <a href="about.html">关于企业</a>
  351. </p>
  352. <strong><img src="images/ma_96.jpg" /></strong>
  353. </div>
  354. </div>
  355. <div class="bq ov">Copyright © 祥鼎隆2021 all rights reserved</div>
  356. </div>
  357. </body>
  358. </html>