.nav *,
.nav *::before,
.nav *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.nav ul {
  list-style: none;
}
.nav a {
  text-decoration: none;
}
.nav {
  display: flex;
  position: relative;
  justify-content: space-around;
  background-color: #fff;
  height: 10vh;
  align-items: center;
  font-weight:600;
}
@media (max-width: 65.625em) {
  .nav {
    justify-content: space-between;
    padding: 0 1.6rem;
  }

  .nav__log-link {
    margin-left: 0 !important;
  }

}

.nav__log {
  width: 100%;
}
.nav__log:lang(en) {
  width: 36%;
}
.nav__log:lang(en) {
  width: 19rem;
}
.nav__log-link {
  margin-left: 2rem;
}
.nav__links {
  display: flex;
  justify-content: space-around;
  flex-basis: 89rem;
  flex-shrink: 1;
  margin-left: 0rem;
}
.nav__link-language:link,
.nav__link-language:visited {
  font-size: 2rem;
  font-weight: 600;
  color: #333;
  height: unset;
}
@media (max-width: 65.625em) {
  .nav__link-language:link,
  .nav__link-language:visited {
    display: none;
  }
}
.nav__link-language:hover,
.nav__link-language:active {
  font-size: 2rem;
  font-weight: 600;
  color: #0c43a8;
  height: unset;
}

.nav .menu-bar-btn {
  display: none;
  border: none;
  background: none;
  cursor: pointer;
  z-index: 100000;
}

.nav .menu-bar-btn .close-btn,
.nav .menu-bar-btn .menu-btn {
  min-width: 36px;
  min-height: 36px;
}

.nav .menu-bar-btn .close-btn {
  display: none;
}

.nav .menu-bar-btn .nav__link-language {
  display: none;
}

.nav__links.nav-open ~ .menu-bar-btn .close-btn,
.nav__links.nav-open ~ .menu-bar-btn .nav__link-language {
  display: block;
}

.nav__links.nav-open ~ .menu-bar-btn .menu-btn {
  display: none;
}

.nav ul li {
  text-align: left;
}

.row {
  display: flex;
  gap: 6.4rem;
}

.nav__log:lang(en) {
  width: 19rem;
}

/* .nav ul li a {
} */

::slotted(li) {
  text-align: center;
}

/* slot[name="langBtn"]::slotted(a) {
  display:block
} */

/* ::slotted(li a) {
  display: inline-block;
  font-weight: 600;
  color: #333;
}

::slotted(a) {
  display: inline-block;
  font-weight: 600;
  color: #333;
} */

/* #custom-nav ul li a:hover {
  color: #0c43a8;
}

#custom-nav ul li.acive a {
  color: #0c43a8;
  display: inline-block;
} */

.sticky-nav.nav-open.nav__links {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.97);
  z-index: 99999;
  box-shadow: 0 1.2rem 3.2rem rgba(0, 0, 0, 0.03);
}
.sticky-nav-normal {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.97);
  z-index: 99999;
  box-shadow: 0 1.2rem 3.2rem rgba(0, 0, 0, 0.03);
}
@media (max-width: 65.625em) {
  .nav-open.nav__links {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.97);
    z-index: 99999;
    box-shadow: 0 1.2rem 3.2rem rgba(0, 0, 0, 0.03);
  }

  .nav-open.nav__links li a{
    width: 100% !important;
    display: inline-block !important;
    color: #696e77;
    font-weight: 600;
    color: #333;
    text-align: center;
  }
}
@media (max-width: 1050px) {
  .nav .menu-bar-btn {
    display: block;
  }
  .nav__links {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    background-color: rgba(255, 255, 255, 0.95);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    height: 100vh;
    width: 100vw;
    transition: all 0.3s;
    transform: translateX(100%);
    margin-left: unset;
  }
  nav.nav.nav-open {
    position: fixed;
    top: 0;
  }
  nav.nav ul.nav-open {
    opacity: 1;
    visibility: unset;
    pointer-events: all;
    transform: translateX(0);
  }
  nav.nav ul.nav-open + .menu-bar-btn > .menu-btn {
    display: none;
  }
  nav.nav ul.nav-open + .menu-bar-btn > .close-btn {
    display: block;
  }
}



.container {
  max-width: 120rem;
  margin: 0 auto;
  padding: 0 3.2rem; }
.footer{
  margin: 0;
  padding: 0;
  border: none;
  list-style: none;
  text-decoration: none;
  outline: none;
}
.footer {
  background: #1c1c1c;
  padding: 9.6rem 0 3.2rem 0;
  position: relative; }

.footer .links {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  margin-bottom: 9.6rem;
  gap: 1.6rem; }
  @media (max-width: 67em) {
    .footer .links {
      flex-direction: column; } }

.footer .links .link ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2rem; }

.footer .links .link li:first-child a:link,
.footer .links .link li:first-child a:visited {
  font-size: 1.6rem;
  font-weight: 400;
  color: #cccccc;
  margin-bottom: 2.9rem; }
  @media (max-width: 67em) {
    .footer .links .link li:first-child a:link,
    .footer .links .link li:first-child a:visited {
      font-weight: 500;
      font-size: 2.2rem; } }

.footer .links .link li:first-child a:hover,
.footer .links .link li:first-child a:active {
  text-decoration: underline; }

.footer .links .link li a:link,
.footer .links .link li a:visited {
  font-size: 1.2rem;
  font-weight: 400;
  color: #cccccc; }

.footer .links .link li a:hover,
.footer .links .link li a:active {
  text-decoration: underline; }

.footer .links .link li {
  font-size: 1.2rem;
  font-weight: 400;
  color: #cccccc; }

.footer .links .link:last-child li:last-child {
  margin-top: 2.1rem; }

.footer .links .link:last-child ul {
  gap: 0.8rem; }

.footer .contact-box {
  display: grid;
  grid-template-columns: 3.6rem 1fr;
  grid-template-rows: 5.2rem 5.2rem 5.2rem 5.2rem;
  column-gap: 3.2rem; }
  @media (max-width: 67em) {
    .footer .contact-box {
      display: flex;
      gap: 1.2rem;
      align-items: center;
      justify-items: center;
      margin-top: 3rem; } }

.footer .contact-box .box--3-4 {
  grid-row: 3/4;
  grid-column: 1/2; }

.footer .contact-box .box--4-5 {
  grid-row: 4/5;
  grid-column: 1/2; }

.footer .contact-box .box--2-3 {
  grid-row: 2/3;
  grid-column: 1/2; }

.footer .qrcode-box {
  width: 3.6rem;
  height: 3.6rem;
  min-height: 20px;
  min-width: 20px;
  background: #ffffff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  cursor: pointer; }

.footer .qrcode-box:hover {
  transform: scale(1.5); }

.footer .icon-wchat:hover ~ .img-box .wchat-img {
  opacity: 1;
  visibility: initial;
  pointer-events: initial; }

.footer .icon-wvideo:hover ~ .img-box .wvideo-img {
  opacity: 1;
  visibility: initial;
  pointer-events: initial; }

.footer .img-box {
  position: absolute;
  bottom: 24rem;
  right: 13rem;
  z-index: 999; }
  @media (max-width: 96.875em) {
    .footer .img-box {
      right: 10rem; } }
  @media (max-width: 93.75em) {
    .footer .img-box {
      bottom: 8rem; } }
  @media (max-width: 92em) {
    .footer .img-box {
      position: relative;
      bottom: -20rem;
      right: 8rem; } }
  @media (max-width: 67em) {
    .footer .img-box {
      display: flex;
      gap: 3.2rem;
      align-items: center;
      justify-items: center;
      position: initial;
      bottom: initial;
      right: initial; } }

.footer .img-box img {
  display: block;
  width: 10rem;
  height: 10rem;
  margin-bottom: 1.6rem;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: relative;
  transition: all 0.3s; }
  @media (max-width: 85.3125em) {
    .footer .img-box img {
      position: absolute; } }

.footer .copyright1 {
  font-size: 2rem;
  font-weight: 400;
  color: #cccccc;
  display: flex;
  align-items: center;
  justify-content: space-around; }
  @media (max-width: 43.75em) {
    .footer .copyright1 {
      flex-direction: column-reverse; } }
  .footer .copyright1 a {
    display: block;
    color: #cccccc; }

.footer .contact-box-outof {
  display: none; }

.footer > p {
  display: none;
  position: absolute;
  top: 7.8rem;
  left: 21.4rem;
  font-weight: 5rem;
  font-weight: 500;
  text-transform: uppercase; }

.copyright-mobile {
  display: none; }

.copyright-mobile a {
  display: block;
  color: #cccccc; }

.footer .copyright-mobile > p:last-child {
  display: none; }

  ul, li, dd, dl, dt, div, p {
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

li {
  list-style: none; }

a {
  text-decoration: none;
}

img {
  border: none;
  vertical-align: top; }

 @media (max-width: 67em)
.footer .links .link li:first-child a:link,
.footer .links .link li:first-child a:visited {
    font-weight: 500;
    font-size: 2.2rem;
}

body, div, ul, li, ol, li, h1, h2, h3, h4, h5, h6, input, p, span, dl, dt, dd, a, img, button, article, aside, footer, header, hgroup, nav, section, figure, select, textarea {
    margin: 0;
    padding: 0;
    border: none;
    list-style: none;
    text-decoration: none;
    outline: none;
}









/**
 * Swiper 8.3.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 26, 2022
 */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal; }

:root {
  --swiper-theme-color: #007aff; }

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-vertical > .swiper-wrapper {
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
  justify-content: flex-start;
  align-items: center; }

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0); }

.swiper-pointer-events {
  touch-action: pan-y; }

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x; }

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto; }

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height; }

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px; }

.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d; }

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15); }

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */ }

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none; }

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start; }

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory; }

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory; }

.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999; }

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before); }

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after); }

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before); }

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after); }

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center; }

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0); }

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none; }

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size); }

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size); }

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */ }

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color)); }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none; }

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important; }

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1; }

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 300px;
  right: auto; }

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev'; }

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto; }

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next'; }

.swiper-button-lock {
  display: none; }

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */ }

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important; }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 10px;
  left: 0;
  width: 100%; }

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33); }

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-bullet:only-child {
  display: none !important; }

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color)); }

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0); }

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block; }

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px; }

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top; }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); }

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap; }

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left; }

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right; }

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top; }

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top; }

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-lock {
  display: none; }

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important; }

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-scrollbar-lock {
  display: none; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; }

.swiper-slide-zoomed {
  cursor: move; }

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */ }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent; }

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear; }

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff; }

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000; }

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap; }

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column; }

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out; }

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity; }

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-cube {
  overflow: visible; }

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0; }

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible; }

.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0; }

.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px); }

.swiper-flip {
  overflow: visible; }

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height; }

.swiper-cards {
  overflow: visible; }

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden; }

*:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td, section {
  margin: 0;
  padding: 0; }

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer; }

a:focus {
  outline: none; }

