:root {
  --ink:#17201f;
  --muted:#65716f;
  --green:#16856e;
  --green-dark:#0c5b4d;
  --coral:#ef775f;
  --yellow:#f0c95d;
  --paper:#f7f9f7;
  --line:#d9e2df;
}
* {
  letter-spacing:0;
}
body {
  color:var(--ink);
  background:#fff;
}
a {
  color:inherit;
}
.header-box {
  background:rgba(15,43,37,.88);
}
#header .menu-block .menu .menu-son {
  margin-right:30px;
}
#header .menu-block .menu .menu-son:last-child {
  margin-right:0;
}
#header .menu-block .menu .menu-son .cn {
  letter-spacing:0;
}
.menu_btn {
  display:none;
}
.nav-toggle {
  width:42px;
  height:42px;
  border:0;
  background:transparent;
  padding:10px;
  cursor:pointer;
}
.nav-toggle span {
  display:block;
  height:2px;
  margin:5px 0;
  background:var(--ink);
  transition:transform .2s, opacity .2s;
}
.banner-type-a .swiper-slide .box::after {
  content:"";
  position:absolute;
  inset:0;
  background:rgba(17,32,29,.14);
  pointer-events:none;
}
.banner-type-a .cont {
  z-index:2;
}
.banner-type-a .banner2_one {
  max-width:720px;
  padding:32px 38px;
  background:#0f231f;
  color:#fff;
}
.banner-type-a .banner2_one h1, .banner-type-a .banner2_one h2 {
  letter-spacing:0;
}
.banner-type-a .banner2_one em {
  display:inline-block;
  margin-top:24px;
  font-style:normal;
  border-bottom:2px solid var(--coral);
  padding-bottom:7px;
}
.i_service_t h2, .i_service_t p {
  letter-spacing:0;
}
.i_service .service-card h2 {
  min-height:58px;
}
.i_service .service-card p {
  min-height:82px;
}
#owl-demo3 {
  position:relative;
  max-width:1500px;
  margin:0 auto;
  overflow:hidden;
}
.interface-track {
  display:flex;
  gap:20px;
  transition:transform .35s ease;
  padding:8px 8px 28px;
}
.interface-card {
  flex:0 0 calc((100% - 40px)/3);
  min-width:0;
  text-align:left;
  background:#fff;
  border:1px solid var(--line);
}
.interface-card img {
  width:100%;
  height:auto;
  display:block;
  aspect-ratio:16/9;
  object-fit:cover;
}
.interface-card strong {
  display:block;
  padding:18px 20px;
  font-size:18px;
  font-weight:500;
}
.interface-controls, .customer-buttons {
  display:flex;
  justify-content:center;
  gap:10px;
  padding:8px 0 18px;
}
.interface-controls button, .customer-buttons button {
  width:42px;
  height:42px;
  border:1px solid var(--line);
  background:#fff;
  color:var(--ink);
  font-size:22px;
  cursor:pointer;
}
.customer_items .item {
  display:none;
}
.customer_items .item:first-child {
  display:block;
}
.customer2 .customer-buttons .disabled {
  opacity:.4;
}
.solutioncon {
  background-image:url(/images/inner-banner.jpg);
}
.solutioncon .solutioncon_l .h2 {
  letter-spacing:0;
}
.solutioncon .solution_ul li {
  cursor:pointer;
}
.solutioncon .solution_ul li:focus {
  outline:3px solid var(--yellow);
  outline-offset:-3px;
}
.solutioncon .solution_ul ul li img {
  width:58px;
  object-fit:contain;
}
.homepage-news-grid {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:18px;
}
.home-news-card {
  background:#fff;
  border:1px solid var(--line);
  min-height:210px;
}
.home-news-card a {
  display:block;
  height:100%;
  padding:24px;
}
.home-news-card h3 {
  font-size:19px;
  line-height:1.55;
  margin:14px 0 10px;
}
.home-news-card p {
  color:var(--muted);
  line-height:1.75;
}
.news-card-index {
  color:var(--green);
  font-size:13px;
}
.news-all-link {
  margin-top:28px;
  text-align:center;
}
.news-all-link a, .text-link {
  color:var(--green-dark);
  border-bottom:1px solid var(--green);
  padding-bottom:4px;
}
.site-footer {
  margin-top:0;
}
.site-footer .mid {
  gap:8%;
}
.site-footer .footer-identity {
  width:36%;
}
.site-footer .footer-identity img {
  width:270px;
  max-width:100%;
  height:auto;
  object-fit:contain;
  object-position:left center;
}
.site-footer .footer-identity p {
  margin-top:18px;
  color:#bcc7c4;
  line-height:1.8;
}
.footer-columns {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
  width:58%;
}
.footer-columns > div {
  display:flex;
  flex-direction:column;
  gap:12px;
}
.footer-columns a {
  color:#bcc7c4;
}
.footer-note {
  color:#8fa09c;
}
.fix-nav button {
  border:0;
  color:#fff;
  font-size:20px;
  cursor:pointer;
}
.o_big_con {
  height:430px;
}
.o_big_con .o_big {
  height:100%;
  background-position:center;
  background-size:cover;
}
.o_big_con .cons {
  inset:0;
  height:100%;
  background-color:rgba(7,35,29,.68);
}
.o_big_con .cons > .wrap3 {
  height:100%;
}
.o_big_con .service_h3 {
  height:100%;
  display:flex;
  align-items:center;
}
.o_big_con .service_h3 .boxs {
  max-width:900px;
  padding-top:62px;
  color:#fff;
}
.o_big_con .service_h3 h1 {
  color:#fff;
  line-height:1.35;
}
.o_big_con .service_h3 .p {
  max-width:840px;
  color:#e5efec;
  line-height:1.7;
}
.o_big_con .service_pos {
  justify-content:flex-start;
  gap:8px;
  color:#c7d8d3;
}
.o_big_con .service_pos a {
  color:#fff;
}
.news-menu-type .more-box.current {
  color:var(--green);
  border-bottom:2px solid var(--green);
}
.news-menu-type .flex-box {
  justify-content:center;
}
.news-menu-type .more-box {
  display:block;
}
.hub-intro {
  padding-top:60px;
}
.hub-intro p {
  max-width:900px;
  margin:0 auto;
  font-size:18px;
  line-height:1.9;
  text-align:center;
  color:var(--muted);
}
.news-block {
  padding:55px 0 75px;
}
.hub-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:30px;
}
.hub-card {
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  background:#fff;
  border:1px solid var(--line);
  min-height:250px;
}
.hub-card-image img {
  width:100%;
  height:100%;
  object-fit:cover;
}
.hub-card-content {
  padding:25px;
}
.hub-card-content h2 {
  font-size:21px;
  line-height:1.5;
  margin:10px 0;
}
.hub-card-content p {
  color:var(--muted);
  line-height:1.75;
  margin-bottom:16px;
}
.article-meta {
  color:var(--green);
  font-size:13px;
}
.related-hubs {
  padding:0 0 80px;
}
.related-hubs > h2, .product-articles > .wrap3 > h2 {
  font-size:32px;
  margin-bottom:28px;
  text-align:center;
}
.related-hub-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
}
.related-hub-grid a {
  padding:24px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.related-hub-grid strong, .related-hub-grid span {
  display:block;
}
.related-hub-grid span {
  color:var(--muted);
  line-height:1.65;
  margin-top:9px;
}
.download-fixture {
  max-width:1180px;
  margin:45px auto 0;
  padding:30px;
  background:#edf4f1;
  border-left:4px solid var(--green);
}
.download-fixture h2 {
  font-size:25px;
  margin-bottom:12px;
}
.download-fixture p {
  line-height:1.8;
}
.download-button {
  display:inline-block;
  margin-top:18px;
  padding:13px 20px;
  background:var(--green-dark);
  color:#fff;
}
.download-fixture code {
  display:block;
  margin-top:14px;
  overflow-wrap:anywhere;
  color:var(--muted);
}
.product-overview {
  padding:75px 0;
}
.service_title .en {
  color:var(--green);
  line-height:1.3;
  margin-bottom:7px;
}
.service_title .h4 {
  line-height:1.3;
}
.product-overview .service_title_p {
  max-width:820px;
  margin:20px auto 45px;
  text-align:center;
  font-size:18px;
  line-height:1.85;
}
.product-entry-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin:0;
  padding:0;
  list-style:none;
}
.product-entry-grid li {
  border:1px solid var(--line);
  padding:30px;
  background:#fff;
}
.product-entry-grid img {
  width:64px;
  height:64px;
  object-fit:contain;
}
.product-entry-grid h2 {
  margin:18px 0 10px;
  font-size:21px;
}
.product-entry-grid p {
  min-height:76px;
  color:var(--muted);
  line-height:1.7;
}
.product-entry-grid a {
  color:var(--green-dark);
  border-bottom:1px solid var(--green);
}
.product-process {
  padding:75px 0;
  background:#edf4f1;
}
.product-process ol {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin:45px 0 0;
  padding:0;
  list-style:none;
  counter-reset:step;
}
.product-process li {
  counter-increment:step;
  background:#fff;
  padding:28px;
}
.product-process li::before {
  content:"0" counter(step);
  color:var(--coral);
  font-size:14px;
}
.product-process strong, .product-process span {
  display:block;
}
.product-process strong {
  font-size:21px;
  margin:12px 0;
}
.product-process span {
  color:var(--muted);
  line-height:1.7;
}
.product-articles {
  padding-top:75px;
}
.news-info .info-flex {
  align-items:flex-start;
}
.news-info .left-cont {
  min-width:0;
}
.news-info .info-header {
  letter-spacing:0;
  line-height:1.45;
}
.news-info .other a {
  color:var(--green);
}
.news-info .info-content .content {
  font-size:17px;
  line-height:2;
}
.news-info .info-content .content .article-lead {
  font-size:19px;
  color:#34423f;
  border-left:3px solid var(--green);
  padding:12px 0 12px 20px;
}
.news-info .info-content .content h2 {
  font-size:25px;
  margin:38px 0 12px;
}
.news-info .info-page .textover {
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}
.news-info .info-page p {
  width:100%;
  line-height:1.7;
}
.news-info .right-cont .put-news-a h2 {
  font-size:20px;
}
.news-info .right-cont .put-news-a li {
  line-height:1.55;
}
.not-found {
  min-height:650px;
  padding:190px 20px 90px;
  text-align:center;
  background:var(--paper);
}
.not-found-code {
  color:var(--green);
  font-size:100px;
  line-height:1;
}
.not-found h1 {
  font-size:34px;
  margin:22px 0 14px;
}
.not-found p {
  color:var(--muted);
}
.not-found-links {
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:30px;
}
.not-found-links a {
  padding:12px 18px;
  border:1px solid var(--green);
  color:var(--green-dark);
}
@media (max-width:1200px) {
  #header .menu-block .menu .menu-son {
    margin-right:16px;
  }
  .hub-card {
    grid-template-columns:180px minmax(0,1fr);
  }
}
@media (max-width:992px) {
  .header-box {
    background:#fff;
  }
  .menu_btn {
    display:block;
  }
  #header .menu-block .menu {
    display:block;
    right:-100%;
    overflow:auto;
    padding:66px 24px 30px;
    background:#fff;
  }
  body.nav-open #header .menu-block .menu {
    right:0;
  }
  body.nav-open .nav-toggle span:nth-child(1) {
    transform:translateY(7px) rotate(45deg);
  }
  body.nav-open .nav-toggle span:nth-child(2) {
    opacity:0;
  }
  body.nav-open .nav-toggle span:nth-child(3) {
    transform:translateY(-7px) rotate(-45deg);
  }
  .banner-type-a {
    margin-top:50px;
  }
  .banner-type-a .banner2_one {
    padding:24px;
  }
  .homepage-news-grid {
    grid-template-columns:repeat(2,1fr);
  }
  .site-footer .top {
    display:block;
  }
  .site-footer .menus {
    margin-top:20px;
  }
  .site-footer .mid {
    display:block;
  }
  .site-footer .footer-identity, .footer-columns {
    width:100%;
  }
  .footer-columns {
    margin-top:30px;
  }
  .hub-grid {
    grid-template-columns:1fr;
  }
  .related-hub-grid, .product-entry-grid {
    grid-template-columns:repeat(2,1fr);
  }
}
@media (max-width:640px) {
  .o_big_con {
    height:390px;
  }
  .o_big_con .service_h3 .boxs {
    padding-top:42px;
  }
  .o_big_con .service_h3 h1 {
    font-size:28px;
    line-height:1.4;
  }
  .o_big_con .service_h3 .p {
    margin-top:12px;
    font-size:15px;
  }
  .o_big_con .service_pos {
    margin-top:18px;
    flex-wrap:wrap;
    font-size:13px;
  }
  .news-menu-type .flex-box {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .news-menu-type .more-box {
    display:block !important;
    width:auto;
    margin:0;
    padding:13px 8px;
    text-align:center;
  }
  .news-menu-type {
    height:auto;
    padding:8px 0;
  }
  .news-menu-type .wrap3 {
    height:auto;
    overflow:visible;
  }
  .news-menu-type .flex-box {
    height:auto;
    overflow:visible;
  }
  .banner-type-a .banner2_one {
    max-width:88%;
    margin:0 auto;
  }
  .banner-type-a .banner2_one h1, .banner-type-a .banner2_one h2 {
    font-size:25px;
    line-height:1.45;
  }
  .banner-type-a .banner2_one p {
    font-size:15px;
    line-height:1.7;
  }
  .i_service .service-card h2, .i_service .service-card p {
    min-height:0;
  }
  .interface-card {
    flex-basis:86%;
  }
  .homepage-news-grid {
    grid-template-columns:1fr;
  }
  .home-news-card {
    min-height:0;
  }
  .solutioncon .solution_ul ul li strong {
    line-height:1.4;
    padding:12px 6px;
    height:auto;
    min-height:60px;
  }
  .footer-columns {
    grid-template-columns:1fr;
    gap:24px;
  }
  .footer-note {
    display:none;
  }
  .hub-intro {
    padding-top:35px;
  }
  .hub-card {
    grid-template-columns:1fr;
  }
  .hub-card-image img {
    aspect-ratio:16/9;
  }
  .related-hub-grid, .product-entry-grid, .product-process ol {
    grid-template-columns:1fr;
  }
  .related-hubs > h2, .product-articles > .wrap3 > h2 {
    font-size:25px;
  }
  .product-overview, .product-process {
    padding:52px 0;
  }
  .product-entry-grid p {
    min-height:0;
  }
  .news-info .info-content .content {
    font-size:16px;
  }
  .news-info .info-content .content .article-lead {
    font-size:17px;
  }
  .news-info .info-content .content h2 {
    font-size:21px;
  }
  .not-found {
    padding-top:130px;
  }
  .not-found-code {
    font-size:74px;
  }
  .not-found h1 {
    font-size:27px;
  }
}