html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}
#app {overflow: hidden;}
h1 {
  font-size: 2em;
  margin: .67em 0;
}

hr {
  overflow: visible;
  box-sizing: content-box;
  height: 0;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  border-bottom: none;
  -webkit-text-decoration: underline dotted;

}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border-style: none;

}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: .35em .75em .625em;
}

legend {
  display: table;
  box-sizing: border-box;
  max-width: 100%;
  padding: 0;
  white-space: normal;
  color: inherit;

}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;

}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;

}

details {
  display: block;
}

summary {
  display: list-item;
}

[hidden],
template {
  display: none;
}

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

}

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

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

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

}

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

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

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

}

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

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

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

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

.swiper-container-3d {
  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 {
  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;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;

}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent);
}

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

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent);
}

.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;
  z-index: 10;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 27px 44px;

}

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

}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  right: auto;
  left: 10px;
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 27 44\'%3E%3Cpath d=\'M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z\' fill=\'%23007aff\'/%3E%3C/svg%3E');

}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 27 44\'%3E%3Cpath d=\'M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z\' fill=\'%23007aff\'/%3E%3C/svg%3E');

}

.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 xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 27 44\'%3E%3Cpath d=\'M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z\' fill=\'%23fff\'/%3E%3C/svg%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 xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 27 44\'%3E%3Cpath d=\'M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z\' fill=\'%23fff\'/%3E%3C/svg%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 xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 27 44\'%3E%3Cpath d=\'M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z\'/%3E%3C/svg%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 xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 27 44\'%3E%3Cpath d=\'M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z\'/%3E%3C/svg%3E');
}

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

.swiper-pagination {
  position: absolute;
  z-index: 10;
  transition: opacity .3s;
  transform: translateZ(0);
  text-align: center;

}

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

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

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

}

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

}

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

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

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

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

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

.swiper-pagination-bullet {
  display: inline-block;
  width: 8px;
  height: 8px;
  opacity: .2;
  border-radius: 100%;
  background: #000;

}

button.swiper-pagination-bullet {
  margin: 0;
  padding: 0;
  border: 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: #007aff;
}

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

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

}

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

}

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

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

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

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

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

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

}

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

}

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

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

}

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

}

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

.swiper-pagination-progressbar.swiper-pagination-white {
  background: hsla(0, 0%, 100%, .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 {
  position: relative;
  border-radius: 10px;
  background: rgba(0, 0, 0, .1);
  -ms-touch-action: none;

}

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

}

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

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

}

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

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