body, input, textarea, select, button {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga","kern"; }

select {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent; }

select::-ms-expand {
  display: none; }

em {
  font-style: normal; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button, input {
  line-height: normal; }

input[type=file] {
  width: 66px; }

button, select {
  text-transform: none; }

input[type=button], input[type=text] {
  -webkit-appearance: none;
  outline: none; }

h1, h2, h3, h4, h5 {
  font-weight: 400;
  margin: 0; }

ul, li, dd, dl, dt, div, p {
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

li {
  list-style: none; }

a {
  text-decoration: none; }

img {
  border: none;
  vertical-align: top; }

table {
  border-collapse: collapse; }

input, textarea {
  outline: none; }

textarea {
  resize: none;
  overflow: auto; }

body, div, ul, li, ol, li, h1, h2, h3, h4, h5, h6, input, p, span, dl, dt, dd, a, img, button, article, aside, footer, header, hgroup, nav, section, figure, select, textarea {
  margin: 0;
  padding: 0;
  border: none;
  list-style: none;
  text-decoration: none;
  outline: none; }

.clear {
  clear: both;
  height: 0;
  overflow: hidden; }

.fl {
  float: left; }

.fr {
  float: right; }

.txtl {
  text-align: left; }

.txtc {
  text-align: center; }

.txtr {
  text-align: right; }

.m0 {
  margin: 0; }

.m5 {
  margin: 5px; }

.m10 {
  margin: 10px; }

.m15 {
  margin: 15px; }

.m20 {
  margin: 20px; }

.m30 {
  margin: 30px; }

.mt0 {
  margin-top: 0; }

.mt5 {
  margin-top: 5px; }

.mt10 {
  margin-top: 10px; }

.mt15 {
  margin-top: 15px; }

.mt20 {
  margin-top: 20px; }

.mt25 {
  margin-top: 25px; }

.mt30 {
  margin-top: 30px; }

.mt35 {
  margin-top: 35px; }

.mt40 {
  margin-top: 40px; }

.mt50 {
  margin-top: 50px; }

.mt60 {
  margin-top: 60px; }

.mt70 {
  margin-top: 70px; }

.mt80 {
  margin-top: 80px; }

.mt90 {
  margin-top: 90px; }

.mt100 {
  margin-top: 100px; }

.mt150 {
  margin-top: 150px; }

.mb0 {
  margin-bottom: 0; }

.mb5 {
  margin-bottom: 5px; }

.mb10 {
  margin-bottom: 10px; }

.mb15 {
  margin-bottom: 15px; }

.mb20 {
  margin-bottom: 20px; }

.mb30 {
  margin-bottom: 30px; }

.mb40 {
  margin-bottom: 40px; }

.mb50 {
  margin-bottom: 50px; }

.mb70 {
  margin-bottom: 70px; }

.mb100 {
  margin-bottom: 100px; }

.ml0 {
  margin-left: 0; }

.ml5 {
  margin-left: 5px; }

.ml10 {
  margin-left: 10px; }

.ml15 {
  margin-left: 15px; }

.ml20 {
  margin-left: 20px; }

.ml30 {
  margin-left: 30px; }

.ml50 {
  margin-left: 50px; }

.ml55 {
  margin-left: 55px; }

.ml60 {
  margin-left: 60px; }

.ml100 {
  margin-left: 100px; }

.mr0 {
  margin-right: 0; }

.mr5 {
  margin-right: 5px; }

.mr10 {
  margin-right: 10px; }

.mr15 {
  margin-right: 15px; }

.mr20 {
  margin-right: 20px; }

.mr30 {
  margin-right: 30px; }

.mr35 {
  margin-right: 35px; }

.mr50 {
  margin-right: 50px; }

.mr55 {
  margin-right: 55px; }

.mr60 {
  margin-right: 60px; }

.mr100 {
  margin-right: 100px; }

.pt5 {
  padding-top: 5px; }

.pt10 {
  padding-top: 10px; }

.pt15 {
  padding-top: 15px; }

.pt20 {
  padding-top: 20px; }

.pt25 {
  padding-top: 25px; }

.pt30 {
  padding-top: 30px; }

.pt35 {
  padding-top: 35px; }

.pt40 {
  padding-top: 40px; }

.pt50 {
  padding-top: 50px; }

.pt90 {
  padding-top: 90px; }

.pt100 {
  padding-top: 100px; }

.pt150 {
  padding-top: 150px; }

.pl0 {
  padding-left: 0; }

.pl5 {
  padding-left: 5px; }

.pl10 {
  padding-left: 10px; }

.pl15 {
  padding-left: 15px; }

.pl20 {
  padding-left: 20px; }

.pl25 {
  padding-left: 25px; }

.pl30 {
  padding-left: 30px; }

.pl40 {
  padding-left: 40px; }

.pl45 {
  padding-left: 45px; }

.pl50 {
  padding-left: 50px; }

.pl100 {
  padding-left: 100px; }

.pr5 {
  padding-right: 5px; }

.pr10 {
  padding-right: 10px; }

.pr15 {
  padding-right: 15px; }

.pr20 {
  padding-right: 20px; }

.pr25 {
  padding-right: 25px; }

.pr30 {
  padding-right: 30px; }

.pr50 {
  padding-right: 50px; }

.pr100 {
  padding-right: 100px; }

.pb0 {
  padding-bottom: 0; }

.pb5 {
  padding-bottom: 5px; }

.pb10 {
  padding-bottom: 10px; }

.pb15 {
  padding-bottom: 15px; }

.pb20 {
  padding-bottom: 20px; }

.pb30 {
  padding-bottom: 30px; }

.pb50 {
  padding-bottom: 50px; }

.pb100 {
  padding-bottom: 100px; }

.pd30 {
  padding: 30px; }

.vm {
  vertical-align: middle; }

.f16 {
  font-size: 16px; }

.f60 {
  font-size: 50px; }

.warp {
  width: 1200px;
  margin: 0 auto;
  position: relative; }

.czjz {
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: -o-box;
  -o-box-orient: horizontal;
  -o-box-pack: center;
  -o-box-align: center;
  display: -ms-box;
  -ms-box-orient: horizontal;
  -ms-box-pack: center;
  -ms-box-align: center;
  display: box;
  box-orient: horizontal;
  box-pack: center;
  box-align: center; }

.top {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #cdd1d1;
  color: #999; }

.top-nav {
  font-size: 0; }

.top-nav a {
  color: #999;
  margin-right: 28px;
  font-size: 13px; }

.top-nav a:last-child {
  margin-right: 0; }

.top-nav a:hover {
  color: #0d6fb8; }

.header {
  padding-top: 13px;
  padding-bottom: 26px;
  height: 165px; }

.logo h1 {
  display: none; }

.header-icon {
  margin-top: 45px; }

.header-icon img {
  margin-right: 20px; }

.header-icon img:last-child {
  margin-right: 0; }

.nav.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 22; }

.nav ul li:last-child {
  margin-right: 0; }

.nav ul li a {
  /* display:block; */
  /* color:#fff; */
  /* font-size:16px; */ }

.banner {
  height: 590px;
  background-color: #282828;
  position: relative;
  overflow: hidden; }

.banner .warp {
  height: 100%; }

.banner .w1300 {
  width: 1300px;
  margin: 0 auto;
  position: relative;
  height: 590px; }

.banner .swiper-slide {
  background-repeat: no-repeat;
  background-position-x: center;
  overflow: hidden;
  width: 100%; }

.banner .swiper-pagination-bullet {
  background-color: #fff;
  width: 15px;
  height: 15px; }

.banner.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 8px; }

.banner .blogo {
  width: 100%;
  text-align: center;
  margin-top: 58px; }

.banner .b-t {
  width: 100%;
  text-align: center;
  margin-top: 34px; }

.banner .b-bottom {
  text-align: center;
  width: 100%;
  margin-top: 45px; }

.banner .b-bottom a {
  margin-right: 83.75px; }

.banner .b-bottom a:last-child {
  margin-right: 0; }

.banner .p1 {
  position: relative;
  margin-top: 39px;
  margin-left: -25px;
  display: inline-block; }

.banner .p1 .dot {
  position: relative;
  width: 73px;
  height: 74px;
  display: inline-block; }

.banner .p1 .dot .light {
  background-image: url(../../../../../../../www.micronet-union.com/images/light.png)/*tpa=https://www.micronet-union.com/images/light.png*/;
  width: 73px;
  height: 74px;
  text-align: center;
  animation: light 2s infinite linear;
  -webkit-animation: light 2s infinite linear; }

.banner .p1 .dot .yuan {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #00fff7;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 25px;
  left: 30px; }

.banner .p1 .bl {
  margin-top: 31px;
  margin-left: -30px; }

.banner .p1 .text {
  position: absolute;
  bottom: -15px;
  right: 0; }

.banner .p1 .text img:first-child {
  position: absolute;
  right: 22px;
  bottom: 23px; }

.banner .p1 .text img:last-child {
  animation: text 2s infinite;
  animation-direction: alternate;
  -webkit-animation: text 2s infinite;
  -webkit-animation-direction: alternate; }

.banner .p2 {
  position: absolute;
  top: 309px;
  left: 0;
  width: 380px;
  height: 130px; }

.banner .p2 .dot .yuan {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #00fff7;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 25px;
  left: 17px; }

.banner .p2 .dot .light {
  background-image: url(../../../../../../../www.micronet-union.com/images/light.png)/*tpa=https://www.micronet-union.com/images/light.png*/;
  width: 73px;
  height: 74px;
  text-align: center;
  animation: light 2s infinite linear;
  -webkit-animation: light 2s infinite linear;
  margin-left: -10px; }

.banner .p2 .bl {
  position: absolute;
  left: 33px;
  top: -27px; }

.banner .p2 .text {
  position: absolute;
  top: -15px;
  right: 0; }

.banner .p2 .text img:first-child {
  position: absolute;
  right: 0;
  top: -40px; }

.banner .p2 .text img:last-child {
  position: absolute;
  top: -62px;
  right: -22px;
  animation: text 2s infinite;
  animation-direction: alternate;
  -webkit-animation: text 2s infinite;
  -webkit-animation-direction: alternate; }

.banner .p3 {
  position: absolute;
  top: 175px;
  left: 620px;
  width: 380px;
  height: 130px; }

.banner .p3 .dot .yuan {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #00fff7;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 25px;
  left: 17px; }

.banner .p3 .dot .light {
  background-image: url(../../../../../../../www.micronet-union.com/images/light.png)/*tpa=https://www.micronet-union.com/images/light.png*/;
  width: 73px;
  height: 74px;
  text-align: center;
  animation: light 2s infinite linear;
  -webkit-animation: light 2s infinite linear;
  margin-left: -10px;
  margin-top: -4px; }

.banner .p3 .bl {
  position: absolute;
  left: 33px;
  top: 32px; }

.banner .p3 .text {
  position: absolute;
  top: 0;
  right: 30px; }

.banner .p3 .text img:first-child {
  position: absolute;
  right: 30px;
  top: 0; }

.banner .p3 .text img:last-child {
  position: absolute;
  right: 8px;
  top: -22px;
  animation: text 2s infinite;
  animation-direction: alternate;
  -webkit-animation: text 2s infinite;
  -webkit-animation-direction: alternate; }

.banner .p4 {
  position: absolute;
  right: 90px;
  top: 0;
  width: 327px;
  height: 160px; }

.banner .p4 .dot .yuan {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #00fff7;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 25px;
  left: 17px; }

.banner .p4 .dot .light {
  background-image: url(../../../../../../../www.micronet-union.com/images/light.png)/*tpa=https://www.micronet-union.com/images/light.png*/;
  width: 73px;
  height: 74px;
  text-align: center;
  animation: light 2s infinite linear;
  -webkit-animation: light 2s infinite linear;
  margin-left: -10px;
  margin-top: -4px; }

.banner .p4 .bl {
  position: absolute;
  left: 26px;
  top: 41px; }

.banner .p4 .text {
  position: absolute;
  bottom: 40px;
  right: 0; }

.banner .p4 .text img:first-child {
  position: absolute;
  right: 30px;
  top: 0; }

.banner .p4 .text img:last-child {
  position: absolute;
  right: 16px;
  top: -16px;
  animation: text 2s infinite;
  animation-direction: alternate;
  -webkit-animation: text 2s infinite;
  -webkit-animation-direction: alternate; }

.banner .p5 {
  position: absolute;
  right: 60px;
  bottom: 105px;
  width: 390px;
  height: 150px; }

.banner .p5 .dot {
  position: relative;
  width: 73px;
  height: 74px;
  display: inline-block;
  margin-top: 95px;
  margin-left: 60px; }

.banner .p5 .dot .light {
  background-image: url(../../../../../../../www.micronet-union.com/images/light.png)/*tpa=https://www.micronet-union.com/images/light.png*/;
  width: 73px;
  height: 74px;
  text-align: center;
  animation: light 2s infinite linear;
  -webkit-animation: light 2s infinite linear;
  margin-top: -3px;
  margin-left: 2px; }

.banner .p5 .dot .yuan {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #00fff7;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 25px;
  left: 30px; }

.banner .p5 .text {
  position: absolute;
  top: 10px;
  right: 0; }

.banner .p5 .text img:first-child {
  position: absolute;
  right: 30px;
  top: 0; }

.banner .p5 .text img:last-child {
  position: absolute;
  right: 8px;
  top: -23px;
  animation: text 2s infinite;
  animation-direction: alternate;
  -webkit-animation: text 2s infinite;
  -webkit-animation-direction: alternate; }

.banner .p5 .bl {
  position: absolute;
  left: 102px;
  top: 44px; }

.banner .bottom {
  width: 1091px;
  height: 130px;
  position: absolute;
  bottom: 0;
  background-image: url(../../../../../../../www.micronet-union.com/images/bottom.png)/*tpa=https://www.micronet-union.com/images/bottom.png*/;
  left: 0; }

.banner .bottom img:first-child {
  position: absolute;
  bottom: 36px;
  right: 26px; }

.banner .bottom img:last-child {
  position: absolute;
  bottom: 13px;
  right: 5px;
  animation-direction: alternate;
  -webkit-animation: text 2s infinite;
  -webkit-animation-direction: alternate; }

.banner .btt {
  position: absolute;
  left: 365px;
  top: 84px; }

.banner .bb {
  position: absolute;
  bottom: 20px;
  left: 44px; }

.search {
  width: 100%;
  background-color: #eaeaea;
  padding-top: 23px;
  padding-bottom: 23px; }

.search .fl {
  padding-top: 10px;
  font-size: 0; }

.search .fl a {
  font-size: 14px;
  color: #515151;
  margin-right: 20px; }

.search .fl a:hover {
  color: #2c88d7; }

.search .fl font {
  font-size: 16px;
  color: #0d6fb8;
  margin-right: 10px; }

.search .fr {
  font-size: 0; }

.search .fr input[type=text] {
  width: 249px;
  height: 35px;
  background-color: #fff;
  border: solid 2px #0d6fb8;
  text-indent: 17px;
  vertical-align: top;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-size: 14px; }

.search .fr input[type=text]::-webkit-input-placeholder {
  color: #d0cfd0; }

.search .fr input[type=text]::-moz-input-placeholder {
  color: #d0cfd0; }

.search .fr input[type=submit] {
  width: 91px;
  height: 35px;
  background-color: #0d6fb8;
  vertical-align: top;
  color: #fff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-size: 16px; }

.index-fangan {
  margin-top: 100px;
  height: 852px;
  overflow: hidden; }

.index-fangan .title {
  font-size: 52px;
  color: #000;
  text-align: center;
  position: relative; }

.index-fangan .title::after {
  content: '';
  display: block;
  width: 46px;
  height: 2px;
  background-color: #0d6fb8;
  margin: 8px auto 11px; }

.index-fangan .title2 {
  color: #000;
  font-size: 18px;
  text-align: center; }

.index-fangan .fangan-tab {
  margin-top: 40px;
  overflow: hidden; }

.index-fangan .fangan-tab .bd img {
  width: 100%;
  height: 602px; }

.index-fangan .fangan-tab .bd .cover {
  position: absolute;
  bottom: 50px;
  left: 35px;
  width: 1045px;
  background-color: rgba(0, 0, 0, 0.8);
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 30px;
  padding-bottom: 30px;
  color: #fff;
  font-size: 15px; }

.index-fangan .fangan-tab .bd .cover .t {
  font-size: 24px;
  margin-bottom: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.index-fangan .fangan-tab .bd .cover .p {
  line-height: 24px;
  height: 48px;
  overflow: hidden; }

.index-fangan .fangan-tab .bd .cover .p a {
  font-size: 14px;
  color: #2c88d8;
  text-decoration: underline; }

.index-fangan .fangan-tab .hd {
  height: 105px;
  background-color: #efefef; }

.index-fangan .fangan-tab .hd ul li {
  float: left;
  width: 240px;
  height: 105px;
  border-right: 1px solid #cecece;
  position: relative;
  line-height: 105px;
  transition: all .5s linear;
  overflow: hidden;
  vertical-align: top; }

.index-fangan .fangan-tab .hd ul li:first-child {
  border-left: 1px solid #cecece; }

.index-fangan .fangan-tab .hd ul li a {
  display: block;
  font-size: 18px;
  padding-left: 40px; }

.index-fangan .fangan-tab .hd ul li a {
  color: #282828; }

.index-fangan .fangan-tab .hd ul li img {
  margin-top: 30px; }

.index-fangan .fangan-tab .hd ul li img.none {
  display: none; }

.index-fangan .fangan-tab .hd ul li.active {
  background-color: #0d6fb8;
  height: 131px;
  transform: translateY(-25px);
  border: none; }

.index-fangan .fangan-tab .hd ul li.active img {
  display: none; }

.index-fangan .fangan-tab .hd ul li.active img.none {
  display: inline; }

.index-fangan .fangan-tab .hd ul li.active a {
  color: #fff;
  transform: translateY(12px); }

.index-anli {
  margin-top: 100px; }

.index-anli .title {
  font-size: 52px;
  color: #000;
  text-align: center;
  position: relative; }

.index-anli .title::after {
  content: '';
  display: block;
  width: 46px;
  height: 2px;
  background-color: #0d6fb8;
  margin: 8px auto 11px; }

.index-anli .title2 {
  color: #000;
  font-size: 18px;
  text-align: center; }

.index-anli .hd {
  margin-top: 30px;
  margin-bottom: 35px; }

.index-anli .hd ul {
  font-size: 0;
  text-align: center; }

.index-anli .hd li {
  width: 160px;
  height: 40px;
  border-radius: 4px;
  border: solid 1px #c1c1c1;
  display: inline-block;
  font-size: 15px;
  color: #474747;
  line-height: 40px;
  text-align: center;
  margin-right: 29px;
  position: relative; }

.index-anli .hd li.on {
  background-color: #207dc7;
  color: #fff; }

.index-anli .hd li.on:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #207dc7;
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -8px; }

.index-anli .hd li:last-child {
  margin-right: 0; }

.index-anli .bd ul li {
  width: 392px;
  float: left;
  position: relative;
  margin-right: 12px; }

.index-anli .bd ul li:nth-child(3n) {
  margin-right: 0; }

.index-anli .bd ul li .img {
  width: 392px;
  height: 240px;
  overflow: hidden;
  position: relative; }

.index-anli .bd ul li img {
  width: 392px;
  height: 240px; }

.index-anli .bd ul li.on {
  background-color: #207dc7;
  color: #fff; }

.index-anli .bd ul li .img .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.79);
  display: none; }

.index-anli .bd ul li:hover .mask {
  display: block; }

.index-anli .bd ul li .t {
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: center;
  font-size: 20px;
  color: #0e0e0e; }

.index-anli .bd ul li:hover .mask .link {
  width: 237px;
  height: 64px;
  border: solid 2px #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -32px;
  margin-left: -118.5px; }

.index-anli .bd ul li:hover .mask .link-c {
  width: 224px;
  height: 50px;
  background-color: #fff;
  margin: 5px auto;
  line-height: 50px;
  text-align: center;
  color: #101010;
  font-size: 16px; }

.index-youshi {
  background-image: url(../../../../../../../www.micronet-union.com/images/youshi.jpg)/*tpa=https://www.micronet-union.com/images/youshi.jpg*/;
  background-position-x: center;
  margin-top: 110px;
  height: 936px;
  padding-top: 85px; }

.index-youshi .title {
  font-size: 36px;
  color: #fff;
  text-align: center;
  position: relative; }

.index-youshi .title::after {
  content: '';
  display: block;
  width: 46px;
  height: 2px;
  background-color: #0d6fb8;
  margin: 30px auto 33px; }

.index-youshi .title2 {
  font-size: 36px;
  color: #fff;
  text-align: center;
  position: relative; }

.index-youshi .title2:after {
  content: '';
  display: block;
  width: 46px;
  height: 2px;
  background-color: #0d6fb8;
  margin: 30px auto 45px; }

.index-youshi .part1 {
  margin-bottom: 74px;
  font-size: 0;
  text-align: center; }

.index-youshi .part1 li {
  display: inline-block;
  width: 288px;
  height: 270px;
  background-image: url(../../../../../../../www.micronet-union.com/images/nt.png)/*tpa=https://www.micronet-union.com/images/nt.png*/;
  background-repeat: no-repeat;
  margin-right: 40px;
  position: relative;
  padding-left: 24px;
  padding-right: 24px; }

.index-youshi .part1 li:last-child {
  margin-right: 0; }

.index-youshi .part2 li {
  width: 277px;
  height: 119px;
  background-image: url(../../../../../../../www.micronet-union.com/images/xborder.png)/*tpa=https://www.micronet-union.com/images/xborder.png*/;
  float: left;
  padding-top: 27px;
  padding-left: 48px;
  padding-right: 38px;
  margin-right: 30px; }

.index-youshi .part2 li:last-child {
  margin-right: 0; }

.index-youshi .part2 li:last-child .x_r .p {
  font-size: 15px; }

.index-youshi .part2 li .x_r {
  float: right;
  color: #fff;
  width: 115px; }

.index-youshi .part2 li .x_r .h1 {
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 10px; }

.index-youshi .part2 li .x_r .p {
  font-size: 16px; }

.index-youshi .part1 li .num {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 97px;
  text-align: center;
  color: #fff;
  font-size: 43px;
  line-height: 97px;
  font-weight: 700; }

.index-youshi .part1 li .a {
  width: 240px;
  height: 54px;
  background-color: #1b4367;
  position: absolute;
  bottom: 20px;
  left: 24px;
  color: #fff;
  text-align: center;
  padding: 0 23px;
  display: table; }

.index-youshi .part1 li .a p {
  display: table-cell;
  vertical-align: middle; }

.index-youshi .part1 li .q {
  position: absolute;
  left: 24px;
  top: 134px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  display: table;
  width: 245px;
  height: 38px; }

.index-youshi .part1 li .q:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 36px;
  background-image: url(../../../../../../../www.micronet-union.com/images/q.png)/*tpa=https://www.micronet-union.com/images/q.png*/;
  background-repeat: no-repeat; }

.index-youshi .part1 li .q p {
  display: table-cell;
  padding-left: 41px;
  text-align: left;
  vertical-align: middle; }

.index-news {
  width: 100%;
  height: 811px;
  background-image: url(../../../../../../../www.micronet-union.com/images/xinwen.jpg)/*tpa=https://www.micronet-union.com/images/xinwen.jpg*/;
  background-position-x: center;
  padding-top: 105px;
  margin-top: 80px; }

.index-news .title {
  font-size: 52px;
  color: #000;
  text-align: center; }

.index-news .title2 {
  font-size: 18px;
  color: #000;
  text-align: center; }

.index-news .title::after {
  content: '';
  display: block;
  width: 46px;
  height: 2px;
  background-color: #0d6fb8;
  margin: 8px auto 11px;
  font-size: 12px; }

.index-news .hd {
  margin-top: 30px;
  margin-bottom: 27px; }

.index-news .hd ul {
  text-align: center;
  font-size: 0; }

.index-news .hd ul li {
  display: inline-block;
  width: 160px;
  height: 40px;
  background-color: #fff;
  border-radius: 4px;
  border: solid 1px #c1c1c1;
  font-size: 15px;
  color: #474747;
  margin-right: 30px;
  line-height: 40px;
  text-align: center;
  position: relative;
  vertical-align: top; }

.index-news .hd ul li.on {
  background-color: #207dc7;
  color: #fff; }

.index-news .hd ul li:last-child {
  margin-right: 0; }

.index-news .hd ul li.on::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #207dc7;
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -8px; }

.index-news .bd .left {
  width: 301px;
  background-color: #fff;
  padding: 10px;
  height: 416px;
  float: left;
  margin-right: 9px; }

.index-news .bd .left .img {
  margin-bottom: 20px;
  width: 280px;
  height: 197px;
  overflow: hidden; }

.index-news .bd .left .img img {
  width: 280px;
  height: 197px;
  transition: .3s all linear;
  -webkit-transition: .3s all linear;
  -moz-transition: .3s all linear; }

.index-news .bd .left .text {
  padding-left: 15px;
  padding-right: 25px; }

.index-news .bd .left .text .t {
  font-size: 16px;
  color: #000;
  margin-bottom: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.index-news .bd .left:hover .text .t {
  color: #0d6fb8; }

.index-news .bd .left .text .p {
  font-size: 14px;
  color: #979797; }

.index-news .bd .left .link {
  font-size: 14px;
  color: #5b5b5b;
  text-decoration: underline;
  color: #5b5b5b;
  margin-top: 16px;
  padding-left: 15px; }

.index-news .bd .left:hover .link {
  color: #0d6fb8; }

.index-news .bd .left:hover .img img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1); }

.index-news .bd .right {
  padding-left: 30px;
  padding-right: 30px;
  float: right;
  width: 580px;
  height: 415px;
  background-color: #fff;
  padding-top: 20px; }

.index-news .bd .right .list {
  border-bottom: solid 1px #c9c9c9; }

.index-news .bd .right .list .date {
  color: #999;
  text-align: center;
  float: left;
  margin-right: 30px;
  line-height: normal;
  margin-left: 9px; }

.index-news .bd .right .list .date .day {
  font-size: 58px;
  color: #999; }

.index-news .bd .right .list .text {
  float: left;
  width: 406px;
  padding-top: 19px;
  padding-bottom: 15px; }

.index-news .bd .right .list .text .t {
  font-size: 16px;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.index-news .bd .right .list .text .p {
  font-size: 14px;
  color: #979797;
  margin-top: 13px; }

.index-news .bd .right .list:hover .text .t {
  color: #0d6fb8; }

.index-news .bd .right .list:hover .date {
  color: #0d6fb8; }

.index-news .bd .right .list:hover .date .day {
  color: #0d6fb8; }

.right-lists {
  padding-top: 25px; }

.right-lists ul li a {
  color: #676767; }

.right-lists ul li:hover .t {
  color: #0d6fb8; }

.right-lists ul li:hover .date {
  color: #0d6fb8; }

.right-lists ul li {
  margin-bottom: 8px;
  padding-left: 10px; }

.right-lists ul li a:before {
  content: '';
  display: block;
  vertical-align: top;
  width: 5px;
  height: 10px;
  background-image: url(../../../../../../../www.micronet-union.com/images/arrow.png)/*tpa=https://www.micronet-union.com/images/arrow.png*/;
  background-repeat: no-repeat;
  margin-right: 15px;
  margin-top: 3px;
  float: left; }

.right-lists ul li .t {
  width: 345px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
  color: #676767; }

.right-lists ul li .date {
  float: right;
  color: #999; }

.index-about {
  padding-top: 85px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: bottom;
  padding-bottom: 70px; }

.index-about .bg {
  width: 100%;
  background-image: url(../../../../../../../www.micronet-union.com/images/guanyu.jpg)/*tpa=https://www.micronet-union.com/images/guanyu.jpg*/;
  background-repeat: no-repeat;
  background-position-x: center;
  padding-top: 74px;
  margin: 0 auto;
  min-height: 570px; }

.index-about .bg .box {
  width: 902px;
  height: 346px;
  background-image: url(../../../../../../../www.micronet-union.com/images/box.png)/*tpa=https://www.micronet-union.com/images/box.png*/;
  background-repeat: no-repeat;
  margin: 0 auto;
  padding-top: 54px;
  padding-left: 59px;
  padding-right: 75px; }

.index-about .bg .box .t {
  font-size: 32px;
  color: #0d6fb8;
  text-align: center; }

.index-about .bg .box .t2 {
  font-size: 22px;
  color: #383838;
  text-align: center;
  margin-top: 5px; }

.index-about .bg .box .p {
  font-size: 16px;
  color: #757575;
  line-height: 30px;
  margin-top: 24px; }

.index-about .bg .box .link {
  width: 160px;
  height: 40px;
  background-color: #2c88d8;
  border-radius: 4px;
  display: block;
  margin: 20px auto 0;
  line-height: 40px;
  text-align: center;
  color: #fff; }

.index-about .bg .wall {
  width: 1200px;
  background-color: #fff;
  margin: 60px auto 0; }

.index-about .bg .wall ul li {
  float: left;
  width: 240px;
  height: 150px;
  border-right: 1px dashed #dedede;
  border-bottom: 1px dashed #dedede;
  overflow: hidden; }

.index-about .bg .wall ul li:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1); }

.index-about .bg .wall ul li img {
  max-width: 240px;
  max-height: 150px;
  transition: .3s all linear;
  -webkit-transition: .3s all linear;
  -moz-transition: .3s all linear; }

.index-about .bg .wall ul li:nth-child(5n) {
  border-right: none; }

.index-about .bg .wall ul li:last-child:hover img {
  transform: scale(1);
  -webkit-transform: scale(1); }

.index-links {
  margin-top: 34px; }

.index-links span {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 10px; }

.index-links a {
  font-size: 14px;
  display: inline-block;
  color: #666;
  margin-right: 10px;
  vertical-align: top;
  margin-bottom: 10px;
  color: #aaa; }

.index-links a:hover {
  color: #fff; }

.footer {
  width: 100%;
  /* padding-top:65px; */
  /* padding-bottom:45px; */
  background-color: #27303f;
  color: #fff; }

.foot_links {
  float: left; }

.foot_links h4 {
  font-size: 18px;
  color: #ebeaea;
  margin-bottom: 25px; }

.foot_links:first-child {
  margin-right: 85px; }

.foot_links ul li a {
  font-size: 14px;
  color: #aaa; }

.foot_links ul li a:hover {
  color: #fff; }

.foot_links ul li {
  margin-bottom: 15px; }

.foot_links ul li:last-child {
  margin-bottom: 0; }

.foot_links:nth-child(2) {
  margin-right: 38px; }

.foot_links:nth-child(3) {
  margin-right: 47px; }

.foot_links:nth-child(4) {
  margin-right: 70px; }

.foot_links:nth-child(5) {
  margin-right: 57px; }

.foot_contact {
  float: left;
  width: 235px; }

.foot_contact h4 {
  font-size: 18px;
  color: #ebeaea;
  margin-bottom: 25px; }

.foot_contact .address {
  font-size: 14px;
  color: #aaa;
  line-height: 20px;
  margin-bottom: 25px; }

.foot_contact .address .icon {
  margin-right: 9px;
  display: inline-block; }

.foot_contact .address .p {
  width: 210px; }

.foot_contact .tel .icon {
  margin-right: 5px;
  margin-top: 10px; }

.foot_contact .tel .p {
  font-size: 28px;
  color: #2c88d8; }

.foot_contact .kefu {
  margin-top: 19px;
  display: block;
  padding-left: 20px; }

.foot_guanzhu {
  float: right; }

.foot_guanzhu .weixin {
  width: 154px;
  height: 43px;
  background-color: #13181f;
  border-radius: 6px;
  color: #676c74;
  line-height: 43px;
  background-image: url(../../../../../../../www.micronet-union.com/images/weixin.png)/*tpa=https://www.micronet-union.com/images/weixin.png*/;
  background-position-y: center;
  background-position-x: 18px;
  background-repeat: no-repeat;
  margin-bottom: 10px; }

.foot_guanzhu .sina {
  width: 154px;
  height: 43px;
  background-color: #13181f;
  border-radius: 6px;
  color: #676c74;
  line-height: 43px;
  background-image: url(../../../../../../../www.micronet-union.com/images/sina.png)/*tpa=https://www.micronet-union.com/images/sina.png*/;
  background-position-y: center;
  background-position-x: 18px;
  background-repeat: no-repeat; }

.foot_guanzhu .weixin a, .foot_guanzhu .sina a {
  color: #676c74;
  padding-left: 55px;
  display: block; }

.foot_guanzhu .weixin:hover {
  background-image: url(../../../../../../../www.micronet-union.com/images/wxh.png)/*tpa=https://www.micronet-union.com/images/wxh.png*/; }

.foot_guanzhu .weixin:hover a {
  color: #fff; }

.foot_guanzhu .sina:hover {
  background-image: url(../../../../../../../www.micronet-union.com/images/sinah.png)/*tpa=https://www.micronet-union.com/images/sinah.png*/; }

.foot_guanzhu .sina:hover a {
  color: #fff; }

.footer .copyright {
  width: 1200px;
  border-top: 1px solid #4a5a76;
  padding-top: 30px;
  margin: 50px auto 0;
  color: #aaa; }

.index-xitong {
  padding-top: 106px; }

.index-xitong .title {
  font-size: 52px;
  color: #000;
  text-align: center; }

.index-xitong .title2 {
  font-size: 18px;
  color: #000;
  text-align: center;
  margin-bottom: 40px; }

.index-xitong .title::after {
  content: '';
  display: block;
  width: 46px;
  height: 2px;
  background-color: #0d6fb8;
  margin: 8px auto 11px; }

.index-xitong .hd {
  float: left;
  width: 255px; }

.index-xitong .hd ul {
  width: 246px;
  background-color: #4b4c4e; }

.index-xitong .hd ul li {
  width: 100%;
  height: 75px;
  border-bottom: 1px solid #b4b4b4;
  padding-left: 35px;
  line-height: 75px;
  color: #fff;
  position: relative;
  font-size: 16px;
  cursor: pointer; }

.index-xitong .hd ul li.on {
  background-color: #207dc7; }

.index-xitong .hd ul li.on:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-left: 7px solid #207dc7;
  border-bottom: 8px solid transparent;
  position: absolute;
  right: -6px;
  top: 29px; }

.index-xitong .bd {
  width: 945px;
  float: right;
  height: 450px;
  overflow: hidden; }

.index-xitong .bd ul li {
  width: 100%;
  height: 450px;
  position: relative; }

.index-xitong .bd ul li:nth-child(3n) {
  margin-right: 0; }

.index-xitong .bd ul li .mask {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.74);
  color: #fff;
  font-size: 26px;
  height: 75px;
  text-align: center;
  line-height: 75px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400; }

.index-xitong .bd ul li img {
  width: 100%;
  height: 450px; }

.index-xitong .bd .swiper-pagination {
  width: 16px;
  left: auto;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  right: 0; }

.index-xitong .hd-v {
  position: absolute;
  top: 0;
  width: 16px;
  z-index: 99;
  right: 30px;
  top: 50%;
  text-align: center;
  transform: translate3d(0, -50%, 0); }

.index-xitong .hd-v ul li {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #fff;
  display: inline-block;
  margin-bottom: 12px; }

.index-xitong .hd-v ul li.on {
  background-color: #158eee; }

.index-xitong .hd-v ul li:last-child {
  margin-bottom: 0; }

@keyframes light {
  0% {
    opacity: .5;
    transform: scale(0.9); }
  50% {
    opacity: 1;
    transform: scale(1); }
  100% {
    opacity: 1;
    transform: scale(0.9); } }

@-webkit-keyframes light {
  0% {
    opacity: .5;
    transform: scale(0.9); }
  50% {
    opacity: 1;
    transform: scale(1); }
  100% {
    opacity: 1;
    transform: scale(0.9); } }

@keyframes text {
  0% {
    opacity: .1; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@-webkit-keyframes text {
  0% {
    opacity: .1; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }

.decontent {
  padding-top: 40px;
  margin-bottom: 50px; }

.sidebar {
  float: left;
  width: 230px; }

.sidebar ul li {
  width: 100%;
  height: 54px;
  background-color: #f0f0f0;
  line-height: 54px;
  border-bottom: 1px solid #fff;
  position: relative;
  background-image: url(../../../../../../../www.micronet-union.com/images/ib.png)/*tpa=https://www.micronet-union.com/images/ib.png*/;
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 200px; }

.sidebar ul li a {
  display: block;
  padding-left: 20px;
  color: #3a434c; }

.sidebar ul li:hover {
  background-color: #296dac;
  background-image: url(../../../../../../../www.micronet-union.com/images/iw.png)/*tpa=https://www.micronet-union.com/images/iw.png*/; }

.sidebar ul li:hover a {
  color: #fff; }

.sidebar ul li.active {
  background-color: #296dac;
  background-image: url(../../../../../../../www.micronet-union.com/images/iw.png)/*tpa=https://www.micronet-union.com/images/iw.png*/; }

.sidebar ul li.active a {
  color: #fff; }

.decontent .content {
  float: right;
  width: 935px; }

.decontent .content .mianbaoxie {
  margin-bottom: 35px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  font-size: 12px;
  color: #666; }

.decontent .content .mianbaoxie a {
  color: #666;
  font-size: 12px; }

.decontent .article {
  border: 1px solid #ddd;
  padding: 30px 40px;
  color: #898989;
  line-height: 30px; }

.decontent .article img {
  max-width: 100%; }

.decontent .recommend {
  padding: 40px;
  border: 1px solid #ddd;
  margin-top: 40px; }

.debanner {
  height: 401px;
  background-position-x: center;
  background-repeat: no-repeat; }

.side-nav-div {
  width: 230px;
  height: 92px;
  background-color: #2b2b2b;
  border-radius: 5px 5px 0 0;
  padding-top: 14px;
  padding-left: 24px;
  border-bottom: 1px solid #fff;
  color: #fff;
  position: relative; }

.side-nav-div b {
  color: #fff;
  font-weight: 700;
  font-size: 26px;
  text-transform: uppercase; }

.side-nav-div p {
  font-size: 28px; }

.side-nav-div:after {
  content: '';
  display: block;
  height: 3px;
  width: 115px;
  background-image: url(../../../../../../../www.micronet-union.com/images/l.png)/*tpa=https://www.micronet-union.com/images/l.png*/;
  position: absolute;
  bottom: 19px;
  right: 0; }

.side-contact {
  margin-top: 20px;
  color: #575757;
  font-size: 12px;
  line-height: 30px; }

.side-title {
  font-size: 18px;
  font-weight: 700;
  color: #3487d5;
  border-bottom: 1px solid #ddd;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 15px; }

.side-title:after {
  content: '';
  display: block;
  position: absolute;
  width: 18px;
  height: 3px;
  background-color: #296dac;
  bottom: -2px; }

.side-title span {
  color: #999;
  font-size: 12px;
  font-weight: 400;
  margin-left: 10px; }

.side-contact img {
  margin-bottom: 15px; }

.pages {
  text-align: center;
  margin-top: 60px; }

.pages ul {
  font-size: 0; }

.pages ul li {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 2px;
  border: solid 1px #ddd;
  text-align: center;
  line-height: 40px;
  margin-right: 7px; }

.pages ul li:hover {
  background-color: #296dac;
  color: #fff; }

.pages ul li.active {
  background-color: #296dac;
  color: #fff; }

.pages ul li:hover a {
  color: #fff; }

.pages ul li.active a {
  color: #fff; }

.pages ul li:last-child {
  margin-right: 0; }

.pages ul li a {
  display: block;
  color: #111; }

.pages ul li.prev, .pages ul li.next {
  width: 70px;
  height: 40px;
  border-radius: 2px;
  border: solid 1px #ddd; }

.pages ul li.home-page, .pages ul li.last-page {
  width: 58px;
  height: 40px;
  border-radius: 2px;
  border: solid 1px #ddd; }

.article .article_title {
  font-size: 22px;
  color: #2b2b2b;
  padding-left: 16px;
  position: relative;
  margin-bottom: 27px; }

.article .article_title:before {
  display: block;
  content: '';
  width: 3px;
  height: 19px;
  background-color: #296dac;
  position: absolute;
  top: 6px;
  left: 0; }

.decontent .recommend ul li {
  float: left;
  width: 208px;
  margin-right: 7px;
  font-size: 16px;
  color: #343434;
  text-align: center; }

.decontent .recommend ul li .img {
  margin-bottom: 17px;
  width: 208px;
  height: 145px;
  overflow: hidden; }

.decontent .recommend ul li .img img {
  width: 208px;
  height: 145px;
  transition: .5s all linear;
  -webkit-transition: .5s all linear; }

.decontent .recommend ul li:last-child {
  margin-right: 0; }

.decontent .recommend ul li:hover .img img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1); }

.decontent .recommend ul {
  margin-top: 20px; }

.decontent .recommend .title {
  text-align: center;
  font-size: 22px;
  color: #296dac;
  position: relative; }

.decontent .recommend .title:after {
  content: '';
  display: block;
  width: 36px;
  height: 2px;
  background-color: #296dac;
  margin: 6px auto 0; }

.decontent .recommend ul li p {
  color: #343434; }

.case ul li {
  float: left;
  width: 306px;
  text-align: center;
  margin-right: 8px;
  font-size: 16px;
  color: #0e0e0e;
  margin-bottom: 20px; }

.case ul li:nth-child(3n) {
  margin-right: 0; }

.case ul li .img {
  width: 306px;
  height: 188px;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative; }

.case ul li .img .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.79);
  display: none; }

.case ul li .img img {
  width: 306px;
  height: 188px; }

.case ul li p {
  font-size: 16px;
  color: #0e0e0e; }

.case ul li .img .mask .link {
  width: 187px;
  height: 51px;
  border: solid 2px #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25.5px;
  margin-left: -93.5px; }

.case ul li .img .mask .link .link-text {
  width: 174px;
  height: 41px;
  background-color: rgba(255, 255, 255, 0.9);
  margin: 3px auto;
  line-height: 41px;
  color: #101010; }

.case ul li:hover .mask {
  display: block; }

.case.hezuo ul li .img {
  border: 1px solid #dcdcdc; }

.case.hezuo ul li .img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 188px;
  transition: .3s all;
  -webkit-transition: .3s all; }

.case.hezuo ul li:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1); }

.case-article {
  border: solid 1px #ddd;
  padding: 40px; }

.case-logo {
  width: 160px;
  height: 160px;
  background-color: #fff;
  border: solid 1px #ededed;
  float: left;
  margin-right: 20px; }

.case-information {
  float: left;
  width: 340px;
  line-height: 27px;
  color: #525252; }

.case-information .t {
  font-size: 22px;
  color: #2b2b2b;
  margin-bottom: 10px; }

.case-information .t:after {
  content: '';
  display: block;
  width: 31px;
  height: 2px;
  background-color: #296dac;
  margin-top: 15px; }

.case-image {
  float: right;
  width: 300px;
  margin-right: 50px; }

.case-image img {
  width: 100%; }

.case-detail {
  border-top: 1px dashed #ddd;
  margin-top: 20px;
  padding-top: 40px;
  color: #898989;
  line-height: 30px; }

.case-detail .article-title {
  font-size: 16px;
  color: #363636;
  border-left: 3px solid #296dac;
  padding-left: 12px;
  margin-bottom: 25px;
  line-height: normal; }

.case-detail img {
  max-width: 100%; }

.news ul li {
  border-bottom: dashed 1px #ddd;
  padding-bottom: 25px;
  margin-bottom: 20px; }

.news ul li .image {
  width: 163px;
  height: 120px;
  background-color: #2b2b2b;
  float: left; }

.news ul li .image img {
  width: 163px;
  height: 120px; }

.news ul li .text {
  width: 730px;
  float: left;
  margin-left: 20px; }

.news ul li .text .t {
  margin-bottom: 15px; }

.news ul li .text span {
  float: right;
  font-weight: 400;
  color: #9c9c9c;
  font-size: 14px; }

.news ul li .text .t div {
  float: left;
  width: 490px;
  font-size: 16px;
  color: #545454;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.news ul li .text p {
  color: #acacac;
  line-height: 22px;
  max-height: 44px;
  overflow: hidden; }

.news ul li .text .link {
  width: 88px;
  height: 26px;
  background-color: #545454;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  line-height: 26px;
  text-align: center;
  margin-top: 13px; }

.news ul li:hover .text .link {
  background-color: #3f9cef; }

.news ul li:hover .t div {
  font-weight: 700;
  color: #3f9cef; }

.news1 ul li {
  border-bottom: dashed 1px #ddd;
  padding-bottom: 25px;
  margin-bottom: 20px; }

.news1 ul li .image {
  width: 300px;
  height: 200px;
  background-color: #2b2b2b;
  float: left; }

.news1 ul li .image img {
  width: 300px;
  height: 200px; }

.news1 ul li .text {
  width: 610px;
  float: left;
  margin-left: 20px; }

.news1 ul li .text .t {
  margin-bottom: 15px; }

.news1 ul li .text span {
  float: right;
  font-weight: 400;
  color: #9c9c9c;
  font-size: 14px; }

.news1 ul li .text .t div {
  float: left;
  width: 490px;
  font-size: 16px;
  color: #545454;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.news1 ul li .text p {
  color: #acacac;
  line-height: 22px;
  overflow: hidden; }

.news1 ul li .text .link {
  width: 88px;
  height: 26px;
  background-color: #545454;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  line-height: 26px;
  text-align: center;
  margin-top: 13px; }

.news1 ul li:hover .text .link {
  background-color: #3f9cef; }

.news1 ul li:hover .t div {
  font-weight: 700;
  color: #3f9cef; }

.decontent .news-article {
  border: 1px solid #ddd;
  padding: 30px 40px;
  color: #5c5c5c;
  line-height: 26px; }

.news-title {
  border-bottom: dashed 1px #d2d2d2;
  font-size: 24px;
  padding-bottom: 14px;
  margin-bottom: 25px;
  line-height: normal;
  text-align: center;
  color: #242424; }

.news-title div {
  color: #8f8f8f;
  font-size: 12px;
  margin-top: 10px; }

.news-title div a {
  color: #8f8f8f;
  font-size: 12px; }

.news-article img {
  max-width: 100%; }

.article-pages {
  width: 882px;
  height: 48px;
  font-size: 14px;
  background-color: #f4f4f4;
  line-height: 48px;
  padding: 0 30px;
  margin-top: 40px; }

.article-pages a font {
  color: #464646; }

.article-pages a:first-child {
  color: #7c7b7b;
  white-space: nowrap;
  max-width: 316px;
  overflow: hidden;
  text-overflow: ellipsis; }

.article-pages a:last-child {
  color: #7c7b7b;
  float: right;
  white-space: nowrap;
  max-width: 316px;
  overflow: hidden;
  text-overflow: ellipsis; }

.about {
  padding-top: 30px;
  padding-left: 28px;
  padding-right: 38px;
  padding-bottom: 44px;
  border: 1px solid #ddd;
  color: #383838;
  line-height: 30px;
  font-size: 15px; }

.about-title {
  font-size: 24px;
  position: relative;
  border-bottom: solid 1px #ddd;
  padding-bottom: 10px;
  margin-bottom: 30px; }

.about-title:after {
  content: '';
  display: block;
  width: 56px;
  height: 4px;
  background-color: #296dac;
  position: absolute;
  bottom: -2px; }

.about img {
  max-width: 100%; }

.contact-title {
  font-size: 24px;
  color: #296dac;
  border-bottom: 1px solid #ddd;
  padding-bottom: 12px;
  position: relative;
  margin-bottom: 30px;
  line-height: normal;
  color: #383838; }

.contact.contact {
  font-size: 16px;
  line-height: 30px; }

-title:after {
  content: '';
  display: block;
  width: 56px;
  height: 4px;
  background-color: #296dac;
  position: absolute;
  bottom: -2px; }

.contact .ewm {
  text-align: center;
  font-size: 15px;
  color: #363636; }

.contact .map {
  width: 905px;
  height: 481px;
  background-color: #fff;
  border: solid 1px #e5e5e5;
  margin-top: 25px;
  padding: 8px; }

#allmap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0; }

.contact form input[type=text], .contact form input[type=email] {
  width: 251px;
  height: 48px;
  background-color: #f3f3f3;
  border: solid 1px #dbdbdb;
  display: inline-block;
  vertical-align: top;
  text-indent: 16px;
  margin-right: 17px;
  font-size: 15px;
  color: #a7a7a7; }

.contact form input[type=email] {
  margin-right: 0; }

.contact form textarea {
  width: 792px;
  height: 168px;
  background-color: #f3f3f3;
  border: solid 1px #dbdbdb;
  padding-top: 17px;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 15px;
  color: #a7a7a7;
  margin-top: 16px; }

.contact .form .tips {
  color: #9a9a9a;
  font-size: 15px;
  margin-top: 30px; }

.contact .form .button {
  width: 148px;
  height: 40px;
  background-color: #296dac;
  border: 0;
  font-size: 15px;
  color: #fff;
  margin-right: 30px; }

.contact .form p {
  font-size: 15px;
  color: #888; }

.contact form {
  margin-top: 40px; }

.bd-box {
  position: relative;
  height: 450px; }

.yb_conct {
  position: fixed;
  z-index: 9999999;
  top: 157px;
  right: -127px;
  cursor: pointer;
  transition: all .3s ease; }

.yb_bar ul li {
  width: 180px;
  height: 53px;
  font: 16px/53px 'Microsoft YaHei';
  color: #fff;
  text-indent: 54px;
  margin-bottom: 3px;
  border-radius: 3px;
  transition: all .5s ease;
  overflow: hidden; }

.yb_bar .yb_top {
  background: #288cd1 url(../../../../../../../www.micronet-union.com/images/88.png)/*tpa=https://www.micronet-union.com/images/88.png*/ no-repeat 0 0; }

.yb_bar .yb_phone {
  background: #288cd1 url(../../../../../../../www.micronet-union.com/images/88.png)/*tpa=https://www.micronet-union.com/images/88.png*/ no-repeat 0 -57px; }

.yb_bar .yb_QQ {
  text-indent: 0;
  background: #288cd1 url(../../../../../../../www.micronet-union.com/images/88.png)/*tpa=https://www.micronet-union.com/images/88.png*/ no-repeat 0 -113px; }

.yb_bar .yb_ercode {
  background: #288cd1 url(../../../../../../../www.micronet-union.com/images/88.png)/*tpa=https://www.micronet-union.com/images/88.png*/ no-repeat 0 -169px; }

.hd_qr {
  width: 74%;
  padding: 0 29px 25px; }

.yb_QQ a {
  display: block;
  text-indent: 54px;
  width: 100%;
  height: 100%;
  color: #fff; }

.case_content {
  width: 950px; }

.case_lists {
  margin-top: 12px;
  border: solid 1px #e5e5e5;
  padding: 30px; }

.case_lists .list {
  width: 418px;
  float: left;
  margin-bottom: 25px;
  border-radius: 4px;
  padding: 5px;
  border: 2px solid #296dac; }

.case_lists .list:nth-child(even) {
  float: right; }

.case_lists .list .img {
  width: 100%;
  overflow: hidden;
  height: 245px; }

.case_lists .list .img img {
  width: 100%;
  transition: .3s linear;
  -webkit-transition: .3s linear;
  -moz-transition: .3s linear;
  height: 245px; }

.case_lists .list .p {
  height: 55px;
  background-color: #fff;
  color: #616161;
  text-align: center;
  line-height: 55px;
  transition: .3s linear;
  -webkit-transition: .3s linear;
  -moz-transition: .3s linear; }

.case_lists .list:hover .img img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1); }

.case_lists .list:hover .p {
  background: #3488ea;
  color: #fff; }

.pglist {
  padding: 5px 0;
  width: 100%;
  text-align: center;
  clear: both; }

.pglist a {
  color: #666;
  padding: 0 14px;
  margin: 0 3px;
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  background: #fff;
  border: 1px solid #ddd; }

.pglist a:hover, .pglist .hover {
  display: inline-block;
  color: #fff;
  background: #296dac;
  border-color: #296dac; }

.dede_pages {
  padding: 20px 0;
  font-size: 14px;
  text-align: center;
  overflow: hidden; }

.dede_pages ul {
  display: inline-block;
  margin: 0 auto;
  padding: 0; }

.dede_pages ul li {
  float: left;
  margin: 0 2px;
  padding: 0 10px;
  line-height: 25px;
  background: #fff;
  border: 1px solid #d8dadf; }

.dede_pages ul li a {
  float: left;
  color: #555;
  display: block; }

.dede_pages ul li:hover {
  text-decoration: none;
  color: #fff;
  border: 1px #333 solid;
  background-color: #333; }

.dede_pages ul li:hover a {
  color: #fff; }

.dede_pages ul li:hover a:hover {
  color: #fff;
  text-decoration: none; }

.dede_pages ul li.thisclass {
  background-color: #333;
  color: #fff;
  border: 1px #333 solid; }

.dede_pages ul li.thisclass a {
  color: #fff; }

.dede_pages .pageinfo {
  line-height: 30px;
  padding-left: 5px; }

.dede_pages strong {
  font-weight: 400; }

@keyframes showInfo {
  from {
    transform: rotateY(-180deg);
    opacity: 0; }
  to {
    transform: rotateY(0deg);
    opacity: 1; } }

@keyframes waveFont {
  0% {
    transform: translateY(0px); }
  20% {
    transform: translateY(-12px); }
  40%,
  100% {
    transform: translateY(0px); } }

@keyframes hideInfo {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

/* industry */
@keyframes shink {
  from {
    box-shadow: 0 0 0px 0px rgba(76, 165, 53, 0.3); }
  to {
    box-shadow: 0 0 0px 8px rgba(76, 165, 53, 0.3); } }

*,
*::after,
*::before {
  padding: 0;
  margin: 0;
  box-sizing: inherit; }

html {
  font-size: 62.5%;
  overflow-x: hidden; }
  @media (max-width: 75em) {
    html {
      font-size: 56.25%; } }
  @media (max-width: 59em) {
    html {
      font-size: 50%; } }

body {
  box-sizing: border-box;
  overflow-x: hidden; }

section {
  position: relative; }

body {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.7; }

body:lang(en) {
  font-family: Arial, Helvetica, sans-serif; }

p {
  text-align: justify; }

.heading-primary {
  font-size: 4.2rem;
  font-weight: 600;
  line-height: 1.05; }
  @media (max-width: 48em) {
    .heading-primary {
      font-size: 3.2rem; } }
  .heading-primary--light {
    color: #fff; }
  .heading-primary--dark {
    color: #333; }

.heading-secondary {
  font-size: 2.6rem;
  font-weight: 500;
  line-height: 1.05; }
  @media (max-width: 48em) {
    .heading-secondary {
      font-size: 2.2rem; } }
  .heading-secondary--light {
    color: #fff; }
  .heading-secondary--dark {
    color: #333; }

.heading-third {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4; }
  @media (max-width: 48em) {
    .heading-third {
      font-size: 1.6rem; } }
  .heading-third--light {
    color: #fff; }
  .heading-third--dark {
    color: #333; }

.intro__text-box .infor {
  width: 59rem;
  height: 51rem; }

.text20 {
  font-size: 1.6rem;
  font-weight: 400;
  text-align: justify; }
  .text20--light {
    color: #ffffff; }
  .text20--dark {
    color: #333; }

.text25 {
  font-size: 2.5rem;
  font-weight: 400; }
  .text25--light {
    color: #ffffff; }
  .text25--dark {
    color: #333; }

.container {
  max-width: 120rem;
  margin: 0 auto;
  padding: 0 3.2rem; }

.opacity--1 {
  opacity: 1 !important; }

.footer {
  background: #1c1c1c;
  padding: 9.6rem 0 3.2rem 0;
  position: relative; }

.footer .links {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  margin-bottom: 9.6rem;
  gap: 1.6rem; }
  @media (max-width: 67em) {
    .footer .links {
      flex-direction: column; } }

.footer .links .link ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2rem; }

.footer .links .link li:first-child a:link,
.footer .links .link li:first-child a:visited {
  font-size: 1.6rem;
  font-weight: 400;
  color: #cccccc;
  margin-bottom: 2.9rem; }
  @media (max-width: 67em) {
    .footer .links .link li:first-child a:link,
    .footer .links .link li:first-child a:visited {
      font-weight: 500;
      font-size: 2.2rem; } }

.footer .links .link li:first-child a:hover,
.footer .links .link li:first-child a:active {
  text-decoration: underline; }

.footer .links .link li a:link,
.footer .links .link li a:visited {
  font-size: 1.2rem;
  font-weight: 400;
  color: #cccccc; }

.footer .links .link li a:hover,
.footer .links .link li a:active {
  text-decoration: underline; }

.footer .links .link li {
  font-size: 1.2rem;
  font-weight: 400;
  color: #cccccc; }

.footer .links .link:last-child li:last-child {
  margin-top: 2.1rem; }

.footer .links .link:last-child ul {
  gap: 0.8rem; }

.footer .contact-box {
  display: grid;
  grid-template-columns: 3.6rem 1fr;
  grid-template-rows: 5.2rem 5.2rem 5.2rem 5.2rem;
  column-gap: 3.2rem; }
  @media (max-width: 67em) {
    .footer .contact-box {
      display: flex;
      gap: 1.2rem;
      align-items: center;
      justify-items: center;
      margin-top: 3rem; } }

.footer .contact-box .box--3-4 {
  grid-row: 3/4;
  grid-column: 1/2; }

.footer .contact-box .box--4-5 {
  grid-row: 4/5;
  grid-column: 1/2; }

.footer .contact-box .box--2-3 {
  grid-row: 2/3;
  grid-column: 1/2; }

.footer .qrcode-box {
  width: 3.6rem;
  height: 3.6rem;
  min-height: 20px;
  min-width: 20px;
  background: #ffffff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  cursor: pointer; }

.footer .qrcode-box:hover {
  transform: scale(1.5); }

.footer .icon-wchat:hover ~ .img-box .wchat-img {
  opacity: 1;
  visibility: initial;
  pointer-events: initial; }

.footer .icon-wvideo:hover ~ .img-box .wvideo-img {
  opacity: 1;
  visibility: initial;
  pointer-events: initial; }

.footer .img-box {
  position: absolute;
  bottom: 24rem;
  right: 13rem;
  z-index: 999; }
  @media (max-width: 96.875em) {
    .footer .img-box {
      right: 10rem; } }
  @media (max-width: 93.75em) {
    .footer .img-box {
      bottom: 8rem; } }
  @media (max-width: 92em) {
    .footer .img-box {
      position: relative;
      bottom: -20rem;
      right: 8rem; } }
  @media (max-width: 67em) {
    .footer .img-box {
      display: flex;
      gap: 3.2rem;
      align-items: center;
      justify-items: center;
      position: initial;
      bottom: initial;
      right: initial; } }

.footer .img-box img {
  display: block;
  width: 10rem;
  height: 10rem;
  margin-bottom: 1.6rem;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: relative;
  transition: all 0.3s; }
  @media (max-width: 85.3125em) {
    .footer .img-box img {
      position: absolute; } }

.footer .copyright1 {
  font-size: 2rem;
  font-weight: 400;
  color: #cccccc;
  display: flex;
  align-items: center;
  justify-content: space-around; }
  @media (max-width: 43.75em) {
    .footer .copyright1 {
      flex-direction: column-reverse; } }
  .footer .copyright1 a {
    display: block;
    color: #cccccc; }

.footer .contact-box-outof {
  display: none; }

.footer > p {
  display: none;
  position: absolute;
  top: 7.8rem;
  left: 21.4rem;
  font-weight: 5rem;
  font-weight: 500;
  text-transform: uppercase; }

.copyright-mobile {
  display: none; }

.copyright-mobile a {
  display: block;
  color: #cccccc; }

.footer .copyright-mobile > p:last-child {
  display: none; }

.toTop:link, .toTop:visited {
  text-decoration: none;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f7f7f7;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 100px;
  box-shadow: 0 0 0.5rem 0.22rem rgba(0, 0, 0, 0.2);
  transition: all 0.1s; }

.toTop:hover {
  transform: translateY(-0.5rem);
  box-shadow: 0 0.4rem 0.6rem 0.3rem rgba(0, 0, 0, 0.2); }

.toTop:active {
  transform: translateY(0.2rem);
  box-shadow: 0 0 0.5rem 0.22rem rgba(0, 0, 0, 0.2); }

.toTop__icon {
  width: 70%;
  height: 70%;
  color: #000;
  transition: all 0.1s;
  transform: translateY(-1px); }

.sideicon-box {
  position: fixed;
  top: 60vh;
  right: 1.6rem;
  display: flex;
  flex-direction: column-reverse;
  gap: 1.6rem;
  z-index: 99; }

.copyright1 span {
  font-size: 1.2rem; }

.copyright1 span:lang(en) {
  display: flex;
  gap: 2rem; }
  .copyright1 span:lang(en) a:link {
    display: block;
    color: #cccccc; }

.nav {
  display: flex;
  position: relative;
  justify-content: space-around;
  background-color: #fff;
  height: 10vh;
  align-items: center; }
  @media (max-width: 65.625em) {
    .nav {
      justify-content: space-between;
      padding: 0 1.6rem; } }
  .nav__log {
    width: 100%; }
    .nav__log:lang(en) {
      width: 36%; }
  .nav__log-link {
    margin-left: 2rem; }
  .nav__links {
    display: flex;
    justify-content: space-around;
    flex-basis: 89rem;
    flex-shrink: 1;
    margin-left: 0rem; }
  .nav__link-language:link, .nav__link-language:visited {
    font-size: 2rem;
    font-weight: 600;
    color: #333;
    height: unset; }
    @media (max-width: 65.625em) {
      .nav__link-language:link, .nav__link-language:visited {
        display: none; } }
  .nav__link-language:hover, .nav__link-language:active {
    font-size: 2rem;
    font-weight: 600;
    color: #0c43a8;
    height: unset; }

.nav .menu-bar-btn {
  display: none;
  border: none;
  background: none;
  cursor: pointer;
  z-index: 100000; }

.nav .menu-bar-btn .close-btn,
.nav .menu-bar-btn .menu-btn {
  min-width: 36px;
  min-height: 36px; }

.nav .menu-bar-btn .close-btn {
  display: none; }

.nav .menu-bar-btn .nav__link-language {
  display: none; }

.nav__links.nav-open ~ .menu-bar-btn .close-btn,
.nav__links.nav-open ~ .menu-bar-btn .nav__link-language {
  display: block; }

.nav__links.nav-open ~ .menu-bar-btn .menu-btn {
  display: none; }

.nav ul li {
  text-align: center; }

.nav__log:lang(en) {
  width: 19rem; }

.nav-open .langBtn {
  display: block !important; }

.langBtn {
  display: none !important; }

.common-nav a,
.common-nav a:visited,
.common-nav a:link {
  display: inline-block;
  color: #696e77;
  font-weight: 600;
  color: #333; }

.common-nav a:hover,
.common-nav a:active {
  color: #0c43a8; }

.common-nav li.acive a {
  color: #0c43a8;
  display: inline-block; }

.sticky header .nav {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.97);
  z-index: 999;
  box-shadow: 0 1.2rem 3.2rem rgba(0, 0, 0, 0.03); }

.sticky header .header-background-img,
.sticky .carousel {
  margin-top: 10vh; }

@media (max-width: 1050px) {
  .nav .menu-bar-btn {
    display: block; }
  .nav__links {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    background-color: rgba(255, 255, 255, 0.95);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    height: 100vh;
    width: 100vw;
    transition: all 0.3s;
    transform: translateX(100%);
    margin-left: unset; }
  nav.nav.nav-open {
    position: fixed;
    top: 0; }
  nav.nav ul.nav-open {
    opacity: 1;
    visibility: unset;
    pointer-events: all;
    transform: translateX(0); }
  nav.nav ul.nav-open + .menu-bar-btn > .menu-btn {
    display: none; }
  nav.nav ul.nav-open + .menu-bar-btn > .close-btn {
    display: block; } }

main {
  display: flex;
  flex-direction: column;
  gap: 96px; }

.sub-nav .strip {
  width: 100%;
  height: 2px;
  background-color: #d8d8d8; }

.sub-nav-link a {
  position: relative;
  cursor: pointer;
  font-size: 2.8rem;
  -webkit-user-select: none;
  /*谷歌 /Chrome*/
  -moz-user-select: none;
  /*火狐/Firefox*/
  -ms-user-select: none;
  /*IE 10+*/
  user-select: none; }

.sub-nav-link a:lang(en) {
  position: relative;
  cursor: pointer;
  font-size: 2.8rem;
  -webkit-user-select: none;
  /*谷歌 /Chrome*/
  -moz-user-select: none;
  /*火狐/Firefox*/
  -ms-user-select: none;
  /*IE 10+*/
  user-select: none; }
  @media (max-width: 27.5em) {
    .sub-nav-link a:lang(en) {
      font-size: 2rem; } }

.sub-nav-link ul {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 7rem; }
  @media (max-width: 36.25em) {
    .sub-nav-link ul {
      gap: 2rem; } }

.sub-nav-link ul:lang(en) {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 7rem; }
  @media (max-width: 36.25em) {
    .sub-nav-link ul:lang(en) {
      gap: 1rem; } }

.link-decoration-line {
  width: 14.4rem;
  height: 3px;
  background-color: #0c43a8;
  display: none;
  position: absolute;
  left: 0;
  bottom: -1.2rem; }

.sub-nav a:link,
.sub-nav a:visited {
  color: #000;
  display: inline-block;
  font-size: 2.8rem;
  font-weight: 500;
  text-decoration: none;
  margin-bottom: 1rem; }
.sub-nav .active a:visited{
    color: #0c43a8;
  }

.sub-nav a:hover,
.sub-nav a:active,
.sub-nav a:hover div {
  display: inline-block;
  color: #0c43a8;
  /* border-bottom: 5px solid #0c43a8; */ }

.news--hover .row {
  width: 144rem;
  margin: 0px auto; }

.article-container {
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  gap: 12rem; }

article .row {
  justify-content: space-between;
  gap: 11.2rem !important;
  align-items: flex-end;
  display : block; }

article section:hover {
  background-color: #f5f5f5; }

article section:hover .hover {
  color: #0c43a8; }

.container .hover {
  font-size: 3.6rem;
  font-weight: 400;
  color: #333333;
  margin-bottom: 15.5rem; }

.container .row {
  justify-content: space-between;
  margin-bottom: 1.6rem; }

.container .strip {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background-color: #ccc; }

.news-detail-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 61px; }

.news-detail-row p {
  font-size: 20px; }

.news-detail-row .link {
  font-size: 18px; }

/*news decontent 新布局 */
.mu_news .row ul li {
  /*width: 100%;
  height: 400px;
  background-color: pink;*/
  padding: 1.6rem 0 1rem 0;
  position: relative;
  border-color: #eeeeee;
  border-bottom-style: solid;
  border-width: 1px;
  transition: all 0.3s; }

.mu_news .row ul ul li {
  /*width: 100%;
  height: 400px;
  background-color: pink;*/
  padding: 1.6rem 0 1rem 0;
  position: relative;
  transition: all 0.3s;
  border-bottom-style: none; }

.mu_news .row ul li:last-child {
  border-width: 0px; }

.mu_news .row ul li a {
  padding: 3.2rem 0 1.6rem 0;
  display: flex;
  text-decoration: none;
  color: #333333;
  align-items: center; }
  @media (max-width: 36.25em) {
    .mu_news .row ul li a {
      flex-direction: column;
      align-items: flex-start; } }

#activities {
  margin-top: 3rem; }

article#activities .activity__content-box {
  grid-template-columns: repeat(3, minmax(300px, 1fr)); }
  @media (max-width: 64em) {
    article#activities .activity__content-box {
      grid-template-columns: repeat(2, minmax(300px, 1fr)); } }
  @media (max-width: 48em) {
    article#activities .activity__content-box {
      grid-template-columns: repeat(1, minmax(300px, 1fr)); } }

article#activities .activity__img-box img {
  width: 100%;
  height: 162pt; }

article#activities .activity__event-info {
  display: inline-flex;
  align-items: center;
  margin: 0 1rem 2.4rem 0;
  gap: 5px;
  font-size: 1.2rem; }

.mu_news .row ul li:hover .t30 {
  color: #0c43a8; }

.mu_news .row ul li:hover {
  transform: scale(1.05); }

.mu_news .row ul li .image img {
  width: 75%;
  object-fit: cover; }
  @media (max-width: 36.25em) {
    .mu_news .row ul li .image img {
      width: 100%; } }

.mu_news .row ul li .text {
  margin: 1.4rem 0 0 3rem;
  flex: 1; }
  @media (max-width: 36.25em) {
    .mu_news .row ul li .text {
      margin: initial;
      margin-top: 1.6rem; } }

.mu_news .row ul li .text:lang(en) {
  margin: 1.4rem 0 0 3rem;
  flex: 1; }
  @media (max-width: 36.25em) {
    .mu_news .row ul li .text:lang(en) {
      margin: initial;
      margin-top: 1.6rem;
      margin-right: 1.5rem; } }

.mu_news .image {
  flex: 0.5; }

/*.mu_news .row ul li text */
.t30 {
  font-size: 2rem;
  color: #333333; }

.t28 {
  font-size: 1.8rem;
  font-weight: 400;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis; }

.time {
  font-size: 1.8rem;
  font-weight: 400;
  color: #999999; }

.mu_news .row ul li .link {
  display: inline-block;
  color: #fff;
  font-size: 1.8rem;
  background: #0c43a8;
  text-align: center;
  margin-top: 2.4rem;
  padding: 0.6rem 4.8rem; }
  @media (max-width: 36.25em) {
    .mu_news .row ul li .link {
      display: none; } }

.about-us {
  background-image: url(../image/about.jpg)/*tpa=http://szudd.s606.gainda.net/template/default/cn/pc/skin/image/about.jpg*/; }

.intro {
  position: relative;
  margin-bottom: 9.6rem; }
  .intro__detail {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 6.2rem; }
    @media (max-width: 43.75em) {
      .intro__detail {
        flex-direction: column-reverse;
        gap: 3.2rem; } }
    @media (max-width: 62.5em) {
      .intro__detail {
        align-items: center; } }
  .intro__img-box {
    flex: 1.18;
    text-align: center; }
    .intro__img-box img {
      width: 100%; }
  .intro__text-box {
    flex: 1; }
    .intro__text-box h1 {
      margin-bottom: 2.8rem; }
  .intro__feature-items {
    margin: 0 auto;
    width: 80%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    transform: translateY(-3.5rem); }
    @media (max-width: 62.5em) {
      .intro__feature-items {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        transform: unset; } }
    @media (max-width: 67.25em) {
      .intro__feature-items:lang(en) {
        transform: unset; } }
    @media (max-width: 38.75em) {
      .intro__feature-items {
        grid-template-columns: 1fr 1fr; } }
  .intro__feature-items-br1 {
    display: none; }
  .intro__container {
    max-width: 130rem;
    margin: 0 auto;
    padding: 0 3.2rem; }
  .intro__feature-item {
    flex: 1;
    height: 20rem;
    background-color: #fff;
    border: 0.1rem solid #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative; }
	
	.intro__feature-item img {
	  width: 5.6rem;
	  height: 5.6rem;}
	
	
    .intro__feature-item p {
      font-weight: 500;
      color: #333; }
    .intro__feature-item p:lang(en) {
      font-weight: 500;
      color: #333;
      text-align: center;
      height: 3rem; }

.development {
  background-image: url(../image/development.jpg)/*tpa=http://szudd.s606.gainda.net/template/default/cn/pc/skin/image/development.jpg*/;
  background-size: cover;
  height: 95rem;
  text-align: center;
  margin-bottom: 9.6rem; }
  @media (max-width: 42.5em) {
    .development {
      height: 5400px; } }
  .development__curve {
    display: none; }
    @media (min-width: 66.875em) {
      .development__curve:lang(en) {
        transform: translate(-6.1rem, -0.3em);
        display: block;
        position: absolute;
        top: 16rem; }
        .development__curve:lang(en) svg {
          width: 120rem;
          height: 48rem; } }
  .development__line {
    width: 100%;
    height: 0.2rem;
    background: linear-gradient(45deg, rgba(238, 238, 238, 0) 0%, #f5f5f5 20%, #ffffff 50%, #e3e3e3 82%, rgba(216, 216, 216, 0) 100%); }
    .development__line:lang(en) {
      display: none; }
      @media (max-width: 66.875em) {
        .development__line:lang(en) {
          display: flex;
          width: 100%;
          height: 0.2rem;
          background: linear-gradient(45deg, rgba(238, 238, 238, 0) 0%, #f5f5f5 20%, #ffffff 50%, #e3e3e3 82%, rgba(216, 216, 216, 0) 100%);
          transform: translateY(1px); } }
    @media (max-width: 42.5em) {
      .development__line:lang(en) {
        height: 5000px;
        width: 0.2rem;
        float: left; } }
    @media (max-width: 42.5em) {
      .development__line {
        height: 5000px;
        width: 0.2rem;
        float: left; } }
  .development__description > h1 {
    padding-top: 9.6rem;
    margin-bottom: 20rem; }
    @media (max-width: 42.5em) {
      .development__description > h1 {
        margin-bottom: 0; } }
    @media (min-width: 66.875em) {
      .development__description > h1:lang(en) {
        transform: translateY(-40px); } }
  .development__time-node-box {
    display: flex;
    justify-content: space-around;
    transform: translateY(-0.5rem); }
    @media (min-width: 66.875em) {
      .development__time-node-box:lang(en) {
        transform: translate(-6.5rem, -0.5em); } }
    @media (max-width: 42.5em) {
      .development__time-node-box {
        flex-direction: column;
        justify-content: unset;
        margin-top: 96px;
        transform: translate(-0.5rem, 0.5rem); } }
  .development__node-title {
    font-size: 2rem;
    color: #fff; }
    .development__node-title[year-two] {
      transform: translateX(-3rem); }
      @media (max-width: 50.875em) {
        .development__node-title[year-two] {
          transform: translateY(-15px) translateX(-3rem);
          font-size: 2.4rem;
          font-weight: 500; } }
    @media (max-width: 50.875em) {
      .development__node-title {
        transform: translateY(-15px) translateX(-4px);
        font-size: 2.4rem;
        font-weight: 500; } }
    .development__node-title:lang(en) {
      transform: translateY(-15px) translateX(-4px);
      font-size: 2.4rem;
      font-weight: 500; }
      .development__node-title:lang(en)[year-two] {
        transform: translateY(-15px) translateX(-3rem); }
      @media (min-width: 66.875em) {
        .development__node-title:lang(en) {
          transform: translateY(-125px) translateX(32px) !important; } }
  .development__node-text {
    font-size: 1.6rem;
    color: rgba(221, 221, 221, 0.52); }
    @media (min-width: 66.875em) {
      .development__node-text:lang(en) {
        display: block !important; } }
  .development__time-node {
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 0 0.8rem rgba(255, 255, 255, 0.1);
    width: 1rem;
    height: 1rem; }
    @media (min-width: 66.875em) {
      .development__time-node:lang(en)::after {
        content: "";
        display: block;
        border-radius: 9px;
        width: 4px;
        height: 14rem;
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.01));
        transform: translate(2px, -222px); } }
    .development__time-node.is-active {
      background: #0c43a8;
      box-shadow: 0 0 0 0.8rem #fff; }
      @media (min-width: 66.875em) {
        .development__time-node.is-active:lang(en)::after {
          transform: translate(2px, -160px); } }
    @media (min-width: 66.875em) {
      .development__time-node:nth-child(1):lang(en) {
        transform: translateY(24.2rem); }
        .development__time-node:nth-child(1):lang(en) .development__node-detail.is-active {
          left: 32.6rem !important;
          top: 2rem !important; }
      .development__time-node:nth-child(2):lang(en) {
        transform: translateY(23.2rem); }
        .development__time-node:nth-child(2):lang(en) .development__node-detail.is-active {
          left: 18.9rem !important;
          top: -5.8rem !important; }
      .development__time-node:nth-child(3):lang(en) {
        transform: translateY(21.4rem); }
        .development__time-node:nth-child(3):lang(en) .development__node-detail.is-active {
          left: 4.6rem !important;
          top: 5rem !important; }
      .development__time-node:nth-child(4):lang(en) {
        transform: translateY(18.3rem); }
        .development__time-node:nth-child(4):lang(en) .development__node-detail.is-active {
          left: -9.6rem !important;
          top: -1rem !important; }
      .development__time-node:nth-child(5):lang(en) {
        transform: translateY(14rem); }
        .development__time-node:nth-child(5):lang(en) .development__node-detail.is-active {
          left: -23.8rem !important;
          top: 12rem !important; }
      .development__time-node:nth-child(6):lang(en) {
        transform: translateY(8.6rem); }
        .development__time-node:nth-child(6):lang(en) .development__node-detail.is-active {
          left: -38.2rem !important;
          top: 8.5rem !important; }
      .development__time-node:nth-child(7):lang(en) {
        transform: translateY(2.3rem); }
        .development__time-node:nth-child(7):lang(en) .development__node-detail.is-active {
          left: -52.8rem !important;
          top: 24rem !important; }
      .development__time-node:nth-child(8):lang(en) {
        transform: translateY(-4.9rem); }
        .development__time-node:nth-child(8):lang(en) .development__node-detail.is-active {
          left: -67.1rem !important;
          top: 21.5rem !important; } }
    .development__time-node:nth-child(even).is-active::before {
      transform: translateY(3rem);
      height: 10rem; }
    .development__time-node:nth-child(even).is-active:lang(en)::before {
      display: none; }
    .development__time-node:nth-child(even).is-active .development__node-detail {
      transform: translate(-5rem, 0.8rem); }
      @media (max-width: 95.625em) {
        .development__time-node:nth-child(even).is-active .development__node-detail {
          position: absolute;
          left: 3.2rem;
          margin-left: 2rem; } }
      .development__time-node:nth-child(even).is-active .development__node-detail:lang(en) {
        position: absolute;
        left: 3.2rem;
        margin-left: 2rem; }
      @media (max-width: 50.875em) {
        .development__time-node:nth-child(even).is-active .development__node-detail {
          transform: translate(-5rem, 9.8rem); } }
      .development__time-node:nth-child(even).is-active .development__node-detail:lang(en) {
        transform: translate(-5rem, 9.8rem); }
        @media (max-width: 42.5em) {
          .development__time-node:nth-child(even).is-active .development__node-detail:lang(en) {
            transform: translate(-1rem, -4.2rem); } }
      @media (max-width: 42.5em) {
        .development__time-node:nth-child(even).is-active .development__node-detail {
          transform: translate(-1rem, -4.2rem); } }
      @media (max-width: 50.875em) {
        .development__time-node:nth-child(even).is-active .development__node-detail .development__node-text {
          display: block; } }
      .development__time-node:nth-child(even).is-active .development__node-detail .development__node-text:lang(en) {
        display: block; }
    .development__time-node:nth-child(even).is-active .development__node-title {
      font-size: 4.4rem;
      font-weight: 600;
      color: #fff;
      transform: unset !important; }
      @media (min-width: 66.875em) {
        .development__time-node:nth-child(even).is-active .development__node-title:lang(en) {
          display: none; } }
    .development__time-node:nth-child(even).is-active .development__node-text {
      font-size: 1.6rem;
      font-weight: 400;
      color: #fff;
      transform: unset !important; }
      @media (max-width: 50.875em) {
        .development__time-node:nth-child(even).is-active .development__node-text {
          display: none; } }
      .development__time-node:nth-child(even).is-active .development__node-text:lang(en) {
        display: none; }
    .development__time-node:nth-child(even):lang(en)::before {
      display: none; }
    .development__time-node:nth-child(even)::before {
      content: "";
      display: inline-block;
      width: 1px;
      height: 5rem;
      background: linear-gradient(to top, transparent 0%, transparent 50%, #DDD, #DDD);
      background-size: 1px 10px;
      background-repeat: repeat-y;
      transform: translateY(-7rem); }
      @media (max-width: 50.875em) {
        .development__time-node:nth-child(even)::before {
          display: none; } }
      .development__time-node:nth-child(even)::before:lang(en) {
        display: none; }
    .development__time-node:nth-child(even) .development__node-text {
      transform: translate(-5rem, -15.5rem); }
      @media (max-width: 50.875em) {
        .development__time-node:nth-child(even) .development__node-text {
          display: none; } }
      .development__time-node:nth-child(even) .development__node-text:lang(en) {
        display: none; }
        @media (min-width: 66.875em) {
          .development__time-node:nth-child(even) .development__node-text:lang(en) {
            transform: translate(4.1rem, -12.5rem) !important; } }
    .development__time-node:nth-child(odd).is-active .development__node-detail {
      transform: translate(-5rem, 0.8rem); }
      @media (max-width: 95.625em) {
        .development__time-node:nth-child(odd).is-active .development__node-detail {
          position: absolute;
          left: 3.2rem;
          top: 10rem;
          margin-left: 2rem; } }
      .development__time-node:nth-child(odd).is-active .development__node-detail:lang(en) {
        position: absolute;
        left: 3.2rem;
        top: 5rem;
        margin-left: 2rem; }
        @media (max-width: 42.5em) {
          .development__time-node:nth-child(odd).is-active .development__node-detail:lang(en) {
            transform: translate(2rem, -4.2rem);
            left: initial;
            top: initial; } }
      @media (max-width: 42.5em) {
        .development__time-node:nth-child(odd).is-active .development__node-detail {
          transform: translate(2rem, -4.2rem);
          left: initial;
          top: initial; } }
    .development__time-node:nth-child(odd).is-active .development__node-title {
      font-size: 4.4rem;
      font-weight: 600;
      color: #fff;
      transform: unset !important; }
      @media (min-width: 66.875em) {
        .development__time-node:nth-child(odd).is-active .development__node-title:lang(en) {
          display: none; } }
    .development__time-node:nth-child(odd).is-active .development__node-text {
      font-size: 1.6rem;
      font-weight: 400;
      color: #fff;
      transform: unset !important; }
      @media (max-width: 50.875em) {
        .development__time-node:nth-child(odd).is-active .development__node-text {
          display: inline-block; } }
      .development__time-node:nth-child(odd).is-active .development__node-text:lang(en) {
        display: inline-block; }
    .development__time-node:nth-child(odd):lang(en)::before {
      display: none; }
    .development__time-node:nth-child(odd)::before {
      content: "";
      display: inline-block;
      width: 1px;
      height: 5rem;
      background: linear-gradient(to bottom, transparent 0%, transparent 50%, #DDD, #DDD);
      background-size: 1px 10px;
      background-repeat: repeat-y;
      transform: translateY(2rem); }
      @media (max-width: 50.875em) {
        .development__time-node:nth-child(odd)::before {
          display: none; } }
      .development__time-node:nth-child(odd)::before:lang(en) {
        display: none; }
    .development__time-node:nth-child(odd) .development__node-text {
      transform: translate(-8rem, 1.6rem); }
      @media (max-width: 50.875em) {
        .development__time-node:nth-child(odd) .development__node-text {
          display: none; } }
      .development__time-node:nth-child(odd) .development__node-text:lang(en) {
        display: none; }
        @media (min-width: 66.875em) {
          .development__time-node:nth-child(odd) .development__node-text:lang(en) {
            transform: translate(4rem, -12rem) !important; } }
    .development__time-node:nth-child(odd) .development__node-title {
      transform: translateY(-7rem); }
      @media (max-width: 50.875em) {
        .development__time-node:nth-child(odd) .development__node-title {
          transform: translateY(-15px); } }
      .development__time-node:nth-child(odd) .development__node-title:lang(en) {
        transform: translateY(-15px); }
        @media (min-width: 66.875em) {
          .development__time-node:nth-child(odd) .development__node-title:lang(en) {
            transform: translate(40px, -125px); } }
  .development__node-detail {
    width: 1px;
    white-space: nowrap;
    transform: translate(-1.5rem, -55%);
    transition: all 0.3s;
    text-align: start; }
    @media (max-width: 42.5em) {
      .development__node-detail {
        height: initial;
        width: initial;
        white-space: initial; } }
  .development__year {
    font-size: 14rem;
    color: #0e3256;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap; }
    @media (max-width: 42.5em) {
      .development__year {
        display: none; } }
    .development__year:lang(en) {
      font-size: 8rem; }
      @media (min-width: 66.875em) {
        .development__year:lang(en) {
          left: 26rem;
          bottom: 58rem; } }

.development__time-node:nth-child(odd).is-active .development__node-text {
  transform: unset !important; }

.development__time-node:nth-child(even).is-active .development__node-text {
  transform: unset !important; }

/* 荣誉资质 */
.honor {
  background-color: #fff;
  margin-bottom: 9.6rem; }
  .honor__content {
    text-align: center; }
  .honor__content-index {
    border-left-style: solid;
    border-color: #0c43a8;
    border-width: 0.8rem;
    padding: 0 15px;
    font-size: 2.8rem;
    font-weight: 500;
    margin-bottom: 2.2rem;
    margin-top: 6.2rem;
    text-align: left; }
  .honor__img-box img {
    width: 100%; }
  .honor__img-box:lang(en) {
    width: 120rem;
    margin-bottom: 9.6rem; }
    .honor__img-box:lang(en) img {
      width: 100%; }
  .honor h1 {
    padding: 4.8rem 0; }

/*荣誉资质 英文版样式*/
/* 荣誉资质 */
.honor:lang(en) {
  background-color: #f5f5f5;
  overflow-x: hidden;
  /*.credentials .credential-item {*/
  /* 当前选中的图 */ }
  .honor:lang(en) .column {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
  .honor:lang(en) .container > p {
    display: block;
    font-size: 2rem;
    font-weight: 400;
    color: #333333; }
  .honor:lang(en) .honors {
    width: 100%;
    position: relative;
    overflow: hidden;
    display: flex; }
  .honor:lang(en) .credentials {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
  .honor:lang(en) .credential-item {
    width: 424px;
    height: 612px;
    background-image: url(../image/credential.png)/*tpa=http://szudd.s606.gainda.net/template/default/cn/pc/skin/image/credential.png*/;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-items: center;
    flex-direction: column;
    position: relative; }
  .honor:lang(en) .credential-item h2 {
    font-size: 35px;
    font-weight: 500;
    color: #333333;
    text-align: center;
    margin-top: 121px; }
  .honor:lang(en) .credential-item p {
    font-size: 20px;
    font-weight: 400;
    color: #333333; }
  .honor:lang(en) .credential-item .first {
    margin-top: 68px; }
  .honor:lang(en) .credentials .credential-item .time {
    position: absolute;
    bottom: 144px;
    font-size: 20px;
    font-weight: 400;
    color: #999999; }
  .honor:lang(en) .credentials .credential-item p:last-child {
    font-size: 20px;
    font-weight: 500;
    color: #666666;
    position: absolute;
    bottom: -38px; }
  .honor:lang(en) .credentials .credential-item h2:first-child {
    margin-top: 165px; }
  .honor:lang(en) .credentials .item1 {
    transform: scale(0.7) translate(400px); }
  .honor:lang(en) .credentials .item5 {
    transform: scale(0.7) translate(-400px); }
  .honor:lang(en) .credentials .item2,
  .honor:lang(en) .credentials .item4 {
    flex-shrink: 0; }
  .honor:lang(en) .credentials .item3 {
    z-index: 100; }
  .honor:lang(en) .credentials .item2 {
    transform: scale(0.86) translate(125px); }
  .honor:lang(en) .credentials .item4 {
    transform: scale(0.86) translate(-125px);
    z-index: 9; }
  .honor:lang(en) .honors .swiper-container {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px; }
  .honor:lang(en) .honors .swiper-slide {
    flex-shrink: 0;
    position: relative;
    transition-property: transform;
    background-position: center;
    background-size: cover;
    width: 372px;
    /*box-shadow: 0 15px 50px rgba(0,0, 0, 0.2);*/
    /* filter: blur(4px); */
    /* background: #c1c3c4; */
    border-radius: 10px; }
    .honor:lang(en) .honors .swiper-slide img {
      width: 100%; }
  .honor:lang(en) .honors .swiper-slide-active {
    filter: blur(0px);
    /*background: #fff;*/ }
  .honor:lang(en) .honors .swiper-container-3d .swiper-slide-shadow-left,
  .honor:lang(en) .honors .swiper-container-3d .swiper-slide-shadow-right {
    background-image: none;
    /*height: auto;*/ }
  .honor:lang(en) .honors .swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); }
  .honor:lang(en) .honors .swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); }

/* 社会责任 */
.duty .container:nth-child(1) {
  position: relative;
  background-image: url(../image/social.jpg)/*tpa=http://szudd.s606.gainda.net/template/default/cn/pc/skin/image/social.jpg*/;
  background-size: cover;
  background-position: center;
  margin-bottom: 7.8rem; }
  @media (max-width: 33.75em) {
    .duty .container:nth-child(1) {
      background-image: unset; } }

.duty:lang(en) {
  margin-bottom: 9.6rem; }
  @media (max-width: 33.75em) {
    .duty:lang(en) {
      margin-bottom: unset; } }

@media (max-width: 33.75em) {
  .duty .text-container div:nth-child(2) {
    display: none; } }

.duty > img {
  position: absolute;
  right: 0;
  top: 2.7rem;
  /* width: 982rem; */
  height: 89.9rem;
  z-index: -1;
  object-fit: cover; }

.duty h1 {
  margin-bottom: 3.6rem; }

.duty .container p {
  font-weight: 400;
  color: #333333;
  margin-bottom: 2rem; }
  @media (max-width: 33.75em) {
    .duty .container p {
      margin-bottom: unset; } }

.duty .text-container > div {
  width: 50%; }
  @media (max-width: 33.75em) {
    .duty .text-container > div {
      width: unset; } }

.duty .text-container div div {
  display: none; }
  @media (max-width: 33.75em) {
    .duty .text-container div div {
      display: block; } }

@media (max-width: 33.75em) {
  .duty .text-container div div img {
    display: none; } }

.duty .background {
  background-color: #fff;
  padding-top: 5rem;
  height: 62.8rem; }

.duty .duty-incidents {
  display: flex;
  align-items: center;
  justify-items: center;
  position: relative;
  gap: 2.4rem; }
  .duty .duty-incidents .swiper-wrapper {
    text-align: center;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
    @media (max-width: 43.75em) {
      .duty .duty-incidents .swiper-wrapper {
        width: 100%; } }
  @media (max-width: 43.75em) {
    .duty .duty-incidents .swiper {
      width: 100%; } }
  @media (max-width: 43.75em) {
    .duty .duty-incidents {
      flex-direction: column; } }

.duty .duty-incidents a {
  flex: 1; }
  @media (max-width: 43.75em) {
    .duty .duty-incidents a {
      width: 100%; } }

.duty-incidents .incident {
  height: 50rem;
  background: #ffffff;
  box-shadow: 0rem 0.2rem 1.2rem 0rem rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  position: relative; }

.duty-incidents .incident .time {
  margin-top: 2.8rem;
  margin-bottom: 1.4rem;
  font-size: 2rem;
  font-weight: 400;
  color: #222222; }

.duty-incidents .incident p {
  font-size: 2rem;
  font-weight: 400;
  color: #333333;
  margin: 0 2.6rem 2.9rem 2.6rem; }

.duty-incidents .incident a {
  font-size: 1.8rem;
  font-weight: 400;
  color: #666666;
  position: absolute;
  left: 2.6rem;
  bottom: 3.4rem; }

.duty-incidents .incident img {
  width: 100%;
  height: 24.7rem;
  object-fit: cover; }

.duty-incidents .incident--hover {
  display: none;
  width: 100%;
  height: 28.4rem;
  background: linear-gradient(23deg, #0c43a8 0%, #228cb1 100%);
  position: absolute;
  bottom: 0; }

.duty-incidents .incident a,
.duty-incidents .incident p {
  z-index: 100; }

.incident:hover .incident--hover,
.incident:hover p,
.incident:hover a,
.incident:hover .time {
  display: block;
  color: #fff; }

/* 党群建设 */
.party {
  background-color: #f5f5f5;
  padding-bottom: 5.4rem; }

.party h1 {
  padding-top: 4.8rem;
  margin-bottom: 4.8rem; }

.party .party-detail {
  background: #fff;
  justify-content: start;
  gap: 0rem;
  align-items: center;
  margin-bottom: 3.2rem; }
  @media (max-width: 34.375em) {
    .party .party-detail {
      flex-direction: column-reverse;
      gap: 3.2rem; } }

.party__description {
  padding: 1.6rem 3.2rem;
  flex: 1; }

.party__description h2 {
  font-size: 2.4rem;
  font-weight: 400;
  color: #333333;
  margin-bottom: 2rem; }

.party__description > p {
  color: #999999; }

.party .party-swiper .swiper-pagination-bullet,
.duty-incidents .swiper-pagination-bullet {
  width: 2.2rem;
  height: 0.6rem;
  border-radius: 0.6rem; }

.party .party-swiper .swiper-pagination-bullet-active,
.duty-incidents .swiper-pagination-bullet-active {
  width: 3.7rem;
  height: 0.6rem;
  background: linear-gradient(50deg, #0c43a8 0%, #228cb1 100%);
  border-radius: 0.6rem; }

.party__img-box img {
  width: 100%; }

.party__img-box {
  flex: 0.7;
  max-width: 51.5rem; }

.contact {
  margin-bottom: 9.6rem; }
  .contact li {
    transition: all 0.3s; }
    .contact li:hover {
      transform: scale(1.05); }
  .contact__detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4.2rem;
    padding: 3.2rem 0; }
    @media (max-width: 37.5em) {
      .contact__detail {
        flex-direction: column; } }
  .contact__text-box {
    flex: 1; }
    .contact__text-box h1 {
      margin-bottom: 3.2rem; }
  .contact__address, .contact__phone {
    display: block;
    align-items: flex-start; }
  .contact__img-box {
    flex: 0.7; }
    .contact__img-box img {
      width: 100%; }

/* index page overview layout */
.carousel,
.activity,
.IManufacturing,
.index-xitong,
.index-youshi,
.index-anli,
.index-news,
.index-about,
.video-section {
  margin-bottom: 9.6rem;
  margin-top: 0; }
  @media (max-width: 80em) {
    .carousel,
    .activity,
    .IManufacturing,
    .index-xitong,
    .index-youshi,
    .index-anli,
    .index-news,
    .index-about,
    .video-section {
      margin-bottom: 8.5rem; } }
  @media (max-width: 64em) {
    .carousel,
    .activity,
    .IManufacturing,
    .index-xitong,
    .index-youshi,
    .index-anli,
    .index-news,
    .index-about,
    .video-section {
      margin-bottom: 7.6rem; } }
  @media (max-width: 48em) {
    .carousel,
    .activity,
    .IManufacturing,
    .index-xitong,
    .index-youshi,
    .index-anli,
    .index-news,
    .index-about,
    .video-section {
      margin-bottom: 5.6rem; } }

.index-xitong,
.index-about {
  padding-top: 0; }

/* End index page over view layout */
.carousel {
  width: 100vw;
  height: 74vh;
  overflow: hidden;
  z-index: 998; }

.index-swiper-position {
  width: fit-content !important;
  height: fit-content !important;
  top: 50%;
  left: 8rem !important;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  text-align: start;
  transform: translate(0, -50%); }
  @media (max-width: 44.5em) {
    .index-swiper-position {
      display: none; } }

.index-carousel-pagination {
  width: fit-content;
  font-size: 2.4rem;
  font-weight: bold;
  color: #999999;
  cursor: pointer; }

.index-carousel-pagination--active {
  font-size: 2.4rem;
  font-weight: bold;
  color: #ffffff; }

.carousel .swiper-wrapper > .text-box,
.carousel .item3 ~ .text-box {
  position: absolute;
  left: 13%;
  top: 36%;
  transform: translateY(-50%); }

.carousel .swiper-wrapper > .text-box h1:first-child,
.carousel .item3 ~ .text-box h1:first-child {
  margin-bottom: 2rem; }

.video2 {
  width: 100vw; }

/* banner bottom anchor style */
.carousel .item {
  position: relative;
  /* width: 100vw; */ }

.carousel .item1 {
  width: 100vw;
  object-fit: cover;
  filter: brightness(70%); }

.carousel .item3 {
  min-width: 100%;
  min-height: 100%;
  height: 100%;
  width: 100vw;
  object-fit: cover;
  filter: brightness(70%); }

.carousel .item2 {
  filter: brightness(90%);
  background-image: url(../image/banner-inside.jpg)/*tpa=http://szudd.s606.gainda.net/template/default/cn/pc/skin/image/banner-inside.jpg*/;
  background-size: cover; }

.IManufacturing .text:lang(en) {
  width: 67.6rem;
  font-size: 2rem;
  font-weight: 400;
  color: #333333;
  margin-bottom: 2.6rem; }

.carousel .item2 .text-box-inline {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  gap: 2rem; }

.carousel .item2 .text-box-inline h2 {
  transform: translate(0, -5%); }

.carousel .item2 .text-box:lang(en) {
  position: absolute;
  left: 13%;
  top: 49%; }
  @media (max-width: 35em) {
    .carousel .item2 .text-box:lang(en) {
      left: 5%; } }

.carousel .item2 .text-box {
  position: absolute;
  left: 13%;
  top: 26%; }

.carousel .item2 .banner-inside {
  display: inline-block;
  width: 10rem;
  height: 5rem;
  background-image: url(../image/F5G.png)/*tpa=http://szudd.s606.gainda.net/template/default/cn/pc/skin/image/F5G.png*/;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right; }
  @media (max-width: 35em) {
    .carousel .item2 .banner-inside {
      width: 8rem; } }

@media (max-width: 35em) {
  .carousel .item2 .banner-inside:lang(en) {
    width: 13rem; } }

.banner-detail {
  position: absolute;
  top: 70%;
  left: 13%;
  z-index: 1; }
  @media (max-width: 26em) {
    .banner-detail {
      top: 70%;
      width: 60%; } }

.banner-detail .row {
  display: flex;
  gap: 2.6rem; }
  @media (max-width: 26em) {
    .banner-detail .row {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(50px, 1fr)); } }

.container-anchor {
  width: 8rem;
  height: 8rem;
  border-radius: 100%;
  background-color: rgba(12, 12, 12, 0.37);
  flex-shrink: 0; }
  @media (max-width: 70em) {
    .container-anchor {
      display: flex;
      justify-content: center;
      align-items: center; } }

.anchor {
  margin-top: 1rem;
  height: 80%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column; }
  @media (max-width: 70em) {
    .anchor {
      margin-top: unset; } }

.container-anchor:hover .anchor svg path {
  fill: #0c43a8; }

.container-anchor:hover .anchor p {
  color: #0c43a8; }

.container-anchor:hover {
  background-color: #fff; }

.anchor .icon {
  fill: #fff; }

.anchor p {
  color: #fff;
  font-size: 1.2rem; }
  @media (max-width: 70em) {
    .anchor p {
      display: none; } }

.anchor p:lang(en) {
  color: #fff;
  font-size: 1.2rem; }
  @media (max-width: 70em) {
    .anchor p:lang(en) {
      display: none; } }

/* end banner bottom anchor style */
/* start dropdown*/
.dropdown {
  position: absolute;
  top: 85%;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  color: #fff;
  font-size: 1.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.2rem; }
  .dropdown a {
    color: #fff;
    display: flex;
    position: relative;
    -webkit-box-reflect: below -12px linear-gradient(transparent, rgba(0, 0, 0, 0.2)); }
    .dropdown a:active, .dropdown a:hover, .dropdown a:visited {
      color: #fff; }
    .dropdown a span {
      animation: waveFont 5s ease-in-out infinite;
      animation-delay: calc(0.1s * (var(--i))); }
    .dropdown a:hover {
      cursor: pointer; }
  .dropdown__anchor {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.2);
    text-align: center;
    line-height: 20px; }
  @media (max-width: 26em) {
    .dropdown {
      display: none; } }

/* end dropdown*/
/* activity */
.activity h1 {
  margin-bottom: 1rem;
  line-height: 1.05; }
  .activity h1:lang(en) {
    margin-bottom: 3.2rem; }

.activity h2 {
  text-transform: uppercase;
  color: #999;
  line-height: 1.05;
  position: relative; }
  .activity h2::after {
    content: "";
    display: block;
    width: 13.4rem;
    height: 6px;
    background: linear-gradient(50deg, #0c43a8 0%, #228cb1 100%);
    margin-bottom: 5.5rem;
    margin-top: 3rem; }
  .activity h2:hover::before {
    content: "了解更多 >";
    display: inline-block;
    font-size: 1.6rem;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
    color: #0c43a8; }
  .activity h2::before {
    content: "了解更多 >";
    display: inline-block;
    font-size: 1.6rem;
    position: absolute;
    right: 0;
    bottom: 0; }

.activity__content-box {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  row-gap: 30px;
  column-gap: 30px; }

.activity__event-box {
  background-color: #fafafa; }
  .activity__event-box:hover {
    cursor: pointer; }
    .activity__event-box:hover .activity__heading {
      color: #0c43a8; }

.activity__news-box {
  background-color: #fafafa;
  position: relative;
  padding: 5rem 2rem 3rem 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 4rem; }

.activity__news {
  margin-bottom: 2rem; }
  .activity__news:hover {
    color: #0c43a8;
    cursor: pointer; }

.activity__news-title {
  margin-bottom: 0rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden; }
.activity__news-title a,.activity__news-title a:visited{
  color: #000;
}
.activity__news-title a:hover{
  color: #000;
}
.activity__img-box {
  margin-bottom: 26px;
  position: relative; }
  .activity__img-box img {
    width: 100%; }

.activity__name {
  width: 8.8rem;
  height: 3.2rem;
  background-color: rgba(0, 0, 0, 0.26);
  font-size: 1.6rem;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  top: 0;
  left: 0; }

.activity__detail {
  padding: 0 2.4rem 3.6rem 2.4rem;
  color: #000; }

.activity__heading {
  margin-bottom: 10px;
  height: 5.5rem; }

.activity__event-info {
  display: inline-flex;
  align-items: center;
  margin: 0 1rem 2.4rem 0;
  gap: 5px; }
  .activity__event-info--2 {
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 5px; }

/* 智能制造 style */
.IManufacturing__img-xl {
  width: 50%;
  position: absolute;
  top: 0rem;
  right: 0rem;
  z-index: -1; }
  @media (max-width: 48em) {
    .IManufacturing__img-xl {
      display: none; } }

.IManufacturing h1 {
  margin-bottom: 1rem;
  line-height: 1.05; }
  .IManufacturing h1:lang(en) {
    margin-bottom: 3.2rem; }

.IManufacturing h2 {
  text-transform: uppercase;
  color: #999;
  line-height: 1.05; }
  .IManufacturing h2::after {
    content: "";
    display: block;
    width: 13.4rem;
    height: 6px;
    background: linear-gradient(50deg, #0c43a8 0%, #228cb1 100%);
    margin-bottom: 5.5rem;
    margin-top: 3rem; }

.IManufacturing__container-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
  @media (max-width: 37.5em) {
    .IManufacturing__container-inner {
      flex-direction: column; } }

@media (max-width: 48em) {
  .IManufacturing__text-box {
    flex: 1; } }

.IManufacturing__text-box > p {
  margin-bottom: 7%;
  width: 50%; }
  @media (max-width: 48em) {
    .IManufacturing__text-box > p {
      width: unset;
      flex: 1;
      margin-bottom: 5%; } }
  @media (max-width: 37.5em) {
    .IManufacturing__text-box > p {
      flex-direction: column;
      margin-bottom: 2%; } }

.IManufacturing__img-box {
  display: none; }
  @media (max-width: 48em) {
    .IManufacturing__img-box {
      display: block;
      flex: 1; } }
  .IManufacturing__img-box > img {
    width: 100%; }

.IManufacturing .features {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  background: #ffffff;
  box-shadow: 0rem 2px 12px 0px rgba(0, 0, 0, 0.05); }
  @media (max-width: 48em) {
    .IManufacturing .features:lang(en) {
      transform: initial; } }
  @media (max-width: 33.75em) {
    .IManufacturing .features {
      display: grid;
      grid-template-columns: 1fr 1fr; } }

.IManufacturing .gap-line {
  width: 1px;
  height: 6.2rem;
  border: 1px solid #cccccc; }
  @media (max-width: 33.75em) {
    .IManufacturing .gap-line {
      display: none; } }

.IManufacturing .feature-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.3rem;
  padding: 3.2rem;
  flex: 1; }
  @media (max-width: 40em) {
    .IManufacturing .feature-item {
      padding: 1.6rem; } }
  .IManufacturing .feature-item p {
    text-align: center; }

.IManufacturing .feature-item p {
  font-size: 2rem;
  font-weight: 600;
  color: #333333; }
  @media (max-width: 48.4375rem) {
    .IManufacturing .feature-item p {
      font-size: 2rem; } }
  @media (max-width: 44.5rem) {
    .IManufacturing .feature-item p {
      font-size: 1.8rem; } }

.IManufacturing .feature-item:hover p {
  color: #fffefe;
  transition: all 0.65s; }

.IManufacturing .feature-item:hover {
  background: linear-gradient(35deg, #0c43a8 0%, #1a91ed 100%);
  transform: scale(1.1);
  transition: all 0.65s; }

.IManufacturing .feature-item:hover g {
  fill: #fffefe;
  transition: all 0.3s; }

/*公共样式部分 */
/* 规定初始rem 为1像素*/
.flex-col {
  display: flex;
  flex-direction: column; }

.flex-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 3rem; }

.justify-between {
  display: flex;
  justify-content: space-between; }

.video-container {
  width: 100%;
  margin: 0 auto; }

.video2 {
  width: 100%; }

/*界面样式部分 */
.mu-wrap {
  /*height: 855.54rem;*/
  width: 100%; }

.index-xitong {
  background-image: url(../image/ky_bg.png)/*tpa=http://szudd.s606.gainda.net/template/default/cn/pc/skin/image/ky_bg.png*/; }

.mu-index-xitong-top {
  align-items: center;
  gap: 12rem; }

.video-product {
  margin: 0 auto;
  width: 78%; }

.index-anli .box-text .btn-gradient,
.index-xitong .box-text .btn-gradient {
  display: inline-block;
  background: linear-gradient(52deg, #0c43a8 0%, #1a91ed 100%);
  font-size: 2rem;
  font-weight: 500;
  color: #fff;
  border-radius: 100px;
  margin-top: 3.6rem;
  padding: 0.3rem 4.8rem;
  transition: all 0.3s; }

.index-anli .box-text .btn-gradient:hover,
.index-xitong .box-text .btn-gradient:hover {
  transform: scale(1.1); }

/*科研创新*/
.index-anli .box-text {
  flex: 1; }

.index-anli .container-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4.8rem; }
  @media (max-width: 31.25em) {
    .index-anli .container-inner {
      flex-direction: column; } }

.index-anli .container-inner h2 {
  margin-top: 1.6rem;
  text-transform: uppercase;
  color: #999; }

.activity h1:lang(en)::after,
.IManufacturing h2::after,
.IManufacturing h1:lang(en)::after,
.index-anli .container-inner h2:lang(zh-cn):after,
.index-anli .container-inner h1:lang(en):after,
.index-anli .container > h1:lang(en)::after,
.index-xitong .container h1:lang(en)::after,
.index-xitong .container h2:lang(zh-cn)::after {
  content: "";
  display: block;
  width: 13.4rem;
  height: 6px;
  background: linear-gradient(50deg, #0c43a8 0%, #228cb1 100%);
  margin-top: 3rem;
  margin-bottom: 4.6rem; }
  @media (max-width: 31.25em) {
    .activity h1:lang(en)::after,
    .IManufacturing h2::after,
    .IManufacturing h1:lang(en)::after,
    .index-anli .container-inner h2:lang(zh-cn):after,
    .index-anli .container-inner h1:lang(en):after,
    .index-anli .container > h1:lang(en)::after,
    .index-xitong .container h1:lang(en)::after,
    .index-xitong .container h2:lang(zh-cn)::after {
      margin-bottom: 2rem; } }

.index-anli .box-text .detail {
  margin-top: 2rem;
  display: flex;
  justify-content: space-between;
  gap: 2rem; }
  @media (max-width: 54.75em) {
    .index-anli .box-text .detail {
      display: none; } }
  .index-anli .box-text .detail p {
    text-align: center; }

.index-anli .detail {
  margin-top: 2.4rem;
  display: none;
  justify-content: space-between;
  gap: 2rem; }
  @media (max-width: 54.75em) {
    .index-anli .detail {
      display: flex;
      margin-top: 2.2rem; } }
  @media (max-width: 28.125em) {
    .index-anli .detail {
      display: grid;
      grid-template-columns: 1fr 1fr; } }
  @media (max-width: 28.125em) {
    .index-anli .detail p {
      text-align: center; } }
  .index-anli .detail p:last-child {
    text-align: initial; }
    @media (max-width: 28.125em) {
      .index-anli .detail p:last-child {
        text-align: center; } }

.index-anli .detail div span {
  font-size: 3.2rem; }
  @media (max-width: 31.25em) {
    .index-anli .detail div span {
      font-size: 2rem; } }

.index-anli .detail div p:nth-child(2) {
  color: #999999; }

.index-anli .box-img,
.research .box-img {
  flex: 1;
  height: 51rem;
  position: relative;
  background: #f0f0f0; }
  @media (max-width: 54.75em) {
    .index-anli .box-img,
    .research .box-img {
      align-items: flex-end; } }
  @media (max-width: 31.25em) {
    .index-anli .box-img,
    .research .box-img {
      width: 100%;
      flex: unset; } }
  .index-anli .box-img .lunbo-box,
  .research .box-img .lunbo-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
  /*  background: linear-gradient(145deg, rgba(171, 183, 184, 0.28) 0%, rgba(203, 210, 211, 0) 100%, rgba(203, 210, 211, 0) 100%);
    -webkit-clip-path: polygon(79% 0, 100% 25%, 100% 100%, 19% 100%, 0 81%, 0 0);
    clip-path: polygon(82.5% 0, 100% 25%, 100% 100%, 19% 100%, 0 82.5%, 0 0); */}
    .index-anli .box-img .lunbo-box .lunbo-box_wihte,
    .research .box-img .lunbo-box .lunbo-box_wihte {
      position: absolute;
      width:100%;
      height:100%;
      background: white; }
      .index-anli .box-img .lunbo-box .lunbo-box_wihte .swiper-wrapper .swiper-slide,
      .research .box-img .lunbo-box .lunbo-box_wihte .swiper-wrapper .swiper-slide {
        width: 30rem;
        background-position: center;
        background-size: cover;
        position: relative;
        text-align: center; }
        .index-anli .box-img .lunbo-box .lunbo-box_wihte .swiper-wrapper .swiper-slide .lunbo-img img,
        .research .box-img .lunbo-box .lunbo-box_wihte .swiper-wrapper .swiper-slide .lunbo-img img {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 100%; }
        .index-anli .box-img .lunbo-box .lunbo-box_wihte .swiper-wrapper .swiper-slide span,
        .research .box-img .lunbo-box .lunbo-box_wihte .swiper-wrapper .swiper-slide span {
          display: inline-block;
          margin-top: 3.6rem;
          font-weight: 600;
          position: relative;
          z-index: 1; }
      .index-anli .box-img .lunbo-box .lunbo-box_wihte .swiper-pagination-bullet,
      .research .box-img .lunbo-box .lunbo-box_wihte .swiper-pagination-bullet {
        width: 2.2rem;
        height: 0.6rem;
        border-radius: 0.6rem; }
        @media (max-width: 55em) {
          .index-anli .box-img .lunbo-box .lunbo-box_wihte .swiper-pagination-bullet,
          .research .box-img .lunbo-box .lunbo-box_wihte .swiper-pagination-bullet {
            width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); } }
        @media (max-width: 39.625em) {
          .index-anli .box-img .lunbo-box .lunbo-box_wihte .swiper-pagination-bullet,
          .research .box-img .lunbo-box .lunbo-box_wihte .swiper-pagination-bullet {
            width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 5px)); } }
      .index-anli .box-img .lunbo-box .lunbo-box_wihte .swiper-pagination-bullet-active,
      .research .box-img .lunbo-box .lunbo-box_wihte .swiper-pagination-bullet-active {
        width: 3.7rem;
        height: 0.6rem;
        border-radius: 0.6rem;
        background: linear-gradient(50deg, #0c43a8 0%, #228cb1 100%); }
        @media (max-width: 55em) {
          .index-anli .box-img .lunbo-box .lunbo-box_wihte .swiper-pagination-bullet-active,
          .research .box-img .lunbo-box .lunbo-box_wihte .swiper-pagination-bullet-active {
            width: 2rem; } }

.index-anli .video-research {
  width: 100%; }

.section-products {
  margin-bottom: 9.6rem; }

.icon-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 3.2rem;
  gap: 3.2rem; }

.icon-container svg {
  width: 4.8rem;
  height: 4.8rem;
  min-height: 18px;
  min-width: 18px; }

.icon-container .product-class-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
  cursor: pointer; }

.icon-container .product-class-icon span {
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
  color: #333333;
  transition: all 0.3s; }
  @media (max-width: 48em) {
    .icon-container .product-class-icon span {
      font-size: 1.8rem; } }

.icon-container .product-class-icon g {
  transition: all 0.1s; }

.icon-container .product-class-icon path {
  transition: all 0.3s; }

.icon-container .product-class-icon--active svg g {
  fill: #0c43a8; }

.icon-container .product-class-icon--active.nofill svg g {
  fill: none; }

.icon-container .product-class-icon--active span {
  color: #0c43a8; }

.icon-container .product-class-icon--active svg path {
  fill: #0c43a8; }

.swiper-product-class {
  overflow: hidden; }

.slide-card-container {
  height: 40rem;
  padding: 1rem 0rem 3rem 1.2rem;
  justify-content: start;
  align-items: center; }

.swiper-product-class .product-card {
  height: 38rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem 0 3rem 0;
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.07);
  transform: scale(0.9); }

.section-products .img-box {
  justify-content: center;
  text-align: center; }

.section-products .img-box {
  justify-content: center;
  text-align: center; }

.section-products .img-box img {
  width: 60%; }

.swiper-product-class2 .swiper-slide .img-box img {
  width: 60%; }

.swiper-product-class2 .swiper-slide.card1 .img-box img {
  width: 40%; }
  @media (max-width: 37.5em) {
    .swiper-product-class2 .swiper-slide.card1 .img-box img {
      width: 30%; } }

.swiper-product-class2 .swiper-slide.card2 .img-box img {
  width: 100%;
  margin-bottom: 2rem;
  transform: scale(1.8); }
  @media (max-width: 37.5em) {
    .swiper-product-class2 .swiper-slide.card2 .img-box img {
      transform: scale(1.5); } }

.swiper-product-class2 .swiper-slide.card3 .img-box img {
  width: 40%; }
  @media (max-width: 37.5em) {
    .swiper-product-class2 .swiper-slide.card3 .img-box img {
      width: 30%; } }

@media (max-width: 37.5em) {
  .swiper-product-class3 .swiper-slide.card2 .img-box img {
    width: 50%; } }

.swiper-product-class4 .swiper-slide.card3 .img-box img {
  width: 80%; }
  @media (max-width: 37.5em) {
    .swiper-product-class4 .swiper-slide.card3 .img-box img {
      width: 50%; } }

.section-products .slide-card-container span {
  font-size: 2rem;
  text-align: center;
  color: #333333; }

.section-products .slide-card-container a:link,
.section-products .slide-card-container a:visited {
  font-size: 1.8rem;
  text-decoration: none;
  color: #333; }

.section-products .slide-card-container a:hover,
.section-products .slide-card-container a:active {
  color: #0c43a8; }

.section-products .swiper-button-next {
  right: 5px;
  margin-top: 0;
  transform: translateY(-50%); }
  @media (max-width: 48em) {
    .section-products .swiper-button-next {
      display: none; } }

.section-products .swiper-button-prev {
  left: 5px;
  margin-top: 0;
  transform: translateY(-50%); }
  @media (max-width: 48em) {
    .section-products .swiper-button-prev {
      display: none; } }

.section-products .swiper-button-next:after,
.section-products .swiper-button-prev::after {
  content: ""; }

.section-products .button-icon-box {
  border-radius: 2.4rem;
  width: 4.8rem;
  height: 4.8rem;
  background-color: rgba(0, 0, 0, 0.3);
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s; }

.section-products .button-icon-box svg {
  width: 3.6rem;
  height: 3.6rem;
  stroke: #fff;
  transition: all 0.3s; }

.section-products .swiper-button-next .button-icon-box svg {
  transform: translate(10%); }

.section-products .swiper-button-prev .button-icon-box svg {
  transform: translate(-10%); }

.section-products .button-icon-box:hover svg {
  stroke: #0c43a8; }

.section-products .button-icon-box:hover {
  background-color: rgba(0, 0, 0, 0.7); }

.section-products .swiper-product-class {
  display: none; }

.section-products .swiper-product--active {
  display: block; }

.index-xitong {
  padding: 6.2rem 0; }

.index-xitong .container .container-inner {
  display: flex;
  gap: 4.8rem;
  align-items: center; }
  @media (max-width: 36.125em) {
    .index-xitong .container .container-inner {
      flex-direction: column; } }

.index-xitong .box-img,
.index-xitong .box-text {
  flex: 1; }

.index-xitong .box-img {
  text-align: center; }

.index-xitong h2 {
  margin-top: 1.6rem;
  text-transform: uppercase;
  color: #999; }
  @media (max-width: 36.125em) {
    .index-xitong h2 {
      display: none; } }

@media (max-width: 36.125em) {
  .index-xitong h1 {
    display: none; } }

.index-xitong h2::after {
  content: "";
  display: block;
  width: 13.4rem;
  height: 6px;
  background: linear-gradient(50deg, #0c43a8 0%, #228cb1 100%);
  margin-bottom: 3.6rem;
  margin-top: 2.4rem; }

.index-xitong .container > h1,
.index-xitong .container > h2 {
  display: none; }
  @media (max-width: 36.125em) {
    .index-xitong .container > h1,
    .index-xitong .container > h2 {
      display: block; } }

.section-products .container {
  position: relative; }

.txtScroll-top .hd {
  display: none; }

/*环茂数码文化*/
.mu-top {
  height: 60rem;
  background: #ffffff;
  position: relative;
  top: -20rem;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-around;
  align-items: stretch;
  padding: 3.2rem; }
  @media (max-width: 65.625em) {
    .mu-top {
      flex-direction: column-reverse;
      height: 110rem;
      align-items: flex-start; } }

.wrap_joinus {
  transform: translateY(-10rem); }

.mu-joinus h1 {
  margin-bottom: 2.3rem; }

.mu-top .mobile {
  display: none; }
  @media (max-width: 65.625em) {
    .mu-top .mobile {
      position: absolute;
      top: 3.2rem;
      left: 3.2rem;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      gap: 3.2rem; } }

.mu-top .left {
  flex: 1; }
  @media (max-width: 65.625em) {
    .mu-top .left {
      width: fit-content; } }
  @media (max-width: 65.625em) {
    .mu-top .left > div:nth-child(1),
    .mu-top .left > img {
      display: none; } }

.mu-top .left img {
  margin-bottom: 1rem;
  margin-top: 2rem; }
  @media (max-width: 65.625em) {
    .mu-top .left img {
      margin-top: 0; } }

.mu-top .hd-v.hd.top-lists {
  flex: 1.6; }
  @media (max-width: 65.625em) {
    .mu-top .hd-v.hd.top-lists {
      margin-top: 14rem; } }

.wrap_culture {
  height: 45rem;
  margin-bottom: 9.6rem; }

.title-1 {
  font-size: 5.4rem;
  font-weight: 600;
  color: #333333;
  margin: 0 0 3.2rem 0; }

.left h1 {
  margin-bottom: 1.6rem; }
  @media (max-width: 65.625em) {
    .left h1 {
      display: none; } }

.text-2 {
  margin-top: 1rem;
  color: #333333; }

.mu-top .section_10 {
  position: absolute;
  bottom: 3.2rem;
  left: 3.2rem;
  width: 16rem;
  height: 0.5rem;
  background: #0c43a8; }
  @media (max-width: 65.625em) {
    .mu-top .section_10 {
      display: none; } }

.mu-top .bd-v ul li.date {
  float: right;
  color: #fff3e6; }

.mu-top .hd-v ul {
  height: 49.7rem;
  display: flex;
  justify-content: flex-end; }
  @media (max-width: 65.625em) {
    .mu-top .hd-v ul {
      justify-content: center; } }

.mu-top .hd-v ul li {
  writing-mode: tb;
  padding: 2.7rem 1.5rem;
  margin-right: 1rem;
  font-size: 2.8rem;
  background-image: url("../image/culture_zhu_hui.png")/*tpa=http://szudd.s606.gainda.net/template/default/cn/pc/skin/image/culture_zhu_hui.png*/;
  color: #666666;
  transition: 0.5s;
  background-repeat: no-repeat; }
  @media (max-width: 26.25em) {
    .mu-top .hd-v ul li {
      padding: 2.7rem 0.5rem; } }

.mu-top .hd-v ul li.on {
  width: 27.1rem;
  background-image: url("../image/culture_zhu.png")/*tpa=http://szudd.s606.gainda.net/template/default/cn/pc/skin/image/culture_zhu.png*/; }
  @media (max-width: 37.5em) {
    .mu-top .hd-v ul li.on {
      width: initial; } }

.text-3 {
  font-size: 2.8rem;
  font-weight: 500;
  color: #666666; }

.warp_joinus {
  position: relative;
  top: -11.4rem; }

/*供应商招募*/
.bigscale:hover {
  /*animation: scale1_3 .4s alternate;*/
  transform: scale(1.05); }

@keyframes scale1_3 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.decontent {
  margin-bottom: 0px !important; }

.img-gongying {
  width: 100%; }

.page-content-outer .white {
  margin: 0 auto;
  padding-bottom: 10rem; }
  .page-content-outer .white .page-detail_center {
    margin: auto; }
    .page-content-outer .white .page-detail_center p > img {
      width: 100%; }

.inlinecssissooooo {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 46.875em) {
    .inlinecssissooooo {
      flex-direction: column; } }

.page-banner {
  margin-bottom: 9.6rem; }

.page-banner .header-background-img {
  width: 100vw;
  height: 52rem;
  /* background-image: url(/assets/img/sulution-header.png); */
  background-size: cover;
  position: relative;
  color: #fff; }

.page-banner .IM {
  background-image: url(../image/sulution-header.jpg)/*tpa=http://szudd.s606.gainda.net/template/default/cn/pc/skin/image/sulution-header.jpg*/; }

.page-banner .header-text {
  position: absolute;
  left: 6%;
  top: 50%;
  transform: translate(0px, -50%); }

.page-banner .header-text h1 {
  margin-bottom: 2rem;
  text-transform: uppercase; }

.page-banner .header-text p {
  text-transform: uppercase; }

/* section industry */
@media (max-width: 47.8125em) {
  .industry h1 {
    margin-bottom: 0; } }

.industry h1:lang(en) {
  font-size: 4.2rem;
  font-weight: 500;
  color: #333;
  margin-bottom: 4.8rem; }
  @media (max-width: 47.8125em) {
    .industry h1:lang(en) {
      margin-bottom: 0; } }

.industry h1:lang(en) {
  font-size: 4.2rem;
  font-weight: 500;
  color: #333;
  margin-bottom: 4.8rem; }
  @media (max-width: 47.8125em) {
    .industry h1:lang(en) {
      margin-bottom: 0; } }

/* 卡片切换 */
.industry-top {
  display: flex;
  margin-bottom: 2.6rem;
  align-items: center; }
  @media (max-width: 47.8125em) {
    .industry-top {
      flex-direction: column;
      align-items: flex-start;
      margin-bottom: 0; } }

.industry .text {
  margin-bottom: 2.4rem; }

.industry .text span {
  color: #0c43a8; }

.nav-industry {
  margin: 2.8rem 0;
  font-size: 2.4rem;
  font-weight: 400; }

.industry .hd ul li {
  font-size: 2.4rem;
  cursor: pointer; }

.fully-connected-factory h1:lang(en) {
  font-size: 4.2rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 3.2rem; }
  @media (max-width: 47.8125em) {
    .fully-connected-factory h1:lang(en) {
      margin-bottom: 0; } }

@media (max-width: 47.8125em) {
  .industry .hd ul li:nth-child(1) {
    margin: unset !important; } }

.industry .nav-industry,
.industry .nav-industry ul,
.industry .nav-industry ul li {
  transition: 0.5s;
  display: flex;
  justify-content: space-around; }

@media (max-width: 47.8125em) {
  .industry .nav-industry ul {
    justify-content: flex-start; } }

.industry .nav-industry ul {
  width: 100%; }

.industry .hd ul li.on {
  color: #0c43a8; }

.industry .bd ul li {
  transition: 0.8s; }

.industry-background-img {
  margin-bottom: 9.6em;
  position: relative; }
  @media (max-width: 48em) {
    .industry-background-img {
      margin-bottom: 5.6em; } }

.industry-background-img1 img {
  width: 100%; }

.industry-detail a {
  position: absolute; }

.industry-detail a,
.industry-detail div {
  position: absolute; }

.industry-detail a {
  animation: shink 1s infinite alternate; }

.industry-detail a:link,
.industry-detail a:visited {
  display: block;
  background-color: #fff;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  border: 7px solid #0c43a8; }

.industry-detail a:hover,
.industry-detail a:active {
  box-shadow: 0 0 0px 8px rgba(76, 165, 53, 0.3); }

.industry-detail a:hover + div {
  background-color: #fff;
  opacity: 1;
  visibility: unset;
  z-index: 9999; }

.industry-detail-text {
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  border-radius: 4px;
  transition: all 0.5s; }

.industry-detail-text h2 {
  font-size: 1.6rem;
  padding: 0 1.6rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  transform: translate(-1.2rem, -1.2rem); }

.industry-detail-text h2::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  background-origin: 0;
  transform: skew(-30deg);
  border-radius: 5px;
  background-color: #0c43a8; }

.industry-detail-text p {
  font-size: 1.6rem;
  color: #333;
  padding: 3rem 2rem;
  max-width: 32rem; }

.position-1 a {
  left: 25.6%;
  top: 63.7%; }

.position-2 a {
  left: 76.5%;
  top: 13.5%; }

.position-3 a {
  left: 71.4%;
  top: 30.5%; }

.position-4 a {
  left: 72.1%;
  top: 62.4%; }

.position-1 .industry-detail-text {
  left: 31%;
  top: 57.7%; }

.position-2 .industry-detail-text {
  left: 47.7%;
  top: 5%; }

.position-3 .industry-detail-text {
  left: 70.8%;
  top: 26%; }

.position-4 .industry-detail-text {
  left: 76.5%;
  top: 56%; }

@media (max-width: 33.75em) {
  .position-1 .industry-detail-text,
  .position-2 .industry-detail-text,
  .position-3 .industry-detail-text,
  .position-4 .industry-detail-text {
    left: unset;
    top: 100%; } }

/* section industry-internet */
.fiveG-internet {
  background-color: #f5f5f5;
  color: #333333;
  padding-bottom: 16rem;
  margin-bottom: 8.6em; }

.fiveG-internet .container > h1 {
  margin-bottom: 3.2rem; }

.fiveG-internet-info {
  display: flex;
  align-items: center;
  gap: 3.2rem;
  justify-content: space-between; }
  @media (max-width: 36.625em) {
    .fiveG-internet-info {
      flex-direction: column-reverse;
      gap: 3.2rem; } }

.fiveG-internet-detail,
.fiveG-internet-video {
  flex: 1; }

.fiveG-internet-detail h1 {
  margin-top: 9.6rem;
  font-size: 4.8rem;
  font-weight: 500;
  margin-bottom: 4.8rem; }

.fiveG-internet-detail p {
  margin-bottom: 2.5rem; }

.fiveG-internet-info video {
  width: 100%; }

.fiveG-internet-collection {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 3.3rem;
  transform: translate(0px, -5px); }

.fiveG-internet-collection p {
  font-weight: 600;
  margin-bottom: 0; }

.fiveG-internet-collection .square-style {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0px 0px 0px 5px rgba(76, 165, 53, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
  position: relative;
  padding: 1.6rem 3.2rem; }

.fiveG-internet .square-style .detail {
  color: white;
  text-align: justify;
  padding: 2rem;
  position: absolute;
  /* top: 10px; */
  left: 0;
  padding-top: 10px;
  opacity: 0;
  width: 100%;
  height: 100%;
  background: #0c43a8;
  border-radius: 3px;
  transform-style: preserve-3d;
  -webkit-perspective: 1000;
  -moz-animation: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  /*兼容其他版本？*/
  -webkit-transform-style: preserve-3d;
  overflow-y: scroll;
  /* 隐藏滚动条 */
  scrollbar-width: none;
  /* firefox */
  -ms-overflow-style: none;
  /* IE 10+ */ }

.fiveG-internet .square-style .detail::-webkit-scrollbar {
  display: none; }

.fiveG-internet-collection .square-style:hover svg,
.fiveG-internet-collection .square-style:hover p {
  animation: hideInfo 1s;
  opacity: 0; }

.fiveG-internet-collection .square-style:hover .detail {
  animation: showInfo 1s;
  opacity: 1;
  overflow-y: scroll;
  /* 隐藏滚动条 */
  scrollbar-width: none;
  /* firefox */
  -ms-overflow-style: none;
  /* IE 10+ */ }

.fiveG-internet-collection .square-style:hover .detail::-webkit-scrollbar {
  display: none; }

.page-banner.production {
  margin-bottom: 0; }

.div1440 {
  width: 144rem; }
  @media (max-width: 90em) {
    .div1440 {
      width: 120rem; } }
  @media (max-width: 67.75em) {
    .div1440 {
      width: 100%; } }
  @media (max-width: 31.25em) {
    .div1440 {
      width: 95vw; } }

.green {
  color: #0c43a8; }

.bg-gray {
  background: #f5f5f5; }

.decontent .am-cf .mu-each-cass-lists .box-nav a {
  text-decoration: none;
  color: black; }

.mu-each-cass-lists {
  margin: 2rem; }

.mu-top1 {
  padding: 10px 0 0; }
  .mu-top1 ul {
    display: flex; }
    .mu-top1 ul li span {
      float: right;
      font-size: 2rem;
      text-align: center;
      padding: 2rem 0 0;
      margin-left: 3rem;
      cursor: pointer; }
      @media (max-width: 53.75em) {
        .mu-top1 ul li span {
          margin-left: 0rem;
          margin-right: 3rem;
          margin-bottom: 1rem;
          text-align: start; } }
      @media (max-width: 31.25em) {
        .mu-top1 ul li span {
          margin-left: 0rem;
          margin-right: 3rem;
          margin-bottom: 1rem;
          text-align: start; } }
    .mu-top1 ul li.on {
      color: #0c43a8; }
  @media (max-width: 53.75em) {
    .mu-top1 {
      display: grid;
      grid-template-columns: auto auto auto auto auto; } }
  @media (max-width: 31.25em) {
    .mu-top1 {
      display: grid;
      grid-template-columns: auto auto auto auto auto; } }

.yewu_mu-top {
  display: flex;
  justify-content: space-between; }
  @media (max-width: 50.625em) {
    .yewu_mu-top {
      flex-direction: column; } }
  @media (max-width: 31.25em) {
    .yewu_mu-top {
      flex-direction: column; } }

.mu-lists-title {
  font-size: 3.6rem;
  color: #333333; }
  @media (max-width: 53.75em) {
    .mu-lists-title {
      display: grid;
      grid-column: 1/-1; } }

.box-nav {
  float: right;
  font-size: 2rem;
  text-align: center;
  padding: 2rem 0 0;
  margin-left: 2rem;
  cursor: pointer; }
  @media (max-width: 31.25em) {
    .box-nav {
      display: grid;
      float: none;
      margin-left: 0rem;
      text-align: start;
      margin-bottom: 1rem;
      margin-right: 1rem; } }
  @media (max-width: 53.75em) {
    .box-nav {
      display: grid;
      float: none;
      margin-left: 0rem;
      text-align: start;
      margin-bottom: 1rem;
      margin-right: 1rem; } }

.box-info {
  padding: 2em 0;
  position: relative; }
  .box-info__next {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: rotate(90deg) translateX(-50%) scale(1.5);
    display: none; }

.box-product {
  display: grid;
  background: white;
  margin: auto;
  text-align: center;
  border-radius: 0.5rem;
  justify-items: center;
  align-content: center;
  box-shadow: 0px 1px 10px 0px rgba(204, 204, 204, 0.4);
  overflow: hidden;
  aspect-ratio: 1/1.2;
  grid-template-rows: 1fr 1.3fr;
  padding-bottom: 1rem;
  height: auto;
  width: auto; }
  .box-product:hover .p {
    color: #0c43a8; }
  @media (max-width: 120em) {
    .box-product {
      /* width: 26.5rem; */
	   width: auto;
	  } }
  @media (max-width: 90em) {
    .box-product {
      width: auto;
      aspect-ratio: 1/ 1.2; } }
  @media (max-width: 50em) {
    .box-product {
      width: auto;
      height: auto; } }
  @media (max-width: 37.25em) {
    .box-product {
      width: 100%;
      height: auto;
      grid-template-rows: 1fr 0.19fr;
      position: relative;
      aspect-ratio: 1/1.2; }
      .box-product:hover .box-product__detail-text {
        display: block;
        position: absolute;
        /* bottom: 0; */
        bottom: 0%;
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
        background-color: rgba(255, 255, 255, 0.9); }
        .box-product:hover .box-product__detail-text .p2 {
          height: 2.8rem;
          border: none;
          font-size: 1.2rem;
          overflow-x: scroll;
          /* 隐藏滚动条 */
          scrollbar-width: none;
          /* firefox */
          -ms-overflow-style: none;
          /* IE 10+ */ } }
  @media (max-width: 31.25em) {
    .box-product {
      width: 100%;
      height: auto;
      aspect-ratio: 1/1.1; } }
  .box-product div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 98%; }
    @media (max-width: 37.25em) {
      .box-product div {
        overflow: unset;
        text-overflow: unset;
        white-space: unset; } }
  .box-product div:hover {
    overflow: hidden;
    text-overflow: unset;
    white-space: unset; }

.box-product .img {
  width: 100%;
  text-align: center;
  font-size: 2rem;
  color: #333333;
  overflow: hidden;
  display: grid;
  justify-items: center;
  align-content: center; }
  @media (max-width: 37.25em) {
    .box-product .img {
      align-content: none;
      align-items: center; } }

/*非语句循环*/
/*语句循环*/
.box-product .img img {
  width: 90%;
  height: auto; }
  @media (max-width: 37.25em) {
    .box-product .img img {
      width: 100%; } }

.box-product .p {
  font-weight: 500;
  font-size: 2rem;
  margin-bottom: 1rem; }
  @media (max-width: 37.25em) {
    .box-product .p {
      height: 6rem; } }
  @media (max-width: 31.25em) {
    .box-product .p {
      font-size: 1.6rem;
      height: 3rem; } }

.box-product .p-know1 {
  text-align: center; }

.box-product2 {
  display: grid;
  width: 33.5rem;
  height: 42.6rem;
  background: white;
  margin: auto;
  text-align: center;
  border-radius: 5px;
  justify-items: center;
  align-content: center;
  box-shadow: 0px 1px 10px 0px rgba(204, 204, 204, 0.4);
  position: relative; }

.box-product2 .img {
  width: 100%;
  height: 21.3rem;
  text-align: center;
  font-size: 2rem;
  color: #333333;
  overflow: hidden;
  position: relative; }

.box-product2 .img img {
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.box-product2 .p {
  font-weight: 500;
  font-size: 19px;
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%); }

.box-product2 .p-know1 {
  text-align: center; }

.box-product a,
.box-product2 a {
  display: block;
  text-decoration: none;
  color: #333333; }

.box-info ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  width: 100%; }

@media (max-width: 90em) {
  .box-info ul li {
    width: 100%; } }

@media (max-width: 37.25em) {
  .box-product__detail-text {
    display: none; } }

.p2 {
  width: 100%;
  height: 2.8rem;
  /* border-radius: 1.2rem; */
  /* border: 1px solid #cccccc; */
  color:#666;
  margin: 5px;
  font-size: 1.4rem;
  overflow-x: scroll;
  /* 隐藏滚动条 */
  scrollbar-width: none;
  /* firefox */
  -ms-overflow-style: none;
  /* IE 10+ */ }
  @media (max-width: 50em) {
    .p2 {
      width: 98%;
      border-radius: 1.1rem; } }

.p2::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */ }

.target {
  width: 100%;
  /*height: 200px;*/
  position: relative;
  display: none;
  flex-wrap: wrap;
  gap: 2rem; }

.target-into {
  transition: 1s; }

/*以前是第一个 */
.target:first-child {
  display: flex; }

.tab-tag1 {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem; }

.tcneter {
  text-align: center; }

.thover:hover {
  color: #0c43a8; }

/*产品相关 end*/
/* 业务布局 start*/
.white {
  background: white; }

.big-img {
  width: 100%;
  /*background: pink;*/ }

/*业务布局 end*/
/*合作伙伴 start*/
.tab-tag {
  column-gap: 4rem;
  row-gap: 4rem;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr); }
  @media (max-width: 53.125em) {
    .tab-tag {
      grid-template-columns: repeat(3, 1fr); } }
  @media (max-width: 41.25em) {
    .tab-tag {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 31.25em) {
    .tab-tag {
      grid-template-columns: repeat(2, 1fr);
      max-height: 50rem;
      overflow-y: scroll;
      overflow-x: hidden; } }

.brand {
  text-align: center;
  background: white;
  border-radius: 5px;
  box-shadow: 0px 1px 10px 0px #cccccc;
  aspect-ratio: 33.5/11.6; }

.brand-info img {
  width: 100%; }

/*鼠标点击事件*/
.click1 {
  color: #0c43a8; }

.active {
  color: #0c43a8; }

/*合作伙伴 end*/
/*供应商 start*/
.gongyingshang .box-info ul,
.gongyingshang .box-info ul li,
.gongyingshang .box-info ul li .info1 {
  width: 100%; }

.info1 {
  background: url(../image/gongyingshang.png)/*tpa=http://szudd.s606.gainda.net/template/default/cn/pc/skin/image/gongyingshang.png*/ 100% no-repeat;
  background-size: cover;
  width: 100%;
  height: 61.5rem;
  border-radius: 10px;
  position: relative;
  padding: 1rem 0; }

.section_gong {
  background-color: whitesmoke;
  width: 100%;
  height: 8rem;
  position: absolute;
  bottom: 0px;
  border-radius: 0 0 10px 10px; }

.section_gong:lang(en) {
  background-color: whitesmoke;
  width: 100%;
  height: 9rem;
  position: absolute;
  bottom: 0px;
  border-radius: 0 0 10px 10px; }

.text_know {
  width: 11.2rem;
  height: 4rem;
  overflow-wrap: break-word;
  color: #666666;
  font-size: 2.8rem;
  text-align: justify;
  white-space: nowrap;
  margin: 2rem 0 0 4rem; }

.text_know:lang(en) {
  width: 11.2rem;
  height: 4rem;
  overflow-wrap: break-word;
  color: #666666;
  font-size: 2.4rem;
  text-align: justify;
  white-space: nowrap;
  margin: 2rem 0 0 4rem; }

.en-text-18:lang(en) {
  margin: 0rem 4rem 0;
  font-size: 2rem;
  color: #999999; }
  .en-text-18:lang(en) img {
    width: 2rem;
    vertical-align: middle; }

.section_index {
  width: 3.6rem;
  height: 3.6rem;
  background: url(../../../../../../assets/img/knowmore)/*tpa=http://szudd.s606.gainda.net/assets/img/knowmore*/ 100% no-repeat;
  background-size: 100% 100%;
  margin: 2.2rem 4rem 0 0; }

.production span.parHd {
  float: right; }

.production .target {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.SRI {
  background-image: url(../image/science.jpg)/*tpa=http://szudd.s606.gainda.net/template/default/cn/pc/skin/image/science.jpg*/; }

/* 校企合作 */
.collaborate {
  color: #333;
  position: relative; }

.video-univers {
  width: 65rem; }

.collaborate h1 {
  margin-bottom: 2.6rem; }

.collaborate .university {
  margin-bottom: 6.4rem; }

.collaborate p {
  margin-bottom: 2.4rem; }

.collaborate .lab-feature-item p:lang(en) {
  font-size: 2rem;
  margin-bottom: 4.8rem;
  height: 5rem; }

.text-container {
  display: flex; }

.collaborate .text-container > div {
  width: 48.5%;
  flex-shrink: 0; }
  @media (max-width: 56.25em) {
    .collaborate .text-container > div {
      display: none; } }

.collaborate .feature {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 11.8rem;
  margin-bottom: 4.2rem; }
  @media (max-width: 34.0625em) {
    .collaborate .feature {
      gap: unset;
      justify-content: space-between; } }

.collaborate .feature .feature-icon {
  width: 5.8rem;
  height: 5.8rem;
  border-radius: 50%;
  background: rgba(76, 165, 53, 0.1);
  display: flex;
  align-items: center;
  justify-content: center; }

.collaborate .feature .feature-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

.collaborate .feature .feature-item p {
  margin-bottom: 0px; }

.lab-swiper {
  position: relative;
  overflow: hidden; }

.collaborate .row {
  justify-content: flex-start;
  gap: 1.4rem;
  align-items: center; }

.collaborate .vertical-bar {
  width: 6px;
  height: 3rem;
  background: linear-gradient(80deg, #0c43a8 0%, #228cb1 100%);
  margin-left: 1.4rem; }

.research .box-img {
  flex: 1;
  height: 37rem;
  position: relative;
  background: #f0f0f0; }
  @media (max-width: 54.75em) {
    .research .box-img {
      align-items: flex-end; } }
  @media (max-width: 31.25em) {
    .research .box-img {
      width: 100%;
      flex: unset; } }
  @media (max-width: 36.875em) {
    .research .box-img {
      flex: unset;
      height: 42rem; } }
  .research .box-img .lunbo-box {
    width: 85%;
    height: 88.848%;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0; }
    .research .box-img .lunbo-box .outer {
      position: absolute;
      left: 17.7rem;
      top: 14.3rem;
      width: 112%;
      height: 161%;
      background: linear-gradient(145deg, rgba(171, 183, 184, 0.28) 0%, rgba(203, 210, 211, 0) 100%, rgba(203, 210, 211, 0) 100%);
      transform: rotate(145deg); }
    .research .box-img .lunbo-box .lunbo-box_wihte {
      position: absolute;
      width: 82.48%;
      height: 30rem;
      background: white; }
      @media (max-width: 36.875em) {
        .research .box-img .lunbo-box .lunbo-box_wihte {
          height: 35rem; } }
      .research .box-img .lunbo-box .lunbo-box_wihte .swiper-wrapper .swiper-slide {
        width: 30rem;
        background-position: center;
        background-size: cover;
        position: relative;
        text-align: center; }
        .research .box-img .lunbo-box .lunbo-box_wihte .swiper-wrapper .swiper-slide .lunbo-img img {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 65%; }
        .research .box-img .lunbo-box .lunbo-box_wihte .swiper-wrapper .swiper-slide h1 {
          position: relative;
          z-index: 1; }
      .research .box-img .lunbo-box .lunbo-box_wihte .swiper-pagination-bullet {
        width: 2.2rem;
        height: 0.6rem;
        border-radius: 0.6rem; }
        @media (max-width: 55em) {
          .research .box-img .lunbo-box .lunbo-box_wihte .swiper-pagination-bullet {
            width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); } }
        @media (max-width: 39.625em) {
          .research .box-img .lunbo-box .lunbo-box_wihte .swiper-pagination-bullet {
            width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 5px)); } }
      .research .box-img .lunbo-box .lunbo-box_wihte .swiper-pagination-bullet-active {
        width: 3.7rem;
        height: 0.6rem;
        border-radius: 0.6rem;
        background: linear-gradient(50deg, #0c43a8 0%, #228cb1 100%); }
        @media (max-width: 55em) {
          .research .box-img .lunbo-box .lunbo-box_wihte .swiper-pagination-bullet-active {
            width: 2rem; } }

.collaborate .lab-swiper-position {
  width: fit-content;
  height: fit-content;
  top: 12rem;
  left: unset !important;
  right: 3rem !important;
  display: flex;
  flex-direction: column;
  gap: 3rem; }

.collaborate .lab-pagination {
  width: fit-content;
  font-size: 2.4rem;
  font-weight: bold;
  color: rgba(51, 51, 51, 0.3);
  cursor: pointer; }

.collaborate .lab-pagination--active {
  font-size: 2.4rem;
  font-weight: bold;
  color: #333333;
  cursor: pointer; }

.collaborate .colleges {
  background: #fff;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  margin-bottom: 9.6rem; }

.collaborate .colleges .college {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

.collaborate .colleges .gap-bar {
  width: 1px;
  height: 12.1rem;
  border: 1px solid #cccccc; }

.collaborate .colleges .college.Tsing {
  background-image: url(../image/Tsing.png)/*tpa=http://szudd.s606.gainda.net/template/default/cn/pc/skin/image/Tsing.png*/; }

.collaborate .colleges .college.uestc {
  background-image: url(../image/uestc.png)/*tpa=http://szudd.s606.gainda.net/template/default/cn/pc/skin/image/uestc.png*/; }

.scu {
  background-image: url(../image/scu.png)/*tpa=http://szudd.s606.gainda.net/template/default/cn/pc/skin/image/scu.png*/; }

.szu {
  background-image: url(../image/szu.png)/*tpa=http://szudd.s606.gainda.net/template/default/cn/pc/skin/image/szu.png*/; }

.scpu {
  background-image: url(../image/scpu.png)/*tpa=http://szudd.s606.gainda.net/template/default/cn/pc/skin/image/scpu.png*/; }

.cug {
  background-image: url(../image/cug.png)/*tpa=http://szudd.s606.gainda.net/template/default/cn/pc/skin/image/cug.png*/; }

.colleges img {
  width: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none; }

.collaborate .background {
  width: 105.9rem;
  height: 124.7rem;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: -1; }

.collaborate .lab {
  background-color: #f8f9fa; }

.lab img {
  width: 38%; }
  @media (max-width: 49.6875em) {
    .lab img {
      width: 50%; } }
  @media (max-width: 39.6875em) {
    .lab img {
      width: 80%; } }
  @media (max-width: 35.6875em) {
    .lab img {
      width: 90%; } }

.lab img.lab-new-img {
  width: 5.2rem;
  height: 5.2rem; }

.lab .lab-column {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 3.6rem; }

.lab .row {
  padding-top: 6.8rem; }

.lab .lab-feature {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding-bottom: 6.9rem; }
  @media (max-width: 49.6875em) {
    .lab .lab-feature {
      display: grid;
      grid-template-columns: 1fr 1fr;
      height: 50rem;
      align-content: stretch;
      box-sizing: content-box; } }

.lab-feature-item {
  height: 100%;
  flex: 1;
  background-color: #fff;
  padding: 3.2rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 2.4rem; }

.lab-feature-item p {
  display: inline;
  text-align: center;
  margin-bottom: 0; }

.lab-feature-item:hover {
  box-shadow: 0 2px 1.3rem 0px rgba(0, 0, 0, 0.05); }

/*翻转动画部分 */
.lab .overturn .lab-feature-item {
  position: relative; }

.lab .overturn .lab-feature-item .detail {
  color: white;
  position: absolute;
  overflow-y: scroll;
  width: 100%;
  height: 100%;
  padding: 2rem;
  text-align: justify;
  background: #0c43a8;
  opacity: 0;
  transform-style: preserve-3d;
  -webkit-perspective: 1000;
  -moz-animation: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  /*兼容其他版本？*/
  -webkit-transform-style: preserve-3d; }

.lab .overturn .lab-feature-item:hover .detail {
  animation: showInfo 1s;
  opacity: 1; }

.lab .overturn .lab-feature-item:hover {
  background: none; }

.lab .overturn .lab-feature-item:hover:hover svg,
.lab .overturn .lab-feature-item:hover p {
  opacity: 0; }

.lab #noreturn .lab-feature-item:hover {
  opacity: 1;
  color: white;
  background: white;
  transform: scale(1.05); }

.lab #noreturn .lab-feature-item:hover p {
  opacity: 1;
  animation: hideInfo 0s;
  color: #0c43a8;
  transform: scale(1.05); }

/* 科研成果 */
.scientific h1 {
  margin-bottom: 3.2rem; }

.scientific .row {
  align-items: center;
  margin-top: 5.4rem;
  margin-bottom: 6.1rem; }
  @media (max-width: 37.5em) {
    .scientific .row {
      flex-direction: column; } }

.scientific .row div {
  flex: 1; }

.scientific .animation {
  width: 65rem;
  height: 66.1rem;
  flex-shrink: 0; }

.scientific .project {
  background-color: #f5f5f5;
  padding: 4.8rem 0 2.4rem 0; }

.scientific .project .card {
  height: 50rem;
  background-color: #fff;
  text-align: center;
  overflow-y: scroll;
  /* 设置溢出滚动 */
  overflow-x: hidden;
  /* 隐藏滚动条 */
  scrollbar-width: none;
  /* firefox */
  -ms-overflow-style: none;
  /* IE 10+ */ }

.scientific .project .card .detail-face {
  padding: 0 1.6rem; }

.scientific .project .card:lang(en) {
  height: 60rem; }

.scientific .project .card::-webkit-scrollbar {
  display: none; }

.card .img-face img {
  width: 100%;
  margin-bottom: 3.1rem; }

.card .img-face p {
  font-size: 2.8rem;
  color: #333;
  margin-bottom: 5.4rem; }

.card .detail-face h3 {
  font-size: 2.2rem;
  color: #333;
  margin-bottom: 1.6rem; }

.card .detail-button {
  width: 13.6rem;
  height: 4rem;
  border-radius: 2px;
  border: 1px solid #0c43a8;
  font-size: 1.8rem;
  font-weight: 400;
  color: #0c43a8;
  margin-bottom: 5.4rem; }

.scientific .project .card:hover h3 {
  color: #0c43a8; }

.scientific .project .card:hover button {
  width: 13.6rem;
  height: 4rem;
  background: #0c43a8;
  border-radius: 2px;
  border: 1px solid #0c43a8;
  color: #ffffff; }

.card .detail-face p {
  color: #999999;
  text-align: justify;
  margin-bottom: 1.6rem; }

/* 研发实验室 */
.research h1 {
  margin-bottom: 4.8rem; }

.research p {
  margin-bottom: 10.5rem; }
  @media (max-width: 36.875em) {
    .research p {
      margin-bottom: 0; } }

.research
.box-img
.lunbo-box
.lunbo-box_wihte
.swiper-wrapper
.swiper-slide
span {
  margin-top: 0; }

.research .data .number {
  font-size: 3.2rem;
  font-weight: bold;
  color: #333333; }

.research .data .text {
  font-size: 2rem;
  font-weight: 400;
  color: #333333; }

.research .data .text-light {
  display: block;
  font-size: 2rem;
  font-weight: 400;
  color: #999999; }

.research .lab-img .swiper-slide {
  background-position: center;
  background-size: cover;
  background-image: url("../../../../../../../www.micronet-union.com/assets/img/research.jpg")/*tpa=https://www.micronet-union.com/assets/img/research.jpg*/; }
  @media (max-width: 36.875em) {
    .research .lab-img .swiper-slide {
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center; } }

.research .lab-img .slide1 {
  background-image: url("../image/relab-img1.jpg")/*tpa=http://szudd.s606.gainda.net/template/default/cn/pc/skin/image/relab-img1.jpg*/; }

.research .lab-img .slide2 {
  background-image: url("../image/relab-img2.jpg")/*tpa=http://szudd.s606.gainda.net/template/default/cn/pc/skin/image/relab-img2.jpg*/; }

.research .lab-img .slide3 {
  background-image: url("../image/relab-img3.jpg")/*tpa=http://szudd.s606.gainda.net/template/default/cn/pc/skin/image/relab-img3.jpg*/; }

.research .lab-img .swiper-pagination-bullet {
  width: 2.2rem;
  height: 6px;
  border-radius: 6px; }

.research .lab-img .swiper-pagination-bullet-active {
  width: 3.7rem;
  height: 6px;
  background: linear-gradient(50deg, #0c43a8 0%, #228cb1 100%);
  border-radius: 6px; }

.research {
  margin-bottom: 9.6rem; }
  .research .container.research-content {
    margin-top: 4.8rem;
    display: flex;
    gap: 4.8rem;
    justify-content: space-around; }
    @media (max-width: 36.875em) {
      .research .container.research-content {
        flex-direction: column;
        gap: unset; } }
  .research .data-box {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media (max-width: 52.5em) {
      .research .data-box {
        display: none; } }
  .research > .data-box {
    display: none;
    justify-content: space-around; }
    @media (max-width: 52.5em) {
      .research > .data-box {
        display: flex; } }
  .research__text-box {
    flex: 1; }
  .research .lab-img {
    box-sizing: content-box;
    padding-bottom: 8rem;
    flex: 1.2; }
    @media (max-width: 36.875em) {
      .research .lab-img {
        flex: unset;
        width: 100%;
        height: 41rem;
        padding-bottom: 0; } }

.research .box-img .lunbo-box .lunbo-box_wihte {
  height: 82.5%; }

.research
.box-img
.lunbo-box
.lunbo-box_wihte
.swiper-wrapper
.swiper-slide
span {
  margin-top: 0; }

.pagedecontent.shehuizhaopin {
  top: -5rem; }
  @media (max-width: 75em) {
    .pagedecontent.shehuizhaopin {
      top: 0rem; } }

.white {
  background: white; }

.page-banner.Recruitment {
  margin-bottom: 0rem; }

.shehuizhaopin .shaixuan {
  border-left-style: solid;
  border-color: #0c43a8;
  border-width: 0.3rem;
  padding: 0 15px;
  font-size: 1.6rem;
  margin: 4.2rem 0; }

.pagedecontent .wrap {
  width: 86.6%;
  margin: 0 auto;
  padding: 5rem 10.6rem 0px;
  background: white; }

.pagedecontent .job-category,
.pagedecontent .address {
  margin-top: 0.8rem;
  position: relative;
  margin-bottom: 16px; }
  .pagedecontent .job-category .xiangmu,
  .pagedecontent .address .xiangmu {
    display: block;
    float: left;
    width: 18%;
    line-height: 1; }
    @media (max-width: 35.625em) {
      .pagedecontent .job-category .xiangmu,
      .pagedecontent .address .xiangmu {
        width: 110px;
        padding: 1.8rem 0; } }
  .pagedecontent .job-category #job_address__nav,
  .pagedecontent .job-category #job_category__nav,
  .pagedecontent .address #job_address__nav,
  .pagedecontent .address #job_category__nav {
    display: block;
    float: left;
    width: 80%;
    line-height: 1; }
    @media (max-width: 35.625em) {
      .pagedecontent .job-category #job_address__nav,
      .pagedecontent .job-category #job_category__nav,
      .pagedecontent .address #job_address__nav,
      .pagedecontent .address #job_category__nav {
        width: 100%; } }

.container__padding-top {
  padding-top: 2rem; }

.pagedecontent .default {
  background: #0c43a8;
  border-radius: 0.37rem; }

.pagedecontent .job-category span,
.pagedecontent .address span {
  float: left;
  font-size: 1.6rem;
  padding: 0.8rem;
  margin-top: 1rem; }

.pagedecontent .xiangmu {
  padding: 1.8rem;
  margin: 0.5rem 0 0;
  font-weight: 700; }

.pagedecontent .address .address1 {
  margin-right: 4rem; }

.pagedecontent .search {
  width: 40%;
  background: white; }
  @media (max-width: 50em) {
    .pagedecontent .search {
      width: 100%; } }

.pagedecontent .search > div {
  border: 0.2rem solid #0c43a8; }

.pagedecontent .search button {
  background: #0c43a8;
  margin: auto;
  color: white;
  padding: 0.8rem;
  height: 3.5rem;
  width: 8rem;
  font-size: 1.3rem; }

.fl.left {
  width: 60%; }
  @media (max-width: 50em) {
    .fl.left {
      width: 100%; } }

.wraTop {
  display: grid; }

.search .fr input[type=text] {
  border: none;
  width: 25rem;
  height: 3.5rem;
  outline: none; }
  @media (max-width: 50em) {
    .search .fr input[type=text] {
      width: 24rem; } }
  @media (max-width: 17.5em) {
    .search .fr input[type=text] {
      width: 20rem; } }

.pagedecontent .tag {
  background: #0c43a8;
  color: white;
  border-radius: 0.3rem; }

.pagedecontent .job-title {
  font-size: 2.8rem; }

.pagedecontent .job-tag1 {
  font-size: 1.2rem;
  font-weight: 400;
  color: #0c43a8;
  width: 7.6rem;
  height: 2.2rem;
  background: #F6FFED;
  border-radius: 2px;
  border: 1px solid #B7EB8F;
  margin-left: 1.8rem;
  text-align: center;
  overflow: hidden; }

.pagedecontent .job-infor {
  position: relative; }

.job-infor > div {
  margin: 2rem 0; }

.pagedecontent .job-infor .detail {
  height: 0;
  overflow: hidden;
  transition: height 1s; }

.pagedecontent .job-infor .default1 {
  height: auto;
  max-height: 666px;
  overflow: visible;
  transition: height 1s; }

.pagedecontent .job-infor .hide h1 {
  font-size: 2.8rem;
  font-weight: 600;
  color: #0c43a8;
  border-left-style: solid;
  border-color: #0c43a8;
  border-width: 3px;
  padding: 0 15px;
  margin-bottom: 3.2rem; }

.job-infor .apply-job {
  margin-top: 4rem;
  background: #0c43a8;
  width: 8.8rem;
  height: 3.2rem;
  color: white;
  position: relative;
  font-size: 1.4rem; }

.job-infor .apply-job .job-email {
  position: absolute;
  width: 23.8rem;
  color: #0a0909;
  /*height: 8.8rem;*/
  opacity: 0; }

.job-infor .apply-job:hover .job-email {
  opacity: 1; }

.pagedecontent .job-infor .hide:hover .bg-shouqi {
  transform: rotateZ(270deg);
  color: #0c43a8; }

.pagedecontent .job-infor .bg-shouqi {
  transform: rotateZ(90deg);
  color: #0c43a8; }

.pagedecontent .job-infor .bt-shouqi {
  position: absolute;
  right: 0px;
  top: 2rem;
  color: #0c43a8;
  height: 50px; }

.pagedecontent .job-infor .time1 {
  margin: 2rem 0; }

.detail .content {
  color: #000000;
  font-size: 1.6rem; }

.pagedecontent .pagination {
  position: absolute;
  bottom: 0px;
  display: flex;
  left: 50%;
  transform: translateX(-50%); }

.pagedecontent .pagination > li {
  margin: 1rem;
  padding: 0.5rem; }

.pagedecontent .pagination > li a {
  color: #000000; }

.pagedecontent .pagination .page-number,
.pagedecontent .pagination .page-dot {
  border: 0.1rem solid #efe7de; }

.pagedecontent .pagination > li.active a {
  color: #ffffff;
  background: #0c43a8;
  padding: 1rem; }

.pagedecontent .wraBottom {
  margin-bottom: 5rem; }

.pagedecontent .pagination .numdefault {
  background: #0c43a8;
  color: #fcf6f6; }

.decontent .mianbaoxie a {
  color: #666;
  font-size: 12px; }

.decontent .mianbaoxie {
  margin-bottom: 35px;
  /*border-bottom: 1px solid #ddd;*/
  padding-bottom: 10px;
  font-size: 12px;
  color: #666; }

.show-tixi .content1 {
  margin-bottom: 130px; }

.show-tixi .content1 .p3 {
  text-align: center;
  font-size: 20px; }

.show-tixi .content1 .detail {
  margin: auto; }

.show-tixi .content1 .article-pages1 {
  width: 100%;
  height: 48px;
  font-size: 14px;
  background-color: #f4f4f4;
  padding: 0 30px;
  margin-top: 40px;
  display: flex;
  justify-content: space-between; }

/* below 1440px */

/*# sourceMappingURL=main.css.map */


 

#custom-nav .nav__links{
      height: 100%;
    }
#custom-nav .nav__links li{
          margin: 0 20px;
          position: relative;
        }
#custom-nav .nav__links li:hover .shows{
            opacity: 1;
            top: 100%;
            visibility: inherit;
          }
#custom-nav .nav__links li .shows{
            overflow: hidden;
            width: 150px;
            background: #fff;
            position: absolute;
            left: 50%;
            transition: all .2s;
            opacity: 0;
            z-index: 99999;
            visibility: hidden;
            transform: translateX(-50%);
            top: 120%;
          }
#custom-nav .nav__links li .shows a{
              display: flex;
              align-items: center;
              justify-content: center;
              width: 100%;
              font-size: 16px;
              line-height: 45px;
              border-bottom: 1px solid #f4f4f4;
              color: #000000;
            }
#custom-nav .nav__links li .shows a:hover{
                color: #bb0000;
              }
#custom-nav .nav__links li::after{
              content: '';
              width: 0%;
              transition: all .2s;
              height: 3px;
              background: #F80900;
              position: absolute;
              left: 50%;
              transform: translateX(-50%);
              bottom: 0;
            }

#custom-nav .nav__links li.on > a{
              color: #000096;
            }
#custom-nav .nav__links li.on::after{
              width: 100%;
            }
#custom-nav .nav__links li:hover > a{
              color: #000096;
            }
#custom-nav .nav__links li:hover::after{
              width: 100%;
            }
#custom-nav .nav__links li > a{
            display: flex;
            align-items: center;
            height: 100%;
            font-size: 16px;
            color: #212121;
          }

.link li a {
    color: #cccccc;
    text-decoration: none;
    font-size: 1.2rem;
    font-weight: 400;
}