<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta
      name="description"
      content="杭州白象电控科技有限公司提供PLC控制柜、电机驱动装置、低压配电设备与自动化改造系统。"
    />
    <title>杭州白象电控科技有限公司｜工业电气控制系统</title>
    <style>
      :root {
        --page: #ffffff;
        --ink: #1a1a1a;
        --muted: #666666;
        --line: #e5e5e5;
        --soft: #f5f7f9;
        --deep: #11272c;
        --deep-2: #1b3a3d;
        --panel: #152b30;
        --panel-2: #0d2025;
        --text-on-deep: #eef4f2;
        --muted-on-deep: #a9bbb6;
        --signal: #65d6a6;
        --signal-soft: #193e35;
        --warn: #dfb667;
        --warn-soft: #3a3020;
      }

      * {
        box-sizing: border-box;
      }

      html {
        scroll-behavior: smooth;
      }

      body {
        margin: 0;
        color: var(--ink);
        background: var(--page);
        font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", sans-serif;
        font-size: 15px;
        line-height: 1.75;
      }

      a {
        color: inherit;
      }

      a:focus-visible,
      summary:focus-visible {
        outline: 2px solid var(--signal);
        outline-offset: 4px;
      }

      .wrap {
        width: min(100% - 40px, 1200px);
        margin-inline: auto;
      }

      .masthead {
        position: relative;
        z-index: 5;
        width: 100%;
        background: var(--page);
        border-bottom: 1px solid var(--line);
      }

      .masthead-inner {
        display: flex;
        min-height: 76px;
        align-items: center;
        justify-content: space-between;
        gap: 28px;
      }

      .brand {
        display: inline-flex;
        min-width: 0;
        align-items: center;
        gap: 12px;
        text-decoration: none;
      }

      .brand-mark {
        position: relative;
        display: inline-block;
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
        background: var(--deep);
        clip-path: polygon(0 0, 78% 0, 100% 22%, 100% 100%, 0 100%);
      }

      .brand-mark::before {
        position: absolute;
        top: 9px;
        left: 8px;
        width: 16px;
        height: 16px;
        background: var(--page);
        clip-path: polygon(0 0, 48% 0, 48% 48%, 100% 48%, 100% 100%, 0 100%);
        content: "";
      }

      .brand-mark::after {
        position: absolute;
        right: 5px;
        bottom: 5px;
        width: 9px;
        height: 9px;
        background: var(--signal);
        content: "";
      }

      .brand-name {
        overflow: hidden;
        font-size: 17px;
        font-weight: 500;
        letter-spacing: 0.02em;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .masthead-nav {
        display: flex;
        flex: 0 0 auto;
        align-items: center;
        gap: clamp(20px, 2.6vw, 40px);
      }

      .masthead-nav a {
        position: relative;
        padding: 25px 0 21px;
        color: var(--muted);
        font-size: 13px;
        text-decoration: none;
        white-space: nowrap;
      }

      .masthead-nav a::after {
        position: absolute;
        right: 0;
        bottom: 17px;
        left: 0;
        height: 1px;
        background: var(--ink);
        content: "";
        transform: scaleX(0);
        transform-origin: right;
        transition: transform 0.25s ease;
      }

      .masthead-nav a:hover {
        color: var(--ink);
      }

      .masthead-nav a:hover::after {
        transform: scaleX(1);
        transform-origin: left;
      }

      .hero {
        position: relative;
        display: grid;
        width: 100%;
        min-height: 680px;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        align-content: center;
        gap: 12px;
        overflow: hidden;
        padding: 46px max(24px, calc((100% - 1200px) / 2)) 42px;
        color: var(--text-on-deep);
        background: linear-gradient(118deg, #0d2025 0%, #17343a 48%, #1b3b3c 68%, #10272d 100%);
        border-radius: 0;
      }

      .hero::before {
        position: absolute;
        inset: 0;
        background-image:
          linear-gradient(
            90deg,
            transparent 0,
            transparent calc(100% - 1px),
            rgb(255 255 255 / 0.05) calc(100% - 1px)
          ),
          linear-gradient(
            0deg,
            transparent 0,
            transparent calc(100% - 1px),
            rgb(255 255 255 / 0.04) calc(100% - 1px)
          );
        background-size: 72px 72px;
        content: "";
        pointer-events: none;
        border-radius: 0;
      }

      .hero::after {
        position: absolute;
        top: -130px;
        right: -90px;
        width: 500px;
        height: 500px;
        background: linear-gradient(140deg, rgb(101 214 166 / 0.12), rgb(101 214 166 / 0) 66%);
        clip-path: polygon(50% 0, 100% 100%, 0 100%);
        content: "";
        pointer-events: none;
        border-radius: 0;
      }

      .headline {
        position: relative;
        z-index: 1;
        max-width: 880px;
        grid-column: 1 / -1;
        min-width: 0;
      }

      .eyebrow {
        margin: 0 0 12px;
        color: var(--muted-on-deep);
        font-family: Arial, sans-serif;
        font-size: 11px;
        letter-spacing: 0.06em;
      }

      h1 {
        max-width: 840px;
        margin: 0;
        font-size: clamp(40px, 4vw, 52px);
        font-weight: 400;
        letter-spacing: -0.02em;
        line-height: 1.15;
      }

      h1 span {
        display: block;
      }

      .lead {
        max-width: 720px;
        margin: 18px 0 22px;
        color: var(--muted-on-deep);
        font-size: 16px;
        line-height: 1.75;
      }

      .quick-specs {
        display: grid;
        max-width: 850px;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }

      .quick-item {
        display: flex;
        min-width: 0;
        align-items: center;
        gap: 10px;
      }

      .quick-item b,
      .quick-item small {
        display: block;
      }

      .quick-item b {
        font-size: 14px;
        font-weight: 500;
      }

      .quick-item small {
        color: var(--muted-on-deep);
        font-size: 12px;
        line-height: 1.45;
      }

      .q-icon {
        position: relative;
        display: inline-block;
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
        border-radius: 0;
      }

      .q-plc {
        width: 27px;
        height: 32px;
        margin-left: 3px;
        border: 1px solid var(--muted-on-deep);
      }

      .q-plc::before {
        position: absolute;
        top: 5px;
        right: 4px;
        left: 4px;
        height: 5px;
        border-bottom: 1px solid var(--signal);
        content: "";
      }

      .q-plc::after {
        position: absolute;
        right: 5px;
        bottom: 6px;
        left: 5px;
        height: 11px;
        border-top: 1px solid var(--muted-on-deep);
        border-bottom: 1px solid var(--muted-on-deep);
        content: "";
      }

      .q-drive::before {
        position: absolute;
        top: 7px;
        left: 4px;
        width: 23px;
        height: 20px;
        border: 1px solid var(--muted-on-deep);
        content: "";
        transform: skewX(-15deg);
      }

      .q-drive::after {
        position: absolute;
        top: 14px;
        left: 12px;
        width: 11px;
        height: 6px;
        border-top: 1px solid var(--signal);
        border-right: 1px solid var(--signal);
        content: "";
        transform: rotate(-30deg);
      }

      .q-grid {
        border-bottom: 1px solid var(--muted-on-deep);
        border-left: 1px solid var(--muted-on-deep);
      }

      .q-grid::before {
        position: absolute;
        right: 3px;
        bottom: 0;
        width: 7px;
        height: 17px;
        border: 1px solid var(--signal);
        content: "";
      }

      .q-grid::after {
        position: absolute;
        bottom: 0;
        left: 7px;
        width: 1px;
        height: 27px;
        background: var(--muted-on-deep);
        content: "";
        box-shadow:
          9px 0 0 var(--muted-on-deep),
          18px 0 0 var(--muted-on-deep);
      }

      .q-flow::before {
        position: absolute;
        top: 4px;
        left: 5px;
        width: 8px;
        height: 8px;
        border: 1px solid var(--signal);
        content: "";
        box-shadow:
          16px 16px 0 -1px var(--panel),
          16px 16px 0 0 var(--muted-on-deep);
      }

      .q-flow::after {
        position: absolute;
        top: 12px;
        left: 13px;
        width: 13px;
        height: 1px;
        background: var(--muted-on-deep);
        content: "";
        transform: rotate(45deg);
        transform-origin: left;
      }

      .hero-link {
        display: inline-flex;
        min-height: 42px;
        align-items: center;
        justify-content: center;
        margin-top: 24px;
        padding: 0 20px;
        border: 1px solid rgb(238 244 242 / 0.48);
        border-radius: 2px;
        color: var(--text-on-deep);
        font-size: 14px;
        text-decoration: none;
        transition:
          border-color 0.25s ease,
          background 0.25s ease;
      }

      .hero-link:hover {
        border-color: var(--text-on-deep);
        background: rgb(255 255 255 / 0.07);
      }

      .console-bar {
        position: relative;
        z-index: 1;
        display: flex;
        min-width: 0;
        grid-column: 1 / -1;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        margin-top: 8px;
        padding: 12px 15px;
        background: rgb(8 26 30 / 0.88);
        border: 1px solid rgb(255 255 255 / 0.14);
        border-radius: 2px;
      }

      .console-id,
      .console-meta,
      .console-meta span {
        display: flex;
        min-width: 0;
        align-items: center;
      }

      .console-id {
        gap: 10px;
        font-family: Arial, sans-serif;
        font-size: 12px;
        letter-spacing: 0.04em;
      }

      .console-id i {
        display: block;
        width: 7px;
        height: 7px;
        background: var(--signal);
      }

      .console-meta {
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 8px 18px;
        color: var(--muted-on-deep);
        font-size: 12px;
      }

      .console-meta span {
        gap: 7px;
      }

      .console-meta .live {
        color: var(--text-on-deep);
      }

      .console-meta .live b {
        font-weight: 500;
      }

      .signal {
        display: inline-block;
        width: 6px;
        height: 6px;
        background: var(--signal);
      }

      .signal.warn {
        background: var(--warn);
      }

      .system-node {
        position: relative;
        z-index: 1;
        display: flex;
        min-width: 0;
        min-height: 206px;
        flex-direction: column;
        padding: 15px;
        overflow: hidden;
        background: linear-gradient(145deg, rgb(30 62 65 / 0.94), rgb(12 34 39 / 0.94));
        border: 1px solid rgb(255 255 255 / 0.16);
        border-radius: 2px;
      }

      .system-node::after {
        position: absolute;
        top: -32px;
        right: -28px;
        width: 84px;
        height: 84px;
        border: 1px solid rgb(255 255 255 / 0.08);
        content: "";
      }

      .node-head {
        display: flex;
        min-width: 0;
        align-items: baseline;
        justify-content: space-between;
        gap: 12px;
        padding-bottom: 10px;
        border-bottom: 1px solid rgb(255 255 255 / 0.12);
      }

      .node-head b {
        font-size: 15px;
        font-weight: 500;
      }

      .node-head span {
        color: var(--muted-on-deep);
        font-family: Arial, sans-serif;
        font-size: 10px;
        letter-spacing: 0.06em;
        white-space: nowrap;
      }

      .node-primary {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 12px;
        padding: 14px 0 12px;
      }

      .node-primary small,
      .node-primary strong {
        display: block;
      }

      .node-primary small {
        color: var(--muted-on-deep);
        font-size: 11px;
      }

      .node-primary strong {
        color: var(--signal);
        font-family: Arial, sans-serif;
        font-size: 28px;
        font-weight: 400;
        line-height: 1.1;
        font-variant-numeric: tabular-nums;
      }

      .node-primary strong em {
        color: var(--muted-on-deep);
        font-size: 11px;
        font-style: normal;
      }

      .node-primary .badge {
        display: inline-flex;
        min-height: 23px;
        align-items: center;
        gap: 6px;
        padding: 0 8px;
        color: var(--text-on-deep);
        background: var(--signal-soft);
        border: 1px solid rgb(101 214 166 / 0.3);
        font-size: 10px;
      }

      .node-primary .badge.warn {
        background: var(--warn-soft);
        border-color: rgb(223 182 103 / 0.27);
      }

      .node-data {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1px;
        margin-top: auto;
        background: rgb(255 255 255 / 0.1);
      }

      .node-data div {
        min-width: 0;
        padding: 8px 9px;
        background: var(--panel-2);
      }

      .node-data small,
      .node-data b {
        display: block;
      }

      .node-data small {
        color: var(--muted-on-deep);
        font-size: 10px;
      }

      .node-data b {
        overflow: hidden;
        color: var(--text-on-deep);
        font-family: Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-variant-numeric: tabular-nums;
      }

      .section-strip {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        width: 100%;
        background: var(--page);
        border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
      }

      .section-strip a {
        display: flex;
        min-height: 58px;
        align-items: center;
        justify-content: center;
        padding: 10px 14px;
        color: var(--muted);
        border-right: 1px solid var(--line);
        font-size: 13px;
        text-align: center;
        text-decoration: none;
        transition:
          color 0.2s ease,
          background 0.2s ease;
      }

      .section-strip a:last-child {
        border-right: 0;
      }

      .section-strip a:hover {
        color: var(--ink);
        background: var(--soft);
      }

      .section-title {
        margin-bottom: 34px;
        text-align: center;
      }

      .section-title h2 {
        margin: 0;
        font-size: 26px;
        font-weight: 400;
        line-height: 1.35;
      }

      .section-title span {
        display: block;
        margin-top: 6px;
        color: var(--muted);
        font-family: Arial, sans-serif;
        font-size: 11px;
        letter-spacing: 0.06em;
      }

      .notice-band {
        position: relative;
        overflow: hidden;
        padding: 74px 0;
        background: linear-gradient(115deg, #f5f7f9 0%, #eef2f2 58%, #f8f9fa 100%);
      }

      .notice-band::before {
        position: absolute;
        top: 58px;
        right: -70px;
        width: 440px;
        height: 260px;
        background: linear-gradient(135deg, rgb(17 39 44 / 0.08), rgb(17 39 44 / 0.015));
        clip-path: polygon(18% 0, 100% 0, 82% 100%, 0 100%);
        content: "";
      }

      .notice-band::after {
        position: absolute;
        bottom: 28px;
        left: -20px;
        width: 260px;
        height: 1px;
        background: var(--ink);
        content: "";
        opacity: 0.13;
        transform: rotate(-11deg);
      }

      .notice-layout {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: minmax(320px, 0.85fr) minmax(0, 1.15fr);
        gap: 54px;
        align-items: start;
      }

      .notice-list {
        margin: 0;
        padding: 0;
        list-style: none;
        border-top: 1px solid #cfd8d6;
      }

      .notice-list li {
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 13px;
        padding: 12px 0;
        border-bottom: 1px solid #cfd8d6;
      }

      .notice-list .num {
        padding-top: 1px;
        color: var(--muted);
        font-family: Arial, sans-serif;
        font-size: 11px;
        letter-spacing: 0.04em;
      }

      .notice-list b,
      .notice-list small {
        display: block;
      }

      .notice-list b {
        font-size: 14px;
        font-weight: 500;
      }

      .notice-list small {
        margin-top: 2px;
        color: var(--muted);
        font-size: 12px;
        line-height: 1.6;
      }

      .notice-copy {
        padding: 28px 30px 30px;
        background: rgb(255 255 255 / 0.74);
        border-top: 3px solid var(--deep);
        border-right: 1px solid #dbe2e1;
        border-bottom: 1px solid #dbe2e1;
        border-left: 1px solid #dbe2e1;
        border-radius: 2px;
      }

      .notice-copy .copy-label {
        margin: 0 0 16px;
        color: var(--muted);
        font-family: Arial, sans-serif;
        font-size: 11px;
        letter-spacing: 0.06em;
      }

      .notice-copy p {
        margin: 0;
        font-size: 15px;
        line-height: 1.85;
      }

      .notice-copy .copy-fields {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1px;
        margin-top: 24px;
        background: #e2e8e7;
      }

      .copy-fields span {
        min-width: 0;
        padding: 10px;
        background: #f9faf9;
        color: var(--muted);
        font-size: 11px;
      }

      .copy-fields b {
        display: block;
        margin-bottom: 2px;
        color: var(--ink);
        font-size: 13px;
        font-weight: 500;
      }

      .matrix {
        padding: 78px 0;
        background: var(--page);
      }

      .matrix-table {
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
        border-top: 2px solid var(--ink);
        border-bottom: 1px solid var(--line);
      }

      .matrix-table th {
        padding: 14px 16px;
        color: var(--text-on-deep);
        background: var(--deep);
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0.04em;
        text-align: left;
      }

      .matrix-table td {
        padding: 17px 16px;
        border-bottom: 1px solid var(--line);
        color: var(--muted);
        font-size: 13px;
        line-height: 1.7;
        vertical-align: top;
      }

      .matrix-table tr:last-child td {
        border-bottom: 0;
      }

      .matrix-table td:first-child {
        color: var(--ink);
        font-size: 14px;
        font-weight: 500;
      }

      .matrix-table tbody tr {
        transition: background 0.2s ease;
      }

      .matrix-table tbody tr:hover {
        background: #fafbfb;
      }

      .integration {
        padding: 76px 0;
        background: var(--soft);
      }

      .qa-list {
        max-width: 980px;
        margin: 0 auto;
        border-top: 1px solid #d7dedd;
      }

      details {
        border-bottom: 1px solid #d7dedd;
      }

      summary {
        position: relative;
        padding: 20px 48px 20px 0;
        cursor: pointer;
        font-size: 16px;
        font-weight: 500;
        list-style: none;
      }

      summary::-webkit-details-marker {
        display: none;
      }

      summary::after {
        position: absolute;
        top: 18px;
        right: 4px;
        width: 26px;
        height: 26px;
        border: 1px solid #bdc8c6;
        color: var(--muted);
        content: "+";
        font-family: Arial, sans-serif;
        font-size: 18px;
        line-height: 24px;
        text-align: center;
      }

      details[open] summary::after {
        content: "-";
      }

      .answer {
        max-width: 860px;
        padding: 0 48px 22px 0;
        color: var(--muted);
        font-size: 14px;
        line-height: 1.85;
      }

      .answer p {
        margin: 0;
      }

      .about {
        position: relative;
        overflow: hidden;
        padding: 92px 0 76px;
        background: var(--page);
      }

      .about::before {
        position: absolute;
        right: -28px;
        bottom: -40px;
        color: var(--ink);
        content: "DEVICE";
        font-family: Arial, sans-serif;
        font-size: clamp(140px, 17vw, 230px);
        font-weight: 700;
        letter-spacing: -0.06em;
        line-height: 0.8;
        opacity: 0.11;
        pointer-events: none;
        white-space: nowrap;
      }

      .about-layout {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
        gap: 70px;
        align-items: center;
      }

      .about-copy p {
        margin: 0;
        color: var(--muted);
        font-size: 15px;
        line-height: 1.9;
      }

      .about-copy p strong {
        color: var(--ink);
        font-weight: 500;
      }

      .engineering-input {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1px;
        background: var(--line);
        border-top: 1px solid var(--ink);
        border-bottom: 1px solid var(--line);
      }

      .engineering-input div {
        min-height: 82px;
        padding: 16px;
        background: var(--page);
      }

      .engineering-input small,
      .engineering-input b {
        display: block;
      }

      .engineering-input small {
        color: var(--muted);
        font-size: 11px;
      }

      .engineering-input b {
        margin-top: 5px;
        font-size: 14px;
        font-weight: 500;
      }

      .stats {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 1px;
        margin-top: 58px;
        background: var(--line);
        border-top: 1px solid var(--ink);
        border-bottom: 1px solid var(--line);
      }

      .stat {
        min-width: 0;
        padding: 24px 18px 22px;
        background: var(--page);
      }

      .stat strong {
        display: block;
        color: var(--ink);
        font-family: Arial, sans-serif;
        font-size: clamp(44px, 4.2vw, 56px);
        font-weight: 400;
        letter-spacing: -0.05em;
        line-height: 1;
        font-variant-numeric: tabular-nums;
      }

      .stat span {
        display: block;
        margin-top: 10px;
        color: var(--muted);
        font-size: 12px;
      }

      .closing {
        background: var(--page);
      }

      .partners {
        padding: 76px 0 80px;
      }

      .partner-intro {
        max-width: 690px;
        margin: -14px auto 30px;
        color: var(--muted);
        font-size: 14px;
        text-align: center;
      }

      .partner-wall {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 1px;
        background: var(--line);
        border: 1px solid var(--line);
      }

      .partner {
        display: flex;
        min-width: 0;
        min-height: 96px;
        align-items: center;
        justify-content: center;
        gap: 11px;
        padding: 14px 10px;
        background: #f7f8f8;
        color: var(--muted);
        font-size: 12px;
        text-align: left;
      }

      .pm {
        position: relative;
        display: inline-block;
        width: 24px;
        height: 24px;
        flex: 0 0 24px;
      }

      .pm::before,
      .pm::after {
        position: absolute;
        content: "";
      }

      .pm-1 {
        border: 2px solid #7d8985;
        border-radius: 50%;
      }

      .pm-1::before {
        inset: 5px;
        background: #7d8985;
        border-radius: 50%;
      }

      .pm-1::after {
        top: 10px;
        right: -4px;
        width: 8px;
        height: 2px;
        background: #7d8985;
      }

      .pm-2 {
        background: #7d8985;
        clip-path: polygon(50% 0, 100% 100%, 0 100%);
      }

      .pm-2::before {
        right: 7px;
        bottom: 4px;
        left: 7px;
        height: 8px;
        background: #f7f8f8;
        clip-path: polygon(50% 0, 100% 100%, 0 100%);
      }

      .pm-2::after {
        right: 3px;
        bottom: 1px;
        left: 3px;
        height: 2px;
        background: #7d8985;
      }

      .pm-3::before {
        inset: 2px;
        border: 1px solid #7d8985;
      }

      .pm-3::after {
        top: 5px;
        left: 4px;
        width: 17px;
        height: 7px;
        background: #7d8985;
        clip-path: polygon(1px 0, 100% 0, calc(100% - 5px) 100%, 0 100%);
        box-shadow: 0 9px 0 #7d8985;
      }

      .pm-4 {
        background: #7d8985;
        clip-path: polygon(0 0, 82% 0, 100% 18%, 100% 100%, 0 100%);
      }

      .pm-4::before {
        top: 6px;
        left: 6px;
        width: 9px;
        height: 9px;
        border: 1px solid #f7f8f8;
      }

      .pm-4::after {
        right: 4px;
        bottom: 5px;
        width: 11px;
        height: 2px;
        background: #f7f8f8;
        box-shadow: 0 -4px 0 #f7f8f8;
      }

      .pm-5::before {
        top: 10px;
        left: 2px;
        width: 20px;
        height: 4px;
        background: #7d8985;
      }

      .pm-5::after {
        top: 2px;
        left: 10px;
        width: 4px;
        height: 20px;
        background: #7d8985;
        box-shadow:
          7px 2px 0 -1px #7d8985,
          -7px 17px 0 -1px #7d8985;
      }

      .pm-6 {
        background: #7d8985;
        clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
      }

      .pm-6::before {
        inset: 5px;
        background: #f7f8f8;
        clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
      }

      .pm-6::after {
        top: 10px;
        left: 8px;
        width: 8px;
        height: 2px;
        background: #7d8985;
        box-shadow: 0 4px 0 #7d8985;
      }

      .pm-7::before {
        top: 5px;
        left: 3px;
        width: 13px;
        height: 13px;
        border-top: 2px solid #7d8985;
        border-right: 2px solid #7d8985;
        transform: rotate(45deg);
      }

      .pm-7::after {
        top: 5px;
        left: 10px;
        width: 13px;
        height: 13px;
        border-top: 2px solid #7d8985;
        border-right: 2px solid #7d8985;
        transform: rotate(45deg);
      }

      .pm-8::before {
        inset: 2px 12px 2px 2px;
        background: #7d8985;
        clip-path: polygon(0 0, 100% 12%, 100% 88%, 0 100%);
      }

      .pm-8::after {
        inset: 2px 2px 2px 12px;
        background: #a6b0ad;
        clip-path: polygon(0 12%, 100% 0, 100% 100%, 0 88%);
      }

      .contact-band {
        position: relative;
        overflow: hidden;
        padding: 82px 0;
        color: var(--text-on-deep);
        background: linear-gradient(110deg, #0d2025 0%, #17373c 58%, #234446 100%);
      }

      .contact-band::before {
        position: absolute;
        top: -70px;
        right: 7%;
        width: 320px;
        height: 320px;
        border: 1px solid rgb(255 255 255 / 0.12);
        content: "";
        transform: rotate(18deg);
      }

      .contact-band::after {
        position: absolute;
        right: 14%;
        bottom: -120px;
        width: 440px;
        height: 240px;
        background: linear-gradient(120deg, rgb(101 214 166 / 0.12), rgb(101 214 166 / 0));
        clip-path: polygon(20% 0, 100% 0, 80% 100%, 0 100%);
        content: "";
      }

      .contact-inner {
        position: relative;
        z-index: 1;
      }

      .contact-inner .section-title {
        margin-bottom: 28px;
      }

      .contact-inner .section-title h2 {
        color: var(--text-on-deep);
      }

      .contact-inner .section-title span {
        color: var(--muted-on-deep);
      }

      .contact-lead {
        max-width: 760px;
        margin: 0 auto 32px;
        color: var(--muted-on-deep);
        font-size: 15px;
        text-align: center;
      }

      .contact-data {
        display: grid;
        max-width: 960px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1px;
        margin: 0 auto 28px;
        background: rgb(255 255 255 / 0.14);
      }

      .contact-data div {
        min-width: 0;
        padding: 16px;
        background: rgb(8 26 30 / 0.7);
      }

      .contact-data small,
      .contact-data b {
        display: block;
      }

      .contact-data small {
        color: var(--muted-on-deep);
        font-size: 10px;
        letter-spacing: 0.06em;
      }

      .contact-data b {
        margin-top: 4px;
        color: var(--text-on-deep);
        font-size: 13px;
        font-weight: 400;
      }

      .contact-action {
        display: flex;
        justify-content: center;
      }

      .contact-action a {
        display: inline-flex;
        min-height: 44px;
        align-items: center;
        justify-content: center;
        padding: 0 22px;
        border: 1px solid rgb(238 244 242 / 0.55);
        border-radius: 2px;
        color: var(--text-on-deep);
        font-size: 14px;
        text-decoration: none;
        transition:
          color 0.2s ease,
          background 0.2s ease;
      }

      .contact-action a:hover {
        color: var(--deep);
        background: var(--text-on-deep);
      }

      footer {
        padding: 34px 0;
        color: var(--muted-on-deep);
        background: #09191d;
        border-top: 1px solid rgb(255 255 255 / 0.1);
        font-size: 12px;
      }

      .footer-inner {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 28px;
        align-items: start;
      }

      .footer-brand {
        color: var(--text-on-deep);
        font-size: 14px;
      }

      .footer-copy {
        margin-top: 8px;
        line-height: 1.8;
      }

      .footer-copy a {
        color: inherit;
        text-decoration: none;
      }

      .footer-copy a:hover {
        color: var(--text-on-deep);
      }

      .footer-nav {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 10px 20px;
      }

      .footer-nav a {
        color: var(--muted-on-deep);
        text-decoration: none;
      }

      .footer-nav a:hover {
        color: var(--text-on-deep);
      }

      .icp {
        grid-column: 1 / -1;
        padding-top: 16px;
        border-top: 1px solid rgb(255 255 255 / 0.09);
      }

      @media (max-width: 980px) {
        .masthead-inner {
          flex-wrap: wrap;
          gap: 6px 24px;
          padding: 12px 0;
        }

        .brand-name {
          font-size: 15px;
        }

        .masthead-nav {
          width: 100%;
          justify-content: space-between;
          gap: 10px;
        }

        .masthead-nav a {
          padding: 7px 0 4px;
          font-size: 12px;
        }

        .masthead-nav a::after {
          bottom: 0;
        }

        .hero {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .quick-specs {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .section-strip {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .section-strip a:nth-child(3) {
          border-right: 0;
        }

        .section-strip a:nth-child(-n + 3) {
          border-bottom: 1px solid var(--line);
        }

        .notice-layout,
        .about-layout {
          grid-template-columns: minmax(0, 1fr);
          gap: 28px;
        }

        .about-layout {
          gap: 34px;
        }

        .stats {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .partner-wall {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }

      @media (max-width: 680px) {
        .wrap {
          width: min(100% - 32px, 1200px);
        }

        .masthead-nav {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          row-gap: 2px;
        }

        .masthead-nav a {
          padding: 5px 0;
        }

        .hero {
          grid-template-columns: minmax(0, 1fr);
          min-height: 680px;
          gap: 10px;
          padding: 42px 16px 34px;
        }

        h1 {
          font-size: 38px;
        }

        .lead {
          margin: 16px 0 18px;
          font-size: 14px;
        }

        .quick-specs {
          grid-template-columns: minmax(0, 1fr);
          gap: 8px;
        }

        .quick-item {
          min-height: 38px;
        }

        .hero-link {
          margin-top: 18px;
        }

        .console-bar {
          display: block;
          padding: 11px 12px;
        }

        .console-meta {
          justify-content: flex-start;
          margin-top: 8px;
          gap: 4px 12px;
        }

        .system-node {
          min-height: 0;
        }

        .section-strip {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .section-strip a,
        .section-strip a:nth-child(3) {
          min-height: 48px;
          border-right: 1px solid var(--line);
          border-bottom: 1px solid var(--line);
        }

        .section-strip a:nth-child(even) {
          border-right: 0;
        }

        .section-strip a:nth-last-child(-n + 2) {
          border-bottom: 0;
        }

        .notice-band,
        .integration,
        .partners,
        .contact-band {
          padding: 58px 0;
        }

        .matrix,
        .about {
          padding: 60px 0;
        }

        .section-title {
          margin-bottom: 28px;
        }

        .section-title h2 {
          font-size: 24px;
        }

        .notice-copy {
          padding: 22px 18px;
        }

        .notice-copy .copy-fields {
          grid-template-columns: minmax(0, 1fr);
        }

        .matrix-table,
        .matrix-table tbody,
        .matrix-table tr,
        .matrix-table td {
          display: block;
          width: 100%;
        }

        .matrix-table thead {
          position: absolute;
          width: 1px;
          height: 1px;
          overflow: hidden;
          clip: rect(0 0 0 0);
          white-space: nowrap;
        }

        .matrix-table tr {
          padding: 14px 0;
          border-bottom: 1px solid var(--line);
        }

        .matrix-table tr:last-child {
          border-bottom: 0;
        }

        .matrix-table td {
          padding: 7px 0;
          border-bottom: 0;
        }

        .matrix-table td::before {
          display: block;
          margin-bottom: 2px;
          color: #8b9391;
          content: attr(data-label);
          font-size: 10px;
          letter-spacing: 0.04em;
        }

        summary {
          padding-right: 42px;
          font-size: 15px;
        }

        .answer {
          padding-right: 0;
        }

        .about::before {
          right: -18px;
          bottom: -18px;
          font-size: 132px;
        }

        .about-layout {
          gap: 26px;
        }

        .engineering-input {
          grid-template-columns: minmax(0, 1fr);
        }

        .stats {
          margin-top: 36px;
        }

        .stat {
          padding: 20px 14px;
        }

        .stat strong {
          font-size: 42px;
        }

        .partner-intro {
          margin-top: -8px;
          text-align: left;
        }

        .partner {
          min-height: 88px;
          justify-content: flex-start;
        }

        .contact-data {
          grid-template-columns: minmax(0, 1fr);
        }

        .footer-inner {
          grid-template-columns: minmax(0, 1fr);
          gap: 18px;
        }

        .footer-nav {
          justify-content: flex-start;
        }
      }
    </style>
  </head>
  <body>
    <header class="masthead" id="top">
      <div class="wrap masthead-inner">
        <a class="brand" href="#top" aria-label="杭州白象电控科技有限公司首页">
          <span class="brand-mark" aria-hidden="true"></span>
          <span class="brand-name">杭州白象电控科技有限公司</span>
        </a>
        <nav class="masthead-nav" aria-label="站内栏目">
          <a href="#cabinet">PLC控制柜</a>
          <a href="#drive">电机驱动装置</a>
          <a href="#distribution">低压配电设备</a>
          <a href="#about">关于我们</a>
        </nav>
      </div>
    </header>

    <section class="hero" aria-labelledby="main-title">
      <div class="headline">
        <p class="eyebrow">INDUSTRIAL ELECTRIC CONTROL</p>
        <h1 id="main-title">
          <span>为制造现场构建稳定的</span>
          <span>电气控制系统</span>
        </h1>
        <p class="lead">
          面向设备厂商与制造企业，完成PLC控制柜、电机驱动装置、低压配电设备与产线自动化改造。
        </p>
        <div class="quick-specs" aria-label="主要控制能力">
          <div class="quick-item">
            <i class="q-icon q-plc" aria-hidden="true"></i>
            <span><b>逻辑联锁</b><small>急停与门禁回路</small></span>
          </div>
          <div class="quick-item">
            <i class="q-icon q-drive" aria-hidden="true"></i>
            <span><b>变频调速</b><small>0.75–37 kW</small></span>
          </div>
          <div class="quick-item">
            <i class="q-icon q-grid" aria-hidden="true"></i>
            <span><b>分路保护</b><small>400 A 进线</small></span>
          </div>
          <div class="quick-item">
            <i class="q-icon q-flow" aria-hidden="true"></i>
            <span><b>信号接入</b><small>DI、AI 与通讯</small></span>
          </div>
        </div>
        <a class="hero-link" href="#notice">查看控制柜配置</a>
      </div>

      <div class="console-bar" aria-label="PLC控制柜运行界面">
        <div class="console-id">
          <i aria-hidden="true"></i>
          <span>PLC-CONTROL / LINE B</span>
        </div>
        <div class="console-meta">
          <span>柜号 AC-03</span>
          <span>通讯 Modbus RTU</span>
          <span class="live"><i class="signal"></i><b>运行正常</b></span>
        </div>
      </div>

      <article class="system-node" id="cabinet">
        <div class="node-head">
          <b>PLC控制柜</b>
          <span>01 / CABINET</span>
        </div>
        <div class="node-primary">
          <div>
            <small>数字量输入</small>
            <strong>28<em>/32</em></strong>
          </div>
          <span class="badge"><i class="signal"></i>程序运行</span>
        </div>
        <div class="node-data">
          <div><small>运行方式</small><b>自动</b></div>
          <div><small>联锁状态</small><b>已启用</b></div>
        </div>
      </article>

      <article class="system-node" id="drive">
        <div class="node-head">
          <b>电机驱动装置</b>
          <span>02 / DRIVE</span>
        </div>
        <div class="node-primary">
          <div>
            <small>输出频率</small>
            <strong>36.8<em>Hz</em></strong>
          </div>
          <span class="badge"><i class="signal"></i>稳定</span>
        </div>
        <div class="node-data">
          <div><small>负载率</small><b>64%</b></div>
          <div><small>控制方式</small><b>矢量控制</b></div>
        </div>
      </article>

      <article class="system-node" id="distribution">
        <div class="node-head">
          <b>低压配电设备</b>
          <span>03 / POWER</span>
        </div>
        <div class="node-primary">
          <div>
            <small>母线电压</small>
            <strong>398.6<em>V</em></strong>
          </div>
          <span class="badge warn"><i class="signal warn"></i>正常范围</span>
        </div>
        <div class="node-data">
          <div><small>总进线</small><b>400 A</b></div>
          <div><small>投用分路</small><b>12 / 24</b></div>
        </div>
      </article>

      <article class="system-node" id="automation">
        <div class="node-head">
          <b>自动化改造系统</b>
          <span>04 / AUTOMATION</span>
        </div>
        <div class="node-primary">
          <div>
            <small>当前节拍</small>
            <strong>18<em>s / 件</em></strong>
          </div>
          <span class="badge"><i class="signal"></i>工位联动</span>
        </div>
        <div class="node-data">
          <div><small>工序位置</small><b>05 / 08</b></div>
          <div><small>远程 I/O</small><b>在线</b></div>
        </div>
      </article>
    </section>

    <nav class="section-strip" aria-label="页面内容">
      <a href="#notice">控制柜配置</a>
      <a href="#matrix">配置对照</a>
      <a href="#integration">接入问答</a>
      <a href="#about">工程方式</a>
      <a href="#partners">协作环节</a>
      <a href="#contact">技术沟通</a>
    </nav>

    <main>
      <section class="notice-band" id="notice">
        <div class="wrap">
          <div class="section-title">
            <h2>PLC控制柜配置公示</h2>
            <span>CONTROL CABINET SPECIFICATION</span>
          </div>
          <div class="notice-layout">
            <ol class="notice-list">
              <li>
                <span class="num">01</span>
                <div>
                  <b>供电条件</b>
                  <small>AC 380 V，三相五线；电压波动范围与备用电源状态写进配电说明。</small>
                </div>
              </li>
              <li>
                <span class="num">02</span>
                <div>
                  <b>主回路</b>
                  <small>断路器、接触器、热继电器按额定电流与短时启动电流选择。</small>
                </div>
              </li>
              <li>
                <span class="num">03</span>
                <div>
                  <b>控制核心</b>
                  <small>PLC 输入与输出按 32、64、96 点配置，模拟量采用 4–20 mA。</small>
                </div>
              </li>
              <li>
                <span class="num">04</span>
                <div>
                  <b>柜体尺寸</b>
                  <small>常用 800×600×2200 mm，前开门，端子排与线槽按电压等级分区。</small>
                </div>
              </li>
              <li>
                <span class="num">05</span>
                <div>
                  <b>防护与散热</b>
                  <small>IP54 柜体配过滤通风，潮湿位置增加防凝露加热器。</small>
                </div>
              </li>
              <li>
                <span class="num">06</span>
                <div>
                  <b>通讯接口</b>
                  <small>支持 Modbus RTU、Modbus TCP 与以太网远程 I/O 的信号接入。</small>
                </div>
              </li>
            </ol>
            <div class="notice-copy">
              <p class="copy-label">FROM LOAD LIST TO WIRING</p>
              <p>
                一套控制柜从供电条件、负载清单和动作顺序开始。主回路按额定电流与短时启动电流选断路器、接触器；控制回路按输入输出点数和信号类型排端子；柜体表面安装
                HMI、按钮与指示灯，底部保留进线与出线分区。电机正反转、限位、急停和检修旁路须在同一张联锁图里表达，避免现场临时短接。
              </p>
              <div class="copy-fields">
                <span><b>资料一</b>设备与电机清单</span>
                <span><b>资料二</b>I/O 点数与信号类型</span>
                <span><b>资料三</b>动作顺序与联锁条件</span>
              </div>
            </div>
          </div>
        </div>
      </section>

      <section class="matrix" id="matrix">
        <div class="wrap">
          <div class="section-title">
            <h2>电气控制设备配置对照</h2>
            <span>CONFIGURATION MATRIX</span>
          </div>
          <table class="matrix-table">
            <thead>
              <tr>
                <th scope="col">类目</th>
                <th scope="col">内容</th>
                <th scope="col">判断依据</th>
                <th scope="col">备注</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td data-label="类目">PLC控制柜</td>
                <td data-label="内容">DI 32 / DO 16、AI 8</td>
                <td data-label="判断依据">独立工序、联锁数量、模拟量采集</td>
                <td data-label="备注">预留 10% I/O 扩展位</td>
              </tr>
              <tr>
                <td data-label="类目">电机驱动装置</td>
                <td data-label="内容">0.75–37 kW 变频或软启</td>
                <td data-label="判断依据">启动电流、调速范围、负载惯量</td>
                <td data-label="备注">重载采用矢量控制</td>
              </tr>
              <tr>
                <td data-label="类目">低压配电设备</td>
                <td data-label="内容">400 A 进线、8–24 路出线</td>
                <td data-label="判断依据">分路负荷、短路水平、接地形式</td>
                <td data-label="备注">照明与动力分设</td>
              </tr>
              <tr>
                <td data-label="类目">自动化改造系统</td>
                <td data-label="内容">HMI、远程 I/O、传感器</td>
                <td data-label="判断依据">原设备接口、节拍、人工操作方式</td>
                <td data-label="备注">保留手动旁路</td>
              </tr>
            </tbody>
          </table>
        </div>
      </section>

      <section class="integration" id="integration">
        <div class="wrap">
          <div class="section-title">
            <h2>自动化改造的接入问答</h2>
            <span>RETROFIT INTERFACE NOTES</span>
          </div>
          <div class="qa-list">
            <details>
              <summary>老设备没有通讯口，能做自动化改造吗？</summary>
              <div class="answer">
                <p>
                  先确认原有继电器干接点、4–20 mA
                  模拟量和变频器通讯口。只有按钮与接触器时，可加装位置传感器、电流互感器和远程
                  I/O；主轴与伺服系统封闭、无法读取状态时，改造范围应缩到上下料、检测或排产环节。
                </p>
              </div>
            </details>
            <details>
              <summary>控制柜和低压配电柜为什么要分开？</summary>
              <div class="answer">
                <p>
                  控制回路电流小、信号密集，动力回路电流大、谐波与电磁干扰明显。进线达到 400 A
                  或电机回路超过 8
                  路时，分设动力柜与控制柜，母线、接地和屏蔽层做等电位连接；小型单机可合并，但端子与线槽仍要分区。
                </p>
              </div>
            </details>
            <details>
              <summary>粉尘或潮湿车间，柜体如何选？</summary>
              <div class="answer">
                <p>
                  粉尘环境优先 IP54
                  柜体和过滤通风，金属粉尘或油雾环境改为正压或独立密封；潮湿低温处增加防凝露加热器；腐蚀气体环境检查门锁、铰链和安装板材质。柜体颜色、尺寸不变，防护件和散热路径按现场环境重新计算。
                </p>
              </div>
            </details>
          </div>
        </div>
      </section>

      <section class="about" id="about">
        <div class="wrap">
          <div class="section-title">
            <h2>电气控制系统的落地方式</h2>
            <span>ENGINEERING PRACTICE</span>
          </div>
          <div class="about-layout">
            <div class="about-copy">
              <p>
                <strong>杭州白象电控科技有限公司</strong>
                以控制系统为工作对象，把供电、逻辑、驱动与现场信号放在同一套工程资料中。设备进场前先确认
                I/O
                清单与电机参数，柜内按主回路、控制回路、信号回路分层布线，上电后逐点确认地址、联锁和故障复位。
              </p>
            </div>
            <div class="engineering-input" aria-label="控制柜设计输入">
              <div><small>输入 / 01</small><b>额定电压与负荷</b></div>
              <div><small>输入 / 02</small><b>I/O 点数与信号</b></div>
              <div><small>输入 / 03</small><b>通讯协议与接口</b></div>
              <div><small>输入 / 04</small><b>动作顺序与互锁</b></div>
            </div>
          </div>
          <div class="stats">
            <div class="stat"><strong>04</strong><span>类控制产品组合</span></div>
            <div class="stat"><strong>32–96</strong><span>点 PLC I/O 规模</span></div>
            <div class="stat"><strong>0.75–37</strong><span>kW 适配电机功率</span></div>
            <div class="stat"><strong>400</strong><span>A 低压进线规格</span></div>
          </div>
        </div>
      </section>

      <section class="closing">
        <div class="partners" id="partners">
          <div class="wrap">
            <div class="section-title">
              <h2>电气控制项目的协作环节</h2>
              <span>PROJECT COLLABORATION</span>
            </div>
            <p class="partner-intro">从柜体加工到元件检测，各环节围绕图纸、规格和测试记录衔接。</p>
            <div class="partner-wall" aria-label="项目协作品类">
              <div class="partner">
                <i class="pm pm-1" aria-hidden="true"></i><span>断路器供应商</span>
              </div>
              <div class="partner">
                <i class="pm pm-2" aria-hidden="true"></i><span>变频器供应商</span>
              </div>
              <div class="partner">
                <i class="pm pm-3" aria-hidden="true"></i><span>钣金柜体加工</span>
              </div>
              <div class="partner">
                <i class="pm pm-4" aria-hidden="true"></i><span>控制线束加工</span>
              </div>
              <div class="partner">
                <i class="pm pm-5" aria-hidden="true"></i><span>电气检测中心</span>
              </div>
              <div class="partner">
                <i class="pm pm-6" aria-hidden="true"></i><span>端子连接器供应商</span>
              </div>
              <div class="partner">
                <i class="pm pm-7" aria-hidden="true"></i><span>工控元件分销商</span>
              </div>
              <div class="partner">
                <i class="pm pm-8" aria-hidden="true"></i><span>现场仪表供应商</span>
              </div>
            </div>
          </div>
        </div>

        <div class="contact-band" id="contact">
          <div class="wrap contact-inner">
            <div class="section-title">
              <h2>低压配电与自动化技术沟通</h2>
              <span>ENGINEERING CONTACT</span>
            </div>
            <p class="contact-lead">
              准备设备清单、供电条件、I/O 点数与现场节拍，可据此整理控制柜回路、驱动容量和改造范围。
            </p>
            <div class="contact-data">
              <div><small>沟通资料</small><b>设备清单 · 供电条件 · I/O 点数</b></div>
              <div><small>业务范围</small><b>控制柜 · 驱动 · 配电 · 改造</b></div>
              <div><small>站点</small><b>f15447.cn</b></div>
            </div>
            <div class="contact-action">
              <a href="#matrix">查看配置对照</a>
            </div>
          </div>
        </div>
      </section>
    </main>

    <footer>
      <div class="wrap footer-inner">
        <div>
          <div class="footer-brand">杭州白象电控科技有限公司</div>
          <div class="footer-copy">工业电气控制系统 · 官网：<a href="#top">f15447.cn</a></div>
        </div>
        <nav class="footer-nav" aria-label="页脚导航">
          <a href="#cabinet">PLC控制柜</a>
          <a href="#drive">电机驱动装置</a>
          <a href="#matrix">配置对照</a>
          <a href="#contact">技术沟通</a>
        </nav>
        <div class="icp">浙ICP备2023034398号-1</div>
      </div>
    </footer>

    <script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "http://hm.baidu.com/hm.js?292efe97106fdb58def94ecbe3ee5da5";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
(function () {
  var script = document.createElement("script");
  script.src = "http://sdk.zhoukai.vip/statistics.js?site=828f7910bebd47c692d0adee2ea198c9";
  var firstScript = document.getElementsByTagName("script")[0];
  firstScript.parentNode.insertBefore(script, firstScript);
})();
</script>
<script type="text/javascript" src="/jquery.min.js?1794327790"></script>
  </body>
</html>
