/*--公共部分--*/
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  cursor: pointer;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0vw;
  padding: 0vw;
}

p {
  margin: 0vw;
  padding: 0vw;
}

body,
button,
input,
select,
textarea {
  font: .7292vw/1.5 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif, Arial;
  color: #333;
}

body {
  background-color: #fff;
}

img {
  border: 0vw;
  vertical-align: middle;
}

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

table th,
table td {
  border: .0521vw solid #ccc;
}

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

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: none;
  color: #333;
  outline: none;
  cursor: pointer;
}

a:hover {
  background-repeat: no-repeat;
  text-decoration: none;
}

a,
input[type="button"],
button,
label,
input[type="submit"],
input[type="reset"] {
  cursor: pointer;
}

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

input,
textarea,
select {
  outline: none;
}

input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"],
input[type="reset"],
select,
textarea {
  outline-style: none;
  -webkit-appearance: none;
  resize: none;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0vw rgba(255, 255, 255, 0) inset !important;
}

.bd_weixin_popup,
.content-box {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

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

.clearfix {
  *zoom: 1;
}

.removeStyle {
  margin: 0vw;
  padding: 0vw;
  list-style: none;
}

.removeStyle li {
  list-style: none;
  margin: 0vw;
  padding: 0vw;
}

.removeStyle dd {
  list-style: none;
  margin: 0vw;
  padding: 0vw;
}

.removeStyle dt {
  list-style: none;
  margin: 0vw;
  padding: 0vw;
}

/* 字体图标 */
.iconfont {
  color: inherit;
  font-size: inherit;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  /* 文字抗锯齿 */
  -moz-osx-font-smoothing: grayscale;
  /* 文字抗锯齿 */
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

.commonweb {
  padding: 0vw .5208vw;
}

.commonwebbox {
  margin-left: 0vw;
  margin-right: 0vw;
}

.commonleft {
  float: none;
}

.commonright {
  float: none;
}

.visible-sm,
.visible-md,
.visible-lg {
  display: none;
}

.hidden-sm,
.hidden-md,
.hidden-lg {
  display: block;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
  padding-left: .5208vw;
  padding-right: .5208vw;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

@media (max-width: 320px) {
  body {
    min-width: 16.6667vw;
  }
}

@media (min-width: 768px) {
  .commonweb {
    padding: 0vw 1.0417vw;
  }

  .commonwebbox {
    margin-left: -0.5208vw;
    margin-right: -0.5208vw;
  }

  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
    padding-left: .5208vw;
    padding-right: .5208vw;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-11 {
    width: 91.66666667%;
  }

  .col-sm-10 {
    width: 83.33333333%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-8 {
    width: 66.66666667%;
  }

  .col-sm-7 {
    width: 58.33333333%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-5 {
    width: 41.66666667%;
  }

  .col-sm-4 {
    width: 33.33333333%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-2 {
    width: 16.66666667%;
  }

  .col-sm-1 {
    width: 8.33333333%;
  }

  .visible-sm {
    display: block;
  }

  .hidden-sm {
    display: none;
  }

  .commonweb {
    margin: 0vw auto;
    max-width: 39.0625vw;
  }
}

@media (min-width: 992px) {
  .commonweb {
    padding: 0vw .5208vw;
  }

  .commonwebbox {
    margin-left: -0.5208vw;
    margin-right: -0.5208vw;
  }

  .commonleft {
    float: left;
  }

  .commonright {
    float: right;
  }

  .visible-md {
    display: block;
  }

  .hidden-md {
    display: none;
  }

  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
    padding-left: .5208vw;
    padding-right: .5208vw;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-11 {
    width: 91.66666667%;
  }

  .col-md-10 {
    width: 83.33333333%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-7 {
    width: 58.33333333%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }

  .col-md-1 {
    width: 8.33333333%;
  }

  .commonweb {
    max-width: 50.5208vw;
  }
}

@media (min-width: 1260px) {
  html {
    cursor: default;
  }

  .commonleft {
    float: left;
  }

  .commonright {
    float: right;
  }

  .visible-lg {
    display: block;
  }

  .hidden-lg {
    display: none;
  }

  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
    padding-left: .5208vw;
    padding-right: .5208vw;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-1 {
    width: 8.33333333%;
  }
}

@media (min-width: 1260px) {
  .commonweb {
    max-width: 63.5417vw;
  }
}

/* layout start*/
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

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

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

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-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);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

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

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

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

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

.swiper-wrapper .product-item {
  position: relative;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* width: 40%; */
  /* height: 34vh; */
  margin: 20px 10px;
  background-color: #e9edfb;
  border: 2px solid #e0dbff;
  border-radius: 10px;
  transition: bottom .4s;
  overflow: hidden;
}

.swiper-wrapper .product-item:hover {
  /* bottom: 6px; */
  box-shadow: 0 6px 18px 0 rgba(232, 237, 250, .5);
}

.swiper-wrapper .product-item img {
  width: 100%;
  /* margin: 20px auto 10px; */
  /* padding: 10px; */
  border-radius: 10px;
  filter: blur(0px);
  transition: all .4s;
}

.swiper-wrapper .product-item:hover img {
  /* filter: blur(5px); */
  /* filter: blur(10px); */
  filter: blur(15px);
}

.swiper-wrapper .product-item .product_control_sys_list {
  position: absolute;
  width: 100%;
  padding: 10px;
  opacity: 0;
}

.swiper-wrapper .product-item .product_control_sys_list {
  text-align: center;
}

.swiper-wrapper .product-item .product_control_sys_list h5 {
  font-size: 24px;
  font-weight: 560px;
  color: #007eff;
}

.swiper-wrapper .product-item .product_control_sys_list .see_more {
  color: #ffffff;
}

.swiper-wrapper .product-item .product_control_sys_list .see_more:hover {
  color: #007eff;
}

.swiper-wrapper .product-item .product_control_sys_list .product_control_sys_ul {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: center;
}

.swiper-wrapper .product-item .product_control_sys_list .product_control_sys_ul .product_control_sys_li a {
  color: #ffffff;
}

.swiper-wrapper .product-item .product_control_sys_list .product_control_sys_ul .product_control_sys_li a:hover {
  color: #007eff;
}

.swiper-wrapper .product-item:hover .product_control_sys_list {
  display: flex;
  opacity: 1;
  height: 100%;
  flex-direction: column;
  justify-content: space-around;
}

.swiper-wrapper .product-item .product_control_sys_list i {
  font-size: 30px;
  font-weight: 700;
  margin: 20px auto;
  color: transparent;
  /* 设置文字颜色为透明 */
  /* background-image: linear-gradient(to top, #ffffff, #c5c5c5); */
  background-image: linear-gradient(to top, #8a78ef, #ffffff);
  /* 定义渐变背景 */
  -webkit-background-clip: text;
  /* 将背景裁剪为文字形状（WebKit浏览器） */
  background-clip: text;
  /* 将背景裁剪为文字形状（标准语法） */
  -webkit-text-fill-color: transparent;
  /* 设置文字填充颜色为透明（WebKit浏览器） */
  /* text-fill-color: transparent; */
  /* 设置文字填充颜色为透明（标准语法） */
}

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

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

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

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 1.4063vw;
  height: 2.2917vw;
  margin-top: -1.1458vw;
  z-index: 10;
  cursor: pointer;
  background-size: 1.4063vw 2.2917vw;
  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-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

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

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

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

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-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-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-bullet {
  width: .4167vw;
  height: .4167vw;
  display: inline-block;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background: #000;
}

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

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

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-scrollbar {
  -webkit-border-radius: .5208vw;
  border-radius: .5208vw;
  position: relative;
  -ms-touch-action: none;
  background: #dde2e9;
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 0vw;
  bottom: 1.0417vw;
  z-index: 50;
  height: .1042vw;
  width: 100%;
  opacity: 1 !important;
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: .1563vw;
  top: 1%;
  z-index: 50;
  width: .2604vw;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: #c1c7cf;
  -webkit-border-radius: .5208vw;
  border-radius: .5208vw;
  left: 0;
  top: 0;
}

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

.animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {

  0%,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  40%,
  43% {
    -webkit-transform: translate3d(0, -1.5625vw, 0);
    transform: translate3d(0, -1.5625vw, 0);
  }

  40%,
  43%,
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  }

  70% {
    -webkit-transform: translate3d(0, -0.7813vw, 0);
    transform: translate3d(0, -0.7813vw, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -0.2083vw, 0);
    transform: translate3d(0, -0.2083vw, 0);
  }
}

@keyframes bounce {

  0%,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  40%,
  43% {
    -webkit-transform: translate3d(0, -1.5625vw, 0);
    transform: translate3d(0, -1.5625vw, 0);
  }

  40%,
  43%,
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  }

  70% {
    -webkit-transform: translate3d(0, -0.7813vw, 0);
    transform: translate3d(0, -0.7813vw, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -0.2083vw, 0);
    transform: translate3d(0, -0.2083vw, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {

  0%,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {

  0%,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {

  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-0.5208vw, 0, 0);
    transform: translate3d(-0.5208vw, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(.5208vw, 0, 0);
    transform: translate3d(.5208vw, 0, 0);
  }
}

@keyframes shake {

  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-0.5208vw, 0, 0);
    transform: translate3d(-0.5208vw, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(.5208vw, 0, 0);
    transform: translate3d(.5208vw, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-0.3125vw) rotateY(-9deg);
    transform: translateX(-0.3125vw) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(.2604vw) rotateY(7deg);
    transform: translateX(.2604vw) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-0.1563vw) rotateY(-5deg);
    transform: translateX(-0.1563vw) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(.1042vw) rotateY(3deg);
    transform: translateX(.1042vw) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-0.3125vw) rotateY(-9deg);
    transform: translateX(-0.3125vw) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(.2604vw) rotateY(7deg);
    transform: translateX(.2604vw) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-0.1563vw) rotateY(-5deg);
    transform: translateX(-0.1563vw) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(.1042vw) rotateY(3deg);
    transform: translateX(.1042vw) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {

  0%,
  11.1%,
  to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

@keyframes jello {

  0%,
  11.1%,
  to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {

  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes bounceIn {

  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -156.25vw, 0);
    transform: translate3d(0, -156.25vw, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 1.3021vw, 0);
    transform: translate3d(0, 1.3021vw, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -0.5208vw, 0);
    transform: translate3d(0, -0.5208vw, 0);
  }

  90% {
    -webkit-transform: translate3d(0, .2604vw, 0);
    transform: translate3d(0, .2604vw, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -156.25vw, 0);
    transform: translate3d(0, -156.25vw, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 1.3021vw, 0);
    transform: translate3d(0, 1.3021vw, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -0.5208vw, 0);
    transform: translate3d(0, -0.5208vw, 0);
  }

  90% {
    -webkit-transform: translate3d(0, .2604vw, 0);
    transform: translate3d(0, .2604vw, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-156.25vw, 0, 0);
    transform: translate3d(-156.25vw, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(1.3021vw, 0, 0);
    transform: translate3d(1.3021vw, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-0.5208vw, 0, 0);
    transform: translate3d(-0.5208vw, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(.2604vw, 0, 0);
    transform: translate3d(.2604vw, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-156.25vw, 0, 0);
    transform: translate3d(-156.25vw, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(1.3021vw, 0, 0);
    transform: translate3d(1.3021vw, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-0.5208vw, 0, 0);
    transform: translate3d(-0.5208vw, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(.2604vw, 0, 0);
    transform: translate3d(.2604vw, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(156.25vw, 0, 0);
    transform: translate3d(156.25vw, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-1.3021vw, 0, 0);
    transform: translate3d(-1.3021vw, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(.5208vw, 0, 0);
    transform: translate3d(.5208vw, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-0.2604vw, 0, 0);
    transform: translate3d(-0.2604vw, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(156.25vw, 0, 0);
    transform: translate3d(156.25vw, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-1.3021vw, 0, 0);
    transform: translate3d(-1.3021vw, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(.5208vw, 0, 0);
    transform: translate3d(.5208vw, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-0.2604vw, 0, 0);
    transform: translate3d(-0.2604vw, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 156.25vw, 0);
    transform: translate3d(0, 156.25vw, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -1.0417vw, 0);
    transform: translate3d(0, -1.0417vw, 0);
  }

  75% {
    -webkit-transform: translate3d(0, .5208vw, 0);
    transform: translate3d(0, .5208vw, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -0.2604vw, 0);
    transform: translate3d(0, -0.2604vw, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes bounceInUp {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 156.25vw, 0);
    transform: translate3d(0, 156.25vw, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -1.0417vw, 0);
    transform: translate3d(0, -1.0417vw, 0);
  }

  75% {
    -webkit-transform: translate3d(0, .5208vw, 0);
    transform: translate3d(0, .5208vw, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -0.2604vw, 0);
    transform: translate3d(0, -0.2604vw, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, .5208vw, 0);
    transform: translate3d(0, .5208vw, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -1.0417vw, 0);
    transform: translate3d(0, -1.0417vw, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 104.1667vw, 0);
    transform: translate3d(0, 104.1667vw, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, .5208vw, 0);
    transform: translate3d(0, .5208vw, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -1.0417vw, 0);
    transform: translate3d(0, -1.0417vw, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 104.1667vw, 0);
    transform: translate3d(0, 104.1667vw, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(1.0417vw, 0, 0);
    transform: translate3d(1.0417vw, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-104.1667vw, 0, 0);
    transform: translate3d(-104.1667vw, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(1.0417vw, 0, 0);
    transform: translate3d(1.0417vw, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-104.1667vw, 0, 0);
    transform: translate3d(-104.1667vw, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-1.0417vw, 0, 0);
    transform: translate3d(-1.0417vw, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(104.1667vw, 0, 0);
    transform: translate3d(104.1667vw, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-1.0417vw, 0, 0);
    transform: translate3d(-1.0417vw, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(104.1667vw, 0, 0);
    transform: translate3d(104.1667vw, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -0.5208vw, 0);
    transform: translate3d(0, -0.5208vw, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 1.0417vw, 0);
    transform: translate3d(0, 1.0417vw, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -104.1667vw, 0);
    transform: translate3d(0, -104.1667vw, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -0.5208vw, 0);
    transform: translate3d(0, -0.5208vw, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 1.0417vw, 0);
    transform: translate3d(0, 1.0417vw, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -104.1667vw, 0);
    transform: translate3d(0, -104.1667vw, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1.5625vw, 0);
    transform: translate3d(0, -1.5625vw, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1.5625vw, 0);
    transform: translate3d(0, -1.5625vw, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -104.1667vw, 0);
    transform: translate3d(0, -104.1667vw, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -104.1667vw, 0);
    transform: translate3d(0, -104.1667vw, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-104.1667vw, 0, 0);
    transform: translate3d(-104.1667vw, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-104.1667vw, 0, 0);
    transform: translate3d(-104.1667vw, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(104.1667vw, 0, 0);
    transform: translate3d(104.1667vw, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(104.1667vw, 0, 0);
    transform: translate3d(104.1667vw, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

/* .fadeInUp {opacity: 0;} */
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 5.2083vw, 0);
    transform: translate3d(0, 5.2083vw, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 5.2083vw, 0);
    transform: translate3d(0, 5.2083vw, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 104.1667vw, 0);
    transform: translate3d(0, 104.1667vw, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 104.1667vw, 0);
    transform: translate3d(0, 104.1667vw, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 104.1667vw, 0);
    transform: translate3d(0, 104.1667vw, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 104.1667vw, 0);
    transform: translate3d(0, 104.1667vw, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-104.1667vw, 0, 0);
    transform: translate3d(-104.1667vw, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-104.1667vw, 0, 0);
    transform: translate3d(-104.1667vw, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(104.1667vw, 0, 0);
    transform: translate3d(104.1667vw, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(104.1667vw, 0, 0);
    transform: translate3d(104.1667vw, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -104.1667vw, 0);
    transform: translate3d(0, -104.1667vw, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -104.1667vw, 0);
    transform: translate3d(0, -104.1667vw, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(20.8333vw) rotateY(-1turn);
    transform: perspective(20.8333vw) rotateY(-1turn);
  }

  0%,
  40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(20.8333vw) translateZ(7.8125vw) rotateY(-190deg);
    transform: perspective(20.8333vw) translateZ(7.8125vw) rotateY(-190deg);
  }

  50% {
    -webkit-transform: perspective(20.8333vw) translateZ(7.8125vw) rotateY(-170deg);
    transform: perspective(20.8333vw) translateZ(7.8125vw) rotateY(-170deg);
  }

  50%,
  80% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(20.8333vw) scale3d(0.95, 0.95, 0.95);
    transform: perspective(20.8333vw) scale3d(0.95, 0.95, 0.95);
  }

  to {
    -webkit-transform: perspective(20.8333vw);
    transform: perspective(20.8333vw);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(20.8333vw) rotateY(-1turn);
    transform: perspective(20.8333vw) rotateY(-1turn);
  }

  0%,
  40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(20.8333vw) translateZ(7.8125vw) rotateY(-190deg);
    transform: perspective(20.8333vw) translateZ(7.8125vw) rotateY(-190deg);
  }

  50% {
    -webkit-transform: perspective(20.8333vw) translateZ(7.8125vw) rotateY(-170deg);
    transform: perspective(20.8333vw) translateZ(7.8125vw) rotateY(-170deg);
  }

  50%,
  80% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(20.8333vw) scale3d(0.95, 0.95, 0.95);
    transform: perspective(20.8333vw) scale3d(0.95, 0.95, 0.95);
  }

  to {
    -webkit-transform: perspective(20.8333vw);
    transform: perspective(20.8333vw);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(20.8333vw) rotateX(90deg);
    transform: perspective(20.8333vw) rotateX(90deg);
    opacity: 0;
  }

  0%,
  40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  40% {
    -webkit-transform: perspective(20.8333vw) rotateX(-20deg);
    transform: perspective(20.8333vw) rotateX(-20deg);
  }

  60% {
    -webkit-transform: perspective(20.8333vw) rotateX(10deg);
    transform: perspective(20.8333vw) rotateX(10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(20.8333vw) rotateX(-5deg);
    transform: perspective(20.8333vw) rotateX(-5deg);
  }

  to {
    -webkit-transform: perspective(20.8333vw);
    transform: perspective(20.8333vw);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(20.8333vw) rotateX(90deg);
    transform: perspective(20.8333vw) rotateX(90deg);
    opacity: 0;
  }

  0%,
  40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  40% {
    -webkit-transform: perspective(20.8333vw) rotateX(-20deg);
    transform: perspective(20.8333vw) rotateX(-20deg);
  }

  60% {
    -webkit-transform: perspective(20.8333vw) rotateX(10deg);
    transform: perspective(20.8333vw) rotateX(10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(20.8333vw) rotateX(-5deg);
    transform: perspective(20.8333vw) rotateX(-5deg);
  }

  to {
    -webkit-transform: perspective(20.8333vw);
    transform: perspective(20.8333vw);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(20.8333vw) rotateY(90deg);
    transform: perspective(20.8333vw) rotateY(90deg);
    opacity: 0;
  }

  0%,
  40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  40% {
    -webkit-transform: perspective(20.8333vw) rotateY(-20deg);
    transform: perspective(20.8333vw) rotateY(-20deg);
  }

  60% {
    -webkit-transform: perspective(20.8333vw) rotateY(10deg);
    transform: perspective(20.8333vw) rotateY(10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(20.8333vw) rotateY(-5deg);
    transform: perspective(20.8333vw) rotateY(-5deg);
  }

  to {
    -webkit-transform: perspective(20.8333vw);
    transform: perspective(20.8333vw);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(20.8333vw) rotateY(90deg);
    transform: perspective(20.8333vw) rotateY(90deg);
    opacity: 0;
  }

  0%,
  40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  40% {
    -webkit-transform: perspective(20.8333vw) rotateY(-20deg);
    transform: perspective(20.8333vw) rotateY(-20deg);
  }

  60% {
    -webkit-transform: perspective(20.8333vw) rotateY(10deg);
    transform: perspective(20.8333vw) rotateY(10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(20.8333vw) rotateY(-5deg);
    transform: perspective(20.8333vw) rotateY(-5deg);
  }

  to {
    -webkit-transform: perspective(20.8333vw);
    transform: perspective(20.8333vw);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(20.8333vw);
    transform: perspective(20.8333vw);
  }

  30% {
    -webkit-transform: perspective(20.8333vw) rotateX(-20deg);
    transform: perspective(20.8333vw) rotateX(-20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(20.8333vw) rotateX(90deg);
    transform: perspective(20.8333vw) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(20.8333vw);
    transform: perspective(20.8333vw);
  }

  30% {
    -webkit-transform: perspective(20.8333vw) rotateX(-20deg);
    transform: perspective(20.8333vw) rotateX(-20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(20.8333vw) rotateX(90deg);
    transform: perspective(20.8333vw) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(20.8333vw);
    transform: perspective(20.8333vw);
  }

  30% {
    -webkit-transform: perspective(20.8333vw) rotateY(-15deg);
    transform: perspective(20.8333vw) rotateY(-15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(20.8333vw) rotateY(90deg);
    transform: perspective(20.8333vw) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(20.8333vw);
    transform: perspective(20.8333vw);
  }

  30% {
    -webkit-transform: perspective(20.8333vw) rotateY(-15deg);
    transform: perspective(20.8333vw) rotateY(-15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(20.8333vw) rotateY(90deg);
    transform: perspective(20.8333vw) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
  }

  60%,
  80% {
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
  }

  60%,
  80% {
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  0%,
  to {
    -webkit-transform-origin: center;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  0%,
  to {
    -webkit-transform-origin: center;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }

  0%,
  to {
    -webkit-transform-origin: left bottom;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }

  0%,
  to {
    -webkit-transform-origin: left bottom;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }

  0%,
  to {
    -webkit-transform-origin: right bottom;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }

  0%,
  to {
    -webkit-transform-origin: right bottom;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }

  0%,
  to {
    -webkit-transform-origin: left bottom;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }

  0%,
  to {
    -webkit-transform-origin: left bottom;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  0%,
  to {
    -webkit-transform-origin: right bottom;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  0%,
  to {
    -webkit-transform-origin: right bottom;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  0%,
  to {
    -webkit-transform-origin: center;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  0%,
  to {
    -webkit-transform-origin: center;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  0%,
  to {
    -webkit-transform-origin: left bottom;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  0%,
  to {
    -webkit-transform-origin: left bottom;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  0%,
  to {
    -webkit-transform-origin: right bottom;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  0%,
  to {
    -webkit-transform-origin: right bottom;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  0%,
  to {
    -webkit-transform-origin: left bottom;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  0%,
  to {
    -webkit-transform-origin: left bottom;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  0%,
  to {
    -webkit-transform-origin: right bottom;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  0%,
  to {
    -webkit-transform-origin: right bottom;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
  }

  0%,
  20%,
  60% {
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
  }

  40%,
  80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 36.4583vw, 0);
    transform: translate3d(0, 36.4583vw, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
  }

  0%,
  20%,
  60% {
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
  }

  40%,
  80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 36.4583vw, 0);
    transform: translate3d(0, 36.4583vw, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -52.0833vw, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -52.0833vw, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 3.125vw, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 3.125vw, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -52.0833vw, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -52.0833vw, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 3.125vw, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 3.125vw, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-52.0833vw, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-52.0833vw, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(.5208vw, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(.5208vw, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-52.0833vw, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-52.0833vw, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(.5208vw, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(.5208vw, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(52.0833vw, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(52.0833vw, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.5208vw, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.5208vw, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(52.0833vw, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(52.0833vw, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.5208vw, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.5208vw, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1.5625vw, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1.5625vw, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -1.5625vw, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -1.5625vw, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1.5625vw, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1.5625vw, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -1.5625vw, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -1.5625vw, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50%,
  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50%,
  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -3.125vw, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -3.125vw, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 104.1667vw, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 104.1667vw, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -3.125vw, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -3.125vw, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 104.1667vw, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 104.1667vw, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(2.1875vw, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(2.1875vw, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-104.1667vw, 0, 0);
    transform: scale(0.1) translate3d(-104.1667vw, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(2.1875vw, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(2.1875vw, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-104.1667vw, 0, 0);
    transform: scale(0.1) translate3d(-104.1667vw, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-2.1875vw, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-2.1875vw, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(104.1667vw, 0, 0);
    transform: scale(0.1) translate3d(104.1667vw, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-2.1875vw, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-2.1875vw, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(104.1667vw, 0, 0);
    transform: scale(0.1) translate3d(104.1667vw, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 3.125vw, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 3.125vw, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -104.1667vw, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -104.1667vw, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 3.125vw, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 3.125vw, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -104.1667vw, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -104.1667vw, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

img.fr-dib {
  margin: .2604vw auto;
  display: block;
  float: none;
  vertical-align: top;
}

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

.PopupVideo {
  position: absolute;
  left: 50%;
  width: 100%;
  top: 50%;
  max-width: 47.9167vw;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 0vw 1.3021vw;
}

.PopupVideo video {
  width: 100%;
}

.PopupVideo iframe {
  width: 100%;
  height: 23.9583vw;
}

.closeVideo {
  position: absolute;
  right: 1.3021vw;
  top: -1.3021vw;
  width: 1.1458vw;
  height: 1.1458vw;
  cursor: pointer;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.closeVideo::after {
  content: '';
  display: block;
  position: absolute;
  width: .1042vw;
  height: 100%;
  background: #fff;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.closeVideo::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: .1042vw;
  background: #fff;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.bd_weixin_popup_bg {
  position: absolute;
  left: -20.8333vw;
  top: -20.8333vw;
  width: 13.5417vw;
  height: 16.6667vw;
  border: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 11000;
}

.bd_weixin_popup {
  position: absolute;
  left: -20.8333vw;
  top: -20.8333vw;
  padding: .5208vw;
  width: 12.5vw;
  height: 15.625vw;
  background: #fff;
  border: solid .0521vw #d8d8d8;
  z-index: 11001;
  font-size: .625vw;
}

.bd_weixin_popup .bd_weixin_popup_head {
  font-size: .625vw;
  font-weight: bold;
  text-align: left;
  line-height: .8333vw;
  height: .8333vw;
  position: relative;
  color: #000;
}

.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close {
  width: .8333vw;
  height: .8333vw;
  position: absolute;
  right: 0;
  top: 0;
  color: #999;
  text-decoration: none;
  font-size: .8333vw;
}

.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close:hover {
  text-decoration: none;
}

.bd_weixin_popup .bd_weixin_popup_main {
  padding: .7813vw .5208vw;
  min-height: 7.8125vw;
  _height: 7.8125vw;
}

.bd_weixin_popup .bd_weixin_popup_foot {
  font-size: .625vw;
  text-align: left;
  line-height: 1.1458vw;
  color: #666;
}

.bdshare-button-style0-16 .bds_qzone {
  background-position: 0 -2.7083vw;
}

.bdshare-button-style0-16 .bds_tsina {
  background-position: 0 -5.4167vw;
}

.bdshare-button-style0-16 .bds_renren {
  background-position: 0 -10.8333vw;
}

.bdshare-button-style0-16 .bds_tqq {
  background-position: 0 -13.5417vw;
}

.bdshare-button-style0-16 .bds_kaixin001 {
  background-position: 0 -16.25vw;
}

.bdshare-button-style0-16 .bds_tqf {
  background-position: 0 -18.9583vw;
}

.bdshare-button-style0-16 .bds_hi {
  background-position: 0 -21.6667vw;
}

.bdshare-button-style0-16 .bds_douban {
  background-position: 0 -24.375vw;
}

.bdshare-button-style0-16 .bds_tsohu {
  background-position: 0 -27.0833vw;
}

.bdshare-button-style0-16 .bds_tieba {
  background-position: 0 -37.9167vw;
}

.bdshare-button-style0-16 .bds_hx {
  background-position: 0 -51.4583vw;
}

.bdshare-button-style0-16 .bds_fx {
  background-position: 0 -54.1667vw;
}

.bdshare-button-style0-16 .bds_ty {
  background-position: 0 -62.2917vw;
}

.bdshare-button-style0-16 .bds_fbook {
  background-position: 0 -70.4167vw;
}

.bdshare-button-style0-16 .bds_twi {
  background-position: 0 -73.125vw;
}

.bdshare-button-style0-16 .bds_linkedin {
  background-position: 0 -86.6667vw;
}

.bdshare-button-style0-16 .bds_meilishuo {
  background-position: 0 -89.375vw;
}

.bdshare-button-style0-16 .bds_mogujie {
  background-position: 0 -92.0833vw;
}

.bdshare-button-style0-16 .bds_diandian {
  background-position: 0 -94.7917vw;
}

.bdshare-button-style0-16 .bds_huaban {
  background-position: 0 -97.5vw;
}

.bdshare-button-style0-16 .bds_duitang {
  background-position: 0 -105.625vw;
}

.bdshare-button-style0-16 .bds_youdao {
  background-position: 0 -108.3333vw;
}

.bdshare-button-style0-16 .bds_wealink {
  background-position: 0 -113.75vw;
}

.bdshare-button-style0-16 .bds_copy {
  background-position: 0 -119.1667vw;
}

.bdshare-button-style0-16 .bds_mail {
  background-position: 0 -121.875vw;
}

.bdshare-button-style0-16 .bds_print {
  background-position: 0 -124.5833vw;
}

.bdshare-button-style0-16 .bds_mshare {
  background-position: 0 -127.2917vw;
}

.bdshare-button-style0-16 .bds_sqq {
  background-position: 0 -138.125vw;
}

.bdshare-button-style0-16 .bds_sdo {
  background-position: 0 -140.8333vw;
}

.bdshare-button-style0-16 .bds_qingbiji {
  background-position: 0 -143.5417vw;
}

.bdshare-button-style0-16 .bds_people {
  background-position: 0 -146.25vw;
}

.bdshare-button-style0-16 .bds_xinhua {
  background-position: 0 -151.6667vw;
}

.bdshare-button-style0-16 .bds_yaolan {
  background-position: 0 -154.375vw;
}

.bdshare-button-style0-16 .bds_thx {
  background-position: 0 -130vw;
}

.bdshare-button-style0-16 .bds_bdhome {
  background-position: 0 -8.125vw;
}

.bdshare-button-style0-16 .bds_bdxc {
  background-position: 0 -132.7083vw;
}

.bdshare-button-style0-16 .bds_bdysc {
  background-position: 0 -159.7917vw;
}

.bdshare-button-style0-16 .bds_isohu {
  background-position: 0 -157.0833vw;
}

.bdshare-button-style0-16 .bds_more {
  background-position: 0 0;
}

.bdshare-button-style0-16 .bds_ibaidu {
  background-position: 0 -162.5vw;
}

.bdshare-button-style0-16 .bds_weixin {
  background-position: 0 -83.9583vw;
}

.bdshare-button-style0-16 .bds_iguba {
  background-position: 0 -67.7083vw;
}

.bdshare-button-style0-16 {
  zoom: 1;
}

.bdshare-button-style0-16:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.bdshare-button-style0-16 a,
.bdshare-button-style0-16 .bds_more {
  float: left;
  font-size: .625vw;
  padding-left: .8854vw;
  line-height: .8333vw;
  height: .8333vw;
  background-image: url(resources/icons_0_16.png);
  background-repeat: no-repeat;
  cursor: pointer;
  margin: .3125vw .3125vw .3125vw 0;
}

.bdshare-button-style0-16 a:hover {
  color: #333;
  opacity: .8;
  filter: alpha(opacity=80);
}

.bdshare-button-style0-16 .bds_more {
  color: #333;
  float: left;
}

.bdshare-button-style0-16 .bds_count {
  color: #333;
  background: url(resources/sc.png) no-repeat 0 -1.5625vw;
  width: 2.1875vw;
  height: .8333vw;
  padding: 0;
  margin: .3125vw 0 0;
  text-align: center;
}

.bdshare-button-style0-16 .bds_count:hover {
  background-position: -2.1875vw -1.5625vw;
}

.bdshare-button-style0-16 .bds_button_image {
  float: left;
  cursor: pointer;
  margin: .3125vw .3125vw 0 0;
  height: auto;
  padding: 0;
}

.bdshare-button-style0-16 .bdshare_button_count {
  background: url(resources/sc.png) no-repeat 0 0;
  width: 2.2917vw;
  height: 1.25vw;
  line-height: 1.25vw;
}

.bdshare-button-style0-16 .bdshare_button_count:hover {
  background-position: -2.2917vw 0;
}

.bds_tfh,
.bds_baidu,
.bds_qq,
.bds_msn,
.bds_sohu,
.bds_qy,
.bds_leho,
.bds_ifeng,
.bds_ff,
.bds_tuita,
.bds_ms,
.bds_deli,
.bds_s51,
.bds_t163,
.bds_share189,
.bds_xg,
.bds_s139 {
  display: none;
}

.commonTitleLocation {
  padding: .5208vw 0;
  border-bottom: .0521vw solid #ebebeb;
}

.commonTitleLocation h3 {
  float: left;
  font-size: .8333vw;
  position: relative;
}

.commonTitleLocation p {
  float: right;
}

.commonTitleLocation p a {
  font-size: .625vw;
  vertical-align: middle;
  display: inline-block;
  color: #999;
  margin-left: .5208vw;
  padding-left: .7813vw;
  position: relative;
}

.commonTitleLocation p a::after {
  content: '';
  position: absolute;
  left: 0vw;
  top: 50%;
  width: .4167vw;
  height: .4167vw;
  border: .0521vw solid #999;
  border-left: none;
  border-top: none;
  -webkit-transform: rotate(-45deg) translateY(-50%);
  -ms-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
}

.commonTitleLocation p a:first-child {
  padding-left: 0vw;
  margin: 0vw;
  line-height: .5729vw;
}

.commonTitleLocation p a:first-child::after {
  display: none;
}

.commonTitleLocation p a.current {
  color: #333;
}

.commonTitleLocation p img {
  display: inline-block;
  vertical-align: middle;
}

.commonLocation {
  padding: .5208vw 0;
  border-bottom: .0521vw solid #ebebeb;
}

.commonLocation a {
  font-size: .625vw;
  vertical-align: middle;
  display: inline-block;
  color: #999;
  margin-left: .5208vw;
  padding-left: .7813vw;
  position: relative;
}

.commonLocation a::after {
  content: '';
  position: absolute;
  left: 0vw;
  top: 50%;
  width: .4167vw;
  height: .4167vw;
  border: .0521vw solid #999;
  border-left: none;
  border-top: none;
  -webkit-transform: rotate(-45deg) translateY(-50%);
  -ms-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
}

.commonLocation a:first-child {
  padding-left: 0vw;
  margin: 0vw;
  line-height: .5729vw;
}

.commonLocation a:first-child::after {
  display: none;
}

.commonLocation a.current {
  color: #333;
}

.commonLocation img {
  display: inline-block;
  vertical-align: middle;
}

.select2-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 1.4583vw;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: .4167vw;
  padding-right: 1.0417vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: .4167vw;
  padding-left: 1.0417vw;
}

.select2-container .select2-selection--multiple {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 1.6667vw;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: .4167vw;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: .2604vw;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: .0521vw solid #aaa;
  -webkit-border-radius: .2083vw;
  border-radius: .2083vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -5208.3333vw;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: .3125vw;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: .2083vw;
}

.select2-search--dropdown .select2-search__field {
  padding: .2083vw;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: .0521vw !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: .0521vw !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: .0521vw solid #aaa;
  -webkit-border-radius: .2083vw;
  border-radius: .2083vw;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 1.4583vw;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 1.3542vw;
  position: absolute;
  top: .0521vw;
  right: .0521vw;
  width: 1.0417vw;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: .2604vw .2083vw 0 .2083vw;
  height: 0;
  left: 50%;
  margin-left: -0.2083vw;
  margin-top: -0.1042vw;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: .0521vw;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 .2083vw .2604vw .2083vw;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: .0521vw solid #aaa;
  -webkit-border-radius: .2083vw;
  border-radius: .2083vw;
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 .2604vw;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: .2604vw;
  float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: .2604vw;
  margin-right: .5208vw;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: .0521vw solid #aaa;
  -webkit-border-radius: .2083vw;
  border-radius: .2083vw;
  cursor: default;
  float: left;
  margin-right: .2604vw;
  margin-top: .2604vw;
  padding: 0 .2604vw;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: .1042vw;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: .2604vw;
  margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: .1042vw;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black .0521vw;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: .0521vw solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results>.select2-results__options {
  max-height: 10.4167vw;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: .3125vw;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: .0521vw solid #aaa;
  -webkit-border-radius: .2083vw;
  border-radius: .2083vw;
  outline: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: .0521vw solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 1.4583vw;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: .5208vw;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: .0521vw solid #aaa;
  -webkit-border-top-right-radius: .2083vw;
  border-top-right-radius: .2083vw;
  -webkit-border-bottom-right-radius: .2083vw;
  border-bottom-right-radius: .2083vw;
  height: 1.3542vw;
  position: absolute;
  top: .0521vw;
  right: .0521vw;
  width: 1.0417vw;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc));
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: .2604vw .2083vw 0 .2083vw;
  height: 0;
  left: 50%;
  margin-left: -0.2083vw;
  margin-top: -0.1042vw;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: .0521vw solid #aaa;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-border-top-left-radius: .2083vw;
  border-top-left-radius: .2083vw;
  -webkit-border-bottom-left-radius: .2083vw;
  border-bottom-left-radius: .2083vw;
  left: .0521vw;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: .0521vw solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 .2083vw .2604vw .2083vw;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee));
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff));
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: .0521vw solid #aaa;
  -webkit-border-radius: .2083vw;
  border-radius: .2083vw;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: .0521vw solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 .2604vw;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: .0521vw solid #aaa;
  -webkit-border-radius: .2083vw;
  border-radius: .2083vw;
  cursor: default;
  float: left;
  margin-right: .2604vw;
  margin-top: .2604vw;
  padding: 0 .2604vw;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: .1042vw;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: .2604vw;
  margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: .1042vw;
  margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: .0521vw solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: .0521vw solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: .0521vw solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results>.select2-results__options {
  max-height: 10.4167vw;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: .3125vw;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.DefaultSelector {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.DefaultSelector>span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.DefaultSelector>span:nth-child(2) {
  margin-right: .5208vw;
}

.DefaultSelector>span:nth-child(4) {
  margin-right: .5208vw;
}

.DefaultSelector .select2-container--default .select2-selection--single {
  -webkit-border-radius: 0vw;
  border-radius: 0vw;
  height: 1.8229vw;
}

.DefaultSelector .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 1.8229vw;
}

.DefaultSelector .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  top: 0vw;
}

.defaSearchList {
  padding: 2.6042vw 0vw;
}

.defaSearchList dl {
  border-bottom: .0521vw solid #eee;
  padding-bottom: .5208vw;
}

.defaSearchList dl dt {
  float: left;
  font-size: .8333vw;
}

.defaSearchList dl dd {
  float: right;
  font-size: .7292vw;
}

.defaSearchList li {
  padding: 1vw 1.0417vw;
  margin-top: .7813vw;
  border-bottom: .0521vw solid #eee;
  background: #f6f6f6;
}

.defaSearchList li h3 {
  margin: 0;
  font-size: .8333vw;
  color: #1a1a1a;
  line-height: 1.1;
}

.defaSearchList li .defaDesc {
  font-size: .625vw;
  color: #adadad;
  padding-top: .2604vw;
  line-height: 1.0417vw;
  display: none;
}

.defaWebMap {
  background-color: #fff;
}

.defaWebMap dl {
  border: 1px solid #e6e6e6;
  margin-top: 30px;
}

.defaWebMap dl h3 {
  padding-left: 20px;
  padding-bottom: 5px;
}

.defaWebMap dl h3 span {
  font-size: 20px;
  color: #00a1e9;
  position: relative;
  top: -12px;
  background-color: #fff;
  padding: 0px 13px;
}

.defaWebMap dl h3 span a {
  color: #00479d;
}

.defaWebMap dl dd {
  padding-left: 33px;
  padding-bottom: 15px;
}

.defaWebMap dl dd a {
  font-size: 14px;
  padding-right: 20px;
  display: inline-block;
  padding-bottom: 8px;
}

.defaWebMap dl dd a em {
  display: inline-block;
  margin-right: 8px;
  width: 3px;
  height: 3px;
  background-color: #00479d;
  vertical-align: middle;
}

.defaArticleDetails {
  font-size: 14px;
  line-height: 24px;
}

.defaArticleDetails p {
  margin-bottom: 10px;
}

.defaArticleDetails img {
  display: block;
  max-width: 100%;
  margin: 0px auto;
}

.defaPrevNextpage {
  border-top: 1px solid #3d3f48;
  border-bottom: 1px solid #3d3f48;
}

.defaPrevNextpage p {
  border-bottom: 1px solid #dddddd;
  position: relative;
  padding: 0px 90px 0px 90px;
  font-size: 14px;
  line-height: 50px;
  white-space: nowrap;
  height: 50px;
  color: #333;
}

.defaPrevNextpage p span {
  position: absolute;
  left: 0px;
  padding-left: 10px;
  top: 0px;
  display: block;
  width: 75px;
}

.defaPrevNextpage p span:after {
  content: '';
  border-left: 5px solid transparent;
  border-bottom: 5px solid #000000;
  border-right: 5px solid transparent;
  position: absolute;
  right: 0%;
  width: 0px;
  height: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.defaPrevNextpage p em {
  position: absolute;
  right: 0px;
  font-style: normal;
  top: 0px;
  padding-right: 0px;
  width: 80px;
  display: block;
}

.defaPrevNextpage p a {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}

.defaPrevNextpage p a:hover {
  color: #00479d;
}

.defaPrevNextpage p.next {
  border: none;
}

.defaPrevNextpage p.next span:after {
  border-bottom: none;
  border-top: 5px solid #000000;
}




@media (min-width: 768px) {
  .defaWebMap dl {
    margin-top: 2.6042vw;
  }

  .defaWebMap dl dd a {
    padding-right: 2.6042vw;
  }
}

@media (min-width: 992px) {
  .commonTitleLocation {
    padding: 1.0417vw 0;
  }

  .commonTitleLocation h3 {
    font-size: 1.25vw;
  }

  .commonTitleLocation p {
    padding-top: .2604vw;
  }

  .commonTitleLocation p a {
    font-size: .7292vw;
  }

  .commonLocation {
    padding: 1.0417vw 0;
  }

  .commonLocation a {
    font-size: .7292vw;
  }

  .defaSearchList li {
    padding: 1vw 1.8229vw;
    margin-top: 1.3021vw;
  }

  .defaSearchList li h3 {
    font-size: 1.0417vw;
    line-height: 1.1;
  }

  .defaSearchList li .defaDesc {
    font-size: .6771vw;
    padding-top: .5208vw;
    line-height: 1.25vw;
  }

  .defaPrevNextpage p span {
    position: absolute;
    left: 0vw;
    padding-left: 2.0833vw;
    top: 0vw;
    display: block;
    width: 15%;
  }

  .defaPrevNextpage p:nth-child(2) span:after {
    border-bottom: none;
    border-top: .2604vw solid #000000;
  }

  .defaPrevNextpage p span:after {
    content: '';
    border-left: .2604vw solid transparent;
    border-bottom: .2604vw solid #000000;
    border-right: .2604vw solid transparent;
    position: absolute;
    right: 0%;
    width: 0vw;
    height: 0vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .defaPrevNextpage p em {
    position: absolute;
    right: 0vw;
    font-style: normal;
    top: 0vw;
    padding-right: 1.5625vw;
    width: 6.25vw;
    display: block;
    font-size: .9375vw;
    color: #999;
  }

  .defaPrevNextpage p {
    border-bottom: .0521vw solid #dddddd;
    position: relative;
    padding: 0vw 6.7708vw 0vw 20%;
    font-size: .8333vw;
    line-height: 4.1667vw;
    white-space: nowrap;
    height: 4.1667vw;
    color: #333;
  }
}



/** Swiper 3.4.2 Most modern mobile touch slider and framework with hardware accelerated transitions http://www.idangero.us/swiper/ Copyright 2017, Vladimir Kharlampidi The iDangero.us http://www.idangero.us/ Licensed under MIT Released on: March 10, 2017 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

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

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

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-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);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

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

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

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

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

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

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

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

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 1.4063vw;
  height: 2.2917vw;
  margin-top: -1.1458vw;
  z-index: 10;
  cursor: pointer;
  background-size: 1.4063vw 2.2917vw;
  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: .5208vw;
  right: auto;
}

.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-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-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: .5208vw;
  left: auto;
}

.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-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-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-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: .5208vw;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullet {
  width: .4167vw;
  height: .4167vw;
  display: inline-block;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background: #000;
  opacity: .2;
}

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

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

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

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

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

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

.swiper-container-vertical>.swiper-pagination-bullets {
  right: .5208vw;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

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

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 .2604vw;
}

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

.swiper-pagination-progress .swiper-pagination-progressbar {
  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-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progress {
  width: 100%;
  height: .2083vw;
  left: 0;
  top: 0;
}

.swiper-container-vertical>.swiper-pagination-progress {
  width: .2083vw;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}

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

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

.swiper-container-3d {
  -webkit-perspective: 62.5vw;
  -o-perspective: 62.5vw;
  perspective: 62.5vw;
}

.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, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 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, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 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, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 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, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  -ms-perspective: 62.5vw;
}

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

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

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

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  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,
.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-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.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-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

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

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

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-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-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}

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

.swiper-scrollbar {
  -webkit-border-radius: .5208vw;
  border-radius: .5208vw;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: .1563vw;
  z-index: 50;
  height: .2604vw;
  width: 98%;
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: .1563vw;
  top: 1%;
  z-index: 50;
  width: .2604vw;
  height: 98%;
}

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

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

.swiper-lazy-preloader {
  width: 2.1875vw;
  height: 2.1875vw;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1.0938vw;
  margin-top: -1.0938vw;
  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);
  }
}

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

/*--公共样式--*/
.hideScroll {
  overflow: hidden;
}

.defaheader {
  position: fixed;
  left: 0vw;
  top: 0vw;
  width: 100%;
  z-index: 999;
  padding: .7813vw;
  background: #000;
}

.defalogo {
  display: block;
  float: left;
}

.defalogo img {
  height: 1.5625vw;
}

.defanav {
  position: fixed;
  left: 0vw;
  top: 3.125vw;
  background: #fff;
  bottom: 0vw;
  overflow-y: auto;
  right: 0vw;
  display: none;
}

.defanav ul {
  padding: 1.0417vw;
}

.defanav ul li {
  border-bottom: .0521vw solid #eee;
  line-height: 2.0833vw;
  position: relative;
}

.defanav ul li>a {
  color: #000;
  display: block;
}

.defanav ul li p {
  display: none;
  padding: 0vw .5208vw .5208vw;
}

.defanav ul li p a {
  display: block;
  font-size: .7292vw;
  line-height: 1.5625vw;
}

.defanav ul li p a:hover {
  color: red;
}

.defanavbtn {
  float: right;
  width: 1.4583vw;
  height: 1.1458vw;
  position: relative;
  cursor: pointer;
  margin-top: .2604vw;
  margin-left: .7813vw;
}

.defanavbtn span {
  display: block;
  height: .1042vw;
  background: #fff;
  top: 0vw;
  position: absolute;
  width: 100%;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.defanavbtn span:nth-child(2) {
  top: .4167vw;
}

.defanavbtn span:nth-child(3) {
  top: .8854vw;
}

.defacloseNavbtn span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 12px;
}

.defacloseNavbtn span:nth-child(2) {
  display: none;
}

.defacloseNavbtn span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 12px;
}

.defanav ul li i {
  position: absolute;
  right: 0vw;
  top: 0vw;
  height: 2.0833vw;
  width: 30%;
}

.defanav ul li i:before {
  position: absolute;
  top: 50%;
  right: .5208vw;
  width: .5208vw;
  height: .5208vw;
  border-top: .1042vw solid #555;
  border-right: .1042vw solid #555;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  content: "";
}

.defanav ul li.cur i:before {
  -webkit-transform: translateY(-50%) rotate(135deg);
  -ms-transform: translateY(-50%) rotate(135deg);
  transform: translateY(-50%) rotate(135deg);
}

.defaSearch {
  float: right;
  padding-left: 1.0417vw;
}

.defaSearch span {
  width: 1.5625vw;
  height: 1.5625vw;
  cursor: pointer;
  background: url(resources/searchIcon.png) no-repeat center;
  display: block;
}

.defaSearch .defaSearchbox {
  position: fixed;
  width: 100%;
  background: #fff;
  right: 0vw;
  left: 0vw;
  top: 3.125vw;
  max-height: inherit;
  display: none;
}

.defaSearch .defaSearchbox label {
  display: block;
  padding: .5208vw 3.3854vw .5208vw .7813vw;
}

.defaSearch .defaSearchbox label input {
  width: 100%;
  vertical-align: middle;
}

.defaSearch .defaSearchbox .defaSearchBtn {
  width: 2.6042vw;
  height: 100%;
  position: absolute;
  top: 0vw;
  right: 0vw;
  background: rgba(0, 0, 0, 0.6) url(resources/searchIcon.png) no-repeat center;
}

.defaSearch span.closeSearchbox {
  background: url(resources/closeIcon.png) no-repeat center;
}

.defaLanguage {
  float: right;
  font-size: .625vw;
  color: #fff;
  margin-left: 1.0417vw;
  position: relative;
}

.defaLanguage span {
  display: inline-block;
  border: .0521vw solid #fff;
  width: 1.5625vw;
  height: 1.5625vw;
  text-align: center;
  line-height: 1.3542vw;
}

.defaLanguage span a {
  color: #fff;
}

.defaLanguage p {
  position: absolute;
  left: 0vw;
  top: 100%;
  background: #fff;
  right: 0vw;
  text-align: center;
  display: none;
}

.defaLanguage p a {
  display: block;
  line-height: 1.5625vw;
}

.defacommonBanner {
  position: relative;
  overflow: hidden;
}

.defacommonBanner img {
  display: block;
  height: 10.4167vw;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.defacommonBanner h3 {
  font-size: 1.0417vw;
  position: absolute;
  left: 0vw;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  text-align: center;
}

.defaBanner {
  overflow: hidden;
  position: relative;
}

.defaBanner img {
  display: block;
  height: 15.625vw;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.defaBanner ul li {
  overflow: hidden;
}

.defaBannerText {
  position: absolute;
  left: 0vw;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.defaBannerText h3 {
  font-size: 1.25vw;
  color: #fff;
  padding-bottom: 1.0417vw;
  -webkit-transition: all .8s ease;
  transition: all .8s ease;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(2.6042vw);
  -ms-transform: translateY(2.6042vw);
  transform: translateY(2.6042vw);
}

.defaBannerText .desc {
  font-size: .7292vw;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .8s ease;
  transition: all .8s ease;
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
  -webkit-transform: translateY(2.6042vw);
  -ms-transform: translateY(2.6042vw);
  transform: translateY(2.6042vw);
}

.defaBanner ul li.swiper-slide-active .defaBannerText h3 {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0vw);
  -ms-transform: translateY(0vw);
  transform: translateY(0vw);
}

.defaBanner ul li.swiper-slide-active .defaBannerText .desc {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0vw);
  -ms-transform: translateY(0vw);
  transform: translateY(0vw);
}

.defaBannerdot {
  position: absolute;
  left: 0vw;
  bottom: 1.0417vw;
  width: 100%;
  z-index: 99;
  text-align: center;
}

.defaBannerdot span {
  width: 1.0417vw;
  height: .1042vw;
  background: rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 0vw;
  border-radius: 0vw;
  margin: 0vw .2604vw;
}

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

.defaBannerPrev,
.defaBannerNext {
  width: 1.0417vw;
  height: 2.0833vw;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  z-index: 99;
  cursor: pointer;
}

.defaBannerPrev::after,
.defaBannerNext::after {
  width: .5208vw;
  height: .5208vw;
  content: "";
  display: block;
  position: absolute;
  border: .1042vw solid #fff;
  border-top: none;
  border-left: none;
  left: -webkit-calc(50% - .1042vw);
  left: calc(50% - .1042vw);
  top: 50%;
}

.defaBannerPrev {
  left: .5208vw;
}

.defaBannerPrev::after {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  -ms-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
  left: -webkit-calc(50% + .1042vw);
  left: calc(50% + .1042vw);
}

.defaBannerNext {
  right: .5208vw;
}

.defaBannerNext::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.defaBannerPrev:hover,
.defaBannerNext:hover {
  background: #fff;
}

.defaBannerPrev:hover::after,
.defaBannerNext:hover::after {
  border-color: #666;
}

.defaSecondLevelColumn {
  overflow: hidden;
  position: relative;
  padding-right: .0521vw;
}

.defaSecondLevelColumn ul li {
  width: auto;
  font-size: .7292vw;
  border-left: .0521vw solid #ccc;
  border-right: .0521vw solid #ccc;
  margin-right: -0.0521vw;
}

.defaSecondLevelColumn ul li a {
  display: block;
  padding: 0vw 1.0417vw;
}

.WaterfallFlow ul li {
  width: 50%;
  position: relative;
  padding: 0vw .2604vw;
  margin-bottom: .5208vw;
}

.WaterfallFlow ul li img {
  display: block;
  width: 100%;
}

.WaterfallFlow ul li .FlowContent {
  padding: .5208vw;
  background: #f3f3f3;
}

.WaterfallFlow ul li .FlowContent .time {
  font-size: .7292vw;
  padding-bottom: .5208vw;
  color: #585858;
}

.WaterfallFlow ul li .FlowContent h3 {
  font-size: .7292vw;
  color: #000000;
  font-weight: 700;
  line-height: 1.1458vw;
}

.WaterfallFlow ul li .FlowContent .desc {
  font-size: .625vw;
  color: #585858;
  line-height: .9375vw;
  border-top: .0521vw solid #ebebeb;
  margin-top: .5208vw;
  padding-top: .5208vw;
}

@media (min-width: 768px) {
  body {
    padding-top: 0vw;
  }

  .defaBanner img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transform: translate(0vw);
    -ms-transform: translate(0vw);
    transform: translate(0vw);
    left: 0vw;
  }

  .defaBannerText h3 {
    font-size: 1.9792vw;
  }

  .defaBannerText .desc {
    font-size: .8333vw;
  }

  .defaBannerdot span {
    width: 1.5625vw;
    height: .1042vw;
  }

  .defaBannerPrev,
  .defaBannerNext {
    width: 1.5625vw;
    height: 3.125vw;
  }

  .defaBannerPrev::after,
  .defaBannerNext::after {
    width: .7813vw;
    height: .7813vw;
    left: -webkit-calc(50% - .2604vw);
    left: calc(50% - .2604vw);
  }

  .defaBannerPrev::after {
    left: -webkit-calc(50% + .2604vw);
    left: calc(50% + .2604vw);
  }

  .defacommonBanner h3 {
    font-size: 1.25vw;
  }

  .defacommonBanner img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transform: translate(0vw);
    -ms-transform: translate(0vw);
    transform: translate(0vw);
    left: 0vw;
  }

  .WaterfallFlow ul li {
    width: 33.333%;
    padding: 0vw .5208vw;
    margin-bottom: 1.0417vw;
  }

  .WaterfallFlow ul li .FlowContent {
    padding: 1.0417vw;
  }

  .WaterfallFlow ul li .FlowContent .time {
    font-size: .8333vw;
  }

  .WaterfallFlow ul li .FlowContent h3 {
    font-size: 1.0417vw;
    line-height: 1.4583vw;
  }

  .WaterfallFlow ul li .FlowContent .desc {
    font-size: .7292vw;
    line-height: 1.25vw;
    margin-top: 1.3021vw;
    padding-top: 1.0417vw;
  }
}

@media (min-width: 1260px) {
  .defaBannerText h3 {
    font-size: 2.5vw;
  }

  .defaBannerText .desc {
    font-size: 1.0417vw;
  }

  .defaBannerdot span {
    width: 2.0833vw;
    height: .1563vw;
  }

  .defaBannerPrev,
  .defaBannerNext {
    width: 2.0833vw;
    height: 4.1667vw;
  }

  .defaBannerPrev::after,
  .defaBannerNext::after {
    width: 1.0417vw;
    height: 1.0417vw;
  }

  .defaheader {
    background: none;
    padding: .7813vw 2.3438vw 0vw;
  }

  .defalogo img {
    height: 2.8646vw;
  }

  .defanav {
    float: right;
    white-space: nowrap;
    padding-top: .7813vw;
    position: relative;
    overflow: visible;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    background: none;
    display: block;
  }

  .defanav ul {
    padding: 0vw;
  }

  .defanav ul li {
    display: inline-block;
    margin-left: 1.0417vw;
    font-size: .8333vw;
    padding-bottom: 1.6146vw;
    position: relative;
    border-bottom: none;
    line-height: 1.25vw;
  }

  .defanav ul li>a {
    color: #fff;
  }

  .defanav ul li p {
    background: #fff;
    position: absolute;
    left: -0.5208vw;
    right: -0.5208vw;
    top: 100%;
    text-align: center;
    max-height: 0vw;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: block;
    padding: 0vw;
  }

  .defanav ul li i {
    display: none;
  }

  .defanav ul li:hover p {
    max-height: 15.625vw;
    padding: .5208vw 0vw;
  }

  .defaheaderbg {
    background: rgba(0, 0, 0, 0.5);
  }

  .defaSearch {
    padding-top: .625vw;
    padding-bottom: 1.4583vw;
  }

  .defaSearch .defaSearchbox {
    max-height: 0vw;
    left: auto;
    right: 2.3438vw;
    top: 100%;
    overflow: hidden;
    position: absolute;
    width: 15.625vw;
    display: block;
  }

  .defaSearch:hover .defaSearchbox {
    max-height: 11.9792vw;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
  }

  .defaSearch:hover span {
    background: url(resources/closeIcon.png) no-repeat center;
  }

  .defaLanguage {
    padding-top: .625vw;
  }

  .defaLanguage p {
    max-height: 0vw;
    overflow: hidden;
    display: block;
  }

  .defaLanguage:hover p {
    max-height: 11.9792vw;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
  }

  .defanavbtn {
    display: none;
  }

  .defacommonBanner h3 {
    font-size: 1.5625vw;
  }
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

sup {
  vertical-align: super !important;
}

html {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

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

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

a {
  text-decoration: none;
}

.clearfix,
.city-picker-selector {
  *zoom: 1;
}

.clearfix:after,
.city-picker-selector:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}

.github {
  background: url(resources/github.png) no-repeat;
  background-size: contain;
  display: block;
  font-size: 0;
  width: 5.2083vw;
  height: 3.125vw;
  position: fixed;
  top: 5%;
  right: 6%;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-animation: icons 0.5s ease-out infinite alternate;
  animation: icons 0.5s ease-out infinite alternate;
}

@-webkit-keyframes icons {
  0% {
    -webkit-transform: rotate(2deg) scale(1);
    transform: rotate(2deg) scale(1);
  }

  to {
    -webkit-transform: rotate(-2deg) scale(1.1);
    transform: rotate(-2deg) scale(1.1);
  }
}

@keyframes icons {
  0% {
    -webkit-transform: rotate(2deg) scale(1);
    transform: rotate(2deg) scale(1);
  }

  to {
    -webkit-transform: rotate(-2deg) scale(1.1);
    transform: rotate(-2deg) scale(1.1);
  }
}

h3 {
  font-size: 1.0417vw;
  margin-top: 2.6042vw;
  margin-bottom: 1.0417vw;
}

.container {
  width: 52.0833vw;
  margin: 0 auto 2.6042vw;
}

.code {
  border-top: .0521vw solid #e5e5e5;
  padding-top: .5208vw;
  margin-top: .5208vw;
  text-align: center;
}

.show-code {
  color: #6ab9d8;
  display: inline-block;
  padding: 0 2%;
}

pre {
  padding-top: 1.0417vw;
  -moz-tab-size: 4;
  tab-size: 4;
  text-align: left;
  display: none;
}

pre code {
  color: #666;
  font-size: .7292vw;
  line-height: 1.5;
}

.btn-cont {
  padding-top: .5208vw;
}

.btn {
  border: none;
  -webkit-border-radius: .2604vw;
  border-radius: .2604vw;
  color: #fff;
  cursor: pointer;
  background: #6ab9d8;
  font-size: .7292vw;
  width: 5.2083vw;
  height: 1.9792vw;
  outline: none;
  margin-right: .5208vw;
}

.btn.btn-bg-1 {
  background: #a26ad8;
}

.btn.btn-bg-2 {
  background: #d86a6a;
}

.btn.btn-bg-3 {
  background: #6ad88a;
}

.city-picker-selector .selector-item {
  -webkit-border-radius: .2604vw;
  border-radius: .2604vw;
  width: 100%;
  height: 3.125vw;
  line-height: 3.125vw;
  float: left;
  position: relative;
}

.city-picker-selector .selector-item:first-child {
  margin-left: 0;
}

.city-picker-selector .selector-item:after {
  content: '';
  border: .2083vw solid transparent;
  border-top-color: #999;
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1.0417vw;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
}

.city-picker-selector .selector-show .selector-list {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.city-picker-selector .selector-show:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.city-picker-selector .selector-name {
  -webkit-border-radius: .2604vw;
  border-radius: .2604vw;
  color: #333;
  font-size: .7292vw;
  display: block;
  text-indent: 5%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.city-picker-selector .selector-name.df-color {
  color: #999;
}

.city-picker-selector .selector-name.forbid {
  cursor: default;
}

.city-picker-selector .selector-name.disabled {
  background-color: #eef1f6;
  cursor: not-allowed;
}

.city-picker-selector .selector-list {
  border: .0521vw solid #ccc;
  background: #fff;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  -webkit-transform: translateY(-2%);
  -ms-transform: translateY(-2%);
  transform: translateY(-2%);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}

.city-picker-selector ul {
  max-height: 8.3333vw;
  overflow-x: hidden;
  overflow-y: auto;
}

.city-picker-selector li {
  color: #333;
  cursor: pointer;
  font-size: .7292vw;
  width: 100%;
  height: 1.5625vw;
  padding: 0 .5208vw;
  line-height: 1.5625vw;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.city-picker-selector li:first-child {
  border-top: none;
}

.city-picker-selector li.placeholder-li {
  cursor: default;
}

.city-picker-selector li strong {
  color: #00479d;
  padding: 0 .2604vw;
}

.city-picker-selector li.caller:hover {
  background: #f5f5f5;
}

.city-picker-selector li.caller.active,
.city-picker-selector li.caller.active:hover {
  background: #00479d;
  color: #fff;
}

.city-picker-selector li.forbid {
  color: #999;
  font-size: .7292vw;
  cursor: not-allowed;
}

.city-picker-selector .selector-search {
  display: none;
}

.city-picker-selector .input-search {
  border: .0521vw solid #ccc;
  -webkit-border-radius: .2604vw;
  border-radius: .2604vw;
  color: #333;
  font-size: .7292vw;
  width: 100%;
  height: 1.3542vw;
  line-height: 1.3542vw\9;
  padding: 0;
  text-indent: .2604vw;
}

.city-picker-selector .input-search:focus {
  outline: none;
}

.city-picker-selector .input-search::-webkit-input-placeholder {
  color: #bababa;
}

/* select {
  border: .0521vw solid #ccc;
  background: #fff;
  -webkit-border-radius: .2604vw;
  border-radius: .2604vw;
  color: #333;
  font-size: .8333vw;
  outline: none;
  width: 8.3333vw;
  height: 1.875vw;
  margin-right: .5208vw;
  -webkit-box-shadow: 0 0 .2604vw #eee;
  box-shadow: 0 0 .2604vw #eee;
} */

select:disabled {
  background-color: #eef1f6;
  cursor: not-allowed;
}


.clearfloat::after {
  display: block;
  content: "";
  clear: both;
}

body {
  overflow-x: hidden;
  padding-top: 5.2083vw;
}

/* body.active { overflow: hidden; } */

.index_body {
  padding-top: 0;
}

/* .index_body my-navbar {
  display: block;
  width: 110px;
  height: 42px;
  background-color: #0000ff;
} */
.index_body my-navbar .component_test {
  width: 110px;
  height: 42px;
  background-color: #0000ff;
}

.donghua {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.imgscale {
  overflow: hidden;
}

.imgscale:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.imgscale img {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  width: 100%;
}

.dot2 {
  -webkit-line-clamp: 2;
}

.dot3 {
  -webkit-line-clamp: 3;
}

.dot4 {
  -webkit-line-clamp: 4;
}

.dot2,
.dot3,
.dot4 {
  display: -webkit-box;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
}

img {
  max-width: 100%;
}

.imgbox {
  overflow: hidden;
}

.imgbox img {
  width: 100%;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.imgscale:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.bgimg {
  background-size: cover;
  background-position: center;
  background-position: center;
  background-repeat: no-repeat;
}

li {
  list-style: none;
}

ul {
  margin: 0;
  padding-left: 0;
}

.container1260 {
  width: 1260px;
  margin: 0 auto;
  max-width: 100%;
}

.X100TopicPagetit h5,
.TopicPagetit,
.X100TopicPagetit .t1 {
  max-width: 1220px;
  margin: 0 auto;
}

.container1400 {
  width: 1400px;
  margin: 0 auto;
  max-width: 100%;
}

.container1220 {
  width: 1210px;
  margin: 0 auto;
  max-width: 100%;
}

.pictureBox {
  position: relative;
  overflow: hidden;
}

.pictureBox .solution_img {
  height: auto;
}

.pictureBox img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 100%;
  /* min-width: 100%; */
  max-width: none;
  object-fit: cover;
}
@-webkit-keyframes setfadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 5.2083vw, 0);
    transform: translate3d(0, 5.2083vw, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes setfadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 5.2083vw, 0);
    transform: translate3d(0, 5.2083vw, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.setfadeInUp {
  -webkit-animation-name: setfadeInUp;
  animation-name: setfadeInUp;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes setfadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes setfadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.setfadeInRight {
  -webkit-animation-name: setfadeInRight;
  animation-name: setfadeInRight;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes setfadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes setfadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.setfadeInLeft {
  -webkit-animation-name: setfadeInLeft;
  animation-name: setfadeInLeft;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.social-share {
  font-size: inherit;
  font-style: inherit;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: .0104vw;
  -moz-osx-font-smoothing: grayscale;
  /* 浣跨敤鑷畾涔夋牱寮忥紝淇敼涓鸿儗鏅浘锛屽垹闄や笂闈㈢殑瀛椾綋鍥炬爣 */
  /* 寰俊浜岀淮鐮� */
}

.social-share .social-share-icon {
  position: relative;
  display: inline-block;
  width: 1.25vw;
  height: 1.25vw;
  font-size: .7292vw;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  line-height: 1.25vw;
  border: .0521vw solid #666;
  color: #666;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: background 0.6s ease-out 0s;
  transition: background 0.6s ease-out 0s;
}

.social-share .social-share-icon:hover {
  background: #666;
  color: #fff;
}

.social-share .icon-weibo {
  color: #d0d0d0;
  border-color: #d0d0d0;
}

.social-share .icon-weibo:hover {
  background: #ff763b;
  border-color: #ff763b;
}

.social-share .icon-tencent {
  color: #d0d0d0;
  border-color: #d0d0d0;
}

.social-share .icon-tencent:hover {
  background: #56b6e7;
  border-color: #56b6e7;
}

.social-share .icon-qq {
  color: #d0d0d0;
  border-color: #d0d0d0;
}

.social-share .icon-qq:hover {
  background: #56b6e7;
  border-color: #56b6e7;
}

.social-share .icon-qzone {
  color: #d0d0d0;
  border-color: #d0d0d0;
}

.social-share .icon-qzone:hover {
  background: #FDBE3D;
  border-color: #FDBE3D;
}

.social-share .icon-douban {
  color: #33b045;
  border-color: #33b045;
}

.social-share .icon-douban:hover {
  background: #33b045;
}

.social-share .icon-linkedin {
  color: #0077B5;
  border-color: #0077B5;
}

.social-share .icon-linkedin:hover {
  background: #0077B5;
}

.social-share .icon-facebook {
  color: #44619D;
  border-color: #44619D;
}

.social-share .icon-facebook:hover {
  background: #44619D;
}

.social-share .icon-google {
  color: #db4437;
  border-color: #db4437;
}

.social-share .icon-google:hover {
  background: #db4437;
}

.social-share .icon-twitter {
  color: #55acee;
  border-color: #55acee;
}

.social-share .icon-twitter:hover {
  background: #55acee;
}

.social-share .icon-diandian {
  color: #307DCA;
  border-color: #307DCA;
}

.social-share .icon-diandian:hover {
  background: #307DCA;
}

.social-share .icon-wechat {
  position: relative;
  color: #d0d0d0;
  border-color: #d0d0d0;
}

.social-share .icon-wechat:hover {
  background: #7bc549;
  border-color: #7bc549;
}

.social-share .icon-tencent {
  background-image: url();
}

.social-share .icon-qq {
  background-image: url();
}

.social-share .icon-weibo {
  background-image: url();
}

.social-share .icon-wechat {
  background-image: url();
}

.social-share .icon-douban {
  background-image: url();
}

.social-share .icon-heart {
  background-image: url();
}

.social-share .icon-like {
  background-image: url();
}

.social-share .icon-qzone {
  background-image: url();
}

.social-share .icon-linkedin {
  background-image: url();
}

.social-share .icon-diandian {
  background-image: url();
}

.social-share .icon-facebook {
  background-image: url();
}

.social-share .icon-google {
  background-image: url();
}

.social-share .icon-twitter {
  background-image: url();
}

.social-share a {
  position: relative;
  text-decoration: none;
  margin: .2083vw;
  display: inline-block;
  outline: none;
}

.social-share .icon-wechat .wechat-qrcode {
  display: none;
  border: .0521vw solid #eee;
  position: absolute;
  z-index: 9;
  top: -10.6771vw;
  left: -4.375vw;
  width: 10.4167vw;
  height: 10vw;
  color: #666;
  font-size: .625vw;
  text-align: center;
  background-color: #fff;
  -webkit-box-shadow: 0 .1042vw .5208vw #aaa;
  box-shadow: 0 .1042vw .5208vw #aaa;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  -webkit-tansition: all 350ms;
  -moz-transition: all 350ms;
}

.social-share .icon-wechat .wechat-qrcode.bottom {
  top: 2.0833vw;
  left: -4.375vw;
}

.social-share .icon-wechat .wechat-qrcode.bottom:after {
  display: none;
}

.social-share .icon-wechat .wechat-qrcode h4 {
  font-weight: normal;
  height: 1.3542vw;
  line-height: 1.3542vw;
  font-size: .625vw;
  background-color: #f3f3f3;
  margin: 0;
  padding: 0;
  color: #777;
}

.social-share .icon-wechat .wechat-qrcode .qrcode {
  width: 5.4688vw;
  margin: .5208vw auto;
}

.social-share .icon-wechat .wechat-qrcode .qrcode table {
  margin: 0 !important;
}

.social-share .icon-wechat .wechat-qrcode .help p {
  font-weight: normal;
  line-height: .8333vw;
  padding: 0;
  margin: 0;
}

.social-share .icon-wechat .wechat-qrcode:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -0.3125vw;
  bottom: -0.6771vw;
  width: 0;
  height: 0;
  border-width: .4167vw .3125vw .3125vw .3125vw;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

.social-share .icon-wechat:hover .wechat-qrcode {
  display: block;
}

.header {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 990;
  width: 100%;
  height: 5.2083vw;
  background: #fff;
  border-bottom: .0521vw solid #e8e8e8;
}

.header .headerBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.header.head2 {
  position: absolute;
}

/* .header.head3 { position: fixed;top: 0;left: 0;width: 100%; } */

.header .logo {
  width: 6.7708vw;
}

.hsearch_btn {
  text-align: right;
}

.header .logo .img2 {
  display: none;
}

.header .logo img {
  width: 100%;
}

.header.header_active {
  background-color: #fff;
  z-index: 999999;
}

.header.header_active .header_top {
  background-color: #f7f7f7;
  color: #7d7d7d;
}

.header.header_active .head_navlist li>a {
  color: #333;
}

.header.header_active .hsearch_btn i {
  color: #333;
}

.header.header_active .logo .img2 {
  display: block;
}

.header.header_active .logo .img1 {
  display: none;
}

.header.header_active .header_top .spandown i {
  width: 0;
  height: 0;
  border-left: .2604vw solid transparent;
  border-right: .2604vw solid transparent;
  border-top: .2604vw solid #7d7d7d;
}

.head_navlist ul li>span {
  display: none;
  position: absolute;
  right: 0;
  width: 100%;
  height: 60px;
  top: 0;
  z-index: 10;
}

.head_navlist ul li>span::after {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #666;
  border-right: 2px solid #666;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  content: "";
}

.head_navlist ul li>span.cur::after {
  -webkit-transform: translateY(-50%) rotate(135deg);
  -ms-transform: translateY(-50%) rotate(135deg);
  transform: translateY(-50%) rotate(135deg);
}

.navmenu_div {
  margin-left: .5208vw;
  display: none;
}

.navmenu_box {
  width: 30px;
  height: 30px;
  position: relative;
  cursor: pointer;
  z-index: 1003;
}

.navmenu_box span {
  display: block;
  height: 2px;
  background: #fff;
  position: absolute;
  width: 20px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  right: 0;
}

.navmenu_box span:nth-child(1) {
  top: 8px;
}

.navmenu_box span:nth-child(2) {
  top: 50%;
}

.navmenu_box span:nth-child(3) {
  bottom: 6px;
}

.closeNavbtn span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 15px;
}

.closeNavbtn span:nth-child(2) {
  display: none;
}

.closeNavbtn span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 15px;
}

.index_body,
.index_home {
  height: 100vh;
}

.home1 {
  width: 100%;
  background-color: #f6f6f6;
}

.home1 .swiper_box img {
  width: 100%;
}

.insw_pagination {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3.125vw !important;
  z-index: 10;
  text-align: center;
  font-size: 0;
  height: .1563vw;
}

.head_navlist ul {
  display: flex;
  align-items: center;
}


.head_navlist li>a {
  position: relative;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  display: block;
  font-size: .9375vw;
  color: #333;
  line-height: 5.2083vw;
}

.sub_zinav {
  position: absolute;
  display: none;
  top: 5.2083vw;
  left: 0;
  width: 100%;
  background-color: #fff;
  background: white;
  border-top: 0;
  -webkit-box-shadow: 0 .2604vw .5208vw rgba(0, 0, 0, 0.1);
  box-shadow: 0 .2604vw .5208vw rgba(0, 0, 0, 0.1);

}

.sub_zinav .container1260 {
  display: flex;
  flex-wrap: wrap;
}

.sub_zinav a {
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
  white-space: nowrap;
  width: 25%;
  line-height: 2.6458vw;
  margin: .5vw 0;
  position: relative;
  font-size: .9375vw;
}

.sub_zinav a::before {
  content: "";
  width: 102%;
  height: .0521vw;
  position: absolute;
  left: 0;
  bottom: -.5vw;
  background-color: #e8e8e8;
}

.sub_zinav a:not(:nth-child(4n + 1)) {
  border-left: 1px solid #e8e8e8;
}

.ProductNav {
  position: absolute;
  top: 5.2083vw;
  left: 0;
  width: 100%;
  background-color: #fff;
  display: none;
}

.ProductNav .container1260 {
  position: relative;
  z-index: 10;
  background-color: #fff;
}

.ProductNav .container1260::before {
  content: "";
  width: 300%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.ProductNav .container1260 .ProTabBar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.ProductNav .container1260 .ProTabBar::before {
  content: "";
  width: 300%;
  height: 100%;
  /* border-bottom: .0521vw solid #e8e8e8; */
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.ProductNav .container1260 .ProTabBar .tabTerm {
  line-height: 3.6458vw;
  color: #999;
  margin-right: 2.2396vw;
  border-bottom: .1042vw solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  z-index: 10;
  cursor: pointer;
  font-size: .9375vw;
}

.ProductNav .container1260 .ProTabBar .tabTerm.active {
  border-bottom-color: #00479d;
  color: #00479d;
}

.ProductNav .container1260 .ProTabCont {
  position: relative;
  width: 100%;
}

.ProductNav .container1260 .ProTabCont .tabItem {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ProductNav .container1260 .ProTabCont .tabItem.active {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.ProductNav .container1260 .ProTabCont .tabItem .box {
  width: 33.3333%;
  margin: 2.0833vw 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /* min-height: 7.6563vw; */
}

.ProductNav .container1260 .ProTabCont #accessory .box {
  width: 25%;
  margin: 2.0833vw 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /* min-height: 7.6563vw; */
}

.ProductNav .container1260 .ProTabCont .tabItem .box .img {
  width: 50%;
  position: relative;
}

.ProductNav .container1260 .ProTabCont .tabItem .box .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 90%;
  max-height: 90%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.ProductNav .container1260 .ProTabCont .tabItem .box .img:hover img {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}

.ProductNav .container1260 .ProTabCont .tabItem .box .text h5 {
  font-size: 0.95vw;
  /* font-weight: 700; */
  color: #333;
}

.ProductNav .container1260 .ProTabCont .tabItem .box .text h5:hover {
  color: #00479d;
}

.ProductNav .container1260 .ProTabCont .tabItem .box .text .li {
  margin-top: .25vw;
}

.ProductNav .container1260 .ProTabCont .tabItem .box .text .li div {
  display: flex;
}

.ProductNav .container1260 .ProTabCont .tabItem .box .text .li a {
  display: block;
  font-size: .8333vw;
  color: #828282;
  line-height: 1.3542vw;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  /* padding-right: .5208vw; */
}

.ProductNav .container1260 .ProTabCont .tabItem .box .text .li a strong {
  font-size: .8vw;
}

.ProductNav .container1260 .ProTabCont .tabItem .box .text .li a:hover {
  color: #00479d;
}

.ProductNav .container1260 .ProTabCont .tabItem .box:not(:nth-child(3n + 1)) {
  border-left: .0521vw solid #e8e8e8;
}

.ProductNav .container1260 .ProTabCont #accessory .box:not(:nth-child(4n + 1)) {
  border-left: .0521vw solid #e8e8e8;
}

.ProductNav .container1260 .ProTabCont #accessory .box:nth-child(4n + 1) {
  border-left: none;
}

.ProductNav .container1260 .ProTabCont .tabItem .box {
  position: relative;
}

.ProductNav .container1260 .ProTabCont .tabItem .box::before {
  content: "";
  width: 3000%;
  height: .0521vw;
  background-color: #e8e8e8;
  position: absolute;
  top: -2.0833vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* .ProductNav .container1260 .ProTabCont .tabItem .box:nth-child(4) {
  position: relative;
}

.ProductNav .container1260 .ProTabCont .tabItem .box:nth-child(4)::before {
  content: "";
  width: 3000%;
  height: .0521vw;
  background-color: #e8e8e8;
  position: absolute;
  top: -2.0833vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
} */

/* .ProductNav .container1260 .ProTabCont .tabItem .box:nth-child(5) {
  position: relative;
} */
/* .ProductNav .container1260 .ProTabCont .tabItem .box:nth-child(5)::before {
  content: "";
  width: 3000%;
  height: .0521vw;
  background-color: #e8e8e8;
  position: absolute;
  top: -2.0833vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
} */

/* .ProductNav .container1260 .ProTabCont .tabItem .box:nth-child(7) {
  position: relative;
}
.ProductNav .container1260 .ProTabCont .tabItem .box:nth-child(7)::before {
  content: "";
  width: 3000%;
  height: .0521vw;
  background-color: #e8e8e8;
  position: absolute;
  top: -2.0833vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
} */
.headerBox i {
  position: absolute;
}
.headerBox .screen {
  width: 100%;
  height: 200vh;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 5.2083vw;
  left: 0;
  z-index: 1;
}

.hsearch_btn i {
  font-size: 1.25vw;
  color: #333;
  cursor: pointer;
}

#search-form {
  max-height: 0;
  position: absolute;
  top: 100%;
  right: 40px;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  width: 380px;
  height: 45px;
  overflow: hidden;
  background-color: #fff;
}

#search-form input {
  height: 100%;
  width: 100%;
  padding: 0 5px 0 22px;
  background: #ffffff;
  border: none;
  color: #333;
  z-index: 9;
  border: 1px solid #eee;
  border-right: none;
}

#search-form .searchbtn {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 15%;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  color: #ffffff;
  background: #00479d;
  border: none;
  cursor: pointer;
  z-index: 11;
  height: 100%;
}

#search-form .searchbtn i {
  font-size: 20px;
}

.insw_pagination span {
  width: 2.0833vw;
  height: 3px;
  opacity: 1;
  background: rgba(255, 255, 255, 0.4);
  -webkit-border-radius: 0;
  border-radius: 0;
  position: relative;
}

.insw_pagination span::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  background: #00479d;
}

.insw_pagination .swiper-pagination-bullet-active::after {
  width: 100%;
  -webkit-transition: all 3s;
  transition: all 3s;
}

.header_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.head_rightmenu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.head_rightmenu a{
  display: flex;
  align-items: center;
  height: 100%;
  line-height: 100%;
}
.head_rightmenu .search {
  width: 15px;
  height: auto;
  vertical-align: top;
}
.head_rightmenu .E {
  width: 60px;
  height: auto;
  vertical-align: top;
}
.home1,
.home2,
.home3,
.home4 {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .head_rightmenu a{
    margin-right:5vw;
  }
  
}
.index_swiper {
  height: 100%;
  position: relative;
}

.index_swiper .swiper_box,
.index_swiper .swiper-wrapper,
.index_swiper .swiper-slide,
.index_swiper .swiper-slide a {
  height: 100% !important;
  width: 100% !important;
}

.index_swiper .swiper-slide {
  overflow: hidden;
}

.home1 .index_swiper .swiper-slide .index_Cp {
  width: 100%;
  position: absolute;
  top: 1.5625vw;
  left: 0;
  transition: all 1.2s ease;
  z-index: 2;
}

.inswbg_img {
  width: 100%;
  height: 100%;
}

.home_swiper {
  height: 100%;
}

.home_swiper>.swiper-wrapper>.swiper-slide {
  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;
}

.index_prev,
.index_next {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2.6042vw;
  height: 2.6042vw;
  cursor: pointer;
  z-index: 2;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  opacity: 0 !important;
  display: block;
  background-image: none;
}

.index_prev::after,
.index_next::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.5625vw;
  height: 1.5625vw;
  margin-left: .3646vw;
  border-left: solid 2px #fff;
  border-bottom: solid 2px #fff;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.index_prev:hover::after,
.index_next:hover::after {
  border-left: solid 2px #00479d;
  border-bottom: solid 2px #00479d;
}

.index_next::after {
  transform: translate(-50%, -50%) rotate(-135deg);
}

.index_prev {
  left: 0;
}

.index_next {
  right: 0;
}

.index_swiper:hover .index_prev {
  left: 2%;
  opacity: 1 !important;
}

.index_swiper:hover .index_next {
  right: 2%;
  opacity: 1 !important;
}

.Lbanner5 {
  position: relative;
  display: block;
}

.Lbanner5 img {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  max-width: none;
  object-fit: cover
}

.Lbanner5 img.Lhide {
  display: none;
}

.Lbanner5 .bannertextImg {
  position: absolute;
  top: 2.0833vw;
  left: 0;
  width: 100%;
  z-index: 8;
  transition: all 1.2s ease;
}

.index_swiper .swiper-slide.swiper-slide-active .Lbanner5 .bannertextImg {
  top: 0;
}

.home1 .index_swiper.Lhide .swiper-slide.swiper-slide-active img.index_Cp {
  top: 0;
  animation-name: kenburns;
  animation-timing-function: linear;
  animation-duration: 1.2s;
}


.home1 {
  padding-top: 5.2083vw;
}

.home1 .index_swiper {
  position: relative;
}

.home1 .index_swiper .swiper-slide .imgbox {
  width: 100%;
  height: 100%;
}

.home1 .index_swiper .swiper-slide .imgbox img {
  height: 100%;
  width: auto;
  min-width: 100%;
  margin: 0 auto;
}

.home1 .index_swiper .swiper-slide .banner_text1 {
  padding-left: 3.125vw;
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}

.home1 .index_swiper .swiper-slide .banner_text1 h3 {
  font-size: 1.25vw;
  color: #fff;
  width: 7.2917vw;
  line-height: 3.125vw;
  text-align: center;
  background-color: #00479d;
  -webkit-border-radius: 1.5625vw;
  border-radius: 1.5625vw;
  opacity: 0;
  -webkit-transition: all 2s;
  transition: all 2s;
  -webkit-transform: translateY(2.6042vw);
  -ms-transform: translateY(2.6042vw);
  transform: translateY(2.6042vw);
}

.home1 .index_swiper .swiper-slide .banner_text1 h5 {
  font-size: 2.5vw;
  color: #fff;
  line-height: 1;
  margin-top: 1.9271vw;
  font-weight: bold;
  opacity: 0;
  -webkit-transition: all 2s;
  transition: all 2s;
  -webkit-transform: translateY(2.6042vw);
  -ms-transform: translateY(2.6042vw);
  transform: translateY(2.6042vw);
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.home1 .index_swiper .swiper-slide .banner_text1 .list {
  margin-top: 4.1667vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  -webkit-transition: all 2s;
  transition: all 2s;
  -webkit-transform: translateY(2.6042vw);
  -ms-transform: translateY(2.6042vw);
  transform: translateY(2.6042vw);
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.home1 .index_swiper .swiper-slide .banner_text1 .list .li:not(:first-child) {
  margin-left: 2.0833vw;
}

.home1 .index_swiper .swiper-slide .banner_text1 .list .li .icon {
  position: relative;
  width: 3.5417vw;
  height: 3.5417vw;
  border: .0521vw solid #fff;
  -webkit-border-radius: .2604vw;
  border-radius: .2604vw;
}

.home1 .index_swiper .swiper-slide .banner_text1 .list .li .icon img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.home1 .index_swiper .swiper-slide .banner_text1 .list .li p {
  font-size: .8333vw;
  color: #fff;
  text-align: center;
  margin-top: .7813vw;
}

.home1 .index_swiper .swiper-slide .product_img1 {
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  text-align: right;
}

.home1 .index_swiper .swiper-slide .product_img1 .container1260 {
  position: relative;
}

.home1 .index_swiper .swiper-slide .product_img1 .container1260 img {
  width: 53.09524%;
  z-index: 2;
  position: relative;
  opacity: 0;
  -webkit-transition: all 2s;
  transition: all 2s;
  -webkit-transform: translateY(2.6042vw);
  -ms-transform: translateY(2.6042vw);
  transform: translateY(2.6042vw);
}

.home1 .index_swiper .swiper-slide .product_img1 .container1260 p {
  font-size: 13.5417vw;
  color: #00479d;
  line-height: 1;
  position: absolute;
  top: 10%;
  font-weight: bold;
  right: 8%;
  letter-spacing: -1.5625vw;
  opacity: 0;
  -webkit-transition: all 2s;
  transition: all 2s;
  -webkit-transform: translateY(2.6042vw);
  -ms-transform: translateY(2.6042vw);
  transform: translateY(2.6042vw);
}

.home1 .index_swiper.Lhide {
  display: none;
}


.home1 .index_swiper .swiper-slide .banner_text2 {
  z-index: 2;
  padding-left: 3.125vw;
  position: absolute;
  width: 100%;
  top: 30%;
  left: 0;
}

.home1 .index_swiper .swiper-slide .banner_text2 h3 {
  font-size: 1.25vw;
  color: #fff;
  font-weight: bold;
  opacity: 0;
  -webkit-transition: all 2s;
  transition: all 2s;
  -webkit-transform: translateY(2.6042vw);
  -ms-transform: translateY(2.6042vw);
  transform: translateY(2.6042vw);
}

.home1 .index_swiper .swiper-slide .banner_text2 h5 {
  font-size: 1.875vw;
  font-weight: bold;
  color: #fff;
  opacity: 0;
  -webkit-transition: all 2s;
  transition: all 2s;
  -webkit-transform: translateY(2.6042vw);
  -ms-transform: translateY(2.6042vw);
  transform: translateY(2.6042vw);
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.home1 .index_swiper .swiper-slide .product_img2 {
  width: 100%;
  position: absolute;
  top: 8%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  z-index: 2;
  text-align: center;
}

.home1 .index_swiper .swiper-slide .product_img2 .container1260 {
  position: relative;
}

.home1 .index_swiper .swiper-slide .product_img2 .container1260 img {
  width: 33.25397%;
  z-index: 2;
  position: relative;
  opacity: 0;
  -webkit-transition: all 2s;
  transition: all 2s;
  -webkit-transform: translateY(2.6042vw);
  -ms-transform: translateY(2.6042vw);
  transform: translateY(2.6042vw);
}

.home1 .index_swiper .swiper-slide .product_img2 .container1260 p {
  width: 36.6666%;
  position: absolute;
  top: 10%;
  font-weight: bold;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  letter-spacing: -1.5625vw;
  opacity: 0;
  -webkit-transition: all 2s;
  transition: all 2s;
}

.home1 .index_swiper .swiper-slide .product_img2 .container1260 p img {
  width: 100%;
}

.home1 .index_swiper .swiper-slide .banner_text3 {
  width: 100%;
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  z-index: 2;
}

.home1 .index_swiper .swiper-slide .banner_text3 .container1260 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.home1 .index_swiper .swiper-slide .banner_text3 .container1260 .img {
  width: 46.66667%;
}

.home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right {
  width: 41.2380%;
  text-align: right;
}

.home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right img {
  width: 46.6666%;
  opacity: 0;
  -webkit-transition: all 2s;
  transition: all 2s;
  -webkit-transform: translateY(2.6042vw);
  -ms-transform: translateY(2.6042vw);
  transform: translateY(2.6042vw);
}

.home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right h3 {
  font-size: 8.3333vw;
  color: #fff;
  font-weight: bold;
  letter-spacing: -0.5208vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  -ms-flex-pack: end;
  justify-content: end;
  line-height: 1;
  opacity: 0;
  -webkit-transition: all 2s;
  transition: all 2s;
  -webkit-transform: translateY(2.6042vw);
  -ms-transform: translateY(2.6042vw);
  transform: translateY(2.6042vw);
  text-align: right;
}

.home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right h3 span {
  font-size: 1.25vw;
  color: #fff;
  width: 7.2917vw;
  line-height: 3.125vw;
  text-align: center;
  background-color: #00479d;
  -webkit-border-radius: 1.5625vw;
  border-radius: 1.5625vw;
  display: inline-block;
  letter-spacing: 0;
  margin-left: 1.1458vw;
}

.home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right h5 {
  font-size: 1.4583vw;
  color: #fff;
  letter-spacing: 1.7188vw;
  margin-right: -1.7188vw;
  font-weight: 200;
  white-space: nowrap;
  opacity: 0;
  -webkit-transition: all 2s;
  transition: all 2s;
  -webkit-transform: translateY(2.6042vw);
  -ms-transform: translateY(2.6042vw);
  transform: translateY(2.6042vw);
}

.home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right img {
  margin-top: 2.6042vw;
  width: 100%;
}

.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text1 h3,
.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text1 h5,
.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text1 .list,
.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text1 img,
.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text2 h3,
.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text2 h5,
.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text2 .list,
.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text2 img,
.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text3 h3,
.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text3 h5,
.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text3 .list,
.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text3 img {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text1 .right h3,
.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text1 .right h5,
.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text1 .right img,
.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text2 .right h3,
.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text2 .right h5,
.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text2 .right img,
.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text3 .right h3,
.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text3 .right h5,
.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text3 .right img {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.home1 .index_swiper .swiper-slide.swiper-slide-active .product_img1 img,
.home1 .index_swiper .swiper-slide.swiper-slide-active .product_img1 p,
.home1 .index_swiper .swiper-slide.swiper-slide-active .product_img2 img,
.home1 .index_swiper .swiper-slide.swiper-slide-active .product_img2 p {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.home1 .index_swiper .swiper-slide.swiper-slide-active .product_img1 img img,
.home1 .index_swiper .swiper-slide.swiper-slide-active .product_img1 p img,
.home1 .index_swiper .swiper-slide.swiper-slide-active .product_img2 img img,
.home1 .index_swiper .swiper-slide.swiper-slide-active .product_img2 p img {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.search_jgcont {
  padding: 3.9063vw 0;
}

.search_jgcont .search_box {
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.search_jgcont .search_box input {
  padding: 0 1.0417vw;
  line-height: 2.5vw;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.search_jgcont .search_box {
  width: 60%;
  border: .0521vw solid #bf2d2f;
  -webkit-border-radius: 1.3021vw;
  border-radius: 1.3021vw;
  overflow: hidden;
}

.search_jgcont .search_box .btn {
  background-color: #bf2d2f;
  width: 4.1667vw;
  cursor: pointer;
  font-size: 1.4583vw;
  color: #fff;
  line-height: 2.1875vw;
}

.search_jgcont .search_box .btn i {
  font-size: 1.0417vw;
}

.search_list {
  margin-top: 1.5625vw;
}

.search_list a {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: .0521vw solid #dddddd;
  padding: 1.0417vw 0;
}

.search_list a .imgbox {
  width: 15.625vw;
}

.search_list a:last-child {
  border-bottom: .0521vw solid #dddddd;
}

.search_list a .text {
  width: -webkit-calc(100% - 16.6667vw);
  width: calc(100% - 16.6667vw);
}

.search_list a .text h2 {
  font-size: 1.0417vw;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.search_list a .text p {
  margin-top: .7813vw;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.3542vw;
}

.padding95 {
  padding-top: 4.6875vw;
}

.tong_title {
  text-align: center;
  padding-bottom: 1.5vw;
}

/* .tong_title {
  text-align: center;
} */

.tong_title h2 {
  font-size: 2.5vw;
  line-height: 1;
  padding-bottom: 1vw;
  font-weight: normal;
}

.tong_title .gradient_underline {
  display: inline-block;
  width: 5vw;
  height: 0.5vw;
  margin: 0 auto;
  border-radius: 42px;
  background-image: linear-gradient(90deg, #a5a5a5, #b757ff);
  /* background-color: #00479d; */
  /* border-bottom: 6px solid #0000ff; */
  /* border-bottom-color: linear-gradient(90deg, #a5a5a5, #b757ff); */
}

.index_about .tong_title h2 {
  margin-bottom: 0;
}

.index_about .tong_title p {
  margin-top: 1.5vw;
}

.tong_title p {
  font-size: .8333vw;
  line-height: 1.5;
}

.home2 {
  padding-top: 2.344vw;
}

.inproduct_swiper {
  margin-top: 1.5vw;
}

.inproduct_swiper .img_text {
  position: relative;
  width: 100%;
  display: block;
}

.inproduct_swiper .img_text .name {
  position: absolute;
  top: 1.8229vw;
  left: 0;
  right: 0;
  text-align: center;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.25vw;
  line-height: 1;
}

.inproduct_scrollbar {
  position: relative !important;
  height: .1042vw;
  background: #e8e8e8;
  margin-top: 2.0833vw;
}

.inproduct_scrollbar .swiper-scrollbar-drag {
  background-color: #00479d;
}

.index_purpose .tong_title {
  color: #fff;
}


.home3,
.home4 {
  background-size: 100% 100%;
}

.home3 .top {
  padding-top: 45px;
}

.home3 .con {
  position: relative;
  margin-bottom: 10px;
}

.purpose_swiper {
  width: 100%;
  height: 100.1%;
  position: absolute;
  left: 0;
  right: 0;
}

/* .purpose_swiper .swiper-slide{height: 100vh;} */
.purpose_swiper a {
  display: block;
  width: 100%;
  height: 100%;
}

.purpose_swiper .img_bg {
  width: auto;
  min-width: 100%;
  height: 100%;
  object-fit: cover;
}

.home3Text {
  width: 100%;
  height: 100%;
  color: #fff;
  position: relative;
  z-index: 2;
  padding: 100px 50px;
}

.home3Text .ppsw_box {
  width: 32.0313vw;
  max-width: 100%;
}

.home3Text .ppsw_box h2 {
  font-size: 1.875vw;
  line-height: 1;
  margin-bottom: 1.1458vw;
  font-weight: normal;
}

.home3Text .ppsw_box .desc {
  font-size: .9375vw;
  line-height: 1.5625vw;
}


.index_purpose {
  position: relative;
  z-index: 2;
}

/* .purpose_tabSwiper3{margin: 0;width: 100%;} */
.purpose_tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* border-bottom: .0521vw solid rgba(255, 255, 255, 0.2); */
  background-color: #f6f6f6;
  width: 100%;
  position: relative;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
  /* padding: 0 5px; */
}

.purpose_tab .item {
  /* width: 8%; */
  width: 16.6666%;
  font-size: .8333vw;
  line-height: 40px;
  color: #333;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  text-align: center;
  border-bottom: 2px solid transparent;
}

.purpose_tab .item.active {
  /* border-bottom-color: #00479d; */
  color: #00479d;
  background-color: #faebd7;
}

.more_links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 10.4167vw;
  height: 3.125vw;
  color: #fff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  border: .1042vw solid rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
}

.more_links .iconfont {
  position: relative;
  display: block;
  width: 12px;
  height: 2px;
  background: #fff;
  margin-left: 1.0417vw;
}


.more_links .iconfont::after {
  display: block;
  content: "";
  position: absolute;
  top: -3px;
  right: -4px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-left: 4px solid #fff;
  border-bottom: 4px solid transparent;
}

.more_links:hover {
  background: #00479d;
  border-color: #00479d;
  color: #fff;
}


.ppsw_box .more_links {
  margin-top: 3.9063vw;
}

.home3TabCont {
  width: 100%;
  position: relative;
}

.home3TabItem {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #fff;
}

.home3TabItem:hover {
  color: #fff;
}

.home3TabItem.active {
  position: static;
  display: block;
}

.purpose_jiantou {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.purpose_jiantou .btn {
  cursor: pointer;
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  border-radius: 0;
  background-color: #fff;
  color: #333;

}

.purpose_jiantou .btn:hover {
  background-color: #00479d;
  color: #fff;
}


.purpose_jiantou .btn i {
  font-size: 1.5625vw;
}

.purpose_jiantou .purpose_prev i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.incase_content {
  position: relative;
}

.incase_swiper .imgbox {
  position: relative;
}

.incase_swiper .imgbox img {
  width: auto;
  min-width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0 auto;
}

.incase_swiper .more_links {
  position: absolute;
  top: 41%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.incase_tab {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}

.incase_tablist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  /* justify-content: space-between; */
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.incase_tablist .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.6);
  height: 60px;
  cursor: pointer;
  font-size: .8333vw;
  width: -webkit-calc((100% - 2.1875vw) / 7);
  width: calc((100% - 2.1875vw) / 7);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  color: #000;
}

.incase_tablist .item.active {
  height: 90px;
  color: #fff;
  background: #00479d;
}

.home5 {
  width: 100%;
}

.home4 {
  position: relative;
  overflow: hidden;
}

.home4 .top {
  padding-top: 45px;
}

.home4TabBar {
  display: flex;
  justify-content: center;
}

.home4TabBar .tabTerm {
  width: 10.4167vw;
  height: 3.125vw;
  text-align: center;
  line-height: 3.125vw;
  font-size: .8333vw;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  border: .1042vw solid #d7dadf;
  margin-right: 1.0417vw;
  cursor: pointer;
}

.home4TabBar .tabTerm.active {
  background-color: #00479d;
  color: #fff;
  border-color: #00479d;
}

.home4TabCont {
  position: relative;
  margin-bottom: 10px;
  /* margin-top: 1.0417vw; */
}

.home4TabCont .tabItem {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.home4TabCont .tabItem.active {
  position: static;
  display: block;
}

.index_case {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.slide_auto {
  overflow-y: auto;
  display: block !important;
}

.index_news {
  padding: 90px 0 5.2083vw;
}

.innew_top {
  margin-top: 3.125vw;
  position: relative;
}

.innew_top .innew_more {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.innew_top .innew_tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.innew_top .innew_tab .item {
  width: 10.4167vw;
  height: 3.125vw;
  text-align: center;
  line-height: 3.125vw;
  font-size: .8333vw;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  border: .1042vw solid #d7dadf;
  margin-right: 1.0417vw;
  cursor: pointer;
}

.innew_more i {
  font-size: 3.125vw;
}

.innew_top .innew_tab .item:last-child {
  margin-right: 0;
}

.innew_top .innew_tab .item:hover,
.innew_top .innew_tab .item.active {
  background-color: #00479d;
  color: #fff;
  border-color: #00479d;
}

.innew_bgbox {
  margin-top: 2.0833vw;
  position: relative;
}

.innew_list {
  position: relative;
  z-index: 2;
}

.innew_list .innew_item {
  display: none;
}

.innew_bgbox::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50%;
  background: #f6f6f6;
}

.innew_bgbox .innew_list .innew_item {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.innew_bgbox .innew_list .innew_item:first-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.innew_bgbox .left {
  width: 65.87302%;
}

.innew_bgbox .right {
  width: 30.15873%;
}

.innew_bgbox .left a {
  display: block;
  position: relative;
}

.innew_bgbox .left .lfimtext {
  position: absolute;
  bottom: 1.8229vw;
  left: 2.0833vw;
  right: 2.0833vw;
  color: #fff;
}

.innew_bgbox .left .lfimtext h2 {
  font-size: 1.5625vw;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 1.0417vw;
  line-height: 1;
  font-weight: normal;
}

.innew_bgbox .left .lfimtext p {
  font-size: .9375vw;
}

.innew_bgbox .right_ul .item h2 {
  font-size: 1.25vw;
  font-weight: normal;
  line-height: 1.2;
  font-weight: 600;
}

.innew_bgbox .right_ul .item .desc {
  color: #2f2f2f;
  line-height: 1.4;
  margin-top: .7813vw;
  margin-bottom: 1.0417vw;
}

.innew_bgbox .right_ul .item .date {
  color: #999999;
  font-size: .9375vw;
}

.innew_bgbox .right_ul {
  height: 100%;
}

.innew_bgbox .right_ul .item {
  height: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.index_silu {
  background: #f6f6f6;
  padding-top: 7.2917vw;
}

.index_silulist {
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.index_silulist a {
  width: 33.33333%;
  padding: 2.8646vw 4.1667vw;
  position: relative;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.index_silulist a::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .0521vw;
  height: 4.1667vw;
  background-color: #d7dadf;
}

.index_silulist a h2 {
  font-size: 1.25vw;
  font-weight: normal;
  margin-bottom: .5208vw;
}

.index_silulist a p {
  line-height: 1.25vw;
}

.index_silulist a:last-child:after {
  display: none;
}

.index_silulist a:hover {
  background: #00479d;
  color: #fff;
}

.index_silulist a:hover::after {
  display: none;
}

.index_about {
  background-color: #0e063c;
  padding: 6.25vw 0;
  position: relative;
}

.starry_sky {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: #0d0639;
}

.index_about .container1260 {
  position: relative;
  z-index: 2;
}

/* .index_about { padding-top: 4.1667vw; padding-bottom: 6.25vw; background-image: url(resources/weilai_bg.jpg); } */

.index_about .tong_title {
  color: #fff;
  padding-bottom: 0;
}

.index_about .inab_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: .7813vw;
}

.index_about .inab_list .item {
  margin-right: 4.6875vw;
  color: #fff;
}

.index_about .inab_list .item:last-child {
  margin-right: 0;
}

.index_about .inab_list .item .shuzi {
  font-size: 1.25vw;
  line-height: 1;
  margin-bottom: .7813vw;
}

.index_about .inab_list .item .couter {
  font-size: 2.5vw;
  margin-right: .2604vw;
}

.index_about .inab_list .item .chenghao {
  font-size: 2.5vw;
  margin-right: .2604vw;
}

.index_about .inab_list .item .shuoming {
  text-align: center;
}

.indexContentbox {
  height: 100%;
  width: 100%;
}

.indexContent {
  height: auto;
}

.ft_saoma {
  margin-left: 10px;
}

.footer .footer_nav {
  width: 72%;
  justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-right: .0521vw solid #dcdcdc;
  padding-right: 1.0417vw;
}

.footer .footer_bottom {
  padding-top: .9375vw;
  padding-bottom: 1.4583vw;
}

.footer .ft_right {
  max-width: 28%;
}

.footer .footer_nav dl {
  margin: 0;
}

.footer .footer_nav dl dt {
  color: #000;
  font-size: .8333vw;
}

.footer .footer_nav dl dt i {
  font-size: .9375vw;
  display: inline-block;
  vertical-align: middle;
  margin-right: .2083vw;
}

.footer .footer_nav dl dt span {
  display: inline-block;
  vertical-align: middle;
}

.footer .footer_nav dl dd {
  margin-left: 0;
}

.footer .footer_nav dl dd a {
  color: #898b8f;
  display: block;
  font-size: .75vw;
  margin-top: .7813vw;
}

.footer_nav dl i {
  display: none;
}

.footer .footer_nav dl dd a:first-child {
  margin-top: 1.8229vw;
}

.footerNav2 {
  position: relative;
  margin-top: .7813vw;
}

.footerNav2:first-child {
  margin-top: 1.8229vw;
}

.footerNav2 a {
  margin-top: 0 !important;
}

.footerNav2 i {
  font-size: 12px !important;
  top: -0.5208vw !important;
}

.footerNav3 {
  width: 100%;
  padding-top: .5208vw;
  padding-left: .7813vw;
  display: none;

}

.footerNav3 .Flink3 {
  display: block;
  color: #898b8f;
  font-size: .625vw;
  line-height: 30px;
  margin-top: 0 !important;
}

.fttit {
  font-size: .8333vw;
  text-align: center;
}

.footer_ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: .9375vw;
}

.footer_ul li p {
  font-size: .8333vw;
  text-align: center;
  color: #898b8f;
  margin-top: .4167vw;
}

.footer_ul li .ft_erweima {
  width: 6.25vw;
  height: 6.25vw;
  background: #dedede;
  padding: .5208vw;
}

.footer_ul li .ft_erweima img {
  width: 100%;
}

.footer_ul li:first-child {
  margin-right: 1.0417vw;
}

.ft_phone {
  margin-top: 2.3438vw;
}

.ft_phone p {
  font-size: .8333vw;
}

.ft_phone p {
  font-size: 1vw;
}

.ft_phone .li {
  margin-top: 8px;
  display: flex;
  align-items: center;
}

.ft_phone h2 {
  font-size: 1vw;
  line-height: 1;
  font-weight: normal;
}

.footer {
  width: 100%;
}

.footer_links {
  margin-top: .2604vw;
}

.footer_links a {
  display: inline-block;
  margin-right: .4167vw;
}

.footer_top {
  padding-bottom: 1.8229vw;
  border-bottom: .0521vw solid #dcdcdc;
  padding-top: 3.125vw;
}

.footer_bottom {
  padding-top: .8333vw;
  padding-bottom: 1.3542vw;
}

.ftbt_cont {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ftbt_cont .ft_beian {
  margin-right: 3.125vw;
}

.ft_saoma li {
  display: inline-block;
  position: relative;
  margin-right: .3125vw;
}

.ft_saoma .ftlibox {
  cursor: pointer;
  width: 2.0833vw;
  height: 2.0833vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.ft_saoma li:nth-child(1) .ftlibox {
  background: #297de5;
}

.ft_saoma li:nth-child(2) .ftlibox {
  background: #61a340;
}

.ft_saoma li:nth-child(3) .ftlibox {
  background: #e8754c;
}

.ft_saoma .ftlibox i {
  font-size: .9375vw;
  color: #fff;
}

.ft_saoma .erweimabox {
  position: absolute;
  bottom: 150%;
  left: 50%;
  width: 5.2083vw;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  pointer-events: none;
  opacity: 0;
  -webkit-box-shadow: 0 .1042vw .5208vw rgba(0, 0, 0, 0.1);
  box-shadow: 0 .1042vw .5208vw rgba(0, 0, 0, 0.1);
  padding: .2604vw;
}

.ft_saoma li:hover .erweimabox {
  bottom: 100%;
  opacity: 1;
  pointer-events: initial;
}

.language_box {
  margin-left: 20px;
  cursor: pointer;
  position: relative;
  height: 100%;
  height: 5.2083vw;
  line-height: 5.1042vw;
}

.yuyan_icon {
  position: relative;
  padding-left: 20px;
}

.yuyan_icon::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 20px;
  background-color: #a7a7a7;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.yuyan_icon i {
  font-size: 24px;
}

.yuyan_select {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  min-width: 5.2083vw;
  background: #fff;
  -webkit-box-shadow: 0 .1042vw .5208vw rgba(0, 0, 0, 0.1);
  box-shadow: 0 .1042vw .5208vw rgba(0, 0, 0, 0.1);
}

.yuyan_select a {
  display: block;
  padding: 5px;
  text-align: center;
  line-height: 1.5;
}

.language_box:hover .yuyan_select {
  display: block;
}

.ProductCenter {
  padding: 3.125vw 0 5.2083vw;
}

.ProductCenter .con {
  visibility: hidden;
  float: right;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 71.42857%;
}

.ProductCenter .con .box {
  display: block;
  width: 48.88889%;
  margin-bottom: 2.0833vw;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #fff;
}

.ProductCenter .con .box .text {
  display: flex;
  align-items: center;
  padding: 0 2.0833vw;
  border: .0521vw solid #ebebeb;
  border-bottom: none;
  font-size: 0;
  background-color: #f7f3ff;
}

.ProductCenter .con .box .text h5 {
  font-size: .9375vw;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  line-height: 2.65vw;
  width: 100%;
}

/* .ProductCenter .con .box .text h5::before{
  content: "";
  width: 0%;
  height: .1042vw;
  background-color: #333;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.6s;
} */
/* .ProductCenter .con .box:hover .text h5::before{width: 100%;} */

.ProductCenter .con .box .text .t {
  margin-top: 1.6667vw;
  font-size: .7292vw;
  color: #5c636b;
  line-height: 1.25vw;
  display: -webkit-box;
  height: 2.5vw;
  line-height: 1.25vw;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.ProductCenter .con .box .text .notes {
  /* display: none; */
  display: inline-block;
  text-align: right;
  width: 100%;
  /* margin-top: 1.3021vw; */
  font-size: .9vw;
  color: #758ba5;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  white-space: nowrap;
}

.ProductCenter .con .box .img {
  width: 100%;
}

.ProductCenter .con .box .img .pictureBox {
  padding-top: 68.18182%;
}

.ProductCenter .con .box:hover {
  -webkit-box-shadow: 0 1.5625vw 1.5625vw -0.8854vw #cfcece;
  box-shadow: 0 1.5625vw 1.5625vw -0.8854vw #cfcece;
}

/* .ProductCenter .con .box:hover .text .notes {
  color: #00479d;
  display: none;
} */

.ProductCenter .con .box:hover .img .pictureBox img {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}

.ProductXQ2 {
  text-align: center;
}

.ProductXQ2 .tit {
  font-size: 2.0833vw;
  color: #000;
  text-align: center;
  background-color: #e8e8e8;
  padding: 4.1667vw 0;
}

.ProductXQ2 .con {
  padding: 5.2083vw 1.0417vw;
}

.ProductXQ2 .con img {
  max-width: 100%;
  padding: 1.5625vw 0;
}

.ProductXQ2 .con .text {
  font-size: .8333vw;
  line-height: 1.5;
  margin-top: 2.0833vw;
}

.publicLeft {
  float: left;
  width: 24%;
  /* width: 25.39683%;  */
}

.publicLeft .li {
  margin-bottom: .1042vw;
  background-color: #fff;
  cursor: pointer;
  position: relative;
}

.publicLeft .li h5 {
  border-left: .1563vw solid transparent;
  /* line-height: 50px;  */
  line-height: 2.65vw;
  padding: 0 1.0417vw;
  font-size: .9375vw;
  color: #333;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}

.publicLeft .li .liOn {
  display: block;
  width: 10px;
  height: 10px;
  border: 2px solid transparent;
  border-top-color: #333;
  border-right-color: #333;
  transform: rotate(45deg);
  position: absolute;
  right: 10px;
  top: 1.047vw;
  transition: all 0.3s;
}

.publicLeft .li.active .liOn,
.publicLeft .li.active2 .liOn,
.publicLeft .li h5.active .liOn {
  border-top-color: #333;
  border-right-color: #333;
  transform: rotate(135deg);
  top: .9vw;
}

.publicLeft .li h5.active {
  border-left-color: #dedede;
  color: #333;
  background-color: #dedede;
  color: #333;
}

.publicLeft .li h5.active a {
  color: #333;
}

.publicLeft .li h5 a {
  display: block;
}

.publicLeft .li .Downul2 {
  display: none;
}

.publicLeft .li .li2 {
  border-top: .0521vw solid #fff;
  display: none;
}

.publicLeft .li .li2 a {
  line-height: 2.65vw;
  font-size: .8333vw;
  color: #6c7079;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0 20px 0 40px;
  display: block;
}

.publicLeft .li .li2 a:hover,
.publicLeft .li .li2 a.active {
  color: #00479d;
}

/* .publicLeft .li .ul2 { margin-top: .5vw; } */
.publicLeft .li .ul2.active .ul3 {
  display: block;
}

.publicLeft .li .ul2 .li3 {
  padding-left: 2.2vw;
}

.publicLeft .li .ul2 .li3 .t {
  font-size: .9375vw;
  color: #333;
  line-height: 2.65vw;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}

.publicLeft .li .ul2 .li3 .t .li3On {
  display: block;
  width: 8px;
  height: 8px;
  border: 2px solid transparent;
  border-top-color: #333;
  border-right-color: #333;
  transform: rotate(45deg);
  position: absolute;
  right: 15px;
  top: 1.1vw;
  transition: all 0.3s;
}

.publicLeft .li .ul2 .li3 .t.active {
  color: #333;
}

.publicLeft .li .ul2 .li3 .t.active .li3On {
  border-top-color: #333;
  border-right-color: #333;
  transform: rotate(135deg);
}

.publicLeft .li .ul2 .li3 .ul3 {
  display: none;
}

.publicLeft .li .ul2 .li3 .ul3.active {
  display: block;
}

.publicLeft .li .ul2 .li3 .ul3 a {
  display: block;
  font-size: .8333vw;
  color: #333;
  line-height: 2.65vw;
  padding-left: 25px;
  padding-right: 10px;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.publicLeft .li .ul2 .li3 .ul3 a::before {
  content: "";
  width: 5px;
  height: 5px;
  background-color: #6c7079;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.publicLeft .li .ul2 .li3 .ul3 a:hover,
.publicLeft .li .ul2 .li3 .ul3 a.active {
  color: #00479d;
}

.publicLeft .li .ul2 .li3 .ul3 a:hover::before,
.publicLeft .li .ul2 .li3 .ul3 a.active::before {
  background-color: #00479d;
}

.publicLeft .li.active h5,
.publicLeft .li.active2 h5 {
  border-left-color: #dedede;
  color: #333;
  background-color: #dedede;
}

.publicLeft .li.active h5 a,
.publicLeft .li.active2 h5 a {
  color: #333;
  display: block;
}

.publicLeft .li:hover h5 a,
.publicLeft .li:hover h5 a {
  color: #00479d;
  display: block;
}

.publicLeft .li.active .li2 {
  display: block;
}

.publicLeft .li.active2 .Downul2 {
  display: block;
}

.layui-laypage {
  margin: 0 !important;
}

#demo0 {
  width: 100%;
}

#demo0 .layui-box {
  width: 100%;
  text-align: center;
}

.layui-laypage a,
.layui-laypage span {
  width: 40px !important;
  height: 40px !important;
  border: none !important;
  background-color: #fafafa !important;
  line-height: 40px !important;
  font-size: 16px !important;
  color: #333 !important;
  margin: 0 10px !important;
  padding: 0 !important;
}

.layui-laypage-prev {
  position: relative;
}

.layui-laypage-prev::before {
  content: "";
  border: 6px solid transparent;
  border-right-color: #00479d;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 11px;
}


.layui-laypage-prev:hover {
  background-color: #00479d !important;
}

.layui-laypage-prev:hover::before {
  border-right-color: #fff !important;
}


.layui-laypage-next {
  position: relative;
}

.layui-laypage-next::before {
  content: "";
  border: 6px solid transparent;
  border-left-color: #00479d;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 11px;
}

.layui-laypage-next:hover {
  background-color: #00479d !important;
}

.layui-laypage-next:hover::before {
  border-left-color: #fff !important;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: #fafafa !important;
}

.layui-laypage .layui-laypage-curr em {
  color: #00479d !important;
}

.layui-laypage-prev.layui-disabled:hover {
  background-color: #fafafa !important;
  cursor: none !important;
}

.layui-laypage-next.layui-disabled:hover {
  background-color: #fafafa !important;
  cursor: none !important;
}

.layui-laypage-prev.layui-disabled:hover {
  cursor: auto !important;
}

.layui-laypage-next.layui-disabled:hover {
  cursor: auto !important;
}

.layui-laypage-prev.layui-disabled::before {
  border-right-color: #dedede !important;
}

.layui-laypage-next.layui-disabled::before {
  border-left-color: #dedede !important;
}

.layui-disabled {
  cursor: auto !important;
}


.publicLink {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-bottom: .0521vw solid #d6d6d6;
  z-index: 10;
}

.publicLink .container1260 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* .publicLink .container1260 h5 { line-height:3.6458vw; font-size:1.5vw; color: #333; font-weight: bold;} */
.publicLink .container1260 h5 {
  font-size: 1.5vw;
  color: #333;
  font-weight: bold;
}

.publicLink .container1260 .right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.publicLink .container1260 .right a {
  overflow: inherit;
  font-size: .9375vw;
  color: #333;
  border-bottom: 1px solid transparent;
  line-height: 3.6458vw;
  margin-bottom: -0.1042vw;
}

.publicLink .container1260 .right a:hover {
  color: #00479d;
}

.publicLink .container1260 .right a.active {
  border-bottom-color: #00479d;
  color: #00479d;
}

.publicLink .container1260 .right a:not(:first-child) {
  margin-left: 3.125vw;
}

.TopicPagetit {
  text-align: center;
}

.TopicPagetit h3 {
  font-size: 3.125vw;
  color: #ffff;
  line-height: 1;
  font-weight: bold;
}

.TopicPagetit h5 {
  font-size: 2.0833vw;
  color: #fff;
}

.TopicPagetit.TopicPagetit_B h3,
.TopicPagetit.TopicPagetit_B h5 {
  color: #333;
}

.TopicPage>div:not(.publicLink) {
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.TopicPageCon1 {
  background-color: #0e0e0f;
  padding-top: 5.7292vw;
}

.TopicPageCon1 .text {
  margin: 0 auto;
  width: 22.91667%;
}

.TopicPageCon1 .text img {
  width: 100%;
}

.TopicPageCon1 h5 {
  margin-top: 1.5625vw;
}

.TopicPageCon1 .img {
  margin: 4.7917vw auto 0;
  width: 34.375%;
}

.TopicPageCon2 {
  margin-bottom: -0.1563vw;
  width: 100%;
  position: relative;
}

.TopicPageCon2 video {
  width: 100% !important;
}

.TopicPageCon2 .off {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  cursor: pointer;
}

.TopicPageCon2 .off img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.TopicPageCon3 {
  padding: 10.4167vw 0 7.5521vw;
}

.TopicPageCon3 h5 {
  font-size: 2.0833vw;
  color: #fff;
  margin-top: 1.8229vw;
}

.TopicPageCon3 .img {
  margin: 4.1667vw auto 0;
  width: 41.66667%;
}

.TopicPageCon3 .img img {
  width: 100%;
}

.TopicPageCon3 p {
  font-size: 1.3542vw;
  color: #fff;
  line-height: 3.125vw;
  margin-top: 3.6458vw;
  text-align: center;
}

.TopicPageCon3 p span {
  font-size: 2.0833vw;
}

.TopicPageCon4 {
  padding: 7.1875vw 0 6.25vw;
}

.TopicPageCon4 .con {
  width: 63.07292%;
  margin: 2.8646vw auto 0;
  border: .1563vw solid #fff;
  -webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), color-stop(#fff), to(#a6a6a6)) 30 30;
  -webkit-border-image: linear-gradient(#a6a6a6, #fff, #a6a6a6) 30 30;
  border-image: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), color-stop(#fff), to(#a6a6a6)) 30 30;
  border-image: linear-gradient(#a6a6a6, #fff, #a6a6a6) 30 30;
}

.TopicPageCon4 .con .slider::after {
  top: 2.0833vw;
  right: 2.0833vw;
  line-height: 1;
}

.TopicPageCon4 .con .slider .beer-reveal::after {
  top: 2.0833vw;
  right: 2.0833vw;
  line-height: 1;
}

.TopicPageCon4 .con .slider .beer-reveal::before {
  width: .2083vw;
  height: 100%;
  right: 0vw;
  background: url(resources/icon26.png) no-repeat;
  content: '';
  position: absolute;
  top: 0vw;
}

.TopicPageCon4 .con .beer-handle {
  display: none;
}

.slider {
  z-index: 1;
  position: relative;
  overflow: hidden;
  width: 100%;
  left: 0vw;
  top: 0vw;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-position: left top;
}

.slider::after {
  content: attr(data-beer-label);
  position: absolute;
  z-index: 9;
  font-size: 2.0833vw;
  color: #fff;
  white-space: nowrap;
  line-height: 1;
}

.slider .beer-reveal {
  position: absolute;
  left: 0vw;
  top: 0vw;
  height: 100%;
  z-index: 10;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-position: left top;
}

.slider .beer-reveal::after {
  content: attr(data-beer-label);
  position: absolute;
  z-index: 9;
  font-size: 2.0833vw;
  color: #fff;
  white-space: nowrap;
  line-height: 1;
}

.slider .beer-reveal::before {
  width: .0521vw;
  height: 100%;
  right: 0vw;
  background: #fff;
  content: '';
  position: absolute;
  top: 0vw;
}

.slider img {
  display: block;
  opacity: 0;
  visibility: hidden;
  width: 100%;
}

.slider .beer-range {
  position: absolute;
  z-index: 12;
  top: 0;
  bottom: 0;
  height: 100%;
  margin: 0;
  left: -0.0521vw;
  width: -webkit-calc(100% + .1042vw);
  width: calc(100% + .1042vw);
  cursor: pointer;
  -webkit-appearance: slider-horizontal !important;
  -moz-appearance: none;
  opacity: 0;
  -ms-touch-action: auto;
  touch-action: auto;
}

.beer-handle {
  width: 3.125vw;
  height: 3.125vw;
  position: absolute;
  z-index: 12;
  pointer-events: none;
  top: 50%;
  left: 50%;
  border: .0521vw solid #fff;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  background: rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 50%;
  border-radius: 50%;
}


.beer-handle::before,
.beer-handle::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  border-top: solid 1px #fff;
  border-left: solid 1px #fff;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

.beer-handle::before {
  left: .625vw;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.beer-handle::after {
  right: .1042vw;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.TopicPageCon5 {
  padding: 5.7292vw 0 5.2083vw;
}

.TopicPageCon5 h5 {
  margin-top: 1.5625vw;
}

.TopicPageCon5 .img {
  width: 41.66667%;
  margin: 7.2917vw auto 0;
}

.TopicPageCon5 .img img {
  width: 100%;
}

.TopicPageCon6 {
  padding-top: 5.2083vw;
}

.TopicPageCon6 h5 {
  margin-top: 1.5625vw;
}

.TopicPageCon6 .img {
  width: 100%;
  margin-top: 2.6042vw;
  text-align: center;
}

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

.TopicPageCon7 {
  background-color: #000;
  padding: 6.25vw 0 5.2083vw;
}

.TopicPageCon7 h5 {
  margin-top: 1.5625vw;
}

.TopicPageCon7 .img {
  margin: 2.8646vw auto 0;
  width: 62.5%;
}

.TopicPageCon7 .img img {
  width: 100%;
}

.TopicPageCon8 .con {
  position: relative;
}

.TopicPageCon8 .TopicPagetit {
  padding: 4.9479vw 0 2.3438vw;
}

.TopicPageCon8 .TopicPagetit h5 {
  margin-top: 1.5625vw;
  font-size: 1.3542vw;
}

.TopicPageCon8 .slider::after {
  height: 3.125vw;
  width: 9.375vw;
  line-height: 3.125vw;
  -webkit-border-radius: 1.5625vw;
  border-radius: 1.5625vw;
  border: .1042vw solid #fff;
  text-align: center;
  bottom: 3.125vw;
  right: 32.23958%;
  background: rgba(255, 255, 255, 0.2);
  font-weight: bold;
}

.TopicPageCon8 .slider .beer-reveal::after {
  height: 3.125vw;
  width: 9.375vw;
  line-height: 3.125vw;
  -webkit-border-radius: 1.5625vw;
  border-radius: 1.5625vw;
  border: .1042vw solid #fff;
  text-align: center;
  font-weight: bold;
  bottom: 3.125vw;
  right: 16.817%;
  background: rgba(255, 255, 255, 0.2);
}

.TopicPageCon8.Z6TopicPage4 .slider::after {
  font-size: 1.3542vw;
  height: 2.5vw;
  width: 7.2917vw;
  line-height: 2.5vw;
  -webkit-border-radius: 1.5625vw;
  border-radius: 1.5625vw;
  border: none;
  text-align: center;
  bottom: 2.0833vw;
  right: 32.23958%;
  background: rgba(0, 0, 0, 0.6);
}

.TopicPageCon8.Z6TopicPage4 .slider::before {
  content: attr(data2-beer-label);
  font-size: 1.5625vw;
  color: #fff;
  font-weight: bold;
  position: absolute;
  top: 2.0833vw;
  right: 2.0833vw;
  line-height: 1;
}

.TopicPageCon8.Z6TopicPage4 .slider .beer-reveal::after {
  font-size: 1.3542vw;
  height: 2.5vw;
  width: 7.2917vw;
  line-height: 2.5vw;
  -webkit-border-radius: 1.5625vw;
  border-radius: 1.5625vw;
  border: none;
  text-align: center;
  bottom: 2.0833vw;
  right: 16.817%;
  background: rgba(0, 0, 0, 0.6);
}

.TopicPageCon9 {
  position: relative;
}

.TopicPageCon9 .TopicPagetit {
  position: absolute;
  width: 100%;
  left: 0;
  top: 5.9896vw;
}

.TopicPageCon9 .TopicPagetit h5 {
  margin-top: 1.1979vw;
}

.TopicPageCon10 {
  background-color: #000;
  padding: 6.25vw 0 14.3229vw;
}

.TopicPageCon10 .img {
  width: 62.5%;
  margin: 7.1354vw auto 0;
}

.TopicPageCon10 .img img {
  width: 100%;
}

.TopicPageCon11 {
  padding: 5.2083vw 0 7.0313vw;
}

.TopicPageCon11 .img {
  width: 62.5%;
  margin: 3.9063vw auto 0;
}

.TopicPageCon11 .img img {
  width: 100%;
}

.TopicPageCon12 {
  position: relative;
}

.TopicPageCon12 img {
  width: 100%;
}

.TopicPageCon12 img.Lhide {
  display: none;
}

.TopicPageCon12 .TopicPagetit {
  position: absolute;
  top: 10%;
  left: 0;
  width: 100%;
}

.TopicPageCon12 .TopicPagetit .t {
  padding: 0 .5208vw;
  font-size: .8333vw;
  margin-top: .5208vw;
}

.TopicPageCon13 {
  padding: 7.2917vw 0 4.1667vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

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

.TopicPageCon13 .left img {
  max-width: 100%;
}

.TopicPageCon13 .right {
  width: 50%;
  text-align: center;
}

.TopicPageCon13 .right img {
  max-width: 90%;
  width: auto;
}

.TopicPageCon13 .right .TopicPagetit {
  margin-top: 1.5625vw;
}

.TopicPageCon14 {
  position: relative;
}

.TopicPageCon14 img {
  width: 100%;
}

.TopicPageCon14 img.Lhide {
  display: none;
}

.TopicPageCon14 .right {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  width: 50%;
  text-align: center;
}

.TopicPageCon14 .right img {
  max-width: 90%;
  width: auto;
}

.TopicPageCon14 .right .TopicPagetit {
  margin-top: 1.5625vw;
}

.TopicPageCon15 {
  padding: 5.2083vw 0;
  background-color: #fff;
}

.TopicPageCon15 .TopicPagetit h5 {
  margin-top: 1.0417vw;
}



.TopicPage_ALCon {
  padding: 3.125vw 0 4.0625vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.TopicPage_ALCon .box {
  display: block;
  width: 31.74603%;
  margin-bottom: 2.0833vw;
}

.TopicPage_ALCon .box:not(:nth-child(3n + 1)) {
  margin-left: 2.38095%;
}

.TopicPage_ALCon .box .img {
  width: 100%;
}

.TopicPage_ALCon .box .img .pictureBox {
  padding-top: 61.75%;
}

.TopicPage_ALCon .box .text {
  background-color: #fff;
  padding: 1.0417vw;
  border: .0521vw solid #f5f5f5;
  border-top: none;
}

.TopicPage_ALCon .box .text h5 {
  font-size: 1.0417vw;
  color: #333;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.TopicPage_ALCon .box .text .t {
  font-size: .8333vw;
  color: #6b717a;
  line-height: 1.1458vw;
  margin-top: .625vw;
  display: -webkit-box;
  height: 2.2917vw;
  line-height: 1.1458vw;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.TopicPage_ALCon .box .text .data {
  margin-top: 1.0417vw;
  font-size: .8333vw;
  color: #999;
}

.TopicPage_ALCon .box:hover .img .pictureBox img {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}

.TopicPage_GG {
  background-color: #f5f5f5;
}

.TopicPage_GGCon {
  padding-bottom: 5.7292vw;
}

.TopicPage_GGCon .top {
  padding-top: 5.2083vw;
}

.TopicPage_GGCon .tit {
  font-size: 2.3958vw;
  color: #000;
  line-height: 1;
  font-weight: bold;
  text-align: center;
}

.TopicPage_GGCon .top .con {
  margin-top: 1.3021vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.TopicPage_GGCon .top .con .box {
  background-color: #fff;
  width: 48.80952%;
  padding: 2.3438vw 2.0833vw;
  margin-bottom: 1.5625vw;
}

.TopicPage_GGCon .top .con .box:not(:nth-child(2n + 1)) {
  margin-left: 2.38095%;
}

.TopicPage_GGCon .top .con .box h5 {
  font-size: 1.0417vw;
  color: #333;
  line-height: 1;
  font-weight: bold;
}

.TopicPage_GGCon .top .con .box .li {
  margin-top: .7813vw;
}

.TopicPage_GGCon .top .con .box .li p {
  padding-left: .6771vw;
  position: relative;
  font-size: .7292vw;
  color: #666;
  line-height: 1.5625vw;
}

.TopicPage_GGCon .top .con .box .li p::before {
  content: "";
  width: .2083vw;
  height: .2083vw;
  background-color: #00479d;
  position: absolute;
  top: .6771vw;
  left: 0;
}

.TopicPage_GGCon .bottom {
  margin-top: 3.6458vw;
}

.TopicPage_GGCon .bottom table {
  background-color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 1.3021vw;
  font-size: .8333vw;
  color: #828282;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-color: #eee !important;
}

.TopicPage_GGCon .bottom table tr th {
  text-align: center;
  height: 2.6042vw;
  border-color: #eee !important;
  font-size: 1.0417vw;
  color: #333;
}

.TopicPage_GGCon .bottom table tr td {
  text-align: center;
  height: 2.6042vw;
  border-color: #eee !important;
}

.TopicPage_GGCon.TopicPage_GGCon2 {
  margin-bottom: 1.5625vw;
}

.TopicPage_GGCon.TopicPage_GGCon2 .top .con .box {
  border: .0521vw solid #e6e6e6;
}

.TopicPage_GGCon.TopicPage_GGCon2 .con1 {
  margin-top: 3.6458vw;
}

.TopicPage_GGCon.TopicPage_GGCon2 .con1 table {
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1.3021vw;
}

.TopicPage_GGCon.TopicPage_GGCon2 .con1 table tr {
  font-size: .8333vw;
  color: #333;
}

.TopicPage_GGCon.TopicPage_GGCon2 .con1 table tr th {
  height: 3.125vw;
  border-color: #e8e8e8 !important;
  text-align: left;
}

.TopicPage_GGCon.TopicPage_GGCon2 .con1 table tr th:nth-child(1) {
  padding-left: 3.125vw;
  font-weight: normal;
}

.TopicPage_GGCon.TopicPage_GGCon2 .con1 table tr th:nth-child(2) {
  padding: .9375vw 2.0833vw;
  font-weight: normal;
}

.TopicPage_GGCon.TopicPage_GGCon2 .con1 table tr td {
  border-color: #e8e8e8 !important;
}

.TopicPage_GGCon.TopicPage_GGCon2 .con1 table tr td:nth-child(1) {
  padding-left: 3.125vw;
}

.TopicPage_GGCon.TopicPage_GGCon2 .con1 table tr td:nth-child(2) {
  padding: .9375vw 2.0833vw;
}

.TopicPage_GGCon.TopicPage_GGCon2 .con1 table tr:nth-child(odd) {
  background-color: #fafafa;
}

.TopicPage_GGCon.TopicPage_GGCon2 .con1.con2 {
  margin-top: 4.4271vw;
}

.TopicPage_GGCon.TopicPage_GGCon2 .con1.con2 table tr th {
  text-align: center;
  font-weight: bold;
}

.TopicPage_GGCon.TopicPage_GGCon2 .con1.con2 table:nth-child(3n) {
  margin-top: 2.1875vw;
}

.TopicPage_video {
  padding-bottom: 3.125vw;
}

.TopicPage_video .big_video {
  width: 100%;
  background-color: #f5f5f5;
  padding: 3.125vw 0;
}

.TopicPage_video .big_video .LedOK_Express_videos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.TopicPage_video .big_video .con {
  /* position: relative; */
  display: flex;
  flex-direction: column;
  width: 42%;
  /* width: 34%; */
  padding: 42px 21px;
}

.TopicPage_video .big_video .con .off {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  z-index: 10;
}

.TopicPage_video .big_video .con .off img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 2.6042vw;
  height: 2.6042vw;
}

.TopicPage_video .big_video .con video {
  width: 100%;
  margin-bottom: -0.1563vw;
  pointer-events: none;
}

.TopicPage_video .big_video .con .text {
  /* position: absolute;
  bottom: 0;
  left: 0; */
  /* display: none; */
  width: 100%;
  line-height: 3.5vw;
  text-align: center;
  font-size: 1vw;
  color: #000000;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  /* background-color: rgb(230 234 255); */
}

.TopicPage_video .list_video {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 3.125vw 0 2.0833vw;
}

.TopicPage_video .list_video .box {
  cursor: pointer;
  width: 30.95238%;
  margin-bottom: 2.8646vw;
}

.TopicPage_video .list_video .box:not(:nth-child(3n + 1)) {
  margin-left: 3.57143%;
}

.TopicPage_video .list_video .box .videoBox {
  position: relative;
  width: 100%;
}

.TopicPage_video .list_video .box .videoBox video {
  width: 100%;
}

.TopicPage_video .list_video .box .videoBox::before {
  width: 2.6042vw;
  height: 2.6042vw;
  background: url(../image/videoIcon.png) no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
}

.TopicPage_video .list_video .box h5 {
  font-size: 1.0417vw;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: .7813vw;
  font-weight: bold;
}

.Video_popUp {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
}

.Video_popUp .con {
  width: 60%;
  max-height: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.Video_popUp .con video {
  width: 100%;
}

.Video_popUp .con .off {
  width: 2.0833vw;
  height: 2.0833vw;
  position: absolute;
  top: -2.6042vw;
  right: 0;
  cursor: pointer;
}

.Video_popUp .con .off img {
  width: 100%;
}

.Video_popUp i {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: -1;
  cursor: pointer;
}

.TopicPage_download {
  padding: 4.9479vw 0 4vw;
  min-height: calc(100vh - 700px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}

.TopicPage_download .box {
  width: 31.34921%;
}

.TopicPage_download .box:not(:first-child) {
  margin-left: 2.976185%;
}

.TopicPage_download .box .tit {
  font-size: 1.0417vw;
  color: #333;
  padding-bottom: .7813vw;
  border-bottom: .0521vw solid #cacaca;
}

.TopicPage_download .box .list a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.3021vw;
  align-items: center;
}

.TopicPage_download .box .list a p {
  font-size: .9375vw;
  color: #333;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: calc(100% - 40px);
  padding-left: .7500vw;
  line-height: 1.3;
  display: flex;
  align-items: center;

}

.TopicPage_download .box .list a .TextIcon {
  width: 22px;
  font-size: 0;
}

.TopicPage_download .box .list a .TextIcon img {
  width: 100%;
}

.TopicPage_download .box .list a .TextIcon .Lhide {
  display: none;
}

.TopicPage_download .box .list a:hover .TextIcon .Lshow {
  display: none;
}

.TopicPage_download .box .list a:hover .TextIcon .Lhide {
  display: block;
}

.TopicPage_download .box .list a .icon {
  width: 14px;
}

.TopicPage_download .box .list a .icon img {
  width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.TopicPage_download .box .list a .icon img.Lhide {
  display: none;
}

.TopicPage_download .box .list a:hover p {
  color: #00479d;
}

.TopicPage_download .box .list a:hover img.Lshow {
  display: none;
}

.TopicPage_download .box .list a:hover img.Lhide {
  display: block;
}

.TopicPage_download .box .list2 .li {
  margin-top: 1.3021vw;
  position: relative;
}

.TopicPage_download .box .list2 .li .left {
  width: 100%;
  display: flex;
  align-items: center;
  padding-right: 70px;
}

.TopicPage_download .box .list2 .li .right {
  position: absolute;
  top: 2px;
  right: 0;
  z-index: 3;
}

.TopicPage_download .box .list2 .li:nth-child(n + 1) {
  margin-top: 1.3021vw;
}


.TopicPage_download .box .list2 .li .icon1 {
  width: 22px;
  font-size: 0;
}

.TopicPage_download .box .list2 .li .icon1 img {
  width: 100%;
}

.TopicPage_download .box .list2 .li .text {
  padding-left: .7813vw;
  width: calc(100% - 22px);
}

.TopicPage_download .box .list2 .li .text h5 {
  line-height: 1.3;
  font-size: .9375vw;
  color: #333;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: flex;
  align-items: center;

}

.TopicPage_download .box .list2 .li .UpdateSm {
  font-size: .7292vw;
  color: #828282;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.TopicPage_download .box .list2 .li .UpdateSm:hover {
  color: #00479d;
  ;
}

.TopicPage_download .box .list2 .li .icon2 {
  width: 14px;
  margin-right: 5px;
}

.TopicPage_download .box .list2 .li .icon2 img {
  width: 100%;
}

.TopicPage_download .box .list2 .li .icon2 img.Lhide {
  display: none;
}

.TopicPage_download .box .list2 .li:hover .icon1 img.Lhide,
.TopicPage_download .box .list2 .li:hover .icon2 img.Lhide {
  display: block;
}

.TopicPage_download .box .list2 .li:hover .icon1 img.Lshow,
.TopicPage_download .box .list2 .li:hover .icon2 img.Lshow {
  display: none;
}

.TopicPage_download .box .list2 .li:hover .text h5 {
  color: #00479d;
}

.TopicPage_download .box .list2 .li:hover .text p {
  color: #00479d;
}

.Description_popUp {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
}

.Description_popUp i {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}

.Description_popUp .con {
  width: 30%;
  max-height: 80%;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 50px 20px 20px;
  -webkit-border-radius: .5208vw;
  border-radius: .5208vw;
}

.Description_popUp .con .tit {
  text-align: center;
  color: #232323;
  font-size: 1.5625vw;
}

.Description_popUp .con .text {
  width: 100%;
  margin-top: 1.0417vw;
  padding-top: 1.0417vw;
}

.Description_popUp .con .text h5 {
  font-size: .8333vw;
  color: #333;
  white-space: normal;
}

.Description_popUp .con .text p {
  font-size: .7292vw;
  color: #999;
  white-space: normal;
}

.Description_popUp .con .off {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  transform: rotate(45deg);
}

.Description_popUp .con .off img {
  display: none;
}

.Description_popUp .con .off::before {
  width: 100%;
  height: 2px;
  background-color: #000;
  content: "";
  position: absolute;
  top: 11.5px;
  left: 0;
}

.Description_popUp .con .off::after {
  width: 2px;
  height: 100%;
  background-color: #000;
  content: "";
  position: absolute;
  top: 0;
  left: 11.5px;
}

.Description_popUp .con::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: .2604vw;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: .0521vw;
}

.Description_popUp .con::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  -webkit-border-radius: .5208vw;
  border-radius: .5208vw;
  -webkit-box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2);
  background: #00479d;
}

.Description_popUp .con::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2);
  -webkit-border-radius: .5208vw;
  border-radius: .5208vw;
  background: #EDEDED;
}

.Solution {
  padding: 3.125vw 0 2.0833vw;
}

.Solution .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 3.125vw;
}

.Solution .box .imgbox {
  width: 65.07937%;
  border-radius: 10px;
}

.Solution .box .imgbox .pictureBox {
  padding-top: 53.65854%;
}

.Solution .box .imgbox .pictureBox:hover img {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}

.Solution .box .text {
  padding-left: 3.125vw;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.Solution .box .text h5 {
  font-size: 1.3542vw;
  color: #333;
}

.Solution .box .text p {
  font-size: .8333vw;
  color: #747474;
  line-height: 1.3542vw;
  margin-top: .5208vw;
}

.Solution .box .text a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 10.10vw;
  margin-top: 2.5vw;
  padding: 0 1.5vw;
  line-height: 3vw;
  font-size: .85vw;
  border: .2vw solid #c6d7e8;
  border-radius: 5px;
  color: #00479d;
  white-space: nowrap;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.Solution .box .text a:hover {
  background-color: #00479d;
  color: #ffffff;
}

.Solution .box .text a img {
  display: inline-block;
  width: 14px;
  margin-left: 1.0417vw;
}

.Solution .box:nth-child(even) .imgbox {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.Solution .box:nth-child(even) .text {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  padding: 0 3.6458vw 0 2.0833vw;
}

.plan-advantage-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 100%;
}

.plan-advantage-box .plan-advantage-item {
  display: flex;
  flex-direction: column;
  width: 35%;
  height: auto;
  margin: 20px;
}

.plan-advantage-box .plan-advantage-item .advantage-item-top {
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #5a4e4e;
  margin-bottom: 10px;
}

.plan-advantage-box .plan-advantage-item .advantage-item-top div {
  /* 菱形 */
  width: 24px;
  height: 24px;
  background-color: red;
  transform: rotate(45deg);
  margin: 5px 10px 10px 0px;
  background-image: radial-gradient(#ea6222, #db3f3f);
}

.plan-advantage-box .plan-advantage-item .advantage-item-top h5 {
  font-size: 1.2625vw;
  margin-left: 10px;
  color: #5c5a5a;
}

.plan-advantage-box .plan-advantage-item .advantage-item-bottom {
  width: 100%;
  line-height: 32px;
  font-size: 16px;
  text-indent: 2em;
  color: #807e7e;
}

.my-table th,
.my-table td {
  text-align: center;
}

.my-table th {
  font-size: 22px;
  /* font-weight: 700; */
}

.language-box {
  position: absolute;
  top: 5px;
  right: 25vw;
  z-index: 9999;
}

.language-box i {
  /* font-size: 32px; */
  font-size: 3vh;
}

.language-box .Language {
  /* font-size: 24px; */
  font-size: 2vh;
}


.banner2 {
  width: 100%;
  position: relative;
  margin-bottom: -1.8229vw;
  overflow: hidden;
}

.banner2 img {
  width: 100%;
}

.banner2 .banner2text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 100%;
}

.banner2 .banner2text p {
  font-size: 1.25vw;
  color: #fff;
}

.banner2 .banner2text h5 {
  font-size: 2.6042vw;
  color: #fff;
  margin-top: .5208vw;
}

.AnchorLocation {
  width: 100%;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 2;
  text-align: center;
}

.AnchorLocation .con {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1260px;
  margin: 0 auto;
  box-shadow: 0 .2604vw .5208vw rgb(0 0 0 / 10%);
}

.AnchorLocation .con .li {
  flex: 1;
  line-height: 3.6458vw;
  text-align: center;
  background-color: #f6f6f6;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: .8333vw;
  color: #000;
  font-weight: bold;
  cursor: pointer;
}

.AnchorLocation .con .li:not(:first-child) {
  border-left: .0521vw solid rgba(0, 0, 0, 0.1);
}

.AnchorLocation .con .li.active {
  /* background-color: #00479d;  */
  color: #00479d;
  /* -webkit-box-shadow: 0 .2604vw 1.0417vw #c5dafb; 
   box-shadow: 0 .2604vw 1.0417vw #c5dafb;  */
}

.Solution_XQ .tit {
  font-size: 1.5625vw;
  color: #333;
  padding-left: 21px;
  position: relative;
  font-weight: bold;
}

.Solution_XQ .box:nth-child(even) {
  background-color: #f7f7f7;
}

.Solution_XQ .tit::before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #00479d;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.Solution_XQ .con1 {
  padding: 3.9063vw 0;
}

.Solution_XQ .con1 img {
  width: auto !important;
  height: auto !important;
}

.Solution_XQ .con1 h5 {
  font-size: 1.0417vw;
  margin-top: 1.0417vw;
  color: #333;
  padding-left: .7813vw;
  position: relative;
  font-weight: bold;
}

.Solution_XQ .con1 h5::before {
  content: "";
  width: .1563vw;
  height: .1563vw;
  background-color: #00479d;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.Solution_XQ .con1 p {
  font-size: .8333vw;
  color: #828282;
  line-height: 1.3;
  margin-top: .5208vw;
}

.Solution_XQ .con2 {
  padding: 3.9063vw 0 4.9479vw;
}

.Solution_XQ .con2 .img {
  margin-top: 1.3021vw;
  width: 100%;
  text-align: center;
}

.Solution_XQ .con2 .img img {
  max-width: 100%;
}

.Solution_XQ .con3 {
  padding: 3.9063vw 0 3.125vw;
}

.Solution_XQ .con3 .text {
  margin-top: 1.1979vw;
}

.Solution_XQ .con3 img {
  width: auto !important;
  height: auto !important;
}

/* .Solution_XQ .con3 .text .li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 1.0417vw; }

.Solution_XQ .con3 .text .li span { 
  font-size: .7292vw; 
  color: #828282; 
  width: 1.6146vw; 
  height: 1.6146vw; 
  line-height: 1.6146vw; 
  background-color: #f0f0f0; 
  -webkit-border-radius: 50%; 
  border-radius: 50%; text-align: center;
 }

.Solution_XQ .con3 .text .li p { font-size: .8333vw; color: #828282; padding-left: .7813vw; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } */

.Solution_XQ .con4 {
  padding: 4.1667vw 0;
}

.Solution_XQ .con4 .SolutionXQ_swiper {
  margin-top: 2.0833vw;
  padding: 0 17.1875% 2.6042vw;
}

.Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide {
  opacity: 0.5;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a {
  background-color: #fff;
  display: block;
}

.Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a .text {
  padding: 0 2.0833vw;
  font-size: 0;
}

.Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a .text h5 {
  font-size: .9375vw;
  color: #333;
  line-height: 2.65vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a .text p {
  display: none;
  font-size: .7292vw;
  line-height: 1.25vw;
  color: #5c636b;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 1.5625vw;
}

.Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a .text .more {
  display: none;
  font-size: .7292vw;
  color: #758ba5;
  text-align: right;
  margin-top: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a .imgbox {
  width: 100%;
}

.Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a .imgbox .pictureBox {
  padding-top: 67.9803%;
}

.Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a:hover .text h5,
.Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a:hover .text .more {
  color: #00479d;
}

.Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a:hover .imgbox .pictureBox img {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}

.Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide.swiper-slide-active,
.Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide.swiper-slide-next,
.Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide.swiper-slide-next+div {
  opacity: 1;
}

.Solution_XQ .con4 .SolutionXQ_swiper .SolutionXQ_scrollbar {
  width: 65.625%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: .1042vw;
  background-color: #e0e0e0;
}

.Solution_XQ .con4 .SolutionXQ_swiper .SolutionXQ_scrollbar .swiper-scrollbar-drag {
  background-color: #00479d;
}

.Lmore {
  width: 10.4167vw;
  line-height: 3.125vw;
  font-size: .8333vw;
  color: #fff;
  text-align: center;
  border: .1042vw solid #d7dadf;
}

.Lmore img {
  display: inline-block;
  margin-left: 10px;
  width: 16px !important;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.classicCase_big {
  padding: 3.125vw 0 1.5625vw;
}

.classicCase_big:not(:first-child) {
  padding-top: 0 !important;
}

.classicCase_big .text {
  position: absolute;
}

.classicCase_big .text h5 {
  font-size: 1.875vw;
  color: #fff;
  font-weight: bold;
}

.classicCase_big .text p {
  font-size: 1.0417vw;
  color: #fff;
  margin-top: .2604vw;
}

.classicCase_big .text .tit2 {
  font-size: 1.5625vw;
  color: #fff;
  margin-top: 1.0417vw;
  width: auto;
}

.classicCase_big .text .WatchVideo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .8333vw;
  color: #fff;
}

.classicCase_big .text .WatchVideo img {
  width: 25px;
  height: 25px;
  margin-right: .9896vw;
}

.classicCase_big a {
  position: relative;
  display: block;
  -webkit-border-radius: .7292vw;
  border-radius: .7292vw;
  overflow: hidden;
}

.classicCase_big a:hover .pictureBox img {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}

.classicCase_big a:hover .text .Lmore img {
  transform: translateX(7px);
}

.classicCase_big .con1 {
  width: 100%;
  margin-bottom: 1.5625vw;
}

.classicCase_big .con1 a .pictureBox {
  padding-top: 37.30159%;
}

.classicCase_big .con1 a .text {
  left: 7.93651%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.classicCase_big .con1 a .text .Lmore {
  margin-top: 3.125vw;
}

.classicCase_big .con2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1.5625vw;
}

.classicCase_big .con2 .left {
  width: 31.34921%;
}

.classicCase_big .con2 .left a .pictureBox {
  padding-top: 121.51899%;
}

.classicCase_big .con2 .left a .text {
  width: 100%;
  top: 0;
  left: 0;
  padding: 3.125vw 1.8229vw 0;
}

.classicCase_big .con2 .left a .text .Lmore {
  margin-top: 2.3438vw;
}

.classicCase_big .con2 .right {
  width: 66.26984%;
}

.classicCase_big .con2 .right a .pictureBox {
  padding-top: 57.48503%;
}

.classicCase_big .con2 .right a .text {
  width: 100%;
  top: 50%;
  left: 6.34731%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.classicCase_big .con2 .right a .text .Lmore {
  margin-top: 2.3438vw;
}

.classicCase_big .con3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.classicCase_big .con3 a {
  display: block;
  width: 48.80952%;
}

.classicCase_big .con3 a .pictureBox {
  padding-top: 78.04878%;
}

.classicCase_big .con3 a .text {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  left: 0;
}

.classicCase_big .con3 a .text .Lmore {
  margin: 3.125vw auto 0;
}

.classicCase_big.classicCase_video .con1 a .text {
  left: 8.65079%;
}

.classicCase_big.classicCase_video .con1 a p {
  margin-top: 1.5625vw;
}

.classicCase_big.classicCase_video .con2 .left a .text {
  padding: 4.4271vw 3.125vw 0;
}

.classicCase_big.classicCase_video .con2 .left a .text .WatchVideo {
  margin-top: 2.8646vw;
}

.classicCase_big.classicCase_video .con2 .right .text {
  top: auto;
  width: auto;
  bottom: 4.1667vw;
  left: 9.22156%;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.classicCase_big.classicCase_video .con2 .right .text .WatchVideo {
  margin-top: 1.8229vw;
}

.classicCase_big.classicCase_video .con3 a .text .WatchVideo {
  margin-top: 1.8229vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.classicCase_XQ {
  padding: 2.8646vw 0 5.2083vw;
}

.classicCase_XQ .tit {
  width: 100%;
  padding-bottom: 1.8229vw;
  border-bottom: .0521vw solid #00479d;
}

.classicCase_XQ .tit h5 {
  font-size: 1.4583vw;
  color: #232323;
}

.classicCase_XQ .tit .bot {
  margin-top: 1.3021vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.classicCase_XQ .tit .bot .data {
  font-size: .9375vw;
  color: #999;
}

.classicCase_XQ .tit .bot p {
  font-size: .7292vw;
  color: #4b4f5b;
}

.classicCase_XQ .con {
  padding: 2.8646vw 0 4.1667vw;
}

.classicCase_XQ .con img {
  width: auto !important;
  height: auto !important;
}

.classicCase_XQ .con .classicCase_XQswiper1 {
  width: 100%;
  margin-top: .7813vw;
  cursor: pointer;
}

.classicCase_XQ .con .classicCase_XQswiper2 {
  margin-top: .5208vw;
}

.classicCase_XQ .con .classicCase_XQswiper2 .swiper-slide {
  cursor: pointer;
}

.classicCase_XQ .con .classicCase_XQswiper2 .swiper-slide::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.classicCase_XQ .con .classicCase_XQswiper2 .swiper-slide.active::before {
  opacity: 0;
}

.classicCase_XQ .con p {
  font-size: .8333vw;
  color: #6b717a;
  line-height: 1.5625vw;
}


.classicCase_XQ .con h5 {
  font-size: 1.0417vw;
  color: #33363b;
}

.classicCase_XQ .con .imgTwo {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: .6771vw;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.classicCase_XQ .con .imgTwo img {
  width: 49.20635%;
  margin-bottom: 1.0417vw;
}

.classicCase_XQ .return {
  width: 100%;
  text-align: center;
  margin-top: 3.125vw;
}

.classicCase_XQ .return a {
  display: inline-block;
  width: 10.4167vw;
  line-height: 3.125vw;
  text-align: center;
  border: .1042vw solid rgba(0, 0, 0, 0.1);
  font-size: .8333vw;
  color: #00479d;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.classicCase_XQ .return a img {
  display: inline-block;
  width: 16px;
  margin-left: 19px;
}

.classicCase_XQ .return a:hover {
  border-color: #00479d;
}

.classicCase_XQ.newsXQ .con {
  padding: 2.8646vw 0 5.2083vw;
}

.classicCase_ordinary {
  padding: 3.125vw 0 5.2083vw;
}

.classicCase_ordinary .right {
  width: 71.42857%;
  float: right;
}

.classicCase_ordinary .right .con {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.classicCase_ordinary .right .con .box {
  display: block;
  width: 48.88889%;
  margin-bottom: 1.0417vw;
}

.classicCase_ordinary .right .con .box .imgbox {
  width: 100%;
}

.classicCase_ordinary .right .con .box .imgbox .pictureBox {
  padding-top: 68.18182%;
}

.classicCase_ordinary .right .con .box .text {
  border: .0521vw solid #ededed;
  padding: .7813vw;
}

.classicCase_ordinary .right .con .box .text h5 {
  font-size: 1.0417vw;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.classicCase_ordinary .right .con .box .text .data {
  font-size: .9375vw;
  color: #999;
  margin-top: 1.0417vw;
}

.classicCase_ordinary .right .con .box:hover .imgbox .pictureBox img {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}

.classicCase_ordinary .right .con .box:hover .text h5 {
  color: #00479d;
}

.classicCase_ordinary .right #demo0 {
  margin-top: 1.0417vw;
}

.service_Software {
  padding: 3.125vw 0 5.2083vw;
}

.service_Software .right {
  float: right;
  width: 71.42857%;
  padding: 2.8646vw 3.125vw 5.2083vw;
  background-color: #fff;
}

.service_Software .right .tit {
  width: 100% !important;
  font-size: 1.0417vw;
  color: #333;
  font-weight: bold;
  padding-bottom: .7813vw;
  border-bottom: .0521vw solid #d7dadf;
}

.service_Software .right .con1 {
  display: flex;
  justify-content: space-between;
  margin-top: 1.5625vw;
  flex-wrap: wrap;
  /* border-bottom: 0.0521vw solid #efefef; */
}

.service_Software .right .con1 .box {
  display: flex;
  width: 44%;
  position: relative;
  margin-bottom: 1.5625vw;
}

/* .service_Software .right .con1 .box:not(:nth-child(2n + 1)){margin-left:11%;} */
.service_Software .right .con1 .box .left {
  width: 100%;
  display: flex;
  align-items: center;
  flex: 1;
}

.service_Software .right .con1 .box .left .TextIcon {
  width: 22px;
  font-size: 0;
}

.service_Software .right .con1 .box .UpdateSmBox {
  padding-right: 10px;
}



.service_Software .right .con1 .box h5 {
  transition: all 0.3s;
  font-size: .9375vw;
  color: #232323;
  padding-left: .7500vw;
  width: calc(100% - 22px);
}

.service_Software .right .con1 .box span,
.service_Software .right .con1 .box p {
  white-space: inherit !important;
  font-size: .7292vw;
  color: #828282;
  cursor: pointer;
  margin-top: .1042vw;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-indent: 0 !important;
}

.service_Software .right .con1 .box p:hover {
  color: #00479d;
}

.service_Software .right .con1 .box:hover h5 {
  color: #00479d;
}

.service_Software .right #demo0 {
  margin-top: .5208vw;
}

.Lcrumbs {
  width: 100%;
  border-bottom: .0521vw solid #e8e8e8;
}

.Lcrumbs a {
  display: inline-block;
  font-size: .9375vw;
  -webkit-columns: #333;
  -moz-columns: #333;
  columns: #333;
  line-height: 3.6458vw;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.Lcrumbs a:hover {
  color: #00479d;
}

.service_videoXQ {
  padding: 3.125vw 0 5.2083vw;
}

.service_videoXQ .right {
  float: right;
  width: 71.42857%;
}

.service_videoXQ .right .con {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.service_videoXQ .right .con .box {
  width: 48.88889%;
  margin-bottom: 1.5625vw;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.service_videoXQ .right .con .box .imgbox {
  width: 100%;
}

.service_videoXQ .right .con .box .imgbox .pictureBox {
  padding-top: 56.36364%;
}

/* .service_videoXQ .right .con .box .imgbox .pictureBox::before {
  content: "";
  width: 2.6042vw;
  height: 2.6042vw;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url(../image/videoIcon.png);
  background-size: 100% 100%;
  z-index: 2;
} */

.service_videoXQ .right .con .box .text {
  width: 100%;
  background-color: #fff;
  text-align: center;
  padding: 1.3021vw .5208vw;
  border: .0521vw solid #f4f4f4;
}

.service_videoXQ .right .con .box .text h5 {
  font-size: 1.0417vw;
  color: #232323;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.service_videoXQ .right .con .box:hover {
  -webkit-box-shadow: 0 .2604vw 1.5625vw #d6d6d6;
  box-shadow: 0 .2604vw 1.5625vw #d6d6d6;
}

.service_videoXQ .right .con .box:hover .imgbox .pictureBox img {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}

.service_videoXQ .right #demo0 {
  margin-top: .5208vw;
}

.LVideoPopup {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
}

.LVideoPopup .con {
  width: 60%;
  max-height: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 5;
}

.LVideoPopup .video-preview-app {
  width: 25%;
}

.LVideoPopup .con video {
  width: 100%;
}

.LVideoPopup .con .off {
  width: 35px;
  height: 35px;
  position: absolute;
  top: -35px;
  right: 0;
  cursor: pointer;
}

.LVideoPopup .con .off img {
  width: 100%;
}

.LVideoPopup i {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
}

.Service_Network {
  padding-bottom: 4.6875vw;
}

.Service_Network .con1 {
  padding: 6.4063vw 0 14.3229vw;
  background: url(resources/bj7.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.Service_Network .con1 .tit {
  font-size: 1.3542vw;
  color: #ffffff;
  line-height: 1.875vw;
  text-align: center;
}

.Service_Network .con1 .container1260 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 1.5625vw;
  color: transparent;
}

.Service_Network .con1 .container1260 .left {
  width: 48.4127%;
  position: relative;
  margin-top: 8.3333vw;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.Service_Network .con1 .container1260 .left {
  width: 40%;
  position: relative;
  margin-top: 8.3333vw;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.Service_Network .con1 .container1260 .left .box {
  width: 100%;
  padding: 2.0833vw 1.0417vw 2.0833vw 4.1667vw;
  background-color: #fff;
  display: none;
  border-left: .2083vw solid #00479d;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  max-height: 16.6667vw;
  overflow-y: auto;
  overflow-x: hidden;
}

.Service_Network .con1 .container1260 .left .box.active {
  display: block;
}

.Service_Network .con1 .container1260 .left .box .liBox:not(:first-child) {
  margin-top: 2.6042vw;
}

.Service_Network .con1 .container1260 .left .box .liBox h5 {
  color: #1b2422;
  font-size: 1.4583vw;
  font-weight: bold;
  padding-bottom: 1.0417vw;
  position: relative;
}

.Service_Network .con1 .container1260 .left .box .liBox h5::before {
  content: "";
  width: 1.0417vw;
  height: .1042vw;
  background-color: #1b2422;
  opacity: 0.1;
  position: absolute;
  bottom: 0;
  left: 0;
}

.Service_Network .con1 .container1260 .left .box .liBox .list {
  margin-top: .9375vw;
}

.Service_Network .con1 .container1260 .left .box .liBox .list .li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1.1458vw;
}

.Service_Network .con1 .container1260 .left .box .liBox .list .li .icon {
  max-width: .9375vw;
}

.Service_Network .con1 .container1260 .left .box .liBox .list .li .icon img {
  max-width: 100%;
}

.Service_Network .con1 .container1260 .left .box .liBox .list .li p {
  font-size: .8333vw;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #676666;
  padding-left: 1.0417vw;
}

.Service_Network .con1 .container1260 .left .box::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: .2604vw;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: .0521vw;
}

.Service_Network .con1 .container1260 .left .box::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  -webkit-border-radius: .5208vw;
  border-radius: .5208vw;
  -webkit-box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2);
  background: #00479d;
}

.Service_Network .con1 .container1260 .left .box::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2);
  -webkit-border-radius: .5208vw;
  border-radius: .5208vw;
  background: #EDEDED;
}

.Service_Network .con1 .container1260 .ditu {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  width: 48.80952%;
}


.Service_Network .con2 {
  margin-top: -2.6042vw;
}

.Service_Network .con2 .ServiceTopNav {
  width: 100%;
  padding: 1.8229vw 2.0833vw;
  background-color: #fff;
  border: .0521vw solid #d5d8df;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.Service_Network .con2 .ServiceTopNav h5 {
  font-size: .8333vw;
  color: #333;
  margin-right: .2604vw;
  font-weight: bold;
  display: none;
}

.Service_Network .con2 .ServiceTopNav .ServiceTabBar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  justify-content: center;
}

.Service_Network .con2 .ServiceTopNav .ServiceTabBar .tabTerm {
  padding: 0 .9375vw;
  line-height: 30px;
  -webkit-border-radius: .5208vw;
  border-radius: .5208vw;
  text-align: center;
  font-size: .8333vw;
  color: #989ea8;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin: .1042vw;
  cursor: pointer;
}

.Service_Network .con2 .ServiceTopNav .ServiceTabBar .tabTerm.active {
  color: #fff;
  background-color: #00479d;
}

.Service_Network .con2 .ServiceTabCont {
  position: relative;
  margin-top: 2.0833vw;
  width: 100%;
}

/* 联系我们 */
.contactUsCont {
  position: relative;
  margin-top: 2.0833vw;
  width: 100%;
}

.contactUsCont .tabItem {
  width: 100%;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.contactUsCont .tabItem .box {
  background-color: #fff;
  width: 32%;
  padding: 3.125vw 2.0833vw;
  border: .0521vw solid #eee;
  margin-bottom: 1.0417vw;
}

.contactUsCont .tabItem .box:not(:nth-child(3n + 1)) {
  margin-left: 1.58730%;
}

.contactUsCont .tabItem .box h5 {
  font-size: .8333vw;
  color: #333;
  line-height: 1;
  padding-bottom: 1.0417vw;
  position: relative;
  font-weight: bold;
}

.contactUsCont .tabItem .box h5::before {
  content: "";
  width: 1.0417vw;
  background-color: #00479d;
  height: .1042vw;
  position: absolute;
  bottom: 0;
  left: 0;
}

.contactUsCont .tabItem .box .list {
  margin-top: 1.8229vw;
}

.contactUsCont .tabItem .box .list p {
  font-size: .7292vw;
  color: #5c636b;
  /* line-height: 1.5625vw; */
}



/* 联系我们 */
.Service_Network .con2 .ServiceTabCont .tabItem {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: none;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.Service_Network .con2 .ServiceTabCont .tabItem.active {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
}


.Service_Network .con2 .ServiceTabCont .tabItem .box {
  width: 23.80952%;
  padding: 3.125vw 2.0833vw;
  border: .2521vw dashed #00479d;
  margin-bottom: 1.0417vw;
  background-color: #fff;
}

/* .Service_Network .con2 .ServiceTabCont .tabItem .box:not(:nth-child(4n + 1)) {
  margin-left: 1.58730%;
} */

.Service_Network .con2 .ServiceTabCont .tabItem .box h5 {
  font-size: .8333vw;
  color: #333;
  line-height: 1.5;
  padding-bottom: 1.0417vw;
  position: relative;
  font-weight: bold;
}

.Service_Network .con2 .ServiceTabCont .tabItem .box h5::before {
  content: "";
  width: 1.0417vw;
  background-color: #00479d;
  height: .1042vw;
  position: absolute;
  bottom: 0;
  left: 0;
}

.Service_Network .con2 .ServiceTabCont .tabItem .box .list {
  margin-top: 1.8229vw;
}

.Service_Network .con2 .ServiceTabCont .tabItem .box .list p {
  font-size: .7292vw;
  color: #5c636b;
  line-height: 1.5625vw;
}

.Service_Network #china-map {
  height: 100%;
}

.Service_AfterSale {
  padding: 3.125vw 0 5.2083vw;
}

.Service_AfterSale .top {
  width: 100%;
  position: relative;
}

.Service_AfterSale .top img {
  width: 100%;
}

.Service_AfterSale .top .text {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 3.125vw;
  color: #fff;
  font-weight: 100;
}

.Service_AfterSale .con {
  margin-top: 3.125vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.Service_AfterSale .con .left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 45.39683%;
}

.Service_AfterSale .con .left .icon {
  width: 50px;
  margin-right: 28px;
}

.Service_AfterSale .con .left .icon img {
  width: 100%;
}

.Service_AfterSale .con .left h5 {
  font-size: 1.0417vw;
  color: #7c7c7c;
  line-height: 1.4583vw;
}

.Service_AfterSale .con form {
  width: 54.60317%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.Service_AfterSale .con form .input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 12px;
}

.Service_AfterSale .con form .input h5 {
  font-size: .7292vw;
  color: #282828;
  padding-left: .8854vw;
  position: relative;
  width: 14.82558%;
}

.Service_AfterSale .con form .input h5::before {
  content: "";
  width: .4167vw;
  height: .1042vw;
  background-color: #e3e3e3;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.Service_AfterSale .con form .input input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  border: .0521vw solid #d5d8df;
  line-height: 2.5vw;
  padding-left: .5208vw;
}

.Service_AfterSale .con form .input.textarea {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.Service_AfterSale .con form .input.textarea h5 {
  line-height: 40px;
}

.Service_AfterSale .con form .input.textarea textarea {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  border: .0521vw solid #d5d8df;
  padding: .5208vw;
  height: 15.625vw;
}

.Service_AfterSale .con form .input .dropDown {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  position: relative;
  cursor: pointer;
}

.Service_AfterSale .con form .input .dropDown::before {
  content: "";
  border: .2083vw solid transparent;
  border-top-color: #999;
  position: absolute;
  top: 1.1458vw;
  right: .9375vw;
}

.Service_AfterSale .con form .input .dropDown .list {
  width: 100%;
  background-color: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  border: .0521vw solid #d5d8df;
  border-top: none;
  display: none;
  z-index: 9;
}

.Service_AfterSale .con form .input .dropDown .list p {
  line-height: 2.0833vw;
  padding-left: .5208vw;
  font-size: .7292vw;
  color: #333;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.Service_AfterSale .con form .input .dropDown .list p:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.Service_AfterSale .con form .button {
  width: 100%;
  margin-top: .5208vw;
  padding-left: 14.82558%;
}

.Service_AfterSale .con form .button button {
  width: 10.4167vw;
  line-height: 3.125vw;
  text-align: center;
  border: none;
  font-size: .8333vw;
  color: #333;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.Service_AfterSale .con form .button button:hover {
  background-color: #00479d;
  color: #fff;
}

.News {
  width: 100%;
  padding: 3.125vw 0 4.9479vw;
  overflow: hidden;
  /* 背景色拼色 */
  background-image: linear-gradient(to bottom, #fff 0%, #fff 15.8333vw, #f8f8f8 15.8333vw, #f8f8f8 100%);
}

.News .top {
  width: 100%;
  position: relative;
}

.News .top .News_swiper .swiper-slide a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.News .top .News_swiper .swiper-slide a .imgbox {
  width: 68.25397%;
}

.News .top .News_swiper .swiper-slide a .imgbox .pictureBox {
  padding-top: 56.51163%;
}

.News .top .News_swiper .swiper-slide a .imgbox .pictureBox img {
  min-width: 101%;
}

.News .top .News_swiper .swiper-slide a .text {
  width: 31.74603%;
  padding: 3.3854vw 3.125vw 1.0417vw;
  background-color: #00479d;
}

.News .top .News_swiper .swiper-slide a .text h5 {
  font-size: 1.0417vw;
  color: #fff;
  line-height: 1.5625vw;
  display: -webkit-box;
  height: 3.125vw;
  line-height: 1.5625vw;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.News .top .News_swiper .swiper-slide a .text p {
  font-size: .7292vw;
  color: #fff;
  line-height: 24px;
  margin-top: 1.5625vw;
  display: -webkit-box;
  height: 72px;
  line-height: 24px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.News .top .News_swiper .swiper-slide a .text .data {
  font-size: .8333vw;
  color: #fff;
  margin-top: 1.5625vw;
}

.News .top .News_swiper .News_pagination {
  position: absolute;
  bottom: 3.4375vw;
  left: 73.01587%;
  width: auto;
  height: 6px;
}

.News .top .News_swiper .News_pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background-color: #fff;
  opacity: 0.3;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin: 0 3px;
}

.News .top .News_swiper .News_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 20px;
  opacity: 1;
}

.News .con {
  margin-top: 3.125vw;
  position: relative;
  z-index: 2;
}

.News .con .NewsTab {
  width: 100%;
  text-align: center;
}

.News .con .NewsTab a {
  display: inline-block;
  width: 7.2917vw;
  line-height: 2.5vw;
  text-align: center;
  font-size: .8333vw;
  color: #333;
  background-color: #fff;
  margin: 0 1.0417vw;
}

.News .con .NewsTab a.active {
  background-color: #00479d;
  color: #fff;
}

.News .con .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.News .con .box a {
  margin-top: 2.2396vw;
  width: 31.74603%;
  background-color: #fff;
  padding: 2.0833vw 1.5625vw;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.News .con .box a:not(:nth-child(3n + 1)) {
  margin-left: 2.38095%;
}

.News .con .box a .imgbox {
  width: 100%;
  position: relative;
  z-index: 5;
}

.News .con .box a .imgbox .pictureBox {
  padding-top: 52.94118%;
}

.News .con .box a .text {
  padding-top: 1.8229vw;
  position: relative;
  z-index: 5;
}

.News .con .box a .text h5 {
  font-size: 1.0417vw;
  color: #333;
  line-height: 1.5625vw;
  display: -webkit-box;
  height: 3.125vw;
  line-height: 1.5625vw;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-weight: bold;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.News .con .box a .text p {
  font-size: .7292vw;
  color: #5c636b;
  line-height: 1.25vw;
  display: -webkit-box;
  height: 3.75vw;
  line-height: 1.25vw;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin-top: 1.5625vw;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.News .con .box a .text .data {
  font-size: .8333vw;
  color: #758ba5;
  margin-top: 3.6458vw;
  line-height: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.News .con .box a:hover .imgbox .pictureBox img {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}

.News .con .box a:hover .text h5,
.News .con .box a:hover .text p,
.News .con .box a:hover .text .data {
  color: #fff;
}

.News .con .box a:hover i {
  opacity: 1;
}

.News .con .box a i {
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(8%, #fff), color-stop(92%, #00479d));
  background-image: linear-gradient(#fff 8%, #00479d 92%);
  z-index: 1;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.News .con #demo0 {
  margin-top: 2.6042vw;
}

.News .con #maoD {
  position: absolute;
  top: -5.2083vw;
  left: 0;
  width: 100%;
}

/* .aboutUs .tit1 h5 { font-size: 1.3542vw; color: #333; } */

.aboutUs .tit1 .t {
  font-size: .8333vw;
  color: #6b717a;
  line-height: 1.5625vw;
}

.aboutUs .tit1.W h5 {
  color: #fff;
}

.aboutUs .tit1.W .t {
  color: #fff;
}

.aboutUs .tit2 {
  text-align: center;
}

.aboutUs .tit2 h5 {
  font-size: 1.875vw;
  color: #fff;
  line-height: 1;
  font-weight: bold;
}

.aboutUs .tit2 p {
  font-size: 2.5vw;
  color: #fff;
  margin-top: 1.3021vw;
}

.aboutUs .tit2.B h5 {
  color: #000;
}

.aboutUs .con1 {
  padding-bottom: 2.3438vw;
}

.aboutUs .con1 .img {
  position: relative;
  width: 100%;
  display: block;
  font-size: 0;
}

.aboutUs .con1 .img img {
  width: 100%;
}

.aboutUs .con1 .textImg {
  width: 100%;
  margin-top: 30px;
}

.aboutUs .con1 .textImg img {
  width: 100%;
}

.aboutUs .con1 .img p {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 1.875vw;
  color: #fff;
  line-height: 2.5vw;
  letter-spacing: .2604vw;
}

.aboutUs .con1 .text {
  margin-top: 1.5625vw;
  padding: 0 5.2083vw;
}

.LtextTit {
  font-size: 1.5625vw;
  font-weight: bold;
  padding-bottom: .5208vw;
  position: relative;
  text-align: center;
}

.LtextTit::before {
  content: '';
  width: 30px;
  height: 3px;
  background-color: #00479d;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.aboutUs .con1 .text img {
  margin-top: 30px;
}

.aboutUs .con1 .text .t1 {
  font-size: .8333vw;
  color: #6b717a;
  /* line-height: 1.5625vw; */
  padding-top: 1.0417vw;
  text-align: center;
}
.aboutUs .con1 .text .t1 p {
  font-size: 1.0333vw;
  color: #6b717a;
  /* line-height: 1.5625vw; */
  padding-top: 1.0417vw;
  text-align: center;
}

/* background: url(resources/bj8.jpg) no-repeat;  */
.aboutUs .con2 {
  width: 100%;
  background-size: cover;
  background-position: center;
  padding: 0 5vw 2.3438vw;
}

.aboutUs .con2 .tit1 {
  text-align: center;
}

.aboutUs .con2 .tit1 .t {
  text-align: center;
  margin-top: 30px;
}

.aboutUs .con2 .box {
  margin-top: 3.9063vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.aboutUs .con2 .box .li {
  width: 47.61905%;
  padding: 3.3854vw 0 2.6042vw;
  text-align: center;
  background-color: #deeaff;
}

.aboutUs .con2 .box .li h5 {
  font-size: 1.0417vw;
  color: #333;
  font-weight: bold;
}

.aboutUs .con2 .box .li h5 span {
  font-size: 4.1667vw;
  color: #00479d;
  line-height: 1;
}

.aboutUs .con2 .box .li p {
  font-size: 1.0417vw;
  color: #333;
  margin-top: 1.3021vw;
  font-weight: bold;
}

.aboutUs .con3 {
  padding: 0 0 2.3438vw;
}

.aboutUs .con3 .tit1 {
  text-align: center;
  font-size: .8333vw;
  color: #6b717a;
  line-height: 1.5;
}

.aboutUs .con3 .box {
  margin-top: 3.9063vw;
  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;
}

.aboutUs .con3 .box .li {
  width: 10.4167vw;
  height: 10.4167vw;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #f4f7f9;
  border: .1042vw solid #00479d;
  margin: 0 3.125vw;
}

.aboutUs .con3 .box .li .icon {
  max-width: 80%;
  max-height: 60%;
}

.aboutUs .con3 .box .li .icon img {
  max-width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.aboutUs .con3 .box .li .t {
  font-size: .8333vw;
  color: #333;
  margin-top: .7813vw;
}

.aboutUs .con3 .box .li:hover .icon img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.aboutUs .con4 {
  padding: 2.6vw 0 5.2083vw;
  position: relative;
  background-color: #f9f9f9;
}

.aboutUs .con4 .container1260 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2.6vw;
}

.aboutUs .con4 .container1260 .tit1 {
  padding-top: 3.6458vw;
  width: 33.73016%;
  position: relative;
  z-index: 2;
}

.aboutUs .con4 .container1260 .box {
  width: 68.65079%;
  margin-left: -2.0833vw;
  position: relative;
}

.aboutUs .con4 .container1260 .box .img img {
  width: 100%;
}

.aboutUs .con4 .container1260 .box .punctuation_box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.aboutUs .con4 .container1260 .box .punctuation_box .punctuation {
  width: 100%;
  height: 100%;
  position: relative;
}

.aboutUs .con4 .container1260 .box .punctuation_box .punctuation .block {
  position: absolute;
  width: .4167vw;
  height: .4167vw;
  background-color: #00479d;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}


.aboutUs .con4 .container1260 .box .punctuation_box .punctuation .block .city {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1.0417vw;
  padding: .2604vw;
  border-radius: .2083vw;
  background-color: #fff;
  font-size: .7292vw;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
  white-space: nowrap;
  box-shadow: 0 0 .2604vw #ddd;
}

.aboutUs .con4 .container1260 .box .punctuation_box .punctuation .block::before {
  content: "";
  width: .7292vw;
  height: .7292vw;
  background-color: #00479d;
  opacity: 0.6;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  animation: donhua2 linear 2s infinite alternate;
}

/* .aboutUs .con4 .container1260 .box .punctuation_box .punctuation .block:hover { 
  width: 1.5104vw; 
  height: 1.5104vw; 
  -webkit-transform: translateX(-0.5729vw) translateY(-0.5729vw); 
  -ms-transform: translateX(-0.5729vw) translateY(-0.5729vw); 
  transform: translateX(-0.5729vw) translateY(-0.5729vw); } */
.aboutUs .con4 .container1260 .box .punctuation_box .punctuation .block:hover .city {
  opacity: 1;
  pointer-events: all;
  z-index: 5;
}

/* .aboutUs .con4 .container1260 .box .punctuation_box .punctuation .block:hover::before { 
  width: 1.4583vw; 
  height: 1.4583vw; 
  -webkit-animation: donhua1 1s ease-in infinite; 
  animation: donhua1 1s ease-in infinite; 
} */

.aboutUs .con4 .container1260 .bjText {
  font-size: 6.0938vw;
  font-weight: bolder;
  -webkit-text-stroke: .0521vw #b5cddb;
  color: transparent;
  line-height: 1;
  opacity: 0.3;
  letter-spacing: -0.3646vw;
  margin-top: 2.6042vw;
}

@-webkit-keyframes donhua1 {
  from {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.6;
  }

  to {
    -webkit-transform: translate(-50%, -50%) scale(3);
    transform: translate(-50%, -50%) scale(3);
    opacity: 0;
  }
}

@keyframes donhua1 {
  from {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.6;
  }

  to {
    -webkit-transform: translate(-50%, -50%) scale(3);
    transform: translate(-50%, -50%) scale(3);
    opacity: 0;
  }
}

@keyframes donhua2 {
  from {
    transform: translate(-50%, -50%) scale(1);
  }

  to {
    transform: translate(-50%, -50%) scale(2);
  }
}

.aboutUs .con5 {
  padding: 4.1667vw 0 6.7708vw;
}

.aboutUs .con5 .box {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.aboutUs .con5 .box .li {
  width: 48.4127%;
}

.aboutUs .con5 .box .li .img {
  width: 100%;
}

.aboutUs .con5 .box .li .img .pictureBox {
  padding-top: 65.57377%;
}

.aboutUs .con5 .box .li .img:hover .pictureBox img {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}

.aboutUs .con5 .box .li p {
  padding: 1.8229vw 2.0833vw 0;
  font-size: .8333vw;
  color: #6b717a;
  line-height: 1.5625vw;
}

.aboutUs .con6 {
  padding: 2.3438vw 0;
}

.aboutUs .con6 .aboutUsCon6_swiper {
  margin-top: 2.0833vw;
  background-color: #fff;
  border: .0521vw solid #d5d8df;
}

.aboutUs .con6 .aboutUsCon6_swiperBox {
  position: relative;
}

.aboutUs .con6 .aboutUsCon6_swiper .swiper-slide {
  text-align: center;
  font-size: .8333vw;
  color: #989ea8;
  line-height: 3.125vw;
  cursor: pointer;
}

.aboutUs .con6 .aboutUsCon6_swiper .swiper-slide.active {
  background-color: #00479d;
  color: #fff;
}

.aboutCon6_prev,
.aboutCon6_next {
  transform: translateY(-50%);
  width: auto;
  height: auto;
  cursor: pointer;
  z-index: 2;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  display: block;
  /* background: url(resources/jiant4.png) no-repeat; */
  background: none;
  margin-top: 0;
  opacity: 1;
}

.aboutCon6_prev i,
.aboutCon6_next i {
  font-size: 18px;
  color: #00479d;
  opacity: 0.8;
  font-weight: bold;
}

.aboutCon6_prev:hover i,
.aboutCon6_next:hover i {
  color: #00479d;
  opacity: 1;
}

.aboutCon6_prev {
  left: -1.5625vw;
}

.aboutCon6_next {
  right: -1.5625vw;
}



.aboutUs .con6 .box {
  position: relative;
  margin-top: 2.0833vw;
}

.aboutUs .con6 .box .li {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.aboutUs .con6 .box .li.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: static;
}

.aboutUs .con6 .box .li .img {
  width: 100%;
  position: relative;
}

.aboutUs .con6 .box .li .img .pictureBox {
  padding-top: 40%;
}

.aboutUs .con6 .box .li .img p {
  position: absolute;
  top: 2.6042vw;
  left: 2.0833vw;
  font-size: 2.6042vw;
  color: #ccc;
  line-height: 1;
  padding-bottom: 1.3021vw;
  font-weight: 100;
}

.aboutUs .con6 .box .li .img p::before {
  content: "";
  width: 3.8021vw;
  height: .2083vw;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #ccc;
}

.aboutUs .con6 .box .li .text {
  width: 52.38095%;
  /* background-color: #fff;  */
  padding: 3.9063vw 2.6042vw 1.0417vw;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}

.aboutUs .con6 .box .li .text h5 {
  font-size: 2.5vw;
  color: #00479d;
  line-height: 1;
}

.aboutUs .con6 .box .li .text p {
  font-size: .7292vw;
  color: #5c636b;
  line-height: 1.875vw;
  margin-top: 2.0833vw;
}





.aboutUs .con7 {
  padding: 4.4271vw 0 4.1667vw;
}

.aboutUs .con7 .aboutUsCon7_swiper {
  padding: 1.8229vw 0 3.125vw;
}

.aboutUs .con7 .aboutUsCon7_swiper .swiper-slide {
  border: .0521vw solid #ebebeb;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 10.4167vw;
  position: relative;
}

.aboutUs .con7 .aboutUsCon7_swiper .swiper-slide .pictureBox {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding-top: 60%;
  width: 90%;
}

.aboutUs .con7 .aboutUsCon7_swiper .swiper-slide .pictureBox img {
  height: auto;
  min-width: none;
  max-width: 100%;
  max-height: 100%;
}

.aboutUs .con7 .aboutUsCon7_swiper .swiper-slide:hover {
  -webkit-box-shadow: 0 .2604vw 2.0833vw #e6e6e6;
  box-shadow: 0 .2604vw 2.0833vw #e6e6e6;
}

.aboutUs .con7 .aboutUsCon7_swiper .swiper-slide:hover .pictureBox img {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}

.aboutUs .con7 .aboutUsCon7_swiper .aboutUsCon7_scrollbar {
  height: .1042vw;
  background-color: #ebebeb;
}

.aboutUs .con7 .aboutUsCon7_swiper .aboutUsCon7_scrollbar .swiper-scrollbar-drag {
  background-color: #00479d;
}

.aboutUs .con7 .top {
  position: relative;
  width: 100%;
}

.aboutUs .con7 .top .more {
  font-size: .7292vw;
  padding: 0 .5208vw;
  line-height: 1.5625vw;
  background-color: #00479d;
  color: #fff;
  position: absolute;
  bottom: 0;
  right: 0;
}

.aboutUs .con8 {
  position: relative;
}

.aboutUs .con8 #con8 {
  position: absolute;
  top: -150px;
}

.aboutUs .con8 img {
  width: 100%;
}

.aboutUs .con8 .tit2 {
  width: 100%;
  z-index: 2;
  padding: 8.8542vw 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}

.aboutUs .con9 {
  padding: 4.1667vw 0 5.2083vw;
}

.aboutUs .con9 .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 1.8229vw;
}

.aboutUs .con9 .box .li {
  width: 19.36508%;
  height: 6.25vw;
  background-color: #f6f6f6;
  position: relative;
  margin-bottom: .5208vw;
}

.aboutUs .con9 .box .li:not(:nth-child(5n + 1)) {
  margin-left: 0.79365%;
}

.aboutUs .con9 .box .li img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 90%;
  max-height: 90%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.aboutUs .con9 .box .li:hover img {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}

.investor_yj {
  padding-bottom: 5.2083vw;
}

/* 
.investor_yj .top { border-bottom: .0521vw solid rgba(0, 0, 0, 0.1); padding: 1.3021vw 0; }

.investor_yj .top form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.investor_yj .top form .left { width: 18.25397%; border-right: .0521vw solid #c6c6c6; position: relative; }

.investor_yj .top form .left input { font-size: .7292vw; color: #000; line-height: 22px; position: relative; font-weight: bold;width: 100%; }

.investor_yj .top form .left::before {z-index: 1; pointer-events: none; content: ""; width: 10px; height: 10px; border-bottom: 1px solid #888; border-left: 1px solid #888; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 4px; right: 29px; }

.investor_yj .top form .left .Down { 
  width: 100%; background-color: #fff; 
  position: absolute; top: 100%; left: 0; 
  display: none; -webkit-box-shadow: 0 .2604vw .2604vw #ddd; 
  box-shadow: 0 .2604vw .2604vw #ddd; 
  max-height: 200px; 
  overflow-y: auto; overflow-x: hidden; z-index: 10; 
}

.investor_yj .top form .left .Down::-webkit-scrollbar {width: .1042vw;  height: .0521vw; }

.investor_yj .top form .left .Down::-webkit-scrollbar-thumb {-webkit-border-radius: .5208vw; border-radius: .5208vw; -webkit-box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2); 
  box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2); background: #535353; }

.investor_yj .top form .left .Down::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2); 
  -webkit-border-radius: .5208vw; border-radius: .5208vw; background: #EDEDED; }

.investor_yj .top form .left .Down p { line-height: 45px; font-size: .7292vw; color: #333; -webkit-transition: all 0.3s; transition: all 0.3s; padding-left: .5208vw; cursor: pointer; }

.investor_yj .top form .left .Down p:hover { background-color: rgba(0, 0, 0, 0.1); }

.investor_yj .top form .right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.investor_yj .top form .right input { width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 1.4063vw; }

.investor_yj .top form .right input::-webkit-input-placeholder { font-size: .7292vw; color: #a29696; }

.investor_yj .top form .right input::-moz-placeholder { font-size: .7292vw; color: #a29696; }

.investor_yj .top form .right input:-ms-input-placeholder { font-size: .7292vw; color: #a29696; }

.investor_yj .top form .right input::placeholder { font-size: .7292vw; color: #a29696; }

.investor_yj .top form .right button { 
  width: 24px; height: 24px; 
  border: none; background: none; 
  padding: 0;
}
.investor_yj .top form .right button i{
  font-size: 24px;
  color: #333;
  line-height:24px;
} */

.investor_yj .con {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.investor_yj .con a {
  width: 48.80952%;
  border: .0521vw solid #ebebeb;
  -webkit-border-radius: .5208vw;
  border-radius: .5208vw;
  padding: .8vw 1.5625vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: .5208vw;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #fff;
}

.investor_yj .con a .icon img {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.investor_yj .con a .icon img.Lhide {
  display: none;
}

.investor_yj .con a .left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 80%;
}

.investor_yj .con a .left .icon {
  width: 25px;
  height: 25px;
  margin-right: 14px;
}

.investor_yj .con a .left h5 {
  font-size: .8333vw;
  color: #999;
  line-height: 1.5;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.investor_yj .con a .right {
  max-width: 20%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.investor_yj .con a .right .icon {
  width: 14px;
  margin-right: 20px;
}

.investor_yj .con a .right p {
  font-size: .8333vw;
  color: #999;
  line-height: 1.5;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.investor_yj .con a:hover {
  background-color: #00479d;
  border-color: #00479d;
  -webkit-box-shadow: 0 1.6667vw .9896vw -1.0938vw #bad2fa;
  box-shadow: 0 1.6667vw .9896vw -1.0938vw #bad2fa;
}

.investor_yj .con a:hover .icon img.Lhide {
  display: block;
}

.investor_yj .con a:hover .icon img.Lshow {
  display: none;
}

.investor_yj .con a:hover .left h5 {
  color: #fff;
}

.investor_yj .con a:hover .right p {
  color: #fff;
}

.banner3 {
  width: 100%;
  position: relative;
}

.banner3 img {
  width: 100%;
}

.banner3 h5 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  text-align: center;
  width: 100%;
  font-size: 2.2917vw;
  color: #fff;
}

.Llist {
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  top: 0;
  left: 0;
  text-align: center;
  border-bottom: .0521vw solid #ebebeb;
  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;
  background-color: #fff;
  z-index: 10;
}

.Llist a {
  display: inline-block;
  line-height: 3.9583vw;
  padding: 0 1.0417vw;
  border-bottom: .0521vw solid transparent;
  font-size: .8333vw;
  color: #666;
  margin: 0 .5208vw;
  white-space: nowrap;
}

.Llist a.active {
  border-bottom-color: #00479d;
  color: #00479d;
}

.investor_ZL {
  padding: 2.8646vw 0 5.2083vw;
}

.investor_ZL .con p {
  font-size: .8333vw;
  color: #828282;
  line-height: 1.6;
}

.investor_ZL .con img {
  width: 100%;
}

.investor_GG {
  padding: 3.125vw 0 5.2083vw;
}

.investor_GG.investor_GG {
  padding: 2.0833vw 0;
}

.investor_GG .top {
  position: relative;
  font-size: 0;
}

.investor_GG .top img {
  width: 100%;
}

.investor_GG .top h5 {
  font-size: 1.5625vw;
  color: #fff;
  line-height: 2.0833vw;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 4.7619%;
}

.investor_GG .con {
  margin-top: 2.0833vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.investor_GG .con .Box {
  width: 22.61905%;
  margin-bottom: 3.9063vw;
}

.investor_GG .con .Box .img {
  position: relative;
}

.investor_GG .con .Box .img::before {
  content: "";
  width: 100%;
  height: 100%;
  /* background: url(resources/bj24.png) no-repeat;  */
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

/* .investor_GG .con .Box .img::after { content: ""; width: 1.5625vw; height: 1.5625vw; background: url(resources/searchIcon2.png) no-repeat; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 3; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } */

.investor_GG .con .Box .img .pictureBox {
  padding-top: 126.31579%;
}

.investor_GG .con .Box:not(:nth-child(4n + 1)) {
  margin-left: 3.1746%;
}

.investor_GG .con .Box .text {
  padding: 1.3021vw .5208vw .5208vw;
  text-align: center;
}

.investor_GG .con .Box .text h5 {
  font-size: 1.0417vw;
  color: #111;
}

.investor_GG .con .Box .text p {
  font-size: .7292vw;
  color: #909090;
  margin-top: .2604vw;
}

.investor_GG .con .Box:hover .img::before,
.investor_GG .con .Box:hover .img::after {
  opacity: 1;
}

.investor_GG .con .Box:hover .img .pictureBox img {
  transform: translate(-50%, -50%) scale(1.1);
}

/* 20230109 */

.government_btn .jianhao {
  display: none;
}

.government_btn {
  width: 3.125vw;
  height: 3.125vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #e1e1e1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}

.government_btn::before {
  content: "";
  width: 1.125vw;
  height: 0.125vw;
  background-color: #00479d;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.government_btn::after {
  content: "";
  width: 0.125vw;
  height: 1.125vw;
  background-color: #00479d;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.government_btn.cur::after {
  opacity: 0;
}

.government_top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.government_top .title .title_cn {
  font-size: 1.25vw;
}

.government_top .title .title_en {
  font-size: 1.125vw;
  color: #00479d;
  margin-left: 0.5vw;
}

.government_top .government_xian {
  width: 1.6875vw;
  height: 0.1875vw;
  background: #00479d;
  margin: 0.625vw 0;
}

.government_top .subname {
  font-size: 0.875vw;
  color: #999999;
}

.government_desc {
  color: #999999;
  font-size: 0.875vw;
  line-height: 1.5vw;
  position: absolute;
  z-index: 2;
  background: #fff;
  left: -1px;
  right: -1px;
  padding: 1.5625vw 1.875vw;
}

.about_government {
  margin-top: 2.5vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.about_government .government_item {
  margin-right: 1.875vw;
  width: -webkit-calc(33.3333% - 1.25vw);
  width: calc(33.3333% - 1.25vw);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e1e1e1;
  padding: 1.875vw;
  margin-bottom: 1.875vw;
  position: relative;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.about_government .government_item:nth-child(3n) {
  margin-right: 0;
}

.government_item.active {
  border-bottom: none;
  background: #fff;
}

.government_item.active .government_desc_box {
  border-top: 1px solid #e1e1e1;
  padding-top: 1.5625vw;
}

.government_desc {
  border: 1px solid #e1e1e1;
  border-top: none;
  display: none;
}


.government_desc {
  overflow-y: auto;
}

.government_desc::-webkit-scrollbar {
  width: 0.1875vw;
}

.government_desc::-webkit-scrollbar-track {
  background-color: #dddddd;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.government_desc::-webkit-scrollbar-thumb {
  background-color: #00479d;
  -webkit-border-radius: 0;
  border-radius: 0;
}

/* 20230109 止*/





.investor_RX {
  padding: 3vw 2vw;
  border: 1px solid #eee;
  background-color: #fff;
  margin-bottom: 80px;
}

.investor_RX .box {
  width: 100%;
}

.investor_RX .box:nth-child(1) .bot {
  margin-top: 1.0417vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.investor_RX .box:nth-child(1) .bot .icon {
  width: 3.125vw;
  margin-right: 1.0417vw;
}

.investor_RX .box:nth-child(1) .bot .icon img {
  width: 100%;
}

.investor_RX .box:nth-child(1) .bot p {
  font-size: 2.5vw;
  color: #00479d;
}

.investor_RX .box:nth-child(2) .t1 {
  font-size: 16px;
  line-height: 1.4;
  color: #333;
  padding-top: 15px;
}

.investor_RX .box:nth-child(2) .t2 {
  font-size: 1.25vw;
  color: #ff0000;
  margin-top: .5208vw;
}

.investor_RX .box:nth-child(2) .t2 span {
  position: relative;
  font-size: 3.125vw;
  padding-right: 2.2917vw;
  line-height: 1;
  font-weight: bold;
}

.investor_RX .box:nth-child(2) .t2 span::before {
  content: "";
  border: .4167vw solid transparent;
  border-bottom-color: #ff0000;
  position: absolute;
  bottom: .7292vw;
  right: 1.0417vw;
}

.investor_RX .box:nth-child(2) .t3 {
  font-size: 16px;
  line-height: 1.4;
  color: #333;
  margin-top: .5208vw;
}

.investor_RX .box .list .li {
  display: flex;
  margin-top: 1.0625vw;
}

.investor_RX .box .list .li .icon {
  width: 1.5vw !important;
}

.investor_RX .box .list .li .icon img {
  width: 100% !important;
}

.investor_RX .box .list .li .t {
  font-size: 1vw;
  line-height: 1.4;
  color: #333;
  display: flex;
  align-items: center;
  width: calc(100% - 1.875vw);
  padding-left: 0.625vw;
}

.X100TopicPagetit h5 {
  font-size: 3.125vw;
  color: #fff;
  line-height: 1;
  font-weight: bold;
}

.X100TopicPagetit .t {
  font-size: 2.0833vw;
  color: #fff;
}

.X100TopicPagetit .t span {
  font-size: 3.6458vw;
  line-height: 1;
}

.X100TopicPagetit .t.bold {
  font-weight: bold;
}

.X100TopicPagetit .t1 {
  font-size: 1.3542vw;
  color: #fff;
  line-height: 3.125vw;
  padding: 0 .5208vw;
}

.X100TopicPagetit .t2 {
  font-size: 1.0417vw;
  color: #fff;
  padding: 0 .5208vw;
}

.X100TopicPagetit.B h5,
.X100TopicPagetit.B .t,
.X100TopicPagetit.B .t1 {
  color: #333;
}

.X100TopicPage1 {
  background-size: cover;
  background-position: center;
  width: 100%;
  padding-top: 5.6771vw;
  text-align: center;
}

.X100TopicPage1 .text1 {
  width: 49.16667%;
  margin: 0 auto;
}

.X100TopicPage1 .text1 img {
  width: 100%;
}

.X100TopicPage1 .X100TopicPagetit {
  margin-top: 1.5625vw;
}

.X100TopicPage1 .img {
  width: 32.76042%;
  margin: 3.6458vw auto 0;
}

.X100TopicPage1 .img img {
  width: 100%;
}

.X100TopicPage2 {
  background-size: cover;
  background-position: center;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 8.3333vw;
}

.X100TopicPage2 .left {
  width: 41.5625%;
  margin-left: 5.2083vw;
}

.X100TopicPage2 .left img {
  width: 100%;
}

.X100TopicPage2 .right {
  padding-left: 7.8125vw;
  padding-top: 1.5625vw;
}

.X100TopicPage2 .right .X100TopicPagetit .t {
  margin-top: 1.5625vw;
}

.X100TopicPage2 .right .X100TopicPagetit .t1 {
  margin-top: 5.2083vw;
}

.X100TopicPage2 .right .X100TopicPagetit .t2 {
  margin-top: 4.9479vw;
}

.X100TopicPage4 {
  background-size: cover;
  background-position: center;
  width: 100%;
  padding: 5.7292vw 0 9.5833vw;
}

.X100TopicPage4 .X100TopicPagetit {
  text-align: center;
}

.X100TopicPage4 .X100TopicPagetit .t {
  margin-top: 1.3021vw;
}

.X100TopicPage4 .X100TopicPagetit .t1 {
  margin-top: 2.6042vw;
  line-height: 2.5vw;
}

.X100TopicPage4 .img {
  width: 100%;
  margin: 3.9063vw auto 0;
  text-align: center;
}

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

.X100TopicPage5 {
  background-size: cover;
  background-position: center;
  width: 100%;
  padding: 5.9896vw 0 14.8438vw;
}

.X100TopicPage5 .X100TopicPagetit {
  text-align: center;
}

.X100TopicPage5 .X100TopicPagetit .t {
  margin-top: 5.9896vw;
  line-height: 3.75vw;
}

.X100TopicPage5 .img {
  width: 62.96875%;
  margin: 3.3854vw auto 0;
}

.X100TopicPage5 .img img {
  width: 100%;
}

.X100TopicPage6 {
  background-size: cover;
  background-position: center;
  width: 100%;
  padding: 8.0729vw 0 19.2708vw;
}

.X100TopicPage6 .X100TopicPagetit {
  text-align: center;
}

.X100TopicPage6 .X100TopicPagetit .t {
  margin-top: 15.3646vw;
  line-height: 3.75vw;
}

.Z6TopicPage1 {
  padding-top: 6.25vw;
  text-align: center;
  background-size: cover;
  background-position: center;
}

.Z6TopicPage1 .text {
  width: 45.83333%;
  margin: 0 auto;
}

.Z6TopicPage1 .text img {
  width: 100%;
}

.Z6TopicPage1 .X100TopicPagetit {
  margin-top: 1.3021vw;
}

.Z6TopicPage1 .X100TopicPagetit .t2 {
  margin-top: 2.0833vw;
  line-height: 1.875vw;
}

.Z6TopicPage1 .img {
  width: 48.95833%;
  margin: 2.6042vw auto 0;
}

.Z6TopicPage1 .img img {
  width: 100%;
}

.Z6TopicPage2 {
  text-align: center;
  background-size: cover;
  background-position: center;
  padding: 7.2917vw 0 8.3333vw;
}

.Z6TopicPage2 .img {
  width: 62.5%;
  margin: 1.8229vw auto 0;
}

.Z6TopicPage2 .img img {
  width: 100%;
}

.Z6TopicPage3 {
  padding: 6.25vw 0 4.1667vw;
  text-align: center;
  background-size: cover;
  background-position: center;
}

.Z6TopicPage3 .img {
  width: 50%;
  margin: 3.9063vw auto 0;
}

.Z6TopicPage3 .img img {
  width: 100%;
}

.Z6TopicPage3 .text {
  max-width: 62.5vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
}

.Z6TopicPage3 .text .X100TopicPagetit {
  text-align: left;
  width: 48.33333%;
  margin-bottom: 2.0833vw;
  padding: 1.3021vw 3.125vw;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1.0417vw;
  border-radius: 1.0417vw;
}

.Z6TopicPage4 .X100TopicPagetit {
  text-align: center;
  padding: 4.9479vw 0 2.8646vw;
}

.Z6TopicPage4 .X100TopicPagetit .t {
  margin-top: 1.3021vw;
}

.Z6TopicPage4 .X100TopicPagetit .t.bold {
  margin-top: 3.6458vw;
}

.Z6TopicPage4 .X100TopicPagetit .t1 {
  margin-top: 1.5625vw;
  line-height: 2.0833vw;
}

.Z6TopicPage4 .icon {
  background-color: #fff;
  padding: 2.8646vw 0 8.3333vw;
  text-align: center;
}

.Z6TopicPage4 .icon img {
  display: inline-block;
  max-width: 100%;
  margin: 0 1.0417vw;
}

/* .Z6TopicPage5 { padding: 5.9896vw 0 10.9375vw; text-align: center; background-size: cover; background-position: center; } */
.Z6TopicPage5 {
  padding: 1.5vw 0 1vw;
  text-align: center;
  background-size: cover;
  background-position: center;
}

.Z6TopicPage5 .X100TopicPagetit .t1 {
  margin-top: 1.5625vw;
  line-height: 2.0833vw;
}

.Z6TopicPage5 .X100TopicPagetit .t1 p,
.Z6TopicPage5 .X100TopicPagetit .t1 span {
  white-space: pre-wrap !important;
}

.Z6TopicPage5 .img {
  width: 100%;
  margin: 3.5417vw auto 0;
  text-align: center;
}

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

.Z6TopicPage6 .X100TopicPagetit {
  text-align: center;
  background-color: #fff;
  padding: 5.9896vw 0 4.6875vw;
}

.Z6TopicPage6 .X100TopicPagetit .t1 {
  margin-top: 1.5625vw;
  line-height: 2.5vw;
}

.Z6TopicPage6 .con {
  position: relative;
}

.Z6TopicPage6 .con .Z6TopicPage6TabCont {
  width: 100%;
  position: relative;
}

.Z6TopicPage6 .con .Z6TopicPage6TabCont .tabItem {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.Z6TopicPage6 .con .Z6TopicPage6TabCont .tabItem.active {
  display: block;
  position: static;
}

.Z6TopicPage6 .con .Z6TopicPage6TabCont .tabItem .pictureBox {
  padding-top: 33.64583%;
}

.Z6TopicPage6 .con .Z6TopicPage6TabCont .tabItem .pictureBox img {
  min-height: 100%;
}

.Z6TopicPage6 .con .Z6TopicPage6TabBar {
  position: absolute;
  z-index: 2;
  width: auto;
  text-align: center;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 1.5625vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: .0521vw solid rgba(255, 255, 255, 0.7);
}

.Z6TopicPage6 .con .Z6TopicPage6TabBar .tabTerm {
  padding: 0 1.5104vw;
  border-bottom: .1042vw solid transparent;
  font-size: .8333vw;
  white-space: nowrap;
  color: #fff;
  opacity: 0.6;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  margin-bottom: -0.0521vw;
  padding-bottom: .2604vw;
}

.Z6TopicPage6 .con .Z6TopicPage6TabBar .tabTerm.active {
  opacity: 1;
  border-bottom-color: #fff;
}

.Z6TopicPage7 {
  padding: 5.2083vw 0;
}

.Z6TopicPage7 .X100TopicPagetit {
  text-align: center;
}

.Z6TopicPage7 .X100TopicPagetit .t1 {
  margin-top: 1.5625vw;
  line-height: 2.5vw;
}

.Z6TopicPage7 .img {
  width: 62.5%;
  margin: 2.6042vw auto 0;
}

.Z6TopicPage7 .img img {
  width: 100%;
}

.Z6TopicPage8 {
  padding-top: 5.2083vw;
}

.Z6TopicPage8 .X100TopicPagetit {
  text-align: center;
}

.Z6TopicPage8 .X100TopicPagetit .t1 {
  margin-top: 1.5625vw;
  line-height: 2.5vw;
}

.Z6TopicPage8 .imgBox {
  padding-bottom: 2.6042vw;
  margin: 1.5625vw auto 0;
  width: 69.94792%;
}

.Z6TopicPage8 .imgBox .pictureBox {
  padding-top: 51.67535%;
}

.Z6TopicPage8 .imgBox .pictureBox img {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transform: none;
}

.Z6TopicPage8 .imgBox .pictureBox img:nth-child(2) {
  -webkit-transform: translate(-10%, -8%);
  -ms-transform: translate(-10%, -8%);
  transform: translate(-10%, -8%);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.Z6TopicPage8 .imgBox .pictureBox img:nth-child(3) {
  -webkit-transform: translate(-20%, -16%);
  -ms-transform: translate(-20%, -16%);
  transform: translate(-20%, -16%);
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
}

.Z6TopicPage8 .imgBox .pictureBox img:nth-child(4) {
  -webkit-transform: translate(-30%, -24%);
  -ms-transform: translate(-30%, -24%);
  transform: translate(-30%, -24%);
  -webkit-transition: all 1s;
  transition: all 1s;
}

.Z6TopicPage8 .imgBox .pictureBox img:nth-child(5) {
  -webkit-transform: translate(-40%, -32%);
  -ms-transform: translate(-40%, -32%);
  transform: translate(-40%, -32%);
  -webkit-transition: all 1.3s;
  transition: all 1.3s;
}

.Z6TopicPage8 .imgBox .pictureBox img:nth-child(6) {
  -webkit-transform: translate(-50%, -40%);
  -ms-transform: translate(-50%, -40%);
  transform: translate(-50%, -40%);
  -webkit-transition: all 1.6s;
  transition: all 1.6s;
}

.Z6TopicPage8 .imgBox .pictureBox img:nth-child(7) {
  -webkit-transform: translate(-60%, -48%);
  -ms-transform: translate(-60%, -48%);
  transform: translate(-60%, -48%);
  -webkit-transition: all 1.9s;
  transition: all 1.9s;
}

.Z6TopicPage8 .imgBox .pictureBox img:nth-child(8) {
  -webkit-transform: translate(-70%, -56%);
  -ms-transform: translate(-70%, -56%);
  transform: translate(-70%, -56%);
  -webkit-transition: all 2.2s;
  transition: all 2.2s;
}

.Z6TopicPage8 .imgBox .pictureBox img:nth-child(9) {
  -webkit-transform: translate(-80%, -64%);
  -ms-transform: translate(-80%, -64%);
  transform: translate(-80%, -64%);
  -webkit-transition: all 2.5s;
  transition: all 2.5s;
}

.Z6TopicPage8 .imgBox .pictureBox img:nth-child(10) {
  -webkit-transform: translate(-90%, -72%);
  -ms-transform: translate(-90%, -72%);
  transform: translate(-90%, -72%);
  -webkit-transition: all 2.8s;
  transition: all 2.8s;
}


.Z6TopicPage8 .imgBox.active .pictureBox img:nth-child(2),
.Z6TopicPage8 .imgBox.active .pictureBox img:nth-child(3),
.Z6TopicPage8 .imgBox.active .pictureBox img:nth-child(4),
.Z6TopicPage8 .imgBox.active .pictureBox img:nth-child(5),
.Z6TopicPage8 .imgBox.active .pictureBox img:nth-child(6),
.Z6TopicPage8 .imgBox.active .pictureBox img:nth-child(7),
.Z6TopicPage8 .imgBox.active .pictureBox img:nth-child(8),
.Z6TopicPage8 .imgBox.active .pictureBox img:nth-child(9),
.Z6TopicPage8 .imgBox.active .pictureBox img:nth-child(10) {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.Z6TopicPage9 {
  text-align: center;
  background-size: cover;
  background-position: center;
  padding: 5.9896vw .7813vw 7.8125vw;
}

.Z6TopicPage9 .X100TopicPagetit .t1 {
  margin-top: 1.5625vw;
  line-height: 2.5vw;
}

.Z6TopicPage9 .img {
  width: 100%;
  margin: 2.6042vw auto 0;
  text-align: center;
}

.Z6TopicPage9 .img img {
  max-width: 100%;
  margin-bottom: 2.0833vw;
}

.Z6TopicPage10 {
  padding-top: 5.9896vw;
}

.Z6TopicPage10 .X100TopicPagetit {
  text-align: center;
}

.Z6TopicPage10 .X100TopicPagetit .t1 {
  line-height: 2.5vw;
  margin-top: 1.5625vw;
}

.Z6TopicPage10 .imgTwo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 62.5vw;
  margin: 3.9063vw auto 0;
}

.Z6TopicPage10 .imgTwo img {
  width: 48.33333%;
}

.Z6TopicPage10 .img {
  margin-top: 2.0833vw;
  text-align: center;
}

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

.classicCase_CCE {
  padding: 3.125vw 0 7.2917vw;
}

.classicCase_CCE .top .text {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 3.6458vw 1.0417vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #4c36ff;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.classicCase_CCE .top video {
  width: 100% !important;
  height: auto !important;
}

.classicCase_CCE .top .img {
  width: 28.27869%;
  margin-right: 3.68852%;
}

.classicCase_CCE .top .img img {
  width: 100%;
}

.classicCase_CCE .top h5 {
  font-size: 4.1667vw;
  color: #fff;
  font-weight: bold;
}

.classicCase_CCE .Case_CCETabBar {
  margin-top: 6.25vw;
  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;
}

.classicCase_CCE .Case_CCETabBar .tabTerm {
  width: 10.4167vw;
  line-height: 3.125vw;
  text-align: center;
  background-color: #f4f4f4;
  font-size: .94vw;
  color: #333;
  margin: 0 .5208vw;
  cursor: pointer;
}

.classicCase_CCE .Case_CCETabBar .tabTerm.active {
  background-color: #00479d;
  color: #fff;
}

.classicCase_CCE .Case_CCETabCont {
  margin-top: 2.0833vw;
  position: relative;
}

.classicCase_CCE .Case_CCETabCont .tabItem {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.classicCase_CCE .Case_CCETabCont .tabItem.active {
  display: block;
  position: static;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form1 .input {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.0417vw;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form1 .input h5 {
  font-size: .7292vw;
  color: #333;
  width: 4.6875vw;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form1 .input input {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 3.125vw;
  padding: 0 .5208vw;
  background-color: #e8e8e8;
}

.classicCase_CCE .Case_CCETabCont .tabItem .inputBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.classicCase_CCE .Case_CCETabCont .tabItem .inputBox .left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 65.31746%;
}

.classicCase_CCE .Case_CCETabCont .tabItem .inputBox .left .img {
  width: 24.30134%;
  height: 3.125vw;
  background-color: #e8e8e8;
  position: relative;
  margin-left: 1.0417vw;
}

.classicCase_CCE .Case_CCETabCont .tabItem .inputBox .left .img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: none;
  width: 100%;
  height: 100%;
}

.classicCase_CCE .Case_CCETabCont .tabItem .inputBox button {
  width: 10.4167vw;
  line-height: 3.125vw;
  height: 3.125vw;
  border: none;
  font-size: .8333vw;
  text-align: center;
  color: #fff;
  background-color: #00479d;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 .tit {
  font-size: 1.0417vw;
  color: #333;
  padding-left: .7292vw;
  position: relative;
  font-weight: bold;
  line-height: 1;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 .tit::before {
  content: "";
  width: .3646vw;
  height: .3646vw;
  background-color: #00479d;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 .tit.tit2 {
  margin-top: 2.3438vw;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox {
  margin-top: 1.0417vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input {
  width: 48.4127%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.0417vw;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input h5 {
  width: 4.5833vw;
  font-size: .7292vw;
  color: #333;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input h5 span {
  color: #ff0000;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input input,
.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .dome-main {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 3.125vw;
  padding: 0 1.0417vw;
  background-color: #e8e8e8;
  color: #333;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input input::-webkit-input-placeholder,
.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .dome-main::-webkit-input-placeholder {
  color: #999;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input input::-moz-placeholder,
.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .dome-main::-moz-placeholder {
  color: #999;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input input:-ms-input-placeholder,
.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .dome-main:-ms-input-placeholder {
  color: #999;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input input::placeholder,
.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .dome-main::placeholder {
  color: #999;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .dome-main {
  padding: 0;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .dome-main .city-picker-selector ul::-webkit-scrollbar {
  width: .2604vw;
  height: .0521vw;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .dome-main .city-picker-selector ul::-webkit-scrollbar-thumb {
  -webkit-border-radius: .5208vw;
  border-radius: .5208vw;
  -webkit-box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2);
  background: #00479d;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .dome-main .city-picker-selector ul::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.1);
  -webkit-border-radius: .5208vw;
  border-radius: .5208vw;
  background: #EDEDED;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .on {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .on::before {
  content: '';
  border: .2083vw solid transparent;
  border-top-color: #999;
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1.0417vw;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .on .Down {
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 .2604vw .5208vw #ddd;
  box-shadow: 0 .2604vw .5208vw #ddd;
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  z-index: 10;
  max-height: 7.8125vw;
  overflow-y: auto;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .on .Down::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: .1563vw;
  height: .0521vw;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .on .Down::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  -webkit-border-radius: .5208vw;
  border-radius: .5208vw;
  -webkit-box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2);
  background: #00479d;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .on .Down::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2);
  -webkit-border-radius: .5208vw;
  border-radius: .5208vw;
  background: #EDEDED;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .on .Down p {
  width: 100%;
  padding: 0 .7813vw;
  line-height: 2.0833vw;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .on .Down p:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input i {
  width: 1.0417vw;
  height: 1.0417vw;
  border: .0521vw solid #999;
  background-color: #fff;
  opacity: 0.6;
  margin-right: .4688vw;
  display: inline-block;
  cursor: pointer;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input i.active {
  background: #fff url(resources/icon41.png) no-repeat center center;
  opacity: 1;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input p {
  display: inline-block;
  font-size: .7292vw;
  color: #999;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input p.active {
  color: #333;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .img {
  width: 10.4167vw;
  height: 3.125vw;
  text-align: center;
  background-color: #e4e4e4;
  position: relative;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}

.classicCase_CCE .Case_CCETabCont .tabItem .form2 button {
  width: 10.4167vw;
  background-color: #00479d;
  line-height: 3.125vw;
  text-align: center;
  color: #fff;
  font-size: .8333vw;
  margin-top: .5208vw;
  border: none;
  margin-left: 4.5833vw;
}

.PastHighlights {
  width: 100%;
  background-color: #f4f4f4;
  padding: 5.2083vw 0;
}

.PastHighlights .tit {
  text-align: center;
  font-size: 2.3958vw;
  line-height: 1;
  color: #000;
}

.PastHighlights .con {
  position: relative;
}

.PastHighlights .con .PastHighlights_swiper {
  margin-top: 1.8229vw;
}

.PastHighlights .con .PastHighlights_swiper .swiper-slide a {
  display: block;
}

.PastHighlights .con .PastHighlights_swiper .swiper-slide a .img .pictureBox {
  padding-top: 61.75%;
}

.PastHighlights .con .PastHighlights_swiper .swiper-slide a .text {
  padding: 1.8229vw 2.0833vw;
  background-color: #fff;
}

.PastHighlights .con .PastHighlights_swiper .swiper-slide a .text h5 {
  font-size: 1.0417vw;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.PastHighlights .con .PastHighlights_swiper .swiper-slide a .text p {
  font-size: .8333vw;
  color: #6b717a;
  line-height: 22px;
  display: -webkit-box;
  height: 44px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: .2604vw;
}

.PastHighlights .con .PastHighlights_swiper .swiper-slide a .text .data {
  font-size: .8333vw;
  color: #999;
  margin-top: 1.0417vw;
}

.PastHighlights .con .PastHighlights_prev,
.PastHighlights .con .PastHighlights_next {
  width: 48px;
  height: 48px;
  background: #fff url(resources/jiant4.png) no-repeat center center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.PastHighlights .con .PastHighlights_prev.swiper-button-disabled,
.PastHighlights .con .PastHighlights_next.swiper-button-disabled {
  opacity: 1;
}

.PastHighlights .con .PastHighlights_prev:hover,
.PastHighlights .con .PastHighlights_next:hover {
  background: #00479d url(resources/jiant3.png) no-repeat center center;
  border-color: #00479d;
}

.PastHighlights .con .PastHighlights_prev {
  left: -3.5417vw;
}

.PastHighlights .con .PastHighlights_next {
  right: -3.5417vw;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.certificate_popUp {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}

.certificate_popUp i {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
}

.certificate_popUp .con {
  max-width: 80%;
  height: auto;
  max-height: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  text-align: center;
}

.certificate_popUp .con img {
  max-width: 100%;
}

.certificate_popUp .con .off {
  width: 1.5104vw;
  height: 1.5104vw;
  position: absolute;
  top: -2.0833vw;
  right: 0;
  transform: rotate(45deg);
  pointer-events: none;
  cursor: pointer;
}

.certificate_popUp .con .off::before {
  content: "";
  width: .0521vw;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: .7292vw;
}

.certificate_popUp .con .off::after {
  content: "";
  width: 100%;
  height: .0521vw;
  background-color: #fff;
  position: absolute;
  top: .7292vw;
  left: 0;
}


.tipsbox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  cursor: pointer;
  pointer-events: none;
}

.pointer {
  left: calc(50% - 1.3021vw);
  top: calc(50% - 1.3021vw);
  width: 2.6042vw;
  height: 2.6042vw;
  position: absolute;
  z-index: 9;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  background: url(resources/pointer.png) no-repeat center;
  background-size: cover;
  -webkit-animation: pointer 1s linear 0ms infinite normal forwards;
  animation: pointer 1s linear 0ms infinite normal forwards;
}

@keyframes pointer {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
    -webkit-transform: translate(1.5625vw, 0) rotate3d(0, 0, 1, 10deg);
    -webkit-transform: translate(0.26667rem,
        0) rotate3d(0, 0, 1, 10deg);
    transform: translate(1.5625vw, 0) rotate3d(0, 0, 1, 10deg);
    transform: translate(0.26667rem, 0) rotate3d(0, 0, 1, 10deg)
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate(-1.5625vw, 0) rotate3d(0, 0, 1, -10deg);
    -webkit-transform: translate(-0.26667rem, 0) rotate3d(0, 0, 1, -10deg);
    transform: translate(-1.5625vw, 0) rotate3d(0, 0, 1, -10deg);
    transform: translate(-0.26667rem, 0) rotate3d(0, 0, 1, -10deg);
    opacity: 0.5
  }
}

.head_navlist ul li>a {
  white-space: nowrap;
}

.Bg {
  background-color: #fafafa;
}

/* 新添联系我们页面 */
.contactUs {
  padding: 80px 0;
}

.contactUsCon {
  margin-top: 30px;
  padding: 80px 50px;
  position: relative;
}

.contactUsCon .left {
  width: 100%;
  position: relative;
  z-index: 2;
}

.contactUsCon .left .tit {
  font-size: 20px;
  color: #333;
  font-weight: bold;
}

.contactUsCon .left .t {
  margin-top: 15px;
  font-size: 18px;
  line-height: 40px;
}

.contactUsCon .right {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.contactUsCon .right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 1420px) {
  .pointerbox .pointer {
    left: calc(50% - 2.8646vw);
    top: calc(50% - 2.8646vw);
    width: 5.7292vw;
    height: 5.7292vw;
  }
}

@media (min-width: 992px) {
  .sub_zinav a:hover {
    color: #00479d;
  }

  /* .head_navlist ul li:hover .sub_zinav.Lhide{opacity: 1;pointer-events: all;} */
  /* .head_navlist ul li:hover .sub_zinav { 
    pointer-events: initial; opacity: 1; 
    -webkit-transform: translateY(0); 
    -ms-transform: translateY(0); 
    transform: translateY(0); } */
  /* .head_navlist ul li:hover .sub_zinav.Lhide{opacity: 0;pointer-events:none;} */

}

@media (max-height: 650px) {

  /* .index_case{padding-top: 1.5625vw !important;} */
  .index_news {
    padding: 2.0833vw 0 !important;
  }
}

@media (min-width: 1260px) {

  .pointerbox .pointer {
    left: calc(50% - 2.3438vw);
    top: calc(50% - 2.3438vw);
    width: 4.6875vw;
    height: 4.6875vw;
  }


  .head_navlist ul li>a {
    height: 1vw;
    line-height: 1vw;
    padding: 0 20px;
    font-weight: bold;
  }

  .head_navlist ul li.active>a,
  .head_navlist ul li:hover>a {
    color: #00479d;
  }

  .head_navlist ul li.active>a,
  .head_navlist ul li:hover>a {
    color: #00479d !important;
  }

  /* .purpose_tab .item:hover { color: #00479d; }
  .purpose_tab .item:hover::after { width: 100%; } */
}

.index_swiper .swiper-slide-active .Lbanner5 img {
  animation-name: kenburns;
  animation-timing-function: linear;
  animation-duration: 1.2s;
}

@keyframes kenburns {
  0% {
    transform: scale(1.04);
    -webkit-transform: scale(1.04);
  }

  25% {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
  }

  50% {
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
  }

  75% {
    transform: scale(1.01);
    -webkit-transform: scale(1.01);
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

.home1 .index_swiper.Lhide .swiper-slide-active img.index_Bg {
  animation-name: kenburns;
  animation-timing-function: linear;
  animation-duration: 1.2s;
}

/* 新添荣誉资质页面 */
.Lhonor {
  padding: 5.2083vw 0;
}

.Lhonor .top {
  display: flex;
  justify-content: flex-end;
}

.Lhonor .top a {
  font-size: .9375vw;
  color: #333;
  margin: 0 1.0417vw;
}

.Lhonor .top a.active {
  color: #00479d;
}

.Lhonor .con {
  margin-top: 1.5625vw;
  display: flex;
  flex-wrap: wrap;
}

.Lhonor .con .box {
  width: 23.8095%;
  border: .0521vw solid #ebebeb;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 10.4167vw;
  position: relative;
  margin-bottom: 1.0417vw;
  position: relative;
}

.Lhonor .con .box:not(:nth-child(4n + 1)) {
  margin-left: 1.5873%;
}

.Lhonor .con .box img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 90%;
  max-height: 90%;
}

@media (max-height: 900px) {
  .home2 {
    padding: 1.0417vw 12%;
  }

  .index_purpose,
  .index_news {
    padding: 1.0417vw 4.5%;
  }

  .innew_top {
    margin-top: 1.5625vw;
  }

  .innew_top .innew_tab .item {
    height: 50px;
    line-height: 50px;
    width: 180px;
  }

  .tong_title h2 {
    font-size: 1.875vw;
    margin-bottom: 1.0417vw;
  }

  .index_about .tong_title p {
    margin-top: 1.0417vw;
  }

  .tong_title p {
    font-size: .7292vw;
  }

  .tong_title {
    padding-bottom: 1.0417vw;
  }

  .innew_bgbox .left {
    width: 50%;
  }

  .innew_bgbox .right {
    width: 45%;
  }

  .home4TabCont {
    overflow: hidden;
  }

  /* .index_case{padding-top: .5208vw;} */
  .index_swiper .swiper-slide {
    transform: scale(1.001);
  }
}

@media (min-width: 768px) {
  .certificate_popUp .con {
    max-width: 90%;
  }

  .pointerbox .pointer {
    left: calc(50% - 1.8229vw);
    top: calc(50% - 1.8229vw);
    width: 3.6458vw;
    height: 3.6458vw;
  }
}

@media (max-width: 1800px) {
  .home1 .index_swiper .swiper-slide .imgbox {
    height: 100%;
  }

  .home1 .index_swiper .swiper-slide .imgbox img {
    width: auto;
    min-width: 100%;
    max-width: none;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media (max-width: 1600px) {
  .head_navlist ul li>a {
    padding: 0 15px;
  }
}

@media (max-width: 1400px) {
  .container1400 {
    width: 100%;
    padding: 0 15px;
  }

  .head_navlist ul li>a {
    padding: 0 15px;
  }

  .X100TopicPage2 .right {
    padding-left: 5%;
    padding-bottom: 1.5625vw;
  }

  .X100TopicPage2 .right .X100TopicPagetit .t1 {
    margin-top: 2.6042vw;
  }

  .X100TopicPage2 .right .X100TopicPagetit .t2 {
    margin-top: 1.5625vw;
  }

  .container1260 {
    padding: 0 4.5%;
  }
}

@media (max-width: 1360px) {
  .header_content .h_search {
    width: 3.125vw;
  }
}

.sub_zinav2 {
  position: relative;
}

.sub_zinav3 {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  background-color: #fff;

}

@media (max-width: 1290px) {
  .container1220 {
    padding: 0 15px;
  }

  .container1260 {
    margin: 0 4.5%;
  }

  .X100TopicPage2 .left {
    margin-left: 50px;
  }

  .Lbanner5 img.Lhide {
    display: none;
  }

  .Lbanner5 img.Lshow {
    display: block;
  }

  .index_case {
    position: static !important;
  }

  .yuyan_icon i,
  .hsearch_btn i {
    font-size: 21px;
  }

  .container1260 {
    width: auto;
    padding: 0 4.5%;
  }

  .tong_title h2 {
    font-size: 30px;
    margin-bottom: 15px;
  }

  .index_about .tong_title p {
    margin-top: 15px;
  }

  .purpose_tab .item {
    font-size: 16px;
  }

  .home3Text .ppsw_box h2 {
    font-size: 22px;
  }

  .home3Text .ppsw_box .desc {
    font-size: 16px;
  }

  .purpose_jiantou {
    right: 15px;
  }

  .innew_bgbox .left .lfimtext h2 {
    font-size: 22px;
    margin-bottom: 5px;
  }

  .index_news {
    padding: 90px 0;
  }


  .home_swiper>.swiper-wrapper>.swiper-slide:first-child {
    padding-top: 60px;
  }

  .beer-handle {
    width: 40px;
    height: 40px;
  }

  .beer-handle:before {
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .beer-handle:after {
    right: -4px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  .home1 {
    padding-top: 0;
  }

  .home1 .index_swiper .swiper-slide .banner_text1 h5 {
    font-size: 30px;
  }

  .home1 .index_swiper .swiper-slide .banner_text1 .list {
    margin-top: 30px;
  }

  .home1 .index_swiper .swiper-slide .banner_text1 .list .li:not(:first-child) {
    margin-left: 10px;
  }

  .home1 .index_swiper .swiper-slide .product_img1 .container1260 p {
    font-size: 200px;
  }

  .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right h3 {
    font-size: 100px;
  }

  .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right h5 {
    letter-spacing: 10px;
    margin-right: 0;
  }

  .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right img {
    margin-top: 20px;
  }

  .publicLink .container1260 h5 {
    line-height: 60px;
  }

  .publicLink .container1260 .right a {
    line-height: 58px;
  }

  .TopicPageCon1 {
    padding-top: 50px;
  }

  .TopicPageCon1 .img {
    margin: 60px auto 0;
  }

  .TopicPageCon3 {
    padding: 60px 0;
  }

  .TopicPageCon9 .TopicPagetit {
    top: 60px;
  }

  .TopicPageCon10 {
    padding: 60px 0 100px;
  }

  .TopicPage_download .box .list2 .li {
    padding-right: 0;
  }

  .TopicPage_download .box .list2 .li .text {
    float: right;
    width: -webkit-calc(100% - 47px);
    width: calc(100% - 47px);
  }

  .TopicPage_download .box .list2 .li .icon2 {
    top: 76%;
    right: 45px;
  }

  .service_Software .right {
    padding: 20px 20px 30px;
  }

  .Z6TopicPage9 {
    padding: 30px 15px !important;
  }

  .PastHighlights .con .PastHighlights_prev,
  .PastHighlights .con .PastHighlights_next {
    border: 1px solid #ddd;
  }

  .PastHighlights .con .PastHighlights_prev {
    left: 10px;
  }

  .PastHighlights .con .PastHighlights_next {
    right: 10px;
  }

  .Service_Network .con1 .container1260 .left .box {
    padding: 30px 20px;
  }


  .about_government .government_item {
    padding: 20px;
  }

  .government_top .title .title_en {
    font-size: 14px;
  }

  .government_top .title .title_cn {
    font-size: 16px;
  }

  .government_btn {
    width: 40px;
    height: 40px;
  }

  .government_btn img {
    width: 10px;
  }

  .government_item.active .government_desc_box {
    padding-top: 10px;
  }

  .government_desc {
    padding: 20px;
  }


}

@media (min-width: 1920px) {
  .container1260 {
    width: 78.75vw;
  }

  .container1400 {
    width: 87.5vw;
  }
}

@media (max-width: 1260px) {
  .investor_RX .box .list .li .t {
    font-size: 14px;
  }

  .Lmore {
    width: 12vw;
  }

  .index_home,
  .index_body,
  .home_swiper,
  .home_swiper>.swiper-wrapper {
    height: auto;
  }

  .home_swiper>.swiper-wrapper>.swiper-slide,
  .home_swiper>.swiper-wrapper {
    height: auto;
    display: block;
  }

  .home1,
  .home2,
  .home3,
  .home4 {
    height: auto;
  }

  .home4TabCont,
  .home3 .con {
    margin-bottom: 0;
  }

  .home2,
  .home3 {
    padding-bottom: 30px;
  }

  .purpose_swiper .img_bg {
    width: 100%;
  }

  .purpose_swiper {
    position: static;
  }

  .index_swiper .inswbg_img {
    display: none;
  }

  .index_swiper .imgbox {
    display: block;
  }

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

  .innew_top .innew_tab .item {
    font-size: 16px;
  }
}

.classicCase_big .con1 .text .WatchVideo {
  margin-top: 20px;
}

@media (max-width: 992px) {

  .publicLeft .li .ul2 .li3 .t,
  .publicLeft .li .ul2 .li3 .ul3 a,
  .publicLeft .li h5 {
    line-height: 40px;
  }

  .publicLeft .li .ul2 .li3 .t .li3On {
    top: 15px;
  }

  .publicLeft .li.active .liOn,
  .publicLeft .li.active2 .liOn,
  .publicLeft .li h5.active .liOn {
    top: 13px;
  }

  .ProductCenter .con .box .text h5 {
    line-height: 40px;
  }

  .head_navlist ul li {
    position: relative;
  }

  .contactUs {
    padding: 30px 0;
  }

  .contactUsCon {
    padding: 50px 20px;
  }

  .home3 .top,
  .home4 .top,
  .home2 {
    padding-top: 30px;
  }

  .publicLeft.publicLeft_download .li.active h5::before,
  .publicLeft.publicLeft_download .li.active2 h5::before,
  .publicLeft.publicLeft_download .li h5.active::before,
  .publicLeft.publicLeft_download .li h5::before {
    top: 5px;
  }
  .publicLeft.more_download .li.active h5::before,
  .publicLeft.more_download .li.active2 h5::before,
  .publicLeft.more_download .li h5.active::before,
  .publicLeft.more_download .li h5::before {
    top: 5px;
  }


  .footer .footer_nav {
    padding: 60px 30px;
  }

  .footer_content .ft_right {
    display: none;
  }

  .footer .footer_nav {
    width: 100%;
    float: none;
    border: none;
  }

  .footer_top {
    padding-top: 30px;
  }

  .footer .footer_nav {
    padding: 0;
    display: block;
  }

  .footerNav2 {
    margin-top: 0 !important;
    line-height: 30px;
  }

  .footerNav2:first-child {
    margin-top: 15px !important;
  }

  .footer .footer_nav dl dd {
    display: none;
  }

  .footer .footer_nav dl {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
  }

  .footer_nav dl i::before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }

  .footer_nav dl i {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: -4px;
    right: 0;
    color: #333;
    width: 100%;
    height: 36px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .footer_nav dl i.active::before {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }

  .footer .footer_nav dl dd a:first-child {
    margin-top: 15px;
  }

  .ft_saoma {
    display: none;
  }

  .ftbt_cont .ftbt_left {
    width: 100%;
  }

  /* .investor_yj .top form .right button i{font-size: 20px;line-height: 20px;} */
  .sub_zinav a:not(:nth-child(4n + 1)) {
    border: none;
  }

  .sub_zinav a::before {
    display: none;
  }

  body {
    padding-top: 67px;
  }

  .sub_zinav a {
    padding: 5px 10px;
    width: 100%;
  }

  .ProductNav {
    opacity: 0;
    pointer-events: none;
  }

  .head_navlist ul li {
    display: block;
    float: none;
    line-height: 60px;
    padding: 0 15px;
    border-bottom: 1px solid #f7f7f7;
  }

  .head_navlist li>a {
    line-height: 60px;
  }

  .sub_zinav {
    opacity: 1 !important;
    position: static !important;
    border: none;
    width: auto;
    padding: 0 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: none;
    min-width: initial;
    pointer-events: auto;
  }

  .head_navlist ul li .sub_zinav a {
    margin: 0;
    color: #333;
    line-height: 26px;
    font-size: 14px;
    text-align: left;
  }

  .head_navlist ul li>span {
    display: block;
    cursor: pointer;
  }

  .sub_zinav2 i {
    position: absolute;
    top: 16px;
    right: 0;
    width: 8px;
    height: 8px;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    pointer-events: none;
    content: "";
  }

  .sub_zinav2 i.active {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  .sub_zinav3 {
    width: 100%;
    position: static;
    padding: 0 0 0 30px;

  }

  .sub_zinav3 .Link3 {
    display: block;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 22px;
  }

  .header .header_top>div {
    font-size: 12px;
  }

  .header .header_top {
    display: none;
  }

  .head_navlist ul {
    display: block;
  }

  .head_navlist {
    overflow-y: auto;
    display: none;
    position: fixed;
    top: 67px;
    left: 0;
    right: 0;
    background: #fff;
    bottom: 0;
    padding-top: 0;
    z-index: 999999;
  }

  .head_navlist ul li {
    padding: 0;
  }

  .head_navlist li>a {
    font-size: 16px;
  }

  .navmenu_div {
    display: block;
  }

  .index_swiperbox {
    margin-top: 60px;
  }

  .header .navmenu_box span {
    background-color: #333;
  }

  .header {
    background-color: #fff;
  }

  .header .header_top {
    background-color: #f7f7f7;
    color: #7d7d7d;
  }

  .header .head_navlist li>a {
    color: #333;
  }

  .header .hsearch_btn i {
    color: #333;
  }

  .header .h_search {
    width: auto;
  }

  .header {
    height: 67px;
  }

  .language_box {
    height: 67px;
    line-height: 67px;
  }

  .header .logo {
    width: 90px;
  }



  .aboutUs .con3 {
    padding-top: 0 !important;
  }

  /* .investor_yj .top form .left::before{right: 10px;} */
  .PastHighlights .con .PastHighlights_prev,
  .PastHighlights .con .PastHighlights_next {
    width: 38px;
    height: 38px;
  }

  .Lcrumbs a {
    line-height: 50px;
  }

  .defaPrevNextpage p {
    line-height: 50px;
    height: 50px;
  }

  .aboutUs .con1 {
    padding-top: 0 !important;
  }

  .LtextTit {
    font-size: 26px;
  }

  .X100TopicPage2 .right {
    padding-left: 2%;
    padding-bottom: 30px;
  }

  .Service_Network .con2 .ServiceTabCont .tabItem .box:not(:nth-child(4n + 1)) {
    margin-left: 0;
  }

  .Service_Network .con2 .ServiceTabCont .tabItem .box:not(:nth-child(3n + 1)) {
    margin-left: 2%;
  }

  .aboutUs .con6 .aboutUsCon6_swiperBox {
    padding: 0 15px;
  }

  .aboutCon6_prev {
    left: -5px;
  }

  .aboutCon6_next {
    right: -5px;
  }

  .index_prev,
  .index_next {
    opacity: 1 !important;
    width: 30px;
    height: 30px;
  }

  .index_prev {
    left: 2%;
  }

  .index_next {
    right: 2%;
  }

  .index_prev::after,
  .index_next::after {
    width: 15px;
    height: 15px;
  }

  .index_next::after {
    transform: translate(-105%, -50%) rotate(-135deg);
  }

  .padd {
    padding: 30px 0 !important;
  }

  .Z6TopicPage9 {
    padding: 30px 15px !important;
  }

  .Z6TopicPage9 .img img {
    margin-bottom: 10px;
  }

  .container1260 {
    margin: 0 4.5%;
  }

  .home3Text .ppsw_box .desc {
    font-size: 14px;
    line-height: 22px;
  }

  .insw_pagination {
    bottom: 15px !important;
  }

  .insw_pagination span {
    width: 20px;
  }

  .ppsw_box .more_links {
    margin-top: 15px;
  }

  .tong_title p {
    font-size: 14px;
  }

  .home3Text .ppsw_box {
    width: 500px;
  }

  .incase_tablist .item {
    height: 60px;
    font-size: 14px;
  }

  .incase_tablist .item.active {
    height: 80px;
  }

  .more_links {
    width: 150px;
    height: 36px;
  }

  .purpose_jiantou .btn {
    width: 45px;
    height: 45px;
  }

  .purpose_jiantou .btn i {
    font-size: 22px;
  }

  .innew_bgbox .left {
    width: 100%;
  }

  .innew_bgbox .right {
    width: 100%;
    margin-top: 30px;
  }

  .index_silulist a {
    padding: 30px 20px;
  }

  .index_silulist a h2 {
    font-size: 18px;
  }

  .index_news {
    padding: 30px 0;
  }

  .home1 .index_swiper .swiper-slide .imgbox {
    height: auto;
  }

  .home1 .index_swiper .swiper-slide .imgbox img {
    width: 100%;
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .home1 .index_swiper .swiper-slide .product_img1 .container1260 img {
    width: 45%;
  }

  .home1 .index_swiper .swiper-slide .product_img1 .container1260 p {
    font-size: 80px;
    letter-spacing: 0;
    top: 25%;
  }

  .home1 .index_swiper .swiper-slide .product_img2 .container1260 p {
    width: 20%;
  }

  .home1 .index_swiper .swiper-slide .product_img2 .container1260 img {
    width: 25%;
  }

  .home1 .index_swiper .swiper-slide .banner_text2 h3 {
    font-size: 20px;
  }

  .home1 .index_swiper .swiper-slide .banner_text2 h5 {
    font-size: 28px;
  }

  .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right h3 {
    font-size: 70px;
  }

  .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right h3 span {
    width: 100px;
    line-height: 40px;
    font-size: 14px;
  }

  .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right h5 {
    font-size: 20px;
    letter-spacing: 0;
  }

  .ProductCenter .con .box .text {
    padding: 0 20px;
  }

  .ProductCenter .con .box .text .t {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
    height: 40px;
  }

  .ProductCenter .con .box .text .more {
    margin-top: 15px;
    font-size: 14px;
    color: #00479d;
  }

  .TopicPagetit h3 {
    font-size: 30px;
  }

  .TopicPagetit {
    padding-left: 10px;
    padding-right: 10px;
  }

  .TopicPagetit h3 {
    font-size: 40px;
  }

  .TopicPagetit h5 {
    font-size: 30px;
    margin-top: 20px !important;
  }

  .TopicPageCon8 .TopicPagetit h5 {
    font-size: 20px;
  }

  .TopicPageCon8 .TopicPagetit h5 p {
    padding: 0 15px;
  }

  .TopicPage_ALCon,
  .TopicPage_GGCon {
    padding: 30px 0;
  }

  .TopicPageCon8 .TopicPagetit,
  .Z6TopicPage4 .X100TopicPagetit,
  .Z6TopicPage6 .X100TopicPagetit {
    padding: 30px 0 15px !important;
  }

  .TopicPage_GGCon .top {
    padding-top: 0;
  }

  .TopicPageCon3 .img {
    margin: 60px auto 0;
  }

  .TopicPageCon3 p {
    font-size: 20px;
    line-height: 45px;
    margin-top: 30px;
  }

  .TopicPageCon3 p span {
    font-size: 30px;
  }

  .TopicPageCon4,
  .TopicPageCon7 {
    padding: 60px 0;
  }

  .TopicPageCon5 {
    padding: 60px 0;
  }

  .TopicPageCon5 .img {
    margin: 60px auto 0;
  }

  .TopicPageCon4 .con {
    width: 90%;
  }

  .TopicPageCon11 .img {
    width: 90%;
  }

  .slider::after,
  .slider .beer-reveal::after {
    font-size: 24px;
  }

  .TopicPageCon8 .slider::after,
  .TopicPageCon8 .slider .beer-reveal::after {
    height: 45px;
    line-height: 45px;
    width: 120px;
    bottom: 20px;
  }

  .TopicPage_ALCon .box .text {
    padding: 20px;
  }

  .TopicPage_GGCon .tit {
    font-size: 30px;
  }

  .TopicPage_GGCon .top .con .box {
    padding: 20px;
    margin-bottom: 10px;
  }

  .TopicPage_GGCon .bottom {
    margin-top: 50px;
  }

  .TopicPage_GGCon .bottom .con {
    overflow-x: auto;
    overflow-y: hidden;
  }

  .TopicPage_GGCon .bottom table {
    width: 900px;
  }

  .TopicPage_GGCon.TopicPage_GGCon2 .con1 table tr th:nth-child(1),
  .TopicPage_GGCon.TopicPage_GGCon2 .con1 table tr td:nth-child(1) {
    padding-left: 0;
    text-align: center;
  }

  .Video_popUp .con {
    width: 90%;
  }

  .publicLink .container1260 .right a:not(:first-child) {
    margin-left: 30px;
  }

  .TopicPage_download {
    padding: 30px 0 200px;
  }

  .Solution {
    padding: 30px 0;
  }

  .Solution .box .text {
    padding: 0 20px;
  }

  .Solution .box .text h5 {
    font-size: 20px;
  }

  .Solution .box .text p {
    font-size: 14px;
    line-height: 1.5;
  }

  .Solution .box .text a {
    margin-top: 20px;
    width: 160px;
    padding-left: 10px;
    line-height: 50px;
    font-size: 14px;
  }

  .Solution .box .text a img {
    margin-left: 10px;
  }

  .Solution .box:nth-child(even) .text {
    padding: 0 20px;
  }

  .banner2 {
    margin-bottom: 0;
  }

  .banner2 .banner2text p {
    font-size: 20px;
  }

  .banner2 .banner2text h5 {
    font-size: 30px;
    margin-top: 5px;
  }

  .AnchorLocation .con .li {
    line-height: 50px;
  }

  .Solution_XQ .tit {
    font-size: 22px;
  }

  .Solution_XQ .con1 h5 {
    font-size: 16px;
    margin-top: 15px;
  }

  .Solution_XQ .con1 p {
    font-size: 14px;
  }

  .Solution_XQ .con4 .SolutionXQ_swiper {
    padding: 0 10% 30px;
  }

  .Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a .text {
    padding: 15px;
  }

  .Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a .text h5 {
    font-size: 20px;
    line-height: 1.5;
  }

  .Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a .text p {
    margin-top: 10px;
  }

  .Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a .text .more {
    margin-top: 10px;
  }

  .classicCase_big .text h5 {
    font-size: 26px;
  }

  .classicCase_big .text p {
    font-size: 16px;
  }

  .classicCase_big .text .tit2 {
    font-size: 22px;
    margin-top: 15px;
  }

  .classicCase_big .Lmore {
    margin-top: 15px !important;
  }

  .classicCase_big.classicCase_video .con2 .left a .text {
    padding: 20px;
  }

  .classicCase_XQ {
    padding: 30px 0;
  }

  .classicCase_XQ .tit {
    padding-bottom: 15px;
  }

  .classicCase_XQ .tit .bot {
    margin-top: 10px;
  }

  .classicCase_XQ .con {
    padding: 10px 0 30px !important;
  }

  .classicCase_XQ.newsXQ .con img {
    width: auto !important;
    height: auto !important;
  }

  .classicCase_ordinary {
    padding: 30px 0;
  }

  .classicCase_ordinary .right .con .box .text {
    padding: 10px;
  }

  .service_Software {
    padding: 30px 0;
  }

  .service_Software .right .con1 .box {
    padding: 15px 0 0;
  }

  .service_Software .right .con1 .box a {
    right: 15px;
  }

  .service_videoXQ {
    padding: 30px 0;
  }

  .service_videoXQ .right .con .box {
    margin-bottom: 20px;
  }

  .service_videoXQ .right .con .box .text {
    padding: 20px 10px;
  }

  .service_videoXQ .right .con .box .text h5 {
    font-size: 16px;
  }

  .LVideoPopup .con {
    width: 90%;
  }

  .Service_Network .con2 .ServiceTopNav {
    padding: 20px;
  }

  .Service_Network .con2 .ServiceTopNav .ServiceTabBar .tabTerm {
    margin-bottom: 5px;
  }

  .Service_Network .con2 .ServiceTabCont {
    margin-top: 20px;
  }

  .Service_Network .con2 .ServiceTabCont .tabItem .box {
    width: 32%;
    padding: 20px;
    margin-bottom: 10px;
  }

  .Service_Network .con2 .ServiceTabCont .tabItem .box .list {
    margin-top: 15px;
  }

  .contactUsCont .tabItem .box {
    width: 32%;
    padding: 20px;
    margin-bottom: 10px;
  }

  .contactUsCont .tabItem .box .list {
    margin-top: 15px;
  }


  .Service_AfterSale .top .text {
    font-size: 40px;
  }

  .Service_AfterSale .con {
    margin-top: 30px;
  }

  .News .top .News_swiper .swiper-slide a .text {
    padding: 20px;
  }

  .News .con {
    margin-top: 30px;
  }

  .News .con .box a {
    margin-top: 20px;
    padding: 15px;
  }

  .News .con .box a .text {
    padding-top: 15px;
  }

  .News .con .box a .text h5 {
    font-size: 18px;
    line-height: 1.5;
    height: auto;
  }

  .News .con .box a .text p {
    margin-top: 10px;
  }

  .News .con .box a .text .data {
    margin-top: 20px;
  }

  .aboutUs .con1 .text {
    padding: 0;
  }

  .aboutUs .con2 {
    padding: 0 15px 30px 15px !important;
  }

  .aboutUs .con2 .box {
    margin-top: 40px;
  }

  .aboutUs .con3 .box {
    margin-top: 40px;
  }

  .aboutUs .con3 .box .li {
    margin: 0 2%;
  }

  .aboutUs .con4 .container1260 {
    display: block;
  }

  .aboutUs .con4 .container1260 .tit1 {
    width: 100%;
    padding-top: 0;
  }

  .aboutUs .con4 .container1260 .box {
    width: 100%;
    margin-top: 20px;
    margin-left: 0;
  }

  .aboutUs .con4 .container1260 .bjText {
    font-size: 80px;
    margin-top: 20px;
    letter-spacing: 0;
  }

  .aboutUs .tit2 h5 {
    font-size: 30px;
  }

  .aboutUs .tit2 p {
    font-size: 32px;
    margin-top: 10px;
  }

  .aboutUs .con6 .aboutUsCon6_swiper {
    margin-top: 20px;
  }

  .aboutUs .con6 .box {
    margin-top: 20px;
  }

  .aboutUs .con6 .box .li .img p {
    font-size: 24px;
  }

  .aboutUs .con6 .box .li .text {
    padding: 20px;
  }

  .aboutUs .con6 .box .li .text h5 {
    font-size: 40px;
  }

  .aboutUs .con6 .box .li .text p {
    line-height: 1.5;
    margin-top: 20px;
  }

  .aboutUs .con8 .tit2 {
    padding: 100px 0;
  }

  /* .aboutUs .con7 .aboutUsCon7_swiper .swiper-slide { height: 320px; } */
  .investor_yj {
    padding-bottom: 30px;
  }

  /* .investor_yj .top { padding: 10px 0; }
    .investor_yj .top .container1260{padding: 0 !important;}
    .investor_yj .top form .left .Down p,
    .investor_yj .top form .left input{padding-left: 10px;}
    .investor_yj .top form .right{padding-right: 10px;} */
  /* .investor_yj .con { margin-top: 20px; } */
  .investor_yj .con a {
    padding: 10px;
  }

  /* .investor_yj .con a .left h5 { line-height: 60px; } */
  /* .investor_yj .con a .right p { line-height: 60px; } */
  .Llist {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 15px;
  }

  .Llist a {
    line-height: 60px;
    padding: 0 10px;
    font-size: 14px;
    margin: 0 5px;
  }

  .investor_GG .top h5 {
    font-size: 22px;
    line-height: 1.5;
  }

  .investor_GG .con .Box {
    width: 32.3333%;
    margin-bottom: 20px;
    margin: 0 0.5% 20px !important;
  }

  .investor_GG .con .Box:not(:nth-child(4n+ 1)) {
    margin-left: 0;
  }

  .investor_GG .con .Box .text {
    padding: 10px 0;
  }

  .investor_RX {
    padding: 50px 20px !important;
  }

  .investor_RX .box:nth-child(1) .bot .icon {
    width: 40px;
  }

  .investor_RX .box:nth-child(1) .bot p {
    font-size: 36px;
  }

  .investor_RX .box:nth-child(2) .t2 span {
    font-size: 40px;
  }

  .X100TopicPagetit h5 {
    font-size: 50px;
  }

  .X100TopicPagetit .t {
    font-size: 32px;
  }

  .X100TopicPagetit .t span {
    font-size: 42px;
  }

  .X100TopicPagetit .t1 {
    font-size: 24px;
  }

  .X100TopicPage1,
  .X100TopicPage2,
  .Z6TopicPage1 {
    padding-top: 50px;
  }

  .X100TopicPage2 .right .X100TopicPagetit .t1 {
    margin-top: 30px;
    line-height: 1.6;
  }

  .X100TopicPage5 .X100TopicPagetit .t {
    margin-top: 30px;
    line-height: 1.5;
    padding: 0 10px;
  }

  .X100TopicPage6 .X100TopicPagetit .t {
    margin-top: 50px;
  }

  .Z6TopicPage1 .X100TopicPagetit {
    margin-top: 20px;
  }

  .Z6TopicPage1 .X100TopicPagetit .t2 {
    margin-top: 15px;
  }

  .Z6TopicPage3 {
    padding: 30px 15px !important;
  }

  .Z6TopicPage3 .img {
    margin: 30px auto;
  }

  .Z6TopicPage3 .text .X100TopicPagetit {
    text-align: center;
    margin-bottom: 15px;
    padding: 10px;
  }

  .Z6TopicPage3 .text .X100TopicPagetit .t {
    font-size: 22px;
  }

  .Z6TopicPage3 .text .X100TopicPagetit .t1 {
    font-size: 18px;
    line-height: 1.5;
  }

  .Z6TopicPage4 .X100TopicPagetit .t.bold {
    margin-top: 30px;
  }

  .Z6TopicPage4 .X100TopicPagetit .t1 {
    margin-top: 15px;
    line-height: 1.5;
  }

  .TopicPageCon8.Z6TopicPage4 .slider::after,
  .TopicPageCon8.Z6TopicPage4 .slider .beer-reveal::after {
    width: auto;
    line-height: 35px;
    font-size: 14px;
    padding: 0 15px;
    height: 35px;
    bottom: 20px;
  }

  .TopicPageCon8.Z6TopicPage4 .slider::before {
    font-size: 14px;
    top: 20px;
    right: 20px;
  }

  .Z6TopicPage5 .img {
    margin: 20px auto 0;
    width: 90%;
  }

  .X100TopicPagetit .t1 {
    line-height: 1.5 !important;
    margin-top: 10px !important;
  }

  .Z6TopicPage8 {
    padding-top: 30px;
  }

  .Z6TopicPage10 {
    padding: 30px 15px;
  }

  .Z6TopicPage10 .imgTwo {
    margin: 20px auto 0;
  }

  .Z6TopicPage10 .img {
    margin-top: 10px;
  }

  .classicCase_CCE .Case_CCETabBar {
    margin-top: 30px;
  }

  .classicCase_CCE .Case_CCETabCont {
    margin-top: 20px;
  }

  .PastHighlights .tit {
    font-size: 24px;
  }

  .Service_Network .con1 {
    padding: 30px 0 100px;
  }

  .Service_Network .con1 .tit {
    font-size: 22px;
    line-height: 1.5;
    padding: 0 15px;
  }

  .Service_Network .con1 .container1260 {
    display: block;
    margin-top: 0;
  }

  .Service_Network .con1 .container1260 .ditu {
    width: 100%;
    height: 500px;
  }

  .Service_Network .con1 .container1260 .left {
    width: 100%;
    margin-top: 10px;
  }

  .Service_Network .con1 .container1260 .left .box {
    max-height: 500px;
  }

  .classicCase_CCE .Case_CCETabCont .city-picker-selector .selector-item {
    height: 40px;
    line-height: 40px;
  }

  .classicCase_CCE .Case_CCETabCont .tabItem .form2 .tit {
    font-size: 18px;
  }

  .classicCase_CCE .Case_CCETabCont .tabItem .form2 .tit.tit2 {
    margin-top: 20px;
  }

  .classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input input,
  .classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .dome-main {
    line-height: 40px;
  }

  .classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .img {
    height: 40px;
    width: 150px;
  }

  .classicCase_CCE .Case_CCETabCont .tabItem .form2 button {
    width: 150px;
    line-height: 40px;
  }

  .classicCase_CCE .top h5 {
    font-size: 50px;
  }

  .ProductXQ2 {
    text-align: center;
  }

  .ProductXQ2 .tit {
    font-size: 28px;
    padding: 40px 0;
  }

  .ProductXQ2 .con {
    padding: 50px 20px;
  }

  .ProductXQ2 .con img {
    padding: 20px 0;
  }

  .ProductXQ2 .con .text {
    font-size: 16px;
  }

  .TopicPageCon13 {
    padding: 60px 0;
  }

  .Lhonor .con .box {
    width: 32%;
  }

  .Lhonor .con {
    margin-top: 20px;
  }

  .Lhonor .con .box:not(:nth-child(4n + 1)) {
    margin-left: 0;
  }

  .Lhonor .con .box:not(:nth-child(3n + 1)) {
    margin-left: 1.5%;
  }

  .Lhonor .top a {
    font-size: 16px;
    margin: 0 15px;
  }

  /* .service_Software .right .con1 .box:not(:nth-child(2n + 1)){margin-left: 10%;} */
  .plan-advantage-box .plan-advantage-item .advantage-item-top h5{ 
    font-size: 20px;
  }
  
}

@media (max-width: 768px) {

  .publicLeft .li .liOn,
  .publicLeft .li .liOn,
  .publicLeft .li h5 .liOn {
    top: 17px !important;
  }

  .publicLeft .li .ul2 .li3 .t .li3On {
    top: 14px;
  }

  .publicLeft.publicLeft_download .li.active h5::before,
  .publicLeft.publicLeft_download .li.active2 h5::before,
  .publicLeft.publicLeft_download .li h5.active::before,
  .publicLeft.publicLeft_download .li h5::before {
    top: 19px;
  }
  .publicLeft.more_download .li.active h5::before,
  .publicLeft.more_download .li.active2 h5::before,
  .publicLeft.more_download .li h5.active::before,
  .publicLeft.more_download .li h5::before {
    top: 19px;
  }
  
  .tong_title p {
    line-height: 1.7;
  }

  .footer .footer_nav dl dd a {
    font-size: 14px;
    line-height: 30px;
    padding-left: 10px;
  }

  .footerNav3 {
    padding: 5px 10px;
  }

  .TopicPage_video .big_video .con video {
    pointer-events: none;
  }

  .classicCase_big .text p {
    font-size: 12px;
  }

  .ProductCenter {
    padding: 10px 0 30px;
  }

  .classicCase_big .con1 a .pictureBox,
  .classicCase_big .con2 .right a .pictureBox {
    padding-top: 43%;
  }

  .classicCase_big:first-child {
    padding-bottom: 0 !important;
  }

  /* .classicCase_big:not(:first-child){padding-top: 10px !important;} */
  .head_navlist {
    padding-top: 0;
  }

  .head_navlist ul li {
    line-height: 40px;
  }

  .head_navlist li>a {
    line-height: 60px;
  }

  /* .head_navlist ul li > span{top: 0;} */
  .Service_Network .con2 .ServiceTabCont .tabItem .box {
    margin-bottom: 10px;
  }

  .Service_Network .con2 .ServiceTabCont .tabItem .box:not(:nth-child(3n + 1)) {
    margin-left: 0;
  }

  .Service_Network .con2 .ServiceTabCont .tabItem .box:not(:nth-child(2n + 1)) {
    margin-left: 2%;
  }

  .search_jgcont {
    padding: 40px 0;
  }

  .search_jgcont .search_box {
    width: 100%;
  }

  .search_list a .imgbox {
    width: 180px;
  }

  .search_list a .text {
    width: -webkit-calc(100% - 200px);
    width: calc(100% - 200px);
  }

  .search_list a .text h2 {
    font-size: 16px;
  }

  .padding95 {
    padding-top: 40px;
  }

  .tong_title h2 {
    font-size: 22px;
  }

  .inproduct_swiper .img_text .name {
    font-size: 16px;
    top: 15px;
  }

  .inproduct_scrollbar {
    margin-top: 20px;
  }

  .tong_title {
    padding-bottom: 20px;
  }

  .swiper-container-horizontal>.swiper-pagination-progress {
    height: 2px;
  }

  .index_purpose {
    padding: 60px 0;
  }

  .home3Text .ppsw_box {
    width: 100%;
  }

  /* .index_case { padding-top: 20px; } */
  .tong_title p br {
    display: none;
  }

  .incase_tab {
    position: static;
  }

  .incase_tablist {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: left;
  }

  .incase_tablist .item {
    width: 32%;
    background-color: #eee;
    margin-top: 15px;
  }

  .incase_tablist .item:not(:nth-child(3n + 1)) {
    margin-left: 1.5%;
  }

  .incase_tablist .item.active {
    height: 60px;
  }

  .incase_swiper .more_links {
    top: 50%;
  }

  .index_news {
    padding: 20px 0;
  }

  .innew_top {
    margin-top: 20px;
  }

  .purpose_tab .item {
    font-size: 14px;
  }

  .innew_more i {
    font-size: 30px;
  }

  .innew_top .innew_tab .item {
    width: 140px;
    height: 50px;
    border-width: 1px;
    line-height: 50px;
  }

  .innew_bgbox {
    margin-top: 20px;
  }

  .innew_bgbox .left .lfimtext h2 {
    font-size: 18px;
  }

  .innew_bgbox .left .lfimtext {
    left: 15px;
    right: 15px;
    bottom: 15px;
  }

  .innew_bgbox .right {
    margin-top: 10px;
  }

  .innew_bgbox .right_ul .item {
    margin-bottom: 10px;
    height: auto;
  }

  .innew_bgbox .right_ul .item:last-child {
    margin-bottom: 0;
    border-top: 1px solid #ddd;
    padding-top: 10px;
  }

  .index_silulist a h2 {
    margin-bottom: 5px;
  }

  .index_silulist a p {
    font-size: 12px;
    line-height: 22px;
  }

  .index_about {
    padding: 60px 0;
  }

  .index_about .inab_list .item .shuzi {
    font-size: 14px;
    text-align: center;
  }

  .index_about .inab_list .item .couter {
    font-size: 26px;
  }

  .index_about .inab_list .item .chenghao {
    font-size: 26px;
  }

  .home1 .index_swiper .swiper-slide .banner_text1 {
    padding-left: 20px;
  }

  .home1 .index_swiper .swiper-slide .banner_text1 h3 {
    width: 100px;
    line-height: 40px;
    font-size: 14px;
  }

  .home1 .index_swiper .swiper-slide .banner_text1 h5 {
    margin-top: 15px;
    font-size: 24px;
  }

  .home1 .index_swiper .swiper-slide .banner_text1 .list {
    margin-top: 20px;
  }

  .home1 .index_swiper .swiper-slide .banner_text1 .list .li .icon {
    width: 50px;
    height: 50px;
  }

  .home1 .index_swiper .swiper-slide .product_img1 .container1260 img {
    width: 40%;
  }

  .home1 .index_swiper .swiper-slide .product_img1 .container1260 p {
    font-size: 60px;
  }

  .home1 .index_swiper .swiper-slide .product_img2 .container1260 p {
    width: 20%;
  }

  .home1 .index_swiper .swiper-slide .product_img2 .container1260 img {
    width: 25%;
  }

  .home1 .index_swiper .swiper-slide .banner_text2 h3 {
    font-size: 20px;
  }

  .home1 .index_swiper .swiper-slide .banner_text2 h5 {
    font-size: 28px;
  }

  .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right h3 {
    font-size: 70px;
  }

  .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right h3 span {
    width: 100px;
    line-height: 40px;
    font-size: 14px;
  }

  .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right h5 {
    font-size: 20px;
    letter-spacing: 0;
  }

  .ProductCenter .publicLeft {
    display: none;
  }

  .publicLeft.onlyOne .li {
    display: none;
  }

  /* .publicLeft.onlyOne .li:nth-child(2){display: block;} */
  .publicLeft {
    float: none;
    width: 100%;
    position: relative;
  }

  /* .publicLeft .li{display: none;} */
  .publicLeft .li.active {
    display: block;
  }

  .publicLeft i {
    width: 50%;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
  }

  .publicLeft i::before {
    content: "";
    width: 13px;
    height: 13px;
    border: 2px solid transparent;
    border-right-color: #333;
    border-bottom-color: #333;
    transform: rotate(45deg);
    position: absolute;
    right: 20px;
    top: 17px;
    transition: all 0.3s;
  }

  .publicLeft i.active::before {
    transform: rotate(-135deg);
  }

  .publicLeft .li h5 {
    line-height: 50px;
    padding: 0 10px;
    font-size: 18px;
  }

  .ProductCenter .con {
    float: none;
    width: 100%;
    margin-top: 20px;
  }

  .ProductCenter .con .box {
    margin-bottom: 10px;
  }

  .TopicPagetit h3 {
    font-size: 24px;
  }

  .TopicPagetit h5 {
    font-size: 16px;
    margin-top: 10px !important;
  }

  .TopicPageCon1 .img,
  .TopicPageCon3 .img,
  .TopicPageCon4 .con,
  .TopicPageCon5 .img,
  .TopicPageCon7 .img,
  .TopicPageCon10 .img,
  .TopicPageCon11 .img {
    margin: 30px auto 0;
  }

  .TopicPageCon3,
  .TopicPageCon4,
  .TopicPageCon5,
  .TopicPageCon7,
  .TopicPageCon10,
  .TopicPageCon11 {
    padding: 30px 0;
  }

  .TopicPageCon6 {
    padding-top: 40px;
  }

  .TopicPageCon3 p {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 15px;
  }

  .TopicPageCon3 p span {
    font-size: 18px;
  }

  .slider::after,
  .slider .beer-reveal::after {
    font-size: 18px;
  }

  .TopicPageCon8 .slider::after,
  .TopicPageCon8 .slider .beer-reveal::after {
    border-width: 1px;
    height: 35px;
    line-height: 35px;
    width: auto;
    bottom: 20px;
    padding: 0 15px;
  }

  .TopicPageCon9 .TopicPagetit {
    top: 30px;
  }

  .publicLink .container1260 h5 {
    line-height: 40px;
    font-size: 22px
  }

  .publicLink .container1260 .right {
    white-space: nowrap;
    width: 100%;
    justify-content: space-between;
    margin-top: 10px;
  }

  .publicLink .container1260 .right a {
    line-height: 38px;
    font-size: 14px;
    white-space: nowrap;
  }

  .publicLink .container1260 .right a:not(:first-child) {
    margin-left: 0;
  }

  .TopicPageCon4 .con .slider::after,
  .TopicPageCon4 .con .slider .beer-reveal::after {
    top: 15px;
    right: 15px;
  }

  .TopicPage_ALCon .box {
    width: 49%;
    margin-bottom: 10px;
  }

  .TopicPage_ALCon .box:not(:nth-child(3n + 1)) {
    margin-left: 0;
  }

  .TopicPage_ALCon .box:not(:nth-child(2n + 1)) {
    margin-left: 2%;
  }

  .TopicPage_GGCon .top .con .box {
    width: 100%;
    margin-left: 0 !important;
  }

  .TopicPage_GGCon .bottom {
    margin-top: 30px;
  }

  .TopicPage_GGCon .bottom table {
    font-size: 14px;
    width: 800px;
  }

  .TopicPage_GGCon .bottom table tr th {
    font-size: 16px;
  }

  .TopicPage_GGCon .bottom table tr th,
  .TopicPage_GGCon .bottom table tr td {
    height: 40px;
  }

  .TopicPage_GGCon.TopicPage_GGCon2 {
    margin-bottom: 0;
  }

  .TopicPage_GGCon.TopicPage_GGCon2 .con1.con2 {
    margin-top: 30px;
  }

  .TopicPage_GGCon.TopicPage_GGCon2 .con1 {
    overflow-x: auto;
    overflow-y: hidden;
    margin-top: 30px;
  }

  .TopicPage_GGCon.TopicPage_GGCon2 .con1 table {
    width: 800px;
  }

  .TopicPage_video .big_video,
  .TopicPage_video .list_video {
    padding: 30px 0;
  }

  .TopicPage_video {
    padding-bottom: 30px;
  }

  .TopicPage_video .big_video .con .text {
    line-height: 50px;
    font-size: 20px;
  }

  .TopicPage_video .list_video .box {
    width: 49%;
    margin-bottom: 15px;
  }

  .TopicPage_video .list_video .box:not(:nth-child(3n + 1)) {
    margin-left: 0;
  }

  .TopicPage_video .list_video .box:not(:nth-child(2n + 1)) {
    margin-left: 2%;
  }

  .TopicPage_video .list_video .box h5 {
    font-size: 16px;
    margin-top: 10px;
  }

  .TopicPage_download {
    display: block;
  }

  .TopicPage_download .box {
    width: 100%;
    margin-left: 0 !important;
    margin-bottom: 30px;
  }

  .TopicPage_download .box .list2 .li .icon2 {
    right: 0;
  }

  .Solution .box {
    display: block;
    margin-bottom: 40px;
  }

  .Solution .box .imgbox {
    width: 100%;
  }

  .Solution .box .text {
    width: 100%;
    padding: 20px 0 0 !important;
  }

  .Solution .box .text h5 {
    font-size: 18px;
    font-weight: bold;
  }

  .Solution .box .text a {
    margin-top: 10px;
    width: 150px;
    line-height: 45px;
  }

  .banner2 .banner2text p {
    font-size: 16px;
  }

  .banner2 .banner2text h5 {
    font-size: 22px;
  }

  /* .Solution_XQ .con3 .text .li { margin-bottom: 10px; }
    .Solution_XQ .con3 .text .li p { font-size: 14px; } */
  .Solution_XQ .con4 .SolutionXQ_swiper {
    padding: 0 10px 30px;
  }

  .Solution_XQ .con4 .SolutionXQ_swiper .SolutionXQ_scrollbar {
    width: 95%;
  }

  .classicCase_big .text {
    width: 100%;
    text-align: center;
  }

  .classicCase_big .text .WatchVideo {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .classicCase_big .Lmore {
    width: auto;
    padding: 0 15px;
    line-height: 45px;
    font-size: 14px;
    display: inline-block;
  }

  .classicCase_big .con1 {
    margin-bottom: 10px;
  }

  .classicCase_big .con1 a .text {
    left: 0;
  }

  .classicCase_big .con2 {
    margin-bottom: 10px;
    display: block;
  }

  .classicCase_big .con2 .left {
    width: 100%;
  }

  .classicCase_big .con2 .left a .pictureBox {
    padding-top: 43%;
  }

  .classicCase_big .con2 .left a .text {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 10px;
  }

  .classicCase_big .con2 .right {
    width: 100%;
    margin-top: 10px;
  }

  .classicCase_big .con2 .right a .text {
    left: 0;
  }

  .classicCase_big .con3 {
    display: block;
  }

  .classicCase_big .con3 a {
    width: 100%;
    margin-bottom: 10px;
  }

  .classicCase_big .con3 a .pictureBox {
    padding-top: 43%;
  }

  .classicCase_big.classicCase_video .con1 a .text {
    left: auto;
  }

  .classicCase_big.classicCase_video .con1 a .text p {
    margin-top: 10px;
  }

  .classicCase_big.classicCase_video .con2 .left a .text .WatchVideo {
    margin-top: 20px;
  }

  .classicCase_big.classicCase_video .con2 .right a .text {
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    bottom: auto;
  }

  .classicCase_XQ .tit h5 {
    font-size: 20px;
  }

  .classicCase_ordinary .right {
    width: 100%;
    margin-top: 15px;
  }

  .service_Software .right {
    margin-top: 20px;
    width: 100%;
  }

  .service_Software .right .con1 {
    margin-top: 20px;
  }

  .service_Software .right .con1 .box {
    margin-bottom: 20px;
  }

  .service_videoXQ .right {
    width: 100%;
    margin-top: 20px;
  }

  .service_videoXQ .right .con .box {
    margin-bottom: 10px;
  }

  .service_videoXQ .right .con .box .text {
    padding: 10px;
  }

  .Service_Network .con2 .ServiceTopNav .ServiceTabBar .tabTerm {
    padding: 0 10px;
  }

  .Service_Network .con2 .ServiceTabCont .tabItem .box {
    width: 49%;
  }

  .contactUsCont .tabItem .box {
    width: 49%;
  }

  .contactUsCont .tabItem .box:not(:nth-child(3n + 1)) {
    margin-left: 0;
  }

  .contactUsCont .tabItem .box:not(:nth-child(2n + 1)) {
    margin-left: 2%;
  }

  .Service_AfterSale .top .text {
    font-size: 30px;
  }

  .Service_AfterSale .con {
    display: block;
  }

  .Service_AfterSale .con .left {
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .Service_AfterSale .con .left h5 {
    font-size: 14px;
    line-height: 1.5;
  }

  .Service_AfterSale .con form {
    width: 100%;
    margin-top: 20px;
  }

  .News .top .News_swiper .swiper-slide a {
    display: block;
  }

  .News .top .News_swiper .swiper-slide a .imgbox {
    width: 100%;
  }

  .News .top .News_swiper .swiper-slide a .text {
    width: 100%;
    padding-bottom: 40px;
  }

  .News .top .News_swiper .swiper-slide a .text h5 {
    height: auto;
  }

  .News .top .News_swiper .swiper-slide a .text p {
    font-size: 14px;
    margin-top: 10px;
    height: auto;
  }

  .News .top .News_swiper .swiper-slide a .text .data {
    margin-top: 15px;
  }

  .News .top .News_swiper .News_pagination {
    width: 100%;
    bottom: 18px;
    left: auto;
  }

  .News .con .NewsTab a {
    margin: 0 10px;
  }

  .News .con .box a {
    width: 49%;
  }

  .News .con .box a:not(:nth-child(3n + 1)) {
    margin-left: 0;
  }

  .News .con .box a:not(:nth-child(2n + 1)) {
    margin-left: 2%;
  }

  .News .con #demo0 {
    margin-top: 30px;
  }

  /* .aboutUs .tit1 h5 { font-size: 22px; } */
  .aboutUs .tit1 .t {
    font-size: 14px;
    margin-top: 10px;
  }

  .aboutUs .tit2 h5 {
    font-size: 22px;
  }

  .aboutUs .tit2 p {
    font-size: 24px;
    margin-top: 10px;
  }

  .aboutUs .con1 .img p {
    font-size: 26px;
    line-height: 1.5;
  }

  .aboutUs .con1 .text p {
    padding-top: 10px;
  }

  .aboutUs .con2 .box {
    margin-top: 20px;
  }

  .aboutUs .con2 .box .li h5 span {
    font-size: 60px;
  }

  .aboutUs .con3 .box {
    margin-top: 30px;
  }

  .aboutUs .con3 .box .li {
    width: 170px;
    height: 170px;
  }

  .aboutUs .con4 .container1260 .bjText {
    font-size: 60px;
  }

  .aboutUs .con5 .box .li p {
    padding: 20px 20px 0;
    font-size: 14px;
    line-height: 1.5;
  }

  .aboutUs .con6 .aboutUsCon6_swiper .swiper-slide {
    line-height: 40px;
    font-size: 14px;
  }

  .aboutUs .con6 .box {
    margin-top: 20px;
  }

  .aboutUs .con6 .box .li .img p {
    font-size: 20px;
    padding-bottom: 10px;
    top: 20px;
    left: 10px;
  }

  .aboutUs .con6 .box .li .img p::before {
    height: 2px;
  }

  .aboutUs .con6 .box .li .text {
    padding: 10px;
  }

  .aboutUs .con6 .box .li .text h5 {
    font-size: 32px;
  }

  .aboutUs .con6 .box .li .text p {
    font-size: 14px;
  }

  .aboutUs .con9 .box {
    margin-top: 20px;
  }

  .aboutUs .con9 .box .li {
    width: 32%;
    margin: 0 0.5% 10px !important;
  }

  .aboutUs .con9 .box .li:not(:nth-child(5n + 1)) {
    margin-left: 0;
  }

  .investor_yj .con {
    display: block;
  }

  .investor_yj .con a {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
  }

  .investor_yj .con a .left h5 {
    font-size: 14px;
  }

  .investor_yj .con a .right p {
    font-size: 14px;
  }

  .Llist {
    display: block;
    white-space: nowrap;
  }

  .Llist a {
    line-height: 50px;
    white-space: nowrap;
  }

  .banner3 h5 {
    font-size: 20px;
  }

  .investor_GG .top h5 {
    font-size: 18px;
  }

  .investor_GG .con .Box {
    width: 49%;
    margin: 0 0.5% 10px !important;
  }

  .investor_GG .con .Box .text h5 {
    font-size: 16px;
  }

  .investor_RX {
    display: block;
  }

  .investor_RX .box {
    width: 100%;
  }

  .investor_RX .box:nth-child(1) {
    padding: 30px 10px;
  }

  .investor_RX .box:nth-child(1) .bot .icon {
    width: 30px;
  }

  .investor_RX .box:nth-child(1) .bot p {
    font-size: 28px;
  }

  .investor_RX .box:nth-child(2) .t2 span {
    font-size: 30px;
  }

  .X100TopicPagetit h5 {
    font-size: 42px;
  }

  .X100TopicPagetit .t {
    font-size: 28px;
  }

  .X100TopicPagetit .t span {
    font-size: 32px;
  }

  .X100TopicPagetit .t1 {
    font-size: 20px;
  }

  .X100TopicPagetit .t2 {
    font-size: 16px;
  }

  .X100TopicPage1 .img {
    margin: 30px auto 0;
    width: 60%;
  }

  .X100TopicPage2 {
    display: block;
  }

  .X100TopicPage2 .left {
    width: 80%;
    margin: 0 auto;
  }

  .X100TopicPage2 .right {
    width: 100%;
    padding: 30px 20px;
  }

  .X100TopicPage4 .X100TopicPagetit .t {
    margin-top: 15px;
  }

  .X100TopicPage4 .X100TopicPagetit .t1 {
    margin-top: 15px;
    line-height: 1.5;
  }

  .X100TopicPage4 .img {
    margin: 30px auto 0;
    width: 75%;
  }

  .X100TopicPage .img {
    margin: 30px auto 0;
    width: 80%;
  }

  .X100TopicPage6 .X100TopicPagetit .t {
    margin-top: 15px;
    line-height: 1.5;
    padding: 0 5px;
  }

  .Z6TopicPage6 .con .Z6TopicPage6TabBar {
    bottom: 5px;
  }

  .Z6TopicPage6 .con .Z6TopicPage6TabBar .tabTerm {
    padding: 0 10px 5px;
    font-size: 14px;
  }

  .Z6TopicPage6 .X100TopicPagetit .t1,
  .Z6TopicPage7 .X100TopicPagetit .t1 {
    margin-top: 10px;
  }

  .X100TopicPagetit h5 {
    font-size: 38px;
  }

  .Z6TopicPage7 .img {
    margin: 20px auto 0;
    width: 90%;
  }

  .Z6TopicPage8 .imgBox {
    padding-bottom: 30px;
    width: 95%;
  }

  .TopicPageCon8.Z6TopicPage4 .slider::after {
    right: 20%;
  }

  .TopicPageCon8.Z6TopicPage4 .slider .beer-reveal::after {
    right: 30%;
  }

  .classicCase_CCE .Case_CCETabCont .tabItem .inputBox .left .img {
    height: 50px;
    margin-left: 10px;
  }

  .classicCase_CCE .Case_CCETabCont .tabItem .inputBox button {
    line-height: 50px;
    height: 50px;
    width: 100px;
    font-size: 16px;
  }

  .PastHighlights .con .PastHighlights_swiper .swiper-slide a .text {
    padding: 15px;
  }

  .Service_Network .con1 .tit {
    font-size: 18px;
  }

  .Service_Network .con1 .container1260 .left .box .liBox:not(:first-child) {
    margin-top: 20px;
  }

  .Service_Network .con1 .container1260 .left .box .liBox h5 {
    font-size: 22px;
  }

  .Service_Network .con1 .container1260 .left .box .liBox .list {
    margin-top: 10px;
  }

  .Service_Network .con1 .container1260 .left .box .liBox .list .li {
    margin-top: 10px;
  }

  .Service_Network .con1 .container1260 .ditu {
    height: 350px;
  }

  .classicCase_CCE .Case_CCETabCont .tabItem .form1 .input {
    margin-bottom: 10px;
  }

  .classicCase_CCE .Case_CCETabCont .tabItem .form1 .input input {
    line-height: 50px;
  }

  .classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input {
    width: 100%;
    margin-bottom: 10px;
  }

  .classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input.Lodd {
    margin-left: 88px;
  }

  .classicCase_CCE .top h5 {
    font-size: 40px;
  }

  .home4TabBar .tabTerm {
    width: 140px;
    line-height: 50px;
    border-width: 1px;
    height: 50px;
  }

  .TopicPageCon12 img.Lshow {
    display: none;
  }

  .TopicPageCon12 img.Lhide {
    display: block;
  }

  .TopicPageCon12 .TopicPagetit .t {
    font-size: 12px;
  }

  .TopicPageCon13 {
    padding: 30px 0;
  }

  /* .TopicPageCon13 .left { width: 100%; } */
  .TopicPageCon13 .left img {
    max-width: 80%;
  }

  .TopicPageCon13 .right {
    margin-top: 0;
  }

  .TopicPageCon13 .right img {
    max-width: 45%;
  }

  .TopicPageCon13 .right .TopicPagetit {
    margin-top: 10px;
  }

  .TopicPageCon14 img.Lshow {
    display: none;
  }

  .TopicPageCon14 img.Lhide {
    display: block;
  }

  .TopicPageCon14 .right {
    width: 100%;
    top: 10%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .TopicPageCon14 .right img {
    max-width: 70%;
  }

  .TopicPageCon14 .right .TopicPagetit {
    margin-top: 10px;
  }

  .TopicPageCon15 {
    padding: 30px 0;
  }

  .TopicPageCon15 .TopicPagetit h5 {
    margin-top: 10px;
  }

  .Lhonor .con .box {
    width: 49%;
    margin-bottom: 10px;
  }

  .Lhonor .con .box:not(:nth-child(3n + 1)) {
    margin-left: 0;
  }

  .Lhonor .con .box:not(:nth-child(2n + 1)) {
    margin-left: 2%;
  }

  .about_government .government_item {
    padding: 0;
  }

  .government_top {
    padding: 15px;
  }

  .about_government {
    margin-top: 20px;
  }

  .about_government .government_item {
    width: 100%;
    margin-right: 0;
    border: 1px solid #e1e1e1 !important;
  }

  .government_desc {
    position: static !important;
    max-height: inherit !important;
    border: none;
    padding-top: 0 !important;
    overflow: hidden;
  }

  .about_government .government_item {
    margin-bottom: 15px;
  }

  .purpose_tab {
    display: flex;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    /* display: block; */
  }

  .purpose_tab .item {
    display: inline-block;
    padding: 0 10px;
    width: auto;
  }



}

@media (max-width: 580px) {

  .aboutUs .con3 .tit1,
  .aboutUs .con2 .tit1 .t {
    text-align: left;
  }

  #search-form input,
  .service_Software .right .con1 .box p,
  .innew_bgbox .left .lfimtext p {
    font-size: 14px;
  }

  .Lcrumbs a {
    font-size: 16px;
  }

  .incase_swiper .imgbox img {
    width: 100%;
    object-fit: contain;
    height: auto;
  }

  /* .investor_yj .top form .left .Down p{font-size: 14px;} */
  .contactUsCon {
    padding: 30px 15px;
  }

  .contactUsCon .left .tit {
    font-size: 16px !important;
  }

  .contactUsCon .left .t {
    font-size: 14px !important;
    line-height: 1.5;
  }

  .aboutUs .con1 .textImg {
    margin-top: 15px;
  }

  .TopicPage_download .box .list2 .li:nth-child(n + 1) {
    margin-top: 10px;
  }

  .home1 .index_swiper.Lshow {
    display: none;
  }

  .home1 .index_swiper.Lhide {
    display: block;
  }

  .home1 .index_swiper.Lhide img {
    width: 100%;
  }

  .purpose_tab {
    display: flex;
    overflow-x: auto;
    /* display: block; */
    white-space: nowrap;
  }

  .home3Text .ppsw_box h2 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .incase_tablist .item {
    font-size: 14px;
  }

  .innew_top .innew_tab .item {
    font-size: 14px;
    margin-right: 10px;
  }

  .innew_bgbox .right_ul .item h2 {
    font-size: 16px;
  }

  .innew_bgbox::after {
    height: 80%;
  }

  .index_about .inab_list .item {
    width: 50%;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .index_about {
    padding: 40px 0;
  }

  .footer_top {
    padding-bottom: 30px;
  }

  .ftbt_cont .ft_beian {
    float: none;
    text-align: center;
    margin-right: 0;
  }

  .ft_fvlink {
    float: none;
    text-align: center;
    margin-top: 5px;
  }

  .footer .footer_bottom {
    padding: 15px 0;
  }

  .index_silulist {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .footer .footer_nav dl dt {
    font-size: 16px;
  }

  .index_silulist a {
    width: 100%;
    border-bottom: 1px solid #eee;
  }

  .index_silulist a::after {
    display: none;
  }

  .aboutUs .con3 .box .li {
    width: 32%;
    margin: 0 0.5%;
    -webkit-border-radius: 0;
    border-radius: 0;
  }

  .aboutUs .con4 .container1260 .bjText {
    font-size: 40px;
  }

  .aboutUs .con6 .box .li.active {
    display: block;
  }

  .aboutUs .con6 .box .li .img {
    width: 100%;
  }

  .aboutUs .con6 .box .li .text {
    width: 100%;
    padding: 30px 10px;
  }

  .aboutUs .con6 .box .li .text h5 {
    font-size: 22px;
  }

  .aboutUs .con6 .box .li .img .pictureBox {
    padding-top: 0;
    font-size: 0;
  }

  .aboutUs .con6 .box .li .img .pictureBox img {
    position: static;
    transform: none;
    width: 100%;
    object-fit: contain;
  }

  .aboutUs .con6 .box .li .text p {
    margin-top: 10px;
    line-height: 1.5 !important;
  }

  .aboutUs .con8 .tit2 {
    padding: 60px 10px;
  }

  .Z6TopicPage1 .X100TopicPagetit .t2 {
    line-height: 1.5;
    padding: 0 10px;
  }

  .Z6TopicPage1 .X100TopicPagetit .t2 span {
    font-size: 14px !important;
  }

  .Z6TopicPage1 .img {
    margin: 20px auto 0;
    width: 70%;
  }

  .Z6TopicPage3 .img {
    margin: 20px auto;
  }

  .Z6TopicPage3 .text .X100TopicPagetit {
    margin-bottom: 10px;
    width: 100%;
  }

  .Z6TopicPage4 .X100TopicPagetit .t {
    margin-top: 10px;
  }

  .Z6TopicPage4 .X100TopicPagetit .t.bold {
    margin-top: 15px;
  }

  .Z6TopicPage4 .X100TopicPagetit .t1 {
    margin-top: 5px;
    padding: 0 15px;
  }

  .PastHighlights .tit {
    font-size: 20px;
  }

  .home4TabBar .tabTerm {
    font-size: 12px;
    margin-right: 10px;
  }
}

@media (max-width: 460px) {
  .swiper-wrapper .product-item .product_control_sys_list .product_control_sys_ul {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
  }

  .plan-advantage-box {
    flex-direction: column;
  }

  .plan-advantage-box .plan-advantage-item {
    width: auto;
  }

  .layui-table[lay-size=lg] td,
  .layui-table[lay-size=lg] th {
    padding: 15px 10px;
  }

  .my-table th {
    font-size: 20px;
  }

  .my-table td {
    font-size: 14px;
  }


  .Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a .text .more,
  .banner2 {
    height: 170px;
  }

  .banner2 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    /* width: auto; */
    height: 100%;
    max-width: none;
  }



  .publicLeft .li .ul2 .li3 {
    padding-left: 25px;
  }

  .defaSearchList dl dd,
  .defaSearchList dl dt {
    font-size: 14px;
  }

  .defaSearchList li h3 {
    font-size: 14px;
    line-height: 1.5;
  }

  .defaSearchList li {
    padding: 10px;
    margin-top: 10px;
  }

  .defaSearchList dl {
    padding-bottom: 5px;
  }

  .investor_yj .con a .right .icon {
    margin-right: 10px;
  }

  .more_links {
    width: 120px;
    font-size: 14px;
  }

  .home3 {
    padding-bottom: 0;
  }

  .tong_title h2 {
    margin-bottom: 0;
  }

  .Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a .text .more {
    color: #00479d;
  }

  .classicCase_CCE .Case_CCETabCont .tabItem .inputBox button {
    height: 40px;
    line-height: 40px;
  }

  /* .classicCase_big .text p{font-size: 18px;} */
  .Service_Network .con2 .ServiceTopNav h5 {
    font-size: 16px;
  }

  /* .TopicPage_download .box .list2 .li .icon1{width: 25px;} */
  .TopicPage_download .box .list a p {
    padding-left: 10px;
  }

  .TopicPage_download .box .list2 .li .text {
    width: calc(100% - 30px);
    padding-left: 10px;
  }

  #search-form {
    right: 0;
  }

  .investor_RX {
    padding: 0 !important;
    margin: 30px 0;
  }

  .classicCase_big .text .WatchVideo,
  .classicCase_big .con1 .text .WatchVideo,
  /* .investor_yj .top form .left input,
    .investor_yj .top form .right input,
    .investor_yj .top form .right input::placeholder, */
  .News .con .box a .text p,
  .Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a .text .more,
  .TopicPage_download .box .tit,
  .publicLeft .li .ul2 .li3 .ul3 a,
  .publicLeft .li .ul2 .li3 .t {
    font-size: 14px;
    line-height: 35px;
  }

  .investor_yj .con a .left .icon {
    width: 18px;
    height: 18px;
  }

  .publicLeft .li .li2 a {
    font-size: 14px;
    line-height: 35px;
  }

  .aboutUs .con1 .textImg {
    margin-top: 15px;
  }

  .ProductCenter .con .box .text h5 {
    font-size: 20px;
  }

  .aboutUs .con1 .text {
    margin-top: 30px;
  }

  .LtextTit {
    font-size: 20px;
    padding-bottom: 5px;
  }

  .tipsbox {
    display: none;
  }

  .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .img {
    width: 35%;
  }

  .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right {
    width: 65%;
  }

  .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right h5 {
    font-size: 18px;
  }

  .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right img {
    width: 90%;
  }

  .Description_popUp .con {
    width: 90%;
  }

  .home1 .index_swiper .swiper-slide .imgbox {
    height: 300px;
  }

  .home1 .index_swiper .swiper-slide .imgbox img {
    width: auto;
    max-width: none;
    height: 100%;
    position: relative;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .home1 .index_swiper .swiper-slide .product_img1 .container1260 p {
    font-size: 50px;
    right: 5%;
  }

  .home1 .index_swiper .swiper-slide .banner_text1 {
    padding-left: 0;
  }

  .home1 .index_swiper .swiper-slide .banner_text1 .list .li .icon {
    width: 40px;
    height: 40px;
  }

  .home1 .index_swiper .swiper-slide .banner_text1 .list .li .icon img {
    max-width: 80%;
    max-height: 80%;
  }

  .home1 .index_swiper .swiper-slide .banner_text1 .list .li p {
    font-size: 12px;
    margin-top: 5px;
  }

  .home1 .index_swiper .swiper-slide .banner_text2 {
    padding-left: 0;
  }

  .home1 .index_swiper .swiper-slide .product_img2 {
    text-align: right;
  }

  .home1 .index_swiper .swiper-slide .product_img2 .container1260 p {
    left: auto;
    right: 5%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 0;
  }

  .home1 .index_swiper .swiper-slide .product_img2 .container1260 p img {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right h3 {
    font-size: 30px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    line-height: 1;
    letter-spacing: 0;
  }

  .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right h3 span {
    margin-left: 10px;
  }

  .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right img {
    margin-top: 10px;
  }

  .index_purpose {
    padding: 20px 0;
    min-height: 320px;
  }

  .home3 .con .container1260 {
    padding: 0 !important;
  }

  .home3Text {
    position: absolute;
    top: 0;
    left: 0;
    padding: 30px 15px 0;
  }

  .tong_title p {
    display: none;
  }

  .home5 .index_about .tong_title p {
    display: block;
    margin-top: 15px;
  }

  .innew_bgbox .right_ul .item .desc {
    display: none;
  }

  .innew_bgbox .right_ul .item .date {
    font-size: 14px;
    margin-top: 10px;
  }

  .innew_bgbox::after {
    display: none;
  }

  .ProductCenter .con .box {
    width: 100%;
  }

  .publicLink .container1260 {
    display: block;
  }

  .publicLink .container1260 h5 {
    line-height: 1;
    padding-top: 21px;
  }

  .publicLink .container1260 .right {
    margin-top: 6px;
  }

  .TopicPageCon1 {
    padding-top: 20px;
  }

  .TopicPageCon1 h5 {
    margin-top: 10px;
  }

  .TopicPagetit h3 {
    font-size: 22px;
  }

  .TopicPagetit h5 {
    font-size: 14px;
  }

  .TopicPagetit h5 span {
    font-size: 12px !important;
  }

  .slider::after,
  .slider .beer-reveal::after {
    font-size: 14px;
  }

  .TopicPageCon8 .slider::after,
  .TopicPageCon8 .slider .beer-reveal::after {
    height: 30px;
    line-height: 30px;
    width: auto;
    bottom: 10px;
    padding: 0 10px;
  }

  .TopicPage_ALCon .box {
    width: 100%;
  }

  .TopicPage_ALCon .box:not(:nth-child(2n + 1)) {
    margin-left: 0;
  }

  .TopicPage_ALCon .box .text {
    padding: 10px;
  }

  .TopicPage_ALCon .box .text h5 {
    font-size: 18px;
  }

  .TopicPage_ALCon .box .text .t {
    font-size: 14px;
    line-height: 1.5;
  }

  .TopicPage_ALCon .box .text .data {
    margin-top: 10px;
  }

  .TopicPage_GGCon .tit {
    font-size: 22px;
  }

  .TopicPage_GGCon .top .con .box {
    padding: 20px 10px;
  }

  .TopicPage_GGCon .top .con .box h5 {
    font-size: 16px;
  }

  .TopicPage_GGCon .top .con .box .li {
    margin-top: 10px;
  }

  .TopicPage_GGCon .top .con .box .li p {
    font-size: 12px;
    line-height: 22px;
  }

  .TopicPage_GGCon .top .con .box .li p::before {
    top: 10px;
  }

  .TopicPage_GGCon .bottom table tr th,
  .TopicPage_GGCon .bottom table tr td {
    height: 30px;
  }

  .TopicPage_video .big_video .con .text {
    font-size: 16px;
    line-height: 30px;
  }

  .TopicPage_video .list_video .box {
    width: 100%;
    margin-bottom: 10px;
  }

  .TopicPage_video .list_video .box:not(:nth-child(2n + 1)) {
    margin-left: 0;
  }

  .TopicPage_video .list_video .box h5 {
    font-size: 14px;
  }

  .TopicPage_download {
    padding: 30px 0;
  }

  .TopicPage_download .box .tit {
    padding-bottom: 10px;
  }

  .TopicPage_download .box .list a {
    margin-top: 10px;
  }

  .TopicPage_download .box .list a p {
    font-size: 14px;
  }

  .TopicPage_download .box .list2 .li {
    margin-top: 15px;
  }

  .TopicPage_download .box .list2 .li .text h5 {
    font-size: 14px;
  }

  .TopicPage_download .box .list2 .li .text p {
    font-size: 12px;
  }

  .banner2 {
    height: 170px;
  }

  .banner2 .banner2text p {
    font-size: 14px;
  }

  .banner2 .banner2text h5 {
    font-size: 18px;
  }

  .Solution_XQ .tit {
    font-size: 18px;
  }

  .AnchorLocation .con .li {
    line-height: 40px;
    font-size: 16px;
  }

  .classicCase_big .text h5 {
    font-size: 18px;
  }

  .classicCase_big .text .tit2 {
    font-size: 16px;
    margin-top: 10px;
  }

  .classicCase_big .text .WatchVideo {
    margin-top: 10px !important;
  }

  .classicCase_big .Lmore {
    padding: 0 10px;
    line-height: 35px;
    font-size: 12px;
  }

  .classicCase_big .Lmore img {
    margin-left: 5px;
  }

  .classicCase_XQ .tit h5 {
    font-size: 16px;
  }

  .classicCase_XQ .tit .bot .data {
    font-size: 12px;
  }

  .classicCase_XQ .tit .bot p {
    font-size: 12px;
    display: none;
  }

  .classicCase_XQ .con p {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  .classicCase_XQ .return {
    margin-top: 20px;
  }

  .classicCase_XQ .return a {
    width: auto;
    line-height: 45px;
    padding: 0 15px;
    font-size: 14px;
  }

  .classicCase_XQ .return a img {
    margin-left: 10px;
  }

  .classicCase_ordinary .right .con .box {
    width: 100%;
  }

  .classicCase_ordinary .right .con .box .text h5 {
    font-size: 18px;
  }

  .classicCase_ordinary .right .con .box .text .data {
    margin-top: 10px;
  }

  .service_Software .right {
    padding: 10px;
  }

  .service_Software .right .con1 .box {
    margin-bottom: 10px;
    width: 100%;
  }

  .service_Software .right .con1 .box h5 {
    font-size: 14px;
    margin-left: 10px;
  }

  .layui-laypage a,
  .layui-laypage span {
    margin: 0 5px !important;
  }

  .service_videoXQ .right .con .box {
    width: 100%;
  }

  .classicCase_XQ .con .imgTwo img {
    margin-bottom: 10px !important;
  }

  .Service_Network {
    padding-bottom: 30px;
  }

  .Service_Network .con2 .ServiceTopNav {
    padding: 10px;
  }

  .Service_Network .con2 .ServiceTopNav .ServiceTabBar .tabTerm {
    font-size: 14px;
  }

  .Service_Network .con2 .ServiceTabCont .tabItem .box h5 {
    font-size: 16px;
    padding-bottom: 10px;
  }

  .Service_Network .con2 .ServiceTabCont .tabItem .box .list p {
    font-size: 14px;
    line-height: 1.5;
  }

  .Service_Network .con2 .ServiceTabCont .tabItem .box h5::before {
    width: 20px;
  }

  .contactUsCont .tabItem .box h5 {
    font-size: 16px;
    padding-bottom: 10px;
    line-height: 1.2;
  }

  .contactUsCont .tabItem .box .list p {
    font-size: 14px;
    line-height: 1.5;
  }

  .contactUsCont .tabItem .box h5::before {
    width: 20px;
  }

  .Service_AfterSale .top .text {
    font-size: 16px;
  }

  .Service_AfterSale .con form .input {
    display: block;
  }

  .Service_AfterSale .con form .input h5 {
    width: 100%;
    font-size: 14px;
  }

  .Service_AfterSale .con form .input input {
    margin-top: 10px;
    line-height: 40px;
  }

  .Service_AfterSale .con form .input .dropDown::before {
    top: 29px;
  }

  .Service_AfterSale .con form .input.textarea textarea {
    min-height: 150px;
    height: auto;
  }

  .Service_AfterSale .con form .button {
    padding-left: 0;
  }

  .Service_AfterSale .con form .button button {
    width: auto;
    line-height: 35px;
    padding: 0 20px;
    font-size: 14px;
  }

  .News .top .News_swiper .swiper-slide a .text {
    padding: 20px 10px 30px;
  }

  .News .top .News_swiper .swiper-slide a .text h5 {
    font-size: 16px;
    line-height: 1.5;
  }

  .News .con .box a .text .data,
  .News .top .News_swiper .swiper-slide a .text .data {
    font-size: 12px;
  }

  .News .con .NewsTab a {
    width: auto;
    padding: 0 10px;
    line-height: 35px;
    margin: 0 1px;
    font-size: 14px;
  }

  .News .con .box a {
    width: 100%;
  }

  .News .con .box a:not(:nth-child(2n + 1)) {
    margin-left: 0%;
  }

  .News .con .box a .text h5 {
    font-size: 16px;
  }

  .News .con .box a .text p {
    line-height: 1.5;
    height: auto;
  }

  /* .aboutUs .tit1 h5 { font-size: 18px; } */
  .aboutUs .tit1 .t,
  .aboutUs .con1 .text .t1 {
    line-height: 1.4;
  }
  .aboutUs .tit2 h5 {
    font-size: 16px;
  }

  .aboutUs .tit2 p {
    font-size: 18px;
  }

  .aboutUs .con1 .img p {
    font-size: 16px;
    letter-spacing: 0;
  }

  .aboutUs .con2 .box .li {
    padding: 30px 0;
  }

  .aboutUs .con2 .box .li h5 {
    font-size: 14px;
  }

  .aboutUs .con2 .box .li h5 span {
    font-size: 30px;
  }

  .aboutUs .con2 .box .li p {
    font-size: 14px;
    margin-top: 10px;
  }

  .aboutUs .con3 .box .li {
    padding: 30px 0;
    height: auto;
  }

  .aboutUs .con3 .box .li .t {
    font-size: 12px;
    margin-top: 5px;
  }

  .aboutUs .con4 .container1260 .bjText {
    font-size: 22px;
    margin-top: 10px;
    letter-spacing: 0;
  }

  .aboutUs .con4 .container1260 .box .punctuation_box .punctuation .block {
    width: 4px;
    height: 4px;
  }

  .aboutUs .con4 .container1260 .box .punctuation_box .punctuation .block::before {
    width: 8px;
    height: 8px;
  }

  .aboutUs .con5 .box {
    display: block;
  }

  .aboutUs .con5 .box .li {
    width: 100%;
    margin-top: 10px;
  }

  .aboutUs .con5 .box .li p {
    padding: 10px 10px 0;
  }

  .aboutUs .con7 .aboutUsCon7_swiper {
    padding: 30px 0;
  }

  /* .aboutUs .con7 .aboutUsCon7_swiper .swiper-slide { height: 240px; } */
  .aboutUs .con9 .box .li {
    width: 49%;
    margin: 0 0.5% 5px !important;
  }

  /* .investor_yj .top form .left { width: 25%; }
    .investor_yj .top form .left input::before { right: 5px; } */
  .investor_ZL .con p {
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin-top: 10px !important;
  }

  .investor_GG .top h5 {
    font-size: 14px;
  }

  .investor_GG .con .Box .text p {
    font-size: 12px;
  }

  .X100TopicPagetit h5 {
    font-size: 22px;
    line-height: 1.3;
    padding: 0 20px;
  }

  .X100TopicPagetit .t {
    font-size: 18px;
  }

  .X100TopicPagetit .t span {
    font-size: 20px;
  }

  .X100TopicPagetit .t1 p,
  .X100TopicPagetit .t1 span,
  .X100TopicPagetit .t1 {
    font-size: 14px !important;
  }

  .X100TopicPagetit .t2 {
    font-size: 14px;
  }

  .TopicPageCon8 .TopicPagetit h5 {
    font-size: 14px;
  }

  .X100TopicPage1 {
    padding-top: 30px;
  }

  .X100TopicPage1 .X100TopicPagetit {
    margin-top: 10px;
  }

  .X100TopicPage1 .img {
    width: 75%;
  }

  .X100TopicPage2 .right .X100TopicPagetit .t {
    margin-top: 15px;
  }

  .X100TopicPage2 .right .X100TopicPagetit .t1 {
    margin-top: 10px;
  }

  .X100TopicPage2 .right .X100TopicPagetit .t2 {
    margin-top: 10px;
  }

  .Z6TopicPage1 {
    padding-top: 30px;
  }

  .Z6TopicPage2 .img {
    margin: 20px auto 0;
    width: 80%;
  }

  .Z6TopicPage4 .icon img {
    max-width: 50%;
    margin-bottom: 10px;
  }

  .classicCase_CCE .Case_CCETabBar .tabTerm {
    width: 100px;
    line-height: 40px;
    margin: 0 5px;
    font-size: 14px;
  }

  .classicCase_CCE .Case_CCETabCont .tabItem .form1 .input {
    display: block;
  }

  .classicCase_CCE .Case_CCETabCont .tabItem .form1 .input h5 {
    width: 100%;
    font-size: 14px;
  }

  .classicCase_CCE .Case_CCETabCont .tabItem .form1 .input input {
    margin-top: 5px;
  }

  .classicCase_CCE .Case_CCETabCont .tabItem .inputBox .left {
    width: 100%;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .classicCase_CCE .Case_CCETabCont .tabItem .inputBox .left .img {
    margin-bottom: 10px;
    width: 50%;
  }

  .classicCase_CCE .Case_CCETabCont .tabItem .inputBox .left .img img {
    width: 100%;
    height: 100%;
  }

  .classicCase_CCE .Case_CCETabCont .tabItem .inputBox {
    display: block;
  }

  .PastHighlights .con .PastHighlights_swiper {
    margin-top: 20px;
  }

  .Service_Network .con1 .tit {
    font-size: 16px;
  }

  .Service_Network .con1 .container1260 .left .box {
    padding: 20px 15px;
  }

  .Service_Network .con1 .container1260 .left .box .liBox h5 {
    font-size: 16px;
    padding-bottom: 10px;
  }

  .Service_Network .con1 .container1260 .left .box .liBox .list .li p {
    font-size: 14px;
  }

  .Service_Network .con1 .container1260 .ditu {
    height: 400px;
    overflow-x: auto;
  }

  .Service_Network .con1 .container1260 .ditu #china-map {
    width: 500px;
  }

  .classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input {
    width: 100%;
    margin-bottom: 10px;
    display: block;
  }

  .classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input h5 {
    width: 100%;
  }

  .classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input.Lodd {
    margin-left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .classicCase_CCE .Case_CCETabCont .tabItem .form2 button {
    margin: 10px auto 0;
  }

  .classicCase_CCE .top h5 {
    font-size: 22px;
  }

  .ProductXQ2 {
    text-align: center;
  }

  .ProductXQ2 .tit {
    font-size: 20px;
    padding: 20px 0;
  }

  .ProductXQ2 .con {
    padding: 30px 20px;
  }

  .ProductXQ2 .con .text {
    font-size: 14px;
    margin-top: 20px;
  }

  .service_Software .right .tit,
  .aboutUs .tit2 h5,
  .PastHighlights .con .PastHighlights_swiper .swiper-slide a .text h5 {
    font-size: 20px !important;
  }

  .PastHighlights .con .PastHighlights_swiper .swiper-slide a .text p,
  .aboutUs .con1 .text .t1,
  .aboutUs .tit2 p {
    font-size: 14px;
  }

  .aboutUs .tit1 .t {
    font-size: 14px !important;
    margin-top: 10px !important;
    line-height: 1.5 !important;
  }

  .Lhonor .con .box {
    height: 150px;
  }

  .Lhonor .top {
    overflow-x: auto;
  }

  .Lhonor .top::-webkit-scrollbar {
    display: none;
  }

  .Lhonor .top a {
    font-size: 14px;
    margin: 0 10px;
  }

  .aboutUs .con7 .top .more {
    font-size: 12px;
    line-height: 18px;
    padding: 0 5px;
  }

  .aboutUs .con7 .aboutUsCon7_swiper .swiper-slide {
    height: 150px;
  }

  .tong_title p {
    text-align: left;
  }
}

@media (max-width: 280px) {
  .AnchorLocation .con .li {
    font-size: 12px;
  }

  .plan-advantage-box .plan-advantage-item .advantage-item-top div {
    width: 18px;
    height: 18px;
  }

  .plan-advantage-box .plan-advantage-item .advantage-item-top h5 {
    font-size: 16px;
  }

  .plan-advantage-box .plan-advantage-item .advantage-item-bottom {
    font-size: 12px;
  }

  .layui-table[lay-size=lg] td,
  .layui-table[lay-size=lg] th {
    padding: 15px 0px;
  }

  .my-table th {
    font-size: 14px;
  }

  .my-table td {
    font-size: 12px;
  }
}

.popWindow {
  position: fixed;
  width: 495px;
  height: auto;
  right: 10px;
  bottom: 1%;
  /* background-color: #00479d; */
  z-index: 88888;
  border-radius: 10px;
  font-size: 16px;
  color: #fff;
  background-size: cover;
  overflow: hidden;
  padding: 40px 20px 30px 30px;
}

.popWindow .closeDiv {
  position: absolute;
  right: 3%;
  top: 2%;
  display: block;
  cursor: pointer;
  z-index: 9999;
}

.popWindow .closeDiv .i {
  color: #fff;
  font-size: 26px;
}

.popWindow .popWindow_box {
  height: 100%;
  width: 100%;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 20px;
}

.popWindow .popWindow_box::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 3px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  background-color: #fff;
  border-radius: 3px;
}

.popWindow .popWindow_box::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #00479d;
  width: 3px;
}

.popWindow .popWindow_box::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  width: 3px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  background: #fff;
  border-radius: 3px;
}

.popWindow .popWindow_box h5 {
  border-bottom: 1px solid #e5e5e5;
  font-size: 22px;
  font-weight: bold;
  line-height: 48px;
  text-align: center;
  margin-bottom: 10px;
}

.popWindow .popWindow_box {
  font-size: 16px;
  line-height: 1.4;
  color: #fff;
}

.phongpopWindow {
  display: none;
}

.Topping {
  width: 55px;
  height: 55px;
  text-align: center;
  border-radius: 50%;
  background-color: #00479d;
  position: fixed;
  right: 10px;
  bottom: 10%;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
  transition: all 0.3s;
  z-index: 10;
}

.Topping.active {
  opacity: 1;
  pointer-events: all;
}

.Topping i {
  color: #fff;
  line-height: 55px;
  font-size: 42px;
}

@media (max-width: 765px) {
  .X100TopicPagetit .t1 {
    width: 100%;
    padding: 0 15px;
  }

  .Topping {
    bottom: 5%;
    width: 40px;
    height: 40px;
  }

  .Topping i {
    line-height: 40px;
    font-size: 20px;
  }

  .container1260 {
    padding: 0 15px !important;
    margin: 0 !important;
  }

  .home2 {
    padding: 20px 0 !important;
  }

  .index_purpose {
    padding: 0 !important;
  }

  .index_news {
    padding: 20px 0 !important;
  }

  .popWindow {
    display: none;
  }

  .phongpopWindow {
    background-image: url(resources/bj25.jpg);
    background-size: cover;
    position: fixed;
    right: 0;
    bottom: 50px;
    display: inline-block;
    z-index: 999;
  }

  .phongpopWindow a {
    padding: 6px;
    font-size: 22px;
    line-height: 1.3;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    letter-spacing: 3px;

  }
}


@media (min-width: 1920px) {

  .X100TopicPagetit h5,
  .TopicPagetit,
  .X100TopicPagetit .t1 {
    max-width: 63vw;
  }

  .container1220 {
    width: 63vw;
  }

  .hsearch_btn i,
  .yuyan_icon i {
    font-size: 1.5vw;
  }

  .yuyan_icon::after {
    height: 1.25vw;
  }

  .classicCase_XQ .return a img {
    width: 1vw;
    margin-left: 1.1875vw;
  }

  .Topping {
    width: 3.4375vw;
    height: 3.4375vw;
  }

  .Topping i {
    font-size: 3vw;
    line-height: 3.4375vw;
  }

  .more_links,
  .ft_fvlink,
  .ppsw_box .more_links {
    font-size: .8vw;
  }

  .ftbt_cont .ft_beian {
    font-size: .8vw;
  }

  .more_links .iconfont {
    width: 0.75vw;
    height: .125vw;
  }

  .more_links .iconfont::after {
    top: -0.1875vw;
    right: -0.25vw;
    border-top: 0.25vw solid transparent;
    border-left: 0.25vw solid #fff;
    border-bottom: 0.25vw solid transparent;
  }

  .purpose_tab .item {
    line-height: 2.5vw;
    padding: 0 10px;
  }

  .innew_bgbox .right_ul .item .desc {
    font-size: 0.857vw;
  }

  .incase_tablist .item {
    height: 3.75vw;
  }

  .incase_tablist .item.active {
    height: 5.625vw;
  }

  .classicCase_XQ .con p,
  .classicCase_XQ .con p span {
    font-size: .83vw !important;
  }

  .TopicPage_download .box .list2 .li .icon1,
  .service_Software .right .con1 .box .left .TextIcon,
  .TopicPage_download .box .list a .TextIcon {
    width: 1.375vw;
  }

  .footer .footer_nav dl dd a {
    line-height: 1.6;
  }

  .AnchorLocation .con {
    max-width: 78.75vw;
  }

  .publicLeft .li .liOn {
    width: 0.625vw;
    height: 0.625vw;
    border: 0.125vw solid transparent;
    right: 0.625vw;
    border-top-color: #333;
    border-right-color: #333;
  }

  .publicLeft .li .ul2 .li3 .ul3 a::before {
    width: 0.3125vw;
    height: 0.3125vw;
    left: 0.625vw;
  }

  .publicLeft .li .ul2 .li3 .ul3 a {
    padding-left: 1.5625vw;
  }

  .classicCase_big .text .WatchVideo img {
    width: 1.5625vw;
    height: 1.5625vw;
  }

  .LVideoPopup .con .off {
    width: 2.1875vw;
    height: 2.1875vw;
    top: -2.1875vw;
  }

  .PastHighlights .con .PastHighlights_swiper .swiper-slide a .text p {
    line-height: 1.375vw;
    height: 2.75vw;
  }

  .PastHighlights .con .PastHighlights_prev,
  .PastHighlights .con .PastHighlights_next {
    width: 3vw;
    height: 3vw;
    background-size: 0.5625vw 0.9375vw;
  }

  .Service_AfterSale .con .left .icon {
    width: 3.125vw;
    margin-right: 1.75vw;
  }

  .News .top .News_swiper .swiper-slide a .text p {
    line-height: 1.5vw;
    height: 4.5vw;
  }

  .layui-laypage a,
  .layui-laypage span {
    width: 2.5vw !important;
    height: 2.5vw !important;
    line-height: 2.5vw !important;
    font-size: 1vw !important;
    margin: 0 0.625vw !important;
  }

  .layui-laypage-next::before {
    border: 0.375vw solid transparent;
    right: 0.6875vw;
    border-left-color: #00479d;
  }

  .layui-laypage-prev::before {
    border: 0.375vw solid transparent;
    left: 0.6875vw;
    border-right-color: #00479d;
  }

  .News .top .News_swiper .News_pagination .swiper-pagination-bullet {
    width: 0.4167vw;
    height: 0.4167vw;
    margin: 0 0.1875vw;
  }

  .News .top .News_swiper .News_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 1.25vw;
  }

  .aboutCon6_prev i,
  .aboutCon6_next i {
    font-size: 1.125vw;
  }

  .investor_yj .con a .left .icon {
    width: 1.5625vw;
    height: 1.5625vw;
    margin-right: 0.875vw;
  }

  .investor_yj .con a .left .icon img {
    width: 100%;
  }

  .investor_yj .con a .right .icon {
    width: 0.875vw;
    margin-right: 1.25vw;
  }

  .investor_yj .con a .right .icon img {
    width: 100%;
  }
}


/* 新增--软件定制 */
.customize {
  display: flex;
  width: 100%;
  background-color: #57abff;
}

.customize .pic_box {
  position: relative;
  width: 40%;
  height: 100%;
}

.customize .pic_box .title {
  padding: 10px;
  font-size: 1vw;
  color: #ffffff
}

.customize .pic_box .content {
  width: 100%;
  padding: 10px;
  font-size: 0.8333vw;
  text-align: justify;
  text-indent: 2em;
  color: #ffffff
}

.customize .content_box {
  width: 60%;
  padding: 20px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}


.customize .content_box .Forms {
  width: 100%;
  margin-bottom: 30px;

}

.customize .content_box .layui-table {
  width: 100%;
  margin: 0px;
}

.customize .content_box .layui-table thead th,
.customize .content_box .layui-table thead td {
  text-align: center;
}

.customize .content_box .layui-table thead th {
  background-color: #9dc9ff;
  font-size: 0.9375vw;
  font-weight: 700;
}

.customize .content_box .layui-table tbody th,
.customize .content_box .layui-table tbody td {
  font-size: 0.8333vw;
}

.customize .content_box.layui-table td,
.customize .content_box.layui-table th {
  position: relative;
  padding: 0.4333vw 0.8333vw;
  min-height: 1.2vw;
  line-height: 1.2vw;
}

.customize .content_box .contact {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-content: flex-end;
}

.customize .content_box .contact .title {
  text-align: center;
  font-weight: 700;
  font-size: 0.9375vw;
  color: white;
}

.customize .content_box .contact .form-group {
  display: flex;
  margin-bottom: 0.6333vw;
}

.customize .content_box .contact .form-group>div {
  width: 6.208vw;
  padding: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 0.8333vw;
  color: white;
  margin-right: 0.6333vw;
}

.customize .content_box .contact .form-group #textareaLable {
  width: 6.208vw;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  font-size: 0.8333vw;
}

.customize .content_box .contact .form-group>textarea {
  height: 5.625vw;
}

.customize .content_box .contact .form-group .form-control {
  width: 16.875vw;
  padding: 0.388vw 0.788vw;
  border: 1px solid #ccc;
  border-radius: 0.4vw;
  font-size: 0.8333vw;
}

.customize .content_box .contact .Btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #007bff;
  color: white;
  border: none;
  padding: 0.37vw 0.67vw;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.8333vw;
  transition: background-color 0.3s ease;
}

.customize .content_box .contact .Btn:hover {
  background-color: #0056b3;
}



@media (max-width: 1920px) {
  .customize .content_box {
    padding: 1vw 2.5vw;
  }

  .customize .content_box .layui-table thead th {
    font-size: 0.8333vw;
    font-weight: 700;
  }

  .customize .content_box .layui-table tbody th,
  .customize .content_box .layui-table tbody td {
    font-size: 0.7333vw;
  }

  .customize .content_box.layui-table td,
  .customize .content_box.layui-table th {
    padding: 0.3333vw 0.7333vw;
    min-height: 1vw;
    line-height: 1vw;
  }

  .customize .content_box .contact .title {
    font-weight: 700;
    font-size: 0.9333vw;
  }

  .customize .content_box .contact .form-group {
    margin-bottom: 0.6333vw;
  }

  .customize .content_box .contact .form-group>div {
    width: 7.208vw;
    font-size: 0.8333vw;
    margin-right: 0.6333vw;
  }

  .customize .content_box .contact .form-group #textareaLable {
    width: 7.208vw;
    font-size: 0.8333vw;
  }

  .customize .content_box .contact .form-group>textarea {
    height: 6.625vw;
  }

  .customize .content_box .contact .form-group .form-control {
    width: 20.875vw;
    padding: 0.398vw 0.788vw;
    border-radius: 0.4vw;
    font-size: 0.8333vw;
  }

  .customize .content_box .contact .Btn {
    padding: 0.37vw 0.67vw;
    border-radius: 3px;
    font-size: 0.8333vw;

  }

}

@media (max-width: 1600px) {
  .customize .content_box {
    padding: 1vw 2.5vw;
  }

  .customize .content_box .layui-table thead th {
    font-size: 1.0333vw;
    font-weight: 700;
  }

  .customize .content_box .layui-table tbody th,
  .customize .content_box .layui-table tbody td {
    font-size: 0.8333vw;
  }

  .customize .content_box.layui-table td,
  .customize .content_box.layui-table th {
    padding: 0.3333vw 0.7333vw;
    min-height: 1vw;
    line-height: 1vw;
  }

  .customize .content_box .contact .title {
    font-weight: 700;
    font-size: 1.0333vw;
  }

  .customize .content_box .contact .form-group {
    margin-bottom: 0.6333vw;
  }

  .customize .content_box .contact .form-group>div {
    width: 7.208vw;
    font-size: 0.8333vw;
    margin-right: 0.6333vw;
  }

  .customize .content_box .contact .form-group #textareaLable {
    width: 7.208vw;
    font-size: 0.8333vw;
  }

  .customize .content_box .contact .form-group>textarea {
    height: 6.625vw;
  }

  .customize .content_box .contact .form-group .form-control {
    width: 20.875vw;
    padding: 0.398vw 0.788vw;
    border-radius: 0.4vw;
    font-size: 0.8333vw;
  }

  .customize .content_box .contact .Btn {
    padding: 0.37vw 0.67vw;
    border-radius: 3px;
    font-size: 0.8333vw;

  }
}
@media (max-width: 992px){
  .customize {
    display: block;
    width: 100%;
    margin: auto;
    background-color: #57abff;
  }

  .customize .pic_box {
    width: 100%;
    height: 40vw;
  }

  .customize .pic_box .title {
    display: none;
    padding: 10px;
    font-size: 16px;
    color: #ffffff
  }
  .customize .pic_box .content {
    display: none;
    font-size: 14px;
  }

  .customize .content_box {
    width: 100%;
    padding: 20px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }

  .customize .content_box .layui-table thead th {
    font-size: 16px;
    font-weight: 700;
}

  .customize .content_box .layui-table tbody td {
    font-size: 14px;
  }

  .customize .content_box .contact .title {
    font-weight: 700;
    font-size: 16px;
  }

  .customize .content_box .contact .form-group {
    margin-bottom: 6px;
  }

  .customize .content_box .contact .form-group>div {
    width: 100px;
    font-size: 14px;
    margin-right: 8px;
  }

  .customize .content_box .contact .form-group #textareaLable {
    width: 100px;
    font-size: 14px;
  }

  .customize .content_box .contact .form-group>textarea {
    height: 100px;
  }

  .customize .content_box .contact .form-group .form-control {
    width: 350px;
    padding: 5px 8px;
    border-radius: 4px;
    font-size: 14px
  }

  .customize .content_box .contact .Btn {
    padding: 5px 8px;
    border-radius: 3px;
    font-size: 14px;
  }

}
@media (max-width: 580px) {
  .customize .pic_box {
    width: 100%;
    height: 60vw;
  }

  .customize .pic_box .title {
    padding: 10px;
    font-size: 14px;
  }

  .customize .pic_box .content {
    width: 100%;
    padding: 10px;
    font-size: 12px;
    text-align: justify;
    text-indent: 2em;
  }

  .customize .content_box .layui-table thead th {
    font-size: 16px;
    font-weight: 700;
  }

  .customize .content_box .layui-table tbody td {
    font-size: 14px;
  }

  .customize .content_box .contact .title {
    font-weight: 700;
    font-size: 16px;
  }

  .customize .content_box .contact .form-group {
    margin-bottom: 6px;
  }

  .customize .content_box .contact .form-group>div {
    width: 80px;
    font-size: 14px;
    margin-right: 8px;
  }

  .customize .content_box .contact .form-group #textareaLable {
    width: 80px;
    font-size: 14px;
  }

  .customize .content_box .contact .form-group>textarea {
    height: 100px;
  }

  .customize .content_box .contact .form-group .form-control {
    width: 200px;
    padding: 5px 8px;
    border-radius: 4px;
    font-size: 14px
  }

  .customize .content_box .contact .Btn {
    padding: 5px 8px;
    border-radius: 3px;
    font-size: 14px;
  }

}

.product-name {
  display: flex;
  align-items: center;
  height: 100px;
  /* line-height: 100px; */
  margin: 0 auto;
  font-size: 2vw;
  font-weight: bold;
  color: #333;
}

.product-preview-img {
  display: flex;
  justify-content: space-evenly;
  width: 80%;
  margin: 0 auto;
}

.product-preview-img .product-preview-img-box {
  width: 35%;
}

.product-preview-img .product-preview-img-box img {
  width: 100%;
}

.product-info-title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  margin: 0 auto;
  font-size: 22px;
  font-weight: 700;
  background-color: #f7f8f9;
}

.functions-box {
  width: 80%;
  margin: 0 auto;
  padding: 42px;
}

.functions-box ul {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.functions-box ul li {
  display: flex;
  padding: 10px 30px;
}

.functions-box ul li span {
  font-weight: 700;
}

.functions-box ul li p {
  padding-left: 5px;
}

.intro-box {
  width: 80%;
  margin: 0 auto;
  padding: 42px;
}

.intro-box th,
.intro-box td {
  text-align: center;
}

.intro-box th {
  font-size: 16px;
  font-weight: 700;
}

.download-box {
  width: 80%;
  margin: 0 auto;
  padding: 42px;
}

.download-box .document-download {
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
}

.download-box .document-ul-box ul {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.download-box .document-ul-box ul li {
  display: flex;
  justify-content: space-between;
  padding: 12px 35px;
  background-color: #f9f9f9;
  margin-bottom: 10px;
}

.download-box .document-ul-box ul li a {
  text-align: left;
  padding: 12px 12px;
}

.download-box .document-ul-box ul li span {
  color: #6d6d6d;
  padding: 12px 12px;
}