PageSourceSearch

https://timxon.com/en/product-2.html

html timxon.com collected 2026-10-02 06:40:10 UTC 56,464 bytes, 1,198 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5  <meta charset="UTF-8" />
6  <!-- mate、link 调用 -->
7  <title>Shenzhen Timxon Energy Technology Co. Ltd. AC 7KW/11KW/22KW EV charger-SHENZHEN TIMXON ENERGY TECHNOLOGY CO. LTD.is a global EV charger company</title>
8<meta name="keywords" content="Shenzhen Timxon Energy Technology Co. Ltd is a global EV charger company,DC ChargerEV ChargerAC EV ChargerAC WallboxPortable EV ChargerPLC EVCCPLC SECC CCS Simulator"/>
9<meta name="description" content="SHENZHEN TIMXON ENERGY TECHNOLOGY CO. LTD.is a global EV charger company Gregying provides you with reliable safe and green energy services through advanced technological innovation.,SHENZHEN TIMXON ENERGY TECHNOLOGY CO. LTD.is a global EV charger company Gregying provides you with reliable safe and green energy services through advanced technological innovation."/>
10
11<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
12<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
13<meta name="format-detection" content="telephone=no" />
14<meta name="apple-mobile-web-app-capable" content="yes" />
15<meta name="apple-mobile-web-app-status-bar-style" content="white" />
16<meta name="apple-mobile-web-app-capable" content="yes" />
17<link rel="shortcut icon" href="http://timxon.com/uploads/log/log.ico" />
18<link rel="bookmark" href="http://timxon.com/uploads/log/log.ico" />
19<link rel="stylesheet" href="/webfile/en/css/reset.css" />
20<link rel="stylesheet" href="/webfile/en/css/animate.css" />
21<link rel="stylesheet" href="/webfile/en/css/common.css" />
22  <!-- mate、link 调用 -->
23  <!-- Modernizr 检测用户浏览器HTML5和CSS3能力-->
24  
24<script type="text/javascript" src="/webfile/en/js/modernizr.js"></script>
24
25  <link rel="stylesheet" href="/webfile/en/css/swiper4.min.css" />
26  <link rel="stylesheet" href="/webfile/en/css/style.css" /><!-- 当前页面样式 -->
27  <style>
28    .pro_part03_btn {
29      padding: 8px 0px;
30      border-radius: 20px;
31      color: #fff;
32      font-size: 16px;
33      margin: 15px auto;
34      background-color: var(--mainColor);
35      display: block;
36      text-align: center;
37      width: 120px;
38      white-space: nowrap;
39    }
40
41    .pro_part03_cont {
42      flex-wrap: wrap;
43      gap: 20px;
44      justify-content: flex-start;
45    }
46
47    .pro_part03_img {
48      margin: 0;
49      width: calc((100% / 5) - 18px);
50    }
51
52    .pro_part03_item {
53      width: 100%;
54    }
55
56    .pro_part_item {
57      margin: 40px 0;
58    }
59
60    .pro_part01_img {
61      width: 40%;
62    }
63
64    .pro_part01_img img {
65      /*width: 100%;*/
66      object-fit: contain;
67      min-width: initial;
68      max-height: 350px;
69    }
70
71    .pro_part01_txt {
72      width: 40%;
73    }
74
75    @media (max-width:1080px) {
76      .pro_part03_btn {
77        font-size: 14px;
78        padding: 5px 0;
79        width: 100px;
80        margin: 10px auto;
81      }
82
83      .pro_part03_cont {
84        gap: 10px;
85      }
86
87      .pro_part03_img {
88        margin: 0;
89        width: calc((100% / 4) - 13px);
90      }
91    }
92
93    @media (max-width:769px) {
94      .pro_part01_img {
95        width: 100%;
96      }
97
98      .pro_part01_txt {
99        width: 100%;
100      }
101    }
102
103    @media (max-width:580px) {
104      .pro_part03_btn {
105        font-size: 12px;
106        padding: 5px 0;
107        width: 100px;
108        margin: 10px auto;
109      }
110
111      .pro_part03_cont {
112        gap: 10px;
113      }
114
115      .pro_part03_img {
116        margin: 0;
117        width: calc((100% / 2) - 5px);
118      }
119    }
120  </style>
121</head>
122
123<body ontouchstart="">
124  <!-- 头部导航栏 start -->
125  <header class="header">
126  <div class="header-main main2 flexbox">
127  <div class="header-logo2"><a href="/en.html" title="Home"><img src="/uploads/log/log.png" alt="Shenzhen Timxon Energy Technology Co. Ltd is a global EV charger company" /></a></div>
128    <!-- <div class="nav-share"></div> -->
129    <div class="icon-nav-btn" id="navtop">
130      <span class="nav-line01"></span>
131      <span class="nav-line02"></span>
132      <span class="nav-line03"></span>
133    </div>
134    <!-- <div class="header-rightBox flexbox">
135
136    </div> -->
137    
138    <div class="header-nav">
139      <ul class="flexbox">
140                    <li id="in1">
141              <a href="/en/product.html">Products</a>
142              <span class="arrow2"></span>
143              <div class="navBar">
144                <div class="flexbox navBar-cont navBar-cont2">
145                  <!-- 二级导航 -->
146                  <ul class="navBar-left">
147                    <!-- 选择类:navBarActive -->
148                                          <li class="navBarActive">
149                        <a href="/en/product-2.html" class="navBar_item">
150                          <img src="/uploads/admin/image/20230330/8c4846e2e18a04ee61c25b688f92f1d5.jpg" alt="">
151                                                      <p>Type 2 A0 Smart AC Charging Point</p>
152                            <span>Type 2 A0 AC Charger</span>
153                                                    </a>
154                      </li>
155                                          <li >
156                        <a href="/en/product-3.html" class="navBar_item">
157                          <img src="/uploads/admin/image/20230406/b85f59093a4893f0c5d0542709f657bc.jpg" alt="">
158                                                      <p>Portable charging</p>
159                            <span>IC-CPD Portable EV Charger</span>
160                                                    </a>
161                      </li>
162                                          <li >
163                        <a href="/en/product-7.html" class="navBar_item">
164                          <img src="/uploads/admin/image/20230705/b82e3d1d2c62c8b32f9dba26ac2306bf.png" alt="">
165                                                      <p>Type1  AS Smart AC Charging Point</p>
166                            <span>Type 1  AS Smart AC Charger</span>
167                                                    </a>
168                      </li>
169                                          <li >
170                        <a href="/en/product-1.html" class="navBar_item">
171                          <img src="/uploads/admin/image/20230705/93645fc3da0bd139fcc4349f95a24636.png" alt="">
172                                                      <p>DC charging</p>
173                            <span>CCS1&amp;CCS2/Fast DC Charger</span>
174                                                    </a>
175                      </li>
176                                          <li >
177                        <a href="/en/product-5.html" class="navBar_item">
178                          <img src="/uploads/admin/image/20230406/8a525200f2927b4003aa2bcc5511e0d1.jpg" alt="">
179                                                      <p>CCS Simulator&amp;PLC</p>
180                            <span>CCS Simulator&amp;PLC</span>
181                                                    </a>
182                      </li>
183                                      </ul>
184                </div>
185              </div>
186            </li>
187            
188                    <li id="in2">
189              <a href="/en/solution.html">Solution</a>
190              <span class="arrow2"></span>
191              <div class="navBar">
192                <div class="flexbox navBar-cont navBar-cont2">
193                  <!-- 二级导航 -->
194                  <ul class="navBar-left">
195                    <!-- 选择类:navBarActive -->
196                                          <li >
197                        <a href="/en/solution-19.html" class="navBar_item">
198                          <img src="/uploads/admin/image/20230329/cd3dd1f5ba2ed392a0303ae8f5eb53fb.jpg" alt="">
199                                                      <p>Home use</p>
200                            <span>EV charging solution  for family use</span>
201                                                    </a>
202                      </li>
203                                          <li >
204                        <a href="/en/solution-20.html" class="navBar_item">
205                          <img src="/uploads/admin/image/20230407/9ae49e867370bf62110d9817b363372d.jpg" alt="">
206                                                      <p>Commercial Use</p>
207                            <span>Commercial use for various applications hotel apartment parking lot etc.</span>
208                                                    </a>
209                      </li>
210                                          <li >
211                        <a href="/en/solution-21.html" class="navBar_item">
212                          <img src="/uploads/admin/image/20230718/2f1a1e415912fb42d1034064ed526482.png" alt="">
213                                                      <p>DC EV Charging Solution</p>
214                            <span>For public transportation hubs such as train stations bus stations airports etc.</span>
215                                                    </a>
216                      </li>
217                                      </ul>
218                </div>
219              </div>
220            </li>
221            
222                    <li id="in3">
223              <a href="/en/partner.html">Partner</a>
224              <span class="arrow2"></span>
225              <div class="navBar">
226                <div class="flexbox navBar-cont navBar-cont2">
227                  <!-- 二级导航 -->
228                  <ul class="navBar-left">
229                    <!-- 选择类:navBarActive -->
230                                          <li >
231                        <a href="/en/partner-22.html" class="navBar_item">
232                          <img src="/uploads/admin/image/20230621/27aded290d70650243dea94853e639e5.jpg" alt="">
233                                                      <p>Contractors</p>
234                            <span></span>
235                                                    </a>
236                      </li>
237                                          <li >
238                        <a href="/en/partner-23.html" class="navBar_item">
239                          <img src="/uploads/admin/image/20230621/95e1b8d11c002b166cbfb0aabe5904d1.jpg" alt="">
240                                                      <p>Global trade</p>
241                            <span></span>
242                                                    </a>
243                      </li>
244                                          <li >
245                        <a href="/en/partner-24.html" class="navBar_item">
246                          <img src="/uploads/admin/image/20230712/1fdd073321d7f44827f6fbd468791030.png" alt="">
247                                                      <p>Installer</p>
248                            <span></span>
249                                                    </a>
250                      </li>
251                                          <li >
252                        <a href="/en/partner-25.html" class="navBar_item">
253                          <img src="/uploads/admin/image/20230717/1526ed7ee4bcbddba85feebbd8be4214.png" alt="">
254                                                      <p>Energy suppliers</p>
255                            <span></span>
256                                                    </a>
257                      </li>
258                                          <li >
259                        <a href="/en/partner-26.html" class="navBar_item">
260                          <img src="/uploads/admin/image/20230717/c19734abc17a63dfaae00b2ac838b8ca.png" alt="">
261                                                      <p>EV Manufacturer</p>
262                            <span></span>
263                                                    </a>
264                      </li>
265                                          <li >
266                        <a href="/en/partner-50.html" class="navBar_item">
267                          <img src="/uploads/admin/image/20230717/8a7d7d0245939c21ac6b989569ee5a2a.png" alt="">
268                                                      <p>End User</p>
269                            <span></span>
270                                                    </a>
271                      </li>
272                                      </ul>
273                </div>
274              </div>
275            </li>
276            
277                    <li id="in4">
278              <a href="/en/service.html">Service</a>
279              <span class="arrow2"></span>
280              <div class="navBar">
281                <div class="flexbox navBar-cont navBar-cont2">
282                  <!-- 二级导航 -->
283                  <ul class="navBar-left">
284                    <!-- 选择类:navBarActive -->
285                                          <li >
286                        <a href="/en/service-30.html" class="navBar_item">
287                          <img src="/uploads/admin/image/20230328/582d47b270b372b90f9f8eedcf6bfb13.jpg" alt="">
288                                                      <p>News</p>
289                            <span></span>
290                                                  </a>
291                      </li>
292                                          <li >
293                        <a href="/en/service-31.html" class="navBar_item">
294                          <img src="/uploads/admin/image/20230328/7cc1779ff9f33dfa2c326c6e1daece4a.jpg" alt="">
295                                                      <p>Support</p>
296                            <span></span>
297                                                  </a>
298                      </li>
299                                          <li >
300                        <a href="/en/service-32.html" class="navBar_item">
301                          <img src="/uploads/admin/image/20230328/e3aa4dc99fc8c8ea96e47c68e3b4a37f.jpg" alt="">
302                                                      <p>Download</p>
303                            <span></span>
304                                                  </a>
305                      </li>
306                                      </ul>
307                </div>
308              </div>
309            </li>
310            
311                    <li id="in5">
312              <a href="/en/knowledge.html">Knowledge</a>
313              <span class="arrow2"></span>
314              <div class="navBar">
315                <div class="flexbox navBar-cont navBar-cont2">
316                  <!-- 二级导航 -->
317                  <ul class="navBar-left">
318                    <!-- 选择类:navBarActive -->
319                                          <li >
320                        <a href="/en/knowledge-33.html" class="navBar_item">
321                          <img src="/uploads/admin/image/20230328/bf99b1625bf20e515fb878d4370b0d92.jpg" alt="">
322                                                      <p>Blog</p>
323                            <span></span>
324                                                  </a>
325                      </li>
326                                          <li >
327                        <a href="/en/knowledge-34.html" class="navBar_item">
328                          <img src="/uploads/admin/image/20230328/d30793436fbf8a2da2e3fbf49bdfd2c1.jpg" alt="">
329                                                      <p>FAQ</p>
330                            <span></span>
331                                                  </a>
332                      </li>
333                                      </ul>
334                </div>
335              </div>
336            </li>
337            
338                    <li id="in6">
339              <a href="/en/career.html">Career</a>
340              <span class="arrow2"></span>
341              <div class="navBar">
342                <div class="flexbox navBar-cont navBar-cont2">
343                  <!-- 二级导航 -->
344                  <ul class="navBar-left">
345                    <!-- 选择类:navBarActive -->
346                                          <li >
347                        <a href="/en/career-35.html" class="navBar_item">
348                          <img src="/uploads/admin/image/20230328/9d394115543954a000adf6780e1f459b.jpg" alt="">
349                                                      <p>Job</p>
350                            <span></span>
351                                                  </a>
352                      </li>
353                                          <li >
354                        <a href="/en/career-36.html" class="navBar_item">
355                          <img src="/uploads/admin/image/20230328/85c2cab50551f1c31841ab9d8b6bcd99.jpg" alt="">
356                                                      <p>impression</p>
357                            <span></span>
358                                                  </a>
359                      </li>
360                                      </ul>
361                </div>
362              </div>
363            </li>
364            
365                    <li id="in7">
366              <a href="/en/about.html">About us</a>
367              <span class="arrow2"></span>
368            </li>
369          
370              </ul>
371    </div>
372    
373    <div class="header-right flexbox">
374              <div class="header-right-cont"><a href="http://www.timxon.cn" target="_blank">CN</a><span style="font-size:12px;margin-left:8px;margin-right:8px;color:#ccc;line-height:16px;">|</span><a href="/index.html">GE</a></div>
375      
376      <!--<div class="header-right-search"><img src="/webfile/en/images/search.png" alt=""></div>-->
377    </div>
378    <div class="hide header-phoneBox"></div>
379  </div>
380</header>
381
382<!-- 搜索栏 -->
383<!-- <div class="flexbox SearchBar"><input type="text" placeholder="Please enter the search content"><span class="SearchBtn">search</span></div> -->
384<div class="SearchBar">
385  
386  <div class="SearchBar_title flexbox">
387    <p>SEARCH OUR SITE</p>
388    <div class="SearchBar_hide"><img src="/webfile/en/images/SearchBar_hide.png" alt=""></div>
389  </div>
390  
391  <div class="SearchBar_box">
392    <div id="Searchcheck">
393      <div class="SearchBar_input">
394        <input type="text" readonly placeholder="Products">
395      </div>
396      <ul class="hide">
397        <li>Position Name1</li>
398        <li>Position Name2</li>
399        <li>Position Name3</li>
400        <li>Position Name4</li>
401        <li>Position Name5</li>
402        <li>Position Name6</li>
403        <li>Position Name7</li>
404        <li>Position Name8</li>
405      </ul>
406    </div>
407    <div class="SearchBar_input2">
408      <input type="text" placeholder="Search for products">
409      <div class="SearchBar_btn"><img src="/webfile/en/images/search.png" alt=""></div>
410    </div>
411  </div>
412 
413  <div class="SearchBar_cont">
414    <div class="SearchBar_cont_title">Search Results:</div>
415    <a href="/webfile/en/product/index.php">
416      <div class="SearchBar_cont_item flexbox">
417        <div class="SearchBar_item_left">
418          <div class="SearchBar_cp_img">
419            <img src="/webfile/en/images/product-portable-lcd.png" alt="">
420          </div>
421        </div>
422        <div class="SearchBar_item_right">
423          <div class="SearchBar_cp_name">
424            <p>Name of auxiliary materials</p>
425          </div>
426          <div class="SearchBar_cp_intro">
427            <p>Brief introduction and scopeof
428              application of auxiliarymaterialsBrief
429              introduction and scope of ···</p>
430          </div>
431        </div>
432      </div>
433    </a>
434    <a href="/webfile/en/product/index.php">
435      <div class="SearchBar_cont_item flexbox">
436        <div class="SearchBar_item_left">
437          <div class="SearchBar_cp_img">
438            <img src="/webfile/en/images/product-portable-lcd.png" alt="">
439          </div>
440        </div>
441        <div class="SearchBar_item_right">
442          <div class="SearchBar_cp_name">
443            <p>Name of auxiliary materials</p>
444          </div>
445          <div class="SearchBar_cp_intro">
446            <p>Brief introduction and scopeof
447              application of auxiliarymaterialsBrief
448              introduction and scope of ···</p>
449          </div>
450        </div>
451      </div>
452    </a>
453    <a href="/webfile/en/product/index.php">
454      <div class="SearchBar_cont_item flexbox">
455        <div class="SearchBar_item_left">
456          <div class="SearchBar_cp_img">
457            <img src="/webfile/en/images/product-portable-lcd.png" alt="">
458          </div>
459        </div>
460        <div class="SearchBar_item_right">
461          <div class="SearchBar_cp_name">
462            <p>Name of auxiliary materials</p>
463          </div>
464          <div class="SearchBar_cp_intro">
465            <p>Brief introduction and scopeof
466              application of auxiliarymaterialsBrief
467              introduction and scope of ···</p>
468          </div>
469        </div>
470      </div>
471    </a>
472    <a href="/webfile/en/product/index.php">
473      <div class="SearchBar_cont_item flexbox">
474        <div class="SearchBar_item_left">
475          <div class="SearchBar_cp_img">
476            <img src="/webfile/en/images/product-portable-lcd.png" alt="">
477          </div>
478        </div>
479        <div class="SearchBar_item_right">
480          <div class="SearchBar_cp_name">
481            <p>Name of auxiliary materials</p>
482          </div>
483          <div class="SearchBar_cp_intro">
484            <p>
484Brief introduction and scopeof
485              application of auxiliarymaterialsBrief
486              introduction and scope of ···</p>
487          </div>
488        </div>
489      </div>
490    </a>
491  </div>
492</div>
493
494
495<script src="/webfile/en/js/jquery-3.5.1.min.js" charset="utf-8"></script>
vendor: 2 bytes, line 495
495
496<script src="/webfile/en/js/public.js" charset="utf-8"></script>
vendor: 2 bytes, line 496
496
497<script>
498  let Ww = $(window).width();
499  //导航栏是否离开顶部
500  // $(window).scroll(function() {
501  //   let top1 = $('header').offset().top;
502  //   let gun = $('document').scrollTop();
503  //   let top = top1 - gun;
504  //   if (top <= 0 && Ww > 768) {
505  //     $('header').removeClass('header-active');
506  //     $('.header-logo2').removeClass('header-logo-hide').addClass('header-logo-show');
507  //     $('.header-logo').addClass('header-logo-hide');
508  //   } else if (Ww > 768) {
509  //     $('header').addClass('header-active');
510  //     $('.header-logo').removeClass('header-logo-hide').addClass('header-logo-show');
511  //     $('.header-logo2').addClass('header-logo-hide');
512  //   }
513  // })
514  // $(window).resize(function() {
515  //   if (Ww <= 768) {
516  //     $('.header-logo').removeClass('header-logo-hide').addClass('header-logo-show');
517  //     $('.header-logo2').addClass('header-logo-hide');
518  //   } else {
519  //     $('.header-logo2').removeClass('header-logo-hide').addClass('header-logo-show');
520  //     $('.header-logo').addClass('header-logo-hide');
521  //   }
522  // });
523
524  // 大于1080才触发
525  $(function() {
526    if (Ww >= 1080) {
527      // $(".navBar-cont > ul > li").hover(function() {
528      //   $(this).addClass("navBarActive").siblings().removeClass("navBarActive"); //切换选中的按钮高亮状态
529      //   var index = $(this).index(); //获取被按下按钮的索引值,需要注意index是从0开始的
530      //   $(".navBar-right > div").eq(index).show().siblings().hide(); //在按钮选中时在下面显示相应的内容,同时隐藏不需要的框架内容
531      // });
532
533      $(".secList > ul > li").hover(function() {
534        $(this).addClass("secActive").siblings().removeClass("secActive"); //切换选中的按钮高亮状态
535        var index1 = $(this).index(); //获取被按下按钮的索引值,需要注意index是从0开始的
536        $(this).parent().next().children().eq(index1).show().siblings().hide(); //在按钮选中时在下面显示相应的内容,同时隐藏不需要的框架内容
537      });
538    }
539  });
540  $(window).resize(function() {
541    // console.log(Ww)
542    $(function() {
543      if (Ww >= 1080) {
544        // $(".navBar-cont > ul > li").hover(function() {
545        //   $(this).addClass("navBarActive").siblings().removeClass("navBarActive"); //切换选中的按钮高亮状态
546        //   var index = $(this).index(); //获取被按下按钮的索引值,需要注意index是从0开始的
547        //   $(".navBar-right > div").eq(index).show().siblings().hide(); //在按钮选中时在下面显示相应的内容,同时隐藏不需要的框架内容
548        // });
549
550        $(".secList > ul > li").hover(function() {
551          $(this).addClass("secActive").siblings().removeClass("secActive"); //切换选中的按钮高亮状态
552          var index1 = $(this).index(); //获取被按下按钮的索引值,需要注意index是从0开始的
553          $(".secBox > div").eq(index1).show().siblings().hide(); //在按钮选中时在下面显示相应的内容,同时隐藏不需要的框架内容
554        });
555      } else {
556        $('.arrow2').removeClass('arrow2-open')
557        $('.arrow3').removeClass('arrow2-open')
558        $('.arrow2').next().removeClass('autoHeight')
559        $('.arrow3').next().removeClass('autoHeight')
560        // $("navBar").addClass("autoHeight");
561      }
562    });
563  });
564
565  $('.header-right-search').click(function() {
566    if ($('.SearchBar').hasClass('SearchBarActive')) {
567      $('.SearchBar').removeClass('SearchBarActive')
568    } else {
569      $('.SearchBar').addClass('SearchBarActive')
570    }
571  })
572  $('.SearchBar_hide').click(function() {
573    $('.SearchBar').removeClass('SearchBarActive')
574  })
575
576  $('.SearchBtn').click(function() {
577    $('.SearchBar').removeClass('SearchBarActive')
578  })
579
580  var checkUl2 = $('#Searchcheck ul'); //种类下拉框
581
582  // 显示种类下拉
583  $(".SearchBar_input").click(function() {
584    checkUl2.css("display") == "none" ? checkUl2.slideDown("fast") : checkUl2.slideUp("fast");
585  });
586  // 选择类别
587  $('#Searchcheck ul li').click(function() {
588    let txt = $(this).html();
589    $(".SearchBar_input input").val(txt);
590    checkUl2.hide();
591  });
592</script>
592
593  <!-- 头部导航栏 end -->
594
595  <div class="banner">
596    <div class="banner_img">
597      <img src="/uploads/admin/image/20241210/e68657e38400403979296a94b3ba54ea.jpg" alt="">
598    </div>
599  </div>
600
601  <main class="main">
602    <section class="home_part01 home_main pro_part01">
603      <div class="home_part01_title" data-scroll-reveal="enter bottom after 0.1s">
604        <p>Type 2 A0 Smart AC Charging Point</p>
605        <span>Charging solutions for home use,apartment,shopping mall,hotel etc.</span>
606      </div>
607          </section>
608        <!-- <hr class="pro_hr"> -->
609          <!-- 指南 -->
610      <section class="pro_part03">
611        <div class="pro_title" data-scroll-reveal="enter bottom after 0.1s">Application & Photos</div>
612        <div class="pro_part03_cont" data-scroll-reveal="enter bottom after 0.1s">
613                      <div class="pro_part03_img">
614              <img src="/uploads/admin/image/20230713/5b0124917fbad4510fb4892adbdf82c3.jpg" alt="" class="pic">
615                            <a href="/en/solution-19.html"  title="Haushaltsplan"  class="pro_part03_btn">See more</a>
616                          </div>
617                      <div class="pro_part03_img">
618              <img src="/uploads/admin/image/20230724/9eabfbaa74e4650bf026d5b90ef96831.jpg" alt="" class="pic">
619                            <a href="/en/solution-19.html"  title="Haushaltsplan"  class="pro_part03_btn">See more</a>
620                          </div>
621                      <div class="pro_part03_img">
622              <img src="/uploads/admin/image/20250606/a17eb26c38dadc5857739a3cfb47d928.jpg" alt="" class="pic">
623                            <a href="/en/solution-19.html"  title="Haushaltsplan"  class="pro_part03_btn">See more</a>
624                          </div>
625                      <div class="pro_part03_img">
626              <img src="/uploads/admin/image/20250606/9e74eddbf862fb9d1252abf6612e282f.jpg" alt="" class="pic">
627                            <a href="/en/solution-19.html"  title="Haushaltsplan"  class="pro_part03_btn">See more</a>
628                          </div>
629                      <div class="pro_part03_img">
630              <img src="/uploads/admin/image/20250606/080d5ec138a77596dc9d14f7e5487226.jpg" alt="" class="pic">
631                            <a href="/en/solution-19.html"  title="Haushaltsplan"  class="pro_part03_btn">See more</a>
632                          </div>
633                  </div>
634      </section>
635      <div class="pro_hr"></div>
636            <section class="pro_part02" data-scroll-reveal="enter bottom after 0.1s">
637          <div class="pro_title">Product Features</div>
638          <div class="pro_part02_cont">
639            <ul>
640                            <li>
641                <div class="pro_part02_icon"><img src="/uploads/admin/image/20230717/b3b323539dbb98e2ec1a9381995aad61.png" alt=""></div>
642                <p>TUV certification</p>
643              </li>
644                            <li>
645                <div class="pro_part02_icon"><img src="/uploads/admin/image/20230717/009b958edcae90a1ef40febba5dc4f3a.png" alt=""></div>
646                <p>Fast  charging 22KW/11KW/7KW</p>
647              </li>
648                            <li>
649                <div class="pro_part02_icon"><img src="/uploads/admin/image/20230717/39c130bcc1ed305af88571c7b4e997d7.png" alt=""></div>
650                <p>WiFi&amp;Bluetooth 4G/Ethernet</p>
651              </li>
652                            <li>
653                <div class="pro_part02_icon"><img src="/uploads/admin/image/20230717/b8e012e484fc4bb8c69f8274f8dee2e7.png" alt=""></div>
654                <p>DLB &amp;Solar charging</p>
655              </li>
656                            <li>
657                <div class="pro_part02_icon"><img src="/uploads/admin/image/20230717/a957e708c5537679180b9521b0eb799c.png" alt=""></div>
658                <p>Full chain  encryption</p>
659              </li>
660                            <li>
661                <div class="pro_part02_icon"><img src="/uploads/admin/image/20230717/7eb632a945ea495006163be55220a7da.png" alt=""></div>
662                <p>Type A+DC6mA (TUV RCD+RCCB)</p>
663              </li>
664                            <li>
665                <div class="pro_part02_icon"><img src="/uploads/admin/image/20230717/95adb09f0fcffbb407840434cb1a4d19.png" alt=""></div>
666                <p>Multiple security protections</p>
667              </li>
668                            <li>
669                <div class="pro_part02_icon"><img src="/uploads/admin/image/20230717/28bc6888ef9de22a83a216a15d93f63c.png" alt=""></div>
670                <p>IP55,IK10</p>
671              </li>
672                            <li>
673                <div class="pro_part02_icon"><img src="/uploads/admin/image/20230717/805c93d698398a80743b71dc86608778.png" alt=""></div>
674                <p>OCPP,OTA  Smart scheduled charging</p>
675              </li>
676                          </ul>
677          </div>
678        </section>
679        <div class="pro_hr"></div>
680      
681     <!--     <section class="pro_part03">
682      <div class="pro_title" data-scroll-reveal="enter bottom after 0.1s">APPearance manual</div>
683      <div class="pro_part03_cont" data-scroll-reveal="enter bottom after 0.1s">
684              <div class="pro_part03_img"><img src="/uploads/admin/image/20230717/5836926f3398613bc4907251221b82c5.jpg" alt="" class="pic"></div>
685              <div class="pro_part03_img"><img src="/uploads/admin/image/20230717/d89250ea2561e5417900f010d369ee9
6856.jpg" alt="" class="pic"></div>
686            </div>
687    </section>
688    -->
689
690          <section class="pro_part03">
691        <div class="pro_title" data-scroll-reveal="enter bottom after 0.1s">Application & Photos</div>
692        <div class="pro_part03_cont" data-scroll-reveal="enter bottom after 0.1s">
693          <div class="swiper-container">
694            <div class="swiper-wrapper">
695                              <div class="swiper-slide">
696                  <div class="pro_part03_item">
697                    <img src="/uploads/admin/image/20230717/5836926f3398613bc4907251221b82c5.jpg" alt="" class="pic">
698                  </div>
699                </div>
700                              <div class="swiper-slide">
701                  <div class="pro_part03_item">
702                    <img src="/uploads/admin/image/20230717/d89250ea2561e5417900f010d369ee96.jpg" alt="" class="pic">
703                  </div>
704                </div>
705                          </div>
706            <!-- banner切换 -->
707
708          </div>
709        </div>
710      </section>
711      <div class="pro_hr"></div>
712     <!--
713     -->
714
715
716    <!--<section class="pro_part05">
717             <div class="pro_part_item">
718        <div class="pro_part01_img" data-scroll-reveal="enter left after 0.1s"><img src="/uploads/admin/image/20241210/c591b6ddfa794a4e94365b0109b9a5a0.jpg" alt=""></div>
719        <div class="pro_part01_txt" >
720          <p>Type 2 A0 Smart AC Charging Point</p>
721          <span>22KW/11KW/7KW</span>
722        </div>
723      </div>
724      <div class="pro_part05_cont" data-scroll-reveal="enter bottom after 0.1s">
725        <img src="/uploads/admin/image/20230703/c4723eb607725b805ab252c1779b7f41.jpg" alt="">
726        <img class="pro_part05_right_phone hide" src="/uploads/admin/image/20230627/fa831dd2496e4443808b0bffe5aa8e3a.jpg" alt="">
727      </div>
728    </section>
729    <div class="pro_hr"></div>-->
730
731        <section class="pro_part06">
732      <div class="pro_title" data-scroll-reveal="enter bottom after 0.1s">Accessories</div>
733      <div class="pro_part06_cont">
734                <div class="pro_part06_item" data-scroll-reveal="enter bottom after 0.1s">
735          <div class="pro_part06_img"><img src="/uploads/admin/image/20230705/70de1b9b7582ac655676856c5502fbe8.png" alt=""></div>
736          <div class="pro_part06_txt">
737            <p>Type 2 Charger Holder</p>
738            <span>Used for the cable version</span>
739          </div>
740          <div class="pro_part06_btn"><a class="cp-download" href="/uploads/admin/file/20230330/b8179596485ee3bfc03adc6647f0e002.pdf"><span>Download</span></a> <a href="/en/enquiries.html"><span>Enquiries</span></a></div>
741          </a>
742        </div>
743                <div class="pro_part06_item" data-scroll-reveal="enter bottom after 0.1s">
744          <div class="pro_part06_img"><img src="/uploads/admin/image/20230705/8d069e468a43a0591f16d9587bcc67ed.png" alt=""></div>
745          <div class="pro_part06_txt">
746            <p>RFID Card Reader</p>
747            <span>RFID Card Reader of EV charger</span>
748          </div>
749          <div class="pro_part06_btn"><a class="cp-download" href="/uploads/admin/file/20230705/0096f878275cdc2f391d246545696db1.jpg"><span>Download</span></a> <a href="/en/enquiries.html"><span>Enquiries</span></a></div>
750          </a>
751        </div>
752                <div class="pro_part06_item" data-scroll-reveal="enter bottom after 0.1s">
753          <div class="pro_part06_img"><img src="/uploads/admin/image/20230705/fd8f45ace56a72cffa5baf8d12ddd2f8.png" alt=""></div>
754          <div class="pro_part06_txt">
755            <p>Pole</p>
756            <span>Floor-stand use</span>
757          </div>
758          <div class="pro_part06_btn"><a class="cp-download" href="/uploads/admin/file/20230919/992be4199dffede326ff7fbbe217583e.pdf"><span>Download</span></a> <a href="/en/enquiries.html"><span>Enquiries</span></a></div>
759          </a>
760        </div>
761                <div class="pro_part06_item" data-scroll-reveal="enter bottom after 0.1s">
762          <div class="pro_part06_img"><img src="/uploads/admin/image/20230724/2fc7bd31ac413f77d283e782d3e665f8.png" alt=""></div>
763          <div class="pro_part06_txt">
764            <p>Current Transformer</p>
765            <span>Current transformer</span>
766          </div>
767          <div class="pro_part06_btn"><a class="cp-download" href="/uploads/admin/file/20230330/b8179596485ee3bfc03adc6647f0e002.pdf"><span>Download</span></a> <a href="/en/enquiries.html"><span>Enquiries</span></a></div>
768          </a>
769        </div>
770              </div>
771    </section>
772      <div class="pro_hr"></div>
773     
774    <!-- 产品介绍 -->
775
776          <section class="pro_part05">
777                  <div class="pro_part_item">
778            <div class="pro_part01_img" data-scroll-reveal="enter left after 0.1s"><img src="/uploads/admin/image/20230714/8562c01e0a9eb631c38e38e74bb1e6cf.png" alt=""></div>
779            <div class="pro_part01_txt">
780              <p>Type2 A0 Smart AC Charger-cable version</p>
781              <span>Supports WIFI+Bluetooth, 4G, Ethernet; photovoltaic charging, smart home load management; TLS encryption; plug-in charging; smart scheduled charging</span>
782              <a href="/en/service-32.html?level1=4&level2=8" class="partner_part03_btn">See more</a>
783            </div>
784          </div>
785                  <div class="pro_part_item">
786            <div class="pro_part01_img" data-scroll-reveal="enter left after 0.1s"><img src="/uploads/admin/image/20230714/f139b7774331380338eb53dba24b14cb.png" alt=""></div>
787            <div class="pro_part01_txt">
788              <p>Type2 A0 Smart AC Charger-socket version</p>
789              <span>Supports WIFI+Bluetooth, 4G, Ethernet; photovoltaic charging, smart home load management; TLS encryption; plug-in charging; smart scheduled charging</span>
790              <a href="/en/service-32.html?level1=4&level2=8" class="partner_part03_btn">See more</a>
791            </div>
792          </div>
793              </section>
794      <div class="pro_hr"></div>
795    
796    <section class="home_part01 home_main pro_part07">
797      <div class="pro_title" data-scroll-reveal="enter bottom after 0.1s">Download</div>
798      <div class="home_part01_btn pro_part01_btn">
799        <div class="pro_part_nav">
800         <!--  -->
801          <button class="btnActive" >Download</button>
802          <button>Video</button>
803        </div>
804      </div>
805      <ul class="pro_part_list">
806        <!-- <li class="pro_part_item">
807                  </li>  -->
808
809        <li class="pro_part_item ">
810          <div class="partner_part03_cont">
811            <div class="partner_part03_item">
812              <div class="partner_part03_img"><img src="/uploads/admin/image/20241210/2eadf95a1c3d25441ef35110c196eb37.jpg" alt=""></div>
813              <div class="partner_part03_txt">
814                <p>Product specifications</p>
815                <span>All technical data about our products and instructions with detailed illustrations of assembly and operation.</span>
816              </div>
817                            <a href="/en/service-32.html?level1=59&level2=60" class="partner_part03_btn">GO TO DOWNLOAD</a>
818                          </div>
819            <div class="partner_part03_line"></div>
820            <div class="partner_part03_item">
821              <div class="partner_part03_img"><img src="/uploads/admin/image/20241210/ca122dc2a225d84d5991b7689dc7a693.jpg" alt=""></div>
822              <div class="partner_part03_txt">
823                <p>Product Introduction Single Page</p>
824                <span>You can find all the datasheet of the products here</span>
825              </div>
826              <a href="/en/service-32.html?level1=4&level2=8" class="partner_part03_btn">GO TO DOWNLOAD</a>
827            </div>
828          </div>
829        </li>
830      <li class="pro_part_item hide">
831          <div class="pro_part01_img"><img src="/uploads/admin/image/20240523/2b57957417a49ab487679912ee9de2f8.jpg" alt=""></div>
832          <div class="pro_part01_txt pro_part07_txt">
833            <p>EV Charger</p>
834            <span></span>
835                          <a href="javascript:void(0)" data-src='/uploads/admin/file/20240523/d205d5396b275141a4cd89cfafcfcb9d.mp4' class="pro_part07_morebtn" type="1" >Broadcast<div class="pro_part07_more_icon"><img src="/webfile/en/images/pro-part07-icon.png" alt=""></div></a>
836                <a href="/en/service-32.html?level1=5&level2=61"  class="pro_part07_morebtn" >More<div class="pro_part07_more_icon"></div></a>
837                                    </div>
838        </li>
839      </ul>
840    </section>
841    <!-- 视频 -->
842    <div class="video_box">
843      <video class="banner_video" src="" controls>
844        <source type="video/mp4">
845        您的浏览器不支持 HTML5 video 标签。
846      </video>
847      <div class="video_qx flexbox">
848        <img src="/webfile/en/images/qx.png" alt="">
849      </div>
850    </div>
851    <div class="video_box2">
852      <div class="video_qx flexbox">
853        <img src="/webfile/en/images/qx.png" alt="">
854      </div>
855    </div>
856  </main>
857  <div id="outerdiv" style="position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:2;width:100%;height:100%;display:none;">
858    <div id="innerdiv" style="position:absolute;">
859      <img id="bigimg" style="border:5px solid #fff;" src="" />
860    </div>
861  </div>
862
863  <!-- 尾部 start -->
864  <footer>
865    <div class="main">
866      <div class="flexbox footer-main">
867        <div class="footer-logo"><img src="/uploads/log/log.png" alt="Shenzhen Timxon Energy Technology Co. Ltd is a global EV charger company">
868            <div class="footer_right">
869                <p>Sign up for TIMXON updates and get 10% off your first order!</p>
870                <div class="flexbox footer_right_input">
871                    <input type="hidden" name="__token__" value="eac3c9095b79daf16273e015d06b0cc3" />                    <input type="text" id="dyemail" placeholder="Please enter your email address">
872                    <a class="footer_right_btn dyokurl dyok" rel="/en/index/dyok.html" href="javascript:void(0);">Subscribe</a>
873                </div>
874               <!--<div class="flexbox footer_right_link footer_right_link2">
875                                            <a href="/en/other-5.html">Building web pages</a>
876                                    </div>-->
877            </div>
878            <div class="flexbox footer_right_link">
879                        <a href="http://timxon.com/index/about.html"><img src="/uploads/admin/image/20230327/35654b8458d9ff50bc1e85aafcd7272c.png" alt=""><img class="hide" src="/uploads/admin/image/20230327/9ea39584d148e271ef5f1849bc9a807c.png" alt=""></a>
880                        <a href="https://www.linkedin.com/company/shenzhen-timxon-energy-technology-co-ltd/posts/?feedView=all&amp;viewAsMember=true"><img src="/uploads/admin/image/20230327/510573bd2f86a727bdc282860538b434.png" alt=""><img class="hide" src="/uploads/admin/image/20230327/d041bf21fb484ccca25918b3052feb75.png" alt=""></a>
881                        <a href="http://timxon.com/index/about.html"><img src="/uploads/admin/image/20230327/c66cfb3283679c42345b0fb8ba90f9f1.png" alt=""><img class="hide" src="/uploads/admin/image/20230327/f3a119cdc6f2ac663047ea5df0828b31.png" alt=""></a>
882                        <a href="http://timxon.com/index/about.html"><img src="/uploads/admin/image/20230327/72fc3e05f747e44cca974fa86da95bc7.png" alt=""><img class="hide" src="/uploads/admin/image/20230327/1e7dcbc41bb49badb53229f8ab8bbc13.png" alt=""></a>
883                        <a href="http://timxon.com/index/about.html">
883<img src="/uploads/admin/image/20230801/fd5003c1c554ac791b027381c82e8f79.png" alt=""><img class="hide" src="/uploads/admin/image/20230801/b616fdcaaf4e007036a302baa78f20ab.png" alt=""></a>
884                        <a href="http://timxon.com/index/about.html"><img src="/uploads/admin/image/20230901/1ed4875166ce6922a0ef401d86699936.png" alt=""><img class="hide" src="/uploads/admin/image/20230901/1076dd9ee822deaf72ee8ad3ef9c7d87.png" alt=""></a>
885                      </div>
886        </div>
887
888          <div class="flexbox footer-nav">
889                            <ul>
890                  <li><a href="javascript:void(0);">Download App</a></li>
891                                     <li><a href="/en/other-97.html"><img src="/uploads/admin/image/20230807/af63036b89846aed2b81f42f729b032b.png" alt="">IOS Download</a></li>
892                                    <li><a href="/en/other-98.html"><img src="/uploads/admin/image/20230807/ef1e1c7ef2405a6da24801460fc373fc.png" alt="">Android download</a></li>
893                                </ul>
894                             <ul>
895                  <li><a href="javascript:void(0);">Shopping Mall</a></li>
896                                     <li><a href="http://timxon.com/web.html">Amazon Mall</a></li>
897                                </ul>
898                             <ul>
899                  <li><a href="javascript:void(0);">Service</a></li>
900                                     <li><a href="https://timxon.com/en/service-30.html">News</a></li>
901                                    <li><a href="/en/other-102.html">Support</a></li>
902                                    <li><a href="/en/other-103.html">Downloads</a></li>
903                                </ul>
904                             <ul>
905                  <li><a href="javascript:void(0);">Explain</a></li>
906                                     <li><a href="/en/other-101.html">Return policy</a></li>
907                                    <li><a href="/en/other-104.html">Privacy Policy</a></li>
908                                    <li><a href="/en/other-105.html">Terms &amp; Conditions</a></li>
909                                </ul>
910               
911          </div>
912
913      </div>
914    </div>
915    <div class="footer-link"></div>
916    <div class="footer-record main">
917      <p class="flexbox"><span><a href="https://beian.miit.gov.cn" target="_blank" rel="nofollow">&copy; Yue ICP Bei No. 20033953</a></span><!--<span class="website-design"><a href="http://www.ni8.com/" target="_blank" rel="nofollow">Support</a></span>--></p>
918    </div>
919</footer>
920<div class="side-bar-btn">
921  <div class="icon"><img src="/webfile/en/images/icon-feedback.png" alt=""></div>
922  <span>Chat with us</span>
923</div>
924
925<div class="side-bar-layer">
926    <div class="side-bar-title">
927        <div class="bar-title">Inquiry Now</div>
928        <div class="close-btn"><img src="/webfile/en/images/icon-down.png" alt=""></div>
929    </div>
930  
931  <div class="form-list">
932    <form action="" class="layui-form" method="post" >
933      <ul class="clearfix">
934          <input type="hidden" name="__token__" value="eac3c9095b79daf16273e015d06b0cc3" />        <li>
935          <input type="text" name="name" maxlength="100" value="" autocomplete="off" class="join-input" lay-verify="" placeholder="Last name">
936        </li>
937        <li>
938          <input type="text" name="email" maxlength="100" value="" autocomplete="off" class="join-input" lay-verify="" placeholder="Email">
939        </li>
940        <li>
941          <input type="text" name="phone" maxlength="100" value="" autocomplete="off" class="join-input" lay-verify="" placeholder="Telphone">
942        </li>
943          <li>
944              <input type="text" name="title" maxlength="100" value="" autocomplete="off" class="join-input" lay-verify="" placeholder="Company">
945          </li>
946        <li>
947          <textarea name="content" id="content" maxlength="1000" lay-verify="" placeholder="Requirement" class="join-textarea"></textarea>
948        </li>
949        <li class="verify-item">
950              <input type="text" name="code" id="code" maxlength="100" value="" autocomplete="off" class="join-input code-input" lay-verify="" placeholder="Verification Code">
951              <div class="code-img"><img class="yzmimg" id="yzmimg" style="margin-right: 0;" src="/captcha.html" rel="/captcha.html" alt="captcha"  onclick="this.src = '/captcha.html?' + Math.random();"></div>
952         </li>
953        <li class="form-btn">
954          <input type="button" value="Contact Us" rel="/en/about/inquirysub.html" class="join-btn" >
955        </li>
956      </ul>
957    </form>
958  </div>
959</div>
960<script src="/webfile/en/layui/layui.all.js"></script>
vendor: 2 bytes, line 960
960
961<script src="/webfile/en/js/mess.js"></script>
vendor: 2 bytes, line 961
961
962<script>
963    let Ww2 = $(window).width();
964    $(function() {
965        if (Ww2 <= 1080) {
966            $('.footer-nav ul li:first-child').click(function() {
967                var index = $(this).parent().index(); //获取被按下按钮的索引值,需要注意index是从0开始的
968                if ($(this).hasClass('footer-arrow')) {
969                    $(this).removeClass('footer-arrow')
970                    $(this).parent().children().css({
971                        'max-height': '0'
972                    })
973                    $(this).parent().css({
974                        'max-height': '500px'
975                    })
976                } else {
977                    $('.footer-nav ul li:first-child').removeClass('footer-arrow')
978                    $('.footer-nav ul li').css({
979                        'max-height': '0'
980                    })
981                    $('.footer-nav ul').css({
982                        'max-height': '500px'
983                    })
984                    $(this).addClass('footer-arrow')
985                    $(this).parent().children().css({
986                        'max-height': '500px'
987                    })
988                    $(this).parent().css({
989                        'max-height': '500px'
990                    })
991                }
992            })
993        }
994    })
995  $('body').on('click','.dyok',function () {
996      var url =$(".dyokurl").attr('rel');
997      var dyemail =$("#dyemail").val();
998      var token =$("input[name='__token__']").val();
999      var yz=/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;
1000      if(dyemail==''){
1001          err("Please enter your email address");
1002          return;
1003      }
1004      if(!yz.test(dyemail)){
1005          err("Please enter the correct email address");
1006          return;
1007      }
1008      loading();
1009      $.ajax({
1010          url:url,
1011          type: 'POST',
1012          data:{dyemail:dyemail,__token__:token},
1013          error: function(){
1014              err("The server is busy, please try again later!");
1015          },
1016          success: function(ret){
1017              loadingc();
1018              err(ret.msg);
1019          }
1020      });
1021
1022  });
1023
1024  $(".side-bar-btn").click(function () {
1025        $(this).addClass('close')
1026        $(".side-bar-layer").addClass('open')
1027    });
1028    $(".side-bar-layer .close-btn").click(function () {
1029        $(".side-bar-btn").removeClass('close')
1030        $(".side-bar-layer").removeClass('open')
1031    });
1032</script>
1032
1033
1034  <!-- 页面滚动 -->
1035  
1035<script src="/webfile/en/js/scrollReveal.js"></script>
1035
1036  
1036<script src="/webfile/en/js/swiper4.min.js"></script>
1036
1037  
1037<script>
1038    // 页面滚动加载动画
1039    // (function() {
1040    //   window.scrollReveal = new scrollReveal({
1041    //     reset: false,
1042    //     move: '50px'
1043    //   });
1044    // })();
1045    GetCurStyle(1);
1046    // 轮播图
1047    var mySwiper = new Swiper('.pro_part03_cont .swiper-container', {
1048
1049      autoplay: {
1050        disableOnInteraction: false,
1051        delay: 5000,
1052      },
1053      loop: true,
1054      loopAdditionalSlides: 3,
1055      slideToClickedSlide: true,
1056      slidesPerView: 5,
1057      spaceBetween: 20,
1058      breakpoints: {
1059        1080: {
1060          direction: 'horizontal',
1061          slidesPerView: 3,
1062          spaceBetween: 20,
1063        },
1064        480: {
1065          direction: 'horizontal',
1066          slidesPerView: 2,
1067          spaceBetween: 10,
1068        }
1069      }
1070    });
1071    // 播放视频
1072    $('.pro_part07_morebtn').click(function() {
1073      let type = $(this).attr('type')
1074      // 链接视频
1075      let src = $(this).data('src')
1076      // ifrem 视频
1077      let url = $(this).data('url')
1078
1079      if (type == 1 || type == 2) {
1080
1081        $('.video_box').css('display', 'block')
1082        $('.video_box > video').attr('src', src)
1083      }
1084      if (type == 3) {
1085
1086        $('.video_box2').css('display', 'block')
1087        $('.video_box2').append(url)
1088      }
1089    })
1090    // 关闭视频弹窗
1091    $('.video_qx > img').click(function() {
1092      $('.video_box2 > iframe').remove()
1093      $('.video_box').css('display', 'none')
1094      $('.video_box2').css('display', 'none')
1095
1096    })
1097
1098    // 打开新窗口,预览pdf文件
1099    $('.cp-download').click(function() {
1100      console.log($(this)[0].href)
1101      window.open($(this)[0].href);
1102      return false;
1103    })
1104
1105    $('.pro_part01 .pro_part_nav > button').click(function() {
1106      let index = $(this).index();
1107      $(this).addClass('btnActive').siblings().removeClass('btnActive');
1108      $('.pro_part01 .pro_part_list li').siblings().fadeOut(100).promise().done(function() {
1109        jQuery('.pro_part01 .pro_part_list li').eq(index).fadeIn(100).css({
1110          'display': 'flex'
1111        });
1112      });
1113    })
1114
1115    $('.pro_part07 .pro_part_nav > button').click(function() {
1116      let index = $(this).index();
1117      $(this).addClass('btnActive').siblings().removeClass('btnActive');
1118      $('.pro_part07 .pro_part_list li').siblings().fadeOut(100).promise().done(function() {
1119        jQuery('.pro_part07 .pro_part_list li').eq(index).fadeIn(100).css({
1120          'display': 'flex'
1121        });
1122      });
1123    })
1124
1125    $('.downloads_part01_list ul li:first-child').click(function() {
1126      var index = $(this).parent().index(); //获取被按下按钮的索引值,需要注意index是从0开始的
1127      if ($(this).hasClass('footer-arrow')) {
1128        $(this).removeClass('footer-arrow')
1129        $(this).parent().children().css({
1130          'max-height': '0'
1131        })
1132        $(this).parent().css({
1133          'max-height': '50px'
1134        })
1135      } else {
1136        $('.downloads_part01_list li:first-child').removeClass('footer-arrow')
1137        $('.downloads_part01_list ul li').css({
1138          'max-height': '0'
1139        })
1140        // $('.downloads_part01_list ul').css({'max-height': '43px'})
1141        $(this).addClass('footer-arrow')
1142        $(this).parent().children().css({
1143          'max-height': '1000px'
1144        })
1145        $(this).parent().css({
1146          'max-height': '1000px'
1147        })
1148      }
1149    })
1150    // 图片放大
1151    $(function() {
1152      $(".pic").click(function() {
1153        var _this = $(this); //将当前的pimg元素作为_this传入函数
1154        imgShow("#outerdiv", "#innerdiv", "#bigimg", _this);
1155      });
1156    });
1157
1158    function imgShow(outerdiv, innerdiv, bigimg, _this) {
1159      var src = _this.attr("src"); //获取当前点击的pimg元素中的src属性
1160      $(bigimg).attr("src", src); //设置#bigimg元素的src属性
1161      /*获取当前点击图片的真实大小,并显示弹出层及大图*/
1162      $("<img/>").attr("src", src).on('load',function() {
1163        var windowW = $(window).width(); //获取当前窗口宽度
1164        var windowH = $(window).height(); //获取当前窗口高度
1165        var realWidth = this.width * 2; //获取图片真实宽度
1166        var realHeight = this.height * 2; //获取图片真实高度
1167        var imgWidth, imgHeight;
1168        var scale = 0.8; //缩放尺寸,当图片真实宽度和高度大于窗口宽度和高度时进行缩放
1169        if (realHeight > windowH * scale) { //判断图片高度
1170          imgHeight = windowH * scale; //如大于窗口高度,图片高度进行缩放
1171          imgWidth = imgHeight / realHeight * realWidth; //等比例缩放宽度
1172          if (imgWidth > windowW * scale) { //如宽度扔大于窗口宽度
1173            imgWidth = windowW * scale; //再对宽度进行缩放
1174          }
1175        } else if (realWidth > windowW * scale) { //如图片高度合适,判断图片宽度
1176          imgWidth = windowW * scale; //如大于窗口宽度,图片宽度进行缩放
1177          imgHeight = imgWidth / realWidth * realHeight; //等比例缩放高度
1178        } else { //如果图片真实高度和宽度都符合要求,高宽不变
1179          imgWidth = realWidth;
1180          imgHeight = realHeight;
1181        }
1182        $(bigimg).css("width", imgWidth); //以最终的宽度对图片缩放
1183        var w = (windowW - imgWidth) / 2; //计算图片与窗口左边距
1184        var h = (windowH - imgHeight) / 2; //计算图片与窗口上边距
1185        $(innerdiv).css({
1186          "top": h,
1187          "left": w
1188        }); //设置#innerdiv的top和left属性
1189        $(outerdiv).fadeIn("fast"); //淡入显示#outerdiv及.pimg
1190      });
1191      $(outerdiv).click(function() { //再次点击淡出消失弹出层
1192        $(this).fadeOut("fast");
1193      });
1194    }
1195  </script>
1195
1196</body>
1197
1198</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.