@charset "UTF-8";
/**
 * Swiper 11.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 26, 2023
 */
@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;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

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

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

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

.swiper-horizontal {
  touch-action: pan-y;
}

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

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

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

.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;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

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

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

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

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

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

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

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

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

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

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

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

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

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  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), transparent);
}

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

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

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

.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-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .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);
  }
}

.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-button-next, .swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 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-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

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

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

.swiper-button-next svg, .swiper-button-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

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

.swiper-button-next:after, .swiper-button-prev: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:after, .swiper-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

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

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s 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;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.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: var(--swiper-pagination-bullet-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-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

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

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

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform,.2s 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: .2s transform,.2s left;
}

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

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, 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-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

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

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

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, 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: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-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 > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.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 {
  pointer-events: auto;
}

.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 {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: .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-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

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

.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-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  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;
}

#baguetteBox-overlay {
  display: none;
  opacity: 0;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
  z-index: 99999999999999999999999999999999999999;
}

#baguetteBox-overlay.visible {
  opacity: 1;
}

#baguetteBox-overlay .full-image {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}

#baguetteBox-overlay .full-image figure {
  display: inline;
  margin: 0;
  height: 100%;
}

#baguetteBox-overlay .full-image img {
  display: inline-block;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

#baguetteBox-overlay .full-image figcaption {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  line-height: 1.8;
  color: #ccc;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
  font-family: Verdana, Geneva, sans-serif;
}

#baguetteBox-overlay .full-image:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

#baguetteBox-slider {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  -webkit-transition: left .4s ease, -webkit-transform .4s ease;
  transition: left .4s ease, -moz-transform .4s ease;
  transition: left .4s ease, transform .4s ease;
}

#baguetteBox-slider.bounce-from-right {
  -webkit-animation: bounceFromRight .4s ease-out;
  animation: bounceFromRight .4s ease-out;
}

#baguetteBox-slider.bounce-from-left {
  -webkit-animation: bounceFromLeft .4s ease-out;
  animation: bounceFromLeft .4s ease-out;
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
  top: 50%;
  top: calc(50% - 30px);
  width: 44px;
  height: 60px;
}

.baguetteBox-button {
  position: absolute;
  cursor: pointer;
  outline: 0;
  padding: 0;
  margin: 0;
  border: 0;
  -moz-border-radius: 15%;
  border-radius: 15%;
  background-color: #323232;
  background-color: rgba(50, 50, 50, 0.5);
  color: #ddd;
  font: 1.6em sans-serif;
  -webkit-transition: background-color .4s ease;
  transition: background-color .4s ease;
}

.baguetteBox-button:hover {
  background-color: rgba(50, 50, 50, 0.9);
}

.baguetteBox-button#next-button {
  right: 2%;
}

.baguetteBox-button#previous-button {
  left: 2%;
}

.baguetteBox-button#close-button {
  top: 20px;
  right: 2%;
  right: calc(2% + 6px);
  width: 30px;
  height: 30px;
}

.baguetteBox-button svg {
  position: absolute;
  left: 0;
  top: 0;
}

.spinner {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
}

.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  opacity: .6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2s infinite ease-in-out;
  animation: bounce 2s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes bounceFromRight {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: -30px;
  }
  100% {
    margin-left: 0;
  }
}

@keyframes bounceFromRight {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: -30px;
  }
  100% {
    margin-left: 0;
  }
}

@-webkit-keyframes bounceFromLeft {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: 30px;
  }
  100% {
    margin-left: 0;
  }
}

@keyframes bounceFromLeft {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: 30px;
  }
  100% {
    margin-left: 0;
  }
}

@-webkit-keyframes bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }
}

html {
  font-size: 62.5%;
  height: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: 150px;
}

body {
  margin: 0 auto;
  width: 100%;
  overflow-x: hidden;
  font-size: 16px;
  color: #333333;
  line-height: 1.2;
  background-color: #ffffff;
}

@media screen and (max-device-width: 320px) {
  body {
    -webkit-text-size-adjust: 100%;
  }
}

@media screen and (max-device-width: 480px) {
  body {
    -webkit-text-size-adjust: 100%;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body {
    -webkit-text-size-adjust: 100%;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  body {
    -webkit-text-size-adjust: 100%;
  }
}

a {
  text-decoration: none;
  outline: none;
  tap-highlight-color: transparent;
  focus-ring-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: transparent;
  -moz-tap-highlight-color: transparent;
  -moz-focus-ring-color: transparent;
  transition: all 0.2s;
}

ol,
ul {
  list-style: none;
}

img {
  max-width: 100%;
  border: 0px solid #ccc;
  height: auto;
  transition: 0.5s;
}

table,
embed,
video {
  max-width: 100%;
}

table {
  border-collapse: collapse;
}

input,
textarea {
  border: none;
  background: none;
  font-family: inherit;
}

input:focus,
textarea:focus {
  outline: none;
}

input[type=submit] {
  cursor: pointer;
}

input[type=checkbox] {
  cursor: pointer;
}

input[type=radio] {
  cursor: pointer;
}

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

textarea {
  resize: none;
}

button {
  border: none;
  background: none;
  cursor: pointer;
}

em,
i {
  font-style: normal;
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

.j-offset-top {
  transition: all 1000ms;
  transform: translateY(100px);
  opacity: 0;
}

.j-offset-top.run {
  transform: translateY(0);
  opacity: 1;
}

@media screen and (max-width: 991px) {
  .j-offset-top {
    transform: none !important;
  }
}

.j-offset-left {
  transition: all 1000ms;
  transform: translateX(100px);
  opacity: 0;
}

.j-offset-left.run {
  transform: translateX(0);
  opacity: 1;
}

@media screen and (max-width: 991px) {
  .j-offset-left {
    transform: none !important;
  }
}

.j-offset-right {
  transition: all 1000ms;
  transform: translateX(-100px);
  opacity: 0;
}

.j-offset-right.run {
  transform: translateX(0);
  opacity: 1;
}

@media screen and (max-width: 991px) {
  .j-offset-right {
    transform: none !important;
  }
}

.j-fadein {
  transition: all 1000ms;
  opacity: 0;
}

.j-fadein.run {
  transform: translateX(0);
  opacity: 1;
}

@media screen and (max-width: 991px) {
  .j-fadein {
    transform: none !important;
  }
}

::selection {
  background: #e6212a;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff !important;
}

::-moz-selection {
  background: #e6212a;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff !important;
}

.contSafe {
  width: 1680px;
  margin: 0 auto;
}

.neiSafe {
  width: 1400px;
  margin: 0 auto;
}

.clear {
  clear: both;
}

.iframeBox {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 999;
}

.iframeBox iframe {
  width: 80%;
  height: 80%;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.iframeBox video {
  width: 100%;
  object-fit: cover;
}

.iframeBox:before {
  content: "+";
  position: absolute;
  width: 36px;
  height: 36px;
  line-height: 30px;
  text-align: center;
  top: 30px;
  right: 30px;
  background: #fff;
  border-radius: 50%;
  font-size: 40px;
  cursor: pointer;
  transform: rotate(45deg);
}

.tankaunga {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 9999999999;
}

.tankaunga:before {
  content: "X";
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  top: 10px;
  right: 10px;
  background: #fff;
  border-radius: 50%;
  font-size: 18px;
  cursor: pointer;
}

.tankaungn2 {
  position: fixed;
  left: 5%;
  top: 5%;
  right: 5%;
  bottom: 5%;
  background: rgba(0, 0, 0, 0.5);
}

.tankaungn2 iframe,
.tankaungn2 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.tankaungn2 iframe body {
  margin: 0px !important;
}

.deg90 {
  transform: rotate(90deg);
}

/*jQzoom*/
.jqzoom {
  position: relative;
  padding: 0px;
}

div.zoomdiv {
  z-index: 200;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 400px;
  height: 400px;
  background: #ffffff;
  border: 1px solid #CCCCCC;
  display: none;
  text-align: center;
  overflow: hidden;
}

div.zoomdiv img {
  max-width: unset !important;
}

div.jqZoomPup {
  z-index: 200;
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 300px;
  height: 300px;
  border: 1px solid #aaa;
  background: #ffffff;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  filter: alpha(Opacity=50);
}

.navTop {
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  padding: 5px 0px;
  background: url("../images/nav1.jpg") center center/cover no-repeat;
}

.navTop .topBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.navTop .phoneBox {
  display: flex;
  align-items: center;
}

.navTop .phontItem {
  display: flex;
  align-items: center;
  margin-right: 65px;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ffffff;
}

.navTop .phontItem a {
  color: #ffffff;
}

.navTop .phontItem a:hover {
  color: #e6212a;
}

.navTop .phontItem span {
  font-size: 20px;
  margin-right: 5px;
  margin-top: 5px;
}

.navTop .phontItem:last-child {
  margin-right: 0;
}

.navTop .shipBox {
  display: flex;
  align-items: center;
}

.navTop .langBox {
  display: flex;
}

.navTop .langBox a {
  width: 33px;
  display: block;
  margin-right: 12px;
}

.navTop .langBox a img {
  width: 100%;
  display: block;
}

.navTop .langBox a:hover img {
  transform: scale(1.1);
}

.navTop .langBox a:last-child {
  margin-right: 0;
}

.navTop .langTxt {
  display: flex;
  align-items: center;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #109ed4;
  padding: 2px 12px;
  background-color: #ffffff;
  border-radius: 15px;
  margin-left: 29px;
}

.navTop .langTxt span {
  font-size: 22px;
  color: #109ed4;
  margin-right: 5px;
}

.navBott {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 800;
  background-color: #ffffff;
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.12);
}

.navBott .bottBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.navBott .navLogo {
  width: 253px;
  display: block;
}

.navBott .navLogo img {
  width: 100%;
  display: block;
}

.navBott .navRight {
  display: flex;
  align-items: center;
}

.navBott .navList {
  display: flex;
}

.navBott .navList > li {
  padding: 38px 0px;
  margin-right: 44px;
  position: relative;
}

.navBott .navList > li:last-child {
  margin-right: 0;
}

.navBott .yiAct > a {
  color: #e6212a !important;
}

.navBott .navList > li:hover > a {
  color: #e6212a;
}

.navBott .navList > li > a {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #333333;
}

.navBott .requForm {
  display: flex;
  align-items: center;
}

.navBott .requBox {
  display: flex;
  align-items: center;
  margin-left: 42px;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #ff8a00;
}

.navBott .requBox:hover {
  color: #e6212a;
}

.navBott .cartIcon {
  position: relative;
  margin-left: 9px;
}

.navBott .cartIcon span {
  font-size: 34px;
  color: #ff8a00;
}

.navBott .cartIcon p {
  position: absolute;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #ffffff;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background-color: #e62129;
  top: -2px;
  right: -7px;
  border-radius: 50%;
}

.navBott .cartIcon img {
  width: 34px;
  display: none;
}

.navBott .cartIcon:hover span {
  display: none;
}

.navBott .cartIcon:hover img {
  display: block;
}

.navBott .navForm {
  display: flex;
  align-items: center;
  width: 266px;
  height: 50px;
  background-color: #f2f2f2;
  border-radius: 25px;
  padding: 0 18px;
  margin-left: 138px;
  position: relative;
}

.navBott .navInput {
  width: 100%;
  height: 100%;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
}

.navBott .navInput::-webkit-input-placeholder {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
}

.navBott .navInput:-moz-placeholder {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
}

.navBott .navInput::-moz-placeholder {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
}

.navBott .navInput:-ms-input-placeholder {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
}

.navBott .souIcon {
  font-size: 18px;
  font-weight: bold;
  color: #e62129;
}

.navBott .navSub {
  width: 18px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 18px;
}

.navBott .menuBtn {
  margin-left: 20px;
  display: none;
  position: relative;
  z-index: 900;
}

.navBott .menuBtn .menuIcon {
  width: 30px;
  height: 34px;
  position: relative;
  cursor: pointer;
}

.navBott .menuBtn .menuIcon:before,
.navBott .menuBtn .menuIcon:after {
  content: "";
  display: block;
  width: 26px;
  height: 3px;
  background: #ff8a00;
  border-radius: 8px;
  position: absolute;
  left: 0;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.navBott .menuBtn .menuIcon:before {
  top: 15px;
  box-shadow: 0 -8px #ff8a00;
}

.navBott .menuBtn .menuIcon:after {
  bottom: 8px;
}

.navBott .menuBtn .menuActive::after {
  bottom: 15px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  background-color: #ffffff;
}

.navBott .menuBtn .menuActive::before {
  top: 16px;
  box-shadow: none;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  background-color: #ffffff;
}

.navBott .mobileBox {
  width: 280px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100vh;
  overflow-y: auto;
  background-color: #e6212a;
  display: none;
  z-index: 300;
}

.navBott .mobileBox .mobSearch {
  width: 250px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
  box-sizing: border-box;
  background-color: #ffffff;
  margin-top: 70px;
  border-radius: 5px;
  padding: 5px 0;
  padding-right: 10px;
}

.navBott .mobileBox .erItem {
  width: 100%;
  margin-bottom: 0;
  text-align: left;
  padding-bottom: 0;
  border-radius: 0;
  padding-top: 0;
}

.navBott .mobileBox .inpSea {
  font-size: 16px;
  color: #e6212a;
  flex: 1;
  margin-right: 10px;
  margin-left: 10px;
}

.navBott .mobileBox .inpSea::-webkit-input-placeholder {
  color: #e6212a;
}

.navBott .mobileBox .inpSea:-moz-placeholder {
  color: #e6212a;
}

.navBott .mobileBox .inpSea::-moz-placeholder {
  color: #e6212a;
}

.navBott .mobileBox .inpSea:-ms-input-placeholder {
  color: #e6212a;
}

.navBott .mobileBox .souIcon {
  font-size: 18px;
  color: #e6212a;
}

.navBott .mobileBox .subIcon {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
}

.navBott .mobileBox .mobileNav {
  width: 100%;
  padding-top: 20px;
}

.navBott .mobileBox .mobileYi {
  font-size: 16px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 25px;
  margin-bottom: 20px;
  line-height: 20px;
  word-break: break-all;
}

.navBott .mobileBox .mobileYi a {
  color: #ffffff;
}

.navBott .mobileBox .mobileYi span {
  transition: 0.2s;
}

.navBott .mobileBox .erPhone {
  margin-left: 20px;
  display: none;
}

.navBott .mobileBox .zhanActive {
  transform: rotate(90deg);
}

.navBott .mobileBox .yiZhan {
  margin-left: 10px;
}

.navBott .mobileBox .sanPhone {
  font-size: 14px;
  color: #ffffff;
  margin-left: 45px;
  display: none;
}

.navBott .mobileBox .sanPhone a {
  color: #ffffff;
  display: block;
  margin-bottom: 15px;
}

.navBott .mobileBox::-webkit-scrollbar {
  display: none;
}

.navBott .erjiWrap {
  width: max-content;
  position: absolute;
  top: 100%;
  transform: translateX(-32%);
  background-color: #ffffff;
  display: none;
}

.navBott .erjiBox {
  display: flex;
}

.navBott .erjiItem {
  padding-top: 30px;
  padding-bottom: 22px;
  border: 1px solid #e5e5e5;
  text-align: center;
}

.navBott .erjiItem:nth-child(2) .erjiList a:hover {
  background-color: rgba(255, 138, 0, 0.1);
}

.navBott .erjiItem:nth-child(2) .erjiName a:hover {
  color: #ff8a00;
}

.navBott .erjiItem:nth-child(3) .erjiList a:hover {
  background-color: rgba(93, 196, 235, 0.1);
}

.navBott .erjiItem:nth-child(3) .erjiName a:hover {
  color: #5dc4eb;
}

.navBott .erjiName {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #333333;
}

.navBott .erjiName a {
  color: #333333;
  padding: 0 35px;
}

.navBott .erjiName a:hover {
  color: #e62129;
}

.navBott .navList > li:nth-child(2) .erjiItem:nth-child(1) .erjiList a {
  display: flex;
  align-items: center;
}

.navBott .erjiList {
  margin-top: 19px;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #333333;
}

.navBott .erjiList a {
  color: #333333;
  padding: 8px 35px;
  margin-bottom: 1px;
  display: block;
}

.navBott .erjiList a img {
  margin-right: 10px;
}

.navBott .erjiList a:hover {
  background-color: rgba(230, 33, 41, 0.1);
}

.navBott .erjiList a:hover .erjiIcon1 {
  display: none;
}

.navBott .erjiList a:hover .erjiIcon2 {
  display: block;
}

.navBott .erjiIcon1 {
  display: block;
}

.navBott .erjiIcon2 {
  display: none;
}

.navBott .checkBtn {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #333333;
  text-align: center;
  margin-top: 20px;
  display: block;
}

.navBott .checkBtn:hover {
  color: #e6212a;
}

.banner {
  position: relative;
  z-index: 2;
  line-height: 0;
  font-size: 0;
  background-color: #f1f5f8;
}

.banner img {
  width: 100%;
  display: block;
}

.banner .bannerQie {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: 0.2s;
  z-index: 100;
  font-size: 22px;
  color: #ffffff;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  line-height: 60px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
}

.banner .bannerQie:hover {
  color: #e6212a;
}

.banner .slick-prev {
  left: 53px;
}

.banner .slick-next {
  right: 53px;
}

.banner .hide {
  display: none;
}

@media screen and (max-width: 959px) {
  .banner .banner {
    display: block;
  }
  .banner .banner.hide {
    display: block;
  }
  .banner .banner2 {
    display: none;
  }
}

.banner .slick-list,
.banner .slick-slider,
.banner .slick-track {
  position: relative;
  display: block;
}

.banner .slick-loading .slick-slide,
.banner .slick-loading .slick-track {
  visibility: hidden;
}

.banner .slick-slider {
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.banner .slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.banner .slick-list:focus {
  outline: 0;
}

.banner .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.banner .slick-slider .slick-list,
.banner .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.banner .slick-track {
  top: 0;
  left: 0;
}

.banner .slick-track:after,
.banner .slick-track:before {
  display: table;
  content: '';
}

.banner .slick-track:after {
  clear: both;
}

.banner .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

.banner [dir=rtl] .slick-slide {
  float: right;
}

.banner .slick-slide img {
  display: block;
}

.banner .slick-slide.slick-loading img {
  display: none;
}

.banner .slick-slide.dragging img {
  pointer-events: none;
}

.banner .slick-initialized .slick-slide {
  display: block;
}

.banner .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.banner .slick-arrow.slick-hidden {
  display: none;
}

.banner .slick-dots .slide-count {
  display: none;
}

.banner .slick-slide {
  position: relative;
}

.banner .slick-slide iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.banner .slick-slide video {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 101%;
  min-height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  display: none \9;
  display: block \9\0;
}

@media screen and (max-width: 991px) {
  .banner .slick-slide video {
    object-position: inherit;
    object-fit: inherit;
    width: 100%;
    height: 100%;
    transform: translate(0, 0);
    left: 0;
    top: 0;
  }
}

.banner .bannerCont {
  width: 688px;
  position: absolute;
  left: calc((100vw - 1680px) / 2);
  bottom: 95px;
  line-height: 1.2;
}

.banner .bannName {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 30px;
  color: #ffffff;
}

.banner .bannName a {
  color: #ffffff;
}

.banner .bannName a:hover {
  color: #e6212a;
}

.banner .bannTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  margin-top: 9px;
}

.banner .bannTxt em {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
}

.profRefe {
  background-color: #f1f5f8;
  position: relative;
}

.profRefe .prBlock1 {
  width: 127px;
  display: block;
  position: absolute;
  top: 94px;
  left: 0;
}

.profRefe .prBlock2 {
  width: 129px;
  display: block;
  position: absolute;
  top: 273px;
  right: 0;
}

.profRefe .prBlock3 {
  width: 491px;
  display: block;
  position: absolute;
  top: 23%;
  left: 0;
}

.biao42 {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 42px;
  color: #e6212a;
  text-align: center;
}

.biao42 a {
  color: #e6212a;
}

.biao42 a:hover {
  color: #5dc4eb;
}

.profBox {
  position: relative;
  z-index: 100;
  padding-top: 37px;
}

.profBox .profTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 28px;
  color: #666666;
  margin-top: 8px;
  text-align: center;
}

.profBox .profSwiper {
  width: 100%;
  overflow: hidden;
  margin-top: 19px;
}

.profBox .swiper-slide {
  background-color: #ffffff;
  border-radius: 0px 40px 0px 40px;
  overflow: hidden;
  height: auto;
}

.profBox .profImg {
  border-radius: 0px 40px 0px 0px;
  overflow: hidden;
  display: block;
  width: 100%;
}

.profBox .profImg img {
  width: 100%;
  display: block;
}

.profBox .profImg:hover img {
  transform: scale(1.2);
}

.profBox .profInfo {
  position: relative;
  padding: 24px 33px 37px 31px;
}

.profBox .profBtn {
  width: 52px;
  height: 52px;
  background-color: #ffffff;
  box-shadow: 0px 0px 29px 0px rgba(5, 79, 107, 0.27);
  border-radius: 50%;
  text-align: center;
  position: absolute;
  top: 0;
  right: 20px;
  transform: translateY(-50%);
  z-index: 100;
  display: block;
}

.profBox .profBtn span {
  font-size: 20px;
  color: #5dc4eb;
  line-height: 52px;
  transition: 0.2s;
}

.profBox .profBtn:hover {
  background-color: #e6212a;
}

.profBox .profBtn:hover span {
  color: #ffffff;
}

.profBox .profName {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 22px;
  color: #5dc4eb;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-align: center;
}

.profBox .profName a {
  color: #5dc4eb;
}

.profBox .profName a:hover {
  color: #e6212a;
}

.profBox .profCont {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 28px;
  color: #777777;
  margin-top: 5px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.refeBox {
  position: relative;
  padding-top: 61px;
  z-index: 100;
  padding-bottom: 67px;
}

.refeBox .prBlock4 {
  width: 168px;
  position: absolute;
  top: 36px;
  right: 34px;
  display: block;
}

.refeBox .biao42 {
  position: relative;
  z-index: 100;
}

.refeBox .refeTips {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 28px;
  color: #666666;
  margin-top: 6px;
  padding: 0 250px;
  position: relative;
  z-index: 100;
  text-align: center;
}

.refeBox .refeList {
  margin-top: 22px;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  height: 614px;
}

.refeBox .refeItem {
  width: 23.81%;
  margin-right: 1.5%;
  background-color: #ffffff;
  box-shadow: 0px 3px 59px 0px rgba(25, 95, 122, 0.1);
  border-radius: 0px 40px 0px 40px;
  overflow: hidden;
  min-height: 580px;
}

.refeBox .refeItem:nth-child(4n) {
  margin-right: 0;
}

.refeBox .refeImg {
  width: 100%;
  display: block;
  border-radius: 0px 40px 0px 0px;
  overflow: hidden;
}

.refeBox .refeImg img {
  width: 100%;
  display: block;
}

.refeBox .refeImg:hover img {
  transform: scale(1.2);
}

.refeBox .refeInfo {
  position: relative;
  padding: 24px 99px 44px 29px;
  background-color: #ffffff;
  transition: 0.2s;
}

.refeBox .refeName {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #5dc4eb;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.refeBox .refeName a {
  color: #5dc4eb;
}

.refeBox .refeName a:hover {
  color: #e6212a;
}

.refeBox .refeTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 26px;
  color: #666666;
  margin-top: 13px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  min-height: 130px;
}

.refeBox .refeAddr {
  display: flex;
  align-items: center;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #333333;
  margin-top: 16px;
}

.refeBox .refeAddr span {
  font-size: 22px;
  color: #ff8a00;
  margin-right: 10px;
}

.refeBox .refeBtn {
  display: none;
  align-items: center;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ffffff;
  padding: 4px 7px;
  padding-left: 13px;
  background-color: #e6212a;
  border: 1px solid #e6212a;
  border-radius: 0px 20px 20px 20px;
  margin-top: 30px;
  width: max-content;
  max-width: 100%;
}

.refeBox .refeBtn span {
  font-size: 16px;
  color: #e6212a;
  width: 30px;
  height: 30px;
  background-color: #ffffff;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
  margin-left: 13px;
  transition: 0.2s;
}

.refeBox .refeBtn:hover {
  background-color: #ffffff;
  color: #e6212a;
}

.refeBox .refeBtn:hover span {
  background-color: #e6212a;
  color: #ffffff;
}

.refeBox .refeItem:hover .refeInfo {
  margin-top: -85px;
  padding-top: 22px;
  padding-bottom: 42px;
}

.refeBox .refeItem:hover .refeTxt {
  -webkit-line-clamp: 7;
}

.refeBox .refeItem:hover .refeBtn {
  display: flex;
}

.refeBox .seeBtn {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #ffffff;
  padding: 13px 46px;
  background-color: #5dc4eb;
  display: block;
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
  margin-top: 45px;
}

.refeBox .seeBtn:hover {
  background-color: #e6212a;
}

.whyWrap {
  position: relative;
  margin-top: 62px;
}

.whyWrap .whyBox {
  position: relative;
  z-index: 100;
}

.whyWrap .whyTop {
  position: relative;
  padding-bottom: 54px;
}

.whyWrap .whyTop .biao42 {
  width: 777px;
  position: relative;
  z-index: 100;
  text-align: left;
}

.whyWrap .whyBlock {
  width: 51.78%;
  position: absolute;
  bottom: 0;
  right: 17%;
}

.whyWrap .whyList {
  position: relative;
  z-index: 200;
  margin-top: -29px;
}

.whyWrap .whyItem {
  background-color: #f4fcff;
  display: flex;
  align-items: start;
  padding: 14px 11px;
  padding-right: 64px;
  margin-bottom: 27px;
}

.whyWrap .whyImg {
  display: flex;
  justify-content: space-between;
  width: 34.4%;
  overflow: hidden;
}

.whyWrap .whyImg img {
  width: 49.5%;
  border-radius: 0px 100px 0px 100px;
}

.whyWrap .whyInfo {
  margin-left: 48px;
  flex: 1;
  margin-top: 35px;
}

.whyWrap .whyName {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 36px;
  color: #5dc4eb;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.whyWrap .whyName a {
  color: #5dc4eb;
  text-underline-offset: 8px;
}

.whyWrap .whyName a:hover {
  text-decoration: underline;
}

.whyWrap .whyTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #444444;
  margin-top: 23px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.whyWrap .whyItem:nth-child(even) {
  flex-direction: row-reverse;
  padding: 14px 11px;
  padding-left: 64px;
}

.whyWrap .whyItem:nth-child(even) .whyInfo {
  margin-left: 0;
  margin-right: 60px;
}

.whyWrap .whyItem:nth-child(2) {
  background-color: #fff6f6;
}

.whyWrap .whyItem:nth-child(2) .whyName {
  color: #e6212a;
}

.whyWrap .whyItem:nth-child(2) .whyName a {
  color: #e6212a;
}

.whyWrap .whyItem:nth-child(3) {
  background-color: #f1fff8;
}

.whyWrap .whyItem:nth-child(3) .whyName {
  color: #009b4c;
}

.whyWrap .whyItem:nth-child(3) .whyName a {
  color: #009b4c;
}

.whyWrap .whyItem:nth-child(4) {
  background-color: #fffeed;
}

.whyWrap .whyItem:nth-child(4) .whyName {
  color: #edc100;
}

.whyWrap .whyItem:nth-child(4) .whyName a {
  color: #edc100;
}

.whyWrap .whyIcon1 {
  width: 111px;
  display: block;
  position: absolute;
  top: 43px;
  right: 0;
}

.whyWrap .whyIcon2 {
  width: 145px;
  display: block;
  position: absolute;
  top: 29.5%;
  left: 0;
}

.whyWrap .whyIcon3 {
  width: 162px;
  display: block;
  position: absolute;
  right: 0;
  bottom: 163px;
}

.makeWrap {
  background-color: #f1f5f8;
  padding-top: 50px;
  margin-top: 66px;
  position: relative;
}

.makeWrap .blockImg {
  width: 25.42%;
  position: absolute;
  left: 0;
  bottom: 0;
}

.makeWrap .makeBox {
  position: relative;
  z-index: 100;
}

.makeWrap .makeTop {
  display: flex;
  align-items: center;
}

.makeWrap .makeTop img {
  width: 44.58%;
  display: block;
  margin-left: 18px;
}

.makeWrap .biao42 {
  text-align: left;
  flex-shrink: 0;
  font-size: 48px;
}

.makeWrap .parkBox {
  margin-top: 27px;
  display: flex;
  align-items: start;
  justify-content: space-between;
}

.makeWrap .parkLeft {
  width: 42.62%;
  display: block;
  overflow: hidden;
  border-radius: 0px 100px 0px 0px;
}

.makeWrap .parkLeft img {
  width: 100%;
  display: block;
}

.makeWrap .parkLeft:hover img {
  transform: scale(1.2);
}

.makeWrap .parkRight {
  width: 54.4%;
  margin-top: 9px;
}

.makeWrap .parkTit {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 36px;
  color: #8856ad;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.makeWrap .parkTit a {
  color: #8856ad;
  display: block;
}

.makeWrap .parkTit a:hover {
  color: #e6212a;
}

.makeWrap .parkTips {
  font-family: Montserrat-Light,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  margin-top: 11px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.makeWrap .parkTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #333333;
  line-height: 36px;
  margin-top: 7px;
  padding-left: 23px;
}

.makeWrap .parkTxt em {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  position: relative;
}

.makeWrap .parkTxt em::before {
  width: 8px;
  height: 8px;
  background-color: #e6212a;
  border-radius: 50%;
  content: '';
  flex-shrink: 0;
  position: absolute;
  top: 7px;
  left: -23px;
}

.makeWrap .parkCont {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #e6212a;
  position: relative;
  margin-top: 31px;
  width: max-content;
  max-width: 100%;
}

.makeWrap .parkCont::after {
  width: calc(100% - 17px);
  height: 1px;
  background-color: #e6212a;
  content: '';
  position: absolute;
  left: 0;
  bottom: -7px;
}

.makeWrap .parkBtn {
  display: flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #ffffff;
  background-color: #e6212a;
  border: 1px solid #e6212a;
  border-radius: 0px 20px 20px 20px;
  padding: 4px 5px;
  padding-left: 13px;
  margin-top: 45px;
}

.makeWrap .parkBtn span {
  font-size: 18px;
  color: #e6212a;
  width: 30px;
  height: 30px;
  background-color: #ffffff;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
  margin-left: 13px;
  transition: 0.2s;
}

.makeWrap .parkBtn:hover {
  background-color: #ffffff;
  color: #e6212a;
}

.makeWrap .parkBtn:hover span {
  background-color: #e6212a;
  color: #ffffff;
}

.makeWrap .parkImg {
  width: 100%;
  display: block;
  box-shadow: 0px 7px 84px 0px rgba(10, 74, 98, 0.12);
  border-radius: 0px 0px 100px 0px;
  overflow: hidden;
  margin-top: 49px;
}

.makeWrap .parkImg img {
  width: 100%;
  display: block;
}

.makeWrap .parkImg:hover img {
  transform: scale(1.2);
}

.makeWrap .keepBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 68px;
  padding-bottom: 56px;
}

.makeWrap .keepBlock {
  width: 168px;
  display: block;
  position: absolute;
  bottom: 34%;
  right: 56px;
}

.makeWrap .makeBlock {
  width: 29.46%;
  position: absolute;
  bottom: 0;
  left: 25%;
}

.makeWrap .keepLeft {
  width: 48.51%;
}

.makeWrap .keepTit {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 36px;
  color: #5dc4eb;
  width: 63%;
}

.makeWrap .keepTit a {
  color: #5dc4eb;
  display: block;
}

.makeWrap .keepTit a:hover {
  color: #e6212a;
}

.makeWrap .keepTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  margin-top: 20px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
}

.makeWrap .keepBtn {
  display: flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #ffffff;
  background-color: #5dc4eb;
  border-radius: 0px 20px 20px 20px;
  padding: 5px 5px;
  padding-left: 13px;
  margin-top: 59px;
}

.makeWrap .keepBtn span {
  font-size: 18px;
  color: #5dc4eb;
  width: 30px;
  height: 30px;
  background-color: #ffffff;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
  margin-left: 13px;
  transition: 0.2s;
}

.makeWrap .keepBtn:hover {
  background-color: #e6212a;
}

.makeWrap .keepBtn:hover span {
  color: #e6212a;
}

.makeWrap .keepRight {
  width: 45.77%;
  display: block;
  overflow: hidden;
}

.makeWrap .keepRight img {
  width: 100%;
  display: block;
}

.getWrap {
  position: relative;
  margin-top: 156px;
}

.getWrap .getBlock1 {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 139px;
}

.getWrap .getBlock2 {
  right: 9px;
  top: -4%;
  position: absolute;
  width: 129px;
  z-index: 50;
}

.getWrap .getBox {
  position: relative;
  z-index: 100;
}

.getWrap .getLeft {
  background-color: #effaf5;
  border-radius: 0px 0px 0px 70px;
  padding: 37px 0 24px 132px;
  width: 86%;
}

.getWrap .getCont {
  width: 62%;
}

.getWrap .biao42 {
  text-align: left;
  color: #e6212a;
}

.getWrap .getTips {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
  margin-top: 11px;
}

.getWrap .getList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 53px;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #333333;
}

.getWrap .getList p {
  width: 47%;
  position: relative;
  margin-bottom: 27px;
  padding-left: 28px;
}

.getWrap .getList p::before {
  width: 19px;
  height: 19px;
  content: '';
  background: url("../images/duigou1.png") center center/cover no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}

.getWrap .getRight {
  width: 31.96%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.getWrap .getImg {
  width: 100%;
  display: block;
  border-radius: 50%;
  overflow: hidden;
}

.getWrap .getImg img {
  width: 100%;
  display: block;
}

.getWrap .getBtn {
  position: absolute;
  left: -53px;
  bottom: -87px;
  background: url("../images/get2.png") center center/cover no-repeat;
  width: 287px;
  height: 270px;
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 28px;
  color: #ffffff;
  text-align: center;
  padding: 0 82px;
  padding-top: 82px;
  text-transform: uppercase;
}

.getWrap .getBtn:hover {
  color: #e6212a;
}

.procWrap {
  position: relative;
  margin-top: 118px;
}

.procWrap .npBlock1 {
  width: 129px;
  display: block;
  position: absolute;
  bottom: 11px;
  left: 8px;
  z-index: 100;
}

.procWrap .npBlock2 {
  width: 138px;
  display: block;
  position: absolute;
  bottom: -165px;
  left: 0;
  z-index: 50;
}

.procWrap .procBox {
  position: relative;
  z-index: 200;
}

.procWrap .procTips {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 28px;
  color: #666666;
  margin-top: 20px;
  text-align: center;
}

.procWrap .procSwiper1 {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-top: 28px;
}

.procWrap .procSwiper1 .swiper-slide {
  padding-bottom: 30px;
  height: auto;
  cursor: pointer;
}

.procWrap .procSwiper1 .swiper-slide-thumb-active .stepTxt {
  background-color: #0e3f51;
}

.procWrap .procSwiper1 .swiper-slide-thumb-active .projName {
  color: #0e3f51;
}

.procWrap .procSwiper1 .swiper-slide-thumb-active .jiaoImg {
  opacity: 1;
}

.procWrap .procSwiper1::after {
  width: 96%;
  height: 1px;
  background-color: #000000;
  opacity: 0.2;
  position: absolute;
  top: 49px;
  left: 50%;
  transform: translateX(-50%);
  content: '';
}

.procWrap .stepTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 22px;
  color: #ffffff;
  width: 100px;
  height: 100px;
  background-color: #5dc4eb;
  box-shadow: 0px 0px 54px 0px rgba(12, 139, 70, 0.04);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: 0.2s;
  flex-direction: column;
  margin: 0 auto;
}

