/* Layout: warm industrial / airspace-security identity. Single column on phones,
     multi-column grids on tablet and desktop. Colors and type flow from the tokens below. */
  :root{
    --bg:#FBF4E8;
    --bg-soft:#F2E7D2;
    --surface:#FFFCF4;
    --surface-2:#F7EEDD;
    --ink:#2C2318;
    --ink-soft:#51422E;
    --muted:#756549;
    --accent:#C8722A;
    --accent-2:#9A4E16;
    --gold:#E5A63B;
    --line:#EADBC2;
    --line-strong:#D8C29A;
    --on-accent:#FFF6E8;
    --on-accent-soft:#F4DFC0;
    --on-accent-line:rgba(255,246,232,.30);
    --on-accent-fill:rgba(255,246,232,.12);
    --font-display:"Barlow Condensed","Arial Narrow",sans-serif;
    --font-body:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;
  }
  @media (prefers-color-scheme: dark){
    :root:not([data-theme="light"]){
      --bg:#191310;
      --bg-soft:#211A13;
      --surface:#241B13;
      --surface-2:#2A1F14;
      --ink:#F2E7D6;
      --ink-soft:#D8C9B1;
      --muted:#A79579;
      --accent:#E39A3C;
      --accent-2:#B8631F;
      --gold:#EFB75C;
      --line:#3A2E1E;
      --line-strong:#4A3B27;
      color-scheme:dark;
    }
  }
  :root[data-theme="dark"]{
    --bg:#191310;
    --bg-soft:#211A13;
    --surface:#241B13;
    --surface-2:#2A1F14;
    --ink:#F2E7D6;
    --ink-soft:#D8C9B1;
    --muted:#A79579;
    --accent:#E39A3C;
    --accent-2:#B8631F;
    --gold:#EFB75C;
    --line:#3A2E1E;
    --line-strong:#4A3B27;
    color-scheme:dark;
  }

  *,*::before,*::after{ box-sizing:border-box; }
  html{ scroll-behavior:smooth; }
  body{
    margin:0;
    background:var(--bg);
    color:var(--ink);
    font-family:var(--font-body);
    font-size:1.0625rem;
    line-height:1.62;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
  }
  body::before{
    content:""; position:fixed; inset:0 0 auto; height:env(safe-area-inset-top,0px);
    z-index:60; background:var(--bg);
  }
  img,svg{ max-width:100%; height:auto; }
  h1,h2,h3{ font-family:var(--font-display); text-transform:uppercase; line-height:1.02; margin:0; text-wrap:balance; font-weight:700; letter-spacing:.01em; }
  p{ margin:0; }
  a{ color:var(--accent-2); }
  a:focus-visible, button:focus-visible, summary:focus-visible{ outline:2px solid var(--accent); outline-offset:2px; border-radius:4px; }
  ::selection{ background:var(--gold); color:var(--ink); }

  .wrap{
    max-width:1120px; margin-inline:auto;
    padding-inline:max(16px, env(safe-area-inset-left,0px)) max(16px, env(safe-area-inset-right,0px));
  }

  /* ---------- Buttons & labels ---------- */
  .btn{
    display:inline-flex; align-items:center; gap:.55rem;
    font-family:var(--font-body); font-weight:700; font-size:.95rem; letter-spacing:.02em;
    text-decoration:none; border-radius:999px; padding:.8rem 1.5rem;
    border:1px solid transparent; cursor:pointer; transition:background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
  }
  .btn-primary{ background:var(--accent-2); color:var(--on-accent); }
  .btn-primary:hover{ background:var(--accent); transform:translateY(-1px); }
  .btn-ghost{ background:transparent; color:var(--ink); border-color:var(--line-strong); }
  .btn-ghost:hover{ border-color:var(--accent-2); color:var(--accent-2); }
  .eyebrow{
    display:inline-flex; align-items:center; gap:.55rem;
    font-family:var(--font-body); font-weight:700; font-size:.78rem; letter-spacing:.2em; text-transform:uppercase;
    color:var(--accent-2);
  }
  .eyebrow::before{ content:""; width:22px; height:2px; background:var(--accent); flex:none; }

  /* ---------- Header ---------- */
  .site-header{
    position:sticky; top:env(safe-area-inset-top,0px); z-index:50;
    background:var(--bg); border-bottom:1px solid var(--line);
  }
  .header-inner{ display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-block:.7rem; }
  .brand{ display:flex; align-items:center; gap:.6rem; text-decoration:none; color:var(--ink); }
  .brand-mark{ width:32px; height:32px; color:var(--accent-2); flex:none; }
  .brand-name{ font-family:var(--font-display); font-size:1.55rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; line-height:1; }
  .brand-sub{ display:block; font-family:var(--font-body); font-size:.68rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--muted); margin-top:.15rem; }
  .nav{ display:flex; align-items:center; gap:1.35rem; }
  .nav a{ text-decoration:none; color:var(--ink-soft); font-weight:600; font-size:.95rem; }
  .nav a:hover{ color:var(--accent-2); }
  .nav-toggle{
    display:none; align-items:center; justify-content:center;
    width:42px; height:42px; border-radius:10px; border:1px solid var(--line-strong);
    background:var(--surface); color:var(--ink); cursor:pointer;
  }
  .nav-toggle svg{ width:20px; height:20px; }

  @media (max-width:900px){
    .nav-toggle{ display:flex; }
    .nav{
      display:none; position:absolute; top:100%; left:0; right:0;
      flex-direction:column; align-items:stretch; gap:0;
      background:var(--surface); border-bottom:1px solid var(--line);
      padding:.5rem max(16px, env(safe-area-inset-left,0px)) .75rem;
    }
    .nav.open{ display:flex; }
    .nav a{ padding:.7rem .25rem; border-bottom:1px solid var(--line); }
    .nav a:last-child{ border-bottom:none; }
    .header-cta{ display:none; }
  }

  /* ---------- Hero ---------- */
  .hero{ background:linear-gradient(180deg, var(--bg-soft) 0%, var(--bg) 100%); }
  .hero .wrap{ display:grid; grid-template-columns:1.05fr .95fr; gap:2.5rem; align-items:center; padding-block:clamp(2.5rem,6vw,4.5rem); }
  .hero h1{ font-size:clamp(2.6rem, 7vw, 4.4rem); margin-top:.8rem; }
  .hero h1 .accent{ color:var(--accent-2); }
  .lead{ color:var(--ink-soft); font-size:1.12rem; margin-top:1.1rem; max-width:34rem; }
  .hero-actions{ display:flex; flex-wrap:wrap; gap:.8rem; margin-top:1.6rem; }
  .chips{ display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1.6rem; }
  .chip{
    border:1px solid var(--line-strong); background:var(--surface); border-radius:999px;
    padding:.4rem .8rem; font-size:.84rem; font-weight:600; color:var(--ink-soft);
  }
  .hero-art{ width:100%; display:block; }

  @media (max-width:900px){
    .hero .wrap{ grid-template-columns:1fr; gap:1.75rem; }
    .hero-art{ max-width:520px; margin-inline:auto; }
  }

  /* ---------- Stats ---------- */
  .stats{
    display:grid; grid-template-columns:repeat(4,1fr); gap:1px;
    background:var(--line); border:1px solid var(--line); border-radius:16px; overflow:hidden;
    margin-top:clamp(1.5rem,4vw,2.5rem);
  }
  .stat{ background:var(--surface); padding:1.2rem 1.3rem; }
  .stat b{ display:block; font-family:var(--font-display); font-size:1.85rem; font-weight:700; line-height:1; color:var(--accent-2); font-variant-numeric:tabular-nums; }
  .stat span{ display:block; font-size:.86rem; color:var(--muted); margin-top:.45rem; }
  @media (max-width:760px){ .stats{ grid-template-columns:repeat(2,1fr); } }

  /* ---------- Sections ---------- */
  section{ padding-block:clamp(3rem,7vw,5.5rem); }
  .section-alt{ background:var(--bg-soft); }
  .section-head{ max-width:680px; margin-bottom:2.5rem; }
  .section-head h2{ font-size:clamp(1.9rem,4.6vw,2.7rem); margin-top:.55rem; }
  .section-head p{ color:var(--muted); margin-top:1rem; }
  .section-head.centered{ margin-inline:auto; text-align:center; }
  .section-head.centered .eyebrow{ justify-content:center; }

  /* Overview */
  .split{ display:grid; grid-template-columns:1fr 1fr; gap:2.5rem; align-items:center; }
  .split > .text p{ color:var(--ink-soft); }
  .split > .text p + p{ margin-top:1rem; }
  .check{ list-style:none; margin:1.4rem 0 0; padding:0; display:grid; gap:.6rem; }
  .check li{ display:flex; gap:.6rem; align-items:flex-start; color:var(--ink-soft); font-weight:500; }
  .check li svg{ width:20px; height:20px; color:var(--accent-2); flex:none; margin-top:.2rem; }
  .diagram{ background:var(--surface); border:1px solid var(--line); border-radius:16px; padding:1rem; }
  .diagram svg{ width:100%; display:block; }

  @media (max-width:900px){ .split{ grid-template-columns:1fr; } }

  .steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:2rem; }
  .step{ background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:1.3rem; }
  .step .num{
    width:36px; height:36px; border-radius:50%; background:var(--accent-2); color:var(--on-accent);
    display:grid; place-items:center; font-family:var(--font-display); font-weight:700; font-size:1.1rem;
    margin-bottom:.7rem;
  }
  .step h3{ font-size:1.25rem; margin-bottom:.5rem; }
  .step p{ color:var(--muted); font-size:.98rem; }
  @media (max-width:900px){ .steps{ grid-template-columns:repeat(2,1fr); } }
  @media (max-width:560px){ .steps{ grid-template-columns:1fr; } }

  /* Card grids */
  .grid{ display:grid; gap:1rem; }
  .grid-4{ grid-template-columns:repeat(4,1fr); }
  .card{
    background:var(--surface); border:1px solid var(--line); border-radius:14px;
    padding:1.25rem; transition:border-color .18s ease, transform .18s ease;
  }
  .card:hover{ border-color:var(--accent); transform:translateY(-2px); }
  .icon{
    width:42px; height:42px; border-radius:11px; background:var(--bg-soft); color:var(--accent-2);
    display:grid; place-items:center; margin-bottom:.75rem;
  }
  .icon svg{ width:22px; height:22px; }
  .card h3{ font-size:1.22rem; margin-bottom:.45rem; }
  .card p{ color:var(--muted); font-size:.97rem; }
  .tag{
    display:inline-block; margin-top:.8rem; font-size:.78rem; font-weight:700; letter-spacing:.03em;
    color:var(--accent-2); background:var(--bg-soft); border-radius:999px; padding:.25rem .6rem;
  }
  @media (max-width:1020px){ .grid-4{ grid-template-columns:repeat(2,1fr); } }
  @media (max-width:520px){ .grid-4{ grid-template-columns:1fr; } }

  .note{
    margin-top:1rem; background:var(--surface-2); border:1px dashed var(--line-strong);
    border-radius:14px; padding:1.1rem 1.25rem; color:var(--ink-soft); font-size:.98rem;
  }
  .note strong{ color:var(--accent-2); }

  /* Specifications table */
  .table-wrap{
    overflow-x:auto; border:1px solid var(--line); border-radius:14px; background:var(--surface);
    -webkit-overflow-scrolling:touch;
  }
  table{ width:100%; border-collapse:collapse; min-width:600px; }
  th,td{ text-align:left; padding:.85rem 1.15rem; border-bottom:1px solid var(--line); font-size:.95rem; }
  th{
    font-family:var(--font-display); text-transform:uppercase; letter-spacing:.07em; font-weight:600;
    color:var(--muted); background:var(--bg-soft); font-size:.82rem;
  }
  td:first-child{ color:var(--muted); white-space:nowrap; font-weight:500; }
  td:last-child{ color:var(--ink); font-weight:500; }
  tr:last-child td{ border-bottom:none; }
  .table-note{ margin-top:.8rem; font-size:.88rem; color:var(--muted); }

  /* FAQ */
  .faq{ max-width:820px; margin-inline:auto; }
  .faq details{ border:1px solid var(--line); border-radius:12px; background:var(--surface); overflow:hidden; }
  .faq details + details{ margin-top:.75rem; }
  .faq summary{
    cursor:pointer; padding:1rem 1.25rem; font-weight:700; font-size:1.03rem;
    display:flex; justify-content:space-between; align-items:center; gap:1rem; list-style:none;
  }
  .faq summary::-webkit-details-marker{ display:none; }
  .faq summary::after{
    content:"+"; font-size:1.5rem; font-weight:400; line-height:1; color:var(--accent-2);
    transition:transform .2s ease; flex:none;
  }
  .faq details[open] summary::after{ transform:rotate(45deg); }
  .faq .a{ padding:0 1.25rem 1.15rem; color:var(--muted); }

  /* Contact band */
  .contact{ background:var(--accent-2); color:var(--on-accent); }
  .contact .eyebrow{ color:var(--on-accent-soft); }
  .contact .eyebrow::before{ background:var(--on-accent); }
  .contact h2{ color:var(--on-accent); }
  .contact .sub{ color:var(--on-accent-soft); margin-top:1rem; max-width:34rem; }
  .contact-grid{ display:grid; grid-template-columns:1fr 1fr; gap:2.5rem; margin-top:2.5rem; }
  .send h3{ color:var(--on-accent); font-size:1.2rem; margin-bottom:.8rem; }
  .send ul{ list-style:none; margin:0; padding:0; display:grid; gap:.6rem; }
  .send li{ display:flex; gap:.6rem; align-items:flex-start; color:var(--on-accent-soft); }
  .send li svg{ width:20px; height:20px; color:var(--on-accent); flex:none; margin-top:.2rem; }
  .contact-items{ display:grid; gap:.75rem; align-content:start; }
  .contact-item{
    display:flex; align-items:center; justify-content:space-between; gap:1rem;
    padding:.9rem 1.1rem; background:var(--on-accent-fill);
    border:1px solid var(--on-accent-line); border-radius:12px;
  }
  .contact-item .label{ display:block; font-size:.74rem; letter-spacing:.12em; text-transform:uppercase; color:var(--on-accent-soft); }
  .contact-item .value{ font-weight:700; font-size:1.02rem; color:var(--on-accent); word-break:break-all; }
  .copy-btn{
    background:var(--on-accent-fill); color:var(--on-accent); border:1px solid var(--on-accent-line);
    border-radius:999px; padding:.42rem .85rem; font-weight:600; font-size:.85rem; cursor:pointer; flex:none;
    transition:background .15s ease;
  }
  .copy-btn:hover{ background:var(--on-accent-line); }
  @media (max-width:860px){ .contact-grid{ grid-template-columns:1fr; } }

  /* Footer */
  .footer{ border-top:1px solid var(--line); padding-block:2.5rem; }
  .footer .wrap{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:1.5rem; align-items:flex-start; }
  .footer .brand-name{ font-size:1.3rem; }
  .footer p{ color:var(--muted); font-size:.92rem; max-width:30rem; }
  .footer-links{ display:flex; flex-wrap:wrap; gap:1.2rem; }
  .footer-links a{ text-decoration:none; color:var(--ink-soft); font-weight:600; font-size:.9rem; }
  .footer-links a:hover{ color:var(--accent-2); }
  .footer .fine{ width:100%; border-top:1px solid var(--line); padding-top:1.25rem; margin-top:.5rem; color:var(--muted); font-size:.82rem; display:flex; flex-wrap:wrap; gap:.5rem 1.5rem; justify-content:space-between; }

  @media (prefers-reduced-motion: no-preference){
    .drone{ animation:bob 4.5s ease-in-out infinite; }
    @keyframes bob{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-7px); } }
  }





