PageSourceSearch

https://www.huion.com/dealer-search

html huion.com collected 2026-10-02 03:16:50 UTC 115,554 bytes, 3,016 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <title> Huion Dealer Information </title>
8	<meta name="keywords" content="">
9	<meta name="description" content="Find all of authorized Huion dealers worldwide, along with their addresses and contact information.">
10	<meta name="google-site-verification" content="ddr6Bq9baHw9cOj6DrE4qicAdYB6XogpwUP2dvShlNk" />
11	<meta name="facebook-domain-verification" content="xdf0hq2rfbz1hp6kto0lmegfimn0h7" />
12    <link rel="stylesheet" href="/statics/hw/css/NewStyles.css">
13    <link rel="stylesheet" href="/statics/hw/css/H_animation.css">
14    
14<script src="/statics/hw/js/jquery-3.2.1.min.js"></script>
14
15    
15<script src="/statics/hw/js/mode.js"></script>
15
16    
16<script src="/statics/hw/js/modernizr-2.7.1.js"></script>
16
17    
17<script src="/statics/hw/js/Els_tap.js"></script>
17
18    
18<script src="/statics/hw/js/jquery.cookie.js"></script>
18
19
20    <link rel="stylesheet" href="/statics/hw/vue/index.css">
21    
21<script src="/statics/hw/vue/vue.js"></script>
21
22    
22<script src="/statics/hw/vue/index.js"></script>
22
23</head>
24<script>
25    (function () {
26        // ----- 语言基础配置 -----
27        const locales = [
28            { lang: 'en', base: 'https://www.huion.com/' },
29            { lang: 'ja', base: 'https://www.huion.com/jp/' },
30            { lang: 'de', base: 'https://www.huion.com/de/' },
31            { lang: 'fr', base: 'https://www.huion.com/fr/' },
32            { lang: 'es', base: 'https://www.huion.com/es/' },
33            { lang: 'it', base: 'https://www.huion.com/it/' },
34            { lang: 'pt', base: 'https://www.huion.com/pt/' },
35            { lang: 'ko', base: 'https://www.huion.com/kr/' },
36            { lang: 'ru', base: 'https://www.huion.com/ru/' },
37            { lang: 'zh-TW', base: 'https://www.huion.com/tw/' },
38            { lang: 'ar', base: 'https://www.huion.com/ar/' }
39        ];
40
41        // 获取当前完整路径,例如: /ru/products/kamvas-pro-27-144hz
42        const fullPath = window.location.pathname;
43
44        // --- 核心:提取语言后面的真实路径 ---
45        let realPath = '';
46
47        // 方法1:如果是多语言页面,去掉前两段(如 /ru/ 取后面所有)
48        const pathParts = fullPath.split('/').filter(part => part.length > 0);
49
50        if (pathParts.length >= 1) {
51            // 检查第一部分是否是语言代码(ru, jp, de, fr等)
52            const firstPart = pathParts[0];
53            const langCodes = ['en', 'jp', 'de', 'fr', 'es', 'it', 'pt', 'kr', 'ru', 'tw', 'ar'];
54
55            if (langCodes.includes(firstPart)) {
56                // 是语言页面,去掉第一段,取剩下的所有部分
57                realPath = pathParts.slice(1).join('/');
58            } else {
59                // 不是语言页面(如直接访问 /products/xxx)
60                realPath = pathParts.join('/');
61            }
62        }
63
64        // 准备存储新link标签
65        const newLinks = [];
66
67        // 生成每个语言的链接
68        locales.forEach(item => {
69            let href = item.base;
70            if (realPath) {
71                // 如果realPath不为空,直接拼接到base后面
72                href += realPath;
73            }
74            newLinks.push({ rel: 'alternate', hreflang: item.lang, href: href });
75        });
76
77        // x-default
78        let defaultHref = 'https://www.huion.com/';
79        if (realPath) defaultHref += realPath;
80        newLinks.push({ rel: 'alternate', hreflang: 'x-default', href: defaultHref });
81
82        // canonical
83        newLinks.push({ rel: 'canonical', href: window.location.href.split('#')[0] });
84
85        // 注入到head
86        const head = document.head;
87        document.querySelectorAll('link[rel="alternate"], link[rel="canonical"]').forEach(link => link.remove());
88        newLinks.forEach(attrs => {
89            const link = document.createElement('link');
90            Object.entries(attrs).forEach(([k, v]) => link.setAttribute(k, v));
91            if (attrs.rel === 'canonical') link.id = 'canonical';
92            head.appendChild(link);
93        });
94    })();
95</script>
95
96
97
98
99
100
101<body>
102    <style>
103  .center {
104    max-width: 1200px;
105    margin: 0 auto;
106  }
107
108  .text-centered {
109    text-align: center;
110  }
111
112  .H-Search-form {
113    padding-left: 0 !important;
114  }
115
116
117  .H-buy-ico {
118    background: url('/statics/hw/images/huion-all-icon.png') no-repeat -194px -112px !important;
119  }
120  .H-buy-ico-2 {
121    background: url('/statics/hw/images/icon-nor-02.png') no-repeat right 1px;
122  }
123
124  .acitve-all {
125    color: #00bfd6 !important;
126  }
127
128  .newHead {
129    background: url('/statics/hw/images/jianbian2px.png') #000 no-repeat center bottom;
130  }
131
132  .nav-list {
133    float: left;
134    height: 60px;
135    line-height: 60px;
136  }
137
138  .nav-list ul {
139    height: 100%;
140  }
141
142  .nav-list ul li {
143    float: left;
144    margin-right: 50px;
145  }
146
147  .nav-list ul li .link {
148    display: block;
149    height: 59px;
150    color: #fff;
151    font-size: 14px;
152    box-sizing: border-box;
153  }
154
155  .nav-list ul li.acitve-all .link,
156  .nav-list ul li:hover .link {
157    color: #00bfd6;
158    border-bottom: 2px solid #00bfd6;
159  }
160
161  .menu .right-nav {
162    float: right;
163  }
164
165  .top-store {
166    float: left;
167    width: 78px;
168    height: 24px;
169    line-height: 24px;
170    text-align: center;
171    margin-top: 18px;
172    background: #00bfd6;
173    color: #fff;
174    border-radius: 5px;
175    font-size: 14px;
176    padding: 0;
177  }
178
179  .top-store:hover {
180    background: #07aec2;
181  }
182
183  .H-Search {
184    padding: 24px 24px 0 38px;
185  }
186
187  .H-Search .se {
188    background: url(/statics/hw/images/huion-all-icon.png) no-repeat -148px -112px;
189    display: block;
190    width: 16px;
191    height: 16px;
192  }
193
194  #is_login {
195    display: none;
196  }
197
198  .H-buy,
199  .H-buy-2 {
200    margin: 22px 0 0 0;
201  }
202
203  .H-list-ul ul li:hover .menu-sub {
204    /* display: block; */
205  }
206
207  .menu {
208    position: relative;
209  }
210
211  .menu-sub {
212    width: 100%;
213    background: #fff;
214    position: absolute;
215    top: 60px;
216    left: 0;
217    -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 10%);
218    box-shadow: 0 1px 5px rgb(0 0 0 / 10%);
219    line-height: 1;
220    display: none;
221    z-index: 10;
222  }
223
224  .menu-sub.active {
225    display: block;
226    transition: all 0.3s;
227  }
228
229  /* 1 products-icon */
230  .products-icon .pro-wrap .item * {
231    display: inline-block;
232    vertical-align: top;
233  }
234
235  .products-icon .item .one,
236  .products-icon .item .second {
237    float: left;
238  }
239
240  .products-icon .item .second {
241    display: none;
242  }
243
244  .products-icon .item .second.active {
245    display: block;
246  }
247
248  .products-icon .item .second .name {
249    margin-left: 20px;
250  }
251
252  .products-icon .item .second .name:hover .two,
253  .products-icon .item .second .name.active .two {
254    color: #00bfd6;
255  }
256
257  .products-icon .pro-wrap .item .name.active .nav-pic {
258    display: block;
259  }
260
261  .products-icon .item .second .name .two {
262    font-size: 14px;
263    color: #808080;
264  }
265
266  .products-icon .pro-wrap {
267    position: relative;
268    height: 290px;
269    padding: 20px 0 0;
270    text-align: center;
271    width: 100%;
272    overflow: hidden;
273  }
274
275  .products-icon .pro-wrap .item {
276    display: inline-block;
277    vertical-align: top;
278    height: 16px;
279    line-height: 16px;
280    margin-right: 30px;
281    cursor: pointer;
282  }
283
284  .products-icon .pro-wrap .item:last-child {
285    margin-right: 0;
286  }
287
288  .products-icon .pro-wrap .item .one {
289    font-size: 16px;
290    color: #000;
291  }
292
293  .products-icon .pro-wrap .item .one a {
294    color: #000;
295  }
296
297  .products-icon .pro-wrap .item .one a:hover,
298  .products-icon .pro-wrap .item .one.active {
299    font-weight: bold;
300  }
301
302  .products-icon .pro-wrap .item .nav-pic.active {
303    display: block;
304  }
305
306  .products-icon .pro-wrap .item .nav-pic {
307    position: absolute;
308    left: 50%;
309    top: 62px;
310    width: 100%;
311    display: none;
312    transform: translateX(-50%);
313    height: 206px;
314    margin: 0 auto;
315  }
316
317  .products-icon .pro-wrap .item .pic {
318    display: inline-block;
319    vertical-align: top;
320    width: 180px;
321    margin-right: 24px;
322    text-align: center;
323  }
324
325  .products-icon .pro-wrap .item .pic:last-child {
326    margin-right: 0;
327  }
328
329  .products-icon .pro-wrap .item .pic .icon {
330    position: relative;
331    width: 180px;
332    height: 180px;
333    overflow: hidden;
334    /* background: #ccc; */
335  }
336
337  .products-icon .pro-wrap .item .pic .icon img {
338    position: absolute;
339    top: 50%;
340    left: 5%;
341    width: 90%;
342    transform: translateY(-50%);
343    transition: all 0.3s;
344  }
345
346  .products-icon .pro-wrap .item .pic .icon img:hover {
347    width: 100%;
348    top: 50%;
349    left: 0;
350    transform: translateY(-50%);
351  }
352
353  .products-icon .pro-wrap .item .pic .model {
354    font-size: 16px;
355    color: #000;
356    padding-top: 10px;
357  }
358
359  .products-icon .line {
360    height: 1px;
361    background: #eeeeee;
362  }
363
364  .products-icon .views.active {
365    display: block;
366  }
367
368  .products-icon .views {
369    display: none;
370    padding: 20px 0;
371  }
372
373  .products-icon .views a {
374    display: inline-block;
375    font-size: 14px;
376    color: #808080;
377  }
378
379  .products-icon .views .all-pro,
380  .products-icon .views .all-acc {
381    text-decoration: underline;
382  }
383
384  .products-icon .views .all-pro:hover,
385  .products-icon .views .all-acc:hover {
386    color: #333;
387  }
388
389  .products-icon .views .all-com:hover {
390    color: #333;
391    border: 1px solid #333;
392  }
393
394  .products-icon .views .all-acc {
395    margin: 0 20px;
396  }
397
398  .products-icon .views .all-com {
399    padding: 4px 12px;
400    border: 1px solid #808080;
401    border-radius: 6px;
402  }
403
404  /* 2,3 公共 */
405  .enterprise-icon .sub-cont,
406  .education-icon .sub-cont {
407    display: none;
408  }
409
410  .enterprise-icon .sub-cont.active,
411  .education-icon .sub-cont.active {
412    display: block;
413  }
414
415  .enterprise-icon .sub-nav,
416  .education-icon .sub-nav {
417    padding-top: 22px;
418  }
419
420  .enterprise-icon .sub-nav .li,
421  .education-icon .sub-nav .li {
422    float: none;
423    font-size: 16px;
424    display: inline-block;
425    margin-right: 28px;
426    cursor: pointer;
427  }
428
429  .enterprise-icon .sub-nav .li:last-child,
430  .education-icon .sub-nav .li:last-child {
431    margin-right: 0
432  }
433
434  .enterprise-icon .sub-nav .li.active,
435  .education-icon .sub-nav .li.active {
436    font-weight: bold;
437  }
438
439  @-webkit-keyframes fadeInLeft {
440    0% {
441      opacity: 0;
442      -webkit-transform: translateX(-60px);
443      transform: translateX(-60px);
444    }
445
446    100% {
447      opacity: 1;
448      -webkit-transform: translateX(0);
449      transform: translateX(0);
450    }
451  }
452
453  @keyframes fadeInLeft {
454    0% {
455      opacity: 0;
456      -webkit-transform: translateX(-60px);
457      -ms-transform: translateX(-60px);
458      transform: translateX(-60px);
459    }
460
461    100% {
462      opacity: 1;
463      -webkit-transform: translateX(0);
464      -ms-transform: translateX(0);
465      transform: translateX(0);
466    }
467  }
468
469  .fadeInLeft {
470    -webkit-animation-name: fadeInLeft;
471    animation-name: fadeInLeft;
472    -webkit-animation-duration: 0.3s;
473    animation-duration: 0.3s;
474  }
475
476  @-webkit-keyframes fadeInRight {
477    0% {
478      opacity: 0;
479      -webkit-transform: translateX(60px);
480      transform: translateX(60px);
481    }
482
483    100% {
484      opacity: 1;
485      -webkit-transform: translateX(0);
486      transform: translateX(0);
487    }
488  }
489
490  @keyframes fadeInRight {
491    0% {
492      opacity: 0;
493      -webkit-transform: translateX(60px);
494      -ms-transform: translateX(60px);
495      transform: translateX(60px);
496    }
497
498    100% {
499      opacity: 1;
500      -webkit-transform: translateX(0);
501      -ms-transform: translateX(0);
502      transform: translateX(0);
503    }
504  }
505
506  .fadeInRight {
507    -webkit-animation-name: fadeInRight;
508    animation-name: fadeInRight;
509    -webkit-animation-duration: 0.3s;
510    animation-duration: 0.3s;
511  }
512
513  /* 2 enterprise */
514  .enterprise-icon .item .sol-icon1 {
515    background: url('/statics/hw/icon/home-enterprise-sol-icon1.jpg') no-repeat center center;
516  }
517
518  .enterprise-icon .item a:hover .sol-icon1 {
519    background: url('/statics/hw/icon/home-enterprise-sol-icon1-sel.
519jpg') no-repeat center center;
520  }
521
522  .enterprise-icon .item .sol-icon2 {
523    background: url('/statics/hw/icon/home-enterprise-sol-icon2.jpg') no-repeat center center;
524  }
525
526  .enterprise-icon .item a:hover .sol-icon2 {
527    background: url('/statics/hw/icon/home-enterprise-sol-icon2-sel.jpg') no-repeat center center;
528  }
529
530  .enterprise-icon .item .sol-icon3 {
531    background: url('/statics/hw/icon/home-enterprise-sol-icon3.jpg') no-repeat center center;
532  }
533
534  .enterprise-icon .item a:hover .sol-icon3 {
535    background: url('/statics/hw/icon/home-enterprise-sol-icon3-sel.jpg') no-repeat center center;
536  }
537
538  .enterprise-icon .item .sol-icon4 {
539    background: url('/statics/hw/icon/home-enterprise-sol-icon4.jpg') no-repeat center center;
540  }
541
542  .enterprise-icon .item a:hover .sol-icon4 {
543    background: url('/statics/hw/icon/home-enterprise-sol-icon4-sel.jpg') no-repeat center center;
544  }
545
546  .enterprise-icon .item .sol-icon5 {
547    background: url('/statics/hw/icon/home-enterprise-sol-icon5.jpg') no-repeat center center;
548  }
549
550  .enterprise-icon .item a:hover .sol-icon5 {
551    background: url('/statics/hw/icon/home-enterprise-sol-icon5-sel.jpg') no-repeat center center;
552  }
553
554  .enterprise-icon .item .sol-icon6 {
555    background: url('/statics/hw/icon/home-enterprise-sol-icon6.jpg') no-repeat center center;
556  }
557
558  .enterprise-icon .item a:hover .sol-icon6 {
559    background: url('/statics/hw/icon/home-enterprise-sol-icon6-sel.jpg') no-repeat center center;
560  }
561
562  .enterprise-icon .item .pro-icon1 {
563    background: url('/statics/hw/icon/home-enterprise-pro-icon1.jpg') no-repeat center center;
564  }
565
566  .enterprise-icon .item a:hover .pro-icon1 {
567    background: url('/statics/hw/icon/home-enterprise-pro-icon1-sel.jpg') no-repeat center center;
568  }
569
570  .enterprise-icon .item .pro-icon2 {
571    background: url('/statics/hw/icon/home-enterprise-pro-icon2.jpg') no-repeat center center;
572  }
573
574  .enterprise-icon .item a:hover .pro-icon2 {
575    background: url('/statics/hw/icon/home-enterprise-pro-icon2-sel.jpg') no-repeat center center;
576  }
577
578  .enterprise-icon .item .pro-icon3 {
579    background: url('/statics/hw/icon/home-education-pro-icon2.jpg') no-repeat center center;
580  }
581
582  .enterprise-icon .resources-item-open.active .pro-icon3,
583  .enterprise-icon .item a:hover .pro-icon3 {
584    background: url('/statics/hw/icon/home-education-pro-icon2-sel.jpg') no-repeat center center;
585  }
586
587  .enterprise-icon .sub-cont .item {
588    /*padding-right: 80px;*/
589  }
590
591  /* 3 education */
592  .education-icon .item .icon1 {
593    background: url('/statics/hw/icon/home-education-sol-icon1.jpg') no-repeat center center;
594  }
595
596  .education-icon .item a:hover .icon1 {
597    background: url('/statics/hw/icon/home-education-sol-icon1-sel.
597jpg') no-repeat center center;
598  }
599
600  .education-icon .item .icon2 {
601    background: url('/statics/hw/icon/home-education-sol-icon2.jpg') no-repeat center center;
602  }
603
604  .education-icon .item a:hover .icon2 {
605    background: url('/statics/hw/icon/home-education-sol-icon2-sel.jpg') no-repeat center center;
606  }
607
608  .education-icon .item .icon3 {
609    background: url('/statics/hw/icon/home-education-sol-icon3.jpg') no-repeat center center;
610  }
611
612  .education-icon .item a:hover .icon3 {
613    background: url('/statics/hw/icon/home-education-sol-icon3-sel.jpg') no-repeat center center;
614  }
615
616  .education-icon .item .pro-icon1 {
617    background: url('/statics/hw/icon/home-education-pro-icon1.jpg') no-repeat center center;
618  }
619
620  .education-icon .item a:hover .pro-icon1 {
621    background: url('/statics/hw/icon/home-education-pro-icon1-sel.jpg') no-repeat center center;
622  }
623
624  .education-icon .item .pro-icon2 {
625    background: url('/statics/hw/icon/home-education-pro-icon2.jpg') no-repeat center center;
626  }
627
628  .education-icon .resources-item-open.active .pro-icon2,
629  .education-icon .item a:hover .pro-icon2 {
630    background: url('/statics/hw/icon/home-education-pro-icon2-sel.jpg') no-repeat center center;
631  }
632
633  .enterprise-icon .item .pro-icon4,
634  .education-icon .item .pro-icon3 {
635    background: url('/statics/hw/icon/home-education-pro-icon3.jpg') no-repeat center center;
636  }
637
638  .enterprise-icon .item a:hover .pro-icon4,
639  .education-icon .item a:hover .pro-icon3 {
640    background: url('/statics/hw/icon/home-education-pro-icon3-sel.jpg') no-repeat center center;
641  }
642
643  .enterprise-icon .item .pro-icon5,
644  .education-icon .item .pro-icon4 {
645    background: url('/statics/hw/icon/home-education-pro-icon4.jpg') no-repeat center center;
646  }
647
648  .enterprise-icon .item a:hover .pro-icon5,
649  .education-icon .item a:hover .pro-icon4 {
650    background: url('/statics/hw/icon/home-education-pro-icon4-sel.jpg') no-repeat center center;
651  }
652
653  .enterprise-icon .item .pro-icon6,
654  .education-icon .item .pro-icon5 {
655    background: url('/statics/hw/icon/home-education-pro-icon5.jpg') no-repeat center center;
656  }
657
658  .enterprise-icon .item a:hover .pro-icon6,
659  .education-icon .item a:hover .pro-icon5 {
660    background: url('/statics/hw/icon/home-education-pro-icon5-sel.jpg') no-repeat center center;
661  }
662
663  .resources-item {
664    display: none !important;
665  }
666
667  .resources-item.active {
668    display: inline-block !important;
669  }
670
671  /* 4,5公用 */
672  .sub-cont {
673    padding: 42px 0;
674  }
675
676  .sub-cont .item {
677    width: 180px;
678    display: inline-block;
679    vertical-align: top;
680    /*padding-right: 140px;*/
681  }
682
683  .sub-cont .item:last-child {
684    padding-right: 0;
685  }
686
687  .sub-cont .item .icon {
688    width: 52px;
689    height: 52px;
690    margin: 0 auto;
691  }
692
693  .sub-cont .item a {
694    font-size: 14px;
695    color: #000;
696  }
697
698  .sub-cont .resources-item-open.active a,
699  .sub-cont .item a:hover {
700    color: #00bfd6;
701  }
702
703  .sub-cont .item .desc {
704    padding-top: 22px;
705  }
706
707  /* community */
708  .community-icon .item .icon1 {
709    background: url('/statics/hw/icon/home-community-icon1.jpg') no-repeat center center;
710  }
711
712  .community-icon .item a:hover .icon1 {
713    background: url('/statics/hw/icon/home-community-icon1-sel.jpg') no-repeat center center;
714  }
715
716  .community-icon .item .icon2 {
717    background: url('/statics/hw/icon/home-community-icon2.jpg') no-repeat center center;
718  }
719
720  .community-icon .item a:hover .icon2 {
721    background: url('/statics/hw/icon/home-community-icon2-sel.jpg') no-repeat center center;
722  }
723
724  .community-icon .item .icon3 {
725    background: url('/statics/hw/icon/home-community-icon3.jpg') no-repeat center center;
726  }
727
728  .community-icon .item a:hover .icon3 {
729    background: url('/statics/hw/icon/home-community-icon3-sel.jpg') no-repeat center center;
730  }
731
732  /* support */
733  .support-icon .item .icon1 {
734    background: url('/statics/hw/icon/home-support-icon1.jpg') no-repeat center center;
735  }
736
737  .support-icon .item a:hover .icon1 {
738    background: url('/statics/hw/icon/home-support-icon1-sel.jpg') no-repeat center center;
739  }
740
741  .support-icon .item .icon2 {
742    background: url('/statics/hw/icon/home-support-icon2.jpg') no-repeat center center;
743  }
744
745  .support-icon .item a:hover .icon2 {
746    background: url('/statics/hw/icon/home-support-icon2-sel.jpg') no-repeat center center;
747  }
748
749  .support-icon .item .icon3 {
750    background: url('/statics/hw/icon/home-support-icon3.jpg') no-repeat center center;
751  }
752
753  .support-icon .item a:hover .icon3 {
754    background: url('/statics/hw/icon/home-support-icon3-sel.jpg') no-repeat center center;
755  }
756
757  .support-icon .item .icon4 {
758    background: url('/statics/hw/icon/home-support-icon4.jpg') no-repeat center center;
759  }
760
761  .support-icon .item a:hover .icon4 {
762    background: url('/statics/hw/icon/home-support-icon4-sel.jpg') no-repeat center center;
763  }
764  .drop-down-navbar li ul li a, 
765  .drop-down-navbar-2 li ul li a{
766    padding-left: 27%;
767  }
768  .drop-down-navbar li .ull1 li a{
769    padding-left: 0;
770  }
771</style>
772
773<header class="newHead" id="ScrollHead">
774  <nav class="menu">
775    <div class="center clearfix">
776      <div class="H-logo">
777        <a href="/"><img alt="" src="/statics/hw/images/logo.png" /></a>
778      </div>
779
780      <div class="nav-list" id="list-ulFocus">
781        <ul class="clearfix top-menu">
782          <li>
783            <a href="javascript:;" class="link">Products</a>
784            <div class="menu-sub products-icon">
785              <div class="center">
786                <div class="pro-wrap clearfix">
787                                    <div class="item item-pro">
788                    <div class="one active">Pen Display</div>
789                    <div class="second active">
790                                            <div class="name active">
791                        <div class="two">Kamvas Pro</div>
792                        <div class="nav-pic">
793                                                    <div class="pic fadeInRight">
794                            <a href="/products/kamvas-pro-27-144hz">
795                              <div class="icon">
796                                <img src="/uploadfile/2262420251127055324547.jpg" alt="" />
797                              </div>
798                              <div class="model">Kamvas Pro 27 (144Hz)</div>
799                            </a>
800                          </div>
801                                                    <div class="pic fadeInRight">
802                            <a href="/products/kamvas-pro-24-gen-3">
803                              <div class="icon">
804                                <img src="/uploadfile/5972020251016114142310.jpg" alt="" />
805                              </div>
806                              <div class="model">Kamvas Pro 24 (Gen 3)</div>
807                            </a>
808                          </div>
809                                                    <div class="pic fadeInRight">
810                            <a href="/products/kamvas-pro-16-v2">
811                              <div class="icon">
812                                <img src="/uploadfile/9585120250928054946669.jpg" alt="" />
813                              </div>
814                              <div class="model">Kamvas Pro 16 V2</div>
815                            </a>
816                          </div>
817                                                    <div class="pic fadeInRight">
818                            <a href="/products/kamvas-pro-19">
819                              <div class="icon">
820                                <img src="/uploadfile/8542520240131060222416.jpg" alt="" />
821                              </div>
822                              <div class="model">Kamvas Pro 19</div>
823                            </a>
824                          </div>
825                                                    <div class="pic fadeInRight">
826                            <a href="/products/kamvas-pro-27">
827                              <div class="icon">
828                                <img src="/uploadfile/4186320240131060316908.jpg" alt="" />
829                              </div>
830                              <div class="model">Kamvas Pro 27</div>
831                            </a>
832                          </div>
833                                                  </div>
834                      </div>
835                                            <div class="name ">
836                        <div class="two">Kamvas</div>
837                        <div class="nav-pic">
838                                                    <div class="pic fadeInRight">
839                            <a href="/products/kamvas-22-gen-3">
840                              <div class="icon">
841                                <img src="/uploads/product/6982ef0e78fd7.jpg" alt="" />
842                              </div>
843                              <div class="model">Kamvas 22 (Gen 3)</div>
844                            </a>
845                          </div>
846                                                    <div class="pic fadeInRight">
847                            <a href="/products/kamvas-16-gen-3">
848                              <div class="icon">
849                                <img src="/uploadfile/5612620250526044916791.png" alt="" />
850                              </div>
851                              <div class="model">Kamvas 16 (Gen 3)</div>
852                            </a>
853                          </div>
854                                                    <div class="pic fadeInRight">
855                            <a href="/products/kamvas-13-gen-3">
856                              <div class="icon">
857                                <img src="/uploadfile/5770520240904092134883.jpg" alt="" />
858                              </div>
859                              <div class="model">Kamvas 13 (Gen 3)</div>
860                            </a>
861                          </div>
862                                                    <div class="pic fadeInRight">
863                            <a href="/products/kamvas-24-plus">
864                              <div class="icon">
865                                <img src="/uploadfile/2085420240131060055648.jpg" alt="" />
866                              </div>
867                              <div class="model">Kamvas 24 Plus</div>
868                            </a>
869                          </div>
870                                                    <div class="pic fadeInRight">
871                            <a href="/products/kamvas-12">
872                              <div class="icon">
873                                <img src="/uploads/product/69dcbd7bc2219.jpg" alt="" />
874                              </div>
875                              <div class="model">Kamvas 12</div>
876                            </a>
877                          </div>
878                                                    <div class="pic fadeInRight">
879                            <a href="/products/kamvas-22-plus">
880                              <div class="icon">
881                                <img src="/uploadfile/6716720240131060018276.jpg" alt="" />
882                              </div>
883                              <div class="model">Kamvas 22 Plus</div>
884                            </a>
885                          </div>
886                                                  </div>
887                      </div>
888                                          </div>
889                  </div>
890                                    <div class="item item-pro">
891                    <div class="one ">Pen Tablet</div>
892                    <div class="second ">
893                                            <div class="name active">
894                        <div class="two">Inspiroy</div>
895                        <div class="nav-pic">
896                                                    <div class="pic fadeInRight">
897                            <a href="/products/inspiroy-frego-m">
898                              <div class="icon">
899                                <img src="/uploadfile/2588720240815111743557.jpg" alt="" />
900                              </div>
901                              <div class="model">Inspiroy Frego M</div>
902                            </a>
903                          </div>
904                                                    <div class="pic fadeInRight">
905                            <a href="/products/inspiroy-frego-s">
906                              <div class="icon">
907                                <img src="/uploadfile/7336020240815111614184.jpg" alt="" />
908                              </div>
909                              <div class="model">Inspiroy Frego S</div>
910                            </a>
911                          </div>
912                                                    <div class="pic fadeInRight">
913                            <a href="/products/inspiroy-2-s">
914                              <div class="icon">
915                                <img src="/uploadfile/3697220240131060557486.jpg" alt="" />
916                              </div>
917                              <div class="model">Inspiroy 2 S</div>
918                            </a>
919                          </div>
920                                                    <div class="pic fadeInRight">
921                            <a href="/products/inspiroy-2-m">
922                              <div class="icon">
923                                <img src="/uploadfile/8047820240131060514986.jpg" alt="" />
924                              </div>
925                              <div class="model">Inspiroy 2 M</div>
926                            </a>
927                          </div>
928                                                    <div class="pic fadeInRight">
929                            <a href="/products/inspiroy-2-l">
930                              <div class="icon">
931                                <img src="/uploadfile/6311820240131060449228.jpg" alt="" />
932                              </div>
933                              <div class="model">Inspiroy 2 L</div>
934                            </a>
935                          </div>
936                                                  </div>
937                      </div>
938                                            <div class="name ">
939                        <div class="two">Inspiroy Pro</div>
940                        <div class="nav-pic">
941                                                    <div class="pic fadeInRight">
942                            <a href="/products/inspiroy-dial-2-v2">
943                              <div class="icon">
944                                <img src="/uploads/images/6a94d4fee250f.jpg" alt="" />
945                              </div>
946                              <div class="model">Inspiroy Dial 2 V2</div>
947                            </a>
948                          </div>
949                                                    <div class="pic fadeInRight">
950                            <a href="/products/inspiroy-dial-2">
951                              <div class="icon">
952                                <img src="/uploadfile/3038620240131060625864.jpg" alt="" />
953                              </div>
954                              <div class="model">Inspiroy Dial 2</div>
955                            </a>
956                          </div>
957                                                    <div class="pic fadeInRight">
958                            <a href="/products/inspiroy-giano">
959                              <div class="icon">
960                                <img src="/uploadfile/6881720240131060648590.jpg" alt="" />
961                              </div>
962                              <div class="model">Inspiroy Giano</div>
963                            </a>
964                          </div>
965                                                    <div class="pic fadeInRight">
966                            <a href="/products/inspiroy-keydial-kd200">
967                              <div class="icon">
968                                <img src="/uploadfile/6521320240131060717301.jpg" alt="" />
969                              </div>
970                              <div class="model">Inspiroy Keydial</div>
971                            </a>
972                          </div>
973                                                  </div>
974                      </div>
975                                          </div>
976                  </div>
977                                    <div class="item item-pro">
978                    <div class="one ">Standalone Tablet</div>
979                    <div class="second ">
980                                            <div class="name active">
981                        <div class="two">Kamvas Pad</div>
982                        <div class="nav-pic">
983                                                    <div class="pic fadeInRight">
984                            <a href="/products/kamvas-pad-12">
985                              <div class="icon">
986                                <img src="/uploads/product/6a509be89016d.jpg" alt="" />
987                              </div>
988                              <div class="model">Kamvas Pad 12</div>
989                            </a>
990                          </div>
991                                                  </div>
992                      </div>
993                                            <div class="name ">
994                        <div class="two">Kamvas Studio</div>
995                        <div class="nav-pic">
996                                                    <div class="pic fadeInRight">
997                            <a href="/products/kamvas-studio-16">
998                              <div class="icon">
999                                <img src="/uploadfile/6522420240131055233608.jpg" alt="" />
1000                              </div>
1001                              <div class="model">Kamvas Studio 16</div>
1002                            </a>
1003                          </div>
1004                                                    <div class="pic fadeInRight">
1005                            <a href="/products/kamvas-studio-24">
1006                              <div class="icon">
1007                                <img src="/uploadfile/9667820240131055606404.jpg" alt="" />
1008                              </div>
1009                              <div class="model">Kamvas Studio 24</div>
1010                            </a>
1011                          </div>
1012                                                  </div>
1013                      </div>
1014                                            <div class="name ">
1015                        <div class="two">Kamvas Slate</div>
1016                        <div class="nav-pic">
1017                                                    <div class="pic fadeInRight">
1018                            <a href="/products/kamvas-slate-13">
1019                              <div class="icon">
1020                                <img src="/uploadfile/1142920250417103800118.png" alt="" />
1021                              </div>
1022                              <div class="model">Kamvas Slate 13</div>
1023                            </a>
1024                          </div>
1025                                                    <div class="pic fadeInRight">
1026                            <a href="/products/kamvas-slate-11">
1027                              <div class="icon">
1028                                <img src="/uploadfile/5851920250417103444359.png" alt="" />
1029                              </div>
1030                              <div class="model">Kamvas Slate 11</div>
1031                            </a>
1032                          </div>
1033                                                    <div class="pic fadeInRight">
1034                            <a href="/products/kamvas-slate-10">
1035                              <div class="icon">
1036                                <img src="/uploadfile/3409020250304022415680.jpg" alt="" />
1037                              </div>
1038                              <div class="model">Kamvas Slate 10</div>
1039                            </a>
1040                          </div>
1041                                                  </div>
1042                      </div>
1043                                          </div>
1044                  </div>
1045                                    <div class="item item-pro">
1046                    <div class="one ">Smart Notebook</div>
1047                    <div class="second ">
1048                                            <div class="name active">
1049                        <div class="two">Huion Note</div>
1050                        <div
1050 class="nav-pic">
1051                                                    <div class="pic fadeInRight">
1052                            <a href="/products/huion-note-e">
1053                              <div class="icon">
1054                                <img src="/uploads/product/69dee8aa0042d.jpg" alt="" />
1055                              </div>
1056                              <div class="model">Huion Note E</div>
1057                            </a>
1058                          </div>
1059                                                    <div class="pic fadeInRight">
1060                            <a href="/products/huion-note">
1061                              <div class="icon">
1062                                <img src="/uploadfile/8926020240131060744770.jpg" alt="" />
1063                              </div>
1064                              <div class="model">Huion Note</div>
1065                            </a>
1066                          </div>
1067                                                  </div>
1068                      </div>
1069                                            <div class="name ">
1070                        <div class="two">Huion&nbsp;Ink</div>
1071                        <div class="nav-pic">
1072                                                    <div class="pic fadeInRight">
1073                            <a href="/products/huion-ink-eb1011">
1074                              <div class="icon">
1075                                <img src="/uploadfile/9971720260104094709193.jpg" alt="" />
1076                              </div>
1077                              <div class="model">Huion Ink</div>
1078                            </a>
1079                          </div>
1080                                                    <div class="pic fadeInRight">
1081                            <a href="/products/huion-ink">
1082                              <div class="icon">
1083                                <img src="/uploadfile/2733020250304022458942.jpg" alt="" />
1084                              </div>
1085                              <div class="model">Huion Ink (2024)</div>
1086                            </a>
1087                          </div>
1088                                                  </div>
1089                      </div>
1090                                          </div>
1091                  </div>
1092                                    <div class="item item-note">
1093                    <div class="one">Accessories</div>
1094                    <div class="nav-pic">
1095                                            <div class="pic fadeInRight">
1096                        <a href="/accessories/digital-pen" class="se-point" name="Digital Pen &amp; Pen Nibs">
1097                          <div class="icon"><img src="/uploads/parts/695f5036551a7.jpg" alt="" class="lazyload"></div>
1098                        </a>
1099                        <a href="" class="se-click" name="Digital Pen &amp; Pen Nibs">
1100                          <div class="model ">Digital Pen &amp; Pen Nibs</div>
1101                        </a>
1102                      </div>
1103                                            <div class="pic fadeInRight">
1104                        <a href="/accessories/stand" class="se-point" name="Stand">
1105                          <div class="icon"><img src="/uploads/parts/695f5097ea238.jpg" alt="" class="lazyload"></div>
1106                        </a>
1107                        <a href="" class="se-click" name="Stand">
1108                          <div class="model ">Stand</div>
1109                        </a>
1110                      </div>
1111                                            <div class="pic fadeInRight">
1112                        <a href="/accessories/keyboard" class="se-point" name="Keyboard">
1113                          <div class="icon"><img src="/uploads/parts/695f50c732adb.jpg" alt="" class="lazyload"></div>
1114                        </a>
1115                        <a href="" class="se-click" name="Keyboard">
1116                          <div class="model ">Keyboard</div>
1117                        </a>
1118                      </div>
1119                      
1120                    </div>
1121                  </div>
1122                </div>
1123                <div class="btn">
1124                  <div class="line"></div>
1125                  <div class="views shuweiban text-centered">
1126                    <a href="/pen-tablet" class="all-pro">View All Pen Tablet</a>
1127                    <a href="/accessories" class="all-acc">View All Accessories</a>
1128                    <a href="/comparison/pen-tablet" class="all-com">Model Comparison</a>
1129                  </div>
1130                  <div class="views shuweiping text-centered active">
1131                    <a href="/pen-display" class="all-pro">View All Pen Display</a>
1132                    <a href="/accessories" class="all-acc">View All Accessories</a>
1133                    <a href="/comparison/pen-display" class="all-com">Model Comparison</a>
1134                  </div>
1135                </div>
1136              </div>
1137          </li>
1138          <li>
1139            <a href="javascript:;" class="link">Enterprise</a>
1140            <div class="menu-sub enterprise-icon">
1141              <div class="center">
1142                <div class="sub-nav text-centered">
1143                  <div class="li active">Solutions</div>
1144                  <div class="li">Products</div>
1145                </div>
1146                <div class="sub-cont text-centered active fadeInLeft">
1147                  <div class="item">
1148                    <a href="/b2b/application/hospitality" target="_blank">
1149                      <div class="icon sol-icon1"></div>
1150                      <div class="desc">Hospitality & Tourism</div>
1151                    </a>
1152                  </div>
1153                  <div class="item">
1154                    <a href="/b2b/application/financial" target="_blank">
1155                      <div class="icon sol-icon2"></div>
1156                      <div class="desc">Financial Services</div>
1157                    </a>
1158                  </div>
1159                  <div class="item">
1160                    <a href="/b2b/application/business" target="_blank">
1161                      <div class="icon sol-icon6"></div>
1162                      <div class="desc">Business & Office Work</div>
1163                    </a>
1164                  </div>
1165                  <div class="item">
1166                    <a href="https://www.huion.com/b2b" target="_blank">
1167                      <div class="icon sol-icon3"></div>
1168                      <div class="desc">Telecommnunication</div>
1169                    </a>
1170                  </div>
1171                  <div class="item">
1172                    <a href="/b2b/application/medical" target="_blank">
1173                      <div class="icon sol-icon4"></div>
1174                      <div class="desc">Medical Care</div>
1175                    </a>
1176                  </div>
1177                  <div class="item">
1178                    <a href="/b2b/application/government" target="_blank">
1179                      <div class="icon sol-icon5"></div>
1180                      <div class="desc">Government & Public Sectors</div>
1181                    </a>
1182                  </div>
1183                </div>
1184                <div class="sub-cont text-centered fadeInRight">
1185                  <div class="item">
1186                    <a href="/b2b/products?id=1" target="_blank">
1187                      <div class="icon pro-icon1"></div>
1188                      <div class="desc">E-signing Products</div>
1189                    </a>
1190                  </div>
1191                  <div class="item">
1192                    <a href="/b2b/products?id=1" target="_blank">
1193                      <div class="icon pro-icon2"></div>
1194                      <div class="desc">Electromagnetic Modules</div>
1195                    </a>
1196                  </div>
1197                  <div class="item resources-item-open">
1198                    <a href="javascript:;">
1199                      <div class="icon pro-icon3"></div>
1200                      <div class="desc">Resources</div>
1201                    </a>
1202                  </div>
1203                  <div class="item resources-item">
1204                    <a href="/b2b/supports" target="_blank">
1205                      <div class="icon pro-icon4"></div>
1206                      <div class="desc">SDK</div>
1207                    </a>
1208                  </div>
1209                  <div class="item resources-item">
1210                    <a href="/b2b/supports" target="_blank">
1211                      <div class="icon pro-icon5"></div>
1212                      <div class="desc">Product Customization</div>
1213                    </a>
1214                  </div>
1215                  <div class="item resources-item">
1216                    <a href="/b2b/supports" target="_blank">
1217                      <div class="icon pro-icon6"></div>
1218                      <div class="desc">Partner with us</div>
1219                    </a>
1220                  </div>
1221                </div>
1222              </div>
1223            </div>
1224          </li>
1225          <li>
1226            <a href="javascript:;" class="link">Education</a>
1227            <div class="menu-sub education-icon">
1228              <div class="center">
1229                <div class="sub-nav text-centered">
1230                  <div class="li active">Solutions</div>
1231                  <div class="li">Products</div>
1232                </div>
1233                <div class="sub-cont text-centered active fadeInLeft">
1234                  <div class="item">
1235                    <a href="/b2b/education/digital" target="_blank">
1236                      <div class="icon icon1"></div>
1237                      <div class="desc">Digital Art Classroom</div>
1238                    </a>
1239                  </div>
1240                  <div class="item">
1241                    <a href="/b2b/education/distance" target="_blank">
1242                      <div class="icon icon3"></div>
1243                      <div class="desc">Distance Education</div>
1244                    </a>
1245                  </div>
1246                  <div class="item">
1247                    <a href="/b2b/education/smartclassroom" target="_blank">
1248                      <div class="icon icon2"></div>
1249                      <div class="desc">Smart Classroom</div>
1250                    </a>
1251                  </div>
1252                </div>
1253                <div class="sub-cont text-centered fadeInRight">
1254                  <div class="item">
1255                    <a href="/b2b/products?id=2" target="_blank">
1256                      <div class="icon pro-icon1"></div>
1257                      <div class="desc">Educational Equipment</div>
1258                    </a>
1259                  </div>
1260                  <div class="item resources-item-open">
1261                    <a href="javascript:;">
1262                      <div class="icon pro-icon2"></div>
1263                      <div class="desc">Resources</div>
1264                    </a>
1265                  </div>
1266                  <div class="item resources-item">
1267                    <a href="/b2b/supports" target="_blank">
1268                      <div class="icon pro-icon3"></div>
1269                      <div class="desc">SDK</div>
1270                    </a>
1271                  </div>
1272                  <div class="item resources-item">
1273                    <a href="/b2b/supports" target="_blank">
1274                      <div class="icon pro-icon4"></div>
1275                      <div class="desc">Product Customization</div>
1276                    </a>
1277                  </div>
1278                  <div class="item resources-item">
1279                    <a href="/b2b/supports" target="_blank">
1280                      <div class="icon pro-icon5"></div>
1281                      <div class="desc">Partner with us</div>
1282                    </a>
1283                  </div>
1284                </div>
1285              </div>
1286            </div>
1287          </li>
1288          <li>
1289            <a href="https://community.huion.com/" target="_blank" class="link">Community</a>
1290            <div class="menu-sub community-icon">
1291              <div class="center">
1292                <div class="sub-cont text-centered fadeInLeft">
1293                  <div class="item">
1294                    <a href="https://community.huion.com/contest" target="_blank">
1295                      <div class="icon icon1"></div>
1296                      <div class="desc">Contest</div>
1297                    </a>
1298                  </div>
1299                  <div class="item">
1300                    <a href="https://community.huion.com/gallery" target="_blank">
1301                      <div class="icon icon2"></div>
1302                      <div class="desc">Gallery</div>
1303                    </a>
1304                  </div>
1305                  <div class="item">
1306                    <a href="https://community.huion.com/blog" target="_blank">
1307                      <div class="icon icon3"></div>
1308                      <div class="desc">Blog</div>
1309                    </a>
1310                  </div>
1311                </div>
1312              </div>
1313            </div>
1314          </li>
1315          <li>
1316            <a href="/support" class="link">Support</a>
1317            <div class="menu-sub support-icon">
1318              <div class="center">
1319                <div class="sub-cont text-centered fadeInLeft">
1320                  <div class="item">
1321                    <a href="/download">
1322                      <div class="icon icon1"></div>
1323                      <div class="desc">Download Center</div>
1324                    </a>
1325                  </div>
1326                  <!--<div class="item">-->
1327                  <!--    <a href="/download/?firmware=have">-->
1328                  <!--        <div class="icon icon4"></div>-->
1329                  <!--        <div class="desc">Firmware</div>-->
1330                  <!--    </a>-->
1330
1331                  <!--</div>-->
1332                  <div class="item">
1333                    <a href="https://support.huion.com/en/support/home" target="_blank">
1334                      <div class="icon icon2"></div>
1335                      <div class="desc">FAQs</div>
1336                    </a>
1337                  </div>
1338                  <div class="item">
1339                    <a href="/warranty">
1340                      <div class="icon icon3"></div>
1341                      <div class="desc">Warranty</div>
1342                    </a>
1343                  </div>
1344                </div>
1345              </div>
1346            </div>
1347          </li>
1348        </ul>
1349      </div>
1350      <div class="H-Search-form AddNone">
1351        <div class="H-Search-form-wrapper">
1352          <form name="search" type="get" action="/search" method="get" class="H-Search-form-get" role="search">
1353            <div class="search-txt">
1354              <input type="submit" class="search-sub" value="" />
1355              <input class="H-Search-form-input" type="text" name="q" aria-label="Search huion.com"
1356                placeholder="Search huion.com" autocorrect="off" autocapitalize="off" autocomplete="off"
1357                spellcheck="false" />
1358            </div>
1359          </form>
1360          <div class="H-Search-form-close">X</div>
1361        </div>
1362        <aside class="H-Search-drop-down">
1363          <section class="H-Search-drop-down-section">
1364            <div class="H-Search-wrapper">
1365              <h3>Quick links</h3>
1366              <ul>
1367                                <li><a href="/products/kamvas-13-gen-3" target="_blank">Kamvas 13 (Gen 3)</a></li>
1368                                 <li><a href="/products/kamvas-13" target="_blank">Kamvas 13</a></li>
1369                                 <li><a href="/products/kamvas-pro-16" target="_blank">Kamvas Pro 16</a></li>
1370                                 <li><a href="/news/huion-at-ifa-2026" target="_blank">Huion Concludes Successful IFA Appearance, Showcasing Full Lineup of Creative Drawing Tools</a></li>
1371                                 <li><a href="/news/huion-kamvas-pad-12-android-tablet-unveiled" target="_blank">Another Versatile Android Tablet Alternative: Huion Kamvas Pad 12 Unveiled</a></li>
1372                                 <li><a href="/news/huion-2026-back-to-school-gear-guide" target="_blank">Level‑Up Your Creative Journey: Huion 2026 Back‑to‑School Gear Guide</a></li>
1373                                 <li><a href="/news/huion-launches-electronic-notebook-huion-note-e" target="_blank">Huion Launches Electronic Notebook, Huion Note E: Accessible Productivity for Business and Creatives</a></li>
1374                                 <li><a href="/news/huion-15th-anniversary" target="_blank">15 Years of Huion: Imagine the Future with the Debut of the &quot;Concept Creative Set&quot;</a></li>
1375                                 <li><a href="/news/huion-sets-new-22-inch-industry-benchmark-with-launch-of-kamvas-22-gen-3" target="_blank">Huion Sets New 22-Inch Industry Benchmark with Launch of Kamvas 22 (Gen 3)</a></li>
1376                                 <li><a href="/news/huion-kamvas-pro-24-gen-3" target="_blank">All-in-One Excellence: Huion Kamvas Pro 24 (Gen 3) &ndash; The Ultimate Drawing Display for Creatives</a></li>
1377                                 <li><a href="/news/huion_sponsors_2025_british_art_magazine" target="_blank">Huion Sponsors the 2025 Professional Art Competition by Artists &amp; Illustrators Magazine</a></li>
1378                                 <li><a href="/news/huion-launches-kamvas-slate-11-13" target="_blank">Huion Launches Kamvas Slate 11 &amp; 13: Android Tablets for On-the-Go Creativity</a></li>
1379                                 <li><a href="/news/huion-14th-anniversary" target="_blank">Huion Turns 14: Building Tomorrow with Generations of Innovation</a></li>
1380                               </ul>
1381            </div>
1382          </section>
1383        </aside>
1384      </div>
1385      <div class="right-nav">
1386        <a onclick="huion_store('https://store.huion.com/?utm_source=huion.com&utm_medium=referral&utm_campaign=store')" target="_blank" class="top-parent top-store"
1387          style="cursor: pointer">Store</a>
1388        <div class="H-Search">
1389          <a></a>
1390        </div>
1391        <div id="is_login"></div>
1392        <div class="H-buy">
1393          <aside class="H-drop-down">
1394            <nav class="drop-down-navbar drop-down-nav2">
1395
1396              <ul class="header-user">
1397                <li>
1398                  <!-- 未登录 -->
1399                                    <a href="javascript:;" class="H-buy-ico"></a>
1400                  <ul class="login-dropdown ull1">
1401                    <span class="drop-Arrow"></span>
1402                    <li class="login-ico-01">
1403                      <a href="https://account.huion.com/login?redirect_url=https://www.huion.com/&app_id=us_official_website&lang=EN-US"
1404                        target="_blank">
1405                        <span class="login-ic login-ic1"></span>Login
1406                      </a>
1407                    </li>
1408                    <li class="login-ico-02">
1409                      <a href="https://account.huion.com/register?redirect_url=https://www.huion.com/&app_id=us_official_website&lang=EN-US"
1410                        target="_blank">
1411                        <span class="login-ic login-ic2"></span>Register
1412                      </a>
1413                    </li>
1414                  </ul>
1415
1416                  <!-- 已登录 -->
1417                                  </li>
1418              </ul>
1419
1420
1421            </nav>
1422          </aside>
1423        </div>
1424        <div id="ac-gn-curtain" class="ac-gn-curtain AddNone" data-original-aria-hidden="" aria-hidden="true"></div>
1425      </div>
1426    </div>
1427  </nav>
1428  <!-- <div class="H-Bkhr"><img src="https://www.huion.com/statics/hw/images/jianbian2px.png"></div> -->
1429  <!-- end -->
1430  <div style="display: none" id="showagreement_info">
1431    <div style="padding: 10px"></div>
1432  </div>
1433</header>
1434<script>
1435  $(document).ready(function () {
1436    $(".H-Search").click(function () {
1437      $(".H-Search-form ,.ac-gn-curtain")
1438        .addClass("AddBlock")
1439        .removeClass("AddNone");
1440      $(".nav-list .link,.top-store,.H-buy,.H-buy-2,.H-Search")
1441        .addClass("AddNone")
1442        .removeClass("AddBlock");
1443    });
1444    $(".h-movie-video").click(function () {
1445      $(".mod_player-wrap,.ac-gn-curtain")
1446        .addClass("AddBlock")
1447        .removeClass("AddNone");
1448    });
1449    $(".video-eject-icon").click(function () {
1450      $(".mod_player-wrap,.ac-gn-curtain")
1451        .addClass("AddNone")
1452        .removeClass("AddBlock");
1453    });
1454    $(".H-Search-form-close ,.ac-gn-curtain").click(function () {
1455      $(".H-Search-form,.ac-gn-curtain,.mod_player-wrap")
1456        .addClass("AddNone")
1457        .removeClass("AddBlock");
1458      $(".nav-list .link,.top-store,.H-Search,.H-buy,.H-buy-2")
1459        .addClass("AddBlock")
1460        .removeClass("AddNone");
1461      // $(".nav-list .link").addClass("navFontScale");
1462      $(".box-bg").click(function () {
1463        $(".box-mk").addClass("AddBlock").removeClass("AddNone");
1464      });
1465    });
1466    $(document).ready(function () {
1467      $(".H-share-box").click(function () {
1468        $(".Review-list-close").addClass("AddBlock").removeClass("AddNone");
1469      });
1470      $(".Review-list-close,.reveal-modal-bg").click(function () {
1471        $(".Review-list-close").addClass("AddNone").removeClass("AddBlock");
1472      });
1473    });
1474    $(document).keyup(function (e) {
1475      var key = e.which;
1476      if (key == 27) {
1477        $(".H-Search-form,.ac-gn-curtain,.Review-list-close,.mod_player-wrap")
1478          .addClass("AddNone")
1479          .removeClass("AddBlock");
1480        $(".nav-list,.H-Search").addClass("AddBlock").removeClass("AddNone");
1481        $(".nav-list").addClass("navFontScale");
1482      }
1483    });
1484  });
1485
1486  $(".education-icon .sub-nav .li,.enterprise-icon .sub-nav .li").mouseenter(
1487    function () {
1488      $(
1489        ".education-icon .sub-nav .li,.enterprise-icon .sub-nav .li"
1490      ).removeClass("active");
1491      $(this).addClass("active");
1492      $(".education-icon .sub-cont,.enterprise-icon .sub-cont").removeClass(
1493        "active"
1494      );
1495      $(
1496        ".education-icon .sub-cont:eq(" +
1497        $(this).index() +
1498        "),.enterprise-icon .sub-cont:eq(" +
1499        $(this).index() +
1500        ")"
1501      ).addClass("active");
1502    }
1503  );
1504  $(".nav-list ul li .menu-sub").mouseleave(function () {
1505    $(
1506      ".education-icon .sub-nav .li:nth-child(1),.enterprise-icon .sub-nav .li:nth-child(1)"
1507    ).addClass("active");
1508    $(".products-icon .pro-wrap .item-pro .name").removeClass("active");
1509    $(".products-icon .pro-wrap .item-pro .name:nth-child(1)").addClass(
1510      "active"
1511    );
1512    $(".resources-item,.resources-item-open").removeClass("active");
1513  });
1514  $(".nav-list ul li").mouseenter(function () {
1515    $(".nav-list ul li .link").removeClass("active-all");
1516    $(this).addClass("active-all");
1517    $(".nav-list ul li .menu-sub").removeClass("active");
1518    $(".nav-list ul li .menu-sub:eq(" + $(this).index() + ")").addClass(
1519      "active"
1520    );
1521  });
1522  $(".nav-list ul li").mouseleave(function () {
1523    $(".nav-list ul li").removeClass("active-all");
1524    $(".nav-list ul li .menu-sub").removeClass("active");
1525    $(".products-icon .pro-wrap .item-pro .name").removeClass("active");
1526    $(".products-icon .pro-wrap .item-pro .name:nth-child(1)").addClass(
1527      "active"
1528    );
1529    $(".resources-item,.resources-item-open").removeClass("active");
1530  });
1531
1532  // products
1533  $(".products-icon .pro-wrap .item-note").click(function () {
1534    $(".products-icon .pro-wrap .item-note .nav-pic").addClass("active");
1535    $(".products-icon .pro-wrap .item-pro .one").removeClass("active");
1536    $(".products-icon .pro-wrap .item-note .one").addClass("active");
1537    $(".products-icon .pro-wrap .item-pro .second").removeClass("active");
1538  });
1539  $(".products-icon .pro-wrap .item-pro").click(function () {
1540    $(".products-icon .pro-wrap .item-note .nav-pic").removeClass("active");
1541    $(
1542      ".products-icon .pro-wrap .item-pro .one,.products-icon .pro-wrap .item-pro .second,.products-icon .pro-wrap .item-note .one"
1543    ).removeClass("active");
1544    $(
1545      ".products-icon .pro-wrap .item-pro:eq(" + $(this).index() + ") .one"
1546    ).addClass("active");
1547    $(
1548      ".products-icon .pro-wrap .item-pro:eq(" + $(this).index() + ") .second"
1549    ).addClass("active");
1550  });
1551  $(".products-icon .pro-wrap .item-pro:nth-child(2)").click(function () {
1552    $(".products-icon .shuweiban").addClass("active");
1553    $(".products-icon .shuweiping").removeClass("active");
1554  });
1555  $(".products-icon .pro-wrap .item-pro:nth-child(1)").click(function () {
1556    $(".products-icon .shuweiban").removeClass("active");
1557    $(".products-icon .shuweiping").addClass("active");
1558  });
1559  $(".products-icon .pro-wrap .item-pro:nth-child(n+3)").click(function () {
1560    $(".products-icon .views").removeClass("active");
1561  });
1562  $(".products-icon .pro-wrap .item-pro .second .name").mouseenter(function () {
1563    $(this).siblings().removeClass("active");
1564    $(this).addClass("active");
1565  });
1566  // resources
1567  $(".enterprise-icon .resources-item-open").mouseenter(function () {
1568    $(".resources-item-open").removeClass("active");
1569    $(".enterprise-icon .resources-item-open").addClass("active");
1570    $(".enterprise-icon .resources-item").addClass("active");
1571  });
1572  $(".education-icon .resources-item-open").mouseenter(function () {
1573    $(".resources-item-open").removeClass("active");
1574    $(".education-icon .resources-item-open").addClass("active");
1575    $(".education-icon .resources-item").addClass("active");
1576  });
1577</script>
1577
1578
1579<script type="text/javascript">
1580  $(document).ready(function () {
1581    var login =
1582      '<div class="H-buy">' +
1583      '<aside class="H-drop-down">' +
1584      '<nav class="drop-down-navbar drop-down-nav2">' +
1585      "<ul>" +
1586      "<li>" +
1587      '<a href="javascript:;" class="H-buy-ico"></a>' +
1588      "<ul>" +
1589      '<span class="drop-Arrow"></span>' +
1590      '<li class="login-ico-01"><a href="https://account.huion.com/login?redirect_url=https://www.huion.com/&app_id=us_official_website&lang=EN-US&web_site=" target="_blank"><span class="login-ic login-ic1"></span>Login</a></li>' +
1591      '<li class="login-ico-02"><a href="https://account.huion.com/register?redirect_url=https://www.huion.com/&app_id=us_official_website&lang=EN-US&web_site=" target="_blank"><span class="login-ic login-ic2"></span>Register</a></li>' +
1592      "</ul>" +
1593      "</li>" +
1594      "</ul>" +
1595      "</nav>" +
1596      "</aside>" +
1597      "</div>";
1598
1599    // $.ajax({
1600    //     url: '/index.php?m=member&c=index&a=ajax_is_login',
1601    //     dataType: 'json',
1602    //     success: function (res) {
1603    //         if (res.status == 1) {
1604    //             $("#is_login").after(res.info);
1605    //         } else {
1606    //             $("#is_login").after(login);
1607    //         }
1608    //         //$.getScript("/statics/hw/js/mode.js");
1609    //     },
1610    //     error: function (res) {
1611    //         $("#is_login").after(login);
1612    //         //$.getScript("/statics/hw/js/mode.js");
1613    //     }
1614    // })
1615  });
1616  function huion_store(url) {
1617    gtag("event", "huion_to_store", {
1618      event_category: "huion_store",
1619      event_label: "Huion Store",
1620    });
1621    //window.location = url;
1622    window.open(url);
1623  }
1624  function RegToAgreement(index) {
1625    layer.close(index);
1626    layer.open({
1627      type: 1,
1628      title: "Privacy Policy",
1629      shadeClose: true,
1630      shade: 0.8,
1631      area: ["90%", "80%"],
1632      end: function () {
1633        reg();
1634      },
1635      content: $("#showagreement_info").html(), //iframe的url
1636    });
1637  }
1638</script>
1638
1639    <style>
1640        /*重置样式*/
1641        body,
1642        ul,
1643        ol,
1644        li,
1645        p,
1646        h1,
1647        h2,
1648        h3,
1649        h4,
1650        h5,
1651        h6,
1652        form,
1653        fieldset,
1654        table,
1655        td,
1656        img,
1657        div,
1658        dl,
1659        dt,
1660        dd,
1661        input {
1662            margin: 0;
1663            padding: 0;
1664        }
1665
1666        li {
1667            list-style: none;
1668        }
1669
1670        span {
1671            display: inline-block;
1672        }
1673
1674        /*清浮动*/
1675        .clearfix:after {
1676            content: "";
1677            display: block;
1678            clear: both;
1679        }
1680
1681        .clearfix {
1682            zoom: 1;
1683        }
1684
1685        .center {
1686            max-width: 1200px;
1687            margin: 0 auto;
1688            padding: 0 10px;
1689            box-sizing: border-box;
1690        }
1691
1692        .text-centered {
1693            text-align: center;
1694        }
1695
1696        .distributor-wrap {
1697            padding-bottom: 80px;
1698        }
1699
1700        .distributor-wrap .txt .headline {
1701            font-family: 'Aileron-Bold';
1702            font-size: 48px;
1703            color: #000;
1704            padding-top: 150px;
1705        }
1706
1707        .distributor-wrap .txt .tit {
1708            font-family: 'Aileron-Bold';
1709            font-size: 18px;
1710            color: #000;
1711            padding-top: 36px;
1712        }
1713
1714        .distributor-wrap .txt .desc {
1715            font-size: 16px;
1716            color: #808080;
1717            padding-top: 18px;
1718        }
1719
1720
1721        .distributor-wrap .btn {
1722            margin-top: 70px;
1723        }
1724
1725        .distributor-wrap .result {
1726            position: relative;
1727        }
1728
1729        .distributor-wrap .result .item {
1730            float: left;
1731            width: 380px;
1732            height: 290px;
1733            box-sizing: border-box;
1734            border-radius: 4px;
1735            margin-right: 20px;
1736            margin-bottom: 40px;
1737            padding: 30px 20px 80px;
1738            background: #eeeeee;
1739        }
1740
1741        .distributor-wrap .result .item:nth-child(3n) {
1742            margin-right: 0;
1743        }
1744
1745        .distributor-wrap .result .item .name {
1746            font-family: 'Aileron-Bold';
1747            font-size: 24px;
1748            color: #000;
1749            padding-bottom: 20px;
1750        }
1751
1752        .distributor-wrap .result .item .person {
1753            font-family: 'Aileron-Bold';
1754            font-size: 16px;
1755            color: #000;
1756            padding-bottom: 8px;
1757        }
1758
1759        .distributor-wrap .result .item ul li {
1760            font-size: 14px;
1761            color: #666;
1762            padding-bottom: 8px;
1763        }
1764
1765        .distributor-wrap .result .item ul li span {
1766            color: #333;
1767        }
1768
1769        .distributor-wrap .btn .page {
1770            padding-top: 20px;
1771        }
1772
1773        .distributor-wrap .btn .page .el-pagination.is-background .el-pager li:not(.disabled).active {
1774            background-color: #00bfd6;
1775        }
1776
1777        .distributor-wrap .btn .page .el-pagination.is-background .el-pager li:hover {
1778            color: #00bfd6;
1779        }
1780
1781        .distributor-wrap .btn .page .el-pagination.is-background .el-pager li.active:hover {
1782            color: #fff;
1783        }
1784
1785        @media screen and (max-width:1200px) {
1786            .distributor-wrap .center {
1787                padding: 0 5% 80px;
1788            }
1789
1790            .distributor-wrap .txt {
1791                width: 100%;
1792            }
1793
1794            .distributor-wrap .txt .headline {
1795                font-size: 36px;
1796            }
1797
1798            .distributor-wrap .result .item {
1799                width: 49%;
1800                height: 320px;
1801                margin-right: 2%;
1802                margin-bottom: 20px;
1803            }
1804
1805            .distributor-wrap .result .item:nth-child(3n) {
1806                margin-right: 2%;
1807            }
1808
1809            .distributor-wrap .result .item:nth-child(2n) {
1810                margin-right: 0;
1811            }
1812        }
1813
1814        @media screen and (max-width:600px) {
1815            .distributor-wrap .txt .headline {
1816                padding-top: 80px;
1817            }
1818
1819            .distributor-wrap .txt .headline {
1820                font-size: 28px;
1821            }
1822
1823            .distributor-wrap .btn {
1824                margin-top: 40px;
1825            }
1826
1827            .distributor-wrap .txt .tit {
1828                padding-top: 30px;
1829            }
1830
1831            .distributor-wrap .txt .tit {
1832                font-size: 16px;
1833            }
1834
1835            .distributor-wrap .result .item .name {
1836                font-size: 20px;
1837            }
1838
1839            .distributor-wrap .result .item {
1840                width: 100%;
1841                height: auto;
1842                padding: 30px 20px 30px;
1843            }
1844        }
1845    </style>
1846    <div class="distributor-wrap">
1847        <div class="center">
1848            <div class="txt text-centered">
1849                <div class="headline">Dealer Locator</div>
1850                <div class="tit">You can find authorized dealers in various regions recognized by Huion Trend Technology
1851                    Co., Ltd. on this page.</div>
1852                <div class="desc">Huion recognizes and authorizes the legitimate rights and interests of customers who
1853                    sign dealer purchase contracts with it, ensuring that the services they are entitled to will not be
1854                    affected by changes in the distribution relationship between Huion and its dealers. Furthermore,
1855                    Huion emphasizes that it and its authorized dealers are independent legal entities, and the dealers
1856                    bear all responsibilities for the sales and services they provide. Huion is only responsible for the
1857                    products.</div>
1858            </div>
1859            <div class="btn">
1860                <div class="result clearfix" v-loading="loading">
1861                    <div>
1862                        <div class="item" v-for="(item, index) in itemData" :key="index">
1863                            <div class="name" v-if="item.name">{{ item.name }}</div>
1864                            <div class="person" v-if="item.person">{{ item.person }}</div>
1865                            <ul>
1866                                <li v-if="item.address"><span>Local store/address:</span> {{ item.address }}</li>
1867                                <li v-if="item.website"><span>Website:</span> {{ item.website }}</li>
1868                                <li v-if="item.country"><span>Country:</span> {{ item.country }}</li>
1869                                <li v-if="item.email"><span> Contact email:</span> {{ item.email }} </li>
1870                                <li v-if="item.phone"><span>Contact No:</span> {{ item.phone }}</li>
1871                            </ul>
1872                        </div>
1873                    </div>
1874                </div>
1875                <div class="page text-centered">
1876                    <el-pagination :page-size="page_size" :total="total" @current-change="handleCurrentChange"
1877                        background layout="prev, pager, next">
1878                    </el-pagination>
1879                </div>
1880            </div>
1881        </div>
1882    </div>
1883    
1883<script>
1884        new Vue({
1885            el: '.distributor-wrap',
1886            data: function () {
1887                return {
1888                    page_index: 1, //当前默认
1889                    page_size: 9, //一页几个
1890                    total: 0,//总条数
1891                    itemData: [],//列表数据
1892                    loading: false, //加载中
1893                }
1894            },
1895            created() {
1896                this.supplierList();
1897            },
1898            watch: {
1899
1900            },
1901            mounted() {
1902
1903            },
1904            methods: {
1905                handleCurrentChange(pageIndex) {
1906                    this.page_index = pageIndex;
1907                    this.supplierList();
1908                },
1909                supplierList() {
1910                    const that = this
1911                    that.loading = true
1912                    $.ajax({
1913                        url: '/dealer-search/page?page=' + that.page_index,
1914                        type: 'GET',
1915                        dataType: 'json',
1916                        success: function (res) {
1917                            that.loading = false
1918                            that.total = JSON.parse(res.count);
1919                            that.itemData = res.data;
1920                        }
1921                    })
1922                }
1923            }
1924
1925        })
1926    </script>
1926
1927    <link rel="stylesheet" href="/statics/hw/vue/index.css">
1928<script src="/statics/hw/vue/vue.js"></script>
vendor: 2 bytes, line 1928
1928
1929<script src="/statics/hw/vue/index.js"></script>
vendor: 2 bytes, line 1929
1929
1930<script src="/statics/hw/js/jquery.cookie.js"></script>
1930
1931
1932<footer>
1933    <div class="H-footer">
1934        <div class="H-container wt clearfix">
1935            <div class="H-list-one H-font14 clearfix">
1936                <ul>
1937                    <span class="H-colorF">Product</span>
1938                    <li>
1939                        <a href="/pen-tablet">Pen Tablet</a>
1940                    </li>
1941                    <li>
1942                        <a href="/pen-display">Pen Display</a>
1943                    </li>
1944                    <!-- <li>
1945                        <a href="/led_light_pad">LED Light Pad</a>
1946                    </li>
1947                    <li>
1948                        <a href="/hub">Hub</a>
1949                    </li> -->
1950                    <li>
1951                        <a href="/accessories">Accessories </a>
1952                    </li>
1953                </ul>
1954                <ul>
1955                    <span class="H-colorF">Support</span>
1956                    <li><a href="/download">Driver &amp; Manual</a></li>
1957                    <li><a href="https://support.huion.com/en/support/home">FAQs</a></li>
1958                    <li><a href="/warranty">Warranty Statement</a></li>
1959                    <!-- <li><a href="/Firmware.html">Firmware</a></li> -->
1960                </ul>
1961                <ul>
1962                    <span class="H-colorF">Enterprise</span>
1963                    <li><a href="/b2b/products?id=1" target="_blank">E-signing </a></li>
1964                    <li><a href="/b2b/products?id=2" target="_blank">Education </a></li>
1965                    <li><a href="/b2b/" target="_blank">OEM &ODM</a></li>
1966                </ul>
1967                <ul>
1968                    <span class="H-colorF">About HUION</span>
1969                    <li><a href="/about-us">About us</a></li>
1970                    <li><a href="/news">News</a></li>
1971                    <li><a href="/contact-us">Contact us</a></li>
1972                    <li><a href="/dealer-search">Dealer Locator</a></li>
1973                </ul>
1974                <ul>
1975                    <span class="H-colorF">Member</span>
1976                                        <li>
1977						<a href="/account/profile">Login</a>
1978                        <a href="/account/profile">Register</a>
1979                    </li>
1980                                    </ul>
1981            </div>
1982
1983            <div class="H-list-two H-font14">
1984                <div class="H-fr clearfix">
1985                    <div class="H-code clearfix">
1986                        <span class="H-colorF H-fl-new">Follow Us:</span>
1987                        <ul class="clearfix">
1988                            <li>
1989                                <a href="https://www.youtube.com/channel/UC1i6Qtt-ude6K1sVyFOhBXw" title="Youtube"
1990                                    target="_blank">
1991                                    <!--<img id="youtube" src="/statics/hw/images/youtube.png" title="Youtube"/>-->
1992                                </a>
1993                            </li>
1994                            <li>
1995                                <a href="https://www.facebook.com/huion" title="Facebook" target="_blank">
1996                                    <!--<img id="Facebook" src="/statics/hw/images/Facebookcopy.png" title="Facebook"/>-->
1997                                </a>
1998                            </li>
1999                            <li>
2000                                <a href="https://www.instagram.com/huiontablet" title="Instagram" target="_blank">
2001                                    <!--<img id="Instagram" src="/statics/hw/images/instagram.png"title="Instagram"/>-->
2002                                </a>
2003                            </li>
2004                            <li>
2005                                <a href="https://twitter.com/HuionTab" title="Twitter" target="_blank">
2006                                    <!--<img id="Twitter" src="/statics/hw/images/Shape2.png" title="Twitter"/>-->
2007                                </a>
2008                            </li>
2009
2010                            <li>
2011                                <a href="https://www.tiktok.com/@huiontablet?lang=en" title="TikTok" target="_blank">
2012                                    <!--<img id="TikTok" src="/statics/hw/images/Deviantart.png" title="Deviantart"/>-->
2013                                </a>
2014                            </li>
2015                            <li>
2016                                <a href="https://discord.gg/ADMtgpcAgr" title="discord" target="_blank"></a>
2017                            </li>
2018                        </ul>
2019                    </div>
2020                </div>
2021                <div class="newsletter">
2022                    <div class="H-rt-newsletter">Newsletter Subscription:</div>
2023                    <div class="text">
2024                        <div id="mc_embed_shell">
2025                            <div id="mc_embed_signup">
2026                                <form
2027                                    action="https://huion.us18.list-manage.com/subscribe/post?u=80c5cae3601ab6d07ae0a7a2d&amp;id=571632e7d0&amp;v_id=1470&amp;f_id=0085f5e1f0"
2028                                    method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form"
2029                                    class="validate" target="_self" novalidate="">
2030                                    <div id="mc_embed_signup_scroll" class="clearfix">
2031                                        <input type="email" name="EMAIL" class="required email" id="mce-EMAIL"
2032                                            required="" value="" placeholder="Your Email Address..." autocomplete="off">
2033                                        <input type="submit" name="subscribe" id="mc-embedded-subscribe" class="buttons"
2034                                            value="">
2035                                    </div>
2036                                    <div id="mce-responses" class="clear">
2037                                        <div class="response" id="mce-error-response" style="display: none;"></div>
2038                                        <div class="response" id="mce-success-response" style="display: none;"></div>
2039                                    </div>
2040                                </form>
2041                            </div>
2042                        </div>
2043                    </div>
2044                </div>
2045            </div>
2046            <div class="H-list-three wt">
2047                <span>
2048                    <a href="/privacy-policy">Privacy Policy</a>
2049                    <a href="/terms-of-use">Terms and Conditions</a>
2050                     <a href="javascript:void(0)" onclick="openCookieSettings()" class="footer-cookie-link" style="padding-left: 40px;">Cookie Settings</a>
2051                </span>
2052            </div>
2053            <div class="H-list-four wt">
2054                <div class="four-lf">
2055                    <p> Copyright ©<span id="dates" style="display: inline-block;"></span> Shenzhen Huion Trend
2056                        Technology Co., Ltd. All Rights Reserved</p>
2057                </div>
2058                <div class="four-rt">
2059                    <a class='lgclass' href="javascript:void(0);">
2060                        <span><img alt="" src="/statics/hw/site/icon/home-language-icon.png"></span>
2061                        <p @click="dialogVisible = true">United States / English</p>
2062                    </a>
2063                </div>
2064            </div>
2065        </div>
2066        <!--H-container--EDN---->
2067        <!--语言弹窗-->
2068        <el-dialog title="Choose your Country or region" :visible.sync="dialogVisible" width="1100px">
2069            <span>
2070                <div class="H-language-content">
2071                    <div class="H-language-module">
2072                        <div class="H-language-list">
2073                            <div class="H-language-list-title">
2074                                <h2>Asia</h2>
2075                                <div class="language-hr"></div>
2076                            </div>
2077                            <ul class="clearfix">
2078                                <li v-for="item in items.one" @click="openLink(item.url)">
2079                                    <img :src="item.icon" alt="">
2080                                    <p><span>{{ item.country }}</span><span class="lg">{{ item.lang }}</span></p>
2081                                </li>
2082                            </ul>
2083                        </div>
2084                    </div>
2085                    <div class="H-language-module">
2086                        <div class="H-language-list">
2087                            <div class="H-language-list-title">
2088                                <h2>Europe</h2>
2089                                <div class="language-hr"></div>
2090                            </div>
2091                            <ul class="clearfix">
2092                                <li v-for="item in items.two" @click="openLink(item.url)">
2093                                    <img :src="item.icon" alt="">
2094                                    <p><span>{{ item.country }}</span><span class="lg">{{ item.lang }}</span></p>
2095                                </li>
2096                            </ul>
2097                        </div>
2098                    </div>
2099                    <div class="H-language-module">
2100                        <div class="H-language-list">
2101                            <div class="H-language-list-title">
2102                                <h2>North America</h2>
2103                                <div class="language-hr"></div>
2104                            </div>
2105                            <ul class="clearfix">
2106                                <li v-for="item in items.three" @click="openLink(item.url)">
2107                                    <img :src="item.icon" alt="">
2108                                    <p><span>{{ item.country }}</span><span class="lg">{{ item.lang }}</span></p>
2109                                </li>
2110                            </ul>
2111                        </div>
2112                    </div>
2113                    <div class="H-language-module">
2114                        <div class="H-language-list">
2115                            <div class="H-language-list-title">
2116                                <h2>South America</h2>
2117                                <div class="language-hr"></div>
2118                            </div>
2119                            <ul class="clearfix">
2120                                <li v-for="item in items.four" @click="openLink(item.url)">
2121                                    <img :src="item.icon" alt="">
2122                                    <p><span>{{ item.country }}</span><span class="lg">{{ item.lang }}</span></p>
2123                                </li>
2124                            </ul>
2125                        </div>
2126                    </div>
2127                    <div class="H-language-module">
2128                        <div class="H-language-list">
2129                            <div class="H-language-list-title">
2130                                <h2>Oceania Pacific</h2>
2131                                <div class="language-hr"></div>
2132                            </div>
2133                            <ul class="clearfix">
2134                                <li v-for="item in items.five" @click="openLink(item.url)">
2135                                    <img :src="item.icon" alt="">
2136                                    <p><span>{{ item.country }}</span><span class="lg">{{ item.lang }}</span></p>
2137                                </li>
2138                            </ul>
2139                        </div>
2140                    </div>
2141                </div>
2142            </span>
2143        </el-dialog>
2144    </div>
2145</footer>
2146
2147<!--回到顶部-->
2148<div class="back-to-top" onclick="$('body,html').animate({scrollTop:0},500);"
2149    style="position: fixed;right: 20px;bottom: 100px;width: 60px;height: 60px;z-index: 999;cursor: pointer;">
2150    <img width="100%" src="/statics/hw/images/back-to-top-icon.svg" alt="">
2151</div>
2152<!--  Cookie 同意弹窗 -->
2153<div id="cookieConsent" class="cookie-consent-main">
2154  <div class="cookie-consent-container">
2155    <div class="cookie-consent-content">
2156      <p class="cookie-consent-desc">
2157        We use cookies and similar technologies to personalize content, analyze site traffic, and improve your experience. You can manage your preferences or reject non-e
2157ssential cookies at any time. For details, see our
2158        <a href="/privacy-policy" target="_blank" class="cookie-consent-link">Privacy Policy</a>.
2159      </p>
2160    </div>
2161    <div class="cookie-consent-actions">
2162      <button onclick="openCookieSettings()" class="cookie-btn cookie-btn-secondary">Cookie Preferences</button>
2163      <button onclick="rejectAllCookies()" class="cookie-btn cookie-btn-primary">Reject All Cookies</button>
2164      <button onclick="acceptAllCookies()" class="cookie-btn cookie-btn-primary">Accept All Cookies</button>
2165    </div>
2166  </div>
2167</div>
2168
2169<!--  Cookie 详细设置面板 -->
2170<div id="cookieSettingsPanel" class="cookie-settings-panel">
2171  <div class="cookie-settings-header">
2172    <h3 class="cookie-settings-title">Cookie Preferences</h3>
2173    <span onclick="closeCookieSettings()" class="cookie-close-btn">&times;</span>
2174  </div>
2175
2176  <p class="cookie-consent-desc cookie-consent-desc2">
2177    When you visit our website, we, along with our partners and/or third parties (if applicable), may store cookies on your browser to enhance your overall online experience. The cookies used on this website are categorized as follows: essential cookies, functional cookies, analytical cookies, and marketing cookies. You can manage your cookie preferences by toggling the on/off button. For more information, please refer to our
2178    <a href="/privacy-policy" target="_blank" class="cookie-consent-link">Privacy Policy</a>.
2179  </p>
2180
2181  <div class="cookie-settings-list">
2182
2183 <!-- 必要Cookie -->
2184    <div class="cookie-setting-item">
2185      <div class="top">
2186        <div class="cookie-setting-info">
2187          <div class="cookie-setting-header">
2188            <div class="cookie-setting-name">Essential Cookies</div>
2189            <span class="arrow" onclick="toggleCookieDesc('security')">+</span>
2190          </div>
2191        </div>
2192         <input type="checkbox" checked disabled class="cookie-checkbox">
2193      </div>
2194      <div class="cookie-setting-desc" id="desc-security">These cookies are vital for you to use our website and cannot be disabled in our systems. Essential cookies enable the basic functions of this site, ensuring its security and efficiency. They are typically set in response to your actions, such as logging in, accessing visual elements and page resources, completing forms, or adding items to your shopping cart. Without these cookies, the requested services cannot be provided effectively.</div>
2195    </div>
2196    <!-- 功能Cookie -->
2197    <div class="cookie-setting-item">
2198      <div class="top">
2199        <div class="cookie-setting-info">
2200          <div class="cookie-setting-header">
2201            <div class="cookie-setting-name">Functional Cookies</div>
2202            <span class="arrow" onclick="toggleCookieDesc('functional')">+</span>
2203          </div>
2204        </div>
2205        <input v-model="draft_functionality" type="checkbox" id="draft_functionality" class="cookie-checkbox">
2206      </div>
2207      <div class="cookie-setting-desc" id="desc-functional">These cookies enhance the functionality and improve your browsing experience. They may remember certain choices you have made, such as language preference, region, username, and password. These cookies may be set by us or by third-party providers whose services we have integrated into our pages. If you choose to disable these cookies, some services may not function properly, and we may not be able to offer you a higher level of personalization in your user experience.</div>
2208    </div>
2209
2210    <!-- 统计Cookie -->
2211    <div class="cookie-setting-item">
2212      <div class="top">
2213        <div class="cookie-setting-info">
2214          <div class="cookie-setting-header">
2215            <div class="cookie-setting-name">Analytics Cookies</div>
2216            <span class="arrow" onclick="toggleCookieDesc('analytics')">+</span>
2217          </div>
2218        </div>
2219        <input v-model="draft_analytics" type="checkbox" id="draft_analytics" class="cookie-checkbox">
2220      </div>
2221      <div class="cookie-setting-desc" id="desc-analytics">These cookies gather information about how you use our websites, including the pages you visit and the links you click on. They help us identify popular and less popular goods or pages and understand how visitors navigate our website. This information enables us to monitor performance and improve our services by developing new features. If you opt out of these cookies, we may 
2221not be aware of your visits to our website and may be unable to measure its performance or enhance your experience accordingly.</div>
2222    </div>
2223
2224    <!-- 营销Cookie -->
2225    <div class="cookie-setting-item">
2226      <div class="top">
2227        <div class="cookie-setting-info">
2228          <div class="cookie-setting-header">
2229            <div class="cookie-setting-name">Marketing Cookies</div>
2230            <span class="arrow" onclick="toggleCookieDesc('marketing')">+</span>
2231          </div>
2232        </div>
2233        <input v-model="draft_marketing" type="checkbox" id="draft_marketing" class="cookie-checkbox">
2234      </div>
2235      <div class="cookie-setting-desc" id="desc-marketing">These cookies track your online activities and are used to deliver more relevant advertisements to you. They may be set through our website by our advertising partners and create a profile of your interests to display targeted ads. Disabling these cookies will result in less personalized advertising being shown to you.</div>
2236    </div>
2237  </div>
2238
2239  <div class="cookie-settings-actions">
2240    <button onclick="saveCustomSettings()" class="cookie-btn cookie-btn-primary">Save My Settings</button>
2241  </div>
2242</div>
2243
2244<!-- 遮罩 -->
2245<div id="cookieOverlay" class="cookie-overlay"></div>
2246
2247<style>
2248    .cookie-a {
2249	display: block;
2250    padding-top: 20px;
2251	font-size: 16px;
2252    color: #fff;
2253}
2254/* 全局动画 */
2255.cookie-consent-main {
2256  position: fixed;
2257  bottom: 0;
2258  left: 0;
2259  right: 0;
2260  background: rgba(0, 0, 0, 0.8);
2261  z-index: 99999;
2262  padding: 28px 24px;
2263  transform: translateY(0);
2264  transition: transform 0.3s ease;
2265  display: none;
2266}
2267.cookie-consent-hidden {
2268  transform: translateY(100%);
2269}
2270
2271.cookie-consent-container {
2272  max-width: 1200px;
2273  margin: 0 auto;
2274  display: flex;
2275  flex-wrap: wrap;
2276  gap: 24px;
2277  align-items: center;
2278  justify-content: space-between;
2279}
2280.cookie-consent-content {
2281  flex: 1 1 380px;
2282}
2283.cookie-consent-desc {
2284  margin: 0;
2285  font-size: 15px;
2286  color: #fff;
2287  line-height: 1.6;
2288}
2289.cookie-consent-desc2 {
2290  color: #000 !important;
2291  margin-bottom: 10px;
2292}
2293.cookie-consent-link {
2294  color: #00bfd6;
2295  text-decoration: none;
2296  margin-left: 4px;
2297  font-weight: 500;
2298}
2299.cookie-consent-link:hover {
2300  text-decoration: underline;
2301}
2302.cookie-consent-actions {
2303  display: flex;
2304  gap: 14px;
2305  flex-wrap: wrap;
2306  align-items: center;
2307}
2308
2309/* 按钮 */
2310.cookie-btn {
2311  padding: 13px 26px;
2312  border-radius: 10px;
2313  font-size: 15px;
2314  font-weight: 500;
2315  cursor: pointer;
2316  border: none;
2317  transition: all 0.2s ease;
2318  white-space: nowrap;
2319  /* min-width: 110px; */
2320}
2321.cookie-btn-primary {
2322  background: #00bfd6;
2323  color: #fff;
2324}
2325.cookie-btn-primary:hover {
2326  background: #33c2d7;
2327}
2328.cookie-btn-secondary {
2329  background: transparent;
2330  color: #00bfd6;
2331}
2332.cookie-btn-secondary:hover {
2333  color: #33c2d7;
2334}
2335
2336/* 遮罩 */
2337.cookie-overlay {
2338  position: fixed;
2339  top: 0; left: 0; right: 0; bottom: 0;
2340  background: rgba(0,0,0,0.5);
2341  z-index: 99999;
2342  display: none;
2343}
2344
2345/* 设置面板 */
2346.cookie-settings-panel {
2347  position: fixed;
2348  top: 50%; left: 50%;
2349  transform: translate(-50%, -50%);
2350  width: 90%; max-width: 540px;
2351  max-height: 85vh; overflow-y: auto;
2352  background: #fff; border-radius: 12px;
2353  box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);
2354  z-index: 100000; padding: 32px;
2355  display: none;
2356}
2357.cookie-settings-panel::-webkit-scrollbar { width: 6px; }
2358.cookie-settings-panel::-webkit-scrollbar-thumb { background: #e5e7eb; border-radius: 3px; }
2359
2360.cookie-settings-header {
2361  display: flex; justify-content: space-between; align-items: center;
2362  margin-bottom: 18px; padding-bottom: 20px; border-bottom: 1px solid #e5e7eb;
2363}
2364.cookie-settings-title {
2365  margin: 0; font-size: 22px; font-weight: 600; color: #111827;
2366}
2367.cookie-close-btn {
2368  font-size: 48px; cursor: pointer; color: #000; line-height: 1;
2369}
2370
2371.cookie-setting-item1 {
2372  display: flex;
2373  justify-content: space-between;
2374  align-items: flex-start;
2375  padding: 16px 0;
2376  border-bottom: 1px solid #e5e7eb;
2377  gap: 16px;
2378}
2379.cookie-setting-item {
2380 
2381  padding: 16px 0;
2382  border-bottom: 1px solid #e5e7eb;
2383  
2384}
2385.cookie-setting-item .top {
2386  display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; width: 100%;
2387}
2388.cookie-setting-item:last-child { border-bottom: none; }
2389
2390.cookie-setting-info { flex: 1; }
2391.cookie-setting-header {
2392  display: flex; justify-content: space-between; align-items: center;
2393  min-height: 24px;
2394}
2395.cookie-setting-name {
2396  font-weight: 500; color: #111827; font-size: 16px;
2397}
2398.arrow {
2399  font-size: 24px; color: #000; font-weight: bold;
2400  cursor: pointer; width: 26px; height: 26px;
2401  display: flex; align-items: center; justify-content: center;
2402  border-radius: 6px; user-select: none;
2403}
2404.arrow:hover { background: rgba(0,191,214,0.1); }
2405.cookie-setting-desc1{
2406    font-size: 14px; color: #6b7280; line-height: 1.5; padding-top: 6px;
2407}
2408.cookie-setting-desc {
2409  font-size: 14px; color: #6b7280; line-height: 1.5; padding-top: 6px;
2410  display: none;
2411}
2412.cookie-checkbox {
2413  width: 22px; height: 22px; cursor: pointer; margin-top: 2px; flex-shrink: 0;
2414}
2415.cookie-checkbox:disabled { opacity: 0.6; }
2416
2417.cookie-settings-actions {
2418  display: flex; gap: 16px; justify-content: flex-end;
2419  padding-top: 24px; border-top: 1px solid #e5e7eb;
2420}
2421
2422@media (max-width:768px) {
2423  .cookie-consent-main { padding: 24px 20px; }
2424  .cookie-consent-actions { width: 100%; }
2425  .cookie-btn { flex: 1; }
2426  .cookie-settings-panel { padding: 24px; }
2427}
2428</style>
2429
2430<script>
2431let consentState = {
2432  analytics_storage: 'granted',
2433  ad_storage: 'granted',
2434  ad_user_data: 'granted',
2435  ad_personalization: 'granted',
2436  functionality_storage: 'granted',
2437  personalization_storage: 'granted',
2438  security_storage: 'granted'
2439}
2440
2441// 草稿状态(不保存不生效)
2442let draft = {
2443  functionality: true,
2444  analytics: true,
2445  marketing: true
2446}
2447
2448let expandedDesc = ''
2449
2450// DOM 加载完成
2451document.addEventListener('DOMContentLoaded', () => {
2452  initConsentMode()
2453  const hasConsent = loadConsentFromStorage()
2454  if (!hasConsent) {
2455    document.getElementById('cookieConsent').style.display = 'block'
2456  }
2457  syncConsentToDraft()
2458})
2459
2460// 初始化 Google Consent Mode V2
2461function initConsentMode() {
2462  window.dataLayer = window.dataLayer || []
2463  window.gtag = function(){dataLayer.push(arguments)}
2464  gtag('consent', 'default', { ...consentState, wait_for_update: 500 })
2465}
2466
2467// 同步真实状态 → 草稿
2468function syncConsentToDraft() {
2469  draft.functionality = consentState.functionality_storage === 'granted'
2470  draft.analytics = consentState.analytics_storage === 'granted'
2471  draft.marketing = consentState.ad_storage === 'granted'
2472
2473  document.getElementById('draft_functionality').checked = draft.functionality
2474  document.getElementById('draft_analytics').checked = draft.analytics
2475  document.getElementById('draft_marketing').checked = draft.marketing
2476}
2477
2478// 草稿 → 真实状态
2479function applyDraftToConsent() {
2480  const fn = draft.functionality ? 'granted' : 'denied'
2481  consentState.functionality_storage = fn
2482  consentState.personalization_storage = fn
2483
2484  consentState.analytics_storage = draft.analytics ? 'granted' : 'denied'
2485
2486  const ad = draft.marketing ? 'granted' : 'denied'
2487  consentState.ad_storage = ad
2488  consentState.ad_user_data = ad
2489  consentState.ad_personalization = ad
2490
2491  consentState.security_storage = 'granted'
2492}
2493
2494// 保存
2495function saveConsentToStorage() {
2496  localStorage.setItem('huionCookieConsent', JSON.stringify(consentState))
2497}
2498
2499// 读取
2500function loadConsentFromStorage() {
2501  const saved = localStorage.getItem('huionCookieConsent')
2502  if (!saved) return false
2503  try {
2504    const data = JSON.parse(saved)
2505    consentState = { ...consentState, ...data }
2506    updateConsentMode()
2507    return true
2508  } catch (e) { return false }
2509}
2510
2511// 更新 GTM
2512function updateConsentMode() {
2513  if (window.gtag) gtag('consent', 'update', consentState)
2514}
2515
2516// 全部同意
2517function acceptAllCookies() {
2518  consentState = {
2519    analytics_storage: 'granted',
2520    ad_storage: 'granted',
2521    ad_user_data: 'granted',
2522    ad_personalization: 'granted',
2523    functionality_storage: 'granted',
2524    personalization_storage: 'granted',
2525    security_storage: 'granted'
2526  }
2527  saveConsentToStorage()
2528  updateConsentMode()
2529  document.getElementById('cookieConsent').style.display = 'none'
2530}
2531
2532// 全部拒绝
2533function rejectAllCookies() {
2534  consentState = {
2535    analytics_storage: 'denied',
2536    ad_storage: 'denied',
2537    ad_user_data: 'denied',
2538    ad_personalization: 'denied',
2539    functionality_storage: 'denied',
2540    personalization_storage: 'denied',
2541    security_storage: 'granted'
2542  }
2543  saveConsentToStorage()
2544  updateConsentMode()
2545  document.getElementById('cookieConsent').style.display = 'none'
2546}
2547
2548// 打开设置
2549function openCookieSettings() {
2550  syncConsentToDraft()
2551  document.getElementById('cookieConsent').style.display = 'none'
2552  document.getElementById('cookieSettingsPanel').style.display = 'block'
2553  document.getElementById('cookieOverlay').style.display = 'block'
2554  document.querySelectorAll('.cookie-setting-desc').forEach(d => d.style.display = 'none')
2555document.querySelectorAll('.arrow').forEach(a => a.textContent = '+')
2556}
2557
2558// 关闭设置
2559function closeCookieSettings() {
2560  document.getElementById('cookieSettingsPanel').style.display = 'none'
2561  document.getElementById('cookieOverlay').style.display = 'none'
2562  if (!localStorage.getItem('huionCookieConsent')) {
2563    document.getElementById('cookieConsent').style.display = 'block'
2564  }
2565}
2566
2567// 折叠切换
2568function toggleCookieDesc(key) {
2569  const desc = document.getElementById(`desc-${key}`)
2570  const arrow = desc.parentElement.querySelector('.arrow')
2571
2572  if (expandedDesc === key) {
2573    desc.style.display = 'none'
2574    arrow.textContent = '+'
2575    expandedDesc = ''
2576  } else {
2577    document.querySelectorAll('.cookie-setting-desc').forEach(d => d.style.display = 'none')
2578    document.querySelectorAll('.arrow').forEach(a => a.textContent = '+')
2579    desc.style.display = 'block'
2580    arrow.textContent = '−'
2581    expandedDesc = key
2582  }
2583}
2584
2585// 保存自定义设置
2586function saveCustomSettings() {
2587  draft.functionality = document.getElementById('draft_functionality').checked
2588  draft.analytics = document.getElementById('draft_analytics').checked
2589  draft.marketing = document.getElementById('draft_marketing').checked
2590
2591  applyDraftToConsent()
2592  saveConsentToStorage()
2593  updateConsentMode()
2594  closeCookieSettings()
2595}
2596
2597// 全局调用
2598window.openCookieSettings = openCookieSettings
2599</script>
vendor: 2 bytes, line 2599
2599
2600<script type="text/javascript" src="https://cdn.bootcss.com/layer/2.3/layer.js"></script>
2600
2601
2602<script type="text/javascript">
2603    new Vue({
2604        el: '.H-footer',
2605        data: function () {
2606            return {
2607                dialogVisible: false,
2608                items: {
2609                    one: [
2610                        {
2611                            url: 'https://www.huion.cn/?region=visitor',
2612                            icon: 'https://www.huion.com/statics/hw/site/icon/home-lunguage-icon-cn.jpg',
2613                            country: '中国大陆',
2614                            lang: '/ 简体中文'
2615                        },
2616                        {
2617                            url: 'https://www.huion.com/',
2618                            icon: 'https://www.huion.com/statics/hw/site/img/xianggang.png',
2619                            country: '中國香港',
2620                            lang: '/ English'
2621                        },
2622                        {
2623                            url: 'https://www.huion.com/',
2624                            icon: 'https://www.huion.com/statics/hw/site/img/India.png',
2625                            country: 'India',
2626                            lang: '/ English'
2627                        },
2628                        {
2629                            url: 'https://www.huion.com/',
2630                            icon: 'https://www.huion.com/statics/hw/site/img/Inonesia.png',
2631                            country: 'Indonesia',
2632                            lang: '/ English'
2633                        },
2634                        {
2635                            url: 'https://www.huion.com/jp/',
2636                            icon: 'https://www.huion.com/statics/hw/site/img/jp-languaue.png',
2637                            country: '日本',
2638                            lang: '/ 日本語'
2639                        },
2640                        {
2641                            url: 'https://www.huion.com/kr/',
2642                            icon: 'https://www.huion.com/statics/hw/site/img/kr-languaue.png',
2643                            country: '대한민국',
2644                            lang: '/ 한국어'
2645                        },
2646                        {
2647                            url: 'https://www.huion.com/',
2648                            icon: 'https://www.huion.com/statics/hw/site/img/Malaysia.png',
2649                            country: 'Malaysia',
2650                            lang: '/ English'
2651                        },
2652                        {
2653                            url: 'https://www.huion.com',
2654                            icon: 'https://www.huion.com/statics/hw/site/img/Philippines.png',
2655                            country: 'Philippines',
2656                            lang: '/ English'
2657                        },
2658                        {
2659                            url: 'https://www.huion.com/',
2660                            icon: 'https://www.huion.com/statics/hw/site/img/Singapore.png',
2661                            country: 'Singapore',
2662                            lang: '/ English'
2663                        },
2664                        {
2665                            url: 'https://www.huion.com/',
2666                            icon: 'https://www.huion.com/statics/hw/site/img/Thailand.png',
2667                            country: 'Thailand',
2668                            lang: '/ English'
2669                        },
2670                        {
2671                            url: 'https://www.huion.com/ru/',
2672                            icon: 'https://www.huion.com/statics/hw/images/eluosi.jpg',
2673                            country: 'Russia',
2674                            lang: '/ Русский'
2675                        },
2676                        {
2677                            url: 'https://www.huion.com/ar/',
2678                            icon: 'https://www.huion.com/statics/hw/site/img/arab.jpg',
2679                            country: 'Arab',
2680                            lang: '/ العربية'
2681                        },
2682                    ],
2683                    two: [
2684                        {
2685                            url: 'https://www.huion.com/',
2686                            icon: 'https://www.huion.com/statics/hw/site/img/Denmark.png',
2687                            country: 'Denmark',
2688                            lang: '/ English'
2689                        },
2690                        {
2691                            url: 'https://www.huion.com/de/',
2692                            icon: 'https://www.huion.com/statics/hw/site/img/Deutsch.png',
2693                            country: 'Deutsch',
2694                            lang: '/ Deutsch'
2695                        },
2696                        {
2697                            url: 'https://www.huion.com/',
2698                            icon: 'https://www.huion.com/statics/hw/site/img/Netherlands.png',
2699                            country: 'Netherlands',
2700                            lang: '/ English'
2701                        },
2702                        {
2703                            url: 'https://www.huion.com/',
2704                            icon: 'https://www.huion.com/statics/hw/site/img/Sweden.png',
2705                            country: 'Sweden',
2706                            lang: '/ English'
2707                        },
2708                        {
2709                            url: 'https://www.huion.com/',
2710                            icon: 'https://www.huion.com/statics/hw/site/img/Switzerland.png',
2711                            country: 'Switzerland',
2712                            lang: '/ English'
2713                        },
2714                        {
2715                            url: 'https://www.huion.com/',
2716                            icon: 'https://www.huion.com/statics/hw/site/img/Turkey.png',
2717                            country: 'Turkey',
2718                            lang: '/ English'
2719                        },
2720                        {
2721                            url: 'https://www.huion.com/',
2722                            icon: 'https://www.huion.com/statics/hw/site/img/UnitedKingdom.png',
2723                            country: 'United Kingdom',
2724                            lang: '/ English'
2725                        },
2726                        {
2727                            url: 'https://www.huion.com/es/',
2728                            icon: 'https://www.huion.com/statics/hw/site/img/Spain.png',
2729                            country: 'Spain',
2730                            lang: '/ Español'
2731                        },
2732                        {
2733                            url: 'https://www.huion.com/fr/',
2734                            icon: 'https://www.huion.com/statics/hw/site/img/France.jpg',
2735                            country: 'France',
2736                            lang: '/ Français'
2737                        },
2738                        {
2739                            url: 'https://www.huion.com/pt/',
2740                            icon: 'https://www.huion.com/statics/hw/site/img/Portugal.jpg',
2741                            country: 'Portugal',
2742                            lang: '/ Portuguese'
2743                        },
2744                        {
2745                            url: 'https://www.huion.com/it',
2746                            icon: 'https://www.huion.com/statics/hw/site/img/Italy.jpg',
2747                            country: 'Italy',
2748                            lang: '/ Italiano'
2749                        },
2750                    ],
2751                    three: [
2752                        {
2753                            url: 'https://www.huion.com/',
2754                            icon: 'https://www.huion.com/statics/hw/site/img/Canada.png',
2755                            country: 'Canada',
2756                            lang: '/ English'
2757                        },
2758                        {
2759                            url: 'https://www.huion.com/',
2760                            icon: 'https://www.huion.com/statics/hw/site/img/UnitedStates.png',
2761                            country: 'United States',
2762                            lang: '/ English'
2763                        },
2764                        {
2765                            url: 'https://www.huion.com/es/',
2766                            icon: 'https://www.huion.com/statics/hw/site/icon/home-lunguage-icon-pt.jpg',
2767                            country: 'Mexico',
2768                            lang: '/ Español'
2769                        }
2770                    ],
2771                    four: [
2772                        {
2773                            url: 'https://www.huion.com/pt/',
2774                            icon: 'https://www.huion.com/statics/hw/site/icon/home-lunguage-icon-bx.jpg',
2775                            country: 'Brazil',
2776                            lang: '/ Portuguese'
2777                        },
2778                    ],
2779                    five: [
2780                        {
2781                            url: 'https://www.huion.com/',
2782                            icon: 'https://www.huion.com/statics/hw/site/img/Australia.png',
2783                            country: 'Australia',
2784                            lang: '/ English'
2785                        },
2786                        {
2787                            url: 'https://www.huion.com/',
2788                            icon: 'https://www.huion.com/statics/hw/site/img/NewZealand.png',
2789                            country: 'New Zealand',
2790                            lang: '/ English'
2791                        }
2792                    ],
2793                }
2794            }
2795        },
2796        created() {
2797        },
2798        mounted() {
2799        },
2800        methods: {
2801            openLink(url) {
2802                //$.cookie('scarab.visitor.office', 'visitor');
2803                setTimeout(() => {
2804                    window.location.href = url
2805                }, 100);
2806            },
2807        }
2808    })
2809</script>
2809
2810
2811<style>
2812    .v-modal {
2813        z-index: 0 !important;
2814    }
2815
2816    .el-dialog__body {
2817        padding: 30px 40px;
2818    }
2819
2820    .H-language-list ul li img {
2821        width: unset;
2822        height: auto;
2823    }
2824
2825    .el-dialog__title {
2826        text-align: center;
2827        font-size: 38px;
2828        padding-top: 60px;
2829    }
2830
2831    .H-language-list ul li {
2832        cursor: pointer;
2833    }
2834
2835    .H-language-list ul li p {
2836        padding-top: 4.5px;
2837    }
2838
2839    .H-language-list ul li p * {
2840        display: inline-block;
2841        vertical-align: middle;
2842    }
2843
2844    .H-language-list ul li p .lg {
2845        font-size: 16px;
2846        color: #b2b2b2;
2847        padding-left: 5px;
2848    }
2849
2850    /* 邮件 */
2851    #mce-EMAIL {
2852        float: left;
2853        width: 80%;
2854        height: 38px;
2855        padding-left: 13%;
2856        color: #999;
2857        font-size: 14px;
2858        box-sizing: border-box;
2859        border: none;
2860        outline: none;
2861        background: transparent;
2862    }
2863
2864    #mc-embedded-subscribe {
2865        float: left;
2866        width: 20%;
2867        height: 38px;
2868        cursor: pointer;
2869        border-left: 1px solid #999;
2870        background: url('https://www.huion.com/statics/hw/images/huion-all-icon.png') no-repeat -74px -102px;
2871    }
2872</style>
2873<script>
2874    var date = new Date();
2875    document.getElementById('dates').innerHTML = date.getFullYear()
2876</script>
vendor: 2 bytes, line 2876
2876
2877<script>
2878    $(document).ready(function () {
2879        $(".layui-layer-shade").click(function () {
2880            $(".layui-layer,.layui-layer-shade").css('display', 'none');
2881        });
2882        $(".vision-f-1img").hover(function () {
2883            $(this).attr("src", "/statics/hw/site/activity/vision-activity-22.png")
2884        }, function () {
2885            $(this).attr("src", "/statics/hw/site/activity/vision-activity-bg-18.png")
2886        });
2887        $(".banner-s").hover(function () {
2888            $(this).css("background", "url('/statics/hw/site/activity/vision-activity-banner-onbtn.png') no-repeat center center")
2889        }, function () {
2890            $(this).css("background", "url('/statics/hw/site/activity/vision-activity-banner-btn.png') no-repeat center center")
2891        })
2892    });
2893</script>
vendor: 2 bytes, line 2893
2893
2894<script type="text/javascript">
2895    $(function () {
2896        $("#mc-embedded-subscribe").click(function () {
2897            var email = $("#mce-EMAIL").val();
2898            var siteid = $("#siteid").val();
2899            // if ( email == '') {
2900            //     //layer.alert('Email address is requested.',{icon: 0, title: ' ', btn: ['ok']});
2901            //     layer.msg('Email address is requested.')
2902            //     return false;
2903            // }
2904
2905            // if ( !/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/.test(email) ) {
2906            //     //layer.alert('Invalid email address.',{icon: 0, title: ' ', btn: ['ok']});
2907            //     layer.msg('Invalid email address.')
2908            //     return false;
2909            // }
2910
2911            $.ajax({
2912                url: '/subscription',
2913                data: { email: email, siteid: siteid },
2914                dataType: 'json',
2915                type: 'post',
2916                success: function (res) {
2917                    // if (res.status == 1) {
2918                    //     //layer.alert('Thanks for subscribing.', {icon: 1, title: ' ', btn: ['ok']}, function () {
2919                    //        // location.reload();
2920                    //     //});
2921                    //     layer.msg('Thanks for subscribing.')
2922                    //     // ttq.track( 'Subscribe' ,{  
2923                    //     //     description: "email_subscribe" ,//项目和页面描述,自定义区分
2924                    //     // })
2925                    //     setTimeout(function(){
2926                    //         location.reload();
2927                    //     },1000)
2928
2929                    // } else {
2930                    //     //layer.alert('Have subscribed to',{icon: 0, title: ' ', btn: ['ok']});
2931                    //     layer.msg('Have subscribed to')
2932                    //     return false;
2933                    // }
2934                },
2935                error: function () {
2936                    console.log('error');
2937                }
2938            })
2939        })
2940
2941    })
2942
2943    window.ChatraSetup = {
2944        colors: {
2945            buttonText: '#ffffff', /* chat button text color */
2946            buttonBg: '#00bfd6'    /* chat button background color */
2947        }
2948    };
2949
2950</script>
2950
2951<!-- Chatra  -->
2952<script type="text/javascript">
2953    (function (d, w, c) {
2954        w.ChatraID = 'hNdhAvGnzoANNxjLc';
2955        var s = d.createElement('script');
2956        w[c] = w[c] || function () {
2957            (w[c].q = w[c].q || []).push(arguments);
2958        };
2959        s.async = true;
2960        s.src = (d.location.protocol === 'https:' ? 'https:' : 'http:')
2961            + '//call.chatra.io/chatra.js';
2962        if (d.head) d.head.appendChild(s);
2963    })(document, window, 'Chatra');
2964</script>
2964
2965<!-- /Chatra  -->
2966
2967
2968<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 2968-2969
2968
2969<script async src="https://www.googletagmanager.com/gtag/js?id=
2969UA-106573688-1
vendor: 13 bytes, line 2969
2969"></script>
2970<script>
2971    
vendor: 147 bytes, lines 2971-2975
2971window.dataLayer = window.dataLayer || [];
2972    function gtag() { dataLayer.push(arguments); }
2973    gtag('js', new Date());
2974
2975    gtag('config', '
2975UA-106573688-1
vendor: 5 bytes, line 2975
2975');
2976</script>
2976
2977
2978<!-- Global site tag (gtag.js) - Google Ads: 701955936 -->
vendor: 65 bytes, lines 2978-2979
2978
2979<script async src="https://www.googletagmanager.com/gtag/js?id=
2979AW-701955936
vendor: 13 bytes, line 2979
2979"></script>
2980<script>
2981    
vendor: 147 bytes, lines 2981-2985
2981window.dataLayer = window.dataLayer || [];
2982    function gtag() { dataLayer.push(arguments); }
2983    gtag('js', new Date());
2984
2985    gtag('config', '
2985AW-701955936
vendor: 5 bytes, line 2985
2985');
2986</script>
2986
2987<!-- Google tag (gtag.js) 20230223 -->
vendor: 65 bytes, lines 2987-2988
2987
2988<script async src="https://www.googletagmanager.com/gtag/js?id=
2988G-PH9Y53GZ1W
vendor: 13 bytes, line 2988
2988"></script>
2989<script>
2990    
vendor: 147 bytes, lines 2990-2994
2990window.dataLayer = window.dataLayer || [];
2991    function gtag() { dataLayer.push(arguments); }
2992    gtag('js', new Date());
2993
2994    gtag('config', '
2994G-PH9Y53GZ1W
vendor: 5 bytes, line 2994
2994');
2995</script>
2995
2996<!-- Google GTM Tag Manager -->
2997<script>
vendor: 457 bytes, lines 2997-3004
2997(function (w, d, s, l, i) {
2998        w[l] = w[l] || []; w[l].push({
2999            'gtm.start':
3000                new Date().getTime(), event: 'gtm.js'
3001        }); var f = d.getElementsByTagName(s)[0],
3002            j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
3003                'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
3004    })(window, document, 'script', 'dataLayer', '
3004GTM-W6ZF9K9
vendor: 3 bytes, line 3004
3004');
3004</script>
3004
3005<!-- End Google Tag Manager -->
3006<!-- Google GTM Tag Manager (noscript) -->
vendor: 69 bytes, lines 3006-3007
3006
3007<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
3007GTM-W6ZF9K9
vendor: 93 bytes, lines 3007-3008
3007" height="0" width="0"
3008        style="display:none;visibility:hidden"></iframe></noscript>
3009<!-- End Google Tag Manager (noscript) -->
3010 
3011
3012
3013
3014</body>
3015
3016</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.