.procWrap .stepTxt em {
  font-size: 24px;
}

.procWrap .projName {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 24px;
  color: #333333;
  text-align: center;
  margin-top: 13px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.procWrap .jiaoImg {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 25px;
  display: block;
  opacity: 0;
}

.procWrap .procSwiper2 {
  background-color: #0e3f51;
  box-shadow: 0px 3px 59px 0px rgba(0, 155, 76, 0.1);
  border-radius: 30px;
  overflow: hidden;
  padding: 29px 25px;
  padding-bottom: 34px;
  padding-right: 0px;
  position: relative;
}

.procWrap .procSwiper2 .swiper-slide {
  display: flex;
  align-items: start;
  padding-right: 207px;
}

.procWrap .procImg {
  width: 28.8%;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  flex-shrink: 0;
}

.procWrap .procImg img {
  width: 100%;
  display: block;
}

.procWrap .procImg:hover img {
  transform: scale(1.2);
}

.procWrap .procInfo {
  flex: 1;
  margin-left: 46px;
  margin-top: 8px;
}

.procWrap .procName {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 30px;
  color: #ffffff;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.procWrap .procName a {
  color: #ffffff;
}

.procWrap .procName a:hover {
  color: #e6212a;
}

.procWrap .procTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  margin-top: 13px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
}

.procWrap .procQie {
  display: flex;
  align-items: center;
  position: absolute;
  right: 43px;
  bottom: 44px;
  z-index: 100;
}

.procWrap .procQie span {
  color: #ffffff;
  opacity: 0.5;
  font-size: 40px;
  transition: 0.2s;
  cursor: pointer;
  margin-left: 30px;
}

.procWrap .procQie span:first-child {
  margin-left: 0;
}

.procWrap .procQie span:hover {
  font-size: 72px;
  opacity: 1;
}

.newsPart {
  background-color: #f4fcff;
  position: relative;
}

.newsPart .newsBlock {
  width: 85px;
  position: absolute;
  display: block;
  bottom: -190px;
  right: 0;
  z-index: 100;
}

.newsBox {
  padding-top: 36px;
  margin-top: 42px;
  position: relative;
  z-index: 100;
}

.newsBox .newsBott {
  margin-top: 17px;
  display: flex;
  justify-content: space-between;
  align-items: start;
}

.newsBox .newsLeft {
  width: 48.33%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.newsBox .bigImg {
  width: 100%;
  display: block;
  overflow: hidden;
  border-radius: 10px;
}

.newsBox .bigImg img {
  width: 100%;
  display: block;
}

.newsBox .bigImg:hover img {
  transform: scale(1.2);
}

.newsBox .newsMask {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(1, 163, 229, 0.7);
  padding: 30px 67px 18px 39px;
}

.newsBox .bigName {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.newsBox .bigName a {
  color: #ffffff;
  display: block;
}

.newsBox .bigName a:hover {
  color: #e6212a;
}

.newsBox .bigDate {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ffffff;
  margin-top: 14px;
}

.newsBox .newsRight {
  width: 50.29%;
}

.newsBox .newsItem {
  display: flex;
  align-items: center;
  margin-bottom: 23px;
}

.newsBox .newsItem:last-child {
  margin-bottom: 0;
}

.newsBox .newsImg {
  width: 28.99%;
  border-radius: 10px;
  overflow: hidden;
}

.newsBox .newsImg img {
  width: 100%;
  display: block;
}

.newsBox .newsImg:hover img {
  transform: scale(1.2);
}

.newsBox .newsInfo {
  flex: 1;
  margin-left: 26px;
}

.newsBox .newsName {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 26px;
  color: #333333;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.newsBox .newsName a {
  color: #333333;
  display: block;
}

.newsBox .newsName a:hover {
  color: #e6212a;
}

.newsBox .newsTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #888888;
  margin-top: 8px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.newsBox .newsBtn {
  width: max-content;
  margin: 0 auto;
  max-width: 100%;
  margin-top: 38px;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #ffffff;
  padding: 13px 46px;
  background-color: #5dc4eb;
  display: block;
}

.newsBox .newsBtn:hover {
  background-color: #e6212a;
}

.partBox {
  margin-top: 63px;
  padding-bottom: 70px;
}

.partBox .partSwiper {
  width: 100%;
  overflow: hidden;
  margin-top: 18px;
}

.partBox .partSwiper img {
  width: 100%;
  display: block;
}

.partBox .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.footWrap {
  background-color: #d8e9ef;
  padding-top: 27px;
  padding-bottom: 27px;
  position: relative;
}

.footWrap .footBlock {
  width: 103px;
  height: 390px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.footWrap .footTop {
  display: flex;
  justify-content: space-between;
  align-items: start;
  position: relative;
  z-index: 200;
}

.footWrap .footA {
  width: 23.81%;
}

.footWrap .footLogo {
  width: 299px;
  display: block;
}

.footWrap .footLogo img {
  width: 100%;
  display: block;
}

.footWrap .addrBox {
  margin-top: 13px;
  padding-left: 32px;
}

.footWrap .footAddr {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #e6212a;
  position: relative;
}

.footWrap .footAddr::before {
  background: url("../images/foot2.png") center center/cover no-repeat;
  width: 28px;
  height: 33px;
  content: '';
  position: absolute;
  top: -7px;
  left: -32px;
}

.footWrap .addrTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 28px;
  color: #666666;
  padding-right: 60px;
  margin-top: 3px;
}

.footWrap .footEmail {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #e6212a;
  margin-top: 25px;
}

.footWrap .footEmail a {
  color: #e6212a;
}

.footWrap .footEmail a:hover {
  color: #5dc4eb;
}

.footWrap .footPhone {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #333333;
  margin-top: 10px;
}

.footWrap .footPhone em {
  color: #e6212a;
}

.footWrap .funBox {
  width: 100%;
  margin-top: 28px;
}

.footWrap .funBox img {
  width: 100%;
  display: block;
}

.footWrap .footItem {
  max-width: 11%;
  margin-top: 20px;
}

.footWrap .footName {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #333333;
}

.footWrap .footName a {
  color: #333333;
}

.footWrap .footName a:hover {
  color: #e6212a;
}

.footWrap .kaiIcon {
  font-size: 18px;
  color: #333333;
  transition: 0.2s;
  transition: 0.2s;
  margin-left: 10px;
  display: none;
}

.footWrap .footNav {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 36px;
  color: #666666;
  margin-top: 10px;
}

.footWrap .footNav a {
  color: #666666;
  display: block;
}

.footWrap .footNav a:hover {
  color: #e6212a;
}

.footWrap .footD {
  width: 24.4%;
  margin-top: 20px;
}

.footWrap .footForm {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 25px;
}

.footWrap .footInput {
  width: 49.02%;
  background-color: #f7f6fb;
  border-radius: 20px;
  border: solid 1px #e5e5e5;
  height: 41px;
  padding: 0 17px;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #999999;
  margin-bottom: 10px;
}

.footWrap .footInput::-webkit-input-placeholder {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #999999;
}

.footWrap .footInput:-moz-placeholder {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #999999;
}

.footWrap .footInput::-moz-placeholder {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #999999;
}

.footWrap .footInput:-ms-input-placeholder {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #999999;
}

.footWrap .footArea {
  width: 100%;
  height: 91px;
  background-color: #f7f6fb;
  border-radius: 20px;
  border: solid 1px #e5e5e5;
  padding: 11px 17px;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #999999;
  margin-bottom: 10px;
}

.footWrap .footArea::-webkit-input-placeholder {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #999999;
}

.footWrap .footArea:-moz-placeholder {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #999999;
}

.footWrap .footArea::-moz-placeholder {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #999999;
}

.footWrap .footArea:-ms-input-placeholder {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #999999;
}

.footWrap .captBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background-color: #f7f6fb;
  border-radius: 20px;
  border: solid 1px #e5e5e5;
  padding-right: 5px;
}

.footWrap .captBox .footInput {
  width: 100%;
  margin-bottom: 0;
  border: none;
  height: 39px;
}

.footWrap .footCode {
  width: 110px;
  flex-shrink: 0;
  cursor: pointer;
}

.footWrap .footCode img {
  width: 100%;
  display: block;
}

.footWrap .footSend {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #ffffff;
  padding: 0 30px;
  height: 40px;
  background-color: #e62129;
  border-radius: 20px;
  transition: 0.2s;
  margin-top: 10px;
  text-transform: uppercase;
}

.footWrap .footSend:hover {
  background-color: #5dc4eb;
}

.footWrap .m-formcountry {
  position: relative;
  width: 49.02%;
  margin-bottom: 10px;
}

.footWrap .m-formcountry .footInput {
  width: 100%;
  margin-bottom: 0px;
}

.footWrap .m-formcountry .drop-btn {
  position: relative;
  width: 100%;
}

.footWrap .m-formcountry .drop-btn i, .footWrap .m-formcountry .drop-btn svg {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
}

.footWrap .m-formcountry .drop-list {
  display: none;
  border: 1px solid #e6e6e6;
  width: 100%;
  position: absolute;
  top: 100%;
  background-color: #fff;
  max-height: 223px;
  overflow-x: hidden;
  z-index: 10001;
  scrollbar-color: #333 rgba(0, 0, 0, 0.05);
  scrollbar-width: thin;
}

.footWrap .m-formcountry .drop-list::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.footWrap .m-formcountry .drop-list::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
}

.footWrap .m-formcountry .drop-list::-webkit-scrollbar-thumb {
  background-color: #333;
}

.footWrap .m-formcountry .drop-list li {
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  padding: 5px 27px;
  cursor: pointer;
  border-bottom: 1px solid #e6e6e6;
  color: #999;
}

.footWrap .m-formcountry .drop-list li.on {
  background-color: #e0e0e0;
}

.footWrap .footLine {
  width: 100%;
  height: 1px;
  background-color: #010101;
  opacity: 0.1;
  margin-top: 33px;
  position: relative;
  z-index: 200;
}

.footWrap .footBott {
  margin-top: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 200;
}

.footWrap .copyTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #999999;
  margin-bottom: 10px;
}

.footWrap .copyTxt a {
  color: #999999;
}

.footWrap .copyTxt a:hover {
  color: #e6212a;
}

.footWrap .reanodImg {
  display: inline-block;
  width: 76px;
  margin-left: 5px;
}

.footWrap .reanodImg img {
  width: 100%;
  display: block;
}

.footWrap .reanodImg:hover img {
  transform: scale(1.1);
}

.footWrap .footTeam {
  display: flex;
  align-items: center;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.footWrap .footTeam p {
  margin-bottom: 10px;
}

.footWrap .footShare {
  display: flex;
  flex-wrap: wrap;
  margin-left: 11px;
}

.footWrap .footShare a {
  width: 33px;
  display: block;
  margin-right: 3px;
  margin-bottom: 10px;
}

.footWrap .footShare a img {
  width: 100%;
  display: block;
}

.footWrap .footShare a:last-child {
  margin-right: 0;
}

.footWrap .footShare a:hover img {
  transform: scale(1.1);
}

.sideNav {
  position: fixed;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 500;
  width: 52px;
}

.sideNav .sideItem {
  width: 100%;
  background-color: #5dc4eb;
  transition: 0.2s;
  position: relative;
  margin-top: 1px;
  border-radius: 50%;
}

.sideNav .wxImg {
  max-width: unset;
  width: 120px;
  height: 120px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(100% + 10px);
  display: none;
}

.sideNav .sideBox {
  width: 100%;
  text-align: center;
  display: block;
}

.sideNav .sideBox span {
  font-size: 20px;
  color: #ffffff;
  line-height: 52px;
}

.sideNav .sideItem:hover {
  background-color: #e6212a;
}

.sideNav .phoneTxt {
  width: max-content;
  padding: 10px;
  font-size: 16px;
  color: #ffffff;
  background-color: #e6212a;
  position: absolute;
  right: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

.sideNav .phoneTxt a {
  color: #ffffff;
  text-underline-offset: 3px;
}

.sideNav .phoneTxt a:hover {
  text-decoration: underline;
}

.sideNav .goTop {
  cursor: pointer;
}

.sideNav .sideItem:last-child .sideBox span {
  font-size: 26px;
}

.blogWrap {
  margin-top: 45px;
}

.blogWrap .blogBox {
  margin-top: 24px;
  position: relative;
  padding: 0 87px;
}

.blogWrap .blogQie {
  position: absolute;
  top: 24%;
  color: rgba(51, 51, 51, 0.5);
  font-size: 22px;
  width: 40px;
  height: 40px;
  line-height: 38px;
  border: 2px solid rgba(51, 51, 51, 0.4);
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.2s;
  font-weight: bold;
}

.blogWrap .blogQie:hover {
  border: 2px solid #e6212a;
  color: #e6212a;
}

.blogWrap .blogPrev {
  left: 0px;
}

.blogWrap .blogNext {
  right: 0px;
}

.blogWrap .blogSwiper {
  width: 100%;
  overflow: hidden;
}

.blogWrap .blogImg {
  width: 100%;
  display: block;
  overflow: hidden;
}

.blogWrap .blogImg img {
  width: 100%;
  display: block;
}

.blogWrap .blogImg:hover img {
  transform: scale(1.1);
}

.blogWrap .blogName {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 22px;
  line-height: 34px;
  color: #333333;
  margin-top: 18px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.blogWrap .blogName a {
  color: #333333;
  display: block;
}

.blogWrap .blogName a:hover {
  color: #e6212a;
}

.blogWrap .blogTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 28px;
  color: #666666;
  margin-top: 16px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.blogWrap .blogBtn {
  display: flex;
  align-items: center;
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #ff8a00;
  margin-top: 28px;
}

.blogWrap .blogBtn span {
  font-size: 26px;
  color: #ff8a00;
  margin-left: 10px;
  transition: 0.2s;
}

.blogWrap .blogBtn:hover {
  color: #e6212a;
}

.blogWrap .blogBtn:hover span {
  color: #e6212a;
}

.crumbsBox {
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 28px;
  color: #cccccc;
}

.crumbsBox a {
  color: #cccccc;
}

.crumbsBox a:hover {
  color: #ffffff;
}

.crumbsBox .crumActive {
  color: #ffffff;
}

.crumbsBox .homeIcon {
  margin-right: 2px;
  font-size: 20px;
  color: #cccccc;
  display: inline-block;
  transform: translateY(1px);
}

.neiBnner .neiCont {
  width: 59.79%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.neiBnner .neiTit {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 50px;
  color: #ffffff;
}

.neiBnner .neiTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  margin-top: 13px;
}

.seleWrap {
  background-color: #f1f5f8;
  padding-top: 52px;
  padding-bottom: 52px;
}

.seleWrap .seleBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.seleWrap .seleImg {
  width: 41.84%;
  display: block;
  overflow: hidden;
}

.seleWrap .seleImg img {
  width: 100%;
  display: block;
}

.seleWrap .seleImg:hover img {
  transform: scale(1.1);
}

.seleWrap .seleInfo {
  width: 52.49%;
}

.seleWrap .biao42 {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #333333;
  text-align: left;
}

.seleWrap .biao42 a {
  color: #333333;
}

.seleWrap .biao42 a:hover {
  color: #e6212a;
}

.seleWrap .seleTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  margin-top: 31px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
}

.seleWrap .seleBtn {
  display: flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #ffffff;
  background-color: #e62129;
  border: 1px solid #e62129;
  border-radius: 0px 25px 25px 25px;
  margin-top: 45px;
  padding: 4px;
  padding-left: 17px;
}

.seleWrap .seleBtn span {
  font-size: 20px;
  color: #e62129;
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 50%;
  margin-left: 17px;
  line-height: 40px;
  text-align: center;
  transition: 0.2s;
}

.seleWrap .seleBtn:hover {
  background-color: #ffffff;
  color: #e6212a;
}

.seleWrap .seleBtn:hover span {
  background-color: #e6212a;
  color: #ffffff;
}

.softWrap {
  /*margin-top: 43px;*/
  margin-bottom: 80px;
  overflow: hidden;
}

.softWrap .biao42 {
  color: #333333;
  text-align: left;
}

.softWrap .biao42 a {
  color: #333333;
}

.softWrap .softTips {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
  line-height: 30px;
  margin-top: 18px;
}

.softWrap .softCate {
  display: flex;
  justify-content: center;
  margin-top: 23px;
}

.softWrap .softCate a {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #5dc4eb;
  width: 23.81%;
  text-align: center;
  padding: 21px 10px;
  border-radius: 10px 10px 0px 0px;
  border: solid 2px #5dc4eb;
  border-bottom: none;
  margin-right: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.softWrap .softCate a:last-child {
  margin-right: 0;
}

.softWrap .softCate a:hover {
  background-color: #5dc4eb;
  color: #ffffff;
}

.softWrap .softCate .softAct {
  background-color: #5dc4eb;
  color: #ffffff;
}

.softWrap .cateBott {
  border-radius: 10px;
  border: solid 2px #5dc4eb;
  padding: 20px 90px;
  padding-bottom: 28px;
}

.softWrap .cateList {
  display: flex;
  flex-wrap: wrap;
}

.softWrap .cateList a {
  display: flex;
  align-items: start;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #333333;
  margin-right: 62px;
  margin-top: 10px;
}

.softWrap .cateList a:last-child {
  margin-right: 0;
}

.softWrap .cateList a::before {
  content: '';
  background: url("../images/yuan1.png") center center/cover no-repeat;
  width: 9px;
  height: 9px;
  margin-right: 7px;
  margin-top: 5px;
  flex-shrink: 0;
}

.softWrap .cateList a:hover {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
}

.softWrap .cateList a:hover::before {
  background: url("../images/kuai1.png") center center/cover no-repeat;
  height: 11px;
}

.softWrap .cateList .cateAct {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
}

.softWrap .cateList .cateAct::before {
  background: url("../images/kuai1.png") center center/cover no-repeat;
  height: 11px;
}

.softWrap .playBox {
  margin-top: 22px;
  display: flex;
  align-items: start;
  justify-content: space-between;
}

.softWrap .playLeft {
  width: 48.45%;
}

.softWrap .playRight {
  flex: 1;
  margin-left: 63px;
}

.softWrap .playItem {
  margin-bottom: 20px;
}

.softWrap .playItem:last-child {
  margin-bottom: 0;
}

.softWrap .playName {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #333333;
}

.softWrap .playList {
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
}

.softWrap .xuanItem {
  margin-right: 64px;
  display: flex;
  align-items: center;
  margin-bottom: 19px;
}

.softWrap .xuanItem input {
  width: 14px;
  height: 14px;
  background-color: #ffffff;
  border: solid 1px #cccccc;
  flex-shrink: 0;
  cursor: pointer;
  position: relative;
  outline: none;
  box-sizing: border-box;
  -webkit-appearance: none;
}

.softWrap .xuanItem input[type="checkbox"]::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
}

.softWrap .xuanItem input[type="checkbox"]:checked::before {
  position: absolute;
  top: 30%;
  left: 57%;
  transform: translate(-50%, -50%);
  opacity: 1;
  background: url("../images/duigou2.png") center center/cover no-repeat;
  width: 14px;
  height: 14px;
  content: '';
}

.softWrap .xuanItem label {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #333333;
  margin-left: 7px;
}

.softWrap .chanList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 27px;
}

.softWrap .chanList::after{
    width: 32.14%;
    content: '';
}

.softWrap .chanItem {
  width: 32.14%;
  margin-bottom: 26px;
  box-shadow: 0px 3px 59px 0px rgba(25, 95, 122, 0.1);
}

.softWrap .chanTop {
  width: 100%;
  position: relative;
}

.softWrap .chanImg {
  width: 100%;
  display: block;
  overflow: hidden;
}

.softWrap .chanImg img {
  width: 100%;
  display: block;
}

.softWrap .chanImg:hover img {
  transform: scale(1.1);
}

.softWrap .chanMask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.9);
  padding: 49px 10px 10px 34px;
  display: none;
}

.softWrap .maskTop {
  display: flex;
  align-items: flex-end;
}

.softWrap .detaName {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #ffffff;
}

.softWrap .switchName {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  text-decoration: underline;
  font-size: 12px;
  color: #ffffff;
  margin-left: 9px;
  margin-bottom: 4px;
  text-underline-offset: 4px;
  cursor: pointer;
}

.softWrap .switchName p:nth-child(2) {
  display: none;
}

.softWrap .maskCont {
  margin-top: 6px;
}

.softWrap .maskTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 28px;
  color: #ffffff;
}

.softWrap .maskTxt em {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
}

.softWrap .maskTxt:nth-child(2) {
  display: none;
}

.softWrap .viewBtn {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ffffff;
  border-radius: 0px 20px 20px 20px;
  border: solid 2px #ffffff;
  padding: 9.5px 13px;
  display: block;
  width: max-content;
  max-width: 100%;
  margin-top: 49px;
}

.softWrap .viewBtn:hover {
  background-color: #ffffff;
  color: #e6212a;
}

.softWrap .specBtn {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #ffffff;
  border-radius: 0px 0px 0px 25px;
  padding: 8.5px 20px;
  padding-right: 13px;
  display: flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #333333;
  cursor: pointer;
}

.softWrap .specBtn span {
  color: #333333;
  font-size: 14px;
  margin-left: 9px;
  transition: 0.2s;
}

.softWrap .specAct span {
  transform: rotate(45deg);
}

.softWrap .chanInfo {
  margin-top: 20px;
  padding: 0 21px 18px 37px;
}

.softWrap .chanName {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #222222;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.softWrap .chanName a {
  color: #222222;
}

.softWrap .chanName a:hover {
  color: #ff8a00;
}

.softWrap .chanTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #444444;
  margin-top: 4px;
}

.softWrap .chanPrice {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #222222;
  margin-top: 18px;
}

.softWrap .chanBtn {
  display: flex;
  justify-content: flex-end;
  margin-top: 5px;
}

.softWrap .chanBtn a {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ff8a00;
  padding: 9.5px 13px;
  border-radius: 0px 20px 20px 20px;
  border: solid 2px #ff8a00;
  cursor: pointer;
}

.softWrap .chanBtn a:hover {
  background-color: #ff8a00;
  color: #ffffff;
}

.pagingBox {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 24px;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #333333;
}

.pagingBox a {
  width: 35px;
  height: 35px;
  line-height: 36px;
  text-align: center;
  background-color: #eeeeee;
  border-radius: 4px;
  margin-right: 8px;
  color: #333333;
  margin-top: 10px;
}

.pagingBox a:hover {
  background-color: #5dc4eb;
  color: #ffffff;
}

.pagingBox a:hover span {
  color: #ffffff;
}

.pagingBox span {
  font-size: 16px;
}

.pagingBox .pagingAct {
  background-color: #5dc4eb;
  color: #ffffff;
}

.pagingBox .pagingAct span {
  color: #ffffff;
}

.prodCrum {
  background-color: #eeeeee;
  padding: 15px 0px;
}

.prodCrum .crumbsBox {
  position: unset;
  transform: none;
  color: #999999;
}

.prodCrum .crumbsBox a {
  color: #999999;
}

.prodCrum .crumbsBox a:hover {
  color: #333333;
}

.prodCrum .crumbsBox .crumActive {
  color: #333333;
}

.detailTop {
  margin-top: 28px;
  display: flex;
  align-items: start;
  justify-content: space-between;
}

.detailTop .detaLeft {
  width: 57.48%;
  margin-top: 8px;
}

.detailTop .dtSwiper1 {
  border: solid 1px #cccccc;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.detailTop .dtSwiper1 a {
  width: 100%;
  display: block;
}

.detailTop .dtSwiper1 a img {
  width: 100%;
  display: block;
}

.detailTop .fangIcon {
  position: absolute;
  font-size: 30px;
  color: #e62129;
  width: 60px;
  height: 60px;
  background-color: #ffffff;
  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  right: 23px;
  bottom: 19px;
  z-index: 100;
}

.detailTop .xiangSuo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 187px;
  margin-top: 21px;
}

.detailTop .suoQie {
  font-size: 22px;
  color: #333333;
  width: 60px;
  height: 60px;
  background-color: #eeeeee;
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  cursor: pointer;
  transition: 0.2s;
  flex-shrink: 0;
}

.detailTop .suoQie:hover {
  color: #e6212a;
}

.detailTop .suoSwiper {
  margin: 0 27px;
  overflow: hidden;
  width: 100%;
}

.detailTop .suoSwiper .swiper-slide-thumb-active {
  border: 1px solid #e62129;
}

.detailTop .suoSwiper .swiper-slide-active {
  border: 1px solid #e62129;
}

.detailTop .suoItem {
  border: solid 1px #cccccc;
  cursor: pointer;
}

.detailTop .suoItem img {
  width: 100%;
  display: block;
}

.detailTop .suoItem:hover {
  border: 1px solid #e62129;
}

.detailTop .detaRight {
  width: 37%;
}

.detailTop .detaTxt1 {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 28px;
  color: #333333;
}

.detailTop .detaTxt1 em {
  font-family: Montserrat-Medium,Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #e6212a;
}

.detailTop .detaPrice {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 30px;
  color: #222222;
  margin-top: 23px;
}

.detailTop .detaTips {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  margin-top: 22px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.detailTop .contentActive {
  -webkit-line-clamp: 3;
}

.detailTop .readBtn {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #333333;
  cursor: pointer;
  transition: 0.2s;
}

.detailTop .readBtn:hover {
  color: #e6212a;
}

.detailTop .detaName {
  display: flex;
  align-items: flex-end;
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #222222;
  margin-top: 24px;
}

.detailTop .impeName {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  text-decoration: underline;
  font-size: 12px;
  color: #333333;
  text-underline-offset: 4px;
  margin-left: 10px;
  margin-bottom: 5px;
  cursor: pointer;
}

.detailTop .impeName p:nth-child(2) {
  display: none;
}

.detailTop .detaCont {
  margin-top: 9px;
}

.detailTop .detaTxt2 .tablen {
  width: 100%;
  overflow-x: auto;
}

.detailTop .detaTxt2 table {
  width: 100%;
}

.detailTop .detaTxt2 table td {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 36px;
  color: #333333;
  min-width: 120px;
}

.detailTop .detaTxt2 table td:nth-child(1) {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 18px;
}

.detailTop .detaTxt2:nth-child(2) {
  display: none;
}

.detailTop .detaTxt3 {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  margin-top: 23px;
}

.detailTop .detaTxt3 a {
  color: #666666;
}

.detailTop .detaTxt3 a:hover {
  color: #e6212a;
}

.detailTop .btnShare {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 34px;
}

.detailTop .detaBtn {
  background-color: #ff8a00;
  border-radius: 0px 25px 25px 25px;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ffffff;
  padding: 16px 34px;
  margin-top: 10px;
  margin-right: 30px;
  cursor: pointer;
}

.detailTop .detaBtn:hover {
  background-color: #e6212a;
}

.detailTop .detaShare {
  display: flex;
  align-items: center;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ff8a00;
  margin-top: 10px;
}

.detailTop .detaShare img {
  width: 164px;
  display: block;
  cursor: pointer;
}

.detailTop .detaShare p {
  margin-right: 12px;
}

.readSize {
  background-color: #f1f5f8;
  padding-top: 18px;
  padding-bottom: 59px;
  margin-top: 38px;
  overflow: hidden;
}

.readSize .biao42 {
  color: #333333;
}

.readSize .swiperBox {
  position: relative;
  margin-top: 32px;
}

.readSize .sizeQie {
  position: absolute;
  top: 50%;
  z-index: 100;
  font-size: 22px;
  color: #333333;
  width: 61px;
  height: 61px;
  line-height: 61px;
  text-align: center;
  background-color: #ffffff;
  border-radius: 50%;
  border: solid 1px #cccccc;
  cursor: pointer;
  transition: 0.2s;
}

.readSize .sizeQie:hover {
  border: 1px solid #5dc4eb;
  background-color: #5dc4eb;
  color: #ffffff;
}

.readSize .sizePrev {
  left: 0;
  transform: translate(-50%, -50%);
}

.readSize .sizeNext {
  right: 0;
  transform: translate(50%, -50%);
}

.readSize .sizeSwiper {
  width: 100%;
}

.readSize .swiper-slide {
  opacity: 0;
  pointer-events: none;
  transition: 0.2s;
  background-color: #ffffff;
  box-shadow: 0px 3px 59px 0px rgba(25, 95, 122, 0.1);
}

.readSize .swiper-slide-visible {
  opacity: 1;
  pointer-events: all;
}

.readSize .chanTop {
  width: 100%;
  position: relative;
}

.readSize .chanImg {
  width: 100%;
  display: block;
  overflow: hidden;
}

.readSize .chanImg img {
  width: 100%;
  display: block;
}

.readSize .chanImg:hover img {
  transform: scale(1.1);
}

.readSize .chanMask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.9);
  padding: 49px 10px 10px 34px;
  display: none;
}

.readSize .maskTop {
  display: flex;
  align-items: flex-end;
}

.readSize .detaName {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #ffffff;
}

.readSize .switchName {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  text-decoration: underline;
  font-size: 12px;
  color: #ffffff;
  margin-left: 9px;
  margin-bottom: 4px;
  text-underline-offset: 4px;
  cursor: pointer;
}

.readSize .switchName p:nth-child(2) {
  display: none;
}

.readSize .maskCont {
  margin-top: 6px;
}

.readSize .maskTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 28px;
  color: #ffffff;
}

.readSize .maskTxt em {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
}

.readSize .maskTxt:nth-child(2) {
  display: none;
}

.readSize .viewBtn {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ffffff;
  border-radius: 0px 20px 20px 20px;
  border: solid 2px #ffffff;
  padding: 9.5px 13px;
  display: block;
  width: max-content;
  max-width: 100%;
  margin-top: 49px;
}

.readSize .viewBtn:hover {
  background-color: #ffffff;
  color: #e6212a;
}

.readSize .specBtn {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #ffffff;
  border-radius: 0px 0px 0px 25px;
  padding: 8.5px 20px;
  padding-right: 13px;
  display: flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #333333;
  cursor: pointer;
}

.readSize .specBtn span {
  color: #333333;
  font-size: 14px;
  margin-left: 9px;
  transition: 0.2s;
}

.readSize .specAct span {
  transform: rotate(45deg);
}

.readSize .chanInfo {
  margin-top: 20px;
  padding: 0 21px 18px 37px;
}

.readSize .chanName {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #222222;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.readSize .chanName a {
  color: #222222;
}

.readSize .chanName a:hover {
  color: #ff8a00;
}

.readSize .chanTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #444444;
  margin-top: 4px;
}

.readSize .chanPrice {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #222222;
  margin-top: 18px;
}

.readSize .chanBtn {
  display: flex;
  justify-content: flex-end;
  margin-top: 5px;
}

.readSize .chanBtn a {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ff8a00;
  padding: 9.5px 13px;
  border-radius: 0px 20px 20px 20px;
  border: solid 2px #ff8a00;
}

.readSize .chanBtn a:hover {
  background-color: #ff8a00;
  color: #ffffff;
}

.relaFaq {
  margin-top: 30px;
}

.relaFaq .biao42 {
  color: #333333;
}