/**/

.region{display:block;width:100%;max-width:1920px;margin:0 auto;padding:0;background:var(--accent-2);color:var(--on-accent);}
.region--hidden {overflow: hidden;}
.region--top{display:none;position:fixed;top:0;left:0}
.region--bottom{display:none;position:fixed;left:0;bottom:0}
.stage{width:100%;margin-right:auto;margin-left:auto;padding-left:20px;padding-right:20px}
@media (min-width:576px){.stage{max-width:540px}
}
@media (min-width:768px){.stage{max-width:720px}
}
@media (min-width:992px){.stage{max-width:960px}
}
@media (min-width:1200px){.stage{max-width:1160px}
}
@media (min-width:1480px){.stage{max-width:1440px}
}
.stage p{
    font-size: 16px;
    color: #333;
    margin: 0;
    
    font-weight: 400;
    position: relative;
    line-height: 1.6; }


.h2-tit{margin:0 0 25px;font-weight:700;line-height:1.3;font-size:26px}
.h2-tit+p{margin-top:-10px}

@media (max-width:1479px){.region--index-1{margin-top:80px}
.index-1--tit{font-size:48px}
.index-1--con p,.index-1--tit{width:600px}
.index-1--right{width:80%}
.index-1--tit{margin-bottom:25px;padding-bottom:25px}
.h1-tit{font-size:26px}
.h2-tit{font-size:24px}
.index-2--con{padding:80px 0;width:55%}
}
@media (max-width:1199px){.region--index-1{margin-top:50px}
.index-1--right{width:85%}
.index-1--tit{font-size:40px}
.index-1--con p,.index-1--tit{width:500px}
.index-1--con p{font-size:19px}
.h1-tit{font-size:22px;margin:0 0 20px}
.h2-tit{font-size:20px;margin:0 0 20px}
.index-2--con{padding:50px 0;width:57%}
.h-line{padding-bottom:25px}
.h-line:after{width:60px;height:8px}
.h2-tit+p{margin-top:-5px}
}
@media (max-width:991px){.index-1--right{width:100%}
.index-1--tit{font-size:36px}
.index-1--con p,.index-1--tit{width:460px}
.index-1--con p{font-size:18px}
.index-2--con{width:100%;padding:50px 0}
.region--index-2:after{display:none}
.h1-tit{font-size:20px}
.h2-tit{font-size:18px}
}
@media (max-width:767px){.index-1--tit{font-size:28px}
.index-1--con p,.index-1--tit{width:360px}
.index-1--con p{font-size:16px;line-height:1.4}
.index-1--tit{margin-bottom:20px;padding-bottom:20px}
.index-2--con{padding:40px 0}
.h1-tit{font-size:18px}
.h2-tit{font-size:17px}
}
@media (max-width:575px){.index-1--right .img--47-9{padding-bottom:100%}
.index-1--con p,.index-1--tit{width:90%}
.index-1--tit{font-size:20px;margin-bottom:15px;padding-bottom:15px}
.index-1--con p{font-size:14px}
.index-2--con{padding:30px 0}
.h1-tit{margin:0 0 15px}
.h2-tit{font-size:16px;margin:0 0 15px}
.h-line{padding-bottom:20px}
}

