<!DOCTYPE html>
<html data-app-version="1.4.1" lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, viewport-fit=cover">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <title>
  </title>
  <link rel="preload" href="/v1.4.1/font/icon/icon.woff2" as="font" type="font/woff2" crossorigin>
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <meta property="og:title" content="" />
  <meta property="og:image" content="https://img.yfisher.com/m4940/1698216107310-logo2.png"/>
  <meta property="og:description" content="" />
  <meta property="og:url" content="https://www.tech-long.com/404.html" />
  <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Y2T2N3JZ0R"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-Y2T2N3JZ0R');
</script>
  <script type="application/ld+json">[
  {
    "@context": "https://schema.org",
    "@type": "Organization",
    "url": "https://www.tech-long.com/404.html",
    "logo": "https://img.yfisher.com/m4940/1698216107310-logo2.png"
  },
  {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
      {
        "@type": "ListItem",
        "position": 1,
        "name": "TECH-LONG",
        "item": "https://www.tech-long.com/"
      },
      {
        "@type": "ListItem",
        "position": 2,
        "name": "404",
        "item": "https://www.tech-long.com/404.html"
      }
    ]
  }
]</script>
  <link rel="icon" href="https://img.yfisher.com/m0/1704174038040-favicon.ico">
  <link rel="canonical" href="https://www.tech-long.com/404.html" />
  <link rel="alternate" hreflang="en" href="https://www.tech-long.com/404.html" />
  <link rel="alternate" hreflang="vi" href="https://www.tech-long.com/vi/404.html" />
  <link rel="alternate" hreflang="tr" href="https://www.tech-long.com/tr/404.html" />
  <link rel="alternate" hreflang="th" href="https://www.tech-long.com/th/404.html" />
  <link rel="alternate" hreflang="ps" href="https://www.tech-long.com/ps/404.html" />
  <link rel="alternate" hreflang="my" href="https://www.tech-long.com/my/404.html" />
  <link rel="alternate" hreflang="lo" href="https://www.tech-long.com/lo/404.html" />
  <link rel="alternate" hreflang="km" href="https://www.tech-long.com/km/404.html" />
  <link rel="alternate" hreflang="id" href="https://www.tech-long.com/id/404.html" />
  <link rel="alternate" hreflang="bn" href="https://www.tech-long.com/bn/404.html" />
  <link rel="alternate" hreflang="ru" href="https://www.tech-long.com/ru/404.html" />
  <link rel="alternate" hreflang="ko" href="https://www.tech-long.com/ko/404.html" />
  <link rel="alternate" hreflang="ja" href="https://www.tech-long.com/ja/404.html" />
  <link rel="alternate" hreflang="fr" href="https://www.tech-long.com/fr/404.html" />
  <link rel="alternate" hreflang="es" href="https://www.tech-long.com/es/404.html" />
  <link rel="alternate" hreflang="ar" href="https://www.tech-long.com/ar/404.html" />
  <link rel="preconnect" href="https://www.tech-long.com/404.html" />
  <link rel="dns-prefetch" href="https://www.tech-long.com/404.html" />
  <link rel="dns-prefetch" href="https://www.googletagmanager.com" />
  <link rel="dns-prefetch" href="https://img.yfisher.com/" />
  <link rel="dns-prefetch" href="https://www.google-analytics.com/" />
  <link rel="dns-prefetch" href="https://api-qqt.weyescloud.com/" />
</head>
<body >
  <div id="loading" style="left: 50%;top: 0;z-index: -999; position: fixed;transform: translateY(-50%);">loading</div>
  <!-- base start -->
    <style id="entire"> @charset "UTF-8";:root{--app-version:"1.4.3"}@font-face{font-family:'iconfont';src:url('/v1.4.3/font/icon/icon.woff2') format('woff2'),url('/v1.4.3/font/icon/icon.woff') format('woff'),url('/v1.4.3/font/icon/icon.ttf') format('truetype');font-display:swap}img[data-hidden]{opacity:0 !important}/*! Bootstrap v4.5.0 */*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;background-color:#fff;color:#212529;text-align:left;font-weight:400;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}[tabindex="-1"]:focus:not(:focus-visible){outline:0 !important}hr{overflow:visible;box-sizing:content-box;height:0}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted;cursor:help;-webkit-text-decoration:underline dotted;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}a{background-color:transparent;color:#007bff;text-decoration:none}a:hover{color:#0056b3;text-decoration:underline}a:not([href]){color:inherit;text-decoration:none}a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-size:1em;font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}pre{overflow:auto;margin-top:0;margin-bottom:1rem;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{border-style:none;vertical-align:middle}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;caption-side:bottom;text-align:left}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{margin:0;padding:0;min-width:0;border:0}legend{display:block;margin-bottom:.5rem;padding:0;width:100%;max-width:100%;color:inherit;white-space:normal;font-size:1.5rem;line-height:inherit}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none !important}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-weight:400;font-size:80%}.img-fluid{height:auto;max-width:100%}.container{margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px;width:100%}@media(min-width:576px){.container{max-width:540px}}@media(min-width:768px){.container{max-width:720px}}@media(min-width:992px){.container{max-width:960px}}@media(min-width:1200px){.container{max-width:1140px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px;width:100%}@media(min-width:576px){.container,.container-sm{max-width:540px}}@media(min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media(min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media(min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.row{display:-ms-flexbox;display:flex;margin-right:-15px;margin-left:-15px;-ms-flex-wrap:wrap;flex-wrap:wrap}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-2_4,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-2_4,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-2_4,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-2_4,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-2_4,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;padding-right:15px;padding-left:15px;width:100%}.col{max-width:100%;min-width:0;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1}.col-auto{width:auto;max-width:100%;-ms-flex:0 0 auto;flex:0 0 auto}.col-1{max-width:8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%}.col-2{max-width:16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%}.col-2_4{max-width:20%;-ms-flex:0 0 20%;flex:0 0 20%}.col-3{max-width:25%;-ms-flex:0 0 25%;flex:0 0 25%}.col-4{max-width:33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%}.col-5{max-width:41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%}.col-6{max-width:50%;-ms-flex:0 0 50%;flex:0 0 50%}.col-7{max-width:58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%}.col-8{max-width:66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%}.col-9{max-width:75%;-ms-flex:0 0 75%;flex:0 0 75%}.col-10{max-width:83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%}.col-11{max-width:91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%}.col-12{max-width:100%;-ms-flex:0 0 100%;flex:0 0 100%}@media(min-width:576px){.col-sm{max-width:100%;min-width:0;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1}.col-sm-auto{width:auto;max-width:100%;-ms-flex:0 0 auto;flex:0 0 auto}.col-sm-1{max-width:8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%}.col-sm-2{max-width:16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%}.col-sm-2_4{max-width:20%;-ms-flex:0 0 20%;flex:0 0 20%}.col-sm-3{max-width:25%;-ms-flex:0 0 25%;flex:0 0 25%}.col-sm-4{max-width:33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%}.col-sm-5{max-width:41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%}.col-sm-6{max-width:50%;-ms-flex:0 0 50%;flex:0 0 50%}.col-sm-7{max-width:58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%}.col-sm-8{max-width:66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%}.col-sm-9{max-width:75%;-ms-flex:0 0 75%;flex:0 0 75%}.col-sm-10{max-width:83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%}.col-sm-11{max-width:91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%}.col-sm-12{max-width:100%;-ms-flex:0 0 100%;flex:0 0 100%}}@media(min-width:768px){.col-md{max-width:100%;min-width:0;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1}.col-md-auto{width:auto;max-width:100%;-ms-flex:0 0 auto;flex:0 0 auto}.col-md-1{max-width:8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%}.col-md-2{max-width:16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%}.col-md-2_4{max-width:20%;-ms-flex:0 0 20%;flex:0 0 20%}.col-md-3{max-width:25%;-ms-flex:0 0 25%;flex:0 0 25%}.col-md-4{max-width:33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%}.col-md-5{max-width:41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%}.col-md-6{max-width:50%;-ms-flex:0 0 50%;flex:0 0 50%}.col-md-7{max-width:58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%}.col-md-8{max-width:66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%}.col-md-9{max-width:75%;-ms-flex:0 0 75%;flex:0 0 75%}.col-md-10{max-width:83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%}.col-md-11{max-width:91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%}.col-md-12{max-width:100%;-ms-flex:0 0 100%;flex:0 0 100%}}@media(min-width:992px){.col-lg{max-width:100%;min-width:0;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1}.col-lg-auto{width:auto;max-width:100%;-ms-flex:0 0 auto;flex:0 0 auto}.col-lg-1{max-width:8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%}.col-lg-2{max-width:16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%}.col-lg-2_4{max-width:20%;-ms-flex:0 0 20%;flex:0 0 20%}.col-lg-3{max-width:25%;-ms-flex:0 0 25%;flex:0 0 25%}.col-lg-4{max-width:33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%}.col-lg-5{max-width:41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%}.col-lg-6{max-width:50%;-ms-flex:0 0 50%;flex:0 0 50%}.col-lg-7{max-width:58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%}.col-lg-8{max-width:66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%}.col-lg-9{max-width:75%;-ms-flex:0 0 75%;flex:0 0 75%}.col-lg-10{max-width:83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%}.col-lg-11{max-width:91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%}.col-lg-12{max-width:100%;-ms-flex:0 0 100%;flex:0 0 100%}}@media(min-width:1200px){.col-xl{max-width:100%;min-width:0;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1}.col-xl-auto{width:auto;max-width:100%;-ms-flex:0 0 auto;flex:0 0 auto}.col-xl-1{max-width:8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%}.col-xl-2{max-width:16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%}.col-xl-2_4{max-width:20%;-ms-flex:0 0 20%;flex:0 0 20%}.col-xl-3{max-width:25%;-ms-flex:0 0 25%;flex:0 0 25%}.col-xl-4{max-width:33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%}.col-xl-5{max-width:41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%}.col-xl-6{max-width:50%;-ms-flex:0 0 50%;flex:0 0 50%}.col-xl-7{max-width:58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%}.col-xl-8{max-width:66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%}.col-xl-9{max-width:75%;-ms-flex:0 0 75%;flex:0 0 75%}.col-xl-10{max-width:83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%}.col-xl-11{max-width:91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%}.col-xl-12{max-width:100%;-ms-flex:0 0 100%;flex:0 0 100%}}.table{margin-bottom:1rem;width:100%;color:#212529}.table td,.table th{padding:.75rem;border-top:1px solid #dee2e6;vertical-align:top}.table thead th{border-bottom:2px solid #dee2e6;vertical-align:bottom}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075);color:#212529}@media(max-width:575.98px){.table-responsive-sm{display:block;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media(max-width:767.98px){.table-responsive-md{display:block;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media(max-width:991.98px){.table-responsive-lg{display:block;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media(max-width:1199.98px){.table-responsive-xl{display:block;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;padding:.375rem .75rem;width:100%;height:calc(1.5em + .75rem + 2px);border:1px solid #ced4da;border-radius:.25rem;background-color:#fff;background-clip:padding-box;color:#495057;font-weight:400;font-size:1rem;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{border:0;background-color:transparent}.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.form-control:focus{outline:0;border-color:#80bdff;background-color:#fff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25);color:#495057}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none}select.form-control:focus::-ms-value{background-color:#fff;color:#495057}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{margin-bottom:0;padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;margin-bottom:0;padding:.375rem 0;width:100%;border:solid transparent;border-width:1px 0;background-color:transparent;color:#212529;font-size:1rem;line-height:1.5}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{padding:.25rem .5rem;height:calc(1.5em + .5rem + 2px);border-radius:.2rem;font-size:.875rem;line-height:1.5}.form-control-lg{padding:.5rem 1rem;height:calc(1.5em + 1rem + 2px);border-radius:.3rem;font-size:1.25rem;line-height:1.5}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;margin-right:-5px;margin-left:-5px;-ms-flex-wrap:wrap;flex-wrap:wrap}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:.75rem;padding-left:0;-ms-flex-align:center;align-items:center}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;margin-top:.25rem;width:100%;color:#28a745;font-size:80%}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;margin-top:.1rem;padding:.25rem .5rem;max-width:100%;border-radius:.25rem;background-color:rgba(40,167,69,.9);color:#fff;font-size:.875rem;line-height:1.5}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{padding-right:calc(1.5em + .75rem);border-color:#28a745;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem);background-repeat:no-repeat}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{padding-right:calc(.75em + 2.3125rem);border-color:#28a745;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;margin-top:.25rem;width:100%;color:#dc3545;font-size:80%}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;margin-top:.1rem;padding:.25rem .5rem;max-width:100%;border-radius:.25rem;background-color:rgba(220,53,69,.9);color:#fff;font-size:.875rem;line-height:1.5}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{padding-right:calc(1.5em + .75rem);border-color:#dc3545;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem);background-repeat:no-repeat}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{padding-right:calc(.75em + 2.3125rem);border-color:#dc3545;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.btn{display:inline-block;padding:.375rem .75rem;border:1px solid transparent;border-radius:.25rem;background-color:transparent;color:#212529;vertical-align:middle;text-align:center;font-weight:400;font-size:1rem;line-height:1.5;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media(prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media(prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;overflow:hidden;height:0;transition:height .35s ease}@media(prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent;content:"";vertical-align:.255em}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;display:none;margin:.125rem 0 0;padding:.5rem 0;min-width:10rem;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;background-color:#fff;background-clip:padding-box;color:#212529;list-style:none;text-align:left;font-size:1rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media(min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media(min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media(min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media(min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent;content:"";vertical-align:.255em}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid;content:"";vertical-align:.255em}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;content:"";vertical-align:.255em}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent;content:"";vertical-align:.255em}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{overflow:hidden;margin:.5rem 0;height:0;border-top:1px solid #e9ecef}.dropdown-item{clear:both;display:block;padding:.25rem 1.5rem;width:100%;border:0;background-color:transparent;color:#212529;text-align:inherit;white-space:nowrap;font-weight:400}.dropdown-item:focus,.dropdown-item:hover{background-color:#f8f9fa;color:#16181b;text-decoration:none}.dropdown-item.active,.dropdown-item:active{background-color:#007bff;color:#fff;text-decoration:none}.dropdown-item.disabled,.dropdown-item:disabled{background-color:transparent;color:#6c757d;pointer-events:none}.dropdown-menu.show{display:block}.dropdown-header{display:block;margin-bottom:0;padding:.5rem 1.5rem;color:#6c757d;white-space:nowrap;font-size:.875rem}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.custom-control{position:relative;display:block;padding-left:1.5rem;min-height:1.5rem}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:1.25rem;opacity:0}.custom-control-input:checked~.custom-control-label::before{border-color:#007bff;background-color:#007bff;color:#fff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{border-color:#b3d7ff;background-color:#b3d7ff;color:#fff}.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before,.custom-control-input[disabled]~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;border:#adb5bd solid 1px;background-color:#fff;content:"";pointer-events:none}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;background:no-repeat 50%/50% 50%;content:""}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;border-radius:.5rem;pointer-events:all}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);border-radius:.5rem;background-color:#adb5bd;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out}@media(prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(.75rem);transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;padding:.375rem 1.75rem .375rem .75rem;width:100%;height:calc(1.5em + .75rem + 2px);border:1px solid #ced4da;border-radius:.25rem;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;color:#495057;vertical-align:middle;font-weight:400;font-size:1rem;line-height:1.5;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{outline:0;border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-select:focus::-ms-value{background-color:#fff;color:#495057}.custom-select[multiple],.custom-select[size]:not([size="1"]){padding-right:.75rem;height:auto;background-image:none}.custom-select:disabled{background-color:#e9ecef;color:#6c757d}.custom-select::-ms-expand{display:none}.custom-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.custom-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;height:calc(1.5em + .5rem + 2px);font-size:.875rem}.custom-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;height:calc(1.5em + 1rem + 2px);font-size:1.25rem}.custom-file{position:relative;display:inline-block;margin-bottom:0;width:100%;height:calc(1.5em + .75rem + 2px)}.custom-file-input{position:relative;z-index:2;margin:0;width:100%;height:calc(1.5em + .75rem + 2px);opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;padding:.375rem .75rem;height:calc(1.5em + .75rem + 2px);border:1px solid #ced4da;border-radius:.25rem;background-color:#fff;color:#495057;font-weight:400;line-height:1.5}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;padding:.375rem .75rem;height:calc(1.5em + .75rem);border-left:inherit;border-radius:0 .25rem .25rem 0;background-color:#e9ecef;color:#495057;content:"Browse";line-height:1.5}.custom-range{padding:0;width:100%;height:1.4rem;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{margin-top:-.25rem;width:1rem;height:1rem;border:0;border-radius:1rem;background-color:#007bff;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media(prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;border-color:transparent;border-radius:1rem;background-color:#dee2e6;color:transparent;cursor:pointer}.custom-range::-moz-range-thumb{width:1rem;height:1rem;border:0;border-radius:1rem;background-color:#007bff;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media(prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;border-color:transparent;border-radius:1rem;background-color:#dee2e6;color:transparent;cursor:pointer}.custom-range::-ms-thumb{margin-top:0;margin-right:.2rem;margin-left:.2rem;width:1rem;height:1rem;border:0;border-radius:1rem;background-color:#007bff;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media(prefers-reduced-motion:reduce){.custom-range::-ms-thumb{transition:none;-ms-transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;border-color:transparent;border-width:.5rem;background-color:transparent;color:transparent;cursor:pointer}.custom-range::-ms-fill-lower{border-radius:1rem;background-color:#dee2e6}.custom-range::-ms-fill-upper{margin-right:15px;border-radius:1rem;background-color:#dee2e6}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;margin-bottom:0;padding-left:0;list-style:none;-ms-flex-wrap:wrap;flex-wrap:wrap}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;cursor:default;pointer-events:none}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-right-radius:.25rem;border-top-left-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{border-color:transparent;background-color:transparent;color:#6c757d}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{border-color:#dee2e6 #dee2e6 #fff;background-color:#fff;color:#495057}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:#007bff;color:#fff}.nav-fill .nav-item{text-align:center;-ms-flex:1 1 auto;flex:1 1 auto}.nav-justified .nav-item{text-align:center;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.alert{position:relative;margin-bottom:1rem;padding:.75rem 1.25rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{border-color:#b8daff;background-color:#cce5ff;color:#004085}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{border-color:#d6d8db;background-color:#e2e3e5;color:#383d41}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{border-color:#c3e6cb;background-color:#d4edda;color:#155724}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{border-color:#bee5eb;background-color:#d1ecf1;color:#0c5460}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{border-color:#ffeeba;background-color:#fff3cd;color:#856404}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{border-color:#f5c6cb;background-color:#f8d7da;color:#721c24}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{border-color:#fdfdfe;background-color:#fefefe;color:#818182;font-size:12px}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{border-color:#c6c8ca;background-color:#d6d8d9;color:#1b1e21}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}.list-group{display:-ms-flexbox;display:flex;margin-bottom:0;padding-left:0;border-radius:.25rem;-ms-flex-direction:column;flex-direction:column}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;border:1px solid rgba(0,0,0,.125);background-color:#fff}.close{float:right;color:#000;text-shadow:0 1px 0 #fff;font-weight:700;font-size:1.5rem;line-height:1;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;border:0;background-color:transparent}a.close.disabled{pointer-events:none}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;overflow:hidden;width:100%;height:100%;outline:0}.modal-dialog{position:relative;margin:.5rem;width:auto;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media(prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{overflow:hidden;max-height:calc(100vh - 1rem)}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-ms-flexbox;display:flex;min-height:calc(100% - 1rem);-ms-flex-align:center;align-items:center}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);height:-webkit-min-content;height:-moz-min-content;height:min-content;content:""}.modal-dialog-centered.modal-dialog-scrollable{height:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;width:100%;outline:0;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;background-color:#fff;background-clip:padding-box;-ms-flex-direction:column;flex-direction:column;pointer-events:auto}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-right-radius:calc(.3rem - 1px);border-top-left-radius:calc(.3rem - 1px);-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between}.modal-header .close{margin:-1rem -1rem -1rem auto;padding:1rem 1rem}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;padding:1rem;-ms-flex:1 1 auto;flex:1 1 auto}.modal-footer{display:-ms-flexbox;display:flex;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px);-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;overflow:scroll;width:50px;height:50px}@media(min-width:576px){.modal-dialog{margin:1.75rem auto;max-width:500px}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem);height:-webkit-min-content;height:-moz-min-content;height:min-content}.modal-sm{max-width:300px}}@media(min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media(min-width:1200px){.modal-xl{max-width:1140px}}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;border:.25em solid currentColor;border-radius:50%;vertical-align:text-bottom;border-right-color:transparent;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;border-radius:50%;background-color:currentColor;vertical-align:text-bottom;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.clearfix::after{clear:both;display:block;content:""}.d-none{display:none !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:-ms-flexbox !important;display:flex !important}.d-inline-flex{display:-ms-inline-flexbox !important;display:inline-flex !important}.flex-row{-ms-flex-direction:row !important;flex-direction:row !important}.flex-column{-ms-flex-direction:column !important;flex-direction:column !important}.flex-row-reverse{-ms-flex-direction:row-reverse !important;flex-direction:row-reverse !important}.flex-column-reverse{-ms-flex-direction:column-reverse !important;flex-direction:column-reverse !important}.flex-wrap{-ms-flex-wrap:wrap !important;flex-wrap:wrap !important}.flex-nowrap{-ms-flex-wrap:nowrap !important;flex-wrap:nowrap !important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse !important;flex-wrap:wrap-reverse !important}.flex-fill{-ms-flex:1 1 auto !important;flex:1 1 auto !important}.flex-grow-0{-ms-flex-positive:0 !important;flex-grow:0 !important}.flex-grow-1{-ms-flex-positive:1 !important;flex-grow:1 !important}.flex-shrink-0{-ms-flex-negative:0 !important;flex-shrink:0 !important}.flex-shrink-1{-ms-flex-negative:1 !important;flex-shrink:1 !important}.justify-content-start{-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-end{-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-center{-ms-flex-pack:center !important;justify-content:center !important}.justify-content-between{-ms-flex-pack:justify !important;justify-content:space-between !important}.justify-content-around{-ms-flex-pack:distribute !important;justify-content:space-around !important}.align-items-start{-ms-flex-align:start !important;align-items:flex-start !important}.align-items-end{-ms-flex-align:end !important;align-items:flex-end !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.align-items-baseline{-ms-flex-align:baseline !important;align-items:baseline !important}.align-items-stretch{-ms-flex-align:stretch !important;align-items:stretch !important}.align-content-start{-ms-flex-line-pack:start !important;align-content:flex-start !important}.align-content-end{-ms-flex-line-pack:end !important;align-content:flex-end !important}.align-content-center{-ms-flex-line-pack:center !important;align-content:center !important}.align-content-between{-ms-flex-line-pack:justify !important;align-content:space-between !important}.align-content-around{-ms-flex-line-pack:distribute !important;align-content:space-around !important}.align-content-stretch{-ms-flex-line-pack:stretch !important;align-content:stretch !important}.align-self-auto{-ms-flex-item-align:auto !important;align-self:auto !important}.align-self-start{-ms-flex-item-align:start !important;align-self:flex-start !important}.align-self-end{-ms-flex-item-align:end !important;align-self:flex-end !important}.align-self-center{-ms-flex-item-align:center !important;align-self:center !important}.align-self-baseline{-ms-flex-item-align:baseline !important;align-self:baseline !important}.align-self-stretch{-ms-flex-item-align:stretch !important;align-self:stretch !important}.user-select-all{-webkit-user-select:all !important;-moz-user-select:all !important;-ms-user-select:all !important;user-select:all !important}.user-select-auto{-webkit-user-select:auto !important;-moz-user-select:auto !important;-ms-user-select:auto !important;user-select:auto !important}.user-select-none{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}.overflow-auto{overflow:auto !important}.overflow-hidden{overflow:hidden !important}.position-static{position:static !important}.position-relative{position:relative !important}.position-absolute{position:absolute !important}.position-fixed{position:fixed !important}.position-sticky{position:-webkit-sticky !important;position:sticky !important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports((position:-webkit-sticky) or(position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);margin:-1px;padding:0;width:1px;height:1px;border:0;white-space:nowrap}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;overflow:visible;clip:auto;width:auto;height:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075) !important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15) !important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175) !important}.shadow-none{box-shadow:none !important}.w-25{width:25% !important}.w-50{width:50% !important}.w-75{width:75% !important}.w-100{width:100% !important}.w-auto{width:auto !important}.h-25{height:25% !important}.h-50{height:50% !important}.h-75{height:75% !important}.h-100{height:100% !important}.h-auto{height:auto !important}.mw-100{max-width:100% !important}.mh-100{max-height:100% !important}.min-vw-100{min-width:100vw !important}.min-vh-100{min-height:100vh !important}.vw-100{width:100vw !important}.vh-100{height:100vh !important}.m-0{margin:0 !important}.mt-0,.my-0{margin-top:0 !important}.mr-0,.mx-0{margin-right:0 !important}.mb-0,.my-0{margin-bottom:0 !important}.ml-0,.mx-0{margin-left:0 !important}.m-1{margin:.25rem !important}.mt-1,.my-1{margin-top:.25rem !important}.mr-1,.mx-1{margin-right:.25rem !important}.mb-1,.my-1{margin-bottom:.25rem !important}.ml-1,.mx-1{margin-left:.25rem !important}.m-2{margin:.5rem !important}.mt-2,.my-2{margin-top:.5rem !important}.mr-2,.mx-2{margin-right:.5rem !important}.mb-2,.my-2{margin-bottom:.5rem !important}.ml-2,.mx-2{margin-left:.5rem !important}.m-3{margin:1rem !important}.mt-3,.my-3{margin-top:1rem !important}.mr-3,.mx-3{margin-right:1rem !important}.mb-3,.my-3{margin-bottom:1rem !important}.ml-3,.mx-3{margin-left:1rem !important}.m-4{margin:1.5rem !important}.mt-4,.my-4{margin-top:1.5rem !important}.mr-4,.mx-4{margin-right:1.5rem !important}.mb-4,.my-4{margin-bottom:1.5rem !important}.ml-4,.mx-4{margin-left:1.5rem !important}.m-5{margin:3rem !important}.mt-5,.my-5{margin-top:3rem !important}.mr-5,.mx-5{margin-right:3rem !important}.mb-5,.my-5{margin-bottom:3rem !important}.ml-5,.mx-5{margin-left:3rem !important}.p-0{padding:0 !important}.pt-0,.py-0{padding-top:0 !important}.pr-0,.px-0{padding-right:0 !important}.pb-0,.py-0{padding-bottom:0 !important}.pl-0,.px-0{padding-left:0 !important}.p-1{padding:.25rem !important}.pt-1,.py-1{padding-top:.25rem !important}.pr-1,.px-1{padding-right:.25rem !important}.pb-1,.py-1{padding-bottom:.25rem !important}.pl-1,.px-1{padding-left:.25rem !important}.p-2{padding:.5rem !important}.pt-2,.py-2{padding-top:.5rem !important}.pr-2,.px-2{padding-right:.5rem !important}.pb-2,.py-2{padding-bottom:.5rem !important}.pl-2,.px-2{padding-left:.5rem !important}.p-3{padding:1rem !important}.pt-3,.py-3{padding-top:1rem !important}.pr-3,.px-3{padding-right:1rem !important}.pb-3,.py-3{padding-bottom:1rem !important}.pl-3,.px-3{padding-left:1rem !important}.p-4{padding:1.5rem !important}.pt-4,.py-4{padding-top:1.5rem !important}.pr-4,.px-4{padding-right:1.5rem !important}.pb-4,.py-4{padding-bottom:1.5rem !important}.pl-4,.px-4{padding-left:1.5rem !important}.p-5{padding:3rem !important}.pt-5,.py-5{padding-top:3rem !important}.pr-5,.px-5{padding-right:3rem !important}.pb-5,.py-5{padding-bottom:3rem !important}.pl-5,.px-5{padding-left:3rem !important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:rgba(0,0,0,0);content:"";pointer-events:auto}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important}.text-justify{text-align:justify !important}.text-wrap{white-space:normal !important}.text-nowrap{white-space:nowrap !important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left !important}.text-right{text-align:right !important}.text-center{text-align:center !important}.text-lowercase{text-transform:lowercase !important}.text-uppercase{text-transform:uppercase !important}.text-capitalize{text-transform:capitalize !important}.visible{visibility:visible !important}.invisible{visibility:hidden !important}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;border:.25em solid currentColor;border-radius:50%;vertical-align:text-bottom;border-right-color:transparent;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;border-radius:50%;background-color:currentColor;vertical-align:text-bottom;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}/*! Swiper v6.3.4 */@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#fff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:0;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#fff}.swiper-pagination-black{--swiper-pagination-color:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-media-vimeo:before{content:"\e88a"}.icon-media-okru:before{content:"\f201"}.icon-question:before{content:"\e677"}.icon-inquiry:before{content:"\e678"}.icon-eye:before{content:"\e612"}.icon-more-product:before{content:"\e676"}.icon-download:before{content:"\e712"}.icon-shoucang:before{content:"\e675"}.icon-xiaoyuAI:before{content:"\e672"}.icon-shoucang-empty:before{content:"\e673"}.icon-fuzhi:before{content:"\e674"}.icon-clear:before{content:"\e671"}.icon-ec-tagert:before{content:"\e670"}.icon-ec-walmart:before{content:"\e66e"}.icon-double-arrow:before{content:"\e611"}.icon-action-replicate:before{content:"\e66d"}.icon-phone:before{content:"\e66c"}.icon-faq:before{content:"\e60a"}.icon-support:before{content:"\e60b"}.icon-refresh:before{content:"\e66b"}.icon-jiantou-left:before{content:"\e66a"}.icon-send-inquiry:before{content:"\e632"}.icon-media-linkedin:before{content:"\e622"}.icon-media-facebook:before{content:"\e624"}.icon-telegram:before{content:"\e625"}.icon-media-youtube:before{content:"\e629"}.icon-media-reddit:before{content:"\e62a"}.icon-whatsapp:before{content:"\e637"}.icon-media-twitter:before{content:"\e662"}.icon-media-tumblr:before{content:"\e663"}.icon-skype:before{content:"\e664"}.icon-media-pinterest:before{content:"\e665"}.icon-viber:before{content:"\e666"}.icon-media-tiktok:before{content:"\e667"}.icon-vk:before{content:"\e668"}.icon-media-instagram:before{content:"\e669"}.icon-ai-generate:before{content:"\e661"}.icon-base-collection-empty:before{content:"\eb74"}.icon-yinliang:before{content:"\e660"}.icon-fenxiang1:before{content:"\e65b"}.icon-pinglun1:before{content:"\e65d"}.icon-jingyin:before{content:"\e65e"}.icon-gouwuche:before{content:"\e65f"}.icon-fenxiang:before{content:"\e65a"}.icon-xiazai:before{content:"\e659"}.icon-wenhao:before{content:"\e67f"}.icon-a-3D:before{content:"\e658"}.icon-youhui:before{content:"\e655"}.icon-a-youhuiquan1:before{content:"\e654"}.icon-manjian:before{content:"\e657"}.icon-pinglun:before{content:"\e6ad"}.icon-kefu-line:before{content:"\e653"}.icon-wenjian:before{content:"\e83c"}.icon-action-top:before{content:"\e652"}.icon-action-plus:before{content:"\e650"}.icon-action-minus:before{content:"\e651"}.icon-action-move-to-favorite:before{content:"\e64f"}.icon-base-eye-ban:before{content:"\e6d2"}.icon-action-close-2:before{content:"\e64e"}.icon-client-phone:before{content:"\e64b"}.icon-client-desktop:before{content:"\e64c"}.icon-client-pad:before{content:"\e64d"}.icon-2c-coupon:before{content:"\e64a"}.icon-base-hot-2:before{content:"\e648"}.icon-base-like-2:before{content:"\e649"}.icon-base-info-fill:before{content:"\eb73"}.icon-base-close-fill:before{content:"\e656"}.icon-action-upload:before{content:"\e645"}.icon-base-email:before{content:"\e644"}.icon-base-email-read:before{content:"\e823"}.icon-base-collect:before{content:"\e647"}.icon-base-collect-fill:before{content:"\e646"}.icon-base-user-2:before{content:"\e640"}.icon-base-code:before{content:"\e641"}.icon-base-look:before{content:"\e642"}.icon-base-key:before{content:"\e643"}.icon-ec-mercadolibre:before{content:"\e63f"}.icon-ec-11street:before{content:"\e631"}.icon-ec-ebay:before{content:"\e633"}.icon-ec-alibaba:before{content:"\e636"}.icon-ec-aliexpress:before{content:"\e638"}.icon-ec-lazada:before{content:"\e63a"}.icon-ec-shopee:before{content:"\e63b"}.icon-ec-gmarket:before{content:"\e63c"}.icon-ec-amazon:before{content:"\e63d"}.icon-ec-wish:before{content:"\e63e"}.icon-activity:before{content:"\e6de"}.icon-activity-fill:before{content:"\e6df"}.icon-service:before{content:"\e630"}.icon-fbmessenger:before{content:"\e621"}.icon-trademanager:before{content:"\e626"}.icon-wechat:before{content:"\e627"}.icon-search-shaixuan:before{content:"\e603"}.icon-form-validated:before{content:"\e6b3"}.icon-form-invalid:before{content:"\e61c"}.icon-yuzhong:before{content:"\e6d5"}.icon-base-collection:before{content:"\e61a"}.icon-base-like:before{content:"\e61f"}.icon-base-like-fill:before{content:"\e602"}.icon-base-order:before{content:"\e620"}.icon-base-customized:before{content:"\e61e"}.icon-base-dot:before{content:"\e61d"}.icon-base-cascades:before{content:"\e67c"}.icon-base-list:before{content:"\e682"}.icon-base-menu:before{content:"\e858"}.icon-base-flash-sale:before{content:"\e614"}.icon-base-hot:before{content:"\e615"}.icon-base-letter:before{content:"\e616"}.icon-base-gift:before{content:"\e617"}.icon-base-rebate:before{content:"\e618"}.icon-media-google:before{content:"\e635"}.icon-base-success-fill:before{content:"\e62c"}.icon-base-error-fill:before{content:"\e62e"}.icon-action-edit:before{content:"\e62b"}.icon-base-tel-2:before{content:"\e62d"}.icon-base-phone-lighter:before{content:"\e634"}.icon-action-delete-lighter:before{content:"\e639"}.icon-base-email-1:before{content:"\e628"}.icon-base-cart-lighter:before{content:"\e623"}.icon-page-inquire-success:before{content:"\e7c4"}.icon-page-updating:before{content:"\e856"}.icon-page-due:before{content:"\e70f"}.icon-action-bottom-arrow-bold:before{content:"\e6ac"}.icon-action-top-arrow-bold:before{content:"\e791"}.icon-base-user:before{content:"\e66f"}.icon-action-bottom-triangle-bold:before{content:"\e65c"}.icon-action-search-lighter:before{content:"\e61b"}.icon-base-eye:before{content:"\e62f"}.icon-base-phone-bold:before{content:"\e619"}.icon-base-email-fill:before{content:"\e608"}.icon-base-gps:before{content:"\e609"}.icon-media-facebook-fill:before{content:"\e60c"}.icon-media-google-fill:before{content:"\e60d"}.icon-action-play:before{content:"\e60e"}.icon-base-tel:before{content:"\e60f"}.icon-media-twitter-fill:before{content:"\e610"}.icon-submit:before{content:"\e613"}.icon-action-add:before{content:"\e607"}.icon-action-close:before{content:"\e857"}.icon-action-bottom-lighter:before{content:"\e859"}.icon-action-left-lighter:before{content:"\e600"}.icon-action-left-arrow-lighter:before{content:"\e601"}.icon-action-delete:before{content:"\e604"}.icon-action-setting:before{content:"\e605"}.icon-action-copy:before{content:"\e606"}.xgplayer.not-allow-autoplay .xgplayer-controls,.xgplayer.xgplayer-nostart .xgplayer-controls,.xgplayer.xgplayer-inactive .controls-autohide{pointer-events:none;visibility:hidden;cursor:default;opacity:0}.xgplayer.not-allow-autoplay .xgplayer-controls-initshow,.xgplayer.xgplayer-nostart .xgplayer-controls-initshow{pointer-events:auto;visibility:visible;opacity:1}.xgplayer .xgplayer-controls{display:block;position:absolute;visibility:visible;height:48px;left:0;right:0;bottom:0;opacity:1;z-index:10;background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.37),rgba(0,0,0,.75),rgba(0,0,0,.75));transition:opacity .5s ease,visibility .5s ease}.xgplayer .xgplayer-controls.show{display:block;opacity:1;visibility:visible;pointer-events:auto}.xgplayer .xg-inner-controls{position:absolute;height:40px;bottom:0;justify-content:space-between;display:flex}.xgplayer .xg-left-grid,.xgplayer .xg-right-grid{position:relative;display:flex;flex-wrap:wrap;flex-shrink:1;height:100%;z-index:1}.xgplayer .xg-right-grid{flex-direction:row-reverse}.xgplayer .xg-right-grid>:first-child{margin-right:0}.xgplayer .xg-right-grid xg-icon{margin-left:0}.xgplayer .xg-left-grid>:first-child{margin-left:0}.xgplayer .xg-left-grid xg-icon{margin-right:0}.xgplayer .xg-center-grid{display:block;position:absolute;left:0;right:0;outline:0;top:-20px;padding:5px 0;text-align:center}.xgplayer .flex-controls .xg-inner-controls{justify-content:space-around;display:flex;bottom:8px}.xgplayer .flex-controls .xg-center-grid{display:flex;flex:1;position:relative;top:0;height:100%;justify-content:space-between;align-items:center;left:0;right:0;padding:0 16px}.xgplayer.xgplayer-mobile .xg-center-grid{z-index:2}.xgplayer.xgplayer-mobile .flex-controls .xg-center-grid{padding:0 8px}.xgplayer .bottom-controls .xg-center-grid{top:20px;padding:0}.xgplayer .bottom-controls .xg-left-grid,.xgplayer .bottom-controls .xg-right-grid{bottom:10px}.xgplayer .mini-controls{background-image:none}.xgplayer .mini-controls .xg-inner-controls{bottom:0;left:0;right:0}.xgplayer .mini-controls .xg-center-grid{bottom:-28px;top:auto;padding:0}.xgplayer .mini-controls .xg-left-grid,.xgplayer .mini-controls .xg-right-grid{display:none}.xgplayer .controls-follow{bottom:70px;transition:bottom .3s ease}.xgplayer.flex-controls .controls-follow{bottom:45px}.xgplayer.xgplayer-inactive .controls-follow,.xgplayer.no-controls .controls-follow,.xgplayer.mini-controls .controls-follow{bottom:10px}.xgplayer-fullscreen-parent{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999}.xgplayer-fullscreen-parent .xgplayer.xgplayer-is-cssfullscreen,.xgplayer-fullscreen-parent .xgplayer.xgplayer-is-fullscreen{z-index:10;position:absolute}.xgplayer-rotate-parent{position:fixed;top:0;left:100%;bottom:0;right:0;width:100vh;height:100vw;z-index:9999;transform-origin:top left;transform:rotate(90deg)}.xgplayer-rotate-parent .xgplayer.xgplayer-rotate-fullscreen{position:absolute;top:0;left:0;z-index:10;margin:0;padding:0;width:100%;height:100%;transform:rotate(0)}.xgplayer-rotate-parent .xgplayer-mobile video{z-index:-1}.xgplayer{position:relative;width:100%;height:100%;overflow:hidden;font-family:PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400;background:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.xgplayer *{margin:0;padding:0;border:0;vertical-align:baseline;white-space:normal;word-wrap:normal;overflow-wrap:normal}.xgplayer ul,.xgplayer li{list-style:none}.xgplayer .xgplayer-none{display:none}.xgplayer.xgplayer-is-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;z-index:9999}.xgplayer.xgplayer-is-cssfullscreen{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999}.xgplayer.xgplayer-rotate-fullscreen{position:fixed;top:0;left:100%;bottom:0;right:0;width:100vh;height:100vw;transform-origin:top left;transform:rotate(90deg);z-index:9999}.xgplayer.xgplayer-rotate-fullscreen.xgplayer-mobile video{z-index:-1}.xgplayer xg-video-container.xg-video-container{position:absolute;top:0;bottom:48px;display:block;width:100%}.xgplayer video{position:absolute;top:0;left:0;width:100%;height:100%;outline:0}.xgplayer[data-xgfill=contain] video{-o-object-fit:contain;object-fit:contain}.xgplayer[data-xgfill=cover] video{-o-object-fit:cover;object-fit:cover}.xgplayer[data-xgfill=fill] video{-o-object-fit:fill;object-fit:fill}.xgplayer .xg-pos{left:10px;right:10px}.xgplayer .xg-margin{margin-left:16px;margin-right:16px}.xgplayer .xg-bottom{bottom:0}.xgplayer .btn-text{position:relative;top:50%;height:24px;font-size:13px;text-align:center}.xgplayer .btn-text span{display:inline-block;min-width:52px;height:24px;line-height:24px;background:rgba(0,0,0,.38);border-radius:12px}.xgplayer xg-icon{position:relative;box-sizing:border-box;height:40px;margin-left:16px;margin-right:16px;cursor:pointer;color:#fffc;fill:#fff}.xgplayer xg-icon .xg-tips{top:-30px;left:50%;transform:translate(-50%)}.xgplayer xg-icon:active .xg-tips,.xgplayer xg-icon:hover .xg-tips{display:block}.xgplayer xg-icon:active .xg-tips.hide,.xgplayer xg-icon:hover .xg-tips.hide{display:none}.xgplayer xg-icon .xgplayer-icon{position:relative;top:50%;transform:translateY(-50%);cursor:pointer}.xgplayer xg-icon .xg-icon-disable{cursor:not-allowed}.xgplayer xg-icon .xg-img{width:100%}.xgplayer xg-icon svg,.xgplayer xg-icon img{height:100%;display:block}.xgplayer xg-bar{display:block}.xgplayer.xgplayer-inactive xg-bar,.xgplayer.xgplayer-mini xg-bar{display:none}.xgplayer.xgplayer-inactive .xg-top-bar{display:flex}.xgplayer.xgplayer-inactive .xg-top-bar.top-bar-autohide{display:none}.xgplayer .xg-top-bar{position:absolute;z-index:10;top:0;padding:0 16px;display:flex;height:50px}.xgplayer .xg-top-bar xg-icon{position:relative;top:10px;left:0;width:34px;margin-top:0}.xgplayer .xg-top-bar xg-icon:first-child{margin-left:0}.xgplayer .xg-left-bar,.xgplayer .xg-right-bar{position:absolute;z-index:9;top:50px;bottom:50px;width:50px}.xgplayer .xg-left-bar{left:0}.xgplayer .xg-right-bar{right:0}.xgplayer .xg-tips{display:none;position:absolute;padding:4px 6px;background:rgba(0,0,0,.54);border-radius:4px;font-size:11px;color:#fff;text-align:center;white-space:nowrap;opacity:.85}.xgplayer .xg-margin{left:0;right:0}.xgplayer-mobile{-webkit-tap-highlight-color:rgba(0,0,0,0)}.xgplayer-mobile *{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.xgplayer-mobile.xgplayer-rotate-fullscreen .xg-top-bar,.xgplayer-mobile.xgplayer-rotate-fullscreen .xg-pos{left:6%;right:6%}.xgplayer-mobile xg-icon:hover .xg-tips{display:none}.xg-list-slide-scroll::-webkit-scrollbar-track{background-color:transparent;display:none}.xg-list-slide-scroll:hover::-webkit-scrollbar-track{display:block}.xg-list-slide-scroll::-webkit-scrollbar{-webkit-appearance:none;appearance:none;background:rgba(0,0,0,0);height:4px;width:4px}.xg-list-slide-scroll::-webkit-scrollbar-corner{background:transparent;display:none}.xg-list-slide-scroll::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.5);border-radius:3px;display:none;width:4px}.xg-list-slide-scroll:hover::-webkit-scrollbar-thumb{display:block}@media only screen and (max-width:480px){.xgplayer-mobile xg-icon{margin-right:10px;margin-left:10px}.xgplayer-mobile .xg-top-bar{left:10px;right:10px}}@media screen and (orientation:portrait){.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-controls,.xgplayer-mobile.xgplayer-is-cssfullscreen .xgplayer-controls{bottom:34px;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom)}.xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar,.xgplayer-mobile.xgplayer-is-cssfullscreen .xg-top-bar{top:34px;top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}}@media only screen and (orientation:landscape){.xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar,.xgplayer-mobile.xgplayer-is-fullscreen .xg-pos{left:6%;right:6%}.xgplayer-mobile.xgplayer-rotate-fullscreen{left:0;width:100vw;height:100vh;transform:rotate(0)}}.xgplayer .xgplayer-screen-container{display:block;width:100%}.xgplayer .xg-options-icon{display:none;cursor:pointer}.xgplayer .xg-options-icon.show{display:block}@keyframes xg_right_options_active{0%{transform:translate(50%)}to{transform:translate(-50%)}}@keyframes xg_right_options_hide{0%{transform:translate(-50%)}to{transform:translate(50%)}}@keyframes xg_left_options_active{0%{transform:translate(-50%)}to{transform:translate(50%)}}@keyframes xg_left_options_hide{0%{transform:translate(50%)}to{transform:translate(-50%)}}.xgplayer .xg-options-list{display:none;position:absolute;z-index:5;width:78px;right:50%;bottom:100%;background:rgba(0,0,0,.54);border-radius:1px;transform:translate(50%);cursor:pointer;overflow:auto;height:0;opacity:.85;font-size:14px;color:#fffc}.xgplayer .xg-options-list li{height:20px;line-height:20px;position:relative;padding:4px 0;text-align:center}.xgplayer .xg-options-list li:hover,.xgplayer .xg-options-list li.selected{color:red;opacity:1}.xgplayer .xg-options-list li:nth-child(1){position:relative;margin-top:12px}.xgplayer .xg-options-list li:last-child{position:relative;margin-bottom:12px}.xgplayer .xg-options-list:hover{opacity:1}.xgplayer .xg-options-list.active{display:block;height:auto}.xgplayer .xg-options-list.xg-side-list{width:20%;height:100%;bottom:0;background:rgba(0,0,0,.9);display:flex;flex-direction:column;box-sizing:border-box}.xgplayer .xg-options-list.xg-side-list li{flex:1;width:100%;padding:0;position:relative}.xgplayer .xg-options-list.xg-side-list li span{display:block;position:relative;top:50%;transform:translateY(-50%);pointer-events:none}.xgplayer .xg-options-list.xg-side-list li:nth-child(1){margin-top:20px}.xgplayer .xg-options-list.xg-side-list li:last-child{margin-bottom:20px}.xgplayer .xg-options-list.xg-right-side{right:-10.5%}.xgplayer .xg-options-list.xg-right-side.active{height:100%;animation:xg_right_options_active .2s ease-out forwards}.xgplayer .xg-options-list.xg-right-side.hide{height:100%;animation:xg_right_options_hide .2s ease-in forwards}.xgplayer .xg-options-list.xg-left-side{left:-10.5%;transform:translate(-50%)}.xgplayer .xg-options-list.xg-left-side.active{height:100%;animation:xg_left_options_active .2s ease-out forwards}.xgplayer .xg-options-list.xg-left-side.hide{height:100%;animation:xg_left_options_hide .2s ease-in forwards}@media only screen and (max-width:480px){.xgplayer-mobile .xg-options-icon.portrait{display:none}}.xgplayer xg-thumbnail{display:block}.xgplayer-replay{display:none}.xgplayer .xgplayer-replay{display:none;position:absolute;left:50%;top:50%;width:100px;height:100px;justify-content:center;align-items:center;flex-direction:column;z-index:5;transform:translate(-50%,-50%);cursor:pointer}.xgplayer .xgplayer-replay .xgplayer-replay-txt{display:inline-block;font-size:14px;color:#fff;line-height:34px;text-align:center}.xgplayer.xgplayer-mobile .xgplayer-replay-svg{width:50px;height:50px}.xgplayer.xgplayer-mobile .xgplayer-replay-txt{line-height:24px;font-size:12px}.xgplayer .xgplayer-poster{display:block;opacity:1;visibility:visible;position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:center center;background-size:100% auto;background-repeat:no-repeat;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.xgplayer .xgplayer-poster.hide,.xgplayer.xgplayer-playing .xgplayer-poster{opacity:0;visibility:hidden}.xgplayer.xgplayer-is-enter .xgplayer-poster.xg-showplay,.xgplayer.xgplayer-playing .xgplayer-poster.xg-showplay,.xgplayer.xgplayer-nostart .xgplayer-poster,.xgplayer.xgplayer-ended .xgplayer-poster,.xgplayer.not-allow-autoplay .xgplayer-poster{opacity:1;visibility:visible}.xgplayer.xgplayer-nostart .xgplayer-poster.hide,.xgplayer.xgplayer-ended .xgplayer-poster.hide,.xgplayer.not-allow-autoplay .xgplayer-poster.hide{opacity:0;visibility:hidden}@keyframes playPause{0%{transform:scale(1);opacity:1}99%{transform:scale(1.3);opacity:0}to{transform:scale(1);opacity:0}}.xgplayer xg-start-inner{display:block;width:100%;height:100%;overflow:hidden;border-radius:50%;background:rgba(0,0,0,.38)}.xgplayer .xgplayer-start{width:70px;height:70px;position:absolute;left:50%;top:50%;z-index:5;transform:translate(-50%,-50%);cursor:pointer}.xgplayer .xgplayer-start svg{width:100%;height:100%}.xgplayer .xgplayer-start.hide,.xgplayer .xgplayer-start.focus-hide{display:none;pointer-events:none}.xgplayer .xgplayer-start:hover{opacity:.85}.xgplayer .xgplayer-start .xg-icon-play{display:block}.xgplayer .xgplayer-start .xg-icon-pause,.xgplayer .xgplayer-start[data-state=pause] .xg-icon-play{display:none}.xgplayer .xgplayer-start[data-state=pause] .xg-icon-pause,.xgplayer .xgplayer-start.interact{display:block}.xgplayer .xgplayer-start.interact xg-start-inner{animation:playPause .4s .1s ease-out forwards}.xgplayer .xgplayer-start.show{display:block}.xgplayer.xgplayer-mobile xg-start-inner{background:initial;border-radius:0}.xgplayer.xgplayer-mobile .xgplayer-start{height:50px;width:50px}.xgplayer.xgplayer-mobile .xgplayer-start:hover{opacity:1}.xgplayer.xgplayer-inactive .xgplayer-start.auto-hide,.xgplayer.xgplayer-is-enter .xgplayer-start.auto-hide,.xgplayer.xgplayer-isloading.xgplayer-playing .xgplayer-start,.xgplayer.xgplayer-is-enter .xgplayer-start,.xgplayer.xgplayer-is-error .xgplayer-start,.xgplayer.xgplayer-is-enter .xgplayer-start.show,.xgplayer.xgplayer-is-error .xgplayer-start.show{display:none}.xgplayer-enter{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:5;pointer-events:none}.xgplayer-enter .show{display:block}.xgplayer-enter .xgplayer-enter-spinner{display:block;position:absolute;z-index:1;left:50%;top:50%;height:100px;width:100px;transform:translate(-50%,-50%)}.xgplayer-enter .xgplayer-enter-spinner div{width:6%;height:13%;background-color:#ffffffb3;position:absolute;left:45%;top:45%;opacity:0;border-radius:30px;animation:fade 1s linear infinite}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar1{transform:rotate(0) translateY(-140%);animation-delay:-0s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar2{transform:rotate(30deg) translateY(-140%);animation-delay:-.9163s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar3{transform:rotate(60deg) translateY(-140%);animation-delay:-.833s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar4{transform:rotate(90deg) translateY(-140%);animation-delay:-.7497s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar5{transform:rotate(120deg) translateY(-140%);animation-delay:-.6664s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar6{transform:rotate(150deg) translateY(-140%);animation-delay:-.5831s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar7{transform:rotate(180deg) translateY(-140%);animation-delay:-.4998s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar8{transform:rotate(210deg) translateY(-140%);animation-delay:-.4165s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar9{transform:rotate(240deg) translateY(-140%);animation-delay:-.3332s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar10{transform:rotate(270deg) translateY(-140%);animation-delay:-.2499s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar11{transform:rotate(300deg) translateY(-140%);animation-delay:-.1666s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar12{transform:rotate(330deg) translateY(-142%);animation-delay:-.0833s}@keyframes fade{0%{opacity:1}to{opacity:.25}}.xgplayer.xgplayer-is-enter .xgplayer-enter{display:block;opacity:1;transition:opacity .3s}.xgplayer.xgplayer-nostart .xgplayer-enter{display:none}.xgplayer.xgplayer-mobile .xgplayer-enter .xgplayer-enter-spinner{width:70px;height:70px}.xg-mini-layer{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:11;background:linear-gradient(180deg,rgba(57,57,57,.9),rgba(57,57,57,0) 50.27%)}.xg-mini-layer .mask{pointer-events:none;position:absolute;top:0;left:0;height:100%;width:100%;background-color:#0006}.xg-mini-layer xg-mini-header{display:flex;top:0;left:0;right:40px;box-sizing:border-box;padding:10px 3px 0 8px;justify-content:space-between;color:#fff;font-size:14px;position:absolute;z-index:22}.xg-mini-layer xg-mini-header .xgplayer-pip-disableBtn{pointer-events:all}.xg-mini-layer xg-mini-header #disabledMini{display:none;position:relative}.xg-mini-layer xg-mini-header #disabledMini+label{cursor:pointer;position:relative;display:flex;align-items:center}.xg-mini-layer xg-mini-header #disabledMini+label:before{content:"";color:#ff142b;background-color:transparent;border-radius:2px;border:solid 1px #cdcdcd;width:16px;height:16px;display:inline-block;text-align:center;vertical-align:middle;line-height:16px;margin-right:7px}.xg-mini-layer xg-mini-header #disabledMini:checked+label{color:#ff142b}.xg-mini-layer xg-mini-header #disabledMini:checked+label:before{border-color:#ff142b}.xg-mini-layer xg-mini-header #disabledMini:checked+label:after{content:"";position:absolute;width:4px;height:8px;border-color:#ff142b;border-style:solid;border-width:0 2px 2px 0;transform:rotate(45deg);left:6px;top:5px}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn xg-tips{position:absolute;padding:4px 6px;white-space:nowrap;bottom:-30px;right:15px;border-radius:4px;background-color:#0000008a;display:none}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini+label:before{border-color:#ff142b}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini+label{color:#ff142b}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover xg-tips{display:block}.xg-mini-layer .mini-cancel-btn{cursor:pointer;display:block;color:#fff;width:40px;height:38px;position:absolute;right:0;top:0;text-align:center;line-height:38px}.xg-mini-layer .play-icon{cursor:pointer;height:48px;width:48px;position:absolute;background:rgba(0,0,0,.54);border-radius:24px;top:50%;left:50%;margin:-24px 0 0 -24px}.xg-mini-layer .play-icon svg,.xg-mini-layer .play-icon img{width:50px;height:50px;fill:#faf7f7}.xg-mini-layer .xg-icon-play{display:none}.xg-mini-layer .xg-icon-pause,.xg-mini-layer[data-state=pause] .xg-icon-play{display:block}.xg-mini-layer[data-state=pause] .xg-icon-pause{display:none}.xgplayer-miniicon{position:relative;outline:0;display:block}.xgplayer-miniicon .name{text-align:center;font-size:13px;line-height:20px;height:20px;color:#fffc;line-height:40px}.xgplayer-miniicon .name span{font-size:13px;width:60px;height:20px;line-height:20px;background:rgba(0,0,0,.38);border-radius:10px;display:inline-block;vertical-align:middle}.xgplayer-mini{position:fixed;width:320px;height:180px;z-index:91;box-shadow:0 4px 7px 2px #0003}.xgplayer-mini:hover{cursor:move}.xgplayer-mini:hover .xg-mini-layer{display:block}.xgplayer-mini.xgplayer-ended .xg-mini-layer{display:none}.xgplayer-mobile .xg-mini-layer .play-icon{background:0;border-radius:initial}.xgplayer.xgplayer-inactive{cursor:none}.xgplayer xg-thumbnail{display:block}.xgplayer xg-trigger{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:0;left:0;height:100%;width:100%}.xgplayer xg-trigger .time-preview{display:none;position:absolute;width:200px;margin:0 auto;padding:0 20px 30px;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-shadow:0 0 1px rgba(0,0,0,.54);font-size:17px;text-align:center;pointer-events:none}.xgplayer xg-trigger .time-preview span{line-height:24px}.xgplayer xg-trigger .time-preview span.xg-cur{color:red}.xgplayer xg-trigger .time-preview .xg-seek-show{transform:translate(-10px)}.xgplayer xg-trigger .time-preview .xg-seek-show.xg-back .xg-seek-pre{transform:rotate(180deg) translate(-5px)}.xgplayer xg-trigger .time-preview .xg-seek-show.hide-seek-icon .xg-seek-icon{display:none}.xgplayer xg-trigger .time-preview .xg-bar{width:96px;height:2px;margin:8px auto 0;border-radius:10px;box-sizing:content-box;background:rgba(255,255,255,.3)}.xgplayer xg-trigger .time-preview .xg-bar .xg-curbar{width:0;height:100%;background-color:red}.xgplayer xg-trigger .time-preview .xg-bar.hide{display:none}.xgplayer xg-trigger .mobile-thumbnail{position:relative;left:50%;transform:translate(-50%)}.xgplayer xg-trigger .xg-top-note{position:absolute;height:32px;width:135px;top:26px;left:50%;margin-left:-78px;background:rgba(0,0,0,.3);border-radius:100px;color:#fff}.xgplayer xg-trigger .xg-top-note span{display:block;line-height:32px;height:32px;font-size:13px;text-align:center}.xgplayer xg-trigger .xg-top-note i{color:red;margin:0 5px}.xgplayer xg-trigger .xg-playbackrate{display:none}.xgplayer xg-trigger[data-xg-action=seeking] .time-preview{display:block}.xgplayer xg-trigger[data-xg-action=playbackrate] .xg-playbackrate{display:block}.xgplayer .gradient{display:none;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.36) 20%,rgba(0,0,0,0) 36%,rgba(0,0,0,0) 70%,rgba(0,0,0,.24) 77%,rgba(0,0,0,.36) 83%,rgba(0,0,0,.6))}.xgplayer .gradient.top{background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.36) 20%,rgba(0,0,0,0) 36%,rgba(0,0,0,0) 70%)}.xgplayer .gradient.bottom{background-image:linear-gradient(rgba(0,0,0,0) 70%,rgba(0,0,0,.24) 77%,rgba(0,0,0,.36) 83%,rgba(0,0,0,.6))}.xgplayer .gradient.none,.xgplayer-mobile .xgplayer-controls{background-image:initial}.xgplayer-mobile.xgplayer-playing .gradient{display:block}.xgplayer-mobile.xgplayer-inactive .gradient{background-image:initial}.xgplayer-mobile .xgmask{position:absolute;height:100%;z-index:10;top:0;left:0;width:100%;pointer-events:none;background-color:#0000}@media(prefers-color-scheme:dark){.xgplayer-mobile xg-trigger .time-preview{color:#fff}.xgplayer-mobile xg-trigger .time-preview span.xg-cur{color:red}.xgplayer-mobile xg-trigger .time-preview .xg-bar{background-color:#ffffff4d}.xgplayer-mobile xg-trigger .time-preview .xg-bar.xg-curbar{background-color:red}}@keyframes loadingRotate{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}@keyframes loadingDashOffset{0%{stroke-dashoffset:236}to{stroke-dashoffset:0}}xg-loading-inner{display:block;height:100%;width:100%;transform-origin:center;animation:loadingRotate 1s .1s linear infinite}.xgplayer-loading{display:none;width:70px;height:70px;overflow:hidden;position:absolute;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.xgplayer-loading svg,.xgplayer-loading img{width:100%;height:100%}.xgplayer-mobile .xgplayer-loading{width:50px;height:50px}.xgplayer-isloading .xgplayer-loading{display:block}.xgplayer-nostart .xgplayer-loading,.xgplayer-pause .xgplayer-loading,.xgplayer-is-enter .xgplayer-loading,.xgplayer-is-ended .xgplayer-loading,.xgplayer-is-error .xgplayer-loading{display:none}.xgplayer .xgplayer-progress{display:flex;align-items:center;position:relative;min-width:50px;height:12px;left:0;right:0;top:0;outline:0;flex:1;cursor:pointer}.xgplayer .xgplayer-progress-outer{position:relative;width:100%;height:2px;border-radius:3px;cursor:pointer}.xgplayer .progress-list{display:flex;height:100%;width:100%;border-radius:inherit}.xgplayer .xgplayer-progress-inner{position:relative;flex:1;height:100%;background:rgba(255,255,255,.3);transition:height .2s ease-in,opacity .2s ease-out;border-radius:inherit;margin-right:2px;pointer-events:none}.xgplayer .xgplayer-progress-inner:last-child,.xgplayer .xgplayer-progress-inner:only-child{margin-right:0}.xgplayer .inner-focus-point{background:#fff;position:relative}.xgplayer .inner-focus-point:before,.xgplayer .inner-focus-point:after{position:absolute;top:0;content:" ";display:block;width:2px;height:300%;top:50%;z-index:1;transform:translateY(-50%);border-radius:3px;background:#fff}.xgplayer .inner-focus-point:before{left:0}.xgplayer .inner-focus-point:after{right:0}.xgplayer .xgplayer-progress-cache,.xgplayer .xgplayer-progress-played{display:block;height:100%;width:0;position:absolute;top:0;left:0;border-radius:inherit}.xgplayer .xgplayer-progress-played{background:linear-gradient(-90deg,#fa1f41 0,#e31106 100%)}.xgplayer .xgplayer-progress-cache{background:rgba(255,255,255,.5)}.xgplayer .xgplayer-progress-btn{display:block;background:rgba(255,94,94,.304093);border:.5px solid rgba(255,94,94,.056545);box-shadow:0 0 1px #ff000062;width:20px;height:20px;border-radius:30px;left:0;top:50%;position:absolute;z-index:1;transform:translate(-50%,-50%);box-sizing:border-box;pointer-events:none}.xgplayer .xgplayer-progress-btn:before{content:" ";display:block;position:relative;width:12px;height:12px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:30px;background:#fff}.xgplayer .xgplayer-progress-btn.active{border:4px solid rgba(255,94,94,.064057)}.xgplayer .xgplayer-progress-btn.active:before{box-shadow:0 0 3px #f85959b0}.xgplayer .xgplayer-progress-dot{display:inline-block;position:absolute;height:100%;width:5px;top:0;background:white;border-radius:6px;z-index:16}.xgplayer .xgplayer-progress-dot .xgplayer-progress-tip{position:absolute;left:25%;top:-40px;height:auto;line-height:30px;width:auto;transform:scale(.8) translate(-50%);background:rgba(0,0,0,.3);border-radius:6px;border:1px solid rgba(0,0,0,.8);cursor:default;white-space:nowrap;display:none}.xgplayer .xgplayer-progress-dot:hover .xgplayer-progress-tip{display:block}.xgplayer .flex-controls .xgplayer-progress{transform:translateY(0)}.xgplayer.xgplayer-pc .xgplayer-progress-btn{transform:translate(-50%,-50%) scale(0)}.xgplayer.xgplayer-pc .xgplayer-progress-outer{height:3px}.xgplayer.xgplayer-pc .xgplayer-progress-inner{margin-right:4px}.xgplayer.xgplayer-pc .xgplayer-progress-inner:last-child,.xgplayer.xgplayer-pc .xgplayer-progress-inner:only-child{margin-right:0}.xgplayer.xgplayer-pc .inner-focus-point:before,.xgplayer.xgplayer-pc .inner-focus-point:after{width:3px}.xgplayer.xgplayer-pc .inner-focus-highlight{background:rgba(255,255,255,.8)}.xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-outer{height:6px;margin-bottom:3px;transition:height .3s ease,margin-bottom .3s ease}.xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-btn{transform:translate(-50%,-50%) scale(1)}.xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point:before,.xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point:after{width:6px}.xgplayer .xgplayer-progress-bottom .xgplayer-progress-outer{top:9px}.xgplayer .xgplayer-progress-bottom .xgplayer-progress-btn:before{height:6px;width:6px}.xgplayer.xgplayer-mobile .xgplayer-progress-bottom .xgplayer-progress-outer{height:4px}@media(prefers-color-scheme:dark){.xgplayer .xgplayer-progress .xgplayer-progress-inner{background-color:#ffffff4d}.xgplayer .xgplayer-progress .inner-focus-highlight{background:rgba(255,255,255,.8)}.xgplayer .xgplayer-progress .xgplayer-progress-btn{background:rgba(255,94,94,.304093);border:.5px solid rgba(255,94,94,.056545);box-shadow:0 0 1px #ff000062}.xgplayer .xgplayer-progress .xgplayer-progress-btn:before{background-color:#fff}.xgplayer .xgplayer-progress .xgplayer-progress-played{background-color:linear-gradient(-90deg,#fa1f41 0,#e31106 100%)}.xgplayer .xgplayer-progress .xgplayer-progress-cache{background-color:#ffffff80}}.xg-mini-progress{display:none;position:absolute;height:2px;left:0;right:0;bottom:0;pointer-events:none}.xg-mini-progress xg-mini-progress-played,.xg-mini-progress xg-mini-progress-cache{height:100%;width:0;position:absolute;top:0;left:0;border-radius:inherit}.xg-mini-progress xg-mini-progress-played{background:linear-gradient(-90deg,#fa1f41 0,#e31106 100%)}.xg-mini-progress xg-mini-progress-cache{background:rgba(255,255,255,.5)}.xgplayer-inactive .xg-mini-progress,.xgplayer-mini .xg-mini-progress{display:block}.xgplayer .xgplayer-play .xg-icon-play{display:none}.xgplayer .xgplayer-play .xg-icon-pause,.xgplayer .xgplayer-play[data-state=pause] .xg-icon-play{display:block}.xgplayer .xgplayer-play[data-state=pause] .xg-icon-pause,.xgplayer .xgplayer-fullscreen .xg-exit-fullscreen{display:none}.xgplayer .xgplayer-fullscreen .xg-get-fullscreen,.xgplayer .xgplayer-fullscreen[data-state=full] .xg-exit-fullscreen{display:block}.xgplayer .xgplayer-fullscreen[data-state=full] .xg-get-fullscreen{display:none}.xgplayer .xg-top-bar .xgplayer-back{position:relative;left:0;top:16px;width:34px;height:40px;display:none}.xgplayer .xg-top-bar .xgplayer-back.show{display:block}.xgplayer .xgplayer-time{min-width:40px;font-size:14px;font-family:PingFangSC-Semibold;color:#fff;text-align:center;display:inline-block;line-height:40px}.xgplayer .xgplayer-time span{display:inline-block;line-height:40px;height:40px}.xgplayer .xgplayer-time span .time-min-width{text-align:center;min-width:2ch}.xgplayer .xgplayer-time span .time-min-width:first-child{text-align:right}.xgplayer .xgplayer-time span .time-min-width:last-child{text-align:left}.xgplayer .xgplayer-time .time-duration{color:#ffffff80}.xgplayer .xgplayer-time .time-live-tag{display:none}.xgplayer .xgplayer-time.xg-time-left{margin-left:0}.xgplayer .xgplayer-time.xg-time-right{margin-right:0}.xgplayer.xgplayer-mobile .xgplayer-time{min-width:30px;font-size:12px}.xgplayer.xgplayer-mobile .xgplayer-time.xg-time-left{margin-right:8px}.xgplayer.xgplayer-mobile .xgplayer-time.xg-time-right{margin-left:8px}.xgplayer .xgplayer-volume.slide-show .xgplayer-slider{display:block}.xgplayer .xgplayer-slider{display:none;position:absolute;width:28px;height:92px;background:rgba(0,0,0,.54);border-radius:1px;bottom:40px;outline:0}.xgplayer .xgplayer-slider:after{content:" ";display:block;height:15px;width:28px;position:absolute;bottom:-15px;left:0;z-index:20;cursor:initial}.xgplayer .xgplayer-value-label{position:absolute;left:0;right:0;bottom:100%;padding:5px 0 0;font-size:12px;background-color:#0000008a;color:#fff;text-align:center}.xgplayer .xgplayer-bar,.xgplayer .xgplayer-drag{display:block;position:absolute;bottom:6px;left:12px;background:rgba(255,255,255,.3);border-radius:100px;width:4px;height:76px;outline:0;cursor:pointer}.xgplayer .xgplayer-drag{bottom:0;left:0;background:#fa1f41;max-height:76px}.xgplayer .xgplayer-drag:after{content:" ";display:inline-block;width:8px;height:8px;background:#fff;box-shadow:0 0 5px #00000042;position:absolute;border-radius:50%;left:-2px;top:-4px}.xgplayer .xgplayer-volume[data-state=normal] .xg-volume{display:block}.xgplayer .xgplayer-volume[data-state=normal] .xg-volume-small,.xgplayer .xgplayer-volume[data-state=normal] .xg-volume-mute,.xgplayer .xgplayer-volume[data-state=small] .xg-volume{display:none}.xgplayer .xgplayer-volume[data-state=small] .xg-volume-small{display:block}.xgplayer .xgplayer-volume[data-state=small] .xg-volume-mute,.xgplayer .xgplayer-volume[data-state=mute] .xg-volume,.xgplayer .xgplayer-volume[data-state=mute] .xg-volume-small{display:none}.xgplayer .xgplayer-volume[data-state=mute] .xg-volume-mute{display:block}.xgplayer.xgplayer-mobile .xgplayer-volume .xgplayer-slider,.xgplayer .xgplayer-pip .xg-exit-pip{display:none}.xgplayer .xgplayer-pip .xg-get-pip,.xgplayer .xgplayer-pip[data-state=pip] .xg-exit-pip{display:block}.xgplayer .xgplayer-pip[data-state=pip] .xg-get-pip{display:none}.xgplayer .xgplayer-playnext{position:relative;display:none;cursor:pointer}.xgplayer .xgplayer-playnext .xgplayer-tips .xgplayer-tip-playnext{display:block}.xgplayer .xgplayer-playnext:hover{opacity:.85}.xgplayer .xgplayer-playnext:hover .xgplayer-tips{display:block}.lang-is-en .xgplayer-playnext .xgplayer-tips{margin-left:-25px}.lang-is-jp .xgplayer-playnext .xgplayer-tips{margin-left:-38px}.xgplayer .xgplayer-download{position:relative;display:block;cursor:pointer}.lang-is-en .xgplayer-download .xgplayer-tips{margin-left:-32px}.lang-is-jp .xgplayer-download .xgplayer-tips{margin-left:-40px}.xgplayer .xgplayer-shot{display:none}.xgplayer-definition{display:none;cursor:pointer}.xgplayer .xgplayer-playbackrate{display:none;cursor:default}.xgplayer .xgplayer-cssfullscreen .xg-get-cssfull{display:block}.xgplayer .xgplayer-cssfullscreen .xg-exit-cssfull,.xgplayer .xgplayer-cssfullscreen[data-state=full] .xg-get-cssfull{display:none}.xgplayer .xgplayer-cssfullscreen[data-state=full] .xg-exit-cssfull{display:block}.xgplayer-error{background:#000;display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:6;color:#fff;text-align:center;line-height:100%;justify-content:center;align-items:center}.xgplayer-error .xgplayer-error-refresh{color:#fa1f41;padding:0 3px;cursor:pointer}.xgplayer-error .xgplayer-error-text{line-height:18px;margin:auto 6px 20px;display:block}.xgplayer-is-error .xgplayer-error{display:flex}.xgplayer .xgplayer-prompt{display:block;pointer-events:none;position:absolute;z-index:1;padding:6px 12px 5px;opacity:0;left:10px;background:rgba(0,0,0,.5);border-radius:50px;font-size:12px;line-height:17px;text-align:center;color:#fff}.xgplayer .xgplayer-prompt.show{display:block;opacity:1;z-index:10;pointer-events:initial}.xgplayer .xgplayer-prompt.arrow{transform:translate(-50%)}.xgplayer .xgplayer-prompt.arrow:after{content:"";display:block;position:absolute;left:50%;bottom:0;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid rgba(0,0,0,.5);transform:translate(-50%,100%)}.xgplayer .xgplayer-prompt .highlight{display:inline-block;margin-left:6px;color:red;cursor:pointer}.xgplayer.xgplayer-is-error .xgplayer-prompt.show{display:none;opacity:1}.xgplayer .xgplayer-spot{position:absolute;top:0;left:0;height:100%;background:#fff;border-radius:12px}.xgplayer .xgplayer-spot.mini{min-width:6px;transform:translate(-50%)}.xgplayer .xgplayer-spot.active .xgplayer-spot-pop{display:block;opacity:1;pointer-events:initial}.xgplayer .xgplayer-spot-pop{display:block;opacity:0;pointer-events:none;position:absolute;left:50%;bottom:5px;padding-bottom:5px;transform:translate(-50%)}.xgplayer-mobile .xgplayer-spot{height:3px;min-width:3px;top:50%;opacity:1;transform:translateY(-50%)}.xgplayer-mobile .xgplayer-spot.mini{min-width:3px;transform:translate(-50%,-50%)}.xgplayer .xgplayer-progress.active .xgplayer-spot{opacity:1;transition:opacity .3s;visibility:visible}.xgplayer .xg-spot-info{position:absolute;left:0;bottom:100%;display:none}.xgplayer .xg-spot-info.short-line .xg-spot-line{height:6px}.xgplayer .xg-spot-info.short-line .xg-spot-content{bottom:-4px}.xgplayer .xg-spot-info.no-thumbnail .xg-spot-thumbnail{display:none}.xgplayer .xg-spot-info.no-thumbnail .xgplayer-progress-point{display:block}.xgplayer .xg-spot-info.no-timepoint .xgplayer-progress-point,.xgplayer .xg-spot-info.hide{display:none}.xgplayer .xgplayer-progress.active .xg-spot-info{display:block}.xgplayer .xgplayer-progress.active .xg-spot-info.hide{display:none}.xgplayer .xg-spot-line{position:relative;bottom:-7px;margin-left:50%;display:block;width:1px;height:41px;background-color:#fff;pointer-events:none}.xgplayer .xgplayer-progress-point{display:none;position:relative;bottom:-4px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.54);font-size:11px;color:#fff;padding:4px 6px;border-radius:4px;text-align:center;opacity:.85;white-space:nowrap}.xgplayer .xg-spot-content{position:relative;bottom:-7px;color:#fff;border-radius:2px 2px 0 0}.xgplayer .xg-spot-ext-text{position:relative;bottom:-7px}.xgplayer .xg-spot-thumbnail{position:relative;background-color:#111010;pointer-events:none;border-radius:2px 2px 0 0}.xgplayer .xg-spot-time{position:absolute;bottom:2px;font-size:12px;line-height:16.8px;left:50%;transform:translate(-50%);pointer-events:none}.xgplayer .progress-thumbnail{margin:0 auto;display:block}.xgplayer .xg-spot-text{display:none;padding:5px 8px;background:rgba(0,0,0,.8);border-radius:0 0 2px 2px;pointer-events:none;box-sizing:border-box}.xgplayer .spot-inner-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:20px;font-size:12px;max-height:40px}.xgplayer .xg-spot-content.show-text .xg-spot-text{display:block}.xgplayer .product .xg-spot-text{background:#3370ff}.xgplayer .product .xg-spot-line{border-left:10px solid transparent;border-right:10px solid transparent;border-top:7px solid #3370ff;width:0;height:15px;left:-10px;background:0}.xgplayer .xgvideo-preview{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;visibility:hidden;transition:visibility .3s,opacity .3s;background-color:#000}.xgplayer .xgvideo-preview .xgvideo-thumbnail{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:0}.xgplayer .xgvideo-preview.show{opacity:1;visibility:visible}.xgplayer-dynamic-bg,.xgplayer-dynamic-bg canvas,.xgplayer-dynamic-bg xgmask,.xgplayer-dynamic-bg xgfilter{display:block;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none}.xgplayer-dynamic-bg canvas{transform:translateZ(0)}.xgplayer-dynamic-bg xgmask{background:rgba(0,0,0,.7)}.flags-sprite-loader{background-image:none !important}.flag-icon{--sprite-bg-width:466px;--sprite-bg-height:414px;--flag-height:30;--flag-width:50;--flag-scale:calc(var(--flag-height) / 30);display:block;font-style:normal;aspect-ratio:5 / 3;height:calc(1px * var(--flag-height));overflow:hidden}.flag-icon:before{content:"";display:block;background-repeat:no-repeat;background-image:var(--lazy-src);background-size:calc(var(--sprite-bg-width) * var(--flag-scale)) calc(var(--sprite-bg-height) * var(--flag-scale))}.flag-icon-af:before{background-position:calc(0px * var(--flag-scale)) calc(0px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-am:before{background-position:calc(-52px * var(--flag-scale)) calc(0px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-ar:before{background-position:calc(0px * var(--flag-scale)) calc(-32px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-az:before{background-position:calc(-52px * var(--flag-scale)) calc(-32px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-be:before{background-position:calc(0px * var(--flag-scale)) calc(-64px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-bg:before{background-position:calc(-52px * var(--flag-scale)) calc(-64px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-bn:before{background-position:calc(-104px * var(--flag-scale)) calc(0px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-bs:before{background-position:calc(-104px * var(--flag-scale)) calc(-32px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-ca:before{background-position:calc(-104px * var(--flag-scale)) calc(-64px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-ceb:before{background-position:calc(0px * var(--flag-scale)) calc(-96px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-co:before{background-position:calc(-52px * var(--flag-scale)) calc(-96px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-cs:before{background-position:calc(-104px * var(--flag-scale)) calc(-96px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-cy:before{background-position:calc(-156px * var(--flag-scale)) calc(0px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-da:before{background-position:calc(-156px * var(--flag-scale)) calc(-32px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-de:before{background-position:calc(-156px * var(--flag-scale)) calc(-64px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-el:before{background-position:calc(-156px * var(--flag-scale)) calc(-96px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-en:before{background-position:calc(0px * var(--flag-scale)) calc(-128px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-eo:before{background-position:calc(-52px * var(--flag-scale)) calc(-128px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-es:before{background-position:calc(-104px * var(--flag-scale)) calc(-128px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-et:before{background-position:calc(-156px * var(--flag-scale)) calc(-128px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-eu:before{background-position:calc(0px * var(--flag-scale)) calc(-160px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-fa:before{background-position:calc(-52px * var(--flag-scale)) calc(-160px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-fi:before{background-position:calc(-104px * var(--flag-scale)) calc(-160px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-fr:before{background-position:calc(-156px * var(--flag-scale)) calc(-160px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-fy:before{background-position:calc(-208px * var(--flag-scale)) calc(0px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-ga:before{background-position:calc(-208px * var(--flag-scale)) calc(-32px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-gd:before{background-position:calc(-208px * var(--flag-scale)) calc(-64px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-gl:before{background-position:calc(-208px * var(--flag-scale)) calc(-96px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-gu:before{background-position:calc(-208px * var(--flag-scale)) calc(-128px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-ha:before{background-position:calc(-208px * var(--flag-scale)) calc(-160px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-haw:before{background-position:calc(0px * var(--flag-scale)) calc(-192px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-hi:before{background-position:calc(-52px * var(--flag-scale)) calc(-192px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-hmn:before{background-position:calc(-104px * var(--flag-scale)) calc(-192px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-hr:before{background-position:calc(-156px * var(--flag-scale)) calc(-192px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-ht:before{background-position:calc(-208px * var(--flag-scale)) calc(-192px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-hu:before{background-position:calc(0px * var(--flag-scale)) calc(-224px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-hy:before{background-position:calc(-52px * var(--flag-scale)) calc(-224px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-id:before{background-position:calc(-104px * var(--flag-scale)) calc(-224px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-ig:before{background-position:calc(-156px * var(--flag-scale)) calc(-224px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-is:before{background-position:calc(-208px * var(--flag-scale)) calc(-224px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-it:before{background-position:calc(-260px * var(--flag-scale)) calc(0px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-iw:before{background-position:calc(-260px * var(--flag-scale)) calc(-32px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-ja:before{background-position:calc(-260px * var(--flag-scale)) calc(-64px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-jw:before{background-position:calc(-260px * var(--flag-scale)) calc(-96px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-ka:before{background-position:calc(-260px * var(--flag-scale)) calc(-128px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-kk:before{background-position:calc(-260px * var(--flag-scale)) calc(-160px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-km:before{background-position:calc(-260px * var(--flag-scale)) calc(-192px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-kn:before{background-position:calc(-260px * var(--flag-scale)) calc(-224px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-ko:before{background-position:calc(0px * var(--flag-scale)) calc(-256px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-ku:before{background-position:calc(-52px * var(--flag-scale)) calc(-256px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-ky:before{background-position:calc(-104px * var(--flag-scale)) calc(-256px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-la:before{background-position:calc(-156px * var(--flag-scale)) calc(-256px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-lb:before{background-position:calc(-208px * var(--flag-scale)) calc(-256px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-lo:before{background-position:calc(-260px * var(--flag-scale)) calc(-256px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-lt:before{background-position:calc(-312px * var(--flag-scale)) calc(0px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-lv:before{background-position:calc(-312px * var(--flag-scale)) calc(-32px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-mg:before{background-position:calc(-312px * var(--flag-scale)) calc(-64px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-mi:before{background-position:calc(-312px * var(--flag-scale)) calc(-96px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-mk:before{background-position:calc(-312px * var(--flag-scale)) calc(-128px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-ml:before{background-position:calc(-312px * var(--flag-scale)) calc(-160px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-mn:before{background-position:calc(-312px * var(--flag-scale)) calc(-192px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-mr:before{background-position:calc(-312px * var(--flag-scale)) calc(-224px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-ms:before{background-position:calc(-312px * var(--flag-scale)) calc(-256px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-mt:before{background-position:calc(0px * var(--flag-scale)) calc(-288px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-my:before{background-position:calc(-52px * var(--flag-scale)) calc(-288px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-ne:before{background-position:calc(-104px * var(--flag-scale)) calc(-288px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-nl:before{background-position:calc(-156px * var(--flag-scale)) calc(-288px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-no:before{background-position:calc(-208px * var(--flag-scale)) calc(-288px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-ny:before{background-position:calc(-260px * var(--flag-scale)) calc(-288px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-or:before{background-position:calc(-312px * var(--flag-scale)) calc(-288px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-pa:before{background-position:calc(0px * var(--flag-scale)) calc(-320px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-pl:before{background-position:calc(-52px * var(--flag-scale)) calc(-320px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-ps:before{background-position:calc(-104px * var(--flag-scale)) calc(-320px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-pt:before{background-position:calc(-156px * var(--flag-scale)) calc(-320px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-ro:before{background-position:calc(-208px * var(--flag-scale)) calc(-320px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-ru:before{background-position:calc(-260px * var(--flag-scale)) calc(-320px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-sd:before{background-position:calc(-312px * var(--flag-scale)) calc(-320px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-si:before{background-position:calc(-364px * var(--flag-scale)) calc(0px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-sk:before{background-position:calc(-364px * var(--flag-scale)) calc(-32px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-sl:before{background-position:calc(-364px * var(--flag-scale)) calc(-64px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-sm:before{background-position:calc(-364px * var(--flag-scale)) calc(-96px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-sn:before{background-position:calc(-364px * var(--flag-scale)) calc(-128px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-so:before{background-position:calc(-364px * var(--flag-scale)) calc(-160px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-sq:before{background-position:calc(-364px * var(--flag-scale)) calc(-192px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-sr:before{background-position:calc(-364px * var(--flag-scale)) calc(-224px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-st:before{background-position:calc(-364px * var(--flag-scale)) calc(-256px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-su:before{background-position:calc(-364px * var(--flag-scale)) calc(-288px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-sv:before{background-position:calc(-364px * var(--flag-scale)) calc(-320px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-sw:before{background-position:calc(0px * var(--flag-scale)) calc(-352px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-ta:before{background-position:calc(-52px * var(--flag-scale)) calc(-352px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-te:before{background-position:calc(-104px * var(--flag-scale)) calc(-352px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-tg:before{background-position:calc(-156px * var(--flag-scale)) calc(-352px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-th:before{background-position:calc(-208px * var(--flag-scale)) calc(-352px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-tl:before{background-position:calc(-260px * var(--flag-scale)) calc(-352px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-tr:before{background-position:calc(-312px * var(--flag-scale)) calc(-352px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-ug:before{background-position:calc(-364px * var(--flag-scale)) calc(-352px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-uk:before{background-position:calc(0px * var(--flag-scale)) calc(-384px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-ur:before{background-position:calc(-52px * var(--flag-scale)) calc(-384px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-uz:before{background-position:calc(-104px * var(--flag-scale)) calc(-384px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-vi:before{background-position:calc(-156px * var(--flag-scale)) calc(-384px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-xh:before{background-position:calc(-208px * var(--flag-scale)) calc(-384px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-yi:before{background-position:calc(-260px * var(--flag-scale)) calc(-384px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-yo:before{background-position:calc(-312px * var(--flag-scale)) calc(-384px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-zh-CN:before{background-position:calc(-364px * var(--flag-scale)) calc(-384px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-zh-tw:before{background-position:calc(-416px * var(--flag-scale)) calc(0px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-zh:before{background-position:calc(-416px * var(--flag-scale)) calc(-32px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}.flag-icon-zu:before{background-position:calc(-416px * var(--flag-scale)) calc(-64px * var(--flag-scale));width:calc(50px * var(--flag-scale));height:calc(30px * var(--flag-scale))}body{overscroll-behavior-y:none}ul,ol{margin:0;padding:0}li{list-style:none}p{margin-bottom:0;margin-block-start:0;margin-block-end:0}img{max-width:100%}[package-unit-type="text"] .unit-text ul{padding-inline-start:1.5em}[package-unit-type="text"] .unit-text ol{padding-inline-start:1em}[package-unit-type="text"] .unit-text li{list-style:inherit}:root{--modal-z-index:999}[package-item].hiddent-pop_up{display:none}[page-type="all_pop_up"] [package-item].all-pop-up_module{display:block}[page-type="all_pop_up"] [package-type="copyright"] [package-group="module"] [package-item="module"]:first-child{display:none}[package-type="article-detail-html"]{--image-source:8}[package-type="detail-html-tabs"]{--image-source:6}.unit-page-page_description{max-width:100%;overflow-x:auto}.unit-page-page_description::-webkit-scrollbar-button{width:0;height:0}.unit-page-page_description ul li,.unit-ai-article-detail__detail_html ul li,.unit-detail-description ul li,.unit-article-detail-html ul li,.unit-video-detail ul li,.unit-detail_item ul li,.unit-detail-html-tabs__content-html ul li{list-style:inherit;position:relative;left:1.2em;max-width:calc(100% - 1.2em);display:list-item;overflow:unset}.unit-page-page_description ol li,.unit-ai-article-detail__detail_html ol li,.unit-detail-description ol li,.unit-article-detail-html ol li,.unit-video-detail ol li,.unit-detail_item ol li,.unit-detail-html-tabs__content-html ol li{list-style:inherit;position:relative;left:1em;max-width:calc(100% - 1em);display:list-item;overflow:unset}.hide{display:none}.ce-video_poster.hide{display:none !important}.fade:not(.show){opacity:0}.fade{transition:opacity .15s linear}[contenteditable]{outline:0}[href="javascript:;"]{cursor:default}a:hover{text-decoration:none}a:not([href]):not([tabindex]){color:inherit}@media(max-width:768px){.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6,.title{font-size:18px}body,.description,.btn{font-size:14px}.pb-4{padding-bottom:2vw !important}.pt-4{padding-top:2vw !important}.pr-4{padding-right:2vw !important}}@media(max-width:480px){.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6,.title{font-size:16px}}::-webkit-scrollbar{width:10px;height:10px;background-color:#f5f7fa}::-webkit-scrollbar-track{background-color:#f5f7fa}::-webkit-scrollbar-thumb{border-radius:0;background-color:#CCC}::-webkit-scrollbar-button{height:0;background-color:#999}.unit-detail-related__list-title{text-transform:capitalize}@media(max-width:767px){[hide-phone],[display-style="5"],[display-style="6"],[display-style="7"]{display:none !important}}@media(min-width:768px) and (max-width:1199px){[hide-pad],[display-style="3"],[display-style="4"],[display-style="7"]{display:none !important}}@media(min-width:1200px){[hide-pc],[display-style="2"],[display-style="4"],[display-style="6"]{display:none !important}}[package-item="block"]{z-index:100}[position="1"]{position:relative}[position="2"]{position:-webkit-sticky;position:sticky}[position="3"].header-fixed{position:fixed}[position="3"]{position:relative}[page-type="index"] [position-index="3"].header-fixed{position:fixed}@media(max-width:768px){[position="2"]{position:fixed}[position="2"].header-position,[position="3"].header-position,[position-index="3"].header-position{position:-webkit-sticky;position:sticky}}@media(min-width:1200px){[page-type="index"] [position-index="1"]{position:relative}[page-type="index"] [position-index="2"]{position:-webkit-sticky;position:sticky}}.container-fluid{max-width:100% !important}.follow-font-family[text-style]{font-size:inherit;font-style:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:inherit;text-transform:inherit}.follow-font-family_size[text-style]{font-style:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:inherit;text-transform:inherit}[_html] a:hover,:not([_html]) a{color:inherit}[_html]{overflow-wrap:break-word;text-decoration:inherit}h1.nostyle,h2.nostyle,h3.nostyle,h4.nostyle,h5.nostyle,h6.nostyle{font-size:inherit;margin:0;padding:0;line-height:inherit;display:inline-block;font-weight:normal}[text-style] h1{font-weight:inherit}:root{--rgb-color:0,123,255;--main-color:rgb(var(--rgb-color));--swiper-theme-color:var(--main-color);--SAIB:constant(safe-area-inset-bottom);--SAIB:env(safe-area-inset-bottom);--SAIT:constant(safe-area-inset-top);--SAIT:env(safe-area-inset-top);--container-width:100vw;--sub-color1:var(--main-color);--sub-color2:var(--main-color);--sub-color3:var(--main-color);--play-bg-color:rgba(0,0,0,.5);--play-icon-color:rgba(255,255,255,1);--play-hover-bg-color:rgba(0,0,0,.8);--play-hover-icon-color:rgba(255,255,255,1);--swiper-navigation-bg-color:rgba(0,0,0,.3);--swiper-navigation-icon-color:rgba(255,255,255,1);--swiper-navigation-hover-bg-color:rgba(0,0,0,.8);--swiper-navigation-hover-icon-color:rgba(255,255,255,1)}a{color:var(--main-color)}.btn-main,.btn-main:hover,.btn-main.disabled,.btn-main:disabled,.btn-main:not(:disabled):not(.disabled).active,.btn-main:not(:disabled):not(.disabled):active,.show>.btn-main.dropdown-toggle{color:#fff;background-color:var(--main-color);border-color:var(--main-color)}.btn-main.focus,.btn-main:focus,.btn-main:not(:disabled):not(.disabled).active:focus,.btn-main:not(:disabled):not(.disabled):active:focus,.show>.btn-main.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(var(--rgb-color),.5)}.btn[disabled]{pointer-events:none}.bg-danger{background-color:red}[package-group]{position:sticky;top:0}[package-group="block"]{position:relative !important}[lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded){font-size:0;padding:var(--loading-size)}[lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded),.loading{position:relative;--loading-size:15px}[lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded)::after,[lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded)::before,.loading::after,.loading::before{content:"";position:absolute;top:calc(50% - var(--size));left:calc(50% - var(--size));display:inline-block;width:calc(var(--size) * 2);height:calc(var(--size) * 2);--size:var(--loading-size)}[lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded)::after,.loading::after{border:3px solid var(--main-color);border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}[lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded)::before,.loading::before{background-color:#FFF;--size:calc(var(--loading-size) + 5px)}.absolute-shade{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:#FFF;z-index:1}[lazy-type="background"]{--linear:linear-gradient(transparent,transparent)}[gradient]{background-image:var(--linear)}[lazy-type="background"]{--lazy-src:none;--lazy-md:none;--lazy-xl:none}[data-lazy="1"][lazy-type="background"]{background-image:var(--lazy-src),var(--linear)}@media(min-width:768px){[data-lazy="1"][lazy-type="background"][lazy-md]{background-image:var(--lazy-md),var(--linear)}}@media(min-width:1200px){[data-lazy="1"][lazy-type="background"][lazy-xl]{background-image:var(--lazy-xl),var(--linear)}}[data-animate="0"]{visibility:hidden;opacity:0;transition:1s}[data-animate="1"]{visibility:visible;animation-duration:1.5s;animation-fill-mode:none}#message{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";position:fixed;top:8px;left:0;z-index:1010;width:100%;pointer-events:none}#modal{position:fixed;top:0;left:0;width:0;height:0;z-index:var(--modal-z-index)}svg{fill:currentColor}[v-cloak]{visibility:hidden}[package-block-type="breadcrumb"] [package-group="module"]{z-index:1}[package-block-type="breadcrumb"]:not(:has(.design-box)) [package-item="module"]:has(.breadcrumb-background-video__wrapper){background-image:var(--linear)}@media(min-width:768px){#app[page-type="landing_page"] [package-block-type="breadcrumb"]{position:sticky;top:0}}@media(min-width:1200px){#app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"],#app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"] [package-item="module"]{background-color:transparent}#app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"].header-fixed,#app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"].header-fixed [package-item="module"]{background-color:var(--header-bg) !important}#app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"][bg-transparent-inside="1"],#app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"][bg-transparent-inside="1"] [package-item="module"]{background-color:transparent}#app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"][bg-transparent-inside="1"].header-fixed,#app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"][bg-transparent-inside="1"].header-fixed [package-item="module"]{background-color:var(--header-bg) !important}[package-block-type="header"] *{transition:background-color .6s}#app[page-type="index"] div[package-type="header"][float-top="1"]{position:fixed !important}#app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"].header-position,#app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"].header-position [package-item="module"]{background-color:rgba(255,255,255,0) !important}#app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"]{position:fixed !important}#app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"]{position:fixed !important}#app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"][bg-transparent-inside="1"].header-position,#app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"][bg-transparent-inside="1"].header-position [package-item="module"]{background-color:rgba(255,255,255,0) !important}[page-type="index"] [position-index="3"].header-fixed:not(:hover),#app:not([page-type="index"]) [customer-inside="0"][position="3"].header-fixed:not(:hover){--header-bg:var(--header-bg-fixed) !important;color:var(--font-fixed) !important;box-shadow:none !important;border:none !important}#app:not([page-type="index"]) [customer-inside="1"][position="3"].header-fixed:not(:hover){--header-bg:var(--header-bg-fixed-inside) !important;color:var(--font-fixed-inside) !important;box-shadow:none !important;border:none !important}[page-type="index"] [position-index="3"].header-fixed [package-item="module"],#app:not([page-type="index"]) [customer-inside="0"][position="3"].header-fixed [package-item="module"]{--header-bg:var(--header-bg-fixed) !important;color:var(--font-fixed) !important}#app:not([page-type="index"]) [customer-inside="1"][position="3"].header-fixed [package-item="module"]{--header-bg:var(--header-bg-fixed-inside) !important;color:var(--font-fixed-inside) !important}#app:not([page-type="login"]):not([page-type="register"]) [package-block-type="header"].header-hide{top:-100%}}[package-type="header"].header-hover-index{z-index:1000 !important}[package-block-type="header"]{top:0;width:100%;transition:.3s;background-color:var(--header-bg);--header-bg:inherit;--header-bg-fixed:var(--header-bg);--font-fixed:inherit;--font-active:var(--main-color)}#app:not([page-type="index"]) [customer-inside="1"]{--header-bg:var(--header-bg-inside) !important;color:var(--color-inside) !important}[package-block-type="header"] [package-item="module"]{background-color:var(--header-bg)}[package-block-type="header"] [package-group]{position:initial}[package-block-type="footer"] a:not(.custom-color):hover,[package-block-type="footer"] a:not(.custom-color):hover span{color:var(--main-color)}[button-style] .btn{transition-duration:300ms}#app.is-login [login-show],#app.not-login [login-hide]{display:block}[login-show],[login-hide],#app.is-login [login-hide],#app.not-login [login-show],#app.not-open-user [login-hide],#app.not-open-user [login-show]{display:none}.base-button .iconfont{font-size:inherit}.unit-pagination a{color:inherit}.base-pagination{display:flex;align-items:center;justify-content:center;background-color:inherit;width:auto}.base-pagination__items{display:flex;padding-left:0;list-style:none;border-radius:.25rem;justify-content:center}.base-pagination__item{position:relative;overflow:hidden;border-radius:2px;z-index:1}.base-pagination__item:not(.disabled){cursor:pointer}.base-pagination__item:not(:last-child){margin-right:10px}.base-pagination__link{text-align:center;background-color:#f4f4f5;color:#303133;border:0;padding:0;border-radius:2px;position:relative;margin:0;display:block}.base-pagination__item.active{background:var(--main-color);color:#fff}.base-pagination__item.active .base-pagination__link{color:inherit;background-color:inherit;border-color:inherit;font-weight:bold}.base-pagination__item.disabled .base-pagination__link{opacity:.5;color:inherit;cursor:unset}.base-pagination__item .base-pagination__link{width:30px;height:28px;line-height:28px;text-align:center;background-color:#f4f4f5;border:0;padding:0;border-radius:2px;position:relative;margin:0;display:block;cursor:pointer;font-size:14px;color:inherit}.base-pagination__item.base-pagination__item-more .base-pagination__link{line-height:22px}.base-pagination__item a:hover{opacity:.7}.base-pagination__item--next span,.base-pagination__item--last span{transform:rotate(180deg);display:block}.base-pagination__item--first span::after,.base-pagination__item--last span::after{content:"\e600";transform:translateX(-10px);display:inline-block}.base-pagination__item--first span::after{top:0}@media(max-width:576px){.base-pagination__item-first,.base-pagination__item-last,.base-pagination__item-more{display:none}}@media(max-width:576px){.discount-timer{width:100%}}@media(min-width:576px){.base-pagination__item-third{display:none}}.img-box img{transition:.5s}.img-box .hover{position:absolute;visibility:hidden;opacity:0;transform:translateX(-100%)}.img-box .img-item{position:relative}.img-box .img-item.has-hover:hover .default{visibility:hidden;opacity:0}.img-box .img-item.has-hover:hover .hover{visibility:visible;opacity:1}.base-image--scale{position:relative;height:0;width:100%;--img-pt:100%;padding-top:var(--img-pt)}.base-image--scale .base-image__item{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center}@media(max-width:767px){.base-video--scale.play{position:relative;height:0;width:100%;--img-pt:100%;padding-top:var(--img-pt)}.base-video--scale.play .base-video__preview{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center}.base-video--scale.play .base-video__preview video{width:100%;height:100% !important;background-color:#000}.base-video--aspect-ratio.play .base-video__preview,.base-video--aspect-ratio .base-video__preview video{width:100%;aspect-ratio:var(--img-ratio);margin:0 auto}}@media(min-width:768px) and (max-width:1199px){.base-video--scale-md.play{position:relative;height:0;width:100%;--img-pt-md:100%;padding-top:var(--img-pt-md)}.base-video--scale-md.play .base-video__preview{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center}.base-video--scale-md.play .base-video__preview video{width:100%;height:100% !important;background-color:#000}.base-video--aspect-ratio-md.play .base-video__preview,.base-video--aspect-ratio-md .base-video__preview video{width:100%;aspect-ratio:var(--img-ratio-md);margin:0 auto}}@media(min-width:1200px){.base-video--scale-xl.play{position:relative;height:0;width:100%;--img-pt-xl:100%;padding-top:var(--img-pt-xl)}.base-video--scale-xl.play .base-video__preview{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center}.base-video--scale-xl.play .base-video__preview video{width:100%;height:100% !important;background-color:#000}.base-video--aspect-ratio-xl.play .base-video__preview,.base-video--aspect-ratio-xl .base-video__preview video{width:auto;aspect-ratio:var(--img-ratio-xl);margin:0 auto}}.base-image--effect-1 .base-image__img{object-fit:cover;width:100%;height:100%}.base-image--effect-2 .base-image__img{width:100%;height:100%}.base-image--effect-3 .base-image__img{width:var(--img-size)}.base-image--effect-4 .base-image__img{height:var(--img-size)}picture.base-image__img{display:block}picture.base-image__img img.base-image__img{width:auto !important}@media(orientation:portrait){.img-box.has-portrait .img,.img-box.has-portrait .img-hover{display:none}}@media(orientation:landscape){.img-box .img-portrait,.img-box .img-portrait-hover{display:none}}.base-no-data{padding:3vw 0}.base-no-data__inner{position:relative}.base-no-data__image img{max-height:360px;display:block;margin:0 auto;width:100%}.base-no-data__text{color:#b0bfc5;position:absolute;bottom:10px;left:50%;transform:translateX(-50%)}.base-video__preview{position:relative}.base-video__thumb{width:100%;height:100%}.base-video__preview.play .base-video__play,.base-video__preview.play .base-video__thumb,.base-video__preview.play .base-video__info{display:none}.base-video__preview.play .unit-list-hover__image .base-video__thumb{display:block}.base-video__preview iframe{width:100%;height:100%}.base-video__preview .base-video__wrap{height:100%;width:100%}.base-video__preview .base-video__wrap:hover .base-video__wrap--close{opacity:1}.base-video__preview .base-video__wrap .base-video__wrap--close{position:absolute;top:10px;right:10px;width:30px;height:30px;background:rgba(0,0,0,.3);border-radius:50%;cursor:pointer;font-size:25px;line-height:1;color:#FFFF;transition:.3s;text-align:center;z-index:99;opacity:0}.base-video__preview .base-video__wrap .base-video__wrap--close:hover{background:rgba(0,0,0,.7);opacity:1}.base-video__preview .base-video__wrap .base-video__wrap--replay{position:absolute;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;z-index:98;display:none;color:#fff}.base-video__preview .base-video__wrap .base-video__wrap--replay .replay-icon{width:65px;height:65px;cursor:pointer;z-index:2;background:rgba(0,0,0,.3);border-radius:50%}.base-video__preview .base-video__wrap .base-video__wrap--replay .replay-icon:hover{background:rgba(0,0,0,.7)}.unit-video-popup__content .base-video__wrap .base-video__wrap--replay{position:absolute;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;z-index:1000;display:none;color:#fff}.unit-video-popup__content .base-video__wrap .base-video__wrap--replay .replay-icon{width:65px;height:65px;cursor:pointer;z-index:2;background:rgba(0,0,0,.3);border-radius:50%}.unit-video-popup__content .base-video__wrap .base-video__wrap--replay .replay-icon:hover{background:rgba(0,0,0,.7)}.base-video__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;cursor:pointer;width:65px;height:65px;border-radius:50%;background:var(--play-bg-color);display:flex;justify-content:center;align-items:center;transition:.3s}.base-video__play i{font-size:30px;color:var(--play-icon-color);text-shadow:0 0 40px #000;transition:.3s;font-style:normal}.base-video__play:hover{transform:scale(1.2) translate(-40%,-40%);background:var(--play-hover-bg-color)}.base-video__play:hover i{color:var(--play-hover-icon-color)}@media(min-width:768px){.base-video__play i{margin-left:2px}}@media(max-width:768px){.base-video__play{width:40px;height:40px}.base-video__play i{margin-left:1px;font-size:15px}}.xg-video .base-video__thumb{position:relative}.xg-video .base-video__info{position:absolute;right:6px;bottom:6px;padding:1px 4px;border-radius:4px;background-color:rgba(0,0,0,.6);color:#fff;font-size:12px}.xg-video.play .base-video__info{display:none}.xg-video.base-video--scale-xl.play .base-video__preview video{background:0}.xg-video .xgplayer{background:#fff;z-index:1}.xg-video .mac-os.xgplayer{font-weight:600}.xg-video .xgplayer .xgplayer-poster{background-size:cover}.xg-video .xgplayer-dynamic-bg{overflow:hidden;z-index:0}.xg-video .xgplayer-dynamic-bg xgmask{background:0;background-size:cover;background-position:center;filter:blur(20px) brightness(0.8);transition:opacity .3s;transform:scale(1.1)}@media(max-width:767px){.xg-video[hide-dynamic-bg] .xgplayer-dynamic-bg{opacity:0}}@media(min-width:768px) and (max-width:1199px){.xg-video[hide-dynamic-bg-md] .xgplayer-dynamic-bg{opacity:0}}@media(min-width:1200px){.xg-video[hide-dynamic-bg-xl] .xgplayer-dynamic-bg{opacity:0}}.xg-video .xgplayer .xgplayer-replay .xgplayer-replay-svg{width:65px;height:65px;border-radius:50%;background-color:rgba(0,0,0,.5)}.xg-video .xgplayer .xgplayer-replay .xgplayer-replay-txt{display:none}.xg-video .xgplayer .xgplayer-progress-played,.xg-video .xgplayer .xgplayer-drag{background:var(--main-color)}.xg-video .xgplayer .xgplayer-progress-btn{background:0;box-shadow:unset}.xg-video .xgplayer .xgplayer-progress-btn.active{border:0}.xg-video .xgplayer.xgplayer-pc .xgplayer-progress-btn{transform:translate(-50%,-50%) scale(1)}.xg-video .xgplayer .xgplayer-progress-btn.active,.xg-video .xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-btn{transform:translate(-50%,-50%) scale(1.3)}.xg-video .xgplayer .xgplayer-progress-btn:before{background:rgba(var(--rgb-color),1)}.xg-video .xgplayer .xgplayer-progress-bottom .xgplayer-progress-btn:before{background:#fff}.xg-video .xgplayer .xgplayer-progress-btn.active:before{box-shadow:unset}.xg-video .xgplayer .xgplayer-progress-point{padding:1px 4px;font-size:14px;opacity:1}.xg-video .xgplayer .xg-options-list{color:#fff}.xg-video .xgplayer .xg-options-list,.xg-video .xgplayer .xgplayer-slider{border-radius:8px}.xg-video .xgplayer .xg-options-list li{height:auto;line-height:1em;padding:8px 0}.xg-video .xgplayer .xg-options-list li:hover,.xg-video .xgplayer .xg-options-list li.selected{color:var(--main-color)}.xg-video .xgplayer .xgplayer-controls{background-image:none}.xg-video .xgplayer .xgplayer-controls::after{content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:300%;background-image:linear-gradient(rgba(0,0,0,0) 5%,rgba(0,0,0,.15) 40%,rgba(0,0,0,.4),rgba(0,0,0,.9));pointer-events:none;z-index:-1}@media(min-width:768px){.xg-video .xgplayer .xgplayer-controls::after{border-radius:0 0 12px 12px}}.xg-video .xgplayer-controls .xg-inner-controls{height:44px}.xg-video .xgplayer-controls xg-icon{height:42px;color:#fff}.xg-video .xgplayer .btn-text{height:100%;font-size:14px}.xg-video .xgplayer .btn-text span{display:flex;align-items:center;height:100%;line-height:1em;border-radius:14px;background:transparent;min-width:unset}.xg-video .xgplayer-controls .xgplayer-time{min-width:unset;font-family:inherit}.xg-video .xgplayer-controls .xgplayer-time span{display:flex;align-items:center;height:100%;line-height:1em}.xg-video .xgplayer-controls .xgplayer-time .time-separator,.xg-video .xgplayer-controls .xgplayer-time .time-duration{display:none}.xg-video .xgplayer-fullscreen .xgplayer-icon{height:100%}.xg-video .xgplayer-fullscreen svg{width:26px;transform:translateY(1px)}.xg-video .xgplayer-controls .xg-center-grid{padding:0;top:-8px}.xg-video .xgplayer .xgplayer-controls.bottom-controls{background-image:none;box-shadow:unset}.xg-video .xgplayer .xgplayer-controls.bottom-controls::after{display:none}.xg-video .xgplayer-controls.bottom-controls .xg-inner-controls{left:0;right:0;padding-left:10px;padding-right:6px;height:34px}.xg-video .xgplayer-controls.bottom-controls xg-icon{height:34px;line-height:34px}.xg-video .xgplayer-controls.bottom-controls .xgplayer-time span{font-size:12px;line-height:34px;height:34px}.xg-video .xgplayer-controls.bottom-controls .xg-center-grid{padding:0;top:unset;bottom:0;z-index:1}.xg-video .xgplayer-controls.bottom-controls .xgplayer-progress{height:8px}.xg-video .xgplayer-controls.bottom-controls .xgplayer-progress-bottom .xgplayer-progress-outer{top:3px}.xg-video .xgplayer-controls.bottom-controls .xg-left-grid,.xg-video .xgplayer-controls.bottom-controls .xg-right-grid{bottom:0}.xg-video .xgplayer-controls.bottom-controls .xgplayer-volume{height:34px}.xg-video .xgplayer-controls.bottom-controls .xgplayer-volume .xgplayer-slider{display:none !important}.xg-video .xgplayer-controls.bottom-controls .xgplayer-volume .xgplayer-icon>svg{width:24px}.xg-video .xgplayer-definition,.xg-video .xgplayer-playbackrate{margin-right:20px}.xg-video[controls="false"] .xgplayer .xgplayer-controls{display:none !important}.xg-video.play .video-container{filter:brightness(var(--brightness))}@media(max-width:1199px){.xg-video .xgplayer-controls .xg-center-grid{padding:0;top:-6px}.xg-video{--mobile-controls-height:36px}.xg-video .xgplayer .xgplayer-replay .xgplayer-replay-svg{width:40px;height:40px}.xg-video .xgplayer .xgplayer-controls{height:calc(var(--mobile-controls-height) + 4px)}.xg-video .xgplayer-controls .xg-inner-controls{height:var(--mobile-controls-height)}.xg-video .xgplayer-controls xg-icon{height:var(--mobile-controls-height)}.xg-video .xgplayer-controls svg{width:20px}.xg-video .xgplayer .btn-text{font-size:12px}.xg-video .xgplayer-fullscreen svg{transform:translateY(0)}}.opacity0{opacity:0 !important}.base-select-box{position:relative}.base-select-arrow{display:block;top:14%;right:0;position:absolute;width:30px;text-align:center;font-size:16px}.base-select-box.active .base-select-arrow{transform:rotate(180deg)}.base-select-input{width:100%;box-shadow:none;outline:0}.was-validated :invalid ~ .base-select-input{border-color:#dc3545 !important}.base-select-drop{position:fixed;top:100%;left:0;width:100%;max-height:200px;z-index:calc(var(--modal-z-index) + 1);overflow-y:auto;background:#fff;border:1px solid rgba(0,0,0,.1)}.base-select-drop.hide{height:0;overflow-y:hidden}.base-select-drop li{padding:5px 10px;text-align:left;font-size:14px;transition:all .3s;cursor:pointer}.base-select-drop li:hover{background:var(--main-color);color:#fff}.base-select-box .invalid-feedback{padding-left:0 !important}.select-mask{position:fixed;top:0;right:0;left:0;bottom:0;background-color:transparent;z-index:var(--modal-z-index);display:none}.select-mask.show{display:block}.base-div-input{height:35px !important;max-height:35px !important;overflow:hidden;text-align:left}form{--x:15px;--y:12px;flex-grow:1}form select{-webkit-appearance:none}form label{display:flex;font-weight:bold;position:relative}form label.full{align-items:flex-start !important}form label.submit .unit-form__label{padding:0}form .item{padding:8px;margin:0}form .form-control{padding:var(--y) var(--x);height:auto;font-weight:normal;font-size:inherit}form .unit-form__label{padding-bottom:5px;flex-shrink:0;flex-grow:0;font-weight:normal;opacity:.8;color:inherit}form [required] ~ .unit-form__label:before,form [required] ~ .unit-form__control--txt::before{content:'*';padding-right:5px;color:red;display:inline-block}form .form-control.is-invalid+.unit-form__control--file,form.was-validated .form-control:invalid+.unit-form__control--file{border-color:#dc3545}form.was-validated .form-control:invalid+.unit-form__control--file[validated]{border-color:#28a745}form.was-validated .form-control:invalid+.unit-form__control--file:before{font-family:"iconfont" !important;position:absolute;right:.75rem;top:var(--y);color:inherit;font-size:15px;color:#dc3545}form.was-validated .file .form-control:invalid[required]+.unit-form__control--file:before{content:"\e61c"}form.was-validated .file .form-control:invalid+.unit-form__control--file[validated]:before{color:#28a745 !important;content:"\e6b3" !important}form .checkbox-group{width:100%;padding-top:0 !important;padding-bottom:0 !important}form .checkbox-inline{padding:var(--y) 20px var(--y);margin-left:0}form.title-top label{flex-direction:column-reverse}form.title-left label{flex-direction:row-reverse;align-items:center}form.title-left .unit-form__label{text-align:right;padding:var(--y) 15px var(--y) 0}form label{flex-flow:column}form .form-control::-webkit-input-placeholder{color:transparent !important}form .form-control:-ms-input-placeholder{color:transparent !important}form .form-control::-ms-input-placeholder{color:transparent !important}form .form-control::-moz-placeholder{color:transparent !important}form .form-control::placeholder{color:transparent !important}form .has-placeholder .placeholder{color:#999;margin-left:1em;cursor:text}form .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown) ~ .unit-form__label .placeholder{display:none}form .unit-form__label{position:absolute;top:0;left:0;padding:var(--y) var(--x);transition:.1s ease-in-out}form .checkbox-group{padding-top:calc(var(--y) + var(--y) * (2 / 3) - 1px) !important;padding-bottom:calc(var(--y) / 3 - 2px) !important}form .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown){padding-top:calc(var(--y) + var(--y) * (2 / 3));padding-bottom:calc(var(--y) / 3)}form .checkbox-group ~ .unit-form__label,form .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown) ~ .unit-form__label{padding-top:calc(var(--y) / 3);padding-bottom:calc(var(--y) / 3);opacity:.77}[label-style="1"] form .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown){padding:var(--y) var(--x)}[label-style="1"] form .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown) ~ .unit-form__label{display:none !important}form .checkbox-inline{padding:0 10px 0 20px}form.border-bottom .form-control{border-top-width:0 !important;border-right-width:0 !important;border-left-width:0 !important;box-shadow:none}form label.submit{justify-content:flex-end;flex-direction:row-reverse !important}form.submit-center label.submit{justify-content:center}form.submit-center label.submit .unit-form__label{display:none}form.submit-right label.submit{justify-content:flex-start}form .help-block{position:relative;padding:0 var(--x)}form .checkbox-inline .form-control-feedback{right:-30px;top:3px}form .jy_verificationcode label,form .upload_attachments label{align-items:initial !important}form .jy_verificationcode .unit-form__label{display:none}form .jy_verificationcode label .jy_yzm,form .upload_attachments .upload_attach_con{flex-grow:1;width:100%}form .upload_attachments .unit-form__label{position:relative;padding:0 0 8px;font-size:14px !important;opacity:1 !important}form .upload_attachments label{flex-direction:column-reverse}form .upload_attachments .form-control{border-bottom:0;padding:0 !important}form .upload_attach_gray{font-size:12px;opacity:.5;padding-top:8px}form .upload_box{width:60px;height:60px;line-height:60px;text-align:center;font-size:24px;color:#000}form .add_file_a{border:1px dashed;border-color:inherit}form .form-control.is-invalid,form.was-validated .form-control:invalid{border-color:#dc3545 !important}form .form-control.is-valid,form.was-validated .form-control:valid{border-color:#28a745 !important}form .form-control:focus:-moz-placeholder{color:transparent !important;opacity:0}form .form-control:focus::-moz-placeholder{color:transparent !important;opacity:0}form .form-control:focus:-ms-input-placeholder{color:transparent !important;opacity:0}.unit-form__item:last-child{margin-bottom:0}.file [type="file"]{padding:0;opacity:0;position:absolute;height:100%;cursor:pointer;top:0;left:0}.unit-form__item.file .unit-form__label{display:none}.unit-form__control--file{position:relative;text-align:left;font-size:14px;cursor:pointer;padding-top:15px !important;padding-bottom:15px !important;color:inherit}.unit-form__control--file .unit-form__control--font{border:1px dashed;border-color:inherit;font-size:14px;padding:4px;border-radius:2px}.unit-form__control--file .unit-form__control--txt{padding-left:10px;font-style:normal}.unit-form__file-item{font-weight:400;transition:all .5s cubic-bezier(.55,0,.1,1);font-size:14px;color:#606266;line-height:1.8;margin-top:5px;position:relative;box-sizing:border-box;border-radius:4px;width:100%}.unit-form__file-item .icon{position:absolute;right:5px;top:0;line-height:inherit;color:#67c23a}.unit-form__file-item .icon::after{content:'\e62c'}.unit-form__file-item:hover .icon::after{content:'\e64e';color:#606266}.unit-form__file-item i{font-style:normal;font-size:14px;padding-left:10px;opacity:.5}.unit-form__file-prompt{text-transform:capitalize;text-align:left;font-weight:normal;font-size:12px;padding:5px 5px 0;color:#606266}.file-feedback{font-weight:bold}.unit-form__control--file.show_error{border-color:#dc3545 !important}.unit-form__control--file.show_error+.file-feedback{display:block}@media screen and (min-width:0\0){form .unit-form__label{display:none}form .form-control:-ms-input-placeholder{color:#999 !important}form .form-control::-ms-input-placeholder{color:#999 !important}}.unit-list__items{margin:-1.5vw}.unit-list.is-swiper .unit-list__items{margin:0 !important}.unit-list__item{padding:1.5vw}.unit-list__item.hide-more-box{display:none}.unit-list__title{margin-top:1vw}.unit-list__subtitle,.unit-list__description{opacity:.8;margin:.5vw 0}.text_ellipsis{width:100%;line-height:inherit;font-size:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:normal;word-break:break-word}.unit-list__item.no-image .unit-list__image{display:none}.unit-list__item .unit-list__image{position:relative}div[package-type="list"] *:hover .unit-list__item .unit-list__image[hover-img='true'] .base-image img{transform:none !important}.unit-video-list__image,.unit-list__video{position:relative}.unit-list__item .unit-list__image .unit-list-hover__image{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}[video-gif] .unit-list-hover__image{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.unit-list__item .unit-list__image .unit-list-hover__image.hover_img_before_load{opacity:0}[video-gif] .unit-list-hover__image.hover_img_before_load{opacity:0}[video-gif] .unit-list-hover__image img{max-height:100%;width:auto !important}[video-gif] .unit-list-hover__image .base-image,[video-gif] .unit-list-hover__image .base-image__item,[video-gif] .unit-list-hover__image .base-video__thumb{height:100%}[video-gif] .unit-list-hover__image .base-image__item{display:flex;align-items:center;justify-content:center}.unit-list__item .unit-list__image .unit-list-hover__image img{animation-fill-mode:both}.is-swiper .swiper-slide.col-xl-12{margin:0;padding:0}.is-swiper [carousel]{position:relative}.is-swiper{position:relative;--swiper-navigation-size:48px;--swiper-navigation-gap:10px}.is-swiper .swiper-button-prev{left:var(--swiper-navigation-gap)}.is-swiper .swiper-button-next{right:var(--swiper-navigation-gap)}.is-swiper .swiper-button-prev,.is-swiper .swiper-button-next{background-color:var(--swiper-navigation-bg-color);border-radius:50%;color:var(--swiper-navigation-icon-color);width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);transition:background-color .3s,color .3s}.is-swiper .swiper-button-prev:hover,.is-swiper .swiper-button-next:hover{background-color:var(--swiper-navigation-hover-bg-color);color:var(--swiper-navigation-hover-icon-color)}.is-swiper .swiper-button-prev:after,.is-swiper .swiper-button-next:after{font-size:calc(var(--swiper-navigation-size) * 0.42);font-weight:700}.unit-list .swiper-button-prev,.unit-list .swiper-button-next,.unit-video-list .swiper-button-prev,.unit-video-list .swiper-button-next,.unit-product-list .swiper-button-prev,.unit-product-list .swiper-button-next,.unit-download-list .swiper-button-prev,.unit-download-list .swiper-button-next{opacity:0}.swiper-button-prev.initialized,.swiper-button-next.initialized{opacity:1}.swiper-button-prev.initialized.swiper-button-disabled,.swiper-button-next.initialized.swiper-button-disabled{opacity:.35}.swiper-button-prev--outside,.swiper-button-next--outside{display:none;opacity:0}.swiper-button-prev--outside.initialized.swiper-button-disabled,.swiper-button-next--outside.initialized.swiper-button-disabled{opacity:.35}@media(max-width:767px){.is-swiper[navigation-position="outside"] .swiper-button-prev,.is-swiper[navigation-position="outside"] .swiper-button-next{display:none}.is-swiper[navigation-position="outside"] .swiper-button-prev--outside{display:flex;left:calc(0px - var(--swiper-navigation-size) - var(--swiper-navigation-gap))}.is-swiper[navigation-position="outside"] .swiper-button-next--outside{display:flex;right:calc(0px - var(--swiper-navigation-size) - var(--swiper-navigation-gap))}}@media(min-width:768px) and (max-width:1199px){.is-swiper[navigation-position-md="outside"] .swiper-button-prev,.is-swiper[navigation-position-md="outside"] .swiper-button-next{display:none}.is-swiper[navigation-position-md="outside"] .swiper-button-prev--outside{display:flex;left:calc(0px - var(--swiper-navigation-size) - var(--swiper-navigation-gap))}.is-swiper[navigation-position-md="outside"] .swiper-button-next--outside{display:flex;right:calc(0px - var(--swiper-navigation-size) - var(--swiper-navigation-gap))}}@media(min-width:1200px){.is-swiper[navigation-position-xl="outside"] .swiper-button-prev,.is-swiper[navigation-position-xl="outside"] .swiper-button-next{display:none}.is-swiper[navigation-position-xl="outside"] .swiper-button-prev--outside{display:flex;left:calc(0px - var(--swiper-navigation-size) - var(--swiper-navigation-gap))}.is-swiper[navigation-position-xl="outside"] .swiper-button-next--outside{display:flex;right:calc(0px - var(--swiper-navigation-size) - var(--swiper-navigation-gap))}}img[lazy-src=""][src=""],img[lazy-src=""]:not([src]){opacity:0}.unit-list__product,.unit-list__price,.unit-list__extend{display:flex;align-items:center;justify-content:center}.unit-list__price{flex:1 0 0;flex-wrap:wrap}.unit-list__extend{flex-shrink:0;width:50%}.unit-list__product{flex-wrap:wrap;min-width:60%}.unit-list__product i{font-style:normal}.unit-list__price-min{padding-right:5px}.unit-list__price-max{text-decoration-line:line-through;font-size:14px;opacity:.6;padding-right:5px}[package-type="list"]{border-radius:12px}.unit-list__items.swiper-wrapper{width:auto}.unit-list__inquire a{cursor:pointer}.unit-list__inquire,.unit-list__product.no-price .unit-list__price,.unit-list__product.no-price .unit-list__cart{display:none}.unit-list__product.no-price .unit-list__inquire{display:block}.unit-list__product.no-price .unit-list__extend{width:100%}.unit-list.is-swiper .swiper-wrapper{padding-bottom:2vw}.unit-list.is-swiper .swiper-pagination{bottom:0}.unit-list__pagination .swiper-pagination-bullet{box-shadow:0 0 2px #000;background:#fff;opacity:.5}.unit-list__pagination .swiper-pagination-bullet-active{background:var(--main-color);opacity:1}.unit-product-list.is-swiper .unit-product-list__items{margin:0 !important}.empty_price_tips{opacity:.6;display:none}.no-price .empty_price_tips{display:block}.unit-product-list-6__wrapper .unit-list__cart.text-capitalize a{position:absolute;left:0;right:0;opacity:0}.unit-list.is-swiper .swiper-wrapper.no-swiper-pagination{padding-bottom:0 !important}.unit-product-list.is-swiper .swiper-wrapper.no-swiper-pagination{padding-bottom:0 !important}.unit-download-list.is-swiper .swiper-wrapper.no-swiper-pagination{padding-bottom:0 !important}@media(max-width:1200px){.unit-list.is-swiper .swiper-wrapper{padding-bottom:5vw}}@media(max-width:767px){.unit-product-list-7__wrapper .unit-list__item.col-6 .unit-list__product:not(.no-price) .unit-list__extend{display:inline-block !important}.unit-list__item.col-6 .unit-list__product:not(.no-price) .unit-list__price{max-width:100% !important;border:0 !important}}@media(max-width:576px){.unit-list__item.col-6 .unit-list__product{width:100%}.unit-list__date{font-size:12px}.unit-list__title{margin-top:2vw}}@media(min-width:768px){.unit-list__items{margin:-.8vw}.unit-list__item{padding:.8vw}}.unit-login .unit-form__label,.unit-register .unit-form__label{position:static;padding:5px 0;text-transform:capitalize}.unit-login .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown),.unit-register .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown){padding:var(--y) var(--x)}.unit-login .unit-login__control,.unit-register__control{padding:12px 1rem !important;border-color:transparent;border-radius:5px;background-color:#f3f3f4}.unit-register__back{background-color:#fff;text-transform:uppercase;border-color:rgba(0,0,0,.15);width:100%;color:inherit;padding:.75rem 1rem;border-radius:50px}.unit-login__submit,.unit-register__submit{width:100%;padding:.75rem 1rem;border-color:rgb(var(--rgb-color));background-color:rgb(var(--rgb-color));border-radius:50px}.unit-login__item:last-child{margin-bottom:1rem}.unit-register__item:last-child{margin-top:1rem}.unit-login__item:last-child{border-top:1px solid rgba(0,0,0,0.1);margin-top:1rem;margin-bottom:0}.unit-login__nav{margin-top:2rem;text-transform:capitalize}.unit-map__iframe{max-width:100%}[package-group="widget"]{z-index:110}.widget-toTop-wrap{position:fixed;right:15px;bottom:calc(10% - 70px);cursor:pointer;z-index:9;width:60px;border-radius:50%}.widget-toTop-btn{opacity:0;visibility:hidden;transition:all .6s;transition:all .6s;width:60px;line-height:60px;background-color:#fff;color:var(--main-color);text-align:center;box-shadow:0 5px 15px 0 rgba(40,47,54,0.08);border-radius:50%}.widget-toTop-btn.active{opacity:1;visibility:visible}.widget-toTop-btn:active{background-color:var(--main-color);color:#fff}@media(min-width:768px){.widget-toTop-btn:hover{background-color:var(--main-color);color:#fff}}.widget-quote-list{display:none}.widget-quote-list.show{display:block}.widget-quote-list__content-wrap{position:fixed;right:15px;bottom:calc(10% + var(--FAQ-B) + var(--social-height));cursor:pointer;z-index:100}.widget-quote-list__btn{display:block;border-radius:50%;box-shadow:0 1px 4px 0 rgb(0 0 0 / 6%),0 2px 16px 0 rgb(0 0 0 / 12%);background-color:var(--main-color);width:60px;height:60px;line-height:60px;text-align:center}.widget-quote-list__icon{position:relative;font-size:22px;color:#fff}.widget-quote-list__badge{position:absolute;top:0;right:10px;transform:translate(100%,-50%);font-size:12px;color:#fff;background-color:#ef0c0c;border-radius:10px;display:inline-block;line-height:16px;padding:0 5px;text-align:center;white-space:nowrap;border:1px solid var(--main-color)}.widget-product-lives-wrap{position:fixed;right:5px;bottom:calc(50% + 55px);cursor:pointer;z-index:9;width:50px;display:none}.widget-product-lives-wrap a{border-radius:50%;display:block;overflow:hidden}#app[page-type="landing_page"] [package-widget-type="product-lives"]{display:none}.button-disabled{cursor:not-allowed !important;background-color:#f5f5f5 !important;color:#000 !important;opacity:.4;border:solid 1px #808080 !important}.unit-logo img{height:65px}@media(max-width:768px){.unit-logo img{height:45px}}.col-12_7,.col-12_7{max-width:calc(100% / 7);-ms-flex:0 0 calc(100% / 7);flex:0 0 calc(100% / 7)}.col-12_8,.col-12_8{max-width:calc(100% / 8);-ms-flex:0 0 calc(100% / 8);flex:0 0 calc(100% / 8)}.col-12_9,.col-12_9{max-width:calc(100% / 9);-ms-flex:0 0 calc(100% / 9);flex:0 0 calc(100% / 9)}.col-12_10,.col-12_10{max-width:calc(100% / 10);-ms-flex:0 0 calc(100% / 10);flex:0 0 calc(100% / 10)}.col-12_11,.col-12_11{max-width:calc(100% / 11);-ms-flex:0 0 calc(100% / 11);flex:0 0 calc(100% / 11)}@media(min-width:768px) and (max-width:1200px){.col-md-12_7,.col-md-12_7{max-width:calc(100% / 7);-ms-flex:0 0 calc(100% / 7);flex:0 0 calc(100% / 7)}.col-md-12_8,.col-md-12_8{max-width:calc(100% / 8);-ms-flex:0 0 calc(100% / 8);flex:0 0 calc(100% / 8)}.col-md-12_9,.col-md-12_9{max-width:calc(100% / 9);-ms-flex:0 0 calc(100% / 9);flex:0 0 calc(100% / 9)}.col-md-12_10,.col-md-12_10{max-width:calc(100% / 10);-ms-flex:0 0 calc(100% / 10);flex:0 0 calc(100% / 10)}.col-md-12_11,.col-md-12_11{max-width:calc(100% / 11);-ms-flex:0 0 calc(100% / 11);flex:0 0 calc(100% / 11)}}@media(min-width:1200px){.col-xl-12_7,.col-xl-12_7{max-width:calc(100% / 7);-ms-flex:0 0 calc(100% / 7);flex:0 0 calc(100% / 7)}.col-xl-12_8,.col-xl-12_8{max-width:calc(100% / 8);-ms-flex:0 0 calc(100% / 8);flex:0 0 calc(100% / 8)}.col-xl-12_9,.col-xl-12_9{max-width:calc(100% / 9);-ms-flex:0 0 calc(100% / 9);flex:0 0 calc(100% / 9)}.col-xl-12_10,.col-xl-12_10{max-width:calc(100% / 10);-ms-flex:0 0 calc(100% / 10);flex:0 0 calc(100% / 10)}.col-xl-12_11,.col-xl-12_11{max-width:calc(100% / 11);-ms-flex:0 0 calc(100% / 11);flex:0 0 calc(100% / 11)}}.cell-has-list{width:100%}[page-type="resource_aggregation"] [package-item="unit"]{padding-top:0;padding-bottom:0}.bg-vimeo{--social-icon:#17d5ff}.bg-okru{--social-icon:#f4731c}.discount-timer{opacity:0;display:flex;flex-wrap:wrap;justify-content:center;padding:4px 8px;border-radius:3px;background-color:rgb(244 98 64 / 8%);color:#ee2427;font-size:12px}[page-type="cart"] .discount-timer{max-width:180px}.discount-timer.is-loaded{opacity:1}.discount-timer.no-day .discount-timer__date-wrap--day{display:none}.discount-timer em,.discount-timer i{font-style:normal}.discount-timer__date-content,.discount-timer__date-wrap{display:flex}.discount-timer__day,.discount-timer__title,.discount-timer__date-wrap,.discount-timer__date--dd em,.discount-timer__date--dd i{padding:0 2px}.message-notice{padding:8px;text-align:center}.message-notice__inner{display:inline-block;padding:10px 16px;background:#fff;border-radius:2px;box-shadow:0 3px 6px -4px rgb(0 0 0 / 12%),0 6px 16px 0 rgb(0 0 0 / 8%),0 9px 28px 8px rgb(0 0 0 / 5%);pointer-events:all}.message-notice__icon{margin-right:8px}.message-notice__icon.icon-base-info-fill{color:#1890ff}.message-notice__icon.icon-base-success-fill{color:#52c41a}.message-notice__icon.icon-base-close-fill{color:#ff4d4f}.message-notice__icon.icon-base-error-fill{color:#faad14}.message-notice__icon.loading{--loading-size:8px;padding-left:1em}.message-notice__icon.loading::after{border-width:2px}.modal-open [package-block-type="header"]{z-index:-1}.modal{display:flex;position:absolute;top:0;left:-100vw;z-index:2;width:100vw;height:calc(100vh - var(--SAIB));background-color:rgba(0,0,0,.45);justify-content:center;align-items:flex-start;padding:10vh 5vw;transition:opacity .2s;opacity:0;visibility:hidden}.modal.show{visibility:visible;opacity:1;left:0}.modal.pos--tl{justify-content:flex-start;align-items:flex-start}.modal.pos--tc{justify-content:center;align-items:flex-start}.modal.pos--tr{justify-content:flex-end;align-items:flex-start}.modal.pos--cl{justify-content:flex-start;align-items:center}.modal.pos--cc{justify-content:center;align-items:center}.modal.pos--cr{justify-content:flex-end;align-items:center}.modal.pos--bl{justify-content:flex-start;align-items:flex-end}.modal.pos--bc{justify-content:center;align-items:flex-end}.modal.pos--br{justify-content:flex-end;align-items:flex-end}.modal.allow_overflow .modal__inner,.modal.allow_overflow .modal__body{overflow:initial}.modal__inner{max-height:100%;background-color:#FFF;border-radius:2px;box-shadow:0 3px 6px -4px rgb(0 0 0 / 12%),0 6px 16px 0 rgb(0 0 0 / 8%),0 9px 28px 8px rgb(0 0 0 / 5%);display:flex;flex-flow:column;overflow:hidden}.modal__inner-sm{width:300px}.modal__inner-md{width:500px}.modal__inner-lg{width:800px}.modal__inner-xl{width:1140px}.modal__header{flex:0;position:relative;padding:16px 24px;color:rgba(0,0,0,.85);background:#fff;border-bottom:1px solid #f0f0f0;border-radius:2px 2px 0 0}.modal__title{margin:0;color:rgba(0,0,0,.85);font-weight:500;font-size:16px;line-height:22px;word-wrap:break-word}.modal__close{font-family:iconfont,sans-serif;text-shadow:0 0 1px rgba(0,0,0,.05);position:absolute;top:0;right:0;z-index:2;line-height:50px;font-size:30px;width:56px;height:56px;text-align:center;color:rgba(0,0,0,.45);cursor:pointer}.modal__body{flex:1 1;overflow:auto;padding:24px;font-size:14px;line-height:1.5715;word-wrap:break-word}.modal__body::-webkit-scrollbar{width:3px}.modal__footer{flex:0;padding:10px 16px;overflow:hidden;background:0;border-top:1px solid #f0f0f0;border-radius:0 0 2px 2px}.modal__footer-inner{margin:-4px;display:flex;flex-wrap:wrap;justify-content:flex-end}.modal__footer-btn{padding:4px}.modal__footer .btn{line-height:1.5715;position:relative;display:inline-block;font-weight:400;white-space:nowrap;text-align:center;background-image:none;box-shadow:0 2px 0 rgb(0 0 0 / 2%);cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;height:32px;padding:4px 15px;font-size:14px;border-radius:2px;color:rgba(0,0,0,.85);background:#fff;border:1px solid #d9d9d9}.modal__footer .btn-primary{color:#fff;background:#1890ff;border-color:#1890ff;text-shadow:0 -1px 0 rgb(0 0 0 / 12%);box-shadow:0 2px 0 rgb(0 0 0 / 5%)}.move-up-appear,.move-up-enter,.move-up-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.move-up-appear,.move-up-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.move-up-leave{-webkit-animation-timing-function:cubic-bezier(.6,.04,.98,.34);animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.move-up-appear.move-up-appear-active,.move-up-enter.move-up-enter-active{-webkit-animation-name:antMoveUpIn;animation-name:antMoveUpIn;-webkit-animation-play-state:running;animation-play-state:running}.move-up-leave.move-up-leave-active{-webkit-animation-name:antMoveUpOut;animation-name:antMoveUpOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}.pos--tl .move-up-appear.move-up-appear-active,.pos--cl .move-up-appear.move-up-appear-active,.pos--bl .move-up-appear.move-up-appear-active{-webkit-animation-name:antMoveLeftIn;animation-name:antMoveLeftIn}.pos--tl .move-up-leave.move-up-leave-active,.pos--cl .move-up-leave.move-up-leave-active,.pos--bl .move-up-leave.move-up-leave-active{-webkit-animation-name:antMoveLeftOut;animation-name:antMoveLeftOut}.pos--tr .move-up-appear.move-up-appear-active,.pos--cr .move-up-appear.move-up-appear-active,.pos--br .move-up-appear.move-up-appear-active{-webkit-animation-name:antMoveRightIn;animation-name:antMoveRightIn}.pos--tr .move-up-leave.move-up-leave-active,.pos--cr .move-up-leave.move-up-leave-active,.pos--br .move-up-leave.move-up-leave-active{-webkit-animation-name:antMoveRightOut;animation-name:antMoveRightOut}.pos--bc .move-up-appear.move-up-appear-active{-webkit-animation-name:antMoveDownIn;animation-name:antMoveDownIn}.pos--bc .move-up-leave.move-up-leave-active{-webkit-animation-name:antMoveDownOut;animation-name:antMoveDownOut}@-webkit-keyframes MessageMoveOut{0%{max-height:150px;padding:8px;opacity:1}to{max-height:0;padding:0;opacity:0}}@keyframes MessageMoveOut{0%{max-height:150px;padding:8px;opacity:1}to{max-height:0;padding:0;opacity:0}}@-webkit-keyframes antMoveUpIn{0%{transform:translateY(-100%);transform-origin:0 0;opacity:0}to{transform:translateY(0);transform-origin:0 0;opacity:1}}@keyframes antMoveUpIn{0%{transform:translateY(-100%);transform-origin:0 0;opacity:0}to{transform:translateY(0);transform-origin:0 0;opacity:1}}@-webkit-keyframes antMoveUpOut{0%{transform:translateY(0);transform-origin:0 0;opacity:1}to{transform:translateY(-100%);transform-origin:0 0;opacity:0}}@keyframes antMoveUpOut{0%{transform:translateY(0);transform-origin:0 0;opacity:1}to{transform:translateY(-100%);transform-origin:0 0;opacity:0}}@-webkit-keyframes antMoveLeftIn{0%{transform:translateX(-100%);transform-origin:0 0;opacity:0}to{transform:translateX(0);transform-origin:0 0;opacity:1}}@keyframes antMoveLeftIn{0%{transform:translateX(-100%);transform-origin:0 0;opacity:0}to{transform:translateX(0);transform-origin:0 0;opacity:1}}@-webkit-keyframes antMoveLeftOut{0%{transform:translateX(0);transform-origin:0 0;opacity:1}to{transform:translateX(-100%);transform-origin:0 0;opacity:0}}@keyframes antMoveLeftOut{0%{transform:translateX(0);transform-origin:0 0;opacity:1}to{transform:translateX(-100%);transform-origin:0 0;opacity:0}}@-webkit-keyframes antMoveRightIn{0%{transform:translateX(100%);transform-origin:0 0;opacity:0}to{transform:translateX(0);transform-origin:0 0;opacity:1}}@keyframes antMoveRightIn{0%{transform:translateX(100%);transform-origin:0 0;opacity:0}to{transform:translateX(0);transform-origin:0 0;opacity:1}}@-webkit-keyframes antMoveRightOut{0%{transform:translateX(0);transform-origin:0 0;opacity:1}to{transform:translateX(100%);transform-origin:0 0;opacity:0}}@keyframes antMoveRightOut{0%{transform:translateX(0);transform-origin:0 0;opacity:1}to{transform:translateX(100%);transform-origin:0 0;opacity:0}}@-webkit-keyframes antMoveDownIn{0%{transform:translateY(100%);transform-origin:0 0;opacity:0}to{transform:translateY(0);transform-origin:0 0;opacity:1}}@keyframes antMoveDownIn{0%{transform:translateY(100%);transform-origin:0 0;opacity:0}to{transform:translateY(0);transform-origin:0 0;opacity:1}}@-webkit-keyframes antMoveDownOut{0%{transform:translateY(0);transform-origin:0 0;opacity:1}to{transform:translateY(100%);transform-origin:0 0;opacity:0}}@keyframes antMoveDownOut{0%{transform:translateY(0);transform-origin:0 0;opacity:1}to{transform:translateY(100%);transform-origin:0 0;opacity:0}}.unit-video-popup__preview{text-align:center;position:relative;padding-top:20px}.unit-video-popup__thumbnail{display:inline-block}.unit-video-popup__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;cursor:pointer;width:65px;height:65px;border-radius:50%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;transition:.3s}.unit-video-popup__play i{font-size:40px;color:#FFF;text-shadow:0 0 40px #000;transition:.3s}.unit-video-popup__play:hover{background:rgba(0,0,0,.8);transform:translate(-50%,-50%) scale(1.2)}.unit-video-popup__play:hover i{text-shadow:0 0 30px #000}.unit-video-popup__window-wrap{position:fixed;width:100%;height:100%;z-index:-1;top:0;left:0;visibility:hidden;opacity:0;background-color:rgba(0,0,0,.8);transition:.3s}.unit-video-popup__window-wrap.show{z-index:1024;visibility:visible;opacity:1}.unit-video-popup__window{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100vw;max-height:100vh}@media(max-width:765px){.unit-video-popup__window{width:100%}}.unit-video-popup__close{position:absolute;top:0;right:0;cursor:pointer;font-size:40px;line-height:1;color:#FFFF;transition:.3s;z-index:9999}.unit-video-popup__close:hover{text-shadow:0 0 20px #FFF}.unit-video-popup__content{padding-top:50px;text-align:center;font-size:0}.unit-video-popup__content video,.unit-video-popup__content iframe{max-width:calc(100vw - 20px);max-height:calc(100vh - 80px);display:inline-block;border:0;outline:0}.unit-video-popup__content iframe{width:80vw;height:80vw}@media(max-width:768px){.unit-video-popup__content iframe{width:90vw}}@media(min-width:1200px){.unit-video-popup__content video{max-width:1200px}}.drawer-mask{z-index:999;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.5);opacity:0;transition:opacity .3s;pointer-events:auto;display:none}.drawer-mask.active{display:block;opacity:1}.drawer-container{z-index:999;position:fixed;bottom:0;transform:translateY(70vh);width:100%;height:70vh;background:white;box-shadow:-2px 0 8px rgba(0,0,0,0.15);transition:transform .3s ease-in-out;pointer-events:none}.drawer-container.active{transform:translateY(0);pointer-events:auto}.drawer-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f0}.drawer-title{font-size:18px;font-weight:500;padding:15px}.drawer-close-btn{font-size:20px;color:#888;height:40px;line-height:38px;text-align:center;padding-right:15px;padding-left:15px}.drawer-content{padding:15px;overflow-x:hidden;overflow-y:scroll;max-height:calc(100% - 58px);padding-right:12px}.drawer-content::-webkit-scrollbar{width:3px}.drawer-content::-webkit-scrollbar-track{background:#fff} </style>
  <!--
  <link rel="preload" async href="/assets/plugins/swiper.simple.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
  <link rel="preload" async href="/assets/plugins/iconfont.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
  -->
  <!--
  <link rel="preload" async href="/assets/css/interactive.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
  -->
  <style>form label{margin-bottom:0}.unit-form .dropdown-item{white-space:break-spaces;word-break:break-word}[form-style] .form-control,[form-style] .dropdown-menu,[form-style] .dropdown-item,[form-style] .dropdown-item.active,[form-style] .dropdown-item:active{color:unset;font-size:unset}.unit-form__select-box:after{content:"\e65c";font-family:iconfont;color:#000;position:absolute;right:var(--x);top:2px;padding-top:var(--y);pointer-events:none}[form-style] .unit-form__select-box:after{color:inherit}.unit-form .unit-form__select-options{width:100%;box-shadow:0 0 20px rgba(0,0,0,0.1);border-radius:0;border:solid 1px rgba(0,0,0,0.1);background-color:#f5f5f5}.unit-form .unit-form__select-option:active,.unit-form .unit-form__select-option:hover{background-color:rgba(0,0,0,0.15)}.unit-form .unit-form__select-option{min-height:32px}form .dropdown{position:relative}form .unit-form__select-box{flex-grow:1}.unit-form__checkbox img{position:relative;--loading-size:1rem;--loading-bg:rgba(245,245,245,1)}.unit-form__checkbox img.loading:before{background:var(--loading-bg);position:absolute;width:100%;height:100%;top:0;left:0}.unit-form__checkbox img.img-error{opacity:0}.unit-form__checkbox-list{display:flex;flex-grow:1}.unit-form__checkbox-list-inner{display:flex;align-items:flex-start;justify-content:flex-start;flex-grow:1;flex-wrap:wrap;row-gap:10px}.unit-form__item{display:flex}.unit-form__item.unit-form__item-submit{display:block}.unit-form__item-inner{flex-grow:1}.checkbox-use-img .unit-form__checkbox-label{padding-top:8px;text-align:center;display:flex;flex-direction:row}.unit-form__checkbox-label{text-align:left}.unit-form__checkbox-inner{margin:0;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start}form .unit-form__checkbox-list.unit-form__control,form .unit-form__checkbox-list.unit-form__control ~ .unit-form__label{padding-top:var(--y);padding-bottom:var(--y)}form .unit-form__checkbox-list.unit-form__control:not(.checkbox-use-img) .unit-form__checkbox-list-inner{padding-top:calc(var(--y) + 15px)}form .unit-form__checkbox-list.unit-form__control.checkbox-use-img .unit-form__checkbox-list-inner{padding-top:calc(var(--y) + 15px)}.checkbox-use-img .unit-form__checkbox-inner{flex-direction:column}.checkbox-use-img .unit-form__checkbox-input-box{width:100%}.checkbox-use-img .unit-form__checkbox-inner>.unit-form__checkbox-label{--label-shrink-width:26px;width:100%;white-space:pre-wrap;overflow-wrap:break-word}.checkbox-use-img .unit-form__checkbox-inner>.unit-form__checkbox-label>.label-shrink{width:var(--label-shrink-width)}.checkbox-use-img .unit-form__checkbox-inner>.unit-form__checkbox-label>.label-content{flex-grow:1}.checkbox-use-img .unit-form__checkbox .label-content{width:calc(100% - var(--label-shrink-width));text-align:center;display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.unit-form__checkbox-list .unit-form__checkbox{padding-left:0;padding-right:0}.unit-form__checkbox-input-box{margin:0}.unit-form__checkbox-inner>.unit-form__checkbox-input-box{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.unit-form__checkbox{display:flex;cursor:pointer;align-items:center;justify-content:flex-start}.checkbox-use-img .unit-form__checkbox-inner{min-width:116px;max-width:118px}.unit-form__checkbox .custom-checkbox{width:18px;height:18px;position:relative;margin:2px 8px 0 0;background:#f5f5f5;display:inline-flex;align-items:center;justify-content:center;border:solid 1px rgba(0,0,0,.1);border-radius:4px;overflow:hidden;flex-shrink:0}.unit-form__checkbox .custom-checkbox input[type="checkbox"]{opacity:0}.unit-form__checkbox img{width:90px;height:90px;object-fit:cover;display:block}.unit-form__checkbox input[type="checkbox"] ~ .checked{display:none;background:var(--main-color);color:#f5f5f5;font-size:10px;line-height:16px;font-weight:lighter;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;vertical-align:middle}.unit-form__checkbox input[type="checkbox"]:checked ~ .checked{display:block}[checkbox-style="2"] .unit-form__checkbox img{width:36px;height:36px;margin-right:10px}[checkbox-style="2"] .unit-form__checkbox-label{padding-top:0}[checkbox-style="2"] .unit-form__checkbox-inner{min-width:unset;max-width:unset}[checkbox-style="2"].checkbox-use-img .unit-form__checkbox-inner>.unit-form__checkbox-input-box{align-items:flex-start}[checkbox-style="2"].checkbox-use-img .unit-form__checkbox .label-content{text-align:left;align-self:center}[checkbox-style="2"] .unit-form__checkbox .label-content{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.unit-form{overflow:hidden}[header-cart]{position:relative}[header-cart][hide]{display:none}[header-quantity]{position:absolute;top:0;left:0;transform:translate(50%,-50%);padding:3px 5px;font-size:12px;border-radius:12px}[header-cart]:hover{color:var(--font-active)}.unit-header-title{display:none}@media(min-width:1200px){.unit-header-title{display:inline}[header-quantity]{left:1.3em;transform:translate(25%,-50%)}}.unit-header-language img:not([src]){opacity:0}.unit-header-language{position:relative;cursor:pointer;--font-active:var(--main-color)}.unit-header-language__item:hover,.unit-header-language__title:hover{color:var(--font-active)}.unit-header-language__title{display:flex;align-items:center}.unit-header-language__text{padding-left:5px}.unit-header-language__items{height:0;opacity:0;transition:all .3s;position:absolute;top:calc(100% + 0);right:0;z-index:100;border-radius:8px;min-width:100%;width:180px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);max-height:60vh;overflow-y:auto;padding:15px}.unit-header-language .unit-header-language__items{padding:0}.unit-header-language .unit-header-language__items.is-language-code{height:auto;opacity:1;padding:15px}.unit-header-language__item{color:#333}.unit-header-language__item:not(:last-child){padding-bottom:15px}.unit-header-language__item img{width:34px}.unit-header-language .flag-icon{--flag-scale:.68;--flag-height:21}.unit-header-language__item a{display:flex;align-items:center}.unit-header-language__item .unit-header-language__item--title{padding-left:8px}[design-mode] .unit-header-language:hover .unit-header-language__items{height:0;opacity:0}.unit-header-language__modal .modal__inner-lg{width:930px}.unit-header-language__modal .modal__title{font-size:18px;font-weight:bold;color:#202223;line-height:25px}.unit-header-language__modal .modal__title .modal__close{top:12px}.unit-header-language__modal .modal__body{padding:0}.unit-header-language__modal .unit-region-language__list.unit-region-language__list-by-continent{padding-top:14px}.unit-header-language__modal .unit-region-language__title{font-size:16px;font-weight:400;color:#202223;line-height:22px;padding-left:24px}.unit-header-language__modal .unit-header-language__items{max-height:unset;display:grid;position:unset;opacity:1;height:auto;box-shadow:unset;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-row-gap:16px;justify-content:space-evenly;justify-items:center;padding:8px}.unit-header-language__modal .unit-region-language__list-by-continent .unit-header-language__items{margin-top:-4px}.unit-header-language__modal .unit-header-language__item a{width:122px;height:122px;border-radius:8px;border:1px solid #eceeef;display:flex;flex-flow:column;align-items:center;justify-content:center;transition:all .2s}.unit-header-language__modal .unit-header-language__item a:hover{text-decoration:underline;opacity:1;background:#fff;border-color:#fff;box-shadow:0 1px 15px #ddd}.unit-header-language__modal .unit-header-language__item a img{width:50px;height:auto;display:block}.unit-header-language__modal .unit-header-language__item a .unit-header-language__item--title,.unit-header-language__modal .unit-header-language__item a .unit-header-language__item--code{font-size:14px;font-weight:500;color:#6d7175;line-height:20px;padding-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:center}.unit-header-language__modal .modal__footer-inner{justify-content:center;font-size:14px;color:#202223;line-height:20px}.unit-header-login__box{position:relative;cursor:pointer}.unit-header-login__box::after{content:'';display:block;position:absolute;top:0;padding:20px 10px}.unit-header-login__login-list{display:flex;flex-direction:column;height:0;opacity:0;transition:all .3s;position:absolute;top:130%;right:-10px;z-index:100;border-radius:5px;min-width:100%;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);max-height:60vh;overflow-y:auto}.unit-header-login__box:hover .unit-header-login__login-list{height:auto;opacity:1}.unit-header-login__login-list .unit-header-login__login-item{text-transform:initial;padding-bottom:10px;padding-left:10px;padding-right:10px;white-space:nowrap;font-size:14px;color:#666;text-align:center;min-width:100px;text-transform:capitalize}.unit-header-login__login-item:first-child{padding-top:10px}.unit-header-login__login-item:hover{color:var(--font-active)}.unit-header-login__box:hover{color:var(--font-active)}.unit-header-login__login-item.arrow::before{content:'\e859';font-family:iconfont;display:inline-block;transform:rotate(-90deg)}[design-mode] .unit-header-login__box:hover .unit-header-login__login-list{height:0;opacity:0}.unit-header-menu__box [firstMenu],.unit-header-menu__box [subMenu]{font-size:16px}.unit-header-menu__switch{cursor:pointer}.unit-header-menu__box{--header-color:#333;--header-bg:#fff;color:var(--header-color);position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;transform:translateX(100%);transition:all .3s;z-index:9999;background-color:var(--header-bg)}.unit-header-menu__box.show{transform:translateX(0);overflow:initial}.unit-header-menu__box-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 20px}.unit-header-menu__box .unit-logo_image{height:40px}.unit-header-menu__close{background-color:rgba(0,0,0,.1);border-radius:50%;overflow:hidden;font-size:12px;font-weight:500;width:30px;height:30px;line-height:30px;text-align:center}.unit-header-menu__box-body{padding:10px 0}.unit-header-menu__search{margin-bottom:10px;padding:0 20px}.unit-header-menu__search-box{border-radius:28px;border:1px solid #e4e4e4;display:flex;align-items:center;overflow:hidden}.unit-header-menu__search-btn{padding:0 10px}.unit-header-menu__search-btn .iconfont{font-size:24px}.unit-header-menu__search-input{flex:1;border:0;font-size:1.2em;padding-right:10px;background-color:transparent;color:inherit}.unit-header-menu__search-input:focus-visible{outline:0}.unit-header-menu__nav{height:calc(100vh - 184px);width:100%;overflow-y:auto;overflow-x:hidden}.unit-header-menu__nav__item-link{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.06);padding-bottom:10px}.unit-header-menu__nav__item-link.active{color:var(--font-active) !important}.unit-header-menu__nav__item-link .iconfont{font-size:14px;order:2}.unit-header-menu__nav__item-link>div{order:1}.unit-header-menu__nav__item-drop{transform:rotate(-90deg);position:relative;color:var(--header-color)}.unit-header-menu__nav__item-drop::after{content:"";display:block;padding:15px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.unit-header-menu__nav__item-drop.active{transform:rotate(0)}.unit-header-menu__nav__item-link.active .unit-header-menu__nav__item-drop{color:inherit}.unit-header-menu__nav-item{padding:0 20px 10px;color:var(--header-color)}.unit-header-menu__nav__item-son,.unit-header-menu__nav__item-grandson,.unit-header-menu__nav__item-grateson{padding-top:10px;color:var(--header-color)}.unit-header-menu__nav__item-content,.unit-header-menu__nav__item-son-content,.unit-header-menu__nav__item-son-content{height:0;opacity:0;overflow:hidden;transition:height .3s ease-in-out,opacity .3s ease-in-out;padding:0 15px;padding-right:0}.unit-header-menu__nav__item-content.show{height:auto;opacity:1;overflow:initial}.unit-header-menu__nav__item-son-content.show{height:auto;opacity:1;overflow:initial}.bubble-tag{margin-right:35px;display:inline-flex}.unit-header-menu__box-list{width:100%;display:flex;flex-wrap:wrap;padding:15px 0}.unit-header-menu__box-item{flex:1;position:relative;font-size:16px}.unit-header-menu__box-item:not(:last-child)::after{content:'';height:8px;width:1px;background-color:#d1d1d1;display:block;position:absolute;top:50%;right:0;transform:translateY(-50%)}.unit-header-menu__language,.unit-header-menu__login{display:flex;justify-content:center;align-items:center}.unit-header-menu-login__box{position:relative}.unit-header-menu-login__list{display:none;position:absolute;bottom:120%;left:0;background:#fff;min-width:100px;border-radius:4px;border:1px solid #ebeef5;padding:12px;color:#606266;z-index:200;line-height:1.4;text-align:justify;font-size:14px;box-shadow:0 2px 12px 0 rgb(0 0 0 / 10%);word-break:break-all}.unit-header-menu-login__list.show{display:block}.unit-header-menu-login__list::after{content:"";position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;bottom:-6px;left:50%;transform:translateX(-50%);margin-right:3px;border-top-color:#ffff;border-width:6px;border-bottom-width:0;filter:drop-shadow(0 2px 12px rgba(0,0,0,.03))}.unit-header-menu-login__item{display:block;padding:5px 0}.unit-header-menu-login__item.item-is__hidden{display:none}.unit-header-menu__nav_name,.unit-header-menu__nav-list_name,.unit-header-menu__nav-list_son_name{position:relative;word-break:break-word}.unit-header-menu__nav_bubble{position:absolute;right:-2px;transform:translate(100%,-30%);padding:0 3px;border-radius:4px;font-size:12px;color:#fff;background:#ff961e}[package-block-type="header"]{--header-bg:#fff}.unit-header-nav{position:relative;--swiper-navigation-size:18px}.unit-header-nav .swiper-scrollbar{background:0}.unit-header-nav .swiper-button-prev{left:auto;margin-left:-15px;color:inherit;display:none}.unit-header-nav .swiper-button-next{right:0;margin-right:-15px;color:inherit;display:none}.unit-header-nav .swiper-button-prev[aria-disabled='false'],.unit-header-nav .swiper-button-next[aria-disabled='false']{display:flex}[firstMenu]{font-size:16px}[subMenu]{font-size:14px;--header-bg-fixed:#fff;--header-bg:#fff;color:#333}.unit-header-nav__item{width:auto;padding:14px 15px;display:flex;align-items:center}.has-bubble{padding-right:30px}.unit-header-nav__item-link{display:inline-flex;align-items:center}.unit-header-nav__item-link:hover,.unit-nav-flat_a:hover,.unit-header-nav__item-link.active,.unit-nav-flat_a.active{color:var(--font-active) !important}.unit-header-nav__item-content{display:none}.unit-header-nav__item-sub-content{position:absolute;top:0;left:100%;height:0;background-color:var(--header-bg);border-radius:5px;opacity:0;transition:height .3s,opacity .3s;overflow:hidden}.unit-header-nav__item-sub-content.show{opacity:1;width:auto;height:auto;overflow:initial}.unit-header-nav__subNav.show_right .unit-header-nav__item-sub-content{left:auto;right:100%}.unit-header-nav__item-son,.unit-header-nav__item-grandson,.unit-header-nav__item-grateson{position:relative;padding:18px 12px 0}.unit-header-nav__item-drop{transition:transform .3s}.unit-header-nav__item-son:hover>a .unit-header-nav__item-drop,.unit-header-nav__item-grandson:hover>a .unit-header-nav__item-drop,.unit-header-nav__item-grandson-tile:hover .unit-header-nav__item-drop,.unit-header-nav__item-grandson-tile.active .unit-header-nav__item-drop{transform:rotate(-90deg)}.unit-header-nav__item-son:last-child,.unit-header-nav__item-grandson:last-child,.unit-header-nav__item-grateson:last-child{padding-bottom:18px}.unit-nav_title{flex-grow:1}.unit-nav_name{position:sticky;display:inline-flex;max-width:360px;word-break:break-word}.unit-nav_text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}[submenu] .unit-nav_name{max-width:800px;white-space:nowrap;text-overflow:clip}[submenu] .unit-nav_text{max-width:800px;white-space:nowrap;text-overflow:clip}.unit-nav_img{width:60px;margin-right:5px}.unit-nav_img img{width:60px;max-width:inherit}.unit-nav_bubble{text-transform:lowercase;position:absolute;right:-2px;top:0;transform:translate(100%,-50%);padding:0 3px 3px;line-height:14px;border-radius:4px;font-size:12px;color:#fff;background:#ff961e}.unit-header-nav__subNav{height:0;opacity:0;overflow:hidden;transition:height .3s,opacity .3s;position:absolute;top:100%;left:0;z-index:10;background-color:var(--header-bg);border-radius:5px}.unit-header-nav__subNav.show{height:auto;opacity:1;overflow:initial}.unit-header-nav__subNav .unit-header-nav__item-link{display:flex;align-items:center;justify-content:space-between}.unit-header-nav__subNav[sub-menu-type="1"].show{min-height:40vh;max-height:70vh;overflow-y:scroll;background-clip:padding-box}.unit-nav-flat_container{display:flex;flex-flow:wrap;width:100%;padding-bottom:10px;padding-top:20px}.unit-header-nav-flat__item-son{width:calc(100% / var(--header-columns));display:flex;align-items:flex-start}.nav-item-img{text-align:right;margin-top:20px}.item-list-container{max-height:310px;overflow:hidden;width:100%;padding-top:20px}.right-container{width:100%;padding-bottom:10px;padding-right:0}.unit-nav-flat_img{width:100%;max-width:140px}.unit-nav-flat_name{font-weight:bold;display:block}.unit-nav-flat_name,.unit-nav-flat_son_name{position:sticky;display:inline-block}.unit-nav-flat_more{position:relative;right:0;top:93%;cursor:pointer;font-weight:700;color:#000;display:inline-block;transform:rotate(0);visibility:hidden}.unit-nav-flat_more.show{transform:rotate(180deg)}.unit-nav-flat_dropdown{position:absolute;background-color:var(--header-bg);border-radius:5px;transition:height .3s,opacity .3s;box-shadow:1px 1px 3px 0 rgb(0 0 0 / 20%);opacity:0;display:none}.unit-nav-flat_dropdown.show{opacity:1;display:block}.bubble-tag{margin-right:35px}.unit-header-nav__item-grandson-tile{position:relative;padding:4px 0}.unit-nav-flat_dropdown .unit-header-nav__item-grateson{padding:8px 8px 0}.unit-nav-flat_dropdown .unit-header-nav__item-grateson:last-child{padding-bottom:8px}.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son-content::-webkit-scrollbar-track{background-color:var(--header-bg)}.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son-content::-webkit-scrollbar{width:5px}.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son-content::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.5)}.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .border-line{display:none;position:absolute;left:0;width:100%;z-index:2;height:1px;background:#eee}.unit-header-nav__subNav-flattwo[sub-menu-type="2"].show{opacity:1;max-height:1000px}.unit-header-nav__subNav-flattwo[sub-menu-type="2"]{opacity:0;max-height:0;transition-property:height,opacity,max-height;transition-duration:300ms;transition-delay:50ms;transition-timing-function:ease-in-out}.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flattwo_container{display:flex;align-items:center;justify-content:space-between;background-color:var(--header-bg);position:relative}.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flattwo_body{display:flex;align-items:center;flex-wrap:wrap;margin:0 -15px}.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son{cursor:pointer;padding:0 15px}.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son>a{font-weight:400;line-height:60px;display:flex;align-items:center}.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son>a .unit-header-nav__item-drop{transition-property:transform;transition-duration:150ms;transition-timing-function:ease-in-out;padding-right:.25rem}.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flat_name,.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flat_son_name{font-weight:400;margin-right:0;display:flex;align-items:center}.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flat_name .unit-nav_bubble,.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flat_son_name .unit-nav_bubble{position:unset;transform:translate(0);margin-left:.25rem}.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son-content{background-color:var(--header-bg);cursor:default;width:100%;overflow-x:hidden;overflow-y:scroll;position:absolute;left:0;z-index:1;max-height:70vh;border-top:1px solid #EEE;display:none}.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son-content .flattwo-son-content_container{padding:40px 0}.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son-content .unit-nav-flat_son_name{margin-right:0}.flattwo-item-son_links{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start}.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flat_a{font-size:inherit}.flattwo-item-son_links .link-column-header a .unit-nav_text{font-weight:700}.flattwo-item-son_links_container .flattwo-item-son_links_column{display:flex;flex-wrap:wrap;flex-direction:row;align-content:flex-start;margin:0 -30px}.flattwo-item-son_links_column>div{width:calc(100% / var(--header-columns));gap:15px;padding:0 30px}.unit-nav-flattwo_grandson{display:inline-flex;flex-direction:column;gap:15px}.unit-nav-flattwo_grandson a:hover .special-tex{text-decoration:underline}.flattwo-item-son_tile-container{display:flex;flex-wrap:wrap;gap:40px;row-gap:20px}.flattwo-item-son_tile-container .flattwo-item-son_tile{display:inline-block;min-width:150px;max-width:50%}.flattwo-item-son_tile-container .flattwo-item-son_tile a{cursor:pointer;display:flex;flex-direction:column;gap:6px;text-align:left;line-height:inherit}.flattwo-item-son_tile-container .flattwo-item-son_tile a.no-cursor{cursor:unset}.flattwo-item-son_tile-container .flattwo-item-son_tile a:not(.jump-a):hover{text-decoration:underline}.flattwo-item-son_tile-container .flattwo-item-son_tile img.flattwo-item-son_tile-img{display:block;width:100%}.flattwo-item-son_tile-container .flattwo-item-son_tile .flattwo-item-son_tile-caption{display:inline-flex;align-items:center;gap:10px;font-weight:bold}.flattwo-item-son_tile-container .flattwo-item-son_tile .flattwo-item-son_tile-caption .special-tex{word-break:break-all}.flattwo-item-son_tile-container .flattwo-item-son_tile a:not(.no-cursor) .special-tex{text-decoration:underline}.flattwo-item-son_tile-container .flattwo-item-son_tile img{max-height:200px}.flattwo-item-son_bottom{margin-top:32px}.flattwo-item-son_bottom a{display:inline-flex;gap:10px;align-items:center;font-weight:bold;font-size:14px}.flattwo-item-son_bottom a:hover .special-tex{text-decoration:underline}.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son:hover>a{font-weight:bold;box-shadow:0 -2px 0 0 var(--main-color) inset}.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son:hover>a .unit-header-nav__item-drop{transform:rotate(180deg)}.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son:hover .unit-header-nav-flattwo_item-son-content{display:block}.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son:hover .border-line{display:block}.unit-header-nav .unit-header-nav__item.is-active{background-color:var(--first-header-bg)}[package-type="header"] [package-type="header-nav"]{padding:0}.unit-header-nav__item.is-active>a .unit-header-nav__item-drop{transform:rotateX(180deg)}@-moz-document url-prefix(){.unit-header-nav__item-grandson-tile{position:relative;padding:8px 0 4px}}.mobile_menu_overlay{background:rgba(46,45,43,0.8);z-index:8;left:0;right:0;overflow:hidden;position:absolute;top:0;bottom:0;width:100%;height:100%;display:none}.unit-header-search{position:relative}.unit-header-search:hover{color:var(--font-active)}.unit-header-search__box{display:flex}.unit-header-search__box.reverse{flex-direction:row-reverse}.unit-header-search__input{border-color:rgba(0,0,0,.1);outline:0;box-shadow:none;display:none}.unit-header-search__input:focus{outline:0;box-shadow:none}.unit-header-search__btn{cursor:pointer}.unit-header-search__btn .iconfont{font-size:inherit}.unit-header-search__btn,.unit-header-search__input{padding:.4rem .8rem;border-radius:.3rem}.unit-header-search__box:not([group]) .unit-header-search__btn{padding:0}[group] .unit-header-search__input{display:block;border:1px solid #dcdfe6}[group] .unit-header-search__input:focus{border-color:var(--font-active)}[group] .unit-header-search__btn{background-color:var(--font-active);color:#fff}[group]:not(.reverse) .unit-header-search__btn{border-top-left-radius:0;border-bottom-left-radius:0}[group]:not(.reverse) .unit-header-search__input{border-top-right-radius:0;border-bottom-right-radius:0}[group].reverse .unit-header-search__btn{border-top-right-radius:0;border-bottom-right-radius:0}[group].reverse .form-control{border-top-left-radius:0;border-bottom-left-radius:0}.unit-header-search__modal{color:#333;position:absolute;top:100%;left:0;background-color:#fff;box-shadow:0 0 20px rgb(0 0 0 / 10%);z-index:11;height:0;opacity:0;overflow:hidden;transition:height .3s,opacity .3s}.unit-header-search__modal.show{height:auto;opacity:1;overflow:initial}.unit-header-search__content{display:flex;align-items:center;padding:8px 15px;border-radius:24px;border:1px solid #e5e5e5;width:calc(100% - 20px);margin:15px auto;height:38px}.unit-header-search__modal-btn{font-weight:700;opacity:.8;cursor:pointer}.unit-header-search__modal-input{font-size:14px;padding-left:0;border:0}.unit-header-search__modal-input:focus{box-shadow:none;outline:0}.unit-header-search__modal-close{font-weight:300;opacity:.3;cursor:pointer;transition:all .3s}.unit-header-search__modal-close:hover{opacity:1}.search-mask{position:fixed;top:0;left:0;width:0;height:0;z-index:99}.search-mask-body{width:100vw;height:calc(100vh - var(--SAIB));background-color:rgba(0,0,0,.45);transition:opacity .2s;opacity:0;visibility:hidden}.search-mask-body.show{visibility:visible;opacity:1}.unit-header-search__modal-box{position:absolute;width:100%;z-index:10}.unit-header-search__modal-box .unit-header-search__modal{position:unset;padding:15px 0;box-shadow:unset;border-top:1px solid #e8e8e8}.unit-header-search__modal-box .unit-header-search__modal .unit-header-search__content{margin:0 auto}.unit-header-search__modal-box .unit-header-search__modal-input::-webkit-input-placeholder{color:#929292}@media(min-width:1024px){.unit-header-search__content{width:800px;margin:40px auto;height:48px}.unit-header-search__modal-box .unit-header-search__modal{padding:40px 0}}a.unit-image--zoom{cursor:zoom-in}.image-zoom-box{cursor:default !important;display:none;position:fixed;width:100vw;height:100vh;overflow-y:auto;top:0;left:0;z-index:999999999;background:rgba(0,0,0,0.8);justify-content:center;align-items:center}.image-zoom-box{--swiper-navigation-size:14px}.image-zoom-box .zoom-container{width:100%;height:100%;position:relative;display:none}.image-zoom-box .zoom-box__close{position:absolute;right:50px;top:50px;color:#fff;height:20px;line-height:20px;cursor:pointer;z-index:100}.image-zoom-box .zoom-box__close .icon-action-close-2{font-size:20px}.image-zoom-box .swiper-container{width:100%;height:100%}.image-zoom-box .swiper-slide{text-align:center;font-size:18px;display:flex;justify-content:center;align-items:center;position:relative}.image-zoom-box .swiper-lazy-preloader{border-color:#fff}.image-zoom-box .zoom-pic{display:flex;justify-content:center;align-items:center;position:relative}.image-zoom-box .zoom-title{position:absolute;bottom:0;text-align:center;padding:10px;background:rgba(0,0,0,.2);font-size:18px;color:#fff;width:100%}.image-zoom-box .zoom-title-wrapper{display:inline-block;text-align:left;max-width:100%;word-wrap:break-word}.image-zoom-box .swiper-slide img{display:block;max-width:80vw;max-height:80vh;min-width:20vw;min-height:20vh}.image-zoom-box .swiper-pagination-fraction{top:50px;left:50px;width:64px;height:32px;background:rgba(0,0,0,.2);line-height:32px;font-size:16px;font-weight:400;color:#fff}.image-zoom-box .swiper-button-next,.image-zoom-box .swiper-button-prev{color:#fff;background:rgba(204,204,204,.5);padding:20px;border-radius:100%}.image-zoom-box .swiper-button-prev{left:50px}.image-zoom-box .swiper-button-next{right:50px}@media(max-width:600px){.image-zoom-box .zoom-box__close{right:20px;top:20px}.image-zoom-box .swiper-pagination-fraction{top:20px;left:20px;font-size:14px}.image-zoom-box .swiper-button-prev{left:20px;bottom:20px;top:auto}.image-zoom-box .swiper-button-next{right:20px;bottom:20px;top:auto}.image-zoom-box .zoom-title-wrapper{font-size:14px}}.inquiry-modal .modal__inner-lg{width:80%}.inquiry-modal .modal__footer{display:none}.inquiry-modal .unit-inquire-lists{height:auto;max-height:400px}.inquiry-modal .modal__title,.inquiry-modal .custom-control-label{text-transform:capitalize}.unit-list__date{display:flex;flex-wrap:nowrap;opacity:.5;font-size:14px}.unit-list__date-split::before{content:'-';padding:0 1px}.nav{justify-content:center}.nav-item{cursor:pointer}.unit-list .tab-content{padding-top:10px}a.unit-list__image--zoom{cursor:zoom-in}.list-zoom-box{cursor:default !important;display:none;position:fixed;width:100vw;height:100vh;overflow-y:auto;top:0;left:0;z-index:999999999;background:rgba(0,0,0,0.8);justify-content:center;align-items:center}.list-zoom-box{--swiper-navigation-size:14px}.list-zoom-box .zoom-container{width:100%;height:100%;position:relative;display:none}.list-zoom-box .zoom-box__close{position:absolute;right:50px;top:50px;color:#fff;height:20px;line-height:20px;cursor:pointer;z-index:100}.list-zoom-box .zoom-box__close .icon-action-close-2{font-size:20px}.list-zoom-box .swiper-container{width:100%;height:100%}.list-zoom-box .swiper-slide{text-align:center;font-size:18px;display:flex;justify-content:center;align-items:center;position:relative}.list-zoom-box .swiper-lazy-preloader{border-color:#fff}.list-zoom-box .zoom-pic{display:flex;justify-content:center;align-items:center;position:relative}.list-zoom-box .zoom-title{position:absolute;bottom:0;text-align:center;padding:10px;background:rgba(0,0,0,.5);font-size:18px;color:#fff;width:100%}.list-zoom-box .zoom-title-wrapper{display:inline-block;text-align:left;max-width:100%;word-wrap:break-word}.list-zoom-box .swiper-slide img{display:block;max-width:80vw;max-height:80vh;min-width:20vw;min-height:20vh}.list-zoom-box .swiper-pagination-fraction{top:50px;left:50px;width:64px;height:32px;background:rgba(0,0,0,.2);line-height:32px;font-size:16px;font-weight:400;color:#fff}.list-zoom-box .swiper-button-next,.list-zoom-box .swiper-button-prev{color:#fff;background:rgba(204,204,204,.5);padding:20px;border-radius:100%}.list-zoom-box .swiper-button-prev{left:50px}.list-zoom-box .swiper-button-next{right:50px}@media(max-width:600px){.list-zoom-box .zoom-box__close{right:20px;top:20px}.list-zoom-box .swiper-pagination-fraction{top:20px;left:20px;font-size:14px}.list-zoom-box .swiper-button-prev{left:20px;bottom:20px;top:auto}.list-zoom-box .swiper-button-next{right:20px;bottom:20px;top:auto}.list-zoom-box .zoom-title-wrapper{font-size:14px}}@media(max-width:768px){.inquiry-modal{padding:0;align-items:flex-end;padding-bottom:var(--SAIB)}.inquiry-modal .modal__inner{max-height:85%;width:100%}.inquiry-modal .modal__footer-inner{display:flex;align-items:center}.inquiry-modal .modal__footer-btn{flex:1}.inquiry-modal .modal__footer-inner .btn{width:100%;border-radius:20px}.inquiry-modal .btn-primary{background:linear-gradient(135deg,#ff7e00 0,#ff532c 100%);border:0}.inquiry-modal .btn{height:40px}.inquiry-modal .modal__footer{padding-bottom:calc(10px + var(--SAIB));display:block}.inquiry-modal .unit-form__item-submit{display:none}.inquiry-modal-inner .py-4{padding-top:10px !important;padding-bottom:10px !important}}.resize-container .unit-list__item:first-child{position:absolute;z-index:1}.resize-container img[data-hidden]{display:block;margin-bottom:auto}.resize-container[direction="y"] .unit-list__item-inner{height:auto !important}.unit-list__split-line{width:1px;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:1;cursor:e-resize}.resize-container[direction="y"] .unit-list__split-line{width:100%;height:1px;left:0;top:50%;transform:translateY(-50%);cursor:n-resize}.unit-list__dragger{width:40px;height:40px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.unit-list__icon-resize{line-height:40px;font-size:8px}.resize-container[direction="y"] .unit-list__split-line .unit-list__icon-resize::before{display:block;transform:rotate(90deg)}.align-start{align-self:flex-start}.align-end{align-self:flex-end}.swiper-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(50%,1fr))}.swiper-grid .unit-list__item{max-width:unset}.swiper-grid .unit-list__a,.swiper-grid .unit-list__item-inner{height:100%}@media(max-width:767px){.gcol-12{grid-template-columns:repeat(1,minmax(0,1fr))}.gcol-6{grid-template-columns:repeat(2,minmax(0,1fr))}.gcol-4{grid-template-columns:repeat(3,minmax(0,1fr))}.gcol-3{grid-template-columns:repeat(4,minmax(0,1fr))}.gcol-2_4{grid-template-columns:repeat(5,minmax(0,1fr))}.gcol-2{grid-template-columns:repeat(6,minmax(0,1fr))}.gcol-12_7{grid-template-columns:repeat(7,minmax(0,1fr))}.gcol-12_8{grid-template-columns:repeat(8,minmax(0,1fr))}.gcol-12_9{grid-template-columns:repeat(9,minmax(0,1fr))}.gcol-12_10{grid-template-columns:repeat(10,minmax(0,1fr))}.gcol-12_11{grid-template-columns:repeat(11,minmax(0,1fr))}.gcol-1{grid-template-columns:repeat(12,minmax(0,1fr))}}@media(min-width:768px) and (max-width:1199px){.gcol-md-12{grid-template-columns:repeat(1,minmax(0,1fr))}.gcol-md-6{grid-template-columns:repeat(2,minmax(0,1fr))}.gcol-md-4{grid-template-columns:repeat(3,minmax(0,1fr))}.gcol-md-3{grid-template-columns:repeat(4,minmax(0,1fr))}.gcol-md-2_4{grid-template-columns:repeat(5,minmax(0,1fr))}.gcol-md-2{grid-template-columns:repeat(6,minmax(0,1fr))}.gcol-md-12_7{grid-template-columns:repeat(7,minmax(0,1fr))}.gcol-md-12_8{grid-template-columns:repeat(8,minmax(0,1fr))}.gcol-md-12_9{grid-template-columns:repeat(9,minmax(0,1fr))}.gcol-md-12_10{grid-template-columns:repeat(10,minmax(0,1fr))}.gcol-md-12_11{grid-template-columns:repeat(11,minmax(0,1fr))}.gcol-md-1{grid-template-columns:repeat(12,minmax(0,1fr))}}@media(min-width:1200px){.gcol-xl-12{grid-template-columns:repeat(1,minmax(0,1fr))}.gcol-xl-6{grid-template-columns:repeat(2,minmax(0,1fr))}.gcol-xl-4{grid-template-columns:repeat(3,minmax(0,1fr))}.gcol-xl-3{grid-template-columns:repeat(4,minmax(0,1fr))}.gcol-xl-2_4{grid-template-columns:repeat(5,minmax(0,1fr))}.gcol-xl-2{grid-template-columns:repeat(6,minmax(0,1fr))}.gcol-xl-12_7{grid-template-columns:repeat(7,minmax(0,1fr))}.gcol-xl-12_8{grid-template-columns:repeat(8,minmax(0,1fr))}.gcol-xl-12_9{grid-template-columns:repeat(9,minmax(0,1fr))}.gcol-xl-12_10{grid-template-columns:repeat(10,minmax(0,1fr))}.gcol-xl-12_11{grid-template-columns:repeat(11,minmax(0,1fr))}.gcol-xl-1{grid-template-columns:repeat(12,minmax(0,1fr))}}.unit-list.is-swiper .swiper-wrapper{align-items:stretch}.unit-list.is-swiper .swiper-wrapper{align-items:stretch;height:100% !important}.align-start{align-self:flex-start}.align-end{align-self:flex-end}.is-swiper .unit-list__a,.is-swiper .unit-list__item-inner{height:100%}.unit-list.is-swiper .swiper-wrapper{align-items:stretch;height:100% !important}.is-swiper .unit-list__a,.is-swiper .unit-list__item-inner{height:100%}.unit-list-10{--border-color:#e4e4e4;--border-size:1px;background:transparent}.unit-list-10 .unit-list__item{padding:0;height:auto}.unit-list-10 .unit-list__item-inner{padding:3.75rem}.unit-list-10 .unit-list__content{padding:0}.unit-list-10 .unit-list__text{text-align:left;margin-top:1rem;line-height:1.36}.unit-list-10 .unit-list__text-inner{padding:0}.unit-list-10 .base-image__item{display:flex;justify-content:flex-start}.unit-list-10 .base-image__img{height:64px}.unit-list-10 .unit-list__description{margin:10px 0 0 0}.unit-list-10 .base-image__img{color:var(--main-color)}.unit-list-10 svg{fill:currentColor}.unit-list-10 .unit-list__items{margin:0}.unit-list-10 .unit-list__item .unit-list__item-inner{border:solid 1px var(--border-color);flex-direction:column !important}.unit-list__item-hover-linear{--flex-basis:initial;--flex-grow:initial;--flex-shrink:initial;flex-basis:var(--flex-basis);flex-grow:var(--flex-grow);flex-shrink:var(--flex-shrink)}@media(max-width:768px){.base-image__item[with-border="true"] .base-image__img{border:solid 1px transparent}}@media(max-width:1200px){.base-image__item[with-border-md="true"] .base-image__img{border:solid 1px transparent}}@media(min-width:1200px){.base-image__item[with-border-xl="true"] .base-image__img{border:solid 1px transparent}}.unit-list__item-hover-linear .unit-list__item-inner{position:relative;overflow:hidden}.unit-list__item-hover-linear{--hover-linear-bg-color:var(--main-color);--hover-linear-img-color:rgba(255,255,255,1);--hover-linear-font-color:rgba(255,255,255,1);transition:.6s all ease}.unit-list__item-hover-linear .unit-list__item-inner:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-size:210%;transition:.6s all ease;background-image:linear-gradient(to left,transparent 50%,var(--hover-linear-bg-color) 50%) !important;background-position-x:calc(100% + 1px)}.unit-list__item-hover-linear>.unit-list__a{flex:1}.unit-list__item-hover-linear .unit-list__text,.unit-list__item-hover-linear .unit-list__image{position:relative}.unit-list__item-hover-linear svg,.unit-list__item-hover-linear img,.unit-list__item-hover-linear .unit-list__text{transition:.6s ease-out}.unit-list__item-hover-linear:hover svg{fill:var(--hover-linear-img-color) !important;color:var(--hover-linear-img-color) !important}.unit-list__item-hover-linear:hover .unit-list__item-inner:before{background-position:left}.unit-list__item-hover-linear:hover .unit-list__title,.unit-list__item-hover-linear:hover .text_ellipsis,.unit-list__item-hover-linear:hover .unit-list__subtitle{color:var(--hover-linear-font-color) !important}.unit-list__item-hover-linear:hover{color:var(--hover-linear-font-color)}.hide-videotext .unit-list__text{opacity:0;display:none !important}.module-banner-3-unit-1 .padding-left-container-width{padding-left:calc(50vw - var(--container-width) / 2)}.module-banner-3-unit-1 .padding-right-container-width{padding-right:calc(50vw - var(--container-width) / 2)}.module-banner-4-unit-1 .padding-left-container-width{padding-left:calc(50vw - var(--container-width) / 2)}.module-banner-4-unit-1 .padding-right-container-width{padding-right:calc(50vw - var(--container-width) / 2)}@media(max-width:768px){.unit-list-10 .unit-list__item-inner{padding:2.5rem}}.module-banner-7-unit-1 .swiper-pagination-bullet::before{border-top-width:3px;width:0}.module-banner-7-unit-1 .swiper-pagination-bullet{width:8px;height:8px;box-shadow:unset}.module-banner-7-unit-1 .swiper-pagination-bullet-active{background:#fff}.module-irregular-5-unit-1 .swiper-pagination-bullet::before{border-top-width:3px;width:0}.module-irregular-5-unit-1 .swiper-pagination-bullet{width:8px;height:8px;box-shadow:unset}.module-irregular-5-unit-1 .swiper-pagination-bullet-active{background:#fff}.module-irregular-5-unit-1 .unit-list__text.unit-list__text--outside{transform:none !important;top:0 !important}@media(min-width:1200px){[composing-xl="image-left-alternate"][even-row="true"] .unit-list__item-inner,[composing-xl="image-right"] .unit-list__item-inner,[composing-xl="image-right-alternate"] .unit-list__item-inner{flex-direction:row-reverse !important}[composing-xl="image-left"] .unit-list__item-inner,[composing-xl="image-right-alternate"][even-row="true"] .unit-list__item-inner{flex-direction:row !important}}.unit-list__item-inner{--vw-scale:1}[point-content="1"] .unit-list__content{display:flex}[point-content="1"] .unit-list__description{margin-left:auto}[point-content="1"] .unit-list__content{align-items:flex-end}[point-content="1"] .unit-list__text-inner{width:100%}[point-content="1"] .unit-list__image{align-items:center}[point-content="1"] .unit-list__content{overflow:hidden}[point-content="1"] .unit-list__title,[point-content="1"] .unit-list__subtitle{max-width:100%}[point-content="1"] .unit-list__title .text_ellipsis{-webkit-line-clamp:1;white-space:nowrap;max-width:100%;text-overflow:ellipsis;overflow:hidden;display:block;text-align:left}[point-content="1"] .unit-list__description .text_ellipsis{padding-right:1px}[point-content="2"] .unit-list__content{display:flex;flex-wrap:wrap}[point-content="2"] .unit-list__subtitle{display:flex;align-items:end}[point-content="2"] .unit-list__image{align-items:center}[point-content="2"] .unit-list__description{width:100%}[point-content="2"] .unit-list__content{text-align:left}@media(min-width:1200px){[layout_superiority_xl='3'] .unit-list__image,[layout_superiority_xl='4'] .unit-list__image{width:100% !important;display:flex}[layout_superiority_xl='3'] .unit-list__text,[layout_superiority_xl='4'] .unit-list__text{width:100% !important}[layout_superiority_xl='1'] .unit-list__image,[layout_superiority_xl='2'] .unit-list__image{width:13%}[layout_superiority_xl='1'] .unit-list__text,[layout_superiority_xl='2'] .unit-list__text{width:87%}[point-content_xl="1"] .unit-list__content{display:flex}[point-content_xl="1"] .unit-list__description{margin-left:auto}[point-content_xl="1"] .unit-list__content{align-items:flex-end}[point-content_xl="1"] .unit-list__text-inner{width:100%}[point-content_xl="1"] .unit-list__image{align-items:center}[point-content_xl="1"] .unit-list__content{overflow:hidden}[point-content_xl="1"] .unit-list__title,[point-content_xl="1"] .unit-list__subtitle{max-width:100%}[point-content_xl="1"] .unit-list__title .text_ellipsis{-webkit-line-clamp:1;white-space:nowrap;max-width:100%;text-overflow:ellipsis;overflow:hidden;display:block;text-align:left}[point-content_xl="1"] .unit-list__description .text_ellipsis{padding-right:1px}[point-content_xl="2"] .unit-list__content{display:flex;flex-wrap:wrap}[point-content_xl="2"] .unit-list__subtitle{display:flex;align-items:end}[point-content_xl="2"] .unit-list__image{align-items:center}[point-content_xl="2"] .unit-list__description{width:100%}[point-content_xl="2"] .unit-list__content{text-align:left}}@media(min-width:767px) and (max-width:1199px){[layout_superiority_md='3'] .unit-list__image,[layout_superiority_md='4'] .unit-list__image{width:100% !important;display:flex}[layout_superiority_md='3'] .unit-list__text,[layout_superiority_md='4'] .unit-list__text{width:100% !important}[layout_superiority_md='1'] .unit-list__image,[layout_superiority_md='2'] .unit-list__image{width:13%}[layout_superiority_md='1'] .unit-list__text,[layout_superiority_md='2'] .unit-list__text{width:87%}[point-content_md="1"] .unit-list__content{display:flex}[point-content_md="1"] .unit-list__description{margin-left:auto}[point-content_md="1"] .unit-list__content{align-items:flex-end}[point-content_md="1"] .unit-list__text-inner{width:100%}[point-content_md="1"] .unit-list__image{align-items:center}[point-content_md="1"] .unit-list__content{overflow:hidden}[point-content_md="1"] .unit-list__title,[point-content_md="1"] .unit-list__subtitle{max-width:100%}[point-content_md="1"] .unit-list__title .text_ellipsis{-webkit-line-clamp:1;white-space:nowrap;max-width:100%;text-overflow:ellipsis;overflow:hidden;display:block;text-align:left}[point-content_md="1"] .unit-list__description .text_ellipsis{padding-right:1px}[point-content_md="2"] .unit-list__content{display:flex;flex-wrap:wrap}[point-content_md="2"] .unit-list__subtitle{display:flex;align-items:end}[point-content_md="2"] .unit-list__image{align-items:center}[point-content_md="2"] .unit-list__description{width:100%}[point-content_md="2"] .unit-list__content{text-align:left}}@media(max-width:766px){[layout_superiority_default='3'] .unit-list__image,[layout_superiority_default='4'] .unit-list__image{width:100% !important;display:flex}[layout_superiority_default='3'] .unit-list__text,[layout_superiority_default='4'] .unit-list__text{width:100% !important}[layout_superiority_default='1'] .unit-list__image,[layout_superiority_default='2'] .unit-list__image{width:13%}[layout_superiority_default='1'] .unit-list__text,[layout_superiority_default='2'] .unit-list__text{width:87%}[point-content_default="1"] .unit-list__content{display:flex}[point-content_default="1"] .unit-list__description{margin-left:auto}[point-content_default="1"] .unit-list__content{align-items:flex-end}[point-content_default="1"] .unit-list__text-inner{width:100%}[point-content_default="1"] .unit-list__image{align-items:center}[point-content_default="1"] .unit-list__content{overflow:hidden}[point-content_default="1"] .unit-list__title,[point-content_default="1"] .unit-list__subtitle{max-width:100%}[point-content_default="1"] .unit-list__title .text_ellipsis{-webkit-line-clamp:1;white-space:nowrap;max-width:100%;text-overflow:ellipsis;overflow:hidden;display:block;text-align:left}[point-content_default="1"] .unit-list__description .text_ellipsis{padding-right:1px}[point-content_default="2"] .unit-list__content{display:flex;flex-wrap:wrap}[point-content_default="2"] .unit-list__subtitle{display:flex;align-items:end}[point-content_default="2"] .unit-list__image{align-items:center}[point-content_default="2"] .unit-list__description{width:100%}[point-content_default="2"] .unit-list__content{text-align:left}}.unit-product-list__tabs .nav-item{margin:0 10px}.unit-content-list .unit-list__items{margin:-10px}.unit-content-list .unit-list__item{padding:10px}@media(min-width:768px){.unit-content-list .unit-list__items{margin:-0.4vw}.unit-content-list .unit-list__item{padding:.4vw}}.unit-content-list .unit-list__date{opacity:1}.unit-content-list .unit-list__tags{color:rgba(0,0,0,0.8);-webkit-line-clamp:1;white-space:nowrap;max-width:100%;text-overflow:ellipsis;overflow:hidden;display:block;text-align:left}.unit-content-list .unit-list__tag{margin-right:.5em}.unit-content-list .unit-list__subtitle,.unit-content-list .unit-list__description{opacity:1}.unit-content-list.is-swiper .unit-list__items{margin:0 !important}.unit-content-list.is-swiper .swiper-wrapper{align-items:stretch;height:100% !important}.unit-content-list.is-swiper .swiper-wrapper{padding-bottom:2vw}.unit-content-list.is-swiper .swiper-pagination{bottom:0}.unit-content-list.is-swiper .swiper-wrapper.no-swiper-pagination{padding-bottom:0 !important}@media(max-width:1200px){.unit-content-list.is-swiper .swiper-wrapper{padding-bottom:5vw}}.unit-content-list .tab-header .unit-product-list__tabs{justify-content:flex-start}.unit-content-list .more-content{display:none}.unit-content-list .more-content[show-read-more="0"]{display:block}.unit-content-list .content-set{display:flex;justify-content:space-between;align-items:center;padding:15px 0;flex-wrap:wrap;background-color:#fff;position:sticky;top:0;z-index:9}.unit-content-list .content-set .change-set{display:flex}.unit-content-list .content-set .change-set span{background:#f5f5f5;border-radius:8px;padding:10px 24px;font-size:14px;color:rgba(0,0,0,0.8);cursor:pointer}.unit-content-list .content-set .change-set span.active{background:var(--main-color);color:#fff}.unit-content-list .content-set .change-set span:not(:last-child){margin-right:10px}.unit-content-list .content-set .total{font-size:14px;color:#000000cc;padding-top:15px;display:none}.unit-content-list .unit-breadcrumb-content{margin:10px 0;display:none}@media(max-width:767px){.unit-content-list [show-read-more="5"],.unit-content-list [show-read-more="6"],.unit-content-list [show-read-more="7"]{display:block}.unit-content-list .tab-header{position:sticky;top:0;background:#fff;z-index:11}}@media(min-width:768px) and (max-width:1199px){.unit-content-list [show-read-more="3"],.unit-content-list [show-read-more="4"],.unit-content-list [show-read-more="7"]{display:block}}@media(min-width:1200px){.unit-content-list .content-set{padding-bottom:24px;padding-top:0;position:static}.unit-content-list .content-set .total{padding-top:0;display:block}.unit-content-list [show-read-more="2"],.unit-content-list [show-read-more="4"],.unit-content-list [show-read-more="6"]{display:block}.unit-content-list .unit-breadcrumb-content{margin:0 0 10px;display:block}.unit-content-list .more-inner{padding-top:20px !important}}.unit-content-list.scroll-list{padding-bottom:40px}.unit-content-list .unit-content-list_pagination{padding-top:10px}.unit-content-list .loading-inner{height:40px;position:absolute;left:50%}.unit-content-list .loading-inner .loading{height:100%}.unit-content-list .more-inner{padding-top:10px;text-align:center}.unit-content-list .more-inner .more-text{color:var(--main-color);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px}.unit-content-list .more-inner i{display:inline-block;transform:rotateY(180deg);padding-right:5px}.unit-content-list .put-away i{transform:rotateX(180deg);padding-left:5px;padding-right:0}.unit-content-list .hidden-load-item .load-item{display:none}.unit-content-list .unit-product-list__tabs .nav-item{margin:0;margin-right:10px}.unit-content-list .unit-product-list__tabs .nav-item:last-child{margin-right:0}.unit-content-list .unit-product-list__tabs .nav-item{background:#f1f1f1;border-radius:8px;padding:9px 18px;font-size:14px;color:rgba(0,0,0,0.8)}.unit-content-list .unit-product-list__tabs .nav-item.active{background:var(--main-color);color:#fff}.unit-content-list .unit-breadcrumb>.breadcrumb-item+.breadcrumb-item::before{content:"\e600";font-family:"iconfont" !important;transform:rotate(180deg);padding:0;color:inherit;display:flex;align-items:center}.unit-content-list .breadcrumb-item+.breadcrumb-item{padding:0;position:relative}.unit-content-list .unit-breadcrumb-content .unit-breadcrumb{padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:center}.unit-content-list .breadcrumb-item{display:flex}.unit-content-list .unit-breadcrumb>.unit-breadcrumb__item:not(:first-child) a{padding:0 5px}.unit-content-list .unit-breadcrumb>.unit-breadcrumb__item:first-child a{padding-right:5px;text-transform:capitalize}.unit-content-list .unit-list__count-wrap{display:flex;flex-wrap:wrap}.unit-content-list .unit-list__count-wrap .iconfont{font-size:inherit;opacity:.8}.unit-content-list .unit-list__count-split::before{content:'';padding:0 10px}.unit-content-list .unit-list__count-name{display:none}.module-content-detail-1-unit-3__wrapper .design-box .add-btn{display:none}.unit-social-list{display:grid;align-items:center;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.unit-social-list .bg-facebook{--social-icon:#3b5998}.unit-social-list .bg-youtube{--social-icon:red}.unit-social-list .bg-twitter{--social-icon:#000}.unit-social-list .bg-linkedin{--social-icon:#377ca5}.unit-social-list .bg-instagram{--social-icon:#be347f}.unit-social-list .bg-pinterest{--social-icon:#bc081c}.unit-social-list .bg-reddit{--social-icon:#ff4500}.unit-social-list .bg-skype{--social-icon:#00aff0}.unit-social-list .bg-telegram{--social-icon:#22a0d3}.unit-social-list .bg-tiktok{--social-icon:#010101}.unit-social-list .bg-tumblr{--social-icon:#35465e}.unit-social-list .bg-vk{--social-icon:#0189fd}.unit-social-list .bg-whatsapp{--social-icon:#42c655}.unit-social-list .bg-viber{--social-icon:#7b519f}.unit-social-list .bg-more{--social-icon:rgba(255,255,255,0.8)}.unit-social-list .unit-social-list__item{color:white;--social-icon-active:var(--social-icon);display:flex;flex-direction:column;align-items:center;padding:5px;justify-self:center}.unit-social-list .unit-social-list__more,.unit-social-list .unit-social-list__icon{width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;background-color:var(--social-icon);border-width:1px;border-style:solid;border-color:transparent}.unit-social-list .unit-social-list__more{color:#424344;border:1px solid #ebebeb;cursor:pointer;line-height:28px}.unit-social-list .unit-social-list__more:hover,.unit-social-list .unit-social-list__icon:hover{background-color:var(--social-icon-active)}.modal .unit-social-list__icon{border-radius:50%;width:50px;height:50px;line-height:50px}.modal .unit-social-list__icon .iconfont{font-size:22px}.new-modal-social .modal__inner{border-radius:8px}.new-modal-social .modal__inner .unit-social-list a:hover .unit-social-list__itemabox{background-color:#cbdffe;border-radius:8px}.new-modal-social .modal__footer{display:none}.new-modal-social .modal__inner-md{width:1080px}.new-modal-social .col-lg-2dot4{width:170px;padding:20px}.new-modal-social .unit-social-list__itemabox{height:130px;padding:20px;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;border:1px solid #eceeef;border-radius:8px}.new-modal-social .unit-social-list__title{margin-top:10px}.new-modal-social .unit-social-list__title{color:#212529}@media(max-width:1025px){.new-modal-social .modal__inner{width:705px}}@media(max-width:820px){.new-modal-social .modal__inner{width:695px}}@media(max-width:780px){.new-modal-social .modal__inner{width:664px}.unit-social-list{grid-template-columns:repeat(auto-fill,minmax(136px,1fr))}.new-modal-social .col-lg-2dot4{width:136px;padding:4px}}@media(max-width:420px){.new-modal-social .modal__inner{width:325px}}[data-type="Mail"] .unit-social-list__icon{background-color:gray !important}.unit-text__item{text-decoration:inherit}[package-type="copyright"] [package-type="text"]{--lifisher-copyright-color:currentcolor;--lifisher-copyright-font-size:1em}.lifisher-copyright-shadow{color:var(--lifisher-copyright-color) !important;display:inline-flex;flex-direction:row;align-items:center;vertical-align:bottom;min-height:1.5em;text-transform:capitalize}.lifisher-copyright{color:var(--lifisher-copyright-color) !important;display:inline-flex;flex-direction:row;align-items:flex-end;vertical-align:baseline}.lifisher-copyright__link{display:inline-flex;flex-direction:row;align-items:flex-end;vertical-align:baseline}.lifisher-copyright__icon{display:flex;margin-right:2px;margin-left:6px}.lifisher-copyright svg{fill:currentColor;height:var(--lifisher-copyright-font-size);width:auto}.with-footer .widget-social-media-chat__content-wrap{bottom:calc(140px + var(--SAIB) + var(--FAQ-B))}.widget-social-media-chat__content-wrap{position:fixed;right:15px;bottom:calc(10% + var(--FAQ-B));cursor:pointer;z-index:100}.widget-social-media-chat__content{position:relative;margin-top:6px}.widget-social-media-chat__content--bottom{position:fixed;left:0;bottom:0;width:100%;z-index:3;box-shadow:0 0 10px rgba(0,0,0,.1);background-color:#fff;min-height:60px;align-items:center;justify-content:center;padding:10px 12px;display:none}.widget-social-media-chat__content--bottom .base-button{width:100%;color:#fff;font-size:16px;background:var(--main-color);border-radius:20px;border-color:transparent;text-align:center}.widget-social-media-chat__content--bottom .base-button .base-button__inner{vertical-align:middle;text-align:center;font-size:16px;width:100%;color:#fff !important;padding:7px 0;text-transform:capitalize}.widget-social-media-chat__server,.widget-social-media-chat__modal-close{border-radius:50%;box-shadow:0 1px 4px 0 rgb(0 0 0 / 6%),0 2px 16px 0 rgb(0 0 0 / 12%)}.widget-social-media-chat__server img{border-radius:6px}.widget-social-media-chat__modal-close{display:none}.widget-social-media-chat__sign{width:180px !important}.widget-social-media-chat__items{width:100%;display:flex;flex-wrap:wrap}.widget-social-media-chat__item{border-bottom:solid 1px #eee;padding:12px;width:50%;flex-shrink:0;display:flex;align-items:center;white-space:nowrap}.widget-social-media-chat__item:hover{border-bottom:1px var(--main-color) solid}.widget-social-media-chat__item-text{padding:2px 6px;text-transform:capitalize;font-size:13px;overflow:hidden;text-overflow:ellipsis}.widget-social-media-chat__icon{display:inline-block;line-height:40px;width:40px;flex-shrink:0;text-align:center;background-color:rebeccapurple;color:white;border-radius:5px}.widget-social-media-chat__icon.icon-skype{background-color:#00aff0}.widget-social-media-chat__icon.icon-fbmessenger{background-color:#0084ff}.widget-social-media-chat__icon.icon-telegram{background-color:#08c}.widget-social-media-chat__icon.icon-trademanager{background-color:#1896eb}.widget-social-media-chat__icon.icon-viber{background-color:#744882}.widget-social-media-chat__icon.icon-vk{background-color:#4c6c91}.widget-social-media-chat__icon.icon-wechat{background-color:#4ec034}.widget-social-media-chat__icon.icon-whatsapp{background-color:#25d366}.widget-social-media-chat__icon.icon-send-inquiry{background-color:var(--main-color);font-size:22px;width:60px;line-height:60px;border-radius:50%}.widget-social-media-chat__icon.icon-action-close-2{background-color:var(--main-color);font-size:18px;width:60px;line-height:60px;border-radius:50%}.widget-social-media-chat__icon.icon-base-email{background-color:var(--main-color);font-size:16px}.widget-social-media-chat__icon.icon-phone{background-color:var(--main-color);font-size:16px}.widget-social-media-chat__modal{opacity:0;visibility:hidden;transition:all .6s;position:absolute;z-index:3;left:0;bottom:10px;background-color:#fff;transform:translate(calc(-100% + 60px),-65px);width:350px;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);border-radius:8px;overflow:hidden}.widget-social-media-chat__modal.show{opacity:1;visibility:visible}.widget-social-media-chat__modal-head{background-color:rgb(var(--rgb-color));text-align:center;padding:30px 15px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,0,0,.1)}.col-plugins-list .icon-base-email,.col-plugins-list .icon-phone{font-size:24px;line-height:60px}.widget-social-media-chat__inquiry [button-style="1"] .btn,.widget-social-media-chat__inquiry [button-style="2"] .btn{font-family:inherit}.widget-social-media-chat__inquiry .widget-social-media-chat__modal-title{font-weight:bold}.widget-social-media-chat__inquiry .widget-social-media-chat__modal-title_des{font-weight:normal}.widget-social-media-chat__inquiry form .unit-form__label{font-size:14px}.widget-social-media-chat__modal-title_des{text-align:center;font-size:14px;margin-top:8px;opacity:.6}.widget-social-media-chat__modal-title{font-size:18px;color:#fff;text-transform:capitalize;font-weight:500}.widget-social-media-chat__modal-desc{font-size:14px;color:#666;padding:15px 0}.widget-social-media-chat__modal .base-button .btn{display:block;width:100%;padding:10px 0;text-align:center;margin:0 auto}.widget-social-media-chat__mask{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.5);z-index:1;display:none}.widget-social-media-chat__cancel{width:100%;border-radius:44px;border:1px solid rgba(0,0,0,.1);padding:10px 0;text-align:center;color:#333;text-transform:capitalize}.widget-social-media-chat__modal-form{padding:25px;overflow-y:auto;overflow-x:hidden;max-height:calc(80vh - 260px);font-size:14px;background:#f9fafa;padding-bottom:45px}.widget-social-media-chat__modal-form .unit-form .form-control{font-size:14px;border-radius:4px;border-color:#f5f5f5;box-shadow:none;background-color:#f5f5f5;text-transform:none}.widget-social-media-chat__modal-form .unit-form .unit-form__item-inner{color:#141414;font-size:14px}.widget-social-media-chat__modal-form .unit-form__item-submit{margin-top:11px}.widget-social-media-chat__modal-form .form-group{margin-bottom:7px}.widget-social-media-chat__modal-form::-webkit-scrollbar{width:3px}.widget-social-media-chat__modal-form::-webkit-scrollbar-thumb{background-color:#d7d7d7}.widget-social-media-chat__modal-close-1{display:none}.widget-social-media-chat__content-wrap i:hover .onlineservice_tips{-webkit-transform:rotateX(0);transform:rotateX(0);display:block}.onlineservice_tips{padding:5px 8px;background-color:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,0.1);border-radius:4px;position:absolute;right:72px;top:15px;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transition:all .4s;transition:all .4s}.onlineservice_tips:after{content:"";display:inline-block;width:10px;height:10px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;right:-5px;top:10px;background-color:#fff}.onlineservice_tips:hover{text-decoration:underline}.onlineservice_tips{display:block;min-height:28px;text-align:center;line-height:28px;color:#333 !important;font-size:15px}@media(max-width:1440px){.widget-social-media-chat__modal-form{max-height:calc(88vh - 220px)}}.col-plugins-list{flex-direction:column;display:flex}.col-plugins-list i{margin-top:6px;width:60px;height:60px;font-size:30px;line-height:2;border-radius:50%;position:relative}@media(max-width:768px){[page-type="product_detail"] .widget-social-media-chat__content>.widget-social-media-chat__modal-close{opacity:0}[page-type="product_detail"] .widget-social-media-chat__server{display:none !important}.widget-social-media-chat__modal{position:fixed;width:100%;transform:translateX(0);border-top-left-radius:12px;border-top-right-radius:12px;bottom:0;border-radius:8px 8px 0 0}.widget-social-media-chat__mask.show{display:block}.widget-social-media-chat__wrap{overflow-x:auto;width:100%;-ms-overflow-style:none;scrollbar-width:none}.widget-social-media-chat__wrap::-webkit-scrollbar{display:none}.widget-social-media-chat__item{width:25%;display:flex;flex-direction:column;align-items:center;border-bottom:0;padding:20px 10px}.widget-social-media-chat__cancel{display:block}.widget-social-media-chat__modal-form{max-height:calc(100vh - 250px - var(--SAIT) - var(--SAIB))}.widget-social-media-chat__icon{line-height:45px;width:45px;font-size:22px}.move_chat_close{display:block;position:absolute;right:10px;top:10px;color:#fff}.widget-social-media-chat__modal-close{box-shadow:none}.col-plugins-list{display:none !important}.no-need-inquiry.not-only-one .col-plugins-list{display:none}.only-one.has-inquiry .col-plugins-list{display:none}}.chat-online-unit-form__item{margin-bottom:18px !important}.chat-online-unit-form__item-inner{display:flex;flex-direction:column;flex-flow:column-reverse}.chat-online-unit-form__item-inner .unit-form__label{order:3}.chat-online-unit-form__item-inner .unit-form__control{order:2}.chat-online-unit-form__item-inner .unit-form__label{position:static;padding:0;padding-bottom:8px}.chat-online-unit-form__item-inner .form-control{background-color:#fff !important;border:1px solid #e3e3e3 !important}.chat-online-unit-form__item-inner .form-control{padding-top:10px !important;padding-bottom:10px !important}.chat-online-unit-form__item-inner .widget-social-media-chat__modal-body{padding:0}.widget-social-media-chat__modal-form .chat-online-unit-form__item-inner .form-control:not(:placeholder-shown) ~ .unit-form__label{padding-top:0;padding-bottom:8px;opacity:.8;font-size:14px;max-width:unset}.chat-online-unit-form__item-inner textarea::-webkit-scrollbar{width:4px}.chat-online-unit-form__item-inner .form-group{margin-bottom:10px}.chat-online-unit-form__item-inner.unit-form__select-box:after{padding-top:0;top:unset;bottom:calc(43px* 0.5 - 22px* 0.5)}.chat-online-unit-form__item-inner.unit-form__select-box .form-control{padding-right:35px}.chat-online-unit-form__item-inner .unit-form__select-option{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.widget-social-media-chat__modal-form .chat-online-unit-form__item-inner .unit-form__checkbox-list.unit-form__control .unit-form__checkbox-list-inner{padding-top:0;row-gap:0}.widget-social-media-chat__modal-form .chat-online-unit-form__item-inner .unit-form__checkbox-list{max-height:196px;overflow-y:auto;padding-bottom:0 !important}.widget-social-media-chat__modal-form .chat-online-unit-form__item-inner .unit-form__checkbox-list::-webkit-scrollbar{width:2px}.widget-social-media-chat__modal-form .chat-online-unit-form__item-inner .unit-form__checkbox-list .unit-form__checkbox{padding-bottom:10px}.widget-social-media-chat__modal-form .has-placeholder .chat-online-unit-form__item-inner .form-control::-webkit-input-placeholder{color:#999 !important}.widget-social-media-chat__modal-form .has-placeholder .chat-online-unit-form__item-inner .form-control:-ms-input-placeholder{color:#999 !important}.widget-social-media-chat__modal-form .has-placeholder .chat-online-unit-form__item-inner .form-control::-ms-input-placeholder{color:#999 !important}.widget-social-media-chat__modal-form .has-placeholder .chat-online-unit-form__item-inner .form-control::-moz-placeholder{color:#999 !important}.widget-social-media-chat__modal-form .has-placeholder .chat-online-unit-form__item-inner .form-control::placeholder{color:#999 !important}.widget-social-media-chat__modal-form .chat-online-unit-form__item-inner .placeholder{display:none !important}.widget-social-media-chat__modal-form [label-style="1"] form .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown) ~ .unit-form__label{display:block !important}.no-need-inquiry .widget-social-media-chat__item{padding:12px}.only-one.no-inquiry .col-plugins-list{display:flex}[data-inquirystatus="2"] .cont-text{display:none}.no-inquiry .cont-text{display:none}@media(min-width:769px){.no-inquiry .widget-social-media-chat__server{display:none}.no-need-inquiry[data-inquirystatus="1"] .widget-social-media-chat__wrap{display:none}}.widget-ai-chat .widget-social-media-chat__icon{width:60px;line-height:60px;border-radius:50%;background-color:var(--main-color)}.widget-social-media-chat__icon.widget-main-icon{font-size:22px}.with-footer .widget-ai-chat .widget-ai-chat__content-wrap{bottom:calc(140px + var(--SAIB))}.widget-ai-chat .widget-ai-chat__content-wrap{position:fixed;right:15px;bottom:10%;cursor:pointer;z-index:10}.widget-ai-chat .widget-ai-chat__modal{transform:translate(calc(-100% + 60px),-126px)}.widget-ai-chat__iframe{padding:0;margin:0;border:0;width:100%;height:100%}.widget-ai-chat .widget-social-media-chat__modal-body{height:500px}.widget-ai-chat__icon_list{flex-direction:column;display:flex}.widget-ai-chat__icon_list .widget-social-media-chat__icon{margin-top:6px;width:60px;height:60px;font-size:30px;line-height:2;border-radius:50%}@media(max-width:768px){.widget-ai-chat .widget-ai-chat__modal{position:fixed;width:100%;transform:translateX(0)}.widget-ai-chat .widget-ai-chat__content-wrap{overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.widget-ai-chat .widget-ai-chat__content-wrap::-webkit-scrollbar{display:none}[page-type="faq_messages"] [package-group="widget"]{display:none}}</style>
  <style id="style" class="koa"> .base-button__inner{font-size:12px;} .base-pagination__item .base-pagination__link{height:46px;line-height:46px;width:46px;} .base-pagination__item.active .base-pagination__link{background:transparent;border-color:transparent;color:#fff;} .base-pagination__item.active::before{border-color:inherit;} .container{--container-width:1440px;max-width:1440px;} .unit-form__control{border:0;} .unit-form__control:focus{background-color:transparent;border-color:inherit;color:inherit;} .unit-form__submit{margin:1vw auto 1vw auto;display:block;} :root{--animate__name:none;--compress__ratio:100,100,100;--img__dpi:false;--rgb-color:250, 191, 27;} [button-style="1"] .btn{padding:12px 30px 12px 30px;--button-type:0;background-color:rgba(27, 27, 27, 1);border-bottom-width:0;border-left-width:0;border-radius:0px;border-right-width:0;border-top-width:0;color:rgba(255, 255, 255, 1);font-size:12px;line-height:24px;text-transform:uppercase;font-family:"Poppins SemiBold";} [button-style="2"] .btn{padding:12px 30px 12px 30px;--button-type:0;background-color:rgba(250, 191, 27, 1);border-bottom-width:0;border-left-width:0;border-radius:0px;border-right-width:0;border-top-width:0;color:rgba(27, 27, 27, 1);font-size:12px;line-height:24px;text-transform:uppercase;font-family:"Poppins SemiBold";} [form-style="1"] .unit-form__control{--form-type:0;background-color:rgba(245, 245, 245, 0.1);border-bottom-width:0;border-left-width:0;border-radius:0px;border-right-width:0;border-top-width:0;} [form-style="1"] .unit-form__item-inner{color:rgba(245, 245, 245, 1);} [form-style="2"] .unit-form__control{--form-type:0;background-color:rgba(244, 244, 244, 1);border-bottom-color:rgba(242, 243, 245, 1);border-bottom-style:solid;border-bottom-width:1px;border-left-color:rgba(242, 243, 245, 1);border-left-style:solid;border-left-width:1px;border-radius:0px;border-right-color:rgba(242, 243, 245, 1);border-right-style:solid;border-right-width:1px;border-top-color:rgba(242, 243, 245, 1);border-top-style:solid;border-top-width:1px;} [form-style="2"] .unit-form__item-inner{color:rgba(27, 27, 27, 1);} [package-group]{position:static;top:0px;} [package-item='module']{padding-bottom:10vw;padding-top:10vw;} [package-item='unit']{padding-bottom:10px;padding-top:10px;} [tab-style="1"] .nav-item, [tab-style="1"] .nav-item.active, [tab-style="2"] .nav-item, [tab-style="2"] .nav-item.active{border-bottom-style:solid;border-bottom-width:0px;border-left-style:solid;border-left-width:0px;border-radius:0px;border-right-style:solid;border-right-width:0px;border-top-style:solid;border-top-width:0px;text-align:center;text-transform:capitalize;} [text-style="1"]{font-size:22px;letter-spacing:0px;line-height:1.3;text-transform:none;font-family:"Poppins SemiBold";} [text-style="2"]{font-size:16px;letter-spacing:0px;line-height:1.6;text-transform:none;font-family:"Poppins SemiBold";} [text-style="3"]{font-size:14px;letter-spacing:0px;line-height:1.9;font-family:"Poppins Regular";} [text-style="4"]{font-size:14px;line-height:1.3;text-transform:uppercase;font-family:"Poppins Regular";}#block-OZi68H6bsV{--font-fixed:#fff;--header-bg:rgba(27, 27, 27, 1);--header-bg-fixed:rgba(27, 27, 27, 1);color:#fff;} [firstMenu]{--font-active:rgba(255, 255, 255, 1);font-size:15px;line-height:1.5;text-transform:uppercase;font-family:"Poppins Regular";} [subMenu]{--font-active:rgba(255, 255, 255, 1);--header-bg:#fff;color:rgba(255, 255, 255, 1);font-size:14px;line-height:1.8;text-transform:capitalize;font-family:"Poppins Regular";}#module-rmcnXxj8xM{--font-fixed:rgba(245, 245, 245, 1);--header-bg:rgba(27, 27, 27, 1);--header-bg-fixed:rgba(27, 27, 27, 1);color:rgba(245, 245, 245, 1);padding-bottom:0px;padding-top:0px;}#module-B0Sb6hDwti{padding:0px;--font-fixed:rgba(255, 255, 255, 1);--header-bg:rgba(27, 27, 27, 1);--header-bg-fixed:rgba(36, 39, 47, 1);color:rgba(255, 255, 255, 1);}#module-pMJvDHLw4D{background-color:rgba(27, 27, 27, 1);color:#fff;padding-bottom:0px;padding-top:0px;}#module-rXWcxntvMZ{padding:40px 0px 40px 0px;background-color:#fff;color:#000;}#module-KOgxbQkiPN{background-color:#f5f5f5;color:#222;padding-bottom:40px;padding-top:40px;}#grid-4iT2pNb1zL [package-group="cell"]{align-items:center;display:flex !important;}#grid-4iT2pNb1zL [package-group="cell"]:nth-child(2),#unit-1ZQctzElCI .unit-list__extend{justify-content:flex-end;}#grid-q4cyv167Sb [package-group="cell"]{align-items:center;}#cell-VHjQIdZaZX [package-group="unit"],#unit-1ZQctzElCI .no-price .unit-list__extend,#unit-1ZQctzElCI .unit-list__item.col-6 .unit-list__product:not(.no-price) .unit-list__extend{display:flex;}#cell-qjhOwVxgkN{padding-left:2vw;}#cell-4XUetLlWVN [package-group="unit"],#cell-IQOZe6t6su [package-group="unit"]{align-items:center;display:flex;justify-content:flex-end;}#cell-4XUetLlWVN [package-item="unit"]{min-height:1px;}#unit-qrSAo6v0R9 .base-image__img{height:auto;object-fit:unset;width:auto;}#unit-qrSAo6v0R9 .base-image__item,#unit-2ep0ehHqap .base-image__item,#unit-1ZQctzElCI .base-image__item,#unit-1ZQctzElCI .unit-list__title{overflow:hidden;}#unit-qrSAo6v0R9{text-align:center;}#unit-LiI8nph1iR .unit-social-list__icon{--social-icon:rgba(255, 254, 254, 0.8);--social-icon-active:rgba(255, 254, 254, 1);color:rgba(50, 51, 55, 1);}#unit-0hIgXNuXsN .unit-header-cart,#unit-Vk9udRRHiq .unit-header-language,#unit-7qC4lyYmO9{font-size:14px;padding-left:10px;padding-right:10px;}#unit-wcZm0BPhuJ .unit-header-search{--font-active:rgba(255, 254, 254, 1);}#unit-wcZm0BPhuJ .unit-header-search__btn{padding:0;}#unit-wcZm0BPhuJ{padding-left:10px;padding-right:10px;}#unit-2ep0ehHqap .base-image__img{height:100%;object-fit:unset;width:100%;}#unit-2ep0ehHqap .unit-logo_image{height:40px;}#unit-SQ5xOPM3zc .unit-header-cart,#unit-bkwCpnQT48{padding-left:5px;padding-right:5px;}#unit-9qOk8sgcZ2{padding-left:5px;}#unit-yT0HAyYV9U .unit-text__item{color:rgba(255, 255, 255, 0.5);text-align:left;}#unit-yT0HAyYV9U{border-bottom-width:0;border-left-width:0;border-right-width:0;border-top-width:0;color:rgba(255,255,255,.8);font-size:14px;padding-bottom:25px;padding-top:25px;text-align:center;}#unit-3pDigUD9RE img{display:block;margin:auto;width:60%;}#unit-CSWWCyL3IB{font-size:16px;}#unit-bewNy0KGrI{display:inline-block;}#unit-bewNy0KGrI .base-button__inner{background-color:rgb(var(--rgb-color));border:2px solid rgb(var(--rgb-color));color:#fff;transition:.3s;}#unit-bewNy0KGrI .base-button__inner:hover{opacity:.9;}#unit-b6swnpaZb7{display:inline-block;padding-left:10px;}#unit-b6swnpaZb7 .base-button__inner{background-color:transparent;border:2px solid rgb(var(--rgb-color));color:rgb(var(--rgb-color));transition:.3s;}#unit-b6swnpaZb7 .base-button__inner:hover{background-color:rgb(var(--rgb-color));color:#fff;}#unit-zFyCOaiOH9{color:#555;}#unit-DNdUmDUANP{color:#555;margin-top:.5vw;}#unit-AQ3OYLYM99{padding-bottom:1vw;}#unit-1ZQctzElCI .unit-list__items,#unit-1ZQctzElCI .unit-list__a{height:100%;}#unit-1ZQctzElCI .unit-list__item{height:auto;}#unit-1ZQctzElCI img{display:block;margin:auto;transition:.4s ease-out;}#unit-1ZQctzElCI .unit-list__a:hover img{transform:scale(1.05);}#unit-1ZQctzElCI .unit-list__item-inner{height:100%;overflow:hidden;position:relative;}#unit-1ZQctzElCI .base-button__inner{color:#4592FF;}#unit-1ZQctzElCI .unit-list__text{width:100%;}#unit-1ZQctzElCI .unit-list__text-inner{display:flex;flex-direction:column;height:100%;}#unit-1ZQctzElCI .unit-list__content{flex:1 0 0;}#unit-1ZQctzElCI .unit-list__product{align-items:center;border:0;display:flex;font-size:14px;justify-content:flex-start;margin-top:10px;width:100%;}#unit-1ZQctzElCI .unit-list__price{border-right:0;flex:1;justify-content:flex-start;max-width:50%;padding:0;}#unit-1ZQctzElCI .unit-list__cart{background-color:#fff;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.15);height:40px;line-height:40px;opacity:1;position:absolute;right:10px;text-align:center;top:10px;transition:.3s ease-out;width:40px;}#unit-1ZQctzElCI .unit-list__a:hover .unit-list__cart,#unit-1ZQctzElCI .unit-list__a:hover .unit-list__like{cursor:pointer;opacity:1!important;}#unit-1ZQctzElCI .no-price .unit-list__inquire{border-radius:0;color:rgb(var(--rgb-color));display:inline-block;font-size:14px;padding:0;padding-bottom:4px;position:relative;text-transform:capitalize;}#unit-1ZQctzElCI .no-price .unit-list__inquire::before{border-bottom:2px solid;border-color:inherit;bottom:0;content:'';opacity:.6;position:absolute;transition:.3s;width:100%;}#unit-1ZQctzElCI .unit-list__a:hover .unit-list__inquire::before{opacity:1;}#unit-1ZQctzElCI .unit-list__price-min{color:rgb(var(--rgb-color));}#unit-1ZQctzElCI .unit-list__price-max{font-size:14px;opacity:.5;}#unit-1ZQctzElCI .unit-list__cart span,#unit-1ZQctzElCI .unit-list__button-prev,#unit-1ZQctzElCI .unit-list__button-next{display:none;}#unit-1ZQctzElCI .unit-list__product.no-price .unit-list__extend{justify-content:flex-start;}#unit-1ZQctzElCI .unit-list__product .unit-list__like{background-color:#fff;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.15);height:40px;line-height:40px;opacity:1;position:absolute;right:10px;text-align:center;top:60px;transition:.5s ease-out;width:40px;}#unit-1ZQctzElCI .unit-list__product.no-price .unit-list__like{top:10px;}#unit-1ZQctzElCI .unit-list.is-swiper .swiper-pagination{bottom:0;}@media(min-width:768px){ [button-style="1"] .btn, [button-style="2"] .btn{font-size:14px;padding-left:36px;padding-right:36px;} [package-item='module']{padding-bottom:5vw;padding-top:5vw;} [text-style="1"]{font-size:24px;} [text-style="3"]{font-size:15px;}#module-KOgxbQkiPN{padding-bottom:60px;}#unit-qrSAo6v0R9 .base-image__img{height:100%;width:100%;}#unit-2ep0ehHqap .base-image__img{height:auto;width:65%;}#unit-CSWWCyL3IB{font-size:20px;line-height:1.5;}#unit-1ZQctzElCI .unit-list__cart{flex:inherit;opacity:0;}#unit-1ZQctzElCI .unit-list__product .unit-list__like{opacity:0;}}@media(min-width:1200px){ .base-button__inner{font-size:14px;} [button-style="1"] .btn, [button-style="2"] .btn{padding:14px 40px 14px 40px;} [package-item='module']{padding-bottom:3vw;padding-top:3vw;} [text-style="1"]{font-size:2.2vw;} [text-style="2"]{font-size:18px;} [text-style="4"]{line-height:1.6;} [subMenu]{--font-active:rgba(250, 191, 27, 1);--header-bg:rgba(84, 84, 84, 0.91);color:rgba(255, 255, 255, 0.8);}#module-rXWcxntvMZ{padding-bottom:110px;padding-top:80px;}#unit-qrSAo6v0R9 .base-image__img{height:auto;width:auto;}#unit-wcZm0BPhuJ .unit-header-search{--font-active:rgba(242, 243, 245, 1);}#unit-2ep0ehHqap .base-image__img{height:65px;width:auto;}}@font-face{font-family:"Poppins SemiBold";src:url('/font/en/Poppins-SemiBold.woff2');font-display:swap;}@font-face{font-family:"Poppins Regular";src:url('/font/en/Poppins-Regular.woff2');font-display:swap;}</style>
  <script>
  window.fontList = []
  window.scriptQueue = []
  window.serverInfo = {
    env: 'master',
    dev:  false,
    appkey: 'fx11fuqpt8gwcko04sgck0kkq2bwci0u2ivdx16y4h8gdd65w3toatexnrwvo4bs',
    debug: false,
    token: '',
    domain: 'tech-long.com',
    baseUrl: '',
    editorDomain: 'editor.lifisher.com',
    hasEditor: false,
    isLighthouse: false,
    visitorIp: '',
    date: 1749696105593
  }
  </script>
  <!-- base end -->
  <script>
                  window.dataLayer = window.dataLayer || [];
                  function gtag(){dataLayer.push(arguments);}
                  gtag('consent', 'default', {
                    'ad_storage': 'granted',
                    'ad_user_data': 'granted',
                    'ad_personalization': 'granted',
                    'analytics_storage': 'granted'
                  });
                </script><style>
#module-AXCr47aNz3 .swiper-slide-active[data-swiper-slide-index='2'] .unit-list__text{padding-top: 25vw;}
#module-AXCr47aNz3 .swiper-slide-active[data-swiper-slide-index='3'] .unit-list__text-inner {
    padding-right: 0;
    width: 70%;
    margin: auto;
}
#module-AXCr47aNz3 .swiper-slide-active[data-swiper-slide-index='3'] .unit-list__text {
    padding-right: 0;
}
#module-AXCr47aNz3 .swiper-slide-active[data-swiper-slide-index='3'] .unit-list__title,
#module-AXCr47aNz3 .swiper-slide-active[data-swiper-slide-index='3'] .unit-list__subtitle{
    text-align: center;
    padding: 0 25%;
}
#module-AXCr47aNz3 .swiper-slide-active[data-swiper-slide-index='3'] .read_more{display: none;}
#module-AXCr47aNz3 .swiper-slide-active[data-swiper-slide-index='3'] .unit-list__text{padding-bottom: 25vw;}
    label.unit-form__item-inner.customize-select-label:after {
      content: '';
      border: 6px solid transparent;
      border-top-color: #000;
      width: 0;
      height: 0;
      position: absolute;
      right: calc(var(--x) + 11px);
      top: calc(50% + var(--y));
      transform: translate(-50%, -50%);
      pointer-events: none;
    }
  </style>
<style>
    /* tab个性化 */
    [anchor-name*="#module-tab"] .module-tab-bym select {
      width: 50%;
      margin: 0 auto;
      border: 1px solid #ced4da;
    }
    [anchor-name*="#module-tab"] .unit-list__item {
      height: auto;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    [anchor-name*="#module-tab"] .unit-list__item .unit-list__a {
      cursor: pointer;
      border: 1px solid var(--main-color);
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 4px;
      padding: 0 10px;
    }
    [anchor-name*="#module-tab"] .unit-list__item.is-active .unit-list__a {
      background-color: var(--main-color);
    }
    [anchor-name*="#module-tab"] .unit-list__item .unit-list__content {
      padding: 0 !important;
    }
    [anchor-name*="#module-tab"] .unit-list__item .unit-list__content .unit-list__description {
      display: none;
    }
    @media (max-width: 1200px) {
      [anchor-name*="#module-tab"] [package-group="grid"] {
        display: none;
      }
    }
    @media (min-width: 1200px) {
      [anchor-name*="#module-tab"] .module-tab-bym {
        display: none;
      }
    }
#unit-q0ktT8dVXz [text-style="0"]{font-family: 'Poppins, san-serif'; }
.unit-list__subtitle, .unit-list__description{ opacity: 1; }
#unit-yHUoDrXvuB .base-image__item{ padding:0; }
#module-ErkE4H2TIA .unit-list__item{ padding:0; }
#module-ErkE4H2TIA  .unit-list__items{ margin: 0; }
#module-B0Vh70Ahhq .read_more{ margin-bottom: 3vw; }
#unit-s53E0vOGB0 .unit-list__a, #unit-s53E0vOGB0 .unit-list__item-inner{ height: 100%; }
#unit-s53E0vOGB0 .unit-list__item {height: auto;}
#module-PAb3EjuPCg{ background-image: linear-gradient(90deg,rgba(0,0,0,0) 36.27%,rgba(255,255,255,.15) 51.1%,rgba(224,224,224,.1) 60.79%,rgba(0,0,0,0) 67.02%);}
#module-YgnL2D4yBB{ background-image: linear-gradient(90deg,rgba(0,0,0,0) 36.27%,rgba(255,255,255,.15) 51.1%,rgba(224,224,224,.1) 60.79%,rgba(0,0,0,0) 67.02%); }
#unit-GfnQgo5XXY .unit-list__a{ padding: 0px; }
#unit-GfnQgo5XXY .unit-list__item-inner{ padding:1.5vw; }
#unit-GfnQgo5XXY .unit-list__item:not(:last-child) .unit-list__a::after{ border-bottom-width: 0; } 
#unit-GfnQgo5XXY{box-shadow: none; }
#unit-U5CR3yrDL0 .unit-list__item{padding:0;}
#unit-U5CR3yrDL0 .unit-list__items{margin:0; }
#unit-lDtZUjuyCd .unit-list__item{ padding: 0; }
#unit-lDtZUjuyCd .unit-list__items{ margin: 0; }
#unit-lDtZUjuyCd .unit-list__content{ padding:6px 0;}
#unit-sO8BGhWmA8 .unit-list__title::after{ display:none;}
#unit-ZW96OHpCfb .unit-list__image{ width: 20px; padding-top:0.5vw; }
#unit-ZW96OHpCfb .unit-list__item{ padding-right: 2vw; padding-left:2vw;}
#unit-ZW96OHpCfb .unit-list__item-inner{ padding-bottom:1vw;}
#module-vg5WcsJHFn .unit-list__content {padding: 0;}
#module-vg5WcsJHFn .unit-list__title{border-bottom: 1px solid #dfdfdf;}
#module-0OqVBzkazS .unit-list__content {padding: 0;}
#module-0OqVBzkazS .unit-list__title{border-bottom: 1px solid #dfdfdf;}
#module-P64vN2VSIy .unit-list__content {padding: 0;}
#module-P64vN2VSIy .unit-list__title{border-bottom: 1px solid #dfdfdf;}
#unit-85pynvkJIJ .unit-list__item-inner {align-items: center;}
#unit-9DQpIpsSKW .unit-list__item-inner::before {background-color: #fabf13;    color: #1b1b1b;}
#unit-9DQpIpsSKW .unit-list__item-inner {align-items: center;}
#unit-FOJOfSfT9F .unit-list__text{ top: 85%; }
#module-gsSLeovxtV .unit-list__item {	height: auto;}
#module-gsSLeovxtV .unit-list__a,#module-gsSLeovxtV .unit-list__item-inner {	height: 100%;}
#unit-V3DHVqQDYx .btn{  padding: 0;  background-color: transparent;  color: #fabf1b; }
#unit-V3DHVqQDYx .unit-download-list__text{padding:15px; }
#unit-V3DHVqQDYx .unit-download-list__item {height: auto;}
#unit-V3DHVqQDYx .unit-download-list__text,
#unit-V3DHVqQDYx .unit-download-list__item-inner {
	height: 100%;
}
#unit-85pynvkJIJ .unit-list__text {padding-left: 0;}
#unit-d2e7fvL2wZ .btn{ padding:0; background-color: transparent; color:#fabf1b;}
#unit-wFc0ptiCnB .unit-list__text {padding-left: 0;}
#unit-wFc0ptiCnB .unit-list__items.swiper-wrapper {align-items: center;}
#unit-P82qmfc1Hi .unit-list__image {width: 50px;}
#unit-P82qmfc1Hi .unit-list__text {padding-left: 0;}
#module-GyFfLpxEWc .unit-list__text{padding-bottom: 45vw;}
#module-GyFfLpxEWc .swiper-slide-active[data-swiper-slide-index='0'] .unit-list__text{padding-bottom: 35vw;}
#unit-bOdcWBXYqR .table-bordered td, #unit-bOdcWBXYqR .table-bordered th{vertical-align: middle;}
#unit-tjtLgb70aq .table-bordered td, #unit-tjtLgb70aq .table-bordered th{vertical-align: middle;}
#grid-nZEec3tydD .row.no-gutters{align-items: end;}
#unit-aIK3w5abUE .unit-list__item-inner{ padding:2vw; }
#unit-aIK3w5abUE .unit-list__item {
	height: auto;
}
#unit-aIK3w5abUE .unit-list__a,
#unit-aIK3w5abUE .unit-list__item-inner {
	height: 100%;
}
@media (min-width: 1200px){ 
#unit-orFXtZXpLW .unit-list__item-inner{ padding-left:8vw; padding-right:8vw;}
#unit-aIK3w5abUE .unit-list__item-inner{ min-height: 280px; align-items: center; } 
#unit-aIK3w5abUE .unit-list__text{ padding-left: 1vw; }
#unit-5o2FYI6iFa .unit-list__article{top:35px;}
#unit-5o2FYI6iFa .unit-list__text{padding: 10% 5% 10%;  padding-top:4vw; }
#unit-nyC6WJUL5d .unit-list__text-inner{ padding:3% 5% 3% 5%; } 
#unit-Xwwt4uULSc .unit-list__a:hover .unit-list__item-inner{ box-shadow: 0 2px 20px rgba(0,0,0,0.05); background-color:#fff; }
#unit-Xwwt4uULSc .unit-list__a .unit-list__item-inner{margin-bottom:1vw; transition: all .3s ease;}
#unit-Xwwt4uULSc .unit-list__text{ padding:1.5vw 0; }
#module-ErkE4H2TIA .unit-list__item{ border: 1px solid #e2e2e2; padding:1.5vw 0.5vw; /*max-width: 12.5%;*/}
#unit-PJ78pFsMki .unit-list__items{ margin:0; }
#unit-PJ78pFsMki .unit-list__item{ padding:0 }
#unit-vZ4DmpNEAw .unit-list__items{ margin:0; }
#unit-vZ4DmpNEAw .unit-list__item{ padding:0 }
#unit-q0ktT8dVXz .unit-list__text-inner{ width:55%; }
#unit-q0ktT8dVXz .unit-list__text{padding-bottom:8vw; }
#module-AXCr47aNz3 .swiper-container .swiper-slide[data-swiper-slide-index='0'] .unit-list__text{padding-bottom:6vw; }
#unit-nyC6WJUL5d .unit-list__a:hover img{ transform: scale(1); }
#unit-s53E0vOGB0 .unit-list__text{ padding-left:3vw; padding-right:3vw; }
#unit-s53E0vOGB0 .base-button__inner.btn{ border:1px solid #1b1b1b; background-color: #fff; }
#unit-s53E0vOGB0 .base-button__inner.btn:hover{border:1px solid  #fabf13; background-color: var(--main-color);}
/*#unit-GfnQgo5XXY .unit-list__a:hover .unit-list__item-inner{ border-bottom: 5px solid #fabf13; box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.05); }*/
/*#unit-GfnQgo5XXY .unit-list__a .unit-list__item-inner{ border-bottom: 5px solid #fff;}*/
#unit-GfnQgo5XXY .base-button__inner{ margin-top:0.5vw; }
#module-PAb3EjuPCg .unit-list__item-inner .base-image__img{ transition: all 0.36s ease; }
#module-PAb3EjuPCg .unit-list__item-inner a:hover img{     transform: rotateY(180deg); }
#unit-oMn9b9uWxI .unit-list__item-inner{ padding-left:3vw; padding-right:3vw; }
#unit-egYlqO0ykC .unit-list__item-inner{ padding-left:3vw; padding-right:3vw; }
#unit-6GpQMincX8 .unit-list__item-inner{ padding-bottom:1vw; }
#unit-Sfn9IyqA3V .unit-list__item-inner{padding-bottom: 1vw; }
#module-OOC9IXUPIG .unit-list__description{ width:40%; }
#unit-MM6svH8LCF .unit-list__item-inner {padding: 2vw 3vw 3vw;}
#unit-6rqcsP5E7z .unit-list__item-inner{padding: 3vw 4vw;}
#unit-wFc0ptiCnB .unit-list__item {padding: 0.3vw 0.8vw;}
#unit-P82qmfc1Hi .unit-list__item {padding: 0.5vw 0.8vw;}
}
@media (min-width: 1366px) and (max-width: 1520px) { 
#module-sXGipz5Kd2 #cell-n692YOYWrM{ padding-left: 0; }
#module-WtObjcUrCo #cell-zwKObb0aMu{ padding-left:0; padding-right:0; }
.container{ padding-left:5%; padding-right:5%; }
#module-jNWlsnQARS .unit-list__text{ padding-left: 6vw; }
#unit-zmwLIhFPID .base-image__img,  #unit-HiHUkNo5nv .base-image__img{ width:65px; height:65px; }
#module-PAb3EjuPCg .unit-list__item-inner .base-image__img{ width:65px; height:65px; }
#unit-s53E0vOGB0 .unit-list__text{ padding-left:2vw; padding-right:2vw; }
#unit-GfnQgo5XXY .unit-list__item-inner{ padding:2vw;}
#module-CVLAYUWRKS #cell-dBP9XXYTJU{ padding-left:0px; }
#unit-6GpQMincX8 .unit-list__text{ padding-left:0px; }
#module-t1mveZyHyQ #cell-tYN0Pu79aP{ padding-left:0px; padding-right:0px; }
#module-SOjD3Oke7x #cell-C69pxea5BE, #module-v1jmeHD2Cj #cell-RlICuogcSc{ padding-left:0px; }
#module-enUaXjhidF #cell-ebeDkllj9f{padding-right:0px;  }
#module-OFJUIG3vm5{ padding-bottom:18vw; }
#module-AXCr47aNz3 .unit-list__text{padding-right:6vw; }
#module-whQaaJo5dU, #cell-t4BNQ1Hx7b{padding-top:12vw; padding-bottom:12vw; }
}
@media (min-width: 1200px) and (max-width: 1520px) {
#cell-mNo9KrCVo4{padding-left: 0;}
#cell-9GVHOiRMjM {padding-right: 3vw;}
#cell-IOFlHMTZC1 {padding-right: 0;    padding-top: 0;}
#cell-hExa0j66MH{padding-left: 3vw;}
#cell-DybFQ6C8Hz {padding-right: 0;}
#cell-QpJs0gHZjb {padding-left: 0;}
#cell-GUGzlcAvAx {padding-left: 0;}
#cell-BtBrk8wBzL{padding-left: 3vw;}
#cell-GUGzlcAvAx {padding-right: 0vw;}
#cell-sBSJgDPnrz {padding-left: 0;}
#cell-1zeNicsPyj {padding-right: 3vw;}
#cell-J8nNpOmKoC {padding-left: 0;}
#cell-mBI9Y5RGjO{padding-right: 3vw;}
#cell-piBXmektv7{padding-left: 3vw;}
#cell-y6N3es1Vs8 {padding-right: 0;}
#cell-82dJMJQRqs {padding-right: 3vw;}
#cell-vCkAtWwsiX {padding-left: 0;}
#cell-e7n2sblm8m {padding-left: 3vw;}
#cell-MKqUcmMNWS {padding-right: 0;}
#cell-BnPG8hhGMI {padding-left: 3vw;}
#cell-xfsampaA6G{padding-right: 0;}
#cell-POKIsatOBf {padding-left: 3vw;    padding-top: 3vw;}
#cell-nhzykZviNb {padding-right: 0;}
#cell-6QM1VLHbXz{    padding-left: 0;}
#cell-uzYOvKmBkE {padding-right: 3vw;}
#cell-IrMjtYizsN {padding-left: 0;}
#cell-Mgfm3hOh9V {padding-right: 3vw;}
#cell-9w3XOV7xNa {padding-left: 0;}
#cell-Aad7y6NzPJ {padding-right: 3vw;}
#cell-rSQyuVTBgY{    padding-left: 3vw;}
#cell-2tSQ4rlrYT {padding-right: 0;}
#cell-16mSq86vpb{    padding-left: 0;}
#cell-FLWDvL5k9m {padding-right: 3vw; padding-top: 2vw;}
#cell-qUzIEetX2n {padding-left: 3vw; padding-top: 0;}
#cell-BiWYabvJST {padding-right: 0;}
#cell-XEjFGQg4oY {padding-left: 0;}
#cell-lH9UuGpNMA{padding-right: 3vw;}
#cell-bD0Ar6u8IY{padding-left: 0; }
#cell-LdCCbLKpxS{padding-right: 0;}
#cell-dix9DfATL1{padding-left: 0;}
#cell-cIemFIjG8C{padding-right: 3vw;}
#cell-TBncxbp15m {padding-left: 3vw;}
#cell-mQpeOH65Rm{padding-right: 0;}
#cell-fuE7xB06GQ{padding-left: 0;}
#cell-q5qyIeA0IG{padding-right: 3vw;}
#cell-OsjFDMdHlT{padding-left: 3vw;}
#cell-XhGJY9CiiX{padding-right: 0;}
#cell-vMdZFYKsjF{padding-left: 0;}
#cell-l6RXGkhsY1{padding-right: 3vw; padding-top: 3vw;}
}
@media (max-width: 1200px){
#cell-4tRZIX4imQ table.table.table-bordered.mce-item-table img {max-width: none !important;}
#cell-WT1tPlXfhg table.table.table-bordered.mce-item-table img {max-width: none !important;}
#cell-up5WYqHKBI table.table.table-bordered.mce-item-table img {max-width: none !important;}
}
@media (max-width: 768px){
#unit-zmwLIhFPID .unit-list__item {
	height: auto;
}
#unit-zmwLIhFPID .unit-list__a,
#unit-zmwLIhFPID .unit-list__item-inner {
	height: 100%;
}
#module-ErkE4H2TIA .unit-list__item{ border: 1px solid #e2e2e2; padding:2vw; }
#module-djA7fbzpg7 .unit-list__subtitle img{ width: 60%; } 
#unit-uPz4uivdjg .unit-list__text{ padding-bottom:16vw; }
#unit-GfnQgo5XXY .unit-list__item-inner{ padding:3vw; }
#unit-uPz4uivdjg .unit-list__text-inner{ width: 60%; }
#module-AXCr47aNz3 .unit-list__subtitle img{ width: 60%; }
}
@media (max-width: 640px){
#unit-uPz4uivdjg .unit-list__text-inner{ width: 100%; }
#unit-uPz4uivdjg .unit-list__text{ padding-bottom:30vw; }
#module-djA7fbzpg7 .unit-list__subtitle img{ width: 50%; }
#unit-GfnQgo5XXY .unit-list__item-inner{ padding:5vw !important; }
}
@media (min-width: 768px){
#module-M8mCD5luhe {overflow: hidden;}
[anchor-name*="#module-tab"] .swiper-container {overflow: visible;}
[anchor-name*="#module-tab"] .unit-list__items.swiper-wrapper {width:100%;margin:0}
}
@media (min-width: 1200px){
#module-ErkE4H2TIA .unit-list__item{height: auto}
[anchor-name*="#module-tab"] .unit-list__item .unit-list__a {border-radius: 0;padding: 14px 10px;border-color: #ddd;cursor: pointer;}
[anchor-name*="#module-tab"] .unit-list__item .unit-list__a:hover{border: 1px solid transparent; background-color: rgb(250, 191, 19);} 
[anchor-name*="#module-tab"] .unit-list__item {padding: 5px}
[anchor-name*="#module-tab"] .unit-list__item.is-active .unit-list__a {border: 1px solid transparent;}
[anchor-name="#module-tab3"] .container{ max-width: 100%;}
#unit-skUISEfOYm {padding:0}
}
 /* 滑动tab1 手机端 */
@media (max-width: 1200px){
.slide-wrapper {
  width: 100%;
  display: flex;
  overflow: auto;
  padding: 0;
}
.slide-item {
  height: auto;
  width: 44%;
  flex: 0 0 44%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: 1px solid #ddd;
  padding: 14px 5px;
  font-size: 16px;
}
.slide-item.is_active {
  background-color: rgb(250, 191, 19);
  border: 1px solid transparent;
}
.module-tab-bym .slide-wrapper::-webkit-scrollbar{height:0}
.slide-wrapper .flex1{flex:1}
}
/* 询盘弹窗 */
@media (max-width: 1440px) {
  .widget-social-media-chat__modal-form{max-height:calc(80vh - 260px)}
}
/* 询盘下拉 */
.widget-social-media-chat__inquiry .customize-select-label:after {
   top: calc(50% + 18px)!important;
}
  </style>
  <script>
(() => {
    const zh_html = `
<div class="unit-header-language__item">
    <a href="https://www.tech-long.cn/" title="中文">
        <i class="unit-header-language__item--icon flag-icon flag-icon-zh"></i>
        <span style="display: none"><img alt="中文" data-src="/assets/images/flags/zh.gif"></span>
        <span class="unit-header-language__item--title code-text--zh">中文</span>
        <span style="display: none;" class="unit-header-language__item--code code-text--zh">zh</span>
    </a>
</div>
    `;
    window.addEventListener('DOMContentLoaded', () => {
        document.querySelectorAll('.unit-header-language .unit-header-language__items').forEach((elem) => {
            elem.insertAdjacentHTML('afterbegin', zh_html)
        })
    })
    window.addEventListener('appInitEnd', () => {
        document.querySelectorAll('.flag-icon-zh').forEach((el) => {
            el.closest('a').setAttribute('target', '_blank')
        })
        const langList = document.querySelector('.unit-multi-language__items ul')
        if (langList) {
            langList.insertAdjacentHTML('afterbegin', `<li><a href="https://www.tech-long.cn/"><i class="flag-icon flag-icon-zh" style="--flag-height: 22;"></i><span> 中文</span></a></li>`)
        }
    });
})()
</script>
  <!-- web start -->
  <div id="app" page-type="404" page-category-id=""   transfer_source class="not-open-user">
<div package-group="block">
<div id="block-OZi68H6bsV" package-item="block" float-top="1" bg-transparent="1" float-top-inside="0" bg-transparent-inside="0" customer-inside="0" class="header-position"  package-type="header" package-block-type="header" position="3" position-index="3"  >
  <div package-group="module">
<div id="module-rmcnXxj8xM" class=" " package-item="module"    hide-phone hide-pad    >
    <div package-group="grid" style="width: 100%;">
<div id="grid-4iT2pNb1zL" package-item="grid" class="container "   >
  <div package-group="cell" class="row no-gutters">
<div id="cell-VHjQIdZaZX" package-item="cell" class="col col-12 col-md-2 col-xl-2"  >
  <div package-group="unit" class="">        
<div id="unit-qrSAo6v0R9"  class="module-header-nav-2-unit-1__wrapper" animate package-item="unit" package-type="logo" package-unit-type="logo"  >
<div class="unit-logo">
  <a class="h-100" href="/" >
<div class="base-image  " >
    <div class="base-image__item base-image__item--default " >
    <picture class="base-image__img">
      <source type="image/webp" srcset="https://img.yfisher.com/m4940/1698216107310-logo2/png100-t3-scale100.webp" />
      <img data-hidden onload="this.removeAttribute('data-hidden')" decoding="async" class="base-image__img img-fluid" alt="" src="https://img.yfisher.com/m4940/1698216107310-logo2/png100-t3-scale100.webp">
    </picture>
  </div>
</div>
      </a>
</div></div>
      </div>
</div>
<div id="cell-qjhOwVxgkN" package-item="cell" class="col col-12 col-md-6 col-xl-9"  >
  <div package-group="unit" class="">        
<div id="unit-MiHHlVwHOA"  class="module-header-nav-2-unit-2__wrapper" animate package-item="unit" package-type="header-nav" package-unit-type="header-nav"  ><div class="unit-header-nav"  id="swiper-unit-MiHHlVwHOA" carousel="{&#34;auto_height&#34;:1,&#34;auto_width&#34;:1,&#34;navigation&#34;:1,&#34;scrollbar&#34;:1,&#34;mousewheel&#34;:0}">
  <div class="swiper-container">
    <div class="swiper-wrapper unit-header-nav__box">
              <div class="unit-header-nav__item swiper-slide " header-type="0">
          <a class="unit-header-nav__item-link " href="/" rel="" firstMenu show-line-height='true'>
            <div>
              <span class="unit-nav_name">
                home
              </span>
            </div>
                      </a>
                  </div>
              <div class="unit-header-nav__item swiper-slide " header-type="0">
          <a class="unit-header-nav__item-link " href="/products.html" rel="" firstMenu show-line-height='true'>
            <div>
              <span class="unit-nav_name">
                Product
              </span>
            </div>
            <i class="unit-header-nav__item-drop iconfont icon-action-bottom-lighter pl-1"></i>          </a>
                                    <div class="unit-header-nav__item-content" subMenu header-type="0">
                                <div class="unit-header-nav__item-son">
                  <a class="unit-header-nav__item-link " href="/products/water-treatment-system.html" rel="">
                                        <div class="unit-nav_title">
                      <span class="unit-nav_name ">
                        <span class="unit-nav_text">Water Treatment System</span>
                      </span>
                    </div>
                                      </a>
                                  </div>
                                <div class="unit-header-nav__item-son">
                  <a class="unit-header-nav__item-link " href="/products/beverage-treatment-system.html" rel="">
                                        <div class="unit-nav_title">
                      <span class="unit-nav_name ">
                        <span class="unit-nav_text">Pretreatment System</span>
                      </span>
                    </div>
                                      </a>
                                  </div>
                                <div class="unit-header-nav__item-son">
                  <a class="unit-header-nav__item-link " href="/integrated-filling-lines.html" rel="">
                                        <div class="unit-nav_title">
                      <span class="unit-nav_name ">
                        <span class="unit-nav_text">Integrated Filling Lines</span>
                      </span>
                    </div>
                    <i class="unit-header-nav__item-drop iconfont icon-action-bottom-lighter pl-1"></i>                  </a>
                                    <div class="unit-header-nav__item-sub-content">
                                        <div class="unit-header-nav__item-grandson">
                      <a class="unit-header-nav__item-link " href="/products/blowing-filling-capping-monobloc.html" rel="">
                                                <div class="unit-nav_title">
                          <span class="unit-nav_name ">
                            <span class="unit-nav_text">BFC Monoblock Machine</span>
                          </span>
                        </div>
                                              </a>
                                          </div>
                                        <div class="unit-header-nav__item-grandson">
                      <a class="unit-header-nav__item-link " href="/a-new-generation-of-water-filling-machine.html" rel="">
                                                <div class="unit-nav_title">
                          <span class="unit-nav_name ">
                            <span class="unit-nav_text">A New Generation of Water Filling Machine</span>
                          </span>
                        </div>
                                              </a>
                                          </div>
                                        <div class="unit-header-nav__item-grandson">
                      <a class="unit-header-nav__item-link " href="/products/blowing-labeling-filling-capping-monobloc.html" rel="">
                                                <div class="unit-nav_title">
                          <span class="unit-nav_name ">
                            <span class="unit-nav_text">BLFC Monoblock Machine</span>
                          </span>
                        </div>
                                              </a>
                                          </div>
                                        <div class="unit-header-nav__item-grandson">
                      <a class="unit-header-nav__item-link " href="/aseptic.html" rel="">
                                                <div class="unit-nav_title">
                          <span class="unit-nav_name ">
                            <span class="unit-nav_text">Aseptic BFC Monoblock Machine</span>
                          </span>
                        </div>
                        <i class="unit-header-nav__item-drop iconfont icon-action-bottom-lighter pl-1"></i>                      </a>
                                            <div class="unit-header-nav__item-sub-content">
                                                <div class="unit-header-nav__item-grateson">
                          <a class="unit-header-nav__item-link " href="/bottle-chemical-wet-sterilization.html" rel="">
                                                        <div class="unit-nav_title">
                              <span class="unit-nav_name ">
                                <span class="unit-nav_text">Bottle Chemical Wet Sterilization</span>
                              </span>
                            </div>
                          </a>
                        </div>
                                                <div class="unit-header-nav__item-grateson">
                          <a class="unit-header-nav__item-link " href="/preform-chemical-dry-sterilization.html" rel="">
                                                        <div class="unit-nav_title">
                              <span class="unit-nav_name ">
                                <span class="unit-nav_text">Preform Chemical Dry Sterilization</span>
                              </span>
                            </div>
                          </a>
                        </div>
                                                <div class="unit-header-nav__item-grateson">
                          <a class="unit-header-nav__item-link " href="/bottle-physical-dry-sterilization.html" rel="">
                                                        <div class="unit-nav_title">
                              <span class="unit-nav_name ">
                                <span class="unit-nav_text">Bottle Physical Dry Sterilization</span>
                              </span>
                            </div>
                          </a>
                        </div>
                                                <div class="unit-header-nav__item-grateson">
                          <a class="unit-header-nav__item-link " href="/combined-dry-and-wet-sterilization.html" rel="">
                                                        <div class="unit-nav_title">
                              <span class="unit-nav_name ">
                                <span class="unit-nav_text">Combined Dry And Wet Sterilization</span>
                              </span>
                            </div>
                          </a>
                        </div>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                                <div class="unit-header-nav__item-son">
                  <a class="unit-header-nav__item-link " href="/products/blow-molding-machine-2.html" rel="">
                                        <div class="unit-nav_title">
                      <span class="unit-nav_name ">
                        <span class="unit-nav_text">Blow Molding Machine</span>
                      </span>
                    </div>
                                      </a>
                                  </div>
                                <div class="unit-header-nav__item-son">
                  <a class="unit-header-nav__item-link " href="/products/filling-machine.html" rel="">
                                        <div class="unit-nav_title">
                      <span class="unit-nav_name ">
                        <span class="unit-nav_text">Filling Machine</span>
                      </span>
                    </div>
                                      </a>
                                  </div>
                                <div class="unit-header-nav__item-son">
                  <a class="unit-header-nav__item-link " href="/products/hot-melt-glue-labeling-machine.html" rel="">
                                        <div class="unit-nav_title">
                      <span class="unit-nav_name ">
                        <span class="unit-nav_text">Labeling Machine</span>
                      </span>
                    </div>
                                      </a>
                                  </div>
                                <div class="unit-header-nav__item-son">
                  <a class="unit-header-nav__item-link " href="/products/conveying-system.html" rel="">
                                        <div class="unit-nav_title">
                      <span class="unit-nav_name ">
                        <span class="unit-nav_text">Conveyor System</span>
                      </span>
                    </div>
                                      </a>
                                  </div>
                                <div class="unit-header-nav__item-son">
                  <a class="unit-header-nav__item-link " href="/products/packaging-machines.html" rel="">
                                        <div class="unit-nav_title">
                      <span class="unit-nav_name ">
                        <span class="unit-nav_text">Packaging Machines</span>
                      </span>
                    </div>
                                      </a>
                                  </div>
                              </div>
                              </div>
              <div class="unit-header-nav__item swiper-slide " header-type="0">
          <a class="unit-header-nav__item-link " href="/solution.html" rel="" firstMenu show-line-height='true'>
            <div>
              <span class="unit-nav_name">
                Solution
              </span>
            </div>
            <i class="unit-header-nav__item-drop iconfont icon-action-bottom-lighter pl-1"></i>          </a>
                                    <div class="unit-header-nav__item-content" subMenu header-type="0">
                                <div class="unit-header-nav__item-son">
                  <a class="unit-header-nav__item-link " href="/complete-line-solution.html" rel="">
                                        <div class="unit-nav_title">
                      <span class="unit-nav_name ">
                        <span class="unit-nav_text">Complete Line Solution</span>
                      </span>
                    </div>
                    <i class="unit-header-nav__item-drop iconfont icon-action-bottom-lighter pl-1"></i>                  </a>
                                    <div class="unit-header-nav__item-sub-content">
                                        <div class="unit-header-nav__item-grandson">
                      <a class="unit-header-nav__item-link " href="/water-filling-lines.html" rel="">
                                                <div class="unit-nav_title">
                          <span class="unit-nav_name ">
                            <span class="unit-nav_text">Water Lines</span>
                          </span>
                        </div>
                                              </a>
                                          </div>
                                        <div class="unit-header-nav__item-grandson">
                      <a class="unit-header-nav__item-link " href="/aseptic-filling-lines.html" rel="">
                                                <div class="unit-nav_title">
                          <span class="unit-nav_name ">
                            <span class="unit-nav_text">Aseptic Filling Lines</span>
                          </span>
                        </div>
                                              </a>
                                          </div>
                                        <div class="unit-header-nav__item-grandson">
                      <a class="unit-header-nav__item-link " href="/carbonated-drink-production-line.html" rel="">
                                                <div class="unit-nav_title">
                          <span class="unit-nav_name ">
                            <span class="unit-nav_text">Carbonated Soft Drinks Lines</span>
                          </span>
                        </div>
                                              </a>
                                          </div>
                                        <div class="unit-header-nav__item-grandson">
                      <a class="unit-header-nav__item-link " href="/hot-fill-lines.html" rel="">
                                                <div class="unit-nav_title">
                          <span class="unit-nav_name ">
                            <span class="unit-nav_text">Hot Filling Lines</span>
                          </span>
                        </div>
                                              </a>
                                          </div>
                                        <div class="unit-header-nav__item-grandson">
                      <a class="unit-header-nav__item-link " href="/edible-oil-lines.html" rel="">
                                                <div class="unit-nav_title">
                          <span class="unit-nav_name ">
                            <span class="unit-nav_text">Edible Oil Lines</span>
                          </span>
                        </div>
                                              </a>
                                          </div>
                                        <div class="unit-header-nav__item-grandson">
                      <a class="unit-header-nav__item-link " href="/sauces-dressings.html" rel="">
                                                <div class="unit-nav_title">
                          <span class="unit-nav_name ">
                            <span class="unit-nav_text">Sauces &amp; Dressings Lines</span>
                          </span>
                        </div>
                                              </a>
                                          </div>
                                        <div class="unit-header-nav__item-grandson">
                      <a class="unit-header-nav__item-link " href="/daily-chemical-product-filling-line.html" rel="">
                                                <div class="unit-nav_title">
                          <span class="unit-nav_name ">
                            <span class="unit-nav_text">Daily Products Lines</span>
                          </span>
                        </div>
                                              </a>
                                          </div>
                                      </div>
                                  </div>
                                <div class="unit-header-nav__item-son">
                  <a class="unit-header-nav__item-link " href="/service.html" rel="">
                                        <div class="unit-nav_title">
                      <span class="unit-nav_name ">
                        <span class="unit-nav_text">Service Solutions</span>
                      </span>
                    </div>
                    <i class="unit-header-nav__item-drop iconfont icon-action-bottom-lighter pl-1"></i>                  </a>
                                    <div class="unit-header-nav__item-sub-content">
                                        <div class="unit-header-nav__item-grandson">
                      <a class="unit-header-nav__item-link " href="/products/industrial-software.html" rel="">
                                                <div class="unit-nav_title">
                          <span class="unit-nav_name ">
                            <span class="unit-nav_text">Digital Solutions</span>
                          </span>
                        </div>
                                              </a>
                                          </div>
                                        <div class="unit-header-nav__item-grandson">
                      <a class="unit-header-nav__item-link " href="/products/spare-parts.html" rel="">
                                                <div class="unit-nav_title">
                          <span class="unit-nav_name ">
                            <span class="unit-nav_text">Machining Services</span>
                          </span>
                        </div>
                                              </a>
                                          </div>
                                        <div class="unit-header-nav__item-grandson">
                      <a class="unit-header-nav__item-link " href="/products/blow-molds-products-range.html" rel="">
                                                <div class="unit-nav_title">
                          <span class="unit-nav_name ">
                            <span class="unit-nav_text">Customize Bottle</span>
                          </span>
                        </div>
                                              </a>
                                          </div>
                                        <div class="unit-header-nav__item-grandson">
                      <a class="unit-header-nav__item-link " href="/global-service-network.html" rel="">
                                                <div class="unit-nav_title">
                          <span class="unit-nav_name ">
                            <span class="unit-nav_text">Global Service Network</span>
                          </span>
                        </div>
                                              </a>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              </div>
              <div class="unit-header-nav__item swiper-slide " header-type="0">
          <a class="unit-header-nav__item-link " href="/about/techlong.html" rel="" firstMenu show-line-height='true'>
            <div>
              <span class="unit-nav_name">
                About Us
              </span>
            </div>
            <i class="unit-header-nav__item-drop iconfont icon-action-bottom-lighter pl-1"></i>          </a>
                                    <div class="unit-header-nav__item-content" subMenu header-type="0">
                                <div class="unit-header-nav__item-son">
                  <a class="unit-header-nav__item-link " href="/brand-story.html" rel="">
                                        <div class="unit-nav_title">
                      <span class="unit-nav_name ">
                        <span class="unit-nav_text">Brand Story</span>
                      </span>
                    </div>
                                      </a>
                                  </div>
                                <div class="unit-header-nav__item-son">
                  <a class="unit-header-nav__item-link " href="/enterprise-culture.html" rel="">
                                        <div class="unit-nav_title">
                      <span class="unit-nav_name ">
                        <span class="unit-nav_text">Enterprise Culture</span>
                      </span>
                    </div>
                                      </a>
                                  </div>
                                <div class="unit-header-nav__item-son">
                  <a class="unit-header-nav__item-link " href="/about/history.html" rel="">
                                        <div class="unit-nav_title">
                      <span class="unit-nav_name ">
                        <span class="unit-nav_text">History</span>
                      </span>
                    </div>
                                      </a>
                                  </div>
                                <div class="unit-header-nav__item-son">
                  <a class="unit-header-nav__item-link " href="/about/advantages.html" rel="">
                                        <div class="unit-nav_title">
                      <span class="unit-nav_name ">
                        <span class="unit-nav_text">TECH-LONG Advantage</span>
                      </span>
                    </div>
                                      </a>
                                  </div>
                                <div class="unit-header-nav__item-son">
                  <a class="unit-header-nav__item-link " href="/about/honors.html" rel="">
                                        <div class="unit-nav_title">
                      <span class="unit-nav_name ">
                        <span class="unit-nav_text"> Enterprise Honors</span>
                      </span>
                    </div>
                                      </a>
                                  </div>
                                <div class="unit-header-nav__item-son">
                  <a class="unit-header-nav__item-link " href="/about/our-customers.html" rel="">
                                        <div class="unit-nav_title">
                      <span class="unit-nav_name ">
                        <span class="unit-nav_text">Our Customers</span>
                      </span>
                    </div>
                                      </a>
                                  </div>
                                <div class="unit-header-nav__item-son">
                  <a class="unit-header-nav__item-link " href="/sustainability.html" rel="">
                                        <div class="unit-nav_title">
                      <span class="unit-nav_name ">
                        <span class="unit-nav_text">Sustainability</span>
                      </span>
                    </div>
                                      </a>
                                  </div>
                                <div class="unit-header-nav__item-son">
                  <a class="unit-header-nav__item-link " href="/download/focus-tech-long.html" rel="">
                                        <div class="unit-nav_title">
                      <span class="unit-nav_name ">
                        <span class="unit-nav_text">Enterprise E-book</span>
                      </span>
                    </div>
                                      </a>
                                  </div>
                              </div>
                              </div>
              <div class="unit-header-nav__item swiper-slide " header-type="0">
          <a class="unit-header-nav__item-link " href="/project.html" rel="" firstMenu show-line-height='true'>
            <div>
              <span class="unit-nav_name">
                Historical project
              </span>
            </div>
            <i class="unit-header-nav__item-drop iconfont icon-action-bottom-lighter pl-1"></i>          </a>
                                    <div class="unit-header-nav__item-content" subMenu header-type="0">
                                <div class="unit-header-nav__item-son">
                  <a class="unit-header-nav__item-link " href="/water-series.html" rel="">
                                        <div class="unit-nav_title">
                      <span class="unit-nav_name ">
                        <span class="unit-nav_text">Water Series</span>
                      </span>
                    </div>
                                      </a>
                                  </div>
                                <div class="unit-header-nav__item-son">
                  <a class="unit-header-nav__item-link " href="/fruit-juice.html" rel="">
                                        <div class="unit-nav_title">
                      <span class="unit-nav_name ">
                        <span class="unit-nav_text">Fruit Juice</span>
                      </span>
                    </div>
                                      </a>
                                  </div>
                                <div class="unit-header-nav__item-son">
                  <a class="unit-header-nav__item-link " href="/others.html" rel="">
                                        <div class="unit-nav_title">
                      <span class="unit-nav_name ">
                        <span class="unit-nav_text">Others</span>
                      </span>
                    </div>
                                      </a>
                                  </div>
                              </div>
                              </div>
              <div class="unit-header-nav__item swiper-slide " header-type="0">
          <a class="unit-header-nav__item-link " href="/resource.html" rel="" firstMenu show-line-height='true'>
            <div>
              <span class="unit-nav_name">
                Resource
              </span>
            </div>
            <i class="unit-header-nav__item-drop iconfont icon-action-bottom-lighter pl-1"></i>          </a>
                                    <div class="unit-header-nav__item-content" subMenu header-type="0">
                                <div class="unit-header-nav__item-son">
                  <a class="unit-header-nav__item-link " href="/news.html" rel="">
                                        <div class="unit-nav_title">
                      <span class="unit-nav_name ">
                        <span class="unit-nav_text">News &amp; Events</span>
                      </span>
                    </div>
                    <i class="unit-header-nav__item-drop iconfont icon-action-bottom-lighter pl-1"></i>                  </a>
                                    <div class="unit-header-nav__item-sub-content">
                                        <div class="unit-header-nav__item-grandson">
                      <a class="unit-header-nav__item-link " href="/company-news.html" rel="">
                                                <div class="unit-nav_title">
                          <span class="unit-nav_name ">
                            <span class="unit-nav_text">Company news</span>
                          </span>
                        </div>
                                              </a>
                                          </div>
                                        <div class="unit-header-nav__item-grandson">
                      <a class="unit-header-nav__item-link " href="/exhibition.html" rel="">
                                                <div class="unit-nav_title">
                          <span class="unit-nav_name ">
                            <span class="unit-nav_text">Expo News</span>
                          </span>
                        </div>
                                              </a>
                                          </div>
                                        <div class="unit-header-nav__item-grandson">
                      <a class="unit-header-nav__item-link " href="/thought-leadership.html" rel="">
                                                <div class="unit-nav_title">
                          <span class="unit-nav_name ">
                            <span class="unit-nav_text">Thought Leadership</span>
                          </span>
                        </div>
                                              </a>
                                          </div>
                                      </div>
                                  </div>
                                <div class="unit-header-nav__item-son">
                  <a class="unit-header-nav__item-link " href="/download/product-video.html" rel="">
                                        <div class="unit-nav_title">
                      <span class="unit-nav_name ">
                        <span class="unit-nav_text">Video</span>
                      </span>
                    </div>
                                      </a>
                                  </div>
                                <div class="unit-header-nav__item-son">
                  <a class="unit-header-nav__item-link " href="/blog.html" rel="">
                                        <div class="unit-nav_title">
                      <span class="unit-nav_name ">
                        <span class="unit-nav_text">Blog</span>
                      </span>
                    </div>
                                      </a>
                                  </div>
                                <div class="unit-header-nav__item-son">
                  <a class="unit-header-nav__item-link " href="/product-operation-guide.html" rel="">
                                        <div class="unit-nav_title">
                      <span class="unit-nav_name ">
                        <span class="unit-nav_text">Product Operation Guide</span>
                      </span>
                    </div>
                                      </a>
                                  </div>
                                <div class="unit-header-nav__item-son">
                  <a class="unit-header-nav__item-link " href="/download/catalog.html" rel="">
                                        <div class="unit-nav_title">
                      <span class="unit-nav_name ">
                        <span class="unit-nav_text">Catalogue Download</span>
                      </span>
                    </div>
                                      </a>
                                  </div>
                              </div>
                              </div>
              <div class="unit-header-nav__item swiper-slide " header-type="0">
          <a class="unit-header-nav__item-link " href="/contact/sales-network.html" rel="" firstMenu show-line-height='true'>
            <div>
              <span class="unit-nav_name">
                 Contact Us
              </span>
            </div>
            <i class="unit-header-nav__item-drop iconfont icon-action-bottom-lighter pl-1"></i>          </a>
                                    <div class="unit-header-nav__item-content" subMenu header-type="0">
                                <div class="unit-header-nav__item-son">
                  <a class="unit-header-nav__item-link " href="/contact/branches-and-distributors.html" rel="">
                                        <div class="unit-nav_title">
                      <span class="unit-nav_name ">
                        <span class="unit-nav_text">Branches and Distributors</span>
                      </span>
                    </div>
                                      </a>
                                  </div>
                                <div class="unit-header-nav__item-son">
                  <a class="unit-header-nav__item-link " href="/contact/engineering-service.html" rel="">
                                        <div class="unit-nav_title">
                      <span class="unit-nav_name ">
                        <span class="unit-nav_text">Engineering Service</span>
                      </span>
                    </div>
                                      </a>
                                  </div>
                              </div>
                              </div>
          </div>
  </div>
  <!-- 二级菜单栏 -->
  <div class="swiper-button-prev"></div>
  <div class="swiper-button-next"></div>
  <div class="unit-header-nav__subNav" subMenu sub-menu-type="0"></div>
</div>
<script>
  window.scriptQueue.push({
    file: '/assets/js/unit/header-nav.js?v=1',
    name: 'ScriptHeaderNav',
    attrId: 'unit-MiHHlVwHOA',
    config: '{"_attrs":{},"type":"header","cacheConfig":{},"sign":"zI3mZ8td7m","has_nofollow":0,"header_type":0,"header_columns":4,"header_category":"41726","header_img":1}'
  })
</script>
</div>
      </div>
</div>
<div id="cell-4XUetLlWVN" package-item="cell" class="col col-12 col-md-4 col-xl-1"  >
  <div package-group="unit" class="cell-has-list">        
<div id="unit-0hIgXNuXsN"  class="module-header-nav-2-unit-4__wrapper" animate package-item="unit" package-type="header-cart" package-unit-type="header-cart"  ><div class="unit-header-cart" hide header-cart>
</div></div>
<div id="unit-wcZm0BPhuJ"  class="module-header-nav-2-unit-5__wrapper" animate package-item="unit" package-type="header-search" package-unit-type="header-search"  ><div class="unit-header-search">
  <div class="unit-header-search__box" >
    <input type="text" class="form-control unit-header-search__input" placeholder="Search...">
    <div class="unit-header-search__btn">
      <span class="iconfont icon-action-search-lighter"></span>
    </div>
  </div>
  <div class="unit-header-search__modal">
    <div class="unit-header-search__content">
      <span class="iconfont icon-action-search-lighter unit-header-search__modal-btn mr-2"></span>
      <input type="text" placeholder="Search..." class="form-control unit-header-search__modal-input">
      <span class="unit-header-search__modal-close iconfont icon-action-close-2"></span>
    </div>
  </div>
  <script>
    (function () {
      // window.scriptQueue.push({
      //   file: '/assets/js/unit/header-search.js',
      //   name: 'ScriptHeaderSearch',
      //   attrId: 'unit-wcZm0BPhuJ'
      // })
      function initScriptAfterAppInit() {
        window.removeEventListener('appInitEnd', initScriptAfterAppInit);
        window.app.initScriptQueue([
          {
            file: '/assets/js/unit/header-search.js',
            name: 'ScriptHeaderSearch',
            attrId: 'unit-wcZm0BPhuJ'
          }
        ]);
      }
      window.addEventListener('appInitEnd', initScriptAfterAppInit);
    })();
  </script>
</div></div>
<div id="unit-Vk9udRRHiq"  class="module-header-nav-2-unit-6__wrapper" animate package-item="unit" package-type="header-language" package-unit-type="header-language"  >
<div class="unit-header-language">
  <div class="unit-header-language__title">
    <span class="iconfont icon-yuzhong"></span>
          </div>
  <div class="unit-header-language__items hide flags-sprite-loader" lazy-src="/assets/images/flags-sprite.webp" lazy-type="background">
          <div class="unit-header-language__item">
        <a href="https://www.tech-long.com/404.html" title="English">
          <i class="unit-header-language__item--icon flag-icon flag-icon-en"></i>
          <span style="display: none"><img alt="English" data-src="/assets/images/flags/en.gif"></span>
          <span class="unit-header-language__item--title code-text--en">English</span>
          <span style="display: none;" class="unit-header-language__item--code code-text--en">en</span>
        </a>
      </div>
          <div class="unit-header-language__item">
        <a href="https://www.tech-long.com/vi/404.html" title="Tiếng Việt">
          <i class="unit-header-language__item--icon flag-icon flag-icon-vi"></i>
          <span style="display: none"><img alt="Tiếng Việt" data-src="/assets/images/flags/vi.gif"></span>
          <span class="unit-header-language__item--title code-text--vi">Tiếng Việt</span>
          <span style="display: none;" class="unit-header-language__item--code code-text--vi">vi</span>
        </a>
      </div>
          <div class="unit-header-language__item">
        <a href="https://www.tech-long.com/tr/404.html" title="Türkçe">
          <i class="unit-header-language__item--icon flag-icon flag-icon-tr"></i>
          <span style="display: none"><img alt="Türkçe" data-src="/assets/images/flags/tr.gif"></span>
          <span class="unit-header-language__item--title code-text--tr">Türkçe</span>
          <span style="display: none;" class="unit-header-language__item--code code-text--tr">tr</span>
        </a>
      </div>
          <div class="unit-header-language__item">
        <a href="https://www.tech-long.com/th/404.html" title="ภาษาไทย">
          <i class="unit-header-language__item--icon flag-icon flag-icon-th"></i>
          <span style="display: none"><img alt="ภาษาไทย" data-src="/assets/images/flags/th.gif"></span>
          <span class="unit-header-language__item--title code-text--th">ภาษาไทย</span>
          <span style="display: none;" class="unit-header-language__item--code code-text--th">th</span>
        </a>
      </div>
          <div class="unit-header-language__item">
        <a href="https://www.tech-long.com/ps/404.html" title="پښتو">
          <i class="unit-header-language__item--icon flag-icon flag-icon-ps"></i>
          <span style="display: none"><img alt="پښتو" data-src="/assets/images/flags/ps.gif"></span>
          <span class="unit-header-language__item--title code-text--ps">پښتو</span>
          <span style="display: none;" class="unit-header-language__item--code code-text--ps">ps</span>
        </a>
      </div>
          <div class="unit-header-language__item">
        <a href="https://www.tech-long.com/my/404.html" title="Burmese">
          <i class="unit-header-language__item--icon flag-icon flag-icon-my"></i>
          <span style="display: none"><img alt="Burmese" data-src="/assets/images/flags/my.gif"></span>
          <span class="unit-header-language__item--title code-text--my">Burmese</span>
          <span style="display: none;" class="unit-header-language__item--code code-text--my">my</span>
        </a>
      </div>
          <div class="unit-header-language__item">
        <a href="https://www.tech-long.com/lo/404.html" title="ລາວ">
          <i class="unit-header-language__item--icon flag-icon flag-icon-lo"></i>
          <span style="display: none"><img alt="ລາວ" data-src="/assets/images/flags/lo.gif"></span>
          <span class="unit-header-language__item--title code-text--lo">ລາວ</span>
          <span style="display: none;" class="unit-header-language__item--code code-text--lo">lo</span>
        </a>
      </div>
          <div class="unit-header-language__item">
        <a href="https://www.tech-long.com/km/404.html" title="ខ្មែរ">
          <i class="unit-header-language__item--icon flag-icon flag-icon-km"></i>
          <span style="display: none"><img alt="ខ្មែរ" data-src="/assets/images/flags/km.gif"></span>
          <span class="unit-header-language__item--title code-text--km">ខ្មែរ</span>
          <span style="display: none;" class="unit-header-language__item--code code-text--km">km</span>
        </a>
      </div>
          <div class="unit-header-language__item">
        <a href="https://www.tech-long.com/id/404.html" title="bahasa Indonesia">
          <i class="unit-header-language__item--icon flag-icon flag-icon-id"></i>
          <span style="display: none"><img alt="bahasa Indonesia" data-src="/assets/images/flags/id.gif"></span>
          <span class="unit-header-language__item--title code-text--id">bahasa Indonesia</span>
          <span style="display: none;" class="unit-header-language__item--code code-text--id">id</span>
        </a>
      </div>
          <div class="unit-header-language__item">
        <a href="https://www.tech-long.com/bn/404.html" title="বাংলা">
          <i class="unit-header-language__item--icon flag-icon flag-icon-bn"></i>
          <span style="display: none"><img alt="বাংলা" data-src="/assets/images/flags/bn.gif"></span>
          <span class="unit-header-language__item--title code-text--bn">বাংলা</span>
          <span style="display: none;" class="unit-header-language__item--code code-text--bn">bn</span>
        </a>
      </div>
          <div class="unit-header-language__item">
        <a href="https://www.tech-long.com/ru/404.html" title="русский">
          <i class="unit-header-language__item--icon flag-icon flag-icon-ru"></i>
          <span style="display: none"><img alt="русский" data-src="/assets/images/flags/ru.gif"></span>
          <span class="unit-header-language__item--title code-text--ru">русский</span>
          <span style="display: none;" class="unit-header-language__item--code code-text--ru">ru</span>
        </a>
      </div>
          <div class="unit-header-language__item">
        <a href="https://www.tech-long.com/ko/404.html" title="한국어">
          <i class="unit-header-language__item--icon flag-icon flag-icon-ko"></i>
          <span style="display: none"><img alt="한국어" data-src="/assets/images/flags/ko.gif"></span>
          <span class="unit-header-language__item--title code-text--ko">한국어</span>
          <span style="display: none;" class="unit-header-language__item--code code-text--ko">ko</span>
        </a>
      </div>
          <div class="unit-header-language__item">
        <a href="https://www.tech-long.com/ja/404.html" title="日语">
          <i class="unit-header-language__item--icon flag-icon flag-icon-ja"></i>
          <span style="display: none"><img alt="日语" data-src="/assets/images/flags/ja.gif"></span>
          <span class="unit-header-language__item--title code-text--ja">日语</span>
          <span style="display: none;" class="unit-header-language__item--code code-text--ja">ja</span>
        </a>
      </div>
          <div class="unit-header-language__item">
        <a href="https://www.tech-long.com/fr/404.html" title="français">
          <i class="unit-header-language__item--icon flag-icon flag-icon-fr"></i>
          <span style="display: none"><img alt="français" data-src="/assets/images/flags/fr.gif"></span>
          <span class="unit-header-language__item--title code-text--fr">français</span>
          <span style="display: none;" class="unit-header-language__item--code code-text--fr">fr</span>
        </a>
      </div>
          <div class="unit-header-language__item">
        <a href="https://www.tech-long.com/es/404.html" title="Español">
          <i class="unit-header-language__item--icon flag-icon flag-icon-es"></i>
          <span style="display: none"><img alt="Español" data-src="/assets/images/flags/es.gif"></span>
          <span class="unit-header-language__item--title code-text--es">Español</span>
          <span style="display: none;" class="unit-header-language__item--code code-text--es">es</span>
        </a>
      </div>
          <div class="unit-header-language__item">
        <a href="https://www.tech-long.com/ar/404.html" title="العربية">
          <i class="unit-header-language__item--icon flag-icon flag-icon-ar"></i>
          <span style="display: none"><img alt="العربية" data-src="/assets/images/flags/ar.gif"></span>
          <span class="unit-header-language__item--title code-text--ar">العربية</span>
          <span style="display: none;" class="unit-header-language__item--code code-text--ar">ar</span>
        </a>
      </div>
      </div>
</div>
<script>
  window.scriptQueue.push({
    file: '/assets/js/unit/header-language.js',
    name: 'ScriptHeaderLanguage',
    attrId: 'unit-Vk9udRRHiq',
    languageCode: 'en',
    language_mode: '0',
    language_config: '{&#34;_attrs&#34;:{},&#34;type&#34;:&#34;language&#34;,&#34;cacheConfig&#34;:{},&#34;sign&#34;:&#34;hucjbZXuwg&#34;,&#34;allow_language_code&#34;:0,&#34;language_type&#34;:1}'
  })
</script>
</div>
      </div>
</div>
      </div>
</div>
      </div>
</div>
<div id="module-B0Sb6hDwti" class=" " package-item="module"    hide-pc    >
    <div package-group="grid" style="width: 100%;">
<div id="grid-q4cyv167Sb" package-item="grid" class="container container-fluid"   >
  <div package-group="cell" class="row no-gutters">
<div id="cell-bZ4LbZksBv" package-item="cell" class="col col-6 col-md-6 col-xl-6"  >
  <div package-group="unit" class="">        
<div id="unit-2ep0ehHqap"  class="module-header-m-1-unit-1__wrapper" animate package-item="unit" package-type="logo" package-unit-type="logo"  >
<div class="unit-logo">
  <a class="h-100" href="/" >
<div class="base-image base-image--effect-3 " >
    <div class="base-image__item base-image__item--default " >
    <picture class="base-image__img">
      <source type="image/webp" srcset="https://img.yfisher.com/m4940/1698216107310-logo2/png100-t3-scale100.webp" />
      <img data-hidden onload="this.removeAttribute('data-hidden')" decoding="async" class="base-image__img img-fluid" alt="" src="https://img.yfisher.com/m4940/1698216107310-logo2/png100-t3-scale100.webp">
    </picture>
  </div>
</div>
      </a>
</div></div>
      </div>
</div>
<div id="cell-IQOZe6t6su" package-item="cell" class="col col-6 col-md-6 col-xl-6"  >
  <div package-group="unit" class="">        
<div id="unit-SQ5xOPM3zc"  class="module-header-m-1-unit-2__wrapper" animate package-item="unit" package-type="header-cart" package-unit-type="header-cart"  ><div class="unit-header-cart" hide header-cart>
</div></div>
<div id="unit-bkwCpnQT48"  class="module-header-m-1-unit-3__wrapper" animate package-item="unit" package-type="header-search" package-unit-type="header-search"  ><div class="unit-header-search">
  <div class="unit-header-search__box" >
    <input type="text" class="form-control unit-header-search__input" placeholder="Search...">
    <div class="unit-header-search__btn">
      <span class="iconfont icon-action-search-lighter"></span>
    </div>
  </div>
  <div class="unit-header-search__modal">
    <div class="unit-header-search__content">
      <span class="iconfont icon-action-search-lighter unit-header-search__modal-btn mr-2"></span>
      <input type="text" placeholder="Search..." class="form-control unit-header-search__modal-input">
      <span class="unit-header-search__modal-close iconfont icon-action-close-2"></span>
    </div>
  </div>
  <script>
    (function () {
      // window.scriptQueue.push({
      //   file: '/assets/js/unit/header-search.js',
      //   name: 'ScriptHeaderSearch',
      //   attrId: 'unit-bkwCpnQT48'
      // })
      function initScriptAfterAppInit() {
        window.removeEventListener('appInitEnd', initScriptAfterAppInit);
        window.app.initScriptQueue([
          {
            file: '/assets/js/unit/header-search.js',
            name: 'ScriptHeaderSearch',
            attrId: 'unit-bkwCpnQT48'
          }
        ]);
      }
      window.addEventListener('appInitEnd', initScriptAfterAppInit);
    })();
  </script>
</div></div>
<div id="unit-9qOk8sgcZ2"  class="module-header-m-1-unit-4__wrapper" animate package-item="unit" package-type="header-menu" package-unit-type="header-menu"  ><div class="unit-header-menu">
  <div class="unit-header-menu__switch">
    <span class="iconfont icon-base-menu"></span>
  </div>
  <div class="unit-header-menu__box">
    <div class="unit-header-menu__box-header">
      <div class="unit-header-menu__logo">
<div class="unit-logo">
  <a class="h-100" href="/" >
<div class="base-image  " >
    <div class="base-image__item base-image__item--default " >
    <picture class="base-image__img">
      <source type="image/webp" srcset="https://img.yfisher.com/m4940/1698216107310-logo2/png100-t3-scale100.webp" />
      <img data-hidden onload="this.removeAttribute('data-hidden')" decoding="async" class="base-image__img img-fluid" alt="" src="https://img.yfisher.com/m4940/1698216107310-logo2/png100-t3-scale100.webp">
    </picture>
  </div>
</div>
          <span hidden>TECH-LONG</span>      </a>
</div>      </div>
      <div class="unit-header-menu__close">
        <span class="iconfont icon-action-close-2"></span>
      </div>
    </div>
    <div class="unit-header-menu__box-body">
      <!-- 搜索 -->
      <div class="unit-header-menu__search">
        <div class="unit-header-menu__search-box">
          <div class="unit-header-menu__search-btn">
            <span class="iconfont icon-action-search-lighter"></span>
          </div>
          <input type="text" placeholder="" class="unit-header-menu__search-input" />
        </div>
      </div>
      <!-- 菜单栏 -->
      <div class="unit-header-menu__nav">
        <div class="unit-header-menu__nav-wrap">
          <div class="unit-header-menu__nav-inner">
                        <div class="unit-header-menu__nav-item">
              <a class="unit-header-menu__nav__item-link " href="/" rel="" firstMenu>
                                <div class="px-2">
                  <span class="unit-header-menu__nav_name ">
                    home
                  </span>
                </div>
              </a>
              <!-- 二级菜单 -->
                          </div>
                        <div class="unit-header-menu__nav-item">
              <a class="unit-header-menu__nav__item-link " href="/products.html" rel="" firstMenu>
                                <span class="unit-header-menu__nav__item-drop iconfont icon-action-bottom-lighter "></span>
                                <div class="px-2">
                  <span class="unit-header-menu__nav_name ">
                    Product
                  </span>
                </div>
              </a>
              <!-- 二级菜单 -->
                            <div class="unit-header-menu__nav__item-content  ">
                                <div class="unit-header-menu__nav__item-son">
                  <a class="unit-header-menu__nav__item-link " href="/products/water-treatment-system.html" rel="" subMenu>
                                        <div class="px-2">
                      <span class="unit-header-menu__nav-list_name ">
                        Water Treatment System
                      </span>
                    </div>
                  </a>
                  <!-- 三级菜单 -->
                                  </div>
                                <div class="unit-header-menu__nav__item-son">
                  <a class="unit-header-menu__nav__item-link " href="/products/beverage-treatment-system.html" rel="" subMenu>
                                        <div class="px-2">
                      <span class="unit-header-menu__nav-list_name ">
                        Pretreatment System
                      </span>
                    </div>
                  </a>
                  <!-- 三级菜单 -->
                                  </div>
                                <div class="unit-header-menu__nav__item-son">
                  <a class="unit-header-menu__nav__item-link " href="/integrated-filling-lines.html" rel="" subMenu>
                                        <span class="unit-header-menu__nav__item-drop iconfont icon-action-bottom-lighter "></span>
                                        <div class="px-2">
                      <span class="unit-header-menu__nav-list_name ">
                        Integrated Filling Lines
                      </span>
                    </div>
                  </a>
                  <!-- 三级菜单 -->
                                    <div class="unit-header-menu__nav__item-son-content ">
                                        <div class="unit-header-menu__nav__item-grandson">
                      <a class="unit-header-menu__nav__item-link " href="/products/blowing-filling-capping-monobloc.html" rel="" subMenu>
                                                <div class="px-2">
                          <span class="unit-header-menu__nav-list_son_name ">
                            BFC Monoblock Machine
                          </span>
                        </div>
                      </a>
                      <!-- 四级菜单 -->
                                          </div>
                                        <div class="unit-header-menu__nav__item-grandson">
                      <a class="unit-header-menu__nav__item-link " href="/a-new-generation-of-water-filling-machine.html" rel="" subMenu>
                                                <div class="px-2">
                          <span class="unit-header-menu__nav-list_son_name ">
                            A New Generation of Water Filling Machine
                          </span>
                        </div>
                      </a>
                      <!-- 四级菜单 -->
                                          </div>
                                        <div class="unit-header-menu__nav__item-grandson">
                      <a class="unit-header-menu__nav__item-link " href="/products/blowing-labeling-filling-capping-monobloc.html" rel="" subMenu>
                                                <div class="px-2">
                          <span class="unit-header-menu__nav-list_son_name ">
                            BLFC Monoblock Machine
                          </span>
                        </div>
                      </a>
                      <!-- 四级菜单 -->
                                          </div>
                                        <div class="unit-header-menu__nav__item-grandson">
                      <a class="unit-header-menu__nav__item-link " href="/aseptic.html" rel="" subMenu>
                                                <span class="unit-header-menu__nav__item-drop iconfont icon-action-bottom-lighter "></span>
                                                <div class="px-2">
                          <span class="unit-header-menu__nav-list_son_name ">
                            Aseptic BFC Monoblock Machine
                          </span>
                        </div>
                      </a>
                      <!-- 四级菜单 -->
                                            <div class="unit-header-menu__nav__item-son-content ">
                                                <div class="unit-header-menu__nav__item-grateson">
                          <a class="unit-header-menu__nav__item-link " href="/bottle-chemical-wet-sterilization.html" rel="" subMenu>
                            <div class="px-2">
                              <span class="unit-header-menu__nav-list_son_name ">
                                Bottle Chemical Wet Sterilization
                              </span>
                            </div>
                          </a>
                        </div>
                                                <div class="unit-header-menu__nav__item-grateson">
                          <a class="unit-header-menu__nav__item-link " href="/preform-chemical-dry-sterilization.html" rel="" subMenu>
                            <div class="px-2">
                              <span class="unit-header-menu__nav-list_son_name ">
                                Preform Chemical Dry Sterilization
                              </span>
                            </div>
                          </a>
                        </div>
                                                <div class="unit-header-menu__nav__item-grateson">
                          <a class="unit-header-menu__nav__item-link " href="/bottle-physical-dry-sterilization.html" rel="" subMenu>
                            <div class="px-2">
                              <span class="unit-header-menu__nav-list_son_name ">
                                Bottle Physical Dry Sterilization
                              </span>
                            </div>
                          </a>
                        </div>
                                                <div class="unit-header-menu__nav__item-grateson">
                          <a class="unit-header-menu__nav__item-link " href="/combined-dry-and-wet-sterilization.html" rel="" subMenu>
                            <div class="px-2">
                              <span class="unit-header-menu__nav-list_son_name ">
                                Combined Dry And Wet Sterilization
                              </span>
                            </div>
                          </a>
                        </div>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                                <div class="unit-header-menu__nav__item-son">
                  <a class="unit-header-menu__nav__item-link " href="/products/blow-molding-machine-2.html" rel="" subMenu>
                                        <div class="px-2">
                      <span class="unit-header-menu__nav-list_name ">
                        Blow Molding Machine
                      </span>
                    </div>
                  </a>
                  <!-- 三级菜单 -->
                                  </div>
                                <div class="unit-header-menu__nav__item-son">
                  <a class="unit-header-menu__nav__item-link " href="/products/filling-machine.html" rel="" subMenu>
                                        <div class="px-2">
                      <span class="unit-header-menu__nav-list_name ">
                        Filling Machine
                      </span>
                    </div>
                  </a>
                  <!-- 三级菜单 -->
                                  </div>
                                <div class="unit-header-menu__nav__item-son">
                  <a class="unit-header-menu__nav__item-link " href="/products/hot-melt-glue-labeling-machine.html" rel="" subMenu>
                                        <div class="px-2">
                      <span class="unit-header-menu__nav-list_name ">
                        Labeling Machine
                      </span>
                    </div>
                  </a>
                  <!-- 三级菜单 -->
                                  </div>
                                <div class="unit-header-menu__nav__item-son">
                  <a class="unit-header-menu__nav__item-link " href="/products/conveying-system.html" rel="" subMenu>
                                        <div class="px-2">
                      <span class="unit-header-menu__nav-list_name ">
                        Conveyor System
                      </span>
                    </div>
                  </a>
                  <!-- 三级菜单 -->
                                  </div>
                                <div class="unit-header-menu__nav__item-son">
                  <a class="unit-header-menu__nav__item-link " href="/products/packaging-machines.html" rel="" subMenu>
                                        <div class="px-2">
                      <span class="unit-header-menu__nav-list_name ">
                        Packaging Machines
                      </span>
                    </div>
                  </a>
                  <!-- 三级菜单 -->
                                  </div>
                              </div>
                          </div>
                        <div class="unit-header-menu__nav-item">
              <a class="unit-header-menu__nav__item-link " href="/solution.html" rel="" firstMenu>
                                <span class="unit-header-menu__nav__item-drop iconfont icon-action-bottom-lighter "></span>
                                <div class="px-2">
                  <span class="unit-header-menu__nav_name ">
                    Solution
                  </span>
                </div>
              </a>
              <!-- 二级菜单 -->
                            <div class="unit-header-menu__nav__item-content  ">
                                <div class="unit-header-menu__nav__item-son">
                  <a class="unit-header-menu__nav__item-link " href="/complete-line-solution.html" rel="" subMenu>
                                        <span class="unit-header-menu__nav__item-drop iconfont icon-action-bottom-lighter "></span>
                                        <div class="px-2">
                      <span class="unit-header-menu__nav-list_name ">
                        Complete Line Solution
                      </span>
                    </div>
                  </a>
                  <!-- 三级菜单 -->
                                    <div class="unit-header-menu__nav__item-son-content ">
                                        <div class="unit-header-menu__nav__item-grandson">
                      <a class="unit-header-menu__nav__item-link " href="/water-filling-lines.html" rel="" subMenu>
                                                <div class="px-2">
                          <span class="unit-header-menu__nav-list_son_name ">
                            Water Lines
                          </span>
                        </div>
                      </a>
                      <!-- 四级菜单 -->
                                          </div>
                                        <div class="unit-header-menu__nav__item-grandson">
                      <a class="unit-header-menu__nav__item-link " href="/aseptic-filling-lines.html" rel="" subMenu>
                                                <div class="px-2">
                          <span class="unit-header-menu__nav-list_son_name ">
                            Aseptic Filling Lines
                          </span>
                        </div>
                      </a>
                      <!-- 四级菜单 -->
                                          </div>
                                        <div class="unit-header-menu__nav__item-grandson">
                      <a class="unit-header-menu__nav__item-link " href="/carbonated-drink-production-line.html" rel="" subMenu>
                                                <div class="px-2">
                          <span class="unit-header-menu__nav-list_son_name ">
                            Carbonated Soft Drinks Lines
                          </span>
                        </div>
                      </a>
                      <!-- 四级菜单 -->
                                          </div>
                                        <div class="unit-header-menu__nav__item-grandson">
                      <a class="unit-header-menu__nav__item-link " href="/hot-fill-lines.html" rel="" subMenu>
                                                <div class="px-2">
                          <span class="unit-header-menu__nav-list_son_name ">
                            Hot Filling Lines
                          </span>
                        </div>
                      </a>
                      <!-- 四级菜单 -->
                                          </div>
                                        <div class="unit-header-menu__nav__item-grandson">
                      <a class="unit-header-menu__nav__item-link " href="/edible-oil-lines.html" rel="" subMenu>
                                                <div class="px-2">
                          <span class="unit-header-menu__nav-list_son_name ">
                            Edible Oil Lines
                          </span>
                        </div>
                      </a>
                      <!-- 四级菜单 -->
                                          </div>
                                        <div class="unit-header-menu__nav__item-grandson">
                      <a class="unit-header-menu__nav__item-link " href="/sauces-dressings.html" rel="" subMenu>
                                                <div class="px-2">
                          <span class="unit-header-menu__nav-list_son_name ">
                            Sauces &amp; Dressings Lines
                          </span>
                        </div>
                      </a>
                      <!-- 四级菜单 -->
                                          </div>
                                        <div class="unit-header-menu__nav__item-grandson">
                      <a class="unit-header-menu__nav__item-link " href="/daily-chemical-product-filling-line.html" rel="" subMenu>
                                                <div class="px-2">
                          <span class="unit-header-menu__nav-list_son_name ">
                            Daily Products Lines
                          </span>
                        </div>
                      </a>
                      <!-- 四级菜单 -->
                                          </div>
                                      </div>
                                  </div>
                                <div class="unit-header-menu__nav__item-son">
                  <a class="unit-header-menu__nav__item-link " href="/service.html" rel="" subMenu>
                                        <span class="unit-header-menu__nav__item-drop iconfont icon-action-bottom-lighter "></span>
                                        <div class="px-2">
                      <span class="unit-header-menu__nav-list_name ">
                        Service Solutions
                      </span>
                    </div>
                  </a>
                  <!-- 三级菜单 -->
                                    <div class="unit-header-menu__nav__item-son-content ">
                                        <div class="unit-header-menu__nav__item-grandson">
                      <a class="unit-header-menu__nav__item-link " href="/products/industrial-software.html" rel="" subMenu>
                                                <div class="px-2">
                          <span class="unit-header-menu__nav-list_son_name ">
                            Digital Solutions
                          </span>
                        </div>
                      </a>
                      <!-- 四级菜单 -->
                                          </div>
                                        <div class="unit-header-menu__nav__item-grandson">
                      <a class="unit-header-menu__nav__item-link " href="/products/spare-parts.html" rel="" subMenu>
                                                <div class="px-2">
                          <span class="unit-header-menu__nav-list_son_name ">
                            Machining Services
                          </span>
                        </div>
                      </a>
                      <!-- 四级菜单 -->
                                          </div>
                                        <div class="unit-header-menu__nav__item-grandson">
                      <a class="unit-header-menu__nav__item-link " href="/products/blow-molds-products-range.html" rel="" subMenu>
                                                <div class="px-2">
                          <span class="unit-header-menu__nav-list_son_name ">
                            Customize Bottle
                          </span>
                        </div>
                      </a>
                      <!-- 四级菜单 -->
                                          </div>
                                        <div class="unit-header-menu__nav__item-grandson">
                      <a class="unit-header-menu__nav__item-link " href="/global-service-network.html" rel="" subMenu>
                                                <div class="px-2">
                          <span class="unit-header-menu__nav-list_son_name ">
                            Global Service Network
                          </span>
                        </div>
                      </a>
                      <!-- 四级菜单 -->
                                          </div>
                                      </div>
                                  </div>
                              </div>
                          </div>
                        <div class="unit-header-menu__nav-item">
              <a class="unit-header-menu__nav__item-link " href="/about/techlong.html" rel="" firstMenu>
                                <span class="unit-header-menu__nav__item-drop iconfont icon-action-bottom-lighter "></span>
                                <div class="px-2">
                  <span class="unit-header-menu__nav_name ">
                    About Us
                  </span>
                </div>
              </a>
              <!-- 二级菜单 -->
                            <div class="unit-header-menu__nav__item-content  ">
                                <div class="unit-header-menu__nav__item-son">
                  <a class="unit-header-menu__nav__item-link " href="/brand-story.html" rel="" subMenu>
                                        <div class="px-2">
                      <span class="unit-header-menu__nav-list_name ">
                        Brand Story
                      </span>
                    </div>
                  </a>
                  <!-- 三级菜单 -->
                                  </div>
                                <div class="unit-header-menu__nav__item-son">
                  <a class="unit-header-menu__nav__item-link " href="/enterprise-culture.html" rel="" subMenu>
                                        <div class="px-2">
                      <span class="unit-header-menu__nav-list_name ">
                        Enterprise Culture
                      </span>
                    </div>
                  </a>
                  <!-- 三级菜单 -->
                                  </div>
                                <div class="unit-header-menu__nav__item-son">
                  <a class="unit-header-menu__nav__item-link " href="/about/history.html" rel="" subMenu>
                                        <div class="px-2">
                      <span class="unit-header-menu__nav-list_name ">
                        History
                      </span>
                    </div>
                  </a>
                  <!-- 三级菜单 -->
                                  </div>
                                <div class="unit-header-menu__nav__item-son">
                  <a class="unit-header-menu__nav__item-link " href="/about/advantages.html" rel="" subMenu>
                                        <div class="px-2">
                      <span class="unit-header-menu__nav-list_name ">
                        TECH-LONG Advantage
                      </span>
                    </div>
                  </a>
                  <!-- 三级菜单 -->
                                  </div>
                                <div class="unit-header-menu__nav__item-son">
                  <a class="unit-header-menu__nav__item-link " href="/about/honors.html" rel="" subMenu>
                                        <div class="px-2">
                      <span class="unit-header-menu__nav-list_name ">
                         Enterprise Honors
                      </span>
                    </div>
                  </a>
                  <!-- 三级菜单 -->
                                  </div>
                                <div class="unit-header-menu__nav__item-son">
                  <a class="unit-header-menu__nav__item-link " href="/about/our-customers.html" rel="" subMenu>
                                        <div class="px-2">
                      <span class="unit-header-menu__nav-list_name ">
                        Our Customers
                      </span>
                    </div>
                  </a>
                  <!-- 三级菜单 -->
                                  </div>
                                <div class="unit-header-menu__nav__item-son">
                  <a class="unit-header-menu__nav__item-link " href="/sustainability.html" rel="" subMenu>
                                        <div class="px-2">
                      <span class="unit-header-menu__nav-list_name ">
                        Sustainability
                      </span>
                    </div>
                  </a>
                  <!-- 三级菜单 -->
                                  </div>
                                <div class="unit-header-menu__nav__item-son">
                  <a class="unit-header-menu__nav__item-link " href="/download/focus-tech-long.html" rel="" subMenu>
                                        <div class="px-2">
                      <span class="unit-header-menu__nav-list_name ">
                        Enterprise E-book
                      </span>
                    </div>
                  </a>
                  <!-- 三级菜单 -->
                                  </div>
                              </div>
                          </div>
                        <div class="unit-header-menu__nav-item">
              <a class="unit-header-menu__nav__item-link " href="/project.html" rel="" firstMenu>
                                <span class="unit-header-menu__nav__item-drop iconfont icon-action-bottom-lighter "></span>
                                <div class="px-2">
                  <span class="unit-header-menu__nav_name ">
                    Historical project
                  </span>
                </div>
              </a>
              <!-- 二级菜单 -->
                            <div class="unit-header-menu__nav__item-content  ">
                                <div class="unit-header-menu__nav__item-son">
                  <a class="unit-header-menu__nav__item-link " href="/water-series.html" rel="" subMenu>
                                        <div class="px-2">
                      <span class="unit-header-menu__nav-list_name ">
                        Water Series
                      </span>
                    </div>
                  </a>
                  <!-- 三级菜单 -->
                                  </div>
                                <div class="unit-header-menu__nav__item-son">
                  <a class="unit-header-menu__nav__item-link " href="/fruit-juice.html" rel="" subMenu>
                                        <div class="px-2">
                      <span class="unit-header-menu__nav-list_name ">
                        Fruit Juice
                      </span>
                    </div>
                  </a>
                  <!-- 三级菜单 -->
                                  </div>
                                <div class="unit-header-menu__nav__item-son">
                  <a class="unit-header-menu__nav__item-link " href="/others.html" rel="" subMenu>
                                        <div class="px-2">
                      <span class="unit-header-menu__nav-list_name ">
                        Others
                      </span>
                    </div>
                  </a>
                  <!-- 三级菜单 -->
                                  </div>
                              </div>
                          </div>
                        <div class="unit-header-menu__nav-item">
              <a class="unit-header-menu__nav__item-link " href="/resource.html" rel="" firstMenu>
                                <span class="unit-header-menu__nav__item-drop iconfont icon-action-bottom-lighter "></span>
                                <div class="px-2">
                  <span class="unit-header-menu__nav_name ">
                    Resource
                  </span>
                </div>
              </a>
              <!-- 二级菜单 -->
                            <div class="unit-header-menu__nav__item-content  ">
                                <div class="unit-header-menu__nav__item-son">
                  <a class="unit-header-menu__nav__item-link " href="/news.html" rel="" subMenu>
                                        <span class="unit-header-menu__nav__item-drop iconfont icon-action-bottom-lighter "></span>
                                        <div class="px-2">
                      <span class="unit-header-menu__nav-list_name ">
                        News &amp; Events
                      </span>
                    </div>
                  </a>
                  <!-- 三级菜单 -->
                                    <div class="unit-header-menu__nav__item-son-content ">
                                        <div class="unit-header-menu__nav__item-grandson">
                      <a class="unit-header-menu__nav__item-link " href="/company-news.html" rel="" subMenu>
                                                <div class="px-2">
                          <span class="unit-header-menu__nav-list_son_name ">
                            Company news
                          </span>
                        </div>
                      </a>
                      <!-- 四级菜单 -->
                                          </div>
                                        <div class="unit-header-menu__nav__item-grandson">
                      <a class="unit-header-menu__nav__item-link " href="/exhibition.html" rel="" subMenu>
                                                <div class="px-2">
                          <span class="unit-header-menu__nav-list_son_name ">
                            Expo News
                          </span>
                        </div>
                      </a>
                      <!-- 四级菜单 -->
                                          </div>
                                        <div class="unit-header-menu__nav__item-grandson">
                      <a class="unit-header-menu__nav__item-link " href="/thought-leadership.html" rel="" subMenu>
                                                <div class="px-2">
                          <span class="unit-header-menu__nav-list_son_name ">
                            Thought Leadership
                          </span>
                        </div>
                      </a>
                      <!-- 四级菜单 -->
                                          </div>
                                      </div>
                                  </div>
                                <div class="unit-header-menu__nav__item-son">
                  <a class="unit-header-menu__nav__item-link " href="/download/product-video.html" rel="" subMenu>
                                        <div class="px-2">
                      <span class="unit-header-menu__nav-list_name ">
                        Video
                      </span>
                    </div>
                  </a>
                  <!-- 三级菜单 -->
                                  </div>
                                <div class="unit-header-menu__nav__item-son">
                  <a class="unit-header-menu__nav__item-link " href="/blog.html" rel="" subMenu>
                                        <div class="px-2">
                      <span class="unit-header-menu__nav-list_name ">
                        Blog
                      </span>
                    </div>
                  </a>
                  <!-- 三级菜单 -->
                                  </div>
                                <div class="unit-header-menu__nav__item-son">
                  <a class="unit-header-menu__nav__item-link " href="/product-operation-guide.html" rel="" subMenu>
                                        <div class="px-2">
                      <span class="unit-header-menu__nav-list_name ">
                        Product Operation Guide
                      </span>
                    </div>
                  </a>
                  <!-- 三级菜单 -->
                                  </div>
                                <div class="unit-header-menu__nav__item-son">
                  <a class="unit-header-menu__nav__item-link " href="/download/catalog.html" rel="" subMenu>
                                        <div class="px-2">
                      <span class="unit-header-menu__nav-list_name ">
                        Catalogue Download
                      </span>
                    </div>
                  </a>
                  <!-- 三级菜单 -->
                                  </div>
                              </div>
                          </div>
                        <div class="unit-header-menu__nav-item">
              <a class="unit-header-menu__nav__item-link " href="/contact/sales-network.html" rel="" firstMenu>
                                <span class="unit-header-menu__nav__item-drop iconfont icon-action-bottom-lighter "></span>
                                <div class="px-2">
                  <span class="unit-header-menu__nav_name ">
                     Contact Us
                  </span>
                </div>
              </a>
              <!-- 二级菜单 -->
                            <div class="unit-header-menu__nav__item-content  ">
                                <div class="unit-header-menu__nav__item-son">
                  <a class="unit-header-menu__nav__item-link " href="/contact/branches-and-distributors.html" rel="" subMenu>
                                        <div class="px-2">
                      <span class="unit-header-menu__nav-list_name ">
                        Branches and Distributors
                      </span>
                    </div>
                  </a>
                  <!-- 三级菜单 -->
                                  </div>
                                <div class="unit-header-menu__nav__item-son">
                  <a class="unit-header-menu__nav__item-link " href="/contact/engineering-service.html" rel="" subMenu>
                                        <div class="px-2">
                      <span class="unit-header-menu__nav-list_name ">
                        Engineering Service
                      </span>
                    </div>
                  </a>
                  <!-- 三级菜单 -->
                                  </div>
                              </div>
                          </div>
                      </div>
        </div>
      </div>
    </div>
    <div class="unit-header-menu__box-footer">
      <div class="unit-header-menu__box-list">
        <div class="unit-header-menu__box-item">
          <div class="unit-header-menu__language">
            <a href="/multi-language.html">
              <span class="iconfont icon-yuzhong pr-1"></span>
                            <span>English</span>
                          </a>
          </div>
        </div>
        <div class="unit-header-menu__box-item" id="unit-header-mobile__login">
          <!-- 通过是否开启会员功能动态加载登录区块 -->
        </div>
      </div>
    </div>
  </div>
  <script>
    (function () {
      // window.scriptQueue.push({
      //   file: '/assets/js/unit/header-menu.js',
      //   name: 'ScriptHeaderMenu',
      //   attrId: 'unit-9qOk8sgcZ2'
      // })
      function initScriptAfterAppInit() {
        window.removeEventListener('appInitEnd', initScriptAfterAppInit);
        window.app.initScriptQueue([
          {
            file: '/assets/js/unit/header-menu.js',
            name: 'ScriptHeaderMenu',
            attrId: 'unit-9qOk8sgcZ2'
          }
        ]);
      }
      window.addEventListener('appInitEnd', initScriptAfterAppInit);
    })();
  </script>
</div>
</div>
      </div>
</div>
      </div>
</div>
      </div>
</div>
      </div>
</div>
<div id="block-jn2laBij4z" package-item="block"   package-type="main" package-block-type="main" position="0" position-index="0"  >
  <div package-group="module">
<div id="module-rXWcxntvMZ" class=" " package-item="module"       >
    <div package-group="grid" style="width: 100%;">
<div id="grid-fgp1WQlRLQ" package-item="grid" class="container "   >
  <div package-group="cell" class="row no-gutters">
<div id="cell-VJgnAMomka" package-item="cell" class="col col-12 col-md-6 col-xl-6"  >
  <div package-group="unit" class="cell-has-list">        
<div id="unit-3pDigUD9RE"  class="base-404-unit-1__wrapper" animate package-item="unit" package-type="image" package-unit-type="image"  ><h1 class="hide"></h1>
<div class="unit-image">
            <a class="d-block "  href="javascript:;" rel="">
<div class="base-image  " >
    <div class="base-image__item base-image__item--default " >
    <img data-hidden onload="this.removeAttribute('data-hidden')" decoding="async" loading="lazy" class="base-image__img img-fluid" alt="" from="" src="" lazy-src="https://img.yfisher.com/1607493270519.svg" img-index="0" >
  </div>
</div>
    </a>
        <script>
    window.scriptQueue.push({
      file: '/assets/js/unit/image.js',
      name: 'ScriptImage',
      attrId: 'unit-3pDigUD9RE',
      config: '{"_attrs":{},"type":"image","cacheConfig":{},"sign":"eadMet70QR","scale":"","instant_load":0,"effect":0,"use_original":0,"min_size":350,"has_nofollow":0,"alternate":"","current_hide_phone":0,"sequence":["main",0,0,0,0]}',
      video_config: '{"_attrs":{"is_default":true},"type":"video","cacheConfig":{},"sign":"orAwAwOWI8","method":"2","method_md":"2","method_xl":"2","icon":"1","loop":"0","muted":"0","auto_hide":"0","autoplay":"0","controls":"0","videoscale":"","videoscale_md":"","videoscale_xl":"","allow_video":0,"show_mask":"0","opacity":0.3,"preview_duration":"3"}',
      images: '[{"sign":"kZdxfXemE1","content_type":"","href":"javascript:;","target":"_self","title":"","title_sign":"gRwkDWjH2P","tab":"default","tab_sign":"NV4LV0JzxK","content_id":0,"children":[],"img":"https://img.yfisher.com/1607493270519.svg","img_width":0,"img_height":0,"hover_img":"","cover_url":"","is_embed_video":"","original_picture_url":"","alt":"","caption":"","alt_sign":"Yp6nEga1zc","caption_sign":"aC6azABBpG","subtitle":"","year":"","subtitle_sign":"sRJlFIbIGb","description":"","description_sign":"JsS51tX1ty","renew_time":"","update_time":"","video_gif":"","is_allow_gif":0}]'
    })
  </script>
  </div>
</div>
      </div>
</div>
<div id="cell-kJC32YeddY" package-item="cell" class="col col-12 col-md-6 col-xl-6"  >
  <div package-group="unit" class="">        
<div id="unit-CSWWCyL3IB"  class="base-404-unit-8__wrapper" animate package-item="unit" package-type="text" package-unit-type="text"  ><div class="unit-text row no-gutters" text-style="">
      <div class="unit-text__item col-12 col-md-12 col-xl-12">
      <div tinymce><div style='font-size: 100%'>oops...! The page you are looking for cannot be found.</div></div>
    </div>
  </div>
</div>
<div id="unit-bewNy0KGrI"  class="base-404-unit-2__wrapper" animate package-item="unit" package-type="button" package-unit-type="button"  ><div class="unit-button row no-gutters" button-style="2">
      <div class="unit-button__item col-12 col-md-12 col-xl-12">
<div class="base-button">
                <a class="base-button__inner btn custom-color" style="" href="javascript:history.go(-1);" rel="" link-button >
                  <div class="d-inline-block">← Back</div>
    </a>
  </div>    </div>
  </div></div>
<div id="unit-b6swnpaZb7"  class="base-404-unit-3__wrapper" animate package-item="unit" package-type="button" package-unit-type="button"  ><div class="unit-button row no-gutters" button-style="2">
      <div class="unit-button__item col-12 col-md-12 col-xl-12">
<div class="base-button">
                <a class="base-button__inner btn custom-color" style="" href="/" rel="" link-button >
                  <div class="d-inline-block">Go to homepage</div>
    </a>
  </div>    </div>
  </div></div>
<div id="unit-zFyCOaiOH9"  class="base-404-unit-4__wrapper" animate package-item="unit" package-type="text" package-unit-type="text"  ><div class="unit-text row no-gutters" text-style="3">
      <div class="unit-text__item col-12 col-md-12 col-xl-12">
      <div tinymce><div style='font-size: 100%'>Here's some useful links <br><span style='opacity:.6'>●</span> Visit <a href="/" style='color:rgb(var(--rgb-color));'>My Website</a></div></div>
    </div>
  </div>
</div>
<div id="unit-DNdUmDUANP"  class="base-404-unit-5__wrapper" animate package-item="unit" package-type="text" package-unit-type="text"  ><div class="unit-text row no-gutters" text-style="3">
      <div class="unit-text__item col-12 col-md-12 col-xl-12">
      <div tinymce><div style='font-size: 100%'>You can also check out some of our recommend products below...</div></div>
    </div>
  </div>
</div>
      </div>
</div>
      </div>
</div>
      </div>
</div>
<div id="module-KOgxbQkiPN" class=" " package-item="module"       >
    <div package-group="grid" style="width: 100%;">
<div id="grid-ViEfETyEsl" package-item="grid" class="container "   >
  <div package-group="cell" class="row no-gutters">
<div id="cell-PcsmrJkcak" package-item="cell" class="col col-12 col-md-12 col-xl-12"  >
  <div package-group="unit" class="">        
<div id="unit-AQ3OYLYM99"  class="base-404-unit-6__wrapper" animate package-item="unit" package-type="text" package-unit-type="text"  ><div class="unit-text row no-gutters" text-style="2">
      <div class="unit-text__item col-12 col-md-12 col-xl-12">
      <div tinymce><div style='font-size: 100%'>New Products</div></div>
    </div>
  </div>
</div>
      </div>
</div>
<div id="cell-2LU3XAcMHx" package-item="cell" class="col col-12 col-md-12 col-xl-12"  >
  <div package-group="unit" class="cell-has-list">        
<div id="unit-1ZQctzElCI"  class="base-404-unit-7__wrapper" animate package-item="unit" package-type="list" package-unit-type="list"  ><div
  class="unit-list base-404-unit-7 "
   tab-type="latest products">
  <style>
    @media (min-width: 1200px) {#unit-1ZQctzElCI .unit-list__items{}}@media (min-width: 768px) and (max-width: 1199px) {#unit-1ZQctzElCI .unit-list__items{}}@media (max-width: 767px) {#unit-1ZQctzElCI .unit-list__items{}}
  </style>
                                                                  <div class="swiper-container  " direction="x">
        <div
          class="unit-list__items swiper-wrapper row swiper-grid gcol-6 gcol-md-3 gcol-xl-3 "
        >
                    <div
            animate
            class=" animate unit-list__item swiper-slide   col-6 col-md-3 col-xl-3 "
            col-last-col="false"
            col-md-last-col="false"
            col-xl-last-col="false"
            col-last-row="false"
            col-md-last-row="false"
            col-xl-last-row="false"
            col-first-row="true"
            col-md-first-row="true"
            col-xl-first-row="true"
            data-media="Bottle unscrambler has multiple functions such as efficient sorting and arrangement as well as automation and intelligence- TECH-LONG"
            composing-xl=""
            even-row="false"
                        >
            <div class="unit-list__a">
              <div
                class="unit-list__item-inner d-flex flex-column"
                point-content_xl="0"
                point-content_md="0"
                point-content_default="0"
                layout_superiority_xl="0"
                layout_superiority_md="0"
                layout_superiority_default="0"
              >
                                                                      <a class="unit-list__image align-self "  href="/products/industrial-automation-series/bottle-unscrambler.html" rel="" content-render="product_hover,video_icon" content-type="product" content-id="1329"  >                      
<div class="base-image  " >
    <div class="base-image__item base-image__item--default " >
    <img data-hidden onload="this.removeAttribute('data-hidden')" decoding="async" loading="lazy" class="base-image__img img-fluid" alt="Bottle unscrambler has multiple functions such as efficient sorting and arrangement as well as automation and intelligence- TECH-LONG" from="product_list" src="" lazy-src="https://img.yfisher.com/m4940/168992380393a578.jpg" img-index="0" data-sizes="281">
  </div>
</div>
                                          </a>
                                                                  <div class="unit-list__text" >                  <div class="unit-list__text-inner">
                                        <div class="unit-list__content">
                                                                  <div class="unit-list__title" text-style="2"  >
                        <a class="text_ellipsis"  href="/products/industrial-automation-series/bottle-unscrambler.html" rel="" title="">Bottle unscrambler has multiple functions such as efficient sorting and arrangement as well as automation and intelligence- TECH-LONG</a>
                      </div>
                                                                                                            </div>
                                                                                                    <div class="unit-list__product no-price" price-content-id="1329" >                                            <div class="unit-list__extend">
                        <div class="unit-list__cart text-capitalize">
                          <i class="iconfont icon-base-cart-lighter"></i>
                          <a href="/products/industrial-automation-series/bottle-unscrambler.html" rel="">Add to cart</a>
                        </div>
                        <div class="unit-list__inquire text-capitalize">
                          <a href="/products/industrial-automation-series/bottle-unscrambler.html" rel="">Inquiry</a>
                        </div>
                                              </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
                    <div
            animate
            class=" animate unit-list__item swiper-slide   col-6 col-md-3 col-xl-3 "
            col-last-col="true"
            col-md-last-col="false"
            col-xl-last-col="false"
            col-last-row="false"
            col-md-last-row="false"
            col-xl-last-row="false"
            col-first-row="true"
            col-md-first-row="true"
            col-xl-first-row="true"
            data-media="Pad Printing Machine apply for toy, electronics and hardware industries - TECH-LONG"
            composing-xl=""
            even-row="false"
                        >
            <div class="unit-list__a">
              <div
                class="unit-list__item-inner d-flex flex-column"
                point-content_xl="0"
                point-content_md="0"
                point-content_default="0"
                layout_superiority_xl="0"
                layout_superiority_md="0"
                layout_superiority_default="0"
              >
                                                                      <a class="unit-list__image align-self "  href="/products/industrial-automation-series/pad-printing-machine.html" rel="" content-render="product_hover,video_icon" content-type="product" content-id="1330"  >                      
<div class="base-image  " >
    <div class="base-image__item base-image__item--default " >
    <img data-hidden onload="this.removeAttribute('data-hidden')" decoding="async" loading="lazy" class="base-image__img img-fluid" alt="Pad Printing Machine apply for toy, electronics and hardware industries - TECH-LONG" from="product_list" src="" lazy-src="https://img.yfisher.com/m4940/16899238040b6eac.jpg" img-index="1" data-sizes="281">
  </div>
</div>
                                          </a>
                                                                  <div class="unit-list__text" >                  <div class="unit-list__text-inner">
                                        <div class="unit-list__content">
                                                                  <div class="unit-list__title" text-style="2"  >
                        <a class="text_ellipsis"  href="/products/industrial-automation-series/pad-printing-machine.html" rel="" title="">Pad Printing Machine apply for toy, electronics and hardware industries - TECH-LONG</a>
                      </div>
                                                                                                            </div>
                                                                                                    <div class="unit-list__product no-price" price-content-id="1330" >                                            <div class="unit-list__extend">
                        <div class="unit-list__cart text-capitalize">
                          <i class="iconfont icon-base-cart-lighter"></i>
                          <a href="/products/industrial-automation-series/pad-printing-machine.html" rel="">Add to cart</a>
                        </div>
                        <div class="unit-list__inquire text-capitalize">
                          <a href="/products/industrial-automation-series/pad-printing-machine.html" rel="">Inquiry</a>
                        </div>
                                              </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
                    <div
            animate
            class=" animate unit-list__item swiper-slide   col-6 col-md-3 col-xl-3 "
            col-last-col="false"
            col-md-last-col="false"
            col-xl-last-col="false"
            col-last-row="false"
            col-md-last-row="false"
            col-xl-last-row="false"
            col-first-row="false"
            col-md-first-row="true"
            col-xl-first-row="true"
            data-media="Self-developed Box Filling Machine for various bag-packed - TECH-LONG"
            composing-xl=""
            even-row="false"
                        >
            <div class="unit-list__a">
              <div
                class="unit-list__item-inner d-flex flex-column"
                point-content_xl="0"
                point-content_md="0"
                point-content_default="0"
                layout_superiority_xl="0"
                layout_superiority_md="0"
                layout_superiority_default="0"
              >
                                                                      <a class="unit-list__image align-self "  href="/products/industrial-automation-series/box-filling-machine.html" rel="" content-render="product_hover,video_icon" content-type="product" content-id="1331"  >                      
<div class="base-image  " >
    <div class="base-image__item base-image__item--default " >
    <img data-hidden onload="this.removeAttribute('data-hidden')" decoding="async" loading="lazy" class="base-image__img img-fluid" alt="Self-developed Box Filling Machine for various bag-packed - TECH-LONG" from="product_list" src="" lazy-src="https://img.yfisher.com/m4940/16899238065702cc.jpg" img-index="2" data-sizes="281">
  </div>
</div>
                                          </a>
                                                                  <div class="unit-list__text" >                  <div class="unit-list__text-inner">
                                        <div class="unit-list__content">
                                                                  <div class="unit-list__title" text-style="2"  >
                        <a class="text_ellipsis"  href="/products/industrial-automation-series/box-filling-machine.html" rel="" title="">Self-developed Box Filling Machine for various bag-packed - TECH-LONG</a>
                      </div>
                                                                                                            </div>
                                                                                                    <div class="unit-list__product no-price" price-content-id="1331" >                                            <div class="unit-list__extend">
                        <div class="unit-list__cart text-capitalize">
                          <i class="iconfont icon-base-cart-lighter"></i>
                          <a href="/products/industrial-automation-series/box-filling-machine.html" rel="">Add to cart</a>
                        </div>
                        <div class="unit-list__inquire text-capitalize">
                          <a href="/products/industrial-automation-series/box-filling-machine.html" rel="">Inquiry</a>
                        </div>
                                              </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
                    <div
            animate
            class=" animate unit-list__item swiper-slide   col-6 col-md-3 col-xl-3 "
            col-last-col="true"
            col-md-last-col="true"
            col-xl-last-col="true"
            col-last-row="false"
            col-md-last-row="false"
            col-xl-last-row="false"
            col-first-row="false"
            col-md-first-row="true"
            col-xl-first-row="true"
            data-media="Boxing Machine is equipped with a touch screen operation interface to achieve programmed and automated operation - TECH-LONG"
            composing-xl=""
            even-row="false"
                        >
            <div class="unit-list__a">
              <div
                class="unit-list__item-inner d-flex flex-column"
                point-content_xl="0"
                point-content_md="0"
                point-content_default="0"
                layout_superiority_xl="0"
                layout_superiority_md="0"
                layout_superiority_default="0"
              >
                                                                      <a class="unit-list__image align-self "  href="/products/industrial-automation-series/boxing-machine.html" rel="" content-render="product_hover,video_icon" content-type="product" content-id="1332"  >                      
<div class="base-image  " >
    <div class="base-image__item base-image__item--default " >
    <img data-hidden onload="this.removeAttribute('data-hidden')" decoding="async" loading="lazy" class="base-image__img img-fluid" alt="Boxing Machine is equipped with a touch screen operation interface to achieve programmed and automated operation - TECH-LONG" from="product_list" src="" lazy-src="https://img.yfisher.com/m4940/168992380874bc1d.jpg" img-index="3" data-sizes="281">
  </div>
</div>
                                          </a>
                                                                  <div class="unit-list__text" >                  <div class="unit-list__text-inner">
                                        <div class="unit-list__content">
                                                                  <div class="unit-list__title" text-style="2"  >
                        <a class="text_ellipsis"  href="/products/industrial-automation-series/boxing-machine.html" rel="" title="">Boxing Machine is equipped with a touch screen operation interface to achieve programmed and automated operation - TECH-LONG</a>
                      </div>
                                                                                                            </div>
                                                                                                    <div class="unit-list__product no-price" price-content-id="1332" >                                            <div class="unit-list__extend">
                        <div class="unit-list__cart text-capitalize">
                          <i class="iconfont icon-base-cart-lighter"></i>
                          <a href="/products/industrial-automation-series/boxing-machine.html" rel="">Add to cart</a>
                        </div>
                        <div class="unit-list__inquire text-capitalize">
                          <a href="/products/industrial-automation-series/boxing-machine.html" rel="">Inquiry</a>
                        </div>
                                              </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
                    <div
            animate
            class=" animate unit-list__item swiper-slide   col-6 col-md-3 col-xl-3 "
            col-last-col="false"
            col-md-last-col="false"
            col-xl-last-col="false"
            col-last-row="false"
            col-md-last-row="true"
            col-xl-last-row="true"
            col-first-row="false"
            col-md-first-row="false"
            col-xl-first-row="false"
            data-media="Diversified, green and sustainable plastic packaging system- TECH-LONG"
            composing-xl=""
            even-row="true"
                        >
            <div class="unit-list__a">
              <div
                class="unit-list__item-inner d-flex flex-column"
                point-content_xl="0"
                point-content_md="0"
                point-content_default="0"
                layout_superiority_xl="0"
                layout_superiority_md="0"
                layout_superiority_default="0"
              >
                                                                      <a class="unit-list__image align-self "  href="/products/industrial-automation-series/plastic-packing-system.html" rel="" content-render="product_hover,video_icon" content-type="product" content-id="1333"  >                      
<div class="base-image  " >
    <div class="base-image__item base-image__item--default " >
    <img data-hidden onload="this.removeAttribute('data-hidden')" decoding="async" loading="lazy" class="base-image__img img-fluid" alt="Diversified, green and sustainable plastic packaging system- TECH-LONG" from="product_list" src="" lazy-src="https://img.yfisher.com/m4940/1689923809342851.jpg" img-index="4" data-sizes="281">
  </div>
</div>
                                          </a>
                                                                  <div class="unit-list__text" >                  <div class="unit-list__text-inner">
                                        <div class="unit-list__content">
                                                                  <div class="unit-list__title" text-style="2"  >
                        <a class="text_ellipsis"  href="/products/industrial-automation-series/plastic-packing-system.html" rel="" title="">Diversified, green and sustainable plastic packaging system- TECH-LONG</a>
                      </div>
                                                                                                            </div>
                                                                                                    <div class="unit-list__product no-price" price-content-id="1333" >                                            <div class="unit-list__extend">
                        <div class="unit-list__cart text-capitalize">
                          <i class="iconfont icon-base-cart-lighter"></i>
                          <a href="/products/industrial-automation-series/plastic-packing-system.html" rel="">Add to cart</a>
                        </div>
                        <div class="unit-list__inquire text-capitalize">
                          <a href="/products/industrial-automation-series/plastic-packing-system.html" rel="">Inquiry</a>
                        </div>
                                              </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
                    <div
            animate
            class=" animate unit-list__item swiper-slide   col-6 col-md-3 col-xl-3 "
            col-last-col="true"
            col-md-last-col="false"
            col-xl-last-col="false"
            col-last-row="false"
            col-md-last-row="true"
            col-xl-last-row="true"
            col-first-row="false"
            col-md-first-row="false"
            col-xl-first-row="false"
            data-media="Integrated Assembly Line widely applicable in the toy, house appliances and 3C industries - TECH-LONG"
            composing-xl=""
            even-row="true"
                        >
            <div class="unit-list__a">
              <div
                class="unit-list__item-inner d-flex flex-column"
                point-content_xl="0"
                point-content_md="0"
                point-content_default="0"
                layout_superiority_xl="0"
                layout_superiority_md="0"
                layout_superiority_default="0"
              >
                                                                      <a class="unit-list__image align-self "  href="/products/industrial-automation-series/integrated-assembly-line.html" rel="" content-render="product_hover,video_icon" content-type="product" content-id="1334"  >                      
<div class="base-image  " >
    <div class="base-image__item base-image__item--default " >
    <img data-hidden onload="this.removeAttribute('data-hidden')" decoding="async" loading="lazy" class="base-image__img img-fluid" alt="Integrated Assembly Line widely applicable in the toy, house appliances and 3C industries - TECH-LONG" from="product_list" src="" lazy-src="https://img.yfisher.com/m4940/1689923811dc15b5.jpg" img-index="5" data-sizes="281">
  </div>
</div>
                                          </a>
                                                                  <div class="unit-list__text" >                  <div class="unit-list__text-inner">
                                        <div class="unit-list__content">
                                                                  <div class="unit-list__title" text-style="2"  >
                        <a class="text_ellipsis"  href="/products/industrial-automation-series/integrated-assembly-line.html" rel="" title="">Integrated Assembly Line widely applicable in the toy, house appliances and 3C industries - TECH-LONG</a>
                      </div>
                                                                                                            </div>
                                                                                                    <div class="unit-list__product no-price" price-content-id="1334" >                                            <div class="unit-list__extend">
                        <div class="unit-list__cart text-capitalize">
                          <i class="iconfont icon-base-cart-lighter"></i>
                          <a href="/products/industrial-automation-series/integrated-assembly-line.html" rel="">Add to cart</a>
                        </div>
                        <div class="unit-list__inquire text-capitalize">
                          <a href="/products/industrial-automation-series/integrated-assembly-line.html" rel="">Inquiry</a>
                        </div>
                                              </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
                    <div
            animate
            class=" animate unit-list__item swiper-slide   col-6 col-md-3 col-xl-3 "
            col-last-col="false"
            col-md-last-col="false"
            col-xl-last-col="false"
            col-last-row="true"
            col-md-last-row="true"
            col-xl-last-row="true"
            col-first-row="false"
            col-md-first-row="false"
            col-xl-first-row="false"
            data-media="Integrated Packaging Line for secondary packaging of various bagged and filled products - TECH-LONG"
            composing-xl=""
            even-row="true"
                        >
            <div class="unit-list__a">
              <div
                class="unit-list__item-inner d-flex flex-column"
                point-content_xl="0"
                point-content_md="0"
                point-content_default="0"
                layout_superiority_xl="0"
                layout_superiority_md="0"
                layout_superiority_default="0"
              >
                                                                      <a class="unit-list__image align-self "  href="/products/industrial-automation-series/integrated-packaging-line.html" rel="" content-render="product_hover,video_icon" content-type="product" content-id="1335"  >                      
<div class="base-image  " >
    <div class="base-image__item base-image__item--default " >
    <img data-hidden onload="this.removeAttribute('data-hidden')" decoding="async" loading="lazy" class="base-image__img img-fluid" alt="Integrated Packaging Line for secondary packaging of various bagged and filled products - TECH-LONG" from="product_list" src="" lazy-src="https://img.yfisher.com/m4940/16899238123681cc.jpg" img-index="6" data-sizes="281">
  </div>
</div>
                                          </a>
                                                                  <div class="unit-list__text" >                  <div class="unit-list__text-inner">
                                        <div class="unit-list__content">
                                                                  <div class="unit-list__title" text-style="2"  >
                        <a class="text_ellipsis"  href="/products/industrial-automation-series/integrated-packaging-line.html" rel="" title="">Integrated Packaging Line for secondary packaging of various bagged and filled products - TECH-LONG</a>
                      </div>
                                                                                                            </div>
                                                                                                    <div class="unit-list__product no-price" price-content-id="1335" >                                            <div class="unit-list__extend">
                        <div class="unit-list__cart text-capitalize">
                          <i class="iconfont icon-base-cart-lighter"></i>
                          <a href="/products/industrial-automation-series/integrated-packaging-line.html" rel="">Add to cart</a>
                        </div>
                        <div class="unit-list__inquire text-capitalize">
                          <a href="/products/industrial-automation-series/integrated-packaging-line.html" rel="">Inquiry</a>
                        </div>
                                              </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
                    <div
            animate
            class=" animate unit-list__item swiper-slide   col-6 col-md-3 col-xl-3 "
            col-last-col="true"
            col-md-last-col="true"
            col-xl-last-col="true"
            col-last-row="true"
            col-md-last-row="true"
            col-xl-last-row="true"
            col-first-row="false"
            col-md-first-row="false"
            col-xl-first-row="false"
            data-media="visual precise positioning is adopted for the robot sorting line;  the robot can grab fast and accurately with the vacuum chuck or pneumatic clamping jaw- TECH-LONG"
            composing-xl=""
            even-row="true"
                        >
            <div class="unit-list__a">
              <div
                class="unit-list__item-inner d-flex flex-column"
                point-content_xl="0"
                point-content_md="0"
                point-content_default="0"
                layout_superiority_xl="0"
                layout_superiority_md="0"
                layout_superiority_default="0"
              >
                                                                      <a class="unit-list__image align-self "  href="/products/industrial-automation-series/sorting-line.html" rel="" content-render="product_hover,video_icon" content-type="product" content-id="1336"  >                      
<div class="base-image  " >
    <div class="base-image__item base-image__item--default " >
    <img data-hidden onload="this.removeAttribute('data-hidden')" decoding="async" loading="lazy" class="base-image__img img-fluid" alt="visual precise positioning is adopted for the robot sorting line;  the robot can grab fast and accurately with the vacuum chuck or pneumatic clamping jaw- TECH-LONG" from="product_list" src="" lazy-src="https://img.yfisher.com/m4940/1689923813940378.jpg" img-index="7" data-sizes="282">
  </div>
</div>
                                          </a>
                                                                  <div class="unit-list__text" >                  <div class="unit-list__text-inner">
                                        <div class="unit-list__content">
                                                                  <div class="unit-list__title" text-style="2"  >
                        <a class="text_ellipsis"  href="/products/industrial-automation-series/sorting-line.html" rel="" title="">visual precise positioning is adopted for the robot sorting line;  the robot can grab fast and accurately with the vacuum chuck or pneumatic clamping jaw- TECH-LONG</a>
                      </div>
                                                                                                            </div>
                                                                                                    <div class="unit-list__product no-price" price-content-id="1336" >                                            <div class="unit-list__extend">
                        <div class="unit-list__cart text-capitalize">
                          <i class="iconfont icon-base-cart-lighter"></i>
                          <a href="/products/industrial-automation-series/sorting-line.html" rel="">Add to cart</a>
                        </div>
                        <div class="unit-list__inquire text-capitalize">
                          <a href="/products/industrial-automation-series/sorting-line.html" rel="">Inquiry</a>
                        </div>
                                              </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
                  </div>
                      </div>
      </div>
<div class="page_no_data d-none">
<div class="base-no-data">
  <div class="base-no-data__inner">
    <div class="base-no-data__image">
      <img lazy-src="/assets/images/noDate.svg" >
    </div>
    <div class="base-no-data__text">
      no data
    </div>
  </div>
</div></div>
<script>
  window.scriptQueue.push({
    file: '/assets/js/unit/list.js',
    name: 'ScriptList',
    attrId: 'unit-1ZQctzElCI',
    open_hover: "fadeIn,,",
    content_type: 'latestProducts',
    pageInfo: '{&#34;page_size&#34;:0,&#34;page_number&#34;:1,&#34;page_count&#34;:0}',
    hoverImg: 'false',
    config: '{&#34;_attrs&#34;:{&#34;is_default&#34;:true},&#34;type&#34;:&#34;list&#34;,&#34;cacheConfig&#34;:{},&#34;sign&#34;:&#34;UUmnbXpZDj&#34;,&#34;content&#34;:&#34;product&#34;,&#34;alt_follow_title&#34;:1,&#34;caption_follow_title&#34;:1,&#34;bg_hover_linear&#34;:{&#34;enabled&#34;:0,&#34;font_color&#34;:&#34;rgba(255,255,255,1)&#34;,&#34;img_hover_color&#34;:&#34;rgba(255,255,255,1)&#34;,&#34;bg_color&#34;:&#34;var(--main-color)&#34;},&#34;has_nofollow&#34;:0,&#34;show_img&#34;:1,&#34;show_title&#34;:1,&#34;show_subtitle&#34;:0,&#34;show_description&#34;:0,&#34;has_title&#34;:1,&#34;has_subtitle&#34;:1,&#34;has_description&#34;:1,&#34;disallow_col&#34;:0,&#34;show_reads&#34;:0,&#34;show_date_show&#34;:1,&#34;show_date_type&#34;:1,&#34;show_date_yyyy&#34;:0,&#34;show_date_mm&#34;:0,&#34;show_date_dd&#34;:0,&#34;show_read_more&#34;:1,&#34;date_and_button&#34;:0,&#34;button_text&#34;:&#34;&#34;,&#34;expand_button_text&#34;:&#34;&#34;,&#34;button_text_sign&#34;:&#34;lCjSba6pJz&#34;,&#34;show_inquiry&#34;:0,&#34;show_cart&#34;:0,&#34;show_like&#34;:0,&#34;show_price&#34;:0,&#34;show_cost_min&#34;:0,&#34;show_selling_min&#34;:0,&#34;show_keywords&#34;:0,&#34;style_type_title&#34;:&#34;2&#34;,&#34;style_type_subtitle&#34;:&#34;4&#34;,&#34;style_type_description&#34;:&#34;3&#34;,&#34;style_type_button&#34;:&#34;&#34;,&#34;style_type_expand&#34;:&#34;&#34;,&#34;style_type_count&#34;:&#34;&#34;,&#34;style_type_date&#34;:&#34;&#34;,&#34;target&#34;:&#34;&#34;,&#34;show_tab&#34;:1,&#34;style_type_tab&#34;:&#34;&#34;,&#34;title_animate&#34;:&#34;&#34;,&#34;date_title&#34;:&#34;&#34;,&#34;keywords_title&#34;:&#34;&#34;,&#34;hide_button&#34;:[],&#34;vertical&#34;:&#34;&#34;,&#34;uniform_height&#34;:1,&#34;show_uniform_height_option&#34;:1,&#34;show_quote_list&#34;:0,&#34;composing_xl&#34;:&#34;&#34;,&#34;filter_number&#34;:&#34;&#34;,&#34;show_number&#34;:&#34;&#34;,&#34;point_content&#34;:&#34;&#34;,&#34;layout_superiority_xl&#34;:0,&#34;layout_superiority_md&#34;:0,&#34;layout_superiority_default&#34;:0,&#34;point_content_xl&#34;:0,&#34;point_content_md&#34;:0,&#34;point_content_default&#34;:0,&#34;resize&#34;:{&#34;_attrs&#34;:{},&#34;type&#34;:&#34;resize&#34;,&#34;cacheConfig&#34;:{},&#34;sign&#34;:&#34;YOdwVdSYDc&#34;,&#34;is_resize&#34;:0,&#34;direction&#34;:&#34;x&#34;},&#34;swiper&#34;:{&#34;_attrs&#34;:{},&#34;type&#34;:&#34;swiper&#34;,&#34;cacheConfig&#34;:{},&#34;sign&#34;:&#34;hV6EnmSCQ5&#34;,&#34;space_between&#34;:0,&#34;auto_width&#34;:0,&#34;effect&#34;:&#34;slide&#34;,&#34;is_swiper&#34;:0,&#34;show_swiper&#34;:1,&#34;autoplay&#34;:5000,&#34;loop&#34;:1,&#34;pagination&#34;:1,&#34;auto_height&#34;:1,&#34;mousewheel&#34;:0,&#34;dynamic_bullets&#34;:0,&#34;vertical&#34;:0,&#34;fraction&#34;:0,&#34;scrollbar&#34;:0,&#34;free_mode&#34;:0,&#34;navigation&#34;:0,&#34;navigation_position&#34;:&#34;inside&#34;,&#34;navigation_position_md&#34;:&#34;inside&#34;,&#34;navigation_position_xl&#34;:&#34;inside&#34;,&#34;grab_cursor&#34;:0,&#34;progressbar&#34;:0,&#34;centered_slides&#34;:0,&#34;disallow_swiper&#34;:0,&#34;pagination_react&#34;:0,&#34;speed&#34;:300,&#34;spaceBetween&#34;:0,&#34;initialSlide&#34;:0,&#34;cols_col&#34;:2,&#34;cols_md&#34;:4,&#34;cols_xl&#34;:4},&#34;video&#34;:{&#34;_attrs&#34;:{&#34;is_default&#34;:true},&#34;type&#34;:&#34;video&#34;,&#34;cacheConfig&#34;:{},&#34;sign&#34;:&#34;d6oXzGMmku&#34;,&#34;method&#34;:&#34;2&#34;,&#34;method_md&#34;:&#34;2&#34;,&#34;method_xl&#34;:&#34;2&#34;,&#34;icon&#34;:&#34;1&#34;,&#34;loop&#34;:&#34;0&#34;,&#34;muted&#34;:&#34;0&#34;,&#34;auto_hide&#34;:&#34;0&#34;,&#34;autoplay&#34;:&#34;0&#34;,&#34;controls&#34;:&#34;0&#34;,&#34;videoscale&#34;:&#34;&#34;,&#34;videoscale_md&#34;:&#34;&#34;,&#34;videoscale_xl&#34;:&#34;&#34;,&#34;allow_video&#34;:0,&#34;show_mask&#34;:&#34;0&#34;,&#34;opacity&#34;:0.3,&#34;preview_duration&#34;:&#34;3&#34;,&#34;scale&#34;:&#34;&#34;,&#34;effect&#34;:0},&#34;image&#34;:{&#34;_attrs&#34;:{},&#34;type&#34;:&#34;image&#34;,&#34;cacheConfig&#34;:{},&#34;sign&#34;:&#34;15Rm8jWRPZ&#34;,&#34;scale&#34;:&#34;&#34;,&#34;instant_load&#34;:0,&#34;effect&#34;:0,&#34;use_original&#34;:0,&#34;min_size&#34;:350,&#34;has_nofollow&#34;:0,&#34;alternate&#34;:&#34;&#34;,&#34;current_hide_phone&#34;:0,&#34;sequence&#34;:[&#34;main&#34;,1,0,1,0],&#34;image_item_has_border&#34;:null}}',
    colInfo: '{&#34;cols_col&#34;:6,&#34;cols_md&#34;:3,&#34;cols_xl&#34;:3}'
  })
</script>
</div>
      </div>
</div>
      </div>
</div>
      </div>
</div>
      </div>
</div>
<div id="block-scKgsH5Hq6" package-item="block"   package-type="copyright" package-block-type="copyright" position="0" position-index="0"  >
  <div package-group="module">
<div id="module-pMJvDHLw4D" class=" " package-item="module"       >
    <div package-group="grid" style="width: 100%;">
<div id="grid-ZE9YlCM8tm" package-item="grid" class="container "   >
  <div package-group="cell" class="row no-gutters">
<div id="cell-1H4PuVDzx7" package-item="cell" class="col col-12 col-md-12 col-xl-12"  >
  <div package-group="unit" class="">        
<div id="unit-yT0HAyYV9U"  class="module-copyright-1-unit-1__wrapper" animate package-item="unit" package-type="text" package-unit-type="text"  ><div class="unit-text row no-gutters" text-style="3">
      <div class="unit-text__item col-12 col-md-12 col-xl-12">
      <div tinymce><div style="font-size: 100%;">Copyright © 2025&nbsp; Guangzhou TECH-LONG Packaging Machinery Co., Ltd.&nbsp; |<a href="/sitemap.html" style="color: rgb(var(--rgb-color));" class="pl-2">Sitemap</a></div></div>
    </div>
  </div>
<template>
    <div class="lifisher-copyright">
      <a class="lifisher-copyright__link" target="_blank"  style="display: flex; align-items:center;color: inherit;text-decoration: none;">
          <div class="lifisher-copyright__icon" style="display: flex; padding-right: 0.3ch; padding-bottom: 0.2ch;">
            <svg style="height: var(--lifisher-copyright-font-size);width:auto;" width="175" height="36" viewBox="0 0 175 36" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M64.468 31v-3.852H53.56V5.8h-4.248V31h15.156zm5.868-22.176c1.368 0 2.412-1.044 2.412-2.448 0-1.44-1.044-2.484-2.412-2.484-1.368 0-2.412 1.044-2.412 2.484 0 1.404 1.044 2.448 2.412 2.448zM72.388 31V11.848h-4.104V31h4.104zm20.52-22.176c1.368 0 2.412-1.044 2.412-2.448 0-1.44-1.044-2.484-2.412-2.484-1.368 0-2.412 1.044-2.412 2.484 0 1.404 1.044 2.448 2.412 2.448zM83.404 31V15.664h5.004v-3.096h-5.004V10.3c0-1.872 1.116-2.556 2.592-2.556 1.008 0 2.196.324 3.312.828l.144-3.6c-1.008-.576-2.268-.864-3.564-.864-3.204 0-6.588 2.016-6.588 6.588v1.872h-2.52v3.096h2.52V31h4.104zm11.556 0V11.848h-4.104V31h4.104zm11.52.144c3.852 0 7.344-1.764 7.344-5.688.036-6.948-10.152-5.04-10.152-8.568 0-1.368 1.188-1.908 2.808-1.908 1.692 0 3.816.648 5.508 1.692l1.512-3.06c-1.728-1.224-4.284-1.944-6.696-1.944-3.672 0-7.056 1.656-7.056 5.544-.036 6.912 10.044 4.716 10.044 8.64 0 1.44-1.368 2.052-3.132 2.052-2.088 0-4.752-.9-6.408-2.376l-1.476 2.952c1.908 1.728 4.896 2.664 7.704 2.664zM122.32 31v-9.432c0-3.384 2.052-5.94 5.472-5.976 2.88 0 4.608 1.764 4.608 4.644V31h4.14V19.084c0-4.572-2.664-7.38-7.128-7.38-3.276 0-5.724 1.188-7.092 3.888V4.288h-4.14V31h4.14zm27.756.144c3.312 0 6.048-1.188 7.92-3.24l-2.196-2.34c-1.404 1.44-3.312 2.232-5.4 2.232-3.024 0-5.292-1.836-5.94-4.788h14.472c.504-6.912-2.232-11.304-8.964-11.304-5.688.036-9.684 3.96-9.684 9.756 0 5.76 3.888 9.684 9.792 9.684zm5.256-11.16h-10.944c.432-3.06 2.592-4.968 5.616-4.968 3.132 0 5.184 1.872 5.328 4.968zM167.392 31V20.992c.324-3.276 2.772-5.544 6.624-5.328v-3.96c-3.024 0-5.328 1.368-6.624 3.96v-3.816h-4.14V31h4.14z" fill="currentcolor" fill-rule="nonzero"/><path d="M35.977 17.6c-.334-.112-.672-.228-1.019-.302-4.865-1.23-10.03.268-13.409 3.888-2.9 3.04-7.102 4.572-11.342 4.138C5.968 24.89 2.187 22.54 0 18.98c.182 6.301 3.832 12.021 9.556 14.976 5.725 2.956 12.64 2.69 18.107-.695 5.467-3.384 8.643-9.366 8.314-15.662zm-2.117 2.52a1.07 1.07 0 01-.895.778 1.09 1.09 0 01-1.08-.507 1.026 1.026 0 01.068-1.165c.263-.34.71-.49 1.133-.384.577.145.923.718.774 1.279z" fill="currentcolor" fill-rule="nonzero"/><path d="M9 2.77a8.491 8.491 0 002.89 1.435c3.623.992 7.44-.573 9.485-3.89C17.105-.532 12.69.344 9 2.772z" fill="currentcolor" fill-rule="nonzero"/><path d="M.395 13.807c-.17.64-.302 1.288-.395 1.943 1.443-3.518 4.326-6.29 7.956-7.652a14.313 14.313 0 0111.169.48c-.252-3.292-2.375-6.17-5.497-7.453C7.152 2.648 2.064 7.524.395 13.807z" fill="currentcolor" fill-rule="nonzero"/><path d="M32.907 18.036a1.125 1.125 0 10-.565 2.178 1.125 1.125 0 00.565-2.178z"/><path d="M22.5 20.148a13.968 13.968 0 01-8.627.587 14.03 14.03 0 01-2.989-1.117 13.93 13.93 0 00-2.995-1.143c-2.704-.686-5.434-.635-7.889.192.078 1.977.5 3.926 1.246 5.767 2.219 3.048 5.594 5.114 9.381 5.741a14.795 14.795 0 0010.808-2.398h.019c.338-.228.689-.422 1.046-.612v-7.017z" fill="currentcolor" fill-rule="nonzero"/><path d="M35.985 17.588c-.333-.11-.671-.223-1.019-.297-4.866-1.21-10.032.265-13.412 3.828-2.9 2.991-7.104 4.5-11.344 4.073-4.24-.427-8.023-2.74-10.21-6.245a16.53 16.53 0 001.236 5.632c2.201 2.975 5.549 4.991 9.304 5.602 3.756.61 7.611-.233 10.716-2.346h.019c3.397-2.172 7.602-2.85 11.555-1.866.376.092.742.203 1.103.322a16.595 16.595 0 002.052-8.705v.002zm-2.117 2.482c-.11.405-.462.707-.895.765a1.096 1.096 0 01-1.08-.5.997.997 0 01.068-1.146c.263-.334.71-.483 1.133-.378.577.143.923.707.774 1.259z" fill="currentcolor" fill-rule="nonzero"/></g></svg>
          </div>
        <div class="lifisher-copyright__text">design</div>      </a>
    </div>
    </template>
<script>
    (function () {
        window.scriptQueue.push({
            file: '/assets/js/unit/lifisher-copyright.js',
            name: 'ScriptLifisherCopyright',
            href: '',
            text: 'design',
            expandContent: '[]',
            attrId: 'unit-yT0HAyYV9U'
        })
    })()
</script>
</div>
      </div>
</div>
      </div>
</div>
      </div>
</div>
      </div>
</div>
</div>
<style>
  [package-group="widget"]{
    --FAQ-B:0px;    --social-height:70px;  }
  @media (max-width:768px){
    [package-group="widget"]{
      --social-height:70px;    }
  }
</style>
<div package-group="widget">
  <div package-item="widget" package-widget-type="product-lives">
    <div class="widget-product-lives-wrap">
      <a title="Product Lives" href="/product-lives.html">
        <img alt="Product Lives" lazy-src="/assets/images/product-lives.webp">
      </a>
    </div>
  </div>
  <div package-item="widget" package-widget-type="social-media-chat">
    <div class="widget-social-media-chat has-inquiry need-inquiry only-one no-plugin" data-inquirystatus="1" id="widgetSocialMediaChat">  <div class="widget-social-media-chat__content-wrap">
        <div class="widget-social-media-chat__content--bottom " >
<div class="base-button">
                <a class="base-button__inner btn custom-color" style="" href="javascript:;" rel="" link-button >
                  <div class="d-inline-block">Contact us</div>
    </a>
  </div>    </div>
    <div class="widget-social-media-chat__content">
      <div class="widget-social-media-chat__server">
        <i class="widget-social-media-chat__icon iconfont icon-send-inquiry"></i>
      </div>
      <div class="widget-social-media-chat__modal-close" id="chat_model_close">
        <i class="widget-social-media-chat__icon iconfont icon-action-close-2"></i>
      </div>
      <div class="widget-social-media-chat__mask"></div>
      <!-- 弹窗（询盘表单） -->
      <div class="widget-social-media-chat__modal widget-social-media-chat__inquiry">
        <div class="widget-social-media-chat__modal-head follow-font-family" text-style="3">
          <div class="widget-social-media-chat__modal-title">
            Contact us
            <div class="widget-social-media-chat__modal-title_des">
              Leave your inquiry, we will provide you with quality products and services!
            </div>
          </div>
          <div class="widget-social-media-chat__modal-close move_chat_close"><span class="iconfont icon-action-close-2"></span></div>
        </div>
        <div class="widget-social-media-chat__modal-body">
          <div class="widget-social-media-chat__modal-form">
<style>
</style>
<div class="unit-form text-capitalize" form-style="2" label-style="" form-common="">
  <form method="post" id="inquiry-widgetSocialMediaChatInquiry" class="needs-validation" inquiry novalidate>
    <div class="form-row show">
      <div class="unit-form__item form-group contacts  col col-12 col-md-12 col-xl-12">
        <label text-style="3" class="unit-form__item-inner follow-font-family_size
          chat-online-unit-form__item-inner ">          
                      <input class="unit-form__control form-control" type="text" name="contacts" data-title="name" autocomplete="off" placeholder="name" maxlength="280" required minlength="0" />
                      <div class="invalid-feedback">input must not exceed 280 in length!</div>
          <div class="unit-form__label col-form-label"><span class="unit-form__label-text" title="name">name</span><span class="placeholder"></span></div>
        </label>
      </div>
      <div class="unit-form__item form-group email  col col-12 col-md-12 col-xl-12">
        <label text-style="3" class="unit-form__item-inner follow-font-family_size
          chat-online-unit-form__item-inner ">          
                    <input class="unit-form__control form-control" type="email" name="email" data-title="email" autocomplete="off" placeholder="email" maxlength="200" required />
                    <div class="invalid-feedback">Please enter a valid email address!</div>
          <div class="unit-form__label col-form-label"><span class="unit-form__label-text" title="email">email</span><span class="placeholder"></span></div>
        </label>
      </div>
      <div class="unit-form__item form-group content  col col-12 col-md-12 col-xl-12">
        <label text-style="3" class="unit-form__item-inner follow-font-family_size
          chat-online-unit-form__item-inner ">          
                    <textarea class="unit-form__control form-control" rows="5" name="content" data-title="content" placeholder="content" maxlength="5000" required minlength=10></textarea>
                    <div class="invalid-feedback">The input length cannot be less than 10!</div>
          <div class="unit-form__label col-form-label"><span class="unit-form__label-text" title="content">content</span><span class="placeholder"></span></div>
        </label>
      </div>
      <div class="unit-form__item form-group phone  col col-12 col-md-12 col-xl-12">
        <label text-style="3" class="unit-form__item-inner follow-font-family_size
          chat-online-unit-form__item-inner ">          
                    <input class="unit-form__control form-control" type="tel" name="phone" data-title="phone" autocomplete="off" placeholder="phone" maxlength="30" required />
                    <div class="invalid-feedback">Please enter a valid phone number!</div>
          <div class="unit-form__label col-form-label"><span class="unit-form__label-text" title="phone">phone</span><span class="placeholder"></span></div>
        </label>
      </div>
      <div class="unit-form__item form-group country  col col-12 col-md-12 col-xl-12">
        <label text-style="3" class="unit-form__item-inner follow-font-family_size
          chat-online-unit-form__item-inner ">          
                    <input class="unit-form__control form-control" type="text" name="form_4" data-title="Country" autocomplete="off" placeholder="Country" maxlength="280" required minlength="0" pattern="^.{0,280}$"/>
                    <div class="invalid-feedback">input must not exceed 280 in length!</div>
          <div class="unit-form__label col-form-label"><span class="unit-form__label-text" title="Country">Country</span><span class="placeholder"></span></div>
        </label>
      </div>
      <div class="unit-form__item form-group company_name  col col-12 col-md-12 col-xl-12">
        <label text-style="3" class="unit-form__item-inner follow-font-family_size
          chat-online-unit-form__item-inner ">          
                    <input class="unit-form__control form-control" type="text" name="company_name" data-title="Company" autocomplete="off" placeholder="Company" maxlength="280" required minlength="0" />
                    <div class="invalid-feedback">input must not exceed 280 in length!</div>
          <div class="unit-form__label col-form-label"><span class="unit-form__label-text" title="Company">Company</span><span class="placeholder"></span></div>
        </label>
      </div>
      <div class="unit-form__item unit-form__item-submit form-group col follow-font-family" text-style="3">
        <div class="unit-form__submit-wrap" button-style="2">
<div class="base-button">
      <button class="base-button__inner btn" type="submit">
        <div class="d-inline-block">send inquiry now</div>
    </button>
  </div>        </div>
      </div>
    </div>
  </form>
  <script>
    window.scriptQueue.push({
      file: '/assets/js/unit/form.js',
      name: 'ScriptForm',
      attrId: 'widgetSocialMediaChatInquiry',
      formType: 'socialMedia'
    })
  </script>
</div>
              <div class="widget-social-media-chat__wrap">
                <div class="widget-social-media-chat__items">
                                  </div>
              </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script>
    window.scriptQueue.push({
      file: '/assets/js/widget/social-media-chat.js',
      name: 'WidgetSocialMediaChat',
      attrId:'widgetSocialMediaChat',
      inquiry_requiry: '1',
      chat_requiry: 'false',
      hasInquiry: '1',
      needInquiry: 'true'
    })
  </script>
</div>
  </div>
  <div package-item="widget" package-widget-type="ai-chat">
<div id="widgetAiChat" class="widget-ai-chat">
    <div class="widget-ai-chat__content-wrap">
        <div class="widget-social-media-chat__content">
            <div class="widget-ai-chat__modal-close" hidden id="ai_chat_model_close">
                <i class="widget-social-media-chat__icon iconfont icon-action-close-2"></i>
            </div>
            <div class="widget-ai-chat__icon_list">
            </div>
            <div class="widget-ai-chat__modal widget-social-media-chat__modal">
                <div class="widget-social-media-chat__modal-head" style="padding: 18px; justify-content: left; color: #fff">
                    <div class="widget-social-media-chat__modal-title">
                        <div class="widget-social-media-chat__modal-title_des" style="font-size: 18px;margin: 0;opacity: 1">Customer service</div>
                    </div>
                    <div class="ai-chat__modal-close widget-social-media-chat__modal-close move_chat_close">
                        <span class="iconfont icon-action-close-2"></span>
                    </div>
                </div>
                <div class="widget-social-media-chat__modal-body">
                    <iframe id="widget_ai_chat_iframe" class="widget-ai-chat__iframe" name="widget_ai_chat_iframe" title="AI Messages" src=""></iframe>
                </div>
            </div>
        </div>
    </div>
</div>
  </div>
  <div package-item="widget" package-widget-type="toTop">
    <div class="" id="widget-toTop">
      <div class="widget-toTop-wrap">
        <div class="widget-toTop-btn">
          <span class="iconfont icon-action-top"></span>
        </div>
      </div>
    </div>
  </div>
  </div>
  </div>
  <script>window.renderInfo = {"windowCtxState":{"site_config":{"server_config":{"disable_partytown":true,"scripts_in_head":false},"public_config":{"site_id":4940,"img_using_avif":false}},"packages":{}},"site":{"watermark_config":{},"client_id":4547,"site_id":4940,"site_type":1,"site_domain":"tech-long.com","domain_mode":2,"original_domain":"tech-long.com","prefix_domain":"www.tech-long.com","language_code":"en","show_language_code":"","is_init_domain":0,"is_shop":false,"is_ssl":1,"is_replace_domain":0,"lang_prefix":"/","company_brand_name":"TECH-LONG","company_name_short":"TECH-LONG","company_name":"TECH-LONG","site_name":"TECH-LONG","animate_name":"none","compress__ratio":"100,100,100","img__dpi":"false","publish_version":"12.345"},"page":{"page_id":0,"page_type":"404","page_code":143,"page_url":"/404.html","page_source":"","allowAnimat":0,"page_category_id":0,"content_id":404,"content_type":0,"detail_thumb":"","detail_title":"","detail_detail_css_mode":[],"moq":1}}</script>
  <!-- web end -->
  <!-- base start -->
  <div id="message"></div>
  <div id="modal"></div>
  <!-- use popup -->
  <div id="popup__window"></div>
  <script src="/uncache/base.js" defer="defer"></script>
  <script src="/v1.4.1/dist/js/main.js" defer="defer"></script>
  <!-- base end -->
  <!-- code start -->
  <script>
  window.addEventListener("load", () => {
    updateForm();
    updateInquireForm();
  });
  function setSelectFormItem(formItemDom) {
    const generateHtml = (data, formItemDom) => {
      let selectContent = document.createElement("select");
      formItemDom
        .querySelector(".unit-form__item-inner")
        .classList.add("customize-select-label");
      let selectName = formItemDom
        .querySelector(".unit-form__control")
        .getAttribute("name");
      let placeholder = formItemDom
        .querySelector(".unit-form__control")
        .getAttribute("placeholder");
      let is_required =
        formItemDom
          .querySelector(".unit-form__control")
          .getAttribute("required") || false;
      selectContent.setAttribute("name", selectName);
      selectContent.setAttribute("placeholder", placeholder);
      selectContent.setAttribute("required", is_required);
      selectContent.setAttribute(
        "class",
        "item-select unit-form__control form-control"
      );
      selectContent.innerHTML = `
        ${data
          .map((_val) => {
            return `<option value="${_val}">${_val}</option>`;
          })
          .join("")}
      `;
      return selectContent;
    };
    let consultData = [
      "Ask for equipment",
      "After-sale service",
      "Technical support and accessories",
      "Other",
    ];
    // let typeData = ['Water', 'Drinks', 'Aseptic drinks', 'Non-drinks', 'Other']
    let typeData = [
      "Water",
      "Juice",
      "Tea",
      "Carbonated Drink",
      "Dairy",
      "Aseptic",
      "Edible Oil",
      "Sauces & Dressings",
      "Daily chemical",
      "Other",
    ];
    let capacityData = ["< 500ml", "500ml-1000ml", "1L-2L", "2L-10L"];
    let BPHData = [
      "<5000",
      "5000-10000",
      "10000-20000",
      "20000-30000",
      ">30000",
    ];
    switch (
      formItemDom
        .querySelector(".unit-form__label")
        .innerHTML.toLocaleLowerCase()
    ) {
      case "what to consult":
        formItemDom
          .querySelector(".unit-form__item-inner")
          .replaceChild(
            generateHtml(consultData, formItemDom),
            formItemDom.querySelector(".unit-form__control")
          );
        break;
      case "filling type":
        formItemDom
          .querySelector(".unit-form__item-inner")
          .replaceChild(
            generateHtml(typeData, formItemDom),
            formItemDom.querySelector(".unit-form__control")
          );
        break;
      case "filling capacity":
        formItemDom
          .querySelector(".unit-form__item-inner")
          .replaceChild(
            generateHtml(capacityData, formItemDom),
            formItemDom.querySelector(".unit-form__control")
          );
        break;
      case "speed/bph":
        formItemDom
          .querySelector(".unit-form__item-inner")
          .replaceChild(
            generateHtml(BPHData, formItemDom),
            formItemDom.querySelector(".unit-form__control")
          );
        break;
      case "content":
        console.log(formItemDom.querySelector(".unit-form__label"));
        formItemDom.querySelector(".unit-form__label").innerHTML = "Message";
        break;
      default:
        break;
    }
  }
  function updateForm() {
    const $unitForm = document.querySelectorAll(".unit-form .unit-form__item");
    if (!$unitForm) return;
    console.log($unitForm);
    Array.from($unitForm).forEach((_val) => {
      if (_val.querySelector(".unit-form__label")) setSelectFormItem(_val);
    });
  }
</script>
<script>
  /* tab个性化 */
  generateTabFn("tab1");
  generateTabFn("tab2");
  generateTabFn("tab3");
  function generateTabFn(tabName) {
    const tabItemEles = document.querySelectorAll(
      `[anchor-name='#module-${tabName}'] .unit-list__item`
    );
    if (!tabItemEles) return;
    const tabItemArr = [];
    const tabItemEleArr = Array.from(tabItemEles);
    let count = 0;
    let timer = setInterval(() => {
      let activeIndex = count % tabItemEleArr.length;
      tabItemEleArr.forEach((item, index) => {
        if (window.innerWidth < 1200) return;
        item.classList.remove("is-active");
        if (index === activeIndex) {
          item.classList.add("is-active");
          const headDom = document.querySelector(".header-fixed");
          if (headDom) {
            const isHide = headDom.classList.contains("header-hide");
            isHide ? (headDom.style.top = "0") : "-100%";
            headDom.style.transitionDelay = "2s";
            showTabModule(index + 1, tabName);
            setTimeout(() => {
              isHide
                ? headDom.classList.add("header-hide")
                : headDom.classList.remove("header-hide");
              headDom.style.top = "";
              headDom.style.transitionDelay = "";
            }, 300);
          } else {
            showTabModule(index + 1, tabName);
          }
        }
      });
      count += 1;
    }, 2 * 1000);
    tabItemEleArr.forEach((_val, index) => {
      const textVal = _val.querySelector(".text_ellipsis").innerText;
      tabItemArr.push(textVal);
      if (index === 0) {
        _val.classList.add("is-active");
        showTabModule(index + 1, tabName);
      }
      const clickEvent = () => {
        Array.from(tabItemEles).forEach((item) =>
          item.classList.remove("is-active")
        );
        _val.classList.add("is-active");
        showTabModule(index + 1, tabName);
        clearInterval(timer);
        timer = null;
      };
      _val.querySelector(".unit-list__a").addEventListener("click", clickEvent);
      _val
        .querySelector(".unit-list__a")
        .addEventListener("mouseenter", clickEvent);
    });
    tabItemByMobile(tabName, tabItemArr);
  }
  function showTabModule(tabText, tabName) {
    const allTabModuleEles = document.querySelectorAll(
      `[anchor-name*='#${tabName}-']`
    );
    if (!allTabModuleEles.length) return;
    Array.from(allTabModuleEles).forEach(
      (_val) => (_val.style.display = "none")
    );
    const currentTabModuleEles = document.querySelectorAll(
      `[anchor-name*='#${tabName}-${tabText}']`
    );
    Array.from(currentTabModuleEles).forEach((_val, index) => {
      _val.style.display = "block";
    });
  }
  function tabItemByMobile(tabName, tabItemArr) {
    const moduleTabEle = document.querySelector(
      `[anchor-name='#module-${tabName}']`
    );
    if (!moduleTabEle) return;
    let cDiv = document.querySelector(".module-tab-bym");
    if (!cDiv) {
      cDiv = document.createElement("div");
      cDiv.classList.add("module-tab-bym");
    }
    cDiv.innerHTML = `
      <select name="form_way_buy" class="item-select unit-form__control form-control" placeholder="please choose">
        ${tabItemArr
          .map((_val) => {
            return `
              <option value="${_val}">${_val}</option>
            `;
          })
          .join("")}
      </select>
    `;
    moduleTabEle.appendChild(cDiv);
    cDiv.addEventListener("change", (e) => {
      const selectedIndex = e.target.selectedIndex;
      showTabModule(selectedIndex + 1, tabName);
    });
  }
  function generateTabFn2(tabName) {
    let has = true;
    const moduleTabEle = document.querySelector(
      `[anchor-name='#module-${tabName}']`
    );
    if (!moduleTabEle) return;
    const tabItemEles = document.querySelectorAll(
      `[anchor-name='#module-${tabName}'] .unit-list__item`
    );
    if (!tabItemEles) return;
    const tabItemArr = Array.from(tabItemEles).map((el, index) => {
      return {
        text: el.querySelector(".text_ellipsis").innerText,
      };
    });
    const html2 = `
      <div class="slide-wrapper">
        ${tabItemArr
          .map((i, index) => {
            return `
          <div class="slide-item">
            <div>${i.text}</div>
          </div>
          `;
          })
          .join("")}
      </div>
    `;
    let cDiv = moduleTabEle.querySelector(".module-tab-bym");
    if (!cDiv) {
      cDiv = document.createElement("div");
      cDiv.classList.add("module-tab-bym");
      has = false;
    }
    cDiv.innerHTML = html2;
    if (!has) {
      moduleTabEle.appendChild(cDiv);
    }
    const slideItemList = Array.from(cDiv.querySelectorAll(".slide-item"));
    let count = 0;
    let timer = setInterval(() => {
      let activeIndex = count % slideItemList.length;
      slideItemList.forEach((item, index) => {
        if (window.innerWidth > 1200) return;
        item.classList.remove("is_active");
        if (index === activeIndex) {
          moduleTabEle
            .querySelector(".slide-wrapper")
            .scrollTo({
              left: (index * 0.44 - 0.22) * window.innerWidth,
              behavior: "smooth",
            });
          item.classList.add("is_active");
          showTabModule(index + 1, tabName);
        }
      });
      count += 1;
    }, 2 * 1000);
    slideItemList.forEach((el, index) => {
      el.addEventListener("click", () => {
        slideItemList.forEach((i) => {
          i.classList.remove("is_active");
        });
        el.classList.add("is_active");
        showTabModule(index + 1, tabName);
        clearInterval(timer);
        timer = null;
      });
      if (index === 0) {
        el.classList.add("is_active");
      }
      if (slideItemList.length < 3) {
        el.classList.add("flex1");
      }
    });
    showTabModule(1, tabName);
    if (tabName == "tab3") {
      const div1 = moduleTabEle.querySelectorAll(".container ")[0];
      console.log("div", div1);
      cDiv.insertBefore(div1.cloneNode(true), cDiv.firstChild);
    }
  }
  generateTabFn2("tab1");
  generateTabFn2("tab2");
  generateTabFn2("tab3");
  function updateInquireForm() {
  const inquireForm = document.querySelector('.widget-social-media-chat__inquiry ')
  const formItemList = Array.from(inquireForm.querySelectorAll('.unit-form .unit-form__item'))
  const list = formItemList.filter(i => i.querySelector('.unit-form__label'))
  const labelList = ["name", "email", "phone", "country", "company", "what to consult", "filling type", "filling capacity", "speed/bph", "message"]
  const currentList = list.map(i => i.querySelector('.unit-form__label').innerHTML.toLocaleLowerCase())
  const msgDom = list.find(i => i.querySelector('.unit-form__label').innerHTML.toLocaleLowerCase() === 'message')
  const countryDom = list.find(i => i.querySelector('.unit-form__label').innerHTML.toLocaleLowerCase() === 'country').cloneNode(true)
  const remainList = labelList.filter(i => !currentList.includes(i))
  remainList.forEach((i,index) => {
    const newDom = countryDom.cloneNode(true)
    console.log(newDom)
    newDom.querySelector('.unit-form__label').innerHTML = i
    newDom.querySelector('.unit-form__control').name = `form_${index}`
    newDom.querySelector('.unit-form__control').placeholder = i
    msgDom.parentNode.insertBefore(newDom, msgDom)
  })
  updateForm()
}
</script>
  <script>
    window.addEventListener('load', () => {
      window.dispatchEvent(new CustomEvent('pageLoad'))
      if (document.getElementById('loading')) document.getElementById('loading').remove()
    })
  </script>
  <picture style="opacity: 0; width: 0; height: 0; display: block;">
    <source type="image/avif" srcset="data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAAB0AAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAIAAAACAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACVtZGF0EgAKCBgANogQEAwgMg8f8D///8WfhwB8+ErK42A="/>
    <source type="image/webp" srcset="data:image/webp;base64,UklGRjoAAABXRUJQVlA4IC4AAACyAgCdASoCAAIALmk0mk0iIiIiIgBoSygABc6WWgAA/veff/0PP8bA//LwYAAA" />
    <img id="detectImg" loading="eager" alt="detect" width=0 height=0/>
  </picture>
<script>
  (() => {
    function checkPrevSafari() {
      const matchVersion = navigator.userAgent.match(/version\/([0-9]+)/i)
      const version = (matchVersion && matchVersion[1]) || 0
      return /safari/i.test(navigator.userAgent) && /macintosh/i.test(navigator.userAgent) && !/Chrome/.test(navigator.userAgent) && version <= 14
    }
    function detectPriorImageMime(base64Url) {
      const runtimeOptions = window.runtimeOptions;
      // 检测图片优先加载MIME类型
      const start = base64Url.indexOf(':');
      const end = base64Url.indexOf(';');
      let mime = '';
      if (start > -1 && end > -1) {
        mime = base64Url.substring(start + 1, end);
      }
      runtimeOptions.priorImageMime = mime; // image/avif | image/webp
    }
    if (!window.hasOwnProperty('runtimeOptions')) {
      window.runtimeOptions = {
        priorImageMime: checkPrevSafari() ? '' : 'image/webp'
      };
    }
    window.addEventListener('load', () => {
      const img = document.querySelector('#detectImg');
      if (img) {
        img.addEventListener('load', () => {
          detectPriorImageMime(img.currentSrc)
        })
      }
    })
  })();
</script>
  <script id="__APP_SITE_CONFIG__" type="application/json">{"site_id":4940,"img_using_avif":false}</script>
  <!-- code end -->
</body>
</html>

<!-- static time: Thu Jun 12 2025 10:41:45 GMT+0800 (Central Standard Time) -->