.relaFaq .faqList {
  margin-top: 32px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.relaFaq .faqItem {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 24px 0px;
}

.relaFaq .faqQues {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.relaFaq .quesBox {
  display: flex;
  align-items: start;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #333333;
  margin-right: 10px;
}

.relaFaq .quesBox p {
  margin-top: 4px;
}

.relaFaq .quesBox span {
  color: #ffffff;
  width: 36px;
  height: 36px;
  background-color: #e6212a;
  flex-shrink: 0;
  text-align: center;
  line-height: 36px;
  margin-right: 17px;
}

.relaFaq .jiajian {
  font-size: 18px;
  color: #666666;
  display: block;
}

.relaFaq .jianIcon {
  display: none;
}

.relaFaq .faqAnsw {
  width: 100%;
  display: none;
}

.relaFaq .answBox {
  display: flex;
  align-items: start;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
  margin-top: 6px;
  padding-bottom: 8px;
}

.relaFaq .answBox span {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background-color: #5dc4eb;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #ffffff;
  margin-right: 16px;
  flex-shrink: 0;
}

.hezuoBox {
  width: 66.82%;
  margin: 0 auto;
  margin-top: 25px;
}

.hezuoBox img {
  width: 100%;
  display: block;
}

.parkWrap {
  background: url("../images/parkBc.jpg") center center/cover no-repeat;
  padding: 40px 0px;
  margin-top: 11px;
}

.parkWrap .parkBox {
  padding-left: 130px;
  padding-right: 104px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.parkWrap .biao42 {
  text-align: left;
  color: #ffffff;
}

.parkWrap .parkBtn {
  display: flex;
  align-items: center;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #ff8a00;
  background-color: #ffffff;
  box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.2);
  border-radius: 35px;
  padding: 18px 40px;
}

.parkWrap .parkBtn span {
  font-size: 28px;
  color: #ff8a00;
  margin-right: 30px;
  transition: 0.2s;
}

.parkWrap .parkBtn:hover {
  color: #ffffff;
  background-color: #e6212a;
}

.parkWrap .parkBtn:hover span {
  color: #ffffff;
}

.guidWrap {
  margin-top: 57px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.guidWrap .guidLeft {
  width: 49.43%;
}

.guidWrap .biao42 {
  color: #333333;
  text-align: left;
}

.guidWrap .guidTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 30px;
  color: #333333;
  margin-top: 32px;
}

.guidWrap .guidBtn {
  display: flex;
  justify-content: center;
  margin-top: 54px;
  align-items: center;
}

.guidWrap .guidBtn a:nth-child(1) {
  display: flex;
  align-items: center;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #ffffff;
  padding: 5px;
  padding-left: 21px;
  background-color: #e62129;
  border-radius: 0px 25px 25px 25px;
  margin-right: 90px;
}

.guidWrap .guidBtn a:nth-child(1) span {
  font-size: 18px;
  color: #e62129;
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  margin-left: 18px;
  transition: 0.2s;
}

.guidWrap .guidBtn a:nth-child(1):hover {
  background-color: #ff8a00;
}

.guidWrap .guidBtn a:nth-child(1):hover span {
  color: #ff8a00;
}

.guidWrap .guidBtn a:nth-child(2) {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #333333;
}

.guidWrap .guidBtn a:nth-child(2):hover {
  color: #ff8a00;
}

.guidWrap .guidRight {
  width: 47.21%;
  position: relative;
  cursor: pointer;
}

.guidWrap .guidRight:hover .boImg {
  transform: translate(-50%, -50%) scale(1.1);
}

.guidWrap .guidImg {
  width: 100%;
  display: block;
}

.guidWrap .boImg {
  width: 65px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.planWrap {
  margin-top: 51px;
}

.planWrap .planCate {
  display: flex;
  justify-content: space-between;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #333333;
}

.planWrap .planCate a {
  width: 15%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px 10px 0px 0px;
  border: solid 2px #5dc4eb;
  transition: 0.2s;
  padding: 20.5px 10px;
  cursor: pointer;
  border-bottom: none;
  color: #333333;
}

.planWrap .planCate a:hover {
  background-color: #eef9fd;
}

.planWrap .planCate .planAct {
  background-color: #eef9fd;
}

.planWrap .planBox {
  background-color: #eef9fd;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding-top: 35px;
  padding-bottom: 8px;
}

.planWrap .planItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.planWrap .planLeft {
  width: 50%;
}

.planWrap .biao42 {
  text-align: left;
  color: #333333;
}

.planWrap .planTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 30px;
  color: #333333;
  margin-top: 24px;
}

.planWrap .planRight {
  width: 48%;
}

.planWrap .planRight img {
  width: 100%;
  display: block;
}

.shouWrap {
  margin-top: 50px;
}

.shouWrap .shouTop {
  display: flex;
  align-items: center;
  justify-content: center;
}

.shouWrap .shouTop img {
  display: block;
  margin-left: 22px;
}

.shouWrap .shouTit {
  width: 65.21%;
  padding: 18px 15px;
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 36px;
  color: #ffffff;
  background-color: #e6212a;
  position: relative;
  text-align: center;
}

.shouWrap .shouTit::after {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
  border: 1px dashed #ffffff;
}

.shouWrap .shouList {
  margin-top: 51px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.shouWrap .shouList::after {
  width: 33%;
  content: '';
}

.shouWrap .shouItem {
  width: 33%;
  margin-bottom: 66px;
  position: relative;
}

.shouWrap .shouBox {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 100;
  padding-left: 30px;
}

.shouWrap .shouItem::after {
  background: url("../images/shou5.png") center center/cover no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
  width: 117%;
  height: 125%;
}

.shouWrap .shouNum {
  position: absolute;
  top: -22px;
  right: 34px;
  width: 32px;
  height: 47px;
  background: url("../images/shou3.png") center center/cover no-repeat;
  display: flex;
  justify-content: center;
  text-align: center;
  padding-top: 7px;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #ffffff;
}

.shouWrap .lengTop {
  display: flex;
  align-items: center;
}

.shouWrap .lengImg {
  width: 46.2%;
}

.shouWrap .lengImg img {
  width: 100%;
  display: block;
}

.shouWrap .lengName {
  flex: 1;
  margin-left: 23px;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #333333;
}

.shouWrap .lengTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 26px;
  color: #555555;
  margin-top: 15px;
  padding: 0 10px;
  padding-bottom: 10px;
}

.examWrap {
  background-color: #f1f5f8;
  padding-top: 40px;
  padding-bottom: 43px;
  margin-top: 8px;
}

.examWrap .biao42 {
  text-align: left;
  color: #333333;
}

.examWrap .examList {
  display: flex;
  justify-content: space-between;
  margin-top: 28px;
}

.examWrap .examItem:nth-child(1) {
  width: 39.28%;
}

.examWrap .examItem:nth-child(1) .examBott img {
  width: 37px;
}

.examWrap .examItem {
  width: 27.93%;
}

.examWrap .examImg {
  width: 100%;
  display: block;
  position: relative;
}

.examWrap .examImg img {
  width: 100%;
  display: block;
}

.examWrap .bigIcon {
  font-size: 20px;
  color: #e62129;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #ffffff;
  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  position: absolute;
  bottom: 13px;
  right: 14px;
}

.examWrap .examBott {
  display: flex;
  align-items: center;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #333333;
  margin-top: 17px;
  justify-content: center;
}

.examWrap .examBott img {
  width: 25px;
  margin-right: 10px;
  display: block;
  flex-shrink: 0;
}

.custWrap {
  margin-top: 36px;
}

.custWrap .biao42 {
  width: 63.71%;
  line-height: 66px;
  color: #333333;
  text-align: left;
}

.custWrap .biao42 em {
  background-color: #5dc4eb;
  border-radius: 10px;
  padding: 1px 5px;
}

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

.custWrap .custList::after {
  width: 31.7%;
  content: '';
}

.custWrap .custItem {
  margin-top: 26px;
  width: 31.7%;
}

.custWrap .custImg {
  width: 100%;
  display: block;
  box-shadow: 2px 2px 59px 0px rgba(25, 95, 122, 0.1);
  border: solid 3px #cccccc;
}

.custWrap .custName {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #333333;
  margin-top: 14px;
}

.custWrap .custTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #444444;
  line-height: 26px;
  margin-top: 8px;
}

.prinWrap {
  margin-top: 46px;
  background: url("../images/prinBc.jpg") center center/cover no-repeat;
  padding-top: 26px;
  padding-bottom: 320px;
  position: relative;
}

.prinWrap .prinBox {
  display: flex;
  align-items: start;
  justify-content: space-between;
}

.prinWrap .prinLeft {
  width: 37.5%;
  margin-top: 17px;
}

.prinWrap .biao42 {
  color: #333333;
  text-align: left;
  position: relative;
}

.prinWrap .biao42::after {
  width: 60px;
  height: 6px;
  background-color: #e6212a;
  border-radius: 3px;
  content: '';
  position: absolute;
  bottom: -20px;
  left: 0;
}

.prinWrap .prinTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 30px;
  color: #333333;
  margin-top: 46px;
}

.prinWrap .prinTxt em {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
}

.prinWrap .prinRight {
  width: 55.36%;
}

.prinWrap .faqItem {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 24px 0px;
}

.prinWrap .faqQues {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.prinWrap .quesBox {
  display: flex;
  align-items: start;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #333333;
  margin-right: 10px;
}

.prinWrap .quesBox p {
  margin-top: 4px;
}

.prinWrap .quesBox span {
  color: #ffffff;
  width: 36px;
  height: 36px;
  background-color: #e6212a;
  flex-shrink: 0;
  text-align: center;
  line-height: 36px;
  margin-right: 17px;
}

.prinWrap .jiajian {
  font-size: 18px;
  color: #666666;
  display: block;
}

.prinWrap .jianIcon {
  display: none;
}

.prinWrap .faqAnsw {
  width: 100%;
  display: none;
}

.prinWrap .answBox {
  display: flex;
  align-items: start;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
  margin-top: 6px;
}

.prinWrap .answBox p {
  margin-top: 6px;
}

.prinWrap .answBox span {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background-color: #5dc4eb;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #ffffff;
  margin-right: 16px;
  flex-shrink: 0;
}

.prinWrap .prinImg1 {
  width: 244px;
  display: block;
  position: absolute;
  left: calc((100vw - 1400px) / 2);
  bottom: 20px;
}

.prinWrap .prinImg2 {
  width: 217px;
  display: block;
  position: absolute;
  right: 54px;
  bottom: 0px;
}

.honoWrap {
  margin-top: 4px;
  overflow: hidden;
  padding-bottom: 34px;
}

.honoWrap .honoTit {
  font-family: MVBoli,Arial, Helvetica, sans-serif;
  font-size: 42px;
  color: #333333;
  text-align: center;
}

.honoWrap .honoTips {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #333333;
  margin-top: 21px;
  text-align: center;
}

.honoWrap .honoSwiper {
  margin-top: 36px;
  width: 100%;
}

.honoWrap .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.honoWrap .swiper-slide {
  box-shadow: 6px 6px 35px 0px rgba(30, 57, 68, 0.17);
}

.honoWrap .swiper-slide img {
  width: 100%;
  display: block;
}

.knowList {
  margin-top: 54px;
}

.knowList .knowItem {
  width: 100%;
  position: relative;
  margin-bottom: 66px;
}

.knowList .knowItem::after {
  width: 119.5%;
  height: 123.5%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
  background: url("../images/knowBc.png") center center/cover no-repeat;
}

.knowList .knowItem:last-child {
  margin-bottom: 0;
}

.knowList .knowBox {
  display: flex;
  align-items: start;
  position: relative;
  z-index: 100;
}

.knowList .knowImg {
  width: 35.57%;
  display: block;
  overflow: hidden;
  margin-left: 15px;
}

.knowList .knowImg img {
  width: 100%;
  display: block;
}

.knowList .knowImg:hover img {
  transform: scale(1.1);
}

.knowList .knowRight {
  flex: 1;
  margin-left: 50px;
  padding-right: 30px;
}

.knowList .knowNum {
  width: 32px;
  height: 47px;
  background: url("../images/shou3.png") center center/cover no-repeat;
  display: flex;
  justify-content: center;
  text-align: center;
  padding-top: 7px;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #ffffff;
  transform: translateY(-16px);
}

.knowList .knowName {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #333333;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-top: 10px;
}

.knowList .knowName a {
  color: #333333;
}

.knowList .knowName a:hover {
  color: #e6212a;
}

.knowList .knowTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 26px;
  color: #555555;
  margin-top: 22px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.knowList .knowBtn {
  display: block;
  text-align: right;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #333333;
  margin-top: 28px;
}

.knowList .knowBtn:hover {
  color: #e6212a;
}

.dreamWrap {
  background-color: #f1f5f8;
  margin-top: 73px;
  padding-bottom: 42px;
  position: relative;
}

.dreamWrap .biao42 {
  padding: 25px 33px;
  padding-left: calc((100vw - 1400px) / 2);
  color: #ffffff;
  text-align: left;
  background-color: #e6212a;
  width: max-content;
  max-width: 100%;
}

.dreamWrap .dreamBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: -25px;
  position: relative;
  z-index: 100;
}

.dreamWrap .dreamLeft {
  width: 44.93%;
}

.dreamWrap .dreaTit {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 36px;
  line-height: 48px;
  color: #333333;
}

.dreamWrap .dreamTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 30px;
  color: #333333;
  margin-top: 18px;
}

.dreamWrap .dreamBtn {
  display: flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
  margin-top: 42px;
  background-color: #5dc4eb;
  border-radius: 0px 25px 25px 25px;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #ffffff;
  padding: 5px;
  padding-left: 32px;
}

.dreamWrap .dreamBtn span {
  font-size: 20px;
  color: #5dc4eb;
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  margin-left: 32px;
  transition: 0.2s;
}

.dreamWrap .dreamBtn:hover {
  background-color: #ec6f21;
}

.dreamWrap .dreamBtn:hover span {
  color: #ec6f21;
}

.dreamWrap .dreamSwiper {
  width: 49.36%;
  overflow: hidden;
  position: relative;
}

.dreamWrap .dreamQie {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  color: #ec6f21;
  width: 56px;
  height: 56px;
  text-align: center;
  line-height: 56px;
  background-color: #ffffff;
  box-shadow: 0px 3px 54px 0px rgba(0, 0, 0, 0.27);
  border-radius: 50%;
  cursor: pointer;
  transition: 0.2s;
  z-index: 100;
}

.dreamWrap .dreamQie:hover {
  background-color: #ec6f21;
  color: #ffffff;
}

.dreamWrap .dreamPrev {
  left: 34px;
}

.dreamWrap .dreamNext {
  right: 9px;
}

.dreamWrap .swiper-slide img {
  width: 100%;
  display: block;
}

.dreamWrap .swiper-slide p {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #333333;
  background-color: #ffffff;
  box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.27);
  border-radius: 23px;
  padding: 13.5px 22px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 21%;
  text-align: center;
  width: max-content;
  max-width: 100%;
}

.dreamWrap .dreamBlock {
  width: 12.91%;
  position: absolute;
  bottom: 6px;
  left: 0px;
}

.ifunWrap {
  margin-top: 50px;
  display: flex;
  align-items: start;
  justify-content: space-between;
}

.ifunWrap .ifunImg {
  width: 53.07%;
}

.ifunWrap .ifunImg img {
  width: 100%;
  display: block;
}

.ifunWrap .ifunRight {
  width: 45.63%;
  margin-top: 29px;
}

.ifunWrap .ifunTop {
  display: flex;
  align-items: start;
}

.ifunWrap .ifunTop img {
  width: 71px;
  display: block;
}

.ifunWrap .funBiao {
  flex: 1;
  margin-left: 12px;
  margin-top: 24px;
}

.ifunWrap .funBiao p:nth-child(1) {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 36px;
  color: #333333;
}

.ifunWrap .funBiao p:nth-child(2) {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #333333;
  margin-top: 10px;
}

.ifunWrap .funTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 30px;
  color: #333333;
  margin-top: 30px;
}

.desiWrap {
  background: url("../images/desiBc.jpg") center center/cover no-repeat;
  padding-top: 43px;
  padding-bottom: 50px;
  margin-top: 53px;
  background-attachment: fixed;
}

.desiWrap .biao42 {
  color: #333333;
}

.desiWrap .desiTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #333333;
  text-align: center;
  margin-top: 17px;
}

.desiWrap .desiList {
  display: flex;
  justify-content: space-between;
  margin-top: 31px;
  flex-wrap: wrap;
}

.desiWrap .desiList::after {
  width: 31.43%;
  content: '';
}

.desiWrap .desiItem {
  width: 31.43%;
  background: url("../images/desi4.png") center center/cover no-repeat;
  padding: 19px 21px 39px 17px;
}

.desiWrap .desiCont {
  position: relative;
}

.desiWrap .itemBox {
  width: 100%;
  border: dashed 2px rgba(93, 196, 235, 0.4);
  padding: 6px 8px;
  border-radius: 10px;
}

.desiWrap .itemBox img {
  width: 100%;
  display: block;
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  overflow: hidden;
}

.desiWrap .itemBox:nth-child(2) {
  border: dashed 2px rgba(230, 33, 42, 0.4);
  margin-top: 13px;
}

.desiWrap .desiBlock {
  width: 140px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.addPrin .prinWrap {
  background: url("../images/prinBc2.jpg") center center/cover no-repeat;
  margin-top: 0;
}

.addHono {
  background-color: #F1F5F8;
  padding-top: 10px;
}

.addHono .honoWrap {
  margin-top: 0;
  padding-bottom: 0;
}

.addHono .swiper-slide {
  box-shadow: none;
}

.learnWrap {
  margin-top: 94px;
}

.learnWrap .learnTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.learnWrap .biao42 {
  text-align: left;
  color: #333333;
}

.learnWrap .learnQie {
  display: flex;
  align-items: center;
  min-height: 84px;
}

.learnWrap .learnQie span {
  color: #5dc4eb;
  font-size: 30px;
  transition: 0.2s;
  cursor: pointer;
  margin-left: 30px;
}

.learnWrap .learnQie span:hover {
  opacity: 1;
  font-size: 70px;
}

.learnWrap .learnSwiper {
  width: 100%;
  overflow: hidden;
  margin-top: 20px;
}

.learnWrap .swiper-slide {
  width: 72.92%;
  display: flex;
  justify-content: space-between;
}

.learnWrap .learnLeft {
  width: 35.71%;
  background-color: #ec6f21;
  padding: 70px 36px 10px 64px;
}

.learnWrap .learnDate {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #ffffff;
}

.learnWrap .learnName {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 30px;
  color: #ffffff;
  margin-top: 9px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.learnWrap .learnTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
  margin-top: 28px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}

.learnWrap .learnBtn {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #ec6f21;
  display: inline-block;
  padding: 13px 18px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 0px 25px 25px 25px;
  margin-top: 35px;
}

.learnWrap .learnBtn:hover {
  background-color: #e6212a;
  color: #ffffff;
}

.learnWrap .learnImg {
  width: 64.28%;
  overflow: hidden;
  display: block;
}

.learnWrap .learnImg img {
  width: 100%;
  display: block;
}

.learnWrap .learnImg:hover img {
  transform: scale(1.1);
}

.workWrap {
  position: relative;
  margin-top: 62px;
}

.workWrap .workImg1 {
  width: 109px;
  position: absolute;
  top: 34%;
  left: 0;
}

.workWrap .workImg2 {
  width: 215px;
  position: absolute;
  right: 0;
  bottom: 7px;
}

.workBox {
  position: relative;
  z-index: 100;
}

.workBox .workTit {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 36px;
  color: #ffffff;
  text-align: center;
  background-color: #e6212a;
  padding: 18px 94px;
  position: relative;
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
}

.workBox .workTit::after {
  width: calc(100% - 16px);
  height: calc(100% - 20px);
  border: 1px dashed #ffffff;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.workBox .workSwiper1 {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-left: 102px;
  padding-right: 90px;
}

.workBox .workSwiper1 .swiper-slide::after {
  background: url("../images/work6.png") center center/cover no-repeat;
  content: '';
  position: absolute;
  top: 42%;
  left: calc(100% + 12px);
  width: 29px;
  height: 24px;
}

.workBox .workSwiper1 .swiper-slide:last-child::after {
  display: none;
}

.workBox .workSwiper1 .swiper-slide::before {
  background: url("../images/work8.png") center center/cover no-repeat;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  content: '';
  width: 25px;
  height: 22px;
  opacity: 0;
  transition: 0.2s;
}

.workBox .workSwiper1 .swiper-slide-thumb-active::before {
  opacity: 1;
}

.workBox .workSwiper1 .swiper-slide {
  padding-bottom: 33px;
  height: auto;
  cursor: pointer;
}

.workBox .workBlock {
  width: 100%;
  height: 2px;
  background-color: #5dc4eb;
  border-radius: 1px;
  position: absolute;
  top: 62.7%;
  left: 0;
}

.workBox .workBlock::after {
  background: url("../images/work7.png") center center/cover no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  content: '';
  width: 15px;
  height: 24px;
}

.workBox .workIcon {
  width: 100%;
  position: relative;
}

.workBox .workIcon img {
  width: 100%;
  display: block;
}

.workBox .workName {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #333333;
  text-align: center;
  margin-top: 29px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.workBox .workSwiper2 {
  background-color: #0e3f51;
  box-shadow: 2px 2px 59px 0px rgba(0, 155, 76, 0.1);
  border-radius: 30px;
  overflow: hidden;
  position: relative;
}

.workBox .workSwiper2 .swiper-slide {
  padding: 37px 249px 107px 70px;
}

.workBox .workBiao {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 30px;
  color: #ffffff;
}

.workBox .workTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  margin-top: 13px;
}

.workBox .workQie {
  position: absolute;
  bottom: 0px;
  right: 70px;
  display: flex;
  align-items: center;
  height: 84px;
  z-index: 100;
}

.workBox .workQie span {
  font-size: 30px;
  color: #ffffff;
  cursor: pointer;
  transition: 0.2s;
  opacity: 0.5;
  margin-left: 30px;
}

.workBox .workQie span:hover {
  opacity: 1;
  font-size: 70px;
}

.expeBox {
  margin-top: 52px;
  position: relative;
  z-index: 100;
}

.expeBox .expeItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}

.expeBox .expeItem:last-child {
  margin-bottom: 0;
}

.expeBox .expeLeft {
  width: 58.81%;
  display: flex;
  align-items: start;
}

.expeBox .expeIcon {
  width: 85px;
  display: block;
}

.expeBox .expeInfo {
  flex: 1;
  margin-left: 14px;
  margin-top: 5px;
}

.expeBox .expeName {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 30px;
  color: #333333;
}

.expeBox .expeTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #333333;
  margin-top: 13px;
}

.expeBox .expeRight {
  width: 36.43%;
  position: relative;
}

.expeBox .expeImg {
  width: calc(100% - 30px);
  display: block;
  box-shadow: 12px 12px 29px 0px rgba(0, 0, 0, 0.17);
  border-radius: 10px;
  position: relative;
  z-index: 100;
}

.expeBox .expeBlock {
  position: absolute;
  width: calc(100% - 30px);
  height: 100%;
  border-radius: 10px;
  border: solid 5px #ff8a00;
  left: 30px;
  top: 30px;
}

.expeBox .expeItem:nth-child(even) {
  flex-direction: row-reverse;
}

.expeBox .expeItem:nth-child(even) .expeBlock {
  left: 0;
}

.expeBox .expeItem:nth-child(even) .expeImg {
  margin-left: 30px;
}

.basiWrap {
  background: url("../images/basiBc.jpg") center center/cover no-repeat;
  padding-top: 123px;
  padding-bottom: 141px;
  background-attachment: fixed;
  margin-top: 81px;
}

.basiWrap .basiBox {
  width: 728px;
  margin-left: calc((100vw - 1400px) / 2);
}

.basiWrap .biao42 {
  color: #ffffff;
  text-align: left;
}

.basiWrap .basiTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
  padding-left: 16px;
  margin-top: 51px;
}

.basiWrap .basiTxt a {
  color: #ffffff;
}

.basiWrap .basiTxt em {
  position: relative;
}

.basiWrap .basiTxt em::before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ff8a00;
  position: absolute;
  top: 7px;
  left: -16px;
  content: '';
}

.basiWrap .basiBtn {
  background-color: #5dc4eb;
  border-radius: 0px 25px 25px 25px;
  display: flex;
  align-items: center;
  padding: 5px;
  padding-left: 17px;
  margin-top: 84px;
  width: max-content;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #ffffff;
}

.basiWrap .basiBtn span {
  font-size: 20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  margin-left: 40px;
  transition: 0.2s;
  background-color: #ffffff;
  color: #5dc4eb;
  text-align: center;
}

.basiWrap .basiBtn:hover {
  background-color: #ff8a00;
}

.basiWrap .basiBtn:hover span {
  color: #ff8a00;
}

.mostWrap {
  margin-top: 52px;
  margin-bottom: 54px;
  position: relative;
}

.mostWrap .mostBox {
  display: flex;
  align-items: start;
}

.mostWrap .mostLeft {
  width: 24.11%;
  box-shadow: 0px 19px 73px 0px rgba(0, 0, 0, 0.26);
  border-radius: 10px;
  overflow: hidden;
}

.mostWrap .mostLeft img {
  width: 100%;
  display: block;
}

.mostWrap .mostRight {
  flex: 1;
  position: relative;
  padding-right: 221px;
  margin-top: 32px;
}

.mostWrap .mostTit {
  background-color: #eefdee;
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 36px;
  line-height: 50px;
  color: #333333;
  padding: 9px 42px;
  padding-right: 200px;
}

/*.mostWrap .mostTit em {*/
/*  font-size: 42px;*/
/*  display: block;*/
/*}*/

.mostWrap .mostTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 30px;
  color: #333333;
  margin-left: 40px;
  padding-right: 163px;
  margin-top: 15px;
}

.mostWrap .mostBlock {
  position: absolute;
  width: 321px;
  top: 0;
  right: 0;
}

.mostWrap .mostBlock img {
  width: 100%;
  display: block;
  box-shadow: 0px 19px 73px 0px rgba(0, 0, 0, 0.26);
  border-radius: 10px;
}

.mostWrap .mostBlock img:nth-child(2) {
  margin-top: 27px;
  transform: translateX(-36px);
}

.mostWrap .mostBc1 {
  width: 239px;
  position: absolute;
  top: 106px;
  left: 0;
}

.mostWrap .mostBc2 {
  width: 347px;
  position: absolute;
  top: 212px;
  right: 0;
}

.struList {
  margin-top: 19px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.struList .struBc {
  position: absolute;
  width: 119%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: unset;
}

.struList .struItem {
  width: 23.57%;
  position: relative;
  margin-right: 1.9%;
}

.struList .struItem:nth-child(4n) {
  margin-right: 0;
}

.struList .struBox {
  position: relative;
  z-index: 100;
  padding: 16px;
  padding-bottom: 80px;
}

.struList .struImg {
  width: 100%;
}

.struList .struImg img {
  width: 100%;
  display: block;
}

.struList .struNum {
  position: absolute;
  top: 0;
  right: 40px;
  width: 32px;
  height: 47px;
  background: url("../images/shou3.png") center center/cover no-repeat;
  display: flex;
  justify-content: center;
  text-align: center;
  padding-top: 7px;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #ffffff;
}

.struList .struName {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #333333;
  text-align: center;
  margin-top: 15px;
}

.struList .struTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #555555;
  line-height: 26px;
  margin-top: 10px;
}

.instWrap {
  background-color: #f1f5f8;
  padding-top: 52px;
  padding-bottom: 48px;
  margin-top: 54px;
  position: relative;
}

.instWrap .instBox {
  display: flex;
  align-items: start;
  justify-content: space-between;
  position: relative;
  z-index: 100;
}

.instWrap .instBlock1 {
  position: absolute;
  width: 141px;
  left: 173px;
  top: 38px;
}

.instWrap .instBlock2 {
  width: 256px;
  position: absolute;
  right: 41px;
  bottom: 76px;
}

.instWrap .instImg {
  width: 44.36%;
  border-radius: 20px;
  overflow: hidden;
}

.instWrap .instImg img {
  width: 100%;
  display: block;
}

.instWrap .instInfo {
  width: 51.8%;
  margin-top: 30px;
}

.instWrap .biao42 {
  text-align: left;
  color: #333333;
}

.instWrap .instTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 30px;
  color: #333333;
  margin-top: 25px;
}

.instWrap .instBtn {
  display: flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #ffffff;
  background-color: #ff8a00;
  border-radius: 0px 25px 25px 25px;
  padding: 5px;
  padding-left: 16px;
  margin-top: 79px;
}

.instWrap .instBtn span {
  margin-left: 14px;
  font-size: 20px;
  color: #ff8a00;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #ffffff;
  border-radius: 50%;
  transition: 0.2s;
  text-align: center;
}

.instWrap .instBtn:hover {
  background-color: #e6212a;
}

.instWrap .instBtn:hover span {
  color: #e6212a;
}

.instExpe .workWrap {
  margin-top: 0;
}

.instExpe .expeBox {
  margin-top: 45px;
}

.instExpe .workImg1 {
  top: 17%;
}

.profWrap {
  background-color: #f1f5f8;
  padding-left: calc((100vw - 1400px) / 2);
  padding-bottom: 50px;
  display: flex;
  align-items: start;
  justify-content: space-between;
  position: relative;
  margin-top: 85px;
  margin-bottom: 40px;
}

.profWrap .profBlock {
  width: 346px;
  position: absolute;
  left: 75px;
  bottom: 9px;
}

.profWrap .profLeft {
  width: 38.1%;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 106px;
}

.profWrap .profLeft img {
  width: 100%;
  display: block;
}

.profWrap .profRight {
  flex: 1;
  margin-left: 38px;
}

.profWrap .biao42 {
  color: #ffffff;
  text-align: left;
  padding: 25px 39px;
  padding-right: calc((100vw - 1444px) / 2);
  background-color: #1d70f5;
}

.profWrap .profTxt {
  padding-left: 33px;
  padding-right: calc((100vw - 1400px) / 2);
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 30px;
  color: #333333;
  margin-top: 70px;
}

.warmSwiper {
  width: 100%;
  overflow: hidden;
  margin-top: 35px;
}

.warmSwiper img {
  width: 100%;
  display: block;
}

.warmSwiper .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.venuList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 19px;
}

.venuList .venuItem {
  width: 31.5%;
  margin-bottom: 37px;
  position: relative;
  overflow: hidden;
}

.venuList .venuItem img {
  width: 100%;
  display: block;
}

.venuList .venuMask {
  position: absolute;
  top: calc(100% - 72px);
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  transition: 0.3s;
}

.venuList .venuMask::-webkit-scrollbar {
  display: none;
}

.venuList .venuName {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 22px;
  color: #ffffff;
  background: url("../images/venu2.png") center center/cover no-repeat;
  padding: 10px 23px;
  min-height: 72px;
  display: flex;
  align-items: center;
  transition: 0.2s;
}

.venuList .venuName p {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.venuList .venuTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 26px;
  color: #cccccc;
  margin-top: 3px;
  padding: 0 23px;
}

.venuList .venuAct .venuName {
  background-image: none;
  min-height: unset;
}

.venuList .venuAct .venuMask {
  background-color: rgba(0, 0, 0, 0.8);
  padding-top: 21px;
  top: 0;
}

.venuList::after {
  width: 31.5%;
  content: '';
}

.sourWrap {
  background-color: #faf2e8;
  margin-top: 32px;
  padding-top: 32px;
  padding-bottom: 20px;
}

.sourWrap .shouWrap {
  margin-top: 0;
}

.sourWrap .shouTit {
  background-color: #ff8a00;
}

.retuWrap .retuTop {
  display: flex;
  align-items: start;
  justify-content: space-between;
  padding-right: calc((100vw - 1400px) / 2);
}

.retuWrap .retuLeft {
  width: 60%;
}

.retuWrap .biao42 {
  color: #ffffff;
  text-align: left;
  padding: 24.5px 65px;
  padding-left: calc((100vw - 1400px) / 2);
  background-color: #ec6f21;
  width: max-content;
  max-width: 100%;
}

.retuWrap .retuInfo {
  padding-left: calc((100vw - 1400px) / 2);
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 30px;
  color: #333333;
  margin-top: 45px;
}

.retuWrap .retuInfo em {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
}

.retuWrap .retuRight {
  width: 34.6%;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 51px;
  flex-shrink: 0;
}

.retuWrap .retuRight img {
  width: 100%;
  display: block;
}

.retuWrap .retuBott {
  background-color: #f1f5f8;
  border-radius: 10px;
  position: relative;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  margin-top: 41px;
}

.retuWrap .artiBox {
  width: calc(100% - 60px);
  height: calc(100% - 60px);
  border-radius: 10px;
  border: dashed 2px #5dc4eb;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.retuWrap .artiLeft {
  width: 38.43%;
  background-color: #e6ecf0;
  padding: 50px 10px 52px 82px;
}

.retuWrap .artiCont {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #333333;
  position: relative;
  z-index: 200;
}

.retuWrap .artiRight {
  width: 61.57%;
  padding: 46px 212px 20px 43px;
}

.retuWrap .artiTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 30px;
  color: #666666;
  position: relative;
  z-index: 200;
}

.retuWrap .artiBrn {
  display: flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #ffffff;
  margin-top: 18px;
  background-color: #ec6f21;
  border-radius: 0px 25px 25px 25px;
  padding: 5px;
  padding-left: 18px;
  position: relative;
  z-index: 200;
}

.retuWrap .artiBrn span {
  font-size: 20px;
  color: #ec6f21;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #ffffff;
  border-radius: 50%;
  margin-left: 13px;
  transition: 0.2s;
}

.retuWrap .artiBrn:hover {
  background-color: #e6212a;
}

.retuWrap .artiBrn:hover span {
  color: #e6212a;
}

.retuWrap .artiImg {
  width: 18.53%;
  display: block;
  position: absolute;
  right: 52px;
  bottom: 32px;
}

.retuFaq {
  background-color: #f1f5f8;
  margin-top: 60px;
  padding-top: 42px;
  padding-bottom: 50px;
  margin-bottom: 48px;
}

.retuFaq .biao42 {
  color: #333333;
  text-align: left;
}

.retuFaq .relaFaq {
  margin-top: 0;
}

.retuFaq .faqItem:first-child {
  padding-top: 0;
}

.retuFaq .faqList {
  border-top: none;
  margin-top: 28px;
}

.stepWrap {
  margin-top: 62px;
  position: relative;
}

.stepWrap .stepTit {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 36px;
  color: #ffffff;
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
  padding: 18px 50px;
  background-color: #e6212a;
  position: relative;
}

.stepWrap .stepTit::after {
  width: calc(100% - 24px);
  height: calc(100% - 20px);
  content: '';
  border: 1px dashed #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.stepWrap .stepList {
  padding-top: 46px;
  position: relative;
}

.stepWrap .stepList::after {
  width: 1px;
  height: 90.4%;
  background-color: #5dc4eb;
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.stepWrap .stepItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 31px;
}

.stepWrap .stepLeft {
  width: 45.14%;
}

.stepWrap .stepNum {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 32px;
  line-height: 36px;
  color: #333333;
}

.stepWrap .stepName {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 32px;
  line-height: 36px;
  color: #333333;
  position: relative;
}

.stepWrap .stepName p::before {
  width: 11px;
  height: 11px;
  background-color: #5dc4eb;
  border-radius: 50%;
  position: absolute;
  bottom: -24px;
  left: calc(100% + 64px);
  content: '';
}

.stepWrap .stepName::after {
  width: 120px;
  height: 5px;
  background-color: #5dc4eb;
  content: '';
  position: absolute;
  bottom: -21px;
  left: 0;
}

.stepWrap .stepName::before {
  width: 150%;
  height: 1px;
  border-bottom: 1px solid #5dc4eb;
  position: absolute;
  left: 0;
  bottom: -19px;
  content: '';
}

.stepWrap .stepTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  margin-top: 47px;
}

.stepWrap .stepRight {
  width: 39.5%;
  margin-right: 90px;
  position: relative;
  z-index: 100;
}

.stepWrap .stepRight img {
  width: 100%;
  display: block;
}

.stepWrap .stepItem:nth-child(even) {
  flex-direction: row-reverse;
}

.stepWrap .stepItem:nth-child(even) .stepRight {
  margin-right: 0;
  margin-left: 96px;
}

.stepWrap .stepItem:nth-child(even) .stepName::before {
  left: unset;
  right: 0;
}

.stepWrap .stepItem:nth-child(even) .stepName p::before {
  left: -74px;
}

.cultWrap {
  background: url("../images/cult1.jpg") center center/cover no-repeat;
  padding-top: 323px;
  padding-bottom: 367px;
  margin-top: 69px;
}

.cultWrap .cultBox {
  width: 841px;
  margin: 0 auto;
  border-radius: 0px 100px 0px 100px;
  background-color: rgba(120, 172, 228, 0.9);
  position: relative;
  padding: 26px 78px;
  padding-bottom: 0px;
}

.cultWrap .biao42 {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 42px;
  color: #ffffff;
  text-align: center;
}

.cultWrap .cultTxt {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
  margin-top: 9px;
  text-align: center;
}

.cultWrap .cultBtn {
  display: flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
  margin-top: 4px;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #ffffff;
  padding: 5px;
  padding-left: 21px;
  background-color: #ec6f21;
  border-radius: 0px 25px 25px 25px;
  transform: translateY(50%);
}

.cultWrap .cultBtn span {
  font-size: 20px;
  color: #ec6f21;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #ffffff;
  border-radius: 50%;
  transition: 0.2s;
  margin-left: 18px;
}

.cultWrap .cultBtn:hover {
  background-color: #e6212a;
}

.cultWrap .cultBtn:hover span {
  color: #e6212a;
}

.factWrap {
  background-color: #f1f5f8;
  padding-top: 50px;
  padding-bottom: 51px;
}

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

.factWrap .factItem {
  width: 47.14%;
  background-color: #ffffff;
  box-shadow: 6px 6px 43px 0px rgba(9, 65, 87, 0.1);
  border-radius: 10px;
  padding: 20px;
  padding-bottom: 26px;
}