.paddingTB-80{padding:80px 0}
.paddingTB-60{padding:60px 0}
.paddingT-80{padding:80px 0 0}
.paddingB-80{padding:0 0 80px}
.paddingT60-B80{padding:60px 0 80px}
.paddingT20-B80{padding:20px 0 80px}
.paddingT20{padding:20px 0 0}
.paddingT-60{padding:60px 0 0}
.paddingB-60{padding:0 0 60px}
.paddingTB-100{padding:100px 0}
.pro-ol,.pro-ul{margin:5px 0 15px}
.pro-ul li{list-style-type:disc;margin-left:25px}
.pro-ol li{margin-left:25px;list-style: decimal;}
.pro-ol li+li,.pro-ul li+li{margin-top:7px}
.pro-ul li li{list-style-type:inherit}
.pro-ol ol,.pro-ol ul,.pro-ul ol,.pro-ul ul{margin-top:5px}
@media (max-width:1479px){.paddingTB-80{padding:70px 0}
.paddingT-80{padding:70px 0 0}
.paddingB-80{padding:0 0 70px}
.paddingT60-B80{padding:60px 0 70px}
.paddingT20-B80{padding:20px 0 70px}
.paddingTB-100{padding:80px 0}
}
@media (max-width:1199px){.paddingTB-80{padding:60px 0}
.paddingT-80{padding:60px 0 0}
.paddingB-80{padding:0 0 60px}
.paddingTB-60{padding:50px 0}
.paddingT60-B80{padding:50px 0 60px}
.paddingT20-B80{padding:15px 0 60px}
.paddingT20{padding:15px 0 0}
.paddingT-60{padding:50px 0 0}
.paddingB-60{padding:0 0 50px}
.paddingTB-100{padding:70px 0}
}
@media (max-width:991px){.paddingTB-80{padding:50px 0}
.paddingT-80{padding:50px 0 0}
.paddingB-80{padding:0 0 50px}
.paddingTB-60{padding:40px 0}
.paddingT60-B80{padding:40px 0 50px}
.paddingT-60{padding:40px 0 0}
.paddingB-60{padding:0 0 40px}
.paddingTB-100{padding:55px 0}
.paddingT20-B80{padding:10px 0 50px}
.paddingT20{padding:10px 0 0}
.pro-ol li+li,.pro-ul li+li{margin-top:5px}
}
@media (max-width:767px){.paddingTB-80{padding:40px 0}
.paddingT-80{padding:40px 0 0}
.paddingB-80{padding:0 0 40px}
.paddingTB-60{padding:30px 0}
.paddingT60-B80{padding:30px 0 40px}
.paddingT20-B80{padding:5px 0 40px}
.paddingT20{padding:5px 0 0}
.paddingT-60{padding:30px 0 0}
.paddingB-60{padding:0 0 30px}
.paddingTB-100{padding:45px 0}
}
@media (max-width:575px){.paddingTB-80{padding:30px 0}
.paddingT-80{padding:30px 0 0}
.paddingB-80{padding:0 0 30px}
.paddingTB-60{padding:30px 0}
.paddingT60-B80{padding:30px 0 30px}
.paddingT20-B80{padding:5px 0 30px}
.paddingT-60{padding:20px 0 0}
.paddingB-60{padding:0 0 20px}
p{margin:5px 0 10px}
.paddingTB-100{padding:30px 0}
.pro-ol li+li,.pro-ul li+li{margin-top:3px}
}


