.banner[data-v-1afa4e46]{height:350px}.banner .banner-img[data-v-1afa4e46]{width:100%;height:100%;background-image:var(--v08462af6);background-position:center center;background-repeat:no-repeat;background-size:cover}.banner .banner-containers[data-v-1afa4e46]{width:80%}@media screen and (max-width:768px){.banner .banner-containers[data-v-1afa4e46]{width:100%}.banner .banner-containers .banner-content[data-v-1afa4e46]{height:100px;overflow:auto}}.banner a[data-v-1afa4e46]{font-weight:400;font-size:16px;color:#fff;line-height:19px;text-align:justify;font-style:normal;text-decoration-line:underline;display:inline-block;margin-top:40px;margin-bottom:60px}.banner a .arrow-white-left[data-v-1afa4e46]{font-size:12px;margin-right:3px}.banner h1[data-v-1afa4e46]{font-weight:600;font-size:32px;color:#fff;line-height:38px;text-align:left;font-style:normal;display:block;margin-bottom:16px}.banner p[data-v-1afa4e46]{font-weight:400;font-size:16px;color:#fff;line-height:19px;text-align:justify;font-style:normal}.banner .banner-desc[data-v-1afa4e46]{margin-top:16px}.nav-region[data-v-1afa4e46]{width:100%;height:68px;background:#f6f6f6}.nav-region .nav-list[data-v-1afa4e46]{display:flex;align-items:center;font-size:14px;overflow:auto}.nav-region .nav-list div .first-part[data-v-1afa4e46]{color:#333;font-size:16px;display:flex;font-weight:600}.nav-region .nav-list div .first-part .nav-desc[data-v-1afa4e46]{margin-left:8px;color:#777;font-size:16px;font-weight:400}.nav-region .nav-list div .second-part[data-v-1afa4e46]{color:#777}.nav-region .nav-list div .chevron-nav-down[data-v-1afa4e46]{vertical-align:text-bottom;transform:rotate(270deg);margin-left:3px}.nav-region .nav-list div[data-v-1afa4e46]:hover{cursor:pointer}.nav-region .nav-list div.active[data-v-1afa4e46]{background:linear-gradient(135deg,#76e0d6,#0a66ea);border-radius:3px;color:#fff}.nav-region .nav-list div.active[data-v-1afa4e46]:after{display:none}.nav-region .nav-list div.active .first-part[data-v-1afa4e46]{font-weight:600;color:#fff}.nav-region .nav-list div.active .first-part .nav-desc[data-v-1afa4e46]{color:#fff}.nav-region .nav-list div.active .second-part[data-v-1afa4e46]{color:#777;font-weight:400;color:#fff}.nav-region .nav-list .line[data-v-1afa4e46]{width:1px;height:38px;background:#e0e0e0}.f-d[data-v-1afa4e46]{position:relative;line-height:68px;padding-left:17px;padding-right:27px;display:flex;width:max-content}.f-d[data-v-1afa4e46]:after{content:"";width:10px;height:10px;display:block;background:url(/svg/chevron-down.svg) no-repeat;position:absolute;top:50%;right:12px;transform:translateY(-50%) rotate(270deg)}.disabled-link[data-v-1afa4e46]{pointer-events:none}.nav-list[data-v-1afa4e46]::-webkit-scrollbar{display:block}.nav-list[data-v-1afa4e46]::-webkit-scrollbar{height:6px;display:none}.nav-list[data-v-1afa4e46]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:1px}.nav-list[data-v-1afa4e46]::-webkit-scrollbar-thumb{background:#e0dfe0;border-radius:1px}.nav-list[data-v-1afa4e46]::-webkit-scrollbar-thumb:hover{background:#e0dfe0}.landing-page h2[data-v-9e5b2f44]{font-weight:600;font-size:32px;color:#333;text-align:center;line-height:38px;margin-top:70px;margin-bottom:32px}.landing-page .table-containers[data-v-9e5b2f44]{overflow:auto}.landing-page table[data-v-9e5b2f44]{border-color:#e7e7e7!important;font-size:14px}.landing-page table tbody td[data-v-9e5b2f44],.landing-page table tbody th[data-v-9e5b2f44]{border:1px solid #E7E7E7}.landing-page table tbody .table-header[data-v-9e5b2f44]{background:#f6f6f6}.landing-page table tbody p[data-v-9e5b2f44]{padding:11px 24px}.landing-page table tbody .size-comparison[data-v-9e5b2f44]{display:grid;justify-items:center}.landing-page table tbody .size-comparison .osfp-comparison-item[data-v-9e5b2f44]{margin-right:12px;margin-top:8px;display:flex;align-items:center}.landing-page table tbody .size-comparison .osfp-comparison-item span[data-v-9e5b2f44]{margin-left:16px;color:#777;font-size:12px}.landing-page table tbody .size-comparison .qsfp-dd-comparison-item[data-v-9e5b2f44]{margin:8px 0;display:flex;align-items:center}.landing-page table tbody .size-comparison .qsfp-dd-comparison-item span[data-v-9e5b2f44]{margin-left:16px;color:#777;font-size:12px}.landing-page table tbody .size-comparison .qsfp112qsfp56[data-v-9e5b2f44]{margin-left:12%}@media screen and (max-width:1344px){.landing-page table tbody .size-comparison .qsfp112qsfp56 span[data-v-9e5b2f44]{margin-left:31px!important}}.landing-page table tbody .size-comparison .sfp28sfpsfp28[data-v-9e5b2f44]{margin-left:5%}.landing-page .faqs-title-container[data-v-9e5b2f44]{justify-items:center;margin-top:80px}.landing-page .faqs-title-container .faqs-title[data-v-9e5b2f44]{font-weight:600;font-size:40px;color:#333;line-height:47px;margin-top:0;margin-bottom:16px}.landing-page .faqs-title-container .faqs-title-sub[data-v-9e5b2f44]{font-weight:600;font-size:24px;color:#777;line-height:38px;margin-top:16px;margin-bottom:48px;text-align:left}.landing-page .faqs-cables-containers[data-v-9e5b2f44]{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:48px;margin-bottom:48px}@media screen and (max-width:768px){.landing-page .faqs-cables-containers[data-v-9e5b2f44]{grid-template-columns:1fr}}.landing-page .faqs-cables-containers .left-faqs[data-v-9e5b2f44]{position:relative}@media screen and (max-width:768px){.landing-page .faqs-cables-containers .left-faqs[data-v-9e5b2f44]{height:300px}}.landing-page .faqs-cables-containers .left-faqs h2[data-v-9e5b2f44]{font-weight:600;font-size:32px;color:#333;line-height:38px;margin-top:24px;margin-bottom:60px;text-align:left}.landing-page .faqs-cables-containers .left-faqs .left-contenr-containers[data-v-9e5b2f44]{position:absolute;top:50%;transform:translateY(-50%);left:20%;justify-items:center}@media screen and (max-width:768px){.landing-page .faqs-cables-containers .left-faqs .left-contenr-containers[data-v-9e5b2f44]{left:50%;transform:translate(-50%);width:100%;top:0}}.landing-page .faqs-cables-containers .left-faqs .left-contenr-containers p[data-v-9e5b2f44]{font-weight:600;font-size:24px;color:#333;line-height:28px;text-align:left;margin-bottom:16px!important}.landing-page .faqs-cables-containers .left-faqs .left-contenr-containers .introduce[data-v-9e5b2f44]{font-size:16px;color:#777;line-height:21px;margin:16px 0 24px}.landing-page .faqs-cables-containers .left-faqs .left-contenr-containers .send-emaill[data-v-9e5b2f44]{border:initial;background:#0a66ea;color:#fff}.landing-page .faqs-cables-containers .left-faqs .left-contenr-containers .contact-support[data-v-9e5b2f44]{width:146px}.landing-page .faqs-cables-containers .left-faqs .left-contenr-containers .contact-support-title[data-v-9e5b2f44]{margin-top:24px;margin-bottom:24px;font-size:24px;color:#333;line-height:28px;font-weight:600}.landing-page .faqs-cables-containers .left-faqs .left-contenr-containers .contact-support-description[data-v-9e5b2f44]{font-weight:400;font-size:16px;color:#777;line-height:21px}.landing-page .right-faqs[data-v-9e5b2f44]{width:850px}@media screen and (max-width:1344px){.landing-page .right-faqs[data-v-9e5b2f44]{width:100%}}.landing-page .right-faqs .faqs-item[data-v-9e5b2f44]{padding:32px 105px 32px 32px;margin-bottom:24px;background:#f6f6f6;position:relative;border-radius:3px}.landing-page .right-faqs .faqs-item[data-v-9e5b2f44]:last-child{margin-bottom:0}.landing-page .right-faqs .faqs-item .faqs-item-image[data-v-9e5b2f44]{position:absolute;top:12%;right:6%;width:40px;height:40px;background:#fff;box-shadow:0 5px 10px #e6e6e6cc;border-radius:4px;color:#0a66ea;font-size:20px;cursor:pointer}.landing-page .right-faqs .faqs-item .rotate-icon[data-v-9e5b2f44]{transform:rotate(180deg)}.landing-page .right-faqs .faqs-item .no-rotate[data-v-9e5b2f44]{top:27%}.landing-page .right-faqs .faqs-item .faqs-item-title[data-v-9e5b2f44]{font-weight:600;font-size:16px;color:#333;cursor:pointer}.landing-page .right-faqs .faqs-item .faqs-item-content[data-v-9e5b2f44]{font-weight:400;font-size:16px;color:#777;line-height:21px}.landing-page .right-faqs .faqs-item.faqs-item-close .faqs-item-content[data-v-9e5b2f44]{display:none}.landing-page .right-faqs .faqs-item.faqs-item-open .faqs-item-content[data-v-9e5b2f44]{display:block}.landing-page .right-faqs .faqs-item.faqs-item-open .faqs-item-title[data-v-9e5b2f44]{padding-bottom:16px}.header-1[data-v-9e5b2f44]{width:132px}.header-2[data-v-9e5b2f44]{width:156px}.header-3[data-v-9e5b2f44]{width:164px}.header-4[data-v-9e5b2f44]{width:590px}@media screen and (max-width:1344px){.header-4[data-v-9e5b2f44]{width:425px}}