.factWrap .factImg {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.factWrap .factImg:hover .bofangImg {
  width: 80px;
}

.factWrap .factVideo {
  width: 100%;
  display: block;
}

.factWrap .bofangImg {
  width: 65px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.factWrap .factName {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #333333;
  text-align: center;
  margin-top: 24px;
}

.feedWrap {
  margin-top: 44px;
  margin-bottom: 46px;
}

.feedWrap .biao42 {
  color: #333333;
}

.feedWrap .feedSwiper {
  margin-top: 25px;
  overflow: hidden;
}

.feedWrap .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.feedWrap .feedImg {
  width: 100%;
  position: relative;
}

.feedWrap .feedVideo {
  width: 100%;
  display: block;
  cursor: pointer;
}

.feedWrap .feedBo {
  width: 65px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.feedWrap .feedVideo:hover .feedBo {
  width: 75px;
}

.meetSwiper {
  width: 100%;
  overflow: hidden;
  margin-top: 35px;
}

.meetSwiper img {
  width: 100%;
  display: block;
}

.meetSwiper .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.addrWrap {
  margin-top: 21px;
  position: relative;
  padding: 53px 0px;
}

.addrWrap .mapBox {
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
}

.addrWrap .mapBox img {
  max-width: none;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.addrWrap .addrCont {
  width: 447px;
  margin-left: calc((100vw - 1400px) / 2);
  padding: 19px;
  padding-bottom: 42px;
  background-color: #ffffff;
  box-shadow: 6px 6px 43px 0px rgba(9, 65, 87, 0.1);
  border-radius: 10px;
  position: relative;
  z-index: 100;
}

.addrWrap .addrImg {
  width: 100%;
  border-radius: 10px;
  display: block;
}

.addrWrap .addrName {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  text-align: center;
  color: #333333;
  margin-top: 13px;
}

.addrWrap .addrIcon {
  width: 41px;
  display: block;
  margin-top: 41px;
}

.addrWrap .addrInfo {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #333333;
  margin-top: 7px;
}

.biao36 {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 36px;
  color: #ffffff;
  text-align: center;
  width: max-content;
  max-width: 100%;
  background-color: #e6212a;
  position: relative;
  padding: 18.5px 43px;
  margin: 0 auto;
}

.biao36::after {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  border: 1px dashed #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
}

.openWrap {
  margin-top: 50px;
}

.openWrap .openList {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 74px;
}

.openWrap .openList::after {
  width: 32.18%;
  content: '';
}

.openWrap .openList::before {
  width: calc(100% + 60px);
  height: calc(100% + 60px);
  background-color: #eeeeee;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
}

.openWrap .openItem {
  width: 32.18%;
  background-color: #ffffff;
  padding: 21px 38px;
  min-height: 400px;
  margin-bottom: 29px;
  position: relative;
  z-index: 100;
}

.openWrap .openIcon {
  width: 92px;
  height: 92px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ff8a00;
  margin: 0 auto;
}

.openWrap .openStep {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 22px;
  color: #333333;
  text-align: center;
  margin-top: 8px;
}

.openWrap .openName {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 22px;
  color: #333333;
  text-align: center;
  margin-top: 22px;
}

.openWrap .openTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 26px;
  color: #666666;
  margin-top: 24px;
  text-align: center;
}

.openWrap .openItem:last-child {
  width: 100%;
  min-height: 323px;
  margin-bottom: 0;
}

.openWrap .openItem:last-child .openTxt {
  line-height: 36px;
}

.statWrap {
  background: url("../images/stat1.jpg") center center/cover no-repeat;
  padding: 96px 0px;
  margin-top: 89px;
}

.statWrap .statBox {
  cursor: pointer;
  position: relative;
}

.statWrap .statBox img {
  width: 100%;
  display: block;
}

.statWrap .statFang {
  background-color: rgba(255, 255, 255, 0.3);
  width: 84px;
  height: 84px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.statWrap .statFang span {
  font-size: 36px;
  color: #e6212a;
  width: 66px;
  height: 66px;
  background-color: #ffffff;
  box-shadow: 12px 12px 81px 0px rgba(0, 0, 0, 0.17);
  border-radius: 50%;
  text-align: center;
  line-height: 66px;
  transition: 0.2s;
}

.statWrap .statFang::after {
  border: 1px solid rgba(255, 255, 255, 0.3);
  width: 129px;
  height: 129px;
  border-radius: 50%;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.statWrap .statBox:hover .statFang span {
  transform: scale(1.2);
}

.middWrap {
  margin-top: 54px;
}

.middWrap .middItem {
  margin-bottom: 50px;
}

.middWrap .middItem:last-child {
  margin-bottom: 0;
}

.middWrap .biao42 {
  text-align: left;
  color: #333333;
}

.middWrap .biao42 em {
  position: relative;
}

.middWrap .biao42 em::after {
  width: 100%;
  height: 5px;
  background-color: #e62129;
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
}

.middWrap .middBox {
  margin-top: 33px;
  display: flex;
  align-items: start;
  justify-content: space-between;
}

.middWrap .middLeft {
  width: 45.07%;
}

.middWrap .middLeft img {
  width: 100%;
  display: block;
}

.middWrap .middRight {
  flex: 1;
  margin-left: 44px;
  display: flex;
  align-items: start;
  margin-top: 27px;
}

.middWrap .middRight img {
  width: 54px;
  display: block;
  flex-shrink: 0;
}

.middWrap .middTxt {
  font-family: Montserrat-Medium,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 26px;
  color: #333333;
  margin-left: 15px;
  flex: 1;
  margin-top: 28px;
}

.whatWrap {
  background-color: #f1f5f8;
  padding-top: 50px;
  margin-top: 66px;
  padding-bottom: 63px;
}

.whatWrap .whatTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.whatWrap .whatTit {
  display: flex;
  align-items: start;
}

.whatWrap .whatTit img {
  width: 129px;
  display: block;
}

.whatWrap .biao42 {
  color: #333333;
  text-align: left;
  width: 465px;
  margin-left: 33px;
  margin-top: 8px;
}

.whatWrap .whatKong {
  display: flex;
  align-items: center;
}

.whatWrap .whatQie {
  font-size: 32px;
  color: #5dc4eb;
  opacity: 0.5;
  cursor: pointer;
  transition: 0.2s;
}

.whatWrap .whatQie:hover {
  font-size: 70px;
  opacity: 1;
}

.whatWrap .whatSwiper {
  overflow: hidden;
  width: 100%;
  margin-top: 34px;
}

.whatWrap .swiper-slide {
  display: flex;
  width: 62.39%;
}

.whatWrap .whatLeft {
  width: 52%;
  background-color: #ffffff;
  padding: 64px 72px 20px 67px;
}

.whatWrap .whatName {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 26px;
  color: #333333;
  position: relative;
}

.whatWrap .whatName::after {
  width: 39px;
  height: 4px;
  background-color: #e62129;
  border-radius: 2px;
  content: '';
  position: absolute;
  bottom: -17px;
  left: 0;
}

.whatWrap .whatTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  margin-top: 51px;
}

.whatWrap .whatRight {
  width: 48%;
}

.whatWrap .whatRight img {
  width: 100%;
  display: block;
}

.whatWrap .whatPoint {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #666666;
  margin: 0 14px;
}

.whatWrap .swiper-pagination-current {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #333333;
}

.resoFaq .rfTop {
  background: url("../images/faq1.jpg") center center/cover no-repeat;
  padding: 80px 15px;
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 100px;
  color: #ffffff;
  text-align: center;
}

.resoFaq .faqTags {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 20px;
}

.resoFaq .faqTags p {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ffffff;
  padding: 15.5px 50px;
  background-color: #111111;
  text-align: center;
  margin-bottom: 10px;
  margin-right: 10px;
  transition: 0.2s;
  cursor: pointer;
}

.resoFaq .faqTags p:hover {
  background-color: #ff8a00;
  color: #ffffff;
}

.resoFaq .faqTags .rfAct {
  background-color: #ff8a00;
  color: #ffffff;
}

.resoFaq .biao42 {
  color: #333333;
  margin-top: 19px;
}

.resoFaq .rfBox {
  padding: 0 180px;
}

.resoFaq .rfList {
  /*border-top: 1px solid #cccccc;*/
  margin-top: -9px;
  display: none;
}

.resoFaq .rfItem {
  border-bottom: 1px solid #cccccc;
  padding: 16px 0px;
}

.resoFaq .rfQues {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #333333;
  cursor: pointer;
}

.resoFaq .rfQues p {
  text-align: center;
  padding: 0 10px;
}

.resoFaq .rfQues span {
  font-size: 12px;
  color: #333333;
  transition: 0.2s;
  font-weight: bold;
}

.resoFaq .rfQues::before {
  width: 12px;
  content: '';
}

.resoFaq .rfRoate span {
  transform: rotate(180deg);
}

.resoFaq .rfAnsw {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  margin-top: 10px;
  display: none;
}

.coreWrap {
  margin-top: 40px;
}

.coreWrap .biao42 {
  color: #333333;
  text-align: left;
}

.coreWrap .coreBox {
  margin-top: 43px;
  display: flex;
  align-items: start;
  justify-content: space-between;
}

.coreWrap .coreLeft {
  width: 29.86%;
  position: relative;
}

.coreWrap .coreQie {
  width: 64px;
  position: absolute;
  top: 69px;
  z-index: 100;
  cursor: pointer;
}

.coreWrap .coreQie img {
  width: 100%;
  display: block;
}

.coreWrap .coreQie .prevImg1 {
  display: none;
}

.coreWrap .coreQie .nextImg1 {
  display: none;
}

.coreWrap .corePrev:hover .prevImg2 {
  display: none;
}

.coreWrap .corePrev:hover .prevImg1 {
  display: block;
}

.coreWrap .coreNext:hover .nextImg2 {
  display: none;
}

.coreWrap .coreNext:hover .nextImg1 {
  display: block;
}

.coreWrap .corePrev {
  left: -43px;
}

.coreWrap .coreNext {
  right: -43px;
}

.coreWrap .coreSwiper {
  width: 100%;
  overflow: hidden;
}

.coreWrap .coreSwiper img {
  width: 100%;
  display: block;
}

.coreWrap .corePoint {
  display: flex;
  justify-content: center;
  margin-top: 29px;
}

.coreWrap .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border: solid 1px #ff8a00;
  border-radius: 50%;
  margin: 0 5px !important;
  opacity: 1;
  transition: 0.2s;
  background-color: transparent;
}

.coreWrap .swiper-pagination-bullet-active {
  background-color: #ff8a00;
}

.coreWrap .coreRight {
  flex: 1;
  margin-left: 111px;
  margin-top: 39px;
  overflow: hidden;
}

.coreWrap .coreTit {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 36px;
  color: #333333;
}

.coreWrap .coreTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #333333;
  margin-top: 28px;
}

.coreWrap .coreBtn {
  display: flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
  background-color: #e62129;
  border-radius: 0px 25px 25px 25px;
  padding: 5px;
  padding-left: 35px;
  margin-top: 43px;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #ffffff;
}

.coreWrap .coreBtn span {
  font-size: 20px;
  color: #e62129;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background-color: #ffffff;
  border-radius: 50%;
  transition: 0.2s;
  margin-left: 34px;
}

.coreWrap .coreBtn:hover {
  background-color: #ff8a00;
}

.coreWrap .coreBtn:hover span {
  color: #ff8a00;
}

.safeWrap {
  display: flex;
  justify-content: space-between;
  margin-top: 52px;
  background-color: #000000;
  align-items: center;
}

.safeWrap .safeLeft {
  width: 50%;
  height: 100%;
  padding: 10px 138px 10px 185px;
}

.safeWrap .biao42 {
  color: #ffffff;
  text-align: left;
}

.safeWrap .safeTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 36px;
  color: #cccccc;
  margin-top: 41px;
}

.safeWrap .safeTxt em {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  color: #ffffff;
}

.safeWrap .safeRight {
  width: 50%;
}

.safeWrap .safeRight img {
  width: 100%;
  display: block;
}

.premTit {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 36px;
  color: #333333;
  text-align: center;
}

.premTit em {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
}

.premWrap {
  margin-top: 58px;
}

.premWrap .premBox {
  margin-top: 30px;
}

.premWrap .premItem {
  margin-bottom: 19px;
}

.premWrap .premItem:last-child {
  margin-bottom: 0;
}

.premWrap .premQues {
  background-color: #f2f2f2;
  border-radius: 20px 0px 20px 0px;
  padding: 17px 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #333333;
  transition: 0.2s;
  cursor: pointer;
}

.premWrap .premQues span {
  font-size: 22px;
  color: #333333;
  margin-left: 10px;
  transition: 0.2s;
  font-weight: bold;
}

.premWrap .premQues:hover {
  background-color: #ff8a00;
  color: #ffffff;
}

.premWrap .premQues:hover span {
  color: #ffffff;
}

.premWrap .isShow {
  background-color: #ff8a00;
  color: #ffffff;
}

.premWrap .isShow span {
  color: #ffffff;
}

.premWrap .premJian {
  display: none;
}

.premWrap .premAnsw {
  padding: 0 42px;
  margin-top: 12px;
  display: none;
}

.premWrap .answBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.premWrap .answItem {
  width: 43.31%;
  position: relative;
}

.premWrap .answItem img {
  width: 100%;
  display: block;
}

.premWrap .answItem:hover .answMask {
  opacity: 1;
}

.premWrap .answBiao {
  position: absolute;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ffffff;
  padding: 8.5px 14px;
  background-color: #e62129;
  border-radius: 0px 0px 0px 25px;
  top: 0;
  right: 0;
  z-index: 200;
}

.premWrap .answMask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 68px 42px;
  padding-bottom: 10px;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 100;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  transition: 0.2s;
  opacity: 0;
}

.premWrap .vsImg {
  width: 7.5%;
}

.premWrap .vsImg img {
  width: 100%;
  display: block;
}

.crafWrap {
  background-color: #f1f5f8;
  margin-top: 60px;
  padding-top: 47px;
  padding-bottom: 80px;
}

.crafWrap .crafBott {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 59px;
}

.crafWrap .crafItem {
  background-color: #ffffff;
  width: 31.43%;
  box-shadow: 2px 0px 59px 0px rgba(4, 39, 72, 0.1);
  border-radius: 10px 10px 0px 0px;
}

.crafWrap .crafSwiper {
  width: 100%;
  overflow: hidden;
  border-radius: 10px 10px 0px 0px;
  position: relative;
}

.crafWrap .crafImg {
  width: 100%;
}

.crafWrap .crafImg img {
  width: 100%;
  display: block;
}

.crafWrap .crafQie {
  font-size: 20px;
  color: #333333;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
  cursor: pointer;
  transition: 0.2s;
}

.crafWrap .crafQie:hover {
  background-color: #ffffff;
  color: #ff8a00;
}

.crafWrap .crafPrev {
  left: 10px;
}

.crafWrap .crafNext {
  right: 10px;
}

.crafWrap .crafInfo {
  padding: 57px 39px;
  padding-bottom: 49px;
}

.crafWrap .crafName {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 22px;
  color: #333333;
  position: relative;
}

.crafWrap .crafName::before {
  width: 50px;
  height: 4px;
  background-color: #5dc4eb;
  position: absolute;
  content: '';
  top: -25px;
  left: 0;
}

.crafWrap .crafTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 26px;
  color: #333333;
  margin-top: 16px;
}

.techWrap {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.techWrap .techLeft {
  width: 39.92%;
  position: relative;
}

.techWrap .techImg1 {
  position: relative;
  width: 100%;
  display: block;
  z-index: 100;
  border-radius: 0 50px 0 50px;
}

.techWrap .techImg2 {
  width: 141px;
  position: absolute;
  right: -68px;
  bottom: -33px;
}

.techWrap .techRight {
  flex: 1;
  margin-left: 110px;
}

.techWrap .premTit {
  position: relative;
  text-align: left;
  line-height: 50px;
}

.techWrap .premTit em {
  display: block;
}

.techWrap .premTit::after {
  width: 62px;
  height: 5px;
  background-color: #ff8a00;
  border-radius: 3px;
  content: '';
  position: absolute;
  bottom: -19px;
  left: 0;
}

.techWrap .techTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 30px;
  color: #333333;
  margin-top: 56px;
}

.certWrap {
  background: url("../images/cert1.jpg") center center/cover no-repeat;
  padding-top: 46px;
  padding-bottom: 75px;
  margin-top: 84px;
  overflow: hidden;
}

.certWrap .biao42 {
  color: #ffffff;
}

.certWrap .certTips {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  text-align: center;
  margin-top: 12px;
}

.certWrap .certCenter {
  position: relative;
  margin-top: 31px;
  padding: 0 113px;
}

.certWrap .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 24.25%;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s;
}

.certWrap .swiper-slide-visible {
  opacity: 1;
  pointer-events: all;
}

.certWrap .swiper-slide img {
  display: block;
  width: 100%;
}

.certWrap .certQie {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 28px;
  color: #ffffff;
  width: 57px;
  height: 57px;
  line-height: 50px;
  border-radius: 50%;
  border: solid 3px #f4f4f2;
  text-align: center;
  cursor: pointer;
  transition: 0.2s;
  z-index: 100;
}

.certWrap .certQie:hover {
  border: 3px solid #e6212a;
  background-color: #e6212a;
}

.certWrap .certPrev {
  left: -67px;
}

.certWrap .certNext {
  right: -67px;
}

.certWrap .certBott {
  width: 99.14%;
  margin-top: -44px;
}

.certWrap .certBott img {
  width: 100%;
  display: block;
}

.certWrap .certBott p {
  width: 88.26%;
  background-color: #ffffff;
  padding: 20px 89px;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #333333;
  margin: 0 auto;
  text-align: center;
}

.yearWrap {
  margin-top: 52px;
  display: flex;
  justify-content: space-between;
}

.yearWrap .yearLeft {
  width: 47.21%;
  position: relative;
  cursor: pointer;
}

.yearWrap .yearLeft:hover .yearBo {
  width: 80px;
}

.yearWrap .yearVideo {
  width: 100%;
  display: block;
}

.yearWrap .yearBo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 65px;
  transform: translate(-50%, -50%);
}

.yearWrap .yearRight {
  width: 52.79%;
  background-color: #5dc4eb;
  padding: 65px 39px 10px 63px;
}

.yearWrap .biao42 {
  text-align: left;
  color: #ffffff;
}

.yearWrap .yearTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
  margin-top: 20px;
}

.yearWrap .yearBtn {
  display: flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  margin-top: 59px;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #ffffff;
  padding: 5px;
  padding-left: 17px;
  background-color: #e62129;
  border-radius: 0px 25px 25px 25px;
}

.yearWrap .yearBtn span {
  font-size: 20px;
  color: #e62129;
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  margin-left: 13px;
  transition: 0.2s;
}

.yearWrap .yearBtn:hover {
  background-color: #ff8a00;
}

.yearWrap .yearBtn:hover span {
  color: #ff8a00;
}

.soluFree {
  position: relative;
}

.soluFree .soluBlock {
  width: 195px;
  position: absolute;
  left: 0;
  top: 30%;
}

.soluWrap {
  margin-top: 92px;
  position: relative;
  z-index: 100;
}

.soluWrap .biao42 {
  color: #333333;
}

.soluWrap .biao42 span {
  font-family: MVBoli,Arial, Helvetica, sans-serif;
  font-size: 60px;
  color: #e62129;
}

.soluWrap .soluTips {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #333333;
  text-align: center;
  margin-top: 10px;
}

.soluWrap .soluCate {
  display: flex;
  justify-content: space-between;
  margin-top: 36px;
}

.soluWrap .soluCate p {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #333333;
  border-radius: 10px 10px 0px 0px;
  border: solid 2px #ff8a00;
  padding: 20.5px 10px;
  width: 17.86%;
  cursor: pointer;
  transition: 0.2s;
  text-align: center;
  border-bottom: none;
}

.soluWrap .soluCate p:hover {
  background-color: #ff8a00;
  color: #ffffff;
}

.soluWrap .soluCate .soluAct {
  background-color: #ff8a00;
  color: #ffffff;
}

.soluWrap .soluBox {
  background-color: #faf5ef;
  padding: 63px 50px 53px 71px;
}

.soluWrap .soluCont {
  display: flex;
  justify-content: space-between;
  align-items: start;
}

.soluWrap .soluLeft {
  flex: 1;
  margin-right: 66px;
  margin-top: 14px;
}

.soluWrap .soluName {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 30px;
  color: #333333;
  position: relative;
}

.soluWrap .soluName::after {
  width: 62px;
  height: 5px;
  background-color: #ff8a00;
  border-radius: 3px;
  position: absolute;
  content: '';
  left: 0;
  bottom: -37px;
}

.soluWrap .soluTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  margin-top: 78px;
}

.soluWrap .soluRight {
  width: 50.8%;
  border-radius: 10px;
  overflow: hidden;
}

.soluWrap .soluRight img {
  width: 100%;
  display: block;
}

.soluWrap .soluItem {
  display: none;
}

.freeWrap {
  margin-top: 58px;
  position: relative;
  z-index: 100;
}

.freeWrap .freeTop {
  display: flex;
  align-items: center;
}

.freeWrap .freeTop img {
  width: 326px;
  display: block;
  margin-left: 19px;
}

.freeWrap .biao42 {
  text-align: left;
  color: #333333;
  line-height: 60px;
  width: 60.57%;
}

.freeWrap .biao42 span {
  background-color: #55d0ff;
  border-radius: 10px;
  padding: 3px;
}

.freeWrap .freeBott {
  margin-top: 19px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.freeWrap .freeLeft {
  width: 47.21%;
  position: relative;
  cursor: pointer;
}

.freeWrap .freeLeft:hover .yearBo {
  width: 80px;
}

.freeWrap .freeVideo {
  width: 100%;
  display: block;
}

.freeWrap .yearBo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 65px;
  transform: translate(-50%, -50%);
}

.freeWrap .freeRight {
  width: 49.14%;
}

.freeWrap .freeTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 30px;
  color: #333333;
}

.freeWrap .yearBtn {
  display: flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
  margin-top: 54px;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #ffffff;
  padding: 5px;
  padding-left: 17px;
  background-color: #e62129;
  border-radius: 0px 25px 25px 25px;
}

.freeWrap .yearBtn span {
  font-size: 20px;
  color: #e62129;
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  margin-left: 13px;
  transition: 0.2s;
}

.freeWrap .yearBtn:hover {
  background-color: #ff8a00;
}

.freeWrap .yearBtn:hover span {
  color: #ff8a00;
}

.designWrap {
  margin-top: 85px;
  position: relative;
}

.designWrap .keepBlock {
  width: 105px;
  position: absolute;
  left: 0;
  top: 35%;
}

.designWrap .desiTop {
  background-color: #e0cde8;
  padding: 33.5px 0px;
  position: relative;
  z-index: 100;
}

.designWrap .desiTop p {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 90px;
  color: #333333;
}

.designWrap .tilBox {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: -122px;
  position: relative;
  z-index: 100;
}

.designWrap .tilLeft {
  width: 46.21%;
  transform: translateY(10px);
}

.designWrap .tilName {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 36px;
  color: #333333;
}

.designWrap .tilTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  margin-top: 11px;
}

.designWrap .tilBtn {
  display: flex;
  align-items: center;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #333333;
  margin-top: 52px;
}

.designWrap .tilBtn span {
  font-size: 20px;
  color: #e62129;
  margin-left: 9px;
}

.designWrap .tilBtn:hover {
  color: #e6212a;
}

.designWrap .tilRight {
  width: 47.21%;
  position: relative;
}

.designWrap .tilRight img {
  display: block;
  width: 100%;
}

.designWrap .tilRight .tilImg1 {
  position: absolute;
  width: 100%;
  top: 30px;
  right: 30px;
  z-index: 100;
}

.designWrap .keepBox {
  margin-top: 100px;
  display: flex;
  align-items: start;
  padding-left: calc((100vw - 1400px) / 2);
  padding-right: 131px;
  position: relative;
  z-index: 100;
}

.designWrap .keepLeft {
  padding-left: 28px;
  margin-top: 63px;
}

.designWrap .keepTit {
  display: flex;
  align-items: center;
  padding-left: 133px;
}

.designWrap .keepTit img {
  width: 67px;
  display: block;
}

.designWrap .biao42 {
  line-height: 50px;
  color: #333333;
  text-align: left;
  margin-left: 16px;
}

.designWrap .keepTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #333333;
  margin-top: 21px;
}

.designWrap .keepRight {
  width: 41%;
  position: relative;
  flex-shrink: 0;
}

.designWrap .keepRight img {
  width: 100%;
  display: block;
}

.designWrap .keepRight a {
  position: absolute;
  display: flex;
  align-items: center;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #333333;
  bottom: 15px;
  right: 20%;
}

.designWrap .keepRight a span {
  font-size: 20px;
  color: #e6212a;
  margin-left: 9px;
}

.designWrap .keepRight a:hover {
  color: #e6212a;
}

.designWrap .keepSwiper {
  width: 100%;
  overflow: hidden;
  margin-top: 30px;
}

.designWrap .keepSwiper img {
  width: 100%;
  display: block;
}

.designWrap .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.lifeWrap {
  margin-top: 70px;
  display: flex;
  justify-content: space-between;
  background-color: #f1f6f9;
  align-items: center;
}

.lifeWrap .lifeImg {
  width: 50%;
}

.lifeWrap .lifeImg img {
  width: 100%;
  display: block;
}

.lifeWrap .lifeRight {
  width: 50%;
  padding: 10px calc((100vw - 1400px) / 2) 10px 76px;
}

.lifeWrap .lifeTop {
  display: flex;
  align-items: center;
}

.lifeWrap .lifeTop img {
  width: 120px;
  display: block;
}

.lifeWrap .biao42 {
  text-align: left;
  margin-left: 40px;
  color: #333333;
}

.lifeWrap .lifeCont {
  position: relative;
  margin-top: 33px;
}

.lifeWrap .lifeTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #333333;
}

.lifeWrap .yinhao {
  position: absolute;
  bottom: -33px;
  right: -42px;
  width: 56px;
}

.servWrap {
  margin-top: 66px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.servWrap .servItem {
  width: 31.43%;
  background: url("../images/serv1.png") center center/cover no-repeat;
  padding: 11px 16px;
  padding-bottom: 110px;
  position: relative;
}

.servWrap .servImg {
  width: 100%;
  display: block;
}

.servWrap .servTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 22px;
  color: #333333;
  padding: 0 15px;
  margin-top: 39px;
}

.servWrap .servTxt em {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
}

.servWrap .servTxt p {
  margin-bottom: 22px;
}

.servWrap .servTxt p:last-child {
  margin-bottom: 0;
}

.servWrap .servBiao {
  font-family: MVBoli,Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #333333;
  text-align: right;
  margin-top: 14px;
  position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    bottom: 52px;
}

.servWrap::after {
  width: 31.43%;
  content: '';
}

.missWrap {
  background: url("../images/miss1.jpg") center center/cover no-repeat;
  padding-top: 323px;
  padding-bottom: 113px;
  margin-top: 70px;
  background-attachment: fixed;
}

.missWrap .missBox {
  width: 662px;
  background-color: #e62129;
  border-radius: 0px 50px 0px 50px;
  margin-left: calc((100vw - 1400px) / 2);
  padding: 56px 75px 85px 45px;
}

.missWrap .biao42 {
  color: #ffffff;
  text-align: left;
}

.missWrap .missTxt {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
  margin-top: 28px;
}

.globCont {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 10px 15px;
}

.globCont .globTit {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 72px;
  color: #333333;
}

.globCont .globTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #333333;
  margin-top: 18px;
}

.fantWrap {
  margin-top: 22px;
  position: relative;
}

.fantWrap .fantBlock {
  width: 145px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -91px;
}

.fantWrap .fantItem {
  display: flex;
  justify-content: space-between;
  background-color: #f9f5f5;
  align-items: center;
}

.fantWrap .fantItem:nth-child(even) {
  flex-direction: row-reverse;
}

.fantWrap .fantItem:nth-child(even) .fantLeft {
  padding: 10px calc((100vw - 1400px) / 2) 10px 77px;
}

.fantWrap .fantLeft {
  width: 50%;
  padding: 10px 86px 10px calc((100vw - 1400px) / 2);
}

.fantWrap .fantTit {
  display: flex;
  align-items: center;
}

.fantWrap .fantTit img {
  width: 62px;
  display: block;
  margin-left: 19px;
}

.fantWrap .biao42 {
  color: #333333;
  text-align: left;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.fantWrap .biao42 a {
  color: #333333;
}

.fantWrap .biao42 a:hover {
  color: #ff8a00;
}

.fantWrap .fantTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #333333;
  margin-top: 18px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.fantWrap .fantRight {
  width: 50%;
  display: block;
  overflow: hidden;
}

.fantWrap .fantRight img {
  width: 100%;
  display: block;
}

.fantWrap .fantRight:hover img {
  transform: scale(1.1);
}

.projWrap {
  margin-top: 63px;
  display: flex;
  align-items: start;
  justify-content: space-between;
}

.projWrap .projLeft {
  width: 61.36%;
}

.projWrap .projTit {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 36px;
  line-height: 48px;
  color: #333333;
}

.projWrap .projTips {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #666666;
  margin-top: 30px;
}

.projWrap .projImg {
  width: 100%;
  margin-top: 26px;
}

.projWrap .projImg img {
  width: 100%;
  display: block;
}

.projWrap .projDate {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  text-align: right;
  margin-top: 22px;
}

.projWrap .projTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #333333;
  margin-top: 26px;
}

.projWrap .projTxt a {
  color: #333333;
}

.projWrap .projTxt a:hover {
  color: #e6212a;
}

.projWrap .projTxt img {
  max-width: 100%;
}

.projWrap .shareBox {
  display: flex;
  align-items: center;
  margin-top: 33px;
  flex-wrap: wrap;
}

.projWrap .shareBox p {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ff8a00;
  margin-top: 10px;
}

.projWrap .shareList {
  display: flex;
  margin-right: 18px;
}

.projWrap .shareList a {
  width: 28px;
  display: block;
  margin-right: 7px;
  margin-top: 10px;
}

.projWrap .shareList a img {
  width: 100%;
  display: block;
}

.projWrap .shareList a:last-child {
  margin-right: 0;
}

.projWrap .touBox {
  display: flex;
  align-items: center;
  margin-top: 39px;
}

.projWrap .touBox img {
  width: 74px;
  border-radius: 10px;
  display: block;
}

.projWrap .touTxt {
  border-radius: 10px;
  border: solid 1px #cccccc;
  position: relative;
  flex: 1;
  margin-left: 23px;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
  padding: 12px 40px;
}

.projWrap .touTxt a {
  color: #333333;
  text-decoration: underline;
}

.projWrap .touTxt::before {
  background: url("../images/jiantou3.png") center center/cover no-repeat;
  position: absolute;
  top: 40%;
  right: 100%;
  content: '';
  width: 11px;
  height: 8px;
}

.projWrap .projBox {
  display: flex;
  justify-content: space-between;
  margin-top: 44px;
  flex-wrap: wrap;
}

.projWrap .projItem {
  width: 48.89%;
  background-color: #ffffff;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.17);
}

.projWrap .qieImg {
  width: 100%;
  display: block;
  overflow: hidden;
}

.projWrap .qieImg img {
  width: 100%;
  display: block;
}

.projWrap .qieImg:hover img {
  transform: scale(1.1);
}

.projWrap .qieName {
  display: flex;
  align-items: center;
  padding: 17.5px 70px;
  padding-left: 20px;
  width: 100%;
}

.projWrap .qieName span {
  font-size: 12px;
  color: #333333;
}

.projWrap .qieName p {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
  margin-left: 20px;
  transition: 0.2s;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.projWrap .qieName:hover span {
  color: #e6212a;
}

.projWrap .qieName:hover p {
  color: #e6212a;
}

.projWrap .projItem:nth-child(even) .qieName {
  flex-direction: row-reverse;
  padding-left: 46px;
  padding-right: 19px;
}

.projWrap .projRight {
  width: 32.14%;
  margin-top: 174px;
}

.projWrap .rightBox1 {
  width: 100%;
  background-color: #fbfcfd;
  border: solid 1px #eeeeee;
}

.projWrap .factImg {
  width: 100%;
  display: block;
  overflow: hidden;
}

.projWrap .factImg img {
  width: 100%;
  display: block;
}

.projWrap .factImg:hover img {
  transform: scale(1.1);
}

.projWrap .factInfo {
  padding: 53px 50px 47px 48px;
}

.projWrap .factName {
  font-family: Roboto-Medium,Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #333333;
  position: relative;
}

.projWrap .factName a {
  color: #333333;
}

.projWrap .factName a:hover {
  color: #ff8a00;
}

.projWrap .factName::after {
  width: 40px;
  height: 2px;
  background-color: #ff8a00;
  border-radius: 1px;
  position: absolute;
  top: -17px;
  left: 0;
  content: '';
}

.projWrap .factTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 26px;
  color: #666666;
  margin-top: 18px;
}

.projWrap .factBtn {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ff8a00;
  border: 1px solid #ff8a00;
  padding: 15px 34px;
  display: block;
  width: max-content;
  max-width: 100%;
  text-align: center;
  margin: 0 auto;
  margin-top: 32px;
      text-transform: uppercase;
}

.projWrap .factBtn:hover {
  background-color: #ff8a00;
  color: #ffffff;
}

.projWrap .projForm {
  width: 91.11%;
  height: 60px;
  background-color: #f2f2f2;
  margin: 0 auto;
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 20px;
  position: relative;
}

.projWrap .projInput {
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 10px;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
}

.projWrap .projInput::-webkit-input-placeholder {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
}

.projWrap .projInput:-moz-placeholder {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
}

.projWrap .projInput::-moz-placeholder {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
}

.projWrap .projInput:-ms-input-placeholder {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
}

.projWrap .projSou {
  font-size: 18px;
  color: #222222;
  font-weight: bold;
}

.projWrap .projSub {
  position: absolute;
  top: 0;
  width: 20px;
  height: 100%;
  right: 20px;
  cursor: pointer;
}

.projWrap .blogBox {
  margin-top: 14px;
  background-color: #ffffff;
  border: solid 1px #eeeeee;
}

.projWrap .blogTop {
  display: flex;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #333333;
  padding-left: 49px;
  padding-right: 10px;
  background-color: #f9f9f9;
  border-bottom: solid 1px #eeeeee;
}

.projWrap .blogTop p {
  cursor: pointer;
  transition: 0.2s;
  position: relative;
  padding: 19px 0px;
  margin-right: 105px;
}

.projWrap .blogTop p::after {
  width: 0;
  height: 3px;
  background-color: #ff8a00;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  transition: 0.2s;
}

.projWrap .blogTop p:hover {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
}

.projWrap .blogTop p:hover::after {
  width: 100%;
}

.projWrap .blogTop p:last-child {
  margin-right: 0;
}

.projWrap .blogTop .blogAct {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
}

.projWrap .blogTop .blogAct::after {
  width: 100%;
}

.projWrap .blogBott {
  padding: 17px 49px;
  padding-bottom: 22px;
}

.projWrap .blogItem {
  display: none;
}

.projWrap .blogItem a {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 40px;
  color: #666666;
  display: flex;
  align-items: start;
}

.projWrap .blogItem a::before {
  width: 7px;
  height: 7px;
  background-color: #ff8a00;
  opacity: 0.4;
  content: '';
  margin-top: 16px;
  margin-right: 12px;
}

.projWrap .blogItem a:hover {
  color: #ff8a00;
}

.projWrap .whichBox {
  background-color: #fbfcfd;
  border: solid 1px #eeeeee;
  width: 100%;
  margin-top: 55px;
  padding: 75px 50px;
  padding-bottom: 46px;
  text-align: center;
}

.projWrap .whichTit {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 36px;
  line-height: 1;
  color: #333333;
  position: relative;
}

.projWrap .whichTit em {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  display: block;
}

.projWrap .whichTit::before {
  width: 40px;
  height: 2px;
  background-color: #ff8a00;
  border-radius: 1px;
  content: '';
  position: absolute;
  top: -23px;
  left: 50%;
  transform: translateX(-50%);
}

.projWrap .whichTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 26px;
  color: #666666;
  margin-top: 29px;
}

.projWrap .whichBtn {
  display: inline-block;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ffffff;
  padding: 15.5px 42px;
  background-color: #ff8a00;
  margin-top: 43px;
}

.projWrap .whichBtn:hover {
  background-color: #e6212a;
}