/*! swiper */.swiper{width:100%;position:relative;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-container{overflow:hidden}
.swiper .swiper-wrapper{opacity:0;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:-webkit-max-content;width:-moz-max-content;width:max-content}
.swiper-cell{display:none}
.swiper-01.swiper-cell{display:block}
.swiper .swiper-wrapper .swiper-cell{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:block}
.swiper .swiper-wrapper .swiper-cell img{width:100%;display:block}
.swiper .swiper-button-prev{top:0;left:0;cursor:pointer;position:absolute}
.swiper .swiper-button-next{top:0;right:0;cursor:pointer;position:absolute}
.swiper .swiper-button-next.disabled,.swiper .swiper-button-prev.disabled{opacity:.5}
.swiper .swiper-pagination{right:0;bottom:10px;position:absolute}
.swiper .swiper-pagination ul{display:flex}
.swiper .swiper-pagination ul li{padding:5px;list-style:none}
.swiper .swiper-pagination ul li span{width:10px;height:10px;display:block;cursor:pointer;background:grey;border-radius:50%}
.swiper .swiper-pagination ul li.active span{background:#00f}
.swiper-cell>a[data-lightbox=lightbox-demo]{display:block;width:100%;height:100%}
.next,.prev{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background-color:rgba(255,255,255,.8);display:flex;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:1}
.next{right:40px}
.prev{left:40px}
.next.disabled,.prev.disabled{opacity:0}
.next:hover,.prev:hover{background-color:#e9b928;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.next:after{content:"\e611";font-size:20px;font-family:iconfont;line-height:1;cursor:pointer;font-style:normal;display:block;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.prev:after{content:"\e611";font-size:20px;font-family:iconfont;line-height:1;cursor:pointer;font-style:normal;-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1);display:block;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.next:hover:after,.prev:hover:after{color:#fff}
.swiper-dots{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:2;bottom:30px}
.swiper-dots ul{display:flex}
.swiper-dots ul li{margin:0 5px}
.swiper-dots ul li span{width:12px;height:12px;background-color:#8d99ae;border-radius:50%;display:flex;cursor:pointer;border:solid 2px #fff;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.swiper-dots ul li.active span{background-color:#e9b928}
@media (max-width:1199px){.next:after,.prev:after{font-size:24px}
.next{right:20px}
.prev{left:20px}
.swiper-dots ul li span{width:10px;height:10px}
}
@media (max-width:991px){.swiper-dots{bottom:25px}
.swiper-more a{font-size:13px}
}
@media (max-width:767px){.swiper-dots{bottom:20px}
}
@media (max-width:575px){.swiper-dots{bottom:15px}
.swiper-dots ul li span{width:8px;height:8px}
.next,.prev{width:30px;height:30px}
.next:after,.prev:after{font-size:18px}
.next{right:5px}
.prev{left:5px}
.swiper-more a{font-size:12px}
.swiper-dots ul li{margin:0 2px}
}