1<!DOCTYPE html> 2<html lang="en" dir="ltr"> 3 4<head> 5<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 6 7 <meta name="viewport" content="initial-scale=1.0,maximum-scale=1,width=device-width"> 8 <title>Liquid Cpu Cooler, Cpu Gaming Cooler Kit, Fan Cooler- Jungle Leopard</title> 9 <meta name="description" content="Leopard is our proud and important business segment, focusing on R&D and designing outstanding electromechanical cooling equipment to meet the changing needs of the market."> 10 <meta name="keywords" content="Cpu Cooler, Air Cooler, Fan Cooler, Liquid Cpu Cooler, Water Cooler, Argb Cooler, Pc Cooler"> 11 <link rel="icon" href="https://ecdn6.globalso.com/upload/p/1211/image_other/2024-06/logo-5.png" type="image/x-icon"> 12<meta name="cookie_consent_banner" content="0"> 13 <link rel="preconnect" href="https://static.globalso.com" crossorigin> 14 <link rel="preconnect" href="https://ecdn6.globalso.com" crossorigin> 15 <!-- ind_code_rep_head_start --> 16 <link rel="preload" href="https://static.globalso.com/Globalso/css/style.css?glv=1788508020" as="style"> 17 <link rel="preload" href="https://static.globalso.com/Globalso/js/jquery.min.js?glv=1788508020" as="script"> 18 <link href="https://static.globalso.com/Globalso/css/style.css?glv=1788508020" rel="stylesheet"> 19
19<script src="https://static.globalso.com/Globalso/js/jquery.min.js?glv=1788508020"></script>
19 20<!-- ind_code_rep_head_end --> 21 22 <style id="header_current_css_new" data-title="header54"> 23 24.section-block-demo54-header.section-header-wrap-block .nav>li li a, 25.section-block-demo54-header.section-header-wrap-block .nav[data-module]>li:not([data-sub-type]) li a { 26 color: #000 27} 28 29.section-block-demo54-header[head-active-bg=head-ac-bg][head-active-style="1"][head-active-bg-ani=head-ac-bg-an4] .nav>li>a::after { 30 height: 5px; 31 bottom: 0; 32 margin: 0 2px; 33 transform: skew(30deg) translate(-50%) 34} 35 36.section-block-demo54-header .header-nav>.sns>.sns-items span { 37 padding-right: 24px 38} 39 40.section-block-demo54-header .header-nav>.sns>.sns-items a { 41 padding: 0 10px 42} 43 44.section-block-demo54-header .header-nav>.sns>.sns-items { 45 order: 1; 46 padding: 0 0 0 4vw; 47 width: 25vw 48} 49 50.section-block-demo54-header .header-nav>.sns>.sns-desc { 51 order: 3; 52 padding: 0 5vw; 53 width: 25vw; 54 text-wrap: nowrap 55} 56 57.section-block-demo54-header .header-nav>.sns::after { 58 content: ''; 59 width: 13vw; 60 order: 2 61} 62 63.section-block-demo54-header .header-nav>.sns { 64 border-bottom: 1px solid #3e3d41; 65 padding: 12px 0 11px; 66 color: #b6b6b6; 67 justify-content: space-between 68} 69 70.section-block-demo54-header .header-nav { 71 position: relative; 72 transform: translate(2vw) 73} 74 75.section-block-demo54-header .header-nav::after { 76 content: ''; 77 position: absolute; 78 right: 4px; 79 width: 1px; 80 height: 100%; 81 background-color: #3e3d41; 82 transform: skew(-15deg) 83} 84 85.section-block-demo54-header .header-nav::before { 86 content: ''; 87 position: absolute; 88 left: 4px; 89 width: 1px; 90 height: 100%; 91 background-color: #3e3d41; 92 transform: skew(15deg) 93} 94 95.section-block-demo54-header .logo img { 96 width: 9vw 97} 98 99.section-block-demo54-header.section-header-wrap-block .change-language .change-language-title { 100 color: #fff 101} 102 103.section-block-demo54-header .logo { 104 background: top/100% url(https://ecdn6.globalso.com/upload/m/image_other/2024-05/logo-bg.png) no-repeat; 105 padding: 2vw 2vw; 106 width: 13vw; 107 position: absolute; 108 left: 50%; 109 top: 0; 110 z-index: 2; 111 transform: translate(-50%) 112} 113 114.section-block-demo54-header .nav>li>a { 115 line-height: 56px 116} 117 118@media screen and (max-width:992px) { 119 .section-block-demo54-header .layout { 120 display: none 121 } 122 123 .section-block-demo54-header .logo img { 124 width: 160px 125 } 126 127 .section-block-demo54-header .logo { 128 padding: 10px 20px; 129 width: 200px 130 } 131} 132 133@media screen and (max-width:480px) { 134 .section-block-demo54-header .logo img { 135 width: 80px 136 } 137 138 .section-block-demo54-header .logo { 139 padding: 0; 140 width: 120px 141 } 142} 143 144@media (min-width:993px) { 145 .section-block-demo54-header[search-style=search-style-2] .search-dropdown-menu .form-control::placeholder { 146 color: #000 147 } 148 149 .section-block-demo54-header .nav>li>a { 150 color: #fff 151 } 152 153 .section-block-demo54-header .search { 154 margin-left: 3vw 155 } 156 157 .section-block-demo54-header .change-language { 158 margin-right: 3vw 159 } 160 161 .section-block-demo54-header .header-nav .nav { 162 justify-content: space-around 163 } 164 165 .section-block-demo54-header .header-nav .nav>li>a { 166 overflow: visible 167 } 168 169 .section-block-demo54-header .header-nav .nav>li:last-child { 170 margin-right: 5vw 171 } 172 173 .section-block-demo54-header .header-nav::after { 174 right: 1px 175 } 176 177 .section-block-demo54-header .header-nav::before { 178 left: 1px 179 } 180 181 .section-block-demo54-header .header-nav>.sns>.sns-items a { 182 padding: 0 183 } 184 185 .section-block-demo54-header .header-nav>.sns>.sns-desc { 186 padding: 0; 187 text-align: center 188 } 189 190 .section-block-demo54-header .header-nav>.sns>.sns-items { 191 padding: 0 2vw; 192 display: flex; 193 justify-content: space-around 194 } 195} 196 197@media screen and (max-width:1200px) { 198 .section-block-demo54-header .nav>li>a { 199 line-height: 30px 200 } 201 202 .section-block-demo54-header .header-nav::after { 203 right: -2px 204 } 205 206 .section-block-demo54-header .header-nav::before { 207 left: -2px 208 } 209 210 .section-block-demo54-header .header-nav>.sns { 211 padding: 10px 0 212 } 213 214 .section-block-demo54-header .header-nav .nav { 215 padding: 0 1rem 216 } 217 218 .section-block-demo54-header .header-nav>.sns>.sns-desc { 219 text-align: right; 220 width: 30vw 221 } 222} 223 224 </style> 225 226 227 228 229 <style id="footer_current_css_new" data-title="footer97"> 230 231 232.section-block-demo97-footer { 233 background-color: #000; 234 padding: 5vw 0 0 0 235} 236 237.section-block-demo97-footer .logo img { 238 max-width: 10vw; 239 height: 60px 240} 241 242.section-block-demo97-footer li { 243 list-style: none 244} 245 246.section-block-demo97-footer .item-title { 247 color: #fff; 248 font-size: 20px; 249 font-weight: 600; 250 margin: 5px 0 20px 251} 252 253.section-block-demo97-footer p, 254.section-block-demo97-footer li, 255.section-block-demo97-footer li a { 256 color: #fee6e3; 257 font-size: 14px 258} 259 260.section-block-demo97-footer li a:hover { 261 color: var(--bs-theme-color) 262} 263 264.section-block-demo97-footer .foot-sns { 265 width: 25%; 266 margin-right: 8vw 267} 268 269.section-block-demo97-footer .foot-sns .desc { 270 line-height: 24px; 271 margin-top: 2vw 272} 273 274.section-block-demo97-footer .foot-sns ul { 275 padding-top: 28px 276} 277 278.section-block-demo97-footer .foot-sns li { 279 padding: 10px 280} 281 282.section-block-demo97-footer .foot-sns li a:hover { 283 -webkit-transform: translateY(-10px); 284 --bs-transform: translateY(-10px); 285 -moz-transform: translateY(-10px); 286 transform: translateY(-10px) 287} 288 289.section-block-demo97-footer .foot-sns li a { 290 display: flex; 291 justify-content: center;
292 align-items: center; 293 border: 1px solid #fff; 294 padding: 10px; 295 width: 45px; 296 height: 45px; 297 border-radius: 50%; 298 -webkit-transition-duration: .5s; 299 --bs-transition-duration: .5s; 300 -moz-transition-duration: .5s; 301 transition-duration: .5s 302} 303 304.section-block-demo97-footer .foot-solutions li { 305 line-height: 36px 306} 307 308.section-block-demo97-footer .foot-contact { 309 width: 15% 310} 311 312.section-block-demo97-footer .foot-contact ul { 313 padding-top: 8px 314} 315 316.section-block-demo97-footer .foot-contact li { 317 margin-bottom: 23px; 318 line-height: 19px 319} 320 321.section-block-demo97-footer .foot-contact .foot-val { 322 font-weight: 600 323} 324 325.section-block-demo97-footer .foot-contact .foot-val a:hover { 326 color: var(--bs-theme-color) 327} 328 329.section-block-demo97-footer .foot-contact .foot-val a, 330.section-block-demo97-footer .foot-contact .foot-val span { 331 font-weight: 300; 332 font-size: 13px 333} 334 335.section-block-demo97-footer .foot-info { 336 width: 20% 337} 338 339.section-block-demo97-footer .foot-info .item-desc { 340 line-height: 1.2; 341 padding-top: 8px 342} 343 344.section-block-demo97-footer .foot-info .btn-desc { 345 font-weight: 900; 346 margin-top: 2.4vw 347} 348 349.section-block-demo97-footer .foot-info .btn { 350 margin-top: 14px; 351 font-size: 16px; 352 padding: 8px 44px; 353 border-radius: 22px 354} 355 356.section-block-demo97-footer .foot-info .btn .la { 357 margin-left: 30px 358} 359 360.section-block-demo97-footer .bottom { 361 text-align: center; 362 padding: 3.3vw 3.5vw 0 3.5vw 363} 364 365.section-block-demo97-footer .copyright { 366 border-top: 1px solid #453e3d; 367 color: #fff; 368 padding: 26px 0 30px 0; 369 font-size: 14px 370} 371 372@media screen and (max-width:1080px) { 373 .section-block-demo97-footer .foot-sns { 374 margin-right: 0; 375 width: 30% 376 } 377} 378 379@media screen and (max-width:992px) { 380 .section-block-demo97-footer .item-title { 381 margin-bottom: 2vw 382 } 383 384 .section-block-demo97-footer .foot-item.foot-sns { 385 order: 1 386 } 387 388 .section-block-demo97-footer .foot-item.foot-info { 389 order: 2 390 } 391 392 .section-block-demo97-footer .foot-item { 393 width: 45%; 394 margin-bottom: 4vw; 395 order: 3; 396 align-self: flex-end 397 } 398} 399 400@media screen and (max-width:600px) { 401 .section-block-demo97-footer .foot-sns ul { 402 padding-top: 0 403 } 404 405 .section-block-demo97-footer .logo img { 406 max-width: 20vw 407 } 408 409 .section-block-demo97-footer .foot-item { 410 width: 100%; 411 padding-left: 4vw 412 } 413 414 .section-block-demo97-footer .foot-item.foot-info { 415 order: 4 416 } 417} 418 419 </style> 420 421 422<style id="globalsojs-header">body[page-type="product_category"] main {overflow-x: hidden;overflow-y: hidden;}.page-container .page-aside {display: none !important;}:root {--bs-screen-full: 100%;--bs-screen-xxl: 100%;--bs-screen-large: 70%;--bs-screen-mid: 50%;--bs-screen-small: 50%;--bs-body-font-weight: 400;--bs-body-color: #000000;--bs-body-bg: #fff;--bs-theme-color: #bdbdbd;--bs-sec-theme-color: #57B5BF;--bs-link-color: #000;--bs-link-hover-color: #ffffff;--bs-h-font-sans-serif: Poppins;--bs-font-sans-serif: Poppins;--bs-body-font-size: 1rem;}.demo70-body > .section-header-wrap-block.section-block-demo37-header {background-color: rgb(0, 0, 0);}.section-block-demo37-header {background-color: transparent;box-shadow: none;padding-top: 23px;padding-right: 0px;padding-bottom: 23px;padding-left: 0px;transition-duration: 0.3s;transition-timing-function: linear;transition-delay: 0s;transition-property: all;}.section-block-demo37-header.fixed-nav-active {background-color: rgba(0, 0, 0, 0.5);}.section-block-demo37-header .nav > li > a {color: rgb(255, 255, 255);padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;text-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;}.section-block-demo37-header .nav > li:nth-child(n+2) {margin-left: 55px;}.section-block-demo37-header .nav:not([blockitems]) > li li a, .section-block-demo37-header .nav[navsubtype] > li:not([data-sub-type]) li a {color: rgb(0, 0, 0);}.section-block-demo37-header .logo img {max-height: 89px;height: 100%;}.section-block-demo37-header .header-row {display: flex;align-items: center;flex-wrap: wrap;}.section-block-demo37-header .search-toggle svg {fill: rgb(255, 255, 255);}img {width: auto;height: auto;}.demo70-body > .section-header-wrap-block.section-block-demo37-header.fixed-nav {background-color: rgb(23, 23, 23);}.demo70-body > .section-header-wrap-block.section-block-demo37-header.fixed-nav > .layout > .header-box > .header-row > .nav > .active {color: rgb(36, 36, 36);font-size: 16px;}.demo70-body > .section-header-wrap-block.section-block-demo37-header.fixed-nav > .layout > .header-box > .header-row > .nav {color: rgb(33, 33, 33);}.demo70-body > .section-header-wrap-block.section-block-demo37-header.fixed-nav > .layout > .header-box > .header-row > .nav > .active > a {color: rgb(255, 255, 255);font-size: 18px;}.demo70-body > .section-header-wrap-block.section-block-demo37-header.fixed-nav > .layout > .header-box > .header-row > .nav > li > a {color: rgb(255, 255, 255);font-size: 18px;}.demo70-body > .section-header-wrap-block.section-block-demo37-header.fixed-nav > .layout > .header-box > .header-row > .search > .search-toggle > svg {fill: rgb(255, 255, 255);}.demo70-body > .section-header-wrap-block.section-block-demo37-header.fixed-nav > .layout > .header-box > .header-row > .change-language > .change-language-title > span {color: rgb(255, 255, 255);background-color: rgba(0, 0, 0, 0);}.demo70-body > .section-header-wrap-block.section-block-demo37-header.fixed-nav > .layout > .header-box > .header-row > .change-language > .change-language-title > i > svg {fill: rgb(255, 255, 255);}.demo70-body > .section-header-wrap-block.section-block-demo37-header > .layout > .header-box > .header-row > .change-language > .change-language-title > span {line-height: 1.5em;color: rgb(255, 255, 255);}.demo70-body > .section-header-wrap-block.section-block-demo37-header.fixed-nav > .layout > .header-box > .header-row {font-size: 14px;}.demo70-body > .section-header-wrap-block.section-block-demo37-header[topsearchheader] {background-color: rgb(0, 0, 0);}.demo70-body {height: auto;}.demo70-body > .section-header-wrap-block.section-block-demo54-header > .layout > .logo > img {width: 141.297px;height: 78px;}.demo70-body > .section-header-wrap-block.section-block-demo54-header > .layout > .logo {text-align: center;}.demo70-body > .section-header-wrap-block.section-block-demo37-header > .mobile-head-items.layout > .mobile-head-item.mobile-head-nav > .title > svg {fill: rgb(255, 255, 255);}.demo70-body > .section-header-wrap-block.section-block-demo37-header > .mobile-head-items.layout > .mobile-head-item.mobile-head-language > .title > svg {fill: rgb(255, 255, 255);}.demo70-body > .section-header-wrap-block.section-block-demo37-header > .mobile-head-items.layout > .mobile-head-item.mobile-head-search > .title > svg {fill: rgb(255, 255, 255);}@media only screen and (max-width: 1680px){.section-block-demo37-header .nav > li:nth-child(n+2) {margin-left: 15px;}}@media only screen and (max-width: 1080px){.section-block-demo37-header .logo img {max-height: 65px;}}@media only screen and (max-width: 992px){.section-block-demo37-header > .layout {display: none;}.section-block-demo37-header .nav > li:nth-child(n+2) {margin-left: 0px;margin-top: 15px;}.section-block-demo37-header {padding-top: 5px;padding-right: 0px;padding-bottom: 5px;padding-left: 0px;background-color: rgb(133, 99, 99) !important;}.section-block-demo37-header .logo img {max-height: 89px;}}@font-face { font-family: NEUROPOLITICAL; src: url("https://ecdn6.globalso.com/upload/p/465/file/2024-02/65dc49a91bed074505.TTF") format("TrueType"); font-style: normal; font-display: fallback; }</style> 423<style id="globalsojs-styles">.demo70-body > main {background-size: cover;background-position-x: 100%;background-position-y: 100%;}</style> 424<style id="globalsojs-footer">.demo70-body > .section-footer-wrap-block.section-block-footer52-footer > .layout.d-flex > .left > .tit {font-family: Poppins;font-weight: 600;}.demo70-body > .section-footer-wrap-block.section-block-footer52-footer > .layout.d-flex > .right > .wrap > .tit {font-weight: 600;font-family: Poppins;}.demo70-body > .section-footer-wrap-block.section-block-footer52-footer > .layout.d-flex > .right > .wrap > .foot_wrap.d-flex > li > .link {font-size: 18px;}.demo70-body > .section-footer-wrap-block.section-block-footer52-footer > .layout.d-flex > .left > .inquiry-form > .form-item.item-submit > .btn.btn-submit {background-color: rgb(43, 131, 180);}.demo70-body > .section-footer-wrap-block.section-block-footer52-footer > .layout.d-flex > .left > .inquiry-form > .form-item.item-email > .form-checktip.error-msg {color: rgb(43, 131, 180);}.demo70-body > .section-footer-wrap-block.section-block-footer52-footer > .layout.d-flex > .left > .inquiry-form > .form-item.item-company > .form-checktip.error-msg {color: rgb(43, 131, 180);}.demo70-body > .section-footer-wrap-block.section-block-footer52-footer > .layout.d-flex > .left > .inquiry-form > .form-item.item-name > .form-checktip.error-msg {color: rgb(43, 131, 180);}.demo70-body > .section-footer-wrap-block.section-block-demo52-footer {margin-top: 100px;padding-top: 85px;}.demo70-body > .section-footer-wrap-block.section-block-demo52-footer > .layout.d-flex > .right > .wrap > .foot_wrap.d-flex > li > .link {font-size: 18px;}.demo70-body > .section-footer-wrap-block.section-block-demo52-footer > .layout.d-flex > .right > .wrap > .tit {font-size: 40px;}.demo70-body > .section-footer-wrap-block.section-block-demo52-footer > .layout.d-flex > .left > .tit {font-size: 40px;}.demo70-body > .section-footer-wrap-block.section-block-demo52-footer > .layout.d-flex > .right > div > .list-group {flex-direction: row;justify-content: space-between;color: rgb(153, 153, 122);opacity: 1;}.demo70-body > .section-footer-wrap-block.section-block-demo52-footer > .layout.d-flex > .right > div > .list-group > .list-group-item {background-color: rgb(2, 9, 34);border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}.demo70-body > .section-footer-wrap-block.section-block-demo52-footer > .layout.d-flex > .right > div > .list-group > .list-group-item > a {color: rgb(153, 153, 153);opacity: 0.3;}.demo70-body > .section-footer-wrap-block.section-block-demo52-footer > .layout.d-flex > .right > .foot_sns.d-flex > li > a {font-size: 21px;}.demo70-body > .section-footer-wrap-block.section-block-demo52-footer > .layout.d-flex > .right > .copy {font-size: 18px;}.demo70-body > .section-footer-wrap-block.section-block-demo52-footer > .layout.d-flex > .right > .foot_sns.d-flex {margin-top: 10px;}#sectionIdprod003 >
424 .no-text > .layout.outer-swiper-wrap > .execute-swiper-slide > .swiper-wrapper.product-items.sc-block-items > .swiper-slide.product-item.sc-block-item > .item-inner {border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: rgb(245, 245, 245);border-right-color: rgb(245, 245, 245);border-bottom-color: rgb(245, 245, 245);border-left-color: rgb(245, 245, 245);}#sectionIdprod003 > .no-text > .layout.outer-swiper-wrap > .execute-swiper-slide > .swiper-wrapper.product-items.sc-block-items > .swiper-slide.product-item.sc-block-item {border-top-color: rgb(230, 230, 230);border-right-color: rgb(230, 230, 230);border-bottom-color: rgb(230, 230, 230);border-left-color: rgb(230, 230, 230);border-top-width: 0px !important;border-right-width: 0px !important;border-bottom-width: 0px !important;border-left-width: 0px !important;}.c_search_page_list_box [block-items-num="4"] .block-item {width: calc(33.3333%);}.section-imagetext-wrap-block .page-title-bar .page-title {font-size: 22px !important;}.demo70-body > .section-footer-wrap-block.section-block-demo41-footer {background-color: rgb(254, 246, 246);}.demo70-body > .section-footer-wrap-block.section-block-demo41-footer > .layout > .foot-items.d-flex.justify-content-between > .foot-item.foot-solutions > .foot-title {color: rgb(33, 33, 33);}.demo70-body > .section-footer-wrap-block.section-block-demo41-footer > .layout > .foot-items.d-flex.justify-content-between > .foot-item.foot-product > .foot-title {color: rgb(255, 255, 255);}.demo70-body > .section-footer-wrap-block.section-block-demo41-footer > .layout > .foot-items.d-flex.justify-content-between > .foot-item.foot-solutions > .foot-title:hover {color: rgb(0, 0, 0);}.demo70-body > .section-footer-wrap-block.section-block-demo41-footer > .layout > .foot-items.d-flex.justify-content-between > .foot-item.foot-links > .foot-title:hover {color: rgb(0, 0, 0);}.demo70-body > .section-footer-wrap-block.section-block-demo41-footer > .layout > .foot-items.d-flex.justify-content-between > .foot-item > .foot-title {color: rgb(255, 255, 255);}.demo70-body > .section-footer-wrap-block.section-block-demo41-footer > .layout > .foot-bottom.d-flex > .foot_logo > img {width: 100px;height: 80px;position: static;left: 100%;right: 50%;bottom: 100px;float: none;min-width: 100%;min-height: 100%;max-width: 50%;}.demo70-body > .section-footer-wrap-block.section-block-demo41-footer > .layout > .foot-items.d-flex.justify-content-between > .foot-item.foot-links > .foot-title {color: rgb(255, 255, 255);}.demo70-body > .section-footer-wrap-block.section-block-demo41-footer > .layout > .foot-items.d-flex.justify-content-between > .foot-item.foot-product > .foot-nav > li > a {float: none;min-width: 3px;width: 2px;height: 4px;}.demo70-body > .section-footer-wrap-block.section-block-demo41-footer > .layout > .foot-bottom.d-flex > .foot_logo > .align-center {right: 100%;}.demo70-body > .section-footer-wrap-block.section-block-demo97-footer > .layout > .foot-items.d-flex.flex-wrap.justify-content-between > .foot-item.foot-sns > .footer-logo > img {width: auto;height: auto;}.demo70-body > .section-footer-wrap-block.section-block-demo97-footer > .layout > .foot-items.d-flex.flex-wrap.justify-content-between > .foot-item.foot-sns > .desc {color: rgb(255, 255, 255);}.demo70-body > .section-footer-wrap-block.section-block-demo97-footer > .layout > .foot-items.d-flex.flex-wrap.justify-content-between > .foot-item.foot-solutions > .foot-nav > li {color: rgb(255, 255, 255);}.demo70-body > .section-footer-wrap-block.section-block-demo97-footer > .layout > .foot-items.d-flex.flex-wrap.justify-content-between > .foot-item.foot-solutions > .foot-nav > li > a {color: rgb(255, 255, 255);}.demo70-body > .section-footer-wrap-block.section-block-demo97-footer > .layout > .foot-items.d-flex.flex-wrap.justify-content-between > .foot-item.foot-contact > .foot-contacts > .foot-address > .foot-val > span {color: rgb(255, 255, 255);}.demo70-body > .section-footer-wrap-block.section-block-demo97-footer > .layout > .foot-items.d-flex.flex-wrap.justify-content-between > .foot-item.foot-contact > .foot-contacts > .foot-email > .foot-val > a {color: rgb(255, 255, 255);}.demo70-body > .section-footer-wrap-block.section-block-demo97-footer > .layout > .foot-items.d-flex.flex-wrap.justify-content-between > .foot-item.foot-contact > .foot-contacts > .foot-tel > .foot-val > a {color: rgb(255, 255, 255);}.demo70-body > .section-footer-wrap-block.section-block-demo97-footer > .layout > .foot-items.d-flex.flex-wrap.justify-content-between > .foot-item.foot-sns {margin-right: 0px;}.demo70-body > .section-footer-wrap-block.section-block-demo97-footer > .layout > .foot-items.d-flex.flex-wrap.justify-content-between > .foot-item.foot-info > .item-desc {color: rgb(255, 255, 255);}.demo70-body > .section-footer-wrap-block.section-block-demo97-footer > .layout > .bottom > .copyright > a {color: #ffffff;opacity: 1;}.demo70-body > .section-footer-wrap-block.section-block-demo97-footer > .layout {color: #090101;}@media screen and (max-width: 480px){.demo70-body > .section-footer-wrap-block.section-block-demo52-footer {padding-top: 30px;}}@media only screen and (max-width: 480px){.c_search_page_list_box [block-items-num="4"] .block-item {width: 100%;}}</style> 425
426<script src="chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/prompt.js?glv=1788508020"></script>
426<script src="chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/prompt.js?glv=1788508020"></script>
426<script src="chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/prompt.js?glv=1788508020"></script>
426<script src="chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/prompt.js?glv=1788508020"></script>
426<script src="chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/prompt.js?glv=1788508020"></script>
426<script src="chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/prompt.js?glv=1788508020"></script>
426<script src="chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/prompt.js?glv=1788508020"></script>
426<script src="chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/prompt.js?glv=1788508020"></script>
426<script src="chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/prompt.js?glv=1788508020"></script>
426<script src="chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/prompt.js?glv=1788508020"></script>
426<script src="chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/prompt.js?glv=1788508020"></script>
426<script src="chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/prompt.js?glv=1788508020"></script>
426<script src="chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/prompt.js?glv=1788508020"></script>
426 427<meta property="og:type" content="website"> 428<meta property="og:site_name" content="Liquid Cpu Cooler, Cpu Gaming Cooler Kit, Fan Cooler- Jungle Leopard"> 429<meta property="og:title" content="Liquid Cpu Cooler, Cpu Gaming Cooler Kit, Fan Cooler- Jungle Leopard"> 430<meta property="og:description" content="Leopard is our proud and important business segment, focusing on R&D and designing outstanding electromechanical cooling equipment to meet the changing needs of the market."> 431<!-- Google tag (gtag.js) -->
432<script async src="https://www.googletagmanager.com/gtag/js?id=G-QP7C8X9XSZ&glv=1788508020"></script>
vendor: 2 bytes, line 432
432
433<script> 434
vendor: 138 bytes, lines 434-438
434window.dataLayer = window.dataLayer || []; 435 function gtag(){dataLayer.push(arguments);} 436 gtag('js', new Date()); 437 438 gtag('config', '
438G-QP7C8X9XSZ
vendor: 5 bytes, line 438
438');
439</script>
439<meta name="inquiry_company_input" content="0">
440<script type="application/ld+json" id="schema_markup">[ 441 { 442 "@context": "https://schema.org/", 443 "@type": "Organization", 444 "logo": "https://ecdn6.globalso.com/upload/p/1211/image_other/2024-06/logo-5.png", 445 "name": "Guangzhou Cool Wind Electronic Technology Co., Ltd.", 446 "url": "https://www.jlcpucooler.com/", 447 "contactPoint": [ 448 { 449 "@type": "ContactPoint", 450 "telephone": "13610038794", 451 "contactType": "customer service" 452 } 453 ] 454 }, 455 { 456 "@context": "https://schema.org/", 457 "@type": "WebSite", 458 "name": "Guangzhou Cool Wind Electronic Technology Co., Ltd.", 459 "url": "https://www.jlcpucooler.com/", 460 "potentialAction": { 461 "queryInput": { 462 "valueName": "search_string", 463 "valueRequired": true, 464 "@type": "PropertyValueSpecification" 465 }, 466 "target": { 467 "urlTemplate": "https://www.jlcpucooler.com/search/?search={search_string}", 468 "@type": "EntryPoint" 469 }, 470 "@context": "https://schema.org/", 471 "@type": "SearchAction" 472 } 473 } 474]</script>
474<script>var pageType = "index"</script>
474<meta name="JOGOEJISAMPAI" content="1"> 475
476<script id="c_current_page">var currentPage = "index"</script>
476<script id="c_page_route">var pageRoute = "index"</script>
476 477<meta property="og:url" content="https://www.jlcpucooler.com/index.html"> 478<meta property="og:image" content="https://ecdn6.globalso.com/upload/p/1211/image_other/2024-06/untitled-1-1.png"> 479<link rel="canonical" href="https://www.jlcpucooler.com/"> 480<link rel="alternate" hreflang="x-default" href="https://www.jlcpucooler.com/"> 481<link rel="alternate" hreflang="en" href="https://www.jlcpucooler.com/"> 482<link rel="alternate" hreflang="fr" href="https://www.jlcpucooler.com/fr/"> 483<link rel="alternate" hreflang="de" href="https://www.jlcpucooler.com/de/"> 484<link rel="alternate" hreflang="pt" href="https://www.jlcpucooler.com/pt/"> 485<link rel="alternate" hreflang="es" href="https://www.jlcpucooler.com/es/"> 486<link rel="alternate" hreflang="ru" href="https://www.jlcpucooler.com/ru/"> 487<link rel="alternate" hreflang="ja" href="https://www.jlcpucooler.com/ja/"> 488<link rel="alternate" hreflang="ko" href="https://www.jlcpucooler.com/ko/"> 489<link rel="alternate" hreflang="ar" href="https://www.jlcpucooler.com/ar/"> 490<link rel="alternate" hreflang="tr" href="https://www.jlcpucooler.com/tr/"> 491<link rel="alternate" hreflang="it" href="https://www.jlcpucooler.com/it/"> 492<link rel="alternate" hreflang="id" href="https://www.jlcpucooler.com/id/"> 493<link rel="alternate" hreflang="pl" href="https://www.jlcpucooler.com/pl/"> 494<link rel="alternate" hreflang="hi" href="https://www.jlcpucooler.com/hi/"> 495<link rel="alternate" hreflang="nl" href="https://www.jlcpucooler.com/nl/"> 496<link rel="alternate" hreflang="ms" href="https://www.jlcpucooler.com/ms/"> 497<link rel="alternate" hreflang="fa" href="https://www.jlcpucooler.com/fa/"> 498<link rel="alternate" hreflang="th" href="https://www.jlcpucooler.com/th/"> 499<link rel="alternate" hreflang="vi" href="https://www.jlcpucooler.com/vi/"> 500</head> 501 502<body class="demo70-body" data-aos-easing="ease" data-aos-duration="400" data-aos-delay="0" style="background-color: rgb(255, 255, 255); padding-top: 0px;" data-new-gr-c-s-check-loaded="14.1132.0" data-gr-ext-installed="" data-new-gr-c-s-loaded="14.1132.0" data-interval-duration="5" data-web="1211" page-type="index" unevents="1" page-route="index"> 503<!-- header --> 504<header headerindex="1" class="section-header-wrap-block section-block-demo54-header" data-screen="screen-full" search-placeholder-color="placeholder-color-white" search-style="search-style-2" head-active-bg="head-ac-bg" head-active-bg-color="head-ac-bg-color-theme" head-active-text-color="head-ac-text-color-white" head-active-bg-ani="head-ac-bg-an4" head-active-style="1" headerprivate="1"> 505 <div class="layout" data-unable="demo54-header"> 506 <div class="search"> 507 <button type="button" class="search-toggle" id="search-toggle" onclick="GlobalsoIframe.search.init(this)" aria-label="button_f1o6"> 508 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="30" height="30" fill="#fff"> 509 <g> 510 <path fill="none" d="M0 0h24v24H0z"></path> 511 <path d="M11 2c4.968 0 9 4.032 9 9s-4.032 9-9 9-9-4.032-9-9 4.032-9 9-9zm0 16c3.867 0 7-3.133 7-7 0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7zm8.485.071l2.829 2.828-1.415 1.415-2.828-2.829 1.414-1.414z"> 512 </path> 513 </g> 514 </svg> 515 </button> 516 <div class="search-dropdown-menu"> 517 <div id="search-close" class="search-close" onclick="GlobalsoIframe.search.init(this)"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="64" height="64" fill="#333"> 518 <g> 519 <path fill="none" d="M0 0h24v24H0z"></path> 520 <path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z"> 521 </path> 522 </g> 523 </svg></div> 524 <form action="/search/"> 525 <input type="text" class="form-control" name="search" placeholder="Search..."> 526 <button class="btn-search" type="submit" aria-label="button_5ryf"> 527 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="20" height="20"> 528 <g> 529 <path fill="none" d="M0 0h24v24H0z"></path> 530 <path d="M11 2c4.968 0 9 4.032 9 9s-4.032 9-9 9-9-4.032-9-9 4.032-9 9-9zm
5300 16c3.867 0 7-3.133 7-7 0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7zm8.485.071l2.829 2.828-1.415 1.415-2.828-2.829 1.414-1.414z"> 531 </path> 532 </g> 533 </svg> 534 </button> 535 536 </form> 537 </div> 538 </div> 539 <a href="/" class="logo" style="padding:1.5vw 2vw !important" aria-label="link_1yke" itemscope="1" itemtype="http://schema.org/ImageObject"><img src="https://ecdn6.globalso.com/upload/p/1211/image_other/2024-06/untitled-1-1.png" alt="æªæ é¢-1" data-src-desktop="https://ecdn6.globalso.com/upload/p/1211/image_other/2024-06/untitled-1-1.png" data-src-mobile="https://ecdn6.globalso.com/upload/p/1211/image_other/2024-06/untitled-1-1.png" width="800" height="800" style="aspect-ratio: 800 / 800;" itemprop="image"></a> 540 <div class="header-nav d-flex flex-column"> 541 <div class="sns d-flex"> 542 <div class="sns-items"> 543 <span>follow us on:</span> 544 <a href="https://www.facebook.com/BTSPEAKER.2011" aria-label="facebook" rel="nofollow"><svg t="1716797879999" class="icon" viewbox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5307" width="16" height="16"> 545 <path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32z m-92.4 233.5h-63.9c-50.1 0-59.8 23.8-59.8 58.8v77.1h119.6l-15.6 120.7h-104V912H539.2V602.2H434.9V481.4h104.3v-89c0-103.3 63.1-159.6 155.3-159.6 44.2 0 82.1 3.3 93.2 4.8v107.9z" p-id="5308" fill="#ffffff"></path> 546 </svg></a> 547 548 <a href="https://www.youtube.com/@JungleLeopard-e7n" aria-label="youtube" rel="nofollow"><svg t="1716797905171" class="icon" viewbox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6366" width="16" height="16"> 549 <path d="M941.3 296.1c-10.3-38.6-40.7-69-79.2-79.3C792.2 198 512 198 512 198s-280.2 0-350.1 18.7C123.3 227 93 257.4 82.7 296 64 366 64 512 64 512s0 146 18.7 215.9c10.3 38.6 40.7 69 79.2 79.3C231.8 826 512 826 512 826s280.2 0 350.1-18.8c38.6-10.3 68.9-40.7 79.2-79.3C960 658 960 512 960 512s0-146-18.7-215.9zM423 646V378l232 133-232 135z" p-id="6367" fill="#ffffff"></path> 550 </svg></a> 551 <a href="https://www.instagram.com/jlcpucooler_global/" aria-label="instagram" rel="nofollow"><svg t="1716797950460" class="icon" viewbox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7461" width="16" height="16"> 552 <path d="M512 306.9c-113.5 0-205.1 91.6-205.1 205.1S398.5 717.1 512 717.1 717.1 625.5 717.1 512 625.5 306.9 512 306.9z m0 338.4c-73.4 0-133.3-59.9-133.3-133.3S438.6 378.7 512 378.7 645.3 438.6 645.3 512 585.4 645.3 512 645.3zM725.5 250.7c-26.5 0-47.9 21.4-47.9 47.9s21.4 47.9 47.9 47.9 47.9-21.3 47.9-47.9c-0.1-26.6-21.4-47.9-47.9-47.9z" p-id="7462" fill="#ffffff"></path> 553 <path d="M911.8 512c0-55.2 0.5-109.9-2.6-165-3.1-64-17.7-120.8-64.5-167.6-46.9-46.9-103.6-61.4-167.6-64.5-55.2-3.1-109.9-2.6-165-2.6-55.2 0-109.9-0.5-165 2.6-64 3.1-120.8 17.7-167.6 64.5C132.6 226.3 118.1 283 115 347c-3.1 55.2-2.6 109.9-2.6 165s-0.5 109.9 2.6 165c3.1 64 17.7 120.8 64.5 167.6 46.9 46.9 103.6 61.4 167.6 64.5 55.2 3.1 109.9 2.6 165 2.6 55.2 0 109.9 0.5 165-2.6 64-3.1 120.8-17.7 167.6-64.5 46.9-46.9 61.4-103.6 64.5-167.6 3.2-55.1 2.6-109.8 2.6-165z m-88 235.8c-7.3 18.2-16.1 31.8-30.2 45.8-14.1 14.1-27.6 22.9-45.8 30.2C695.2 844.7 570.3 840 512 840c-58.3 0-183.3 4.7-235.9-16.1-18.2-7.3-31.8-16.1-45.8-30.2-14.1-14.1-22.9-27.6-30.2-45.8C179.3 695.2 184 570.3 184 512c0-58.3-4.7-183.3 16.1-235.9 7.3-18.2 16.1-31.8 30.2-45.8s27.6-22.9 45.8-30.2C328.7 179.3 453.7 184 512 184s183.3-4.7 235.9 16.1c18.2 7.3 31.8 16.1 45.8 30.2 14.1 14.1 22.9 27.6 30.2 45.8C844.7 328.7 840 453.7 840 512c0 58.3 4.7 183.2-16.2 235.8z" p-id="7463" fill="#ffffff"></path> 554 </svg></a> 555 <a href="https://www.linkedin.com/company/107484234/admin/notifications/all/" aria-label="linkedln" rel="nofollow"><svg t="1716797987015" class="icon" viewbox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8539" width="16" height="16"> 556 <path d="M792.266172 89.659019 231.407394 89.659019c-78.30646 0-141.834332 63.247486-141.834332 141.612275l0 560.650023c0 78.363765 63.527872 141.966339 141.834332 141.966339l560.858778 0c78.30646 0 141.53348-63.60155 141.53348-141.966339L933.799652 231.271294C933.799652 152.907529 870.572632 89.659019 792.266172 89.659019zM405.773653 775.21175c0 0.034792-0.027629 0.062422-0.062422 0.062422L300.435537 775.274172c-0.034792 0-0.062422-0.027629-0.062422-0.062422L300.373115 405.924079c0-0.034792 0.027629-0.062422 0.062422-0.062422l105.275695 0c0.034792 0 0.062422 0.027629 0.062422 0.062422L405.773653 775.21175zM352.050078 384.113331c-32.04074 0-58.014298-25.973558-58.014298-58.014298 0-32.04074 25.973558-58.014298 58.014298-58.014298s58.014298 25.973558 58.014298 58.014298C410.064376 358.139773 384.090818 384.113331 352.050078 384.113331zM776.210497 775.21175c0 0.034792-0.027629 0.062422-0.062422 0.062422L669.849074 775.274172c-0.034792 0-0.062422-0.027629-0.062422-0.062422L669.786653 585.453942c0-29.698392-24.130583-54.278207-53.822836-53.657061-28.604478 0.598634-51.577702 24.01802-51.577702 52.765761l0 190.650131c0 0.034792-0.027629 0.062422-0.062422 0.062422L459.047997 775.275195c-0.034792 0-0.062422-0.027629-0.062422-0.062422L458.985576 405.924079c0-0.034792 0.027629-0.062422 0.062422-0.062422l105.275695 0c0.034792 0 0.062422 0.027629 0.062422 0.062422l0 85.602633c0 0.066
556515 0.089028 0.083911 0.118704 0.025583 26.802436-53.849442 55.341423-65.320705 92.598978-65.320705 65.611324 0 119.106702 59.063187 119.106702 131.942031L776.210497 775.21175z" fill="#ffffff" p-id="8540"></path> 557 </svg></a> 558 </div> 559 <div class="sns-desc"> Guangzhou JuChuang Electronic Technology Co. Ltd</div> 560 </div> 561 <ul class="nav" data-module="1" data-nav-type="default" navsubtype="1" blockitems="1"> 562<li blockitem="1" data-page="index"> 563<a blocklink="1" href="/" data-image="" data-remark-image="" target="_self"><i class="ico" style="display:none;" itemscope="1" itemtype="http://schema.org/ImageObject"><img blockimagetype="1" src="" alt="Home" style="display:none;" itemprop="image"></i><em blocktitle="1">Home</em></a> 564 </li> 565<li blockitem="1" data-page="products"> 566<a blocklink="1" href="/products/" target="_self"><i class="ico" itemscope="1" itemtype="http://schema.org/ImageObject"><img blockimagetype="1" src="" alt="Products" style="display:none;" itemprop="image"></i><em blocktitle="1">Products</em></a> 567 <ul> 568<li blockitem="1" data-page="jungle-leopard-case-fan"> 569<a blocklink="1" href="/jungle-leopard-case-fan/" data-image="" data-remark-image="" target="_self"><i class="ico" style="display:none;" itemscope="1" itemtype="http://schema.org/ImageObject"><img blockimagetype="1" src="" alt="Case Fan" style="display:none;" itemprop="image"></i><em blocktitle="1">Case Fan</em></a> 570 </li> 571<li blockitem="1" data-page="jungle-leopard-cpu-cooler"> 572<a blocklink="1" href="/jungle-leopard-cpu-cooler/" data-image="" data-remark-image="" target="_self"><i class="ico" style="display:none;" itemscope="1" itemtype="http://schema.org/ImageObject"><img blockimagetype="1" src="" alt="Air cooler" style="display:none;" itemprop="image"></i><em blocktitle="1">Air cooler</em></a> 573 </li> 574<li blockitem="1" data-page="peripheral-accessories"> 575<a blocklink="1" href="/peripheral-accessories/" data-image="" data-remark-image="" target="_self"><i class="ico" style="display:none;" itemscope="1" itemtype="http://schema.org/ImageObject"><img blockimagetype="1" src="" alt="Peripheral Accessories" style="display:none;" itemprop="image"></i><em blocktitle="1">Peripheral Accessories</em></a> 576 </li> 577<li blockitem="1" data-page="power-supply"> 578<a blocklink="1" href="/power-supply/" data-image="" data-remark-image="" target="_self"><i class="ico" style="display:none;" itemscope="1" itemtype="http://schema.org/ImageObject"><img blockimagetype="1" src="" alt="Power Supply" style="display:none;" itemprop="image"></i><em blocktitle="1">Power Supply</em></a> 579 </li> 580<li blockitem="1" data-page="case"> 581<a blocklink="1" href="/case/" data-image="" data-remark-image="" target="_self"><i class="ico" style="display:none;" itemscope="1" itemtype="http://schema.org/ImageObject"><img blockimagetype="1" src="" alt="Case" style="display:none;" itemprop="image"></i><em blocktitle="1">Case</em></a> 582 </li> 583<li blockitem="1" data-page="water-cooling"> 584<a blocklink="1" href="/water-cooling/" data-image="" data-remark-image="" target="_self"><i class="ico" style="display:none;" itemscope="1" itemtype="http://schema.org/ImageObject"><img blockimagetype="1" src="" alt="Liquid Cooler" style="display:none;" itemprop="image"></i><em blocktitle="1">Liquid Cooler</em></a> 585 </li> 586<div class="desc" blockdesc="1"> 587 <div class="desc-img" itemscope="1" itemtype="http://schema.org/ImageObject"><img blockdescimage="1" src="" alt="Products" itemprop="image"></div> 588 <div class="desc-text" blockdesctext="1"></div> 589 </div> 590</ul> 591</li> 592<li blockitem="1" data-page="about-us"> 593<a blocklink="1" href="/about-us/" data-image="" data-remark-image="" target="_self"><i class="ico" style="display:none;" itemscope="1" itemtype="http://schema.org/ImageObject"><img blockimagetype="1" src="" alt="About Us" style="display:none;" itemprop="image"></i><em blocktitle="1">About Us</em></a> 594 </li> 595<li blockitem="1" data-page="contact-us"> 596<a blocklink="1" href="/contact-us/" data-image="" data-remark-image="" target="_self"><i class="ico" style="display:none;" itemscope="1" itemtype="http://schema.org/ImageObject"><img blockimagetype="1" src="" alt="Contact Us" style="display:none;" itemprop="image"></i><em blocktitle="1">Contact Us</em></a> 597 </li> 598<li blockitem="1" data-page="support"> 599<a blocklink="1" href="/support/" data-image="" data-remark-image="" target="_blank"><i class="ico" style="display:none;" itemscope="1" itemtype="http://schema.org/ImageObject"><img blockimagetype="1" src="" alt="Support" style="display:none;" itemprop="image"></i><em blocktitle="1">Support</em></a> 600 </li> 601</ul> 602 </div> 603 <div class="change-language" data-module="2"> 604 <div class="change-language-title"> 605 <b class="country-flag language-flag-en"></b> <span>English</span> 606 <i><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="#fff" viewbox="0 0 512 512"> 607 <path d="M98,190.06,237.78,353.18a24,24,0,0,0,36.44,0L414,190.06c13.34-15.57,2.28-39.62-18.22-39.62H116.18C95.68,150.44,84.62,174.49,98,190.06Z"> 608 </path> 609 </svg></i> 610 </div> 611 <div class="change-language-cont"> 612 <div class="prisna-wp-translate-seo" blockitems="1"> 613<a blockitem="1" href="https://www.jlcpucooler.com/" class="language-flag" title="English" lang_short="en" rel="nofollow"> 614 <b blockicotype="1" class="country-flag language-flag-en"></b>
615 <span blocktitle="1" style="text-transform: capitalize;">English</span> 616 </a><a blockitem="1" href="https://www.jlcpucooler.com/fr/" class="language-flag" title="French" lang_short="fr" rel="nofollow"> 617 <b blockicotype="1" class="country-flag language-flag-fr"></b> 618 <span blocktitle="1" style="text-transform: capitalize;">French</span> 619 </a><a blockitem="1" href="https://www.jlcpucooler.com/de/" class="language-flag" title="German" lang_short="de" rel="nofollow"> 620 <b blockicotype="1" class="country-flag language-flag-de"></b> 621 <span blocktitle="1" style="text-transform: capitalize;">German</span> 622 </a><a blockitem="1" href="https://www.jlcpucooler.com/pt/" class="language-flag" title="Portuguese" lang_short="pt" rel="nofollow"> 623 <b blockicotype="1" class="country-flag language-flag-pt"></b> 624 <span blocktitle="1" style="text-transform: capitalize;">Portuguese</span> 625 </a><a blockitem="1" href="https://www.jlcpucooler.com/es/" class="language-flag" title="Spanish" lang_short="es" rel="nofollow"> 626 <b blockicotype="1" class="country-flag language-flag-es"></b> 627 <span blocktitle="1" style="text-transform: capitalize;">Spanish</span> 628 </a><a blockitem="1" href="https://www.jlcpucooler.com/ru/" class="language-flag" title="Russian" lang_short="ru" rel="nofollow"> 629 <b blockicotype="1" class="country-flag language-flag-ru"></b> 630 <span blocktitle="1" style="text-transform: capitalize;">Russian</span> 631 </a><a blockitem="1" href="https://www.jlcpucooler.com/ja/" class="language-flag" title="Japanese" lang_short="ja" rel="nofollow"> 632 <b blockicotype="1" class="country-flag language-flag-ja"></b> 633 <span blocktitle="1" style="text-transform: capitalize;">Japanese</span> 634 </a><a blockitem="1" href="https://www.jlcpucooler.com/ko/" class="language-flag" title="Korean" lang_short="ko" rel="nofollow"> 635 <b blockicotype="1" class="country-flag language-flag-ko"></b> 636 <span blocktitle="1" style="text-transform: capitalize;">Korean</span> 637 </a><a blockitem="1" href="https://www.jlcpucooler.com/ar/" class="language-flag" title="Arabic" lang_short="ar" rel="nofollow"> 638 <b blockicotype="1" class="country-flag language-flag-ar"></b> 639 <span blocktitle="1" style="text-transform: capitalize;">Arabic</span> 640 </a><a blockitem="1" href="https://www.jlcpucooler.com/tr/" class="language-flag" title="Turkish" lang_short="tr" rel="nofollow"> 641 <b blockicotype="1" class="country-flag language-flag-tr"></b> 642 <span blocktitle="1" style="text-transform: capitalize;">Turkish</span> 643 </a><a blockitem="1" href="https://www.jlcpucooler.com/it/" class="language-flag" title="Italian" lang_short="it" rel="nofollow"> 644 <b blockicotype="1" class="country-flag language-flag-it"></b> 645 <span blocktitle="1" style="text-transform: capitalize;">Italian</span> 646 </a><a blockitem="1" href="https://www.jlcpucooler.com/id/" class="language-flag" title="Indonesian" lang_short="id" rel="nofollow"> 647 <b blockicotype="1" class="country-flag language-flag-id"></b> 648 <span blocktitle="1" style="text-transform: capitalize;">Indonesian</span> 649 </a><a blockitem="1" href="https://www.jlcpucooler.com/pl/" class="language-flag" title="Polish" lang_short="pl" rel="nofollow"> 650 <b blockicotype="1" class="country-flag language-flag-pl"></b>
651 <span blocktitle="1" style="text-transform: capitalize;">Polish</span> 652 </a><a blockitem="1" href="https://www.jlcpucooler.com/hi/" class="language-flag" title="Hindi" lang_short="hi" rel="nofollow"> 653 <b blockicotype="1" class="country-flag language-flag-hi"></b> 654 <span blocktitle="1" style="text-transform: capitalize;">Hindi</span> 655 </a><a blockitem="1" href="https://www.jlcpucooler.com/nl/" class="language-flag" title="Dutch" lang_short="nl" rel="nofollow"> 656 <b blockicotype="1" class="country-flag language-flag-nl"></b> 657 <span blocktitle="1" style="text-transform: capitalize;">Dutch</span> 658 </a><a blockitem="1" href="https://www.jlcpucooler.com/ms/" class="language-flag" title="Malay" lang_short="ms" rel="nofollow"> 659 <b blockicotype="1" class="country-flag language-flag-ms"></b> 660 <span blocktitle="1" style="text-transform: capitalize;">Malay</span> 661 </a><a blockitem="1" href="https://www.jlcpucooler.com/fa/" class="language-flag" title="Persian" lang_short="fa" rel="nofollow"> 662 <b blockicotype="1" class="country-flag language-flag-fa"></b> 663 <span blocktitle="1" style="text-transform: capitalize;">Persian</span> 664 </a><a blockitem="1" href="https://www.jlcpucooler.com/th/" class="language-flag" title="Thai" lang_short="th" rel="nofollow"> 665 <b blockicotype="1" class="country-flag language-flag-th"></b> 666 <span blocktitle="1" style="text-transform: capitalize;">Thai</span> 667 </a><a blockitem="1" href="https://www.jlcpucooler.com/vi/" class="language-flag" title="Vietnamese" lang_short="vi" rel="nofollow"> 668 <b blockicotype="1" class="country-flag language-flag-vi"></b> 669 <span blocktitle="1" style="text-transform: capitalize;">Vietnamese</span> 670 </a> 671</div> 672 </div> 673 </div> 674 </div> 675 <div class="pop-box dialog_wrapper inquiry-box dialog_form form-header-demo1-block" id="formId601"><div class="box-container"> 676<div class="box-header"> 677<strong class="title">Leave Your Message</strong><i class="close" onclick="GlobalsoIframe.popUp.inquiryClose(this)"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="64" height="64" fill="#333"><g><path fill="none" d="M0 0h24v24H0z"></path><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z"></path></g></svg></i> 678</div> 679<div class="box-body"><div class="form-header-inquiry-block"><form class="inquiry-form"> 680<div class="form-item item-name" required="true"> 681<input type="text" value="" name="name" placeholder="* Name" data-inquiry-message="*Name Cannot be empty!" required="required"><span class="form-checktip"></span> 682</div> 683<div class="form-item item-email" required="true"> 684<input type="email" value="" name="email" placeholder="* Email (We will reply you via email in 24 hours)" data-inquiry-message="Enter a Warming that does not meet the criteria!" required="required"><span class="form-checktip"></span> 685</div> 686<div class="form-item item-phone"> 687<input type="tel" value="" name="phone" placeholder="Phone/WhatsApp/WeChat (Very important)" data-inquiry-message="Enter a Warming that does not meet the criteria!"><span class="form-checktip"></span> 688</div> 689<div class="form-item item-company"> 690<input type="text" name="company" placeholder="Company Name" data-inquiry-message="*Company Name Cannot be empty!"><span class="form-checktip"></span> 691</div> 692<div class="form-item item-message" required="true"> 693<textarea name="message" placeholder="* Enter product details such as size, color, materials etc. and other specific requirements to receive an accurate quote." data-inquiry-message="* Enter product details such as size, color,materials etc. and other specific requirements to receive an accurate quote. Cannot be empty" required="required"></textarea><span class="form-checktip"></span> 694</div> 695<div class="form-item item-submit"><button class="btn btn-submit" onclick="GlobalsoIframe.inquiryform.verifyRules(this)" type="submit" aria-label="button_qyho" id="project_1211_form_submit_index_1">Send<i class="la"></i><i class="btn-ani"></i></button></div> 696</form></div></div> 697</div></div> 698 <style> 699 .section-block-demo54-header{ 700 background-color: #1e1c1f; 701 } 702 </style> 703
703<script> 704 var windowWidth = window.innerWidth; 705 if( windowWidth > 992 ){ 706 var navLangth = $(".section-block-demo54-header .nav>li").length; 707 if (navLangth % 2 == 0){ 708 $(".section-block-demo54-header .nav>li:last-child").css({ "margin": "0 5px"}); 709 navAdd = navLangth / 2; 710 }else{ 711 navAdd = (navLangth + 1) / 2; 712 } 713 $(".section-block-demo54-header .nav").children().eq(navAdd-1).css({ "margin-right": "8vw"}); 714 $(".section-block-demo54-header .nav").children().eq(navAdd).css({ "margin-left": "8vw"}); 715 } 716 </script>
716 717 <style id="header-inner-style">.demo70-body > .section-header-wrap-block.section-block-demo54-header {padding-bottom: 0px;}</style></header><main> 718 <!-- demo01 --> 719 <section data-section="section" data-screen="screen-full" pagination-style="circle" slide-btn-style="circle" pagination-btn-color="white" slide-button="slide-button-hover-show" data-pagination="always-show" class="section-banner-wrap-block section-block-demo1-banner1" id="sectionId7ctqi4d" style="background: rgb(0, 0, 0);" bannerlazyload="1"> 720 721 <style data-mob="mob_file_insert"> 722 .section-block-demo1-banner1 { 723 overflow: hidden; 724 } 725 726 .section-block-demo1-banner1 .item-inner { 727 display: block; 728 } 729 730 .section-block-demo1-banner1 img { 731 visibility: visible !important; 732 width: 100%; 733 } 734 735 .section-block-demo1-banner1 .item-info { 736 position: absolute; 737 left: 0; 738 top: 50%; 739 color: #fff; 740 width: 60%; 741 padding: 8%; 742 font-size: 1.5rem; 743 ; 744 -moz-transform: translateY(-50%); 745 -webkit-transform: translateY(-50%); 746 -o-transform: translateY(-50%); 747 -ms-transform: translateY(-50%); 748 transform: translateY(-50%); 749 } 750 751 .section-block-demo1-banner1 .item-info .btn { 752 padding: 0.8rem 2.5rem; 753 } 754 755 756 757 @media only screen and (max-width:1080px) { 758 .section-block-demo1-banner1 .item-info { 759 display: none !important; 760 } 761 } 762 </style> 763 764
764<script>GlobalsoIframe.Swiper.swiperNormal({"container":"#sectionId7ctqi4d .execute-swiper-slide","effect":"fade","delay":3000,"speed":1200,"loop":"true","autoPlay":"true"})</script>
764 765 766 <style styleid="sectionId7ctqi4d">#sectionId7ctqi4d > .layout.outer-swiper-wrap {float: left;}</style></section><section swipernormal="1" activeblock="1" generalimgtext="1" data-section="section" data-screen="screen-full" data-pagination="always-show" slide-btn-style="custom-15" slide-button="slide-button-false" pagination-btn-color="theme" pagination-style="custom-1" block-content-time="1" block-content-desc="1" block-text-x-align="1" block-content-linkbtn="1" class="section-tab-wrap-block section-generalimgtext-wrap-block section-block-demo171-projects" id="sectionIdpwxit45" pagination-btn-position="bottom" block-content-params="1" style='background-image: url("https://ecdn6.globalso.com/upload/p/1211/image_other/2024-06/background-2-pages.jpg"); display: none; --bs-swiper-slidesperview: 33.33%; --bs-swiper-slidesperview768: 50%; --bs-swiper-slidesperview480: 100%;'> 767 <div class="layout title-bar" style=" 768 padding-left: calc((100% - var(--bs-screen-large)) / 2); 769 padding-right: calc((100% - var(--bs-screen-large)) / 2); 770"> 771 772 <div class="tab-nav d-flex flex-wrap justify-content-center" style="background-image: none;"> 773 774 775 776 777 778 779 </div> 780 </div> 781 <div class="layout wrap-pannel" style=" 782 padding-left: calc((100% - var(--bs-screen-large)) / 2); 783 padding-right: calc((100% - var(--bs-screen-large)) / 2); 784"> 785 <div class="tab-pannel-wrap" data-unable="demo171-projects" style=" 786 overflow: hidden; 787"> 788 <!-- 1 --> 789 790 <!-- 2 --> 791 792 <!-- 3 --> 793 794 <!-- 4 --> 795 796 <!-- 5 --> 797 798 <!-- 6 --> 799 800 </div> 801 </div> 802 803 <style> 804 .demo171-body .section-block-demo171-projects[pagination-style="custom-1"][pagination-btn-color="theme"] .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { 805 background-color: var(--bs-sec-theme-color); 806 border-color: var(--bs-sec-theme-color); 807 } 808 .demo171-body .section-block-demo171-projects[pagination-style="custom-1"][pagination-btn-color="theme"] .swiper-pagination .swiper-pagination-bullet { 809 border-color: #fff; 810 border-width: 1px; 811 } 812 .section-block-demo171-projects .outer-swiper-wrap .execute-swiper-slide{ 813 overflow: visible; 814 margin: 85px 0 49px; 815 } 816 .section-block-demo171-projects .outer-swiper-wrap.active{ 817 overflow: visible; 818 } 819 .section-block-demo171-projects { 820 padding: 75px 0; 821 } 822 823 /* swiper */ 824 825 .section-block-demo171-projects .outer-swiper-wrap .swiper-slide .item-inner{ 826 opacity: .2; 827 } 828 .section-block-demo171-projects .outer-swiper-wrap .swiper-slide .item-inner:hover{ 829 opacity: 1; 830 } 831 /* 大å°ä½ç½®æ§å¶ */ 832 .section-block-demo171-projects .swiper-slide.swiper-slide-prev .item-inner{ 833 transform: scale(1) translateX(-80px); 834 } 835 .section-block-demo171-projects .swiper-slide.swiper-slide-next .item-inner{ 836 transform: scale(1) translateX(80px); 837 } 838 .section-block-demo171-projects .swiper-slide.swiper-slide-active .item-inner{ 839 transform: scale(1.22); 840 opacity: 1; 841 transform-origin: center center; 842 } 843 844 /* tapæ */ 845 .section-block-demo171-projects .tab-nav { 846 margin: 36px 0 34px; 847 }
848 .section-block-demo171-projects .nav-item{ 849 font-size: 20px; 850 line-height: 22px; 851 letter-spacing: -1px; 852 font-weight: 400; 853 text-align: center; 854 border-radius: 9px; 855 padding: 13px 21px; 856 transition-duration: 1s; 857 } 858 .section-block-demo171-projects .nav-item.active{ 859 background-image: linear-gradient(to right, var(--bs-theme-color) 0%, var(--bs-sec-theme-color) 100%); 860 font-size: 22px; 861 color: #fff; 862 } 863 864 /* å 容 */ 865 .section-block-demo171-projects .outer-swiper-wrap .swiper-slide .item-inner .item-img{ 866 border-radius: 11px; 867 border: 2px solid #666666; 868 } 869 .section-block-demo171-projects .sc-block-item .item-inner { 870 background-color: transparent; 871 } 872 873 .section-block-demo171-projects .sc-block-item .item-inner .item-info { 874 width: 100%; 875 padding: 1rem 1rem; 876 position: relative; 877 } 878 .section-block-demo171-projects .sc-block-item .item-inner .item-info .item-title { 879 font-size: 18px; 880 line-height: 1; 881 font-weight: 300; 882 padding: 12px 0 13px; 883 } 884 .section-block-demo171-projects .sc-block-item:hover .item-inner .item-info .item-title { 885 color: var(--bs-sec-theme-color); 886 } 887 .section-block-demo171-projects .sc-block-item .item-inner .item-info .item-order { 888 display: block; 889 font-size: 82px; 890 font-family: var(--bs-h-font-sans-serif); 891 font-weight: 600; 892 line-height: .7; 893 opacity: .03; 894 position: absolute; 895 top: 0; 896 left: 50%; 897 transform: translate(-50%); 898 } 899 .section-block-demo171-projects .sc-block-item .item-inner .item-info .item-desc { 900 font-size: 16px; 901 font-weight: 300; 902 margin-top: 0; 903 line-height: 1.4; 904 } 905 906 /* æ 颿 */ 907 .section-block-demo171-projects [heading-type="6"][textalign="center"] i { 908 width: 85px; 909 height: 4px; 910 } 911 .section-block-demo171-projects [heading-type="6"] span.line { 912 width: 536px; 913 background-color: #c5c5c5; 914 left: 50%; 915 transform: translate(-50%); 916 } 917 .section-block-demo171-projects .title { 918 position: relative; 919 font-size: 46px; 920 font-weight: 500; 921 text-transform: capitalize; 922 line-height: 1; 923 } 924 925 926 @media only screen and (max-width: 1366px) { 927 .section-generalimgtext-wrap-block[block-border-padding="1"] .sc-block-item .item-inner { 928 padding: 0; 929 } 930 .section-block-demo171-projects .swiper-slide.swiper-slide-prev .item-inner{ 931 transform: scale(1) translateX(-40px); 932 } 933 .section-block-demo171-projects .swiper-slide.swiper-slide-next .item-inner{ 934 transform: scale(1) translateX(40px); 935 } 936 .section-block-demo171-projects { 937 padding: 20px 0 40px; 938 } 939 } 940 941 @media only screen and (max-width: 992px) { 942 .section-block-demo171-projects { 943 padding: 0 0 10px; 944 } 945 .section-block-demo171-projects .title { 946 font-size: 30px; 947 } 948 .section-block-demo171-projects [heading-type="6"][textalign="center"] i { 949 width: 50px; 950 } 951 .section-block-demo171-projects [heading-type="6"] span.line { 952 width: 300px; 953 }
954 .section-block-demo171-projects .nav-item{ 955 font-size: 14px; 956 padding: 5px 10px; 957 } 958 .section-block-demo171-projects .nav-item.active { 959 font-size: unset; 960 } 961 .section-block-demo171-projects .outer-swiper-wrap .execute-swiper-slide{ 962 margin: 40px 0 0; 963 } 964 } 965 966 @media only screen and (max-width: 720px) { 967 .section-block-demo171-projects .sc-block-item .item-inner .item-info { 968 bottom: 0; 969 } 970 [pagination-btn-position="bottom"][swipernormal] .swiper-control { 971 margin-top: 0; 972 } 973 .section-block-demo171-projects .sc-block-item .item-inner .item-info .item-desc { 974 display: -webkit-box; 975 text-overflow: ellipsis; 976 overflow: hidden; 977 -webkit-box-orient: vertical; 978 -webkit-line-clamp: 1; 979 } 980 .section-block-demo171-projects { 981 padding: 0; 982 } 983 } 984 @media only screen and (max-width: 480px) { 985 .section-block-demo171-projects .swiper-slide.swiper-slide-active .item-inner{ 986 transform: scale(1.1); 987 } 988 .section-block-demo171-projects .sc-block-item .item-inner .item-info { 989 padding: 0; 990 } 991 } 992 </style> 993
993<script>GlobalsoIframe.Swiper.swiperNormal({"container":"#sectionIdpwxit45 .execute-swiper-slide","delay":30000,"speed":1200,"spaceBetween":0,"slidesPerView":3,"centeredSlides":"true","loop":"true","slidesPerView768":2,"slidesPerView480":1})</script>
993 994 <style styleid="sectionIdpwxit45">#sectionIdpwxit45 > .layout.title-bar > .tab-nav.d-flex.flex-wrap.justify-content-center > .nav-item.active {background-size: cover;}#sectionIdpwxit45 > .layout.wrap-pannel > .tab-pannel-wrap > .tab-pannel.outer-swiper-wrap.active > .execute-swiper-slide > .swiper-wrapper.sc-block-items > .swiper-slide.sc-block-item > .item-inner > .item-img > img {display: inline;width: 100%;height: 1000%;right: 0.0104167px;}#sectionIdpwxit45 > .layout.wrap-pannel > .tab-pannel-wrap > .tab-pannel.outer-swiper-wrap.active > .execute-swiper-slide > .swiper-wrapper.sc-block-items > .swiper-slide.sc-block-item > .item-inner > .item-img > .align-left {width: 100%;height: 100%;bottom: 0px;right: 0.0104167px;max-width: 100%;}#sectionIdpwxit45 > .layout.title-bar > .tab-nav.d-flex.flex-wrap.justify-content-center {color: rgb(255, 106, 0);}#sectionIdpwxit45 > .layout.wrap-pannel > .tab-pannel-wrap > .tab-pannel.outer-swiper-wrap.active > .swiper-control > .swiper-pagination.swiper-pagination-bullets {color: #a09892;}#sectionIdpwxit45 > .layout.wrap-pannel > .tab-pannel-wrap > .tab-pannel.outer-swiper-wrap.active > .swiper-control > .swiper-pagination.swiper-pagination-bullets > .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: ;border-color: #ff6a00;float: none;border-top-color: #ff6a00;border-bottom-color: #ff6a00;border-left-color: #ff6a00;border-å³-color: #ff6a00;border-right-color: #ff6a00;}</style></section> 995 <!-- demo02 --> 996 997 <!-- demo03 --> 998 999 <!-- demo04 --> 1000 1001 <!-- demo05 --> 1002 1003 <!-- demo06 --> 1004 1005 <!-- demo07 --> 1006 <section swiperbanner="1" data-section="section" data-screen="screen-xxl" pagination-style="circle" slide-btn-style="circle" pagination-btn-color="white" slide-button="slide-button-false" data-pagination="false" class="section-banner-wrap-block section-block-demo179-banner" id="sectionId7s5n514" banner-text-position="right" direction="horizontal" bannerlazyload="1"> 1007 <div class="layout outer-swiper-wrap" data-unable="demo179-banner"> 1008 <div class="execute-swiper-slide swiper-backface-hidden" direction="horizontal"> 1009 <div class="swiper-wrapper" param_loops="1"> 1010<div class="swiper-slide" param_loop="1"> 1011 <a class="item-inner" aria-label="1" itemscope="1" itemtype="http://schema.org/ImageObject"> 1012 <img class="ani" swiper-animate-effect="zoomImage" swiper-animate-duration="2.5s" swiper-animate-delay="0s" data-src-desktop="https://ecdn6.globalso.com/upload/p/1211/image_other/2026-07/banner7-6.jpg" data-src-mobile="https://ecdn6.globalso.com/upload/p/1211/image_other/2026-05/5-23-1.jpg" alt="banner7-6" style="visibility: hidden; aspect-ratio: 1920 / 670;" srcset="https://ecdn6.globalso.com/upload/p/1211/image_other/2026-05/5-23-1.jpg 640w,https://ecdn6.globalso.com/upload/p/1211/image_other/2026-07/banner7-6.jpg 1920w" sizes="(max-width: 480px) 640px,1920px" loading="lazy" width="1920" src="https://ecdn6.globalso.com/upload/p/1211/image_other/2026-07/banner7-6.jpg" height="670" itemprop="image"> 1013 <div class="item-info"> 1014 <h2 class="item-title" param_title="1"></h2> 1015 <p class="item-desc" param_desc="1"></p> 1016 </div> 1017 </a> 1018 </div> 1019<div class="swiper-slide" param_loop="1"> 1020 <a class="item-inner" href="#" aria-label="1" itemscope="1" itemtype="http://schema.org/ImageObject"> 1021 <img class="ani" swiper-animate-effect="zoomImage" swiper-animate-duration="2.5s" swiper-animate-delay="0s" data-src-desktop="https://ecdn6.globalso.com/upload/p/1211/image_other/2026-07/banner7-6-2.jpg" data-src-mobile="https://ecdn6.globalso.com/upload/p/1211/image_other/2026-07/banner7-6-2.jpg" alt="banner7-6-2" style="visibility: hidden; aspect-ratio: 1920 / 670;" sizes="(max-width: 480px) 640px,1920px" loading="lazy" width="1920" height="670" lazy-srcset="https://ecdn6.globalso.com/upload/p/1211/image_other/2026-07/banner7-6-2.jpg 640w,https://ecdn6.globalso.com/upload/p/1211/image_other/2026-07/banner7-6-2.jpg 1920w" lazy-src="https://ecdn6.globalso.com/upload/p/1211/image_other/2026-07/banner7-6-2.jpg" itemprop="image"> 1022 <div class="item-info"> 1023 <h2 class="item-title" param_title="1">Star Alliance</h2> 1024 <p class="item-desc" param_desc="1"></p> 1025 </div> 1026 </a> 1027 </div> 1028<div class="swiper-slide" param_loop="1"> 1029 <a class="item-inner" href="#" aria-label="1" itemscope="1" itemtype="http://schema.org/ImageObject"> 1030 <img class="ani" swiper-animate-effect="zoomImage" swiper-animate-duration="2.5s" swiper-animate-delay="0s" data-src-desktop="https://ecdn6.globalso.com/upload/p/1211/image_other/2026-07/banner7-6-3.jpg" data-src-mobile="https://ecdn6.globalso.com/upload/p/1211/image_other/2026-07/banner7-6-3.jpg" alt="banner7-6-3" style="visibility: hidden; aspect-ratio: 1920 / 670;" sizes="(max-width: 480px) 640px,1920px" loading="lazy" width="1920" height="670" lazy-srcset="https://ecdn6.globalso.com/upload/p/1211/image_other/2026-07/banner7-6-3.jpg 640w,https://ecdn6.globalso.com/upload/p/1211/image_other/2026-07/banner7-6-3.jpg 1920w" lazy-src="https://ecdn6.globalso.com/upload/p/1211/image_other/2026-07/banner7-6-3.jpg" itemprop="image"> 1031 <div class="item-info"> 1032 <h2 class="item-title" param_title="1"></h2> 1033 <p class="item-desc" param_desc="1"></p> 1034 </div> 1035 </a> 1036 </div> 1037<div class="swiper-slide" param_loop="1"> 1038 <a class="item-inner" href="#" aria-label="1" itemscope="1" itemtype="http://schema.org/ImageObject"> 1039 <img class="ani" swiper-animate-effect="zoomImage" swiper-animate-duration="2.5s" swiper-animate-delay="0s" data-src-desktop="https://ecdn6.globalso.com/upload/p/1211/image_other/2026-07/banner7-6-5.jpg" data-src-mobile="https://ecdn6.globalso.com/upload/p/1211/image_other/2026-07/banner7-6-5.jpg" alt="banner7-6-5" style="visibility: hidden; aspect-ratio: 1920 / 670;" sizes="(max-width: 480px) 640px,1920px" loading="lazy" width="1920" height="670" lazy-srcset="https://ecdn6.globalso.com/upload/p/1211/image_other/2026-07/banner7-6-5.jpg 640w,https://ecdn6.globalso.com/upload/p/1211/image_other/2026-07/banner7-6-5.jpg 1920w" lazy-src="https://ecdn6.globalso.com/upload/p/1211/image_other/2026-07/banner7-6-5.jpg" itemprop="image"> 1040 <div class="item-info"> 1041 <h2 class="item-title" param_title="1">LCD Water cooling</h2> 1042 <p class="item-desc" param_desc="1"></p> 1043 </div> 1044 </a> 1045 </div> 1046</div> 1047 1048 </div> 1049 <div class="swiper-control"> 1050 <div class="swiper-button swiper-button-prev"></div> 1051 <div class="swiper-pagination"></div> 1052 <div class="swiper-button swiper-button-next"></div> 1053 </div> 1054 <div class="btn-down" onclick="GlobalsoIframe.btnDown.downScroll(this)" itemscope="1" itemtype="http://schema.org/ImageObject"><img src="https://ecdn6.globalso.com/upload/m/image_other/2024-06/179-banner-down.png" alt="1" loading="lazy" width="100" height="58" style="aspect-ratio: 100 / 58;" itemprop="image"></div> 1055 </div> 1056 <style>.section-banner-wrap-block .item-info { 1057 position: absolute; 1058text-align: center !important;; 1059 top: 10% !important;; 1060 width: 100% !important;} 1061 .section-block-demo179-banner .swiper-slide .item-inner { 1062 cursor: -webkit-grab; 1063 cursor: grab; 1064 } 1065 1066 .section-block-demo179-banner .btn-down { 1067 margin: 0 auto; 1068 position: absolute; 1069 bottom: 40px; 1070 transform: translate(-50%); 1071 left: 50%; 1072 z-index: 2; 1073 cursor: pointer; 1074 } 1075 1076 .section-block-demo179-banner .item-inner .item-desc { 1077 font-size: 29px; 1078 } 1079 1080 .section-block-demo179-banner .item-inner .item-title::first-letter { 1081 font-size: 142px; 1082 } 1083 1084 .section-block-demo179-banner .item-inner .item-title { 1085 color: #fff; 1086 text-transform: uppercase; 1087 font-size: 83px; 1088 } 1089 1090 1091 /* ææ¬å·¦å³ä½ç½® */ 1092 .section-block-demo179-banner[banner-text-position="right"] .item-info { 1093 text-align: left; 1094 } 1095 1096 .section-block-demo179-banner .item-info { 1097 position: absolute; 1098 left: 0; 1099 top: 50%; 1100 width: 45%; 1101 } 1102 1103 @media only screen and (max-width:1080px) { 1104 .section-block-demo179-banner .btn-down { 1105 display: none; 1106 } 1107 1108 .section-block-demo179-banner .item-inner .item-title { 1109 font-size: 40px; 1110 padding-bottom: 20px; 1111 } 1112 1113 .section-block-demo179-banner .item-inner .item-desc { 1114 padding-bottom: 20px; 1115 } 1116 } 1117 1118 @media only screen and (max-width:640px) { 1119 .section-block-demo179-banner .item-info { 1120 display: none !important; 1121 } 1122 } 1123 </style> 1124 1125 1126 1127
1127<script> 1128 GlobalsoIframe.Swiper.swiperNormal({container: "#sectionId7s5n514 .execute-swiper-slide", effect: "fade", delay: 5000, speed: 1200, loop: "true", autoPlay: "true"}) 1129 </script>
1129<style styleid="sectionId7s5n514">#sectionId7s5n514 > .layout.outer-swiper-wrap > .execute-swiper-slide > .swiper-wrapper > .swiper-slide > .item-inner > .ani {text-align: center;}#sectionId7s5n514 > .layout.outer-swiper-wrap > .execute-swiper-slide > .swiper-wrapper > .swiper-slide > .item-inner > .ani {text-align: ;}</style></section><section swipernormal="1" activeblock="1" data-section="section" data-screen="screen-full" class="section-innovation-wrap-block section-block-demo167-innovation d-xs-none d-md-none d-xl-none d-lg-none d-xxl-none d-sm-none" id="sectionId2i2bv2j" style='background-image: url("https://ecdn6.globalso.com/upload/p/1211/image_other/2024-06/background-2-pages.jpg"); --bs-swiper-slidesperview: 100%; --bs-swiper-slidesperview768: 100%; --bs-swiper-slidesperview480: 100%; --bs-swiper-slidesperview320: 100%;' slide-button="slide-button-always-show" slide-btn-style="current" data-pagination="false" direction="horizontal"> 1130 1131 <div class="layout title-bar aos-init" data-aos="bounceInLeft" data-aos-duration="1000"> 1132 1133 </div> 1134 <div class="layout outer-swiper-wrap aos-init" data-unable="demo167-innovation" data-module="2" data-aos="bounceInRight" data-aos-duration="1000" style="padding-left: calc((100% - var(--bs-screen-large)) / 2); padding-right: calc((100% - var(--bs-screen-large)) / 2);"> 1135 <ul class="innovation-tabs"> 1136 <li class="innovation-tab"> 1137<i></i>Transwarp</li> 1138 <li class="innovation-tab active"> 1139<i></i>Astro Beat 360</li> 1140 </ul> 1141 <div class="execute-swiper-slide swiper-backface-hidden" direction="horizontal"> 1142 <div class="swiper-wrapper innovation-items" blockitems="1"> 1143 <div class="swiper-slide innovation-item" blockitem="1"> 1144 <a href="" class="item-inner"> 1145 <div class="item-img" itemscope="1" itemtype="http://schema.org/ImageObject"><img src="https://ecdn6.globalso.com/upload/p/1211/image_other/2026-07/untitled-new.jpg" alt="untitled-new" blockimagetype="1" loading="lazy" itemprop="image" data-src-desktop="https://ecdn6.globalso.com/upload/p/1211/image_other/2026-07/untitled-new.jpg"></div> 1146 <div class="item-info"> 1147 <h3 class="item-title" blocktitle="1">Transwarp<br><i></i> 1148</h3> 1149 <div class="item-desc" blockdesc="1"> 1150<div>Use Halo light circle appearance </div> 1151<div>dESGINRetained side infinite mirror </div> 1152<div>Adding aperture and CD texture </div> 1153<div>technology on the axis</div> 1154</div> 1155 <div class="item-more" itemscope="1" itemtype="http://schema.org/ImageObject"><img src="https://ecdn6.globalso.com/upload/m/image_other/2024-04/660b7da0773b164509.png" alt="660b7da0773b164509" loading="lazy" itemprop="image"></div> 1156 </div> 1157 </a> 1158 </div> 1159 <div class="swiper-slide innovation-item" blockitem="1"> 1160 <a href="" class="item-inner"> 1161 <div class="item-img" itemscope="1" itemtype="http://schema.org/ImageObject"><img src="https://ecdn6.globalso.com/upload/p/1211/image_other/2026-07/7-new.jpg" alt="7-new" blockimagetype="1" loading="lazy" itemprop="image" data-src-desktop="https://ecdn6.globalso.com/upload/p/1211/image_other/2026-07/7-new.jpg"></div> 1162 <div class="item-info"> 1163 <h3 class="item-title" blocktitle="1">AstroBeat 360</h3> 1164 <div class="item-desc" blockdesc="1">Adopt oxidizedWYDng/EEbearing impeler forramiÃbettér heat dissipatfonLOWEYnoise </div> 1165 <div class="item-more" itemscope="1" itemtype="http://schema.org/ImageObject"><img src="https://ecdn6.globalso.com/upload/m/image_other/2024-04/660b7da0773b164509.png" alt="660b7da0773b164509" loading="lazy" itemprop="image"></div> 1166 </div> 1167 </a> 1168 </div> 1169 </div> 1170 </div> 1171 <div class="swiper-control"> 1172 <div class="swiper-button swiper-button-prev"></div> 1173 <div class="swiper-pagination"></div> 1174 <div class="swiper-button swiper-button-next"></div> 1175 </div> 1176 </div> 1177 <style> 1178 .section-block-demo167-innovation{position:relative;background-position:0 bottom;background-repeat:no-repeat;background-size:100% auto;padding-bottom:100px;padding-top:3rem} 1179.section-block-demo167-innovation[slide-btn-style=current] .swiper-control{position:absolute;font-size:0;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:99999;text-align:center} 1180.section-block-demo167-innovation[slide-btn-style=current] .swiper-button{width:143px;height:90px;border:0;color:#fff;position:relative;
1180left:unset;right:unset;top:unset;font-size:36px;margin-top:0;line-height:90px} 1181.section-block-demo167-innovation[slide-btn-style=current] .swiper-button-next,.section-block-demo167-innovation[slide-btn-style=current] .swiper-button-next:hover{background-color:rgba(255,255,255,.38)!important} 1182.section-block-demo167-innovation[slide-btn-style=current] .swiper-button-prev{background-color:var(--bs-theme-color)} 1183.section-block-demo167-innovation .item-inner .item-info{max-width:700px;padding:10px 10px 40px 10px;position:absolute;left:13.5%;bottom:0;z-index:2;color:#fff} 1184.section-block-demo167-innovation .item-inner .item-title{font-size:30px;line-height:1.5;font-weight:700;text-transform:capitalize;position:relative} 1185.section-block-demo167-innovation .item-inner .item-title i{position:absolute;bottom:0;left:0;width:0;background-color:#fff;height:2px;-webkit-transition:all ease-in-out .35s;transition:all ease-in-out .35s} 1186.section-block-demo167-innovation .item-inner .item-title:hover i{width:100%} 1187.section-block-demo167-innovation .item-inner .item-desc{font-size:18px;color:rgba(255,255,255,.85);line-height:1.33;margin:16px 0 33px 0} 1188.section-block-demo167-innovation .swiper-slide-active .item-inner .item-title{-webkit-animation:fadeInUp .9s ease;animation:fadeInUp .9s ease} 1189.section-block-demo167-innovation .swiper-slide-active .item-inner .item-desc{-webkit-animation:fadeInDownA 1.1s ease;animation:fadeInDownA 1.1s ease} 1190.section-block-demo167-innovation .item-inner .item-img img{-o-object-fit:cover;object-fit:cover;width:auto;max-width:unset} 1191.section-block-demo167-innovation .innovation-tabs{width:390px;max-width:40%;position:absolute;left:auto;right:0;top:29%;bottom:auto;z-index:2} 1192.section-block-demo167-innovation .innovation-tabs .innovation-tab{position:relative;display:block;font-size:18px;line-height:1.33;opacity:.49;-webkit-transition:all ease-in-out .35s;transition:all ease-in-out .35s;color:#fff;text-transform:capitalize;padding:3px 0;cursor:pointer} 1193.section-block-demo167-innovation .innovation-tabs .innovation-tab i{width:40px;height:2px;background:#fff;display:inline-block;vertical-align:middle;margin-right:1rem;opacity:0;-webkit-transition:all ease-in-out .35s;transition:all ease-in-out .35s} 1194.section-block-demo167-innovation .innovation-tabs .innovation-tab.active{font-size:24px;opacity:1} 1195.section-block-demo167-innovation .innovation-tabs .innovation-tab.active i{opacity:1} 1196@media only screen and (max-width:1680px){.section-block-demo167-innovation[slide-btn-style=current] .swiper-button{width:95px;height:70px;line-height:70px;font-size:26px} 1197.section-block-demo167-innovation .item-inner .item-info{max-width:600px;left:115px} 1198.section-block-demo167-innovation .item-inner .item-title{font-size:26px} 1199.section-block-demo167-innovation .item-inner .item-desc{font-size:16px;margin:10px 0 15px 0} 1200.section-block-demo167-innovation .innovation-tabs{width:350px} 1201.section-block-demo167-innovation .innovation-tabs .innovation-tab{font-size:16px} 1202.section-block-demo167-innovation .innovation-tabs .innovation-tab i{width:32px} 1203.section-block-demo167-innovation .innovation-tabs .innovation-tab.active{font-size:20px} 1204} 1205@media only screen and (max-width:1440px){.section-block-demo167-innovation{padding-bottom:60px} 1206.section-block-demo167-innovation[slide-btn-style=current] .swiper-control{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)} 1207.section-block-demo167-innovation[slide-btn-style=current] .swiper-button{display:block;background-color:rgba(255,255,255,.38)!important;width:85px;height:60px;line-height:60px} 1208.section-block-demo167-innovation[slide-btn-style=current] .swiper-button-next{border-top:1px solid #fff} 1209} 1210@media only screen and (max-width:1366px){ 1211.section-block-demo167-innovation .innovation-tabs{width:300px;top:15%} 1212.section-block-demo167-innovation .item-inner .item-title{font-size:20px} 1213.section-block-demo167-innovation .innovation-tabs .innovation-tab.active{font-size:18px} 1214.section-block-demo167-innovation .innovation-tabs .innovation-tab,.section-block-demo167-innovation .item-inner .item-desc{font-size:14px} 1215} 1216@media only screen and (max-width:992px){.section-block-demo167-innovation{padding-bottom:50px} 1217.section-block-demo167-innovation .innovation-tabs{display:none} 1218.section-block-demo167-innovation[slide-btn-style=current] .swiper-control{position:unset;top:unset;-webkit-transform:unset;transform:unset} 1219.section-block-demo167-innovation[slide-btn-style=current] .swiper-button{position:absolute;top:40%;width:55px;height:40px;line-height:40px;font-size:20px} 1220.section-block-demo167-innovation[slide-btn-style=current] .swiper-button-next{right:0;border-top:none} 1221.section-block-demo167-innovation[slide-btn-style=current] .swiper-button-prev{left:0} 1222.section-block-demo167-innovation .item-inner .item-info{max-width:100%;left:0} 1223} 1224@media only screen and (max-width:640px){.section-block-demo167-innovation .item-inner .item-title{font-size:16px} 1225.section-block-demo167-innovation .innovation-tabs .innovation-tab,.section-block-demo167-innovation .item-inner .item-desc{font-size:12px} 1226} 1227 1228.section-block-demo167-innovation .title-bar .title,.section-block-demo167-innovation .title-bar .title em{font-size:36px;line-height:1.5;font-weight:700} 1229.section-block-demo167-innovation .title[heading-type="27"] .ico{background-image:url(https://ecdn6.globalso.com/upload/m/image_other/2024-04/660b83f27a1bf72135.png);width:36px;height:57px} 1230.section-block-demo167-innovation .title-bar .text{color:#6b6b6b;max-width:1150px;padding-top:25px;font-size:18px;line-height:1.5} 1231@media only screen and (max-width:1440px){ 1232.section-block-demo167-innovation .title-bar .title{padding:.7rem 0} 1233.section-block-demo167-innovation .title-bar .title,section .title-bar .title em{font-size:30px} 1234.section-block-demo167-innovation .title[heading-type="27"] .ico{width:30px;height:45px} 1235.section-block-demo167-innovation .title-bar .text{padding-top:15px;font-size:16px} 1236} 1237 1238@media only screen and (max-width:992px){ 1239.section-block-demo167-innovation .title-bar .title,section .title-bar .title em{font-size:24px} 1240.section-block-demo167-innovation .title[heading-type="27"] .ico{width:24px;height:36px} 1241.section-block-demo167-innovation .title-bar .text{padding-top:7px;font-size:14px} 1242} 1243@media only screen and (max-width:768px){ 1244.section-block-demo167-innovation .title-bar .title,.section-block-demo167-innovation .title-bar .title em{font-size:22px} 1245.section-block-demo167-innovation .title[heading-type="27"] .ico{width:20px;height:30px;margin-left:5px} 1246.section-block-demo167-innovation .title-bar .text{font-size:13px} 1247} 1248 1249 </style> 1250
1250<script>GlobalsoIframe.Swiper.swiperNormal({"container":"#sectionId2i2bv2j .execute-swiper-slide","delay":30000,"speed":1200,"slidesPerView":1,"btnSlide":"1","slideBtnName":".section-block-demo167-innovation .innovation-tab"})</script>
1250 1251 <style styleid="sectionId2i2bv2j">#sectionId2i2bv2j > .layout.outer-swiper-wrap > .execute-swiper-slide > .swiper-wrapper.innovation-items > .swiper-slide.innovation-item > .item-inner > .item-img > img {width: 100%;height: auto;}#sectionId2i2bv2j > .layout.outer-swiper-wrap > .execute-swiper-slide > .swiper-wrapper.innovation-items > .swiper-slide.innovation-item > .item-inner > .item-info {left: 252px;float: right;width: 10%;max-width: 100%;right: 0px;height: 10%;min-width: 50%;min-height: 50%;max-height: 100%;}#sectionId2i2bv2j {padding-bottom: 60px;padding-top: 60px;}</style></section><section swipernormal="1" activeblock="1" generalimgtext="1" data-screen="screen-full" data-section="section" class="position-relative section-product-wrap-block section-block-demo03-product1 section-generalimgtext-wrap-block" id="sectionIdhqn3wf1" block-content-blockicotype="1" block-content-time="1" block-content-desc="1" block-content-linkbtn="1" data-pagination="false" slide-button="slide-button-false" pagination-btn-style="square" pagination-btn-color="theme" block-text-center="1" block-shadow="2" mask-color="mask-color-white" pictext-ani="1" block-content-params="1" style="background: rgb(0, 0, 0); --bs-swiper-slidesperview: 20%; --bs-swiper-slidesperview768: 33.33%; --bs-swiper-slidesperview320: 50%;" pagination-btn-position="disperse" direction="horizontal"> 1252 <div class="layout title-bar aos-init" data-aos="bounceInLeft" data-aos-duration="1000" style="padding-left: calc((100% - var(--bs-screen-large)) / 2); padding-right: calc((100% - var(--bs-screen-large)) / 2);"> 1253 <h1 heading-type="20" sectiontitle="1" class="title" textalign="center"> 1254<strong content-text="1">products </strong><div class="ico"> 1255<i class="ln"></i><i class="tg"></i><i class="pg"></i><i class="pg"></i><i class="pg"></i> 1256</div> 1257</h1> 1258 </div> 1259 <div class="layout outer-swiper-wrap aos-init" data-unable="demo1-product1" data-aos="bounceInRight" data-aos-duration="1000" style="padding-left: calc((100% - var(--bs-screen-large)) / 2); padding-right: calc((100% - var(--bs-screen-large)) / 2);"> 1260 1261 <div class="execute-swiper-slide swiper-backface-hidden" direction="horizontal"> 1262 <div class="swiper-wrapper product-items sc-block-items" blockitems="1" param_loops="1"> 1263 <div class="swiper-slide product-item sc-block-item" blockitem="1" param_loop="1"> 1264 <a href="/jungle-leopard-cpu-cooler/" class="item-inner"> 1265 <div class="item-img" itemscope="1" itemtype="http://schema.org/ImageObject"> 1266 <img src="https://ecdn6.globalso.com/upload/p/1211/image_other/2024-12/img-1.jpg" alt="img (1)" blockimagetype="1" loading="lazy" width="480" height="640" style="aspect-ratio: 480 / 640;" itemprop="image"> 1267 1268 <div class="item-btn"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="64" height="64"> 1269 <g> 1270 <path fill="none" d="M0 0h24v24H0z"></path> 1271 <path d="M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z"> 1272 </path> 1273 </g> 1274 </svg></div> 1275 </div> 1276 <div class="item-info"> 1277 <i class="item-order" blockergodic="1" param_custom="" param_name="æ°å">01</i> 1278 <span class="item-bg" param_bg="1"></span> 1279 <h3 class="item-title" blocktitle="1" param_title="1">SOLOS DisplayPort to MiniDisplayPort</h3> 1280 1281 1282 1283 1284 1285 </div> 1286 1287 </a> 1288 </div> 1289 1290 <div class="swiper-slide product-item sc-block-item" blockitem="1" param_loop="1"> 1291 <a href="/jungle-leopard-case-fan/" class="item-inner"> 1292 <div class="item-img" itemscope="1" itemtype="http://schema.org/ImageObject"> 1293 <img src="https://ecdn6.globalso.com/upload/p/1211/image_other/2024-12/img-2.jpg" alt="img (2)" blockimagetype="1" loading="lazy" width="480" height="640" style="aspect-ratio: 480 / 640;" itemprop="image"> 1294 1295 <div class="item-btn"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="64" height="64"> 1296 <g> 1297 <path fill="none" d="M0 0h24v24H0z"></path> 1298 <path d="M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z"> 1299 </path> 1300 </g> 1301 </svg></div> 1302 </div> 1303 <div class="item-info"> 1304 <i class="item-order" blockergodic="1" param_custom="" param_name="æ°å">01</i>
1305 <span class="item-bg" param_bg="1"></span> 1306 <h3 class="item-title" blocktitle="1" param_title="1">SOLOS DisplayPort to MiniDisplayPort</h3> 1307 1308 1309 1310 1311 1312 </div> 1313 1314 </a> 1315 </div> 1316 <div class="swiper-slide product-item sc-block-item" blockitem="1" param_loop="1"> 1317 <a href="/case/" class="item-inner"> 1318 <div class="item-img" itemscope="1" itemtype="http://schema.org/ImageObject"> 1319 <img src="https://ecdn6.globalso.com/upload/p/1211/image_other/2024-12/img-3.jpg" alt="img (3)" blockimagetype="1" loading="lazy" width="480" height="640" style="aspect-ratio: 480 / 640;" itemprop="image"> 1320 1321 <div class="item-btn"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="64" height="64"> 1322 <g> 1323 <path fill="none" d="M0 0h24v24H0z"></path> 1324 <path d="M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z"> 1325 </path> 1326 </g> 1327 </svg></div> 1328 </div> 1329 <div class="item-info"> 1330 <i class="item-order" blockergodic="1" param_custom="" param_name="æ°å">01</i> 1331 <span class="item-bg" param_bg="1"></span> 1332 <h3 class="item-title" blocktitle="1" param_title="1">SOLOS DisplayPort to MiniDisplayPort</h3> 1333 1334 1335 1336 1337 1338 </div> 1339 1340 </a> 1341 </div> 1342 <div class="swiper-slide product-item sc-block-item" blockitem="1" param_loop="1"> 1343 <a href="/water-cooling/" class="item-inner"> 1344 <div class="item-img" itemscope="1" itemtype="http://schema.org/ImageObject"> 1345 <img src="https://ecdn6.globalso.com/upload/p/1211/image_other/2024-12/img-4.jpg" alt="img (4)" blockimagetype="1" loading="lazy" width="480" height="640" style="aspect-ratio: 480 / 640;" itemprop="image"> 1346 1347 <div class="item-btn"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="64" height="64"> 1348 <g> 1349 <path fill="none" d="M0 0h24v24H0z"></path> 1350 <path d="M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z"> 1351 </path> 1352 </g> 1353 </svg></div> 1354 </div> 1355 <div class="item-info"> 1356 <i class="item-order" blockergodic="1" param_custom="" param_name="æ°å">01</i> 1357 <span class="item-bg" param_bg="1"></span> 1358 <h3 class="item-title" blocktitle="1" param_title="1">SOLOS DisplayPort to MiniDisplayPort</h3> 1359 1360 1361 1362 1363 1364 </div> 1365 1366 </a> 1367 </div> 1368 <div class="swiper-slide product-item sc-block-item" blockitem="1" param_loop="1"> 1369 <a href="/power-supply/" class="item-inner"> 1370 <div class="item-img" itemscope="1" itemtype="http://schema.org/ImageObject"> 1371 <img src="https://ecdn6.globalso.com/upload/p/1211/image_other/2024-12/img-5.jpg" alt="img (5)" blockimagetype="1" loading="lazy" width="480" height="640" style="aspect-ratio: 480 / 640;" itemprop="image"> 1372 1373 <div class="item-btn"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="64" height="64"> 1374 <g> 1375 <path fill="none" d="M0 0h24v24H0z"></path> 1376 <path d="M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z"> 1377 </path> 1378 </g> 1379 </svg></div> 1380 </div> 1381 <div class="item-info"> 1382 <i class="item-order" blockergodic="1" param_custom="" param_name="æ°å">01</i>
1383 <span class="item-bg" param_bg="1"></span> 1384 <h3 class="item-title" blocktitle="1" param_title="1">SOLOS DisplayPort to MiniDisplayPort</h3> 1385 1386 1387 1388 1389 1390 </div> 1391 1392 </a> 1393 </div> 1394 1395 1396 </div> 1397 </div> 1398 <div class="swiper-control"> 1399 <div class="swiper-button swiper-button-prev swiper-button-lock"></div> 1400 <div class="swiper-pagination swiper-pagination-lock"></div> 1401 <div class="swiper-button swiper-button-next swiper-button-lock"></div> 1402 </div> 1403 </div> 1404 <style> 1405 .section-block-demo03-product1 { 1406 position: relative; 1407 padding: 4rem 0 6rem 0; 1408 } 1409 1410 .section-block-demo03-product1 .title-bar { 1411 margin-bottom: 1.5rem; 1412 } 1413 1414 .section-block-demo03-product1 .title-bar .title { 1415 text-transform: capitalize; 1416 } 1417 1418 .section-block-demo03-product1 .product-item .item-img img, 1419 .section-block-demo03-product1 .product-item .item-img img:before, 1420 .section-block-demo03-product1 .product-item .item-title { 1421 -webkit-transition-duration: .3s; 1422 transition-duration: .3s; 1423 } 1424 1425 .section-block-demo03-product1 .product-item { 1426 overflow: hidden; 1427 padding: 1rem; 1428 } 1429 1430 .section-block-demo03-product1 .product-item .item-inner { 1431 position: relative; 1432 display: block; 1433 } 1434 1435 .section-block-demo03-product1 .product-item .item-img, 1436 .section-block-demo03-product1 .product-item .item-img img { 1437 width: 100%; 1438 } 1439 1440 .section-block-demo03-product1 .product-item .item-info { 1441 position: relative; 1442 z-index: 2; 1443 display: block; 1444 } 1445 1446 .section-block-demo03-product1 .product-item .item-img { 1447 position: relative; 1448 overflow: hidden; 1449 } 1450 1451 .section-block-demo03-product1 .product-item .item-img img { 1452 position: relative; 1453 } 1454 1455 .section-block-demo03-product1 .product-item .item-inner .item-info { 1456 padding: 1.5rem 2.5rem; 1457 background-color: var(--bs-theme-color); 1458 -webkit-transition: all ease-in-out .35s; 1459 transition: all ease-in-out .35s; 1460 } 1461 1462 .section-block-demo03-product1 .product-item .item-inner .item-title { 1463 position: relative; 1464 display: block; 1465 overflow: hidden; 1466 text-transform: capitalize; 1467 text-overflow: ellipsis; 1468 white-space: nowrap; 1469 font-weight: 700; 1470 font-size: 1.5rem; 1471 font-family: Autour One; 1472 line-height: 1.5; 1473 -webkit-transition: all ease-in-out .35s; 1474 transition: all ease-in-out .35s; 1475 } 1476 1477 .section-block-demo03-product1 .swiper-button-prev { 1478 left: 1rem; 1479 } 1480 1481 .section-block-demo03-product1 .swiper-button-next { 1482 right: 1rem; 1483 } 1484 1485 @media only screen and (max-width:1080px) { 1486 1487 .section-block-demo03-product1 { 1488 padding: 2rem 0 4rem 0; 1489 } 1490 1491 .section-block-demo03-product1 .title-bar { 1492 margin-bottom: 1rem; 1493 } 1494 1495 .section-block-demo03-product1 .product-item .item-inner .item-info { 1496 padding: 1rem 1.5rem; 1497 } 1498 1499 .section-block-demo03-product1 .product-item .item-inner .item-title { 1500 font-size: 1rem; 1501 } 1502 } 1503 1504 @media only screen and (max-width:768px) { 1505 .section-block-demo03-product1 { 1506 padding: 2rem 0; 1507 } 1508 1509 .section-block-demo03-product1 .product-item { 1510 padding: .5rem; 1511 } 1512 1513 .section-block-demo03-product1 .product-item .item-inner .item-info { 1514 padding: .5rem; 1515 } 1516 1517 .section-block-demo03-product1 .product-item .item-inner .item-title { 1518 font-size: 12px; 1519 } 1520 } 1521 </style> 1522
1522<script>GlobalsoIframe.Swiper.swiperNormal({"container":"#sectionIdhqn3wf1 .execute-swiper-slide","delay":30000,"speed":1200,"slidesPerView":"5","slidesPerView768":3,"slidesPerView320":2})</script>
1522 1523 <style styleid="sectionIdhqn3wf1">#sectionIdhqn3wf1 > .layout.title-bar > .title {color: #ffffff;}#sectionIdhqn3wf1 > .layout.title-bar > .title > strong {font-size: 36px;font-weight: 700;}#sectionIdhqn3wf1 > .layout.outer-swiper-wrap > .execute-swiper-slide > .swiper-wrapper.product-items.sc-block-items > .swiper-slide.product-item.sc-block-item > .item-inner > .item-info {background-color: #000000;padding-top: 10px;padding-bottom: 10px;padding-right: 10px;padding-left: 10px;}#sectionIdhqn3wf1 > .layout.outer-swiper-wrap > .execute-swiper-slide > .swiper-wrapper.product-items.sc-block-items > .swiper-slide.product-item.sc-block-item > .item-inner > .item-info > .item-title {color: #ffffff;font-weight: 500;}#sectionIdhqn3wf1 > .layout.outer-swiper-wrap > .execute-swiper-slide > .swiper-wrapper.product-items.sc-block-items > .swiper-slide.product-item.sc-block-item > .item-inner > .item-info {display: none;}</style></section><section maskcolor="1" mask-color="mask-color-dark" data-section="section" data-screen="screen-full" class="section-advantage-wrap-block section-block-demo46-project" id="sectionIds7wluh2" style="display: none;"> 1524 <div class="title-bar layout aos-init" data-aos="bounceInUp" data-aos-duration="1000"> 1525 1526 </div> 1527 <div class="layout project-wrap d-flex flex-wrap aos-init" data-unable="demo46-project" data-aos="bounceInUp" data-aos-duration="1000"> 1528 1529 <div class="project-items d-flex flex-wrap col-12 col-sm-6"> 1530 <div class="project-item col-6"> 1531 <a class="item-inner"> 1532 <div class="item-img"></div> 1533 <div class="item-info"> 1534 <div class="item-title">application</div> 1535 </div> 1536 </a> 1537 </div> 1538 1539 <div class="project-item col-6"> 1540 <a class="item-inner"> 1541 <div class="item-img"></div> 1542 <div class="item-info"> 1543 <div class="item-title">application</div> 1544 </div> 1545 </a> 1546 </div> 1547 <div class="project-item col-6"> 1548 <a class="item-inner"> 1549 <div class="item-img"></div> 1550 <div class="item-info"> 1551 <div class="item-title">application</div> 1552 </div> 1553 </a> 1554 </div> 1555 </div> 1556 </div> 1557 <style> 1558 .section-block-demo46-project{position:relative;padding:3.5rem 0 6rem 0;} 1559 .section-block-demo46-project .title-bar{margin-bottom:3rem;font-family:Impact;} 1560 .section-block-demo46-project .title-bar h1{ font-weight:400;font-size:calc(2.5rem + 1vw);} 1561 .section-block-demo46-project [heading-type="1"]{padding:1.5rem 0;border-bottom:2px solid #ddd;text-align: center; text-transform: capitalize;} 1562 .section-block-demo46-project .project-item .item-inner{position:relative;display:block;} 1563 .section-block-demo46-project .project-item .item-img{position:relative;overflow:hidden;} 1564 .section-block-demo46-project .project-item .item-img img{position:relative;-webkit-transition:all ease-in-out .35s;transition:all ease-in-out .35s;} 1565 .section-block-demo46-project .project-item .item-img::after{position:absolute;top:0;left:0;z-index:2;visibility:hidden;width:100%;height:100%;content:"";opacity:0;-webkit-transition:all ease-in-out .35s;transition:all ease-in-out .35s;pointer-events:none;} 1566 .section-block-demo46-project .project-item:hover .item-img::after{visibility:visible;opacity:.7;} 1567 .section-block-demo46-project .project-item .item-info{position:absolute;top:50%;left:0;z-index:9;visibility:hidden;padding:1rem 5%;width:100%;color:var(--bs-body-color);text-align:center;text-transform:capitalize;font-size:2rem;font-family:Impact;opacity:0;-webkit-transition:all ease-in-out .35s;transition:all ease-in-out .35s;} 1568 .section-block-demo46-project .project-item:hover .item-info{visibility:visible;opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);} 1569 .section-block-demo46-project[mask-color=mask-color-sec-theme] .project-item .item-img:after{background-color:var(--bs-sec-theme-color);} 1570 .section-block-demo46-project[mask-color=mask-color-theme] .project-item .item-img:after{background-color:var(--bs-theme-color);} 1571 .section-block-demo46-project[mask-color=mask-color-dark] .project-item .item-img:after{background-color:var(--bs-mask-dark);} 1572 .section-block-demo46-project[mask-color=mask-color-white] .project-item .item-img:after{background-color:var(--bs-mask-white);} 1573 .section-block-demo46-project[mask-color=mask-color-none] .project-item .item-img:after{display:none;} 1574 .section-block-demo46-project[mask-color=mask-color-dark] .project-item .item-info,.section-block-demo46-project[mask-color=mask-color-sec-theme] .project-item .item-info,.section-block-demo46-project[mask-color=mask-color-theme] .project-item .item-info{color:#fff;}
1575 @media only screen and (max-width:1366px){.section-block-demo46-project{padding:2.5rem 0 4rem 0;} 1576 .section-block-demo46-project .title-bar{margin-bottom:1.5rem;} 1577 } 1578 @media only screen and (max-width:992px){.section-block-demo46-project{padding:1rem 0 2.5rem 0;} 1579 .section-block-demo46-project [heading-type="1"]{padding:1rem 0;} 1580 .section-block-demo46-project .project-item .item-info{padding:1rem 3%;font-size:1.5rem;} 1581 } 1582 @media only screen and (max-width:768px){ 1583 .section-block-demo46-project .title-bar h1{font-size:calc(1.8rem + 1vw);} 1584 .section-block-demo46-project .project-item .item-info{padding:1rem;font-size:1.2rem;} 1585 } 1586 @media only screen and (max-width:480px){.section-block-demo46-project .project-item .item-info{font-size:1rem;} 1587 } 1588 </style> 1589
1589<script></script>
1589 1590 <style styleid="sectionIds7wluh2">#sectionIds7wluh2 > .layout.project-wrap.d-flex.flex-wrap > .project-left.project-item.col-12.col-sm-6 > .item-inner > .item-info > .item-title {font-family: Poppins;font-weight: 600;}#sectionIds7wluh2 > .layout.project-wrap.d-flex.flex-wrap > .project-items.d-flex.flex-wrap.col-12.col-sm-6 > .project-item.col-6 > .item-inner > .item-info > .item-title {font-family: Poppins;font-weight: 600;}#sectionIds7wluh2 {padding-bottom: 0px;padding-top: 0px;}@media screen and (max-width: 820px){#sectionIds7wluh2 > .layout.project-wrap.d-flex.flex-wrap > .project-items.d-flex.flex-wrap.col-12.col-sm-6 > .project-item.col-6 {width: 200.75px;}}@media screen and (max-width: 480px){#sectionIds7wluh2 > .layout.project-wrap.d-flex.flex-wrap > .project-items.d-flex.flex-wrap.col-12.col-sm-6 > .project-item.col-6 {width: 100%;}}</style></section> 1591 <!-- demo08 --> 1592 1593 <!-- demo09 --> 1594 1595<section data-section="section" data-screen="screen-full" pagination-btn-color="white" pagination-style="custom-6" slide-btn-style="custom-5" slide-button="slide-button-false" data-pagination="always-show" class="section-banner-wrap-block section-block-demo150-banner" id="sectionIde7wc1pq" bannerlazyload="1"> 1596 <div class="layout outer-swiper-wrap" data-unable="demo149-banner"> 1597 <div class="execute-swiper-slide swiper-backface-hidden"> 1598 1599 </div> 1600 <div class="swiper-control"> 1601 <div class="swiper-button swiper-button-prev"></div> 1602 <div class="swiper-pagination"></div> 1603 <div class="swiper-button swiper-button-next"></div> 1604 </div> 1605 </div> 1606 <style> 1607 .section-block-demo150-banner .banner-warp { 1608 position: absolute; 1609 top: 50%; 1610 left: 50%; 1611 transform: translate(-50%, -50%); 1612 -webkit-transform: translate(-50%, -50%); 1613 z-index: 9; 1614 width: var(--bs-screen-xxl); 1615 } 1616 1617 .section-block-demo150-banner .banner-slide { 1618 padding: 72px 2.2% 68px; 1619 width: fit-content; 1620 color: #fff; 1621 background-color: rgba(29, 77, 169, .77); 1622 max-width: 80%; 1623 } 1624 1625 .section-block-demo150-banner .banner-slide span { 1626 font-size: 18px; 1627 line-height: 30px; 1628 height: 30px; 1629 padding: 0 12px; 1630 color: #e9eced; 1631 display: inline-block; 1632 position: relative; 1633 text-transform: uppercase 1634 } 1635 1636 .section-block-demo150-banner .banner-slide span:before { 1637 content: ""; 1638 position: absolute; 1639 top: 0px; 1640 left: 0px; 1641 right: 0; 1642 bottom: 0; 1643 border: 1px solid rgba(255, 255, 255, .8); 1644 transition: all 0.5s; 1645 -webkit-animation: clippath 3s infinite linear; 1646 z-index: 9; 1647 animation: clippath 3s infinite linear; 1648 width: 100%; 1649 height: 100%; 1650 box-sizing: border-box; 1651 border-image: -webkit-linear-gradient(45deg, #29a8fd, #29a8fd) 1; 1652 border-image: -moz-linear-gradient(45deg, #29a8fd, #29a8fd) 1; 1653 border-image: -o-linear-gradient(45deg, #29a8fd, #29a8fd) 1; 1654 border-image: linear-gradient(45deg, #29a8fd, #29a8fd) 1 1655 } 1656 1657 .section-block-demo150-banner .banner-slide h2 { 1658 font-size: 53px; 1659 margin: 34px 0; 1660 line-height: 1.2; 1661 font-weight: normal; 1662 font-family: 'AkzidenzGrotesk-Bold'; 1663 text-shadow: 0 4px 9px rgba(0, 0, 0, .34) 1664 } 1665 1666 .section-block-demo150-banner .banner-slide p { 1667 font-size: 22px; 1668 line-height: 1.5; 1669 display: -webkit-box; 1670 -webkit-line-clamp: 2; 1671 -webkit-box-orient: vertical; 1672 overflow: hidden; 1673 text-overflow: ellipsis; 1674 } 1675 1676 .section-block-demo150-banner .banner-slide .banner-btn { 1677 margin-top: 50px 1678 } 1679 1680 .section-block-demo150-banner .banner-slide .banner-btn { 1681 font-size: 20px; 1682 line-height: 47px; 1683 height: 47px; 1684 padding: 0 40px; 1685 margin-right: 15px; 1686 display: inline-block; 1687 text-align: center; 1688 text-transform: uppercase; 1689 box-shadow: 0 5px 7px rgba(0, 0, 0, .4); 1690 border-width: 1px; 1691 } 1692 1693 @-webkit-keyframes clippath { 1694 1695 0%, 1696 100% { 1697 -webkit-clip-path: inset(0 0 0 95%); 1698 clip-path: inset(0 0 0 95%) 1699 } 1700 1701 25% { 1702 -webkit-clip-path: inset(95% 0 0 0); 1703 clip-path: inset(95% 0 0 0) 1704 } 1705 1706 50% { 1707 -webkit-clip-path: inset(0 95% 0 0); 1708 clip-path: inset(0 95% 0 0) 1709 } 1710 1711 75% { 1712 -webkit-clip-path: inset(0 0 95% 0); 1713 clip-path: inset(0 0 95% 0) 1714 } 1715 } 1716 1717 @keyframes clippath { 1718 1719 0%, 1720 100% { 1721 -webkit-clip-path: inset(0 0 0 95%); 1722 clip-path: inset(0 0 0 95%) 1723 } 1724 1725 25% { 1726 -webkit-clip-path: inset(95% 0 0 0); 1727 clip-path: inset(95% 0 0 0) 1728 } 1729 1730 50% { 1731 -webkit-clip-path: inset(0 95% 0 0); 1732 clip-path: inset(0 95% 0 0) 1733 } 1734 1735 75% { 1736 -webkit-clip-path: inset(0 0 95% 0); 1737 clip-path: inset(0 0 95% 0) 1738 } 1739 } 1740 1741 .section-block-demo150-banner .banner-slide .banner-btn a:hover { 1742 background-color: transparent; 1743 color: #fff; 1744 } 1745 1746 .section-block-demo150-banner[pagination-style="custom-6"] .swiper-pagination .swiper-pagination-bullet { 1747 width: 3rem; 1748 height: 3rem; 1749 } 1750 1751 .section-block-demo150-banner[pagination-style="custom-6"] .swiper-pagination .swiper-pagination-bullet-active::after { 1752 border-color: var(--bs-theme-color); 1753 } 1754 1755 .section-block-demo150-banner[pagination-style="custom-6"] .swiper-pagination .swiper-pagination-bullet::before { 1756 transform: scale(.2); 1757 } 1758 1759 .section-block-demo150-banner[pagination-style="custom-6"] .swiper-pagination .swiper-pagination-bullet-active::before { 1760 background: var(--bs-theme-color); 1761 } 1762 1763 @media only screen and (max-width: 1280px) { 1764 .section-block-demo150-banner .banner-warp { 1765 width: 98%; 1766 } 1767 1768 .section-block-demo150-banner .banner-slide h2 { 1769 font-size: 30px; 1770 } 1771 1772 1773 .section-block-demo150-banner .banner-slide { 1774 padding: 30px 1.5% 1775 } 1776 1777 .section-block-demo150-banner .banner-slide span, 1778 .section-block-demo150-banner .banner-slide p { 1779 font-size: 16px 1780 } 1781 1782 .section-block-demo150-banner .banner-slide .banner-btn { 1783 margin-top: 30px 1784 } 1785 1786 } 1787 1788 @media only screen and (max-width: 992px) { 1789 .section-block-demo150-banner .banner-slide span { 1790 font-size: 12px; 1791 line-height: 24px; 1792 height: 24px 1793 } 1794 1795 .section-block-demo150-banner .banner-slide h2 { 1796 margin: 10px 0; 1797 font-size: 20px 1798 } 1799 1800 .section-block-demo150-banner .banner-slide p { 1801 font-size: 12px 1802 } 1803 1804 .section-block-demo150-banner .banner-slide .banner-btn { 1805 font-size: 14px; 1806 line-height: 30px; 1807 height: 30px; 1808 padding: 0 10px; 1809 margin-right: 8px 1810 } 1811 1812 .section-block-demo150-banner .banner-slide .banner-btn { 1813 margin-top: 12px 1814 } 1815 1816 } 1817 1818 @media only screen and (max-width:640px) { 1819 .section-block-demo150-banner .banner-slide { 1820 padding: 10px 1.5% 1821 } 1822 1823 .section-block-demo150-banner .swiper-slide .item-inner img { 1824 min-height: 300px; 1825 object-fit: cover; 1826 object-position: center; 1827 } 1828 } 1829 </style> 1830 1831
1831<script>GlobalsoIframe.Swiper.swiperNormal({"container":"#sectionIde7wc1pq .execute-swiper-slide","effect":"fade","delay":3000,"speed":1200})</script>
1831 1832 1833 </section><section data-section="section" data-screen="screen-full" class="section-about-wrap-block section-block-demo151-number" id="sectionIdd51d4up" video-show-type="1"> 1834 1835 <style> 1836 .section-block-demo151-number { 1837 position: relative; 1838 background-color: #F1F1F1; 1839 } 1840 1841 .section-block-demo151-number .number-items .block-item .item-title { 1842 display: flex; 1843 align-items: flex-start; 1844 width: fit-content; 1845 } 1846 1847 .section-block-demo151-number .number-items .block-item .items-bottom { 1848 display: flex; 1849 justify-content: unset; 1850 align-items: center; 1851 flex-wrap: wrap; 1852 background-color: #fff; 1853 border-top: 5px solid var(--bs-theme-color); 1854 margin-top: -5px; 1855 padding: 25px 20px; 1856 } 1857 1858 .section-block-demo151-number .number-items .block-item .item-ico { 1859 font-size: 24px; 1860 color: #000000; 1861 line-height: 1; 1862 display: block; 1863 transform: translateY(-5px); 1864 } 1865 1866 .section-block-demo151-number .number-items .block-item .item-desc { 1867 font-size: 14px; 1868 color: #666666; 1869 line-height: 1.5; 1870 margin-left: 13px; 1871 flex: 1; 1872 } 1873 1874 .section-block-demo151-number .number-items .block-item .item-num { 1875 font-size: 36px; 1876 color: #000000; 1877 line-height: 1; 1878 } 1879 1880 .section-block-demo151-number .number-items .block-item .items-top { 1881 position: relative; 1882 max-width: 99px; 1883 width: 100%; 1884 height: 87px; 1885 background-color: #fff; 1886 padding: 0px 0px 0px 0px; 1887 border-top: 5px solid var(--bs-theme-color); 1888 border-right: 5px solid var(--bs-theme-color); 1889 z-index: 3; 1890 } 1891 1892 .section-block-demo151-number .number-items .block-item .items-top>i { 1893 position: absolute; 1894 top: 50%; 1895 left: 50%; 1896 transform: translate(-50%, -50%); 1897 } 1898 1899 .section-block-demo151-number .number-items .block-item .items-top>i img { 1900 transition: all .3s linear; 1901 } 1902 1903 .section-block-demo151-number .number-items { 1904 width: 69.4%; 1905 margin: -5.85rem auto 0; 1906 position: relative; 1907 z-index: 2; 1908 } 1909 1910 .section-block-demo151-number .number-items .block-item { 1911 width: calc((100% - 126px) /4); 1912 } 1913 1914 .section-block-demo151-number .NumberTops img { 1915 width: 100%; 1916 max-width: 100%; 1917 } 1918 1919 .section-block-demo151-number .NumberTops { 1920 position: relative; 1921 } 1922 1923 .section-block-demo151-number .NumberTops .video-play { 1924 position: absolute; 1925 top: 50%; 1926 left: 50%; 1927 transform: translate(-50%, -50%); 1928 z-index: 2; 1929 cursor: pointer; 1930 } 1931 1932 .section-block-demo151-number .NumberTops .video-play img { 1933 max-width: 149px; 1934 } 1935 1936 @media only screen and (max-width: 1880px) { 1937 .section-block-demo151-number .number-items { 1938 width: 77%; 1939 } 1940 } 1941 1942 @media only screen and (max-width: 1680px) { 1943 .section-block-demo151-number .number-items { 1944 width: 95%; 1945 } 1946 1947 .section-block-demo151-number .number-items .block-item .item-num { 1948 font-size: 28px; 1949 } 1950 } 1951 1952 @media only screen and (max-width: 1366px) { 1953 .section-block-demo151-number .number-items .block-item .item-desc { 1954 font-size: 12px; 1955 } 1956 1957 .section-block-demo151-number .number-items .block-item .item-num { 1958 font-size: 22px; 1959 } 1960 } 1961 1962 @media only screen and (max-width: 992px) { 1963 .section-block-demo151-number .number-items { 1964 margin: 0 auto 0; 1965 } 1966 1967 .section-block-demo151-number .number-items .block-item { 1968 width: calc((100% - 50px) /2); 1969 } 1970 1971 .section-block-demo151-number .number-items .block-item:nth-child(n+3) { 1972 margin-top: 1rem; 1973 } 1974 1975 .section-block-demo151-number .NumberTops .video-play img { 1976 max-width: 40px; 1977 } 1978 } 1979 1980 @media only screen and (max-width: 480px) { 1981 .section-block-demo151-number .number-items .block-item { 1982 width: calc(100% /1); 1983 } 1984 1985 .section-block-demo151-number .number-items .block-item:nth-child(n+1) { 1986 margin-top: 1rem; 1987 } 1988 } 1989 </style> 1990 1991
1991<script> 1992 1993 1994 </script>
1994 1995 1996 </section><section data-section="section" data-screen="screen-large" class="section-container-wrap-block section-container-grid-block" id="sectionIdjql1633" style="background: rgb(0, 0, 0);"> 1997 <div class="layout"> 1998 <div class="row p-3"> 1999 <div class="col-sm-6"><div data-component-video="1"><iframe width="100%" height="100%" allowfullscreen="true" frameborder="0" allow="autoplay" src="https://www.youtube.com/embed/wJOzlNkuLG0?autoplay=false&controls=false&loop=false&playsinline=true&mute=false&playlist=wJOzlNkuLG0"> 2000 </iframe></div></div> 2001 2002 2003 2004 2005 2006 <div class="col-sm-6"><div data-component-video="1"><iframe width="100%" height="100%" allowfullscreen="true" frameborder="0" allow="autoplay" src="https://www.youtube.com/embed/6XGPGRsAbp4?autoplay=false&controls=false&loop=false&playsinline=true&mute=false&playlist=6XGPGRsAbp4"> 2007 </iframe></div></div> 2008<div class="col-sm-6"><div data-component-video="1"><iframe width="100%" height="100%" allowfullscreen="true" frameborder="0" allow="autoplay" src="https://www.youtube.com/embed/D_APU1CYo0U?autoplay=false&controls=false&loop=false&playsinline=true&mute=false&playlist=D_APU1CYo0U"> 2009 </iframe></div></div> 2010<div class="col-sm-6"><div data-component-video="1"><iframe width="100%" height="100%" allowfullscreen="true" frameborder="0" allow="autoplay" src="https://www.youtube.com/embed/yetqQzwwZgI?autoplay=false&controls=false&loop=false&playsinline=true&mute=false&playlist=yetqQzwwZgI"> 2011 </iframe></div></div> 2012</div> 2013 </div> 2014 <style> 2015 .section-container-wrap-block .layout { 2016 padding: 20px 0; 2017 } 2018 </style> 2019<style styleid="sectionIdjql1633">#sectionIdjql1633 > .layout > .row.p-3 > .col-sm-4 {padding-top: 10px;}#sectionIdjql1633 > .layout > .row.p-3 > .col-sm-6 {padding-top: 10px;padding-bottom: 10px;padding-right: 10px;padding-left: 10px;}#sectionIdjql1633 {background-color: rgba(0, 0, 0, 0);}</style></section><section galleryitems="1" data-section="section" data-screen="screen-large" class="section-partner-wrap-block section-block-demo02-partner" id="sectionIdqvda80i" style="--bs-items-num: 4;"> 2020 <div class="layout aos-init" data-unable="demo02-partner" data-aos="bounceInUp" data-aos-duration="1000"> 2021 <div class="title-bar aos-init" data-aos="bounceInUp" data-aos-duration="500"> 2022 <h1 sectiontitle="1" class="title" heading-type="2"><strong><h1 heading-type="1" content-text="1">esHOP</h1> 2023<em content-text="1"><div>Jungle Leopard Official Flagship Store Direct </div> 2024<div>Sales on E-commerce Platforms </div></em><i></i></strong></h1> 2025 </div> 2026 <ul class="partner-items d-flex flex-wrap" param_loops="1"> 2027 2028 <li class="partner-item block-item" param_loop="1"> 2029 <div class="item-img"><a href="https://vt.tiktok.com/ZSByD8Sce/?page=TikTokShop" aria-label="link_rwxu" itemscope="1" itemtype="http://schema.org/ImageObject"><img src="https://ecdn6.globalso.com/upload/p/1211/image_other/2025-07/tik-tok.png" alt="æé³" loading="lazy" width="700" height="266" style="aspect-ratio: 700 / 266;" itemprop="image"></a></div> 2030 </li> 2031 <li class="partner-item block-item" param_loop="1"> 2032 <div class="item-img"><a href="https://www.amazon.de/stores/page/6DECDF87-A9AC-4AE3-8D0D-14767C5A7C72" aria-label="link_wkni" itemscope="1" itemtype="http://schema.org/ImageObject"><img src="https://ecdn6.globalso.com/upload/p/1211/image_other/2025-07/amazon.png" alt="äºé©¬é" loading="lazy" width="700" height="266" style="aspect-ratio: 700 / 266;" itemprop="image"></a></div> 2033 </li> 2034 <li class="partner-item block-item" param_loop="1"> 2035 <div class="item-img"><a href="https://www.aliexpress.com/store/1101670130" aria-label="link_9xbq" itemscope="1" itemtype="http://schema.org/ImageObject"><img src="https://ecdn6.globalso.com/upload/p/1211/image_other/2025-07/sss.png" alt="sss" loading="lazy" width="700" height="266" style="aspect-ratio: 700 / 266;" itemprop="image"></a></div> 2036 </li> 2037<li class="partner-item block-item" param_loop="1"> 2038 <div class="item-img"><a href="https://shopee.ph/kldz168168.ph" aria-label="link_1bkg" itemscope="1" itemtype="http://schema.org/ImageObject"><img src="https://ecdn6.globalso.com/upload/p/1211/image_other/2025-07/shrimp.png" alt="è¾ç®" loading="lazy" width="700" height="266" style="aspect-ratio: 700 / 266;" itemprop="image"></a></div> 2039 </li> 2040 <li class="partner-item block-item" param_loop="1"> 2041 <div class="item-img"></div> 2042 </li> 2043 <li class="partner-item block-item" param_loop="1"> 2044 <div class="item-img"></div> 2045 </li> 2046 <li class="partner-item block-item" param_loop="1"> 2047 <div class="item-img"></div> 2048 </li> 2049 <li class="partner-item block-item" param_loop="1"> 2050 <div class="item-img"></div> 2051 </li> 2052 <li class="partner-item block-item" param_loop="1"> 2053 <div class="item-img"></div> 2054 </li> 2055 <li class="partner-item block-item" param_loop="1"> 2056 <div class="item-img"></div> 2057 </li> 2058 </ul> 2059 </div> 2060 <style> 2061 .section-block-demo02-partner { 2062 position: relative; 2063 padding: 6.5rem 0; 2064 background-color: #f3f3f3; 2065 } 2066 2067 .section-block-demo02-partner .partner-item { 2068 position: relative; 2069 display: block; 2070 padding: 1rem 1.5rem; 2071 } 2072 2073 .section-block-demo02-partner .item-img { 2074 text-align: center; 2075 transition: all ease-in-out .35s; 2076 } 2077 2078 .section-block-demo02-partner .item-img:hover { 2079 opacity: .8; 2080 } 2081 2082 .section-block-demo02-partner .title { 2083 color: var(--bs-theme-color); 2084 text-transform: uppercase; 2085 } 2086 2087 .section-block-demo02-partner [heading-type="2"] { 2088 text-align: center; 2089 } 2090 2091 .section-block-demo02-partner [heading-type="2"] i { 2092 margin-right: auto; 2093 margin-left: auto; 2094 } 2095 2096 .section-block-demo02-partner [heading-type="4"] em { 2097 background-color: #f3f3f3; 2098 } 2099
2100 @media only screen and (max-width:1366px) { 2101 .section-block-demo02-partner { 2102 padding: 4.5rem 0; 2103 } 2104 2105 .section-block-demo02-partner .title[heading-type="2"] { 2106 padding: 1.5rem 0; 2107 } 2108 } 2109 2110 @media only screen and (max-width:1080px) { 2111 .section-block-demo02-partner { 2112 padding: 3rem 0; 2113 } 2114 } 2115 2116 @media only screen and (max-width:768px) { 2117 .section-block-demo02-partner .partner-item { 2118 width: calc(100% / 3); 2119 } 2120 2121 .section-block-demo02-partner .partner-item { 2122 padding: .5rem; 2123 } 2124 } 2125 2126 @media only screen and (max-width:640px) { 2127 .section-block-demo02-partner .partner-item { 2128 width: 50%; 2129 } 2130 } 2131 </style> 2132 2133
2133<script> 2134 </script>
2134<style styleid="sectionIdqvda80i">#sectionIdqvda80i {background-color: #000000;}#sectionIdqvda80i > .layout > .partner-items.d-flex.flex-wrap > .partner-item.block-item > .item-img {background-color: #0c0d0f;}</style></section></main><footer class="section-footer-wrap-block section-block-demo97-footer" data-screen="screen-full"> 2135 <div class="layout" style="padding-left: calc((100% - var(--bs-screen-large)) / 2); padding-right: calc((100% - var(--bs-screen-large)) / 2);"> 2136 <div class="foot-items d-flex flex-wrap justify-content-between"> 2137 <nav class="foot-item foot-sns"> 2138 <div class="footer-logo" itemscope="1" itemtype="http://schema.org/ImageObject"><img src="https://ecdn6.globalso.com/upload/p/1211/image_other/2024-06/untitled-1-1.png" alt="logo" loading="lazy" width="800" height="800" style="aspect-ratio: 800 / 800;" itemprop="image"></div> 2139 <p class="desc">Our own brand "Jungle Leopard". Jungle Leopard is our pride and important business segment.</p> 2140 <ul class="foot-social d-flex"> 2141 <li> 2142 <a aria-label="link_9fgp" href="https://www.facebook.com/BTSPEAKER.2011" rel="nofollow"> 2143 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10px" height="20px"> 2144 <image x="0px" y="0px" width="10px" height="20px" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUCAQAAAAe52TdAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfoCBcKBSZpkOPGAAAAqUlEQVQY07XQPUpDYRSE4SeXW0QlQUgTbAQbQVLpBsS92NulyjYs7WxdQMQFqCDpBQsL6wThYhPG4svPJdj6Fmc4A8PAdAKcm7jQx9ydiJymyZaHClzbs2VWgxGIsWdH3kr8KUnynV5ElHgDlqtP7dLAMeia+HLgUT6yy03lxy6ftXtnrgzBrXf7Xkr7dBU8abevOSxSte5GK3/wf2bPeomWvOprLC2K+QtVs1Vw2jz/iQAAAABJRU5ErkJggg=="></image> 2145 </svg> 2146 </a> 2147 </li> 2148 <li> 2149 <a aria-label="link_3xpx" href="https://www.youtube.com/@JungleLeopard-e7n" rel="nofollow"> 2150 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19px" height="18px"> 2151 <image x="0px" y="0px" width="19px" height="18px" xlink:href="https://ecdn6.globalso.com/upload/p/1211/image_other/2025-08/youtube.png" style="background-image: none;"></image> 2152 </svg> 2153 </a> 2154 </li> 2155 <li> 2156 <a aria-label="link_dwor" href="https://www.linkedin.com/company/107484234/admin/notifications/all/" rel="nofollow"> 2157 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="17px" height="17px"> 2158 <image x="0px" y="0px" width="17px" height="17px" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAQAAACRZI9xAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfoCBcKBic1uoCTAAAA4klEQVQoz32PvUoDURBGz12yEAwW0aD4BFFInyfwDayt7IU0voT4IhLEYBELm0ACSeGCP6WlaBNEBQWLnBS5Bld3/QbuzHfnMMzgjpf2bUpZYF/V83IkoQpAjVIFN+kQOOG5HIEaMz4BqLPCB6/McoxnPvnoqYgXTr03iId27bq3WDdTdSLinaptB37rWIj2SsSh+uWb+rKEdpM/26WsckCLo+j381NGP2q8VXWUFFz5HvMDAJUiJI150TOPhCJXNOWXkn/c8nMNIL5bAGzEXh2A9QrXpEgGQI9tYByRGxoEsjlFAKpFWbuZ7wAAAABJRU5ErkJggg=="></image> 2159 </svg> 2160 </a> 2161 </li> 2162 <li><a aria-label="link_eg6p" href="https://www.instagram.com/jlcpucooler_global/" rel="nofollow"> 2163 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px"> 2164 <image x="0px" y="0px" width="18px" height="18px" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAQAAAD8x0bcAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfoCBcKBwMQolUDAAABRElEQVQoz3WSvyuFYRTHP
2164+/be6+UslB3YuCWUowSi7LhL7gZLAaDWUjJ4paBxITyK8mvkitdDCzKHyGLwWKQlOJ+DF5PCufUU+c839P5nu85kQDQSh/N1JH5CnnniTvOuQVAxKL/2ZoI4px6bKf1VpmYNWtildVmnVOPBPNqSX557LA4pXbgpNoSvnIOOmSTWFC3RV3AdbUmhYwFLkVxzDZR9/BQzYg4rl7aY5e76lJaqCU8URMxp16Fthtqu4gVyzECMTAAjPJto0ABgAjjkM4AryF6SzMAxERABSgBxQCaAfZStSM8CsQX1RXzNjqrngTip7j5Q4LlIMF+GEEPEu6Bel4AGGGVfjKUuU7bJsAjtqsbf6zly6fVXsQtdd6GX4CcE+qN6ansBC6VH6/qhdUSpUfXTR8N1JKkQ3/wzAMXnAF8Ak2hTrQyyi26AAAAAElFTkSuQmCC"></image> 2165 </svg> 2166 </a></li> 2167 </ul> 2168 </nav> 2169 <nav class="foot-item foot-solutions"> 2170 <h3 class="item-title" foottitle="1">Quick Links</h3> 2171 <ul class="foot-nav" data-module="1" blockitems="1"> 2172<li blockitem="1"><a href="/about-us/" navitem="1" target="_self">Support</a></li> 2173<li blockitem="1"><a href="/contact-us/" navitem="1" target="_self">company</a></li> 2174<li blockitem="1"><a href="/faq/" navitem="1" target="_self">news media</a></li> 2175<li blockitem="1"><a href="/contact-us/" navitem="1" target="_self">join us</a></li> 2176</ul> 2177 </nav> 2178 <nav class="foot-item foot-contact"> 2179 <h3 class="item-title">Contact</h3> 2180 <ul class="foot-contacts"> 2181 <li class="foot-tel"> 2182 <div class="foot-val"> 2183 Tel: <br><a href="tel:13610038794">+86 13610038794</a> 2184 </div> 2185 </li> 2186 <li class="foot-email"> 2187 <div class="foot-val"> 2188 Email: <br><a href="mailto:[email protected]">[email protected]</a> 2189 </div> 2190 </li> 2191 <li class="foot-address"> 2192 <div class="foot-val"> 2193 ADD: <br><span>Yisheng No. 6 Creative Park, No. 1, Xichengxingda Road, Renhe Town, Baiyun District, Guangzhou</span> 2194 </div> 2195 </li> 2196 </ul> 2197 </nav> 2198 <nav class="foot-item foot-info"> 2199 <h3 class="item-title">Get In Touch</h3> 2200 <p class="item-desc">Get the latest news from INJET</p> 2201 2202 <a onclick="GlobalsoIframe.popUp.inquiryBox(this)" class="btn" btn-hover-animation="btn-ani-wave" btn-arrow="arrow-right2" href="">Subscribe<i class="la"></i><i class="btn-ani" btn-ani-circle="desplode" style="left: 46.3672px; top: -3.29688px;"></i></a> 2203 </nav> 2204 </div> 2205 <div class="bottom"> 2206 2207 2208<div class="copyright">©2017-2024 JUNGLE LEOPARD: Guangzhou JuChuang Electronic Technology Co. Ltd<a href="/top-search/" rel="noopener"> Top Search </a> - <a href="https://www.jlcpucooler.com/sitemap.xml" rel="noopener">Sitemap</a> - <a href="/top-blog/" rel="noopener"> TOP BLOG </a> 2209 <a href="/top-topic/"> Top Topic </a> 2210</div> 2211 </div> 2212 </div> 2213 <style> 2214 .section-block-demo97-footer .footer-logo img { 2215 max-width: 10vw; 2216 height: 60px; 2217 } 2218 </style> 2219 <style id="footer-inner-style"></style></footer><style id="footer_copyright_resource_css"> 2220.copyright_resource_nav{position:relative;display:inline} 2221.copyright_resource_nav ul{position:absolute;left:calc(100% - 5px);bottom:-12px;background-color:#fff;border-radius:6px;width:max-content;padding:7px 0;margin:0;list-style:none;box-shadow:0 0 15px rgba(0,0,0,.1);transform:scaleX(0);opacity:0;pointer-events:none;transform-origin:left bottom;transition:all .35s ease;z-index:99} 2222.copyright_resource_nav ul li{padding:5px 10px;text-align:left} 2223.copyright_resource_nav:hover ul{transform:scaleX(1);opacity:1;pointer-events:auto} 2224.copyright_resource_nav>span{position:relative;padding:8px 15px 8px 4px;cursor:pointer} 2225.copyright_resource_nav>span::after{content:"";width:0;height:1px;position:absolute;bottom:8px;left:0;background-color:currentColor;transition:all .35s ease} 2226.copyright_resource_nav:hover>span::after{width:calc(100% - 15px)} 2227.copyright_resource_nav ul.copyright_resource_nav_items li a{position:relative;color:#333;font-size:.9em;white-space:nowrap;text-decoration:none;transition:all .35s ease} 2228.copyright_resource_nav ul.copyright_resource_nav_items li a::after{content:"";width:0;height:1px;background-color:currentColor;position:absolute;bottom:0;left:0;transition:all .35s ease} 2229.copyright_resource_nav ul.copyright_resource_nav_items li:hover a{color:var(--bs-theme-color)} 2230.copyright_resource_nav ul.copyright_resource_nav_items li:hover a::after{width:100%} 2231</style>
2232<script id="footer_copyright_resource_js"> 2233document.addEventListener("DOMContentLoaded", function () { 2234 if(!document.body.hasAttribute('unevents')) return; 2235 var footer = document.querySelector("footer"); 2236 if (!footer) return; 2237 2238 var copyright = footer.querySelector(".copyright"); 2239 if (!copyright) return; 2240 if (!copyright.querySelector("a")) return; 2241 if (copyright.querySelector(".copyright_resource_nav")) { 2242 copyright.querySelector(".copyright_resource_nav").remove(); 2243 } 2244 2245 // æ¶éææå¹é çèµæºé¾æ¥ 2246 var allLinks = copyright.querySelectorAll( 2247 "a[href*='/top-blog'], a[href*='/top-search'], a[href*='/hot-products'], " + 2248 "a[href*='/top-topic'], a[href*='/top-application'], a[href*='/global-service']" 2249 ); 2250 2251 if (allLinks.length === 0) return; 2252 2253 // æå»º HTML 2254 let lang = document.documentElement.getAttribute('lang'); 2255 let resourceText = "Resource"; 2256 if (lang === 'zh') { 2257 resourceText = 'èµæº'; 2258 } else if (lang === 'es') { 2259 resourceText = 'Recursos'; 2260 } else if (lang === 'ru') { 2261 resourceText = 'РеÑÑÑÑÑ'; 2262 } else if (lang === 'ja') { 2263 resourceText = 'ãªã½ã¼ã¹'; 2264 } 2265 let html = '<div class="copyright_resource_nav"><span>' + resourceText + '<\/span><ul class="copyright_resource_nav_items">'; 2266 allLinks.forEach(function (item) { 2267 html += '<li><a href="' + item.href + '">' + item.innerHTML + '<\/a><\/li>'; 2268 item.remove(); // ç§»é¤åå§é¾æ¥ 2269 }); 2270 html += '<\/ul><\/div>'; 2271 2272 // æå ¥ä½ç½®ï¼sitemap.xml 龿¥çç¶å ç´ ä¹åï¼å¦åç´æ¥è¿½å å° copyright 2273 var sitemapLink = copyright.querySelector("a[href*='/sitemap.xml']"); 2274 if (sitemapLink) { 2275 sitemapLink.parentNode.insertAdjacentHTML("beforeend", html); 2276 } else { 2277 copyright.insertAdjacentHTML("beforeend", html); 2278 } 2279 }); 2280</script>
2280 2281<!-- ind_code_rep_foot_start --> 2282 2283<!-- ind_code_rep_foot_end --> 2284
2285<script src="https://biz.ai.cc/web_plugin/KpkuKg0i2How?glv=1788508020"></script>
2285<script src="https://ecdn6.globalso.com/public/customerVisit.min.js?glv=1788508020"></script>
2285 2286</body> 2287 2288<!-- Cache file was created on 2026-09-04 15:47:11 --> 2289</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.