.newsWrap {
  padding-top: 27px;
  background-color: #f8f8f8;
  padding-bottom: 49px;
}

.newsWrap .newsTips {
  display: flex;
  align-items: center;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #333333;
}

.newsWrap .newsTips em {
  font-size: 14px;
  color: #ffffff;
  padding: 5.5px 9px;
  background-color: #000000;
  margin-right: 13px;
}

.newsWrap .xinwBox {
  width: 100%;
  position: relative;
  margin-top: 23px;
}

.newsWrap .newsQie {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 160px;
  height: 160px;
  background-color: #f8e3e4;
  border-radius: 50%;
  line-height: 160px;
  font-size: 36px;
  color: #f0ccce;
  cursor: pointer;
  transition: 0.2s;
}

.newsWrap .newsQie:hover {
  background-color: #e62129;
  color: #ffffff;
}

.newsWrap .newsPrev {
  left: -80px;
  padding-left: 30px;
}

.newsWrap .newsNext {
  right: -80px;
  padding-right: 30px;
  text-align: right;
}

.newsWrap .newsSwiper {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 100;
  background-color: #f8f8f8;
}

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

.newsWrap .newsLeft {
  width: 50%;
  position: relative;
}

.newsWrap .bigImg {
  width: 100%;
  display: block;
  overflow: hidden;
}

.newsWrap .bigImg img {
  width: 100%;
  display: block;
}

.newsWrap .bigImg:hover img {
  transform: scale(1.1);
}

.newsWrap .bigInfo {
  position: absolute;
  width: 100%;
  padding: 0 96px 20px 18px;
  bottom: 0;
  left: 0;
}

.newsWrap .bigTags {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #ffffff;
  padding: 5.5px 10px;
  background-color: rgba(0, 0, 0, 0.7);
  width: max-content;
  max-width: 100%;
}

.newsWrap .bigName {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 30px;
  line-height: 42px;
  color: #ffffff;
  margin-top: 3px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.newsWrap .bigName a {
  color: #ffffff;
  display: block;
}

.newsWrap .bigName a:hover {
  color: #e6212a;
}

.newsWrap .bigDate {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ffffff;
  margin-top: 20px;
}

.newsWrap .newsRight {
  flex: 1;
  margin-left: 3px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: wrap;
}

.newsWrap .rightItem {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.newsWrap .newsItem {
  width: 49.7%;
  position: relative;
}

.newsWrap .newsImg {
  width: 100%;
  display: block;
  overflow: hidden;
}

.newsWrap .newsImg img {
  width: 100%;
  display: block;
}

.newsWrap .newsImg:hover img {
  transform: scale(1.1);
}

.newsWrap .newsInfo {
  position: absolute;
  width: 100%;
  padding: 10px 67px 6px 20px;
  bottom: 0;
  left: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.2));
}

.newsWrap .newsTag {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #ffffff;
  padding: 5.5px 9px;
  background-color: rgba(0, 0, 0, 0.7);
  width: max-content;
  max-width: 100%;
}

.newsWrap .newsName {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 7px;
}

.newsWrap .newsName a {
  color: #ffffff;
  display: block;
}

.newsWrap .newsName a:hover {
  color: #e6212a;
}

.newsWrap .offiBox {
  margin-top: 54px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.newsWrap .offiLeft {
  width: 46.43%;
  background-color: #ffffff;
  box-shadow: 5px 5px 70px 0px rgba(15, 26, 104, 0.13);
}

.newsWrap .offiImg {
  width: 100%;
  display: block;
  position: relative;
  cursor: pointer;
}

.newsWrap .offiImg:hover .offiBo {
  width: 80px;
}

.newsWrap .offiVideo {
  width: 100%;
  display: block;
}

.newsWrap .offiBo {
  width: 65px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.newsWrap .offiInfo {
  padding: 29px 46px 50px 37px;
}

.newsWrap .offiTips {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #999999;
}

.newsWrap .offiName {
  font-family: Roboto-Medium,Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 36px;
  color: #333333;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 14px;
}

.newsWrap .offiName a {
  color: #333333;
  display: block;
}

.newsWrap .offiName a:hover {
  color: #e6212a;
}

.newsWrap .offiRight {
  width: 49.71%;
  margin-top: 4px;
}

.newsWrap .offiBiao {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #333333;
}

.newsWrap .offiList {
  margin-top: 14px;
}

.newsWrap .offiItem {
  display: flex;
  justify-content: space-between;
  align-items: start;
  margin-bottom: 27px;
}

.newsWrap .offiItem:last-child {
  margin-bottom: 0;
}

.newsWrap .offiCont {
  flex: 1;
  margin-right: 36px;
  display: flex;
  align-items: start;
  margin-top: 18px;
}

.newsWrap .offiNum {
  font-family: Montserrat-Medium,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #999999;
  margin-right: 22px;
}

.newsWrap .offiTi {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 24px;
  color: #333333;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.newsWrap .offiTi a {
  color: #333333;
  display: block;
}

.newsWrap .offiTi a:hover {
  color: #e6212a;
}

.newsWrap .offiDate {
  display: flex;
  align-items: center;
  margin-top: 19px;
}

.newsWrap .offiDate p:nth-child(1) {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #333333;
  padding: 8px 20px;
  background-color: #eeeeee;
  border-radius: 18px;
  margin-right: 20px;
}

.newsWrap .offiDate p:nth-child(2) {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #999999;
}

.newsWrap .offiTu {
  width: 185px;
  display: block;
  overflow: hidden;
}

.newsWrap .offiTu img {
  width: 100%;
  display: block;
}

.newsWrap .offiTu:hover img {
  transform: scale(1.1);
}

.shouldWrap {
  margin-top: 45px;
  margin-bottom: 54px;
}

.shouldWrap .shouCate {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #cccccc;
}

.shouldWrap .shouCate a {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
  position: relative;
  padding-bottom: 19px;
  margin-right: 50px;
}

.shouldWrap .shouCate a:last-child {
  margin-right: 0;
}

.shouldWrap .shouCate a::after {
  width: 0;
  height: 4px;
  background-color: #ff8a00;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  transition: 0.2s;
}

.shouldWrap .shouCate a:hover {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  color: #333333;
}

.shouldWrap .shouCate a:hover::after {
  width: 100%;
}

.shouldWrap .shouCate .shouAct::after {
  width: 100%;
}

.shouldWrap .shouCate .shouAct {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  color: #333333;
}

.shouldWrap .shouList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 31px;
}

.shouldWrap .shouList::after {
  width: 31.43%;
  content: '';
}

.shouldWrap .shouItem {
  width: 31.43%;
  margin-bottom: 52px;
}

.shouldWrap .shouImg {
  width: 100%;
  display: block;
  overflow: hidden;
}

.shouldWrap .shouImg img {
  width: 100%;
  display: block;
}

.shouldWrap .shouImg:hover img {
  transform: scale(1.1);
}

.shouldWrap .shouName {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 22px;
  line-height: 30px;
  color: #333333;
  margin-top: 22px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding-right: 60px;
}

.shouldWrap .shouName a {
  color: #333333;
  display: block;
}

.shouldWrap .shouName a:hover {
  color: #e6212a;
}

.shouldWrap .shouTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 26px;
  color: #666666;
  margin-top: 24px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.shouldWrap .shouBtn {
  display: flex;
  align-items: center;
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #ff8a00;
  margin-top: 27px;
}

.shouldWrap .shouBtn span {
  font-size: 20px;
  color: #ff8a00;
  margin-left: 15px;
  transition: 0.2s;
}

.shouldWrap .shouBtn:hover {
  color: #e6212a;
}

.shouldWrap .shouBtn:hover span {
  color: #e6212a;
}

.contWrap {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: start;
}

.contWrap .contLeft {
  width: 58.64%;
}

.contWrap .biao42 {
  text-align: left;
  color: #333333;
}

.contWrap .contForm {
  margin-top: 31px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.contWrap .contItem {
  width: 48.78%;
  height: 50px;
  border: solid 1px #e5e5e5;
  display: flex;
  align-items: start;
  padding: 0 19px;
  margin-bottom: 19px;
}

.contWrap .contXing {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #dd0000;
  margin-top: 15px;
  margin-right: 5px;
}

.contWrap .contInput {
  width: 100%;
  height: 100%;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #666666;
}

.contWrap .contInput::-webkit-input-placeholder {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #666666;
}

.contWrap .contInput:-moz-placeholder {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #666666;
}

.contWrap .contInput::-moz-placeholder {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #666666;
}

.contWrap .contInput:-ms-input-placeholder {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #666666;
}

.contWrap .m-formcountry {
  position: relative;
}

.contWrap .m-formcountry .drop-btn {
  width: 100%;
  height: 100%;
}

.contWrap .m-formcountry .drop-btn i, .contWrap .m-formcountry .drop-btn svg {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
}

.contWrap .m-formcountry .drop-list {
  display: none;
  border: 1px solid #e6e6e6;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  max-height: 223px;
  overflow-x: hidden;
  z-index: 10001;
  scrollbar-color: #333 rgba(0, 0, 0, 0.05);
  scrollbar-width: thin;
}

.contWrap .m-formcountry .drop-list::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.contWrap .m-formcountry .drop-list::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
}

.contWrap .m-formcountry .drop-list::-webkit-scrollbar-thumb {
  background-color: #333;
}

.contWrap .m-formcountry .drop-list li {
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  padding: 5px 27px;
  cursor: pointer;
  border-bottom: 1px solid #e6e6e6;
  color: #999;
}

.contWrap .m-formcountry .drop-list li:hover {
  background-color: #e0e0e0;
}

.contWrap .areaBox {
  margin-top: -3px;
  width: 100%;
}

.contWrap .commTxt {
  display: flex;
  align-items: start;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #333333;
}

.contWrap .commTxt .contXing {
  margin-top: 0;
}

.contWrap .contArea {
  width: 100%;
  height: 150px;
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
  margin-top: 9px;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #666666;
  padding: 10px;
}

.contWrap .contArea::-webkit-input-placeholder {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #666666;
}

.contWrap .contArea:-moz-placeholder {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #666666;
}

.contWrap .contArea::-moz-placeholder {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #666666;
}

.contWrap .contArea:-ms-input-placeholder {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #666666;
}

.contWrap .uploaBox {
  margin-top: 14px;
  width: 100%;
}

.contWrap .uploaInput {
  position: relative;
  width: 100%;
  margin-top: 11px;
  border: solid 1px #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #666666;
  padding: 12px 19px;
  padding-right: 14px;
}

.contWrap .uploaInput span {
  font-size: 20px;
  color: #999999;
  margin-left: 10px;
  font-weight: bold;
}

.contWrap .upInput {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

.contWrap .fileList {
  margin-top: 12px;
}

.contWrap .fileItem {
  padding: 4px 22px;
  padding-right: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2px;
}

.contWrap .fileItem:hover {
  background-color: #eeeeee;
}

.contWrap .fileItem:last-child {
  margin-bottom: 0;
}

.contWrap .fileName {
  display: flex;
  align-items: center;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #333333;
}

.contWrap .fileName span {
  font-size: 18px;
  color: #999999;
  margin-right: 10px;
}

.contWrap .fileBtn {
  font-size: 16px;
  color: #999999;
  cursor: pointer;
}

.contWrap .alsoWrap {
  margin-top: 3px;
}

.contWrap .alsoList {
  margin-top: 19px;
  display: flex;
  flex-wrap: wrap;
}

.contWrap .alsoItem {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  margin-right: 20px;
}

.contWrap .alsoItem input {
  width: 16px;
  height: 16px;
  background-color: #ffffff;
  border: solid 1px #cccccc;
  flex-shrink: 0;
  cursor: pointer;
  position: relative;
  outline: none;
  box-sizing: border-box;
  -webkit-appearance: none;
}

.contWrap .alsoItem input[type="checkbox"]::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
}

.contWrap .alsoItem input[type="checkbox"]:checked::before {
  position: absolute;
  top: 30%;
  left: 57%;
  transform: translate(-50%, -50%);
  opacity: 1;
  background: url("../images/duigou2.png") center center/cover no-repeat;
  width: 14px;
  height: 14px;
  content: '';
}

.contWrap .alsoItem label {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
  margin-left: 7px;
}

.contWrap .alsoItem:last-child {
  /*margin-bottom: 0;*/
}

.contWrap .captItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: solid 1px #e5e5e5;
  width: 100%;
  margin-top: 2px;
}

.contWrap .captItem .contItem {
  margin-bottom: 0;
  width: 100%;
  border: none;
  height: 48px;
}

.contWrap .captCode {
  width: 110px;
  flex-shrink: 0;
  cursor: pointer;
}

.contWrap .captCode img {
  width: 100%;
  display: block;
}

.contWrap .contSub {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #ffffff;
  padding: 11px 38px;
  background-color: #e62129;
  border-radius: 20px;
  transition: 0.2s;
  margin-top: 30px;
}

.contWrap .contSub:hover {
  background-color: #ff8a00;
}

.contWrap .contTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  margin-top: 22px;
}

.contWrap .contRight {
  width: 37.86%;
}

.contWrap .cartTit {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 30px;
  color: #333333;
}

.contWrap .cartList {
  margin-top: 34px;
}

.contWrap .cartItem {
  border: solid 2px #e5e5e5;
  padding: 11px 2px;
  padding-bottom: 13px;
  display: flex;
  align-items: start;
  position: relative;
  margin-bottom: 20px;
}

.contWrap .cartItem:last-child {
  margin-bottom: 0;
}

.contWrap .cartClose {
  font-size: 12px;
  color: #ff8a00;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 100;
  cursor: pointer;
}

.contWrap .cartImg {
  width: 40.64%;
  display: block;
  overflow: hidden;
}

.contWrap .cartImg img {
  width: 100%;
  display: block;
}

.contWrap .cartImg:hover img {
  transform: scale(1.1);
}

.contWrap .cartRight {
  flex: 1;
  margin-left: 20px;
  padding-right: 28px;
  margin-top: 11px;
}

.contWrap .cartName {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #222222;
  border-bottom: 4px solid #eeeeee;
  padding-bottom: 7px;
}

.contWrap .cartName a {
  color: #222222;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.contWrap .cartName a:hover {
  color: #e6212a;
}

.contWrap .cartTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #444444;
  margin-top: 15px;
}

.contWrap .cartPrice {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #222222;
  text-align: right;
  margin-top: 1px;
}

.contWrap .noCart {
  margin-top: 10px;
}

.contWrap .noItem {
  background-color: #f2f2f2;
  padding: 27.5px 11px;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.contWrap .noItem:last-child {
  margin-bottom: 0px;
}

.contWrap .noImg {
  width: 42%;
  display: block;
  overflow: hidden;
}

.contWrap .noImg img {
  width: 100%;
  display: block;
}

.contWrap .noImg:hover img {
  transform: scale(1.1);
}

.contWrap .noRight {
  flex: 1;
  margin-left: 7px;
}

.contWrap .noName {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #222222;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.contWrap .noName a {
  color: #222222;
}

.contWrap .noName a:hover {
  color: #e6212a;
}

.contWrap .noTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #444444;
  margin-top: 12px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.contWrap .noInfo {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #444444;
  margin-top: 19px;
}

.contWrap .noBtn {
  display: block;
  width: max-content;
  max-width: 100%;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #ffffff;
  padding: 11.5px 28px;
  background-color: #e62129;
  border-radius: 20px;
  margin-top: 20px;
}

.contWrap .noBtn:hover {
  background-color: #ff8a00;
}

.qaWrap {
  background-color: #f1f5f8;
  padding-top: 43px;
  padding-bottom: 16px;
  margin-top: 142px;
}

.qaWrap .biao42 {
  color: #333333;
}

.qaWrap .qaList {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.qaWrap .qaList::after {
  width: 31.43%;
  content: '';
}

.qaWrap .qaItem {
  width: 31.43%;
  background-color: #ffffff;
  border-radius: 10px;
  margin-bottom: 39px;
  padding: 26px 40px;
  padding-bottom: 43px;
}

.qaWrap .qaName {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #333333;
  width: 100%;
}

.qaWrap .qaName img {
  max-width: 64px;
  display: block;
  margin-left: 4px;
}

/*.qaWrap .qaName p {*/
/*  margin-top: 10px;*/
/*}*/

.qaWrap .qaTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 26px;
  color: #666666;
  margin-top: 2px;
}

.aboutWrap1 .techItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.aboutWrap1 .techLeft {
  width: 50%;
  position: relative;
  cursor: pointer;
}

.aboutWrap1 .techLeft:hover .techBo {
  width: 80px;
}

.aboutWrap1 .techVideo {
  width: 100%;
  display: block;
}

.aboutWrap1 .techBo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 65px;
}

.aboutWrap1 .techRight {
  flex: 1;
  margin-left: 77px;
  padding-right: 182px;
}

.aboutWrap1 .techTit {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 40px;
  color: #333333;
  position: relative;
}

.aboutWrap1 .techTit::after {
  background: url("../images/tech3.png") center center/cover no-repeat;
  width: 63px;
  height: 6px;
  position: absolute;
  bottom: -36px;
  left: 0;
  content: '';
}

.aboutWrap1 .techTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 36px;
  color: #333333;
  margin-top: 75px;
}

.aboutWrap1 .tuvItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.aboutWrap1 .tuvLeft {
  width: 50%;
  padding-right: 130px;
  padding-left: 172px;
}

.aboutWrap1 .biao42 {
  color: #333333;
  text-align: left;
}

.aboutWrap1 .biao42 em {
  color: #ff8a00;
}

.aboutWrap1 .tuvTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #666666;
  line-height: 30px;
  margin-top: 24px;
}

.aboutWrap1 .tuvTxt em {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  color: #333333;
}

.aboutWrap1 .tuvBtn {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #333333;
  display: flex;
  align-items: center;
  margin-top: 55px;
}

.aboutWrap1 .tuvBtn span {
  font-size: 20px;
  color: #333333;
  margin-left: 10px;
  transition: 0.2s;
}

.aboutWrap1 .tuvBtn:hover {
  color: #e6212a;
}

.aboutWrap1 .tuvBtn:hover span {
  color: #e6212a;
}

.aboutWrap1 .tuvImg {
  width: 50%;
  padding-right: 161px;
}

.aboutWrap1 .tuvImg img {
  width: 100%;
  display: block;
}

.presWrap {
  margin-top: 59px;
}

.presWrap .biao42 {
  padding: 24.5px 285px;
  padding-left: calc((100vw - 1400px) / 2);
  color: #ffffff;
  background-color: #e6212a;
  width: max-content;
  max-width: 100%;
}

.presWrap .presBox {
  margin-top: 70px;
  display: flex;
  align-items: start;
  justify-content: space-between;
}

.presWrap .presLeft {
  width: 36.64%;
  position: relative;
}

.presWrap .presImg1 {
  width: 100%;
  display: block;
  position: relative;
  z-index: 100;
}

.presWrap .presImg2 {
  position: absolute;
  width: 100%;
  top: 0px;
  left: -70px;
  transform: rotate(-7deg);
}

.presWrap .presImg3 {
  width: 41px;
  position: absolute;
  top: -40px;
  right: -34px;
  z-index: 200;
}

.presWrap .presRight {
  flex: 1;
  margin-left: 62px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 10px;
}

.presWrap .presInfo {
  width: 66.53%;
}

.presWrap .presName {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 42px;
  color: #333333;
}

.presWrap .presName em {
  font-size: 18px;
  font-family: "Microsoft YaHei", "微软雅黑";
}

.presWrap .presTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 26px;
  color: #666666;
  margin-top: 22px;
}

.presWrap .presTxt em {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  color: #333333;
}

.presWrap .presBlock {
  width: 28.89%;
}

.presWrap .presBlock img {
  width: 100%;
  display: block;
}

.meanWrap {
  margin-top: 72px;
  padding-top: 54px;
  padding-bottom: 56px;
}

.meanWrap .meanBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.meanWrap .meanLeft {
  width: 47.86%;
}

.meanWrap .meanTit1 {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 36px;
  line-height: 48px;
  color: #333333;
  position: relative;
  width: max-content;
  max-width: 100%;
}

.meanWrap .meanTit1 p {
  position: relative;
  z-index: 100;
}

.meanWrap .meanTit1::before {
  width: 100%;
  height: 14px;
  background-color: #ffe5c6;
  content: '';
  position: absolute;
  left: 0;
  bottom: 11px;
}

.meanWrap .meanTit2 {
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 36px;
  line-height: 48px;
  color: #333333;
  position: relative;
  width: max-content;
  max-width: 100%;
}

.meanWrap .meanTit2 p {
  position: relative;
  z-index: 100;
}

.meanWrap .meanTit2::before {
  width: 100%;
  height: 14px;
  background-color: #c6ffd6;
  content: '';
  position: absolute;
  left: 0;
  bottom: 11px;
}

.meanWrap .meanTxt {
  margin-top: 21px;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #333333;
}

.meanWrap .meanRight {
  width: 47.57%;
  border-radius: 100px 0px 100px 0px;
  overflow: hidden;
}

.meanWrap .meanRight img {
  width: 100%;
  display: block;
}

.meanThan {
  background-color: #edf7f7;
}

.thanWrap {
  margin-left: 63px;
  background-color: #ffffff;
  padding-top: 47px;
  padding-bottom: 83px;
}

.thanWrap .thanBox {
  padding-left: 197px;
  padding-right: calc((100vw - 1400px) / 2);
}

.thanWrap .thanTop {
  display: flex;
  justify-content: center;
  align-items: start;
  position: relative;
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
  padding-right: 56px;
}

.thanWrap .thanTop img {
  width: 57px;
  display: block;
}

.thanWrap .thanTit {
  margin-top: 12px;
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 30px;
  line-height: 36px;
  color: #333333;
  margin-left: 27px;
  margin-right: 39px;
}

.thanWrap .yinImg2 {
  position: absolute;
  right: 0;
  bottom: -22px;
}

.thanWrap .thanList {
  margin-top: 41px;
}

.thanWrap .thanItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}

.thanWrap .thanItem:last-child {
  margin-bottom: 0;
}

.thanWrap .thanSwiper {
  width: 39.07%;
  overflow: hidden;
  position: relative;
}

.thanWrap .thanSwiper a{
    width: 100%;
    display: block;
}

.thanWrap .thanSwiper img {
  width: 100%;
  display: block;
}

.thanWrap .swiper-slide {
  position: relative;
}

.thanWrap .swiper-slide p {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 10px 10px;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
}

.thanWrap .thanInfo {
  flex: 1;
  margin-left: 32px;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
}

.thanWrap .thanInfo em {
  font-style: italic;
}

.thanWrap .thanQie {
  font-size: 20px;
  color: #ffffff;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
  cursor: pointer;
  transition: 0.2s;
}

.thanWrap .thanQie:hover {
  background-color: #e6212a;
}

.thanWrap .thanPrev {
  left: 24px;
}

.thanWrap .thanNext {
  right: 24px;
}

.thanWrap .thanItem:nth-child(even) {
  flex-direction: row-reverse;
}

.thanWrap .thanItem:nth-child(even) .thanInfo {
  margin-right: 44px;
  margin-left: 0;
}

.thanWrap .longBox {
  margin-top: 38px;
}

.thanWrap .longTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: calc((100vw - 1400px) / 2);
}

.thanWrap .longTit {
  color: #ffffff;
  text-align: left;
  padding: 25px 222px;
  width: 72.21%;
  position: relative;
  background-color: #1bc8c8;
  transform: translateX(-28px);
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 42px;
  color: #ffffff;
}

.thanWrap .longTit::before {
  background: url("../images/long1.png") center center/cover no-repeat;
  width: 28px;
  height: 30px;
  position: absolute;
  top: 100%;
  left: 0;
  content: '';
}

.thanWrap .longImg {
  width: 41.64%;
  display: block;
}

.thanWrap .longBott {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 195px;
  padding-right: calc((100vw - 1400px) / 2);
  margin-top: 16px;
}

.thanWrap .longLeft {
  width: 46%;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #333333;
}

.thanWrap .longRight {
  width: 51.57%;
}

.thanWrap .pum2 {
  width: 100%;
  position: relative;
}

.thanWrap .pum2 .box {
  position: relative;
  margin: auto;
  width: 100%;
}

.thanWrap .pum2 .box ul {
  position: relative;
  margin: auto;
  height: 344px;
}

.thanWrap .pum2 .box li {
  position: absolute;
  width: 0;
  z-index: 0;
  cursor: pointer;
  -moz-box-sizing: content-box;
  box-sizing: content-box !important;
  transition: none;
}

.thanWrap .pum2 .box li a{
    width: 100%;
    display: block;
}

.thanWrap .pum2 .box li div {
  opacity: 1 !important;
}

.thanWrap .pum2 .box li img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.thanWrap .pum2 .box li::after {
  width: 100%;
  position: absolute;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  border-radius: 10px;
  content: '';
}

.thanWrap .pum2 .box li:nth-child(3)::after {
  display: none;
}

.thanWrap .pum2 #copyright {
  padding-top: 10px;
  text-align: center;
  border: 1px solid;
}

.thanWrap .longQie {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  color: #ffffff;
  opacity: 0.5;
  cursor: pointer;
  transition: 0.2s;
  z-index: 200;
}

.thanWrap .longQie:hover {
  opacity: 1;
}

.thanWrap .prev {
  left: 28px;
}

.thanWrap .next {
  right: 62px;
}

.thanWrap .beenBox {
  margin-top: 54px;
  display: flex;
  flex-wrap: wrap;
  padding-left: 197px;
  padding-right: calc((100vw - 1400px) / 2);
}

.thanWrap .beenItem {
  width: 24.1%;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 15px;
  padding-bottom: 50px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
  margin-right: 1.2%;
}

.thanWrap .beenItem:nth-child(4n) {
  margin-right: 0;
}

.thanWrap .beenImg {
  width: 100%;
  display: block;
}

.thanWrap .beenXing {
  display: flex;
  justify-content: center;
  margin-top: 14px;
}

.thanWrap .beenXing img {
  width: 14px;
  display: block;
  margin-right: 7px;
}

.thanWrap .beenXing img:last-child {
  margin-right: 0;
}

.thanWrap .beenTxt {
  padding: 0 17px;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #333333;
  margin-top: 14px;
}

.thanWrap .beenName {
  padding: 0 17px;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #333333;
  text-align: right;
}

.globWrap {
  position: relative;
  margin-top: 49px;
  padding-bottom: 57px;
  z-index: 100;
}

.globWrap .globBlock {
  position: absolute;
  z-index: 100;
  width: 23.18%;
  left: 6px;
  top: -90px;
}

.globWrap .globBox {
  position: relative;
  z-index: 100;
}

.globWrap .biao42 {
  color: #333333;
}

.globWrap .globTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #333333;
  text-align: center;
  width: 70.36%;
  margin: 0 auto;
  margin-top: 23px;
}

.globWrap .globSwiper {
  width: 100%;
  overflow: hidden;
  margin-top: 28px;
}

.globWrap .swiper-slide {
  position: relative;
}

.globWrap .swiper-slide img {
  width: 100%;
  display: block;
}

.globWrap .swiper-slide p {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  width: max-content;
  max-width: 100%;
  padding: 15.5px 30px;
  background-color: #ffffff;
  border-radius: 25px;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #333333;
  text-align: center;
}

.globWrap .globPoint {
  display: flex;
  justify-content: center;
  margin-top: 69px;
}

.globWrap .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #000000;
  opacity: 0.2;
  margin: 0 10px !important;
  transition: 0.2s;
}

.globWrap .swiper-pagination-bullet-active {
  background-color: #ff8a00;
  opacity: 1;
}

.respWrap {
  margin-top: 66px;
}

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

.respWrap .respItem {
  width: 49.28%;
  position: relative;
}

.respWrap .respImg {
  width: 100%;
  display: block;
}

.respWrap .respName {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 15.5px 48px;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #ffffff;
  background-color: rgba(238, 63, 77, 0.8);
}

.respWrap .respTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  padding: 0 48px;
  position: absolute;
  left: 0;
  width: 100%;
  top: 39.7%;
}

.respWrap .biao42 {
  color: #333333;
  margin-top: 20px;
}

.respWrap .respTips {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #666666;
  text-align: center;
  margin-top: 9px;
  margin-bottom: 29px;
}

.zzWrap {
  position: relative;
}

.zzWrap .visiBlock {
  width: 141px;
  position: absolute;
  bottom: 29px;
  right: 19px;
}

.visiWrap {
  margin-top: 84px;
  background: url("../images/visi1.jpg") center center/cover no-repeat;
  padding: 0 197px;
  padding-top: 263px;
  padding-bottom: 165px;
  position: relative;
  background-attachment: fixed;
  z-index: 100;
}

.visiWrap .visiBox {
  width: 100%;
  background-color: #ffffff;
  border-radius: 0px 200px 0px 200px;
  padding: 50px 195px 120px 179px;
  display: flex;
  align-items: start;
  justify-content: space-between;
  position: relative;
  z-index: 100;
}

.visiWrap .yinhao1 {
  width: 57px;
  display: block;
}

.visiWrap .visiInfo {
  flex: 1;
  margin-left: 61px;
  margin-top: 34px;
}

.visiWrap .biao42 {
  text-align: left;
  color: #333333;
}

.visiWrap .visiTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #333333;
  margin-top: 37px;
}

.visiWrap .yinhao2 {
  position: absolute;
  right: 63px;
  bottom: 53px;
  width: 57px;
}

.callWrap {
  background-color: #f1f5f8;
  padding-top: 44px;
  padding-bottom: 27px;
}

.callWrap .biao42 {
  color: #333333;
}

.callWrap .callTips {
  text-align: center;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  margin-top: 18px;
}

.callWrap .callList {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 24px;
}

.callWrap .callItem {
  width: 32.14%;
  background-color: #ffffff;
  box-shadow: 0px 0px 18px 0px rgba(5, 52, 87, 0.1);
  padding: 28px 27px;
  padding-bottom: 10px;
  min-height: 206px;
  text-align: center;
  margin-right: 1.7%;
  margin-bottom: 25px;
}

.callWrap .callItem:nth-child(3n) {
  margin-right: 0;
}

.callWrap .callName {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 22px;
  color: #333333;
}

.callWrap .callTxt {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
  margin-top: 22px;
}

.callWrap .callTxt em {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
}

.callWrap .callBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Montserrat-Bold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #ff8a00;
  margin-top: 10px;
}

.callWrap .callBtn span {
  font-size: 24px;
  margin-left: 7px;
  color: #ff8a00;
  transition: 0.2s;
}

.callWrap .callBtn:hover {
  color: #e6212a;
}

.callWrap .callBtn:hover span {
  color: #e6212a;
}

.aboutMap .addrWrap {
  margin-top: 0;
}

.priceBox .priceBiao {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #333333;
}

.priceBox .slider-container {
  width: calc(100% - 10px);
  margin-left: 16px;
}

.priceBox .slider-title {
  margin-bottom: 20px;
  text-align: center;
  color: #333;
}

.priceBox .slider-track {
  position: relative;
  width: 100%;
  height: 6px;
  background-color: #e2e2e2;
  margin: 24px 0;
}

.priceBox .slider-range {
  position: absolute;
  height: 100%;
  background-color: #e62129;
  border-radius: 3px;
}

.priceBox .slider-thumb {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #e62129;
  border-radius: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 2;
}

.priceBox .in-range {
  
}
.priceBox .in-range::after {
  background-color: #e62129 !important;
}

.priceBox .slider-thumb:hover {
  transform: translate(-50%, -50%) scale(1.2);
}

.priceBox .slider-marks {
  position: relative;
  width: 100%;
  height: 20px;
}

.priceBox .slider-mark-label {
  position: absolute;
  top: 15px;
  transform: translateX(-50%);
  cursor: pointer;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #333333;
}

.priceBox .slider-mark-label::after {
  width: 20px;
  height: 20px;
  background-color: #e2e2e2;
  border-radius: 50%;
  content: '';
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
}

.priceBox .selecdColor::after {
  background-color: #e62129;
}

.priceBox .slider-value-display {
  text-align: center;
  margin-top: 20px;
  font-size: 18px;
  color: #4CAF50;
  font-weight: bold;
}

