*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#1f2937;-webkit-text-size-adjust:100%;background:#fff;width:100%;font-family:-apple-system,Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}#app{width:100%}@media (width<=768px){body{-webkit-tap-highlight-color:transparent}.container{padding-left:16px!important;padding-right:16px!important}}.navbar[data-v-3b52401c]{z-index:1000;background:#fff;flex-direction:column;align-items:center;width:100%;height:82px;display:flex;position:sticky;top:0;left:0}.navbar-content[data-v-3b52401c]{z-index:1001;justify-content:space-between;align-items:center;width:100%;max-width:1200px;height:82px;margin:0 auto;display:flex;position:relative}.logo a[data-v-3b52401c]{text-decoration:none}.logo h1[data-v-3b52401c]{color:#000;letter-spacing:2px;margin:0;font-size:20px;font-weight:700}.logo p[data-v-3b52401c]{color:#00000080;letter-spacing:1px;margin:2px 0 0;font-size:8px}.nav-links[data-v-3b52401c]{align-items:center;gap:6px;height:82px;display:flex}.nav-links-Item[data-v-3b52401c]{height:82px;line-height:82px;position:relative}.nav-links-Item-active[data-v-3b52401c]{background:#3a74ed;width:56px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link[data-v-3b52401c]{color:#000000d9;white-space:nowrap;border-radius:6px;padding:8px 16px;font-size:15px;text-decoration:none;transition:all .3s}.nav-link[data-v-3b52401c]:hover,.nav-link.active[data-v-3b52401c]{color:#2563eb}.contact-btn a[data-v-3b52401c]{color:#fff;white-space:nowrap;background:#2563eb;border-radius:8px;align-items:center;gap:6px;padding:9px 20px;font-size:14px;text-decoration:none;transition:background .3s;display:inline-flex}.hamburger[data-v-3b52401c]{cursor:pointer;z-index:1001;flex-direction:column;gap:5px;padding:8px;display:none}.hamburger span[data-v-3b52401c]{background:#333;border-radius:2px;width:24px;height:2px;transition:all .3s;display:block}.hamburger span.open[data-v-3b52401c]:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger span.open[data-v-3b52401c]:nth-child(2){opacity:0}.hamburger span.open[data-v-3b52401c]:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-menu[data-v-3b52401c]{background:#fff;border-top:1px solid #f0f0f0;flex-direction:column;width:100%;padding:12px 0;display:none;position:absolute;top:0;box-shadow:0 8px 24px #00000014}.mobile-menu a[data-v-3b52401c]{color:#333;border-bottom:1px solid #f5f5f5;padding:14px 24px;font-size:15px;text-decoration:none;transition:all .2s;display:block}.mobile-menu a[data-v-3b52401c]:last-child{border-bottom:none}.mobile-menu a[data-v-3b52401c]:hover,.mobile-menu a.router-link-active[data-v-3b52401c]{color:#2563eb;background:#f0f7ff}.mobile-contact[data-v-3b52401c]{border-radius:8px;align-items:center;gap:6px;margin:8px 20px 4px;color:#fff!important;background:#2563eb!important;border-bottom:none!important;padding:12px 24px!important;display:flex!important}.mobile-contact[data-v-3b52401c]:hover{background:#1d4ed8!important}.slide-down-enter-active[data-v-3b52401c],.slide-down-leave-active[data-v-3b52401c]{transition:all .3s}.slide-down-enter-from[data-v-3b52401c],.slide-down-leave-to[data-v-3b52401c]{opacity:0;transform:translateY(-10px)}.mobile-menu-bg[data-v-3b52401c]{background:#00000080;width:100%;height:calc(100vh - 60px);position:fixed;top:60px}@media (width<=992px){.nav-links[data-v-3b52401c]{gap:2px}.nav-link[data-v-3b52401c]{padding:6px 10px;font-size:13px}.contact-btn a[data-v-3b52401c]{padding:8px 14px;font-size:13px}}@media (width<=768px){.navbar[data-v-3b52401c]{height:auto;padding:0;position:sticky}.navbar-content[data-v-3b52401c]{height:60px;padding:0 16px}.logo h1[data-v-3b52401c]{letter-spacing:1px;font-size:16px}.logo p[data-v-3b52401c]{font-size:8px}.nav-links[data-v-3b52401c],.contact-btn[data-v-3b52401c]{display:none}.hamburger[data-v-3b52401c],.mobile-menu[data-v-3b52401c]{display:flex}}.footer[data-v-ec2277c6]{color:#ffffffb3;background:#202f44;padding:60px 0 0}.container[data-v-ec2277c6]{max-width:1200px;margin:0 auto;padding:0 20px}.footer-grid[data-v-ec2277c6]{border-bottom:1px solid #ffffff1a;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;display:grid}.footer-company h3[data-v-ec2277c6]{color:#fff;margin:0 0 16px;font-size:18px;font-weight:700}.footer-company p[data-v-ec2277c6]{color:#fff;margin:0;font-size:13px;line-height:2}.footer-col h4[data-v-ec2277c6],.footer-social h4[data-v-ec2277c6]{color:#fff;margin:0 0 16px;font-size:15px;font-weight:600}.footer-col a[data-v-ec2277c6]{color:#fff;font-size:13px;line-height:2.2;text-decoration:none;transition:color .3s;display:block}.footer-col a[data-v-ec2277c6]:hover{color:#fff}.social-icons[data-v-ec2277c6]{gap:10px;margin-bottom:12px;display:flex}.social-icon[data-v-ec2277c6]{color:#fff;cursor:pointer;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:background .3s;display:flex;position:relative}.WXQR[data-v-ec2277c6]{position:absolute;top:-30px;left:-130px;width:100px!important;max-width:100px!important}.social-icon[data-v-ec2277c6]:hover{background:#fff3}.social-icon svg[data-v-ec2277c6]{width:18px;height:18px}.slogan[data-v-ec2277c6]{color:#fff;margin:0;font-size:13px;font-style:italic}.footer-bottom[data-v-ec2277c6]{text-align:center;color:#ffffff59;padding:20px 0;font-size:12px}.footer-bottom p[data-v-ec2277c6]{margin:0}.footer-bottom a[data-v-ec2277c6]{color:#ffffff59;text-decoration:none}.footer-bottom a[data-v-ec2277c6]:hover{color:#fff9}@media (width<=992px){.footer-grid[data-v-ec2277c6]{grid-template-columns:1fr 1fr;gap:30px}}@media (width<=768px){.footer[data-v-ec2277c6]{padding:40px 0 0!important}.container[data-v-ec2277c6]{padding:0 16px}.footer-grid[data-v-ec2277c6]{grid-template-columns:1fr;gap:24px}.footer-company h3[data-v-ec2277c6]{font-size:16px!important}.footer-company p[data-v-ec2277c6]{font-size:12px!important}.WXQR[data-v-ec2277c6]{width:80px!important;max-width:80px!important;top:-20px!important;left:-100px!important}.footer-bottom[data-v-ec2277c6]{padding:16px 0!important;font-size:11px!important}}.floating-bar[data-v-94c7ab65]{box-sizing:border-box;z-index:999;background:#fff;border-radius:118px;flex-direction:column;align-items:center;width:69px;padding:15px 10px;display:flex;position:fixed;bottom:20%;right:20px;overflow:visible;box-shadow:0 2px 12px #0000001a}.bar-item[data-v-94c7ab65]{cursor:pointer;border-radius:100px;justify-content:center;align-items:center;width:47px;height:71px;display:flex;position:relative}.bar-item[data-v-94c7ab65]:last-child{border-bottom:none}.bar-link[data-v-94c7ab65]{justify-content:center;align-items:center;width:100%;height:100%;text-decoration:none;display:flex}.bar-icon[data-v-94c7ab65]{flex-direction:column;justify-content:center;align-items:center;transition:all .25s;display:flex}.bar-icon img[data-v-94c7ab65]{object-fit:contain;filter:grayscale()opacity(.55);width:22px;height:22px;transition:filter .25s}.bar-icon div[data-v-94c7ab65]{color:#000;font-size:14px}.bar-item.active[data-v-94c7ab65]{background:#2563eb;transform:scale(1.12);box-shadow:0 4px 12px #2563eb59}.activeText[data-v-94c7ab65]{color:#fff!important}.bar-icon.active img[data-v-94c7ab65]{filter:grayscale(0%)opacity()brightness(2)}.bar-popup[data-v-94c7ab65]{white-space:nowrap;z-index:1000;background:#fff;border-radius:8px;padding:14px 18px;position:absolute;top:50%;right:64px;transform:translateY(-50%);box-shadow:0 4px 16px #0003}.wechat-popup[data-v-94c7ab65]{padding:14px}.popup-arrow[data-v-94c7ab65]{background:#fff;border-top:1px solid #0000000f;border-right:1px solid #0000000f;width:12px;height:12px;position:absolute;top:50%;right:-6px;transform:translateY(-50%)rotate(45deg)}.wechat-popup .popup-content[data-v-94c7ab65]{width:100px}.popup-content[data-v-94c7ab65]{text-align:center}.popup-label[data-v-94c7ab65]{color:#999;margin:0 0 6px;font-size:13px}.popup-value[data-v-94c7ab65]{color:#333;margin:0 0 2px;font-size:15px;font-weight:500}.qr-img[data-v-94c7ab65]{object-fit:contain;border-radius:4px;width:100px;height:100px;margin-top:6px}.bar-icon11[data-v-94c7ab65]{background:#f4f7ff;border-radius:50%;justify-content:center;align-items:center;width:47px;height:47px;display:flex}.bar-icon11 img[data-v-94c7ab65]{width:15px;height:22px}@media (width<=768px){.floating-bar[data-v-94c7ab65]{border-radius:50px;width:50px;padding:10px 6px;bottom:15%;right:10px}.bar-item[data-v-94c7ab65]{width:38px;height:56px}.bar-icon img[data-v-94c7ab65]{width:18px;height:18px}.bar-icon div[data-v-94c7ab65]{font-size:11px}.bar-item.active[data-v-94c7ab65]{transform:scale(1.05)}.bar-icon11[data-v-94c7ab65]{width:38px;height:38px}.bar-icon11 img[data-v-94c7ab65]{width:12px;height:18px}}.home[data-v-4929dbf8]{color:#1f2937;background:#f3f3f5;width:100%;font-family:-apple-system,Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;line-height:1.6}.container[data-v-4929dbf8]{max-width:1200px;margin:0 auto;padding:0 20px}.hero-badge-text[data-v-4929dbf8]{color:#fff;letter-spacing:1px;margin:0 0 18px;font-size:72px;font-weight:800;line-height:1.25}.hero[data-v-4929dbf8]{box-sizing:border-box;background:#0f1b33;align-items:center;padding:80px 0 60px;display:flex;position:relative}.hero-bg[data-v-4929dbf8]{background:url(https://dyanyapi.elecottech.com/h5_static_img/YSDL/images/hero-bg.png) 50%/cover no-repeat;position:absolute;inset:0}.hero-overlay[data-v-4929dbf8]{position:absolute;inset:0}.hero-content[data-v-4929dbf8]{z-index:2;width:100%;max-width:1200px;margin:0 auto;position:relative}.hero-text[data-v-4929dbf8]{max-width:680px}.hero-badge[data-v-4929dbf8]{color:#ffffffb3;letter-spacing:2px;border:1px solid #ffffff40;border-radius:20px;margin-bottom:24px;padding:6px 16px;font-size:13px;display:inline-block}.hero h2[data-v-4929dbf8]{color:#fff;letter-spacing:1px;margin:0 0 18px;font-size:48px;font-weight:800;line-height:1.25}.hero-text p[data-v-4929dbf8]{color:#ffffffb3;margin-bottom:36px;font-size:16px;line-height:1.8}.hero-buttons[data-v-4929dbf8]{gap:16px;display:flex}.btn[data-v-4929dbf8]{cursor:pointer;border:none;border-radius:100px;align-items:center;gap:6px;padding:13px 32px;font-family:inherit;font-size:15px;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary[data-v-4929dbf8]{color:#fff;background:#1e40af}.btn-primary[data-v-4929dbf8]:hover{background:#1e3a8a;transform:translateY(-1px)}.btn-outline[data-v-4929dbf8]{color:#1f2937;background:#ffd400}.btn-outline img[data-v-4929dbf8]{width:20px}.btn-outline[data-v-4929dbf8]:hover{background:#f3f4f6;transform:translateY(-1px)}.section-header[data-v-4929dbf8]{text-align:center;margin-bottom:56px;padding-top:0}.section-header h2[data-v-4929dbf8]{color:#1f2937;margin:0 0 12px;font-size:32px;font-weight:700}.section-header p[data-v-4929dbf8]{color:#6b7280;margin:0;font-size:15px}.section-line[data-v-4929dbf8]{background:#2563eb;border-radius:2px;width:40px;height:3px;margin-top:16px;display:inline-block}.products[data-v-4929dbf8]{background:#f0f4f8;padding:80px 0}.product-grid[data-v-4929dbf8]{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.product-card[data-v-4929dbf8]{text-align:center;background:#fff;border-radius:12px;padding:36px 28px 28px;transition:all .3s;box-shadow:0 1px 3px #0000000f}.product-card[data-v-4929dbf8]:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.product-icon[data-v-4929dbf8]{color:#2563eb;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.product-icon svg[data-v-4929dbf8]{width:32px;height:32px}.product-card h3[data-v-4929dbf8]{color:#1f2937;margin:0 0 10px;font-size:18px;font-weight:600}.product-card p[data-v-4929dbf8]{color:#6b7280;margin:0 0 18px;font-size:14px;line-height:1.7}.product-link[data-v-4929dbf8]{color:#9ca3af;align-items:center;gap:4px;font-size:14px;text-decoration:none;transition:color .3s;display:inline-flex}.product-link[data-v-4929dbf8]:hover{color:#2563eb}.why-us[data-v-4929dbf8]{background:#fff;padding:80px 0}.why-us-grid[data-v-4929dbf8]{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.why-us-card[data-v-4929dbf8]{text-align:center;background:#fff;border-radius:12px;padding:36px 28px 28px;transition:all .3s}.why-us-card[data-v-4929dbf8]:hover{transform:translateY(-4px)}.why-us-icon[data-v-4929dbf8]{justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;display:flex}.why-us-icon svg[data-v-4929dbf8]{width:48px;height:48px}.why-us-card h3[data-v-4929dbf8]{color:#1f2937;margin:0 0 10px;font-size:18px;font-weight:600}.why-us-card p[data-v-4929dbf8]{color:#6b7280;margin:0;font-size:14px;line-height:1.7}.news[data-v-4929dbf8]{padding:80px 0}.news-grid[data-v-4929dbf8]{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.news-card[data-v-4929dbf8]{background:#fff;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 1px 3px #0000000f}.news-card[data-v-4929dbf8]:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.news-image[data-v-4929dbf8]{background:#e5e7eb;width:100%;height:200px;overflow:hidden}.news-image img[data-v-4929dbf8]{object-fit:cover;width:100%;height:100%;transition:transform .3s}.news-card:hover .news-image img[data-v-4929dbf8]{transform:scale(1.05)}.news-body[data-v-4929dbf8]{padding:24px}.news-date[data-v-4929dbf8]{color:#9ca3af;margin-bottom:8px;font-size:13px}.news-card h3[data-v-4929dbf8]{color:#1f2937;margin:0 0 8px;font-size:17px;font-weight:600;line-height:1.4}.news-body p[data-v-4929dbf8]{color:#6b7280;margin:0 0 16px;font-size:14px;line-height:1.7}.news-link[data-v-4929dbf8]{color:#1e40af;align-items:center;gap:4px;font-size:14px;font-weight:500;text-decoration:none;transition:gap .3s;display:inline-flex}.news-link[data-v-4929dbf8]:hover{gap:8px}.cta[data-v-4929dbf8]{text-align:center;background:#f0f4f8;padding:80px 0}.cta-content h2[data-v-4929dbf8]{color:#1f2937;margin:0 0 12px;font-size:32px;font-weight:700}.cta-content p[data-v-4929dbf8]{color:#6b7280;margin:0 0 36px;font-size:15px}.cta-buttons[data-v-4929dbf8]{justify-content:center;gap:16px;display:flex}.btn-cta-primary[data-v-4929dbf8]{color:#fff;background:#2563eb}.btn-cta-primary[data-v-4929dbf8]:hover{background:#1d4ed8;transform:translateY(-1px)}.btn-cta-outline[data-v-4929dbf8]{color:#1f2937;background:#fff;border:1px solid #e5e7eb}.btn-cta-outline[data-v-4929dbf8]:hover{background:#f9fafb;transform:translateY(-1px)}@media (width<=1440px){.hero-badge-text[data-v-4929dbf8]{font-size:48px}}@media (width<=992px){.hero-content[data-v-4929dbf8]{padding:0 30px}.hero-badge-text[data-v-4929dbf8]{font-size:32px!important}.product-grid[data-v-4929dbf8]{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}.why-us-grid[data-v-4929dbf8],.news-grid[data-v-4929dbf8]{grid-template-columns:repeat(2,1fr)!important;gap:20px!important}.cta-content h2[data-v-4929dbf8]{font-size:24px!important}}@media (width<=768px){.hero[data-v-4929dbf8]{height:480px!important}.hero-badge[data-v-4929dbf8]{padding:6px 14px!important;font-size:11px!important}.hero-badge-text[data-v-4929dbf8]{font-size:26px!important;line-height:1.3!important}.hero-text p[data-v-4929dbf8]{-webkit-line-clamp:3;overflow:hidden;font-size:14px!important}.hero-buttons[data-v-4929dbf8]{flex-direction:column!important;gap:10px!important}.hero-buttons .btn[data-v-4929dbf8]{justify-content:center;width:100%;max-width:240px}.product-grid[data-v-4929dbf8],.why-us-grid[data-v-4929dbf8],.news-grid[data-v-4929dbf8]{grid-template-columns:1fr!important;gap:16px!important}.cta[data-v-4929dbf8]{padding:40px 0!important}.cta-content h2[data-v-4929dbf8]{font-size:20px!important}.cta-content p[data-v-4929dbf8]{font-size:14px!important}.cta-buttons[data-v-4929dbf8]{flex-direction:column!important;align-items:center!important;gap:12px!important}}