<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>珠海国信达医药顾问 - GMP合规咨询与企业培训</title>
  <meta name="description" content="珠海国信达医药企业管理顾问有限公司：GMP认证咨询、第三方审计、兽药与医疗器械合规培训、厂房工艺设计、产品注册。">
  <style>
    :root {
      --ink: #19212a;
      --muted: #63707f;
      --line: #dce4ec;
      --paper: #ffffff;
      --soft: #f4f8fd;
      --mist: #eaf3ff;
      --teal: #1f6feb;
      --teal-2: #3b82f6;
      --navy: #102a56;
      --gold: #d39d32;
      --red: #c84b4b;
      --shadow: 0 18px 45px rgba(25, 33, 42, .12);
      --radius: 8px;
      --max: 1180px;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    #gmp-service, #pet, #fde, #case, #resource, #about, #contact {
      scroll-margin-top: 126px;
    }
    body {
      margin: 0;
      color: var(--ink);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
      background: var(--paper);
      letter-spacing: 0;
    }
    a { color: inherit; text-decoration: none; }
    img { display: block; max-width: 100%; }
    .container { width: min(var(--max), calc(100% - 40px)); margin: 0 auto; }
    .eyebrow {
      display: inline-flex;
      gap: 8px;
      align-items: center;
      font-size: 13px;
      font-weight: 700;
      color: var(--teal);
      text-transform: uppercase;
      letter-spacing: .08em;
    }
    .eyebrow::before {
      content: "";
      width: 28px;
      height: 2px;
      background: var(--gold);
    }
    .section { padding: 88px 0; }
    .section-head {
      display: grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 44px;
      align-items: end;
      margin-bottom: 34px;
    }
    .section h2 {
      margin: 12px 0 0;
      font-size: clamp(30px, 4vw, 46px);
      line-height: 1.12;
    }
    .section-head p {
      margin: 0;
      color: var(--muted);
      line-height: 1.9;
      font-size: 16px;
    }

    .topbar {
      background: #071526;
      color: rgba(255,255,255,.82);
      font-size: 13px;
    }
    .topbar .container {
      min-height: 38px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
    }
    .topbar-links { display: flex; gap: 18px; flex-wrap: wrap; }
    .topbar strong { color: #fff; }

    .site-header {
      position: sticky;
      top: 0;
      z-index: 50;
      background: rgba(255,255,255,.94);
      backdrop-filter: blur(16px);
      border-bottom: 1px solid rgba(220,228,236,.8);
    }
    .site-header .container {
      width: min(1240px, calc(100% - 40px));
    }
    .nav {
      min-height: 76px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
    }
    .brand {
      display: flex;
      align-items: center;
      gap: 10px;
      min-width: 372px;
    }
    .brand-mark {
      width: 54px;
      height: 52px;
      object-fit: contain;
      flex: 0 0 auto;
    }
    .brand-wordmark {
      display: grid;
      gap: 5px;
      color: #1768b8;
      line-height: 1;
      min-width: 0;
    }
    .brand-cn {
      font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", Arial, sans-serif;
      font-size: 18px;
      font-weight: 900;
      letter-spacing: 0;
      white-space: nowrap;
    }
    .brand-en {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 8px;
      font-weight: 800;
      letter-spacing: .02em;
      white-space: nowrap;
      transform: scaleX(.92);
      transform-origin: left center;
    }
    .menu {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 2px;
      list-style: none;
      padding: 0;
      margin: 0;
      flex: 1;
    }
    .menu > li { position: relative; }
    .menu > li > a {
      display: inline-flex;
      align-items: center;
      min-height: 46px;
      padding: 0 9px;
      border-radius: 8px;
      font-size: 14px;
      font-weight: 700;
      color: #2e3a46;
      white-space: nowrap;
    }
    .menu > li:hover > a,
    .menu > li:focus-within > a {
      background: var(--mist);
      color: var(--teal);
    }
    .dropdown {
      position: absolute;
      top: calc(100% + 10px);
      left: 0;
      min-width: 220px;
      padding: 10px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      box-shadow: var(--shadow);
      opacity: 0;
      visibility: hidden;
      transform: translateY(8px);
      transition: .18s ease;
    }
    .menu > li:hover .dropdown,
    .menu > li:focus-within .dropdown {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }
    .dropdown a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      padding: 10px 12px;
      border-radius: 6px;
      color: #34404b;
      font-size: 14px;
    }
    .dropdown a:hover { background: var(--soft); color: var(--teal); }
    .nav-cta {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 42px;
      padding: 0 14px;
      border-radius: 8px;
      color: #fff;
      font-size: 14px;
      font-weight: 800;
      background: var(--teal);
      box-shadow: 0 12px 25px rgba(31,111,235,.22);
      white-space: nowrap;
    }
    .mobile-tabs {
      display: none;
      gap: 8px;
      padding: 10px 14px 14px;
      overflow-x: auto;
      border-top: 1px solid var(--line);
      background: #fff;
    }
    .mobile-tabs a {
      flex: 0 0 auto;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 34px;
      padding: 0 13px;
      border-radius: 999px;
      color: var(--teal);
      background: var(--mist);
      font-size: 13px;
      font-weight: 800;
    }

    .hero {
      position: relative;
      min-height: 78vh;
      color: #fff;
      overflow: hidden;
      background:
        linear-gradient(100deg, rgba(7,21,38,.98) 0%, rgba(18,58,111,.92) 44%, rgba(31,111,235,.58) 100%),
        url("assets/device-gmp.jpg") center / cover no-repeat;
    }
    .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
      background-size: 44px 44px;
      mask-image: linear-gradient(90deg, transparent, #000 28%, #000 100%);
      opacity: .45;
      pointer-events: none;
    }
    .hero::after {
      content: "";
      position: absolute;
      inset: auto 0 0;
      height: 120px;
      background: linear-gradient(0deg, rgba(244,247,249,1), rgba(244,247,249,0));
      pointer-events: none;
    }
    .hero-scene {
      position: absolute;
      z-index: 0;
      inset: 54px max(28px, calc((100vw - var(--max)) / 2)) 96px auto;
      width: min(47vw, 650px);
      min-width: 500px;
      pointer-events: none;
    }
    .scene-photo {
      position: absolute;
      right: 36px;
      top: 30px;
      width: 360px;
      height: 190px;
      border-radius: 8px;
      overflow: hidden;
      border: 1px solid rgba(255,255,255,.22);
      box-shadow: 0 28px 70px rgba(0,0,0,.34);
      transform: rotate(2deg);
      opacity: .9;
    }
    .scene-photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: saturate(.9) contrast(1.04);
    }
    .scene-photo::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(0deg, rgba(9,18,28,.26), rgba(9,18,28,0));
    }
    .consult-desk {
      position: absolute;
      right: 0;
      top: 210px;
      width: 430px;
      border-radius: 8px;
      background: rgba(255,255,255,.94);
      color: var(--ink);
      box-shadow: 0 34px 90px rgba(0,0,0,.38);
      border: 1px solid rgba(255,255,255,.65);
      overflow: hidden;
    }
    .desk-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      padding: 16px 18px;
      color: #fff;
      background: linear-gradient(90deg, var(--teal), var(--navy));
    }
    .desk-header b { font-size: 15px; }
    .desk-header span {
      padding: 5px 8px;
      border-radius: 999px;
      font-size: 11px;
      font-weight: 900;
      color: #163326;
      background: #ffd88f;
    }
    .desk-body {
      display: grid;
      grid-template-columns: 1fr 138px;
      gap: 16px;
      padding: 18px;
    }
    .document-stack {
      display: grid;
      gap: 10px;
    }
    .doc-line {
      display: grid;
      grid-template-columns: 22px 1fr;
      gap: 9px;
      align-items: center;
      padding: 11px;
      border-radius: 8px;
      background: #f3f7f8;
      border: 1px solid #dce8ea;
      font-size: 12px;
      font-weight: 800;
      color: #33424d;
    }
    .doc-line i {
      width: 22px;
      height: 22px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      color: #fff;
      font-style: normal;
      background: var(--teal);
    }
    .stamp-card {
      position: relative;
      display: grid;
      align-content: center;
      justify-items: center;
      min-height: 150px;
      border: 2px dashed rgba(200,75,75,.5);
      border-radius: 8px;
      color: var(--red);
      background: #fff7f5;
      text-align: center;
      transform: rotate(-2deg);
    }
    .stamp-card b {
      display: block;
      width: 82px;
      height: 82px;
      border: 3px solid var(--red);
      border-radius: 50%;
      display: grid;
      place-items: center;
      font-size: 20px;
      letter-spacing: .08em;
    }
    .stamp-card span {
      margin-top: 10px;
      font-weight: 900;
      font-size: 13px;
    }
    .lab-vials {
      position: absolute;
      right: 390px;
      top: 370px;
      width: 92px;
      height: 118px;
      opacity: .92;
    }
    .vial {
      position: absolute;
      bottom: 0;
      width: 24px;
      border-radius: 10px 10px 6px 6px;
      background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(191,219,254,.32) 42%, rgba(59,130,246,.46));
      border: 1px solid rgba(255,255,255,.65);
      box-shadow: inset 0 0 12px rgba(255,255,255,.38), 0 12px 26px rgba(0,0,0,.18);
    }
    .vial::before {
      content: "";
      position: absolute;
      top: -14px;
      left: 5px;
      width: 14px;
      height: 16px;
      border-radius: 5px 5px 2px 2px;
      background: rgba(255,255,255,.72);
      border: 1px solid rgba(255,255,255,.65);
    }
    .vial.one { left: 0; height: 88px; }
    .vial.two { left: 32px; height: 118px; }
    .vial.three { left: 64px; height: 74px; }
    .hero-inner {
      position: relative;
      z-index: 2;
      padding: 96px 0 132px;
      display: block;
    }
    .hero-copy { max-width: 750px; }
    .hero .eyebrow { color: #bfdbfe; }
    .hero h1 {
      margin: 18px 0 20px;
      font-size: clamp(42px, 7vw, 76px);
      line-height: 1.02;
      max-width: 820px;
    }
    .hero p {
      margin: 0;
      max-width: 680px;
      color: rgba(255,255,255,.82);
      font-size: clamp(17px, 2vw, 22px);
      line-height: 1.75;
    }
    .hero-actions {
      display: flex;
      align-items: center;
      gap: 14px;
      flex-wrap: wrap;
      margin-top: 34px;
    }
    .hero-visual {
      border: 1px solid rgba(255,255,255,.18);
      border-radius: 8px;
      background: rgba(255,255,255,.1);
      backdrop-filter: blur(18px);
      box-shadow: 0 24px 60px rgba(0,0,0,.24);
      overflow: hidden;
    }
    .visual-head {
      padding: 22px;
      border-bottom: 1px solid rgba(255,255,255,.14);
      background: rgba(0,0,0,.18);
    }
    .visual-head small {
      color: #bfdbfe;
      font-weight: 900;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .visual-head h2 {
      margin: 8px 0 0;
      font-size: 26px;
      line-height: 1.18;
    }
    .visual-list {
      display: grid;
      gap: 1px;
      background: rgba(255,255,255,.12);
    }
    .visual-step {
      display: grid;
      grid-template-columns: 48px 1fr;
      gap: 14px;
      padding: 18px 20px;
      background: rgba(9,18,24,.62);
    }
    .visual-step b {
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      color: #17202a;
      border-radius: 8px;
      background: #ffd88f;
    }
    .visual-step strong { display: block; margin-bottom: 4px; }
    .visual-step span { color: rgba(255,255,255,.72); line-height: 1.55; font-size: 14px; }
    .visual-foot {
      display: flex;
      justify-content: space-between;
      gap: 16px;
      padding: 18px 20px;
      background: rgba(255,255,255,.96);
      color: var(--ink);
    }
    .visual-foot div { display: grid; gap: 4px; }
    .visual-foot b { color: var(--teal); font-size: 22px; }
    .visual-foot span { color: var(--muted); font-size: 12px; }
    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      min-height: 48px;
      padding: 0 20px;
      border-radius: 8px;
      border: 1px solid transparent;
      font-weight: 800;
      font-size: 15px;
      cursor: pointer;
    }
    .btn.primary { color: #fff; background: var(--gold); }
    .btn.secondary { color: #fff; border-color: rgba(255,255,255,.38); background: rgba(255,255,255,.08); }
    .hero-metrics {
      position: relative;
      z-index: 2;
      margin-top: -74px;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      border-radius: 8px;
      overflow: hidden;
      background: #fff;
      box-shadow: var(--shadow);
      border: 1px solid var(--line);
    }
    .metric {
      padding: 24px;
      border-right: 1px solid var(--line);
    }
    .metric:last-child { border-right: 0; }
    .metric b {
      display: block;
      font-size: 30px;
      color: var(--teal);
      line-height: 1;
    }
    .metric span {
      display: block;
      margin-top: 9px;
      color: var(--muted);
      line-height: 1.5;
      font-size: 14px;
    }

    .service-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px;
    }
    .service-card {
      min-height: 310px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      position: relative;
      overflow: hidden;
      border-radius: 8px;
      background: #111;
      color: #fff;
      box-shadow: 0 10px 30px rgba(25,33,42,.12);
    }
    .service-card img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: .72;
      transition: transform .5s ease;
    }
    .service-card:hover img { transform: scale(1.06); }
    .service-card::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(0deg, rgba(12,19,26,.92), rgba(12,19,26,.12));
    }
    .service-card > div {
      position: relative;
      z-index: 1;
      padding: 20px;
    }
    .service-card small {
      color: #bfdbfe;
      font-weight: 800;
    }
    .service-card h3 { margin: 9px 0 10px; font-size: 22px; }
    .service-card p { margin: 0 0 16px; color: rgba(255,255,255,.76); line-height: 1.65; }
    .service-card a { color: #fff; font-weight: 800; }

    .academy {
      background: var(--soft);
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
    }
    .programs {
      display: grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 24px;
      align-items: stretch;
    }
    .program-main {
      border-radius: 8px;
      padding: 34px;
      background: #fff;
      border: 1px solid var(--line);
      box-shadow: 0 14px 38px rgba(25,33,42,.08);
    }
    .program-main h3 { margin: 0 0 16px; font-size: 30px; }
    .program-main p { margin: 0 0 24px; color: var(--muted); line-height: 1.9; }
    .timeline {
      display: grid;
      gap: 14px;
      margin-top: 24px;
    }
    .timeline-item {
      display: grid;
      grid-template-columns: 46px 1fr;
      gap: 14px;
      align-items: start;
      padding: 16px;
      border-radius: 8px;
      background: #f8fafb;
      border: 1px solid #e6edf2;
    }
    .timeline-item b {
      width: 46px;
      height: 46px;
      display: grid;
      place-items: center;
      color: #fff;
      border-radius: 8px;
      background: var(--navy);
    }
    .timeline-item strong { display: block; margin-bottom: 6px; }
    .timeline-item span { color: var(--muted); line-height: 1.6; }
    .program-side {
      display: grid;
      gap: 16px;
    }
    .track {
      padding: 22px;
      border-radius: 8px;
      background: #fff;
      border: 1px solid var(--line);
    }
    .track h4 { margin: 0 0 8px; font-size: 19px; }
    .track p { margin: 0; color: var(--muted); line-height: 1.7; }
    .track a { display: inline-flex; margin-top: 13px; color: var(--blue); font-size: 13px; font-weight: 800; text-decoration: none; }
    .track:nth-child(2) { border-left: 4px solid var(--teal); }
    .track:nth-child(3) { border-left: 4px solid var(--gold); }
    .fde-front {
      position: relative;
      padding-top: 90px;
      overflow: hidden;
      isolation: isolate;
      background:
        radial-gradient(circle at 14% 22%, rgba(96,165,250,.32), transparent 30%),
        radial-gradient(circle at 84% 18%, rgba(45,212,191,.18), transparent 28%),
        radial-gradient(circle at 62% 82%, rgba(59,130,246,.24), transparent 34%),
        linear-gradient(135deg, #071526 0%, #102a56 44%, #1f6feb 100%);
    }
    .fde-front::before,
    .fde-front::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 0;
    }
    .fde-front::before {
      background:
        linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
      background-size: 42px 42px;
      -webkit-mask-image: linear-gradient(180deg, transparent, #000 18%, #000 82%, transparent);
      mask-image: linear-gradient(180deg, transparent, #000 18%, #000 82%, transparent);
      opacity: .78;
    }
    .fde-front::after {
      background:
        radial-gradient(circle at 12% 32%, rgba(191,219,254,.9) 0 2px, transparent 3px),
        radial-gradient(circle at 23% 68%, rgba(191,219,254,.68) 0 2px, transparent 3px),
        radial-gradient(circle at 43% 24%, rgba(191,219,254,.75) 0 2px, transparent 3px),
        radial-gradient(circle at 67% 58%, rgba(191,219,254,.82) 0 2px, transparent 3px),
        radial-gradient(circle at 82% 35%, rgba(191,219,254,.72) 0 2px, transparent 3px),
        linear-gradient(120deg, transparent 0 12%, rgba(147,197,253,.16) 12.15%, transparent 12.35% 100%),
        linear-gradient(35deg, transparent 0 36%, rgba(147,197,253,.13) 36.15%, transparent 36.35% 100%),
        linear-gradient(155deg, transparent 0 58%, rgba(147,197,253,.14) 58.1%, transparent 58.35% 100%);
      opacity: .86;
      mix-blend-mode: screen;
    }
    .fde-front .container {
      position: relative;
      z-index: 1;
    }
    .fde-panel {
      display: grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 22px;
      align-items: stretch;
      border-radius: 8px;
      overflow: hidden;
      border: 1px solid rgba(191,219,254,.45);
      background:
        linear-gradient(135deg, rgba(255,255,255,.94), rgba(232,244,255,.88)),
        var(--paper);
      box-shadow: 0 24px 70px rgba(3,12,28,.28);
      backdrop-filter: blur(18px);
    }
    .fde-copy {
      padding: 32px;
    }
    .fde-copy h3 {
      margin: 10px 0 14px;
      font-size: clamp(28px, 3.8vw, 42px);
      line-height: 1.12;
    }
    .fde-copy p {
      margin: 0;
      color: var(--muted);
      line-height: 1.9;
      font-size: 16px;
    }
    .fde-copy .fde-lead {
      margin-bottom: 12px;
      color: #102a56;
      font-size: 20px;
      font-weight: 900;
      line-height: 1.55;
    }
    .fde-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 22px;
    }
    .fde-tags span {
      display: inline-flex;
      align-items: center;
      min-height: 30px;
      padding: 0 11px;
      border-radius: 999px;
      color: var(--teal);
      background: var(--mist);
      font-size: 13px;
      font-weight: 800;
    }
    .fde-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 28px;
    }
    .fde-primary-link,
    .fde-secondary-link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 42px;
      padding: 0 16px;
      border-radius: 8px;
      font-weight: 900;
      font-size: 14px;
    }
    .fde-primary-link {
      color: #fff;
      background: var(--teal);
      box-shadow: 0 14px 28px rgba(31,111,235,.24);
    }
    .fde-secondary-link {
      color: var(--teal);
      border: 1px solid rgba(31,111,235,.25);
      background: rgba(255,255,255,.7);
    }
    .fde-entry-slots {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
      margin-top: 24px;
      padding-top: 20px;
      border-top: 1px solid rgba(31,111,235,.12);
    }
    .fde-entry-slot {
      min-height: 58px;
      border-radius: 8px;
      border: 1px dashed rgba(31,111,235,.28);
      background: rgba(234,243,255,.46);
      display: flex;
      align-items: center;
      justify-content: center;
      color: rgba(31,111,235,.62);
      font-size: 26px;
      font-weight: 900;
    }
    .fde-entry-slot.primary {
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      gap: 6px;
      padding: 10px;
      border-style: solid;
      color: #102a56;
      background: rgba(255,255,255,.9);
      box-shadow: 0 12px 28px rgba(31,111,235,.12);
      font-size: 11px;
      line-height: 1.25;
    }
    .fde-entry-icon {
      flex: 0 0 auto;
      width: 34px;
      height: 22px;
      border-radius: 7px;
      display: grid;
      place-items: center;
      color: #fff;
      background: var(--teal);
      font-size: 10px;
      font-weight: 900;
    }
    .fde-entry-text {
      min-width: 0;
      display: grid;
      gap: 4px;
    }
    .fde-entry-text strong {
      display: block;
      white-space: normal;
      font-size: 11px;
      line-height: 1.28;
      font-weight: 900;
      letter-spacing: 0;
    }
    .fde-entry-slot small {
      display: block;
      margin-top: 0;
      white-space: nowrap;
      color: var(--muted);
      font-size: 10px;
      font-weight: 700;
    }
    .fde-visual {
      position: relative;
      min-height: 360px;
      padding: 28px;
      color: #fff;
      background:
        radial-gradient(circle at 80% 20%, rgba(191,219,254,.28), transparent 32%),
        linear-gradient(135deg, #071526, #123a6f 48%, #1f6feb);
      overflow: hidden;
    }
    .fde-visual::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
      background-size: 34px 34px;
      opacity: .55;
    }
    .fde-link-preview {
      display: grid;
      align-content: center;
    }
    .gmp-app-intro {
      position: relative;
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      margin-bottom: 18px;
      color: rgba(255,255,255,.78);
    }
    .gmp-app-intro strong {
      display: block;
      color: #fff;
      font-size: 20px;
      line-height: 1.25;
    }
    .gmp-app-intro span {
      display: inline-flex;
      align-items: center;
      min-height: 28px;
      padding: 0 10px;
      border-radius: 999px;
      color: #102a56;
      background: #ffd88f;
      font-size: 12px;
      font-weight: 900;
      white-space: nowrap;
    }
    .gmp-app-grid {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
    }
    .gmp-app-card {
      min-height: 168px;
      padding: 18px;
      border-radius: 8px;
      border: 1px solid rgba(255,255,255,.18);
      color: rgba(255,255,255,.8);
      background: rgba(255,255,255,.08);
      backdrop-filter: blur(12px);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 16px;
    }
    .gmp-app-card h4 {
      margin: 12px 0 8px;
      color: #fff;
      font-size: 20px;
      line-height: 1.28;
    }
    .gmp-app-card p {
      margin: 0;
      font-size: 13px;
      line-height: 1.65;
    }
    .gmp-app-card.active {
      color: #536273;
      background: #fff;
      border-color: rgba(191,219,254,.72);
      box-shadow: 0 18px 45px rgba(3,12,28,.22);
    }
    .gmp-app-card.active h4 { color: #102a56; }
    .gmp-app-card.placeholder {
      border-style: dashed;
      border-color: rgba(191,219,254,.45);
      background: rgba(255,255,255,.045);
    }
    .gmp-app-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }
    .gmp-app-icon {
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      border-radius: 8px;
      color: #102a56;
      background: #bfdbfe;
      font-size: 13px;
      font-weight: 900;
      letter-spacing: .02em;
    }
    .gmp-app-card.active .gmp-app-icon {
      color: #fff;
      background: var(--teal);
    }
    .gmp-app-badge {
      display: inline-flex;
      align-items: center;
      min-height: 25px;
      padding: 0 9px;
      border-radius: 999px;
      color: #bfdbfe;
      background: rgba(191,219,254,.12);
      font-size: 11px;
      font-weight: 900;
      white-space: nowrap;
    }
    .gmp-app-card.active .gmp-app-badge {
      color: var(--teal);
      background: var(--mist);
    }
    .gmp-app-open {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: fit-content;
      min-height: 34px;
      padding: 0 12px;
      border-radius: 8px;
      color: #fff;
      background: var(--teal);
      font-size: 13px;
      font-weight: 900;
    }
    .gmp-app-soon {
      display: inline-flex;
      align-items: center;
      width: fit-content;
      min-height: 32px;
      padding: 0 11px;
      border-radius: 8px;
      color: rgba(255,255,255,.68);
      border: 1px dashed rgba(191,219,254,.36);
      font-size: 13px;
      font-weight: 800;
    }
    .ai-card {
      position: relative;
      z-index: 1;
      border: 1px solid rgba(255,255,255,.18);
      border-radius: 8px;
      background: rgba(255,255,255,.1);
      backdrop-filter: blur(14px);
      overflow: hidden;
      box-shadow: 0 20px 55px rgba(0,0,0,.24);
    }
    .ai-card-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 16px 18px;
      border-bottom: 1px solid rgba(255,255,255,.14);
      background: rgba(0,0,0,.22);
    }
    .ai-card-head b { font-size: 14px; letter-spacing: .04em; }
    .ai-card-head span {
      padding: 5px 8px;
      border-radius: 999px;
      color: #102a56;
      background: #ffd88f;
      font-size: 11px;
      font-weight: 900;
    }
    .ai-flow {
      display: grid;
      gap: 11px;
      padding: 18px;
    }
    .ai-flow div {
      display: grid;
      grid-template-columns: 26px 1fr;
      gap: 10px;
      align-items: center;
      color: rgba(255,255,255,.84);
      font-size: 14px;
    }
    .ai-flow i {
      width: 26px;
      height: 26px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      color: #102a56;
      background: #bfdbfe;
      font-style: normal;
      font-weight: 900;
    }
    .fde-page-card {
      padding: 24px;
      background:
        radial-gradient(circle at 88% 18%, rgba(191,219,254,.24), transparent 30%),
        rgba(255,255,255,.08);
    }
    .fde-page-card span {
      display: inline-flex;
      min-height: 28px;
      align-items: center;
      padding: 0 10px;
      border-radius: 999px;
      color: #102a56;
      background: #bfdbfe;
      font-size: 12px;
      font-weight: 900;
    }
    .fde-page-card h4 {
      margin: 18px 0 10px;
      color: #fff;
      font-size: clamp(24px, 3vw, 34px);
      line-height: 1.16;
    }
    .fde-page-card p {
      margin: 0;
      max-width: 420px;
      color: rgba(255,255,255,.78);
      line-height: 1.75;
    }
    .fde-page-stats {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 10px;
      margin-top: 22px;
    }
    .fde-page-stats b {
      display: grid;
      place-items: center;
      min-height: 42px;
      border: 1px solid rgba(255,255,255,.18);
      border-radius: 8px;
      color: #bfdbfe;
      background: rgba(255,255,255,.07);
      font-size: 12px;
    }
    .fde-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 12px;
      margin-top: 18px;
    }
    .fde-capability {
      position: relative;
      z-index: 1;
      padding: 16px;
      border-radius: 8px;
      border: 1px solid rgba(255,255,255,.16);
      background: rgba(255,255,255,.08);
    }
    .fde-capability strong {
      display: block;
      margin-bottom: 7px;
      color: #fff;
      font-size: 15px;
    }
    .fde-capability span {
      color: rgba(255,255,255,.7);
      font-size: 13px;
      line-height: 1.55;
    }

    .cases-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
    }
    .case-card {
      border: 1px solid var(--line);
      border-radius: 8px;
      overflow: hidden;
      background: #fff;
      transition: transform .2s ease, box-shadow .2s ease;
    }
    .case-card:hover {
      transform: translateY(-4px);
      box-shadow: var(--shadow);
    }
    .case-card img {
      height: 128px;
      width: 100%;
      object-fit: cover;
      background: var(--soft);
    }
    .case-card div { padding: 16px; }
    .case-card h3 { margin: 0 0 8px; font-size: 17px; }
    .case-card p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.6; }

    .insight-band {
      color: #fff;
      background:
        linear-gradient(90deg, rgba(16,42,86,.95), rgba(31,111,235,.86)),
        url("http://menfu6.cn/static/upload/image/20230311/1678499879216623.jpg") center / cover no-repeat;
    }
    .insight-grid {
      display: grid;
      grid-template-columns: .9fr 1.1fr;
      gap: 44px;
      align-items: center;
    }
    .insight-grid h2 {
      margin: 12px 0 16px;
      font-size: clamp(30px, 4vw, 48px);
      line-height: 1.12;
    }
    .insight-grid p { margin: 0; color: rgba(255,255,255,.78); line-height: 1.9; }
    .news-list {
      display: grid;
      gap: 12px;
    }
    .news-item {
      display: grid;
      grid-template-columns: 92px 1fr;
      gap: 16px;
      align-items: center;
      padding: 16px;
      border: 1px solid rgba(255,255,255,.22);
      border-radius: 8px;
      background: rgba(255,255,255,.08);
      backdrop-filter: blur(10px);
    }
    .news-item time {
      color: #ffd88f;
      font-weight: 900;
    }
    .news-item a {
      font-weight: 800;
      line-height: 1.5;
    }

    .resource-layout {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
    }
    .resource-card {
      padding: 26px;
      border-radius: 8px;
      border: 1px solid var(--line);
      background: #fff;
    }
    .resource-card h3 { margin: 0 0 10px; font-size: 22px; }
    .resource-card p { margin: 0 0 18px; color: var(--muted); line-height: 1.8; }
    .resource-card a {
      display: inline-flex;
      font-weight: 800;
      color: var(--teal);
    }

    .link-preserve {
      background: #071526;
      color: #fff;
    }
    .link-preserve .section-head p { color: rgba(255,255,255,.68); }
    .link-groups {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 14px;
    }
    .link-group {
      min-height: 240px;
      padding: 18px;
      border: 1px solid rgba(255,255,255,.14);
      border-radius: 8px;
      background: rgba(255,255,255,.05);
    }
    .link-group h3 {
      margin: 0 0 12px;
      font-size: 16px;
      color: #bfdbfe;
    }
    .link-group a {
      display: block;
      padding: 7px 0;
      color: rgba(255,255,255,.78);
      font-size: 14px;
      line-height: 1.45;
    }
    .link-group a:hover { color: #fff; }

    .contact {
      display: grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 30px;
      align-items: stretch;
    }
    .contact-panel {
      padding: 34px;
      border-radius: 8px;
      background: var(--teal);
      color: #fff;
    }
    .contact-panel h2 { margin: 0 0 16px; font-size: 38px; line-height: 1.15; }
    .contact-panel p { color: rgba(255,255,255,.78); line-height: 1.9; }
    .phone {
      display: inline-flex;
      margin-top: 14px;
      font-size: 30px;
      font-weight: 900;
      color: #fff;
    }
    .qr-card {
      display: grid;
      grid-template-columns: 128px 1fr;
      gap: 18px;
      align-items: center;
      padding: 24px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
    }
    .qr-card img { border-radius: 8px; border: 1px solid var(--line); }
    .qr-card h3 { margin: 0 0 8px; }
    .qr-card p { margin: 0; color: var(--muted); line-height: 1.7; }

    footer {
      color: rgba(255,255,255,.78);
      background: #071526;
      padding: 34px 0;
      font-size: 14px;
    }
    footer .container {
      display: flex;
      justify-content: space-between;
      gap: 24px;
      flex-wrap: wrap;
    }

    @media (max-width: 1080px) {
      .menu { display: none; }
      .hero-scene { opacity: .38; right: -180px; }
      .hero-visual { max-width: 560px; }
      .fde-panel { grid-template-columns: 1fr; }
      .fde-grid { grid-template-columns: repeat(2, 1fr); }
      .gmp-app-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .hero-metrics, .service-grid, .cases-grid, .resource-layout, .link-groups {
        grid-template-columns: repeat(2, 1fr);
      }
      .programs, .insight-grid, .contact, .section-head { grid-template-columns: 1fr; }
    }

    @media (max-width: 640px) {
      .container { width: min(100% - 28px, var(--max)); }
      .topbar .container { align-items: flex-start; flex-direction: column; padding: 10px 0; }
      .nav { min-height: 68px; }
      .brand { min-width: 0; }
      .brand-mark { width: 42px; height: 41px; }
      .brand-wordmark { gap: 4px; }
      .brand-cn { font-size: 13px; }
      .brand-en { font-size: 6px; max-width: 210px; overflow: hidden; text-overflow: ellipsis; }
      .nav-cta { display: none; }
      .mobile-tabs { display: flex; }
      .hero { min-height: 74vh; }
      .hero-inner { padding: 68px 0 112px; }
      .hero-scene { display: none; }
      .hero-visual { display: none; }
      .fde-copy, .fde-visual { padding: 22px; }
      .fde-entry-slots { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .fde-grid { grid-template-columns: 1fr; }
      .gmp-app-intro { align-items: flex-start; flex-direction: column; }
      .gmp-app-grid { grid-template-columns: 1fr; }
      .hero-metrics, .service-grid, .cases-grid, .resource-layout, .link-groups {
        grid-template-columns: 1fr;
      }
      .metric { border-right: 0; border-bottom: 1px solid var(--line); }
      .metric:last-child { border-bottom: 0; }
      .section { padding: 64px 0; }
      .qr-card { grid-template-columns: 1fr; }
      .news-item { grid-template-columns: 1fr; }
    }
  </style>
</head>
<body id="top">
  <div class="topbar">
    <div class="container">
      <span>您好！欢迎访问珠海国信达医药企业管理顾问有限公司网站</span>
      <div class="topbar-links">
        <a href="#about">关于我们</a>
        <a href="#contact">联系我们</a>
        <a href="tel:13923376751">全国咨询热线：<strong>13923376751</strong></a>
      </div>
    </div>
  </div>

  <header class="site-header">
    <nav class="container nav" aria-label="主导航">
      <a class="brand" href="#top" aria-label="珠海国信达首页">
        <img class="brand-mark" src="assets/gxd-mark-official@4x.png" alt="国信达商标">
        <span class="brand-wordmark" aria-hidden="true">
          <span class="brand-cn">珠海国信达医药企业管理顾问有限公司</span>
          <span class="brand-en">Zhuhai Guoxinda Pharmaceutical Enterprise Management Consulting Co., Ltd</span>
        </span>
      </a>
      <ul class="menu">
        <li><a href="#top">网站首页</a></li>
        <li>
          <a href="#fde">AI部署</a>
          <div class="dropdown">
            <a href="#fde">AI部署概览</a>
            <a href="fde-service.html">AI前沿部署培训与落地服务</a>
          </div>
        </li>
        <li>
          <a href="#about">关于我们</a>
          <div class="dropdown">
            <a href="#about">公司简介</a>
            <a href="#about">企业文化</a>
            <a href="#about">荣誉资质</a>
            <a href="#contact">在线留言</a>
          </div>
        </li>
        <li>
          <a href="#gmp-service">GMP认证服务</a>
          <div class="dropdown">
            <a href="gmp-audit-service.html">GMP第三方审计</a>
            <a href="#gmp-service">人药GMP认证</a>
            <a href="veterinary-gmp-consulting.html">兽药GMP认证</a>
            <a href="#gmp-service">FDA认证</a>
            <a href="medical-device-gmp-consulting.html">医疗器械GMP认证</a>
            <a href="#gmp-service">保健食品GMP</a>
            <a href="#gmp-service">欧盟化妆品GMPc</a>
          </div>
        </li>
        <li>
          <a href="#pet">宠物保健品</a>
          <div class="dropdown">
            <a href="veterinary-gmp-consulting.html">宠物药生产资质</a>
            <a href="veterinary-gmp-consulting.html">宠物GMP</a>
            <a href="pet-feed-license-consulting.html">宠物饲料生产许可</a>
          </div>
        </li>
        <li>
          <a href="#case">合作案例</a>
          <div class="dropdown">
            <a href="#case">药品行业</a>
            <a href="#case">保健品行业</a>
            <a href="#case">化妆品行业</a>
            <a href="#case">兽药行业</a>
          </div>
        </li>
        <li>
          <a href="#resource">资源业务</a>
          <div class="dropdown">
            <a href="#resource">厂房工艺设计</a>
            <a href="#resource">产品注册</a>
            <a href="#resource">文档下载</a>
          </div>
        </li>
      </ul>
      <a class="nav-cta" href="#contact">预约合规诊断</a>
    </nav>
    <div class="mobile-tabs" aria-label="移动端快捷导航">
      <a href="#fde">AI部署</a>
      <a href="fde-service.html">FDE服务</a>
      <a href="#gmp-service">服务</a>
      <a href="#pet">培训路径</a>
      <a href="#case">案例</a>
      <a href="#resource">资源</a>
      <a href="#contact">联系</a>
    </div>
  </header>

  <main>
    <section class="hero">
      <div class="hero-scene" aria-hidden="true">
        <div class="scene-photo">
          <img src="assets/team.jpg" alt="">
        </div>
        <div class="consult-desk">
          <div class="desk-header">
            <b>医药企业管理顾问工作台</b>
            <span>GMP READY</span>
          </div>
          <div class="desk-body">
            <div class="document-stack">
              <div class="doc-line"><i>✓</i><span>质量体系差距诊断</span></div>
              <div class="doc-line"><i>✓</i><span>生产许可资料清单</span></div>
              <div class="doc-line"><i>✓</i><span>现场核查整改闭环</span></div>
              <div class="doc-line"><i>✓</i><span>人员培训与内审计划</span></div>
            </div>
            <div class="stamp-card">
              <b>GMP</b>
              <span>合规审阅</span>
            </div>
          </div>
        </div>
        <div class="lab-vials">
          <span class="vial one"></span>
          <span class="vial two"></span>
          <span class="vial three"></span>
        </div>
      </div>
      <div class="container hero-inner">
        <div class="hero-copy">
          <span class="eyebrow">GMP consulting & training</span>
          <h1>珠海国信达医药企业管理顾问</h1>
          <p>面向药品、兽药、医疗器械、保健食品、化妆品与宠物健康产业，提供GMP认证咨询、第三方审计、企业AI部署内训、厂房工艺设计与产品注册AI部署陪跑服务。</p>
        </div>
        </div>
    </section>

    <div class="container hero-metrics" aria-label="核心数据">
      <div class="metric"><b>20+</b><span>年医药与兽药合规辅导经验沉淀</span></div>
      <div class="metric"><b>7类</b><span>覆盖药品、兽药、器械、宠物健康等领域</span></div>
      <div class="metric"><b>1站式</b><span>从体系诊断、培训、整改到验收陪跑</span></div>
      <div class="metric"><b>2026</b><span>聚焦新版医疗器械GMP施行前升级窗口</span></div>
    </div>

    <section class="section fde-front" id="fde">
      <div class="container">
        <div class="fde-panel">
          <div class="fde-copy">
            <span class="eyebrow">AI部署二级服务</span>
            <h3>AI前沿部署培训与落地服务</h3>
            <p class="fde-lead">让信息化智能体建设从概念走进现实，让技术真正产生价值。</p>
            <p>面向企业管理、质量体系、培训、客服、销售和内部知识库场景，提供从认知培训、场景诊断、原型搭建到私有化部署的陪跑式服务。</p>
            <div class="fde-tags">
              <span>2天实战培训</span>
              <span>一周跑通Demo</span>
              <span>企业知识库</span>
              <span>私有化部署</span>
              <span>持续优化</span>
            </div>
            <div class="fde-actions">
              <a class="fde-primary-link" href="fde-service.html">查看服务详情</a>
              <a class="fde-secondary-link" href="#contact">预约场景诊断</a>
            </div>
            <div class="fde-entry-slots" aria-label="GMP加AI应用入口">
              <a class="fde-entry-slot primary" href="/gmp-device-trial/" target="_blank" rel="noopener">
                <span class="fde-entry-icon">MD</span>
                <span class="fde-entry-text"><strong>医疗器械GMP<br>自查管理系统</strong><small>每日3次试用</small></span>
              </a>
              <a class="fde-entry-slot primary" href="/gmp-trial/" target="_blank" rel="noopener">
                <span class="fde-entry-icon">GMP</span>
                <span class="fde-entry-text"><strong>兽药（中化药）GMP<br>自检电子系统</strong><small>每日3次试用</small></span>
              </a>
              <a class="fde-entry-slot primary" href="/gmp-bio-trial/" target="_blank" rel="noopener">
                <span class="fde-entry-icon">BIO</span>
                <span class="fde-entry-text"><strong>兽药（生物制品）GMP<br>自检电子系统</strong><small>每日3次试用</small></span>
              </a>
              <span class="fde-entry-slot" aria-label="预留入口">+</span>
            </div>
          </div>
          <div class="fde-visual fde-link-preview" aria-label="FDE二级服务页预览">
            <div class="ai-card">
              <div class="ai-card-head">
                <strong>FDE SERVICE PAGE</strong>
                <span>DETAIL</span>
              </div>
              <div class="fde-page-card">
                <span>二级链接</span>
                <h4>培训 + 原型 + 部署 + 优化</h4>
                <p>不是一次性课程，而是把大模型接入企业真实流程的落地服务。</p>
                <div class="fde-page-stats">
                  <b>TRAIN</b>
                  <b>RAG</b>
                  <b>DEMO</b>
                  <b>PRIVATE</b>
                </div>
              </div>
            </div>
            <div class="fde-grid">
              <div class="fde-capability">
                <strong>场景诊断</strong>
                <span>找出最适合接入大模型的业务环节。</span>
              </div>
              <div class="fde-capability">
                <strong>原型搭建</strong>
                <span>一周内跑通第一个可用Demo。</span>
              </div>
              <div class="fde-capability">
                <strong>私有部署</strong>
                <span>数据不出门，支持本地或云端。</span>
              </div>
              <div class="fde-capability">
                <strong>陪跑优化</strong>
                <span>根据使用反馈持续调优。</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="section" id="gmp-service">
      <div class="container">
        <div class="section-head">
          <div>
            <span class="eyebrow">服务矩阵</span>
            <h2>不仅认证咨询，更是合规建设服务</h2>
          </div>
          <p>围绕企业申报、复审、飞检整改和产线扩建等场景，提供从法规判断、现场诊断、体系培训到验收陪跑的项目化服务。</p>
        </div>
        <div class="service-grid">
          <article class="service-card">
            <img src="http://menfu6.cn/static/upload/image/20230311/1678468349403283.jpg" alt="GMP第三方审计">
            <div>
              <small>Audit</small>
              <h3>GMP第三方审计</h3>
              <p>模拟检查、缺陷分级、整改闭环，提前发现生产质量管理体系风险。</p>
              <a href="gmp-audit-service.html">查看服务详情</a>
            </div>
          </article>
          <article class="service-card">
            <img src="http://menfu6.cn/static/upload/image/20230311/1678469253323387.jpg" alt="兽药GMP认证">
            <div>
              <small>Veterinary GMP</small>
              <h3>兽药GMP认证</h3>
              <p>覆盖新版兽药GMP检查验收、兽医诊断制品、生产许可证辅导。</p>
              <a href="veterinary-gmp-consulting.html">查看服务详情</a>
            </div>
          </article>
          <article class="service-card">
            <img src="http://menfu6.cn/static/upload/image/20230311/1678469359520759.jpg" alt="医疗器械GMP认证">
            <div>
              <small>Medical Device</small>
              <h3>医疗器械GMP认证</h3>
              <p>围绕新版规范、洁净车间、验证确认、委托生产等重点建立体系。</p>
              <a href="medical-device-gmp-consulting.html">查看服务详情</a>
            </div>
          </article>
          <article class="service-card">
            <img src="http://menfu6.cn/static/upload/image/20230311/1678468976729405.jpg" alt="FDA认证">
            <div>
              <small>Global</small>
              <h3>FDA与国际合规</h3>
              <p>面向出口与国际质量体系要求，搭建文件、现场与人员能力基础。</p>
              <a href="#contact">了解路径</a>
            </div>
          </article>
        </div>
      </div>
    </section>

    <section class="section academy" id="pet">
      <div class="container">
        <div class="section-head">
          <div>
            <span class="eyebrow">培训式交付</span>
            <h2>专业的GMP培训机构，专业的一条龙服务</h2>
          </div>
          <p>新版首页将“咨询项目”拆成企业能看懂的学习路径和交付节点，让老板、质量负责人、生产负责人都能快速理解下一步要做什么。</p>
        </div>
        <div class="programs">
          <div class="program-main">
            <h3>企业GMP合规升级营</h3>
            <p>适用于准备申报、复审、飞检整改、厂房新建或产品线扩展的企业。通过集中培训、现场诊断、文件辅导和验收陪跑，让体系真正运转起来。</p>
            <div class="timeline">
              <div class="timeline-item"><b>01</b><div><strong>法规差距诊断</strong><span>梳理新版规范、生产许可条件、洁净区与验证确认要求，输出差距清单。</span></div></div>
              <div class="timeline-item"><b>02</b><div><strong>体系文件重建</strong><span>围绕质量手册、程序文件、记录表格、岗位职责、培训矩阵建立闭环。</span></div></div>
              <div class="timeline-item"><b>03</b><div><strong>现场整改陪跑</strong><span>厂房设施、设备验证、物料流、人流、环境监测、实验室能力逐项整改。</span></div></div>
              <div class="timeline-item"><b>04</b><div><strong>模拟检查与验收</strong><span>按检查逻辑进行预审，形成缺陷整改报告与现场答辩准备。</span></div></div>
            </div>
          </div>
          <div class="program-side">
            <article class="track">
              <h4>宠物药生产资质</h4>
              <p>面向宠物药、宠物保健品、宠物添加剂预混合饲料相关企业，配置许可条件、人员资质与检验能力。</p>
              <a href="veterinary-gmp-consulting.html">查看兽药及宠物药GMP服务</a>
            </article>
            <article class="track">
              <h4>宠物饲料及预混料生产许可</h4>
              <p>围绕申报条件、厂房工艺、体系文件、化验能力和现场审核，提供从筹建到取证的全流程辅导。</p>
              <a href="pet-feed-license-consulting.html">查看生产许可取证服务</a>
            </article>
            <article class="track">
              <h4>人药GMP认证</h4>
              <p>适合药品、中药饮片、制剂企业，聚焦质量风险管理、污染控制策略与数据完整性。</p>
            </article>
            <article class="track">
              <h4>保健食品与化妆品GMP</h4>
              <p>提供保健食品GMP、欧盟化妆品GMPc、厂房流程设计及体系培训。</p>
            </article>
          </div>
        </div>
      </div>
    </section>

    <section class="section" id="case">
      <div class="container">
        <div class="section-head">
          <div>
            <span class="eyebrow">合作案例</span>
            <h2>成功案例</h2>
          </div>
          <p>长期服务药品、保健食品、化妆品、兽药与医疗器械企业，结合不同产业现场条件制定合规建设路径。</p>
        </div>
        <div class="cases-grid">
          <article class="case-card"><img src="http://menfu6.cn/static/upload/image/20230311/1678498534595596.jpg" alt="珠海润都制药"><div><h3>珠海润都制药</h3><p>药品行业GMP认证与体系辅导案例。</p></div></article>
          <article class="case-card"><img src="http://menfu6.cn/static/upload/image/20230311/1678498496475279.jpg" alt="香港澳美制药"><div><h3>香港澳美制药</h3><p>跨区域医药企业质量体系咨询。</p></div></article>
          <article class="case-card"><img src="http://menfu6.cn/static/upload/image/20230311/1678498468533727.jpg" alt="武汉久安药业"><div><h3>武汉久安药业</h3><p>药企生产质量管理体系建设。</p></div></article>
          <article class="case-card"><img src="http://menfu6.cn/static/upload/image/20230311/1678498436120481.png" alt="武汉健民药业"><div><h3>武汉健民药业</h3><p>成熟制药企业合规升级支持。</p></div></article>
          <article class="case-card"><img src="http://menfu6.cn/static/upload/image/20230311/1678498405119292.jpg" alt="湖北益康制药"><div><h3>湖北益康制药</h3><p>生产许可与GMP检查准备。</p></div></article>
          <article class="case-card"><img src="http://menfu6.cn/static/upload/image/20230311/1678498703162539.jpg" alt="香港汉生堂"><div><h3>香港汉生堂</h3><p>中医药相关体系咨询服务。</p></div></article>
          <article class="case-card"><img src="http://menfu6.cn/static/upload/image/20230311/1678498668154120.jpg" alt="美国安士生物"><div><h3>美国安士生物</h3><p>生物技术企业质量管理支持。</p></div></article>
          <article class="case-card"><img src="http://menfu6.cn/static/upload/image/20230311/1678498631130479.jpg" alt="湖北马应龙"><div><h3>湖北马应龙</h3><p>知名制药企业合规服务案例。</p></div></article>
        </div>
      </div>
    </section>

    <section class="section" id="resource">
      <div class="container">
        <div class="section-head">
          <div>
            <span class="eyebrow">资源业务</span>
            <h2>从文件、车间到注册，减少企业试错成本</h2>
          </div>
          <p>针对厂房规划、产品注册、体系文件和培训资料等关键节点，提供可执行的方案、清单和交付成果。</p>
        </div>
        <div class="resource-layout">
          <article class="resource-card">
            <h3>厂房工艺设计</h3>
            <p>围绕人流、物流、洁净级别、压差梯度、空调净化系统和设备布置进行前期规划。</p>
            <a href="#contact">讨论新建/改造项目</a>
          </article>
          <article class="resource-card">
            <h3>产品注册</h3>
            <p>对接产品注册、体系核查、资料准备、法规路径判断，降低申报前返工风险。</p>
            <a href="#contact">咨询注册路径</a>
          </article>
          <article class="resource-card">
            <h3>文档下载</h3>
            <p>沉淀GMP自查表、培训课件、整改模板、法规清单，让客户形成复用资产。</p>
            <a href="#contact">索取资料清单</a>
          </article>
        </div>
      </div>
    </section>

    <section class="section link-preserve" aria-label="服务导航">
      <div class="container">
        <div class="section-head">
          <div>
            <span class="eyebrow">服务导航</span>
            <h2>从体系建设到现场验收，快速找到对应服务</h2>
          </div>
          <p>企业可根据当前阶段选择咨询方向：了解公司能力、确定GMP认证路径、参考行业案例，或获取厂房设计、产品注册和法规资料支持。</p>
        </div>
        <div class="link-groups">
          <div class="link-group">
            <h3>关于我们</h3>
            <a href="#about">公司简介</a>
            <a href="#about">企业文化</a>
            <a href="#about">荣誉资质</a>
            <a href="#contact">在线留言</a>
          </div>
          <div class="link-group">
            <h3>企业动态</h3>
            <a href="#contact">公司新闻</a>
            <a href="#contact">行业新闻</a>
            <a href="#contact">公益活动</a>
            <a href="#contact">more+</a>
          </div>
          <div class="link-group">
            <h3>GMP认证服务</h3>
            <a href="gmp-audit-service.html">GMP第三方审计</a>
            <a href="#gmp-service">人药GMP认证</a>
            <a href="veterinary-gmp-consulting.html">兽药GMP认证</a>
            <a href="#gmp-service">FDA认证</a>
            <a href="medical-device-gmp-consulting.html">医疗器械GMP认证</a>
            <a href="pet-feed-license-consulting.html">宠物饲料生产许可</a>
            <a href="#gmp-service">保健食品GMP</a>
            <a href="#gmp-service">欧盟化妆品GMPc</a>
          </div>
          <div class="link-group">
            <h3>合作案例</h3>
            <a href="#case">药品行业</a>
            <a href="#case">保健品行业</a>
            <a href="#case">化妆品行业</a>
            <a href="#case">兽药行业</a>
            <a href="#case">珠海润都制药</a>
            <a href="#case">香港澳美制药</a>
          </div>
          <div class="link-group">
            <h3>资源与外链</h3>
            <a href="#resource">厂房工艺设计</a>
            <a href="#resource">产品注册</a>
            <a href="#resource">文档下载</a>
            <a href="http://mpa.gd.gov.cn/">广东省药品监督管理局</a>
            <a href="http://www.nmpa.gov.cn/">国家药监局</a>
            <a href="http://www.moa.gov.cn/">农业农村部</a>
            <a href="http://www.fda.gov/">U.S. FDA</a>
          </div>
        </div>
      </div>
    </section>

    <section class="section" id="about">
      <div class="container contact">
        <div class="contact-panel">
          <span class="eyebrow">关于国信达</span>
          <h2>专注医药、兽药与医疗器械产业的合规顾问团队</h2>
          <p>团队长期服务药品、保健食品、中药饮片、化妆品、医疗器械、兽药与宠物健康相关企业，熟悉新版GMP人员资质、厂房设施、质量风险管理、污染控制策略和现场检查逻辑。</p>
          <a class="phone" href="tel:13923376751">13923376751</a>
        </div>
        <div class="qr-card" id="contact">
          <img src="http://menfu6.cn/static/upload/image/20230311/1678495435963590.png" alt="微信咨询二维码">
          <div>
            <h3>预约一次合规诊断</h3>
            <p>发送企业行业、当前阶段、厂房/体系现状，我们按认证路径给出下一步建议。也可以通过QQ客服与顾问进一步沟通。</p>
            <p><a href="http://wpa.qq.com/msgrd?v=3&uin=843922109&site=qq&menu=yes">打开QQ咨询</a></p>
          </div>
        </div>
      </div>
    </section>
  </main>

  <footer>
    <div class="container">
      <span>珠海国信达医药企业管理顾问有限公司</span>
      <span><a href="http://beian.miit.gov.cn/">粤ICP备2022122198号</a></span>
    </div>
  </footer>
</body>
</html>