.priceBox .slider-inputs {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.priceBox .slider-input {
  width: 60px;
  padding: 5px;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.sizeBox {
  margin-top: 20px;
}

.sizeBox .priceBiao {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #333333;
}

.sizeBox .slider-container {
  width: calc(100% - 10px);
  margin-left: 16px;
}

.sizeBox .slider-title {
  margin-bottom: 20px;
  text-align: center;
  color: #333;
}

.sizeBox .slider-track {
  position: relative;
  width: 100%;
  height: 6px;
  background-color: #e2e2e2;
  margin: 24px 0;
}

.sizeBox .slider-rangeSize {
  position: absolute;
  height: 100%;
  background-color: #e62129;
  border-radius: 3px;
}

.sizeBox .slider-thumb {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #e62129;
  border-radius: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 2;
}

.sizeBox .in-rangeSize::after {
  background-color: #e62129 !important;
}

.sizeBox .slider-thumb:hover {
  transform: translate(-50%, -50%) scale(1.2);
}

.sizeBox .slider-marks {
  position: relative;
  width: 100%;
  height: 20px;
}

.sizeBox .slider-mark-labelSize {
  position: absolute;
  top: 15px;
  transform: translateX(-50%);
  cursor: pointer;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #333333;
}

.sizeBox .slider-mark-labelSize::after {
  width: 20px;
  height: 20px;
  background-color: #e2e2e2;
  border-radius: 50%;
  content: '';
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
}

.sizeBox .selecdColorSize::after {
  background-color: #e62129;
}

.sizeBox .slider-value-display {
  text-align: center;
  margin-top: 20px;
  font-size: 18px;
  color: #4CAF50;
  font-weight: bold;
}

.sizeBox .slider-inputs {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.sizeBox .slider-input {
  width: 60px;
  padding: 5px;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 4px;
}

/*.sizeBox .priceBiao {*/
/*  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;*/
/*  font-size: 20px;*/
/*  color: #333333;*/
/*}*/

/*.sizeBox .sizeList {*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*  border-left: 2px solid #cccccc;*/
/*  margin-top: 32px;*/
/*}*/

/*.sizeBox .sizeItem {*/
/*  flex: 1;*/
/*  position: relative;*/
/*}*/

/*.sizeBox .sizeNum {*/
/*  font-family: MontserratLight,Arial, Helvetica, sans-serif;*/
/*  font-size: 14px;*/
/*  color: #333333;*/
/*  position: absolute;*/
/*  bottom: calc(100% + 8px);*/
/*  right: 0;*/
/*  transform: translateX(50%);*/
/*}*/

/*.sizeBox .sizeBlock {*/
/*  border-right: 2px solid #cccccc;*/
/*  height: 35px;*/
/*  background-color: #FCE8E9;*/
/*}*/

/*.sizeBox .sizeChoo .sizeBlock {*/
/*  background-color: #e6212a;*/
/*}*/

/*.sizeBox .sizeAct1 .sizeBlock {*/
/*  background-color: #FCE8E9 !important;*/
/*}*/

/*.sizeBox .sizeAct2 .sizeBlock {*/
/*  background-color: #e6212a !important;*/
/*}*/

@media (max-width: 1700px) {
  .contSafe {
    width: calc(100% - 160px);
  }
  .navBott .navLogo {
    width: 160px;
  }
  .navBott .navList > li > a {
    font-size: 18px;
  }
  .navBott .requBox {
    font-size: 18px;
  }
  .navBott .navForm {
    margin-left: 30px;
    width: 210px;
    height: 40px;
  }
  .navBott .navList > li {
    margin-right: 30px;
    padding: 25px 0px;
  }
  .navBott .requBox {
    margin-left: 25px;
  }
  .navTop .langTxt {
    font-size: 14px;
  }
  .navTop .langTxt span {
    font-size: 20px;
  }
  .navTop .phontItem {
    margin-right: 30px;
  }
  .banner .bannerCont {
    left: 80px;
  }
  .banner .slick-prev {
    left: 30px;
  }
  .banner .slick-next {
    right: 30px;
  }
  .refeBox .refeInfo {
    padding: 30px;
  }
  .refeBox .refeItem {
    min-height: 522px;
  }
  .refeBox .seeBtn {
    margin-top: 10px;
  }
  .whyWrap .whyInfo {
    margin-top: 0;
  }
  .getWrap .getLeft {
    padding-left: 50px;
  }
  .getWrap .getCont {
    width: 72%;
  }
  .detailTop .xiangSuo {
    padding: 0 30px;
  }
  .parkWrap .parkBox {
    padding: 0;
  }
  .instWrap .instBlock1 {
    left: 0;
  }
  .instWrap .instBlock2 {
    right: 0;
  }
  .profWrap .profBlock {
    width: 15%;
    left: 0;
  }
  .profWrap .biao42 {
    padding: 20px;
  }
  .profWrap .profTxt {
    padding-left: 23px;
    margin-top: 30px;
  }
  .visiWrap {
    padding: 100px 80px;
  }
}

@media (max-width: 1500px) {
  .neiSafe {
    width: calc(100% - 160px);
  }
  .prinWrap .prinImg1 {
    left: 80px;
  }
  .prinWrap .biao42::after {
    width: 46px;
    height: 3px;
    bottom: -10px;
  }
  .prinWrap .prinTxt {
    margin-top: 20px;
  }
  .knowList .knowItem::after {
    width: 111%;
    height: 123%;
  }
  .dreamWrap .biao42 {
    padding-left: 80px;
  }
  .dreamWrap .dreamBox {
    margin-top: 0px;
  }
  .learnWrap .learnLeft {
    padding: 20px;
  }
  .basiWrap .basiBox {
    margin-left: 80px;
  }
  .struList .struBc {
    top: 46%;
  }
  .profWrap {
    padding-left: 80px;
  }
  .profWrap .biao42 {
    padding-right: 80px;
  }
  .profWrap .profTxt {
    padding-right: 80px;
  }
  .retuWrap .biao42 {
    padding-left: 80px;
  }
  .retuWrap .retuInfo {
    padding-left: 80px;
  }
  .retuWrap .retuTop {
    padding-right: 80px;
  }
  .stepWrap .stepName p::before {
    left: calc(100% + 57px);
  }
  .stepWrap .stepItem:nth-child(even) .stepName p::before {
    left: -67px;
  }
  .addrWrap .addrCont {
    margin-left: 80px;
  }
  .safeWrap .safeLeft {
    padding-left: 80px;
    padding-right: 50px;
  }
  .designWrap .desiTop p {
    font-size: 70px;
  }
  .designWrap .tilBox {
    margin-top: -50px;
  }
  .designWrap .keepBox {
    padding-left: 80px;
    padding-right: 80px;
  }
  .designWrap .keepLeft {
    padding-left: 0;
  }
  .lifeWrap .lifeRight {
    padding-right: 80px;
    padding-left: 30px;
  }
  .missWrap .missBox {
    margin-left: 80px;
  }
  .fantWrap .fantLeft {
    padding-left: 80px;
  }
  .fantWrap .fantItem:nth-child(even) .fantLeft {
    padding-right: 80px;
  }
  .projWrap .blogTop p {
    margin-right: 30px;
  }
  .projWrap .whichTit {
    font-size: 30px;
  }
  .newsWrap .newsPrev {
    left: -70px;
  }
  .newsWrap .newsNext {
    right: -70px;
  }
  .aboutWrap1 .techRight {
    margin-left: 30px;
    padding-right: 80px;
  }
  .aboutWrap1 .tuvLeft {
    padding-right: 30px;
    padding-left: 80px;
  }
  .presWrap .biao42 {
    padding-left: 80px;
  }
  .presWrap .presImg2 {
    left: -29px;
  }
  .thanWrap .thanBox {
    padding-left: 50px;
    padding-right: 80px;
  }
  .thanWrap .longTit {
    padding-left: 50px;
  }
  .thanWrap .longTop {
    padding-right: 80px;
  }
  .thanWrap .longBott {
    padding-left: 50px;
    padding-right: 80px;
  }
  .thanWrap .beenBox {
    padding-left: 50px;
    padding-right: 80px;
  }
  .thanWrap .pum2 {
    margin-top: 30px;
  }
  .thanWrap .pum2 .box li {
    position: relative;
    left: auto;
    top: auto;
    width: 0.32% !important;
    height: auto !important;
    padding: 0px;
  }
  .thanWrap .pum2 .img-list7 ul {
    transition: none;
    width: 10000% !important;
    height: auto !important;
  }
  .thanWrap .pum2 .img-list7 {
    position: relative;
    overflow: hidden;
    z-index: 90;
  }
  .thanWrap .pum2 .img-scroll7 {
    position: relative;
    width: 100%;
    z-index: 9;
  }
  .thanWrap .pum2 .box {
    margin-top: 0px;
    padding: 0px;
  }
  .thanWrap .pum2 .img-list7 li {
    float: left;
    display: inline;
    margin-right: 0.02% !important;
    margin-left: auto;
  }
  .thanWrap .pum2 .img-list7 li::after {
    display: none;
  }
  .thanWrap .longBott {
    flex-direction: column-reverse;
  }
  .thanWrap .longRight {
    width: 100%;
  }
  .thanWrap .prev {
    left: 10px;
  }
  .thanWrap .next {
    right: 10px;
  }
  .thanWrap .longLeft {
    width: 100%;
    margin-top: 10px;
  }
}

@media (max-width: 1280px) {
  .contSafe {
    width: calc(100% - 120px);
  }
  .navTop .shipBox {
    flex-direction: column-reverse;
    align-items: flex-end;
  }
  .navTop .langTxt {
    margin-left: 0;
    margin-bottom: 5px;
  }
  .navBott .requForm {
    flex-direction: column;
    margin-left: 20px;
  }
  .navBott .requBox {
    margin-left: 0;
    font-size: 16px;
  }
  .navBott .navForm {
    margin-left: 0;
  }
  .navBott .cartIcon p {
    top: 2px;
  }
  .navBott .navList > li {
    padding: 33px 0px;
  }
  .navBott .navList > li > a {
    font-size: 16px;
  }
  .navBott .erjiName {
    font-size: 18px;
  }
  .navBott .erjiName a {
    padding: 0 15px;
  }
  .navBott .erjiList a {
    padding: 8px 15px;
  }
  .navBott .erjiWrap {
    transform: translateX(-15%);
  }
  .banner .bannerQie {
    font-size: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  .banner .bannName {
    font-size: 20px;
  }
  .banner .bannerCont {
    left: 60px;
    bottom: 30px;
  }
  .biao42 {
    font-size: 30px !important;
    line-height: 1.2 !important;
  }
  .refeBox {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .refeBox .refeItem {
    min-height: 475px;
  }
  .refeBox .refeList {
    height: 530px;
  }
  .refeBox .refeTips {
    padding: 0;
  }
  .refeBox .refeInfo {
    padding: 20px;
  }
  .refeBox .refeName {
    font-size: 18px;
  }
  .profBox .profBtn {
    width: 40px;
    height: 40px;
    right: 10px;
  }
  .profBox .profBtn span {
    font-size: 18px;
    line-height: 40px;
  }
  .profBox .profName {
    font-size: 18px;
  }
  .profBox .profInfo {
    padding: 20px;
  }
  .whyWrap {
    margin-top: 50px;
  }
  .whyWrap .whyImg {
    width: 400px;
  }
  .whyWrap .whyName {
    font-size: 26px;
  }
  .whyWrap .whyTxt {
    margin-top: 10px;
  }
  .makeWrap {
    margin-top: 50px;
    padding-top: 50px;
  }
  .makeWrap .parkRight {
    margin-top: 0;
  }
  .makeWrap .parkTit {
    font-size: 20px;
  }
  .makeWrap .parkTips {
    line-height: 26px;
  }
  .makeWrap .parkTxt {
    line-height: 30px;
  }
  .makeWrap .parkTxt em {
    font-size: 16px;
  }
  .makeWrap .parkTxt em::before {
    top: 6px;
  }
  .makeWrap .parkCont {
    font-size: 16px;
    margin-top: 20px;
  }
  .makeWrap .parkBtn {
    margin-top: 30px;
  }
  .makeWrap .parkImg {
    margin-top: 30px;
  }
  .makeWrap .keepTit {
    width: 100%;
    font-size: 22px;
  }
  .makeWrap .keepBtn {
    margin-top: 20px;
  }
  .makeWrap .keepBox {
    padding-bottom: 50px;
  }
  .getWrap {
    margin-top: 88px;
  }
  .getWrap .getList {
    margin-top: 30px;
    font-size: 16px;
  }
  .getWrap .getList p {
    width: 49%;
  }
  .getWrap .getBlock1 {
    width: 100px;
  }
  .getWrap .getBlock2 {
    width: 90px;
  }
  .procWrap {
    margin-top: 50px;
  }
  .procWrap .procTips {
    margin-top: 10px;
  }
  .procWrap .stepTxt {
    width: 80px;
    height: 80px;
    font-size: 16px;
  }
  .procWrap .stepTxt em {
    font-size: 18px;
  }
  .procWrap .projName {
    font-size: 16px;
    margin-top: 10px;
  }
  .procWrap .procSwiper1::after {
    width: 91%;
    top: 43px;
  }
  .procWrap .procSwiper2 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .procWrap .procSwiper2 .swiper-slide {
    padding-right: 183px;
  }
  .procWrap .procName {
    font-size: 20px;
  }
  .procWrap .procTxt {
    line-height: 26px;
  }
  .procWrap .procInfo {
    margin-left: 30px;
  }
  .procWrap .procQie {
    right: 20px;
    bottom: 20px;
  }
  .procWrap .procQie span {
    font-size: 30px;
    margin-left: 20px;
  }
  .procWrap .procQie span:hover {
    font-size: 40px;
  }
  .newsBox {
    margin-top: 50px;
  }
  .newsBox .newsMask {
    padding: 20px;
  }
  .newsBox .bigName {
    font-size: 18px;
    line-height: 28px;
  }
  .newsBox .bigDate {
    margin-top: 10px;
  }
  .newsBox .newsName {
    line-height: 24px;
  }
  .newsBox .newsTxt {
    line-height: 22px;
  }
  .newsBox .newsItem {
    margin-bottom: 20px;
  }
  .newsBox .newsBtn {
    padding: 10px 20px;
    margin-top: 20px;
  }
  .footWrap .footLogo {
    width: 200px;
  }
  .footWrap .addrTxt {
    padding-right: 0;
  }
  .footWrap .footD {
    width: 21%;
  }
  .footWrap .footPhone {
    font-size: 20px;
  }
  .footWrap .footInput {
    width: 100%;
  }
  .footWrap .m-formcountry {
    width: 100%;
  }
  .footWrap .footA {
    width: 20%;
  }
  .blogWrap .blogName {
    font-size: 18px;
    line-height: 26px;
    margin-top: 10px;
  }
  .blogWrap .blogTxt {
    margin-top: 10px;
  }
  .blogWrap .blogBtn {
    margin-top: 10px;
  }
  .blogWrap .blogBox {
    padding: 0 55px;
  }
  .blogWrap .blogQie {
    top: 21%;
  }
  .neiBnner .neiCont {
    width: 80%;
  }
  .neiBnner .neiTit {
    font-size: 30px;
  }
  .neiBnner .neiTxt {
    line-height: 26px;
    margin-top: 10px;
  }
  .seleWrap {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .seleWrap .seleTxt {
    margin-top: 10px;
  }
  .seleWrap .seleBtn {
    margin-top: 10px;
    font-size: 16px;
  }
  .seleWrap .seleBtn span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
  }
  .softWrap {
    margin-bottom: 50px;
  }
  .softWrap .softCate a {
    padding: 10px;
    font-size: 18px;
  }
  .softWrap .cateBott {
    padding: 10px 20px;
    padding-bottom: 20px;
  }
  .softWrap .chanName {
    font-size: 20px;
  }
  .softWrap .chanPrice {
    font-size: 18px;
    margin-top: 10px;
  }
  .softWrap .chanBtn a {
    padding: 5px 10px;
  }
  .softWrap .specBtn {
    padding: 5px 10px;
  }
  .softWrap .chanMask {
    padding: 40px 10px;
    padding-bottom: 10px;
  }
  .softWrap .detaName {
    font-size: 18px;
  }
  .softWrap .maskTxt {
    font-size: 14px;
    line-height: 24px;
  }
  .softWrap .viewBtn {
    font-size: 14px;
    padding: 5px 10px;
    margin-top: 10px;
  }
  .softWrap .chanInfo {
    margin-top: 10px;
    padding: 10px;
    padding-top: 0;
  }
  .pagingBox {
    margin-top: 10px;
  }
  .detailTop {
    margin-top: 50px;
  }
  .detailTop .detaTxt1 em {
    font-size: 20px;
  }
  .detailTop .detaPrice {
    font-size: 22px;
    margin-top: 10px;
  }
  .detailTop .detaTips {
    margin-top: 10px;
  }
  .detailTop .detaName {
    margin-top: 10px;
    font-size: 18px;
  }
  .detailTop .detaTxt2 table td {
    line-height: 28px;
  }
  .detailTop .detaTxt3 {
    margin-top: 10px;
  }
  .detailTop .detaBtn {
    padding: 10px 20px;
  }
  .detailTop .btnShare {
    margin-top: 10px;
  }
  .readSize {
    margin-top: 50px;
    padding-bottom: 50px;
  }
  .readSize .chanName {
    font-size: 20px;
  }
  .readSize .chanPrice {
    font-size: 18px;
    margin-top: 10px;
  }
  .readSize .chanBtn a {
    padding: 5px 10px;
  }
  .readSize .specBtn {
    padding: 5px 10px;
  }
  .readSize .chanMask {
    padding: 40px 10px;
    padding-bottom: 10px;
  }
  .readSize .detaName {
    font-size: 18px;
  }
  .readSize .maskTxt {
    font-size: 14px;
    line-height: 24px;
  }
  .readSize .viewBtn {
    font-size: 14px;
    padding: 5px 10px;
    margin-top: 10px;
  }
  .readSize .chanInfo {
    margin-top: 10px;
    padding: 10px;
    padding-top: 0;
  }
  .parkWrap .parkBtn {
    font-size: 20px;
    padding: 10px 20px;
  }
  .parkWrap .parkBtn span {
    font-size: 26px;
    margin-right: 10px;
  }
  .guidWrap {
    margin-top: 50px;
  }
  .guidWrap .guidTxt {
    margin-top: 10px;
  }
  .guidWrap .guidBtn {
    margin-top: 20px;
  }
  .guidWrap .guidBtn a:nth-child(1) {
    font-size: 16px;
    margin-right: 30px;
  }
  .guidWrap .guidBtn a:nth-child(1) span {
    width: 34px;
    height: 34px;
    line-height: 34px;
  }
  .guidWrap .guidBtn a:nth-child(2) {
    font-size: 16px;
  }
  .planWrap {
    margin-top: 50px;
  }
  .planWrap .planCate {
    font-size: 16px;
  }
  .planWrap .planCate a {
    padding: 10px;
  }
  .planWrap .planTxt {
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
  }
  .shouWrap .shouTit {
    font-size: 26px;
  }
  .shouWrap .shouList::after {
    width: 31%;
    content: '';
  }
  .shouWrap .shouItem {
    width: 31%;
    margin-bottom: 30px;
  }
  .shouWrap .shouItem::after {
    width: 126%;
    height: 115%;
  }
  .shouWrap .shouBox {
    padding: 10px;
  }
  .shouWrap .lengTxt {
    padding: 0;
  }
  .shouWrap .shouNum {
    top: -3px;
    right: 0px;
  }
  .examWrap .examBott {
    font-size: 16px;
  }
  .custWrap .biao42 {
    width: 100%;
  }
  .custWrap .custName {
    font-size: 18px;
    margin-top: 10px;
  }
  .honoWrap .honoTips {
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
  }
  .honoWrap .honoSwiper {
    margin-top: 20px;
  }
  .honoWrap .honoTit {
    font-size: 32px;
  }
  .knowList .knowRight {
    margin-left: 30px;
  }
  .knowList .knowName {
    margin-top: 0;
  }
  .knowList .knowTxt {
    margin-top: 10px;
  }
  .knowList .knowBtn {
    margin-top: 20px;
  }
  .dreamWrap .biao42 {
    padding: 10px 20px;
    padding-left: 80px;
  }
  .dreamWrap .dreamBox {
    margin-top: 30px;
  }
  .dreamWrap .dreaTit {
    font-size: 26px;
    line-height: 36px;
  }
  .dreamWrap .dreamTxt {
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
  }
  .dreamWrap .dreamBtn {
    margin-top: 20px;
  }
  .dreamWrap .dreamBtn span {
    width: 36px;
    height: 36px;
    line-height: 36px;
    margin-left: 10px;
  }
  .dreamWrap .dreamQie {
    width: 42px;
    height: 42px;
    line-height: 42px;
  }
  .dreamWrap .dreamPrev {
    left: 0;
  }
  .dreamWrap .dreamNext {
    right: 0;
  }
  .dreamWrap .swiper-slide p {
    padding: 10px 20px;
  }
  .ifunWrap .ifunRight {
    margin-top: 0;
  }
  .ifunWrap .ifunTop img {
    width: 54px;
  }
  .ifunWrap .funBiao {
    margin-top: 0;
  }
  .ifunWrap .funBiao p:nth-child(1) {
    font-size: 24px;
  }
  .ifunWrap .funBiao p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }
  .ifunWrap .funTxt {
    margin-top: 10px;
  }
  .desiWrap .desiBlock {
    width: 100px;
  }
  .learnWrap {
    margin-top: 50px;
  }
  .learnWrap .learnDate {
    font-size: 16px;
  }
  .learnWrap .learnName {
    font-size: 20px;
  }
  .learnWrap .learnTxt {
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
  }
  .learnWrap .learnBtn {
    padding: 10px 20px;
    margin-top: 20px;
    font-size: 16px;
  }
  .workWrap {
    margin-top: 50px;
  }
  .workBox .workTit {
    font-size: 26px;
  }
  .workBox .workName {
    font-size: 16px;
  }
  .workBox .workSwiper1 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .workBox .workBiao {
    font-size: 22px;
  }
  .workBox .workQie {
    bottom: 10px;
  }
  .workBox .workSwiper2 .swiper-slide {
    padding-bottom: 110px;
  }
  .workBox .workBlock {
    top: 59%;
  }
  .workBox .workSwiper1 .swiper-slide::after {
    top: 34%;
  }
  .expeBox .expeIcon {
    width: 66px;
  }
  .expeBox .expeInfo {
    margin-top: 0;
  }
  .expeBox .expeName {
    font-size: 18px;
    line-height: 28px;
  }
  .expeBox .expeTxt {
    line-height: 26px;
  }
  .basiWrap {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .basiWrap .basiTxt {
    margin-top: 20px;
  }
  .basiWrap .basiBtn {
    margin-top: 30px;
  }
  .mostWrap {
    margin-bottom: 50px;
  }
  .mostWrap .mostTit {
    font-size: 26px;
    line-height: 36px;
    padding-right: 150px;
  }
  .mostWrap .mostTit em {
    font-size: 36px;
  }
  .mostWrap .mostBlock {
    width: 250px;
  }
  .mostWrap .mostBlock img:nth-child(2) {
    transform: translateX(-15px);
  }
  .mostWrap .mostRight {
    margin-top: 0;
    padding-right: 280px;
  }
  .mostWrap .mostTit {
    padding-right: 0;
  }
  .mostWrap .mostTxt {
    padding-right: 0;
  }
  .struList .struName {
    font-size: 18px;
    margin-top: 10px;
  }
  .struList .struBox {
    padding-bottom: 45px;
  }
  .instWrap {
    margin-top: 30px;
  }
  .instWrap .instBlock1 {
    width: 98px;
  }
  .instWrap .instBlock2 {
    width: 200px;
  }
  .instWrap .instInfo {
    margin-top: 0;
  }
  .instWrap .instTxt {
    margin-top: 10px;
  }
  .instWrap .instBtn {
    margin-top: 20px;
  }
  .profWrap .biao42 {
    padding: 10px 20px;
  }
  .profWrap .profLeft {
    margin-top: 88px;
  }
  .profWrap .profTxt {
    font-size: 16px;
    line-height: 26px;
  }
  .venuList .venuName {
    font-size: 18px;
    min-height: 50px;
  }
  .venuList .venuMask {
    top: calc(100% - 50px);
  }
  .retuWrap .biao42 {
    padding: 10px 20px;
    padding-left: 80px;
  }
  .retuWrap .retuInfo {
    margin-top: 20px;
    font-size: 16px;
    line-height: 26px;
  }
  .retuWrap .artiBox {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
  }
  .retuWrap .artiLeft {
    padding: 30px;
  }
  .retuWrap .artiRight {
    padding: 30px;
  }
  .retuWrap .artiImg {
    bottom: 22px;
    right: 22px;
  }
  .stepWrap .stepTit {
    font-size: 26px;
  }
  .stepWrap .stepRight {
    margin-right: 0;
  }
  .stepWrap .stepItem:nth-child(even) .stepRight {
    margin-left: 0;
  }
  .stepWrap .stepNum {
    font-size: 22px;
  }
  .stepWrap .stepName {
    font-size: 22px;
  }
  .stepWrap .stepTxt {
    margin-top: 30px;
  }
  .stepWrap .stepName::before {
    bottom: -10px;
  }
  .stepWrap .stepName::after {
    bottom: -12px;
  }
  .stepWrap .stepName p::before {
    left: calc(100% + 49px);
    bottom: -15px;
  }
  .stepWrap .stepList::after {
    height: 89.4%;
  }
  .stepWrap .stepItem:nth-child(even) .stepName p::before {
    left: -59px;
  }
  .factWrap .factName {
    font-size: 20px;
    margin-top: 10px;
  }
  .biao36 {
    font-size: 26px;
    padding: 15px 20px;
  }
  .openWrap .openItem {
    padding: 20px;
  }
  .openWrap .openStep {
    font-size: 18px;
  }
  .openWrap .openName {
    font-size: 18px;
    margin-top: 10px;
  }
  .openWrap .openTxt {
    margin-top: 10px;
  }
  .statWrap {
    margin-top: 50px;
  }
  .middWrap .middRight {
    margin-top: 0;
    margin-left: 30px;
  }
  .middWrap .middRight img {
    width: 36px;
  }
  .middWrap .middTxt {
    margin-top: 10px;
  }
  .whatWrap {
    margin-top: 50px;
  }
  .whatWrap .whatLeft {
    padding: 20px;
  }
  .whatWrap .whatName {
    font-size: 20px;
  }
  .whatWrap .whatTxt {
    line-height: 26px;
    margin-top: 25px;
  }
  .resoFaq .faqTags p {
    padding: 10px;
    font-size: 14px;
  }
  .resoFaq .rfBox {
    padding: 0;
  }
  .coreWrap .coreQie {
    width: 44px;
  }
  .coreWrap .corePrev {
    left: -21px;
  }
  .coreWrap .coreNext {
    right: -21px;
  }
  .coreWrap .coreRight {
    margin-top: 0;
    margin-left: 50px;
  }
  .coreWrap .coreTit {
    font-size: 20px;
    line-height: 30px;
  }
  .coreWrap .coreTxt {
    margin-top: 10px;
  }
  .coreWrap .coreBtn {
    margin-top: 20px;
  }
  .safeWrap {
    margin-top: 50px;
  }
  .safeWrap .safeTxt {
    margin-top: 10px;
    font-size: 16px;
    line-height: 26px;
  }
  .premTit {
    font-size: 28px;
  }
  .premWrap {
    margin-top: 50px;
  }
  .premWrap .premQues {
    padding: 10px 20px;
  }
  .premWrap .premAnsw {
    padding: 0;
  }
  .premWrap .answMask {
    padding: 20px;
    padding-top: 35px;
  }
  .crafWrap {
    margin-top: 50px;
    padding-bottom: 50px;
  }
  .crafWrap .crafBott {
    margin-top: 30px;
  }
  .crafWrap .crafInfo {
    padding: 30px 20px;
  }
  .crafWrap .crafName {
    font-size: 18px;
  }
  .crafWrap .crafName::before {
    top: -15px;
  }
  .techWrap {
    margin-top: 50px;
  }
  .techWrap .techImg2 {
    width: 110px;
    right: -30px;
    bottom: -20px;
  }
  .techWrap .premTit {
    line-height: 1.2;
  }
  .techWrap .techTxt {
    font-size: 16px;
    line-height: 26px;
    margin-top: 30px;
  }
  .certWrap .certQie {
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 36px;
  }
  .certWrap .certPrev {
    left: -20px;
  }
  .certWrap .certNext {
    right: -20px;
  }
  .yearWrap .yearTxt {
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
  }
  .yearWrap .yearBtn {
    margin-top: 10px;
  }
  .yearWrap .yearRight {
    padding: 20px;
  }
  .soluWrap {
    margin-top: 50px;
  }
  .soluWrap .biao42 span {
    font-size: 42px;
  }
  .soluWrap .soluCate p {
    font-size: 18px;
    padding: 20px 5px;
    width: 19%;
  }
  .soluWrap .soluBox {
    padding: 30px;
  }
  .soluWrap .soluName {
    font-size: 20px;
  }
  .soluWrap .soluName::after {
    bottom: -10px;
    height: 2px;
  }
  .soluWrap .soluTxt {
    margin-top: 20px;
  }
  .soluWrap .soluLeft {
    margin-top: 0;
    margin-right: 30px;
  }
  .freeWrap {
    margin-top: 50px;
  }
  .freeWrap .freeTop img {
    width: 200px;
  }
  .freeWrap .freeTxt {
    font-size: 16px;
    line-height: 26px;
  }
  .freeWrap .yearBtn {
    margin-top: 10px;
  }
  .designWrap {
    margin-top: 50px;
  }
  .designWrap .desiTop {
    padding: 20px 0px;
  }
  .designWrap .desiTop p {
    font-size: 50px;
  }
  .designWrap .tilName {
    font-size: 26px;
  }
  .designWrap .tilBtn {
    margin-top: 10px;
  }
  .designWrap .keepBlock {
    width: 60px;
  }
  .designWrap .keepTit {
    padding-left: 0;
  }
  .designWrap .keepLeft {
    margin-top: 0;
  }
  .designWrap .keepRight a {
    bottom: 0;
    right: 0;
  }
  .designWrap .tilLeft {
    padding-top: 50px;
  }
  .lifeWrap {
    margin-top: 50px;
  }
  .lifeWrap .lifeTop img {
    width: 80px;
  }
  .lifeWrap .biao42 {
    margin-left: 10px;
  }
  .lifeWrap .lifeCont {
    margin-top: 10px;
  }
  .lifeWrap .yinhao {
    width: 30px;
    right: 0;
    bottom: 0;
  }
  .servWrap {
    margin-top: 50px;
  }
  .servWrap .servTxt {
    margin-top: 20px;
    padding: 0;
  }
  .missWrap .missBox {
    padding: 30px;
  }
  .missWrap .missTxt {
    margin-top: 20px;
  }
  .globCont .globTit {
    font-size: 40px;
  }
  .globCont .globTxt {
    font-size: 16px;
    margin-top: 10px;
  }
  .fantWrap .fantTit img {
    width: 50px;
  }
  .fantWrap .fantLeft {
    padding-right: 30px;
  }
  .fantWrap .fantItem:nth-child(even) .fantLeft {
    padding-left: 30px;
  }
  .projWrap {
    margin-top: 50px;
  }
  .projWrap .projTit {
    font-size: 28px;
    line-height: 36px;
  }
  .projWrap .touTxt {
    padding: 10px 20px;
  }
  .projWrap .qieName {
    padding: 10px !important;
  }
  .projWrap .projRight {
    margin-top: 0px;
  }
  .projWrap .factInfo {
    padding: 30px 20px;
  }
  .projWrap .factName {
    font-size: 20px;
  }
  .projWrap .factBtn {
    padding: 10px 20px;
    margin-top: 20px;
  }
  .projWrap .projForm {
    margin-top: 30px;
  }
  .projWrap .blogTop {
    font-size: 16px;
  }
  .projWrap .blogBott {
    padding: 17px 20px;
  }
  .projWrap .whichBox {
    margin-top: 50px;
    padding: 30px;
  }
  .projWrap .whichTit {
    font-size: 26px;
  }
  .projWrap .whichTit::before {
    top: -10px;
  }
  .projWrap .whichBtn {
    padding: 10px 20px;
    margin-top: 20px;
  }
  .newsWrap .bigName {
    font-size: 20px;
    line-height: 1.2;
  }
  .newsWrap .bigInfo {
    padding-right: 10px;
  }
  .newsWrap .bigDate {
    margin-top: 10px;
  }
  .newsWrap .newsInfo {
    padding-right: 10px;
  }
  .newsWrap .newsName {
    font-size: 16px;
  }
  .newsWrap .offiInfo {
    padding: 20px;
  }
  .newsWrap .offiName {
    font-size: 20px;
    line-height: 1.2;
  }
  .newsWrap .offiBiao {
    font-size: 16px;
  }
  .newsWrap .offiCont {
    margin-top: 0;
    margin-right: 10px;
  }
  .newsWrap .offiTi {
    font-size: 16px;
    line-height: 1.2;
  }
  .newsWrap .offiNum {
    margin-right: 10px;
  }
  .newsWrap .offiDate {
    margin-top: 10px;
  }
  .newsWrap .offiTu {
    width: 150px;
  }
  .newsWrap .offiItem {
    margin-bottom: 20px;
  }
  .shouldWrap .shouCate a::after {
    bottom: 10px;
  }
  .shouldWrap .shouName {
    font-size: 18px;
    line-height: 1.2;
    padding-right: 0;
    margin-top: 10px;
  }
  .shouldWrap .shouTxt {
    margin-top: 10px;
  }
  .shouldWrap .shouBtn {
    margin-top: 10px;
  }
  .shouldWrap .shouItem {
    margin-bottom: 30px;
  }
  .contWrap .noName {
    font-size: 18px;
  }
  .contWrap .noItem {
    padding: 20px 5px;
  }
  .contWrap .cartName {
    font-size: 18px;
  }
  .contWrap .cartTxt {
    margin-top: 10px;
  }
  .contWrap .cartPrice {
    font-size: 16px;
  }
  .contWrap .cartRight {
    padding-right: 10px;
  }
  .contWrap .cartTit {
    font-size: 26px;
  }
  .qaWrap {
    margin-top: 50px;
  }
  .qaWrap .qaItem {
    padding: 20px;
  }
  .qaWrap .qaName {
    font-size: 18px;
  }
  .aboutWrap1 .techTit {
    font-size: 30px;
  }
  .aboutWrap1 .techTit::after {
    bottom: -20px;
  }
  .aboutWrap1 .techTxt {
    font-size: 16px;
    line-height: 26px;
    margin-top: 40px;
  }
  .aboutWrap1 .tuvTxt {
    margin-top: 10px;
  }
  .aboutWrap1 .tuvBtn {
    margin-top: 10px;
  }
  .aboutWrap1 .tuvImg {
    padding-right: 0;
  }
  .presWrap {
    margin-top: 50px;
  }
  .presWrap .biao42 {
    padding: 10px 80px;
  }
  .presWrap .presName {
    font-size: 30px;
  }
  .presWrap .presName em {
    font-size: 14px;
  }
  .presWrap .presTxt {
    margin-top: 10px;
  }
  .presWrap .presRight {
    margin-top: 0;
  }
  .meanWrap {
    margin-top: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .meanWrap .meanTit1, .meanWrap .meanTit2 {
    font-size: 26px;
    line-height: 1.2;
  }
  .meanWrap .meanTit1::before {
    bottom: 5px;
  }
  .meanWrap .meanTit2::before {
    bottom: 5px;
  }
  .meanWrap .meanTxt {
    margin-top: 10px;
  }
  .meanWrap .meanRight {
    border-radius: 50px 0 50px 0;
  }
  .thanWrap .thanTop {
    width: 100%;
  }
  .thanWrap .thanTop .yinImg1 {
    width: 34px;
  }
  .thanWrap .thanTop .yinImg2 {
    width: 34px;
  }
  .thanWrap .thanTop .thanTit {
    font-size: 22px;
    line-height: 1.2;
  }
  .thanWrap .longTit {
    padding: 10px 30px;
    font-size: 30px;
  }
  .thanWrap .pum2 .box ul {
    height: 270px;
  }
  .thanWrap .beenTxt {
    padding: 0;
  }
  .thanWrap .beenItem {
    padding-bottom: 30px;
  }
  .globWrap .globBlock {
    width: 20%;
  }
  .respWrap {
    margin-top: 50px;
  }
  .respWrap .respName {
    padding: 10px;
    font-size: 18px;
  }
  .respWrap .respTxt {
    padding: 0 10px;
    line-height: 26px;
    top: 20%;
  }
  .visiWrap {
    padding: 100px 80px;
  }
  .visiWrap .visiBox {
    padding: 50px 30px;
    padding-bottom: 100px;
    border-radius: 0px 100px 0px 100px;
  }
  .visiWrap .yinhao1 {
    width: 40px;
  }
  .visiWrap .yinhao2 {
    width: 40px;
  }
  .visiWrap .visiInfo {
    margin-top: 30px;
    margin-left: 30px;
  }
  .visiWrap .visiTxt {
    margin-top: 10px;
  }
}

@media (max-width: 1100px) {
  .refeBox .refeItem {
    min-height: 407px;
  }
  .refeBox .refeList {
    height: 477px;
  }
  .shouWrap .shouItem::after {
    display: none;
  }
  .shouWrap .shouItem {
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
    width: 32%;
  }
  .shouWrap .shouList::after {
    width: 32%;
    content: '';
  }
  .shouWrap .shouBox {
    padding: 20px;
  }
  .shouWrap .shouNum {
    width: 24px;
    height: 36px;
    top: 0;
    font-size: 16px;
  }
  .shouWrap .lengName {
    margin-left: 10px;
    font-size: 16px;
  }
  .knowList .knowItem::after {
    display: none;
  }
  .knowList .knowItem {
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
    padding: 20px;
  }
  .knowList .knowRight {
    padding-right: 0;
  }
  .knowList .knowImg {
    margin-left: 0;
  }
  .struList .struBc {
    height: 104%;
  }
  .stepWrap .stepName p::before {
    left: calc(100% + 36px);
  }
  .stepWrap .stepItem:nth-child(even) .stepName p::before {
    left: -48px;
  }
  .stepWrap .stepList::after {
    height: 88.3%;
  }
  /*.thanWrap .pum2 {*/
  /*  margin-top: 30px;*/
  /*}*/
  /*.thanWrap .pum2 .box li {*/
  /*  position: relative;*/
  /*  left: auto;*/
  /*  top: auto;*/
  /*  width: 0.32% !important;*/
  /*  height: auto !important;*/
  /*  padding: 0px;*/
  /*}*/
  /*.thanWrap .pum2 .img-list7 ul {*/
  /*  transition: none;*/
  /*  width: 10000% !important;*/
  /*  height: auto !important;*/
  /*}*/
  /*.thanWrap .pum2 .img-list7 {*/
  /*  position: relative;*/
  /*  overflow: hidden;*/
  /*  z-index: 90;*/
  /*}*/
  /*.thanWrap .pum2 .img-scroll7 {*/
  /*  position: relative;*/
  /*  width: 100%;*/
  /*  z-index: 9;*/
  /*}*/
  /*.thanWrap .pum2 .box {*/
  /*  margin-top: 0px;*/
  /*  padding: 0px;*/
  /*}*/
  /*.thanWrap .pum2 .img-list7 li {*/
  /*  float: left;*/
  /*  display: inline;*/
  /*  margin-right: 0.02% !important;*/
  /*  margin-left: auto;*/
  /*}*/
  /*.thanWrap .pum2 .img-list7 li::after {*/
  /*  display: none;*/
  /*}*/
  /*.thanWrap .longBott {*/
  /*  flex-direction: column-reverse;*/
  /*}*/
  /*.thanWrap .longRight {*/
  /*  width: 100%;*/
  /*}*/
  /*.thanWrap .prev {*/
  /*  left: 10px;*/
  /*}*/
  /*.thanWrap .next {*/
  /*  right: 10px;*/
  /*}*/
  /*.thanWrap .longLeft {*/
  /*  width: 100%;*/
  /*  margin-top: 10px;*/
  /*}*/
}

@media (max-width: 1000px) {
  .softWrap .playLeft{
    padding-right: 30px;
  }
  .sizeBox{
    overflow-x: auto;
  }
  /*.sizeBox .sizeItem{*/
  /*  min-width: 70px;*/
  /*}*/
  .contSafe {
    width: calc(100% - 60px);
  }
  .navTop {
    display: none;
  }
  .navBott {
    padding: 5px 0px;
  }
  .navBott .navList, .navBott .requForm {
    display: none;
  }
  .navBott .menuBtn {
    display: block;
  }
  .navBott .navLogo {
    width: 140px;
  }
  .banner .bannerCont {
    width: 100%;
    padding: 0 30px;
    left: 0;
    bottom: 50%;
    transform: translateY(50%);
    text-align: center;
  }
  .banner .bannName {
    font-size: 18px;
  }
  .banner .bannTxt {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
  }
  .profRefe .prBlock1, .profRefe .prBlock2, .profRefe .prBlock3 {
    display: none;
  }
  .biao42 {
    font-size: 22px !important;
  }
  .profBox .profInfo {
    padding: 10px;
    padding-top: 20px;
  }
  .profBox .swiper-slide {
    border-radius: 0 40px 0 0;
  }
  .refeBox {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .refeBox .prBlock4 {
    display: none;
  }
  .refeBox .refeItem {
    min-height: auto;
    border-radius: 0 40px 0 0;
  }
  .refeBox .refeList {
    height: auto;
  }
  .refeBox .refeInfo {
    margin: 0 !important;
    padding: 20px !important;
  }
  .refeBox .refeTxt {
    -webkit-line-clamp: 5 !important;
  }
  .refeBox .refeBtn {
    display: flex;
    font-size: 14px;
    margin-top: 10px;
  }
  .refeBox .refeAddr {
    margin-top: 10px;
  }
  .refeBox .seeBtn {
    padding: 10px 20px;
    margin-top: 30px;
  }
  .whyWrap {
    margin-top: 30px;
  }
  .whyWrap .whyBlock {
    display: none;
  }
  .whyWrap .whyTop {
    padding: 0;
  }
  .whyWrap .whyTop .biao42 {
    text-align: center;
    width: 100%;
  }
  .whyWrap .whyList {
    margin-top: 20px;
  }
  .whyWrap .whyItem {
    flex-direction: column !important;
    padding: 10px !important;
  }
  .whyWrap .whyImg {
    width: 100%;
  }
  .whyWrap .whyInfo {
    flex: unset;
    width: 100%;
    margin: 0 !important;
    margin-top: 20px !important;
    text-align: center;
  }
  .whyWrap .whyName {
    font-size: 18px;
  }
  .whyWrap .whyIcon1, .whyWrap .whyIcon2, .whyWrap .whyIcon3 {
    display: none;
  }
  .makeWrap {
    margin-top: 30px;
    padding-top: 30px;
  }
  .makeWrap .biao42 {
    text-align: center;
  }
  .makeWrap .makeTop {
    justify-content: center;
  }
  .makeWrap .makeTop img {
    display: none;
  }
  .makeWrap .parkBox {
    margin-top: 20px;
    flex-direction: column;
  }
  .makeWrap .parkLeft {
    width: 450px;
    margin: 0 auto;
  }
  .makeWrap .parkRight {
    width: 100%;
    margin-top: 20px;
  }
  .makeWrap .parkTit {
    text-align: center;
  }
  .makeWrap .parkBtn {
    margin: 0 auto;
    margin-top: 30px;
  }
  .makeWrap .parkCont {
    margin: 0 auto;
    margin-top: 10px;
  }
  .makeWrap .keepBlock {
    display: none;
  }
  .makeWrap .keepBox {
    margin-top: 20px;
    flex-direction: column-reverse;
    padding-bottom: 30px;
  }
  .makeWrap .keepRight {
    width: 450px;
    margin: 0 auto;
  }
  .makeWrap .keepLeft {
    width: 100%;
    margin-top: 20px;
  }
  .makeWrap .keepTit {
    font-size: 20px;
    text-align: center;
  }
  .makeWrap .keepTxt {
    text-align: center;
    margin-top: 10px;
  }
  .makeWrap .keepBtn {
    margin: 0 auto;
    margin-top: 10px;
  }
  .makeWrap .blockImg {
    display: none;
  }
  .makeWrap .makeBlock {
    display: none;
  }
  .getWrap {
    background-color: #effaf5;
    margin-top: 30px;
    padding: 30px 0px;
    padding-bottom: 10px;
  }
  .getWrap .getBlock1, .getWrap .getBlock2 {
    display: none;
  }
  .getWrap .getRight {
    position: unset;
    transform: none;
    width: 450px;
    margin: 0 auto;
  }
  .getWrap .getBtn {
    position: unset;
    background-image: none;
    background-color: #5dc4eb;
    padding: 10px 20px;
    width: max-content;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
    font-size: 16px;
    margin-top: 10px;
  }
  .getWrap .getBox {
    display: flex;
    flex-direction: column-reverse;
  }
  .getWrap .getLeft {
    width: 100%;
    padding: 0;
    margin-top: 20px;
  }
  .getWrap .getCont {
    width: 100%;
  }
  .getWrap .biao42 {
    text-align: center;
  }
  .getWrap .getTips {
    text-align: center;
  }
  .getWrap .getList {
    margin-top: 20px;
  }
  .procWrap {
    margin-top: 30px;
  }
  .procWrap .procSwiper1 {
    margin-top: 20px;
  }
  .procWrap .procSwiper1::after {
    width: 80%;
  }
  .procWrap .procSwiper2 {
    padding: 20px 0px;
    padding-bottom: 40px;
    border-radius: 10px;
  }
  .procWrap .procSwiper2 .swiper-slide {
    flex-direction: column;
    padding: 0 10px;
  }
  .procWrap .procImg {
    width: 450px;
    margin: 0 auto;
  }
  .procWrap .procInfo {
    flex: unset;
    margin-left: 0;
    margin-top: 10px;
    width: 100%;
  }
  .procWrap .procName {
    text-align: center;
  }
  .procWrap .procQie {
    right: 50%;
    transform: translateX(50%);
    bottom: 5px;
  }
  .procWrap .procQie span {
    font-size: 30px !important;
    opacity: 1 !important;
  }
  .newsBox {
    margin-top: 30px;
    padding-top: 30px;
  }
  .newsBox .newsBott {
    flex-direction: column;
  }
  .newsBox .newsLeft {
    width: 450px;
    margin: 0 auto;
  }
  .newsBox .newsMask {
    padding: 10px;
  }
  .newsBox .newsRight {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .newsBox .newsRight::after {
    width: 32%;
    content: '';
  }
  .newsBox .newsItem {
    width: 32%;
    flex-direction: column;
    margin-bottom: 0;
    margin-top: 20px;
  }
  .newsBox .newsImg {
    width: 100%;
  }
  .newsBox .newsInfo {
    flex: unset;
    margin-left: 0;
    width: 100%;
    margin-top: 10px;
    text-align: center;
  }
  .newsPart .newsBlock {
    display: none;
  }
  .procWrap .npBlock1, .procWrap .npBlock2 {
    display: none;
  }
  .partBox {
    padding-bottom: 50px;
    margin-top: 30px;
  }
  .footWrap {
    padding-bottom: 40px;
  }
  .footWrap .footBlock {
    display: none;
  }
  .footWrap .footTop {
    flex-direction: column;
  }
  .footWrap .footA {
    width: 100%;
  }
  .footWrap .footItem {
    width: 100%;
    max-width: 100%;
    margin-top: 10px;
  }
  .footWrap .footD {
    width: 100%;
  }
  .footWrap .footLogo {
    margin: 0 auto;
  }
  .footWrap .addrBox {
    text-align: center;
    padding-left: 0;
  }
  .footWrap .footAddr::before {
    display: none;
  }
  .footWrap .footEmail {
    margin-top: 10px;
  }
  .footWrap .footNav {
    line-height: 30px;
    display: none;
  }
  .footWrap .kaiIcon {
    display: block;
  }
  .footWrap .footD {
    margin-top: 10px;
  }
  .footWrap .footForm {
    margin-top: 10px;
  }
  .footWrap .footLine {
    margin-top: 20px;
  }
  .footWrap .footBott {
    flex-direction: column;
    text-align: center;
    margin-top: 10px;
  }
  .footWrap .footTeam {
    flex-direction: column;
  }
  .footWrap .footShare {
    margin-left: 0;
    justify-content: center;
  }
  .sideNav {
    bottom: -1px;
    right: unset;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    top: unset;
    transform: translateY(0);
  }
  .sideNav .sideBox span {
    line-height: 40px;
    font-size: 18px !important;
    color: #333333;
  }
  .sideNav .sideItem {
    flex: 1;
    width: unset;
    margin: 0;
    height: auto;
    border-radius: 0;
    background-color: #d8e9ef;
  }
  .sideNav .sideItem:hover span {
    color: #ffffff;
  }
  .sideNav .sideItem:last-child .sideBox span {
    line-height: 40px;
    font-size: 20px;
  }
  .sideNav .footBox {
    padding-bottom: 53px;
  }
  .sideNav .wxImg, .sideNav .phoneTxt {
    left: 10px;
    top: unset;
    bottom: calc(100% + 10px);
    transform: translateY(0);
  }
  .blogWrap .blogName {
    font-size: 16px;
    line-height: 24px;
  }
  .blogWrap .blogQie {
    top: -50px;
  }
  .blogWrap .blogBox {
    margin-top: 60px;
    padding: 0;
  }
  .blogWrap .blogPrev {
    left: 30%;
  }
  .blogWrap .blogNext {
    right: 30%;
  }
  .crumbsBox {
    position: unset;
    transform: none;
  }
  .neiBnner {
    padding: 50px 0px !important;
    padding-top: 10px !important;
  }
  .neiBnner .neiBox {
    position: unset !important;
    transform: none;
  }
  .neiBnner .neiCont {
    transform: none;
    position: unset;
    width: 100%;
    padding: 0 30px;
    margin-top: 30px;
  }
  .globCont {
    transform: none;
    position: unset;
    width: 100%;
    padding: 0 30px;
    margin-top: 50px;
  }
  .globCont .globTit {
    font-size: 28px;
  }
  .seleWrap {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .seleWrap .seleBox {
    flex-direction: column;
  }
  .seleWrap .seleImg {
    width: 450px;
    margin: 0 auto;
  }
  .seleWrap .seleInfo {
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }
  .seleWrap .biao42 {
    text-align: center;
  }
  .seleWrap .seleBtn {
    margin: 0 auto;
    margin-top: 10px;
  }
  .softWrap {
    margin-top: 30px;
  }
  .softWrap .biao42 {
    text-align: center;
  }
  .softWrap .softTips {
    margin-top: 10px;
  }
  .softWrap .softCate a {
    font-size: 16px;
  }
  .softWrap .playBox {
    flex-direction: column;
  }
  .softWrap .playLeft {
    width: 100%;
  }
  .softWrap .playRight {
    flex: unset;
    margin-left: 0;
    width: 100%;
    margin-top: 20px;
  }
  .softWrap .playItem {
    margin-bottom: 10px;
  }
  .softWrap .chanList {
    margin-top: 30px;
  }
  .softWrap .specBtn {
    display: none;
  }
  .softWrap .chanMask {
    display: none;
  }
  .softWrap .chanName {
    font-size: 18px;
  }
  .detailTop {
    margin-top: 30px;
    flex-direction: column;
  }
  .detailTop .detaLeft {
    width: 100%;
  }
  .detailTop .xiangSuo {
    margin-top: 20px;
  }
  .detailTop .suoQie {
    font-size: 20px;
    width: 46px;
    height: 46px;
    line-height: 46px;
  }
  .detailTop .detaRight {
    width: 100%;
    margin-top: 20px;
  }
  .detailTop .fangIcon {
    font-size: 24px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    right: 10px;
    bottom: 10px;
  }
  .readSize {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .readSize .sizeQie {
    top: -50px;
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    transform: none;
  }
  .readSize .sizePrev {
    left: 30%;
  }
  .readSize .sizeNext {
    right: 30%;
  }
  .readSize .swiperBox {
    margin-top: 60px;
  }
  .readSize .specBtn {
    display: none;
  }
  .readSize .chanMask {
    display: none;
  }
  .readSize .chanName {
    font-size: 18px;
  }
  .relaFaq {
    margin-top: 30px;
  }
  .relaFaq .quesBox {
    font-size: 18px;
  }
  .relaFaq .quesBox span {
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin-right: 10px;
  }
  .relaFaq .quesBox p {
    margin-top: 6px;
  }
  .relaFaq .answBox span {
    font-size: 18px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin-right: 10px;
  }
  .relaFaq .faqItem {
    padding: 15px 0px;
  }
  .hezuoBox {
    width: calc(100% - 60px);
  }
  .parkWrap {
    background-image: none;
    background-color: #5DC5EC;
    padding: 30px 0px;
  }
  .parkWrap .parkBox {
    flex-direction: column;
    align-items: center;
  }
  .parkWrap .biao42 {
    text-align: center;
  }
  .parkWrap .parkBtn {
    margin-top: 20px;
  }
  .neiSafe {
    width: calc(100% - 60px);
  }
  .guidWrap {
    margin-top: 30px;
    flex-direction: column-reverse;
  }
  .guidWrap .guidRight {
    width: 450px;
    margin: 0 auto;
  }
  .guidWrap .guidLeft {
    width: 100%;
    margin-top: 20px;
  }
  .guidWrap .biao42 {
    text-align: center;
  }
  .guidWrap .guidTxt {
    text-align: center;
  }
  .guidWrap .boImg {
    width: 50px;
  }
  .planWrap {
    margin-top: 30px;
  }
  .planWrap .planCate {
    flex-wrap: wrap;
  }
  .planWrap .planCate a {
    width: 32%;
    border: 1px solid #109ed4;
    border-radius: 5px;
    margin-bottom: 10px;
  }
  .planWrap .planBox {
    margin-top: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .planWrap .planItem {
    flex-direction: column-reverse;
  }
  .planWrap .planRight {
    width: 450px;
    margin: 0 auto;
  }
  .planWrap .planLeft {
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
  .planWrap .biao42 {
    text-align: center;
  }
  .shouWrap {
    margin-top: 30px;
  }
  .shouWrap .shouTop {
    flex-direction: column;
  }
  .shouWrap .shouTop img {
    margin-left: 0;
    margin-top: 10px;
  }
  .shouWrap .shouTit {
    background-color: unset;
    padding: 0;
    color: #333333;
    width: 100%;
  }
  .shouWrap .shouTit::after {
    display: none;
  }
  .shouWrap .shouItem {
    width: 49%;
  }
  .shouWrap .shouList {
    margin-top: 30px;
  }
  .examWrap {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .examWrap .biao42 {
    text-align: center;
  }
  .custWrap {
    margin-top: 30px;
  }
  .custWrap .biao42 {
    text-align: center;
  }
  .custWrap .custItem {
    width: 100%;
  }
  .custWrap .custImg {
    width: 450px;
    margin: 0 auto;
  }
  .custWrap .custName {
    text-align: center;
  }
  .custWrap .custTxt {
    text-align: center;
  }
  .prinWrap {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-image: none;
    background-color: #F1F5F8;
  }
  .prinWrap .prinBox {
    flex-direction: column;
  }
  .prinWrap .prinLeft {
    width: 100%;
    text-align: center;
    margin-top: 0;
  }
  .prinWrap .biao42 {
    text-align: center;
  }
  .prinWrap .biao42::after {
    display: none;
  }
  .prinWrap .prinRight {
    width: 100%;
  }
  .prinWrap .prinImg1, .prinWrap .prinImg2 {
    display: none;
  }
  .prinWrap .quesBox {
    font-size: 18px;
  }
  .prinWrap .quesBox span {
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin-right: 10px;
  }
  .prinWrap .quesBox p {
    margin-top: 6px;
  }
  .prinWrap .answBox span {
    font-size: 18px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin-right: 10px;
  }
  .prinWrap .faqItem {
    padding: 15px 0px;
  }
  .honoWrap {
    margin-top: 30px;
    padding-bottom: 20px;
  }
  .honoWrap .honoTit {
    font-size: 24px;
  }
  .honoWrap .swiper-slide {
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
  }
  .knowList {
    margin-top: 30px;
  }
  .knowList .knowItem {
    margin-bottom: 30px;
  }
  .knowList .knowBox {
    flex-direction: column;
  }
  .knowList .knowImg {
    width: 450px;
    margin: 0 auto;
  }
  .knowList .knowRight {
    width: 100%;
    flex: unset;
    margin: 0;
    margin-top: 20px;
    text-align: center;
  }
  .knowList .knowNum {
    transform: none;
    margin: 0 auto;
  }
  .knowList .knowName {
    font-size: 18px;
    margin-top: 10px;
  }
  .knowList .knowBtn {
    text-align: center;
    margin-top: 10px;
  }
  .dreamWrap {
    margin-top: 40px;
    padding-bottom: 30px;
  }
  .dreamWrap .biao42 {
    padding: 10px 30px;
    margin: 0 auto;
    text-align: center;
  }
  .dreamWrap .dreamBox {
    flex-direction: column-reverse;
  }
  .dreamWrap .dreamSwiper {
    width: 70%;
  }
  .dreamWrap .dreamLeft {
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
  .dreamWrap .dreaTit {
    font-size: 20px;
    line-height: 28px;
  }
  .dreamWrap .dreamBlock {
    display: none;
  }
  .ifunWrap {
    margin-top: 30px;
    flex-direction: column;
  }
  .ifunWrap .ifunImg {
    width: 70%;
    margin: 0 auto;
  }
  .ifunWrap .ifunRight {
    width: 100%;
    margin-top: 20px;
  }
  .ifunWrap .funTxt {
    font-size: 16px;
    line-height: 26px;
  }
  .ifunWrap .funBiao p:nth-child(1) {
    font-size: 20px;
  }
  .desiWrap {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .desiWrap .desiTxt {
    font-size: 16px;
  }
  .desiWrap .desiBlock {
    width: 80px;
  }
  .addPrin .prinWrap {
    background-image: none;
  }
  .addHono {
    padding-top: 30px;
  }
  .learnWrap {
    margin-top: 30px;
  }
  .learnWrap .learnTop {
    flex-direction: column;
  }
  .learnWrap .learnQie {
    min-height: unset;
    margin-top: 10px;
  }
  .learnWrap .learnQie span {
    font-size: 42px !important;
    opacity: 1 !important;
  }
  .learnWrap .learnQie span:first-child {
    margin-left: 0;
  }
  .learnWrap .swiper-slide {
    flex-direction: column-reverse;
  }
  .learnWrap .learnImg {
    width: 100%;
  }
  .learnWrap .learnLeft {
    width: 100%;
    padding: 10px;
    text-align: center;
  }
  .learnWrap .learnBtn {
    margin-top: 10px;
  }
  .learnWrap .learnName {
    font-size: 18px;
  }
  .workWrap {
    margin-top: 30px;
  }
  .workWrap .workImg1, .workWrap .workImg2 {
    display: none;
  }
  .workBox .workTit {
    font-size: 22px;
    color: #333333;
    padding: 0;
    background-color: unset;
  }
  .workBox .workTit::after {
    display: none;
  }
  .workBox .workBlock {
    display: none;
  }
  .workBox .workName {
    margin-top: 10px;
  }
  .workBox .workSwiper2 {
    border-radius: 10px;
  }
  .workBox .workSwiper2 .swiper-slide {
    padding: 20px;
    padding-bottom: 60px;
    text-align: center;
  }
  .workBox .workSwiper1 .swiper-slide::after {
    display: none;
  }
  .workBox .workQie {
    height: unset;
    right: 50%;
    transform: translate(50%);
  }
  .workBox .workQie span {
    font-size: 40px !important;
    opacity: 1 !important;
  }
  .workBox .workQie span:first-child {
    margin-left: 0;
  }
  .workBox .workBiao {
    font-size: 20px;
  }
  .expeBox {
    margin-top: 30px;
  }
  .expeBox .expeItem {
    flex-direction: column-reverse !important;
    margin-bottom: 30px;
  }
  .expeBox .expeImg {
    width: 100%;
    margin: 0 !important;
  }
  .expeBox .expeBlock {
    display: none;
  }
  .expeBox .expeRight {
    width: 450px;
    margin: 0 !important;
  }
  .expeBox .expeLeft {
    width: 100%;
    margin-top: 10px;
  }
  .expeBox .expeIcon {
    display: none;
  }
  .expeBox .expeInfo {
    margin-left: 0;
    text-align: center;
  }
  .basiWrap {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .basiWrap .basiBox {
    width: 100%;
    margin: 0;
    padding: 0 30px;
  }
  .basiWrap .basiTxt {
    font-size: 16px;
    line-height: 26px;
  }
  .basiWrap .basiBtn {
    margin-top: 20px;
  }
  .mostWrap {
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .mostWrap .mostBc1, .mostWrap .mostBc2 {
    display: none;
  }
  .mostWrap .mostBlock {
    position: relative;
  }
  .mostWrap .mostBox {
    flex-direction: column;
  }
  .mostWrap .mostLeft {
    width: 450px;
    margin: 0 auto;
  }
  .mostWrap .mostRight {
    padding-right: 0;
    margin: 0;
    margin-top: 20px;
    flex: unset;
    width: 100%;
  }
  .mostWrap .mostTit {
    text-align: center;
    font-size: 22px;
    padding: 10px;
  }
  .mostWrap .mostTit em {
    font-size: 26px;
  }
  .mostWrap .mostTxt {
    margin-left: 0;
  }
  .mostWrap .mostBlock {
    width: 100%;
    position: unset;
    display: flex;
    justify-content: space-between;
  }
  .mostWrap .mostBlock img {
    transform: none !important;
    width: 48%;
    margin-top: 20px !important;
  }
  .struList {
    justify-content: space-between;
    margin-top: 0px;
  }
  .struList .struBc {
    display: none;
  }
  .struList .struBox {
    padding: 10px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
  }
  .struList .struItem {
    margin-right: 0;
    width: 49%;
    margin-top: 20px;
  }
  .instWrap {
    margin-top: 40px;
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .instWrap .instBlock1, .instWrap .instBlock2 {
    display: none;
  }
  .instWrap .instBox {
    flex-direction: column;
  }
  .instWrap .instImg {
    width: 450px;
    margin: 0 auto;
  }
  .instWrap .instInfo {
    width: 100%;
    margin-top: 20px;
  }
  .instWrap .biao42 {
    text-align: center;
  }
  .profWrap {
    margin-top: 30px;
    padding: 30px;
    flex-direction: column;
  }
  .profWrap .profBlock {
    display: none;
  }
  .profWrap .profLeft {
    width: 450px;
    margin: 0 auto;
  }
  .profWrap .profRight {
    width: 100%;
    padding: 0;
    margin-left: 0;
    margin-top: 20px;
  }
  .profWrap .biao42 {
    padding: 0;
    text-align: center;
    color: #333333;
    background-color: unset;
  }
  .profWrap .profTxt {
    padding: 0;
    margin-top: 10px;
  }
  .venuList .venuMask {
    position: unset;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 10px !important;
  }
  .venuList .venuName {
    padding: 0;
    background-image: none;
    min-height: unset !important;
  }
  .venuList .venuTxt {
    padding: 0;
  }
  .sourWrap {
    margin-top: 10px;
  }
  .retuWrap {
    margin-top: 30px;
  }
  .retuWrap .retuTop {
    flex-direction: column-reverse;
    padding: 0 30px;
  }
  .retuWrap .retuRight {
    width: 450px;
    margin: 0 auto;
  }
  .retuWrap .retuLeft {
    width: 100%;
    margin-top: 20px;
  }
  .retuWrap .retuInfo {
    padding-left: 0;
    margin-top: 10px;
  }
  .retuWrap .biao42 {
    padding: 0;
    background-color: unset;
    width: 100%;
    color: #333333;
    text-align: center;
  }
  .retuWrap .artiImg {
    display: none;
  }
  .retuWrap .retuBott {
    flex-direction: column;
    margin-top: 30px;
  }
  .retuWrap .artiBox {
    display: none;
  }
  .retuWrap .artiLeft {
    width: 100%;
    padding: 20px;
  }
  .retuWrap .artiRight {
    width: 100%;
    padding: 20px;
  }
  .stepWrap {
    margin-top: 30px;
  }
  .stepWrap .stepTit {
    font-size: 22px;
    color: #333333;
    padding: 0;
    width: 100%;
    text-align: center;
    background-color: unset;
  }
  .stepWrap .stepTit::after {
    display: none;
  }
  .stepWrap .stepList::after {
    display: none;
  }
  .stepWrap .stepName p::before {
    display: none;
  }
  .stepWrap .stepName::before {
    display: none;
  }
  .stepWrap .stepName::after {
    display: none;
  }
  .stepWrap .stepList {
    padding-top: 30px;
  }
  .stepWrap .stepItem {
    flex-direction: column-reverse !important;
  }
  .stepWrap .stepRight {
    width: 450px;
    margin: 0 auto;
  }
  .stepWrap .stepLeft {
    width: 100%;
    margin-top: 10px;
    text-align: center;
  }
  .stepWrap .stepTxt {
    margin-top: 10px;
  }
  .stepWrap .stepName {
    font-size: 18px;
    line-height: 28px;
  }
  .stepWrap .stepNum {
    font-size: 18px;
    line-height: 28px;
  }
  .cultWrap {
    background-image: none;
    padding: 0 30px;
    margin-top: 30px;
  }
  .cultWrap .cultBox {
    width: 100%;
    border-radius: 0;
    padding: 20px;
  }
  .cultWrap .cultBtn {
    transform: none;
    margin-top: 20px;
  }
  .cultWrap .cultTxt {
    font-size: 16px;
    line-height: 26px;
  }
  .factWrap {
    padding: 30px 0px;
  }
  .factWrap .factName {
    font-size: 18px;
  }
  .factWrap .factItem {
    padding: 10px;
  }
  .feedWrap {
    margin-top: 30px;
  }
  .addrWrap .addrCont {
    margin-left: 30px;
  }
  .biao36 {
    font-size: 20px;
    color: #333333;
    padding: 0;
    background-color: unset;
  }
  .biao36::after {
    display: none;
  }
  .openWrap {
    margin-top: 30px;
  }
  .openWrap .openList::before {
    display: none;
  }
  .openWrap .openList {
    background-color: #eeeeee;
    padding: 20px;
    margin-top: 30px;
  }
  .openWrap .openItem {
    width: 100%;
    min-height: unset;
    margin-bottom: 20px;
  }
  .statWrap {
    padding: 50px 0px;
    margin-top: 30px;
  }
  .statWrap .statFang {
    background-color: unset;
    width: auto;
    height: auto;
  }
  .statWrap .statFang span {
    font-size: 30px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  .statWrap .statFang::after {
    display: none;
  }
  .middWrap {
    margin-top: 30px;
  }
  .middWrap .biao42 {
    text-align: center;
  }
  .middWrap .middBox {
    flex-direction: column;
  }
  .middWrap .middLeft {
    width: 450px;
    margin: 0 auto;
  }
  .middWrap .middRight {
    margin-left: 0;
    flex: unset;
    width: 100%;
  }
  .middWrap .middRight img {
    display: none;
  }
  .middWrap .middTxt {
    margin-left: 0;
    flex: unset;
    width: 100%;
  }
  .middWrap .middItem {
    margin-bottom: 20px;
  }
  .whatWrap {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .whatWrap .whatTop {
    flex-direction: column;
  }
  .whatWrap .whatTit img {
    display: none;
  }
  .whatWrap .biao42 {
    margin-left: 0;
    margin-top: 0;
    width: 100%;
    text-align: center;
  }
  .whatWrap .whatKong {
    margin-top: 10px;
  }
  .whatWrap .swiper-slide {
    width: 100%;
  }
  .whatWrap .whatSwiper {
    margin-top: 10px;
  }
  .coreWrap {
    margin-top: 30px;
  }
  .coreWrap .biao42 {
    text-align: center;
  }
  .coreWrap .coreBox {
    margin-top: 30px;
    flex-direction: column;
  }
  .coreWrap .coreLeft {
    width: 450px;
    margin: 0 auto;
  }
  .coreWrap .coreRight {
    margin-left: 0;
    width: 100%;
    flex: unset;
    margin-top: 10px;
  }
  .safeWrap {
    margin-top: 30px;
    flex-direction: column-reverse;
  }
  .safeWrap .safeRight {
    width: 100%;
  }
  .safeWrap .safeLeft {
    width: 100%;
    padding: 30px;
  }
  .safeWrap .biao42 {
    text-align: center;
  }
  .premTit {
    font-size: 22px;
  }
  .premWrap {
    margin-top: 30px;
  }
  .crafWrap {
    margin-top: 30px;
    padding: 30px 0px;
  }
  .crafWrap .crafItem {
    width: 100%;
    margin-top: 20px;
    padding: 10px;
  }
  .crafWrap .crafBott {
    margin-top: 0;
  }
  .crafWrap .crafSwiper {
    width: 450px;
    margin: 0 auto;
  }
  .crafWrap .crafInfo {
    padding: 0;
    margin-top: 10px;
  }
  .crafWrap .crafName::before {
    display: none;
  }
  .crafWrap .crafName {
    margin-top: 10px;
    text-align: center;
  }
  .crafWrap .crafTxt {
    margin-top: 10px;
  }
  .techWrap {
    margin-top: 30px;
    flex-direction: column;
  }
  .techWrap .techLeft {
    width: 450px;
    margin: 0 auto;
  }
  .techWrap .techImg2 {
    display: none;
  }
  .techWrap .techRight {
    width: 100%;
    flex: unset;
    margin-left: 0;
    margin-top: 20px;
  }
  .techWrap .premTit {
    text-align: center;
  }
  .techWrap .premTit::after {
    display: none;
  }
  .techWrap .techTxt {
    margin-top: 10px;
  }
  .certWrap {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .certWrap .certQie {
    top: -40px;
  }
  .certWrap .certPrev {
    left: 30%;
  }
  .certWrap .certNext {
    right: 30%;
  }
  .certWrap .certCenter {
    margin-top: 70px;
    padding: 0;
  }
  .certWrap .certBott {
    margin-top: 20px;
    width: 100%;
  }
  .certWrap .certBott p {
    padding: 15px;
    width: 100%;
  }
  .certWrap .certBott img {
    display: none;
  }
  .yearWrap {
    margin-top: 30px;
    flex-direction: column;
  }
  .yearWrap .yearLeft {
    width: 450px;
    margin: 0 auto;
  }
  .yearWrap .yearRight {
    width: 100%;
    text-align: center;
  }
  .yearWrap .yearBtn {
    margin: 0 auto;
    margin-top: 20px;
  }
  .yearWrap .biao42 {
    text-align: center;
  }
  .soluWrap {
    margin-top: 30px;
  }
  .soluWrap .biao42 span {
    font-size: 28px;
  }
  .soluWrap .soluTips {
    font-size: 16px;
  }
  .soluWrap .soluCate {
    flex-wrap: wrap;
    margin-top: 10px;
  }
  .soluWrap .soluCate p {
    width: 32%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    border: 2px solid #ff8a00;
    margin-top: 10px;
    padding: 10px;
  }
  .soluWrap .soluCate::after {
    width: 32%;
    content: '';
  }
  .soluWrap .soluBox {
    margin-top: 20px;
    padding: 20px;
  }
  .soluWrap .soluCont {
    flex-direction: column-reverse;
  }
  .soluWrap .soluRight {
    width: 450px;
    margin: 0 auto;
  }
  .soluWrap .soluLeft {
    width: 100%;
    flex: unset;
    margin: 0;
    margin-top: 10px;
  }
  .soluWrap .soluName {
    text-align: center;
    font-size: 18px;
  }
  .soluWrap .soluName::after {
    display: none;
  }
  .soluWrap .soluTxt {
    margin-top: 10px;
  }
  .freeWrap {
    margin-top: 30px;
  }
  .freeWrap .freeTop {
    flex-direction: column;
  }
  .freeWrap .freeTop img {
    width: 180px;
    margin: 0 auto;
    margin-top: 10px;
  }
  .freeWrap .biao42 {
    width: 100%;
    text-align: center;
  }
  .freeWrap .freeBott {
    flex-direction: column;
  }
  .freeWrap .freeLeft {
    width: 450px;
    margin: 0 auto;
  }
  .freeWrap .freeRight {
    width: 100%;
    margin-top: 10px;
  }
  .soluFree .soluBlock {
    display: none;
  }
  .designWrap {
    margin-top: 30px;
  }
  .designWrap .keepBlock {
    display: none;
  }
  .designWrap .desiTop {
    text-align: center;
    padding: 10px 0px;
  }
  .designWrap .desiTop p {
    font-size: 30px;
  }
  .designWrap .tilBox {
    margin-top: 30px;
    flex-direction: column-reverse;
  }
  .designWrap .tilLeft {
    padding-top: 0;
    width: 100%;
    margin-top: 40px;
    transform: none;
  }
  .designWrap .tilRight {
    width: 450px;
    margin: 0 auto;
  }
  .designWrap .tilName {
    font-size: 20px;
    text-align: center;
  }
  .designWrap .tilTxt {
    text-align: center;
  }
  .designWrap .tilBtn {
    justify-content: center;
  }
  .designWrap .keepBox {
    margin-top: 30px;
    padding: 0 30px;
    flex-direction: column;
  }
  .designWrap .keepTit {
    justify-content: center;
  }
  .designWrap .keepTit img {
    display: none;
  }
  .designWrap .biao42 {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
  .designWrap .keepTxt {
    text-align: center;
    margin-top: 10px;
  }
  .designWrap .keepRight {
    width: 100%;
    margin-top: 10px;
  }
  .designWrap .keepRight img {
    display: none;
  }
  .designWrap .keepRight a {
    position: unset;
    justify-content: center;
  }
  .lifeWrap {
    flex-direction: column;
    margin-top: 30px;
  }
  .lifeWrap .lifeImg {
    width: 100%;
  }
  .lifeWrap .lifeRight {
    width: 100%;
    padding: 30px;
  }
  .lifeWrap .lifeTop {
    justify-content: center;
  }
  .lifeWrap .lifeTop img {
    width: 60px;
  }
  .lifeWrap .yinhao {
    display: none;
  }
  .servWrap {
    margin-top: 30px;
  }
  .servWrap .servItem {
    width: 100%;
    background-image: none;
    padding: 0;
    margin-bottom: 20px;
  }
  .servWrap .servItem:last-child {
    margin-bottom: 0;
  }
  .servWrap .servImg {
    width: 450px;
    margin: 0 auto;
  }
  .servWrap .servBiao {
    text-align: center;
  }
  .servWrap .servBiao{
      position: unset;
  }
  .missWrap {
    padding: 100px 30px;
    margin-top: 30px;
  }
  .missWrap .missBox {
    width: 100%;
    margin: 0;
    border-radius: 0;
    text-align: center;
  }
  .missWrap .biao42 {
    text-align: center;
  }
  .missWrap .missTxt {
    font-size: 18px;
    margin-top: 10px;
  }
  .fantWrap .fantBlock {
    position: unset;
    margin: 0 auto;
    transform: none;
    display: block;
    width: 100px;
  }
  .fantWrap .fantItem {
    flex-direction: column-reverse !important;
  }
  .fantWrap .fantRight {
    width: 100%;
  }
  .fantWrap .fantLeft {
    width: 100%;
    padding: 30px !important;
  }
  .fantWrap .fantTit {
    justify-content: center;
  }
  .fantWrap .fantTxt {
    text-align: center;
    margin-top: 10px;
  }
  .projWrap {
    margin-top: 30px;
    flex-direction: column;
  }
  .projWrap .projLeft {
    width: 100%;
  }
  .projWrap .projTit {
    font-size: 22px;
    line-height: 1.2;
  }
  .projWrap .projTips {
    font-size: 16px;
    margin-top: 10px;
  }
  .projWrap .projTxt {
    margin-top: 10px;
  }
  .projWrap .shareBox {
    margin-top: 10px;
  }
  .projWrap .touBox {
    margin-top: 30px;
  }
  .projWrap .projRight {
    width: 100%;
    margin-top: 30px;
  }
  .projWrap .factImg {
    width: 450px;
    margin: 0 auto;
  }
  .projWrap .factName {
    text-align: center;
  }
  .projWrap .factName::after {
    display: none;
  }
  .projWrap .factInfo {
    padding: 20px 10px;
  }
  .projWrap .factBtn {
    margin-top: 10px;
  }
  .projWrap .rightBox1 {
    padding-top: 20px;
  }
  .projWrap .projForm {
    width: 100%;
  }
  .projWrap .whichTit::before {
    display: none;
  }
  .newsWrap .newsTips {
    justify-content: center;
  }
  .newsWrap .swiper-slide {
    flex-direction: column;
  }
  .newsWrap .newsLeft {
    width: 100%;
  }
  .newsWrap .newsRight {
    width: 100%;
    flex: unset;
    margin: 0;
    margin-top: 10px;
  }
  .newsWrap .newsItem {
    margin-bottom: 10px;
  }
  .newsWrap .newsQie {
    top: -40px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center !important;
    padding: 0 !important;
    font-size: 20px;
    background-color: #e6212a;
    color: #ffffff;
  }
  .newsWrap .xinwBox {
    margin-top: 80px;
  }
  .newsWrap .newsPrev {
    left: 30%;
  }
  .newsWrap .newsNext {
    right: 30%;
  }
  .newsWrap .offiBox {
    margin-top: 30px;
    flex-direction: column;
  }
  .newsWrap .offiLeft {
    width: 100%;
  }
  .newsWrap .offiRight {
    width: 100%;
    margin-top: 20px;
  }
  .shouldWrap {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .shouldWrap .shouName {
    font-size: 16px;
  }
  .contWrap {
    margin-top: 30px;
    flex-direction: column;
  }
  .contWrap .contLeft {
    width: 100%;
  }
  .contWrap .biao42 {
    text-align: center;
  }
  .contWrap .contForm {
    margin-top: 20px;
  }
  .contWrap .contRight {
    width: 100%;
    margin-top: 30px;
  }
  .contWrap .cartTit {
    font-size: 22px;
    text-align: center;
  }
  .contWrap .cartList {
    margin-top: 20px;
  }
  .qaWrap {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .qaWrap .qaItem {
    width: 49%;
    margin-bottom: 20px;
  }
  .aboutWrap1 .techItem {
    flex-direction: column;
  }
  .aboutWrap1 .techLeft {
    width: 100%;
  }
  .aboutWrap1 .techRight {
    flex: unset;
    width: 100%;
    margin: 0;
    padding: 0 15px;
    margin-top: 10px;
  }
  .aboutWrap1 .techTit {
    font-size: 22px;
    text-align: center;
  }
  .aboutWrap1 .techTit::after {
    display: none;
  }
  .aboutWrap1 .techTxt {
    margin-top: 10px;
  }
  .aboutWrap1 .tuvItem {
    flex-direction: column-reverse;
    margin-top: 20px;
  }
  .aboutWrap1 .tuvImg {
    width: 100%;
  }
  .aboutWrap1 .tuvLeft {
    padding: 0 15px;
    width: 100%;
    margin-top: 10px;
    text-align: center;
  }
  .aboutWrap1 .biao42 {
    text-align: center;
  }
  .aboutWrap1 .tuvBtn {
    justify-content: center;
  }
  .presWrap {
    margin-top: 30px;
  }
  .presWrap .biao42 {
    padding: 0 15px;
    background-color: unset;
    color: #333333;
    width: 100%;
    text-align: center;
  }
  .presWrap .presLeft {
    width: 450px;
    margin: 0 auto;
  }
  .presWrap .presImg2, .presWrap .presImg3 {
    display: none;
  }
  .presWrap .presBox {
    flex-direction: column;
    margin-top: 30px;
  }
  .presWrap .presRight {
    margin-left: 0;
    flex: unset;
    width: 100%;
    margin-top: 20px;
  }
  .meanWrap {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .meanWrap .meanBox {
    flex-direction: column-reverse;
  }
  .meanWrap .meanRight {
    width: 450px;
    margin: 0 auto;
    border-radius: 0;
  }
  .meanWrap .meanLeft {
    width: 100%;
    margin-top: 10px;
    text-align: center;
  }
  .meanWrap .meanTit1, .meanWrap .meanTit2 {
    font-size: 20px;
    text-align: center;
    width: 100%;
  }
  .meanWrap .meanTit1::before {
    display: none;
  }
  .meanWrap .meanTit2::before {
    display: none;
  }
  .thanWrap {
    margin-left: 0;
    padding-top: 30px;
    padding-bottom: 10px;
  }
  .thanWrap .thanBox {
    padding: 0 30px;
  }
  .thanWrap .thanTop .yinImg1 {
    width: 24px;
  }
  .thanWrap .thanTop .yinImg2 {
    width: 24px;
  }
  .thanWrap .thanTop .thanTit {
    font-size: 20px;
  }
  .thanWrap .thanItem {
    flex-direction: column !important;
  }
  .thanWrap .thanSwiper {
    width: 450px;
    margin: 0 auto;
  }
  .thanWrap .thanInfo {
    flex: unset;
    margin: 0 !important;
    margin-top: 10px !important;
    width: 100%;
  }
  .thanWrap .longTop {
    flex-direction: column;
    padding: 0 30px;
  }
  .thanWrap .longTit {
    color: #333333;
    padding: 0;
    background-color: unset;
    font-size: 22px;
    width: 100%;
    text-align: center;
    transform: none;
  }
  .thanWrap .longTit::before {
    display: none;
  }
  .thanWrap .longBott {
    margin-top: 0;
    padding: 0 30px;
  }
  .thanWrap .beenBox {
    margin-top: 30px;
    padding: 0 30px;
    justify-content: space-between;
  }
  .thanWrap .beenItem {
    width: 49%;
    margin-bottom: 20px;
    margin-right: 0;
  }
  .globWrap {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 0;
  }
  .globWrap .globBlock {
    display: none;
  }
  .globWrap .globTxt {
    margin-top: 10px;
    width: 100%;
  }
  .globWrap .swiper-slide p {
    padding: 10px 20px;
  }
  .globWrap .globPoint {
    margin-top: 40px;
  }
  .respWrap {
    margin-top: 30px;
  }
  .respWrap .respName {
    position: unset;
    color: #333333;
    padding: 0;
    background-color: unset;
    margin-top: 10px;
  }
  .respWrap .respTxt {
    color: #333333;
    position: unset;
    margin-top: 10px;
    padding: 0;
  }
  .respWrap .respTips {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .visiWrap {
    padding: 50px 30px;
    margin-top: 30px;
  }
  .visiWrap .visiBox {
    border-radius: 0;
    padding: 20px;
  }
  .visiWrap .yinhao1, .visiWrap .yinhao2 {
    display: none;
  }
  .visiWrap .visiInfo {
    margin-top: 0;
    margin-left: 0;
  }
  .callWrap {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .callWrap .callItem {
    margin-right: 0;
    width: 100%;
    min-height: unset;
    padding: 15px;
  }
  .callWrap .callName {
    font-size: 18px;
  }
  .callWrap .callTxt {
    margin-top: 10px;
  }
}

@media (max-width: 768px) {
  .contSafe {
    width: calc(100% - 30px);
  }
  .banner .bannerCont {
    display: none;
  }
  .refeBox .refeItem {
    width: 49%;
    margin-top: 20px;
    margin-right: 0;
  }
  .refeBox .refeList {
    justify-content: space-between;
    margin-top: 0;
  }
  .refeBox .seeBtn {
    font-size: 18px;
  }
  .neiBnner .neiTit {
    font-size: 22px;
  }
  .neiBnner .neiCont {
    padding: 0 15px;
  }
  .softWrap .softCate {
    justify-content: space-between;
  }
  .softWrap .softCate a {
    width: 32%;
    margin-right: 0;
  }
  .softWrap .cateBott {
    border-radius: 0 0 10px 10px;
  }
  .softWrap .cateList {
    justify-content: space-between;
  }
  .softWrap .cateList a {
    width: 32%;
    margin-right: 0;
  }
  .softWrap .cateList::after {
    width: 32%;
    content: '';
  }
  .softWrap .xuanItem {
    margin-right: 20px;
  }
  .softWrap .chanItem {
    width: 49%;
  }
  .neiSafe {
    width: calc(100% - 30px);
  }
  .shouWrap .lengTop {
    flex-direction: column;
  }
  .shouWrap .lengImg {
    width: 100%;
  }
  .shouWrap .lengName {
    flex: unset;
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
    text-align: center;
  }
  .shouWrap .lengTxt {
    text-align: center;
  }
  .shouWrap .shouBox {
    padding: 10px;
  }
  .shouWrap .shouTit {
    font-size: 20px;
  }
  .examWrap .examList {
    margin-top: 0;
    flex-direction: column;
  }
  .examWrap .examItem {
    width: 100% !important;
    margin-top: 20px;
  }
  .dreamWrap .biao42 {
    padding: 10px 15px;
  }
  .dreamWrap .dreamSwiper {
    width: 100%;
  }
  .dreamWrap .swiper-slide p {
    bottom: 0;
  }
  .ifunWrap .ifunImg {
    width: 100%;
  }
  .basiWrap .basiBox {
    padding: 0 15px;
  }
  .profWrap {
    padding: 30px 15px;
  }
  .venuList .venuItem {
    width: 100%;
  }
  .retuWrap .retuTop {
    padding: 0 15px;
  }
  .cultWrap {
    padding: 0 15px;
  }
  .cultWrap .cultBox {
    padding: 10px;
  }
  .addrWrap .addrCont {
    width: calc(100% - 30px);
    margin: 0 auto;
  }
  .whatWrap .swiper-slide {
    flex-direction: column-reverse;
  }
  .whatWrap .whatRight {
    width: 100%;
  }
  .whatWrap .whatLeft {
    width: 100%;
    padding: 15px;
    text-align: center;
  }
  .whatWrap .whatName::after {
    display: none;
  }
  .whatWrap .whatTxt {
    margin-top: 10px;
  }
  .resoFaq .rfQues {
    font-size: 18px;
  }
  .safeWrap .safeLeft {
    padding: 30px 15px;
  }
  .premWrap .answBox {
    flex-direction: column;
  }
  .premWrap .answItem {
    width: 100%;
  }
  .premWrap .answMask {
    opacity: 1;
  }
  .soluWrap .soluCate p {
    font-size: 16px;
    width: 49%;
  }
  .designWrap .keepBox {
    padding: 0 15px;
  }
  .lifeWrap .lifeRight {
    padding: 15px;
  }
  .missWrap {
    padding: 50px 15px;
  }
  .fantWrap .fantLeft {
    padding: 15px !important;
  }
  .projWrap .whichBox {
    margin-top: 30px;
    padding: 20px;
  }
  .projWrap .whichTxt {
    margin-top: 10px;
  }
  .projWrap .whichBtn {
    margin-top: 10px;
  }
  .shouldWrap .shouItem {
    width: 49%;
  }
  .shouldWrap .shouCate {
    justify-content: space-between;
  }
  .shouldWrap .shouCate a {
    width: 32%;
    text-align: center;
    margin-right: 0;
  }
  .shouldWrap .shouCate a::after {
    display: none;
  }
  .shouldWrap .shouCate::after {
    width: 32%;
    content: '';
  }
  .qaWrap .qaItem {
    width: 100%;
  }
  .presWrap .presRight {
    flex-direction: column-reverse;
  }
  .presWrap .presBlock {
    display: none;
  }
  .presWrap .presInfo {
    width: 100%;
  }
  .presWrap .presName {
    font-size: 20px;
    text-align: center;
  }
  .thanWrap .thanBox {
    padding: 0 15px;
  }
  .thanWrap .thanBox .thanTit {
    font-size: 18px;
    text-align: center;
    margin-right: 0;
    margin-left: 0;
  }
  .thanWrap .thanBox .yinImg1, .thanWrap .thanBox .yinImg2 {
    display: none;
  }
  .thanWrap .thanTop {
    padding: 0;
  }
  .thanWrap .longTop {
    padding: 0 15px;
  }
  .thanWrap .longBott {
    padding: 0 15px;
  }
  .thanWrap .beenBox {
    padding: 0 15px;
  }
  .respWrap .respItem {
    width: 100%;
    margin-bottom: 20px;
  }
  .respWrap .biao42 {
    margin-top: 0;
  }
  .visiWrap {
    padding: 50px 15px;
  }
}

@media (max-width: 500px) {
  .navBott .navLogo {
    width: 120px;
  }
  .refeBox .refeItem {
    width: 100%;
  }
  .refeBox .refeInfo {
    text-align: center;
    padding: 10px !important;
  }
  .refeBox .refeAddr {
    justify-content: center;
  }
  .refeBox .refeBtn {
    margin: 0 auto;
    margin-top: 10px;
  }
  .whyWrap .whyImg {
    flex-direction: column;
  }
  .whyWrap .whyImg img {
    width: 100%;
  }
  .makeWrap .parkLeft {
    width: 100%;
  }
  .makeWrap .keepRight {
    width: 100%;
  }
  .getWrap .getRight {
    width: 100%;
  }
  .getWrap .getList p {
    width: 100%;
  }
  .procWrap .procImg {
    width: 100%;
  }
  .procWrap .procName {
    font-size: 18px;
  }
  .newsBox .newsLeft {
    width: 100%;
  }
  .newsBox .newsItem {
    width: 100%;
  }
  .newsBox .newsBtn {
    font-size: 16px;
  }
  .footWrap .footInput {
    width: 100%;
  }
  .footWrap .m-formcountry {
    width: 100%;
  }
  .blogWrap {
    margin-top: 30px;
  }
  .blogWrap .blogName {
    text-align: center;
  }
  .blogWrap .blogTxt {
    text-align: center;
  }
  .blogWrap .blogBtn {
    justify-content: center;
  }
  .seleWrap .seleImg {
    width: 100%;
  }
  .softWrap .softCate {
    flex-direction: column;
  }
  .softWrap .softCate a {
    width: 100%;
  }
  .softWrap .cateBott {
    padding: 10px;
    padding-top: 0;
  }
  .softWrap .cateList a {
    width: 49%;
  }
  .softWrap .chanBtn a {
    font-size: 14px;
  }
  .detailTop .xiangSuo {
    padding: 0;
  }
  .detailTop .suoQie {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .detailTop .suoSwiper {
    margin: 0 10px;
  }
  .guidWrap .guidRight {
    width: 100%;
  }
  .guidWrap .guidBtn a:nth-child(1) {
    margin-right: 10px;
  }
  .planWrap .planRight {
    width: 100%;
  }
  .planWrap .planCate a {
    width: 49%;
  }
  .shouWrap .shouItem {
    width: 100%;
  }
  .custWrap .custImg {
    width: 100%;
  }
  .knowList .knowImg {
    width: 100%;
  }
  .knowList .knowItem {
    padding: 10px;
  }
  .ifunWrap .ifunTop {
    flex-direction: column;
  }
  .ifunWrap .ifunTop img {
    margin: 0 auto;
  }
  .ifunWrap .funBiao {
    margin-left: 0;
    text-align: center;
    margin-top: 10px;
  }
  .desiWrap .desiItem {
    width: 100%;
    margin-top: 20px;
  }
  .desiWrap .desiList {
    margin-top: 0;
  }
  .learnWrap .swiper-slide {
    width: 100%;
  }
  .expeBox .expeRight {
    width: 100%;
  }
  .mostWrap .mostLeft {
    width: 100%;
  }
  .mostWrap .mostBlock {
    flex-direction: column;
  }
  .mostWrap .mostBlock img {
    width: 100%;
  }
  .struList .struItem {
    width: 100%;
  }
  .instWrap .instImg {
    width: 100%;
  }
  .profWrap .profLeft {
    width: 100%;
  }
  .retuWrap .retuRight {
    width: 100%;
  }
  .stepWrap .stepRight {
    width: 100%;
  }
  .factWrap .factItem {
    width: 100%;
    margin-bottom: 20px;
  }
  .factWrap .factItem:last-child {
    margin-bottom: 0;
  }
  .openWrap .openList {
    padding: 10px;
  }
  .openWrap .openItem {
    padding: 10px;
  }
  .middWrap .middLeft {
    width: 100%;
  }
  .coreWrap .coreLeft {
    width: 100%;
  }
  .coreWrap .corePrev {
    left: 0;
  }
  .coreWrap .coreNext {
    right: 0;
  }
  .crafWrap .crafSwiper {
    width: 100%;
  }
  .techWrap .techLeft {
    width: 100%;
  }
  .yearWrap .yearLeft {
    width: 100%;
  }
  .soluWrap .soluRight {
    width: 100%;
  }
  .soluWrap .soluCate p {
    font-size: 14px;
  }
  .freeWrap .freeLeft {
    width: 100%;
  }
  .designWrap .desiTop p {
    font-size: 26px;
  }
  .designWrap .tilRight {
    width: 100%;
  }
  .designWrap .tilRight .tilImg1 {
    position: unset;
  }
  .designWrap .tilRight .tilImg2 {
    display: none;
  }
  .designWrap .tilLeft {
    margin-top: 10px;
  }
  .servWrap .servImg {
    width: 100%;
  }
  .missWrap {
    background-image: none;
    padding: 0 15px;
  }
  .missWrap .missBox {
    padding: 15px;
  }
  .projWrap .factImg {
    width: 100%;
  }
  .projWrap .projItem {
    width: 100%;
    margin-top: 20px;
  }
  .projWrap .projBox {
    margin-top: 10px;
  }
  .projWrap .whichTit {
    font-size: 20px;
    line-height: 1.2;
  }
  .newsWrap {
    padding-bottom: 30px;
  }
  .newsWrap .bigName {
    font-size: 16px;
  }
  .newsWrap .bigInfo {
    padding: 10px;
  }
  .newsWrap .newsItem {
    width: 100%;
  }
  .newsWrap .rightItem {
    flex-direction: column;
  }
  .newsWrap .newsInfo {
    padding: 10px;
  }
  .newsWrap .offiItem {
    flex-direction: column-reverse;
  }
  .newsWrap .offiTu {
    width: 100%;
  }
  .newsWrap .offiCont {
    flex: unset;
    margin-right: 0;
    flex-direction: column;
    margin-top: 10px;
    text-align: center;
  }
  .newsWrap .offiNum {
    width: 100%;
    margin-right: 0;
  }
  .newsWrap .offiDate {
    justify-content: center;
  }
  .newsWrap .newsTips {
    flex-direction: column;
  }
  .newsWrap .newsTips em {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .shouldWrap .shouCate a {
    width: 49%;
  }
  .contWrap .contItem {
    width: 100%;
  }
  .contWrap .cartItem {
    flex-direction: column;
  }
  .contWrap .cartImg {
    width: 100%;
  }
  .contWrap .cartRight {
    flex: unset;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
  }
  .contWrap .cartName {
    text-align: center;
  }
  .contWrap .noItem {
    padding: 10px;
    flex-direction: column;
  }
  .contWrap .noImg {
    width: 100%;
  }
  .contWrap .noRight {
    flex: unset;
    width: 100%;
    margin: 0;
    margin-top: 10px;
    text-align: center;
  }
  .contWrap .noInfo {
    text-align: center;
  }
  .contWrap .noBtn {
    margin: 0 auto;
    margin-top: 10px;
  }
  .presWrap .presLeft {
    width: 100%;
  }
  .meanWrap .meanRight {
    width: 100%;
  }
  .thanWrap .thanSwiper {
    width: 100%;
  }
  .thanWrap .pum2 .img-list7 li {
    width: 0.49% !important;
  }
  .thanWrap .beenItem {
    width: 100%;
  }
}

@font-face {
  font-family: 'Montserrat-Bold';
  font-display: swap;
  src: url("../fonts/MontserratBold.eot");
  src: url("../fonts/MontserratBold.eot") format("embedded-opentype"), url("../fonts/MontserratBold.woff2") format("woff2"), url("../fonts/MontserratBold.woff") format("woff"), url("../fonts/MontserratBold.ttf") format("truetype"), url("../fonts/MontserratBold.svg#MontserratBold") format("svg");
}

@font-face {
    font-family: 'MontserratLight';
    font-display: swap;
    src: url('../fonts/MontserratLight.eot');
    src: url('../fonts/MontserratLight.eot') format('embedded-opentype'),
         url('../fonts/MontserratLight.woff2') format('woff2'),
         url('../fonts/MontserratLight.woff') format('woff'),
         url('../fonts/MontserratLight.ttf') format('truetype'),
         url('../fonts/MontserratLight.svg#MontserratLight') format('svg');
}


@font-face {
  font-family: 'Montserrat-Regular';
  font-display: swap;
  src: url("../fonts/MontserratRegular.eot");
  src: url("../fonts/MontserratRegular.eot") format("embedded-opentype"), url("../fonts/MontserratRegular.woff2") format("woff2"), url("../fonts/MontserratRegular.woff") format("woff"), url("../fonts/MontserratRegular.ttf") format("truetype"), url("../fonts/MontserratRegular.svg#MontserratRegular") format("svg");
}

@font-face {
  font-family: 'Montserrat-SemiBold';
  font-display: swap;
  src: url("../fonts/MontserratSemiBold.eot");
  src: url("../fonts/MontserratSemiBold.eot") format("embedded-opentype"), url("../fonts/MontserratSemiBold.woff2") format("woff2"), url("../fonts/MontserratSemiBold.woff") format("woff"), url("../fonts/MontserratSemiBold.ttf") format("truetype"), url("../fonts/MontserratSemiBold.svg#MontserratSemiBold") format("svg");
}

@font-face {
  font-family: 'MVBoli';
  font-display: swap;
  src: url("../fonts/mvboli.eot");
  src: url("../fonts/mvboli.eot") format("embedded-opentype"), url("../fonts/mvboli.woff2") format("woff2"), url("../fonts/mvboli.woff") format("woff"), url("../fonts/mvboli.ttf") format("truetype"), url("../fonts/mvboli.svg#mvboli") format("svg");
}


@font-face {
  font-family: "iconfont"; 
  font-display: swap;
  src: url('../fonts/iconfont.woff2?t=1747732300165') format('woff2'),
       url('../fonts/iconfont.woff?t=1747732300165') format('woff'),
       url('../fonts/iconfont.ttf?t=1747732300165') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-display: swap;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-shanchu:before {
  content: "\e63d";
}

.icon-guanlianfujian:before {
  content: "\e61c";
}

.icon-shangchuan1:before {
  content: "\e63c";
}

.icon-duigou1:before {
  content: "\e61b";
}

.icon-fangda:before {
  content: "\ec13";
}

.icon-fangzi:before {
  content: "\e61a";
}

.icon-up-copy-copy:before {
  content: "\ec69";
}

.icon-up-copy:before {
  content: "\e64c";
}

.icon-gouwuche:before {
  content: "\e6c2";
}

.icon-bofang:before {
  content: "\e615";
}

.icon-xiazai1:before {
  content: "\e618";
}

.icon-dianhuatianchong:before {
  content: "\e678";
}

.icon-dianhua:before {
  content: "\e62f";
}

.icon-weixin:before {
  content: "\e638";
}

.icon-youxiang3:before {
  content: "\e633";
}

.icon-right-copy-copy:before {
  content: "\ec67";
}

.icon-youxiang4:before {
  content: "\e66b";
}

.icon-shouji:before {
  content: "\e655";
}

.icon-dianhua3:before {
  content: "\e8ad";
}

.icon-weizhi:before {
  content: "\e601";
}

.icon-bofang1:before {
  content: "\e624";
}

.icon-dizhi:before {
  content: "\e606";
}

.icon-sousuo2:before {
  content: "\e619";
}

.icon-earth2:before {
  content: "\e8f9";
}

.icon-jtou2:before {
  content: "\e653";
}

.icon-jtou2-copy:before {
  content: "\ec68";
}

.icon-jiantou1-copy-copy:before {
  content: "\e8b1";
}

.icon-shijian:before {
  content: "\e8b8";
}

.icon-dianhua2:before {
  content: "\e842";
}

.icon-edit:before {
  content: "\e611";
}

.icon-facebook:before {
  content: "\e620";
}

.icon-pinterest:before {
  content: "\e8ab";
}

.icon-linkedin:before {
  content: "\e648";
}

.icon-youtube:before {
  content: "\e6d6";
}

.icon-twitter:before {
  content: "\e607";
}

.icon-bigger:before {
  content: "\e647";
}

.icon-left:before {
  content: "\e72c";
}

.icon-right:before {
  content: "\e72d";
}

.icon-up1:before {
  content: "\e72e";
}

.icon-bottom1:before {
  content: "\e72f";
}

.icon-left1:before {
  content: "\e730";
}

.icon-right1:before {
  content: "\e731";
}

.icon-up:before {
  content: "\e73e";
}

.icon-bottom:before {
  content: "\e73f";
}

.icon-instagram:before {
  content: "\e79d";
}

.icon-tumblr:before {
  content: "\e79e";
}

.icon-download:before {
  content: "\e7a0";
}

.icon-download1:before {
  content: "\e7a7";
}

.icon-search4:before {
  content: "\e7b2";
}

.icon-address:before {
  content: "\e7bc";
}

.icon-email:before {
  content: "\e7bd";
}

.icon-contact:before {
  content: "\e7be";
}

.icon-whatsapp:before {
  content: "\e7bf";
}

.icon-fax:before {
  content: "\e7c2";
}

.icon-mobile:before {
  content: "\e7c6";
}

.icon-phone:before {
  content: "\e7c8";
}

.icon-tel:before {
  content: "\e7c7";
}

.icon-phone1:before {
  content: "\e7cb";
}

.icon-skype:before {
  content: "\e7cc";
}

.icon-whatsapp1:before {
  content: "\e7c1";
}

.icon-address1:before {
  content: "\e7c3";
}

.icon-contact1:before {
  content: "\e7c4";
}

.icon-email1:before {
  content: "\e7c5";
}

.icon-skype1:before {
  content: "\e7c9";
}

.icon-fax1:before {
  content: "\e7ca";
}

.icon-qq:before {
  content: "\e7ce";
}

.icon-tel1:before {
  content: "\e7cd";
}

.icon-wechat:before {
  content: "\e7cf";
}

.icon-phone2:before {
  content: "\e7d0";
}

.icon-message:before {
  content: "\e7da";
}

.icon-calendar:before {
  content: "\e7e1";
}

.icon-calendar1:before {
  content: "\e7e3";
}

.icon-top:before {
  content: "\e7ed";
}

.icon-youbian:before {
  content: "\e60f";
}

.icon-jian2:before {
  content: "\e600";
}

.icon-jia2:before {
  content: "\e608";
}

.icon-vk:before {
  content: "\e735";
}

.icon-instagram1:before {
  content: "\e640";
}

.icon-up7:before {
  content: "\e722";
}

.icon-bottom7:before {
  content: "\e723";
}

.icon-left7:before {
  content: "\e724";
}

.icon-right7:before {
  content: "\e725";
}

.icon-sousuo4:before {
  content: "\e610";
}

.icon-sousuo:before {
  content: "\e616";
}

.icon-sousuo1:before {
  content: "\e65b";
}

.icon-shangchuan:before {
  content: "\e602";
}

.icon-top2:before {
  content: "\e637";
}

.icon-biaoqian:before {
  content: "\e649";
}

.icon-twitter3:before {
  content: "\e7fd";
}

.icon-twitter4:before {
  content: "\e7fe";
}

.icon-twitter-new2:before {
  content: "\e800";
}

.icon-twitter-new:before {
  content: "\e7ff";
}

.icon-tiktok:before {
  content: "\e8db";
}

.icon-delete:before {
  content: "\e69d";
}

.icon-chahao:before {
  content: "\e617";
}

.icon-earth:before {
  content: "\e6d5";
}

.icon-earth1:before {
  content: "\e781";
}

.icon-chahao1:before {
  content: "\e60e";
}

.icon-sousuoxiao:before {
  content: "\e6c6";
}

.icon-xialajiantouxiao-copy-copy:before {
  content: "\ec63";
}

.icon-xialajiantouxiao-copy-copy-copy:before {
  content: "\ec64";
}

.icon-jia:before {
  content: "\e642";
}

.icon-jian:before {
  content: "\e643";
}

.icon-sanjiao:before {
  content: "\e612";
}

.icon-user:before {
  content: "\e89a";
}

.icon-youxiang1:before {
  content: "\e613";
}

.icon-bianji:before {
  content: "\e603";
}

.icon-home1:before {
  content: "\e614";
}

.icon-youxiang:before {
  content: "\e605";
}

.icon-kefu:before {
  content: "\ec2e";
}

.icon-instagram2:before {
  content: "\e6fc";
}

.icon-jiahao1:before {
  content: "\e727";
}

.icon-triangle-right-copy:before {
  content: "\ec6a";
}

.icon-jianhao:before {
  content: "\e63b";
}

.icon-rili:before {
  content: "\e8b4";
}

.icon-phoneLoudspeaker2:before {
  content: "\e969";
}

.icon-shoujitianchong:before {
  content: "\e6b9";
}

.icon-youxiang2:before {
  content: "\e632";
}

.icon-dianhua1:before {
  content: "\e8c3";
}

.icon-sanjiaoxia:before {
  content: "\e644";
}

.icon-youjiantou:before {
  content: "\e625";
}

.icon-youjiantou-copy:before {
  content: "\ec65";
}

.icon-a-16jijianfasong:before {
  content: "\e67d";
}

.icon-home:before {
  content: "\e821";
}

.icon-duigou:before {
  content: "\e663";
}

.icon-jiantou_xiangyou:before {
  content: "\eb08";
}

.icon-xiazai:before {
  content: "\e66d";
}

.icon-sousuo3:before {
  content: "\e604";
}

.icon-right-copy:before {
  content: "\ec66";
}

.icon-triangle-right:before {
  content: "\e62c";
}


/*.tramAct1 .playLeft {*/
/*  width: 100%;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: space-between;*/
/*}*/

/*.tramAct1 .priceBox {*/
/*  width: 48%;*/
/*}*/

/*.tramAct1 .sizeBox {*/
/*  width: 48%;*/
/*  margin-top: 0;*/
/*}*/

/*@media (max-width: 1000px) {*/
/*  .tramAct1 .playLeft {*/
/*    flex-direction: column;*/
/*  }*/
/*  .tramAct1 .priceBox {*/
/*    width: 100%;*/
/*  }*/
/*  .tramAct1 .sizeBox {*/
/*    width: 100%;*/
/*    margin-top: 30px;*/
/*  }*/
/*}*/

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

.slider-mark::after {
  width: 20px;
  height: 20px;
  background-color: #e2e2e2;
  border-radius: 50%;
  content: '';
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
}
.navBott .navList > li > ul {
  position: absolute;
  top: 100%;
  left: 0;
  width: 250px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  display: none;
}

.navBott .navList > li > ul > li {
  position: relative;
}

.navBott .navList > li > ul > li > a {
  padding: 10px;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #333333;
  display: block;
}

.navBott .navList > li > ul > li:hover > a {
  background-color: #e6212a;
  color: #ffffff;
}

.navBott .navList > li > ul > li > ul {
  background-color: #ffffff;
  width: 250px;
  position: absolute;
  top: 0;
  left: 100%;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
  display: none;
}

.navBott .navList > li > ul > li > ul > li > a {
  padding: 10px;
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #333333;
  display: block;
}

.navBott .navList > li > ul > li > ul > li:hover > a {
  background-color: #e6212a;
  color: #ffffff;
}

.erBlogs {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 270px;
  background-color: #ffffff;
  padding-top: 30px;
  padding-bottom: 22px;
  text-align: center;
  border: 1px solid #e5e5e5;
  display: none;
}

.erBlogs .blogsYiji {
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #333333;
}

.erBlogs .blogsYiji a {
  color: #333333;
}

.erBlogs .blogsYiji a:hover {
  color: #e6212a;
}

.erBlogs ul {
  margin-top: 19px;
}

.erBlogs ul li a {
  font-family: MontserratLight,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #333333;
  padding: 8px 10px;
  margin-bottom: 1px;
  display: block;
}

.erBlogs ul li a:hover {
  background-color: rgba(230, 33, 41, 0.1);
}

.globBott{
    position: relative;
}


.globQie{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  font-size: 22px;
  color: #ffffff;
  background-color: #ff8a00;
  cursor: pointer;
  transition: 0.2s;
  text-align: center;
  position: absolute;
    top: 29%;
}
.globPrev{
    left: -50px;
}
.globNext{
    right: -50px;
}

.globQie:hover {
  background-color: #e6212a;
}

@media(max-width: 1000px){
    .globQie{
        top: -50px;
    }
    .globPrev{
        left: 30%;
    }
    .globNext{
        right: 30%;
    }
    .globBott{
        margin-top: 60px;
    }
    .globWrap .swiper-pagination-bullet{
        margin: 0 5px !important;
    }
}