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

.swiper-container-no-flexbox .swiper-slide {
  float: left
}

.swiper-container-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

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

.swiper-container-multirow>.swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

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

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

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

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform
}

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

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

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

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 80px;
  margin-top: -40px;
  z-index: 10;
  cursor: pointer;
  background-size: 40px 60px;
  background-position: center;
  background-repeat: no-repeat
}

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

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 4%;
  right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right:4%;
  left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
  display: none
}

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

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

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 20px;
  left: 0;
  width: 100%
}

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

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

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

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

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

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

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

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

.swiper-pagination-bullet {
  width:12px;
  height:12px;
  display: inline-block;
  border-radius: 50%;
  background: none;
  background: #fff;
  opacity: 1;
}

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

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

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #034a8f;
}

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

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 10px 0;
  display: block
}

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

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: .2s top, .2s -webkit-transform;
  transition: .2s top, .2s -webkit-transform;
  -o-transition: .2s transform, .2s top;
  transition: .2s transform, .2s top;
  transition: .2s transform, .2s top, .2s -webkit-transform
}

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

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

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s left, .2s -webkit-transform;
  transition: .2s left, .2s -webkit-transform;
  -o-transition: .2s transform, .2s left;
  transition: .2s transform, .2s left;
  transition: .2s transform, .2s left, .2s -webkit-transform
}

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

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, .25);
  position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top
}

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

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

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

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000
}

.swiper-pagination-lock {
  display: none
}

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

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

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

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

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

.swiper-scrollbar-lock {
  display: none
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: 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%;
  -o-object-fit: contain;
  object-fit: contain
}

.swiper-slide-zoomed {
  cursor: move
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

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

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

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

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

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

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

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

.swiper-container-cube {
  overflow: visible
}

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

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

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

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

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

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

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0
}

.swiper-container-flip {
  overflow: visible
}

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

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

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

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

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px
}

@charset "utf-8";

/** 清除内外边距 **/

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
img,
figure,
figcaption {
	border: medium none;
	margin: 0;
	padding: 0;
	outline: none;
}



/** 设置默认字体 **/

html,
body {
	-webkit-text-size-adjust: none;
	font-family: "Microsoft YaHei", Arial;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-size: 14px;
	color: #444;
	position: relative;
	height: 100%;
}


/** 设置表单元素**/

button,
input,
select,
textarea {
	font-family: "Microsoft YaHei", Arial;
	vertical-align: middle;
	outline: none;
}


/** 重置图片元素 **/

img {
	border: 0px;
	max-width: 100%;
	vertical-align: middle;
	transition: 0.2s;
}


/** 重置表格元素 **/

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/** 清除浮动 **/

.clearfix {
	*zoom: 1;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}


/** 重置列表元素 **/

ul,
ol {
	list-style: none;
}


/** 重置超链接元素 **/

a {
	text-decoration: none;
	color: #333;
	transition: 0.2s;
}

a:hover {
	text-decoration: none;
	color: #034a8f;
}

a:hover,
a:active {
	outline: none;
}

img {
	transition: 0.2s;
}

