1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <title>Contact US | LONGT</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="Contact US"> 9 <meta name="description" content="Get Quote!LONGT LIGHTING GROUP in Address: NO. 52, TUANJIE ROAD, LINGTANG, GAOYOU, JIANGSU,CHINA."> 10 <meta property="og:title" content="Contact US | LONGT" /> 11 <meta property="og:description" content="Get Quote!LONGT LIGHTING GROUP in Address: NO. 52, TUANJIE ROAD, LINGTANG, GAOYOU, JIANGSU,CHINA." /> 12 <meta property="og:url" content="https://www.longt-lighting.com/contact-us" /> 13 <meta property="og:image" content="https://img001.video2b.com/780/file1619691860718.png" /> 14 <meta property="og:image:width" content="1536"> 15 <meta property="og:image:height" content="322"> 16 17 <meta name="google-site-verification" content="dn7qBRbDbxbNE8-rCsiSfVyctK19qE4z4aHfmVLhncY" /> 18<meta name="yandex-verification" content="7a433e37957f73a3" /> 19<meta name="msvalidate.01" content="4ABDB34E4F1A19BA4F1BDF88A4477DBB" /> 20 <meta name="csrf-ip" content="181.215.65.77"> 21 <meta name="csrf-token" content="Y3lsIoln0dHeUXWlHYE6R0EmuGCNeRKIPxwPniWV"> 22 <meta http-equiv="x-dns-prefetch-control" content="on"> 23 <link rel="canonical" href="https://www.longt-lighting.com/contact-us" /> 24 <link rel="preconnect" href="https://www.longt-lighting.com/contact-us"> 25 <link rel="preconnect" href="https://img001.video2b.com"> 26 <link rel="dns-prefetch" href="https://www.longt-lighting.com/contact-us"> 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="ar" href="https://www.longt-lighting.com/ar/contact-us"/> 34 <link rel="alternate" hreflang="be" href="https://www.longt-lighting.com/be/contact-us"/> 35 <link rel="alternate" hreflang="bg" href="https://www.longt-lighting.com/bg/contact-us"/> 36 <link rel="alternate" hreflang="cs" href="https://www.longt-lighting.com/cs/contact-us"/> 37 <link rel="alternate" hreflang="da" href="https://www.longt-lighting.com/da/contact-us"/> 38 <link rel="alternate" hreflang="en" href="https://www.longt-lighting.com/contact-us"/> 39 <link rel="alternate" hreflang="es" href="https://www.longt-lighting.com/es/contact-us"/> 40 <link rel="alternate" hreflang="fr" href="https://www.longt-lighting.com/fr/contact-us"/> 41 <link rel="alternate" hreflang="hr" href="https://www.longt-lighting.com/hr/contact-us"/> 42 <link rel="alternate" hreflang="id" href="https://www.longt-lighting.com/id/contact-us"/> 43 <link rel="alternate" hreflang="it" href="https://www.longt-lighting.com/it/contact-us"/> 44 <link rel="alternate" hreflang="iw" href="https://www.longt-lighting.com/iw/contact-us"/> 45 <link rel="alternate" hreflang="ko" href="https://www.longt-lighting.com/ko/contact-us"/> 46 <link rel="alternate" hreflang="ms" href="https://www.longt-lighting.com/ms/contact-us"/> 47 <link rel="alternate" hreflang="nl" href="https://www.longt-lighting.com/nl/contact-us"/> 48 <link rel="alternate" hreflang="pl" href="https://www.longt-lighting.com/pl/contact-us"/> 49 <link rel="alternate" hreflang="pt" href="https://www.longt-lighting.com/pt/contact-us"/> 50 <link rel="alternate" hreflang="ro" href="https://www.longt-lighting.com/ro/contact-us"/> 51 <link rel="alternate" hreflang="ru" href="https://www.longt-lighting.com/ru/contact-us"/> 52 <link rel="alternate" hreflang="tl" href="https://www.longt-lighting.com/tl/contact-us"/> 53 <link rel="alternate" hreflang="vi" href="https://www.longt-lighting.com/vi/contact-us"/> 54 <link rel="icon" href="https://img001.video2b.com/780/file1619576579876.png" type="image/x-icon" /> 55 <link rel="shortcut icon" href="https://img001.video2b.com/780/file1619576579876.png" type="image/x-icon" /> 56
56<script> 57 window.dataLayer = window.dataLayer || []; 58 function gtag(){dataLayer.push(arguments);} 59 gtag('consent', 'default', { 60 'ad_storage': 'granted', 61 'ad_user_data': 'granted', 62 'ad_personalization': 'granted', 63 'analytics_storage': 'granted' 64 }); 65 console.log('granted_ad_storage_cookie init:','granted'); 66 </script>
66 67
67<script type="application/ld+json">[ 68 { 69 "@context": "https:\/\/schema.org", 70 "@type": "Organization", 71 "url": "https:\/\/www.longt-lighting.com", 72 "logo": "https:\/\/img001.video2b.com\/780\/file1619691860718.png", 73 "name": "LONGT LIGHTING GROUP", 74 "alternateName": "LONGT", 75 "email": "[email protected]", 76 "sameAs": [ 77 "https:\/\/www.youtube.com\/channel\/UChEdY_FBCcyAiZIeECxzrtg", 78 "https:\/\/www.facebook.com\/profile.php?id=100092422495067", 79 "https:\/\/twitter.com\/hanxuwen", 80 "https:\/\/www.linkedin.com\/company\/75672607\/admin\/" 81 ] 82 }, 83 { 84 "@context": "https:\/\/schema.org", 85 "@type": "BreadcrumbList", 86 "itemListElement": [ 87 { 88 "@type": "ListItem", 89 "position": 1, 90 "name": "HOME", 91 "item": "https:\/\/www.longt-lighting.com\/" 92 }, 93 { 94 "@type": "ListItem", 95 "position": 2, 96 "name": "Contact Us", 97 "item": "https:\/\/www.longt-lighting.com\/contact-us" 98 } 99 ] 100 } 101]</script>
101 102 <!-- css --> 103 <link rel="stylesheet" href="/css/common_3.css?v=1717671614"> 104 <style> 105 .iconfenxiang_boxs_m ul { 106 flex-wrap: wrap; 107 } 108 109 .iconfenxiang_boxs_m li { 110 margin-bottom: 8px; 111 } 112 113 .iconfenxiang_boxs_m .iconfenxiang_wauto { 114 margin: 0 -6px 115 } 116 117 .iconfenxiang_boxs_m .iconfenxiang_wauto li:first-child { 118 padding-left: 6px; 119 } 120 .cookie-tip { 121 position: fixed; 122 bottom: 0; 123 left: 0; 124 right: 0; 125 z-index: 1001; 126 background: rgba(0,0,0,.8); 127 color:#fff; 128 transition:.3s; 129 display:flex; 130 align-items: center; 131 justify-content: center; 132 padding:24px 9px; 133 min-height: 80px; 134 } 135 136 .cookie-tip--hidden { 137 opacity: 0; 138 transform: translateY(300px) 139 } 140 141 .cookie-tip__container {flex-grow: 1;display: flex;align-items: center;width: 100%;margin: 0;} 142 143 .cookie-tip__text {flex-grow: 1;margin-right: 24px;} 144 145 .cookie-tip__btn { 146 margin: -4px 5px; 147 } 148 .cookie-tip__flex { 149 display: flex; 150 justify-content: space-between; 151 } 152 153 @media (max-width:768px) { 154 .cookie-tip__container { 155 flex-direction:column; 156 } 157 158 .cookie-tip__text{ 159 align-self:stretch; 160 margin:0 0 20px 161 } 162 } 163 164 .bottom-inquiry-box { 165 position: fixed; 166 top: 0; 167 left: 0; 168 width: 100%; 169 height: 100%; 170 z-index: 99998; 171 transition: .3s; 172 } 173 174 .bottom-inquiry-box--hidden { 175 visibility: hidden; 176 opacity: 0; 177 } 178 179 .bottom-inquiry-box__bg { 180 position: absolute; 181 top: 0; 182 left: 0; 183 width: 100%; 184 height: 100%; 185 background: rgba(0,0,0,.4); 186 } 187 188 .bottom-inquiry-box__form { 189 position: absolute; 190 background: #fff; 191 border-radius: 16px 16px 0 0; 192 box-shadow: 0 0 8px rgba(0,0,0,.1); 193 top:48px; 194 left: 0; 195 width: 100%; 196 bottom: 0; 197 color: rgba(0,0,0,.8); 198 display: flex; 199 flex-direction: column; 200 transition: .2s; 201 } 202 203 .bottom-inquiry-box--hidden .bottom-inquiry-box__form { 204 transform: translateY(100%); 205 } 206 207 .bottom-inquiry-box__close { 208 position: absolute; 209 top: 10px; 210 right: 10px; 211 padding: 10px; 212 background: transparent; 213 outline: 0; 214 border: 0; 215 border-radius: 0; 216 color: rgba(0,0,0,.8); 217 transition: .3s; 218 cursor: pointer; 219 } 220 221 .bottom-inquiry-box__title { 222 font-weight: 700; 223 font-size: 16px; 224 margin: 16px 20px 8px; 225 } 226 227 .bottom-inquiry-box__scroll { 228 overflow: auto; 229 padding: 0 20px; 230 } 231 232 .bottom-inquiry-box__label { 233 display: block; 234 margin: 12px 0 20px; 235 position: relative; 236 } 237 238 .bottom-inquiry-box__label--error { 239 color: #ff4000; 240 } 241 242 .bottom-inquiry-box__input { 243 width: 100%; 244 display: block; 245 padding: 9px 0; 246 font-size: 14px; 247 line-height: 1.5; 248 border: 0; 249 border-bottom: 1px solid rgba(0,0,0,.1); 250 border-radius: 0; 251 outline: 0; 252 color: inherit; 253 transition: .3s; 254 resize: none; 255 } 256 257 .bottom-inquiry-box__input:hover,.bottom-inquiry-box__input:focus { 258 border-color: var(--c-color); 259 } 260 261 .bottom-inquiry-box__label--error .bottom-inquiry-box__input { 262 border-color: currentColor; 263 } 264 265 .bottom-inquiry-box__input::-webkit-input-placeholder { 266 color: transparent; 267 transition: .2s; 268 } 269 270 .bottom-inquiry-box__input:focus::-webkit-input-placeholder, .js-select-open .bottom-inquiry-box__input::-webkit-input-placeholder { 271 color: rgba(0,0,0,.4); 272 } 273 274 .bottom-inquiry-box__tip { 275 position: absolute; 276 top: 9px; 277 left: 0; 278 opacity: .55; 279 transition: .2s; 280 transform-origin: left; 281 } 282 283 :required+.bottom-inquiry-box__tip:before { 284 content: '*'; 285 color: #ff4000; 286 } 287 288 .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 { 289 transform: translateY(-1.5em) scale(.85); 290 } 291 292 .bottom-inquiry-box__error {
293 position: absolute; 294 top: -1.5em; 295 margin-top: 9px; 296 right: 0; 297 opacity: 0; 298 visibility: hidden; 299 transition: .2s; 300 } 301 302 .bottom-inquiry-box__label--error .bottom-inquiry-box__error { 303 visibility: visible; 304 opacity: 1; 305 } 306 307 .bottom-inquiry-box__attachment { 308 color: rgba(0,0,0,.4); 309 margin: 20px 0; 310 } 311 312 .bottom-inquiry-box__attachment-box { 313 display: flex; 314 } 315 316 .bottom-inquiry-box__file { 317 width: 100px; 318 height: 100px; 319 border: 1px dashed; 320 position: relative; 321 overflow: hidden; 322 margin-top: 4px; 323 cursor: pointer; 324 display: flex; 325 align-items: center; 326 justify-content: center; 327 margin-right: 20px; 328 cursor: pointer; 329 } 330 331 .bottom-inquiry-box__file:before { 332 content: '+'; 333 font-size: 40px; 334 } 335 336 .bottom-inquiry-box__file:hover { 337 color: rgba(0,0,0,.8); 338 } 339 340 .bottom-inquiry-box__file input { 341 opacity: 0; 342 position: absolute; 343 } 344 345 .bottom-inquiry-box__attachment-box .attachment_ul { 346 flex-grow: 1; 347 } 348 349 .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;} 350 .bottom-inquiry-box__attachment-box .attachment_ul .operations{position:absolute;top:0;right:0;width:140px;padding-left:20px;} 351 352 353 .bottom-inquiry-box__subscribe { 354 margin-bottom: 16px; 355 } 356 357 .bottom-inquiry-box__check { 358 vertical-align: middle; 359 margin-right: 4px; 360 margin-bottom: 2px; 361 } 362 363 .bottom-inquiry-box__btn { 364 display: block; 365 height: 36px; 366 line-height: 36px; 367 color: #fff; 368 border: 0; 369 padding: 0; 370 border-radius: 6px; 371 outline: 0; 372 transition: .3s; 373 cursor: pointer; 374 margin: 8px 20px 16px; 375 flex-shrink: 0; 376 } 377 378 .bottom-inquiry-box__btn:hover,.bottom-inquiry-box__btn:focus,.bottom-inquiry-box__close:hover,.bottom-inquiry-box__close:focus { 379 opacity: .8; 380 } 381 382 .bottom-inquiry-box__btn:active,.bottom-inquiry-box__close:active { 383 opacity: 1; 384 } 385 386 .external-chat-box { 387 position: fixed; 388 top: 50%; 389 left:0; 390 transform: translateY(-50%); 391 width: 48px; 392 padding: 4px 8px; 393 background: rgba(0,0,0,.35); 394 border-radius: 0 4px 4px 0; 395 transition: .2s; 396 z-index: 9999; 397 } 398 399 .external-chat-box--collapse { 400 transform: translateY(-50%) translateX(-100%); 401 } 402 403 .external-chat-box__toggle { 404 position: absolute; 405 top: 50%; 406 left: 100%; 407 border-radius: 0 4px 4px 0; 408 color: #fff; 409 background: inherit; 410 margin-top: -20px; 411 padding: 0 4px; 412 line-height: 40px; 413 font-size: 14px; 414 cursor: pointer; 415 /*transition: .3s;*/ 416 border: 0; 417 outline: 0; 418 } 419 420 .external-chat-box__toggle:hover,.external-chat-box__toggle:focus { 421 /* background-color: rgba(0,0,0,.45); */ 422 } 423 424 .external-chat-box__item { 425 display: block; 426 text-decoration: none; 427 width: 32px; 428 height: 32px; 429 margin: 12px 0; 430 background: center no-repeat; 431 border-radius: 99px; 432 transition: .3s; 433 } 434 435 .external-chat-box__item--qq { 436 background-color: #1890ff; 437 background-image: url(/images/chat-icons/qq.svg); 438 background-size: 14px; 439 } 440 441 .external-chat-box__item--qq:hover,.external-chat-box__item--qq:focus { 442 background-color: #40a9ff; 443 } 444 445 .external-chat-box__item--wechat { 446 background-color: #46bb36; 447 background-image: url(/images/chat-icons/wechat.svg); 448 background-size: 17px; 449 } 450 451 .external-chat-box__item--wechat:hover,.external-chat-box__item--wechat:focus { 452 background-color: #70ca63; 453 } 454 455 .external-chat-box__item--skype { 456 background-color: #00aff0; 457 background-image: url(/images/chat-icons/skype.svg); 458 background-size: 16px; 459 } 460 461 .external-chat-box__item--skype:hover,.external-chat-box__item--skype:focus { 462 background-color: #30c8f3; 463 } 464 465 .external-chat-box__item--whatsapp { 466 background-color: #1dd367; 467 background-image: url(/images/chat-icons/whatsapp.svg); 468 background-size: 18px; 469 } 470 471 .external-chat-box__item--whatsapp:hover,.external-chat-box__item--whatsapp:focus { 472 background-color: #44e388; 473 } 474 475 .external-chat-popup { 476 position: fixed; 477 top: 0; 478 left: 0; 479 width: 100%; 480 height: 100%; 481 z-index: 9999; 482 transition: .3s; 483 } 484 485 .external-chat-popup--hidden { 486 visibility: hidden; 487 opacity: 0; 488 } 489 490 .external-chat-popup__bg { 491 position: absolute; 492 top: 0; 493 left: 0; 494 width: 100%; 495 height: 100%; 496 background: rgba(0,0,0,.4); 497 } 498 499 .external-chat-popup__dialog { 500 width: 300px; 501 max-width: 100%; 502 margin: 15vh auto; 503 padding: 30px; 504 background: #fff; 505 text-align: center; 506 position: relative; 507 border-radius: 2px; 508 box-shadow: 0 4px 14px rgba(0,0,0,.06), 0 0 6px rgba(0,0,0,.1); 509 transition: .2s; 510 } 511 512 .external-chat-popup--hidden .external-chat-popup__dialog { 513 transform: translateY(-100%); 514 } 515 516 .external-chat-popup__text { 517 font-size: 18px; 518 margin-bottom: 20px; 519 } 520 </style> 521 522 <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:rgba(241, 126, 10, 1)}.container{max-width:1440px}.top_title,.title{font-family:BebasNeue Regular,Arial,myanmar_font}body,html,.body_color_bgs{font-family:Arial,Arial,myanmar_font}:root { --btn-style-deep:solid;--btn-color-deep:var(--c-color);--btn-bg-color-deep:transparent;--btn-border-color-deep:var(--c-color);--btn-radius-deep:0px;--btn-width-deep:1px; --btn-style-shallow:solid;--btn-color-shallow:#fff;--btn-bg-color-shallow:transparent;--btn-border-color-shallow:#fff;--btn-radius-shallow:0px;--btn-width-shallow:1px; }.btn[btn-types="shallow"]{color:rgba(255, 255, 255, 1);font-size:14px;padding-top:13px;border-color:rgba(241, 126, 10, 1);border-style:solid;border-width:1px;padding-left:50px;padding-right:50px;padding-bottom:13px;text-transform:capitalize;background-color:rgba(241, 126, 10, 1);border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}.btn[btn-types="deep"]{color:rgba(255, 255, 255, 1);font-size:14px;padding-top:13px;border-color:rgba(181, 145, 117, 1);border-style:solid;border-width:1px;padding-left:50px;padding-right:50px;padding-bottom:13px;text-transform:capitalize;background-color:rgba(181, 145, 117, 1);border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}: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:0;--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:0;--inp-width-shallow:1px; }.form_inp[inp-types="shallow"]{color:rgba(89, 89, 89, 1);font-size:14px;border-color:rgba(248, 248, 248, 1);border-style:solid;border-width:1px;background-color:rgba(248, 248, 248, 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(89, 89, 89, 1);font-size:14px;border-color:rgba(141, 141, 141, 1);border-style:solid;border-width:1px;background-color:rgba(0,0,0,0);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;}.share_fun_box2 ul li.backtop_clicks{border-top-left-radius: 25px;border-bottom-left-radius: 25px;}[direction]{align-items:stretch;}.there_video_icons{background-image:url(/images/video_play_1.png);}.there_video_icons{opacity:1;}</style><style mos-id="v620213a2c7318">.tem01_copyright{text-align:center;padding-top:10px;padding-bottom:10px;border-top:1px solid rgba(144,144,144,.2);}#v620213a2c7318{background-color:rgba(26, 26, 26, 1);color:rgba(153, 153, 153, 1);text-align:center;}#v620213a2c7318 .container{}</style> <style mos-id="v6204b90d5e9f4"> .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;
522 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;} } #v6204b90d5e9f4{background-color:rgba(26, 26, 26, 1);color:rgba(141, 141, 141, 1);padding-top:3vw;padding-bottom:3vw;}#v6204b90d5e9f4 .container{}#v6204b90d5e9f4 .btn_box{text-align:left} </style> <style mos-id="v620cd29e27bf2"> .public_inquiry_tem_1{position:relative;color:#fff;} .public_inquiry_tem_1 .top_text{position:relative;} .public_inquiry_tem_1 .top_title{margin-bottom:16px;} .public_inquiry_tem_1 .top_details{margin-bottom:40px;} .public_inquiry_tem_1 .con{position:relative;overflow:hidden;} @media (max-width:768px){ .public_inquiry_tem_1 .top_title{margin-bottom:10px;} .public_inquiry_tem_1 .top_details{margin-bottom:20px;} } .public_inquiry_tem_1 input.enquiry_inp_placeholder::-webkit-input-placeholder, .public_inquiry_tem_1 textarea.enquiry_inp_placeholder::-webkit-input-placeholder {color:transparent;font-size:12px;} .public_inquiry_tem_1 input.enquiry_inp_placeholder:-moz-placeholder, .public_inquiry_tem_1 textarea.enquiry_inp_placeholder:-moz-placeholder {color:transparent;font-size:12px;} .public_inquiry_tem_1 input.enquiry_inp_placeholder::-moz-placeholder, .public_inquiry_tem_1 textarea.enquiry_inp_placeholder::-moz-placeholder {color:transparent;font-size:12px;} .public_inquiry_tem_1 input.enquiry_inp_placeholder:-ms-input-placeholder, .public_inquiry_tem_1 textarea.enquiry_inp_placeholder:-ms-input-placeholder {color:transparent;font-size:12px;} .public_inquiry_tem_1 input.enquiry_inp_placeholder:focus::-webkit-input-placeholder, .public_inquiry_tem_1 textarea.enquiry_inp_placeholder:focus::-webkit-input-placeholder, .public_inquiry_tem_1 textarea.enquiry_inp_placeholder:focus::-webkit-input-placeholder, .public_inquiry_tem_1 .js-select-open input.enquiry_inp_placeholder::-webkit-input-placeholder, .public_inquiry_tem_1 .js-select-open textarea.enquiry_inp_placeholder::-webkit-input-placeholder {color:inherit;opacity:.6;} .public_inquiry_tem_1 input.enquiry_inp_placeholder:focus:-moz-placeholder, .public_inquiry_tem_1 textarea.enquiry_inp_placeholder:focus:-moz-placeholder, .public_inquiry_tem_1 .js-select-open input.enquiry_inp_placeholder:-moz-placeholderr, .public_inquiry_tem_1 .js-select-open textarea.enquiry_inp_placeholder:-moz-placeholder {color:inherit;opacity:.6;} .public_inquiry_tem_1 input.enquiry_inp_placeholder:focus::-moz-placeholder, .public_inquiry_tem_1 textarea.enquiry_inp_placeholder:focus::-moz-placeholder, .public_inquiry_tem_1 .js-select-open input.enquiry_inp_placeholder::-moz-placeholderr, .public_inquiry_tem_1 .js-select-open textarea.enquiry_inp_placeholder::-moz-placeholder {color:inherit;opacity:.6;} .public_inquiry_tem_1 .js-select-open .enquiry_inp_placeholder:-ms-input-placeholder {color:inherit;opacity:.6;} .public_inquiry_tem_1 .enquiry_box{position:relative;} .public_inquiry_tem_1 .enquiry_box .row_small{margin-left:-10px;margin-right:-10px;overflow:hidden;} .public_inquiry_tem_1 .enquiry_box .row_small li{padding-left:10px;padding-right:10px;width:50%;float: left;margin-bottom:15px;} .public_inquiry_tem_1 .enquiry_box .row_small .li-fill{width: 100%;} .public_inquiry_tem_1 .enquiry_box .enquiry_label{padding:24px 8px 8px;display:block;position:relative;user-select:none} .public_inquiry_tem_1 .enquiry_box .enquiry_inp{background:0 0;border:none;outline:0;color:inherit;height:20px;
522display:block;width:100%;font-size:inherit;box-shadow:none} .public_inquiry_tem_1 .enquiry_box textarea.enquiry_inp{height:auto;resize:none} .public_inquiry_tem_1 .enquiry_box .required_span{position:absolute;height:20px;line-height:20px;left:8px;top:15px;display:block;pointer-events:none;transition:.1s;opacity:.8;font-size:14px;} .public_inquiry_tem_1 .enquiry_box .enquiry_inp:focus+.required_span,.public_inquiry_tem_1 .enquiry_box .enquiry_label.js-select-open .required_span{top:4px;font-size:12px;} .public_inquiry_tem_1 .enquiry_box .enquiry_inp[required]+.required_span::before{content:"*";color:red} .public_inquiry_tem_1 .enquiry_box .enquiry_label.active .required_span{top:4px;opacity:.6;font-size:12px;} .public_inquiry_tem_1 .enquiry_box .enquiry_btn_box{text-align:center;padding:20px 0;} .public_inquiry_tem_1 .enquiry_box .enquiry_btn_box .read_more_a{background:0 0} .public_inquiry_tem_1 .enquiry_box .required_tips{margin:0;position:absolute;right:20px;top:0;font-size:12px;display:none;pointer-events:none;padding:0 8px;} .public_inquiry_tem_1 .enquiry_box .enquiry_label.errors .required_tips{display:block} .public_inquiry_tem_1 .enquiry_box .enquiry_label.errors{border-color:#d90000;color:#d90000;} @media (max-width:1024px){ .public_inquiry_tem_1 .enquiry_box .enquiry_btn_box{padding:20px 0} .public_inquiry_tem_1 .enquiry_box .enquiry_btn_box .read_more_a{width:100%} } @media (max-width:768px){ .public_inquiry_tem_1 .enquiry_box .row_small li{width:100%;} } #v620cd29e27bf2{background-attachment:fixed;background-color:rgba(32, 21, 19, 1);color:#fff;text-align:center;padding-top:4vw;padding-bottom:4vw;}#v620cd29e27bf2 .container{}#v620cd29e27bf2 .btn_box{text-align:center} </style> <link href='/products_detail/ail_detail.css' rel='stylesheet' type='text/css'/> <style mos-id="v620a15981e10e"> .rich_text_1 .rich_text_con{position:relative;} .rich_text_1 .preservation_wrap{display:none;position: relative;} .rich_text_1.preservation_box .enable{display:none;} .rich_text_1.preservation_box .preservation_wrap{display:block;} .rich_text_1 .rich_text_btn{position:relative;padding:6px;text-align:center;width:140px;margin:auto;margin-bottom:10px;;cursor:pointer;border:1px solid #ccc;border-radius:4px;user-select:none;color:#333;border-color: #adadad;background-color:#fff;} .rich_text_1 .rich_text_btn:hover{box-shadow:0 3px 5px rgb(0 0 0 / 13%);} .rich_text_1 .rich_text_btn:active{background-image: none;outline: 0;-webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);background-color: #e6e6e6;} .rich_text_1 .script_other{width:100%;color:#333;} .rich_text_1 .edui-box.edui-button.edui-for-insertimage.edui-default{display:none!important;} .rich_text_1 .view{padding:0;word-wrap:break-word;cursor:text;height:90%;} .rich_text_1 p{margin-bottom:8px;} .rich_text_1 table.sortEnabled tr.firstRow th, .rich_text_1 table.sortEnabled tr.firstRow td{padding-right:20px;background-repeat: no-repeat;background-position: center right;} .rich_text_1 .selectTdClass{background-color:#edf5fa !important} .rich_text_1 table.noBorderTable td, .rich_text_1 table.noBorderTable th, .rich_text_1 table.noBorderTable caption{border:1px dashed #ddd !important} .rich_text_1 table{margin-bottom:10px;border-collapse:collapse;display:table;} .rich_text_1 td,th{padding: 5px 10px;border: 1px solid #DDD;} .rich_text_1 caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;} .rich_text_1 th{border-top:1px solid #BBB;background-color:#F7F7F7;} .rich_text_1 table tr.firstRow th{border-top-width:2px;} .rich_text_1 .ue-table-interlace-color-single{ background-color: #fcfcfc; } .rich_text_1 .ue-table-interlace-color-double{ background-color: #f7faff; } .rich_text_1 td p{margin:0;padding:0;} .rich_text_1 .pagebreak{display:block;clear:both !important;cursor:default !important;width: 100% !important;margin:0;} /* .rich_text_1 pre{margin:.5em 0;padding:.4em .6em;border-radius:8px;background:#f8f8f8;} */ .rich_text_1 .switch_module_box{position: absolute;
522left: 0;top: 6px} .rich_text_1 .switch_module{position:relative;display:inline-block;padding-left:40px;cursor:pointer;margin:0;vertical-align:middle;color:#333;line-height:20px;height:20px;user-select:none;} .rich_text_1 .switch_module input{visibility:hidden;position:absolute;top:0;left:0;z-index:-1;} .rich_text_1 .switch_module i{display:block;position:absolute;top:0;left:0;background:#ccc;width:40px;height:20px;border-radius:30px;box-shadow:0 0 1px #ccc;vertical-align:middle;} .rich_text_1 .switch_module i::after{content:'';position:absolute;left:4%;top:8%;width:42%;height:84%;border-radius:30px;background:#fff;transition:left 0.2s;} .rich_text_1 .switch_module input.isChecked +i{background-color:#007EFF;box-shadow:0 0 1px #007EFF;} .rich_text_1 .switch_module input.isChecked +i::after{left:54%} .rich_text_1 .switch_module input +i +.switch_txt{margin-left:8px;display:block;} .rich_text_1 .switch_module input +i +.switch_txt .trues{display:none;} .rich_text_1 .switch_module input +i +.switch_txt .falses{display:block;} .rich_text_1 .switch_module input.isChecked +i +.switch_txt .trues{display:block;} .rich_text_1 .switch_module input.isChecked +i +.switch_txt .falses{display:none;} .rich_text_1 .edui-default .edui-editor-iframeholder{width: 100%!important;} .rich_text_1 .edui-default .edui-editor{width: 100%!important;} .rich_text_1 .ueditor_box_senior{padding-left:300px;position:relative;} .rich_text_1 .ueditor_box_senior .ueditor_box_left{display:block;} .rich_text_1 .ueditor_box_left{position: absolute;left:0;top:0;width:295px;height:100%;border:1px solid #ddd;border-radius:4px;text-align:center;padding-left:100px;display:none;} .rich_text_1 .ueditor_box_left .ul_tit{position: absolute;width:100px;left:0;top:0;height:100%;border-right:1px solid #ddd;} .rich_text_1 .ueditor_box_left .li_tit{line-height:48px;border-bottom:1px solid #ddd;background:#f7f7f7;height:50px;} .rich_text_1 .ueditor_box_left .li_cons{line-height:20px;padding:7px 10px;border-bottom:1px solid #ddd;cursor:pointer;} .rich_text_1 .ueditor_box_left .li_cons:hover{background:#f9f9f9;} .rich_text_1 .ueditor_box_left .li_cons.active{color:#D62121;} .rich_text_1 .ueditor_box_left .li_cons img{max-width:100%;display: block;margin:0 auto;} .rich_text_1 .ueditor_box_left .li_cons:last-child{border-bottom:none;} .rich_text_1 .ueditor_box_left .ul_cons{width:100%;height:100%;position:relative;} .rich_text_1 .ueditor_box_left .ul_box{position: absolute;top:50px;bottom:0;left:0;right:0;overflow:auto;} #v620a15981e10e{padding-top:0vw;}#v620a15981e10e .container{} </style> <style mos-id="v620cce19095cf"> .public_lists_tem_1{position:relative;} .public_lists_tem_1 .top_text{position:relative;} .public_lists_tem_1 .top_title{margin-bottom:16px;} .public_lists_tem_1 .top_details{margin-bottom:40px;} .public_lists_tem_1 .con{position:relative;overflow:hidden;padding-bottom: 17px} .public_lists_tem_1 .con li .text{padding:10px 0px;width:100%;display: block;} .public_lists_tem_1 .con li .text .title{display:block;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;} .public_lists_tem_1 .con li .text .describe{overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;margin-top: 10px;} .public_lists_tem_1 .href_id_a{position: absolute;left:0;top:0;width:100%;height:100%;z-index:22;} .public_lists_tem_1 .left_icon, .public_lists_tem_1 .right_icon{position: absolute;top:50%;width:30px;height:66px;margin-top:-33px;z-index:9;color:#fff;line-height:66px;text-align:center;font-size:22px;cursor:pointer;display:none;} .public_lists_tem_1 .left_icon{left:0;} .public_lists_tem_1 .right_icon{right:0;} .public_lists_tem_1 .left_icon.swiper-button-disabled, .public_lists_tem_1 .right_icon.swiper-button-disabled{opacity:.4;cursor:no-drop;} .public_lists_tem_1 .swiper-pagination{display:none;} .public_lists_tem_1 .swiper-pagination-bullet{width:14px;
522height:14px;opacity:.3;} .public_lists_tem_1 .swiper-pagination-bullet-active{background:#fff!important;border:1px solid;border-color: var(--c-color)!important;} .public_lists_tem_1 .img_par{width:100%;margin-bottom: 10px;} .public_lists_tem_1 img{border:0} .public_lists_tem_1 .img_par[img_text_align="1"] img{margin:auto 0 0 0;} .public_lists_tem_1 .img_par[img_text_align="2"] img{margin:auto;} .public_lists_tem_1 .img_par[img_text_align="3"] img{margin:0 0 0 auto;} .public_lists_tem_1 .img_par[img_type="1"] img{width:auto;display:block;} .public_lists_tem_1 .img_par[img_type="2"]{padding-bottom:56.25%;position:relative;} .public_lists_tem_1 .img_par[img_type="3"]{padding-bottom:100%;position:relative;} .public_lists_tem_1 .img_par[img_type="2"] img, .public_lists_tem_1 .img_par[img_type="3"] img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;} .public_lists_tem_1 .con.swiper-container-horizontal .swiper-pagination{bottom:0;} .prism-player .x5-top-left{object-position: initial !important;} .public_lists_tem_1 a:hover .title,.public_lists_tem_1 a:hover .describe {color: inherit!important;} @media (min-width:768px){ .public_lists_tem_1 [direction]{display:flex;flex-direction:column;} .public_lists_tem_1 [direction="3"]{flex-direction:column-reverse;} .public_lists_tem_1 [direction="4"]{flex-direction:column;} } @media (max-width:768px){ .public_lists_tem_1 .top_title{margin-bottom:10px;} .public_lists_tem_1 .top_details{margin-bottom:20px;} .public_lists_tem_1 .con li{margin-bottom:20px;} .public_lists_tem_1 .con li:last-child{margin-bottom:0;} .public_lists_tem_1 .con li .text{padding:15px 10px 10px;} .public_lists_tem_1 .con.swiper-container-horizontal{padding-bottom:10px;} .public_lists_tem_1 .con.swiper-container-horizontal .swiper-pagination{display:block;bottom:0;} } #v620cce19095cf{text-align:center;padding-top:4vw;padding-bottom:4vw;}#v620cce19095cf .container{}#v620cce19095cf li .title{font-size:22px}#v620cce19095cf li .describe{color:rgba(51, 51, 51, 1)} </style> <style mos-id="v62035766bd384"> .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;} } #v62035766bd384{background-color:#000000;color:#FFFFFF;text-align:left;}#v62035766bd384 .container{} </style> <style mos-id="v620213a2c7301"> .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;
522min-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; } } #v620213a2c7301{background-color:rgba(241, 126, 10, 1);padding-top:0vw;}#v620213a2c7301 .container{} </style> <style></style> <!-- css end --> 523 524 <!-- header style start --> 525 <style> 526#v620213a2c72e0 .top_title { font-weight: 100;} 527#v620213a2c72e0 .top_describe { padding-right: 40vw;} 528#v620213a2c72e0 .text { top: 55%;} 529 530#v620a08684f3ab .picture_li:nth-child(2){ padding: 3vw 13vw 3vw 1vw;} 531#v620a08684f3ab .top_title { padding-right: 6vw;} 532 533#v620213a2c72e8 .top_details { padding: 0 6vw;} 534#v620c92fc173bf .top_describe { padding: 0 6vw;} 535#v620cc6248778a .top_details { padding: 0 6vw;} 536#v620cccac57305 .top_details { padding: 0 6vw;} 537#v620cce19095cf .top_details { padding: 0 6vw;} 538#v620db403ed788 .top_details { padding: 0 6vw;} 539#v620db87f89b6d .top_details { padding: 0 6vw;} 540#v620db9080adb2 .top_details { padding: 0 6vw;} 541#v620dbf3a47c09 .top_details { padding: 0 6vw;} 542#v620e04c30c07b .top_details { padding: 0 6vw;} 543#v620c59b198e51 .img_par[img_type="1"] img { width: 38%;} 544#v620c92fc173bf .img_par[img_text_align="2"] .icon_img { width: 20%;} 545 #v620db403ed788 .img_par[img_text_align="2"] .icon_img { width: 20%;} 546#v620213a2c72eb .list_row_li { border-right: 1px solid rgba(0,0,0,0.1);} 547#v620db403ed788 .list_row_li { border-right: 1px solid rgba(0,0,0,0.1);}
548#v620dbde815906 .list_row_li { border-right: 1px solid rgba(0,0,0,0.1);} 549#v620367e026b5c .picture_li:nth-child(1){width: 55%; min-width: 55%; max-width: 55%; padding-left: 0px; padding-right: 30px;} 550#v620367e026b5c .picture_li:nth-child(2){width: 45%; min-width: 45%; max-width: 45%;} 551.tem_picture_3 .img_con { background: rgb(122 122 122 / 0%); } 552#v620cae795da9d .list_row_li{ padding-left: 0px; padding-right: 0px; margin-bottom: 0px;} 553 554#v6204b90d5e9f4 .footer_li:nth-child(2) { padding: 0px 1px 0 5vw;} 555#v6204b90d5e9f4 .footer_li:nth-child(3) { padding: 0px 5vw 0 0vw;} 556.rich_text_1 p { margin-bottom: -5px;} 557 558#v620cae795da9d .con li .text { width: 100%; padding: 14px 0px 0px; position: absolute; bottom: 0; left: 0;} 559#v620cae795da9d li .title { height: 2.5em!important;} 560 561 562 563@media (max-width: 1366px){ 564#v620367e026b5c .picture_li:nth-child(1){width: 50%; min-width: 50%; max-width: 50%; padding-left: 15px; padding-right: 15px;} 565#v620367e026b5c .picture_li:nth-child(2){width: 50%; min-width: 50%; max-width: 50%;} 566#v620213a2c72eb .title * { font-size: 42px!important;} 567 568 569} 570@media (max-width: 1200px){ 571#v620c92fc173bf .img_li { width: 50%!important;min-width: 50%!important;max-width: 50%!important;} 572#v620213a2c72e0 .top_title * { font-size: 72px!important;} 573#v620c92fc173bf .img_par[img_text_align="2"] .icon_img { width: 15%;} 574#v620213a2c72e0 .top_describe { padding-right: 50vw;} 575#v620db403ed788 .img_par[img_text_align="2"] .icon_img { width: 15%;} 576#v620db403ed788 .img_li { width: 50%!important;min-width: 50%!important;max-width: 50%!important;} 577#v620cae795da9d li .title * { font-size: 24px!important;} 578 579} 580 581@media (max-width: 768px){ 582#v620213a2c72e0 .top_title, .top_title * { font-size: 30px!important;} 583#v620213a2c72e0 .top_describe { display: none;} 584#v620213a2c72e0 .btn_box { display: none;} 585#v620c92fc173bf .top_describe { padding: 0 0vw;} 586#v620213a2c72e8 .top_details { padding: 0 0vw;} 587#v620cc6248778a .top_details { padding: 0 0vw;} 588#v620cccac57305 .top_details { padding: 0 0vw;} 589#v620cce19095cf .top_details { padding: 0 0vw;} 590#v620db403ed788 .top_details { padding: 0 0vw;} 591#v620db87f89b6d .top_details { padding: 0 0vw;} 592#v620db9080adb2 .top_details { padding: 0 0vw;} 593#v620dbf3a47c09 .top_details { padding: 0 0vw;} 594#v620e04c30c07b .top_details { padding: 0 0vw;} 595#v620367e026b5c .picture_li:nth-child(1){width: 100%; min-width: 100%; max-width: 100%; padding-left: 15px; padding-right: 15px;} 596#v620367e026b5c .picture_li:nth-child(2){width: 100%; min-width: 100%; max-width: 100%;} 597#v620c92fc173bf .img_par[img_text_align="2"] .icon_img { width: 50%;} 598#v620213a2c72e0 .top_title * { font-size: 60px!important;} 599#v620db403ed788 .img_par[img_text_align="2"] .icon_img { width: 50%;} 600 601#v620cae795da9d li .title * { font-size: 22px!important;} 602} 603@media (max-width: 500px){ 604#v620213a2c72e0 .top_title * { font-size: 32px!important;} 605 606} 607 608 609</style> 610 <!-- header style end --> 611 612 613
613<script type="text/javascript"> 614 var hasInquiry = 1; 615 var inquiryStyle = "1"; 616 var inquiryColor = "#fff"; 617 </script>
617 618 619</head> 620<body class=" new_u_body body_color_bgs body_pages_contact-us" id="html_body"> 621 <input type="hidden" id="videoDefinition" value="auto"> 622 <input type="hidden" id="verification_open_inp" value="1"> 623 <input type="hidden" id="chat_is_open" value="1"> 624 <input type="hidden" id="chat_is_form" value="1"> 625 <input type="hidden" id="chat_prompt" value="Hello, please leave your name and email here before chat online so that we won't miss your message and contact you smoothly."> 626 <input type="hidden" id="chat_prompt_phone" value="required"> 627 <input type="hidden" id="inquire_success_herf" value="/inquire/success"> 628 <input type="hidden" id="compress_webp_onoff" value="1"> 629 <input type="hidden" id="compress_capture_onoff" value="1"> 630 <input type="hidden" id="compress_onoff" value="1"> 631 <input type="hidden" id="img_compress" value="80"> 632 <input type="hidden" id="set_playback_mode" value="current"> 633 <input type="hidden" id="bannerCompress" value=""> 634 <input type="hidden" id="bannerCompressQuality" value="80"> 635 <input type="hidden" id="video_dialog_open_btn" value="0"> 636 <input type="hidden" id="video_autoplay_open" value="0"> 637 <input type="hidden" id="timed_inquiry_open" value="0"> 638 <input type="hidden" id="dialog_page" value="0"> 639 <input type="hidden" id="dialog_frequency" value="1"> 640 <input type="hidden" id="uniqueness" value="0">
641 <input type="hidden" id="timed_inquiry_style" value="0"> 642 <input type="hidden" id="timed_inquiry_color" value=""> 643
643<script data-static="false" src="/libs/jquery-2.1.3.min.js"></script>
643 644 <!-- no model-viewer loaded --> 645
645<script data-static="false" type="text/javascript"> 646 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!"}; 647 var imgLazyLoad_bol = document.createElement('canvas').toDataURL('image/webp', 0.5).indexOf('data:image/webp') === 0; 648 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
648ases":" 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"}, 649 fun_scr_arr = []; 650 var _verification_type = 0; 651 var kk; 652 var _is_lighthouse = false; 653 </script>
653 654
654<script type="text/javascript"> 655 fun_scr_arr.push({name:'script',url:"/libs/swiper/swiper.min.js",type:"text/javascript"}); 656 fun_scr_arr.push({name:'link',url:"/libs/aliplayer/aliplayer-min.css",rel:"stylesheet"}); 657// fun_scr_arr.push({name:'script',url:"https://turing.captcha.qcloud.com/TCaptcha.js",type:"text/javascript"}); 658 fun_scr_arr.push({name:'script',url:"/libs/aliplayer/aliplayer-min.js",type:"text/javascript"}); 659 _verification_type = "3"; 660 </script>
660 661 <!-- å¼ç¨å 容 start --> 662<div> 663 <header id="v620213a2c7301" module_id="5010" class="_header no_bg_src" header_edit="114" no_index_edit module_type="header" bg_img_url="" switch_fixed="0"> 664 <div class="_header_box no_bg_src" header_id="5010" style=""> 665 <div class="nav_button" id="head_button"> 666 <div class="nav_button_icon"> 667 <span></span> 668 <span></span> 669 <span></span> 670 </div> 671 </div> 672 <div style="background-color: transparent;" class="header-slogan-box"> 673 <div class="_header_con container" container=""> 674 <div class="_head_top" modular-edit="custom"> 675 <div class="head_h1"> 676 <section template-edit="title_languages" module_name="header"><p><span style="color:#A9A9A9;"></span>Light Your City with LONGT Street Light & Pole.âââââââ<span style="color:#A9A9A9;"></span></p></section> 677 </div> 678 <div class="icon_bx iconfenxiang_boxs" 679 btn_show="1"></div> 680 681 <div class="icon_bx"> 682 <span class="head_i iconfont iconsousuo head_shousuos" 683 btn_show="1"></span> 684 <div class="language_modal_click icon_bx" 685 btn_show="1"> 686 <span class="head_i iconfont icondiqu"></span><span 687 class="head_lan_txt">Language</span> 688 </div> 689 </div> 690 </div> 691 </div> 692 </div> 693 <div class="_header_con _header_con--bottom container" container=""> 694 <div class="_head_bottom"> 695 <div class="logo"> 696 <a href="/"> 697 <img head_logo_src="https://img001.video2b.com/780/file1619691860718.png" alt="LONGT"> 698 </a> 699 </div> 700 <nav> 701 <div class="nav_btns btn_l bg-color iconfont iconchaopimiaotuangou-" data-left="-80"></div> 702 <div class="nav_btns btn_r bg-color iconfont iconleft" data-left="80"></div> 703 <div class="nav_box"> 704 705 <ul class="nav border-color"> 706 707 708 <li class=" "> 709 <a href="/" >HOME</a> 710 </li> 711 712 713 <li class=" xia "> 714 <a href="/products" >PRODUCTS</a> 715 <i class="i_con iconfont iconxiala1"></i> 716 <ul class="nav_ul"> 717 <li class=" "> 718 <a href="/products-14524" >Solar Street Light (all in one/all in two/split)</a> 719 </li> 720 <li class=" "> 721 <a href="/products-14525" >LED Street Light (AC Powered)</a> 722 </li> 723 <li class=" "> 724 <a href="/products-14526" >Light Pole (lamp post, light column)</a> 725 </li> 726 <li class=" "> 727 <a href="/products-74103" >High Mast</a> 728 </li> 729 <li class=" "> 730 <a href="/products-74098" >Smart street light</a> 731 </li> 732 <li class=" "> 733 <a href="/products-74096" >Solar Garden Lights</a> 734 </li> 735 <li class=" "> 736 <a href="/products-74097" >Solar Panel</a> 737 </li> 738 <li class=" "> 739 <a href="/products-74095" >Solar energy devices</a> 740 </li> 741 <li class=" "> 742 <a href="/products-74104" >Traffic Light</a> 743 </li> 744 <li class=" "> 745 <a href="/products-74105" >Energy Storage Product</a> 746 </li> 747 </ul> 748 </li> 749 750 751 <li class=" xia "> 752 <a href="/service" >SERVICE</a> 753 <i class="i_con iconfont iconxiala1"></i> 754 <ul class="nav_ul"> 755 <li class=" "> 756 <a href="/service-22512" >R & D and design capability</a> 757 </li> 758 </ul> 759 </li> 760 761 762 <li class=" "> 763 <a href="/cases" >CASES</a> 764 </li> 765 766 767 <li class=" "> 768 <a href="/news" >NEWS</a> 769 </li> 770 771 772 <li class=" "> 773 <a href="/about-us" >ABOUT US</a> 774 </li> 775 776 777 </ul> 778 </div> 779 <div class="m_iconfenxiang_boxs iconfenxiang_boxs" btn_show="1"></div> 780 </nav> 781 </div> 782 </div> 783 </div> 784 785 </header> 786 </div> 787 788<div class="content_box"> 789 <div class="tem_breadcrumb_1 no_bg_src" id="v62035766bd384" module_id="5005" bg_img_url="https://img001.video2b.com/1326/file_01645006742759.jpg" module_type="module"> 790 791 792 <div modular-edit="custom"> 793 <div class="absolute_box">
794 <span video-type="" video-src="" video-m3u8src="" playback_mode=""></span> 795 </div> 796 <div class="text"> 797 <div class="container"> 798 <div class="text"> 799 <h1 class="top_title">Contact Us</h1> 800 </div> 801 <div class="top_describe"> 802 <span><a href="/" style="display: inline;">HOME</a></span> 803 <i>></i> 804 <span><a href="/contact-us" style="display: inline;">Contact Us</a></span> 805 </div> 806 </div> 807 </div> 808 <a target="_self" href="" class="home_banner_vr_btn" btn_show="0"> 809 <div><span class="iconfont iconVR"></span></div> 810 <div class="vr_txt"> 811 <section template-edit="btn_languages" module_name="module">VR</section> 812 </div> 813 </a> 814 </div> 815</div> <div class="public_lists_tem_1 no_bg_src content-section" module_center="center" id="v620cce19095cf" module_id="5015" bg_img_url="" module_type="module"> 816 817 <div class="container"> 818 <div class="text top_text" modular-edit="custom"> 819 <div class="top_title "> 820 <section template-edit="title_languages" module_name="module"><p><span style="color:rgba(241, 126, 10, 1);"></span>CONTACT<span style="color:rgba(241, 126, 10, 1);"> INFORMATION</span></p></section> 821 </div> 822 <div class="top_details "> 823 <section template-edit="describe_languages" module_name="module"><p><span style="font-size:16px;"><span style="color:#696969;">The company insists on "customer-centered", based on customer needs, and gradually establishes comprehensive advantages in the two business fields of site temporary construction and non-site temporary construction to provide customers with corresponding products and solutions.</span></span></p></section> 824 </div> 825 </div> 826 <div class="con swiper-container"> 827 <div class="iconfont iconios-arrow-back left_icon bg-color " btn_show="1"></div> 828 <div class="iconfont iconios-arrow-forward right_icon bg-color " btn_show="1"></div> 829 <div class="swiper-pagination" btn_show="1"></div> 830 <ul class="list_row_ul swiper-wrapper" swiper_switch="0"> 831 <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="4" mobile_list_cols=""> 832 <div class="list_box"> 833 <div class="list_con" direction="4"> 834 <div class="img_par no_img_src" img_text_align="2" img_type="1"> 835 <img class="" video-img="https://img001.video2b.com/1326/file_31645006456458.png" img_preview_gif="" alt="Tel"> 836 <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span> 837 <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span> 838 </div> 839 <div class="text" > 840 <div class="title" title_lengths=""> 841 Tel 842 </div> 843 <div class="describe" title_lengths=""> 844 +86-020-22139325 845 </div> 846 </div> 847 </div> 848 </div> 849 </li> 850 <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="4" mobile_list_cols=""> 851 <div class="list_box"> 852 <div class="list_con" direction="4"> 853 <div class="img_par no_img_src" img_text_align="2" img_type="1"> 854 <img class="" video-img="https://img001.video2b.com/1326/file_21645006456458.png" img_preview_gif="" alt="ââââââEmail"> 855 <sp
855an editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span> 856 <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span> 857 </div> 858 <div class="text" > 859 <div class="title" title_lengths=""> 860 ââââââEmail 861 </div> 862 <div class="describe" title_lengths=""> 863 [email protected] 864 </div> 865 </div> 866 </div> 867 </div> 868 </li> 869 <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="4" mobile_list_cols=""> 870 <div class="list_box"> 871 <div class="list_con" direction="4"> 872 <div class="img_par no_img_src" img_text_align="2" img_type="1"> 873 <img class="" video-img="https://img001.video2b.com/1326/file_01645006456458.png" img_preview_gif="" alt="Service time"> 874 <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span> 875 <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span> 876 </div> 877 <div class="text" > 878 <div class="title" title_lengths=""> 879 Service time 880 </div> 881 <div class="describe" title_lengths=""> 882 7/24hour 883 </div> 884 </div> 885 </div> 886 </div> 887 </li> 888 <li class="list_row_li swiper-slide " modular-edit="custom" list_cols="4" mobile_list_cols=""> 889 <div class="list_box"> 890 <div class="list_con" direction="4"> 891 <div class="img_par no_img_src" img_text_align="2" img_type="1"> 892 <img class="" video-img="https://img001.video2b.com/1326/file_11645006456458.png" img_preview_gif="" alt="Add"> 893 <span editable="video" video-type="" video-src="" video-m3u8src="" playback_mode=""></span> 894 <span class="there_video_icons videos_js_icons" style="display:none;"><i class="iconfont iconbofang"></i></span> 895 </div> 896 <div class="text" > 897 <div class="title" title_lengths=""> 898 Add 899 </div> 900 <div class="describe" title_lengths=""> 901 5AF Whole Floor, xingguang Yingjing Building, No. 119 Shuiyin Road, Yuexiu District, Guangzhou, China. 902 </div> 903 </div> 904 </div> 905 </div> 906 </li> 907 </ul> 908 </div> 909 </div> 910 </div> 911 912 <div class="rich_text_1 no_bg_src content-section" id="v620a15981e10e" module_id="5037" bg_img_url="" module_type="module"> 913 914 <div class="container"> 915 <div class="rich_text_con"> 916 <div class="ueditor_box" style="position: relative;"> 917 <div class="con"><p><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3668.7414316499503!2d113.31101397665958!3d23.14312465131233!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xf6803412434567cd!2zMjP
917CsDA4JzMyLjYiTiAxMTPCsDE4JzQxLjciRQ!5e0!3m2!1sen!2shk!4v1644563255736!5m2!1sen!2shk" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe></p></div> 918 </div> 919 </div> 920 </div> 921 922</div> <div class="public_inquiry_tem_1 no_bg_src content-section" module_center="center" id="v620cd29e27bf2" module_id="5014" bg_img_url="https://img001.video2b.com/1326/file_01645007390898.jpg" module_type="module"> 923 <div class="container"> 924 <div class="text top_text" modular-edit="custom"> 925 <div class="top_title "> 926 <section template-edit="title_languages" module_name="module"><p><span style="font-size:60px;">GET IN TOUCH <span style="color:rgba(241, 126, 10, 1);">WITH US </span></span></p></section> 927 </div> 928 <div class="top_details "> 929 <section template-edit="describe_languages" module_name="module"><p><span style="color:#A9A9A9;"><span style="font-size:16px;"></span></span><span style="font-size:16px;"><span style="color:#A9A9A9;">Our company is a premier manufacturer of lighting system recoginzed by the customers worldwide. If you have a project then please get in touch and we can discuss your requirements and needs. View more cases we have accomplished to learn more details of our services</span></span><span style="color:#A9A9A9;"><span style="font-size:16px;"></span></span></p></section> 930 </div> 931 </div> 932 <div class="con enquiry_box"> 933 <form no_form_enovation action="/add-enquiry" class="row_small_box" onsubmit="return form_submit(this);"> 934 <input type="hidden" name="enquiry_type" id="enquiry_type_v620cd29e27bf2" value="0"> 935 <input type="hidden" name="visitlength" id="visitlength_v620cd29e27bf2" value="====1791089957===="> 936 <input type="hidden" name="source" id="source_v620cd29e27bf2" value="0"> 937 <input type="hidden" name="id" id="id_v620cd29e27bf2" value="0"> 938 <ul class="row_small"> 939 <li class=""> 940 <label class="enquiry_label form_inp " inp-types="shallow"> 941 <input type="text" class="enquiry_inp enquiry_inp_placeholder" autocorrect="off" autocomplete="off" required name="name" id="name_v620cd29e27bf2" title placeholder="Enter your name" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')"> 942 <span class="required_span">Name</span> 943 <p class="required_tips">Format error</p> 944 </label> 945 </li> 946 <li class=""> 947 <label class="enquiry_label form_inp " inp-types="shallow"> 948 <input type="text" class="enquiry_inp enquiry_inp_placeholder" autocorrect="off" autocomplete="off" required name="email" id="email_v620cd29e27bf2" title placeholder="Enter your e-mail" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')"> 949 <span class="required_span">E-mail</span> 950 <p class="required_tips">Format error</p> 951 </label> 952 </li> 953 <li class=""> 954 <label class="enquiry_label form_inp " inp-types="shallow"> 955 <input type="text" class="enquiry_inp enquiry_inp_placeholder" autocorrect="off" autocomplete="off" name="phone" id="phone_v620cd29e27bf2" required oninput="this.value=this.value.replace(/[^\d]/,'');setCustomValidity('')" title placeholder="Enter your phone" oninvalid="setCustomValidity('Please fill in this field')"> 956 <span class="required_span">Phone/WhatsApp/Skype</span> 957 <p class="required_tips">Format error</p> 958 </label> 959 </li> 960 <li class=""> 961 <label class="enquiry_label form_inp " inp-types="shallow"> 962 <input type="text" class="enquiry_inp enquiry_inp_placeholder" autocorrect="off" autocomplete="off" name="company" id="company_v620cd29e27bf2" title placeholder="Enter your company name" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')">
963 <span class="required_span">Company Name</span> 964 <p class="required_tips">Format error</p> 965 </label> 966 </li> 967 <li class="li-fill" style="width:100%;"> 968 <label class="enquiry_label form_inp " inp-types="shallow"> 969 <textarea class="enquiry_inp enquiry_inp_placeholder" rows="4" autocorrect="off" autocomplete="off" required name="msg" id="msg_v620cd29e27bf2" title placeholder="Enter the content of your inquiry" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')"></textarea> 970 <span class="required_span">Content</span> 971 <p class="required_tips">Format error</p> 972 </label> 973 </li> 974 </ul> 975 <div class="enquiry_btn_box btn_box " > 976 <button id="submit_v620cd29e27bf2" type="submit" class="btn" btn-types="shallow"> 977 <div template-edit="btn_languages" module_name="module">SEND INQUIRY NOW</div> 978 </button> 979 </div> 980 </form> 981 </div> 982 </div> 983 </div> 984 </div> 985 986<div> 987 <div 988 id="v6204b90d5e9f4" 989 module_id="5052" 990 bg_img_url="" 991 992 class="tem_footer_section_02 no_bg_src boxs_m_show" 993 module_type="footer" 994 no_index_edit 995> 996 997 <div class="tem_footer_02"> 998 <div class="container"> 999 <!-- ç§»å¨ç«¯ç¤¾åª --> 1000 <div class="iconfenxiang_boxs_m" style="display: none;"> 1001 <!-- <div class="go_fast">Go fast</div> --> 1002 <div class="iconfenxiang_wauto flex"></div> 1003 </div> 1004 <a href="/sitemap/a1.html" target="_blank" class="sitemap-box"> 1005 <span class="sitemap" style="vertical-align:middle;">Sitemap</span> 1006 </a> 1007 <a href="/privacy" target="_blank" class="sitemap-box"> 1008 <span class="sitemap-line" style="vertical-align:middle;"></span> 1009 <span class="sitemap" style="vertical-align:middle;">Privacy Policy</span> 1010 </a> 1011 <ul class="footer_ul flex"> 1012 <li class="footer_li"> 1013 <div class="li_head"> 1014 <section template-edit="common_footer_txt0_languages" module_name="footer"> 1015 <p><img data-cke-saved-src="https://img001.video2b.com/780/file_01655884090292.png" src="https://img001.video2b.com/780/file_01655884090292.png" style="height: 67px; width: 250px;"></p> 1016 </section> 1017 </div> 1018 1019 <div class="con_ul"> 1020 <section template-edit="common_footer_txt1_languages" module_name="footer"> 1021 <p>Our interior furniture design integrates the spirit of contemporary design and minimalist philosophy.</p><p><br></p><p><span style="color:#FFFFFF;">INSTAGRAM FACEBOOK LINKEDIN</span><br></p> 1022 </section> 1023 </div> 1024 </li> 1025 1026 <li class="footer_li"> 1027 <div class="li_head"> 1028 <section template-edit="common_footer_txt2_languages" module_name="footer"> 1029 <p><span style="color:#FFFFFF;"></span><span style="color:#FFFFFF;">QUICK LINKS</span><span style="color:#FFFFFF;"></span></p> 1030 </section> 1031 </div> 1032 1033 <div class="con_ul"> 1034 <section template-edit="common_footer_txt3_languages" module_name="footer"> 1035 <p><a data-cke-saved-href="/products" href="/products" rel="">Products</a></p><p><a data-cke-saved-href="/service" href="/service" rel="">OEM&ODM Service</a></p><p><a data-cke-saved-href="/cases" href="/cases" rel="">Cases</a></p><p><a data-cke-saved-href="/about-us" href="/about-us" rel="">About Us</a></p><p><a data-cke-saved-href="/news" href="/news" rel="">News</a></p><p><a data-cke-saved-href="/contact-us" href="/contact-us" rel="">Contact Us</a></p> 1036 </section> 1037 </div> 1038 </li> 1039 1040 <li class="footer_li"> 1041 <div class="li_head"> 1042 <section template-edit="common_footer_txt4_languages" module_name="footer"> 1043 <p><span style="color:#FFFFFF;">CONTACT US</span></p> 1044 </section> 1045 </div> 1046 1047 <div class="con_ul"> 1048 <section template-edit="common_footer_txt5_languages" module_name="footer"> 1049 <ul id="menu-footer-iii-column"><li id="menu-item-29"><p>Email: <a data-cke-saved-href="mailto:[email protected]" href="mailto:[email protected]" rel="">[email protected]</a><br>Tel.: +86 18796667008</p><p>Add: NO. 52, TUANJIE ROAD, LINGTANG, GAOYOU ,JIANGSU,CHINA</p></li><li id="menu-item-32"><br></li></ul> 1050 </section> 1051 </div> 1052 </li> 1053 1054 <li class="footer_li"> 1055 <div class="li_head"> 1056 <section template-edit="common_footer_txt6_languages" module_name="footer"> 1057 <p><span style="color:#FFFFFF;">If you have any question, please contact us.</span></p> 1058 </section> 1059 </div> 1060 1061 <div class="con_ul"> 1062 <section template-edit="common_footer_txt7_languages" module_name="footer"> 1063 <p>We are confident to say that our customization service is outsatnding.</p> 1064 </section> 1065 </div> 1066 1067 <div class="btn_con_box" > 1068 <div class="btn_box" btn_show="1"> 1069 <a href="/contact-us" target="_self">
1070 <div class="btn" btn-types="shallow"> 1071 <section template-edit="btn_languages" module_name="module"> 1072 CONTACT US 1073 </section> 1074 </div> 1075 </a> 1076 </div> 1077 </div> 1078 1079 <div> 1080 <div class="lan_a"> 1081 <a href="javascript:;" class="icon_bx language_modal_click"> 1082 <span class="iconfont icondiqu" style="vertical-align:middle;"></span> 1083 <span class="visible_lgss" style="vertical-align:middle;"> 1084 Language 1085 </span> 1086 </a> 1087 <a href="/sitemap/a1.html" target="_blank"> 1088 <span class="sitemap-line" style="vertical-align:middle;"></span> 1089 <span class="sitemap" style="vertical-align:middle;">Sitemap</span> 1090 </a> 1091 <a href="/privacy" target="_blank"> 1092 <span class="sitemap-line" style="vertical-align:middle;"></span> 1093 <span class="sitemap" style="vertical-align:middle;">Privacy Policy</span> 1094 </a> 1095 </div> 1096 <div class="iconfenxiang_boxs footer" footer-social-media="true"></div> 1097 </div> 1098 </li> 1099 </ul> 1100 </div> 1101 </div> 1102 1103 </div> 1104 <div class="tem01_copyright no_bg_src" id="v620213a2c7318" module_id="5012" no_index_edit module_type="footer" module_type1="copy" bg_img_url="" > 1105 <div class="container"> 1106 <div class="copyright_text"> 1107 <div modular-edit="custom"> 1108 <div editable="footer_text"> 1109 Copyright © 2026 LONGT LIGHTING GROUP - www.longt-lighting.com All Rights Reserved. 1110 <span style="display: inline-flex;align-items: baseline"> 1111 <span> </span> 1112 <div style=" 1113 height:12px; 1114 color:rgba(153,153,153,0.6); 1115 display:inline-block;" 1116 > 1117 <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"> 1118 <g transform="translate(0, 113)"> 1119 <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
1119-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"> 1120 </path> 1121 </g> 1122 </svg> 1123 </div> 1124 <span> Design</span> 1125 </span> 1126 </div> 1127 </div> 1128 </div> 1129 1130 </div> 1131</div>
1132<script type="text/javascript"> 1133 1134function initFooter() { 1135 console.log('initFooter123'); 1136 let show = `1`; 1137 let size = `12px` || '15px'; 1138 let color = `rgba(153,153,153,0.6)` || 'inherit'; 1139 let title = `Design`; 1140 let href = `` 1141 const section = $(`#v620213a2c7318`).find('section').first() 1142 let customFooter = 0; 1143 if( customFooter == 1) { 1144 if(section.size() > 0 && show == '1') { 1145 const p = section.find('p').last() 1146 const spanDom = ` 1147 <span><span> </span> 1148 ${href ? `<a href="${href}" target="_blank">`:''} 1149 <div style=" 1150 height: ${size}; 1151 color: ${color}; 1152 ${color == 'inherit' ? 'opacity: 0.6;' : ''} 1153 display:inline-block;" > 1154 <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"> 1155 <g transform="translate(0, 113)"> 1156 <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>
1156<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"> 1157 </path> 1158 </g> 1159 </svg> 1160 </div> 1161 ${title} 1162 ${href ? `</a>`:''} 1163 </span>` 1164 if(p.size() > 0) { 1165 const span = p.find('span').last() 1166 if(span.size()) { 1167 span.append(spanDom) 1168 return 1169 } 1170 p.append(spanDom) 1171 } else { 1172 section.append(spanDom) 1173 } 1174 } 1175 } 1176} 1177 1178initFooter() 1179</script>
1179 1180 </div> 1181<!-- å¼ç¨å 容 end --> 1182 <div id="backTop_click" onclick="backtop_click_fun()" ta_click="top" class="back_top font-color"><i class="iconfont iconxiangshang1"></i></div> 1183
1183<script> 1184 var backtop_click_fun_bol = true; 1185 function backtop_click_fun(){ 1186 if (backtop_click_fun_bol) { 1187 backtop_click_fun_bol = false; 1188 $('body,html,*').stop().animate({scrollTop:0},500,function(){backtop_click_fun_bol = true;}); 1189 }return false; 1190 } 1191 </script>
1191 1192
1192<script> 1193 window.ChatOnlineConfig = {styleId:'1',color:'#007eff'}; 1194 $(function(){document.body.style.setProperty('--chatonline-color',ChatOnlineConfig.color);}) 1195 </script>
1195 1196 <svg style="position:absolute;bottom:100%;right:100%" width="1" height="1"> 1197 <clipPath id="chatOnlineFormPath" clipPathUnits="objectBoundingBox"> 1198 <path d="M0 .4L0 1L1 1L1 .7C.5 -.6 .5 1.7 0 .4z"/> 1199 </clipPath> 1200 </svg> 1201 <div id="chat_online_box" class="chat_online_box fun_scr_hide chat-online-style1" lang="en" v_id=""> 1202 <svg viewBox="-1 -1 2 2" width="64" height="64" class="chat-online-bg"> 1203 <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" /> 1204 </svg> 1205 <svg width="22" height="22" viewBox="0 0 22 22" class="chat-online-icon"> 1206 <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" /> 1207 </svg> 1208 </div> 1209 <div class="share_fun_box fun_scr_hide"> 1210 <ul> 1211 <li class=""> 1212 <div class="text network_bg" data-network="linkedin"> 1213 <a href="https://www.linkedin.com/shareArticle/?title=Contact+US+%7C+LONGT&url=https://www.longt-lighting.com/contact-us" target="_blank" rel="nofollow"> 1214 <div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">linkedin</div> 1215 </a> 1216 </div> 1217 </li><li class="share_m_hide"> 1218 <div class="text network_bg" data-network="whatsapp"> 1219 <a href="https://web.whatsapp.com/send?text=https://www.longt-lighting.com/contact-us" target="_blank" rel="nofollow"> 1220 <div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">whatsapp</div> 1221 </a> 1222 </div> 1223 </li><li class="share_pc_hide"> 1224 <div class="text network_bg" data-network="whatsapp"> 1225 <a href="whatsapp://send?text=https://www.longt-lighting.com/contact-us" target="_blank" rel="nofollow"> 1226 <div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">whatsapp</div> 1227 </a> 1228 </div> 1229 </li><li class=""> 1230 <div class="text network_bg" data-network="facebook"> 1231 <a href="https://www.facebook.com/sharer.php?t=Contact+US+%7C+LONGT&u=https://www.longt-lighting.com/contact-us" target="_blank" rel="nofollow"> 1232 <div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">facebook</div> 1233 </a> 1234 </div> 1235 </li><li class=""> 1236 <div class="text network_bg" data-network="twitter"> 1237 <a href="https://twitter.com/intent/tweet?text=Contact+US+%7C+LONGT&url=https://www.longt-lighting.com/contact-us" target="_blank" rel="nofollow"> 1238 <div class="share_img_box"> 1239 1240 <img src="/images/media_img/twitter.svg" alt="" style="width: 24px;height: 24px;margin-top:0;"> 1241 </div> 1242 <div class="tit">twitter</div> 1243 </a> 1244 </div> 1245 </li><li> 1246 <div class="text network_bg" data-network="share"> 1247 <a href="javascript:;"><div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">share</div></a> 1248 </div> 1249 </li><li class="network_click_li"> 1250 <div class="img icon_bgs"></div> 1251 </li> 1252 </ul> 1253 </div> 1254 <div class="share_fun_box2 switch_module_no fun_scr_hide" id="bottomShareBox"> 1255 <ul> 1256 <li data-network="share"> 1257 <button type="button" class="share_fun_box2__share"> 1258 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" class="share_fun_box2__icon"> 1259 <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"/> 1260 </svg> 1261 Share 1262 </button> 1263 </li> 1264 <li class="share_fun_box2__btn-box"> 1265 <button type="button" class="btn share_fun_box2__inquiry" id="showInquiry" btn-types="deep"> 1266 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" width="18" height="18" class="share_fun_box2__icon"> 1267 <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"/> 1268 </svg>
1269 <span>Send Inquiry</span> 1270 </button> 1271 </li> 1272 <li class="share_fun_box2__btn-box"> 1273 <button type="button" class="btn chat_online_clicks" btn-types="deep"> 1274 <svg width="20" height="17" viewBox="0 0 20 17" class="share_fun_box2__icon"> 1275 <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" /> 1276 </svg> 1277 <span>Chat Now</span> 1278 </button> 1279 </li> 1280 </ul> 1281 </div> 1282 <div id="bottomInquiry" class="bottom-inquiry-box bottom-inquiry-box--hidden"> 1283 <div class="bottom-inquiry-box__bg" data-inquiry-close></div> 1284 <form action="/add-enquiry" class="bottom-inquiry-box__form"> 1285 <button type="button" data-inquiry-close class="bottom-inquiry-box__close iconfont iconguanbi"></button> 1286 <h4 class="bottom-inquiry-box__title">Send your inquiry</h4> 1287 <input type="hidden" name="enquiry_type" value="0"> 1288 <input type="hidden" name="visitlength" value="====1791089957===="> 1289 <input type="hidden" name="source" value="0"> 1290 <input type="hidden" name="id" value="0"> 1291 <div class="bottom-inquiry-box__scroll"> 1292 <label class="bottom-inquiry-box__label"> 1293 <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('')"/> 1294 <span class="bottom-inquiry-box__tip">Name</span> 1295 </label> 1296 <label class="bottom-inquiry-box__label"> 1297 <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('')"/>
1298 <span class="bottom-inquiry-box__tip">E-mail</span> 1299 <span class="bottom-inquiry-box__error">Format error</span> 1300 </label> 1301 <label class="bottom-inquiry-box__label"> 1302 <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('')"/> 1303 <span class="bottom-inquiry-box__tip">Phone/WhatsApp/Skype</span> 1304 </label> 1305 <label class="bottom-inquiry-box__label"> 1306 <input class="bottom-inquiry-box__input" title autocorrect="off" autocomplete="off" name="company" placeholder="Enter your company name" oninvalid="setCustomValidity('Please fill in this field')" oninput="setCustomValidity('')"/> 1307 <span class="bottom-inquiry-box__tip">Company Name</span> 1308 </label> 1309 <label class="bottom-inquiry-box__label"> 1310 <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> 1311 <span class="bottom-inquiry-box__tip">Content</span> 1312 </label> 1313 </div> 1314 <button type="submit" class="bottom-inquiry-box__btn bg-color" id="submit_main">SEND INQUIRY NOW</button> 1315 </form> 1316 </div> 1317 1318
1318<script mos-id="v620cd29e27bf2"> 1319 (function(){ 1320 var generate_id = "v620cd29e27bf2", 1321 box = $('#'+generate_id), 1322 inp = box.find('.enquiry_inp'); 1323 1324 inp.bind('input propertychange', function () { 1325 var that = $(this), 1326 par = that.parent(), 1327 name = that.attr("name"), 1328 val = that.val(); 1329 if (val) { 1330 par.addClass("active"); 1331 } else { 1332 par.removeClass("active"); 1333 } 1334 }); 1335 1336 inp.change(function () { 1337 var that = $(this), 1338 par = that.parent(), 1339 name = that.attr("name"), 1340 val = that.val(), 1341 bol = false; 1342 if (val) { 1343 if (name == "email") { 1344 // [email protected] 1345 var strRegex = /^[a-zA-Z0-9_\-\+\.%]+@[a-zA-Z0-9-_]+(\.[a-zA-Z0-9_-]+)+$/; 1346 if (!strRegex.test(val)) { 1347 bol = true; 1348 } 1349 } 1350 } 1351 if (bol) { 1352 par.addClass("errors"); 1353 } else { 1354 par.removeClass("errors"); 1355 } 1356 }); 1357 1358 $(function() { 1359 box.find('[data-input-select]').length > 0 && box.find('[data-input-select]').inputSelectable() 1360 }); 1361 })(); 1362 </script>
1362 1363 1364
1364<script mos-id="v620cce19095cf"> 1365 fun_scr_arr.push({ 1366 name:5, 1367 fun:function () { 1368 window["fun_v620cce19095cf"](); 1369 } 1370 }) 1371 function fun_v620cce19095cf(){ 1372 var generate_id = "v620cce19095cf", 1373 box = $('#'+generate_id); 1374 if(box.length==0){ 1375 var design_iframe = $('#design_iframe'), 1376 dom = design_iframe.contents(), 1377 box = dom.find('#'+generate_id); 1378 } 1379 1380 function noop(){} 1381 box.find('[data-zoomable]').click(noop); 1382 1383 var list_cols = "4", 1384 mobileListCols = +"2", 1385 loop = "", 1386 speed = "300", 1387 autoplay = "4000", 1388 swiper_switch = box.find('[swiper_switch="1"]'); 1389 if(loop == "1"){ 1390 loop = true; 1391 }else{ 1392 loop = false; 1393 } 1394 if(swiper_switch.length == 0){return false;} 1395 var swiper_ids = new Swiper('#'+generate_id+' .swiper-container', { 1396 // autoHeight: true, 1397 autoplay: parseInt(autoplay), 1398 speed: parseInt(speed), 1399 loop: loop, 1400 autoplayDisableOnInteraction: false, 1401 slidesPerView : list_cols, 1402 spaceBetween : 20, 1403 prevButton: '#'+generate_id+' .swiper-container .left_icon', 1404 nextButton: '#'+generate_id+' .swiper-container .right_icon', 1405 pagination : '#'+generate_id+' .swiper-pagination', 1406 paginationClickable: true, 1407 onInit:function(mySwiper){ 1408 slide_top_btn(); 1409 box.find('.swiper-container')[0].swipers = function(type){ 1410 // å½åææ¾ç¦æ¢è½®æ 1411 if (autoplay=='0') {return} 1412 if (type == 'play') { 1413 mySwiper.stopAutoplay(); 1414 }else{ 1415 mySwiper.startAutoplay(); 1416 } 1417 } 1418 var top = $(document).scrollTop(); 1419 $(document).scrollTop((top+100)); 1420 $(document).scrollTop((top-100)); 1421 $(document).scrollTop(top); 1422 }, 1423 onSlideChangeStart:function(swiper){ 1424 box.find('.swiper-container .swiper-slide video').each(function(){ 1425 $(this)[0].pause(); 1426 }) 1427 },onSlideChangeEnd:function(){ 1428 slide_top_btn(); 1429 }, 1430 breakpoints: { 1431 768: { 1432 slidesPerView: mobileListCols || 2 1433 }, 1434 500: { 1435 slidesPerView: 1 1436 }, 1437 } 1438 }) 1439 function slide_top_btn(){ 1440 if(list_cols>=box.find('.list_row_li').length){return} 1441 var box_h = box.height(), 1442 txt = box.find('.con li .text'), 1443 h = 0, 1444 direction = "4"; 1445 txt.each(function(){ 1446 var that = $(this), 1447 that_h = that.outerHeight() 1448 if(that_h>h){ 1449 if(direction == "3"){ 1450 h = -that_h; 1451 }else{ 1452 h = that_h; 1453 } 1454 } 1455 }) 1456 box_h = box_h - h; 1457 box.find('.right_icon,.left_icon').css({ 1458 top: "calc(50% - "+h/2+"px)" 1459 }).show(); 1460 box.find('.swiper-pagination').show(); 1461 } 1462 } 1463 </script>
1463 1464 1465
1465<script mos-id="v620213a2c7301"> 1466 var generate_id = "v620213a2c7301", 1467 head_s = $('#'+generate_id); 1468 function head_nav_w(){ 1469 var nav = head_s.find('.nav'), 1470 sw = nav[0].scrollWidth, 1471 w = nav.width(), 1472 nav_box = head_s.find('nav'); 1473 if(sw > w){ 1474 nav_box.addClass('add'); 1475 }else{ 1476 nav_box.removeClass('add'); 1477 } 1478 head_s.find('.nav_box')[0].scrollLeft = 0; 1479 head_s.find('.btn_l').addClass('disabled'); 1480 head_s.find('.btn_r').removeClass('disabled'); 1481 1482 var sloganHeight = head_s.find('.header-slogan-box').outerHeight(); 1483 head_s[0].style.setProperty('--header-offset',-sloganHeight+'px'); 1484 } 1485 1486 function handleScroll() { 1487 var thresholds = { 1488 1: 0, 1489 nav: 40 1490 }, key = head_s.attr('switch_fixed'); 1491 if (key in thresholds) { 1492 var curThreshold = thresholds[key]; 1493 if (typeof curThreshold === "function") { 1494 curThreshold = curThreshold(); 1495 } 1496 var top = $(window).scrollTop(); 1497 if (top > curThreshold) { 1498 head_s.addClass('head_fixed'); 1499 } else { 1500 head_s.removeClass('head_fixed'); 1501 } 1502 } 1503 } 1504 1505 $(window).on('scroll', handleScroll).trigger('scroll'); 1506 1507 window.addEventListener('resize',head_nav_w); 1508 head_s.mouseenter(function(){ 1509 if (!this.head_bol) { 1510 head_nav_w(); 1511 this.head_bol = true; 1512 } 1513 }) 1514 head_s.find('#head_button').click(function(){ 1515 $("body,html").toggleClass("head_nav_active"); 1516 }) 1517 1518 head_s.find('.nav_btns').click(function(){ 1519 if ($(this).hasClass('disabled')) {return} 1520 var nav = head_s.find('.nav'), 1521 sw = nav[0].scrollWidth, 1522 w = nav.width(), 1523 sl_box = head_s.find('.nav_box'), 1524 sl = sl_box[0].scrollLeft, 1525 l = $(this).data('left'), 1526 btn_r = head_s.find('.btn_r'), 1527 btn_l = head_s.find('.btn_l'); 1528 sl += l; 1529 if ((sl+w)>sw) { 1530 btn_r.addClass('disabled'); 1531 }else{ 1532 btn_r.removeClass('disabled'); 1533 } 1534 if (0>=sl) { 1535 btn_l.addClass('disabled'); 1536 }else{ 1537 btn_l.removeClass('disabled'); 1538 } 1539 sl_box.stop().animate({ 1540 scrollLeft: sl 1541 },200) 1542 }) 1543 1544 head_s.on('click','.nav li',function(e){ 1545 e.stopPropagation(); 1546 var li = $(this), 1547 ul = li.find('>ul'), 1548 tan = e.target; 1549 if(tan.localName=="a"||$(tan).parents('a').length){ 1550 return 1551 }else{ 1552 li.toggleClass('draw_act').siblings().removeClass('draw_act').find('ul').hide(200).find('.draw_act').removeClass('draw_act'); 1553 ul.toggle(200); 1554 } 1555 return false; 1556 }) 1557 1558 head_s.on('mouseenter','.nav>li',function(){ 1559 add_nav_li22($(this)); 1560 }) 1561 function par_box_fun(par,fun){ 1562 var id = par.attr('id'), 1563 li = $('[li_id="'+id+'"]'), 1564 header_nav_li_box = li.closest('.header_nav_li_box'); 1565 fun(par,li); 1566 if (header_nav_li_box.length) { 1567 par_box_fun(header_nav_li_box,fun); 1568 } 1569 } 1570 function add_nav_li22(that,objs){ 1571 if(head_s.find('.nav').css('display')=="block"){return} 1572 var id = that.attr("li_id"), 1573 boxs = null; 1574 ul = that.find('>ul'); 1575 if (ul.length == 0) { 1576 return; 1577 } 1578 var show_fun = function(){ 1579 boxs.stop().fadeIn(200); 1580 that.addClass("font-color"); 1581 var ids_ = boxs.attr('id'); 1582 if (objs) { 1583 par_box_fun(objs.par_box,function(id_box,li){ 1584 id_box.stop().fadeIn(200); 1585 li.addClass("font-color"); 1586 }) 1587 } 1588 } 1589 var hide_fun = function(n){ 1590 boxs.stop().fadeOut(200); 1591 that.removeClass("font-color"); 1592 if (objs&&n==2) { 1593 par_box_fun(objs.par_box,function(id_box,li){ 1594 id_box.stop().fadeOut(200); 1595 li.removeClass("font-color"); 1596 }) 1597 } 1598 } 1599 if (id) { 1600 boxs = $('#'+id); 1601 }else{ 1602 id = 'li_id_'+new Date().getTime() 1603 that.attr("li_id",id); 1604 boxs = $('<div class="header_nav_li_box" id="'+id+'">'+'</div>'); 1605 var clone_ul = ul.clone(); 1606 boxs.append(clone_ul); 1607 $('body').append(boxs); 1608 that.mouseleave(function(){ 1609 hide_fun(1); 1610 }) 1611 boxs.mouseleave(function(){ 1612 hide_fun(2); 1613 }) 1614 boxs.mouseenter(function(){ 1615 show_fun(); 1616 }) 1617 clone_ul.find('li').mouseenter(function(){ 1618 add_nav_li22($(this),{ 1619 par_box: boxs 1620 }); 1621 }) 1622 } 1623 show_fun(); 1624 var top = that.offset().top + that.height(), 1625 left = that.offset().left; 1626 if (objs) { 1627 var pts = boxs.find('>.nav_ul').css('paddingTop').replace('px',''); 1628 top = top - that.height() - pts; 1629 left = left + that.width(); 1630 } 1631 if (left+boxs.width()+20>=$(window).width()) { 1632 if (objs) { 1633 left = that.offset().left - boxs.width(); 1634 }else{ 1635 left = $(window).width() - boxs.width() -10; 1636 } 1637 } 1638 var box_objs = { 1639 top: top, 1640 left: left 1641 } 1642 box_objs.minWidth = objs?0:that.outerWidth(); 1643 boxs.css(box_objs) 1644 } 1645 1646 $(head_nav_w); 1647 1648 window['teardown' + generate_id] = function () { 1649 window.removeEventListener('resize', head_nav_w); 1650 $(window).off('scroll', handleScroll); 1651 } 1652 </script>
1652 1653 1654 <!-- ç»è®¡ --> 1655 <!-- Google Analytics Begin-->
vendor: 62 bytes, lines 1655-1656
1655 1656 <script src="https://www.googletagmanager.com/gtag/js?id=
1656G-K8SEQ9HXYZ
vendor: 22 bytes, lines 1656-1657
1656" async></script> 1657
1657<script> 1658
vendor: 153 bytes, lines 1658-1661
1658window.dataLayer = window.dataLayer || []; 1659 function gtag() { dataLayer.push(arguments) } 1660 gtag('js', new Date()); 1661 gtag('config', '
1661G-K8SEQ9HXYZ
vendor: 8 bytes, lines 1661-1662
1661'); 1662
1662</script>
1662 1663<!-- Google Analytics End --> 1664<!-- Create one update function for each consent parameter -->
1665<script> 1666 function consentGrantedAdStorage() { 1667 console.log('consentGrantedAdStorage granted'); 1668 gtag('consent', 'update', { 1669 'ad_storage': 'granted', 1670 'ad_user_data': 'granted', 1671 'ad_personalization': 'granted', 1672 'analytics_storage': 'granted' 1673 }); 1674 } 1675 function refuseGrantedAdStorage() { 1676 console.log('consentGrantedAdStorage denied'); 1677 gtag('consent', 'update', { 1678 'ad_storage': 'denied', 1679 'ad_user_data': 'denied', 1680 'ad_personalization': 'denied', 1681 'analytics_storage': 'denied' 1682 }); 1683 } 1684</script>
1684 1685<!-- Invoke your consent functions when a user interacts with your banner --> 1686 <style> 1687 .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;} 1688 .head_sousuos_modal .mengban{position:absolute;left:0;top:0;width:100%;height:100%;} 1689 .head_sousuos_active .head_sousuos_modal{display:block;} 1690 .head_sousuos_modal .search_cons{padding:0 15px;position:relative;} 1691 .head_sousuos_modal .sousuos_box{max-width:100%;width:1400px;position:absolute;left:0;top:140px;right:0;margin:auto;z-index:4;} 1692 .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;} 1693 .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;} 1694 .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;} 1695 .head_sousuos_modal .sousuos_box .btn_txt{display:none;} 1696 .head_sousuos_modal .sousuos_box span{font-size:inherit;} 1697 @media (max-width:1025px){ 1698 .head_sousuos_modal{background: rgba(0,0,0,.8);} 1699 .head_sousuos_modal .sousuos_box{position:relative;transform:none;top:0;left:0;padding-top:80px;} 1700 .head_sousuos_modal .sousuos_box button{display:block;position:relative;transform:none;top:0;left:0;right:0;} 1701 .head_sousuos_modal .sousuos_box span{display:none;} 1702 .head_sousuos_modal .sousuos_box .btn_txt{display:block;font-size:16px;} 1703 .head_sousuos_modal .sousuos_box button{width:100%;margin-top:20px;} 1704 .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;} 1705 } 1706 1707 1708 1709 /* åå°å ¬å ±è¯è¨å¼¹æ¡å 容 */ 1710 .language_con{display:flex;flex-wrap:wrap;} 1711 .language_modal_a{width:16.6666%;display:flex;padding:15px 10px;color:inherit;} 1712 .language_modal_a img{width:30px;height:30px;display:block;min-width:30px;border-radius:50%;} 1713 .language_modal_a span{display:block;padding-left:6px;overflow:hidden;text-overflow:ellipsis;line-height:30px;white-space:nowrap;} 1714 .language_modal_a img[lans-src]{display:none;} 1715 .language_modal_blade .lang_head{font-size:38px!important;} 1716 @media (max-width:1025px){ 1717 .language_modal_blade .language_con{width:240px!important;float:right;color:#fff;} 1718 .language_modal_a{width:100%;} 1719 .language_modal_blade{background: rgba(0,0,0,.7)!important;} 1720 .language_modal_blade .lang_head{color:#fff;} 1721 .language_modal_blade .lang_head{font-size:30px!important;} 1722 } 1723 1724 .language_modal_blade {display: none} 1725 .language_modal_mask_body {overflow: hidden !important;width: 100%;height: 100%} 1726 body.language_modal_mask_body .language_modal_blade {display: block} 1727 .language_modal_mask {display: none} 1728 1729 @media (min-width:1025px) { 1730 .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} 1731 .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} 1732 .language_modal_blade .lang_head .head_close_box {float: right;line-height: 98px} 1733 .language_modal_blade .lang_head .head_close {width: 50px;height: 50px;display: inline-block;line-height: 50px;text-align: center;cursor: pointer} 1734 .language_modal_blade .lang_head .head_close:hover {opacity: .4} 1735 .language_modal_blade .language_con {padding: 30px;position: absolute;top: 100px;left: 0;right: 0;bottom: 0;overflow: hidden;overflow-y: auto} 1736 .language_modal_blade .lan_ul {overflow: hidden;margin-left: -10px;margin-right: -10px} 1737 .language_modal_blade .lan_ul li {float: left;width: 16.6666%;padding: 0 10px;margin-bottom: 30px;color: #444} 1738 .language_modal_blade .lan_ul li.active {color: inherit;font-weight: 700} 1739 .language_modal_blade .lan_ul li:hover a {color: #000} 1740 .language_modal_blade .lan_ul .lan_img {float: left;display: block;width: 30px;height: 30px} 1741 .language_modal_blade .lan_ul .lan_img img {display: block;width: 100%;height: 100%;border-radius: 50%} 1742 .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} 1743 .language_modal_mask {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);z-index: 999} 1744 body.language_modal_mask_body .language_modal_mask {display: block} 1745 } 1746 1747 @media (max-width:1025px) { 1748 .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} 1749 .language_modal_blade .lang_head {position: absolute;right: 0;top: 0;line-height: 50px;height: 50px;padding-right: 50px;font-size: 40px} 1750 .language_modal_blade .lang_head>span {display: none} 1751 .language_modal_blade .language_con {height: 100%;width: 100%;overflow: auto;padding-bottom: 50px} 1752 .language_modal_blade .language_con .lan_ul {float: right;padding: 0 20px} 1753 .language_modal_blade .language_con .lan_ul a {color: inherit;display: block} 1754 .language_modal_blade .language_con .lan_ul li {color: #fff;overflow: hidden;margin-bottom: 10px} 1755 .language_modal_blade .language_con .lan_ul li.active {color: inherit} 1756 .language_modal_blade .language_con .lan_img {display: block;float: left;width: 40px;height: 40px} 1757 .language_modal_blade .lan_ul .lan_img img {display: block;width: 100%;height: 100%;object-fit: contain} 1758 .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} 1759 } 1760 1761 1762 div.language_modal_blade .language_con{display:block;} 1763 div.language_modal_blade .active_locale_v{position:absolute;
1763left: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;} 1764 @media (min-width: 1025px){ 1765 div.language_modal_blade .language_con{bottom:40px;display:block;} 1766 .language_modal_a{float:left;display:block;} 1767 .language_modal_a img{margin:auto;} 1768 .language_modal_a span{padding-left:0;text-align:center;} 1769 } 1770 .language_modal_a img{width:50px;height:auto;;border-radius:0;min-width:50px;} 1771 @media (max-width: 1025px){div.language_modal_blade{padding-bottom:40px;}div.language_modal_blade .active_locale_v{color:#fff;}} 1772 1773 </style> 1774 1775<div class="language_modal_mask"></div> 1776<div class="language_modal_blade"> 1777 <div class="lang_head title"> 1778 <span>Choose a different language</span> 1779 <div class="head_close_box" onclick="$('.language_modal_mask').click();"> 1780 <span class="head_close">â³</span> 1781 </div> 1782 </div> 1783 <div class="language_con"> 1784 <a href="/contact-us" class="language_modal_a font-color" title="English" style="display: flex;flex-direction: column;align-items: center;"> 1785 1786 <div class="icon-en"></div> 1787 <span>English</span> 1788 </a> 1789 <a href="/ar/contact-us" class="language_modal_a " title="Ø§ÙØ¹Ø±Ø¨ÙØ©" style="display: flex;flex-direction: column;align-items: center;"> 1790 1791 <div class="icon-ar"></div> 1792 <span>Ø§ÙØ¹Ø±Ø¨ÙØ©</span> 1793 </a> 1794 <a href="/vi/contact-us" class="language_modal_a " title="Tiếng Viá»t" style="display: flex;flex-direction: column;align-items: center;"> 1795 1796 <div class="icon-vi"></div> 1797 <span>Tiếng Viá»t</span> 1798 </a> 1799 <a href="/tl/contact-us" class="language_modal_a " title="Pilipino" style="display: flex;flex-direction: column;align-items: center;"> 1800 1801 <div class="icon-tl"></div> 1802 <span>Pilipino</span> 1803 </a> 1804 <a href="/ro/contact-us" class="language_modal_a " title="RomânÄ" style="display: flex;flex-direction: column;align-items: center;"> 1805 1806 <div class="icon-ro"></div> 1807 <span>RomânÄ</span> 1808 </a> 1809 <a href="/pl/contact-us" class="language_modal_a " title="Polski" style="display: flex;flex-direction: column;align-items: center;"> 1810 1811 <div class="icon-pl"></div> 1812 <span>Polski</span> 1813 </a> 1814 <a href="/nl/contact-us" class="language_modal_a " title="Nederlands" style="display: flex;flex-direction: column;align-items: center;"> 1815 1816 <div class="icon-nl"></div> 1817 <span>Nederlands</span> 1818 </a> 1819 <a href="/ms
1819/contact-us" class="language_modal_a " title="Bahasa Melayu" style="display: flex;flex-direction: column;align-items: center;"> 1820 1821 <div class="icon-ms"></div> 1822 <span>Bahasa Melayu</span> 1823 </a> 1824 <a href="/iw/contact-us" class="language_modal_a " title="×¢Ö´×רִ×ת" style="display: flex;flex-direction: column;align-items: center;"> 1825 1826 <div class="icon-iw"></div> 1827 <span>×¢Ö´×רִ×ת</span> 1828 </a> 1829 <a href="/id/contact-us" class="language_modal_a " title="bahasa Indonesia" style="display: flex;flex-direction: column;align-items: center;"> 1830 1831 <div class="icon-id"></div> 1832 <span>bahasa Indonesia</span> 1833 </a> 1834 <a href="/hr/contact-us" class="language_modal_a " title="Hrvatski" style="display: flex;flex-direction: column;align-items: center;"> 1835 1836 <div class="icon-hr"></div> 1837 <span>Hrvatski</span> 1838 </a> 1839 <a href="/da/contact-us" class="language_modal_a " title="dansk" style="display: flex;flex-direction: column;align-items: center;"> 1840 1841 <div class="icon-da"></div> 1842 <span>dansk</span> 1843 </a> 1844 <a href="/cs/contact-us" class="language_modal_a " title="ÄeÅ¡tina" style="display: flex;flex-direction: column;align-items: center;"> 1845 1846 <div class="icon-cs"></div> 1847 <span>ÄeÅ¡tina</span> 1848 </a> 1849 <a href="/bg/contact-us" class="language_modal_a " title="бÑлгаÑÑки" style="display: flex;flex-direction: column;align-items: center;"> 1850 1851 <div class="icon-bg"></div> 1852 <span>бÑлгаÑÑки</span> 1853 </a> 1854 <a href="/be/contact-us" class="language_modal_a " title="ÐелаÑÑÑкаÑ" style="display: flex;flex-direction: column;align-items: center;"> 1855 1856 <div class="icon-be"></div> 1857 <span>ÐелаÑÑÑкаÑ</span> 1858 </a> 1859 <a href="/ru/contact-us" class="language_modal_a " title="ÑÑÑÑкий" style="display: flex;flex-direction: column;align-items: center;"> 1860 1861 <div class="icon-ru"></div> 1862 <span>ÑÑÑÑкий</span> 1863 </a> 1864 <a href="/pt/contact-us" class="language_modal_a " title="Português" style="display: flex;flex-direction: column;align-items: center;"> 1865 1866 <div class="icon-pt"></div> 1867 <span>Português</span> 1868 </a> 1869 <a href="/ko/contact-us" class="language_modal_a " title="íêµì´" style="display: flex;flex-direction: column;align-items: center;"> 1870 1871 <div class="icon-ko"></div> 1872 <span>íêµì´</span> 1873 </a> 1874 <a href="/it/contact-us" class="language_modal_a " title="italiano" style="display: flex;flex-direction: column;align-items: center;"> 1875 1876 <div class="icon-it"></div> 1877 <span>italiano</span> 1878 </a> 1879 <a href="/fr/contact-us" class="language_modal_a " title="français" style="display: flex;flex-direction: column;align-items: center;"> 1880 1881 <div class="icon-fr"></div> 1882 <span>français</span> 1883 </a> 1884 <a href="/es/contact-us" class="language_modal_a " title="Español" style="display: flex;flex-direction: column;align-items: center;"> 1885 1886 <div class="icon-es"></div>
1887 <span>Español</span> 1888 </a> 1889 </div> 1890 <div class="active_locale_v">Current languageï¼English</div> 1891</div> 1892<div class="head_sousuos_modal"> 1893 <div class="mengban head_sousuos_close"></div> 1894 <div class="close_btn head_sousuos_close iconfont iconguanbi4"></div> 1895 <form action="/search" class="sousuos_box" onsubmit="return head_form_fun(this);"> 1896 <div class="search_cons"> 1897 <input type="text" name="search" placeholder="SEARCH" required autocomplete="off" autocorrect="off"> 1898 <button class="bg-color"> 1899 <span class="iconfont iconsousuo"></span> 1900 <span class="btn_txt">SEARCH</span> 1901 </button> 1902 <i class="iconfont iconsousuo"></i> 1903 </div> 1904 </form> 1905</div> 1906
1907<script> 1908function head_form_fun(that) { 1909 var form = $(that), 1910 url = form.attr("action"), 1911 search = form.find('[name="search"]').val(); 1912 search = encodeURIComponent(search) 1913 if (0){ 1914 window.location.href = search + '_c0_ss' 1915 } else { 1916 window.location.href = getUrl_fun(url, "search", search); 1917 } 1918 return false; 1919} 1920 1921function getUrl_fun(url, field, value) { 1922 if (url.indexOf("?") != -1) { 1923 if (url.indexOf(field) != -1) { 1924 return changeURLArg_fun(url, field, value); 1925 } else { 1926 return url + '&' + field + '=' + value; 1927 } 1928 } else { 1929 return url + '?' + field + '=' + value; 1930 } 1931} 1932 1933function changeURLArg_fun(url, arg, arg_val) { 1934 var pattern = arg + '=([^&]*)'; 1935 var replaceText = arg + '=' + arg_val; 1936 if (url.match(pattern)) { 1937 var tmp = '/(' + arg + '=)([^&]*)/gi'; 1938 tmp = url.replace(eval(tmp), replaceText); 1939 return tmp; 1940 } else { 1941 if (url.match('[\?]')) { 1942 return url + '&' + replaceText; 1943 } else { 1944 return url + '?' + replaceText; 1945 } 1946 } 1947} 1948 1949 1950$('.head_shousuos').click(function(){ 1951 $('body').addClass('head_sousuos_active'); 1952 $('.head_sousuos_modal .sousuos_box input').focus(); 1953}) 1954$('.head_sousuos_close').click(function(){ 1955 $('body').removeClass('head_sousuos_active'); 1956}) 1957 1958</script>
1958 1959
1960<script data-static="false"> 1961(function () { 1962$.ajaxSetup({cache: true}) 1963var head_logo_src = $('[head_logo_src]'); 1964$('.fun_scr_hide').removeClass('fun_scr_hide'); 1965 1966head_logo_src.each(function(){ 1967 var img = $(this), 1968 src = img.attr('head_logo_src'); 1969 if (src.indexOf('http') !== -1 && src.indexOf('?') == -1) { 1970 if (src.includes('/tos/')) { 1971 src += '?x-tos-process=image/resize,m_lfit,w_768' 1972 if (imgLazyLoad_bol) { 1973 src = src+'/format,webp'; 1974 } 1975 } else { 1976 src = src+'?x-oss-process=image/resize,m_lfit,w_768'; 1977 if (imgLazyLoad_bol) { 1978 src = src+'/format,webp'; 1979 } 1980 } 1981 } 1982 img.attr('src',src).removeAttr('head_logo_src'); 1983}) 1984var 1985 public_js_src = "/scripts/public_js.js?v=1740647842", 1986 public_js = $( 1987 '<link rel="stylesheet" href="/libs/swiper/swiper.min.css">'+ 1988 '
1988<script src="'+public_js_src+'" async><\/script>' 1989 ); 1990$("body").append(public_js); 1991var arr = ['click','mouseover','mouseout','mousedown','touchstart','DOMMouseScroll','mousemove','resize','keydown','keyup','orientationchange','scroll']; 1992for (var i = 0; i < arr.length; i++) { 1993 document.addEventListener(arr[i],fn,false); 1994} 1995 1996var fn_bol = false; 1997function fn(e) { 1998 if(fn_bol){return} 1999 fn_bol = true; 2000 var d_arr = fun_scr_arr, 2001 f_arr = []; 2002 for (var i = 0; i < d_arr.length; i++) { 2003 var val = d_arr[i],dom = (val.name!=5)&&document.createElement(val.name); 2004 if (val.name == 5||val.delay) { 2005 f_arr.push(val) 2006 }else if (val.name == 'link') { 2007 dom.href = val.url; dom.rel = val.rel; 2008 val.id ? dom.id = val.id : ''; 2009 document.querySelector('body').appendChild(dom); 2010 }else{ 2011 if(!document.querySelector('#'+val.id)){ 2012 $('body').append('
2012<script '+(val.id?'id="'+val.id+'"':'')+' type="'+val.type+'" src="'+val.url+'"><\/script>'); 2013 } 2014 } 2015 } 2016 for (var f = 0; f < f_arr.length; f++) { 2017 outs(f_arr[f]) 2018 } 2019 function outs(val){ 2020 var n = val.delay||300; 2021 setTimeout(function () { 2022 if (val.name==5) { 2023 val.fun&&val.fun(); 2024 }else{ 2025 var dom = document.createElement(val.name); 2026 if (val.name == 'link') { 2027 dom.href = val.url; dom.rel = val.rel; 2028 }else{ 2029 dom.src = val.url;dom.type = val.type; 2030 } 2031 document.querySelector('body').appendChild(dom); 2032 } 2033 },n); 2034 } 2035 document.querySelector('.share_fun_box2').style.display = 'block'; 2036 var swiper_src = document.querySelectorAll('[swiper_src]'); 2037 for (var im = 0; im < swiper_src.length; im++) { 2038 swiper_src[im].src = swiper_src[im].getAttribute('swiper_src'); 2039 } 2040 for (var j = arr.length - 1; j >= 0; j--) {document.removeEventListener(arr[j],fn,false);} 2041} 2042$(function(){ 2043 function handleScroll() { 2044 var btn = $('[data-product-inquiry]').filter(':visible').first(); 2045 if(btn.length) { 2046 var off = btn.offset().top; 2047 var top = $(window).scrollTop() + 60; 2048 $('#bottomShareBox').toggleClass('share_fun_box2--hidden', off > top); 2049 } 2050 } 2051 function handleResize() { 2052 $('.list_link_artboard').each(function() { 2053 var highlight = $(this).find('.border-color'); 2054 var outerOffset = $(this).offset().left; 2055 if (highlight.length && highlight.is(':visible')) { 2056 $(this).find('.hidden_box').stop().animate({ 2057 scrollLeft: highlight.offset().left - outerOffset - 10 2058 }); 2059 } 2060 }); 2061 } 2062 2063 var bottomInquiry = $('#bottomInquiry'); 2064 2065 $('#showInquiry').on('click', function() { 2066 bottomInquiry.removeClass('bottom-inquiry-box--hidden'); 2067 }); 2068 2069 bottomInquiry 2070 .on('click', '[data-inquiry-close]', function() { 2071 $('#bottomInquiry').addClass('bottom-inquiry-box--hidden'); 2072 }) 2073 .find('.bottom-inquiry-box__input').on('input', function() { 2074 $(this).toggleClass('bottom-inquiry-box__input--active', !!this.value); 2075 }) 2076 .end().find('input[type="file"]').on('change', function() { 2077 inquiry_attachment_change_fun($(this)); 2078 }) 2079 .end().find('input[name="email"]').on('change', function() { 2080 $(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)); 2081 }) 2082 .end().find('form').on('submit', function() { 2083 return form_submit(this); 2084 }); 2085 2086 bottomInquiry.find('[data-input-select]').inputSelectable(); 2087 2088 if($('[data-product-inquiry]').length) { 2089 $(window).scroll(handleScroll); 2090 handleScroll(); 2091 } 2092 if($('.list_link_artboard').length) { 2093 $(window).resize(handleResize); 2094 handleResize(); 2095 } 2096 // è¿éå è½½ç¹å®æ»å¨å è½½ 2097 2098}); 2099})() 2100</script>
2100 2101 2102<style> 2103 .external-chat-box { 2104 padding: 0; 2105 } 2106 2107 .external-chat-box-right { 2108 position: fixed; 2109 top: 50%; 2110 right: 0; 2111 transform: translateY(-50%); 2112 width: 48px; 2113 padding: 4px 0; 2114 background: rgba(0, 0, 0, .35); 2115 border-radius: 4px 0 0 4px; 2116 transition: .2s; 2117 z-index: 9999; 2118 } 2119 2120 .external-chat-box-right__toggle { 2121 position: absolute; 2122 top: 50%; 2123 right: 100%; 2124 border-radius: 0 4px 4px 0; 2125 color: #fff; 2126 transform: translateY(-50%); 2127 background: inherit; 2128 padding: 0 4px; 2129 line-height: 40px; 2130 font-size: 14px; 2131 cursor: pointer; 2132 /*transition: .3s;*/ 2133 border: 0; 2134 outline: 0; 2135 } 2136 2137 .external-chat-box-right--collapse { 2138 transform: translateY(-50%) translateX(100%); 2139 } 2140 2141 .external-chat-box__item1 { 2142 padding: 8px 0; 2143 text-align: center; 2144 display: block; 2145 position: relative; 2146 } 2147 2148 .chatIconPanel1 { 2149 border-radius: 0 4px 4px 0; 2150 } 2151 2152 .chatIconPanel1-right { 2153 border-radius: 4px 0 0 4px; 2154 } 2155 2156 .chatIconPanel2 { 2157 border-radius: 24px; 2158 } 2159 2160 .chatIconPanel3 { 2161 border-radius: 4px; 2162 margin: 0; 2163 } 2164 2165 .chatIconPanel4 { 2166 border-radius: 0 0 24px 24px; 2167 } 2168 2169 .chatIconPanel5 { 2170 border-radius: 0 14px 0 14px; 2171 } 2172 2173 .chatIconPanel6 { 2174 border-radius: 4px; 2175 width: 60px !important; 2176 } 2177 2178 .share-icon { 2179 position: absolute; 2180 width: 100%; 2181 bottom: -55px; 2182 padding: 8px; 2183 border-radius: 4px; 2184 left: 0; 2185 text-align: center; 2186 } 2187 2188 .external-chat-box--label { 2189 font-size: 12px; 2190 white-space: nowrap; 2191 transform: scale(0.83333); 2192 position: absolute; 2193 bottom: 2px; 2194 width: 100%; 2195 } 2196</style>
2197<script> 2198 const PositionLeft = 1 2199 const PositionRight = 2 2200 // é¢è² 16è¿å¶è½¬rgb 2201 const hex2rgb = (hexColor) => { 2202 hexColor = hexColor 2203 .substring(1) 2204 .toLowerCase() 2205 let b = new Array() 2206 for (let x = 0; x < 3; x++) { 2207 b[0] = hexColor.substr(x * 2, 2) 2208 b[3] = '0123456789abcdef' 2209 b[1] = b[0].substr(0, 1) 2210 b[2] = b[0].substr(1, 1) 2211 b[20 + x] = b[3].indexOf(b[1]) * 16 + b[3].indexOf(b[2]) 2212 } 2213 return b[20] + ',' + b[21] + ',' + b[22] 2214 } 2215 // åå§å 2216 const initContactPanel = async () => { 2217 const data = await getContactData() 2218 if (!data) return 2219 const {config, list} = data 2220 const {color, is_expand, location, style, opacity} = config 2221 const displayList = formatData(list, style) 2222 const DOMs = getDOMs(displayList, style) 2223 const shareBoxDiv = $('.share_fun_box') 2224 const hasShareBox = shareBoxDiv.is(':visible') 2225 const isYueRong = false; 2226 // åäº«å¤æ 2227 if (location == PositionRight && hasShareBox && !isYueRong) { 2228 showShareIcon(shareBoxDiv, color, opacity, DOMs) 2229 } 2230 const dom = $('<div />') 2231 .attr({id: 'contactPanel'}) 2232 .css({background: `rgba(${hex2rgb(color)},${opacity / 100}`}) 2233 .addClass(getPositionClassName(location, style, is_expand)) 2234 .append(DOMs) 2235 .appendTo('body') 2236 // å±å¼æ¶èµ·å¤æ 2237 if (is_expand == 1) 2238 getCollapseDiv(location).appendTo(dom) 2239 // å®å¶å¤ç 2240 customized(location, hasShareBox, isYueRong) 2241 } 2242 // é¤äºåå享å²çª 2243 const showShareIcon = (shareBoxDiv, color, opacity, DOMs) => { 2244 shareBoxDiv.hide() 2245 const shareIcon = $('<div />') 2246 .addClass('share-icon') 2247 .css({background: `rgba(${hex2rgb(color)},${opacity / 100}`}) 2248 .on('click', () => window.customFunc.modal_show()) 2249 .append($('<img />') 2250 .attr({src: '/images/chatIcon/share.png', width: '32px'})) 2251 DOMs.push(shareIcon) 2252 } 2253 // å®å¶å¤ç 2254 const customized = (location, hasShareBox, isYueRong) => { 2255 if (location == PositionRight && hasShareBox && isYueRong) { 2256 $('.share_fun_box').css('top', '32%') 2257 $('.external-chat-box-right').css('top', '65%') 2258 } 2259 } 2260 // æ¶èµ·å¤ç 2261 const getCollapseDiv = (location) => { 2262 const div = $('<div />').addClass('iconfont iconleft') 2263 const contactPanelDiv = $('#contactPanel') 2264 if (location == PositionLeft) { 2265 div 2266 .addClass('external-chat-box__toggle') 2267 .on('click', function () { 2268 if (contactPanelDiv.hasClass('external-chat-box--collapse')) { 2269 contactPanelDiv.removeClass('external-chat-box--collapse') 2270 $(this) 2271 .css({transform: 'rotate(180deg)', borderRadius: '4px 0 0 4px'}) 2272 } else { 2273 contactPanelDiv.addClass('external-chat-box--collapse') 2274 $(this).css({transform: '', borderRadius: '0 4px 4px 0'}) 2275 } 2276 }) 2277 } else { 2278 div 2279 .addClass('external-chat-box-right__toggle') 2280 .css({transform: 'rotate(180deg) translateY(50%)'}) 2281 .on('click', function () { 2282 if (contactPanelDiv.hasClass('external-chat-box-right--collapse')) { 2283 contactPanelDiv.removeClass('external-chat-box-right--collapse') 2284 $(this).css({transform: '', borderRadius: '4px 0 0 4px'}) 2285 } else { 2286 contactPanelDiv.addClass('external-chat-box-right--collapse') 2287 $(this).css({ 2288 transform: 'rotate(180deg) translateY(50%)', 2289 borderRadius: '0 4px 4px 0' 2290 }) 2291 } 2292 }) 2293 } 2294 return div 2295 } 2296 // æ°æ®æ ¼å¼åå 2297 const formatData = (list, style) => { 2298 return list.map(i => { 2299 let attrs 2300 try {attrs = getAttrs(i, style)} 2301 catch(err) { 2302 attrs = {} 2303 } 2304 return { 2305 ...i, 2306 attrs 2307 } 2308 }) 2309 } 2310 // 屿§æ¼æ¥ 2311 const getAttrs = (item, style) => { 2312 let attrs 2313 switch (item?.name) { 2314 case 'QQ': 2315 attrs = { 2316 target: '_blank', 2317 href: 'http://wpa.qq.com/msgrd?v=3&site=qq&menu=yes&uin=' + item.value, 2318 className: 'external-chat-box__item--qq', 2319 src: `/images/chatIcon/QQ${style}.png` 2320 } 2321 break; 2322 case 'WeChat': 2323 attrs = { 2324 target: '_self', 2325 href: '#', 2326 className: 'external-chat-box__item--wechat', 2327 src: `/images/chatIcon/WeChat${style}.png` 2328 } 2329 break; 2330 case 'WhatsApp': 2331 attrs = { 2332 target: '_blank',
2333 href: 'https://api.whatsapp.com/send?phone=' + encodeURIComponent(item.value), 2334 className: 'external-chat-box__item--whatsapp', 2335 src: `/images/chatIcon/WhatsApp${style}.png` 2336 } 2337 break; 2338 default: 2339 attrs = null 2340 } 2341 return attrs 2342 } 2343 // çæDOM 2344 const getDOMs = (list, style) => { 2345 let DOMs = [] 2346 list.forEach((i, index) => { 2347 if (i.attrs) 2348 DOMs.push(createItem(i, style, index == list.length - 1)) 2349 }) 2350 return DOMs 2351 } 2352 // å建对åºçAæ ç¾ 2353 const createItem = (item, style, isLast) => { 2354 const {href, target, src} = item.attrs 2355 let ALabel = $(`<a/>`) 2356 .attr({href, target, title: item.user_name}) 2357 .addClass('external-chat-box__item1') 2358 .on('click', () => { 2359 if (item.name == 'WeChat') 2360 showWeChatDialog(item.value) 2361 }) 2362 if (style == 4 && !isLast) { 2363 ALabel.css({borderBottom: '1px solid #fff'}) 2364 } 2365 if (style == 6 && !isLast) { 2366 ALabel.css({borderBottom: '1px solid #979797', padding: '10px 0'}) 2367 } 2368 let img = $('<img/>').attr({src,width:'32px'}) 2369 ALabel.append(img) 2370 if (style == 6) { 2371 let div = $('<div />') 2372 .addClass('external-chat-box--label') 2373 .text(item.name) 2374 ALabel.append(div) 2375 } 2376 return ALabel 2377 } 2378 // å¾®ä¿¡ç¹æ®å¤ç 2379 const showWeChatDialog = (text) => { 2380 let input = $('<input>') 2381 .css({ 2382 position: 'absolute', 2383 left: -99, 2384 top: -99, 2385 width: 20, 2386 height: 20 2387 }) 2388 .attr('readonly', 'readonly') 2389 .val(text).appendTo('body'); 2390 let popup = $('<div>') 2391 .addClass('external-chat-popup external-chat-popup--hidden') 2392 .appendTo('body'); 2393 $('<div>') 2394 .addClass('external-chat-popup__bg') 2395 .on('click', () => { 2396 popup.addClass('external-chat-popup--hidden'); 2397 }).appendTo(popup); 2398 $('<div>').addClass('external-chat-popup__dialog') 2399 .append( 2400 $('<p>').addClass('external-chat-popup__text').text('WeChat ID: ' + text), 2401 $('<button>') 2402 .attr({ 2403 type: 'button', 2404 'btn-types': 'deep' 2405 }) 2406 .addClass('btn') 2407 .text('Copy') 2408 .on('click', function () { 2409 input[0].select(); 2410 document.execCommand('copy'); 2411 popup.addClass('external-chat-popup--hidden'); 2412 prompt_box_fun({ 2413 type: 'success', 2414 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.' 2415 }); 2416 location.href = 'weixin://'; 2417 }) 2418 ).appendTo(popup); 2419 popup.removeClass('external-chat-popup--hidden'); 2420 } 2421 // è·åæ°æ® 2422 const getContactData = async () => { 2423 const res = await $.get('/contact/get-config') 2424 if (res.status != 200) return false 2425 const {config, list} = res.data 2426 const hasContactInfo = config && config.on == 1 && list.length 2427 if (hasContactInfo) return res.data 2428 return false 2429 } 2430 // æ¼æ¥ç±»å 2431 const getPositionClassName = (position, style, is_expand) => { 2432 let className = `chatIconPanel${style}` 2433 if (position == PositionRight && style == 1) { 2434 className += '-right' 2435 } 2436 className += position == PositionLeft ? ' external-chat-box' : ' external-chat-box-right' 2437 if (is_expand == 1) { 2438 className += position == PositionLeft ? ' external-chat-box--collapse' : ' external-chat-box-right--collapse' 2439 } 2440 return className 2441 }
2442 initContactPanel() 2443</script>
2443 2444 2445<div class="import_template_box"> 2446
2446<script type="text/javascript" defer> 2447 var onloadCallback = function () { 2448 grecaptcha.render('google_dialog', { 2449 'sitekey': '6LeRzl0hAAAAANDTBWTCnzV0cPhM2kR9KMactfK0', 2450 callback: gooble_callback 2451 }); 2452 }; 2453</script>
2453 2454<div class="google_dialog_box" id='google_dialog_box'> 2455 <div class="google_dialog_box__dialog"> 2456 <div id="google_dialog"></div> 2457 </div> 2458</div> 2459<style> 2460 .google_dialog_box { 2461 visibility: hidden; 2462 } 2463 2464 .google_dialog_box__dialog { 2465 position: fixed; 2466 top: 0; 2467 left: 0; 2468 width: 100vw; 2469 height: 100vh; 2470 display: flex; 2471 justify-content: center; 2472 align-items: center; 2473 z-index: 99999 2474 } 2475</style></div> 2476<style> 2477 .el-dialog__footer { 2478 padding: 10px 20px 20px; 2479 text-align: right; 2480 box-sizing: border-box; 2481 } 2482 #inquiry-dialog { 2483 position: fixed; 2484 top:0; 2485 left: 0; 2486 right: 0; 2487 bottom: 0; 2488 width: 100vw; 2489 height: 100vh; 2490 z-index: 1000; 2491 /* opacity: .5; */ 2492 background: rgba(0,0,0,.5); 2493 } 2494 .inquiry-dialog{ 2495 position: relative; 2496 margin: 0 auto 50px; 2497 margin-top: 15vh; 2498 width: 400px; 2499 background: #fff; 2500 2501 } 2502 .inquiry-dialog .form-group { 2503 margin-bottom: 10px; 2504 } 2505 .inquiry-dialog .red { 2506 font-style: normal; 2507 color: red; 2508 } 2509 .inquiry-dialog .form-group label { 2510 padding: 0; 2511 line-height: 28px; 2512 display: block; 2513 font-size: 14px; 2514 color: #606266; 2515 } 2516 .inquiry-dialog .form-control{ 2517 display: block; 2518 width: 100%; 2519 height: 34px; 2520 padding: 6px 12px; 2521 font-size: 14px; 2522 line-height: 1.42857143; 2523 color: #555; 2524 background-color: #fff; 2525 background-image: none; 2526 border-radius: 4px; 2527 box-shadow: inset 0 1px 1px rgba(0,0,0,.07); 2528 transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; 2529 margin-bottom: 0; 2530 border: 1px solid #e7eef5; 2531 outline: 0; 2532 } 2533 .inquiry-dialog .form-control:hover, .form-control:focus{ 2534 border-color: #007eff; 2535 } 2536 #inquiry-dialog .dialog-footer { 2537 /* padding: 10px 0 20px; */ 2538 /* background: #666; 2539 color: #fff; 2540 text-align:center; 2541 height: 40px; 2542 line-height: 40px; 2543 border-radius: 10px; */ 2544 } 2545 #inquiry-dialog .el-form-item { 2546 margin-bottom: 10px; 2547 } 2548 #inquiry-dialog .el-form-item__label{ 2549 padding: 0; 2550 line-height: 28px; 2551 } 2552 #inquiry-dialog .dialog-foot-btn { 2553 width: 100%; 2554 border-radius: 10px; 2555 font-weight: 500; 2556 padding: 0 20px; 2557 font-size: 14px; 2558 height: 40px; 2559 line-height: 40px; 2560 cursor: pointer; 2561 text-align: center; 2562 border: 1px; 2563 } 2564 .inquiry-dialog { 2565 border-radius: 16px!important; 2566 } 2567 .inquiry-dialog .el-dialog__body { 2568 padding: 0; 2569 } 2570 .inquiry-dialog .body { 2571 padding: 0; 2572 } 2573 .inquiry-dialog .el-dialog__header { 2574 font-size: 20px; 2575 border-radius: 16px 16px 0 0; 2576 } 2577 .inquiry-dialog .header { 2578 font-size: 20px; 2579 border-radius: 16px 16px 0 0; 2580 padding: 20px 20px 10px; 2581 2582 /* color: #fff; 2583 background: #007eff; */ 2584 } 2585 .inquiry-dialog .header_btn{ 2586 position: absolute; 2587 top: 20px; 2588 right: 20px; 2589 padding: 0; 2590 background: 0 0; 2591 border: none; 2592 outline: 0; 2593 cursor: pointer; 2594 line-height: 1; 2595 } 2596 .inquiry-dialog .el-dialog__close { 2597 font-size: 20px; 2598 } 2599 .inquiry-dialog--1 .el-dialog__header { 2600 color: #fff; 2601 background: #007eff; 2602 } 2603 .inquiry-dialog--1 .header { 2604 color: #fff; 2605 background: #007eff; 2606 } 2607 .inquiry-dialog--1 .el-dialog__close { 2608 color:#fff; 2609 } 2610 .inquiry-dialog--1 .el-dialog__close:hover { 2611 color:#fff; 2612 } 2613 .inquiry-dialog--1 .body 2614 { 2615 padding: 20px 20px 0; 2616 } 2617 .inquiry-dialog--1 .tips { 2618 word-break: break-word; 2619 padding: 14px 20px; 2620 margin: -20px -20px 20px; 2621 /* box-shadow: 0 2px 8px rgb(0 0 0 / 13%); */ 2622 } 2623 .inquiry-dialog--1 .inquiry_from { 2624 /* padding:0 20px; */ 2625 } 2626 .inquiry-dialog--1 .dialog-foot-btn{ 2627 color: #fff!important; 2628 background: #007eff!important; 2629 border-color: #007eff; 2630 } 2631 .inquiry-dialog--1 .dialog-foot-btn.is-disabled{ 2632 color: #fff!important; 2633 background: #007eff!important; 2634 border-color: #007eff!important; 2635 } 2636 2637 .inquiry-dialog .el-input__inner:focus { 2638 border-color: #007eff; 2639 } 2640 .inquiry-dialog .el-input__inner:hover { 2641 border-color: #007eff; 2642 } 2643 .inquiry-dialog .el-textarea__inner:focus { 2644 border-color: #007eff; 2645 } 2646 .inquiry-dialog .el-textarea__inner:hover { 2647 border-color: #007eff; 2648 } 2649 .el-textarea 2650 2651 .inquiry-dialog--2 .tips { 2652 padding: 10px 0px; 2653 word-break: break-word; 2654 /* border-top: 1px solid #e0e0e0; */ 2655 margin:0 20px; 2656 } 2657 .inquiry-dialog--2 .inquiry_from { 2658 padding:0 20px; 2659 background: #f6f6f7; 2660 padding-bottom: 5px; 2661 } 2662 .inquiry-dialog--2 .el-dialog__footer { 2663 background: #f6f6f7; 2664 border-radius: 0 0 16px 16px; 2665 } 2666 .inquiry-dialog--2 .dialog-foot-btn{ 2667 color: #fff!important; 2668 background: #007eff!important; 2669 border-color: #007eff; 2670 } 2671 .inquiry-dialog--2 .dialog-foot-btn.is-disabled{ 2672 color: #fff!important; 2673 background: #007eff!important; 2674 border-color: #007eff!important; 2675 } 2676 2677 .inquiry-dialog--3 { 2678 background: #02b57d; 2679 color: #Fff; 2680 } 2681 .inquiry-dialog--3 .el-dialog__close { 2682 color:#fff; 2683 } 2684 .inquiry-dialog--3 .el-dialog__close:hover { 2685 color:#fff; 2686 } 2687 .inquiry-dialog--3 .tips { 2688 padding: 10px 0px; 2689 word-break: break-word; 2690 /* border-top: 1px solid #fff; */ 2691 margin:0 20px; 2692 color: #fff; 2693 } 2694 .inquiry-dialog--3 .inquiry_from { 2695 margin: 0 20px; 2696 padding: 20px 20px; 2697 background: #fff; 2698 border-radius: 16px; 2699 } 2700 .inquiry-dialog--3 .body { 2701 padding-bottom: 10px; 2702 } 2703 .inquiry-dialog--3 .dialog-foot-btn{ 2704 color: #fff!important; 2705 background: #333; 2706 border-color: #333; 2707 text-align: left; 2708 position: relative; 2709 } 2710 .inquiry-dialog--3 .dialog-foot-btn.is-disabled{ 2711 color: #fff!important; 2712 background: #333!important; 2713 border-color: #333!important; 2714 text-align: left; 2715 position: relative; 2716 } 2717 .inquiry-dialog--3 .dialog-foot-btn:before{ 2718 content: '\2192'; 2719 position: absolute; 2720 right: 12px; 2721 /* top: 50%; 2722 margin-top: -.75em; */ 2723 } 2724 2725 2726 .inquiry-dialog--4 { 2727 background: #02b57d; 2728 color: #Fff; 2729 } 2730 .inquiry-dialog--4 .el-dialog__close { 2731 color:#fff; 2732 } 2733 .inquiry-dialog--4 .el-dialog__close:hover { 2734 color:#fff; 2735 } 2736 .inquiry-dialog--4 .tips { 2737 padding: 0 0 10px 0px; 2738 word-break: break-word; 2739 margin:0 20px; 2740 color: #fff; 2741 } 2742 .inquiry-dialog--4 .inquiry_from { 2743 margin: 0 20px; 2744 padding: 20px 20px; 2745 background: #fff; 2746 border-radius: 16px; 2747 } 2748 .inquiry-dialog--4 .el-input__inner{ 2749 border: 0; 2750 border-radius: 0; 2751 border-bottom: 1px solid #DCDFE6; 2752 } 2753 .inquiry-dialog--4 .form-control{ 2754 border: 0; 2755 border-radius: 0; 2756 border-bottom: 1px solid #DCDFE6; 2757 box-shadow: unset; 2758 } 2759 .inquiry-dialog--4 .body { 2760 padding-bottom: 10px; 2761 } 2762 .inquiry-dialog--4 .dialog-foot-btn{ 2763 color: #fff!important; 2764 background: #333; 2765 border-color: #333; 2766 } 2767 .inquiry-dialog--4 .dialog-foot-btn.is-disabled{ 2768 color: #fff!important; 2769 background: #333!important; 2770 border-color: #333!important; 2771 } 2772 2773 2774 2775 .inquiry-dialog--5 { 2776 background: ##ffe201; 2777 color: #333; 2778 } 2779 .inquiry-dialog--5 .el-dialog__close { 2780 color: #333; 2781 } 2782 .inquiry-dialog--5 .el-dialog__close:hover { 2783 color:#333; 2784 } 2785 .inquiry-dialog--5 .tips { 2786 padding: 0 0 10px 0px; 2787 word-break: break-word; 2788 margin:0 20px; 2789 color: #666; 2790 } 2791 .inquiry-dialog--5 .el-form-item { 2792 background: #fff; 2793 margin-left: 20px; 2794 margin-right: 20px; 2795 padding: 12px 16px; 2796 border-radius: 16px; 2797 } 2798 .inquiry-dialog--5 .form-group { 2799 background: #fff; 2800 margin-left: 20px; 2801 margin-right: 20px; 2802 padding: 12px 16px; 2803 border-radius: 16px; 2804 } 2805 .inquiry-dialog--5 .el-input__inner{ 2806 border: 0; 2807 padding: 0; 2808 } 2809 .inquiry-dialog--5 .form-control{ 2810 border: 0; 2811 padding: 0; 2812 box-shadow: unset; 2813 } 2814 .inquiry-dialog--5 .body { 2815 padding-bottom: 10px; 2816 } 2817 .inquiry-dialog--5 .dialog-foot-btn{ 2818 color: #fff!important; 2819 background: #333; 2820 border-color: #333; 2821 text-align: left; 2822 position: relative; 2823 } 2824 .inquiry-dialog--5 .dialog-foot-btn.is-disabled{ 2825 color: #fff!important; 2826 background: #333!important; 2827 border-color: #333!important; 2828 text-align: left; 2829 position: relative; 2830 } 2831 .inquiry-dialog--5 .dialog-foot-btn:before{ 2832 content: '\2192'; 2833 position: absolute; 2834 right: 12px; 2835 /* top: 50%; 2836 margin-top: -.75em; */ 2837 } 2838 2839 .inquiry-dialog--6 .el-dialog__header { 2840 background: #007eff; 2841 color: #fff; 2842 } 2843 .inquiry-dialog--6 .header { 2844 background: #007eff; 2845 color: #fff; 2846 } 2847 .inquiry-dialog--6 .el-dialog__close { 2848 color:#fff; 2849 } 2850 .inquiry-dialog--6 .el-dialog__close:hover { 2851 color:#fff; 2852 } 2853 .inquiry-dialog--6 .tips { 2854 word-break: break-word; 2855 padding: 14px 20px; 2856 background: #f5f5f5; 2857 } 2858 .inquiry-dialog--6 .inquiry_from { 2859 padding:10px 20px; 2860 } 2861 .inquiry-dialog--6 .el-dialog__footer{ 2862 padding:0; 2863 } 2864 .inquiry-dialog--6 .dialog-foot-btn{ 2865 border-radius: 0 0 16px 16px!important; 2866 height: 48px; 2867 color: #fff!important; 2868 background: #007eff!important; 2869 border-color: #007eff; 2870 } 2871 .inquiry-dialog--6 .dialog-foot-btn.is-disabled { 2872 border-radius: 0 0 16px 16px!important; 2873 height: 48px; 2874 color: #fff!important; 2875 background: #007eff!important; 2876 border-color: #007eff!important; 2877 } 2878 2879 .inquiry-dialog--0 .el-dialog__header { 2880 background: #007eff!important; 2881 color:#fff; 2882 } 2883 .inquiry-dialog--0 .header { 2884 background: #007eff!important; 2885 color:#fff; 2886 } 2887 2888 .inquiry-dialog--0 .el-dialog__close { 2889 color:#fff; 2890 } 2891 .inquiry-dialog--0 .el-dialog__close:hover { 2892 color:#fff; 2893 } 2894 .inquiry-dialog--0 .tips { 2895 background: #007eff!important; 2896 height: 40px; 2897 position: relative; 2898 } 2899 .inquiry-dialog--0 .tips:after { 2900 content: ""; 2901 position: absolute; 2902 bottom: -1px; 2903 left: 0; 2904 width: 100%; 2905 height: 20px; 2906 clip-path: url(#chatOnlineFormPath); 2907 background-color: #fff; 2908 } 2909 .inquiry-dialog--0 .inquiry_from { 2910 padding:0 20px; 2911 padding-bottom: 5px; 2912 } 2913 .inquiry-dialog--0 .dialog-foot-btn{ 2914 height: 48px; 2915 color: #fff!important; 2916 background: #007eff!important; 2917 border-color: #007eff; 2918 } 2919 2920</style> 2921<svg style="position:absolute;bottom:100%;right:100%" width="1" height="1"> 2922 <clipPath id="chatOnlineFormPath" clipPathUnits="objectBoundingBox"> 2923 <path d="M0 .4L0 1L1 1L1 .7C.5 -.6 .5 1.7 0 .4z"/> 2924 </clipPath> 2925</svg> 2926<div id="inquiry-dialog" style="display: none;"> 2927 <div class="inquiry-dialog inquiry-dialog--1"> 2928 <div class="header"> 2929 <div class="header-title">Send Your Inquiry</div> 2930 <div class="header_btn" onclick="onClose()"> 2931 <i class="iframe_conceal iconfont iconguanbi4"></i> 2932 </div> 2933 </div> 2934 <form class="" onsubmit="return inquiryDialogFromSubmit(this)"> 2935 <div class="body"> 2936 <div class="inquiry_from"> 2937 <div class="form-group"> 2938 <label ><i class="red">*</i>Name</label> 2939 <input 2940 type="text" 2941 class="form-control" 2942 required name="name"
2943 oninput="setCustomValidity('')" 2944 oninvalid="this.setCustomValidity('Please fill in this field')"/> 2945 </div> 2946 <div class="form-group"> 2947 <label > 2948 <i class="red">*</i> Phone 2949 </label> 2950 <input 2951 required 2952 type="text" 2953 class="form-control" 2954 oninput="setCustomValidity('')" 2955 name="phone" 2956 oninvalid="this.setCustomValidity('Please fill in this field')"> 2957 </div> 2958 <div class="form-group"> 2959 <label ><i class="red">*</i>E-mail</label> 2960 <input 2961 type="text" 2962 class="form-control" 2963 required 2964 oninput="setCustomValidity('')" 2965 onchange="checkemail(this)" 2966 name="email" 2967 oninvalid="checkemail(this,true)"/> 2968 </div> 2969 <div class="form-group"> 2970 <label ><i class="red">*</i>Content</label> 2971 <textarea 2972 class="form-control" 2973 required 2974 oninput="setCustomValidity('')" 2975 style="resize: none;height: auto;" 2976 name="content"></textarea> 2977 </div> 2978 </div> 2979 </div> 2980 <div class="dialog-footer el-dialog__footer"> 2981 <button type="submit" id="submit_popup_inquiry" class="dialog-foot-btn"> 2982 Send Inquiry Now 2983 </button> 2984 </div> 2985 </form> 2986 </div> 2987</div>
2988<script type="text/javascript"> 2989 var hasInquiry = 1; 2990 var inquiryStyle = "1"; 2991 var inquiryColor = "#fff"; 2992 </script>
vendor: 1 bytes, line 2992
2992
2993<script> 2994 function onClose() { 2995 const dialog = $('#inquiry-dialog') 2996 dialog.find('[name=name]').val('') 2997 dialog.find('[name=phone]').val('') 2998 dialog.find('[name=email]').val('') 2999 dialog.find('[name=content]').val('') 3000 dialog.hide() 3001 } 3002 function inquiryDialogFromSubmit(){ 3003 inquiryDialogFromSubmit1() 3004 return false 3005 } 3006 function inquiryDialogFromSubmit1(){ 3007 const dialog =$('#inquiry-dialog') 3008 const appid = appid_fun(dialog.find('[name=email]').val()).toString() || ""; 3009 const params = { 3010 name: dialog.find('[name=name]').val(), 3011 phone: dialog.find('[name=phone]').val(), 3012 email: dialog.find('[name=email]').val(), 3013 msg: dialog.find('[name=content]').val(), 3014 previous_page: document.referrer || window.location.href, 3015 enquiry_type: 0, 3016 visitlength: "====1791089957====", 3017 source: 0, 3018 promote_id: 0, 3019 is_subscribe: 0, 3020 page_title: document.title || '', 3021 page_word: $('meta[name="keywords"]').attr("content"), 3022 is_subscribe: 0 3023 } 3024 if ($('#verification_open_inp').val() == "0") { 3025 addEnquiry(params) 3026 return false 3027 } 3028 if (appid) { 3029 if (_verification_type == 2) { 3030 grecaptcha.ready(function () { 3031 grecaptcha.execute(appid, { action: 'validate_captcha' }) 3032 .then(function (token) { 3033 var serialize = { 3034 'g-recaptcha-response': token, 3035 action: 'validate_captcha' 3036 }; 3037 Object.assign(params, serialize) 3038 addEnquiry(params,true) 3039 }); 3040 }); 3041 } else if (_verification_type == 1) { 3042 function loadTCaptchaNow() { 3043 return new Promise (resolve => { 3044 if (typeof TencentCaptcha !== 'function') { 3045 const script = document.createElement('script') 3046 script.src = 'https://turing.captcha.qcloud.com/TCaptcha.js' 3047 script.type = 'text/javascript' 3048 script.onload = () =>{ 3049 resolve() 3050 } 3051 script.onreadystatechange = ()=> { 3052 if (!script.readyState || script.readyState === "loaded" || script.readyState === "complete") { 3053 script.onreadystatechange = null 3054 resolve() 3055 } 3056 } 3057 document.getElementsByTagName('head')[0].appendChild(script); 3058 return 3059 } 3060 resolve() 3061 }) 3062 } 3063 loadTCaptchaNow().then(() => { 3064 var captcha1 = new TencentCaptcha(appid, function (res) { 3065 Object.assign(params, res) 3066 addEnquiry(params) 3067 }); 3068 captcha1.show(); 3069 }) 3070 } 3071 if (_verification_type == 3) { 3072 CustomizedCaptcha.show().then(res=>{ 3073 Object.assign(params, res) 3074 addEnquiry(params) 3075 }).catch(err=>{return}) 3076 } 3077 } else { 3078 addEnquiry(params) 3079 } 3080 3081 return false 3082 } 3083 function addEnquiry(params,challenge) { 3084 function successCallback() { 3085 window.location.href = '/inquire/success' 3086 } 3087 $.ajax({ 3088 url: '/add-enquiry', 3089 type: 'POST', 3090 datatype: 'json', 3091 data: JSON.stringify(params), 3092 headers: { 3093 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'), 3094 'Content-Type': 'application/json' 3095 }, 3096 success: function(result) { 3097 // _this.submitBtnLoading = false 3098 if (result.status == 200) { 3099 successCallback() 3100 } else { 3101 if (challenge && result.status == 203) { 3102 _getData = params 3103 _form = $('<form>').attr({ 3104 action: "/add-enquiry", 3105 method: 'POST' 3106 }); 3107 $('.google_dialog_box').css('visibility', 'visible'); 3108 _globalCallback = function () { 3109 $('.google_dialog_box').css('visibility', 'hidden'); 3110 successCallback(); 3111 }; 3112 return 3113 } 3114 prompt_box_fun({ 3115 type: 'error', 3116 text: result.msg 3117 }); 3118 } 3119 } 3120 }) 3121 } 3122 function checkemail(t,submit) { 3123 const email = $(t).val() 3124 const regex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; 3125 if(regex.test(email)) { 3126 t.setCustomValidity('') 3127 } else if (email.trim() === '') { 3128 t.setCustomValidity('Please fill in this field') 3129 } else { 3130 t.setCustomValidity('Format error') 3131 } 3132 if(submit) return 3133 t.reportValidity() 3134 3135 } 3136 function input1(t) { 3137 t.setCustomValidity('') 3138 } 3139 const inquiryDialogInstance = {} 3140 inquiryDialogInstance.showInquiryDialog = function(id) { 3141 if(!id) return 3142 const dom = $('#inquiry-dialog') 3143 dom.show() 3144 } 3145</script>
3145 3146 <style> 3147 .captcha-dialog__wrapper { 3148 z-index: 1000005; 3149 position: fixed; 3150 top: 0; 3151 right: 0; 3152 bottom: 0; 3153 left: 0; 3154 overflow: auto; 3155 margin: 0; 3156 display: flex; 3157 align-items: center; 3158 } 3159 .v-modal { 3160 position: fixed; 3161 left: 0; 3162 top: 0; 3163 width: 100%; 3164 height: 100%; 3165 opacity: 0.5; 3166 background: #000; 3167 } 3168 .captcha-dialog { 3169 position: relative; 3170 margin: 0 auto 50px; 3171 background: #fff; 3172 border-radius: 2px; 3173 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); 3174 box-sizing: border-box; 3175 width: 700px; 3176 background: #ffffff; 3177 border-radius: 8px; 3178 overflow: hidden; 3179 /* margin-top: 30vh; */ 3180 } 3181 .captcha-dialog__header { 3182 height: 60px; 3183 border-bottom: 1px solid #dfe5eb; 3184 padding: 20px 30px 10px; 3185 box-sizing: border-box; 3186 } 3187 .captcha-dialog__headerbtn { 3188 position: absolute; 3189 top: 20px; 3190 right: 30px; 3191 padding: 0; 3192 background: transparent; 3193 border: none; 3194 outline: none; 3195 cursor: pointer; 3196 font-size: 16px; 3197 } 3198 .captcha-dialog__title { 3199 font-size: 18px; 3200 font-family: PingFang-SC-Bold, PingFang-SC; 3201 font-weight: bold; 3202 color: #202223; 3203 line-height: 25px; 3204 } 3205 .captcha-dialog__body { 3206 padding: 30px; 3207 padding-bottom: 10px; 3208 } 3209 .captcha-content { 3210 display: flex; 3211 } 3212 .captcha-content__code { 3213 margin-right: 20px; 3214 width: 330px; 3215 height: 40px; 3216 border-radius: 4px; 3217 padding: 6px 12px; 3218 border: 1px solid #dfe5eb; 3219 outline: none; 3220 } 3221 .captcha-content__code:focus { 3222 border: 1px solid #1890ff; 3223 } 3224 .captcha-content__box { 3225 width: 236px; 3226 height: 40px; 3227 border-radius: 4px; 3228 border: 1px solid #dfe5eb; 3229 display: flex; 3230 overflow: hidden; 3231 } 3232 .captcha-content__img { 3233 min-width:126px; 3234 } 3235 .captcha-content__img img{ 3236 height: 38px; 3237 width: auto; 3238 } 3239 .captcha-content__refresh { 3240 flex: 1; 3241 background: #F4F4F4; 3242 display:flex; 3243 align-items: center; 3244 justify-content: center; 3245 overflow: hidden; 3246 cursor: pointer; 3247 } 3248 .captcha-dialog__footer { 3249 padding: 0 30px 30px; 3250 display: flex; 3251 justify-content: end; 3252 } 3253 .captcha-dialog .btn { 3254 width: 92px; 3255 height: 36px; 3256 background: #1890ff; 3257 border-radius: 4px; 3258 display: flex; 3259 align-items: center; 3260 justify-content: center; 3261 } 3262 .captcha-dialog__phoneTitle { 3263 display: none; 3264 } 3265 .captcha-dialog__tips { 3266 color: red; 3267 /* display: none; */ 3268 height: 21px; 3269 } 3270 .captcha-dialog__error {
3271 color: red; 3272 display: none; 3273 } 3274 @media (max-width: 768px) { 3275 .captcha-dialog__header { 3276 border-bottom:0 ; 3277 } 3278 .captcha-dialog__body{ 3279 padding-top: 0; 3280 } 3281 .captcha-dialog { 3282 width: 80vw; 3283 } 3284 .captcha-dialog__title { 3285 display: none; 3286 } 3287 .captcha-dialog__phoneTitle { 3288 display: block; 3289 font-size: 18px; 3290 font-family: PingFang-SC-Bold, PingFang-SC; 3291 font-weight: bold; 3292 color: #202223; 3293 text-align: center; 3294 margin-bottom: 30px; 3295 } 3296 .captcha-content{ 3297 flex-wrap: wrap; 3298 } 3299 .captcha-content__code{ 3300 width: 100%; 3301 margin-right:0; 3302 } 3303 .captcha-content__box{ 3304 width: 100%; 3305 margin-top: 15px; 3306 } 3307 3308 .captcha-dialog .btn-submit{ 3309 width: 100%; 3310 } 3311 } 3312 </style> 3313 3314 3315<div 3316 class="v-modal" 3317 tabindex="0" 3318 style="z-index: 1000003 ; display: none" 3319></div> 3320<div 3321 id="captcha-dialog" 3322 class="captcha-dialog__wrapper" 3323 style="display: none" 3324> 3325 <div class="captcha-dialog"> 3326 <div class="captcha-dialog__header"> 3327 <span class="captcha-dialog__title"> 3328 Please enter the calculation result. 3329 </span> 3330 <div class="captcha-dialog__headerbtn"><i class="iframe_conceal iconfont iconguanbi4"></i></div> 3331 </div> 3332 <div class="captcha-dialog__body"> 3333 <div class="captcha-dialog__phoneTitle"> 3334 Please enter the calculation result. 3335 </div> 3336 <div class="captcha-content"> 3337 <input type="text" name="captchaCode" class="captcha-content__code" /> 3338 <div class="captcha-content__box" style="display: flex"> 3339 <div class="captcha-content__img"><img src="" alt=""></div> 3340 <div class="captcha-content__refresh"><img src="/images/refresh3.png" alt="" style="height:24px"></div> 3341 </div> 3342 </div> 3343 <div class="captcha-dialog__tips"> 3344 <span class="captcha-dialog__error">Verification failed. Please re-enter. </span> 3345 </div> 3346 </div> 3347 <div class="captcha-dialog__footer"> 3348 <div id="close2" class="btn btn-submit"> 3349 <div style="font-weight: 400; color: #ffffff; line-height: 20px"> 3350 submit 3351 </div> 3352 </div> 3353 </div> 3354 </div> 3355</div> 3356
3357<script> 3358 const CustomizedCaptcha = { 3359 dom: null, 3360 img: "", 3361 key: "", 3362 reject: null, 3363 resolve:null, 3364 show: async function () { 3365 if (!this.dom) { 3366 console.log($("#captcha-dialog")); 3367 if(!$("#captcha-dialog")){ 3368 return 3369 } 3370 this.dom = $("#captcha-dialog"); 3371 const _this = this 3372 this.dom.find('.captcha-content__refresh').click(() => { 3373 _this.refresh() 3374 }) 3375 _this.dom.find(".captcha-dialog__headerbtn").click(() => { 3376 _this.dom.hide(); 3377 $(".v-modal").hide(); 3378 _this.reject("close"); 3379 }); 3380 _this.dom.find(".btn-submit").click(async () => { 3381 const res = await _this.verify() 3382 _this.dom.find('[name="captchaCode"]').val('') 3383 if(res) { 3384 _this.dom.hide(); 3385 $(".v-modal").hide(); 3386 _this.resolve(res.data); 3387 } else { 3388 _this.refresh() 3389 } 3390 }); 3391 _this.dom.find('.captcha-content__code').on('input', () => { 3392 _this.dom.find('.captcha-dialog__error').hide() 3393 }) 3394 _this.dom.find('[name="captchaCode"]').keypress((e) => { 3395 if (e.which == 13) { // Enter é®çé®å¼ä¸º 13 3396 console.log('123123'); 3397 if(this.dom.find('[name="captchaCode"]').val().length === 0) return 3398 _this.dom.find(".btn-submit").click() 3399 } 3400 }) 3401 } 3402 const res = await $.ajax({ 3403 type: 'get', 3404 url: '/allweyescaptcha?captcha_type=3' 3405 }) 3406 console.log('res',res); 3407 if (res.status !== 200) { 3408 console.log('æ¥å£å¼å¸¸') 3409 return 3410 } 3411 const {img,key} = res.data 3412 this.img = img 3413 this.key = key 3414 this.dom.find('.captcha-content__img img').attr("src", this.img) 3415 console.log(this.dom.find('.captcha-content__img img')) 3416 $(this.dom).show(); 3417 $(".v-modal").show(); 3418 const _this = this; 3419 return new Promise((resolve, reject) => { 3420 _this.reject = reject 3421 _this.resolve = resolve 3422 }); 3423 }, 3424 refresh: async function(){ 3425 this.dom.find('.captcha-content__img img').hide() 3426 const res = await $.ajax({ 3427 type: 'get', 3428 url: '/allweyescaptcha?captcha_type=3' 3429 }) 3430 console.log('res',res); 3431 if (res.status !== 200) { 3432 console.log('æ¥å£å¼å¸¸') 3433 return 3434 } 3435 const {img,key} = res.data 3436 this.img = img 3437 this.key = key 3438 this.dom.find('.captcha-content__img img').attr("src", this.img) 3439 this.dom.find('.captcha-content__img img').show() 3440 }, 3441 verify: async function(){ 3442 if(this.dom.find('[name="captchaCode"]').val().length === 0) return 3443 const res = await $.ajax({ 3444 type: "POST", 3445 url: "/check_allweyescaptcha", 3446 headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}, 3447 data: {captcha_type:3,captcha_key:this.key,captcha_value:this.dom.find('[name="captchaCode"]').val()} 3448 }) 3449 console.log('res', res); 3450 if(res.status == 200) { 3451 return {data: res.data} 3452 } else { 3453 this.dom.find('.captcha-dialog__error').show() 3454 return false 3455 } 3456 } 3457 }; 3458 // CustomizedCaptcha.show().then(res=>{console.log(res);}); 3459 </script>
3459 3460 3461</body> 3462</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.