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 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 & 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 & Pen Nibs"> 1100 <div class="model ">Digital Pen & 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 "Concept Creative Set"</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) – 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 & Illustrators Magazine</a></li> 1378 <li><a href="/news/huion-launches-kamvas-slate-11-13" target="_blank">Huion Launches Kamvas Slate 11 & 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 & 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&id=571632e7d0&v_id=1470&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">×</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.