.swiper-zoom-container {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  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 {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s steps(12) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg viewBox=\'0 0 120 120\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\'%3E%3Cdefs%3E%3Cpath id=\'a\' stroke=\'%236c6c6c\' stroke-width=\'11\' stroke-linecap=\'round\' d=\'M60 7v20\'/%3E%3C/defs%3E%3Cuse xlink:href=\'%23a\' opacity=\'.27\'/%3E%3Cuse xlink:href=\'%23a\' opacity=\'.27\' transform=\'rotate(30 60 60)\'/%3E%3Cuse xlink:href=\'%23a\' opacity=\'.27\' transform=\'rotate(60 60 60)\'/%3E%3Cuse xlink:href=\'%23a\' opacity=\'.27\' transform=\'rotate(90 60 60)\'/%3E%3Cuse xlink:href=\'%23a\' opacity=\'.27\' transform=\'rotate(120 60 60)\'/%3E%3Cuse xlink:href=\'%23a\' opacity=\'.27\' transform=\'rotate(150 60 60)\'/%3E%3Cuse xlink:href=\'%23a\' opacity=\'.37\' transform=\'rotate(180 60 60)\'/%3E%3Cuse xlink:href=\'%23a\' opacity=\'.46\' transform=\'rotate(210 60 60)\'/%3E%3Cuse xlink:href=\'%23a\' opacity=\'.56\' transform=\'rotate(240 60 60)\'/%3E%3Cuse xlink:href=\'%23a\' opacity=\'.66\' transform=\'rotate(270 60 60)\'/%3E%3Cuse xlink:href=\'%23a\' opacity=\'.75\' transform=\'rotate(300 60 60)\'/%3E%3Cuse xlink:href=\'%23a\' opacity=\'.85\' transform=\'rotate(330 60 60)\'/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;

}

.swiper-lazy-preloader-white:after {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg viewBox=\'0 0 120 120\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\'%3E%3Cdefs%3E%3Cpath id=\'a\' stroke=\'%23fff\' stroke-width=\'11\' stroke-linecap=\'round\' d=\'M60 7v20\'/%3E%3C/defs%3E%3Cuse xlink:href=\'%23a\' opacity=\'.27\'/%3E%3Cuse xlink:href=\'%23a\' opacity=\'.27\' transform=\'rotate(30 60 60)\'/%3E%3Cuse xlink:href=\'%23a\' opacity=\'.27\' transform=\'rotate(60 60 60)\'/%3E%3Cuse xlink:href=\'%23a\' opacity=\'.27\' transform=\'rotate(90 60 60)\'/%3E%3Cuse xlink:href=\'%23a\' opacity=\'.27\' transform=\'rotate(120 60 60)\'/%3E%3Cuse xlink:href=\'%23a\' opacity=\'.27\' transform=\'rotate(150 60 60)\'/%3E%3Cuse xlink:href=\'%23a\' opacity=\'.37\' transform=\'rotate(180 60 60)\'/%3E%3Cuse xlink:href=\'%23a\' opacity=\'.46\' transform=\'rotate(210 60 60)\'/%3E%3Cuse xlink:href=\'%23a\' opacity=\'.56\' transform=\'rotate(240 60 60)\'/%3E%3Cuse xlink:href=\'%23a\' opacity=\'.66\' transform=\'rotate(270 60 60)\'/%3E%3Cuse xlink:href=\'%23a\' opacity=\'.75\' transform=\'rotate(300 60 60)\'/%3E%3Cuse xlink:href=\'%23a\' opacity=\'.85\' transform=\'rotate(330 60 60)\'/%3E%3C/svg%3E');
}

@keyframes swiper-preloader-spin {
  to {
    transform: rotate(1turn);
  }
}

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

}

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

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

}

.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 {
  z-index: 1;
  visibility: hidden;
  width: 100%;
  height: 100%;
  transform-origin: 0 0;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;

}

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

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  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 {
  visibility: visible;
  pointer-events: auto;

}

.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;
  z-index: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .6;
  background: #000;
  -webkit-filter: blur(50px);
  filter: blur(50px);

}

.swiper-container-flip {
  overflow: visible;
}

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

}

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

body {
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
  font-size: 14px;
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;

}

a {
  text-decoration: none;
}

.x_h-wrap {
  position: relative;
}

.x_h-wrap .tip_wrap {
  background-color: #e5e5e5;
}

.x_h-wrap .tip_wrap .tip {
  color:#747373;
  line-height: 40px;
  overflow: hidden;
  width: 1200px;
  max-width: 1200px;
  height: 40px;
  margin: 0 auto;

}

.x_h-wrap .tip_wrap .tip:after {
  display: table;
  clear: both;
  content: '';

}

.x_h-wrap .tip_wrap .tip>div:first-of-type {
  float: right;
}

.x_h-wrap .tip_wrap .tip>div:first-of-type>a {
  padding: 0 5px;
  color: #747373;

}

.x_h-wrap .tip_wrap .tip>div:first-of-type>a:hover {
  color: #c38b53;
}

.x_h-wrap .tip_wrap .tip>div:last-of-type {
  float: left;
}

.x_h-wrap .header {
  height:120px;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 1200px;
  max-width: 1200px;
  margin: 0 auto;

}

.x_h-wrap .header>div {
  height: 100%;
}

.x_h-wrap .header>div.logo {
  
}

.x_h-wrap .header>div.logo img {
  font-size: 0;
  display: block;
  float: left;

}

.x_h-wrap .header>div.tel {
  background: url(../images/tel.jpg);
  width:254px;
}

