/*--公共部分--*/
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; }
body{background-color:#fff;}

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

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

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-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(../images/icons_0_16.png?v=d754dcc0.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(../images/sc.png?v=a970ff04.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(../images/sc.png?v=a970ff04.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 { font-size: .8333vw; color: #1a1a1a; line-height: 1.1;margin: 0;}

.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: #1226aa; }

.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: #1226aa; 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: #1226aa;}

.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(../images/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(../images/searchIcon.png) no-repeat center; }

.defaSearch span.closeSearchbox { background: url(../images/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(../images/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, 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; }

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(../images/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: #1226aa; 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: #1226aa; 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; }

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

.container1400 { width: 1400px; margin: 0 auto; max-width: 100%;}
.container1220{width:1210px; margin: 0 auto; max-width: 100%;}

.pictureBox { position: relative; overflow: hidden; }

.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;
}
.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: #1226aa; color: #1226aa; }

.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 .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: .9375vw; color: #333; }

.ProductNav .container1260 .ProTabCont .tabItem .box .text .li { margin-top: .2604vw; }

.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:hover { color: #1226aa; }

.ProductNav .container1260 .ProTabCont .tabItem .box:not(:nth-child(3n + 1)) { border-left: .0521vw solid #e8e8e8; }

.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 i { width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.7); position: absolute; top: 100%; 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: #1226aa; 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: #1226aa; }

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

.home1, .home2, .home3, .home4 { height: 100%; width: 100%;overflow: hidden; }

.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 #1226aa;
  border-bottom: solid 2px #1226aa;
 }
 .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: #1226aa; -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: #1226aa; 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: #1226aa; -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 h2 { font-size: 2.5vw; line-height: 1; margin-bottom: 1.5vw; font-weight: normal; }

.tong_title p { font-size: .8333vw; line-height: 1.5; }

.home2 { background-image: url(../images/pro_bg.jpg); 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.5; }

.inproduct_scrollbar { position: relative !important; height: .1042vw; background: #e8e8e8; margin-top: 2.0833vw; }

.inproduct_scrollbar .swiper-scrollbar-drag { background-color: #1226aa; }

.index_purpose .tong_title { color: #fff; }


/* 首页改结构新添 */
.home3,.home4{background-image: url(../images/pro_bg.jpg);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;
}

.purpose_tab .item { 
  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: #1226aa;color: #1226aa; }

.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: #1226aa; border-color: #1226aa; 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: #1226aa;
  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; 
  -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: #1226aa; }

.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: #1226aa;
    color: #fff;
    border-color: #1226aa;
}
.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: #1226aa; color: #fff; border-color: #1226aa; }

.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; font-size: 0.857vw; }

.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: #1226aa; color: #fff; }

.index_silulist a:hover::after { display: none; }

.index_about{background-color: #0e063c;padding: 6.25vw 0;position: relative;}
.waves{
    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(../images/weilai_bg.jpg); } */

.index_about .tong_title { color: #fff; padding-bottom: 0;}
.index_about .tong_title h2{margin-bottom: 0;}
.index_about .tong_title p{margin-top: 1.5vw;}

.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%;}
.SocialMedia{
  margin-top: 20px;
  display: flex;
  

}
.SocialMedia a{
  display: block;
  width: 2.1vw; 
  height: 2.1vw;
  border-radius: 50%;
  text-align: center; 
}
.SocialMedia a i{
  line-height: 2.1vw;
  color: #fff;
  font-size: .9vw;
}
.SocialMedia a:not(:first-child){margin-left: 10px;}
.SocialMedia a:nth-child(1){background-color: #48a6d6;}
.SocialMedia a:nth-child(2){background-color: #537bbc;display:none;}
.SocialMedia a:nth-child(3){background-color: #537bbc;}
.SocialMedia a:nth-child(4){background-color: #c4302b;}
.SocialMedia a:nth-child(1) i{font-size: 1vw;}
.SocialMedia a:nth-child(4) i{font-size: 1.1vw;}

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

.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: 1vw; }
.ft_phone .li{margin-top: 8px;display: flex;align-items: center;}
/*.ft_phone .li:first-child{display:none;}*/


.ft_phone h2 { font-size: 1vw;  font-weight: normal; padding-left: 10px;}

.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 { 
  padding:0 2.0833vw; 
  border: .0521vw solid #ebebeb; 
  border-bottom: none;
  font-size: 0;
 
 }

.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 .more {display: none; text-align: right; width: 100%; margin-top: 1.3021vw; font-size: .7292vw; color: #758ba5; -webkit-transition: all 0.3s; transition: all 0.3s; }

.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 .more { color: #1226aa;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; }
.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: #1226aa; }

/* .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; 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: #1226aa; }

.publicLeft .li .ul2 .li3 .ul3 a:hover::before,
.publicLeft .li .ul2 .li3 .ul3 a.active::before { background-color: #1226aa; }

.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: #1226aa;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: #1226aa; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 11px; }


.layui-laypage-prev:hover { background-color: #1226aa !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: #1226aa; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 11px; }

.layui-laypage-next:hover { background-color: #1226aa  !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: #1226aa !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 .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: #1226aa;}

.publicLink .container1260 .right a.active { border-bottom-color: #1226aa; color: #1226aa; }

.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(../images/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: #1226aa; 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 .con { position: relative; }

.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 {display: none; width: 100%; line-height: 4.1667vw; text-align: center; font-size: 1.5625vw; color: #fff; background-color: rgba(0, 0, 0, 0.6); position: absolute; bottom: 0; left: 0; }

.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(../images/icon1.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 - 500px); 
  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;font-size: 0; }

.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: #1226aa; }

.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: #1226aa; ;}

.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: #1226aa; }

.TopicPage_download .box .list2 .li:hover .text p { color: #1226aa; }

.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; word-break:break-all;}
   .Description_popUp .con span,
   .Description_popUp .con p{white-space: initial !important;word-break: break-word;}
.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: #1226aa; }

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

.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 {white-space: nowrap; 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: 2.6042vw; padding:0 1.5625vw; line-height: 3.125vw; width: 10.4167vw; position: relative; font-size: .8333vw; border: .1042vw solid #d7dadf; color: #1226aa; -webkit-transition: all 0.3s; transition: all 0.3s; }

.Solution .box .text a:hover { border-color: #1226aa; }

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

.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 { 
  color: #1226aa; 
   }

.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: #1226aa; 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: #1226aa; 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 span,
.Solution_XQ .con3 p{white-space: inherit !important;}

.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: #1226aa; }

.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: #1226aa; }

.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 #1226aa; }

.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 p video {
    height: auto !important;
    width: 100% !important;
}
.classicCase_XQ .con li{
    display: flex;
    align-items: center;
}
.classicCase_XQ .con li::before{
    content: '';
    display: block;
    min-width: 7px;
    height: 7px;
    margin: 0 10px 0 0;
    background: #000;
}

.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: #1226aa; -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: #1226aa; }

.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 {background-color: #fff; 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: #1226aa; }

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

.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 p {
  white-space: break-spaces !important;
  word-break:  break-word; font-size: .7292vw; color: #828282; cursor: pointer; margin-top: .1042vw; -webkit-transition: all 0.3s; transition: all 0.3s; }

.service_Software .right .con1 .box p:hover { color: #1226aa; }

.service_Software .right .con1 .box:hover h5{color: #1226aa;}

.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: #1226aa; }

.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(../images/icon1.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 .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(../images/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 #1226aa; -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: #1226aa; }

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

.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: #1226aa; }

.Service_Network .con2 .ServiceTabCont { position: relative; margin-top:4vw; 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: #1226aa; 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 {background-color: #fff; width: 32%; padding: 3.125vw 2.0833vw; border: .0521vw solid #eee; margin-bottom: 1.0417vw;}
  .Service_Network .con2 .ServiceTabCont .tabItem .box:not(:nth-child(3n + 1)){margin-left:1.5%;}
  
  .Service_Network .con2 .ServiceTabCont .tabItem .box .tit { font-size: .8333vw; color: #333; line-height: 1.5; 
    padding-bottom: 1.0417vw; position: relative; font-weight: bold; display: block;transition: all 0.3s;}
    .Service_Network .con2 .ServiceTabCont .tabItem .box .tit:hover{color: #1226aa;}
  
  .Service_Network .con2 .ServiceTabCont .tabItem .box .tit::before { content: ""; width: 1.0417vw; background-color: #1226aa; 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: #1226aa; 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: #1226aa; }

.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: #1226aa; 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%, #1226aa)); background-image: linear-gradient(#fff 8%, #1226aa 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: #1226aa;
  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;}
/* background: url(../images/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: #1226aa; 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 #1226aa; 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: #1226aa; -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: #1226aa; 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: #1226aa; 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(../images/jiant4.png) no-repeat; */
    background:none ;
    margin-top: 0;
    opacity: 1;
}
.aboutCon6_prev i,
.aboutCon6_next i{
  font-size: 18px;
  color: #1226aa;
  opacity: 0.8;
  font-weight: bold;
}
.aboutCon6_prev:hover i,
.aboutCon6_next:hover i{
  color: #1226aa;
  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: #1226aa; 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: #1226aa; }
.aboutUs .con7 .top{
  position: relative;
  width: 100%;
}
.aboutUs .con7 .top .more{
  font-size: .7292vw;
  padding: 0 .5208vw;
  line-height: 1.5625vw;
  background-color: #1226aa;
  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: #1226aa; border-color: #1226aa; -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: #1226aa; color: #1226aa; }

.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(../images/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(../images/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: #1226aa;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.government_btn::after{
  content: "";
  width:0.125vw;
  height: 1.125vw;
  background-color: #1226aa;
  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: #1226aa; margin-left: 0.5vw; }

.government_top .government_xian { 
  width: 1.6875vw; height: 0.1875vw; background: #1226aa; 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: #1226aa; -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: #1226aa; }

.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,
.TopicPagetit,
.X100TopicPagetit {max-width: 1300px;margin: 0 auto;}
.X100TopicPagetit h5{ font-size: 2.5vw; color: #fff; line-height: 1.5; 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 .X100TopicPagetit .t1 { margin-top: 1.5625vw; line-height: 2.0833vw; }
.Z6TopicPage5 .X100TopicPagetit .t1 p,
.Z6TopicPage5 .X100TopicPagetit .t1 span{white-space: inherit !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: #1226aa; 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: 6.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: #1226aa; }

.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: #1226aa; -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: #1226aa; }

.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: #1226aa; }

.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(../images/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: #1226aa; 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(../images/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: #1226aa url(../images/jiant3.png) no-repeat center center; 
  border-color: #1226aa;
}

.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(../images/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: #1226aa; }
  /* .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 { padding: 0 20px; font-weight: bold; }
  .head_navlist ul li.active > a, .head_navlist ul li:hover > a { color: #1226aa; }
  .head_navlist ul li.active > a, .head_navlist ul li:hover > a { color: #1226aa !important; }
  /* .purpose_tab .item:hover { color: #1226aa; }
  .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: #1226aa;}
.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; max-width: none; 
    min-width: 100%;
    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: 1300px){
      .more_links{width:12.5vw;}
  }
  @media (max-width: 1260px){
      .more_links{width:13vw;}
    .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;}
    .SocialMedia a{
      width: 35px; 
      height: 35px; 
    }
    .SocialMedia a i{
      line-height: 35px;
      font-size: 16px;
    }
    .SocialMedia a:nth-child(1) i{font-size: 18px;}
    .SocialMedia a:nth-child(4) i{font-size: 20px;}
    
    .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;}
    .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(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;text-align: center; }
    .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: #1226aa; }
    .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;}
    .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%;} */
  }
  @media (max-width: 768px) { 
    .AnchorLocation .con{display: block;white-space: nowrap;overflow-x: auto;overflow-y: hidden;font-size: 0;}
    .AnchorLocation .con .li{padding: 0 15px;white-space: nowrap;display: inline-block;width: auto;}

    .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;}
    .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 .t1 { 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; }
    .government_desc { border: none; padding-top: 0 !important; }
    .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;padding-top: 0 !important; 
      overflow: hidden; }
    .about_government .government_item { margin-bottom: 15px; }
    .purpose_tab{white-space: nowrap;overflow-x: auto;overflow-y: hidden;display: block;}
    .purpose_tab .item{display: inline-block;padding: 0 10px;}



  }
  @media (max-width: 580px) {
    #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 { 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) {
    .X100TopicPagetit {padding: 0 15px;}
    .solutionTit span,
    .solutionTit {font-size: 22px !important;line-height: 1.3 !important;display: inline-block;}
    .solutiontext span,
    .solutiontext{font-size: 14px !important;line-height: 1.5 !important;display: inline-block;}

    .defaPrevNextpage p span{width: 80px;}
    .banner2 .banner2text span{font-size: 16px !important;}
    .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: 140px;font-size: 14px;} 
    .home3{padding-bottom: 0;}
    .tong_title h2{margin-bottom: 0;}
    .Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a .text .more{color: #1226aa;}
    .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 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; }
    .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 span,
    .classicCase_XQ .con p { font-size: 14px !important; line-height: 1.5 !important;white-space: inherit !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{width: 100%;}
    .Service_Network .con2 .ServiceTabCont .tabItem .box:not(:nth-child(2n + 1)){margin-left: 0;}
    .Service_Network .con2 .ServiceTabCont .tabItem .box .tit { font-size: 14px;line-height: 1.3; 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 { font-size: 14px; }
    .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;}
  }
  .popWindow{
      position: fixed;
      width: 495px;
      height: auto;
      right: 10px;
      bottom: 1%;
      /* background-color: #1226aa; */
      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: #1226aa ;
     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:#1226aa;
    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: 24px;
  }
  @media (max-width: 765px) {
    .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(../images/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{max-width:67.75vw;}
    .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: 1.5vw;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;}
  .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.2;}
  .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: #1226aa;
  }
  .layui-laypage-prev::before {
      border: 0.375vw solid transparent;
      left:0.6875vw;
      border-right-color: #1226aa;
  }
  .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%;}
  

  }