section {
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.fixed {
	background: #404145;
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 15;
	display: none;
}

.fixed li {
	width: 33.3333%;
	float: left;
	border-right: 1px solid #555;
	box-sizing: border-box;
	padding: 5px 0;
}

.fixed li img {
	width: 22px;
}

.fixed li a {
	display: flex;
	flex-direction: column;
	text-align: center;
	color: #fff;
}

.anmation .fadeIn {
	opacity: 0;
	transition: 1.5s;
}

.anmation .fadeLeft {
	opacity: 0;
	transform: translateX(-100%);
	transition: 1s;
}

.anmation .fadeRight {
	opacity: 0;
	transform: translateX(100%);
	transition: 1s;
}

.anmation .fadetop {
	opacity: 0;
	transform: translateY(-1000px);
	transition: 1s;
}

.anmation .fadebottom {
	opacity: 0;
	transform: translateY(1000px);
	transition: 1s;
}

.anmation.action .fadeIn {
	opacity: 1;
	transition: 1s;
}

.anmation.action .fadeLeft {
	opacity: 1;
	transform: translateX(0);
}

.anmation.action .fadeRight {
	opacity: 1;
	transform: translateX(0);
}

.anmation.action .fadetop {
	opacity: 1;
	transform: translateY(0);
}

.anmation.action .fadebottom {
	opacity: 1;
	transform: translateY(0);
}

.willChange {
	will-change: transform;
}

.toper {
	color: #fff;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	transition: 0.8s;
	height: 74px;
	z-index: 25;
	background: url(images/top_bj.jpg) no-repeat center top;
}

.toper.fix {
	box-shadow: 0 0 5px #999;
	height: 74px;
}

.toper .bj {
	position: absolute;
	left: 0;
	top: 74px;
	height: 74px;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	transition: 0.5s;
	display: none;
}

.toper.fix .bj {
	top: 54px;
}

.toper .content {
	max-width: 1300px;
	margin: 0 auto;
	height: inherit;
}

.toper .logo {
	float: left;
	width: 310px;
	height: inherit;
	transition: 0.8s;
	padding-top: 0;
	box-sizing: border-box;
}

.toper.fix .logo {
	width: 310px;
}

.toper nav {
	float: left;
	padding-left: 90px;
	line-height: 54px;
	transition: 0.8s;
}

.toper.fix nav {
	line-height: 54px;
}

.toper nav li {
	float: left;
	padding: 10px 20px;
	position: relative;
}

.toper nav li a {
	font-size: 16px;
	color: #fff;
	display: block;
	text-align: center;
	transition: color 0.8s;
	position: relative;
}

.toper nav li a:before {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	bottom: 3px;
	background: #fff;
	z-index: 0;
	transform: scale3d(0, 1, 1);
	transform-origin: 100% 50%;
	transition: transform .5s;
}

.toper nav li a:hover::before {
	transform: scale3d(1, 1, 1);
	transform-origin: 0% 50%;
	transition-timing-function: ease-in;
}

.toper li .hide {
	position: absolute;
	top: 74px;
	padding: 10px 0;
	line-height: 54px;
	width: 1200px;
	left: 50%;
	text-align: center;
	z-index: 28;
	transform: translateX(-50%);
	display: none;
}

.toper li:hover .hide {
	animation: mover 1s forwards;
}

@keyframes mover {
	from {
		opacity: 0;
		left: 100%;
	}
	to {
		opacity: 1;
		left: 50%
	}
}

.toper li .hide span {
	display: inline-block;
	position: relative;
	z-index: 5;
	margin: 0 10px;
}

.toper li .hide span a {
	font-size: 14px;
	display: block;
}

.toper.fix li .hide {
	top: 54px;
}

.toper nav li a em {
	height: 2px;
	background: #fff;
	display: block;
	position: absolute;
	bottom: 3px;
	width: 0;
	overflow: hidden;
	opacity: 0;
	transition-delay: 0.2s;
}

.toper nav li a.act em {
	width: 100%;
	opacity: 1;
}

.toper .tel_lang {
	width: 154px;
	float: right;
	line-height: 24px;
	text-align: right;
	position: relative;
	padding: 25px 0;
	transition: 0.8s;
	font-size: 14px;
}

.toper .tel_lang:before {
	content: '';
	height: 70%;
	width: 1px;
	background: rgba(255, 255, 255, 0.6);
	position: absolute;
	left: 0;
	top: 15%;
	transition: 0.8s;
}

.toper.fix .tel_lang {
	font-size: 13px;
}

.toper .tel_lang a {
	color: #fff;
	transition: 0.8s;
	font-size: 14px;
}

.toper.fix .tel_lang a {
	font-size: 13px;
}

.banner {
	overflow: hidden;
	width: 100%;
	margin-top: 74px;
	transition: 0.2s; max-width:1920px; margin-left:auto; margin-right:auto;
}

.banner.up {
	padding-top: 54px;
}

.banner .swiper-slide {
	overflow: hidden; text-align:center;
}

.banner .swiper-slide img {
	transform: scale(1.2);
	transition: 3s;
}

.banner .swiper-slide.swiper-slide-active img {
	transform: scale(1);
}

.P50 {
	padding: 50px 0;
}

.i_tit {
	font-weight: normal;
	font-size: 16px;
	color: #666;
	float: left;
	line-height: 35px;
	width: 220px;
	line-height: 40px;
}

.i_tit span {
	font-size: 18px;
	border-bottom: 2px solid #034a8f;
	color: #333;
	box-sizing: border-box;
	float: left;
	margin-right: 5px;
	font-weight: bold;
}

.Product header {
	overflow: hidden;
}

.Product nav {
	float: right;
}

.Product nav li {
	float: left;
	margin-left: 15px;
	position: relative;
	background: #f0f0f0;
}

.Product nav li i {
	width: 20px;
	height: 20px;
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
}

.Product nav li i img {
	float: left;
}

.Product nav li a {
	display: block;
	line-height: 40px;
	padding: 0 15px;
	position: relative;
	transition: color 0.2s;
	z-index: 1;
}

.Product nav li a:hover {
	color: #fff;
}

.Product nav li a:hover i img:first-child {
	margin-top: -20px;
}

.Product nav li::before {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 40px;
	background: #034a8f;
	transform: scale3d(0, 1, 1);
	transform-origin: 100% 50%;
	transition: transform 0.2s;
}

.Product nav li:hover::before {
	transform: scale3d(1, 1, 1);
	transform-origin: 0% 50%;
	transition-timing-function: ease-in;
}

.Product nav li.act a {
	color: #fff;
}

.Product nav li.act a i img:first-child {
	margin-top: -20px;
}

.Product nav li.act {
	background: #034a8f;
}

.Product .content {
	overflow: hidden;
	padding-top: 40px;
}

.Product .content .box {
	overflow: hidden;
}

.Product .content .list {
	overflow: hidden;
	display: none;
}

.Product .content .list .tipCirel {
	text-align: center;
	padding-top: 20px;
}

.Product .content .list .tipCirel span {
	width: 10px;
	height: 10px;
	display: inline-block;
	border: 1px solid #ddd;
	border-radius: 50%;
	margin: 0 4px;
	cursor: pointer;
}

.Product .content .list .tipCirel span.act {
	background: #034a8f;
	border: 1px solid #034a8f;
}

.Product .content ul {
	width: 98800px;
	overflow: hidden;
}

.Product .content li {
	float: left;
	width: 278px;
	margin-right: 29px;
}

.Product .content li a {
	display: block;
	overflow: hidden;
	text-align: center;
	background: #f5f5f5;
}

.Product .content li .img {
	border: 1px solid #eee;
	height: 240px;
	padding: 2px;
	overflow: hidden;
	background: #FFFFFF;
}

.Product .content li a:hover img {
	transform: scale(1.1);
}

.Product .content li .name {
	height: 60px;
	line-height: 60px;
	transition: 0.2s;
	position: relative;
	transition: 0.2s;
	z-index: 5;
	border-top: 10px solid #fff;
}

.Product .content li .name::before {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background: #034a8f;
	z-index: -1;
	transform: scale3d(0, 1, 1);
	transform-origin: 100% 50%;
	transition: transform .3s;
}

.Product .content li:hover .name::before {
	transform: scale3d(1, 1, 1);
	transform-origin: 0% 50%;
	transition-timing-function: ease-in;
}

.Product .content li .name em {
	width: 10px;
	height: 10px;
	display: block;
	position: absolute;
	bottom: -20px;
	left: 50%;
	padding: 3px;
	border-radius: 50%;
	color: #fff;
	border: 1px solid #fff;
	line-height: 10px;
	font-style: normal;
	transition: 0.2s;
	margin-left: -5px;
}

.Product .content li a:hover .name {
	color: #fff;
	line-height: 40px;
}

.Product .content li a:hover em {
	bottom: 10px;
}

.AboutUs {
	background: #efefef;
}

.AboutUs video {
	float: left;
	width: 100%;
	object-fit: fill;
}
.AboutUs .video {
	float: left;
	width: 40%;
	object-fit: fill;
}
.AboutUs .video img {
	width: 100%;
}
.AboutUs .usinfo {
	float: right;
	width: 56%;
	background: url(images/bj_map.jpg) no-repeat center;
	overflow: hidden;
}

.AboutUs .usinfo .i_tit {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}

.AboutUs .usinfo p {
	padding: 10px 0;
	line-height: 34px;
}

.AboutUs .usinfo a {
	background: #034a8f;
	color: #fff;
	padding: 5px 30px 5px 10px;
	font-size: 12px;
	position: relative;
	overflow: hidden;
	border-radius: 5px;
}

.AboutUs .usinfo a:before {
	content: '>>';
	width: 20px;
	height: 26px;
	line-height: 26px;
	display: block;
	position: absolute;
	top: 0;
	left: -355px;
	transition: 0.3s;
}

.AboutUs .usinfo a:after {
	content: '>>';
	width: 20px;
	height: 26px;
	line-height: 26px;
	display: block;
	position: absolute;
	top: 0;
	right: 5px;
	transition: 0.15s;
}

.AboutUs .usinfo a:hover {
	background: #034a8f;
}

.AboutUs .usinfo a:hover:before {
	left: 63px;
}

.AboutUs .usinfo a:hover:after {
	display: none;
}

.AboutUs .down {
	overflow: hidden;
	margin: 50px 0 0px 0;
}

.AboutUs .down .btn {
	width: 50px;
	height: 50px;
	display: block;
	text-align: center;
	line-height: 50px;
	position: relative;
	top: 10px;
	cursor: pointer;
	transition: 0.5s;
	font-size: 20px;
	color: #999;
}

.AboutUs .down .btn:hover {
	background: #034a8f;
	color: #fff;
	border-radius: 50%;
}

.AboutUs .down .pre {
	float: left;
}

.AboutUs .down .content {
	width: 1080px;
	float: left;
	overflow: hidden;
	margin-left: 10px;
}

.AboutUs .down .content .box {
	width: 99999999px;
	overflow: hidden;
}

.AboutUs .down .content .list {
	width: 1080px;
	overflow: hidden;
	float: left;
}

.AboutUs .down .content .list ul {
	width: 9999px;
}

.AboutUs .down .content .list li {
	float: left;
	margin: 0 18px;
	cursor: pointer;
	padding: 5px 0;
	transition: 0.3s;
}

.AboutUs .down .content li:hover img {
	box-shadow: 0 0 5px #999;
}

.AboutUs .down .next {
	float: right;
}

.CaseShow header {
	overflow: hidden;
}


/*.CaseShow header a {
	float: right;
	background: #034a8f;
	padding: 2px 15px;
	color: #fff;
	position: relative;
	top: 15px;
	font-size: 12px;
}*/

.CaseShow header a {
	background: #034a8f;
	color: #fff;
	padding: 5px 30px 5px 10px;
	font-size: 12px;
	position: relative;
	overflow: hidden;
	float: right;
	border-radius: 5px;
}

.CaseShow header a:before {
	content: '>>';
	width: 20px;
	height: 26px;
	line-height: 26px;
	display: block;
	position: absolute;
	top: 0;
	left: -355px;
	transition: 0.3s;
}

.CaseShow header a:after {
	content: '>>';
	width: 20px;
	height: 26px;
	line-height: 26px;
	display: block;
	position: absolute;
	top: 0;
	right: 5px;
	transition: 0.15s;
}

.CaseShow header a:hover {
	background: #034a8f;
}

.CaseShow header a:hover:before {
	left: 40px;
}

.CaseShow header a:hover:after {
	display: none;
}

.CaseShow .content {
	overflow: hidden;
	padding-bottom: 10px;
}

.CaseShow .content ul {
	width: 1300px;
}

.CaseShow li {
	float: left;
	width: 380px;
	height: 230px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 30px;
	transition: 0.3s;
}

.CaseShow li:hover {
	box-shadow: 0 0 10px #888;
}

.CaseShow li a {
	display: block;
	position: relative;
	overflow: hidden;
}

.CaseShow li a .name {
	width: 90%;
	bottom: 0;
	height: 44px;
	background: rgba(22, 142, 52, 0.6);
	position: absolute;
	line-height: 44px;
	padding: 0 5%;
	color: #fff;
}

.CaseShow li a:hover img {
	transform: scale(1.1);
}

.newCenter {
	padding-bottom: 50px;
}

.newCenter header {
	overflow: hidden;
	margin-bottom: 30px;
}


/*.newCenter header a {
	float: right;
	background: #034a8f;
	padding: 2px 15px;
	color: #fff;
	position: relative;
	top: 15px;
	font-size: 12px;
}*/

.newCenter header a {
	background: #034a8f;
	color: #fff;
	padding: 5px 30px 5px 10px;
	font-size: 12px;
	position: relative;
	overflow: hidden;
	float: right;
	border-radius: 5px;
}

.newCenter header a:before {
	content: '>>';
	width: 20px;
	height: 26px;
	line-height: 26px;
	display: block;
	position: absolute;
	top: 0;
	left: -355px;
	transition: 0.3s;
}

.newCenter header a:after {
	content: '>>';
	width: 20px;
	height: 26px;
	line-height: 26px;
	display: block;
	position: absolute;
	top: 0;
	right: 5px;
	transition: 0.15s;
}

.newCenter header a:hover {
	background: #034a8f;
}

.newCenter header a:hover:before {
	left: 40px;
}

.newCenter header a:hover:after {
	display: none;
}

.newCenter .left {
	width: 338px;
	padding: 20px 35px;
	background: #efefef;
	float: left;
	transition: 0.2s;
}

.newCenter .left .time {
	font-size: 24px;
	font-weight: bold;
	color: #034a8f;
	line-height: 26px;
}

.newCenter .left:hover {
	box-shadow: 0 0 6px #999;
	margin-left: 5px;
}

.newCenter .left p {
	overflow: hidden;
}

.newCenter .left h4 {
	border-left: 2px solid #666;
	padding-left: 10px;
	margin: 15px 0;
	font-size: 16px;
}

.newCenter .left .more {
	padding: 10px 0;
}

.newCenter .left .more a {
	background: #034a8f;
	width: 60px;
	height: 24px;
	display: block;
	color: #fff;
	position: relative;
	text-align: center;
	line-height: 24px;
}

.newCenter .left .more a:before {
	content: '';
	width: 8px;
	height: 1px;
	background: #fff;
	display: block;
	position: absolute;
	left: -50%;
	top: 50%;
	margin-left: -4px;
	transition: 0.2s;
}

.newCenter .left .more a:after {
	content: '';
	width: 1px;
	height: 8px;
	background: #fff;
	display: block;
	position: absolute;
	right: -50%;
	top: 50%;
	margin-top: -3px;
	transition: 0.2s;
}

.newCenter .left .more a:hover span {
	display: none;
}

.newCenter .left .more a:hover:before {
	left: 50%;
}

.newCenter .left .more a:hover:after {
	right: 50%;
}

.newCenter .right {
	width: 720px;
	float: right;
	padding-bottom: 5px;
}

.newCenter .right ul {
	padding: 0 5px;
}

.newCenter .right li {
	border-top: 1px solid #ddd;
	line-height: 24px;
	overflow: hidden;
	padding: 15px;
	transition: 0.3s;
}

.newCenter .right li a {
	display: block;
	position: relative;
	overflow: hidden;
}

.newCenter .right li a .text {
	width: 600px;
	float: left;
}

.newCenter .right li h4 {
	border-left: 2px solid #666;
	padding-left: 10px;
	margin: 0 0 15px 0;
	line-height: 20px;
	font-size: 15px;
}

.newCenter .right li time {
	display: block;
	width: 90px;
	position: absolute;
	top: 40%;
	right: 0;
}

.newCenter .right li time span {
	display: block;
	text-align: center;
	color: #333;
	font-size: 16px;
}

.newCenter .right li time span:last-child {
	font-size: 20px;
}

.newCenter .right li:hover {
	box-shadow: 0 0 5px #999;
}

footer {
	background: #313131;
	color: #fff;
	overflow: hidden;
}

footer h4 {
	font-size: 16px;
	padding: 15px 0;
}

footer li {
	padding: 10px 0;
}

footer li a {
	color: #999;
	border-left: 2px solid #999;
	padding-left: 5px;
}

footer p {
	padding: 5px 0;
	color: #999;
}

footer .fmenu {
	float: left;
	width: 300px;
	padding-top:30px;
}
footer .fmenu li{
	float: left;
	width: 120px;
}

footer .fpro {
	float: left;
	width: 300px;
	padding-top:30px;
}

footer .fpro li {
	float: left;
	width: 120px;
}

footer .fContact {
	float: left;
	width: 340px;
	padding-left: 20px;
	padding-top:30px;
}

footer .fContact .wx {
	width: 280px;
	height: inherit;
	transition: 0.8s;
	box-sizing: border-box;
}

footer .f_form {
	float: right;
	width: 130px;
	font-size:13px;
	text-align:center;
	padding-top:30px;
	color: #999;
}

footer .f_form .red{ background: #ff6666; color: #fff;}

footer .f_form input {
	width: 90%;
	height: 30px;
	padding: 0 5%;
}

footer .f_form textarea {
	width: 90%;
	height: 60px;
	padding: 0 5%;
}

footer .f_form .sumit {
	background: #034a8f;
	color: #fff;
	width: 180px;
	height: 40px;
	font-size: 18px;
}

.copyRight {
	border-top: 1px solid #444444;
	padding-top: 10px;
	margin-top: 20px;
	text-align: center;
	PADDING-BOTTOM: 10PX;
}

.copyRight span {
	padding: 0 10px;
}

.mHeader {
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	box-sizing: border-box;
	z-index: 20;
}

.M_menu_list {
	position: fixed;
	top: 70px;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .8);
	z-index: 20;
	display: none;
	overflow: auto;
}

.M_menu_list li {
	line-height: 44px;
	border-bottom: 1px dashed #666;
}

.M_menu_list li a {
	padding: 0 15px;
	display: block;
	color: #fff;
	position: relative;
}

.M_menu_list li em {
	font-style: normal;
	background: #034a8f;
	position: absolute;
	right: 15px;
	display: block;
	height: 10px;
	width: 10px;
	line-height: 10px;
	padding: 5px;
	border-radius: 50%;
	top: 50%;
	margin-top: -10px;
	color: #fff;
	text-align: center;
}

.M_menu_list li .hide {
	display: none;
}

.M_menu_list li .hide li {
	border: none;
}

.M_menu_list li .hide li .hide p a {
	padding-left: 50px;
}

.M_menu_list li .hide li h4 {
	color: #034a8f;
	padding: 0 20px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.M_menu_list li .hide li h4 i {
	float: right;
}

.M_menu_list li .hide li .subhide {
	display: none;
}

.M_menu_list li .hide li .subhide a {
	color: #999;
	padding: 0 40px;
	font-size: 12px;
}

.M_menu_list li.lang {
	background: rgba(0, 0, 0, .5);
	overflow: hidden;
}

.M_menu_list li.lang a {
	width: 50%;
	float: left;
	box-sizing: border-box;
	text-align: center;
}

.InerBanner {
	height: 400px;
}

.usbaner {
	background: url(images/usbaner.jpg) no-repeat center;
}

.newbaner {
	background: url(images/news_baner.jpg) no-repeat center;
}

.casebaner {
	background: url(images/caseBj.jpg) no-repeat center;
}

.probaner {
	background: url(images/probaner.jpg) no-repeat center;
}

.contactbaner {
	background: url(images/contactBj.jpg) no-repeat center;
}

.custmerbaner {
	background: url(images/inerBnaer_preson.jpg) no-repeat center;
}

.website {
	border-bottom: 1px solid #eee;
	line-height: 50px;
	margin-bottom: 20px;
}

.website i {
	margin-right: 5px;
}

.website a {
	color: #333;
}

.innertit {
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	padding-bottom: 20px;
}

.innertit h2 {
	font-size: 32px;
	font-weight: normal;
	padding: 10px 0;
	color: #034a8f;
}

.about_us .info {
	text-align: center;
	line-height: 30px;
}

.about_us .info p {
	padding: 8px 0;
}

.about_us .honor {
	padding: 60px 0;
	margin-top: 30px;
}

.about_us .honor .left {
	width: 260px;
	float: left;
}

.about_us .honor .left .innertit {
	text-align: left;
}

.about_us .honor .left .txt li {
	display: none;
	line-height: 26px;
}

.about_us .honor .left .btn {
	padding-top: 100px;
}

.about_us .honor .left .btn span {
	width: 40px;
	height: 40px;
	border: 1px solid #ddd;
	display: inline-block;
	background: #999;
	cursor: pointer;
	transition: 0.2s;
}

.about_us .honor .left .btn span.pre,
.inerUs .honor .left .btn span:hover {
	background: #034a8f;
}

.about_us .honor .right {
	width: 846px;
	float: right;
	overflow: hidden;
}

.about_us .honor .right ul {
	width: 99999px;
}

.about_us .honor .right ul li {
	overflow: hidden;
	width: 846px;
	float: left;
}

.about_us .honor .right .list {
	width: 262px;
	float: left;
	margin-left: 20px;
	text-align: center;
	font-size: 18px;
}

.about_us .honor .right .list img {
	border: 1px solid #ddd;
	margin-bottom: 20px;
}

.page {
	padding: 10px 0;
	text-align: center;
}

.page a {
	display: inline-block;
	line-height: 30px;
	border: 1px solid #ddd;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

.page a:hover,
.page a.act {
	background: #034a8f;
	color: #fff;
}

.page SPAN.current {
	display: inline-block;
	line-height: 30px;
	border: 1px solid #034a8f;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	background: #034a8f;
	color: #fff;
}

.page SPAN.disabled {
	display: inline-block;
	padding: 0 10px;
	line-height: 30px;
	border: 1px solid #ddd;
	margin: 0 5px;
}

.inerNews {
	padding: 10px 0;
}

.inerNews li {
	border: 1px solid #eee;
	margin: 20px 0;
}

.inerNews li a {
	display: block;
	padding: 20px;
	background: #fff;
	overflow: hidden;
}

.inerNews li a .img {
	width: 22%;
	float: left;
}

.inerNews li a .txt {
	width: 64%;
	float: left;
	padding-left: 3%;
	line-height: 24px;
}

.inerNews li a .txt .more {
	padding-top: 10px;
}

.inerNews li a .txt .more span {
	color: #fff;
	background: #034a8f;
	padding: 3px 5px;
}

.inerNews li a .txt h4 {
	font-size: 18px;
	padding: 15px 0;
}

.inerNews li a .txt h4+p {
	color: #999;
}

.inerNews li a .time {
	width: 10%;
	float: right;
	text-align: center;
	padding: 20px 0;
	border-left: 1px solid #ddd;
	height: 100%;
}

.inerNews li a .time p {
	padding: 10px 0;
}

.inerNews li a .time p b {
	font-size: 28px;
}

.inerNews li a:hover {
	box-shadow: 0 0 5px #999;
}

.newDetail .tit {
	font-size: 24px;
	padding: 20px 0;
	text-align: center;
	font-size: 34px;
	font-weight: normal;
	color: #333;
}

.newDetail .tips {
	padding: 0px 0 30px 0;
	text-align: center;
	border-bottom: 1px solid #ddd;
	color: #999;
}

.newDetail .content {
	line-height: 34px;
	padding: 30px 0;
}

.newDetail .content p {
	padding: 8px 0;
}
.newDetail .content img {
	margin-left: -2em;
	height: auto;
}

.newDetail .updown {
	border-top: 1px solid #ddd;
	padding: 10px 0;
	position: relative;
}

.newDetail .updown p {
	padding: 5px 0;
}

.newDetail .updown .back {
	width: 200px;
	height: 44px;
	display: block;
	position: absolute;
	right: 0;
	text-align: center;
	line-height: 44px;
	font-size: 16px;
	background: #034a8f;
	color: #fff;
}

.newDetail .updown .back:hover {
	border-radius: 25px;
}

.inerCase {
	padding: 0 5px;
}

.inerCase .subNvas {
	text-align: center;
	padding: 20px 0;
}

.inerCase .subNvas a {
	width: 160px;
	text-align: center;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	border: 1px solid #eee;
	margin: 0 10px;
}

.inerCase .subNvas a:hover,
.inerCase .subNvas a.act {
	background: #034a8f;
	color: #fff;
}

.inerCase ul {
	width: 1340px;
}

.inerCase li {
	width: 270px;
	float: left;
	margin-left: 10px;
	margin-right: 15px;
	height: 400px;
	margin-bottom: 40px;
	line-height: 26px;
	transition: 0.2s;
}

.inerCase li h4 {
	padding: 10px 20px;
	font-size: 18px;
	transition: 0.2s;
}

.inerCase li p {
	padding: 0 20px;
}

.inerCase li a {
	display: block;
}

.inerCase li a:hover h4 {
	color: #034a8f;
}

.inerCase li:hover {
	box-shadow: 0 0 8px #999;
}

.inerCase li img {
	border: 1px solid #fff;
	box-sizing: border-box;
}

.inerCase li:hover img {
	border: 1px solid #eee;
}

.inerTech li {
	margin-top: 30px;
	transition: 0.5s;
}

.inerTech li:hover {
	box-shadow: 0 0 5px #eee;
}

.inerTech li a {
	display: block;
	overflow: hidden;
	padding: 10px;
	border: 1px solid #eee;
}

.inerTech li a:hover img {
	transform: scale(1.1);
}

.inerTech li a:hover .time i {
	padding: 8px 25px;
}

.inerTech li img {
	transition: 0.2s;
}

.inerTech li .img {
	float: left;
	width: 338px;
	overflow: hidden;
}

.inerTech li .info {
	float: right;
	width: 790px;
}

.inerTech li .info h4 {
	font-size: 20px;
	color: #034a8f;
	padding: 20px 0;
}

.inerTech li .info .txt {
	line-height: 24px;
	color: #888;
	padding-bottom: 20px;
	overflow: hidden;
}

.inerTech li .info .time {
	color: #999;
}

.inerTech li .info .time i {
	float: right;
	border: 1px solid #034a8f;
	font-style: normal;
	padding: 8px 30px;
	color: #034a8f;
	transition: 0.5s;
}

.inerCustemer ul {
	padding: 10px;
}

.inerCustemer li {
	border: 1px solid #eee;
	padding: 20px;
	margin-bottom: 20px;
	line-height: 24px;
	color: #999;
	transition: 0.5s;
}

.inerCustemer li h4 {
	font-size: 20px;
	color: #034a8f;
	padding: 10px 0;
}

.inerCustemer li:hover {
	box-shadow: 0 0 10px #aaa;
}

.inerCustemer .subNvas {
	text-align: center;
	padding: 20px 0;
}

.inerCustemer .subNvas a {
	width: 160px;
	text-align: center;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	border: 1px solid #eee;
	margin: 0 10px;
}

.inerCustemer .subNvas a:hover,
.inerCustemer .subNvas a.act {
	background: #034a8f;
	color: #fff;
}

.contact li {
	width: 23.333%;
	margin: 0;
	text-align: center;
	font-size: 14px;
	padding: 0 5%;
	line-height: 24px;
	float: left;
}

.contact li img {
	margin: 20px 0;
}

.contact li h4 {
	padding: 20px 0;
}

.contact .contacInfo {
	line-height: 24px;
	padding-bottom: 30px;
}

.contact .contacInfo p {
	padding: 5px 0;
}

.contact .contacInfo h4 {
	font-size: 18px;
	color: #034a8f;
	border-top: 1px solid #eee;
	margin-top: 40px;
	padding-top: 40px;
	padding-bottom: 20px;
}

.contact .contacInfo .map {
	border: 1px solid #eee;
	padding: 5px;
	margin-top: 10px;
}

.partners {
	padding: 60px 0;
}

.partners ul {
	width: 1240px;
}

.partners li {
	width: 178px;
	height: 60px;
	border: 1px solid #ddd;
	float: left;
	margin: 0 18px 20px 0;
	transition: 0.2s;
}

.partners li:hover {
	box-shadow: 0 0 10px #aaa;
}

.inerPro aside {
	width: 250px;
	float: left;
	border: 1px solid #eee;
}

.inerPro aside .tit {
	background: #034a8f;
	color: #fff;
	text-align: center;
	padding: 20px 0;
}

.inerPro aside .tit h4 {
	font-size: 28px;
	padding-bottom: 10px;
}

.inerPro aside .scontact {
	border: ;
	line-height: 24px;
	border-top: 1px solid #eee;
	padding: 15px;
	background: #f9f9f9;
}

.inerPro aside .scontact h4 {
	font-size: 18px;
	padding: 5px 0;
	color: #034a8f;
	font-weight:normal;
}

.inerPro aside ul {
	padding: 10px;
}

.inerPro aside ul li {
	line-height: 44px;
	margin-bottom: 10px;
}

.inerPro aside ul li h4 {
	background: #f5f5f5;
	padding-left: 10px;
	font-weight: normal;
	border-radius: 5px;
	transition: 0.2s;
	position: relative;
	font-size: 15px;
}

.inerPro aside ul li h4:hover,
.inerPro aside ul li h4.act {
	background: #034a8f;
	color: #fff;
	cursor: pointer;
}
.inerPro aside ul li h4:hover a,
.inerPro aside ul li h4.act {
	color: #fff;
	cursor: pointer;
}

.inerPro aside ul li h4 em {
	width: 10px;
	height: 10px;
	line-height: 8px;
	text-align: center;
	display: block;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -5px;
	font-style: normal;
	background: #034a8f;
	padding: 2px;
	color: #fff;
	border-radius: 50%;
	transition: 0.2s;
}

.inerPro aside ul li h4:hover em,
.inerPro aside ul li h4.act em {
	background: #fff;
	color: #034a8f;
}

.inerPro aside ul li .hide a {
	padding-left: 16px;
	font-size: 14px;
	display: block;
	line-height: 34px;
}

.inerPro aside ul li .hide {
	display: none;
}

.inerPro .proBox,
.inerPro .inerProdetail {
	width: 894px;
	float: right;
}
.inerPro .proBox{ line-height:25px;}

.inerProdetail .shows {
	padding: 10px 0 20px 0;
	overflow: hidden;
}

.inerProdetail .left {
	width: 50%;
	float: left;
	text-align: center;
}

.inerProdetail .left .swiper-button-next,
.inerProdetail .left .swiper-button-prev {
	display: none;
}

.inerProdetail .text {
	width: 45%;
	float: right;
}

.inerProdetail .text {
	line-height: 24px;
	color: #666;
}

.inerProdetail .text h4 {
	font-size: 20px;
	color: #034a8f;
	font-weight: normal;
	padding: 20px 0;
}

.inerProdetail .text .tips {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 10px 0;
	margin: 20px 0;
}

.gallery-thumbs .swiper-slide {
	width: 25%;
	height: 100%;
	opacity: 0.4;
	border: 1px solid #ddd;
	box-sizing: border-box;
}

.gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
	border: 1px solid #034a8f;
}

.gallery-thumbs {
	position: relative;
	margin-top: 10px;
}

.gallery-thumbs .bnt {
	width: 20px;
	height: 40px;
	position: absolute;
	display: block;
	z-index: 2;
	background: rgba(0, 0, 0, 1);
	top: 15px;
	color: #fff;
	font-family: arial;
	line-height: 40px;
	font-size: 16px;
	cursor: pointer;
	opacity: 0.3;
}

.gallery-thumbs .bnt.next {
	right: 0;
}

.gallery-thumbs .bnt:hover {
	opacity: 0.6;
}

.inerProdetail .tabs {
	padding: 20px 0;
}

.inerProdetail .tabname {
	border-bottom: 1px solid #eee;
	overflow: hidden;
	background: #f5f5f5;
}

.inerProdetail .tabname li {
	float: left;
	line-height: 44px;
	padding: 0 60px;
	cursor: pointer;
	font-size: 16px;
	border-right: 1px solid #fff;
}

.inerProdetail .tabname li:hover,
.inerProdetail .tabname li.act {
	background: #034a8f;
	color: #fff;
}

.inerProdetail .list {
	padding: 20px 0;
	line-height: 26px;
	display: none;
}

.inerProdetail .list iframe {
	height: 600px;
}

.inerProdetail .list li {
	float: left;
	margin: 0 10px;
	text-align: center;
	width: 202px;
}

.inerProdetail .list li img {
	float: left;
	border: 1px solid #eee;
}

.inerProdetail .list li .name {
	line-height: 28px;
}

.inerProdetail .list li a {
	display: block;
}

.M_promenu {
	padding: 0 5px;
	display: none;
}

.M_promenu select {
	width: 100%;
	height: 44px;
	border: 1px solid #ddd;
}

@media screen and (max-width:1300px) {
	.toper {
		display: none;
	}
	.mHeader {
		display: flex;
		background: #fbfbfb;
		justify-content: space-between;
		padding: 5px;
		align-items: center;
	}
	.mHeader .logo {
		float: left;
		width: 200px;
		height: inherit;
		transition: 0.8s;
		padding-top: 2px;
		box-sizing: border-box;
	}
	.mHeader .m_menu {
		padding: 5px;
	}
	.mHeader .m_menu.act {
		background: #eee;
	}
	.banner {
		margin-top: 70px;
		padding: 0;
	}
	section {
		width: 100%;
	}
	.inerProdetail .list iframe {
		height: 70vw;
	}
}

@media screen and (max-width:1170px) {
	.fixed {
		display: block;
	}
	.Product .content .list .tipCirel {
		display: none;
	}
	.M_promenu {
		display: block;
	}
	footer {
		margin-bottom: 52px;
	}
	.P50 {
		padding: 20px 0;
	}
	.InerBanner {
		margin-top: 70px;
	}
	.i_tit {
		float: none;
		width: 100%;
		margin-bottom: 15px;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.Product .content .box {
		width: 400%;
	}
	.Product .content .list {
		width: 25%;
	}
	.Product nav {
		float: none;
		width: 100%;
	}
	.Product nav li {
		width: 50%;
		margin: 0;
		border: 1px solid #fff;
		box-sizing: border-box;
	}
	.Product .content {
		padding-top: 10px;
	}
	.Product .content ul {
		width: 100%;
	}
	.Product .content li {
		width: 50%;
		padding: 5px;
		box-sizing: border-box;
		margin: 0;
	}
	.Product .content li .img {
		height: auto;
		margin: 0;
	}
	.Product .content li .name {
		line-height: 40px;
		height: 40px;
		font-size: 12px;
	}
	.Product .content li .name em {
		display: none;
	}
	.AboutUs .up {
		padding: 5px;
	}
	.AboutUs video,.AboutUs .video,
	.AboutUs .usinfo,
	.CaseShow .content ul {
		width: 100%;
		float: none;
	}
	.AboutUs .down {
		display: none;
	}
	.CaseShow header a,
	.newCenter header a {
		right: 5px;
	}
	.CaseShow li {
		width: 50%;
		padding: 5px;
		box-sizing: border-box;
		margin: 0;
		height: auto;
	}
	.newCenter .left,
	.newCenter .right {
		width: 100%;
		float: none;
		box-sizing: border-box;
		padding: 10px;
	}
	.newCenter .right li a .text {
		width: 100%;
	}
	.newCenter .right li time {
		display: none;
	}
	.newCenter {
		padding-bottom: 20px;
	}
	footer .fmenu,
	footer .fpro,
	footer .fContact {
		display: none;
	}
	footer .f_form {
		width: 100%;
		float: none;
		padding: 5px;
		box-sizing: border-box;
	}
	.copyRight span {
		display: none;
	}
	.copyRight {
		text-align: center;
	}
	.about_us .honor {
		padding: 20px 0;
	}
	.about_us .honor .left {
		width: 100%;
		float: none;
		padding: 5px;
		box-sizing: border-box;
	}
	.about_us .honor .left .btn {
		display: none;
	}
	.about_us .honor .right {
		width: 100%;
		float: none;
		padding: 5px;
		box-sizing: border-box;
	}
	.about_us .honor .right ul li,
	.about_us .honor .right ul {
		width: 100%;
	}
	.about_us .honor .right .list {
		width: 33.333%;
		margin: 0;
		font-size: 14px;
		padding: 10px;
		box-sizing: border-box;
	}
	.about_us .honor .right .list img {
		margin-bottom: 5px;
	}
	.InerBanner {
	height: 50vw;
	}
	.about_us .innertit {
		font-size: 14px;
		padding-bottom: 10px;
	}
	.about_us .innertit h2 {
		font-size: 24px;
	}
	.about_us .info {
		text-align: left;
		padding: 5px;
	}
	.inerNews {
		padding: 5px;
	}
	.inerNews li a .img,
	.inerNews li a .txt {
		width: 100%;
		float: none;
	}
	.inerNews li a .time {
		display: none;
	}
	.newDetail {
		padding: 5px;
	}
	.newDetail .tit {
		font-size: 18px;
		padding: 10px 0;
	}
	.newDetail .tips {
		padding-bottom: 10px;
	}
	.newDetail .content {
		padding: 15px 0;
	}
	.inerCase ul {
		width: 100%;
	}
	.inerCase li {
		width: 50%;
		margin: 0;
		padding: 5px;
		box-sizing: border-box;
	}
	.inerTech {
		padding: 5px;
	}
	.inerTech li {
		margin: 0 0 20px 0;
	}
	.inerTech li .img,
	.inerTech li .info {
		width: 100%;
		float: none;
	}
	.inerTech li .img img,
	.inerNews li a .img img {
		width: 100%;
	}
	.inerTech li .info .time i {
		display: none;
	}
	.contact {
		padding: 5px;
	}
	.contact li {
		width: 33.333%;
		padding: 0 5px;
		box-sizing: border-box;
	}
	.contact li img,
	.contact li h4 {
		margin: 10px 0;
		padding: 0;
	}
	.contact .contacInfo h4 {
		padding-top: 20px;
		margin-top: 20px;
	}
	.partners ul {
		width: 100%;
	}
	.partners li {
		width: 30.333%;
		margin: 10px 1.5%;
		box-sizing: border-box;
		text-align: center;
		height: auto;
	}
	.inerPro aside {
		display: none;
	}
	.inerPro .proBox {
		width: 100%;
		float: none;
	}
	
	.probaner {
		background: url(images/m_probanner.jpg) center top;
		background-size: cover;
	}
	.inerProdetail .list li {
		width: 25%;
		margin: 0;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.inerPro .inerProdetail {
		width: 100%;
		float: none;
	}
	.inerProdetail .shows {
		padding-bottom: 0px;
	}
	.banner .swiper-slide img {
		opacity: 1;
		filter: alpha(opacity=100);
	}
}

@media screen and (max-width:640px) {
	.inerCase li {
		height: auto;
	}
	.newDetail .updown .back {
		position: relative;
		width: 100%;
		height: 34px;
		line-height: 34px;
	}
	.inerCase li h4 {
		padding: 5px;
		height: 26px;
		overflow: hidden;
		font-size: 16px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-all;
	}
	.inerCase li p {
		padding: 4px 5px;
		max-height: 50px;
		overflow: hidden;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.inerNews li a {
		padding: 10px;
	}
	.inerProdetail {
		padding: 5px;
		box-sizing: border-box;
	}
	.inerProdetail .left,
	.inerProdetail .text {
		width: 100%;
		float: none;
	}
	.inerProdetail .tabname li {
		padding: 0;
		width: 33.33%;
		box-sizing: border-box;
		text-align: center;
	}
	.inerProdetail .list li {
		width: 50%;
	}
	.inerCustemer .subNvas a {
		width: 120px;
	}
}

@media screen and (max-width:375px) {}