1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <title>NEWS | Hoystar</title> 6 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> 7 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 8 <meta name="keywords" content="News"> 9 <meta name="description" content="High-Quality uv curing systems for printing Supplier,Hoystar Specialized in automatic screen printing machine, Get price!"> 10 <meta property="og:title" content="NEWS | Hoystar" /> 11 <meta property="og:description" content="High-Quality uv curing systems for printing Supplier,Hoystar Specialized in automatic screen printing machine, Get price!" /> 12 <meta property="og:url" content="https://www.hoystar.com/news" /> 13 <meta property="og:image" content="https://img001.video2b.com/230/file1594602853616.png" /> 14 <meta property="og:image:width" content="1162"> 15 <meta property="og:image:height" content="355"> 16 17 <meta name="google-site-verification" content="885BMnr7Q2iWWTDp2rF0-hJza1JRd0lk_o5lDOC3Whc" /> 18<meta name="yandex-verification" content="eaa1869393c57525" /> 19<meta name="msvalidate.01" content="4ABDB34E4F1A19BA4F1BDF88A4477DBB" /> 20 <meta name="csrf-ip" content="104.234.32.31"> 21 <meta name="csrf-token" content="z6JsxenoJOqCMQ9K02JlEiHz1LGKkH1c1Jbv1rMK"> 22 <meta http-equiv="x-dns-prefetch-control" content="on"> 23 <link rel="canonical" href="https://www.hoystar.com/news" /> 24 <link rel="preconnect" href="https://www.hoystar.com/news"> 25 <link rel="preconnect" href="https://img001.video2b.com"> 26 <link rel="dns-prefetch" href="https://www.hoystar.com/news"> 27 <link rel="dns-prefetch" href="https://img001.video2b.com"> 28 <link rel="dns-prefetch" href="https://www.googleadservices.com"> 29 <link rel="dns-prefetch" href="https://www.googletagmanager.com"> 30 <link rel="dns-prefetch" href="https://www.google-analytics.com"> 31 <link rel="dns-prefetch" href="https://g.alicdn.com"> 32 <!--<link/>--> 33 <link rel="alternate" hreflang="af" href="https://www.hoystar.com/af/news"/> 34 <link rel="alternate" hreflang="am" href="https://www.hoystar.com/am/news"/> 35 <link rel="alternate" hreflang="ar" href="https://www.hoystar.com/ar/news"/> 36 <link rel="alternate" hreflang="az" href="https://www.hoystar.com/az/news"/> 37 <link rel="alternate" hreflang="be" href="https://www.hoystar.com/be/news"/> 38 <link rel="alternate" hreflang="bg" href="https://www.hoystar.com/bg/news"/> 39 <link rel="alternate" hreflang="bn" href="https://www.hoystar.com/bn/news"/> 40 <link rel="alternate" hreflang="bs" href="https://www.hoystar.com/bs/news"/> 41 <link rel="alternate" hreflang="ca" href="https://www.hoystar.com/ca/news"/> 42 <link rel="alternate" hreflang="ceb" href="https://www.hoystar.com/ceb/news"/> 43 <link rel="alternate" hreflang="co" href="https://www.hoystar.com/co/news"/> 44 <link rel="alternate" hreflang="cs" href="https://www.hoystar.com/cs/news"/> 45 <link rel="alternate" hreflang="cy" href="https://www.hoystar.com/cy/news"/> 46 <link rel="alternate" hreflang="da" href="https://www.hoystar.com/da/news"/> 47 <link rel="alternate" hreflang="de" href="https://www.hoystar.com/de/news"/> 48 <link rel="alternate" hreflang="el" href="https://www.hoystar.com/el/news"/> 49 <link rel="alternate" hreflang="en" href="https://www.hoystar.com/news"/> 50 <link rel="alternate" hreflang="eo" href="https://www.hoystar.com/eo/news"/> 51 <link rel="alternate" hreflang="es" href="https://www.hoystar.com/es/news"/> 52 <link rel="alternate" hreflang="et" href="https://www.hoystar.com/et/news"/> 53 <link rel="alternate" hreflang="eu" href="https://www.hoystar.com/eu/news"/> 54 <link rel="alternate" hreflang="fa" href="https://www.hoystar.com/fa/news"/> 55 <link rel="alternate" hreflang="fi" href="https://www.hoystar.com/fi/news"/> 56 <link rel="alternate" hreflang="fr" href="https://www.hoystar.com/fr/news"/> 57 <link rel="alternate" hreflang="fy" href="https://www.hoystar.com/fy/news"/> 58 <link rel="alternate" hreflang="ga" href="https://www.hoystar.com/ga/news"/> 59 <link rel="alternate" hreflang="gd" href="https://www.hoystar.com/gd/news"/> 60 <link rel="alternate" hreflang="gl" href="https://www.hoystar.com/gl/news"/> 61 <link rel="alternate" hreflang="gu" href="https://www.hoystar.com/gu/news"/> 62 <link rel="alternate" hreflang="ha" href="https://www.hoystar.com/ha/news"/> 63 <link rel="alternate" hreflang="haw" href="https://www.hoystar.com/haw/ne
63ws"/> 64 <link rel="alternate" hreflang="hi" href="https://www.hoystar.com/hi/news"/> 65 <link rel="alternate" hreflang="hmn" href="https://www.hoystar.com/hmn/news"/> 66 <link rel="alternate" hreflang="hr" href="https://www.hoystar.com/hr/news"/> 67 <link rel="alternate" hreflang="ht" href="https://www.hoystar.com/ht/news"/> 68 <link rel="alternate" hreflang="hu" href="https://www.hoystar.com/hu/news"/> 69 <link rel="alternate" hreflang="hy" href="https://www.hoystar.com/hy/news"/> 70 <link rel="alternate" hreflang="id" href="https://www.hoystar.com/id/news"/> 71 <link rel="alternate" hreflang="ig" href="https://www.hoystar.com/ig/news"/> 72 <link rel="alternate" hreflang="is" href="https://www.hoystar.com/is/news"/> 73 <link rel="alternate" hreflang="it" href="https://www.hoystar.com/it/news"/> 74 <link rel="alternate" hreflang="iw" href="https://www.hoystar.com/iw/news"/> 75 <link rel="alternate" hreflang="ja" href="https://www.hoystar.com/ja/news"/> 76 <link rel="alternate" hreflang="jv" href="https://www.hoystar.com/jv/news"/> 77 <link rel="alternate" hreflang="ka" href="https://www.hoystar.com/ka/news"/> 78 <link rel="alternate" hreflang="kk" href="https://www.hoystar.com/kk/news"/> 79 <link rel="alternate" hreflang="km" href="https://www.hoystar.com/km/news"/> 80 <link rel="alternate" hreflang="kn" href="https://www.hoystar.com/kn/news"/> 81 <link rel="alternate" hreflang="ko" href="https://www.hoystar.com/ko/news"/> 82 <link rel="alternate" hreflang="ku" href="https://www.hoystar.com/ku/news"/> 83 <link rel="alternate" hreflang="ky" href="https://www.hoystar.com/ky/news"/> 84 <link rel="alternate" hreflang="la" href="https://www.hoystar.com/la/news"/> 85 <link rel="alternate" hreflang="lb" href="https://www.hoystar.com/lb/news"/> 86 <link rel="alternate" hreflang="lo" href="https://www.hoystar.com/lo/news"/> 87 <link rel="alternate" hreflang="lt" href="https://www.hoystar.com/lt/news"/> 88 <link rel="alternate" hreflang="lv" href="https://www.hoystar.com/lv/news"/> 89 <link rel="alternate" hreflang="mg" href="https://www.hoystar.com/mg/news"/> 90 <link rel="alternate" hreflang="mi" href="https://www.hoystar.com/mi/news"/> 91 <link rel="alternate" hreflang="mk" href="https://www.hoystar.com/mk/news"/> 92 <link rel="alternate" hreflang="ml" href="https://www.hoystar.com/ml/news"/> 93 <link rel="alternate" hreflang="mn" href="https://www.hoystar.com/mn/news"/> 94 <link rel="alternate" hreflang="mr" href="https://www.hoystar.com/mr/news"/> 95 <link rel="alternate" hreflang="ms" href="https://www.hoystar.com/ms/news"/> 96 <link rel="alternate" hreflang="mt" href="https://www.hoystar.com/mt/news"/> 97 <link rel="alternate" hreflang="my" href="https://www.hoystar.com/my/news"/> 98 <link rel="alternate" hreflang="ne" href="https://www.hoystar.com/ne/news"/> 99 <link rel="alternate" hreflang="nl" href="https://www.hoystar.com/nl/news"/> 100 <link rel="alternate" hreflang="no" href="https://www.hoystar.com/no/news"/> 101 <link rel="alternate" hreflang="ny" href="https://www.hoystar.com/ny/news"/> 102 <link rel="alternate" hreflang="pa" href="https://www.hoystar.com/pa/news"/> 103 <link rel="alternate" hreflang="pl" href="https://www.hoystar.com/pl/news"/> 104 <link rel="alternate" hreflang="ps" href="https://www.hoystar.com/ps/news"/> 105 <link rel="alternate" hreflang="pt" href="https://www.hoystar.com/pt/news"/> 106 <link rel="alternate" hreflang="ro" href="https://www.hoystar.com/ro/news"/> 107 <link rel="alternate" hreflang="ru" href="https://www.hoystar.com/ru/news"/> 108 <link rel="alternate" hreflang="sd" href="https://www.hoystar.com/sd/news"/> 109 <link rel="alternate" hreflang="si" href="https://www.hoystar.com/si/news"/> 110 <link rel="alternate" hreflang="sk" href="https://www.hoystar.com/sk/news"/> 111 <link rel="alternate" hreflang="sl" href="https://www.hoystar.com/sl/news"/> 112 <link rel="alternate" hreflang="sm" href="https://www.hoystar.com/sm/news"/> 113 <link rel="alternate" hreflang="sn" href="https://www.hoystar.com/sn/news"/> 114 <link rel="alternate" hreflang="so" href="https://www.hoystar.com/so/news"/> 115 <link rel="alternate" hreflang="sq" href="https://www.hoystar.com/sq/news"/> 116 <link rel="alternate" hreflang="sr" href="https://www.hoystar.com/sr/news"/> 117 <link rel="alternate" hreflang="st" href="https://www.hoystar.com/st/news"/> 118 <link rel="alternate" hreflang="su" href="https://www.hoystar.com/su/news"/> 119 <link rel="alternate" hreflang="sv" href="https://www.hoystar.com/sv/news"/> 120 <link rel="alternate" hreflang="sw" href="https://www.hoystar.com/sw/news"/> 121 <link rel="alternate" hreflang="ta" href="https://www.hoystar.com/ta/news"/> 122 <link rel="alternate" hreflang="te" href="https://www.hoystar.com/te/news"/> 123 <link rel="alternate" hreflang="tg" href="https://www.hoystar.com/tg/news"/> 124 <link rel="alternate" hreflang="th" href="https://www.hoystar.com/th/news"/> 125 <link rel="alternate" hreflang="tl" href="https://www.hoystar.com/tl/news"/> 126 <link rel="alternate" hreflang="tr" href="https://www.hoystar.com/tr/news"/> 127 <link rel="alternate" hreflang="uk" href="https://www.hoystar.com/uk/news"/> 128 <link rel="alternate" hreflang="ur" href="https://www.hoystar.com/ur/news"/> 129 <link rel="alternate" hreflang="uz" href="https://www.hoystar.com/uz/news"/> 130 <link rel="alternate" hreflang="vi" href="https://www.hoystar.com/vi/news"/> 131 <link rel="alternate" hreflang="xh" href="https://www.hoystar.com/xh/news"/> 132 <link rel="alternate" hreflang="yi" href="https://www.hoystar.com/yi/news"/> 133 <link rel="alternate" hreflang="yo" href="https://www.hoystar.com/yo/news"/> 134 <link rel="alternate" hreflang="zh" href="https://www.hoystar.com/zh-CN/news"/> 135 <link rel="alternate" hreflang="zh" href="https://www.hoystar.com/zh-TW/news"/> 136 <link rel="alternate" hreflang="zu" href="https://www.hoystar.com/zu/news"/> 137 <link rel="icon" href="https://img001.video2b.com/230/file1594602858660.png" type="image/x-icon" /> 138 <link rel="shortcut icon" href="https://img001.video2b.com/230/file1594602858660.png" type="image/x-icon" /> 139
139<script> 140 window.dataLayer = window.dataLayer || []; 141 function gtag(){dataLayer.push(arguments);} 142 gtag('consent', 'default', { 143 'ad_storage': 'granted', 144 'ad_user_data': 'granted', 145 'ad_personalization': 'granted', 146 'analytics_storage': 'granted' 147 }); 148 console.log('granted_ad_storage_cookie init:','granted'); 149 </script>
149 150
150<script type="application/ld+json">[ 151 { 152 "@context": "https:\/\/schema.org", 153 "@type": "Organization", 154 "url": "https:\/\/www.hoystar.com", 155 "logo": "https:\/\/img001.video2b.com\/230\/file1594602853616.png", 156 "name": "Dongguan Hoystar Printing Machinery Co., Ltd.", 157 "alternateName": "Hoystar Printing", 158 "contactPoint": { 159 "@type": "ContactPoint", 160 "telephone": "+86-769-85377425", 161 "email": "[email protected]" 162 }, 163 "sameAs": [ 164 "https:\/\/www.youtube.com\/user\/hosy1124\/videos", 165 "https:\/\/www.facebook.com\/Hoystar-Printing-Machine-106557631211892", 166 "https:\/\/www.tiktok.com\/@jasonlee4367" 167 ] 168 }, 169 { 170 "@context": "https:\/\/schema.org", 171 "@type": "BreadcrumbList", 172 "itemListElement": [ 173 { 174 "@type": "ListItem", 175 "position": 1, 176 "name": "HOME", 177 "item": "https:\/\/www.hoystar.com\/" 178 }, 179 { 180 "@type": "ListItem", 181 "position": 2, 182 "name": "NEWS", 183 "item": "https:\/\/www.hoystar.com\/news" 184 } 185 ] 186 } 187]</script>
187 188 <!-- css --> 189 <link rel="stylesheet" href="/css/common_3.css?v=1717671614"> 190 <style> 191 .iconfenxiang_boxs_m ul { 192 flex-wrap: wrap; 193 } 194 195 .iconfenxiang_boxs_m li { 196 margin-bottom: 8px; 197 } 198 199 .iconfenxiang_boxs_m .iconfenxiang_wauto { 200 margin: 0 -6px 201 } 202 203 .iconfenxiang_boxs_m .iconfenxiang_wauto li:first-child { 204 padding-left: 6px; 205 } 206 .cookie-tip { 207 position: fixed; 208 bottom: 0; 209 left: 0; 210 right: 0; 211 z-index: 1001; 212 background: rgba(0,0,0,.8); 213 color:#fff; 214 transition:.3s; 215 display:flex; 216 align-items: center; 217 justify-content: center; 218 padding:24px 9px; 219 min-height: 80px; 220 } 221 222 .cookie-tip--hidden { 223 opacity: 0; 224 transform: translateY(300px) 225 } 226 227 .cookie-tip__container {flex-grow: 1;display: flex;align-items: center;width: 100%;margin: 0;} 228 229 .cookie-tip__text {flex-grow: 1;margin-right: 24px;} 230 231 .cookie-tip__btn { 232 margin: -4px 5px; 233 } 234 .cookie-tip__flex { 235 display: flex; 236 justify-content: space-between; 237 } 238 239 @media (max-width:768px) { 240 .cookie-tip__container { 241 flex-direction:column; 242 } 243 244 .cookie-tip__text{ 245 align-self:stretch; 246 margin:0 0 20px 247 } 248 } 249 250 .bottom-inquiry-box { 251 position: fixed; 252 top: 0; 253 left: 0; 254 width: 100%; 255 height: 100%; 256 z-index: 99998; 257 transition: .3s; 258 } 259 260 .bottom-inquiry-box--hidden { 261 visibility: hidden; 262 opacity: 0; 263 } 264 265 .bottom-inquiry-box__bg { 266 position: absolute; 267 top: 0; 268 left: 0; 269 width: 100%; 270 height: 100%; 271 background: rgba(0,0,0,.4); 272 } 273 274 .bottom-inquiry-box__form { 275 position: absolute; 276 background: #fff; 277 border-radius: 16px 16px 0 0; 278 box-shadow: 0 0 8px rgba(0,0,0,.1); 279 top:48px; 280 left: 0; 281 width: 100%; 282 bottom: 0; 283 color: rgba(0,0,0,.8); 284 display: flex; 285 flex-direction: column; 286 transition: .2s; 287 } 288 289 .bottom-inquiry-box--hidden .bottom-inquiry-box__form { 290 transform: translateY(100%); 291 } 292 293 .bottom-inquiry-box__close { 294 position: absolute; 295 top: 10px; 296 right: 10px; 297 padding: 10px; 298 background: transparent; 299 outline: 0; 300 border: 0; 301 border-radius: 0; 302 color: rgba(0,0,0,.8); 303 transition: .3s; 304 cursor: pointer; 305 } 306 307 .bottom-inquiry-box__title { 308 font-weight: 700; 309 font-size: 16px; 310 margin: 16px 20px 8px; 311 } 312 313 .bottom-inquiry-box__scroll { 314 overflow: auto; 315 padding: 0 20px; 316 } 317 318 .bottom-inquiry-box__label { 319 display: block; 320 margin: 12px 0 20px; 321 position: relative; 322 } 323 324 .bottom-inquiry-box__label--error { 325 color: #ff4000; 326 } 327 328 .bottom-inquiry-box__input { 329 width: 100%; 330 display: block; 331 padding: 9px 0; 332 font-size: 14px; 333 line-height: 1.5; 334 border: 0; 335 border-bottom: 1px solid rgba(0,0,0,.1); 336 border-radius: 0; 337 outline: 0; 338 color: inherit; 339 transition: .3s; 340 resize: none; 341 } 342 343 .bottom-inquiry-box__input:hover,.bottom-inquiry-box__input:focus { 344 border-color: var(--c-color); 345 } 346 347 .bottom-inquiry-box__label--error .bottom-inquiry-box__input { 348 border-color: currentColor; 349 } 350 351 .bottom-inquiry-box__input::-webkit-input-placeholder { 352 color: transparent; 353 transition: .2s; 354 } 355 356 .bottom-inquiry-box__input:focus::-webkit-input-placeholder, .js-select-open .bottom-inquiry-box__input::-webkit-input-placeholder { 357 color: rgba(0,0,0,.4); 358 } 359 360 .bottom-inquiry-box__tip { 361 position: absolute; 362 top: 9px; 363 left: 0; 364 opacity: .55; 365 transition: .2s; 366 transform-origin: left; 367 } 368 369 :required+.bottom-inquiry-box__tip:before { 370 content: '*'; 371 color: #ff4000; 372 } 373 374 .bottom-inquiry-box__input:focus+.bottom-inquiry-box__tip,.bottom-inquiry-box__input--active+.bottom-inquiry-box__tip, .js-select-open .bottom-inquiry-box__tip { 375 transform: translateY(-1.5em) scale(.85); 376 } 377 378 .bottom-inquiry-box__error {
379 position: absolute; 380 top: -1.5em; 381 margin-top: 9px; 382 right: 0; 383 opacity: 0; 384 visibility: hidden; 385 transition: .2s; 386 } 387 388 .bottom-inquiry-box__label--error .bottom-inquiry-box__error { 389 visibility: visible; 390 opacity: 1; 391 } 392 393 .bottom-inquiry-box__attachment { 394 color: rgba(0,0,0,.4); 395 margin: 20px 0; 396 } 397 398 .bottom-inquiry-box__attachment-box { 399 display: flex; 400 } 401 402 .bottom-inquiry-box__file { 403 width: 100px; 404 height: 100px; 405 border: 1px dashed; 406 position: relative; 407 overflow: hidden; 408 margin-top: 4px; 409 cursor: pointer; 410 display: flex; 411 align-items: center; 412 justify-content: center; 413 margin-right: 20px; 414 cursor: pointer; 415 } 416 417 .bottom-inquiry-box__file:before { 418 content: '+'; 419 font-size: 40px; 420 } 421 422 .bottom-inquiry-box__file:hover { 423 color: rgba(0,0,0,.8); 424 } 425 426 .bottom-inquiry-box__file input { 427 opacity: 0; 428 position: absolute; 429 } 430 431 .bottom-inquiry-box__attachment-box .attachment_ul { 432 flex-grow: 1; 433 } 434 435 .bottom-inquiry-box__attachment-box .attachment_ul .file_txt{padding-right:140px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;max-width:100%;height:20px;display: block;} 436 .bottom-inquiry-box__attachment-box .attachment_ul .operations{position:absolute;top:0;right:0;width:140px;padding-left:20px;} 437 438 439 .bottom-inquiry-box__subscribe { 440 margin-bottom: 16px; 441 } 442 443 .bottom-inquiry-box__check { 444 vertical-align: middle; 445 margin-right: 4px; 446 margin-bottom: 2px; 447 } 448 449 .bottom-inquiry-box__btn { 450 display: block; 451 height: 36px; 452 line-height: 36px; 453 color: #fff; 454 border: 0; 455 padding: 0; 456 border-radius: 6px; 457 outline: 0; 458 transition: .3s; 459 cursor: pointer; 460 margin: 8px 20px 16px; 461 flex-shrink: 0; 462 } 463 464 .bottom-inquiry-box__btn:hover,.bottom-inquiry-box__btn:focus,.bottom-inquiry-box__close:hover,.bottom-inquiry-box__close:focus { 465 opacity: .8; 466 } 467 468 .bottom-inquiry-box__btn:active,.bottom-inquiry-box__close:active { 469 opacity: 1; 470 } 471 472 .external-chat-box { 473 position: fixed; 474 top: 50%; 475 left:0; 476 transform: translateY(-50%); 477 width: 48px; 478 padding: 4px 8px; 479 background: rgba(0,0,0,.35); 480 border-radius: 0 4px 4px 0; 481 transition: .2s; 482 z-index: 9999; 483 } 484 485 .external-chat-box--collapse { 486 transform: translateY(-50%) translateX(-100%); 487 } 488 489 .external-chat-box__toggle { 490 position: absolute; 491 top: 50%; 492 left: 100%; 493 border-radius: 0 4px 4px 0; 494 color: #fff; 495 background: inherit; 496 margin-top: -20px; 497 padding: 0 4px; 498 line-height: 40px; 499 font-size: 14px; 500 cursor: pointer; 501 /*transition: .3s;*/ 502 border: 0; 503 outline: 0; 504 } 505 506 .external-chat-box__toggle:hover,.external-chat-box__toggle:focus { 507 /* background-color: rgba(0,0,0,.45); */ 508 } 509 510 .external-chat-box__item { 511 display: block; 512 text-decoration: none; 513 width: 32px; 514 height: 32px; 515 margin: 12px 0; 516 background: center no-repeat; 517 border-radius: 99px; 518 transition: .3s; 519 } 520 521 .external-chat-box__item--qq { 522 background-color: #1890ff; 523 background-image: url(/images/chat-icons/qq.svg); 524 background-size: 14px; 525 } 526 527 .external-chat-box__item--qq:hover,.external-chat-box__item--qq:focus { 528 background-color: #40a9ff; 529 } 530 531 .external-chat-box__item--wechat { 532 background-color: #46bb36; 533 background-image: url(/images/chat-icons/wechat.svg); 534 background-size: 17px; 535 } 536 537 .external-chat-box__item--wechat:hover,.external-chat-box__item--wechat:focus { 538 background-color: #70ca63; 539 } 540 541 .external-chat-box__item--skype { 542 background-color: #00aff0; 543 background-image: url(/images/chat-icons/skype.svg); 544 background-size: 16px; 545 } 546 547 .external-chat-box__item--skype:hover,.external-chat-box__item--skype:focus { 548 background-color: #30c8f3; 549 } 550 551 .external-chat-box__item--whatsapp { 552 background-color: #1dd367; 553 background-image: url(/images/chat-icons/whatsapp.svg); 554 background-size: 18px; 555 } 556 557 .external-chat-box__item--whatsapp:hover,.external-chat-box__item--whatsapp:focus { 558 background-color: #44e388; 559 } 560 561 .external-chat-popup { 562 position: fixed; 563 top: 0; 564 left: 0; 565 width: 100%; 566 height: 100%; 567 z-index: 9999; 568 transition: .3s; 569 } 570 571 .external-chat-popup--hidden { 572 visibility: hidden; 573 opacity: 0; 574 } 575 576 .external-chat-popup__bg { 577 position: absolute; 578 top: 0; 579 left: 0; 580 width: 100%; 581 height: 100%; 582 background: rgba(0,0,0,.4); 583 } 584 585 .external-chat-popup__dialog { 586 width: 300px; 587 max-width: 100%; 588 margin: 15vh auto; 589 padding: 30px; 590 background: #fff; 591 text-align: center; 592 position: relative; 593 border-radius: 2px; 594 box-shadow: 0 4px 14px rgba(0,0,0,.06), 0 0 6px rgba(0,0,0,.1); 595 transition: .2s; 596 } 597 598 .external-chat-popup--hidden .external-chat-popup__dialog { 599 transform: translateY(-100%); 600 } 601 602 .external-chat-popup__text { 603 font-size: 18px; 604 margin-bottom: 20px; 605 } 606 </style> 607 608 <style link-color-css>:root {--c-color:#ff5100;--c-line-height:1.4;--c-font-size:14px;}a:hover,.font-color-a a,.font-color-a a:hover,.font-color,.font-color-hover:hover,.font-color-before:before,.font-color-hover-before:hover:before,.font-color-after:after,.font-color-hover-after:hover:after{color:var(--c-color)!important}.border_color,.border-color,.btn-primary:focus,.btn-primary,.btn-primary:hover,.border-color-a a,.border-color-a a:hover,.border-color-hover:hover,.border-color-before:before,.border-color-hover-before:hover:before,.border-color-after:after,.border-color-hover-after:hover:after{border-color:var(--c-color)!important;}.bg-color,.btn-primary,.btn-primary:hover,.bg-color-a a,.bg-color-a a:hover,.bg-color-hover:hover,.bg-color-before:before,.bg-color-hover-before:hover:before,.bg-color-after:after,.bg-color-hover-after:hover:after{background-color:var(--c-color)!important}.bg-color-h a{color:var(--c-color)!important}.bg-color-h a:hover{background-color:var(--c-color)!important;color:#fff !important;}.swiper-pagination-bullet:hover,.swiper-pagination-bullet-active{background-color:var(--c-color)!important}.btn-bg:hover,.tem-btn-1,.tem-btn-2,.tem-btn-3,.tem-btn-4,.tem-btn-5,.tem-btn-6,.tem-btn-7,.tem-btn-8,.tem-btn-9{color:var(--c-color)!important}.btn-bg,.tem-btn-1,.tem-btn-2,.tem-btn-3,.tem-btn-4,.tem-btn-5,.tem-btn-6,.tem-btn-7,.tem-btn-8,.tem-btn-9,.tem01-page .pagination>.active>a,.tem01-page .pagination>.active>span,.tem01-page .pagination>.active>a:hover,.tem01-page .pagination>.active>span:hover,.tem01-page .pagination>.active>a:focus,.tem01-page .pagination>.active>span:focus{border-color:var(--c-color)}.btn-bg,.btn-bg:hover,.tem-btn-3:before,.tem-btn-4:before,.tem-btn-5:before,.tem-btn-6:before,.tem-btn-7:before,.tem-btn-7:after,.tem-btn-8:before,.tem-btn-8:after,.tem-btn-9:before,.tem-btn-9:after,.tem01-page .pagination>.active>a,.tem01-page .pagination>.active>span,.tem01-page .pagination>.active>a:hover,.tem01-page .pagination>.active>span:hover,.tem01-page .pagination>.active>a:focus,.tem01-page .pagination>.active>span:focus{background-color:var(--c-color)}.tem-btn-1,.tem-btn-2{background:-webkit-linear-gradient(left,var(--c-color),var(--c-color)) no-repeat;background:linear-gradient(to right,var(--c-color),var(--c-color)) no-repeat}.tem-btn-1:hover,.tem-btn-2:hover,.tem-btn-3:hover,.tem-btn-4:hover,.tem-btn-5:hover,.tem-btn-6:hover,.tem-btn-7:hover,.tem-btn-8:hover,.tem-btn-9:hover,.tem01-page .pagination>.active>a,.tem01-page .pagination>.active>span,.tem01-page .pagination>.active>a:hover,.tem01-page .pagination>.active>span:hover,.tem01-page .pagination>.active>a:focus,.tem01-page .pagination>.active>span:focus{color:#FFF}.btn-bg:hover{border-color:#FFF}.swiper-container .swiper-pagination-bullet{background:#bbb;opacity:.5;}.swiper-pagination-bullet-active{opacity:1!important;}[playback_mode="current"]+.video_js_play_btn{z-index: 24!important}[playback_mode="global"]+.video_js_play_btn{z-index: 24!important}[playback_mode="popup"]+.video_js_play_btn{z-index: 24!important}[playback_mode="current"]~.prism-player{z-index: 24!important}[playback_mode="global"]~.prism-player{z-index: 24!important}[playback_mode="popup"]~.prism-player{z-index: 24!important}</style><style>:root{--c-color:#232F7F}
608.container{max-width:1440px}.top_title,.title{font-family:MyriadPro Regular,Arial,myanmar_font}body,html,.body_color_bgs{font-family:Arial,myanmar_font}:root { --btn-style-deep:solid;--btn-color-deep:#fff;--btn-bg-color-deep:var(--c-color);--btn-border-color-deep:var(--c-color);--btn-radius-deep:30px;--btn-width-deep:1px; --btn-style-shallow:solid;--btn-color-shallow:var(--c-color);--btn-bg-color-shallow:#fff;--btn-border-color-shallow:#fff;--btn-radius-shallow:30px;--btn-width-shallow:1px; }:root { --inp-style-deep:solid;--inp-color-deep:var(--c-color);--inp-bg-color-deep:transparent;--inp-border-color-deep:var(--c-color);--inp-radius-deep:6px;--inp-width-deep:1px; --inp-style-shallow:solid;--inp-color-shallow:#fff;--inp-bg-color-shallow:transparent;--inp-border-color-shallow:#fff;--inp-radius-shallow:6px;--inp-width-shallow:1px; }.form_inp[inp-types="shallow"]{color:rgba(51, 51, 51, 1);font-size:14px;border-color:rgba(255, 255, 255, 1);border-style:solid;border-width:1px;background-color:rgba(255, 255, 255, 1);border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}.form_inp[inp-types="deep"]{color:rgba(51, 51, 51, 1);font-size:14px;border-color:rgba(245, 245, 245, 1);border-style:solid;border-width:1px;background-color:rgba(245, 245, 245, 1);border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}.share_fun_box{display:none;}.share_fun_box2 ul li[data-network="share"]{display:none;}[direction]{align-items:stretch;}.there_video_icons{background-image:url(/images/video_play_1.png);}.there_video_icons{opacity:1;}</style><style mos-id="v6204a7123f308">.tem01_copyright{text-align:center;padding-top:10px;padding-bottom:10px;border-top:1px solid rgba(144,144,144,.2);}#v6204a7123f308{background-color:#232F7F;color:rgba(255, 255, 255, 0.7);text-align:center;}#v6204a7123f308 .container{}</style> <style mos-id="v62062eb5062d1"> .flex {display: flex; align-items: center; justify-content: start;} .tem_footer_section_02 {padding: 20px 0; background: #000; color: #fff;} .tem_footer_02 {position: relative;} .tem_footer_02 .iconfenxiang_boxs_m{padding-bottom: 20px;} .tem_footer_02 .iconfenxiang_boxs_m .go_fast {color: inherit;} .tem_footer_02 .footer_li {flex: 1; padding-right: 90px; position: relative;} .tem_footer_02 .footer_li:last-child {padding-right: 0;} .tem_footer_02 .li_head {font-size: 16px; font-weight: bold; margin-bottom: 10px;} .tem_footer_02 .con_ul {font-size: 14px; line-height: 26px;} .tem_footer_02 .con_ul a {display: initial;} .tem_footer_02 .iconfenxiang_boxs {display: none; padding-right: 10px;} .tem_footer_02 .btn_con_box {margin-top: 10px; color: #fff;} .tem_footer_02 .btn {padding: 5px 40px;} .tem_footer_02 .lan_a {padding-top: 10px;} .tem_footer_02 .lan_a a {display: initial; cursor: pointer;} .tem_footer_02 .sitemap { font-size: 14px; letter-spacing: 0; font-weight: 400; } .tem_footer_02 .sitemap-line { display: inline-block; width: 1px; height: 16px; background-color: rgba(216,216,216,.5); margin: 0 8px; } @media (min-width: 768px){ /* .tem_footer_02 .iconfenxiang_boxs_m {display: none !important;} */ .tem_footer_02 .footer_ul {display: flex; align-items: start; flex-wrap: wrap;} .tem_footer_02 .sitemap-box {display: none;} } @media (max-width: 770px){ .tem_footer_02 .iconfenxiang_boxs_m {justify-content: center;} .tem_footer_02 .footer_ul {display: none !important;} } #v62062eb5062d1{background-color:#232F7F;color:rgba(255, 255, 255, 0.7);padding-top:4vw;padding-bottom:4vw;}#v62062eb5062d1 .container{}#v62062eb5062d1 .btn_box{text-align:left} </style> <style mos-id="v6204b9a433b41"> .tem_data_list_1 .ai_products_list_box{line-height:1.4;position:relative;} .tem_data_list_1 .ai_products_list_box .bread{padding:20px 0;} .tem_data_list_1 .ai_products_list_box .bread li{display: inline-block;} .tem_data_list_1 .ai_products_list_box .text_box h1{font-size:48px;padding:20px 0 40px;text-align:center;margin:0;} .tem_data_list_1 .ai_products_list_box a{color: inherit;} .tem_data_list_1 .ai_products_list_ul{position: relative;padding-bottom:30px;overflow:hidden;} .tem_data_list_1 .ai_products_list_ul a{display: block;} .tem_data_list_1 .ai_products_list_ul ul{margin:0;display: flex;flex-wrap: wrap;width:auto;margin-left:-8px;margin-right:-8px;} .tem_data_list_1 .ai_products_list_ul li{padding:8px;margin:0;} .tem_data_list_1 .ai_products_list_ul .li_border {display: flex;flex-direction: column;height: 100%;} .tem_data_list_1 .ai_products_list_ul .li_border a {flex: 1;} .tem_data_list_1 .ai_products_list_ul .li_border .img_par {display: flex;justify-content: center;align-items: center;height: 100%;position: relative;} .tem_data_list_1 .ai_products_list_ul .li_border .img_mask {backdrop-filter: blur(10px);display: block;position: absolute;top: 0;left: 0;
608height: 100%;width: 100%;z-index: 0;} .tem_data_list_1 .ai_products_list_ul .text{padding:0px;padding-top:10px;} .tem_data_list_1 .ai_products_list_ul .text .title{font-size: 16px;margin-bottom:6px;width: 100%;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;} .tem_data_list_1 .ai_products_list_ul .text .describe{font-size: 14px;font-weight: 400;width: 100%;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;} .tem_data_list_1 .ai_products_list_ul .text .date{font-size:12px;opacity:.6;padding-top:6px;} @media (max-width: 1024px){ .tem_data_list_1 .ai_products_list_box .bread{padding:10px 0;} .tem_data_list_1 .products_ul_box{padding-left:0 !important;} } @media (max-width: 768px){ .tem_data_list_1 .ai_products_list_ul ul li{display: block;max-width:none;} .tem_data_list_1 .ai_products_list_box .text_box h1{font-size:18px;padding:0 0 20px;} } .tem_data_list_1 .news_details_left_block{box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.1);border-radius: 6px;margin-bottom:20px;background-color:#fff;} .tem_data_list_1 .search_box .input_group{display: flex;margin-bottom: 12px;} .tem_data_list_1 .search_box .input_group input{width: 100%;max-width: 370px;height: 36px;line-height: 36px;font-size: 14px;border: 1px solid rgba(0, 0, 0, 0.15);border-right: 0;padding: 0 10px;} .tem_data_list_1 .search_box .input_group input:focus{outline:unset} .tem_data_list_1 .search_box .input_group_btn{cursor: pointer;width: 36px;height: 36px;line-height: 36px;font-size: 14px;border: 1px solid rgba(0, 0, 0, 0.15);color: rgba(0, 0, 0, 0.45);text-align: center;} .tem_data_list_1 .search_box .input_group_btn:hover{background: #EA0007;color: #fff;} .tem_data_list_1 .search_box .search_result{font-size: 16px;color: #4D4C4D;margin-bottom: 12px;display: none;} .tem_data_list_1 .search_box .search_result .search_keyword{color: #EA0007;} .tem_data_list_1 .li_container{position:relative;display:flex;} .tem_data_list_1 .li_nav_left{width:300px;min-width:300px;max-width:300px;position:relative;} .tem_data_list_1 .li_container.left_none .li_nav_left{display:none;} .tem_data_list_1 .li_container.left_none .products_ul_box{padding-left:0;} .tem_data_list_1 .right_navigation_menus{padding:0px 0px 10px;} .tem_data_list_1 .news_details_left_block.right_navigation_menus h2{padding:14px 20px;border-bottom:1px solid rgba(144,144,144,.1);} .tem_data_list_1 .right_nav{position:relative;padding-top:8px;} .tem_data_list_1 .right_nav li{position:relative;} .tem_data_list_1 .right_nav .text{position:relative;overflow:hidden;padding-right:20px;transition:.3s;} .tem_data_list_1 .right_nav li>.text:hover{background-color:rgba(144,144,144,.1);} .tem_data_list_1 .right_nav a{position:relative;max-width:100%;overflow:hidden;display:block;padding-left:20px;padding-right:40px;padding-top:10px;padding-bottom:10px;} .tem_data_list_1 .right_nav .i_con{position:absolute;width:20px;height:20px;line-height:20px;text-align:center;top:50%;margin-top:-10px;right:20px;transition:.3s;opacity:.6;} .tem_data_list_1 .right_nav .nav_ul{display:none;} .tem_data_list_1 .right_nav .nav_ul .text{padding-left:20px;} .tem_data_list_1 .right_nav .nav_ul li.xia> .text a, .tem_data_list_1 .right_nav .nav_ul .text a{padding-left:10px;} .tem_data_list_1 .right_nav .nav_ul .nav_ul li .text a{padding-left:20px;} .tem_data_list_1 .right_nav>li.active> .text{font-weight:bold;} .tem_data_list_1 .right_nav li.active> .text{font-weight:bold;} .tem_data_list_1 .right_nav li.active> .text.font-color{background-color:rgba(144,144,144,.06);} .tem_data_list_1 .right_nav li.active> .text .i_con{transform:rotate(-90deg);} .tem_data_list_1 .right_nav li.xia> .text{padding:0px 40px 0px 20px;} .tem_data_list_1 .right_nav li.xia> .text a{padding:10px 0;display:inline-block;} .tem_data_list_1 .product_enquiry_box{padding-top:10px;padding-bottom:10px;line-height:1.4;} .tem_data_list_1 .product_enquiry_box .boxs_top{color:#09090A;margin-bottom:15px;} .tem_data_list_1 .product_enquiry_box .boxs_top .title{font-size:30px;margin-bottom:15px;} .tem_data_list_1 .product_enquiry_box .boxs_top .describes{opacity:.8;font-size:14px;} .tem_data_list_1 .product_enquiry_box .fl_row_s{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px;margin-bottom:0;} .tem_data_list_1 .product_enquiry_box .fl6_s{width:50%;padding-right:10px;padding-left:10px;} .tem_data_list_1 .product_enquiry_box .fl12_s{width:100%;padding-right:10px;padding-left:10px;} .tem_data_list_1 .product_enquiry_box .enquiry_label{display:block;border:none;position:relative;user-select:none;height:38px;padding:0 14px;background:#fff;margin-bottom:15px;border-radius:4px;border: 1px solid #DAD9D9;} .tem_data_list_1 .product_enquiry_box .enquiry_inp{background:0 0;border:none;outline:0;color:inherit;height:100%;display:block;width:100%;font-size:inherit;box-shadow:none;font-weight:500;resize: none;color:#333;} .tem_data_list_1 .product_enquiry_box textarea.enquiry_inp{line-height:20px;} .tem_data_list_1 .product_enquiry_box .required_span{position:absolute;height:18px;line-height:18px;left:10px;top:10px;display:block;pointer-events:none;transition:.1s;font-weight:400;color:#131415;opacity:.5;} .tem_data_list_1 .product_enquiry_box .required_span .font-color{display:none;} .tem_data_list_1 .product_enquiry_box .enquiry_inp[required]+.required_span .font-color{display:inline;} .tem_data_list_1 .product_enquiry_box .enquiry_inp:focus+.required_span,.tem_data_list_1 .product_enquiry_box .enquiry_label.js-select-open .required_span{margin-left:20px;opacity:0;} .tem_data_list_1 .product_enquiry_box .enquiry_label.active .required_span{margin-top:-26px;left:0;} .tem_data_list_1 .product_enquiry_box .required_tips{margin:0;position:absolute;
608left:2px;bottom:0;font-size:12px;color:#d90000;display:none;pointer-events:none;} .tem_data_list_1 .product_enquiry_box .enquiry_label.errors{border-color:#d90000;} .tem_data_list_1 .product_enquiry_box .enquiry_label.errors .required_tips{display:block;} .tem_data_list_1 .product_enquiry_box .enquiry_btn_box{text-align:center;padding-top:10px;padding-bottom:20px;} .tem_data_list_1 .product_enquiry_box .enquiry_btn_box .read_more_a{border-radius:4px;height:40px;border:none;font-size:14px;color:#FFFFFF;max-width:100%;outline:0;transition:.2s;padding:0;padding:0 30px;line-height:40px;} .tem_data_list_1 .product_enquiry_box .enquiry_btn_box .read_more_a:hover{opacity:.7;} .tem_data_list_1 .product_enquiry_box .enquiry_btn_box .read_more_a:active{opacity:1;} .tem_data_list_1 .product_enquiry_box .enquiry_label.textarea_boxs{height:auto;padding:6px 14px;} .tem_data_list_1 .product_enquiry_box .enquiry_label.textarea_boxs .enquiry_inp{height:auto;} .tem_data_list_1 .product_enquiry_box .enquiry_label.textarea_boxs textarea.enquiry_label{height:auto;resize:none;} @media (max-width:1024px){ .tem_data_list_1 .product_enquiry_box .fl6_s{width:100%;} .tem_data_list_1 .li_nav_left{display:none;} .tem_data_list_1 .mobile-reverse{display:flex;flex-direction:column-reverse} .tem_data_list_1 .tem_pagination_1{margin-bottom: 20px;} } .tem_data_list_1 input.enquiry_inp_placeholder::-webkit-input-placeholder, .tem_data_list_1 textarea.enquiry_inp_placeholder::-webkit-input-placeholder {color:transparent;font-size:12px;} .tem_data_list_1 input.enquiry_inp_placeholder:-moz-placeholder, .tem_data_list_1 textarea.enquiry_inp_placeholder:-moz-placeholder {color:transparent;font-size:12px;} .tem_data_list_1 input.enquiry_inp_placeholder::-moz-placeholder, .tem_data_list_1 textarea.enquiry_inp_placeholder::-moz-placeholder {color:transparent;font-size:12px;} .tem_data_list_1 input.enquiry_inp_placeholder:-ms-input-placeholder, .tem_data_list_1 textarea.enquiry_inp_placeholder:-ms-input-placeholder {color:transparent;font-size:12px;} .tem_data_list_1 input.enquiry_inp_placeholder:focus::-webkit-input-placeholder, .tem_data_list_1 textarea.enquiry_inp_placeholder:focus::-webkit-input-placeholder, .tem_data_list_1 .js-select-open input.enquiry_inp_placeholder::-webkit-input-placeholder, .tem_data_list_1 .js-select-open textarea.enquiry_inp_placeholder::-webkit-input-placeholder {color:inherit;opacity:.6;} .tem_data_list_1 input.enquiry_inp_placeholder:focus:-moz-placeholder, .tem_data_list_1 textarea.enquiry_inp_placeholder:focus:-moz-placeholder, .tem_data_list_1 .js-select-open input.enquiry_inp_placeholder:-moz-placeholderr, .tem_data_list_1 .js-select-open textarea.enquiry_inp_placeholder:-moz-placeholder {color:inherit;opacity:.6;} .tem_data_list_1 input.enquiry_inp_placeholder:focus::-moz-placeholder, .tem_data_list_1 textarea.enquiry_inp_placeholder:focus::-moz-placeholder, .tem_data_list_1 .js-select-open input.enquiry_inp_placeholder::-moz-placeholderr, .tem_data_list_1 .js-select-open textarea.enquiry_inp_placeholder::-moz-placeholder {color:inherit;opacity:.6;} .tem_data_list_1 .js-select-open .enquiry_inp_placeholder:-ms-input-placeholder {color:inherit;opacity:.6;} </style> <style mos-id="v6204b9a433b41"> .tem_data_list_1 .inquiry_right_sticky_box{position:sticky;top:10px;} .tem_data_list_1 .sticky_inquiry{position:sticky;top:10px;padding:6px 20px;border-radius: 4px;font-size:12px;} .tem_data_list_1 .sticky_inquiry_head{padding:12px 0 12px;font-size:16px;font-weight:bold;} .tem_data_list_1 .inquiry_right_sticky_box .product_enquiry_box .enquiry_btn_box{padding-bottom:20px;padding-top:0px;} .tem_data_list_1 .inquiry_right_sticky_box .product_enquiry_box .enquiry_btn_box .read_more_a{display: block;width: 100%;cursor:pointer;} .tem_data_list_1 .inquiry_right_sticky_box .product_enquiry_box .enquiry_btn_box[btn_text_align="center"] .read_more_a{margin:auto;} .tem_data_list_1 .inquiry_right_sticky_box .product_enquiry_box .enquiry_btn_box[btn_text_align="right"] .read_more_a{margin:0 0 0 auto;} .tem_data_list_1 .inquiry_right_sticky_box .product_enquiry_box .enquiry_btn_box .read_more_a[btn_screen]{width:auto;} .tem_data_list_1 .inquiry_right_sticky_box .product_enquiry_box .enquiry_btn_box .read_more_a[btn_screen="1"]{width:100%;} .tem_data_list_1 .btn_box{padding-bottom:20px;} .tem_data_list_1 .btn_box[btn_text_align="center"]{text-align:center;} .tem_data_list_1 .btn_box[btn_text_align="right"]{text-align:right;} .tem_data_list_1 .btn_box .btn[btn_screen]{width:auto;} .tem_data_list_1 .btn_box .btn[btn_screen="1"]{width:100%;} .tem_data_list_1 .inquiry_right_sticky_box .product_enquiry_box .enquiry_label{border:none;background: #F2F2F2;margin-bottom:12px;} .tem_data_list_1 .product_enquiry_box .enquiry_label.active .required_span{dis
608play:none;} .tem_data_list_1 .products_ul_box{padding-left:20px;flex:1;overflow: hidden;} .tem_data_list_1 .products_ul_box .products_text .title{font-size: 18px;margin-bottom:10px;} .tem_data_list_1 .products_ul_box .products_text .describe{font-size: 14px;margin-bottom:15px;opacity:.8;} .tem_data_list_1 .products_ul_box .products_text .describe p{margin:0;} .tem_data_list_1 .list_link_artboard{position:relative;margin-bottom:20px;display:none;} .tem_data_list_1 .list_link_artboard.list_top_show{display:block;} .tem_data_list_1 .list_link_artboard a{color:inherit;} .tem_data_list_1 .list_link_artboard .bg_artboard{box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);border-radius:2px;position:relative;height:55px;background-color:#fff;color:#333;} .tem_data_list_1 .list_link_artboard .bg_artboard .r_l_box{position:absolute;top:0;right:0;line-height:55px;background-image:linear-gradient(270deg, #FFFFFF 70%, rgba(255,255,255,0.00) 100%);border-radius:8px;z-index:6;overflow:hidden;width:84px;text-align:right;user-select:none;padding-right:6px;height:55px;} .tem_data_list_1 .list_link_artboard .bg_artboard .btn_l{width:24px;height:24px;text-align:center;cursor:pointer;line-height:24px;display:inline-block;opacity:0;pointer-events:none;transition:.2s;} .tem_data_list_1 .list_link_artboard .bg_artboard .btn_l img{vertical-align:initial;} .tem_data_list_1 .list_link_artboard .bg_artboard.right_sroll .btn_l{opacity:1;pointer-events:auto;} .tem_data_list_1 .list_link_artboard .hidden_box{overflow:hidden;position:absolute;width:100%;height:55px;} .tem_data_list_1 .list_link_artboard .list_box{position:absolute;top:0;left:0;transition:.2s;} .tem_data_list_1 .list_link_artboard ul.list_one{display:flex;white-space:nowrap;padding:0 10px;line-height:55px;} .tem_data_list_1 .list_link_artboard ul.list_one a{color:inherit;display:block;padding:0 20px;} .tem_data_list_1 .list_link_artboard ul.list_one .text, .tem_data_list_1 .list_link_artboard ul.list_one li, .tem_data_list_1 .list_link_artboard ul.list_one .txt{position:relative;} .tem_data_list_1 .list_link_artboard ul.list_one .txt.border-color::after{content:'';display:block;position:absolute;bottom:0;left:0;border-bottom:3px solid;border-color:inherit;width:100%;} .tem_data_list_1 .list_link_artboard ul.list_one .icon_img{margin-left:4px;vertical-align:initial;} .tem_data_list_1 .list_link_artboard .bg_artboard.right_sroll ul.list_one{padding-right:84px;} .tem_data_list_1 .list_link_artboard .list_arrow{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;border-width:8px;top:2px;left:0;border-top-color:#fff;border-bottom-width:0;transform:rotate(180deg) translate(50%);z-index:9;} .tem_data_list_1 .list_link_artboard .list_arrow2{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;border-width:10px;bottom:100%;right:32px;border-top-color:#fff;border-bottom-width:0;transform:rotate(180deg);z-index:9;} .tem_data_list_1 .list_link_artboard .btn_m{display:none;} .tem_data_list_1 .list_link_artboard .artboard_box{position:relative;} .tem_data_list_1 .list_link_artboard ul.list_one .list_level_box{display:none;} @media (min-width:1026px){ .tem_data_list_1 .list_link_artboard ul.list_one .list_level2 a{padding:8px 30px;display:block;} .tem_data_list_1 .list_link_artboard ul.list_one .list_level2{background:#fff;box-shadow:rgba(0, 0, 0,0.2) 0 2px 6px;border-radius:5px;padding:10px 0;position:relative;max-height:200px;overflow:auto;} .tem_data_list_1 .list_link_artboard .list_level_box{position:absolute;top:100%;left:0;line-height:20px;z-index:60;padding-top:10px;} .tem_data_list_1 .list_link_artboard .list_level_box a{padding:8px 30px;display:block;} .tem_data_list_1 .list_link_artboard .list_level_box .list_level2{background:#fff;box-shadow:rgba(0, 0, 0,0.2) 0 2px 6px;border-radius:5px;padding:10px 0;position:relative;max-height:200px;overflow:auto;} .tem_data_list_1 .list_link_artboard .list_m_link{display:none!important;} .tem_data_list_1 .list_link_artboard .list_level_box.leve_ul_box{display:none;} .tem_data_list_1 .list_link_artboard .list_level_box .icon_img{position: relative;transform: rotate(-90deg);} } @media (max-width:1026px){ .tem_data_list_1 .list_link_artboard{display:block!important} .tem_data_list_1 .list_link_artboard.m_list_top_hide.list_top_hide, .tem_data_list_1 .list_link_artboard .list_level_box{display:none!important;} .tem_data_list_1 .list_link_artboard ul.list_one .icon_img{display:none;} .tem_data_list_1 .list_link_artboard ul.list_one a{padding:0 10px;} .tem_data_list_1 .list_link_artboard .bg_artboard .r_l_box{display:block!important;width:60px;padding:0;padding-left:10px;} .tem_data_list_1 .list_link_artboard .bg_artboard .btn_l{display:none;} .tem_data_list_1 .list_link_artboard .btn_m{display:block;text-align:center;} .tem_data_list_1 .list_link_artboard ul.list_one{padding:0 5px!important;padding-right: 55px!important;} .tem_data_list_1 .list_link_artboard .bg_artboard{overflow:hidden;} .tem_data_list_1 .list_link_artboard .list_m_link{position:absolute;
608left:0;top:100%;width:100%;background:#fff;box-shadow:rgba(0, 0, 0,0.2) 0 2px 16px;z-index:40;padding:10px 20px 20px;margin-bottom:60px;display:none;margin-top:15px;} .tem_data_list_1 .list_link_artboard .list_m_link a{display:block;color:inherit;} .tem_data_list_1 .list_link_artboard .list_m_link .text{padding:14px 0;line-height:20px;position:relative;padding-right:40px;} .tem_data_list_1 .list_link_artboard .list_m_link .text .icon_img_box{position:absolute;right:0;top:50%;width:50px;height:40px;margin-top:-20px;line-height:40px;text-align:right;} .tem_data_list_1 .list_link_artboard .list_m_link .text .icon_img_box .iconfont{position:relative;display:inline-block;} .tem_data_list_1 .list_link_artboard .list_m_link ._li>.text{border-bottom:1px solid #F0F0F0;} .tem_data_list_1 .list_link_artboard .list_m_link ._li>.text.font-color{border-color:initial;} .tem_data_list_1 .list_link_artboard .list_m_link ._ul ul{padding:2px 0;display:none;} .tem_data_list_1 .list_link_artboard .list_m_link ._li.active>ul{display:block;} .tem_data_list_1 .list_link_artboard .list_m_link ._li.active>.text .iconfont{transform:rotate(180deg);} .tem_data_list_1 .list_link_artboard .list_m_link ._ul ul .text{padding:9px 0;opacity:.8;} .tem_data_list_1 .list_link_artboard .list_m_link ._ul ul a{padding-left:20px} .tem_data_list_1 .list_link_artboard .list_m_link ._ul ul ul a{padding-left:40px} } .tem_data_list_1 .second-img { position:absolute;top:0;left:0;z-index:3;width:100%;height:100%;display: none;transition: opacity 0.5s ease-in-out;display: flex;opacity: 0; justify-content: center;align-items: center; } .tem_data_list_1 .second-img img{ height: 100%; object-fit: cover; } .tem_data_list_1 .list_module_1:hover .second-img{ opacity: 1} #v6204b9a433b41{}#v6204b9a433b41 .container{}#v6204b9a433b41 .btn_box{text-align:center}#v6204b9a433b41 .btn{display:block;width:100%;}#v6204b9a433b41 li .describe{color:rgba(119, 119, 119, 1)} </style> <style mos-id="v62d5089b9b199"> .tem_breadcrumb_1{position:relative;color:#fff;padding-top:11vw;padding-bottom:11vw;background-repeat:no-repeat;background-position:center;background-size:cover;text-align:center;background-color:#000000;} .tem_breadcrumb_1 .text{position:relative;} .tem_breadcrumb_1 .text .top_title{margin-bottom:20px;font-weight: 400;} .tem_breadcrumb_1 .top_describe{font-size:14px;opacity:.9;} .tem_breadcrumb_1 .absolute_box{position: absolute;left:0;top:0;width:100%;height:100%;} @media (max-width:769px){ .tem_breadcrumb_1{padding:20px 0!important;background-image:none!important;} .tem_breadcrumb_1 .top_describe, .tem_breadcrumb_1 .top_describe *{font-size:14px!important;} } #v62d5089b9b199{background-color:#232F7F;color:#FFFFFF;text-align:left;padding-top:10vw;padding-bottom:10vw;}#v62d5089b9b199 .container{}@media (max-width: 768px){#v62d5089b9b199{display:none;}}#v62d5089b9b199 .top_title{font-size:2.5vw} </style> <style mos-id="v62d503d85599c"> .head_sousuos_active{overflow:hidden;} ._header{width:100%;position:relative;height:0;z-index:999;color:#fff;font-size:16px;background-color:#000;padding-top:116px;--header-offset: -40px;} ._header ul, ._header li{margin:0;} ._header_box{position:absolute;left:0;top:0;width:100%;} ._header_con--bottom {padding-top:6px;padding-bottom:6px;} .iconfenxiang_boxs{padding-right:10px;} ._head_top{display:flex;line-height:40px;} ._head_top .head_h1{flex:1;overflow:hidden;font-size:14px;margin:0;padding:0;padding-right:20px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;line-height:inherit;} ._head_top .icon_bx{display:flex;align-items: center;} ._head_top .icon_bx.iconfenxiang_boxs{align-self: center;} ._head_top .head_i{cursor:pointer;display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;font-weight:bold;} ._head_bottom{display:flex;} ._header .logo{height:60px;padding-right:40px;
608min-width:200px;line-height:60px;font-size:0;} ._header .logo a{display:block;height:100%;width:100%;} ._header .logo img{max-height:100%;display:inline-block;vertical-align:middle;} ._header nav{flex:1;overflow:hidden;line-height:60px;display:flex;flex-direction:row-reverse;position:relative;height:60px;font-weight:bold;} ._header .nav_box{overflow:hidden;line-height:60px;position:relative;transition:.3s;} ._header .nav{display:flex;white-space:nowrap;} ._header .nav li{padding:0 20px;border-color:inherit;} ._header .nav li a{padding:4px 0;display:inline;background:none;} ._header .nav li.active>a{border-bottom:2px solid;border-color:inherit;} ._header .nav_ul{display:none;} ._header nav.add{padding-right:20px;padding-left:20px;} ._header .nav_btns{position:absolute;top:50%;height:30px;width:20px;margin-top:-15px;line-height:30px;text-align:center;font-size:14px;cursor:pointer;border-radius:2px;user-select:none;display:none;color:#fff;} ._header nav.add .nav_btns{display:block;} ._header .btn_l{left:0;} ._header .btn_r{right:0;} ._header .disabled{opacity:.5;cursor:no-drop;} ._header .nav_button{outline:none;border:0;width:40px;height:50px;padding:10px;transition:all .45s;z-index:99;display:block;background:0;float:left;position:relative;z-index:4;margin-top:5px;cursor:pointer;display:none;color:inherit;} ._header .nav_button_icon{position:absolute;width:20px;height:16px;left:0;top:0;right:0;bottom:0;margin:auto;} ._header .nav_button_icon span{display:block;position:absolute;right:0;left:0;height:0px;transition:all .15s;border-bottom:2px solid;} ._header .nav_button_icon span:nth-child(1){top: 50%;transform: translate3d(0,-50%,0);} ._header .nav_button_icon span:nth-child(2){top: 0px;transform: translateZ(0) rotate(0) scaleX(1);} ._header .nav_button_icon span:nth-child(3){bottom: 0px;transform: translateZ(0) rotate(0) scaleX(1);} ._header .head_lan_txt{font-size:14px;padding-right:20px;} .header_nav_li_box{position:absolute;left:0;top:0;background:#faf7f2;z-index:999;box-shadow:0 0 4px rgba(122,122,122,.8);display:none;border-radius:2px;color:#666;white-space:nowrap;} .header_nav_li_box .nav_ul{padding:4px 0;display:block!important;} .header_nav_li_box .nav_ul .nav_ul{display:none!important;} .header_nav_li_box li{position:relative;} .header_nav_li_box li.xia a{padding-right:30px;} .header_nav_li_box li.xia .i_con{position: absolute;right: 8px;top: 50%;transform: translateY(-50%) rotate(-90deg);} .header_nav_li_box a{display:block;padding:10px 14px;} .header_nav_li_box a.font-color, .header_nav_li_box a:hover{background:#fff;} .header_nav_li_box ul, .header_nav_li_box li{margin:0;} @media (min-width:1026px){ ._header .nav_ul{display:none!important;} ._header.head_fixed ._header_box{position:fixed;top:0;left:0;width:100%;background:inherit;transition:.3s;z-index:99;} [switch_fixed=nav]._header.head_fixed ._header_box{top:var(--header-offset)} } .m_iconfenxiang_boxs.iconfenxiang_boxs{display:none!important;padding:0;} .m_iconfenxiang_boxs.iconfenxiang_boxs ul{overflow:auto;} @media (max-width:1025px){ .head_nav_active{overflow:hidden;} .m_iconfenxiang_boxs.iconfenxiang_boxs{display:block!important;} .m_iconfenxiang_boxs.iconfenxiang_boxs[btn_show="0"]{display:none!important;} ._header .head_lan_txt{display:none;} .header_nav_li_box{display:none!important;} body ._header{height:60px;z-index:999;padding-top:0!important;padding-bottom:0!important;} ._header_box{z-index:999;position:fixed;background:inherit;} ._head_top .head_h1{display:none;} ._head_top .head_i{height:60px;line-height:60px;} ._head_bottom{position:absolute;display:block;left:0;top:0;height:60px;width:100%;background:inherit;} ._header_con{padding:0!important;height:100%;position:relative;background:inherit;} ._header .logo{width:200px;padding:4px 0;margin:auto;text-align:center;line-height:50px;} ._header .logo img{margin:auto;} ._header .nav_button{display:block;} body.head_nav_active ._header .nav_button_icon span:nth-child(1){opacity:0;} body.head_nav_active ._header .nav_button_icon span:nth-child(2){transform: rotate(45deg) translate3d(5px,5px,0);top:0} body.head_nav_active ._header .nav_button_icon span:nth-child(3){transform: rotate(-45deg) translate3d(5px,-5px,0);bottom:0;} ._header .nav_btns{display:none!important;} ._header nav.add, ._header nav{display:block;position:fixed;padding:0;top:61px;left:0;right:0;bottom:0;z-index:998;background-color:inherit;transform-origin:20px 0;transform:scale(0);overflow:hidden;transition:.3s;pointer-events:none;visibility:hidden;height:auto;font-weight:500;} ._header .nav{display:block;line-height:1.4;font-size:16px;white-space:initial;} ._header .nav li{padding:10px 20px;position:relative;padding:0;} ._header .nav li a{padding:0;border:none;padding:10px 20px;display:inline-block;margin-right:40px;} ._header .nav_ul{background:rgba(122,122,122,.06);margin-bottom:10px;} ._header .nav_box .nav_ul li{padding-left:10px;padding-right:10px;} ._header .nav li .i_con{position:absolute;right: 12px;top:10px;transition:.2s;} body.head_nav_active ._header nav{transform:scale(1);visibility:visible;pointer-events:initial;padding-bottom:50px;} ._header .nav_box{overflow:auto;width: 100%;height:100%;} ._header .nav li.draw_act>.i_con{transform:rotate(-180deg);} .header-slogan-box { position: absolute; right: 0; top: 0; height: 100%; background-color: transparent!important; z-index: 4; } } #v62d503d85599c{background-color:#000000;color:#FFFFFF;padding-top:0vw;}#v62d503d85599c .container{} </style> <!-- css end --> 609 610 <!-- header style start --> 611 <style> 612.public_inquiry_tem_1 .enquiry_box .enquiry_label{border-color: #ffffff47;} 613.tem_footer_02 .btn {padding: 10px 28px;} 614.public_lists_tem_1 .top_details { padding: 0 16%;} 615.public_inquiry_tem_1 .top_details{ padding: 0 16%;} 616#v620b6d64514ef .top_details{ padding: 0 16%;} 617.tem_data_list_1 .sticky_inquiry_head, .tem_data_list_1 .news_details_left_block.right_navigation_menus h2 { font-family: 'arial';color: #333;text-transform: uppercase;} 618.tem_detail_6 .body_advertisement .product_sidebar .body_modular_box.navigation_box h2.title{ font-family: 'arial';} 619 620.tem_footer_02 .con_ul a:hover { color: #fff !important;} 621body.new_u_body.body_color_bgs.body_pages_index .head_h1 { color: #333;} 622._header .nav li.active>a:hover { color: #fff!important;} 623 624#v620b6822c147b .top_text{display:none;} 625#v620b6822c147b .show_img{display:none;} 626#v62060c4915a0f .top_details{padding: 0 20%;} 627#v620619d049860 .top_text{display:none;} 628#v620619d049860 .title{ font-family: 'arial';} 629#v62062292af8d4 .top_title{display:none;} 630#v62062b113ec69 .title{ font-family: 'arial';} 631#v62062c056db7a .title{ font-family: 'arial';} 632#v6208fdf3d78ef .title{ font-family: 'arial';} 633#v62062292af8d4 .top_details{line-height: 1.2;}
634@media (max-width:900px){ 635 #v62060c4915a0f .top_details{display:none;} 636 637 } 638 639@media (min-width:1400px){ 640#v62d4f9021ab23 .btn_box .btn { margin-top: 24vw; margin-left: -4vw;} 641} 642#v6204a7437eedf .title{ font-family: 'arial';} 643#v6204b9a433b41 .title{ font-family: 'arial';} 644#v6204b99fd801a .title{ font-family: 'arial';} 645#v620c5b642dffc .con li .text { display: none;} 646 647</style> 648 <!-- header style end --> 649 650 651
651<script type="text/javascript"> 652 var hasInquiry = 1; 653 var inquiryStyle = "1"; 654 var inquiryColor = "#fff"; 655 </script>
655 656 657</head> 658<body class=" new_u_body body_color_bgs body_pages_news" id="html_body"> 659 <input type="hidden" id="videoDefinition" value="auto"> 660 <input type="hidden" id="verification_open_inp" value="1"> 661 <input type="hidden" id="chat_is_open" value="1"> 662 <input type="hidden" id="chat_is_form" value="1"> 663 <input type="hidden" id="chat_prompt" value="Name,E-mail"> 664 <input type="hidden" id="chat_prompt_phone" value="required"> 665 <input type="hidden" id="inquire_success_herf" value="/inquire/success"> 666 <input type="hidden" id="compress_webp_onoff" value="1"> 667 <input type="hidden" id="compress_capture_onoff" value="1"> 668 <input type="hidden" id="compress_onoff" value="1"> 669 <input type="hidden" id="img_compress" value="80"> 670 <input type="hidden" id="set_playback_mode" value="current"> 671 <input type="hidden" id="bannerCompress" value=""> 672 <input type="hidden" id="bannerCompressQuality" value="80"> 673 <input type="hidden" id="video_dialog_open_btn" value="0"> 674 <input type="hidden" id="video_autoplay_open" value="0"> 675 <input type="hidden" id="timed_inquiry_open" value="0"> 676 <input type="hidden" id="dialog_page" value="0"> 677 <input type="hidden" id="dialog_frequency" value="0"> 678 <input type="hidden" id="uniqueness" value="0"> 679 <input type="hidden" id="timed_inquiry_style" value="1"> 680 <input type="hidden" id="timed_inquiry_color" value="#007eff"> 681
681<script data-static="false" src="/libs/jquery-2.1.3.min.js"></script>
681 682 <!-- no model-viewer loaded --> 683
683<script data-static="false" type="text/javascript"> 684 var inquiryFormTexts = {"company_field_hint":"Enter your company name","company_field_name":"Company Name","content_field_hint":"Enter the content of your inquiry","content_field_name":"Content","cookie_tips":"Privacy & use of cookies. We use cookies to optimise and continuously improve our website for you. Through your continued use of our website, you consent to the use of cookies.","email_field_alias":"","email_field_hint":"Enter your e-mail","email_field_name":"E-mail","name_field_hint":"Enter your name","name_field_name":"Name","phone_field_alias":"\/WhatsApp\/Skype","phone_field_hint":"Enter your phone","phone_field_name":"Phone","subscribe_hint":"Subscribe to be hear about our latest arrivals!","success_submit_msg":"INQUIRY SUCCESS","success_submit_service_msg":"Thanks your interest on our service! We will reply you within 24 hours. Sincerely hope to serve your company!"}; 685 var imgLazyLoad_bol = document.createElement('canvas').toDataURL('image/webp', 0.5).indexOf('data:image/webp') === 0; 686 var _langs_json = {"Products_Detail":"Products Detail","Download_Free":"Download Free","Please_enter_the_Email":"Please enter the E-mail","More_than_you_think":"Just tell us your requirements, we can do more than you can imagine.","Send_your_inquiry":"Send your inquiry","Submit":"Submit","Contact_Details":"Contact Details","replay":"Replay","come_from":"come from","PREV":"PREV","NEXT":"NEXT","Download":"Download","thanks_you_company":"Thanks your interest on our service! We will reply you within 24 hours. Sincerely hope to serve your company!","INQUIRY_SUCCESS":"INQUIRY SUCCESS","BACK":"BACK","Enter_name":"Enter your name","Enter_phone":"Enter your phone","Enter_e_mail":"Enter your e-mail","Enter_company_name":"Enter your company name","Enter_inquiry":"Enter the content of your inquiry","Search Result in":"Search Result in","No Result in":"No Result in","Choose a different language":"Choose a different language","Current language":"Current language","content_max_800":"Comment content is limited to 800 characters","Please_content":"Please enter comment content","Sumbit":"Sumbit","comment":"Comment","thank_comment":"Thank you for your comment,the comment will be displayed after approval","Email_format_error":"Email format error","please_enter_content":"Please enter the content","LOAD MORE":"LOAD MORE","Add_comment":"Add a comment","Language":"Language","Links":"Links","attachment_hover2":"It is recommended to upload up to 5, and the single size must not exceed 20M.","attachment_hover1":"Support formats\uff1a","Re_upload":"The upload may fail due to network delay. Please upload again","Upload failed":"Upload failed","max_to5":"Recommended to upload up to 5","max_20m":"Single file size must not exceed 20M","not_supported":"The file type is not supported","Attachment":"Attachment","Go_fast":"Go fast","Mobile_Whatsapp":"Mobile\/Whatsapp","Successful operation":"Successful operation","Failure to submit":"Failure to submit","network error":"network error","Cannot be empty, please re-enter":"Cannot be empty, please re-enter","Enter keywords to search":"Enter keywords to search","Choose your country or region":"Choose your country or region","READ MORE":"READ MORE","send inquiry now":"SEND INQUIRY NOW","major product":"Major product","detail tell":"TELL","detail phone":"PHONE","detail address":"ADDRESS","ADDRESS":"ADDRESS","views":"views","Country":"Country","TEL":"TEL","No more":"No more","LIKE":"LIKE","DISLIKE":"DISLIKE","SHARE":"SHARE","READ MORE ABOUT US":"READ MORE ABOUT US","ABOUT US":"ABOUT US","Recommended":"Recommended","Format error":"Format error","Content":"Content","Company Name":"Company Name","Phone":"Phone","products":"products","E-mail":"E-mail","Email":"Email","Name":"Name","Surname":"Name","Contacts":"Contacts","Company_Name":"Company Name","Telephone":"Telephone","Fax":"Fax","Website":"Website","Male":"Male","Female":"Female","Gender":"Gender","SEARCH":"SEARCH","Major product":"Major product","CONTACT US NOW":"CONTACT US NOW","Just leave your email or phone number in the contact form so we can send you a free quote for our wide range of designs!":"Just leave your email or phone number in the contact form so we can send you a free quote for our wide range of designs!","GET IN TOUCH WITH US":"GET IN TOUCH WITH US","If you have more questions,write to us":"If you have more questions,write to us","CONTACT US":"CONTACT US","Contact_US":"Contact US","BRANCH OFFICE":"BRANCH OFFICE","Do you have questions?":"Do you have questions?","We are committed to producing the best quality products at the most competitive prices. Therefore, we sincerely invite all interested companies to contact us for more information.":"We are committed to producing the best quality products at the most competitive prices. Therefore, we sincerely invite all interested companies to contact us for more information.","User login":"User login","Account":"account","Password":"password","Tags_1":"You\u2019re in the right place for","Tags_2":"By now you already know that, whatever you are looking for, you\u2019re sure to find it on","Tags_3":"we guarantee that it\u2019s here on","Tags_4":"We aim to provide the highest quality","Tags_5":"for our long-term customers and we will actively cooperate with our customers to offer effective solutions and cost benefits.","Home":"Home","Cases":"Cases","News":"News","Abouts":"Abouts","ODM OEM Service":"ODM & OEM Service","OEM Service":"ODM,OEM Service","Get Quote":"Get Quote! Find Details About Company Profile, ","Contact Get Quote":"Get Quote!","In":" in ","Please contact us":", Please contact us.","Main products":". Main products: ","manufacturer in China":" manufacturer in China, ","Provide C
686ases":" Provide Cases, ","Provide ODM,OEM Service":" Provide ODM,OEM Service, ","Is the best":" is the best ","Manufacturers Suppliers":" manufacturers & Suppliers","BRANCH":"BRANCH","BRANDS":"BRANDS","Follow Us":"Follow Us","Products Details":"Products Details","Company Profile":"Company Profile","Basic Information":"Basic Information","Company Video":"Company Video","Certifications":"Certifications","Year Established":"Year Established","Business Type":"Business Type","Country \/ Region":"Country \/ Region","Main Industry":"Main Industry","Main Products":"Main Products","Enterprise Legal Person":"Enterprise Legal Person","Total Employees":"Total Employees","Annual Output Value":"Annual Output Value","Export Market":"Export Market","Cooperated Customers":"Cooperated Customers","Manufacturing Industry":"Manufacturing Industry","Sourcing Company":"Sourcing Company","Factory":"Factory","Wholesaler":"Wholesaler","Government Agency":"Government Agency","Business Service":"Business Service","Trade Companies":"Trade Companies","Association":"Association","Others":"Others","Chinese Mainland":"Chinese Mainland","European Union":"European Union","Middle East":"Middle East","Eastern Europe":"Eastern Europe","Latin America":"Latin America","Africa":"Africa","Oceania":"Oceania","Hong Kong and Macao and Taiwan":"Hong Kong and Macao and Taiwan","Japan":"Japan","Southeast Asia":"Southeast Asia","America":"America","Issue by":"Issue by","People":"People","More than 1000 people":"More than 1000 people","Click to chat":"Click to chat","submitted_subscribe_success_tips":"You have successfully submitted from your Preferences.","unsubscribe_success_tips":"You have successfully unsubscribed from general email promotions.","Dont Miss Out":"Don't Miss Out","sure_miss_out_tips":"Are you sure you want to miss out on all e-mail sent by the system about the website content\uff1f","change_your_preferences_tips":"To receive these emails again in the future, you can change your Preferences.","Content interested":"Content interested","Content release time":"Content release time","Sending frequency":"Sending frequency","Continue to unsubscribe":"Continue to unsubscribe","not_unsubscribe_tips":"This will not unsubscribe you from administ emails.","Regular_FAQ":"Regular FAQ","FAQs":"FAQs","ERROR_TIP":"Oops! That page can\u2019t be found.","ERROR_TIP_1":"Please enter keywords to search or go back to the Home Page.","ERROR_TIP_SEARCH":"keyword","ERROR_HOT_PRODUCT":"Hot Products","in_china":"in china","manufacturer":"manufacturer","company":"company","factory":"factory","price":"price","Tags":"Tags","Related Article":"Related Article","Accept":"Accept","cookie_tips":"Privacy & use of cookies. We use cookies to optimise and continuously improve our website for you. Through your continued use of our website, you consent to the use of cookies. ","Sitemap":"Sitemap","Total":"Total","Quick Attribute Index":"Quick Attribute Index","Attribute Index":"Attribute Index","Index":"Index","Other":"Other","More":"More","Please fill in this field":"Please fill in this field","Go Back":"Go Back","The page will automatically be redirected to Home in":"The page will automatically be redirected to Home in","seconds. You can also":"seconds. You can also","Send Your Inquiry":"Send Your Inquiry","Send Inquiry Now":"Send Inquiry Now","Share With":"share with","Your_E-mail":"Your E-mail","Privacy_Policy":"Privacy Policy","WhatsApp_Skype":"\/WhatsApp\/Skype","select_material":"Select Material","country_region":"Country\/Region","width":"Width","height":"Height","choose_file_to_upload":"Choose file(s) to upload","month01":"January","month02":"February","month03":"March","month04":"April","month05":"May","month06":"June","month07":"July","month08":"August","month09":"September","month10":"October","month11":"November","month12":"December","Refuse":"Refuse"}, 687 fun_scr_arr = []; 688 var _verification_type = 0; 689 var kk; 690 var _is_lighthouse = false; 691 </script>
691 692
692<script type="text/javascript"> 693 fun_scr_arr.push({name:'script',url:"/libs/swiper/swiper.min.js",type:"text/javascript"}); 694 fun_scr_arr.push({name:'link',url:"/libs/aliplayer/aliplayer-min.css",rel:"stylesheet"}); 695// fun_scr_arr.push({name:'script',url:"https://turing.captcha.qcloud.com/TCaptcha.js",type:"text/javascript"}); 696 fun_scr_arr.push({name:'script',url:"/libs/aliplayer/aliplayer-min.js",type:"text/javascript"}); 697 _verification_type = "3"; 698 </script>
698 699 <!-- å¼ç¨å 容 start --> 700<div> 701 <header id="v62d503d85599c" module_id="5010" class="_header no_bg_src" header_edit="114" no_index_edit module_type="header" bg_img_url="" switch_fixed="0"> 702 <div class="_header_box no_bg_src" header_id="5010" style=""> 703 <div class="nav_button" id="head_button"> 704 <div class="nav_button_icon"> 705 <span></span> 706 <span></span> 707 <span></span> 708 </div> 709 </div> 710 <div style="background-color: rgba(0,0,0,0);" class="header-slogan-box"> 711 <div class="_header_con container" container=""> 712 <div class="_head_top" modular-edit="custom"> 713 <div class="head_h1"> 714 <section template-edit="title_languages" module_name="header"><p><span style="font-size:16px;">Specializing in the production of screen printing machine, pad printing machine and its printing auxiliary equipment</span></p></section> 715 </div> 716 <div class="icon_bx iconfenxiang_boxs" 717 btn_show="1"></div> 718 719 <div class="icon_bx"> 720 <span class="head_i iconfont iconsousuo head_shousuos" 721 btn_show="1"></span> 722 <div class="language_modal_click icon_bx" 723 btn_show="1"> 724 <span class="head_i iconfont icondiqu"></span><span 725 class="head_lan_txt">Language</span> 726 </div> 727 </div> 728 </div> 729 </div> 730 </div> 731 <div class="_header_con _header_con--bottom container" container=""> 732 <div class="_head_bottom"> 733 <div class="logo"> 734 <a href="/"> 735 <img head_logo_src="https://img001.video2b.com/230/file1594602853616.png" alt="Hoystar Printing"> 736 </a> 737 </div> 738 <nav> 739 <div class="nav_btns btn_l bg-color iconfont iconchaopimiaotuangou-" data-left="-80"></div> 740 <div class="nav_btns btn_r bg-color iconfont iconleft" data-left="80"></div> 741 <div class="nav_box"> 742 743 <ul class="nav border-color"> 744 745 746 <li class=" "> 747 <a href="/" >HOME</a> 748 </li> 749 750 751 <li class=" xia "> 752 <a href="/products" >PRODUCTS</a> 753 <i class="i_con iconfont iconxiala1"></i> 754 <ul class="nav_ul"> 755 <li class=" xia "> 756 <a href="/products-2622" >Screen printing machine</a> 757 <i class="i_con iconfont iconxiala1"></i> 758 <ul class="nav_ul"> 759 <li class=" "> 760 <a href="/products-2648" >Automatic screen printing machine</a> 761 </li> 762 <li class=" "> 763 <a href="/products-2623" >Textile screen printing machine</a> 764 </li> 765 <li class=" "> 766 <a href="/products-2624" >Ruler screen printing machine</a> 767 </li> 768 <li class=" "> 769 <a href="/products-2625" >Balloon screen printing machine</a> 770 </li> 771 <li class=" "> 772 <a href="/products-2626" >Flatbed screen printing machine</a> 773 </li> 774 <li class=" "> 775 <a href="/products-79610" >Bottle/Cups curved screen printing machine</a> 776 </li> 777 <li class=" "> 778 <a href="/products-79611" >Socks screen printing machine</a> 779 </li> 780 </ul> 781 </li> 782 <li class=" "> 783 <a href="/products-2627" >Pad printing machine</a> 784 </li> 785 <li class=" "> 786 <a href="/products-2628" >UV curing machine</a> 787 </li> 788 <li class=" "> 789 <a href="/products-2629" >Infrared drying machine</a> 790 </li> 791 <li class=" "> 792 <a href="/products-2630" >Other machine</a> 793 </li> 794 </ul> 795 </li> 796 797 798 <li class=" "> 799 <a href="/cases" >CASES</a> 800 </li> 801 802 803 <li class=" active "> 804 <a href="/news" >NEWS</a> 805 </li> 806 807 808 <li class=" "> 809 <a href="/about-us" >ABOUT US</a> 810 </li> 811 812 813 <li class=" "> 814 <a href="/contact-us" >CONATCT US</a> 815 </li> 816 817 818 </ul> 819 </div> 820 <div class="m_iconfenxiang_boxs iconfenxiang_boxs" btn_show="1"></div> 821 </nav> 822 </div> 823 </div> 824 </div> 825 826 </header> 827 </div> 828 829<div class="content_box"> 830 <div class="tem_breadcrumb_1 no_bg_src" id="v62d5089b9b199" module_id="5005" bg_img_url="https://img001.video2b.com/230/file_01658128557756.jpg" module_type="module"> 831 832 833 <div modular-edit="custom"> 834 <div class="absolute_box">
835 <span video-type="" video-src="" video-m3u8src="" playback_mode=""></span> 836 </div> 837 <div class="text"> 838 <div class="container"> 839 <div class="text"> 840 <h1 class="top_title">NEWS</h1> 841 </div> 842 <div class="top_describe"> 843 <span><a href="/" style="display: inline;">HOME</a></span> 844 <i>></i> 845 <span><a href="/news" style="display: inline;">NEWS</a></span> 846 </div> 847 </div> 848 </div> 849 <a target="_self" href="" class="home_banner_vr_btn" btn_show="0"> 850 <div><span class="iconfont iconVR"></span></div> 851 <div class="vr_txt"> 852 <section template-edit="btn_languages" module_name="module">VR</section> 853 </div> 854 </a> 855 </div> 856</div> <div class="tem_data_list_1 no_bg_src content-section" id="v6204b9a433b41" module_id="5000" bg_img_url="" module_type="module"> 857 <div class="container"> 858 859 <div class="li_container"> 860 <div class="li_nav_left"> 861 <div class="news_details_left_block right_navigation_menus left_con_colors"> 862 <h2 class="title">NEWS</h2> 863 </div> 864 865 <div class="sticky_box inquiry_right_sticky_box" btn_show="1"> 866 <div class="sticky_inquiry product_enquiry_box news_details_left_block left_con_colors"> 867 <div class="sticky_inquiry_head title"> 868 <section template-edit="title_languages" module_name="module">Send your inquiry</section> 869 </div> 870 <form no_form_enovation action="/add-enquiry" class="fl_box_s" onsubmit="return form_submit(this);"> 871 <input type="hidden" name="enquiry_type" id="enquiry_type_v6204b9a433b41" value="0"> 872 <input type="hidden" name="visitlength" id="visitlength_v6204b9a433b41" value="====1791484559===="> 873 <input type="hidden" name="source" id="source_v6204b9a433b41" value="0"> 874 <input type="hidden" name="id" id="id_v6204b9a433b41" value="0"> 875 <ul class="fl_row_s"> 876 <li class="fl12_s"> 877 <label class="enquiry_label"> 878 <input type="text" class="enquiry_inp enquiry_inp_placeholder" title placeholder="Enter your name" autocorrect="off" autocomplete="off" required name="name" id="name_v6204b9a433b41" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')"> 879 <span class="required_span"><span class="font-color">*</span>Name</span> 880 <div class="required_tips">Format error</div> 881 </label> 882 </li> 883 <li class="fl12_s"> 884 <label class="enquiry_label"> 885 <input type="text" class="enquiry_inp enquiry_inp_placeholder" title placeholder="Enter your e-mail" autocorrect="off" autocomplete="off" required name="email" id="email_v6204b9a433b41" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')">
886 <span class="required_span"><span class="font-color">*</span>E-mail</span> 887 <div class="required_tips">Format error</div> 888 </label> 889 </li> 890 <li class="fl12_s"> 891 <label class="enquiry_label"> 892 <input type="text" class="enquiry_inp enquiry_inp_placeholder" title placeholder="Enter your phone" autocorrect="off" autocomplete="off" name="phone" id="phone_v6204b9a433b41" required oninput="this.value=this.value.replace(/[^\d]/,'');setCustomValidity('')" oninvalid="setCustomValidity('Please fill in this field')"> 893 <span class="required_span"><span class="font-color">*</span>Phone/WhatsApp/Skype</span> 894 <div class="required_tips">Format error</div> 895 </label> 896 </li> 897 <li class="fl12_s"> 898 <label class="enquiry_label"> 899 <input type="text" class="enquiry_inp enquiry_inp_placeholder" title placeholder="Enter your company name" autocorrect="off" autocomplete="off" name="company" id="company_v6204b9a433b41" required oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')"> 900 <span class="required_span"><span class="font-color">*</span>Company Name</span> 901 <div class="required_tips">Format error</div> 902 </label> 903 </li> 904 <li class="fl12_s"> 905 <label class="enquiry_label textarea_boxs"> 906 <textarea class="enquiry_inp enquiry_inp_placeholder" rows="3" title placeholder="Enter the content of your inquiry" autocorrect="off" autocomplete="off" required name="msg" id="msg_v6204b9a433b41" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')"></textarea> 907 <span class="required_span"><span class="font-color">*</span>Content</span> 908 <div class="required_tips">Format error</div> 909 </label> 910 </li> 911 </ul> 912 <div class="btn_box"> 913 <button class="btn" id="submit_data_list_1" btn-types="deep" btn_screen="1">Submit</button> 914 </div> 915 </form> 916 </div> 917 </div> 918 </div> 919 920 <div class="products_ul_box"> 921 922 <div class="mobile-reverse"> 923 <div class="products_text"> 924 <div class="describe"><p>Dongguan Hoystar Printing Machinery Co., Ltd. integrates design, production, and sale together and has a professional team.</p><p>We specialize in pad printing machine, screen printing machine, screen-stretchers, UV machines, exposure machines and other peripherals. </p><p>Moreover, we can design and produce non-standard machines according to customer special requirements.</p><p><br/></p></div> 925 </div> 926 <div> 927 <div class="ai_products_list_ul"> 928 <ul> 929 <li class="list_row_li" modular-edit="custom" list_cols="3" mobile_list_cols=""> 930 <div class="li_border"> 931 <a target="_blank" href="/single-color-ribbon-screen-printing-machine.html"> 932 <div class="img_par no_img_src list_module_1" img_par_proportion="1" style=""> 933 <img video-img="https://img.yfisher.com/tos/video-website/230/file_01789462240342.jpg" img_preview_gif="" alt="Single Color Ribbon Screen Printing Machine" video_w="600" onerror="onerror=null;src='/images/errorImg.png'"></img> 934 </div> 935 </a> 936 <div class="text"> 937 <a target="_blank" href="/single-color-ribbon-screen-printing-machine.html"> 938 <div class="title" title="Single Color Ribbon Screen Printing Machine" title_lengths="">Single Color Ribbon Screen Printing Machine</div> 939 940 <div class="describe" title="" title_lengths=""></div> 941 942 </a> 943 <div class="date" btn_show="0"> 944 September 15, 2026 945 </div> 946 </div> 947 </div> 948 </li> 949 <li class="list_row_li" modular-edit="custom" list_cols="3" mobile_list_cols=""> 950 <div class="li_border"> 951 <a target="_blank" href="/how-to-print-two-color-patterns-on-balloons.html"> 952 <div class="img_par no_img_src list_module_1" img_par_proportion="1" style=""> 953 <img video-img="https://img.yfisher.com/tos/video-website/230/file_01772764434808.jpg" img_preview_gif="" alt="How to Print Two-Color Patterns on Balloons?" video_w="600" onerror="onerror=null;src='/images/errorImg.png'"></img> 954 </div> 955 </a> 956 <div class="text"> 957 <a target="_blank" href="/how-to-print-two-color-patterns-on-balloons.html"> 958 <div class="title" title="How to Print Two-Color Patterns on Balloons?" title_lengths="">How to Print Two-Color Patterns on Balloons?</div> 959 960 <div class="describe" title="" title_lengths=""></div> 961 962 </a> 963 <div class="date" btn_show="0"> 964 March 06, 2026 965 </div> 966 </div> 967 </div> 968 </li> 969 <li class="list_row_li" modular-edit="custom" list_cols="3" mobile_list_cols=""> 970 <div class="li_border"> 971 <a target="_blank" href="/what-products-can-a-small-tabletop-pad-printing-machine-print.html"> 972 <div class="img_par no_img_src list_module_1" img_par_proportion="1" style=""> 973 <img video-img="https://img.yfisher.com/tos/video-website/230/file_01765431002144.jpg" img_preview_gif="" alt="What products can a small tabletop pad printing machine print?" video_w="600" onerror="onerror=null;src='/images/errorImg.png'"></img> 974 </div> 975 </a> 976 <div class="text"> 977 <a target="_blank" href="/what-products-can-a-small-tabletop-pad-printing-machine-print.html"> 978 <div class="title" title="What products can a small tabletop pad printing machine print?" title_lengths="">What products can a small tabletop pad printing machine print?</
978div> 979 980 <div class="describe" title="A tabletop pad printing machine is a highly flexible device suitable for small-batch, multi-variety, and complex surface printing." title_lengths="">A tabletop pad printing machine is a highly flexible device suitable for small-batch, multi-variety, and complex surface printing.</div> 981 982 </a> 983 <div class="date" btn_show="0"> 984 December 11, 2025 985 </div> 986 </div> 987 </div> 988 </li> 989 <li class="list_row_li" modular-edit="custom" list_cols="3" mobile_list_cols=""> 990 <div class="li_border"> 991 <a target="_blank" href="/how-to-screen-print-on-plastic-cup-3-color.html"> 992 <div class="img_par no_img_src list_module_1" img_par_proportion="1" style=""> 993 <img video-img="https://img.yfisher.com/tos/video-website/230/file_01751360905987.jpg" img_preview_gif="" alt="How to screen print on plastic cup 3 color?" video_w="600" onerror="onerror=null;src='/images/errorImg.png'"></img> 994 </div> 995 </a> 996 <div class="text"> 997 <a target="_blank" href="/how-to-screen-print-on-plastic-cup-3-color.html"> 998 <div class="title" title="How to screen print on plastic cup 3 color?" title_lengths="">How to screen print on plastic cup 3 color?</div> 999 1000 <div class="describe" title="" title_lengths=""></div> 1001 1002 </a> 1003 <div class="date" btn_show="0"> 1004 July 01, 2025 1005 </div> 1006 </div> 1007 </div> 1008 </li> 1009 <li class="list_row_li" modular-edit="custom" list_cols="3" mobile_list_cols=""> 1010 <div class="li_border"> 1011 <a target="_blank" href="/how-to-pad-printing-on-bottle-cap"> 1012 <div class="img_par no_img_src list_module_1" img_par_proportion="1" style=""> 1013 <img video-img="https://img.yfisher.com/tos/video-website/230/file_01742540497118.jpg" img_preview_gif="" alt="How to pad printing on bottle cap?" video_w="600" onerror="onerror=null;src='/images/errorImg.png'"></img> 1014 </div> 1015 </a> 1016 <div class="text"> 1017 <a target="_blank" href="/how-to-pad-printing-on-bottle-cap"> 1018 <div class="title" title="How to pad printing on bottle cap?" title_lengths="">How to pad printing on bottle cap?</div> 1019 1020 <div class="describe" title="" title_lengths=""></div> 1021 1022 </a> 1023 <div class="date" btn_show="0"> 1024 March 21, 2025 1025 </div> 1026 </div> 1027 </div> 1028 </li> 1029 <li class="list_row_li" modular-edit="custom" list_cols="3" mobile_list_cols=""> 1030 <div class="li_border"> 1031 <a target="_blank" href="/screen-plate-screen-frame-with-pattern-making-process"> 1032 <div class="img_par no_img_src list_module_1" img_par_proportion="1" style=""> 1033 <img video-img="https://img001.video2b.com/230/file_01739518504518.jpg" img_preview_gif="" alt="Screen plate,screen frame with pattern making process" video_w="600" onerror="onerror=null;src='/images/errorImg.png'"></img> 1034 </div> 1035 </a> 1036 <div class="text"> 1037 <a target="_blank" href="/screen-plate-screen-frame-with-pattern-making-process"> 1038 <div class="title" title="Screen plate,screen frame with pattern making process" title_lengths="">Screen plate,screen frame with pattern making process</div> 1039 1040 <div class="describe" title="" title_lengths=""></div> 1041 1042 </a> 1043 <div class="date" btn_show="0"> 1044 February 14, 2025 1045 </div> 1046 </div> 1047 </div> 1048 </li> 1049 <li class="list_row_li" modular-edit="custom" list_cols="3" mobile_list_cols=""> 1050 <div class="li_border"> 1051 <a target="_blank" href="/pad-printing-steel-plate-the-plate-making-process"> 1052 <div class="img_par no_img_src list_module_1" img_par_proportion="1" style=""> 1053 <img video-img="https://img001.video2b.com/230/file_01735353269126.jpg" img_preview_gif="" alt="Pad printing steel plate,the plate making process" video_w="600" onerror="onerror=null;src='/images/errorImg.png'"></img> 1054 </div> 1055 </a> 1056 <div class="text"> 1057 <a target="_blank" href="/pad-printing-steel-plate-the-plate-making-process"> 1058 <div class="title" title="Pad printing steel plate,the plate making process" title_lengths="">Pad printing steel plate,the plate making process</div> 1059 1060 <div class="describe" title="" title_lengths=""></div> 1061 1062 </a> 1063 <div class="date" btn_show="0"> 1064 December 28, 2024 1065 </div> 1066 </div> 1067 </div> 1068 </li> 1069 <li class="list_row_li" modular-edit="custom" list_cols="3" mobile_list_cols=""> 1070 <div class="li_border"> 1071 <a target="_blank" href="/differences-between-flame-treatment-corona-treatment-plasma-treatment"> 1072 <div class="img_par no_img_src list_module_1" img_par_proportion="1" style=""> 1073 <img video-img="https://img001.video2b.com/230/file_01730343494005.jpg" img_preview_gif="" alt="Differences between flame treatment/corona treatment/plasma treatment" video_w="600" onerror="onerror=null;src='/images/errorImg.png'"></img> 1074 </div> 1075 </a> 1076 <div class="text"> 1077 <a target="_blank" href="/differences-between-flame-treatment-corona-treatment-plasma-treatment"> 1078 <div class="title" title="Differences between flame treatment/corona treatment/plasma treatment" title_lengths="">Differences between flame treatment/corona treatment/plasma treatment</div> 1079 1080 <div class="describe" title="" title_lengths=""></div> 1081 1082 </a> 1083 <div class="date" btn_show="0"> 1084 October 31, 2024 1085 </div> 1086 </div> 1087 </div> 1088 </li> 1089 <li class="list_row_li" modular-edit="custom" list_cols="3" mobile_list_cols=""> 1090 <div class="li_border"> 1091 <a target="_blank" href="/news-detail-4762206"> 1092 <div class="img_par no_img_src list_module_1" img_par_proportion="1" style=""> 1093 <img video-img="https://img001.video2b.com/230/file_01718958366737.jpg" img_preview_gif="" alt="What is the best ink for plastic cups?" video_w="600" onerror="onerror=null;src='/images/errorImg.png'"></img> 1094 </div> 1095 </a> 1096 <div class="text"> 1097 <a target="_blank" href="/news-detail-4762206"> 1098 <div class="title" title="What is the best ink for plastic cups?" title_lengths="">What is the best ink for plastic cups?</div> 1099 1100 <div class="describe" title="" title_lengths=""></div> 1101 1102 </a> 1103 <div class="date" btn_show="0"> 1104 June 21, 2024 1105 </div> 1106 </div> 1107 </div> 1108 </li> 1109 <li class="list_row_li" modular-edit="custom" list_cols="3" mobile_list_cols=""> 1110 <div class="li_border"> 1111 <a target="_blank" href="/news-detail-4756367"> 1112 <div class="img_par no_img_src list_module_1" img_par_proportion="1" style=""> 1113 <img video-img="https://img001.video2b.com/230/file_01718175358001.jpg" img_preview_gif="" alt="How to Screen Print on Ribbons?" video_w="600" onerror="onerror=null;src='/images/errorImg.png'"></img> 1114 </div> 1115 </a> 1116 <div class="text"> 1117 <a target="_blank" href="/news-detail-4756367"> 1118 <div class="title" title="How to Screen Print on Ribbons?" title_lengths="">How to Screen Print on Ribbons?</div> 1119 1120 <div class="describe" title="" title_lengths=""></div> 1121 1122 </a> 1123 <div class="date" btn_show="0"> 1124 June 12, 2024 1125 </div> 1126 </div> 1127 </div> 1128 </li> 1129 <li class="list_row_li" modular-edit="custom" list_cols="3" mobile_list_cols=""> 1130 <div class="li_border"> 1131 <a target="_blank" href="/news-detail-4701161"> 1132 <div class="img_par no_img_src list_module_1" img_par_proportion="1" style=""> 1133 <img video-img="https://img001.video2b.com/230/file_01710401921359.jpg" img_preview_gif="" alt="How to screen print scale on ruler?" video_w="600" onerror="onerror=null;src='/images/errorImg.png'"></img> 1134 </div> 1135 </a> 1136 <div class="text"> 1137 <a target="_blank" href="/news-detail-4701161"> 1138 <div class="title" title="How to screen print scale on ruler?" title_lengths="">How to screen print scale on ruler?</div> 1139 1140 <div class="describe" title="Screen printing scales on rulers involves a specific process. Here are the general steps:" title_lengths="">Screen printing scales on rulers involves a specific process. Here are the general steps:</div> 1141 1142 </a> 1143 <div class="date" btn_show="0"> 1144 March 14, 2024 1145 </div> 1146 </div> 1147 </div> 1148 </li> 1149 <li class="list_row_li" modular-edit="custom" list_cols="3" mobile_list_cols=""> 1150 <div class="li_border"> 1151 <a target="_blank" href="/news-detail-4695601"> 1152 <div class="img_par no_img_src list_module_1" img_par_proportion="1" style=""> 1153 <img video-img="https://img001.video2b.com/230/file_01709687280957.jpg" img_preview_gif="" alt="What is required for printing non slip socks?" video_w="600" onerror="onerror=null;src='/images/errorImg.png'"></img> 1154 </div> 1155 </a> 1156 <div class="text"> 1157 <a target="_bl
1157ank" href="/news-detail-4695601"> 1158 <div class="title" title="What is required for printing non slip socks?" title_lengths="">What is required for printing non slip socks?</div> 1159 1160 <div class="describe" title="Printing non-slip socks involves adding a special, non-slip material to the bottom of the socks to provide traction and prevent slipping. Here are the basic requirements for printing non-slip socks:" title_lengths="">Printing non-slip socks involves adding a special, non-slip material to the bottom of the socks to provide traction and prevent slipping. Here are the basic requirements for printing non-slip socks:</div> 1161 1162 </a> 1163 <div class="date" btn_show="0"> 1164 March 06, 2024 1165 </div> 1166 </div> 1167 </div> 1168 </li> 1169 </ul> 1170 <div class="m_case_content_video_show" style="clear:both;padding:50px 0;text-align:center;display:none">No more~~</div> 1171 </div> 1172 <div class="tem_pagination_1"> 1173 <style mos-id="v6204b9a433b41"> 1174 .tem_pagination_1{display: block;position:relative;line-height:1.4;} 1175 .tem_pagination_1 .pagination{display:flex;margin:0;overflow:hidden;} 1176 .tem_pagination_1 .page-item{padding:1px;} 1177 .tem_pagination_1 .page-item.disabled{display:none;} 1178 .tem_pagination_1 .page-link{display:block;;padding:0px 13px;font-size:16px;line-height:36px;border:2px solid transparent;border-radius:10px;transition:.2s;} 1179 .tem_pagination_1 .page-link.active{border:2px solid;} 1180 .tem_pagination_1 .rel_ck.page-link span{color:#fff!important;position: relative;z-index:2;} 1181 .tem_pagination_1 .rel_ck.page-link{position:relative;overflow:hidden;} 1182 /* .tem_pagination_1 .rel_ck.page-link::after{content:"";display: block;position: absolute;top:0;left:0;width:100%;border-top:100px solid;} */ 1183 .tem_pagination_1 .page-link:not(.active):hover{opacity:.7;} 1184 .tem_pagination_1 .li_form{position:relative;padding-left:30px;} 1185 .tem_pagination_1 .pagination_form{height:100%;display:flex;align-items:center;} 1186 .tem_pagination_1 .pagination_search{height:38px;display:flex;align-items:center;} 1187 .tem_pagination_1 .pagination_inp{height:100%;width:50px;border-radius:10px 0 0 10px;padding:0 8px;font-size:14px;color:inherit;border:2px solid;outline:none;border-right:none;} 1188 .tem_pagination_1 button.bg_btn{border-radius:0 10px 10px 0;border:none;color:inherit;height:100%;padding:0 13px;outline:none;cursor:pointer;background:none;position:relative;overflow:hidden;} 1189 .tem_pagination_1 button.bg_btn:hover{opacity:.7;} 1190 /* .tem_pagination_1 button.bg_btn::after{content:"";display: block;position: absolute;top:0;left:0;width:100%;border-top:100px solid;} */ 1191 .tem_pagination_1 .btn_txt{color:#fff;position:relative;z-index:4;} 1192 @media (max-width: 768px){ 1193 .tem_pagination_1 .rel_ck.page-link{display:none;} 1194 /* .tem_pagination_1 .page-link:not(.rel_ck){display:none;} */ 1195 } 1196 </style> 1197 <nav> 1198 <ul class="pagination"> 1199 1200 <li class="page-item disabled bg-color" aria-disabled="true" aria-label="« Previous"> 1201 <span class="page-link rel_ck" aria-hidden="true"><span class="iconfont iconchaopimiaotuangou-"></span></span> 1202 </li> 1203 1204 1205 1206 1207 1208 <li class="page-item active" aria-current="page"><span class="page-link active font-color">1</span></li> 1209 <li class="page-item"><a class="page-link" href="https://www.hoystar.com/news-list-2">2</a></li> 1210 <li class="page-item"><a class="page-link" href="https://www.hoystar.com/news-list-3">3</a></li> 1211 1212 1213 <li class="page-item"> 1214 <a class="page-link rel_ck bg-color" href="https://www.hoystar.com/news-list-2" rel="next" aria-label="Next »"><span class="iconfont iconleft"></span></a> 1215 </li> 1216 <!-- <li class="li_form"> 1217 <form action="" class="pagination_form" onsubmit="return pagination_v6204b9a433b41(this);"> 1218 <input type="hidden" class="list_limit" value="12"> 1219 <input type="hidden" class="list_page" value="1"> 1220 <input type="hidden" class="list_total" value="31"> 1221 <div class="pagination_search"> 1222 <input type="text" oninput="value=value.replace(/[^\d]|^0/g,'')" value="1" class="pagination_inp border-color" placeholder="" required="" autocomplete="off" autocorrect="off"> 1223 <button type="submit" class="bg_btn bg-color">
1224 <span class="btn_txt">GO</span> 1225 </button> 1226 </div> 1227 </form> 1228 </li> --> 1229 </ul> 1230 </nav> 1231
1231<script mos-id="v6204b9a433b41"> 1232 function pagination_v6204b9a433b41(form){ 1233 var inp = form.querySelector('.pagination_inp'), 1234 val = parseInt(inp.value)||1, 1235 limit = parseInt(form.querySelector('.list_limit').value), 1236 page = parseInt(form.querySelector('.list_page').value)||1, 1237 total = parseInt(form.querySelector('.list_total').value), 1238 page_list = Math.ceil(total/limit), 1239 url = window.location.pathname; 1240 if (val>page_list) {val = page_list;inp.value = val;} 1241 if (val == page) {return false} 1242 if (val == 1) { 1243 url = url.replace(/\-list\-(\d)+/,''); 1244 }else{ 1245 if (/\-list\-(\d)+/.test(url)) { 1246 url = url.replace(/\-list\-(\d)+/,'-list-'+val); 1247 }else{ 1248 if (url.indexOf('.')>-1) { 1249 var index1 = url.lastIndexOf("."), 1250 index2 = url.length, 1251 index3 = url.substring(index1,index2), 1252 index4 = url.substring(0,index1); 1253 url = index4+'-list-'+val+index3; 1254 }else{ 1255 url = url+'-list-'+val; 1256 } 1257 } 1258 } 1259 window.location.href = url; 1260 return false 1261 } 1262 </script>
1262 1263</div> 1264 </div> 1265 </div> 1266 </div> 1267 </div> 1268 </div> 1269 </div> 1270 </div> 1271 1272<div> 1273 <div 1274 id="v62062eb5062d1" 1275 module_id="5052" 1276 bg_img_url="" 1277 1278 class="tem_footer_section_02 no_bg_src boxs_m_show" 1279 module_type="footer" 1280 no_index_edit 1281> 1282 1283 <div class="tem_footer_02"> 1284 <div class="container"> 1285 <!-- ç§»å¨ç«¯ç¤¾åª --> 1286 <div class="iconfenxiang_boxs_m" style="display: none;"> 1287 <!-- <div class="go_fast">Go fast</div> --> 1288 <div class="iconfenxiang_wauto flex"></div> 1289 </div> 1290 <a href="/sitemap/a1.html" target="_blank" class="sitemap-box"> 1291 <span class="sitemap" style="vertical-align:middle;">Sitemap</span> 1292 </a> 1293 <ul class="footer_ul flex"> 1294 <li class="footer_li"> 1295 <div class="li_head"> 1296 <section template-edit="common_footer_txt0_languages" module_name="footer"> 1297 <p><span style="font-size:18px;"><span style="color:#FFFFFF;">QUICK LINKS</span></span></p> 1298 </section> 1299 </div> 1300 1301 <div class="con_ul"> 1302 <section template-edit="common_footer_txt1_languages" module_name="footer"> 1303 <div style="line-height:1.9;"><a data-cke-saved-href="/products" href="/products" rel=""><span style="font-size:16px;"><span style="color:#ffffffad;">Products</span></span></a></div><div style="line-height:1.9;"><a data-cke-saved-href="/cases" href="/cases" rel=""><span style="font-size:16px;"><span style="color:#ffffffad;">Cases</span></span></a></div><div style="line-height:1.9;"><a data-cke-saved-href="/about-us" href="/about-us" rel=""><span style="font-size:16px;"><span style="color:#ffffffad;">About Us</span></span></a></div><div style="line-height:1.9;"><a data-cke-saved-href="/news" href="/news" rel=""><span style="font-size:16px;"><span style="color:#ffffffad;">News</span></span></a></div><div style="line-height:1.9;"><a data-cke-saved-href="/contact-us" href="/contact-us" rel=""><span style="font-size:16px;"><span style="color:#ffffffad;">Contact Us</span></span></a></div> 1304 </section> 1305 </div> 1306 </li> 1307 1308 <li class="footer_li"> 1309 <div class="li_head"> 1310 <section template-edit="common_footer_txt2_languages" module_name="footer"> 1311 <p><span style="font-size:18px;"><span style="color:#FFFFFF;">PRODUCTS</span></span></p> 1312 </section> 1313 </div> 1314 1315 <div class="con_ul"> 1316 <section template-edit="common_footer_txt3_languages" module_name="footer"> 1317 <div style="line-height:1.9;"><span style="font-size:16px;"><span style="color:#ffffffad;"><a data-cke-saved-href="/products-2622" href="/products-2622" rel="">Screen printing machine</a><br><a data-cke-saved-href="/products-2627" href="/products-2627" rel="">Pad printing machine</a><br><a data-cke-saved-href="/products-2628" href="/products-2628" rel="">UV curing machinen</a><br><a data-cke-saved-href="/products-2629" href="/products-2629" rel="">Infrared drying machine</a></span></span><br></div><div style="line-height:1.9;"><a data-cke-saved-href="/products-2630" href="/products-2630" rel=""><span style="font-size:16px;"><span style="color:#ffffffad;">Other machine</span></span></a><span style="color:#ffffffad;"></span></div> 1318 </section> 1319 </div> 1320 </li> 1321 1322 <li class="footer_li"> 1323 <div class="li_head"> 1324 <section template-edit="common_footer_txt4_languages" module_name="footer"> 1325 <p><span style="font-size:18px;"><span style="color:#FFFFFF;">CONTACT US</span></span></p> 1326 </section> 1327 </div> 1328 1329 <div class="con_ul"> 1330 <section template-edit="common_footer_txt5_languages" module_name="footer"> 1331 <div style="line-height:1.9;"><span style="font-size:16px;">WhatsAppï¼+86 13527983144</span></div><div style="line-height:1.9;"><span style="font-size:16px;"><span style="font-family:arial,helvetica,sans-serif;"><span style="color:#ffffffad;">Tel : +86-769-85377425</span></span></span></div><div style="line-height:1.9;"><span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:16px;"><span style="color:#ffffffad;">
1331Mobile : +86-15913838969</span></span></span></div><div style="line-height:1.9;"><span style="font-size:16px;"><span style="color:#ffffffad;">E-mail : <a data-cke-saved-href="mailto:/products-2630" href="mailto:/products-2630" rel="">[email protected]</a></span></span></div><div style="line-height:1.9;"><span style="font-size:16px;"><span style="color:#ffffffad;">Address : No.3, Zhenglong Road, Hengzeng Street, ChanganTown, Dongguan city, Guangdong province China</span></span></div> 1332 </section> 1333 </div> 1334 </li> 1335 1336 <li class="footer_li"> 1337 <div class="li_head"> 1338 <section template-edit="common_footer_txt6_languages" module_name="footer"> 1339 <p><span style="font-size:18px;"><span style="color:#FFFFFF;">Please contact us.</span></span></p> 1340 </section> 1341 </div> 1342 1343 <div class="con_ul"> 1344 <section template-edit="common_footer_txt7_languages" module_name="footer"> 1345 <div style="line-height:1.9;"><span style="font-size:16px;"><span style="color:#ffffffad;">We are confident to say that our customization service is outsatnding.</span></span></div> 1346 </section> 1347 </div> 1348 1349 <div class="btn_con_box" > 1350 <div class="btn_box" btn_show="1"> 1351 <a href="/contact-us" target="_self"> 1352 <div class="btn" btn-types="shallow"> 1353 <section template-edit="btn_languages" module_name="module"> 1354 CONTACT US 1355 </section> 1356 </div> 1357 </a> 1358 </div> 1359 </div> 1360 1361 <div> 1362 <div class="lan_a"> 1363 <a href="javascript:;" class="icon_bx language_modal_click"> 1364 <span class="iconfont icondiqu" style="vertical-align:middle;"></span> 1365 <span class="visible_lgss" style="vertical-align:middle;"> 1366 Language 1367 </span> 1368 </a> 1369 <a href="/sitemap/a1.html" target="_blank"> 1370 <span class="sitemap-line" style="vertical-align:middle;"></span> 1371 <span class="sitemap" style="vertical-align:middle;">Sitemap</span> 1372 </a> 1373 </div> 1374 <div class="iconfenxiang_boxs footer" footer-social-media="true"></div> 1375 </div> 1376 </li> 1377 </ul> 1378 </div> 1379 </div> 1380 1381 </div> 1382 <div class="tem01_copyright no_bg_src" id="v6204a7123f308" module_id="5012" no_index_edit module_type="footer" module_type1="copy" bg_img_url="" > 1383 <div class="container"> 1384 <div class="copyright_text"> 1385 <div modular-edit="custom"> 1386 <div editable="footer_text"> 1387 Copyright © 2026 Dongguan Hoystar Printing Machinery Co., Ltd. - www.hoystar.com All Rights Reserved. 1388 <span style="display: inline-flex;align-items: baseline"> 1389 <span> </span> 1390 <div style=" 1391 height:12px; 1392 color:rgba(255,255,255,0.8); 1393 display:inline-block;" 1394 > 1395 <svg style="width: auto; overflow:visible" viewBox="0 0 5717 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1811" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" class="icon"> 1396 <g transform="translate(0, 113)"> 1397 <path fill="currentColor" d="M1435.409496 881.779793l68.607028-161.789708h361.46688L1934.090432 881.779793h129.022172L1749.773043 164.989947H1625.870798L1309.459281 881.779793h125.950215z m383.99456-269.308185H1549.071886l135.166085-318.459489 135.166085 318.459489zM2209.542529 251.004729c38.911449 0 68.607028-29.695579 68.607028-69.631014 0-40.95942-29.695579-70.654999-68.607028-70.654999-38.911449 0-68.607028 29.695579-68.607028 70.654999 0 39.935434 29.695579 69.631014 68.607028 69.631014zM2267.909703 881.779793V337.01951h-116.734347V881.779793h116.734347z m420.858037 0l208.893041-544.760283h-117.758332l-149.501882 429.049922-151.549853-429.049922h-122.878259L2566.913467 881.779793h121.854273z m349.179054-630.775064c38.911449 0 68.607028-29.695579 68.607028-69.631014 0-40.95942-29.695579-70.654999-68.607028-70.654999-38.911449 0-68.607028 29.695579-68.607028 70.654999 0 39.935434 29.695579 69.631014 68.607028 69.631014zM3096.313967 881.779793V337.01951h-116.734346V881.7
139779793h116.734346z m383.99456 5.119927c87.038767 0 152.573839-34.815507 191.485287-98.302607V881.779793h117.758332V121.982556h-117.758332V431.226175c-39.935434-63.487101-105.470506-99.326593-193.533258-99.326592-153.597824 0-259.06833 111.614419-259.06833 275.452097 0 165.88565 104.44652 279.54804 261.116301 279.54804z m24.575652-98.302607c-99.326593 0-166.909635-73.726956-167.933621-177.149491 1.023985-104.44652 69.631014-179.197461 167.933621-179.197461s166.909635 73.726956 166.909635 179.197461c0 103.422535-68.607028 177.14949-166.909635 177.149491z m691.190208 97.278622c94.206665 0 172.029563-33.791521 225.276808-92.158695l-62.463115-66.559057c-39.935434 40.95942-94.206665 63.487101-153.597824 63.487101-86.014781 0-150.525868-52.22326-168.957606-136.190071h411.642168c14.335797-196.605215-63.487101-321.531445-254.972388-321.531445-161.789708 1.023985-275.452098 112.638404-275.452097 277.500069 0 163.837679 110.590433 275.452098 278.524054 275.452098z m149.501882-317.435503h-311.29159c12.287826-87.038767 73.726956-141.309998 159.741737-141.309999 89.086738 0 147.453911 53.247246 151.549853 141.309999z m458.745501 317.435503c167.933621 0 283.643982-112.638404 283.643982-277.500069 0-163.837679-115.710361-275.452098-283.643982-275.452098-168.957606 0-284.667967 111.614419-284.667967 275.452098 0 164.861664 115.710361 277.500069 284.667967 277.500069z m0-98.302608c-98.302607 0-166.909635-71.678985-166.909635-177.14949 0-104.44652 68.607028-177.14949 166.909635-177.149491 97.278622 0 165.88565 72.70297 165.88565 177.149491 0 105.470506-68.607028 177.14949-165.88565 177.14949z m635.894992 99.326593c167.933621 0 273.404127-78.846883 273.404126-206.84507 0-86.014781-54.271231-152.573839-140.286012-182.269418 64.511086-28.671594 104.44652-83.96681 104.44652-152.573838 0-115.710361-91.134709-186.36536-238.58862-186.36536-145.40594 0-237.564635 69.631014-237.564634 181.245432 0 69.631014 41.983405 126.974201 110.590433 157.693766-89.086738 29.695579-145.40594 97.278622-145.40594 184.317389 0 126.974201 105.470506 204.797099 273.404127 204.797099z m0-430.073907c-86.014781 0-136.190071-38.911449-136.190071-105.470506s50.175289-105.470506 136.190071-105.470506 135.166085 38.911449 135.166085 105.470506-49.151304 105.470506-135.166085 105.470506z m0 334.843256c-101.374564 0-159.741737-44.031376-159.741737-122.878259 0-74.750941 58.367173-117.758332 158.717751-117.758332 101.374564 0 160.765722 44.031376 160.765722 118.782317 0 77.822898-59.391159 121.854274-159.741736 121.854274z" p-id="1812"></path><path fill="currentColor" d="M72.683913 2.944243A99.298149 99.298149 0 0 1 121.437 3.143351l835.06017 217.312477c49.976181 13.027371 78.420222 62.292451 63.543988 110.021552a91.646702 91.646702 0 0 1-25.770301 40.191431l-161.107051 147.453911-421.882023-130.842591a112.410852 112.410852 0 0 0-59.647155-1.991083l-0.654213 0.142221c-61.069357 15.103786-96.709741 76.969576-82.487721 137.583828l0.455105 1.820419 104.190524 414.25902-13.254923 12.117162c-37.972795 34.758619-97.733727 34.388846-133.487887-0.853321A85.815673 85.815673 0 0 1 203.242063 910.223834L2.56935 112.311582C-9.462479 64.44026 21.911299 15.488065 72.683913 2.944243z" p-id="1813"></path><path fill="currentColor" d="M868.121533 675.47516c6.371465-6.371465 10.950956-14.449573 13.283367-23.409446 7.338563-27.988937-8.675433-57.485408-35.782604-65.876401l-452.942917-140.229124a49.009083 49.009083 0 0 0-26.25385-0.796433c-27.16406 6.68435-43.348719 35.185279-36.180821 63.629321l119.521863 474.418168c2.275523 9.016761 6.769682 17.322421 13.055815 24.063659 19.768609 21.333031 51.967264 22.385461 71.906537 2.389299l333.364166-334.189043z" p-id="1814"> 1398 </path> 1399 </g> 1400 </svg> 1401 </div> 1402 <span> Design</span> 1403 </span> 1404 </div> 1405 </div> 1406 </div> 1407 1408 </div> 1409</div>
1410<script type="text/javascript"> 1411 1412function initFooter() { 1413 console.log('initFooter123'); 1414 let show = `1`; 1415 let size = `12px` || '15px'; 1416 let color = `rgba(255,255,255,0.8)` || 'inherit'; 1417 let title = `Design`; 1418 let href = `` 1419 const section = $(`#v6204a7123f308`).find('section').first() 1420 let customFooter = 0; 1421 if( customFooter == 1) { 1422 if(section.size() > 0 && show == '1') { 1423 const p = section.find('p').last() 1424 const spanDom = ` 1425 <span><span> </span> 1426 ${href ? `<a href="${href}" target="_blank">`:''} 1427 <div style=" 1428 height: ${size}; 1429 color: ${color}; 1430 ${color == 'inherit' ? 'opacity: 0.6;' : ''} 1431 display:inline-block;" > 1432 <svg style="width: auto; overflow:visible" viewBox="0 0 5717 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1811" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" class="icon"> 1433 <g transform="translate(0, 113)"> 1434 <path fill="currentColor" d="M1435.409496 881.779793l68.607028-161.789708h361.46688L1934.090432 881.779793h129.022172L1749.773043 164.989947H1625.870798L1309.459281 881.779793h125.950215z m383.99456-269.308185H1549.071886l135.166085-318.459489 135.166085 318.459489zM2209.542529 251.004729c38.911449 0 68.607028-29.695579 68.607028-69.631014 0-40.95942-29.695579-70.654999-68.607028-70.654999-38.911449 0-68.607028 29.695579-68.607028 70.654999 0 39.935434 29.695579 69.631014 68.607028 69.631014zM2267.909703 881.779793V337.01951h-116.734347V881.779793h116.734347z m420.858037 0l208.893041-544.760283h-117.758332l-149.501882 429.049922-151.549853-429.049922h-122.878259L2566.913467 881.779793h121.854273z m349.179054-630.775064c38.911449 0 68.607028-29.695579 68.607028-69.631014 0-40.95942-29.695579-70.654999-68.607028-70.654999-38.911449 0-68.607028 29.695579-68.607028 70.654999 0 39.935434 29.695579 69.631014 68.607028 69.631014zM3096.313967 881.779793V337.01951h-116.734346V881.779793h116.734346z m383.99456 5.119927c87.038767 0 152.573839-34.815507 191.485287-98.302607V881.779793h117.758332V121.982556h-117.758332V431.226175c-39.935434-63.487101-105.470506-99.326593-193.533258-99.326592-153.597824 0-259.06833 111.614419-259.06833 275.452097 0 165.88565 104.44652 279.54804 261.116301 279.54804z m24.575652-98.302607c-99.326593 0-166.909635-73.726956-167.933621-177.149491 1.023985-104.44652 69.631014-179.197461 167.933621-179.197461s166.909635 73.726956 166.909635 179.197461c0 103.422535-68.607028 177.14949-166.909635 177.149491z m691.190208 97.278622c94.206665 0 172.029563-33.791521 225.276808-92.158695l-62.463115-66.559057c-39.935434 40.95942-94.206665 63.487101-153.597824 63.487101-86.014781 0-150.525868-52.22326-168.957606-136.190071h411.642168c14.335797-196.605215-63.487101-321.531445-254.972388-321.531445-161.789708 1.023985-275.452098 112.638404-275.452097 277.500069 0 163.837679 110.590433 275.452098 278.524054 275.452098z m149.501882-317.435503h-311.29159c12.287826-87.038767 73.726956-141.309998 159.741737-141.309999 89.086738 0 147.453911 53.247246 151.549853 141.309999z m458.745501 317.435503c167.933621 0 283.643982-112.638404 283.643982-277.500069 0-163.837679-115.710361-275.452098-283.643982-275.452098-168.957606 0-284.667967 111.614419-284.667967 275.452098 0 164.861664 115.710361 277.500069 284.667967 277.500069z m0-98.302608c-98.302607 0-166.909635-71.678985-166.909635-177.14949 0-104.44652 68.607028-177.14949 166.909635-177.149491 97.278622 0 165.88565 72.70297 165.88565 177.149491 0 105.470506-68.607028 177.14949-165.88565 177.14949z m635.894992 99.326593c167.933621 0 273.404127-78.846883 273.404126-206.84507 0-86.014781-54.271231-152.573839-140.286012-182.269418 64.511086-28.671594 104.44652-83.96681 104.44652-152.573838 0-115.710361-91.134709-186.36536-238.58862-186.36536-145.40594 0-237.564635 69.631014-237.564634 181.245432 0 69.631014 41.983405 126.974201 110.590433 157.693766-89.086738 29.695579-145.40594 97.278622-145.40594 184.317389 0 126.974201 105.470506 204.797099 273.404127 204.797099z m0-430.073907c-86.014781 0-136.190071-38.911449-136.190071-105.470506s50.175289-105.470506 136.190071-105.470506 135.166085 38.911449 135.166085 105.470506-49.151304 105.470506-135.166085 105.470506z m0 334.843256c-101.374564 0-159.741737-44.031376-159.741737-122.878259 0-74.750941 58.367173-117.758332 158.717751-117.758332 101.374564 0 160.765722 44.031376 160.765722 118.782317 0 77.822898-59.391159 121.854274-159.741736 121.854274z" p-id="1812"></path>
1434<path fill="currentColor" d="M72.683913 2.944243A99.298149 99.298149 0 0 1 121.437 3.143351l835.06017 217.312477c49.976181 13.027371 78.420222 62.292451 63.543988 110.021552a91.646702 91.646702 0 0 1-25.770301 40.191431l-161.107051 147.453911-421.882023-130.842591a112.410852 112.410852 0 0 0-59.647155-1.991083l-0.654213 0.142221c-61.069357 15.103786-96.709741 76.969576-82.487721 137.583828l0.455105 1.820419 104.190524 414.25902-13.254923 12.117162c-37.972795 34.758619-97.733727 34.388846-133.487887-0.853321A85.815673 85.815673 0 0 1 203.242063 910.223834L2.56935 112.311582C-9.462479 64.44026 21.911299 15.488065 72.683913 2.944243z" p-id="1813"></path><path fill="currentColor" d="M868.121533 675.47516c6.371465-6.371465 10.950956-14.449573 13.283367-23.409446 7.338563-27.988937-8.675433-57.485408-35.782604-65.876401l-452.942917-140.229124a49.009083 49.009083 0 0 0-26.25385-0.796433c-27.16406 6.68435-43.348719 35.185279-36.180821 63.629321l119.521863 474.418168c2.275523 9.016761 6.769682 17.322421 13.055815 24.063659 19.768609 21.333031 51.967264 22.385461 71.906537 2.389299l333.364166-334.189043z" p-id="1814"> 1435 </path> 1436 </g> 1437 </svg> 1438 </div> 1439 ${title} 1440 ${href ? `</a>`:''} 1441 </span>` 1442 if(p.size() > 0) { 1443 const span = p.find('span').last() 1444 if(span.size()) { 1445 span.append(spanDom) 1446 return 1447 } 1448 p.append(spanDom) 1449 } else { 1450 section.append(spanDom) 1451 } 1452 } 1453 } 1454} 1455 1456initFooter() 1457</script>
1457 1458 </div> 1459<!-- å¼ç¨å 容 end --> 1460 <div id="backTop_click" onclick="backtop_click_fun()" ta_click="top" class="back_top font-color"><i class="iconfont iconxiangshang1"></i></div> 1461
1461<script> 1462 var backtop_click_fun_bol = true; 1463 function backtop_click_fun(){ 1464 if (backtop_click_fun_bol) { 1465 backtop_click_fun_bol = false; 1466 $('body,html,*').stop().animate({scrollTop:0},500,function(){backtop_click_fun_bol = true;}); 1467 }return false; 1468 } 1469 </script>
1469 1470
1470<script> 1471 window.ChatOnlineConfig = {styleId:'1',color:'#007eff'}; 1472 $(function(){document.body.style.setProperty('--chatonline-color',ChatOnlineConfig.color);}) 1473 </script>
1473 1474 <svg style="position:absolute;bottom:100%;right:100%" width="1" height="1"> 1475 <clipPath id="chatOnlineFormPath" clipPathUnits="objectBoundingBox"> 1476 <path d="M0 .4L0 1L1 1L1 .7C.5 -.6 .5 1.7 0 .4z"/> 1477 </clipPath> 1478 </svg> 1479 <div id="chat_online_box" class="chat_online_box fun_scr_hide chat-online-style1" lang="en" v_id=""> 1480 <svg viewBox="-1 -1 2 2" width="64" height="64" class="chat-online-bg"> 1481 <path fill="var(--chatonline-color)" d="M-0.10000000000000002 -0.939955572004279A0.2 0.2 0 0 1 0.09999999999999999 -0.9399555720042789 L0.7640254037844385 -0.5565803263805834A0.2 0.2 0 0 1 0.8640254037844386 -0.3833752456236957 L0.8640254037844387 0.38337524562369535A0.2 0.2 0 0 1 0.7640254037844386 0.5565803263805831 L0.1000000000000001 0.9399555720042789A0.2 0.2 0 0 1 -0.0999999999999999 0.939955572004279 L-0.7640254037844384 0.5565803263805837A0.2 0.2 0 0 1 -0.8640254037844385 0.383375245623696 L-0.8640254037844386 -0.3833752456236957A0.2 0.2 0 0 1 -0.7640254037844385 -0.5565803263805834z" /> 1482 </svg> 1483 <svg width="22" height="22" viewBox="0 0 22 22" class="chat-online-icon"> 1484 <path fill="rgba(255,255,255,.7)" d="M 19.7902 0 C 21.0106 0 22 0.991154 22 2.2138 L 22 15.4966 C 22 16.7192 21.0106 17.7104 19.7902 17.7104 L 8.71475 17.7104 L 5.81379 21.6045 C 5.48937 22.04 4.87398 22.1296 4.43929 21.8046 C 4.19077 21.6186 4.04447 21.3264 4.04454 21.016 L 4.04454 17.7104 L 2.20982 17.7104 C 0.989362 17.7104 0 16.7192 0 15.4966 L 0 2.2138 C 0 0.991154 0.989362 0 2.20982 0 L 19.7902 0 Z" /> 1485 </svg> 1486 </div> 1487 <div class="share_fun_box fun_scr_hide"> 1488 <ul> 1489 <li class=""> 1490 <div class="text network_bg" data-network="linkedin"> 1491 <a href="https://www.linkedin.com/shareArticle/?title=NEWS+%7C+Hoystar&url=https://www.hoystar.com/news" target="_blank" rel="nofollow"> 1492 <div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">linkedin</div> 1493 </a> 1494 </div> 1495 </li><li class="share_m_hide"> 1496 <div class="text network_bg" data-network="whatsapp"> 1497 <a href="https://web.whatsapp.com/send?text=https://www.hoystar.com/news" target="_blank" rel="nofollow"> 1498 <div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">whatsapp</div> 1499 </a> 1500 </div> 1501 </li><li class="share_pc_hide"> 1502 <div class="text network_bg" data-network="whatsapp"> 1503 <a href="whatsapp://send?text=https://www.hoystar.com/news" target="_blank" rel="nofollow"> 1504 <div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">whatsapp</div> 1505 </a> 1506 </div> 1507 </li><li class=""> 1508 <div class="text network_bg" data-network="facebook"> 1509 <a href="https://www.facebook.com/sharer.php?t=NEWS+%7C+Hoystar&u=https://www.hoystar.com/news" target="_blank" rel="nofollow"> 1510 <div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">facebook</div> 1511 </a> 1512 </div> 1513 </li><li class=""> 1514 <div class="text network_bg" data-network="twitter"> 1515 <a href="https://twitter.com/intent/tweet?text=NEWS+%7C+Hoystar&url=https://www.hoystar.com/news" target="_blank" rel="nofollow"> 1516 <div class="share_img_box"> 1517 1518 <img src="/images/media_img/twitter.svg" alt="" style="width: 24px;height: 24px;margin-top:0;"> 1519 </div> 1520 <div class="tit">twitter</div> 1521 </a> 1522 </div> 1523 </li><li> 1524 <div class="text network_bg" data-network="share"> 1525 <a href="javascript:;"><div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">share</div></a> 1526 </div> 1527 </li><li class="network_click_li"> 1528 <div class="img icon_bgs"></div> 1529 </li> 1530 </ul> 1531 </div> 1532 <div class="share_fun_box2 switch_module_no fun_scr_hide" id="bottomShareBox"> 1533 <ul> 1534 <li data-network="share"> 1535 <button type="button" class="share_fun_box2__share"> 1536 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" class="share_fun_box2__icon"> 1537 <path d="M13.576 17.271l-5.11-2.787a3.5 3.5 0 1 1 0-4.968l5.11-2.787a3.5 3.5 0 1 1 .958 1.755l-5.11 2.787a3.514 3.514 0 0 1 0 1.458l5.11 2.787a3.5 3.5 0 1 1-.958 1.755z"/> 1538 </svg> 1539 Share 1540 </button> 1541 </li> 1542 <li class="share_fun_box2__btn-box"> 1543 <button type="button" class="btn share_fun_box2__inquiry" id="showInquiry" btn-types="deep"> 1544 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" width="18" height="18" class="share_fun_box2__icon"> 1545 <path d="M17.125839,9.93057662 C17.3305824,9.87918721 17.5475837,9.92518095 17.7138749,10.0552117 C17.8801661,10.1852424 17.9771275,10.3847506 17.9766253,10.5958441 L17.9766253,17.1637402 C17.9766253,17.5427532 17.6704208,17.8479584 17.2924052,17.8479584 L0.707594815,17.8479584 C0.525955926,17.8479584 0.35177103,17.7757347 0.223426519,17.6472031 C0.0950820074,17.5186715 0.0231118462,17.3443816 0.0233758954,17.1627429 L0.0233758954,10.5958441 C0.0233758954,10.1510026 0.442285714,9.82385454 0.874161029,9.93157402 L8.83343376,13.0444675 C8.94314805,13.0713974 9.05685195,13.0713974 9.16556882,13.0444675 L17.125839,9.93257144 L17.125839,9.93057662 Z M15.9818182,8.68282597 L8.90025975,11.4177039 L1.81969869,8.68282597 L1.81969869,1.59628053 C1.82069611,0.728540269 2.52486234,0.0233766234 3.39459741,0.0233766234 L14.4059221,0.0233766234 C15.2766546,0.0233766234 15.9818182,0.726545455 15.9818182,1.59628053 L15.9818182,8.68282597 Z M7.25753767,5.13705974 L13.5511481,5.13705974 L13.5511481,3.56315844 L7.25753767,3.56315844 L7.25753767,5.13705974 Z M4.46082078,8.25892986 L6.03472208,8.25892986 L6.03472208,6.68502856 L4.46082078,6.68502856 L4.46082078,8.25793247 L4.46082078,8.25892986 Z M4.46082078,5.13705974 L6.03472208,5.13705974 L6.03472208,3.56315844 L4.46082078,3.56315844 L4.46082078,5.13705974 Z M7.25753767,8.25892986 L13.5511481,8.25892986 L13.5511481,6.68502856 L7.25753767,6.68502856 L7.25753767,8.25793247 L7.25753767,8.25892986 Z"/> 1546 </svg>
1547 <span>Send Inquiry</span> 1548 </button> 1549 </li> 1550 <li class="share_fun_box2__btn-box"> 1551 <button type="button" class="btn chat_online_clicks" btn-types="deep"> 1552 <svg width="20" height="17" viewBox="0 0 20 17" class="share_fun_box2__icon"> 1553 <path d="M8.34648449,7.37780455 C9.75187587,6.81309866 10.7478925,5.4388328 10.7478925,3.83394163 C10.7478925,1.72748494 9.03421028,0.0138026772 6.92805002,0.0138026772 C4.82188976,0.0138026772 3.10791106,1.72778138 3.10791106,3.83394163 C3.10791106,5.4388328 4.10422417,6.81309864 5.50961557,7.37780455 C2.37572024,8.03410839 0.0149235827,10.8182121 0.0149235827,14.1439 C0.0149235827,14.9573136 0.584075965,15.2258824 1.04176933,15.4419824 L1.06844835,15.4532469 C2.90900415,16.1030292 5.57127372,16.2764428 6.85394163,16.2764428 C8.25310791,16.2764428 10.9912645,16.0496711 12.8104771,15.421232 C13.4940528,15.1588884 13.84088,14.7290597 13.84088,14.1441964 C13.8411765,10.8182121 11.4800834,8.03410837 8.34648449,7.37780455 L8.34648449,7.37780455 Z M18.947837,0.165873091 L13.5886151,0.165873091 C12.9592867,0.165873091 12.7671978,0.833737835 12.7671978,1.41652616 L12.7671978,2.55186661 C12.7671978,2.95116258 12.5333117,3.41270961 12.4434924,3.54284392 C12.3776841,3.63740622 11.8918295,4.01535898 11.5248448,4.3082353 C11.4362112,4.37908291 11.3733673,4.49498843 11.4027142,4.60466882 C11.4317647,4.71375636 11.5103196,4.79586844 11.6223715,4.81306159 C11.9392589,4.86197313 12.3029829,4.92837423 12.5101899,4.97610004 C12.5134507,5.62558593 13.1267717,5.62558593 13.3588791,5.62558593 L18.8971468,5.62380732 C19.5083928,5.62380732 19.8816026,5.21591478 19.8816026,4.63194071 L19.8816026,1.4168226 C19.8816026,0.831366378 19.5685688,0.165873091 18.947837,0.165873091 L18.947837,0.165873091 Z M16.6208337,4.31594256 L14.2493655,4.31594256 C14.086327,4.31594256 13.9529319,4.18254746 13.9529319,4.01950904 C13.9529319,3.85647061 14.086327,3.72307549 14.2493655,3.72307549 L16.6208337,3.72307549 C16.7838722,3.72307549 16.9172672,3.85647059 16.9172672,4.01950904 C16.9172672,4.18254748 16.7835757,4.31594256 16.6208337,4.31594256 Z M17.8065679,3.13020843 L14.2493655,3.13020843 C14.086327,3.13020843 13.9529319,2.99681333 13.9529319,2.8337749 C13.9529319,2.67073648 14.086327,2.53734136 14.2493655,2.53734136 L17.8065679,2.53734136 C17.9696063,2.53734136 18.1030014,2.67073646 18.1030014,2.8337749 C18.1030014,2.99681335 17.9693099,3.13020843 17.8065679,3.13020843 Z M18.6958685,1.94447429 L14.2493655,1.94447429 C14.086327,1.94447429 13.9529319,1.81107919 13.9529319,1.64804077 C13.9529319,1.48500234 14.086327,1.35160722 14.2493655,1.35160722 L18.6958685,1.35160722 C18.8589069,1.35160722 18.992302,1.48500232 18.992302,1.64804077 C18.992302,1.81107921 18.8586105,1.94447429 18.6958685,1.94447429 Z" /> 1554 </svg> 1555 <span>Chat Now</span> 1556 </button> 1557 </li> 1558 </ul> 1559 </div> 1560 <div id="bottomInquiry" class="bottom-inquiry-box bottom-inquiry-box--hidden"> 1561 <div class="bottom-inquiry-box__bg" data-inquiry-close></div> 1562 <form action="/add-enquiry" class="bottom-inquiry-box__form"> 1563 <button type="button" data-inquiry-close class="bottom-inquiry-box__close iconfont iconguanbi"></button> 1564 <h4 class="bottom-inquiry-box__title">Send your inquiry</h4> 1565 <input type="hidden" name="enquiry_type" value="0"> 1566 <input type="hidden" name="visitlength" value="====1791484559===="> 1567 <input type="hidden" name="source" value="0"> 1568 <input type="hidden" name="id" value="0"> 1569 <div class="bottom-inquiry-box__scroll"> 1570 <label class="bottom-inquiry-box__label"> 1571 <input class="bottom-inquiry-box__input" title autocorrect="off" autocomplete="off" required name="name" placeholder="Enter your name" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')"/> 1572 <span class="bottom-inquiry-box__tip">Name</span> 1573 </label> 1574 <label class="bottom-inquiry-box__label"> 1575 <input class="bottom-inquiry-box__input" title autocorrect="off" autocomplete="off" required name="email" type="email" placeholder="Enter your e-mail" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')"/>
1576 <span class="bottom-inquiry-box__tip">E-mail</span> 1577 <span class="bottom-inquiry-box__error">Format error</span> 1578 </label> 1579 <label class="bottom-inquiry-box__label"> 1580 <input class="bottom-inquiry-box__input" title autocorrect="off" autocomplete="off" required name="phone" placeholder="Enter your phone" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')"/> 1581 <span class="bottom-inquiry-box__tip">Phone/WhatsApp/Skype</span> 1582 </label> 1583 <label class="bottom-inquiry-box__label"> 1584 <input class="bottom-inquiry-box__input" title autocorrect="off" autocomplete="off" required name="company" placeholder="Enter your company name" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')"/> 1585 <span class="bottom-inquiry-box__tip">Company Name</span> 1586 </label> 1587 <label class="bottom-inquiry-box__label"> 1588 <textarea class="bottom-inquiry-box__input" rows="3" title autocorrect="off" autocomplete="off" required name="msg" placeholder="Enter the content of your inquiry" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')"></textarea> 1589 <span class="bottom-inquiry-box__tip">Content</span> 1590 </label> 1591 </div> 1592 <button type="submit" class="bottom-inquiry-box__btn bg-color" id="submit_main">SEND INQUIRY NOW</button> 1593 </form> 1594 </div> 1595 1596
1596<script mos-id="v6204b9a433b41"> 1597 (function(){ 1598 function getUrlParam(name) { 1599 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 1600 var r = window.location.search.substr(1).match(reg); 1601 if (r != null) return decodeURIComponent(r[2]); 1602 return null; 1603 } 1604 function updateQueryStringParameter(url, key, value) { 1605 var re = new RegExp("([?&])" + key + "=.*?(&|$)", "i"); 1606 var separator = url.indexOf('?') !== -1 ? "&" : "?"; 1607 if (url.match(re)) { 1608 return url.replace(re, '$1' + key + "=" + value + '$2'); 1609 } 1610 else { 1611 return url + separator + key + "=" + value; 1612 } 1613 } 1614 // æ¯å¦è£ 修页 1615 var is_design = 0 1616 var generate_id = "v6204b9a433b41", 1617 box = $('#'+generate_id), 1618 inp = box.find('.enquiry_inp'), 1619 search = box.find('.search_box'); 1620 1621 var keyword = getUrlParam('search_keyword') 1622 if (keyword) { 1623 search.find('input').val(keyword) 1624 search.find('.search_keyword').text(keyword) 1625 search.find('.search_result').show() 1626 box.find('.products_text').hide() 1627 } 1628 1629 inp.bind('input propertychange', function () { 1630 var that = $(this), 1631 par = that.parent(), 1632 name = that.attr("name"), 1633 val = that.val(); 1634 if (val) { 1635 par.addClass("active"); 1636 } else { 1637 par.removeClass("active"); 1638 } 1639 }); 1640 1641 inp.change(function () { 1642 var that = $(this), 1643 par = that.parent(), 1644 name = that.attr("name"), 1645 val = that.val(), 1646 bol = false; 1647 if (val) { 1648 if (name == "email") { 1649 var strRegex = /^[a-zA-Z0-9_\-\+\.%]+@[a-zA-Z0-9-_]+(\.[a-zA-Z0-9_-]+)+$/; 1650 if (!strRegex.test(val)) { 1651 bol = true; 1652 } 1653 } 1654 } 1655 if (bol) { 1656 par.addClass("errors"); 1657 } else { 1658 par.removeClass("errors"); 1659 } 1660 }) 1661 1662 search.find('.input_group_btn').click(function(){ 1663 setKeyword() 1664 }) 1665 1666 search.find('input').keyup(function(event){ 1667 if(event.keyCode ==13){ 1668 setKeyword() 1669 } 1670 }) 1671 1672 function setKeyword() { 1673 var val = search.find('input').val() 1674 if (val) { 1675 search.find('.search_keyword').text(val) 1676 search.find('.search_result').show() 1677 box.find('.products_text').hide() 1678 } else { 1679 search.find('.search_keyword').text('') 1680 search.find('.search_result').hide() 1681 box.find('.products_text').show() 1682 } 1683 // æç´¢å表 1684 if (!is_design) { 1685 val = encodeURIComponent(val) 1686 let url = updateQueryStringParameter(window.location.href.replace(/\-list\-(\d)+/,''), 'search_keyword', val) 1687 window.location.href = url 1688 } 1689 } 1690 1691 $(function() { 1692 box.find('[data-input-select]').length > 0 && box.find('[data-input-select]').inputSelectable(); 1693 var textHeight = 0; 1694 var $li = box.find('.list_row_li') 1695 var $texts = [] 1696 $li.each(function(){ 1697 var $text = $(this).find('.text') 1698 if($text.height() > textHeight){ 1699 textHeight = $text.height() 1700 } 1701 }) 1702 if(textHeight > 0){ 1703 $li.each(function(){ 1704 $(this).find('.text').height(textHeight) 1705 }) 1706 } 1707 }); 1708 })(); 1709 </script>
1709 1710
1710<script mos-id="v6204b9a433b41"> 1711 (function(){ 1712 var generate_id = "v6204b9a433b41", 1713 box = $('#'+generate_id); 1714 box.find('.right_nav .text').click(function(){ 1715 var par = $(this).parent(), 1716 par_ul = par.find('>.nav_ul'), 1717 li = par.siblings('li'), 1718 ul = li.find('.nav_ul'); 1719 li.not(par).removeClass('active').find('li').removeClass('active'); 1720 par.toggleClass('active'); 1721 ul.not(par_ul).slideUp(300); 1722 if(par.hasClass('active')){ 1723 par_ul.slideDown(300) 1724 }else{ 1725 par_ul.slideUp(300) 1726 } 1727 }) 1728 box.find('.right_nav .text a').click(function(event){ 1729 event.stopPropagation(); 1730 }) 1731 })() 1732 </script>
1732 1733 1734
1734<script mos-id="v62d503d85599c"> 1735 var generate_id = "v62d503d85599c", 1736 head_s = $('#'+generate_id); 1737 function head_nav_w(){ 1738 var nav = head_s.find('.nav'), 1739 sw = nav[0].scrollWidth, 1740 w = nav.width(), 1741 nav_box = head_s.find('nav'); 1742 if(sw > w){ 1743 nav_box.addClass('add'); 1744 }else{ 1745 nav_box.removeClass('add'); 1746 } 1747 head_s.find('.nav_box')[0].scrollLeft = 0; 1748 head_s.find('.btn_l').addClass('disabled'); 1749 head_s.find('.btn_r').removeClass('disabled'); 1750 1751 var sloganHeight = head_s.find('.header-slogan-box').outerHeight(); 1752 head_s[0].style.setProperty('--header-offset',-sloganHeight+'px'); 1753 } 1754 1755 function handleScroll() { 1756 var thresholds = { 1757 1: 0, 1758 nav: 40 1759 }, key = head_s.attr('switch_fixed'); 1760 if (key in thresholds) { 1761 var curThreshold = thresholds[key]; 1762 if (typeof curThreshold === "function") { 1763 curThreshold = curThreshold(); 1764 } 1765 var top = $(window).scrollTop(); 1766 if (top > curThreshold) { 1767 head_s.addClass('head_fixed'); 1768 } else { 1769 head_s.removeClass('head_fixed'); 1770 } 1771 } 1772 } 1773 1774 $(window).on('scroll', handleScroll).trigger('scroll'); 1775 1776 window.addEventListener('resize',head_nav_w); 1777 head_s.mouseenter(function(){ 1778 if (!this.head_bol) { 1779 head_nav_w(); 1780 this.head_bol = true; 1781 } 1782 }) 1783 head_s.find('#head_button').click(function(){ 1784 $("body,html").toggleClass("head_nav_active"); 1785 }) 1786 1787 head_s.find('.nav_btns').click(function(){ 1788 if ($(this).hasClass('disabled')) {return} 1789 var nav = head_s.find('.nav'), 1790 sw = nav[0].scrollWidth, 1791 w = nav.width(), 1792 sl_box = head_s.find('.nav_box'), 1793 sl = sl_box[0].scrollLeft, 1794 l = $(this).data('left'), 1795 btn_r = head_s.find('.btn_r'), 1796 btn_l = head_s.find('.btn_l'); 1797 sl += l; 1798 if ((sl+w)>sw) { 1799 btn_r.addClass('disabled'); 1800 }else{ 1801 btn_r.removeClass('disabled'); 1802 } 1803 if (0>=sl) { 1804 btn_l.addClass('disabled'); 1805 }else{ 1806 btn_l.removeClass('disabled'); 1807 } 1808 sl_box.stop().animate({ 1809 scrollLeft: sl 1810 },200) 1811 }) 1812 1813 head_s.on('click','.nav li',function(e){ 1814 e.stopPropagation(); 1815 var li = $(this), 1816 ul = li.find('>ul'), 1817 tan = e.target; 1818 if(tan.localName=="a"||$(tan).parents('a').length){ 1819 return 1820 }else{ 1821 li.toggleClass('draw_act').siblings().removeClass('draw_act').find('ul').hide(200).find('.draw_act').removeClass('draw_act'); 1822 ul.toggle(200); 1823 } 1824 return false; 1825 }) 1826 1827 head_s.on('mouseenter','.nav>li',function(){ 1828 add_nav_li22($(this)); 1829 }) 1830 function par_box_fun(par,fun){ 1831 var id = par.attr('id'), 1832 li = $('[li_id="'+id+'"]'), 1833 header_nav_li_box = li.closest('.header_nav_li_box'); 1834 fun(par,li); 1835 if (header_nav_li_box.length) { 1836 par_box_fun(header_nav_li_box,fun); 1837 } 1838 } 1839 function add_nav_li22(that,objs){ 1840 if(head_s.find('.nav').css('display')=="block"){return} 1841 var id = that.attr("li_id"), 1842 boxs = null; 1843 ul = that.find('>ul'); 1844 if (ul.length == 0) { 1845 return; 1846 } 1847 var show_fun = function(){ 1848 boxs.stop().fadeIn(200); 1849 that.addClass("font-color"); 1850 var ids_ = boxs.attr('id'); 1851 if (objs) { 1852 par_box_fun(objs.par_box,function(id_box,li){ 1853 id_box.stop().fadeIn(200); 1854 li.addClass("font-color"); 1855 }) 1856 } 1857 } 1858 var hide_fun = function(n){ 1859 boxs.stop().fadeOut(200); 1860 that.removeClass("font-color"); 1861 if (objs&&n==2) { 1862 par_box_fun(objs.par_box,function(id_box,li){ 1863 id_box.stop().fadeOut(200); 1864 li.removeClass("font-color"); 1865 }) 1866 } 1867 } 1868 if (id) { 1869 boxs = $('#'+id); 1870 }else{ 1871 id = 'li_id_'+new Date().getTime() 1872 that.attr("li_id",id); 1873 boxs = $('<div class="header_nav_li_box" id="'+id+'">'+'</div>'); 1874 var clone_ul = ul.clone(); 1875 boxs.append(clone_ul); 1876 $('body').append(boxs); 1877 that.mouseleave(function(){ 1878 hide_fun(1); 1879 }) 1880 boxs.mouseleave(function(){ 1881 hide_fun(2); 1882 }) 1883 boxs.mouseenter(function(){ 1884 show_fun(); 1885 }) 1886 clone_ul.find('li').mouseenter(function(){ 1887 add_nav_li22($(this),{ 1888 par_box: boxs 1889 }); 1890 }) 1891 } 1892 show_fun(); 1893 var top = that.offset().top + that.height(), 1894 left = that.offset().left; 1895 if (objs) { 1896 var pts = boxs.find('>.nav_ul').css('paddingTop').replace('px',''); 1897 top = top - that.height() - pts; 1898 left = left + that.width(); 1899 } 1900 if (left+boxs.width()+20>=$(window).width()) { 1901 if (objs) { 1902 left = that.offset().left - boxs.width(); 1903 }else{ 1904 left = $(window).width() - boxs.width() -10; 1905 } 1906 } 1907 var box_objs = { 1908 top: top, 1909 left: left 1910 } 1911 box_objs.minWidth = objs?0:that.outerWidth(); 1912 boxs.css(box_objs) 1913 } 1914 1915 $(head_nav_w); 1916 1917 window['teardown' + generate_id] = function () { 1918 window.removeEventListener('resize', head_nav_w); 1919 $(window).off('scroll', handleScroll); 1920 } 1921 </script>
1921 1922 <!-- ç»è®¡ --> 1923 <!-- Google Analytics Begin-->
vendor: 62 bytes, lines 1923-1924
1923 1924 <script src="https://www.googletagmanager.com/gtag/js?id=
1924G-S126B42VPS
vendor: 22 bytes, lines 1924-1925
1924" async></script> 1925
1925<script> 1926
vendor: 153 bytes, lines 1926-1929
1926window.dataLayer = window.dataLayer || []; 1927 function gtag() { dataLayer.push(arguments) } 1928 gtag('js', new Date()); 1929 gtag('config', '
1929G-S126B42VPS
vendor: 8 bytes, lines 1929-1930
1929'); 1930
1930</script>
1930 1931<!-- Google Analytics End --> 1932<!-- Create one update function for each consent parameter -->
1933<script> 1934 function consentGrantedAdStorage() { 1935 console.log('consentGrantedAdStorage granted'); 1936 gtag('consent', 'update', { 1937 'ad_storage': 'granted', 1938 'ad_user_data': 'granted', 1939 'ad_personalization': 'granted', 1940 'analytics_storage': 'granted' 1941 }); 1942 } 1943 function refuseGrantedAdStorage() { 1944 console.log('consentGrantedAdStorage denied'); 1945 gtag('consent', 'update', { 1946 'ad_storage': 'denied', 1947 'ad_user_data': 'denied', 1948 'ad_personalization': 'denied', 1949 'analytics_storage': 'denied' 1950 }); 1951 } 1952</script>
1952 1953<!-- Invoke your consent functions when a user interacts with your banner -->
vendor: 991 bytes, lines 1954-1961
1954<script> 1955!function (w, d, t) { 1956 w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i="https://analytics.tiktok.com/i18n/pixel/events.js";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};var o=document.createElement("script");o.type="text/javascript",o.async=!0,o.src=i+"?sdkid="+e+"&lib="+t;var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(o,a)}; 1957 1958 ttq.load('CGLT3SRC77UF4RJOMVPG'); 1959 ttq.page(); 1960}(window, document, 'ttq'); 1961</script>
1961 1962 <style> 1963 .head_sousuos_modal{position: fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:9999;color:#333;display:none;} 1964 .head_sousuos_modal .mengban{position:absolute;left:0;top:0;width:100%;height:100%;} 1965 .head_sousuos_active .head_sousuos_modal{display:block;} 1966 .head_sousuos_modal .search_cons{padding:0 15px;position:relative;} 1967 .head_sousuos_modal .sousuos_box{max-width:100%;width:1400px;position:absolute;left:0;top:140px;right:0;margin:auto;z-index:4;} 1968 .head_sousuos_modal .sousuos_box input{display:block;background: rgba(255,255,255,.8);outline: 0;padding: 0 40px;border: 1px solid;border-color: #fff;color: inherit;border-radius: 20px;width:100%;height:40px;padding-right:70px;} 1969 .head_sousuos_modal .sousuos_box i{position: absolute;left: 15px;top: 0;height: 40px;width: 40px;border: none;background: 0;outline: 0;font-size: 18px;color: inherit;line-height: 40px;text-align: center;pointer-events: none;} 1970 .head_sousuos_modal .sousuos_box button{position: absolute;right: 15px;top: 1px;height: 38px;display: block;text-align: center;line-height: 38px;font-size: 24px;cursor: pointer;transition: .3s;font-style: initial;border-radius: 20px;padding: 0 20px;border: none;outline: 0;color: #fff;} 1971 .head_sousuos_modal .sousuos_box .btn_txt{display:none;} 1972 .head_sousuos_modal .sousuos_box span{font-size:inherit;} 1973 @media (max-width:1025px){ 1974 .head_sousuos_modal{background: rgba(0,0,0,.8);} 1975 .head_sousuos_modal .sousuos_box{position:relative;transform:none;top:0;left:0;padding-top:80px;} 1976 .head_sousuos_modal .sousuos_box button{display:block;position:relative;transform:none;top:0;left:0;right:0;} 1977 .head_sousuos_modal .sousuos_box span{display:none;} 1978 .head_sousuos_modal .sousuos_box .btn_txt{display:block;font-size:16px;} 1979 .head_sousuos_modal .sousuos_box button{width:100%;margin-top:20px;} 1980 .head_sousuos_modal .close_btn{position: absolute;right:10px;top:10px;color:#fff;width:40px;height:40px;text-align:center;line-height:40px;font-size:26px;z-index:9;cursor:pointer;font-weight:bold;} 1981 } 1982 1983 1984 1985 /* åå°å ¬å ±è¯è¨å¼¹æ¡å 容 */ 1986 .language_con{display:flex;flex-wrap:wrap;} 1987 .language_modal_a{width:16.6666%;display:flex;padding:15px 10px;color:inherit;} 1988 .language_modal_a img{width:30px;height:30px;display:block;min-width:30px;border-radius:50%;} 1989 .language_modal_a span{display:block;padding-left:6px;overflow:hidden;text-overflow:ellipsis;line-height:30px;white-space:nowrap;} 1990 .language_modal_a img[lans-src]{display:none;} 1991 .language_modal_blade .lang_head{font-size:38px!important;} 1992 @media (max-width:1025px){ 1993 .language_modal_blade .language_con{width:240px!important;float:right;color:#fff;} 1994 .language_modal_a{width:100%;} 1995 .language_modal_blade{background: rgba(0,0,0,.7)!important;} 1996 .language_modal_blade .lang_head{color:#fff;} 1997 .language_modal_blade .lang_head{font-size:30px!important;} 1998 } 1999 2000 .language_modal_blade {display: none} 2001 .language_modal_mask_body {overflow: hidden !important;width: 100%;height: 100%} 2002 body.language_modal_mask_body .language_modal_blade {display: block} 2003 .language_modal_mask {display: none} 2004 2005 @media (min-width:1025px) { 2006 .language_modal_blade {position: fixed;width: 1000px;max-width: 100%;height: 80%;background: #fff;border-radius: 15px;box-shadow: 0 0 25px 0 rgba(0, 0, 0, .75);z-index: 1021;left: 0;right: 0;margin: auto;top: 10%;color: #000;display: none} 2007 .language_modal_blade .lang_head {height: 100px;line-height: 98px;font-size: 48px;overflow: hidden;padding: 0 30px;border-bottom: 1px solid #ddd;font-weight: 700} 2008 .language_modal_blade .lang_head .head_close_box {float: right;line-height: 98px} 2009 .language_modal_blade .lang_head .head_close {width: 50px;height: 50px;display: inline-block;line-height: 50px;text-align: center;cursor: pointer} 2010 .language_modal_blade .lang_head .head_close:hover {opacity: .4} 2011 .language_modal_blade .language_con {padding: 30px;position: absolute;top: 100px;left: 0;right: 0;bottom: 0;overflow: hidden;overflow-y: auto} 2012 .language_modal_blade .lan_ul {overflow: hidden;margin-left: -10px;margin-right: -10px} 2013 .language_modal_blade .lan_ul li {float: left;width: 16.6666%;padding: 0 10px;margin-bottom: 30px;color: #444} 2014 .language_modal_blade .lan_ul li.active {color: inherit;font-weight: 700} 2015 .language_modal_blade .lan_ul li:hover a {color: #000} 2016 .language_modal_blade .lan_ul .lan_img {float: left;display: block;width: 30px;height: 30px} 2017 .language_modal_blade .lan_ul .lan_img img {display: block;width: 100%;height: 100%;border-radius: 50%} 2018 .language_modal_blade .lan_ul .lan_txt {line-height: 30px;margin-left: 36px;font-size: 12px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap} 2019 .language_modal_mask {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);z-index: 999} 2020 body.language_modal_mask_body .language_modal_mask {display: block} 2021 } 2022 2023 @media (max-width:1025px) { 2024 .language_modal_blade {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .6);z-index: 999;padding-top: 60px} 2025 .language_modal_blade .lang_head {position: absolute;right: 0;top: 0;line-height: 50px;height: 50px;padding-right: 50px;font-size: 40px} 2026 .language_modal_blade .lang_head>span {display: none} 2027 .language_modal_blade .language_con {height: 100%;width: 100%;overflow: auto;padding-bottom: 50px} 2028 .language_modal_blade .language_con .lan_ul {float: right;padding: 0 20px} 2029 .language_modal_blade .language_con .lan_ul a {color: inherit;display: block} 2030 .language_modal_blade .language_con .lan_ul li {color: #fff;overflow: hidden;margin-bottom: 10px} 2031 .language_modal_blade .language_con .lan_ul li.active {color: inherit} 2032 .language_modal_blade .language_con .lan_img {display: block;float: left;width: 40px;height: 40px} 2033 .language_modal_blade .lan_ul .lan_img img {display: block;width: 100%;height: 100%;object-fit: contain} 2034 .language_modal_blade .language_con .lan_txt {line-height: 40px;margin-left: 50px;font-size: 16px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 200px} 2035 } 2036 2037 2038 div.language_modal_blade .language_con{display:block;} 2039 div.language_modal_blade .active_locale_v{position:absolute;
2039left:0;bottom:0;width:100%;height:40px;line-height:40px;text-align:center;box-shadow:0 0 4px 0 rgba(0,0,0,.1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} 2040 @media (min-width: 1025px){ 2041 div.language_modal_blade .language_con{bottom:40px;display:block;} 2042 .language_modal_a{float:left;display:block;} 2043 .language_modal_a img{margin:auto;} 2044 .language_modal_a span{padding-left:0;text-align:center;} 2045 } 2046 .language_modal_a img{width:50px;height:auto;;border-radius:0;min-width:50px;} 2047 @media (max-width: 1025px){div.language_modal_blade{padding-bottom:40px;}div.language_modal_blade .active_locale_v{color:#fff;}} 2048 2049 </style> 2050 2051<div class="language_modal_mask"></div> 2052<div class="language_modal_blade"> 2053 <div class="lang_head title"> 2054 <span>Choose a different language</span> 2055 <div class="head_close_box" onclick="$('.language_modal_mask').click();"> 2056 <span class="head_close">â³</span> 2057 </div> 2058 </div> 2059 <div class="language_con"> 2060 <a href="/news" class="language_modal_a font-color" title="English" style="display: flex;flex-direction: column;align-items: center;"> 2061 2062 <div class="icon-en"></div> 2063 <span>English</span> 2064 </a> 2065 <a href="/ar/news" class="language_modal_a " title="Ø§ÙØ¹Ø±Ø¨ÙØ©" style="display: flex;flex-direction: column;align-items: center;"> 2066 2067 <div class="icon-ar"></div> 2068 <span>Ø§ÙØ¹Ø±Ø¨ÙØ©</span> 2069 </a> 2070 <a href="/de/news" class="language_modal_a " title="Deutsch" style="display: flex;flex-direction: column;align-items: center;"> 2071 2072 <div class="icon-de"></div> 2073 <span>Deutsch</span> 2074 </a> 2075 <a href="/es/news" class="language_modal_a " title="Español" style="display: flex;flex-direction: column;align-items: center;"> 2076 2077 <div class="icon-es"></div> 2078 <span>Español</span> 2079 </a> 2080 <a href="/fr/news" class="language_modal_a " title="français" style="display: flex;flex-direction: column;align-items: center;"> 2081 2082 <div class="icon-fr"></div> 2083 <span>français</span> 2084 </a> 2085 <a href="/it/news" class="language_modal_a " title="italiano" style="display: flex;flex-direction: column;align-items: center;"> 2086 2087 <div class="icon-it"></div> 2088 <span>italiano</span> 2089 </a> 2090 <a href="/ja/news" class="language_modal_a " title="æ¥æ¬èª" style="display: flex;flex-direction: column;align-items: center;"> 2091 2092 <div class="icon-ja"></div> 2093 <span>æ¥æ¬èª</span> 2094 </a> 2095 <a href="/ko/news" class="language_modal_a " title="íêµì´" style="display: flex;flex-direction: column;align-items: center;"> 2096 2097 <div class="icon-ko"></div> 2098 <span>íêµì´</span> 2099 </a> 2100 <a href="/pt/news" class="language_modal_a " title="Português" style="display: flex;flex-direction: column;align-items: center;"> 2101 2102 <div class="icon-pt"></div> 2103 <span>Português</span> 2104 </a> 2105 <a href="/ru/news" class="language_modal_a " title="ÑÑÑÑкий" style="display: flex;flex-direction: column;align-items: center;"> 2106 2107 <div class="icon-ru"></div> 2108 <span>ÑÑÑÑкий</span> 2109 </a> 2110 <a href="/zh-CN/news" class="language_modal_a " title="ç®ä½ä¸æ" style="display: flex;flex-direction: column;align-items: center;"> 2111 2112 <div class="icon-zh-CN"></div>
2113 <span>ç®ä½ä¸æ</span> 2114 </a> 2115 <a href="/zh-TW/news" class="language_modal_a " title="ç¹é«ä¸æ" style="display: flex;flex-direction: column;align-items: center;"> 2116 2117 <div class="icon-zh-TW"></div> 2118 <span>ç¹é«ä¸æ</span> 2119 </a> 2120 <a href="/af/news" class="language_modal_a " title="Afrikaans" style="display: flex;flex-direction: column;align-items: center;"> 2121 2122 <div class="icon-af"></div> 2123 <span>Afrikaans</span> 2124 </a> 2125 <a href="/am/news" class="language_modal_a " title="á ááá" style="display: flex;flex-direction: column;align-items: center;"> 2126 2127 <div class="icon-am"></div> 2128 <span>á ááá</span> 2129 </a> 2130 <a href="/az/news" class="language_modal_a " title="AzÉrbaycan" style="display: flex;flex-direction: column;align-items: center;"> 2131 2132 <div class="icon-az"></div> 2133 <span>AzÉrbaycan</span> 2134 </a> 2135 <a href="/be/news" class="language_modal_a " title="ÐелаÑÑÑкаÑ" style="display: flex;flex-direction: column;align-items: center;"> 2136 2137 <div class="icon-be"></div> 2138 <span>ÐелаÑÑÑкаÑ</span> 2139 </a> 2140 <a href="/bg/news" class="language_modal_a " title="бÑлгаÑÑки" style="display: flex;flex-direction: column;align-items: center;"> 2141 2142 <div class="icon-bg"></div> 2143 <span>бÑлгаÑÑки</span> 2144 </a> 2145 <a href="/bn/news" class="language_modal_a " title="বাà¦à¦²à¦¾" style="display: flex;flex-direction: column;align-items: center;"> 2146 2147 <div class="icon-bn"></div> 2148 <span>বাà¦à¦²à¦¾</span> 2149 </a> 2150 <a href="/bs/news" class="language_modal_a " title="Bosanski" style="display: flex;flex-direction: column;align-items: center;"> 2151 2152 <div class="icon-bs"></div> 2153 <span>Bosanski</span> 2154 </a> 2155 <a href="/ca/news" class="language_modal_a " title="Català " style="display: flex;flex-direction: column;align-items: center;"> 2156 2157 <div class="icon-ca"></div> 2158 <span>Català </span> 2159 </a> 2160 <a href="/ceb/news" class="language_modal_a " title="Sugbuanon" style="display: flex;flex-direction: column;align-items: center;"> 2161 2162 <div class="icon-ceb"></div> 2163 <span>Sugbuanon</span> 2164 </a> 2165 <a href="/co/news" class="language_modal_a " title="Corsu" style="display: flex;flex-direction: column;align-items: center;"> 2166 2167 <div class="icon-co"></div> 2168 <span>Corsu</span> 2169 </a> 2170 <a href="/cs/news" class="language_modal_a " title="ÄeÅ¡tina" style="display: flex;flex-direction: column;align-items: center;"> 2171 2172 <div class="icon-cs"></div> 2173 <span>ÄeÅ¡tina</span> 2174 </a> 2175 <a href="/cy/news" class="language_modal_a " title="Cymraeg" style="display: flex;flex-direction: column;align-items: center;"> 2176 2177 <div class="icon-cy"></div> 2178 <span>Cymraeg</span> 2179 </a> 2180 <a href="/da/news" class="language_modal_a " title="dansk" style="display: flex;flex-direction: column;align-items: center;"> 2181 2182 <div class="icon-da"></div>
2183 <span>dansk</span> 2184 </a> 2185 <a href="/el/news" class="language_modal_a " title="Îλληνικά" style="display: flex;flex-direction: column;align-items: center;"> 2186 2187 <div class="icon-el"></div> 2188 <span>Îλληνικά</span> 2189 </a> 2190 <a href="/eo/news" class="language_modal_a " title="Esperanto" style="display: flex;flex-direction: column;align-items: center;"> 2191 2192 <div class="icon-eo"></div> 2193 <span>Esperanto</span> 2194 </a> 2195 <a href="/et/news" class="language_modal_a " title="Eesti" style="display: flex;flex-direction: column;align-items: center;"> 2196 2197 <div class="icon-et"></div> 2198 <span>Eesti</span> 2199 </a> 2200 <a href="/eu/news" class="language_modal_a " title="Euskara" style="display: flex;flex-direction: column;align-items: center;"> 2201 2202 <div class="icon-eu"></div> 2203 <span>Euskara</span> 2204 </a> 2205 <a href="/fa/news" class="language_modal_a " title="ÙØ§Ø±Ø³Û" style="display: flex;flex-direction: column;align-items: center;"> 2206 2207 <div class="icon-fa"></div> 2208 <span>ÙØ§Ø±Ø³Û</span> 2209 </a> 2210 <a href="/fi/news" class="language_modal_a " title="Suomi" style="display: flex;flex-direction: column;align-items: center;"> 2211 2212 <div class="icon-fi"></div> 2213 <span>Suomi</span> 2214 </a> 2215 <a href="/fy/news" class="language_modal_a " title="Frysk" style="display: flex;flex-direction: column;align-items: center;"> 2216 2217 <div class="icon-fy"></div> 2218 <span>Frysk</span> 2219 </a> 2220 <a href="/ga/news" class="language_modal_a " title="Gaeilgenah" style="display: flex;flex-direction: column;align-items: center;"> 2221 2222 <div class="icon-ga"></div> 2223 <span>Gaeilgenah</span> 2224 </a> 2225 <a href="/gd/news" class="language_modal_a " title="Gà idhlig" style="display: flex;flex-direction: column;align-items: center;"> 2226 2227 <div class="icon-gd"></div> 2228 <span>Gà idhlig</span> 2229 </a> 2230 <a href="/gl/news" class="language_modal_a " title="Galego" style="display: flex;flex-direction: column;align-items: center;"> 2231 2232 <div class="icon-gl"></div> 2233 <span>Galego</span> 2234 </a> 2235 <a href="/gu/news" class="language_modal_a " title="àªà«àªàª°àª¾àª¤à«" style="display: flex;flex-direction: column;align-items: center;"> 2236 2237 <div class="icon-gu"></div> 2238 <span>àªà«àªàª°àª¾àª¤à«</span> 2239 </a> 2240 <a href="/ha/news" class="language_modal_a " title="Hausa" style="display: flex;flex-direction: column;align-items: center;"> 2241 2242 <div class="icon-ha"></div> 2243 <span>Hausa</span> 2244 </a> 2245 <a href="/haw/news" class="language_modal_a " title="Ålelo HawaiÊ»i" style="display: flex;flex-direction: column;align-items: center;"> 2246 2247 <div class="icon-haw"></div> 2248 <span>Ålelo HawaiÊ»i</span> 2249 </a> 2250 <a href="/hi/news" class="language_modal_a " title="हिनà¥à¤¦à¥" style="display: flex;flex-direction: column;align-items: center;"> 2251 2252 <div class="icon-hi"></div>
2253 <span>हिनà¥à¤¦à¥</span> 2254 </a> 2255 <a href="/hmn/news" class="language_modal_a " title="Hmong" style="display: flex;flex-direction: column;align-items: center;"> 2256 2257 <div class="icon-hmn"></div> 2258 <span>Hmong</span> 2259 </a> 2260 <a href="/hr/news" class="language_modal_a " title="Hrvatski" style="display: flex;flex-direction: column;align-items: center;"> 2261 2262 <div class="icon-hr"></div> 2263 <span>Hrvatski</span> 2264 </a> 2265 <a href="/ht/news" class="language_modal_a " title="Kreyòl ayisyen" style="display: flex;flex-direction: column;align-items: center;"> 2266 2267 <div class="icon-ht"></div> 2268 <span>Kreyòl ayisyen</span> 2269 </a> 2270 <a href="/hu/news" class="language_modal_a " title="Magyar" style="display: flex;flex-direction: column;align-items: center;"> 2271 2272 <div class="icon-hu"></div> 2273 <span>Magyar</span> 2274 </a> 2275 <a href="/hy/news" class="language_modal_a " title="Õ°Õ¡ÕµÕ¥ÖÕ¥Õ¶" style="display: flex;flex-direction: column;align-items: center;"> 2276 2277 <div class="icon-hy"></div> 2278 <span>Õ°Õ¡ÕµÕ¥ÖÕ¥Õ¶</span> 2279 </a> 2280 <a href="/id/news" class="language_modal_a " title="bahasa Indonesia" style="display: flex;flex-direction: column;align-items: center;"> 2281 2282 <div class="icon-id"></div> 2283 <span>bahasa Indonesia</span> 2284 </a> 2285 <a href="/ig/news" class="language_modal_a " title="Igbo" style="display: flex;flex-direction: column;align-items: center;"> 2286 2287 <div class="icon-ig"></div> 2288 <span>Igbo</span> 2289 </a> 2290 <a href="/is/news" class="language_modal_a " title="Ãslenska" style="display: flex;flex-direction: column;align-items: center;"> 2291 2292 <div class="icon-is"></div> 2293 <span>Ãslenska</span> 2294 </a> 2295 <a href="/iw/news" class="language_modal_a " title="×¢Ö´×רִ×ת" style="display: flex;flex-direction: column;align-items: center;"> 2296 2297 <div class="icon-iw"></div> 2298 <span>×¢Ö´×רִ×ת</span> 2299 </a> 2300 <a href="/jv/news" class="language_modal_a " title="Basa Jawa" style="display: flex;flex-direction: column;align-items: center;"> 2301 2302 <div class="icon-jv"></div> 2303 <span>Basa Jawa</span> 2304 </a> 2305 <a href="/ka/news" class="language_modal_a " title="á¥áá ááááá" style="display: flex;flex-direction: column;align-items: center;"> 2306 2307 <div class="icon-ka"></div> 2308 <span>á¥áá ááááá</span> 2309 </a> 2310 <a href="/kk/news" class="language_modal_a " title="ÒÐ°Ð·Ð°Ò Ð¢ÑлÑ" style="display: flex;flex-direction: column;align-items: center;"> 2311 2312 <div class="icon-kk"></div> 2313 <span>ÒÐ°Ð·Ð°Ò Ð¢ÑлÑ</span> 2314 </a> 2315 <a href="/km/news" class="language_modal_a " title="ááááá" style="display: flex;flex-direction: column;align-items: center;"> 2316 2317 <div class="icon-km"></div> 2318 <span>ááááá</span> 2319 </a> 2320 <a href="/kn/news" class="language_modal_a " title="à²à²¨à³à²¨à²¡" style="display: flex;flex-direction: column;align-items: center;"> 2321 2322 <div class="icon-kn"></div>
2323 <span>à²à²¨à³à²¨à²¡</span> 2324 </a> 2325 <a href="/ku/news" class="language_modal_a " title="Kurdî (Kurmancî)" style="display: flex;flex-direction: column;align-items: center;"> 2326 2327 <div class="icon-ku"></div> 2328 <span>Kurdî (Kurmancî)</span> 2329 </a> 2330 <a href="/ky/news" class="language_modal_a " title="ÐÑÑгÑзÑа" style="display: flex;flex-direction: column;align-items: center;"> 2331 2332 <div class="icon-ky"></div> 2333 <span>ÐÑÑгÑзÑа</span> 2334 </a> 2335 <a href="/la/news" class="language_modal_a " title="Latin" style="display: flex;flex-direction: column;align-items: center;"> 2336 2337 <div class="icon-la"></div> 2338 <span>Latin</span> 2339 </a> 2340 <a href="/lb/news" class="language_modal_a " title="Lëtzebuergesch" style="display: flex;flex-direction: column;align-items: center;"> 2341 2342 <div class="icon-lb"></div> 2343 <span>Lëtzebuergesch</span> 2344 </a> 2345 <a href="/lo/news" class="language_modal_a " title="ລາວ" style="display: flex;flex-direction: column;align-items: center;"> 2346 2347 <div class="icon-lo"></div> 2348 <span>ລາວ</span> 2349 </a> 2350 <a href="/lt/news" class="language_modal_a " title="lietuvių" style="display: flex;flex-direction: column;align-items: center;"> 2351 2352 <div class="icon-lt"></div> 2353 <span>lietuvių</span> 2354 </a> 2355 <a href="/lv/news" class="language_modal_a " title="latvieÅ¡u valodaâ" style="display: flex;flex-direction: column;align-items: center;"> 2356 2357 <div class="icon-lv"></div> 2358 <span>latvieÅ¡u valodaâ</span> 2359 </a> 2360 <a href="/mg/news" class="language_modal_a " title="Malagasy" style="display: flex;flex-direction: column;align-items: center;"> 2361 2362 <div class="icon-mg"></div> 2363 <span>Malagasy</span> 2364 </a> 2365 <a href="/mi/news" class="language_modal_a " title="Maori" style="display: flex;flex-direction: column;align-items: center;"> 2366 2367 <div class="icon-mi"></div> 2368 <span>Maori</span> 2369 </a> 2370 <a href="/mk/news" class="language_modal_a " title="ÐакедонÑки" style="display: flex;flex-direction: column;align-items: center;"> 2371 2372 <div class="icon-mk"></div> 2373 <span>ÐакедонÑки</span> 2374 </a> 2375 <a href="/ml/news" class="language_modal_a " title="മലയാളà´" style="display: flex;flex-direction: column;align-items: center;"> 2376 2377 <div class="icon-ml"></div> 2378 <span>മലയാളà´</span> 2379 </a> 2380 <a href="/mn/news" class="language_modal_a " title="Ðонгол" style="display: flex;flex-direction: column;align-items: center;"> 2381 2382 <div class="icon-mn"></div> 2383 <span>Ðонгол</span> 2384 </a> 2385 <a href="/mr/news" class="language_modal_a " title="मराठà¥" style="display: flex;flex-direction: column;align-items: center;"> 2386 2387 <div class="icon-mr"></div> 2388 <span>मराठà¥</span> 2389 </a> 2390 <a href="/ms
2390/news" class="language_modal_a " title="Bahasa Melayu" style="display: flex;flex-direction: column;align-items: center;"> 2391 2392 <div class="icon-ms"></div> 2393 <span>Bahasa Melayu</span> 2394 </a> 2395 <a href="/mt/news" class="language_modal_a " title="Maltese" style="display: flex;flex-direction: column;align-items: center;"> 2396 2397 <div class="icon-mt"></div> 2398 <span>Maltese</span> 2399 </a> 2400 <a href="/my/news" class="language_modal_a " title="ááá¬" style="display: flex;flex-direction: column;align-items: center;"> 2401 2402 <div class="icon-my"></div> 2403 <span>ááá¬</span> 2404 </a> 2405 <a href="/ne/news" class="language_modal_a " title="नà¥à¤ªà¤¾à¤²à¥" style="display: flex;flex-direction: column;align-items: center;"> 2406 2407 <div class="icon-ne"></div> 2408 <span>नà¥à¤ªà¤¾à¤²à¥</span> 2409 </a> 2410 <a href="/nl/news" class="language_modal_a " title="Nederlands" style="display: flex;flex-direction: column;align-items: center;"> 2411 2412 <div class="icon-nl"></div> 2413 <span>Nederlands</span> 2414 </a> 2415 <a href="/no/news" class="language_modal_a " title="norsk" style="display: flex;flex-direction: column;align-items: center;"> 2416 2417 <div class="icon-no"></div> 2418 <span>norsk</span> 2419 </a> 2420 <a href="/ny/news" class="language_modal_a " title="Chicheŵa" style="display: flex;flex-direction: column;align-items: center;"> 2421 2422 <div class="icon-ny"></div> 2423 <span>Chicheŵa</span> 2424 </a> 2425 <a href="/pa/news" class="language_modal_a " title="ਪੰà¨à¨¾à¨¬à©" style="display: flex;flex-direction: column;align-items: center;"> 2426 2427 <div class="icon-pa"></div> 2428 <span>ਪੰà¨à¨¾à¨¬à©</span> 2429 </a> 2430 <a href="/pl/news" class="language_modal_a " title="Polski" style="display: flex;flex-direction: column;align-items: center;"> 2431 2432 <div class="icon-pl"></div> 2433 <span>Polski</span> 2434 </a> 2435 <a href="/ps/news" class="language_modal_a " title="Ù¾ÚØªÙ" style="display: flex;flex-direction: column;align-items: center;"> 2436 2437 <div class="icon-ps"></div> 2438 <span>Ù¾ÚØªÙ</span> 2439 </a> 2440 <a href="/ro/news" class="language_modal_a " title="RomânÄ" style="display: flex;flex-direction: column;align-items: center;"> 2441 2442 <div class="icon-ro"></div> 2443 <span>RomânÄ</span> 2444 </a> 2445 <a href="/sd/news" class="language_modal_a " title="سÙÚÙ" style="display: flex;flex-direction: column;align-items: center;"> 2446 2447 <div class="icon-sd"></div> 2448 <span>سÙÚÙ</span> 2449 </a> 2450 <a href="/si/news" class="language_modal_a " title="à·à·à¶à·à¶½" style="display: flex;flex-direction: column;align-items: center;"> 2451 2452 <div class="icon-si"></div> 2453 <span>à·à·à¶à·à¶½</span> 2454 </a> 2455 <a href="/sk/news" class="language_modal_a " title="SlovenÄina" style="display: flex;flex-direction: column;align-items: center;"> 2456 2457 <div class="icon-sk"></div> 2458 <span>SlovenÄina</span> 2459 </a> 2460 <a href="/sl/news" class="language_modal_a " title="SlovenÅ¡Äina" style="display: flex;flex-direction: column;align-items: center;"> 2461 2462 <div class="icon-sl"></div>
2463 <span>SlovenÅ¡Äina</span> 2464 </a> 2465 <a href="/sm/news" class="language_modal_a " title="Faasamoa" style="display: flex;flex-direction: column;align-items: center;"> 2466 2467 <div class="icon-sm"></div> 2468 <span>Faasamoa</span> 2469 </a> 2470 <a href="/sn/news" class="language_modal_a " title="Shona" style="display: flex;flex-direction: column;align-items: center;"> 2471 2472 <div class="icon-sn"></div> 2473 <span>Shona</span> 2474 </a> 2475 <a href="/so/news" class="language_modal_a " title="Af Soomaali" style="display: flex;flex-direction: column;align-items: center;"> 2476 2477 <div class="icon-so"></div> 2478 <span>Af Soomaali</span> 2479 </a> 2480 <a href="/sq/news" class="language_modal_a " title="Shqip" style="display: flex;flex-direction: column;align-items: center;"> 2481 2482 <div class="icon-sq"></div> 2483 <span>Shqip</span> 2484 </a> 2485 <a href="/sr/news" class="language_modal_a " title="СÑпÑки" style="display: flex;flex-direction: column;align-items: center;"> 2486 2487 <div class="icon-sr"></div> 2488 <span>СÑпÑки</span> 2489 </a> 2490 <a href="/st/news" class="language_modal_a " title="Sesotho" style="display: flex;flex-direction: column;align-items: center;"> 2491 2492 <div class="icon-st"></div> 2493 <span>Sesotho</span> 2494 </a> 2495 <a href="/su/news" class="language_modal_a " title="Sundanese" style="display: flex;flex-direction: column;align-items: center;"> 2496 2497 <div class="icon-su"></div> 2498 <span>Sundanese</span> 2499 </a> 2500 <a href="/sv/news" class="language_modal_a " title="svenska" style="display: flex;flex-direction: column;align-items: center;"> 2501 2502 <div class="icon-sv"></div> 2503 <span>svenska</span> 2504 </a> 2505 <a href="/sw/news" class="language_modal_a " title="Kiswahili" style="display: flex;flex-direction: column;align-items: center;"> 2506 2507 <div class="icon-sw"></div> 2508 <span>Kiswahili</span> 2509 </a> 2510 <a href="/ta/news" class="language_modal_a " title="தமிழà¯" style="display: flex;flex-direction: column;align-items: center;"> 2511 2512 <div class="icon-ta"></div> 2513 <span>தமிழà¯</span> 2514 </a> 2515 <a href="/te/news" class="language_modal_a " title="à°¤à±à°²à±à°à±" style="display: flex;flex-direction: column;align-items: center;"> 2516 2517 <div class="icon-te"></div> 2518 <span>à°¤à±à°²à±à°à±</span> 2519 </a> 2520 <a href="/tg/news" class="language_modal_a " title="ТоÑики" style="display: flex;flex-direction: column;align-items: center;"> 2521 2522 <div class="icon-tg"></div> 2523 <span>ТоÑики</span> 2524 </a> 2525 <a href="/th/news" class="language_modal_a " title="ภาษาà¹à¸à¸¢" style="display: flex;flex-direction: column;align-items: center;"> 2526 2527 <div class="icon-th"></div> 2528 <span>ภาษาà¹à¸à¸¢</span> 2529 </a> 2530 <a href="/tl/news" class="language_modal_a " title="Pilipino" style="display: flex;flex-direction: column;align-items: center;"> 2531 2532 <div class="icon-tl"></div>
2533 <span>Pilipino</span> 2534 </a> 2535 <a href="/tr/news" class="language_modal_a " title="Türkçe" style="display: flex;flex-direction: column;align-items: center;"> 2536 2537 <div class="icon-tr"></div> 2538 <span>Türkçe</span> 2539 </a> 2540 <a href="/uk/news" class="language_modal_a " title="УкÑаÑнÑÑка" style="display: flex;flex-direction: column;align-items: center;"> 2541 2542 <div class="icon-uk"></div> 2543 <span>УкÑаÑнÑÑка</span> 2544 </a> 2545 <a href="/ur/news" class="language_modal_a " title="اردÙ" style="display: flex;flex-direction: column;align-items: center;"> 2546 2547 <div class="icon-ur"></div> 2548 <span>اردÙ</span> 2549 </a> 2550 <a href="/uz/news" class="language_modal_a " title="O'zbek" style="display: flex;flex-direction: column;align-items: center;"> 2551 2552 <div class="icon-uz"></div> 2553 <span>O'zbek</span> 2554 </a> 2555 <a href="/vi/news" class="language_modal_a " title="Tiếng Viá»t" style="display: flex;flex-direction: column;align-items: center;"> 2556 2557 <div class="icon-vi"></div> 2558 <span>Tiếng Viá»t</span> 2559 </a> 2560 <a href="/xh/news" class="language_modal_a " title="Xhosa" style="display: flex;flex-direction: column;align-items: center;"> 2561 2562 <div class="icon-xh"></div> 2563 <span>Xhosa</span> 2564 </a> 2565 <a href="/yi/news" class="language_modal_a " title="××××ש" style="display: flex;flex-direction: column;align-items: center;"> 2566 2567 <div class="icon-yi"></div> 2568 <span>××××ש</span> 2569 </a> 2570 <a href="/yo/news" class="language_modal_a " title="èdè Yorùbá" style="display: flex;flex-direction: column;align-items: center;"> 2571 2572 <div class="icon-yo"></div> 2573 <span>èdè Yorùbá</span> 2574 </a> 2575 <a href="/zu/news" class="language_modal_a " title="Zulu" style="display: flex;flex-direction: column;align-items: center;"> 2576 2577 <div class="icon-zu"></div> 2578 <span>Zulu</span> 2579 </a> 2580 </div> 2581 <div class="active_locale_v">Current languageï¼English</div> 2582</div> 2583<div class="head_sousuos_modal"> 2584 <div class="mengban head_sousuos_close"></div> 2585 <div class="close_btn head_sousuos_close iconfont iconguanbi4"></div> 2586 <form action="/search" class="sousuos_box" onsubmit="return head_form_fun(this);"> 2587 <div class="search_cons"> 2588 <input type="text" name="search" placeholder="SEARCH" required autocomplete="off" autocorrect="off"> 2589 <button class="bg-color"> 2590 <span class="iconfont iconsousuo"></span> 2591 <span class="btn_txt">SEARCH</span> 2592 </button> 2593 <i class="iconfont iconsousuo"></i> 2594 </div> 2595 </form> 2596</div> 2597
2598<script> 2599function head_form_fun(that) { 2600 var form = $(that), 2601 url = form.attr("action"), 2602 search = form.find('[name="search"]').val(); 2603 search = encodeURIComponent(search) 2604 if (0){ 2605 window.location.href = search + '_c0_ss' 2606 } else { 2607 window.location.href = getUrl_fun(url, "search", search); 2608 } 2609 return false; 2610} 2611 2612function getUrl_fun(url, field, value) { 2613 if (url.indexOf("?") != -1) { 2614 if (url.indexOf(field) != -1) { 2615 return changeURLArg_fun(url, field, value); 2616 } else { 2617 return url + '&' + field + '=' + value; 2618 } 2619 } else { 2620 return url + '?' + field + '=' + value; 2621 } 2622} 2623 2624function changeURLArg_fun(url, arg, arg_val) { 2625 var pattern = arg + '=([^&]*)'; 2626 var replaceText = arg + '=' + arg_val; 2627 if (url.match(pattern)) { 2628 var tmp = '/(' + arg + '=)([^&]*)/gi'; 2629 tmp = url.replace(eval(tmp), replaceText); 2630 return tmp; 2631 } else { 2632 if (url.match('[\?]')) { 2633 return url + '&' + replaceText; 2634 } else { 2635 return url + '?' + replaceText; 2636 } 2637 } 2638} 2639 2640 2641$('.head_shousuos').click(function(){ 2642 $('body').addClass('head_sousuos_active'); 2643 $('.head_sousuos_modal .sousuos_box input').focus(); 2644}) 2645$('.head_sousuos_close').click(function(){ 2646 $('body').removeClass('head_sousuos_active'); 2647}) 2648 2649</script>
2649 2650
2651<script data-static="false"> 2652(function () { 2653$.ajaxSetup({cache: true}) 2654var head_logo_src = $('[head_logo_src]'); 2655$('.fun_scr_hide').removeClass('fun_scr_hide'); 2656 2657head_logo_src.each(function(){ 2658 var img = $(this), 2659 src = img.attr('head_logo_src'); 2660 if (src.indexOf('http') !== -1 && src.indexOf('?') == -1) { 2661 if (src.includes('/tos/')) { 2662 src += '?x-tos-process=image/resize,m_lfit,w_768' 2663 if (imgLazyLoad_bol) { 2664 src = src+'/format,webp'; 2665 } 2666 } else { 2667 src = src+'?x-oss-process=image/resize,m_lfit,w_768'; 2668 if (imgLazyLoad_bol) { 2669 src = src+'/format,webp'; 2670 } 2671 } 2672 } 2673 img.attr('src',src).removeAttr('head_logo_src'); 2674}) 2675var 2676 public_js_src = "/scripts/public_js.js?v=1740647842", 2677 public_js = $( 2678 '<link rel="stylesheet" href="/libs/swiper/swiper.min.css">'+ 2679 '
2679<script src="'+public_js_src+'" async><\/script>' 2680 ); 2681$("body").append(public_js); 2682var arr = ['click','mouseover','mouseout','mousedown','touchstart','DOMMouseScroll','mousemove','resize','keydown','keyup','orientationchange','scroll']; 2683for (var i = 0; i < arr.length; i++) { 2684 document.addEventListener(arr[i],fn,false); 2685} 2686 2687var fn_bol = false; 2688function fn(e) { 2689 if(fn_bol){return} 2690 fn_bol = true; 2691 var d_arr = fun_scr_arr, 2692 f_arr = []; 2693 for (var i = 0; i < d_arr.length; i++) { 2694 var val = d_arr[i],dom = (val.name!=5)&&document.createElement(val.name); 2695 if (val.name == 5||val.delay) { 2696 f_arr.push(val) 2697 }else if (val.name == 'link') { 2698 dom.href = val.url; dom.rel = val.rel; 2699 val.id ? dom.id = val.id : ''; 2700 document.querySelector('body').appendChild(dom); 2701 }else{ 2702 if(!document.querySelector('#'+val.id)){ 2703 $('body').append('
2703<script '+(val.id?'id="'+val.id+'"':'')+' type="'+val.type+'" src="'+val.url+'"><\/script>'); 2704 } 2705 } 2706 } 2707 for (var f = 0; f < f_arr.length; f++) { 2708 outs(f_arr[f]) 2709 } 2710 function outs(val){ 2711 var n = val.delay||300; 2712 setTimeout(function () { 2713 if (val.name==5) { 2714 val.fun&&val.fun(); 2715 }else{ 2716 var dom = document.createElement(val.name); 2717 if (val.name == 'link') { 2718 dom.href = val.url; dom.rel = val.rel; 2719 }else{ 2720 dom.src = val.url;dom.type = val.type; 2721 } 2722 document.querySelector('body').appendChild(dom); 2723 } 2724 },n); 2725 } 2726 document.querySelector('.share_fun_box2').style.display = 'block'; 2727 var swiper_src = document.querySelectorAll('[swiper_src]'); 2728 for (var im = 0; im < swiper_src.length; im++) { 2729 swiper_src[im].src = swiper_src[im].getAttribute('swiper_src'); 2730 } 2731 for (var j = arr.length - 1; j >= 0; j--) {document.removeEventListener(arr[j],fn,false);} 2732} 2733$(function(){ 2734 function handleScroll() { 2735 var btn = $('[data-product-inquiry]').filter(':visible').first(); 2736 if(btn.length) { 2737 var off = btn.offset().top; 2738 var top = $(window).scrollTop() + 60; 2739 $('#bottomShareBox').toggleClass('share_fun_box2--hidden', off > top); 2740 } 2741 } 2742 function handleResize() { 2743 $('.list_link_artboard').each(function() { 2744 var highlight = $(this).find('.border-color'); 2745 var outerOffset = $(this).offset().left; 2746 if (highlight.length && highlight.is(':visible')) { 2747 $(this).find('.hidden_box').stop().animate({ 2748 scrollLeft: highlight.offset().left - outerOffset - 10 2749 }); 2750 } 2751 }); 2752 } 2753 2754 var bottomInquiry = $('#bottomInquiry'); 2755 2756 $('#showInquiry').on('click', function() { 2757 bottomInquiry.removeClass('bottom-inquiry-box--hidden'); 2758 }); 2759 2760 bottomInquiry 2761 .on('click', '[data-inquiry-close]', function() { 2762 $('#bottomInquiry').addClass('bottom-inquiry-box--hidden'); 2763 }) 2764 .find('.bottom-inquiry-box__input').on('input', function() { 2765 $(this).toggleClass('bottom-inquiry-box__input--active', !!this.value); 2766 }) 2767 .end().find('input[type="file"]').on('change', function() { 2768 inquiry_attachment_change_fun($(this)); 2769 }) 2770 .end().find('input[name="email"]').on('change', function() { 2771 $(this).parent().toggleClass('bottom-inquiry-box__label--error', this.value && !/^[a-zA-Z0-9_\-\+\.%]+@[a-zA-Z0-9-_]+(\.[a-zA-Z0-9_-]+)+$/.test(this.value)); 2772 }) 2773 .end().find('form').on('submit', function() { 2774 return form_submit(this); 2775 }); 2776 2777 bottomInquiry.find('[data-input-select]').inputSelectable(); 2778 2779 if($('[data-product-inquiry]').length) { 2780 $(window).scroll(handleScroll); 2781 handleScroll(); 2782 } 2783 if($('.list_link_artboard').length) { 2784 $(window).resize(handleResize); 2785 handleResize(); 2786 } 2787 // è¿éå è½½ç¹å®æ»å¨å è½½ 2788 2789}); 2790})() 2791</script>
2791 2792 2793<style> 2794 .external-chat-box { 2795 padding: 0; 2796 } 2797 2798 .external-chat-box-right { 2799 position: fixed; 2800 top: 50%; 2801 right: 0; 2802 transform: translateY(-50%); 2803 width: 48px; 2804 padding: 4px 0; 2805 background: rgba(0, 0, 0, .35); 2806 border-radius: 4px 0 0 4px; 2807 transition: .2s; 2808 z-index: 9999; 2809 } 2810 2811 .external-chat-box-right__toggle { 2812 position: absolute; 2813 top: 50%; 2814 right: 100%; 2815 border-radius: 0 4px 4px 0; 2816 color: #fff; 2817 transform: translateY(-50%); 2818 background: inherit; 2819 padding: 0 4px; 2820 line-height: 40px; 2821 font-size: 14px; 2822 cursor: pointer; 2823 /*transition: .3s;*/ 2824 border: 0; 2825 outline: 0; 2826 } 2827 2828 .external-chat-box-right--collapse { 2829 transform: translateY(-50%) translateX(100%); 2830 } 2831 2832 .external-chat-box__item1 { 2833 padding: 8px 0; 2834 text-align: center; 2835 display: block; 2836 position: relative; 2837 } 2838 2839 .chatIconPanel1 { 2840 border-radius: 0 4px 4px 0; 2841 } 2842 2843 .chatIconPanel1-right { 2844 border-radius: 4px 0 0 4px; 2845 } 2846 2847 .chatIconPanel2 { 2848 border-radius: 24px; 2849 } 2850 2851 .chatIconPanel3 { 2852 border-radius: 4px; 2853 margin: 0; 2854 } 2855 2856 .chatIconPanel4 { 2857 border-radius: 0 0 24px 24px; 2858 } 2859 2860 .chatIconPanel5 { 2861 border-radius: 0 14px 0 14px; 2862 } 2863 2864 .chatIconPanel6 { 2865 border-radius: 4px; 2866 width: 60px !important; 2867 } 2868 2869 .share-icon { 2870 position: absolute; 2871 width: 100%; 2872 bottom: -55px; 2873 padding: 8px; 2874 border-radius: 4px; 2875 left: 0; 2876 text-align: center; 2877 } 2878 2879 .external-chat-box--label { 2880 font-size: 12px; 2881 white-space: nowrap; 2882 transform: scale(0.83333); 2883 position: absolute; 2884 bottom: 2px; 2885 width: 100%; 2886 } 2887</style>
2888<script> 2889 const PositionLeft = 1 2890 const PositionRight = 2 2891 // é¢è² 16è¿å¶è½¬rgb 2892 const hex2rgb = (hexColor) => { 2893 hexColor = hexColor 2894 .substring(1) 2895 .toLowerCase() 2896 let b = new Array() 2897 for (let x = 0; x < 3; x++) { 2898 b[0] = hexColor.substr(x * 2, 2) 2899 b[3] = '0123456789abcdef' 2900 b[1] = b[0].substr(0, 1) 2901 b[2] = b[0].substr(1, 1) 2902 b[20 + x] = b[3].indexOf(b[1]) * 16 + b[3].indexOf(b[2]) 2903 } 2904 return b[20] + ',' + b[21] + ',' + b[22] 2905 } 2906 // åå§å 2907 const initContactPanel = async () => { 2908 const data = await getContactData() 2909 if (!data) return 2910 const {config, list} = data 2911 const {color, is_expand, location, style, opacity} = config 2912 const displayList = formatData(list, style) 2913 const DOMs = getDOMs(displayList, style) 2914 const shareBoxDiv = $('.share_fun_box') 2915 const hasShareBox = shareBoxDiv.is(':visible') 2916 const isYueRong = false; 2917 // åäº«å¤æ 2918 if (location == PositionRight && hasShareBox && !isYueRong) { 2919 showShareIcon(shareBoxDiv, color, opacity, DOMs) 2920 } 2921 const dom = $('<div />') 2922 .attr({id: 'contactPanel'}) 2923 .css({background: `rgba(${hex2rgb(color)},${opacity / 100}`}) 2924 .addClass(getPositionClassName(location, style, is_expand)) 2925 .append(DOMs) 2926 .appendTo('body') 2927 // å±å¼æ¶èµ·å¤æ 2928 if (is_expand == 1) 2929 getCollapseDiv(location).appendTo(dom) 2930 // å®å¶å¤ç 2931 customized(location, hasShareBox, isYueRong) 2932 } 2933 // é¤äºåå享å²çª 2934 const showShareIcon = (shareBoxDiv, color, opacity, DOMs) => { 2935 shareBoxDiv.hide() 2936 const shareIcon = $('<div />') 2937 .addClass('share-icon') 2938 .css({background: `rgba(${hex2rgb(color)},${opacity / 100}`}) 2939 .on('click', () => window.customFunc.modal_show()) 2940 .append($('<img />') 2941 .attr({src: '/images/chatIcon/share.png', width: '32px'})) 2942 DOMs.push(shareIcon) 2943 } 2944 // å®å¶å¤ç 2945 const customized = (location, hasShareBox, isYueRong) => { 2946 if (location == PositionRight && hasShareBox && isYueRong) { 2947 $('.share_fun_box').css('top', '32%') 2948 $('.external-chat-box-right').css('top', '65%') 2949 } 2950 } 2951 // æ¶èµ·å¤ç 2952 const getCollapseDiv = (location) => { 2953 const div = $('<div />').addClass('iconfont iconleft') 2954 const contactPanelDiv = $('#contactPanel') 2955 if (location == PositionLeft) { 2956 div 2957 .addClass('external-chat-box__toggle') 2958 .on('click', function () { 2959 if (contactPanelDiv.hasClass('external-chat-box--collapse')) { 2960 contactPanelDiv.removeClass('external-chat-box--collapse') 2961 $(this) 2962 .css({transform: 'rotate(180deg)', borderRadius: '4px 0 0 4px'}) 2963 } else { 2964 contactPanelDiv.addClass('external-chat-box--collapse') 2965 $(this).css({transform: '', borderRadius: '0 4px 4px 0'}) 2966 } 2967 }) 2968 } else { 2969 div 2970 .addClass('external-chat-box-right__toggle') 2971 .css({transform: 'rotate(180deg) translateY(50%)'}) 2972 .on('click', function () { 2973 if (contactPanelDiv.hasClass('external-chat-box-right--collapse')) { 2974 contactPanelDiv.removeClass('external-chat-box-right--collapse') 2975 $(this).css({transform: '', borderRadius: '4px 0 0 4px'}) 2976 } else { 2977 contactPanelDiv.addClass('external-chat-box-right--collapse') 2978 $(this).css({ 2979 transform: 'rotate(180deg) translateY(50%)', 2980 borderRadius: '0 4px 4px 0' 2981 }) 2982 } 2983 }) 2984 } 2985 return div 2986 } 2987 // æ°æ®æ ¼å¼åå 2988 const formatData = (list, style) => { 2989 return list.map(i => { 2990 let attrs 2991 try {attrs = getAttrs(i, style)} 2992 catch(err) { 2993 attrs = {} 2994 } 2995 return { 2996 ...i, 2997 attrs 2998 } 2999 }) 3000 } 3001 // 屿§æ¼æ¥ 3002 const getAttrs = (item, style) => { 3003 let attrs 3004 switch (item?.name) { 3005 case 'QQ': 3006 attrs = { 3007 target: '_blank', 3008 href: 'http://wpa.qq.com/msgrd?v=3&site=qq&menu=yes&uin=' + item.value, 3009 className: 'external-chat-box__item--qq', 3010 src: `/images/chatIcon/QQ${style}.png` 3011 } 3012 break; 3013 case 'WeChat': 3014 attrs = { 3015 target: '_self', 3016 href: '#', 3017 className: 'external-chat-box__item--wechat', 3018 src: `/images/chatIcon/WeChat${style}.png` 3019 } 3020 break; 3021 case 'WhatsApp': 3022 attrs = { 3023 target: '_blank',
3024 href: 'https://api.whatsapp.com/send?phone=' + encodeURIComponent(item.value), 3025 className: 'external-chat-box__item--whatsapp', 3026 src: `/images/chatIcon/WhatsApp${style}.png` 3027 } 3028 break; 3029 default: 3030 attrs = null 3031 } 3032 return attrs 3033 } 3034 // çæDOM 3035 const getDOMs = (list, style) => { 3036 let DOMs = [] 3037 list.forEach((i, index) => { 3038 if (i.attrs) 3039 DOMs.push(createItem(i, style, index == list.length - 1)) 3040 }) 3041 return DOMs 3042 } 3043 // å建对åºçAæ ç¾ 3044 const createItem = (item, style, isLast) => { 3045 const {href, target, src} = item.attrs 3046 let ALabel = $(`<a/>`) 3047 .attr({href, target, title: item.user_name}) 3048 .addClass('external-chat-box__item1') 3049 .on('click', () => { 3050 if (item.name == 'WeChat') 3051 showWeChatDialog(item.value) 3052 }) 3053 if (style == 4 && !isLast) { 3054 ALabel.css({borderBottom: '1px solid #fff'}) 3055 } 3056 if (style == 6 && !isLast) { 3057 ALabel.css({borderBottom: '1px solid #979797', padding: '10px 0'}) 3058 } 3059 let img = $('<img/>').attr({src,width:'32px'}) 3060 ALabel.append(img) 3061 if (style == 6) { 3062 let div = $('<div />') 3063 .addClass('external-chat-box--label') 3064 .text(item.name) 3065 ALabel.append(div) 3066 } 3067 return ALabel 3068 } 3069 // å¾®ä¿¡ç¹æ®å¤ç 3070 const showWeChatDialog = (text) => { 3071 let input = $('<input>') 3072 .css({ 3073 position: 'absolute', 3074 left: -99, 3075 top: -99, 3076 width: 20, 3077 height: 20 3078 }) 3079 .attr('readonly', 'readonly') 3080 .val(text).appendTo('body'); 3081 let popup = $('<div>') 3082 .addClass('external-chat-popup external-chat-popup--hidden') 3083 .appendTo('body'); 3084 $('<div>') 3085 .addClass('external-chat-popup__bg') 3086 .on('click', () => { 3087 popup.addClass('external-chat-popup--hidden'); 3088 }).appendTo(popup); 3089 $('<div>').addClass('external-chat-popup__dialog') 3090 .append( 3091 $('<p>').addClass('external-chat-popup__text').text('WeChat ID: ' + text), 3092 $('<button>') 3093 .attr({ 3094 type: 'button', 3095 'btn-types': 'deep' 3096 }) 3097 .addClass('btn') 3098 .text('Copy') 3099 .on('click', function () { 3100 input[0].select(); 3101 document.execCommand('copy'); 3102 popup.addClass('external-chat-popup--hidden'); 3103 prompt_box_fun({ 3104 type: 'success', 3105 text: 'WeChat ID was copied. We’re redirecting you to WeChat. If WeChat is not opened, you can also open it manually and paste the copied ID.' 3106 }); 3107 location.href = 'weixin://'; 3108 }) 3109 ).appendTo(popup); 3110 popup.removeClass('external-chat-popup--hidden'); 3111 } 3112 // è·åæ°æ® 3113 const getContactData = async () => { 3114 const res = await $.get('/contact/get-config') 3115 if (res.status != 200) return false 3116 const {config, list} = res.data 3117 const hasContactInfo = config && config.on == 1 && list.length 3118 if (hasContactInfo) return res.data 3119 return false 3120 } 3121 // æ¼æ¥ç±»å 3122 const getPositionClassName = (position, style, is_expand) => { 3123 let className = `chatIconPanel${style}` 3124 if (position == PositionRight && style == 1) { 3125 className += '-right' 3126 } 3127 className += position == PositionLeft ? ' external-chat-box' : ' external-chat-box-right' 3128 if (is_expand == 1) { 3129 className += position == PositionLeft ? ' external-chat-box--collapse' : ' external-chat-box-right--collapse' 3130 } 3131 return className 3132 }
3133 initContactPanel() 3134</script>
3134 3135 3136<div class="import_template_box"> 3137
3137<script type="text/javascript" defer> 3138 var onloadCallback = function () { 3139 grecaptcha.render('google_dialog', { 3140 'sitekey': '6LeRzl0hAAAAANDTBWTCnzV0cPhM2kR9KMactfK0', 3141 callback: gooble_callback 3142 }); 3143 }; 3144</script>
3144 3145<div class="google_dialog_box" id='google_dialog_box'> 3146 <div class="google_dialog_box__dialog"> 3147 <div id="google_dialog"></div> 3148 </div> 3149</div> 3150<style> 3151 .google_dialog_box { 3152 visibility: hidden; 3153 } 3154 3155 .google_dialog_box__dialog { 3156 position: fixed; 3157 top: 0; 3158 left: 0; 3159 width: 100vw; 3160 height: 100vh; 3161 display: flex; 3162 justify-content: center; 3163 align-items: center; 3164 z-index: 99999 3165 } 3166</style></div> 3167<style> 3168 .el-dialog__footer { 3169 padding: 10px 20px 20px; 3170 text-align: right; 3171 box-sizing: border-box; 3172 } 3173 #inquiry-dialog { 3174 position: fixed; 3175 top:0; 3176 left: 0; 3177 right: 0; 3178 bottom: 0; 3179 width: 100vw; 3180 height: 100vh; 3181 z-index: 1000; 3182 /* opacity: .5; */ 3183 background: rgba(0,0,0,.5); 3184 } 3185 .inquiry-dialog{ 3186 position: relative; 3187 margin: 0 auto 50px; 3188 margin-top: 15vh; 3189 width: 400px; 3190 background: #fff; 3191 3192 } 3193 .inquiry-dialog .form-group { 3194 margin-bottom: 10px; 3195 } 3196 .inquiry-dialog .red { 3197 font-style: normal; 3198 color: red; 3199 } 3200 .inquiry-dialog .form-group label { 3201 padding: 0; 3202 line-height: 28px; 3203 display: block; 3204 font-size: 14px; 3205 color: #606266; 3206 } 3207 .inquiry-dialog .form-control{ 3208 display: block; 3209 width: 100%; 3210 height: 34px; 3211 padding: 6px 12px; 3212 font-size: 14px; 3213 line-height: 1.42857143; 3214 color: #555; 3215 background-color: #fff; 3216 background-image: none; 3217 border-radius: 4px; 3218 box-shadow: inset 0 1px 1px rgba(0,0,0,.07); 3219 transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; 3220 margin-bottom: 0; 3221 border: 1px solid #e7eef5; 3222 outline: 0; 3223 } 3224 .inquiry-dialog .form-control:hover, .form-control:focus{ 3225 border-color: #007eff; 3226 } 3227 #inquiry-dialog .dialog-footer { 3228 /* padding: 10px 0 20px; */ 3229 /* background: #666; 3230 color: #fff; 3231 text-align:center; 3232 height: 40px; 3233 line-height: 40px; 3234 border-radius: 10px; */ 3235 } 3236 #inquiry-dialog .el-form-item { 3237 margin-bottom: 10px; 3238 } 3239 #inquiry-dialog .el-form-item__label{ 3240 padding: 0; 3241 line-height: 28px; 3242 } 3243 #inquiry-dialog .dialog-foot-btn { 3244 width: 100%; 3245 border-radius: 10px; 3246 font-weight: 500; 3247 padding: 0 20px; 3248 font-size: 14px; 3249 height: 40px; 3250 line-height: 40px; 3251 cursor: pointer; 3252 text-align: center; 3253 border: 1px; 3254 } 3255 .inquiry-dialog { 3256 border-radius: 16px!important; 3257 } 3258 .inquiry-dialog .el-dialog__body { 3259 padding: 0; 3260 } 3261 .inquiry-dialog .body { 3262 padding: 0; 3263 } 3264 .inquiry-dialog .el-dialog__header { 3265 font-size: 20px; 3266 border-radius: 16px 16px 0 0; 3267 } 3268 .inquiry-dialog .header { 3269 font-size: 20px; 3270 border-radius: 16px 16px 0 0; 3271 padding: 20px 20px 10px; 3272 3273 /* color: #fff; 3274 background: #007eff; */ 3275 } 3276 .inquiry-dialog .header_btn{ 3277 position: absolute; 3278 top: 20px; 3279 right: 20px; 3280 padding: 0; 3281 background: 0 0; 3282 border: none; 3283 outline: 0; 3284 cursor: pointer; 3285 line-height: 1; 3286 } 3287 .inquiry-dialog .el-dialog__close { 3288 font-size: 20px; 3289 } 3290 .inquiry-dialog--1 .el-dialog__header { 3291 color: #fff; 3292 background: #007eff; 3293 } 3294 .inquiry-dialog--1 .header { 3295 color: #fff; 3296 background: #007eff; 3297 } 3298 .inquiry-dialog--1 .el-dialog__close { 3299 color:#fff; 3300 } 3301 .inquiry-dialog--1 .el-dialog__close:hover { 3302 color:#fff; 3303 } 3304 .inquiry-dialog--1 .body 3305 { 3306 padding: 20px 20px 0; 3307 } 3308 .inquiry-dialog--1 .tips { 3309 word-break: break-word; 3310 padding: 14px 20px; 3311 margin: -20px -20px 20px; 3312 /* box-shadow: 0 2px 8px rgb(0 0 0 / 13%); */ 3313 } 3314 .inquiry-dialog--1 .inquiry_from { 3315 /* padding:0 20px; */ 3316 } 3317 .inquiry-dialog--1 .dialog-foot-btn{ 3318 color: #fff!important; 3319 background: #007eff!important; 3320 border-color: #007eff; 3321 } 3322 .inquiry-dialog--1 .dialog-foot-btn.is-disabled{ 3323 color: #fff!important; 3324 background: #007eff!important; 3325 border-color: #007eff!important; 3326 } 3327 3328 .inquiry-dialog .el-input__inner:focus { 3329 border-color: #007eff; 3330 } 3331 .inquiry-dialog .el-input__inner:hover { 3332 border-color: #007eff; 3333 } 3334 .inquiry-dialog .el-textarea__inner:focus { 3335 border-color: #007eff; 3336 } 3337 .inquiry-dialog .el-textarea__inner:hover { 3338 border-color: #007eff; 3339 } 3340 .el-textarea 3341 3342 .inquiry-dialog--2 .tips { 3343 padding: 10px 0px; 3344 word-break: break-word; 3345 /* border-top: 1px solid #e0e0e0; */ 3346 margin:0 20px; 3347 } 3348 .inquiry-dialog--2 .inquiry_from { 3349 padding:0 20px; 3350 background: #f6f6f7; 3351 padding-bottom: 5px; 3352 } 3353 .inquiry-dialog--2 .el-dialog__footer { 3354 background: #f6f6f7; 3355 border-radius: 0 0 16px 16px; 3356 } 3357 .inquiry-dialog--2 .dialog-foot-btn{ 3358 color: #fff!important; 3359 background: #007eff!important; 3360 border-color: #007eff; 3361 } 3362 .inquiry-dialog--2 .dialog-foot-btn.is-disabled{ 3363 color: #fff!important; 3364 background: #007eff!important; 3365 border-color: #007eff!important; 3366 } 3367 3368 .inquiry-dialog--3 { 3369 background: #02b57d; 3370 color: #Fff; 3371 } 3372 .inquiry-dialog--3 .el-dialog__close { 3373 color:#fff; 3374 } 3375 .inquiry-dialog--3 .el-dialog__close:hover { 3376 color:#fff; 3377 } 3378 .inquiry-dialog--3 .tips { 3379 padding: 10px 0px; 3380 word-break: break-word; 3381 /* border-top: 1px solid #fff; */ 3382 margin:0 20px; 3383 color: #fff; 3384 } 3385 .inquiry-dialog--3 .inquiry_from { 3386 margin: 0 20px; 3387 padding: 20px 20px; 3388 background: #fff; 3389 border-radius: 16px; 3390 } 3391 .inquiry-dialog--3 .body { 3392 padding-bottom: 10px; 3393 } 3394 .inquiry-dialog--3 .dialog-foot-btn{ 3395 color: #fff!important; 3396 background: #333; 3397 border-color: #333; 3398 text-align: left; 3399 position: relative; 3400 } 3401 .inquiry-dialog--3 .dialog-foot-btn.is-disabled{ 3402 color: #fff!important; 3403 background: #333!important; 3404 border-color: #333!important; 3405 text-align: left; 3406 position: relative; 3407 } 3408 .inquiry-dialog--3 .dialog-foot-btn:before{ 3409 content: '\2192'; 3410 position: absolute; 3411 right: 12px; 3412 /* top: 50%; 3413 margin-top: -.75em; */ 3414 } 3415 3416 3417 .inquiry-dialog--4 { 3418 background: #02b57d; 3419 color: #Fff; 3420 } 3421 .inquiry-dialog--4 .el-dialog__close { 3422 color:#fff; 3423 } 3424 .inquiry-dialog--4 .el-dialog__close:hover { 3425 color:#fff; 3426 } 3427 .inquiry-dialog--4 .tips { 3428 padding: 0 0 10px 0px; 3429 word-break: break-word; 3430 margin:0 20px; 3431 color: #fff; 3432 } 3433 .inquiry-dialog--4 .inquiry_from { 3434 margin: 0 20px; 3435 padding: 20px 20px; 3436 background: #fff; 3437 border-radius: 16px; 3438 } 3439 .inquiry-dialog--4 .el-input__inner{ 3440 border: 0; 3441 border-radius: 0; 3442 border-bottom: 1px solid #DCDFE6; 3443 } 3444 .inquiry-dialog--4 .form-control{ 3445 border: 0; 3446 border-radius: 0; 3447 border-bottom: 1px solid #DCDFE6; 3448 box-shadow: unset; 3449 } 3450 .inquiry-dialog--4 .body { 3451 padding-bottom: 10px; 3452 } 3453 .inquiry-dialog--4 .dialog-foot-btn{ 3454 color: #fff!important; 3455 background: #333; 3456 border-color: #333; 3457 } 3458 .inquiry-dialog--4 .dialog-foot-btn.is-disabled{ 3459 color: #fff!important; 3460 background: #333!important; 3461 border-color: #333!important; 3462 } 3463 3464 3465 3466 .inquiry-dialog--5 { 3467 background: ##ffe201; 3468 color: #333; 3469 } 3470 .inquiry-dialog--5 .el-dialog__close { 3471 color: #333; 3472 } 3473 .inquiry-dialog--5 .el-dialog__close:hover { 3474 color:#333; 3475 } 3476 .inquiry-dialog--5 .tips { 3477 padding: 0 0 10px 0px; 3478 word-break: break-word; 3479 margin:0 20px; 3480 color: #666; 3481 } 3482 .inquiry-dialog--5 .el-form-item { 3483 background: #fff; 3484 margin-left: 20px; 3485 margin-right: 20px; 3486 padding: 12px 16px; 3487 border-radius: 16px; 3488 } 3489 .inquiry-dialog--5 .form-group { 3490 background: #fff; 3491 margin-left: 20px; 3492 margin-right: 20px; 3493 padding: 12px 16px; 3494 border-radius: 16px; 3495 } 3496 .inquiry-dialog--5 .el-input__inner{ 3497 border: 0; 3498 padding: 0; 3499 } 3500 .inquiry-dialog--5 .form-control{ 3501 border: 0; 3502 padding: 0; 3503 box-shadow: unset; 3504 } 3505 .inquiry-dialog--5 .body { 3506 padding-bottom: 10px; 3507 } 3508 .inquiry-dialog--5 .dialog-foot-btn{ 3509 color: #fff!important; 3510 background: #333; 3511 border-color: #333; 3512 text-align: left; 3513 position: relative; 3514 } 3515 .inquiry-dialog--5 .dialog-foot-btn.is-disabled{ 3516 color: #fff!important; 3517 background: #333!important; 3518 border-color: #333!important; 3519 text-align: left; 3520 position: relative; 3521 } 3522 .inquiry-dialog--5 .dialog-foot-btn:before{ 3523 content: '\2192'; 3524 position: absolute; 3525 right: 12px; 3526 /* top: 50%; 3527 margin-top: -.75em; */ 3528 } 3529 3530 .inquiry-dialog--6 .el-dialog__header { 3531 background: #007eff; 3532 color: #fff; 3533 } 3534 .inquiry-dialog--6 .header { 3535 background: #007eff; 3536 color: #fff; 3537 } 3538 .inquiry-dialog--6 .el-dialog__close { 3539 color:#fff; 3540 } 3541 .inquiry-dialog--6 .el-dialog__close:hover { 3542 color:#fff; 3543 } 3544 .inquiry-dialog--6 .tips { 3545 word-break: break-word; 3546 padding: 14px 20px; 3547 background: #f5f5f5; 3548 } 3549 .inquiry-dialog--6 .inquiry_from { 3550 padding:10px 20px; 3551 } 3552 .inquiry-dialog--6 .el-dialog__footer{ 3553 padding:0; 3554 } 3555 .inquiry-dialog--6 .dialog-foot-btn{ 3556 border-radius: 0 0 16px 16px!important; 3557 height: 48px; 3558 color: #fff!important; 3559 background: #007eff!important; 3560 border-color: #007eff; 3561 } 3562 .inquiry-dialog--6 .dialog-foot-btn.is-disabled { 3563 border-radius: 0 0 16px 16px!important; 3564 height: 48px; 3565 color: #fff!important; 3566 background: #007eff!important; 3567 border-color: #007eff!important; 3568 } 3569 3570 .inquiry-dialog--0 .el-dialog__header { 3571 background: #007eff!important; 3572 color:#fff; 3573 } 3574 .inquiry-dialog--0 .header { 3575 background: #007eff!important; 3576 color:#fff; 3577 } 3578 3579 .inquiry-dialog--0 .el-dialog__close { 3580 color:#fff; 3581 } 3582 .inquiry-dialog--0 .el-dialog__close:hover { 3583 color:#fff; 3584 } 3585 .inquiry-dialog--0 .tips { 3586 background: #007eff!important; 3587 height: 40px; 3588 position: relative; 3589 } 3590 .inquiry-dialog--0 .tips:after { 3591 content: ""; 3592 position: absolute; 3593 bottom: -1px; 3594 left: 0; 3595 width: 100%; 3596 height: 20px; 3597 clip-path: url(#chatOnlineFormPath); 3598 background-color: #fff; 3599 } 3600 .inquiry-dialog--0 .inquiry_from { 3601 padding:0 20px; 3602 padding-bottom: 5px; 3603 } 3604 .inquiry-dialog--0 .dialog-foot-btn{ 3605 height: 48px; 3606 color: #fff!important; 3607 background: #007eff!important; 3608 border-color: #007eff; 3609 } 3610 3611</style> 3612<svg style="position:absolute;bottom:100%;right:100%" width="1" height="1"> 3613 <clipPath id="chatOnlineFormPath" clipPathUnits="objectBoundingBox"> 3614 <path d="M0 .4L0 1L1 1L1 .7C.5 -.6 .5 1.7 0 .4z"/> 3615 </clipPath> 3616</svg> 3617<div id="inquiry-dialog" style="display: none;"> 3618 <div class="inquiry-dialog inquiry-dialog--1"> 3619 <div class="header"> 3620 <div class="header-title">Send Your Inquiry</div> 3621 <div class="header_btn" onclick="onClose()"> 3622 <i class="iframe_conceal iconfont iconguanbi4"></i> 3623 </div> 3624 </div> 3625 <form class="" onsubmit="return inquiryDialogFromSubmit(this)"> 3626 <div class="body"> 3627 <div class="inquiry_from"> 3628 <div class="form-group"> 3629 <label ><i class="red">*</i>Name</label> 3630 <input 3631 type="text" 3632 class="form-control" 3633 required name="name"
3634 oninput="setCustomValidity('')" 3635 oninvalid="this.setCustomValidity('Please fill in this field')"/> 3636 </div> 3637 <div class="form-group"> 3638 <label > 3639 <i class="red">*</i> Phone 3640 </label> 3641 <input 3642 required 3643 type="text" 3644 class="form-control" 3645 oninput="setCustomValidity('')" 3646 name="phone" 3647 oninvalid="this.setCustomValidity('Please fill in this field')"> 3648 </div> 3649 <div class="form-group"> 3650 <label ><i class="red">*</i>E-mail</label> 3651 <input 3652 type="text" 3653 class="form-control" 3654 required 3655 oninput="setCustomValidity('')" 3656 onchange="checkemail(this)" 3657 name="email" 3658 oninvalid="checkemail(this,true)"/> 3659 </div> 3660 <div class="form-group"> 3661 <label ><i class="red">*</i>Content</label> 3662 <textarea 3663 class="form-control" 3664 required 3665 oninput="setCustomValidity('')" 3666 style="resize: none;height: auto;" 3667 name="content"></textarea> 3668 </div> 3669 </div> 3670 </div> 3671 <div class="dialog-footer el-dialog__footer"> 3672 <button type="submit" id="submit_popup_inquiry" class="dialog-foot-btn"> 3673 Send Inquiry Now 3674 </button> 3675 </div> 3676 </form> 3677 </div> 3678</div>
3679<script type="text/javascript"> 3680 var hasInquiry = 1; 3681 var inquiryStyle = "1"; 3682 var inquiryColor = "#fff"; 3683 </script>
vendor: 1 bytes, line 3683
3683
3684<script> 3685 function onClose() { 3686 const dialog = $('#inquiry-dialog') 3687 dialog.find('[name=name]').val('') 3688 dialog.find('[name=phone]').val('') 3689 dialog.find('[name=email]').val('') 3690 dialog.find('[name=content]').val('') 3691 dialog.hide() 3692 } 3693 function inquiryDialogFromSubmit(){ 3694 inquiryDialogFromSubmit1() 3695 return false 3696 } 3697 function inquiryDialogFromSubmit1(){ 3698 const dialog =$('#inquiry-dialog') 3699 const appid = appid_fun(dialog.find('[name=email]').val()).toString() || ""; 3700 const params = { 3701 name: dialog.find('[name=name]').val(), 3702 phone: dialog.find('[name=phone]').val(), 3703 email: dialog.find('[name=email]').val(), 3704 msg: dialog.find('[name=content]').val(), 3705 previous_page: document.referrer || window.location.href, 3706 enquiry_type: 0, 3707 visitlength: "====1791484559====", 3708 source: 0, 3709 promote_id: 0, 3710 is_subscribe: 0, 3711 page_title: document.title || '', 3712 page_word: $('meta[name="keywords"]').attr("content"), 3713 is_subscribe: 0 3714 } 3715 if ($('#verification_open_inp').val() == "0") { 3716 addEnquiry(params) 3717 return false 3718 } 3719 if (appid) { 3720 if (_verification_type == 2) { 3721 grecaptcha.ready(function () { 3722 grecaptcha.execute(appid, { action: 'validate_captcha' }) 3723 .then(function (token) { 3724 var serialize = { 3725 'g-recaptcha-response': token, 3726 action: 'validate_captcha' 3727 }; 3728 Object.assign(params, serialize) 3729 addEnquiry(params,true) 3730 }); 3731 }); 3732 } else if (_verification_type == 1) { 3733 function loadTCaptchaNow() { 3734 return new Promise (resolve => { 3735 if (typeof TencentCaptcha !== 'function') { 3736 const script = document.createElement('script') 3737 script.src = 'https://turing.captcha.qcloud.com/TCaptcha.js' 3738 script.type = 'text/javascript' 3739 script.onload = () =>{ 3740 resolve() 3741 } 3742 script.onreadystatechange = ()=> { 3743 if (!script.readyState || script.readyState === "loaded" || script.readyState === "complete") { 3744 script.onreadystatechange = null 3745 resolve() 3746 } 3747 } 3748 document.getElementsByTagName('head')[0].appendChild(script); 3749 return 3750 } 3751 resolve() 3752 }) 3753 } 3754 loadTCaptchaNow().then(() => { 3755 var captcha1 = new TencentCaptcha(appid, function (res) { 3756 Object.assign(params, res) 3757 addEnquiry(params) 3758 }); 3759 captcha1.show(); 3760 }) 3761 } 3762 if (_verification_type == 3) { 3763 CustomizedCaptcha.show().then(res=>{ 3764 Object.assign(params, res) 3765 addEnquiry(params) 3766 }).catch(err=>{return}) 3767 } 3768 } else { 3769 addEnquiry(params) 3770 } 3771 3772 return false 3773 } 3774 function addEnquiry(params,challenge) { 3775 function successCallback() { 3776 window.location.href = '/inquire/success' 3777 } 3778 $.ajax({ 3779 url: '/add-enquiry', 3780 type: 'POST', 3781 datatype: 'json', 3782 data: JSON.stringify(params), 3783 headers: { 3784 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'), 3785 'Content-Type': 'application/json' 3786 }, 3787 success: function(result) { 3788 // _this.submitBtnLoading = false 3789 if (result.status == 200) { 3790 successCallback() 3791 } else { 3792 if (challenge && result.status == 203) { 3793 _getData = params 3794 _form = $('<form>').attr({ 3795 action: "/add-enquiry", 3796 method: 'POST' 3797 }); 3798 $('.google_dialog_box').css('visibility', 'visible'); 3799 _globalCallback = function () { 3800 $('.google_dialog_box').css('visibility', 'hidden'); 3801 successCallback(); 3802 }; 3803 return 3804 } 3805 prompt_box_fun({ 3806 type: 'error', 3807 text: result.msg 3808 }); 3809 } 3810 } 3811 }) 3812 } 3813 function checkemail(t,submit) { 3814 const email = $(t).val() 3815 const regex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; 3816 if(regex.test(email)) { 3817 t.setCustomValidity('') 3818 } else if (email.trim() === '') { 3819 t.setCustomValidity('Please fill in this field') 3820 } else { 3821 t.setCustomValidity('Format error') 3822 } 3823 if(submit) return 3824 t.reportValidity() 3825 3826 } 3827 function input1(t) { 3828 t.setCustomValidity('') 3829 } 3830 const inquiryDialogInstance = {} 3831 inquiryDialogInstance.showInquiryDialog = function(id) { 3832 if(!id) return 3833 const dom = $('#inquiry-dialog') 3834 dom.show() 3835 } 3836</script>
3836 3837 <style> 3838 .captcha-dialog__wrapper { 3839 z-index: 1000005; 3840 position: fixed; 3841 top: 0; 3842 right: 0; 3843 bottom: 0; 3844 left: 0; 3845 overflow: auto; 3846 margin: 0; 3847 display: flex; 3848 align-items: center; 3849 } 3850 .v-modal { 3851 position: fixed; 3852 left: 0; 3853 top: 0; 3854 width: 100%; 3855 height: 100%; 3856 opacity: 0.5; 3857 background: #000; 3858 } 3859 .captcha-dialog { 3860 position: relative; 3861 margin: 0 auto 50px; 3862 background: #fff; 3863 border-radius: 2px; 3864 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); 3865 box-sizing: border-box; 3866 width: 700px; 3867 background: #ffffff; 3868 border-radius: 8px; 3869 overflow: hidden; 3870 /* margin-top: 30vh; */ 3871 } 3872 .captcha-dialog__header { 3873 height: 60px; 3874 border-bottom: 1px solid #dfe5eb; 3875 padding: 20px 30px 10px; 3876 box-sizing: border-box; 3877 } 3878 .captcha-dialog__headerbtn { 3879 position: absolute; 3880 top: 20px; 3881 right: 30px; 3882 padding: 0; 3883 background: transparent; 3884 border: none; 3885 outline: none; 3886 cursor: pointer; 3887 font-size: 16px; 3888 } 3889 .captcha-dialog__title { 3890 font-size: 18px; 3891 font-family: PingFang-SC-Bold, PingFang-SC; 3892 font-weight: bold; 3893 color: #202223; 3894 line-height: 25px; 3895 } 3896 .captcha-dialog__body { 3897 padding: 30px; 3898 padding-bottom: 10px; 3899 } 3900 .captcha-content { 3901 display: flex; 3902 } 3903 .captcha-content__code { 3904 margin-right: 20px; 3905 width: 330px; 3906 height: 40px; 3907 border-radius: 4px; 3908 padding: 6px 12px; 3909 border: 1px solid #dfe5eb; 3910 outline: none; 3911 } 3912 .captcha-content__code:focus { 3913 border: 1px solid #1890ff; 3914 } 3915 .captcha-content__box { 3916 width: 236px; 3917 height: 40px; 3918 border-radius: 4px; 3919 border: 1px solid #dfe5eb; 3920 display: flex; 3921 overflow: hidden; 3922 } 3923 .captcha-content__img { 3924 min-width:126px; 3925 } 3926 .captcha-content__img img{ 3927 height: 38px; 3928 width: auto; 3929 } 3930 .captcha-content__refresh { 3931 flex: 1; 3932 background: #F4F4F4; 3933 display:flex; 3934 align-items: center; 3935 justify-content: center; 3936 overflow: hidden; 3937 cursor: pointer; 3938 } 3939 .captcha-dialog__footer { 3940 padding: 0 30px 30px; 3941 display: flex; 3942 justify-content: end; 3943 } 3944 .captcha-dialog .btn { 3945 width: 92px; 3946 height: 36px; 3947 background: #1890ff; 3948 border-radius: 4px; 3949 display: flex; 3950 align-items: center; 3951 justify-content: center; 3952 } 3953 .captcha-dialog__phoneTitle { 3954 display: none; 3955 } 3956 .captcha-dialog__tips { 3957 color: red; 3958 /* display: none; */ 3959 height: 21px; 3960 } 3961 .captcha-dialog__error {
3962 color: red; 3963 display: none; 3964 } 3965 @media (max-width: 768px) { 3966 .captcha-dialog__header { 3967 border-bottom:0 ; 3968 } 3969 .captcha-dialog__body{ 3970 padding-top: 0; 3971 } 3972 .captcha-dialog { 3973 width: 80vw; 3974 } 3975 .captcha-dialog__title { 3976 display: none; 3977 } 3978 .captcha-dialog__phoneTitle { 3979 display: block; 3980 font-size: 18px; 3981 font-family: PingFang-SC-Bold, PingFang-SC; 3982 font-weight: bold; 3983 color: #202223; 3984 text-align: center; 3985 margin-bottom: 30px; 3986 } 3987 .captcha-content{ 3988 flex-wrap: wrap; 3989 } 3990 .captcha-content__code{ 3991 width: 100%; 3992 margin-right:0; 3993 } 3994 .captcha-content__box{ 3995 width: 100%; 3996 margin-top: 15px; 3997 } 3998 3999 .captcha-dialog .btn-submit{ 4000 width: 100%; 4001 } 4002 } 4003 </style> 4004 4005 4006<div 4007 class="v-modal" 4008 tabindex="0" 4009 style="z-index: 1000003 ; display: none" 4010></div> 4011<div 4012 id="captcha-dialog" 4013 class="captcha-dialog__wrapper" 4014 style="display: none" 4015> 4016 <div class="captcha-dialog"> 4017 <div class="captcha-dialog__header"> 4018 <span class="captcha-dialog__title"> 4019 Please enter the calculation result. 4020 </span> 4021 <div class="captcha-dialog__headerbtn"><i class="iframe_conceal iconfont iconguanbi4"></i></div> 4022 </div> 4023 <div class="captcha-dialog__body"> 4024 <div class="captcha-dialog__phoneTitle"> 4025 Please enter the calculation result. 4026 </div> 4027 <div class="captcha-content"> 4028 <input type="text" name="captchaCode" class="captcha-content__code" /> 4029 <div class="captcha-content__box" style="display: flex"> 4030 <div class="captcha-content__img"><img src="" alt=""></div> 4031 <div class="captcha-content__refresh"><img src="/images/refresh3.png" alt="" style="height:24px"></div> 4032 </div> 4033 </div> 4034 <div class="captcha-dialog__tips"> 4035 <span class="captcha-dialog__error">Verification failed. Please re-enter. </span> 4036 </div> 4037 </div> 4038 <div class="captcha-dialog__footer"> 4039 <div id="close2" class="btn btn-submit"> 4040 <div style="font-weight: 400; color: #ffffff; line-height: 20px"> 4041 submit 4042 </div> 4043 </div> 4044 </div> 4045 </div> 4046</div> 4047
4048<script> 4049 const CustomizedCaptcha = { 4050 dom: null, 4051 img: "", 4052 key: "", 4053 reject: null, 4054 resolve:null, 4055 show: async function () { 4056 if (!this.dom) { 4057 console.log($("#captcha-dialog")); 4058 if(!$("#captcha-dialog")){ 4059 return 4060 } 4061 this.dom = $("#captcha-dialog"); 4062 const _this = this 4063 this.dom.find('.captcha-content__refresh').click(() => { 4064 _this.refresh() 4065 }) 4066 _this.dom.find(".captcha-dialog__headerbtn").click(() => { 4067 _this.dom.hide(); 4068 $(".v-modal").hide(); 4069 _this.reject("close"); 4070 }); 4071 _this.dom.find(".btn-submit").click(async () => { 4072 const res = await _this.verify() 4073 _this.dom.find('[name="captchaCode"]').val('') 4074 if(res) { 4075 _this.dom.hide(); 4076 $(".v-modal").hide(); 4077 _this.resolve(res.data); 4078 } else { 4079 _this.refresh() 4080 } 4081 }); 4082 _this.dom.find('.captcha-content__code').on('input', () => { 4083 _this.dom.find('.captcha-dialog__error').hide() 4084 }) 4085 _this.dom.find('[name="captchaCode"]').keypress((e) => { 4086 if (e.which == 13) { // Enter é®çé®å¼ä¸º 13 4087 console.log('123123'); 4088 if(this.dom.find('[name="captchaCode"]').val().length === 0) return 4089 _this.dom.find(".btn-submit").click() 4090 } 4091 }) 4092 } 4093 const res = await $.ajax({ 4094 type: 'get', 4095 url: '/allweyescaptcha?captcha_type=3' 4096 }) 4097 console.log('res',res); 4098 if (res.status !== 200) { 4099 console.log('æ¥å£å¼å¸¸') 4100 return 4101 } 4102 const {img,key} = res.data 4103 this.img = img 4104 this.key = key 4105 this.dom.find('.captcha-content__img img').attr("src", this.img) 4106 console.log(this.dom.find('.captcha-content__img img')) 4107 $(this.dom).show(); 4108 $(".v-modal").show(); 4109 const _this = this; 4110 return new Promise((resolve, reject) => { 4111 _this.reject = reject 4112 _this.resolve = resolve 4113 }); 4114 }, 4115 refresh: async function(){ 4116 this.dom.find('.captcha-content__img img').hide() 4117 const res = await $.ajax({ 4118 type: 'get', 4119 url: '/allweyescaptcha?captcha_type=3' 4120 }) 4121 console.log('res',res); 4122 if (res.status !== 200) { 4123 console.log('æ¥å£å¼å¸¸') 4124 return 4125 } 4126 const {img,key} = res.data 4127 this.img = img 4128 this.key = key 4129 this.dom.find('.captcha-content__img img').attr("src", this.img) 4130 this.dom.find('.captcha-content__img img').show() 4131 }, 4132 verify: async function(){ 4133 if(this.dom.find('[name="captchaCode"]').val().length === 0) return 4134 const res = await $.ajax({ 4135 type: "POST", 4136 url: "/check_allweyescaptcha", 4137 headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}, 4138 data: {captcha_type:3,captcha_key:this.key,captcha_value:this.dom.find('[name="captchaCode"]').val()} 4139 }) 4140 console.log('res', res); 4141 if(res.status == 200) { 4142 return {data: res.data} 4143 } else { 4144 this.dom.find('.captcha-dialog__error').show() 4145 return false 4146 } 4147 } 4148 }; 4149 // CustomizedCaptcha.show().then(res=>{console.log(res);}); 4150 </script>
4150 4151 4152</body> 4153</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.