.x_h-wrap .header>div.tel p{color:#e93333; font-size: 24px; font-family: "微软雅黑"; font-weight: bold; margin: 62px 0 0 66px;}

.x_h-wrap .menu_w {
  line-height: 66px;
  height: 65px;
  background-color: #02d05d;

}

.x_h-wrap .menu_w ul {
  padding-left: 0;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 1200px;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 0;
  margin-bottom: 0;
}

.x_h-wrap .menu_w ul li {
  -ms-flex: 1;
  flex: 1;
  list-style: none;
}

.x_h-wrap .menu_w ul li a {
  font-size: 14px;
  position: relative;
  display: block;
  transition: all .5s;
  text-align: center;
  color: #fff;
  background-color: transparent;
}

.x_h-wrap .menu_w ul li .al{background-color:#e93333;}

.x_h-wrap .menu_w ul li a:hover {
  color: #fff;
  background: #e93333;

}

.x_h-wrap .menu_w ul li a:hover:before,
.x_h-wrap .menu_w ul li:last-of-type a:before {
  display: none;
}

.x_h-wrap .menu_w ul li a:before {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  content: '';
  background-image: url(../images/line.jpg);
  background-repeat: no-repeat;
  background-position: 50%;

}

.slider {
  height: 500px;
}

.slider .swiper-slide>div {
  width: 100%;
  height: 100%;

}

.wrap_s {
  height: 75px;
   background-image: url(../images/ss-bg.jpg);
  background-repeat: no-repeat;
  background-position: 50%;
}

.wrap_s .search {
  line-height: 70px;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 1200px;
  max-width: 1200px;
  height: 70px;
  margin: 0 auto;

}

.wrap_s .search .list span {
  font-family: "微软雅黑"
  font-size: 18px;
  color: #171717;
}

.wrap_s .search .list a {
  font-size: 14px;
  margin: 0 15px;
  color: #171717;
}

.wrap_s .search .list a:hover {
  color: #e93333;
}

.wrap_s .search .list a:first-of-type {
  margin-left: 5px;
}

.wrap_s .search .keyword .minh {
  font-size: 0;
  line-height: 38px;
  height: 38px;
  margin-top: 15px;
}

.wrap_s .search .keyword .minh:after {
  display: table;
  clear: both;
  content: '';

}

.wrap_s .search .keyword .minh input {
  border:1px solid #d8d8d8;
  font-size: 14px;
  width: 208px;
  height: 77%;
  padding: 0 10px;
  border-bottom-left-radius:5px;
  border-top-left-radius:5px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

}

.wrap_s .search .keyword .minh input,
.wrap_s .search .keyword .minh span {
  float: right;
}

.wrap_s .search .keyword .minh span {
  width: 31px;
  height: 31px;
  cursor: pointer;
  background: url(../images/ss-k.jpg) no-repeat;

}

.com .title {
  font-size: 58px;
  margin-top: 78px;
}

.com .sub {
  font-size: 24px;
  margin-top: 20px;
}

.com .sub span {
  position: relative;
}

.com .sub span:after,
.com .sub span:before {
  position: absolute;
  top: 50%;
  width: 25px;
  height: 1px;
  content: '';
  background-color: #fff;

}

.com .sub span:before {
  left: -40px;
}

.com .sub span:after {
  right: -40px;
}

.product {
}

.product .t3 img {
  font-size: 0;
  line-height: 0;
  display: block;
  margin: 0 auto;
}

.product .slide_x {
  width: 1090px;
  max-width: 1090px;
  margin: 0 auto;
  position: relative

}
.Sprev.swiper-button-disabled,
.Snext.swiper-button-disabled  {
  background-color:#c7c7c7
}
.Sprev {
  left: -50px;
}
.Snext {
  right: -50px
}
.Snext::after, .Sprev::after {
  position: absolute;
  top: 34px;
  left: 14px;
  content: '';
  width: 15px;
  height: 15px;
  border-right:1px solid white;
  border-top: 1px solid white;
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
}
.Snext::after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  left: 6px
}
.Sprev, .Snext {
  background:#02d05d;
  width: 35px;
  height: 80px;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  outline: none;
  point:cursor;
}


.product .slide_x .item {
  height: 146px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}

.product .slide_x p {
  text-align: center;

}
.about {margin: 80px 0 0 0}
.about .x_wrap {
  width: 1200px;
  overflow: hidden;
  margin: 0 auto;
}
.about .x_wrap .t2{  height: 35px; text-align: right;background: url(../images/about.jpg) no-repeat left center;margin-bottom: 15px; }
.about .x_wrap .t2 a {
  color:#666;
  font-size: 16px;
  line-height: 35px;
}
.about .x_wrap .content {
  height: 340px;
}
.about .x_wrap .content .slide {
  width:540px;
  height: 100%;
  float:left;
  margin-right: 35px;
}
.about .x_wrap .content .dsc {
  float:right;
  width: 610px;
}
.about .x_wrap .content .dsc p {
  font-size: 14px;
  color: #666;
  margin: 0;
  line-height: 38px;
  text-indent: 2em
}
.about .x_wrap .content .dsc p.blod span {
	letter-spacing:1px;
  font-weight: bold;
  font-size: 18px;
  color:#02d05d;
  padding-right: 25px
}
.about .x_wrap .content .dsc .grouplink a{
  display: block;
  width: 100px;
  height: 38px;
  color:white;
  line-height: 38px;
  text-align: center;
  margin-right: 30px;
  background: #02d05d;
  float: left;
  transition: all 1s
}
.about .x_wrap .content .dsc .grouplink a:hover {background:red}
.about .x_wrap .content .slide .swiper-container {
  height: 100%
}
.about .x_wrap .content .slide .swiper-container .swiper-slide:nth-of-type(2n) {
  background:rebeccapurple
}
.about .x_wrap .content .slide .swiper-container .swiper-slide {
  display:flex;
  justify-content: center;
  align-items: center;
  color:white;
  background: orangered;
}


.x_f-info{height:100%; width: 1200px; margin: 0 auto;}
.x_f-info .bktj{height: 184px;}
.x_f-info .tjcp{list-style-type:none; padding: 0; height: 650px;}
.x_f-info .tjcp li{float: left; margin-left: 10px; width: 292px; height: 265px;}
.x_f-info .tjcp li:nth-child(1), .x_f-info .tjcp li:nth-child(5){margin-left: 0;}
.x_f-info .tjcp li:nth-child(5), .x_f-info .tjcp li:nth-child(6),.x_f-info .tjcp li:nth-child(7), .x_f-info .tjcp li:nth-child(8){margin-top: 50px;}
.x_f-info .tjcp li .wz{width: 292px; height: 40px;}
.x_f-info .tjcp li img{border:1px solid red;width:295px;height:170px;}
.x_f-info .tjcp li .p1{width: 171px; float: left; height: 40px; background-color: #02d05d; color: #fff; font-size: 18px; text-align: center; line-height: 40px;}
.x_f-info .tjcp li .p2{width: 105px; float: right; height: 40px; background-color: #e93333; color: #fff; font-size: 18px; text-align: center; line-height: 40px;}

.sban{height: 129px; width: 1200px; margin:0 auto;}

.cpzx{width: 1200px; margin:70px auto 0; height: 500px; }
.cpzx .cp-l{width: 228px; float: left;}
.cpzx .cp-l .cp-l1{width: 226px; height: 406px; border:1px solid #bfbfbf;}
.cpzx .cp-l .cp-l1 a{font-size: 16px; color: #878787; }
.cpzx .cp-l .cp-l1 h2{background: url(../images/cp-bt.jpg) no-repeat; height: 41px; margin: 0; font-size: 18px; color: #fff; font-weight: normal; line-height: 41px; text-indent: 20px;}
.cpzx .cp-l .cp-l1 ul,.cpzx .cp-r ul{list-style-type: none; padding:0;}
.cpzx .cp-l .cp-l1 li{background: url(../images/cp-dd.jpg) no-repeat  0px center; line-height: 36px; margin-left: 12px;}
.cpzx .cp-l .cp-l1 li a{display: inline-block; text-indent: 20px;}
.cpzx .cp-l .cp-l2{width: 228px; height: 85px; background: url(../images/cp-ph.jpg) no-repeat; font-size: 18px; color: #e71f19; }
.cpzx .cp-l .cp-l2 h2{margin: 0; font-size: 18px; margin-left: 85px; padding-top:55px;}
.cpzx .cp-r{float: right; width: 970px;}
.cpzx .cp-r li{width: 220px; height: 214px; border:1px solid #bfbfbf; float: left; margin-left: 19px;}
.cpzx .cp-r li:nth-child(5), .cpzx .cp-r li:nth-child(6),.cpzx .cp-r li:nth-child(7), .cpzx .cp-r li:nth-child(8){margin-top: 47px; display: block;}
.cpzx .cp-r li p{height: 36px; width: 220px; background-color: #01d05c; text-align: center; font-size: 14px; color: #fff; margin: 0; line-height: 36px;}

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

.x_product {
  background-color:white;
}

.product .t3 {
  margin: 40px 0 20px
}

.x_product .x_wrap {
  overflow: hidden;
  width: 1200px;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 40px;
}


.x_product .x_wrap .x_part-2:after {
  display: table;
  clear: both;
  content: '';

}
.clearfix::after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.x_product .x_wrap .x_part-2 .x_left-2 {
  margin-top:19px;
  float: left;
  width: 755px;
}

.x_product .x_wrap .x_part-2 .x_left-2:after {
  display: table;
  clear: both;
  content: '';

}

.x_product .x_wrap .x_part-2 .x_left-2 .x_left-tap {
  float: left;
  width: 156px;
}

.x_product .x_wrap .x_part-2 .x_left-2 .x_left-tap ul {
  margin: 0;
  padding: 0;
}

.x_product .x_wrap .x_part-2 .x_left-2 .x_left-tap ul li {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 40px;
  margin-bottom: 15px;
  cursor: pointer;
  transition: all .3s;
  color: #fff;
  background: #313131;

}

.x_product .x_wrap .x_part-2 .x_left-2 .x_left-tap ul li.act {
  background-color: #02d05d;
}

.x_product .x_wrap .x_part-2 .x_left-2 .x_left-tap ul li.act:before {
  position: absolute;
  top: 15px;
  right: -6px;
  width: 0;
  content: '';
  border-width: 6px 0 6px 6px;
  border-style: solid;
  border-color: transparent transparent transparent #02d05d;
}

.x_product .x_wrap .x_part-2 .x_left-2 .x_left-tap ul li:last-of-type {
  margin-bottom: 0;
}

.x_product .x_wrap .x_part-2 .x_left-2 .x_left-tap ul li h3 {
  font-size: 16px;
  margin: 0;
  line-height: 40px;
  padding: 0 0 0 25px;
}

.x_product .x_wrap .x_part-2 .x_left-2 .x_left-tap ul li p {
  position: relative;
  height: 13px;
  margin: 12px 0 0 24px;
  padding: 0;

}

.x_product .x_wrap .x_part-2 .x_left-2 .x_left-tap ul li p:before {
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 26px;
  height: 1px;
  content: '';
  background-color: #fff;

}

.x_product .x_wrap .x_part-2 .x_left-2 .x_left-content {
  float: right;
  width: 585px;

}

.x_product .x_wrap .x_part-2 .x_left-2 .x_left-content .x_left-content_top {
  height: 188px;
}

.x_product .x_wrap .x_part-2 .x_left-2 .x_left-content .x_left-content_top:after {
  display: table;
  clear: both;
  content: '';

}

.x_product .x_wrap .x_part-2 .x_left-2 .x_left-content .x_left-content_top .x_left-content_infos {
  float: right;
  width: 282px;
  color: #3d3d3d;
}

.x_product .x_wrap .x_part-2 .x_left-2 .x_left-content .x_left-content_top .x_left-content_infos h4 {
  font-size: 15px;
  margin: 15px 0;
}

.x_product .x_wrap .x_part-2 .x_left-2 .x_left-content .x_left-content_top .x_left-content_infos p {
  line-height: 21px;
}

.x_product .x_wrap .x_part-2 .x_left-2 .x_left-content .x_left-content_top .x_left-content_infos a {
  line-height: 21px;
  display: block;
  width: 80px;
  height: 21px;
  transition: all .28s;
  text-align: center;
  color: #fff;
  background-color: #313131;

}

.x_product .x_wrap .x_part-2 .x_left-2 .x_left-content .x_left-content_top .x_left-content_infos a:hover {
  background: #c38b53;
}

.x_product .x_wrap .x_part-2 .x_left-2 .x_left-content .x_left-content_top .x_left-content_infos a span {
  padding-left: 5px;
}

.x_product .x_wrap .x_part-2 .x_left-2 .x_left-content .x_left-content_top .x_left-content_avatar {
  float: left;
  width: 278px;
  height: 100%;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}

.x_product .x_wrap .x_part-2 .x_left-2 .x_left-content .x_left-news_list ul {
  margin: 30px 0 0;
  padding: 0;

}

.x_product .x_wrap .x_part-2 .x_left-2 .x_left-content .x_left-news_list ul li {
  line-height: 45px;
  position: relative;
  height: 45px;
  list-style: none;

}

.x_product .x_wrap .x_part-2 .x_left-2 .x_left-content .x_left-news_list ul li:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  content: '';
  border-bottom: 1px dashed #ccc9c0;

}

.x_product .x_wrap .x_part-2 .x_left-2 .x_left-content .x_left-news_list ul li a {
  position: relative;
  display: block;
  transition: color .5s;
  color: #3d3d3d;

}

.x_product .x_wrap .x_part-2 .x_left-2 .x_left-content .x_left-news_list ul li a:after {
  display: table;
  clear: both;
  content: '';

}

.x_product .x_wrap .x_part-2 .x_left-2 .x_left-content .x_left-news_list ul li a:before {
  position: absolute;
  left: 0;
  margin: auto 0;
  content: '\276F';

}

.x_product .x_wrap .x_part-2 .x_left-2 .x_left-content .x_left-news_list ul li a>span {
  display: block;
}

.x_product .x_wrap .x_part-2 .x_left-2 .x_left-content .x_left-news_list ul li a>span.x_news-tit {
  float: left;
  padding-left: 15px;
  transition: padding-left .5s;
}

.x_product .x_wrap .x_part-2 .x_left-2 .x_left-content .x_left-news_list ul li a>span.x_news-date {
  float: right;
}

.x_product .x_wrap .x_part-2 .x_left-2 .x_left-content .x_left-news_list ul li a:hover {
  color: #02d05d;
}

.x_product .x_wrap .x_part-2 .x_left-2 .x_left-content .x_left-news_list ul li a:hover>span.x_news-tit {
  padding-left: 30px;
}

.x_product .x_wrap .x_part-2 .x_right-2 {
  float: right;
  width: 377px;
}

.x_product .x_wrap .x_part-2 .x_right-2 .x_tit-2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  height: 20px;
  margin: 17px 1px;
  padding-left: 10px;
  color: #02d05d;

}

.x_product .x_wrap .x_part-2 .x_right-2 .x_tit-2 a {
  display: block;
  float: right;
  height: 100%;
  margin-right: 5px;
  font-size: 12px;
  color:#333
  /* background: url(../images/x_tit-2more.5bc8bdf.jpg) no-repeat 50%; */

}

.x_product .x_wrap .x_part-2 .x_right-2 .x_qa-list {
  margin: 10px 20px 10px 10px;
}

.x_product .x_wrap .x_part-2 .x_right-2 .x_qa-list dt {
  font-size: 15px;
  font-weight: 700;
  line-height: 26px;
  height: 26px;
  padding-left: 35px;
  color: #666;
  position: relative;
  /* background: url(../images/q.56d6fa3.png) no-repeat 0 0/26px 26px; */

}
.x_product .x_wrap .x_part-2 .x_right-2 .x_qa-list dt::before,
.x_product .x_wrap .x_part-2 .x_right-2 .x_qa-list dd::before
 {
  position: absolute;
  content: '';
  top: 7px;
  left: 6px;
  width: 10px;
  height: 12px;
  background:red;
}

.x_product .x_wrap .x_part-2 .x_right-2 .x_qa-list dd::before {
  background:#02d05d
}
.x_product .x_wrap .x_part-2 .x_right-2 .x_qa-list dd {
  font-size: 14px;
  line-height: 25px;
  margin: 10px 0;
  padding: 0;
  padding-left: 35px;
  color: #666;
  position: relative;
 
 
}

.x_footer {
  position: relative;
  overflow: hidden;
  padding-bottom: 25px;
  background-color: #02d05d;

}

.x_footer .f_wrap {
  overflow: hidden;
  width: 1200px;
  max-width: 1200px;
  margin: 0 auto;

}

.x_footer .f_wrap .f_link {
  line-height: 50px;
  height: 50px;
  margin: 44px 0;
  background-color:rgba(0, 0, 0, .25);
}

.x_footer .f_wrap .f_link ul {
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  text-align: center;

}

.x_footer .f_wrap .f_link ul li {
  -ms-flex: 1;
  flex: 1;
  list-style: none;
}

.x_footer .f_wrap .f_link ul li a {
  font-size: 15px;
  display: block;
  transition: background .28s;
  color: #fff;

}

.x_footer .f_wrap .f_link ul li a:hover {
  background-color: maroon;
}

.x_footer .f_wrap .f_info {

}

.x_footer .f_wrap .f_info .f_code {
  float: right;
}


.x_footer .f_wrap .f_info .f_dsc {
  float: left;
  margin-left: 10px;
  color: white;

}

.x_footer .f_wrap .f_info .f_info span.x_f-tel {
  font-size: 18px;
  font-weight: 700;
}

.links {
  margin: 30px 0
}

.links .x_wrap {
  overflow: hidden;
  width: 1200px;
  max-width: 1200px;
  margin: 0 auto;
}

.x_cooper .x_wrap ul{padding:0;}
.x_cooper .x_wrap li{float:left; margin-left:11px; padding:28px 0 42px;}
.x_cooper .x_wrap li:first-of-type{margin-left:0;}
.x_cooper .x_wrap li img{border:1px solid #d2d2d2;}

.links .x_wrap > div {
  float:left;
  height: 55px;
  line-height: 55px;
  background-color:#02d05d;
  color:white;
  padding: 0 15px;
  position: relative;
}

.links .x_wrap > div:after {
  position: absolute;
  content: '';
  top:50%;
  -webkit-transform: translateY(-50%);
  right: -7px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-left: 8px solid #02d05d;
  border-bottom: 5px solid transparent;
}

.links .x_wrap > ul {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 55px;
  line-height: 55px;
}
.links .x_wrap > ul > li {
  float:left;
  margin: 0 15px;
}

.links .x_wrap > ul > li > a {
  display: block;
  color:#02d05d;
  height: 55px;
  line-height: 55px;
}

.x_contacts {
  height: 353px;
  background:url(../images/form.jpg) #02d05d center center no-repeat;
  position: relative;
}
.x_contacts::after {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20%;
  height: 52px;
  background:white;
  content: ''
}

.x_contacts .x_wrap {
  width: 1200px;
  margin: 0 auto;
  height: 353px;
  position: relative;
}

.x_contacts .x_wrap .form {
  position: absolute;
  top: 78px;
  right: 45px

}

.x_contacts .x_wrap .form input {
  height: 38px;
  line-height: 38px;
  width: 300px;
  border:0;
  padding: 0 10px;
  display: block;
  outline: 0;
  margin-bottom: 23px
}
.x_contacts .x_wrap .form textarea.usercontent {
  margin-top: 30px;
  width: 310px;
  height: 65px;
  border: 0;
  resize: none;
  outline: none;
  display: block;
}
.x_contacts .x_wrap .form  button{
	width:130px;
  background:red;
  border: 0;
  outline: none;
  color:white;
  height: 44px;
  line-height: 44px;
  border-radius: 15px;
  padding: 0 25px;
  display: block;
  margin-top: 45px;

}

.x_cooper .x_wrap{
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.x_cooper .x_wrap img {
  display: block;
  margin: 0 auto;
}
.x_cooper .x_wrap img.title {
  margin: 40px auto 15px
}

.x_cooper .x_wrap .item {
  overflow: hidden;
  width: 100%;
  height: 160px;
  margin: 50px 0;
}
.x_cooper .x_wrap .item .list {
  width: 50%;
  float:left;
  height: 100%;
}
.x_cooper .x_wrap .item .list .cooper,
.x_cooper .x_wrap .item .list .content {
  float:left;
  width: 350px;
}
.x_cooper .x_wrap .item .list .content h3 {
   margin:0;
  font-weight: normal;
  font-size: 14px;
  color:#02d05d;
}
.x_cooper .x_wrap .item .list .content a.more {
  color:#02d05d;
  font-size: 14px;
}
.x_cooper .x_wrap .item .list .cooper {
  width: 210px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-right: 15px;
}

/*# sourceMappingURL=app.css.map */