/*--公共部分--*/
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: 0px; padding: 0px; font-weight: 100; }
body::-webkit-scrollbar{display: none;}
p { margin: 0px; padding: 0px; }

video::-webkit-media-controls-enclosure {

  -webkit-appearance:none;

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

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

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

table th, table td { border: 1px solid #ccc; }

*, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat;  }
*{font-family: "siyuan";}
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-shadow0000000000000000000000: 0 0 0px 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: 0px; padding: 0px; list-style: none; }

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

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

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

/* 字体图标 */
.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: 0px 10px; }

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

.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: 10px; padding-right: 10px; }

.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: 320px; } }

@media (min-width: 768px) { .commonweb { padding: 0px 20px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .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: 10px; padding-right: 10px; }
  .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: 0px auto; max-width: 750px; } }

@media (min-width: 992px) { .commonweb { padding: 0px 10px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .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: 10px; padding-right: 10px; }
  .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: 970px; } }

@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: 10px; padding-right: 10px; }
  .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: 1220px; } }

/* 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: 27px; height: 44px; z-index: 10; cursor: pointer; background-size: 27px 44px; 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: 8px; height: 8px; 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: 10px; border-radius: 10px; position: relative; -ms-touch-action: none; background: #dde2e9; }

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

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

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: #c1c7cf; -webkit-border-radius: 10px; border-radius: 10px; 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, -30px, 0);
    transform: translate3d(0, -30px, 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, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 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, -30px, 0);
    transform: translate3d(0, -30px, 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, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 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(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shake { 0%, to { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 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(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) 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(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) 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, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 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, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 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(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 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(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 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(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 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(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 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, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 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, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 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, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

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

@-webkit-keyframes bounceOutLeft { 20% { opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft { 20% { opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

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

@-webkit-keyframes bounceOutRight { 20% { opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight { 20% { opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

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

@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 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, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 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, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDownBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 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(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeftBig { 0% { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 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(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRightBig { 0% { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

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

@-webkit-keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 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, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUpBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 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, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 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(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 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(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 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, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

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

@-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn); }
  0%, 40% { -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg); }
  50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg); }
  50%, 80% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn); }
  0%, 40% { -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg); }
  50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg); }
  50%, 80% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -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(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg); }
  60% { -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg); }
  60% { -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

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

@-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg); }
  60% { -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg); }
  60% { -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

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

@-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) 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(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) 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, 700px, 0);
    transform: translate3d(0, 700px, 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, 700px, 0);
    transform: translate3d(0, 700px, 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, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 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, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 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, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 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, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 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(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 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(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 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(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 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(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 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(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 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(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 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(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 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(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 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, 30px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 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, -30px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 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, 30px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 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, -30px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 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, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 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, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 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, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 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, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 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(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 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(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 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(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 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(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 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, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 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, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 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, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 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, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 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: 5px auto; display: block; float: none; vertical-align: top; }

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

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

.PopupVideo video { width: 100%; }

.PopupVideo iframe { width: 100%; height: 460px; }

.closeVideo { position: absolute; right: 25px; top: -25px; width: 22px; height: 22px; cursor: pointer; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.closeVideo::after { content: ''; display: block; position: absolute; width: 2px; 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: 2px; background: #fff; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.bd_weixin_popup_bg { position: absolute; left: -400px; top: -400px; width: 260px; height: 320px; border: 0; padding: 0; margin: 0; opacity: 0; filter: alpha(opacity=0); z-index: 11000; }

.bd_weixin_popup { position: absolute; left: -400px; top: -400px; padding: 10px; width: 240px; height: 300px; background: #fff; border: solid 1px #d8d8d8; z-index: 11001; font-size: 12px; }

.bd_weixin_popup .bd_weixin_popup_head { font-size: 12px; font-weight: bold; text-align: left; line-height: 16px; height: 16px; position: relative; color: #000; }

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

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

.bd_weixin_popup .bd_weixin_popup_main { padding: 15px 10px; min-height: 150px; _height: 150px; }

.bd_weixin_popup .bd_weixin_popup_foot { font-size: 12px; text-align: left; line-height: 22px; color: #666; }

.bdshare-button-style0-16 .bds_qzone { background-position: 0 -52px; }

.bdshare-button-style0-16 .bds_tsina { background-position: 0 -104px; }

.bdshare-button-style0-16 .bds_renren { background-position: 0 -208px; }

.bdshare-button-style0-16 .bds_tqq { background-position: 0 -260px; }

.bdshare-button-style0-16 .bds_kaixin001 { background-position: 0 -312px; }

.bdshare-button-style0-16 .bds_tqf { background-position: 0 -364px; }

.bdshare-button-style0-16 .bds_hi { background-position: 0 -416px; }

.bdshare-button-style0-16 .bds_douban { background-position: 0 -468px; }

.bdshare-button-style0-16 .bds_tsohu { background-position: 0 -520px; }

.bdshare-button-style0-16 .bds_tieba { background-position: 0 -728px; }

.bdshare-button-style0-16 .bds_hx { background-position: 0 -988px; }

.bdshare-button-style0-16 .bds_fx { background-position: 0 -1040px; }

.bdshare-button-style0-16 .bds_ty { background-position: 0 -1196px; }

.bdshare-button-style0-16 .bds_fbook { background-position: 0 -1352px; }

.bdshare-button-style0-16 .bds_twi { background-position: 0 -1404px; }

.bdshare-button-style0-16 .bds_linkedin { background-position: 0 -1664px; }

.bdshare-button-style0-16 .bds_meilishuo { background-position: 0 -1716px; }

.bdshare-button-style0-16 .bds_mogujie { background-position: 0 -1768px; }

.bdshare-button-style0-16 .bds_diandian { background-position: 0 -1820px; }

.bdshare-button-style0-16 .bds_huaban { background-position: 0 -1872px; }

.bdshare-button-style0-16 .bds_duitang { background-position: 0 -2028px; }

.bdshare-button-style0-16 .bds_youdao { background-position: 0 -2080px; }

.bdshare-button-style0-16 .bds_wealink { background-position: 0 -2184px; }

.bdshare-button-style0-16 .bds_copy { background-position: 0 -2288px; }

.bdshare-button-style0-16 .bds_mail { background-position: 0 -2340px; }

.bdshare-button-style0-16 .bds_print { background-position: 0 -2392px; }

.bdshare-button-style0-16 .bds_mshare { background-position: 0 -2444px; }

.bdshare-button-style0-16 .bds_sqq { background-position: 0 -2652px; }

.bdshare-button-style0-16 .bds_sdo { background-position: 0 -2704px; }

.bdshare-button-style0-16 .bds_qingbiji { background-position: 0 -2756px; }

.bdshare-button-style0-16 .bds_people { background-position: 0 -2808px; }

.bdshare-button-style0-16 .bds_xinhua { background-position: 0 -2912px; }

.bdshare-button-style0-16 .bds_yaolan { background-position: 0 -2964px; }

.bdshare-button-style0-16 .bds_thx { background-position: 0 -2496px; }

.bdshare-button-style0-16 .bds_bdhome { background-position: 0 -156px; }

.bdshare-button-style0-16 .bds_bdxc { background-position: 0 -2548px; }

.bdshare-button-style0-16 .bds_bdysc { background-position: 0 -3068px; }

.bdshare-button-style0-16 .bds_isohu { background-position: 0 -3016px; }

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

.bdshare-button-style0-16 .bds_ibaidu { background-position: 0 -3120px; }

.bdshare-button-style0-16 .bds_weixin { background-position: 0 -1612px; }

.bdshare-button-style0-16 .bds_iguba { background-position: 0 -1300px; }

.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: 12px; padding-left: 17px; line-height: 16px; height: 16px; background-image: url(../images/icons_0_16.png?v=d754dcc0.png); background-repeat: no-repeat; cursor: pointer; margin: 6px 6px 6px 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 -30px; width: 42px; height: 16px; padding: 0; margin: 6px 0 0; text-align: center; }

.bdshare-button-style0-16 .bds_count:hover { background-position: -42px -30px; }

.bdshare-button-style0-16 .bds_button_image { float: left; cursor: pointer; margin: 6px 6px 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: 44px; height: 24px; line-height: 24px; }

.bdshare-button-style0-16 .bdshare_button_count:hover { background-position: -44px 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: 10px 0; border-bottom: 1px solid #ebebeb; }

.commonTitleLocation h3 { float: left; font-size: 16px; position: relative; }

.commonTitleLocation p { float: right; }

.commonTitleLocation p a { font-size: 12px; vertical-align: middle; display: inline-block; color: #999; margin-left: 10px; padding-left: 15px; position: relative; }

.commonTitleLocation p a::after { content: ''; position: absolute; left: 0px; top: 50%; width: 8px; height: 8px; border: 1px 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: 0px; margin: 0px; line-height: 11px; }

.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: 10px 0; border-bottom: 1px solid #ebebeb; }

.commonLocation a { font-size: 12px; vertical-align: middle; display: inline-block; color: #999; margin-left: 10px; padding-left: 15px; position: relative; }

.commonLocation a::after { content: ''; position: absolute; left: 0px; top: 50%; width: 8px; height: 8px; border: 1px 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: 0px; margin: 0px; line-height: 11px; }

.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{outline: none;} */
.select2-container:focus{outline: none;-moz-outline:none;-ms-outline:none;-webkit-outline:none;}
.select2-container .select2-selection--single {
   -webkit-box-sizing: border-box; box-sizing: border-box; 
   cursor: pointer; display: block; height: 28px; -moz-user-select: none; -ms-user-select: none; user-select: none; 
   -webkit-user-select: none; outline: none;}

.select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; 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: 8px; padding-left: 20px; }

.select2-container .select2-selection--multiple { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -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: 8px; 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: 5px; padding: 0; }

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

.select2-dropdown { background-color: white; border: 1px solid #f5f5f5; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; }

.select2-results { display: block; }

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

.select2-results__option { padding: 6px; -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: 4px; }

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

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none;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: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; }

.select2-container--default .select2-selection--single {background-color: #fff; border: 1px solid #eee; -webkit-border-radius: 4px; border-radius: 4px; }

.select2-container--default .select2-selection--single .select2-selection__rendered { color: #333; line-height: 28px; opacity: 0.4; }

.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: #333; opacity: 0.4; }

.select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; }

.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #a3a3a3 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; 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: 1px; 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 4px 5px 4px; }

.select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; 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 5px; 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: 5px; float: left; }

.select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }

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

.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: 5px; margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; 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: 1px 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: 200px; overflow-y: auto; }

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; }

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: rgb(103 0 193); }

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); -webkit-border-radius: 10px; border-radius: 10px; background: #EDEDED; }

.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: rgb(103 0 193); color: white; }

.select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; }

.select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; 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: 1px solid rgb(103 0 193); }

.select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }

.select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; }

.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: 1px solid #aaa; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; 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: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; 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: 1px solid #aaa; -webkit-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid rgb(103 0 193); }

.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 4px 5px 4px; }

.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: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: text; outline: 0; }

.select2-container--classic .select2-selection--multiple:focus { border: 1px solid rgb(103 0 193); }

.select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; }

.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: 5px; margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid rgb(103 0 193); }

.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: 1px 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: 1px 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: 200px; 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: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown { border-color: rgb(103 0 193); }

.DefaultSelector { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;    outline: none; }

.DefaultSelector > span { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.DefaultSelector > span:nth-child(2) { margin-right: 10px; }

.DefaultSelector > span:nth-child(4) { margin-right: 10px; }

.DefaultSelector .select2-container--default .select2-selection--single { -webkit-border-radius: 0px; border-radius: 4px; height: 40px; }

.DefaultSelector .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; outline: none;}

.DefaultSelector .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; top: 0px; }

.defaSearchList { padding: 50px 0px; }

.defaSearchList dl { border-bottom: 1px solid #eee; padding-bottom: 10px; }

.defaSearchList dl dt { float: left; font-size: 16px; }

.defaSearchList dl dd { float: right; font-size: 14px; }

.defaSearchList li { padding: 10px 20px 15px; margin-top: 15px; border-bottom: 1px solid #eee; background: #f6f6f6; }
.defaSearchList li a{display: flex;flex-wrap: wrap;}
.defaSearchList li a .img{width:22%;max-height: 220px;text-align: center;}
/* .defaSearchList li a .img img{width: 100%;} */
.defaSearchList li a .text{
  flex: 1;
  padding-left: 20px;
}
.defaSearchList li h3 { font-size: 16px; color: #1a1a1a; line-height: 26px; padding-bottom: 5px; }
.defaSearchList li .defaDesc { font-size: 12px; color: #adadad; padding-top: 5px; line-height: 20px;}


.defaWebMap { background-color: #fff;padding-bottom: 100px; }

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

.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: #333; 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 { margin-top: 75px; border-top: 1px solid #3d3f48; border-bottom: 1px solid #3d3f48; }

.defaPrevNextpage .li{ 
  border-bottom: 1px solid #dddddd; 
  position: relative; 
  height: 50px; 
  display: flex;
}
.defaPrevNextpage .li:nth-child(2){border-bottom: none;}
.defaPrevNextpage .li .left{
  display: flex;
  align-items: center;
  width: 12%;
  justify-content: space-between;
  padding-right: 20px;
  padding-left: 10px;
}
.defaPrevNextpage .li .left .t{
  font-size: 14px; 
  line-height: 50px; 
  white-space: nowrap;
  
}
.defaPageBox{width: 88%;}
.defaPageBox .swiper-slide{
  font-size: 14px; 
  line-height: 50px; 
  white-space: nowrap;
}
.defaPrevpage_prev,
.defaNextpage_prev{
  margin-top: 0;
  width: auto;
  height: auto;
  position: static;
  padding-left: 20px;
  opacity: 1;
  transition: all 0.3s;
}
.defaPrevpage_prev i,
.defaNextpage_prev i{
  font-size: 14px;
  color: #333;
}
.defaPrevpage_prev:hover i,
.defaNextpage_prev:hover i{
  color: rgb(103 0 193);
}
.defaPrevNextpage .defaPageBox:hover a { color: rgb(103 0 193); }

/* .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 .defaPageBox em { position: absolute; right: 0px; font-style: normal; top: 0px; padding-right: 0px; width: 80px; display: block; }

.defaPrevNextpage .defaPageBox a { display: block; text-overflow: ellipsis; overflow: hidden;width: calc(100% - 100px); }

.defaPrevNextpage .defaPageBox:nth-child(2) { border: none; }

.defaPrevNextpage .defaPageBox:nth-child(2) span:after { border-bottom: none; border-top: 5px solid #000000; }

@media (min-width: 768px) { 
 
  .defaWebMap dl { margin-top: 50px; }
  .defaWebMap dl dd a { padding-right: 50px; } }

@media (min-width: 992px) { .commonTitleLocation { padding: 20px 0; }
  .commonTitleLocation h3 { font-size: 24px; }
  .commonTitleLocation p { padding-top: 5px; }
  .commonTitleLocation p a { font-size: 14px; }
  .commonLocation { padding: 20px 0; }
  .commonLocation a { font-size: 14px; }
  .defaSearchList li { padding: 15px 35px 25px; margin-top: 25px; }
  .defaSearchList li h3 { font-size: 20px; line-height: 36px; padding-bottom: 5px; }
  .defaSearchList li .defaDesc { font-size: 13px; padding-top: 10px; line-height: 24px; }
  .defaPrevNextpage p span { position: absolute; left: 0px; padding-left: 40px; top: 0px; display: block; width: 15%; }
  .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: 30px; width: 120px; display: block; }
  .defaPrevNextpage p { border-bottom: 1px solid #dddddd; position: relative; padding: 0px 130px 0px 20%; font-size: 18px; line-height: 70px; white-space: nowrap; height: 70px; } }



/*--公共样式--*/
.hideScroll { overflow: hidden; }

.defaheader { position: fixed; left: 0px; top: 0px; width: 100%; z-index: 999; padding: 15px; background: #000; }

.defalogo { display: block; float: left; }

.defalogo img { height: 30px; }

.defanav { position: fixed; left: 0px; top: 60px; background: #fff; bottom: 0px; overflow-y: auto; right: 0px; display: none; }

.defanav ul { padding: 20px; }

.defanav ul li { border-bottom: 1px solid #eee; line-height: 40px; position: relative; }

.defanav ul li > a { color: #000; display: block; }

.defanav ul li p { display: none; padding: 0px 10px 10px; }

.defanav ul li p a { display: block; font-size: 14px; line-height: 30px; }

.defanav ul li p a:hover { color: red; }

.defanavbtn { float: right; width: 28px; height: 22px; position: relative; cursor: pointer; margin-top: 5px; margin-left: 15px; }

.defanavbtn span { display: block; height: 2px; background: #fff; top: 0px; position: absolute; width: 100%; -webkit-transition: all .3s ease; transition: all .3s ease; }

.defanavbtn span:nth-child(2) { top: 8px; }

.defanavbtn span:nth-child(3) { top: 17px; }

.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: 0px; top: 0px; height: 40px; width: 30%; }

.defanav ul li i:before { position: absolute; top: 50%; right: 10px; width: 10px; height: 10px; border-top: 2px solid #555; border-right: 2px 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: 20px; }

.defaSearch span { width: 30px; height: 30px; cursor: pointer; background: url(../images/searchIcon.png) no-repeat center; display: block; }

.defaSearch .defaSearchbox { position: fixed; width: 100%; background: #fff; right: 0px; left: 0px; top: 60px; max-height: inherit; display: none; }

.defaSearch .defaSearchbox label { display: block; padding: 10px 65px 10px 15px; }

.defaSearch .defaSearchbox label input { width: 100%; vertical-align: middle; }

.defaSearch .defaSearchbox .defaSearchBtn { width: 50px; height: 100%; position: absolute; top: 0px; right: 0px; 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: 12px; color: #fff; margin-left: 20px; position: relative; }

.defaLanguage span { display: inline-block; border: 1px solid #fff; width: 30px; height: 30px; text-align: center; line-height: 26px; }

.defaLanguage span a { color: #fff; }

.defaLanguage p { position: absolute; left: 0px; top: 100%; background: #fff; right: 0px; text-align: center; display: none; }

.defaLanguage p a { display: block; line-height: 30px; }

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

.defacommonBanner img { display: block; height: 200px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.defacommonBanner h3 { font-size: 20px; position: absolute; left: 0px; 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: 300px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.defaBanner ul li { overflow: hidden; }

.defaBannerText { position: absolute; left: 0px; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.defaBannerText h3 { font-size: 24px; color: #fff; padding-bottom: 20px; -webkit-transition: all .8s ease; transition: all .8s ease; opacity: 0; visibility: hidden; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }

.defaBannerText .desc { font-size: 14px; 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(50px); -ms-transform: translateY(50px); transform: translateY(50px); }

.defaBanner ul li.swiper-slide-active .defaBannerText h3 { opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }

.defaBanner ul li.swiper-slide-active .defaBannerText .desc { opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }

.defaBannerdot { position: absolute; left: 0px; bottom: 20px; width: 100%; z-index: 99; text-align: center; }

.defaBannerdot span { width: 20px; height: 2px; background: rgba(255, 255, 255, 0.5); -webkit-border-radius: 0px; border-radius: 0px; margin: 0px 5px; }

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

.defaBannerPrev, .defaBannerNext { width: 20px; height: 40px; 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: 10px; height: 10px; content: ""; display: block; position: absolute; border: 2px solid #fff; border-top: none; border-left: none; left: -webkit-calc(50% - 2px); left: calc(50% - 2px); top: 50%; }

.defaBannerPrev { left: 10px; }

.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% + 2px); left: calc(50% + 2px); }

.defaBannerNext { right: 10px; }

.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: 1px; }

.defaSecondLevelColumn ul li { width: auto; font-size: 14px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin-right: -1px; }

.defaSecondLevelColumn ul li a { display: block; padding: 0px 20px; }

.WaterfallFlow ul li { width: 50%; position: relative; padding: 0px 5px; margin-bottom: 10px; }

.WaterfallFlow ul li img { display: block; width: 100%; }

.WaterfallFlow ul li .FlowContent { padding: 10px; background: #f3f3f3; }

.WaterfallFlow ul li .FlowContent .time { font-size: 14px; padding-bottom: 10px; color: #585858; }

.WaterfallFlow ul li .FlowContent h3 { font-size: 14px; color: #000000; font-weight: 700; line-height: 22px; }

.WaterfallFlow ul li .FlowContent .desc { font-size: 12px; color: #585858; line-height: 18px; border-top: 1px solid #ebebeb; margin-top: 10px; padding-top: 10px; }

@media (min-width: 768px) { body { padding-top: 0px; }
  .defaBanner img { display: block; width: 100%; height: auto; -webkit-transform: translate(0px); -ms-transform: translate(0px); transform: translate(0px); left: 0px; }
  .defaBannerText h3 { font-size: 38px; }
  .defaBannerText .desc { font-size: 16px; }
  .defaBannerdot span { width: 30px; height: 2px; }
  .defaBannerPrev, .defaBannerNext { width: 30px; height: 60px; }
  .defaBannerPrev::after, .defaBannerNext::after { width: 15px; height: 15px; left: -webkit-calc(50% - 5px); left: calc(50% - 5px); }
  .defaBannerPrev::after { left: -webkit-calc(50% + 5px); left: calc(50% + 5px); }
  .defacommonBanner h3 { font-size: 24px; }
  .defacommonBanner img { display: block; width: 100%; height: auto; -webkit-transform: translate(0px); -ms-transform: translate(0px); transform: translate(0px); left: 0px; }
  .WaterfallFlow ul li { width: 33.333%; padding: 0px 10px; margin-bottom: 20px; }
  .WaterfallFlow ul li .FlowContent { padding: 20px; }
  .WaterfallFlow ul li .FlowContent .time { font-size: 16px; }
  .WaterfallFlow ul li .FlowContent h3 { font-size: 20px; line-height: 28px; }
  .WaterfallFlow ul li .FlowContent .desc { font-size: 14px; line-height: 24px; margin-top: 25px; padding-top: 20px; } }

@media (min-width: 1260px) { .defaBannerText h3 { font-size: 48px; }
  .defaBannerText .desc { font-size: 20px; }
  .defaBannerdot span { width: 40px; height: 3px; }
  .defaBannerPrev, .defaBannerNext { width: 40px; height: 80px; }
  .defaBannerPrev::after, .defaBannerNext::after { width: 20px; height: 20px; }
  .defaheader { background: none; padding: 15px 45px 0px; }
  .defalogo img { height: 55px; }
  .defanav { float: right; white-space: nowrap; padding-top: 15px; position: relative; overflow: visible; left: auto; right: auto; top: auto; bottom: auto; background: none; display: block; }
  .defanav ul { padding: 0px; }
  .defanav ul li { display: inline-block; margin-left: 20px; font-size: 16px; padding-bottom: 31px; position: relative; border-bottom: none; line-height: 24px; }
  .defanav ul li > a { color: #fff; }
  .defanav ul li p { background: #fff; position: absolute; left: -10px; right: -10px; top: 100%; text-align: center; max-height: 0px; overflow: hidden; -webkit-transition: all .4s ease; transition: all .4s ease; display: block; padding: 0px; }
  .defanav ul li i { display: none; }
  .defanav ul li:hover p { max-height: 300px; padding: 10px 0px; }
  .defaheaderbg { background: rgba(0, 0, 0, 0.5); }
  .defaSearch { padding-top: 12px; padding-bottom: 28px; }
  .defaSearch .defaSearchbox { max-height: 0px; left: auto; right: 45px; top: 100%; overflow: hidden; position: absolute; width: 300px; display: block; }
  .defaSearch:hover .defaSearchbox { max-height: 230px; -webkit-transition: all .8s ease; transition: all .8s ease; }
  .defaSearch:hover span { background: url(../images/closeIcon.png) no-repeat center; }
  .defaLanguage { padding-top: 12px; }
  .defaLanguage p { max-height: 0px; overflow: hidden; display: block; }
  .defaLanguage:hover p { max-height: 230px; -webkit-transition: all .8s ease; transition: all .8s ease; }
  .defanavbtn { display: none; }
  .defacommonBanner h3 { font-size: 30px; } }


.clearfloat::after { display: block; content: ""; clear: both; }

body { overflow-x: hidden; }

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

.dot { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.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-repeat: no-repeat; }

li { list-style: none; }

ul { margin: 0; padding-left: 0; }

.flex_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-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

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

.container1200 { width: 1240px; margin: 0 auto; }
.container1700{width: 1500px;margin: 0 auto;}

.RightBox { position: fixed; bottom: 40px; right: 0; z-index: 99; }

.RightBox .box { width:40px; height: 40px; background-color: #fff; 
  display: -webkit-box; 
  display: -webkit-flex; display: -ms-flexbox; display: flex; 
  -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; -webkit-box-align: center; 
  -webkit-align-items: center; -ms-flex-align: center; align-items: center; 
  -webkit-transition: all 0.3s; transition: all 0.3s; background-color: rgba(103,0,193,0.7);}

.RightBox .box .icon img { width: 28px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.RightBox .box .icon img.Lshow { display: none; }

.RightBox .box h5 { font-size: 12px; color: #333333; margin-top: 5px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.RightBox .box .top i { font-size: 20px; color: #fff; }

.RightBox .box.Istop { margin-top: 5px; cursor: pointer;opacity: 0; }

.RightBox .box:hover { background-color: rgb(103 0 193); border-color: rgb(103 0 193); color: #fff; }

.RightBox .box:hover .icon img.Lhide { display: block; }

.RightBox .box:hover .icon img.Lshow { display: none; }

.RightBox .box:hover h5 { color: #fff; }

.RightBox .box:hover .top i { color: #fff; }

@-webkit-keyframes setfadeInUp { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes setfadeInUp { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes setfadeInUp100 { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes setfadeInUp100 { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

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

@keyframes ani_opacity { 0% { opacity: 0; }
  100% { opacity: 1; } }

.setfadeInUp { -webkit-animation-name: setfadeInUp; animation-name: setfadeInUp; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; }

.setfadeInUp100 { -webkit-animation-name: setfadeInUp100; animation-name: setfadeInUp100; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; }

.header { color: #fff; position: fixed; left: 0; right: 0; top: 0; z-index: 999; height: 80px;}
.header::after { position: absolute; display: block; content: ""; top: 100%; left: 0; right: 0; bottom: 0; height: 1px; background: rgba(255, 255, 255, 0.1); z-index: 102; }

.header_content { 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; height: 100%; }

.header .header_logo .img2 { display: none; }

.header .header_logo img { width: 160px; }

.header_logo { position: relative; z-index: 100; }

.head_navlist { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.head_navlist li { position: relative; padding: 0 35px; }

.head_navlist li > a { display: block; font-size: 18px; line-height: 80px; color: #fff; }

.head_navlist li > span { display: none; cursor: pointer; position: absolute; right: 0; width: 20%; height: 40px; top: 10px; }

.head_navlist li > span::after { position: absolute; top: 45%; right: 0; 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 li > span.cur::after { -webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); }

.head_navlist li .sub_zinav { position: absolute; top: 100%; background-color: #fff; left: 50%; -webkit-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); transform: translate(-50%, 10px); min-width: 170px; background: #fff; pointer-events: none; opacity: 0; }

.sub_zinav a { display: block; text-align: center; padding: 12px 0; }

.header_right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.header_icon i { font-size: 17px; color: #fff; }

.header_icon:nth-child(2) i { font-size: 24px; margin-left: 30px; }

.header_icon:nth-child(3) i { font-size: 28px; margin-left: 30px; }

.search_form { border-radius: 4px; max-height: 0; position: absolute; 
  top: 100%; right: 0; -webkit-transition: max-height, 0.5s; 
  transition: max-height, 0.5s; width: 380px; height: 45px; 
  overflow: hidden; background-color: #fff; }
.search_form.active{
  border: 1px solid #eee;
}
.search_form input::-ms-clear{display: none;}
.search_form input::-webkit-clear{display: none;}
input::-webkit-search-cancel-button{
  display: none;
}
.search_form input {height: 100%; width: 100%; padding: 0 90px 0 22px; background: #ffffff;  color: #333; z-index: 9;  border: none; }
.search_form .resetBth{
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #ddd;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 70px;
  border: none;
  display: none;
}
.search_form .resetBth i{
  color: #fff;
  font-size: 16px;
  line-height: 20px;
}
.search_form .searchbtn { position: absolute; bottom: 0; right: 0; width: 15%; margin: 0; padding: 0; text-transform: uppercase; 
  color: #666; background: #ffffff; border: none; cursor: pointer; z-index: 11; height: 100%; }
.search_form .searchbtn::before{
  content: "";
  width: 1px;
  height: 50%;
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.search_form .searchbtn i { font-size: 22px; }

.hicon_language a { position: relative; padding-right: 16px; }

.hicon_language .triangle_down { position: absolute; top: 30%; right: 0; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 3px solid #fff; }

.header_center { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.header_shop { margin-right: 20px; position: relative; }

.header_shop .shoptitbox { font-size: 14px; width: 96px; height: 30px; -webkit-border-radius: 15px; border-radius: 15px; 
    /* background-image: -webkit-gradient(linear, left top, left bottom, from(#603620), to(#4d2e1b));  */
    /* background-image: linear-gradient(#603620, #4d2e1b);  */
    background-color:rgb(103 0 193);
    color: rgba(255, 255, 255, 0.8); cursor: pointer; letter-spacing: 1px; 
}

.header_shop .shoptitbox img { margin-right: 5px; }

.header_content { position: relative; z-index: 101; }

/* .headdown_content { opacity: 0; -webkit-transition: opacity .5s; transition: opacity .5s; } */

.slidedown_box { 
  position: fixed; 
  width: 100%; 
  top:80px; 
  z-index: 99;
  left: 0; 
  /* right: 0;  */
  display: none;
  /* -webkit-transform: translateY(-100%); 
  -ms-transform: translateY(-100%); 
  transform: translateY(-100%);  */
  /* z-index: -1;  */
  /* opacity: 0;  */
  /* visibility: hidden;  */
}

.slidedown_box { padding-top:90px; padding-bottom: 70px; }

.s_shoplist { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.s_shoplist .s_item { text-align: center;width: 12.5%; transition: all 0.3s;}

.s_shoplist .s_item p { font-size: 18px; color: #fff; line-height: 1; margin-top: 25px; }

.s_shoplist .s_item:hover { opacity: 0.7; }

.head_navlist li .slidedown_box .s_shoplist { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.head_navlist li .product_down .s_shoplist { -webkit-box-pack: start; -webkit-justify-content: start; -ms-flex-pack: start; justify-content: start; }

.headdown_content .s_item img { height: 45px; display: block; margin: 0 auto; }

.headdown_content .pro_catenav .s_item img {width: auto;height: 80px; display: block; margin: 0 auto; } 

.page_index { padding-top: 0 !important; }

.product_down .headdown_content { 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; }

.pro_catenav .pro_catenavTitle { font-size: 16px; margin-bottom: 40px; color: #fff;}

.product_down .pro_catenav { width: 100%; }

/* .headdown_content  */
/* .product_down .pro_catenav { width: 850px; padding-right: 30px; } */
/* .product_down .pro_catenav {padding-right: 30px;flex: auto; } */

.product_down .pro_reco { width: 300px; }

/* .product_down .pro_line { height: 250px; width: 1px; background: rgba(255, 255, 255, 0.2); margin-top: 10px; margin-left: 15px; } */

.product_down .s_shoplist .s_item p { font-size: 18px;margin-top: 25px; }

/* .product_down .s_shoplist { -webkit-box-pack: flex-start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: flex-start !important; justify-content: flex-start !important; } */

.product_down .s_shoplist .s_item { padding-bottom: 40px;
   position: relative; text-align: center; margin-bottom: 60px;  width: 12.5%; }

.product_down .s_shoplist .s_item:nth-child(7n) { margin-right: 0; }

.product_down .s_shoplist .s_item p { white-space: nowrap; position: absolute; left: 50%; 
  -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); 
  transform: translateX(-50%); }

.product_down .pro_reco .pro_reco_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; margin-bottom: 30px; }

.product_down .pro_reco .pro_reco_top .pro_reco_title { font-size: 16px; color: #fff; }

.product_down .pro_reco .pro_reco_btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.product_down .pro_reco .proRecoBtn { color: #fff; cursor: pointer; }

.product_down .pro_reco .proRecoBtn i { font-size: 20px; }

.product_down .pro_reco .pro_recoPrev { margin-right: 10px; }

.pro_recoSwiper a { color: #fff; text-align: center; }

.pro_recoSwiper .imgbox { margin-bottom: 10px; padding: 20px; }

.pro_recoSwiper .pr_title { font-size: 15px; margin-bottom: 5px; }

.pro_recoSwiper .pr_subtitle { font-size: 12px; color: #787878; }

.steamerPro_swiper .item .title { margin-top: 20px; font-size: 16px; color: #fff; }

.steamerPro_swiper .item:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.steamerPro_swiper .swiper-slide { max-width: 33.3333%; }

.service_down, .delicious_down, .official_mall { padding: 90px 0 75px; }

.header.header_active { 
  /* background: #fff;  */
  color: #333 !important; 
  /* border-bottom: 1px solid #faf9fa; */
 }
 .header.header_active::before{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.35) !important;
  backdrop-filter: blur(60px) saturate(1.2) !important; 
  -webkit-backdrop-filter: blur(60px) saturate(1.2) !important; 
  -ms-backdrop-filter: blur(60px) saturate(1.2) !important; 
  opacity: 1 !important;

 }

/* .header.header_active .header_logo .img1 { display: none; }

.header.header_active .header_logo .img2 { display: block; }

.header.header_active .head_navlist li > a { color: #333; } */

/* .header.header_active.header_active2 .head_navlist li > a { color: #fff !important; }
.header.header_active.header_active2 .header_logo .img1 { display: block !important; }
.header.header_active.header_active2 .header_logo .img2 { display: none !important; } */
/* .header.header_active .head_navlist li:hover > a { color: #fff; } */

/* .header.header_active .header_icon i { color: #333; }

.header.header_active .hicon_language .triangle_down { border-top: 3px solid #333; }

.header.header_active .navmenu_box span { background: #333; } */

.header.header_active2 { 

  color: #333 !important; 
 }
 .header.header_active2::before{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.35) !important;
  backdrop-filter: blur(60px) saturate(1.2) !important; 
  -webkit-backdrop-filter: blur(60px) saturate(1.2) !important; 
  -ms-backdrop-filter: blur(60px) saturate(1.2) !important; 
  opacity: 1 !important;

 }

/* .header.header_active2 .header_logo .img1 { display: none !important; }

.header.header_active2 .header_logo .img2 { display: block !important; }

.header.header_active2 .head_navlist li > a { color: #333 !important; }

.header.header_active2 .header_icon i { color: #333 !important; }

.header.header_active2 .hicon_language .triangle_down { border-top: 3px solid #333 !important; }

.header.header_active2 .navmenu_box span { background: #333 !important; } */
.header.header_active4 {   
  /* background: rgba(0, 0, 0, 0.35) !important; */
  /* backdrop-filter: blur(60px) saturate(1.2);  */
  color: #fff !important; 
  border-bottom:none !important;
  background-color: transparent !important;
 }

.header.header_active4 .header_logo .img1 { display: block !important; }

.header.header_active4 .header_logo .img2 { display: none !important; }

.header.header_active4 .head_navlist li > a { color: #fff !important; }

.header.header_active4 .header_icon i { color: #fff !important; }

.header.header_active4 .hicon_language .triangle_down { border-top: 3px solid #fff !important; }

.header.header_active4 .navmenu_box span { background: #fff !important; }

.index_banner { position: relative; }

.indexbanner_dot { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 40px; z-index: 3; }

.indexbanner_dot span { position: relative; -webkit-border-radius: 0; border-radius: 0; opacity: 1; width: 30px; height: 4px; background: rgba(255, 255, 255, 0.5); -webkit-transition: all 0.4s; transition: all 0.4s; margin: 0 5px; }

.indexbanner_dot span::after { display: block; content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: all 3s; transition: all 3s; background: #d0141b; }

.indexbanner_dot .swiper-pagination-bullet-active::after { width: 100%; }

.indexbanner_dot .swiper-pagination-bullet-active { width: 60px; background: #fff; }

.indexbanner_swiper .swiper_box { position: relative; }

.indexbanner_swiper { height: 100%; }

.indexbanner_swiper video { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; }

.indexbanner_swiper .swiper_box { height: 100%; }

.indexbanner_swiper .swiper_box .imgbox { display: none; }

.indexbanner_swiper .swiper_box { -webkit-transition: all 3s; transition: all 3s; }

.indexbanner_swiper .swiper-slide { overflow: hidden; }

.navmenu_box { display: none; margin-left: 10px; width: 20px; 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; left: 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_main { position: relative; }

.index_pagination { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 12; right: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.index_pagination .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; cursor: pointer; margin: 5px 0; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; }

.index_pagination .item .item_name { color: #fff; font-size: 13px; opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s; }

.index_pagination .item .item_dot { width: 22px; height: 22px; border: none; -webkit-border-radius: 50%; border-radius: 50%; }

.index_pagination .item .item_dot i { width: 6px; height:6px; background: rgba(255, 255, 255, 0.3); -webkit-border-radius: 50%; border-radius: 50%; }

.index_pagination .item.active .item_dot { border: 1px solid #fff; }

.index_pagination .item.active .item_dot i { background: #fff; }

.index_pagination .item.active .item_name, .index_pagination .item:hover .item_name { opacity: 1; padding-right: 10px; }

.index_main, .index_productmain { overflow: hidden; }

.indexmain_swiper, .indexmain_swiper .swiper-container { height: 100vh; }

.indexmain_swiper .index_productmain { height: 100%; position: relative; }
.index_productmain { height: 100%; position: relative; }
.index_productmain .index_productbgimg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all 2s; transition: all 2s; }

.prez_index { position: relative; z-index: 20; margin: 0; text-align: center; height: 100%;}
.prez_index.left{
  justify-content: flex-start;
}
.prez_index.left .inpro_content{text-align: left;}
.prez_index.left .inpro_content .inpro_links{margin: 50px 0 0 ;}
.prez_index.bottom {
  align-items: flex-end;
  padding-bottom: 60px;
}

.inpro_content { text-align: center; color: #fff; }

.inpro_content .inpro_title { font-size: 48px; margin-bottom: 20px; letter-spacing: 8px; }

.inpro_content .inpro_subtitle { font-size: 19px; letter-spacing: 4px; }

.inpro_content .inpro_links { width: 180px; height: 55px; font-size: 16px; 
  -webkit-border-radius: 30px; border-radius: 30px; border: 1px solid rgba(255, 255, 255, 0.5); 
  color: #fff; margin: 0 auto; -webkit-transition: all 0.4s; 
  transition: all 0.4s; margin-top: 50px; letter-spacing: 2px; }

.inpro_content .inpro_links:hover { background: rgb(103 0 193); border-color: rgb(103 0 193); }

.indexContent_swiper { height: 100%; width: 100%; }

.indexContent, .innews_swiper { height: auto !important; }

.indexContent { height: 100% !important; overflow-y: auto; }

.indexContent::-webkit-scrollbar { display: none; }

.footer_content { background: #f9f9f9; padding-top: 45px; padding-bottom: 25px; }

.footer_dibu .container1200 { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.footer_dibu { padding: 14px 0; background: #f9f9f9; border-top: 1px solid #ddd; }

.footer_dibu .footer_copy { font-size: 12px; color: #828282; }

.footer_dibu .footer_copy a { color: #828282; }

.ftlinkicon_list .item .icon { cursor: pointer; -webkit-border-radius: 50%; border-radius: 50%; width: 35px; height: 35px; border: 1px solid #ddd; 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; }

.ftlinkicon_list .item .icon i { color: #a7a7a7; font-size: 16px; }

.ftlinkicon_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.ftlinkicon_list .item { margin-right: 10px; position: relative; }

.ftlinkicon_list .item:last-child { margin-right: 0; }

.ftlinkicon_list .item:hover .icon i { color: #fff; }

.ftlinkicon_list .item:nth-child(1):hover .icon { background: #00b600; border-color: #00b600; }

.ftlinkicon_list .item:nth-child(2):hover .icon { background: #15bbf9; border-color: #15bbf9; }

.ftlinkicon_list .item:nth-child(3):hover .icon { background: #f30f3a; border-color: #f30f3a; }

.ftlinkicon_list .item .itemerweima { position: absolute; left: 50%; bottom: 110%; right: 0; width: 120px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; display: none; }

.ftlinkicon_list .item:hover .itemerweima { display: block; }

dl { margin: 0; }

.footer_nav dl .iconfontdown { display: none; }

.footer_nav dl dt { font-size: 18px; margin-bottom: 18px; }

.footer_nav dl dd { margin-left: 0; }

.footer_nav dl dd a { display: block; font-size: 16px; color: #797979; margin-bottom: 10px; }

.footer_nav dl dd a:last-child { margin-bottom: 0; }

.footer_nav dl dd a:hover { color: #333; }

.footer_bottom { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 55px; }

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

.footer_bottom .ftbo_left img { height: 35px; }

.footer_bottom .ftbo_left .ftbo_links { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; 
  color: #797979; margin-left: 20px; font-size: 14px; flex-wrap: wrap;}

.footer_bottom .ftbo_left .ftbo_links a { color: #797979;line-height: 26px;white-space: nowrap; }

.footer_bottom .ftbo_left .ftbo_links span { margin: 0 20px; line-height: 18px;}

.footer_bottom .ftbo_right { font-size: 14px; color: #797979; 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; }

.footer_bottom .ftbo_right .dianhua { font-size: 30px; color: rgb(103 0 193); margin-right: 15px; line-height: 1;display: block; }

html, body, h1, h2, h3, h4, h5, h6 { font-weight: normal; }

.service_index { border-bottom: 1px solid #ddd; }
.service_index .flex_between{background-color: #fff;}

.service_index .container1200 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.sein_left { width: 275px; border-right: 1px solid #ddd; 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; padding: 35px 0; }

.sein_left p { font-size: 16px; line-height: 22px; text-transform: uppercase; }

.sein_right { width: -webkit-calc(100% - 350px); width: calc(100% - 350px); 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; }

.sein_left img { margin-left: 45px; }

.sein_right .sein_list { 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: 100%; }

.sein_right .sein_list .item .text { margin-left: 20px; }

.sein_right .sein_list .item .text h2 { font-size: 16px; }

.sein_right .sein_list .item .text p { font-size: 14px; color: #666; }

.sein_right .sein_list .item:hover .text h2 { color: rgb(103 0 193); }

.index_news { padding-top: 80px; padding-bottom: 100px; }

.innews_swiper { padding-top: 20px; }

.innews_swiper a { display: block; -webkit-transition: all 0.4s; transition: all 0.4s; }

.innews_swiper a .imgbox { -webkit-transition: all 0.4s; transition: all 0.4s; }

.innews_swiper a:hover .imgbox img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.innews_swiper .text { padding-top: 15px; }

.innews_swiper .text .type { font-size: 15px; color: #828282; }

.innews_swiper .text .title { font-size: 18px; margin-top: 12px; margin-bottom: 20px; }

.innews_swiper .text .newmore { font-size: 14px; color: rgb(103 0 193); 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; line-height: 1; 
        background-color: rgb(103 0 193);
    color: rgba(255, 255, 255, 0.8);
    width: 96px;
    height: 25px;
    border-radius: 50px;
    justify-content: center;
    
}

.innews_swiper .text .newmore i { color: rgb(255 255 255); font-size: 12px; margin-left: 5px; }

.mobile_shop { display: none; }

.inpro_content .inpro_title { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

.inpro_content .inpro_subtitle { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

.inpro_content .inpro_linkbox { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.mobile_banner { display: none; }

.subnavlist { position: absolute; width: 180px; background: #fff; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; display: none; }

.subnavlist a { display: block; text-align: center; line-height: 50px; -webkit-transition: all 0.4s; transition: all 0.4s; border-bottom: 1px solid #eee; }

.subnavlist a:hover { background: rgb(103 0 193); color: #fff; border-color: rgb(103 0 193); }

.indexbanner_swiper .swiper-slide .pc_banner { background-position: center bottom !important; }

.inproduct_banner { position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; z-index: 2; right: 0; }

.inproduct_banner video { min-width: 100%; max-height: 100%;}

.con1240 { width: 1240px; margin: 0 auto; }

.con1000 { width: 1000px; margin: 0 auto; }

img { max-height: 100%; }

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

.pictureBox img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; height: 100%; max-width: none; -webkit-transition: all 0.3s; transition: all 0.3s; }

.Lbanner2 { position: relative; overflow: hidden; }
.Lbanner2 .img{display: block;position: relative;}
.Lbanner2 video{width: 100%;}
.Lbanner2 img { 
  width: 100%; 
  -webkit-animation: inenr_banner 7s linear infinite alternate; 
  animation: inenr_banner 7s linear infinite alternate;
 }

.Lbanner2 .text { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; text-align: center; font-size: 36px; color: #fff; }
.Lbanner2.productBanner .text{
  top: auto;
  left: 0;
  width: 100%;
  bottom: 50px;
  text-align: left;
}


@-webkit-keyframes inenr_banner { 0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(1.1); transform: scale(1.1); } }

@keyframes inenr_banner { 0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(1.1); transform: scale(1.1); } }

.crumbs { width: 100%; padding: 30px 0; }

.crumbs .con1240 { 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; }

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

.crumbs .con1240 .left a { display: inline-block; font-size: 16px; color: #666; -webkit-transition: all 0.3s; transition: all 0.3s; 
  padding: 0 15px 0 17px; position: relative; line-height: 1; }

.crumbs .con1240 .left a:first-child { padding-left: 0; }

.crumbs .con1240 .left a:first-child i { font-size: 20px; color: rgb(103 0 193); }

.crumbs .con1240 .left a:last-child { padding-right: 0; }

.crumbs .con1240 .left a:not(:first-child)::before { content: ""; border: 3px solid transparent; border-left-color: #9fa19f; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.crumbs .con1240 .left a:hover { color: #333; }

.crumbs .con1240 .right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.crumbs .con1240 .right .YearDown { width: 210px; }

.crumbs .con1240 .right form {position: relative; display: -webkit-box; display: -webkit-flex; 
  display: -ms-flexbox; display: flex; width: 390px; border: 1px solid #eee;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
 }

.crumbs .con1240 .right form button { width: 50px; height: 40px; position: relative; border: none; background: none; }

.crumbs .con1240 .right form button i { font-size: 22px; color: #a3a3a3; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.crumbs .con1240 .right form .resetBth{
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #ddd;
  text-align: center;
  border: none;
  display: none;
  
}
.crumbs .con1240 .right form .resetBth::before{display: none;}
.crumbs .con1240 .right form .resetBth i{
  color: #fff;
  font-size: 16px;
  line-height: 20px;
}
.crumbs .con1240 .right form button::before { content: ""; width: 1px; height: 50%; background-color: #ddd; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; }

.crumbs .con1240 .right form input { width: -webkit-calc(100% - 90px); width: calc(100% - 90px); padding-left: 22px; }

.crumbs .con1240 .right form input::-webkit-input-placeholder { font-size: 14px; color: #333; opacity: 0.4; }

.crumbs .con1240 .right form input::-moz-placeholder { font-size: 14px; color: #333; opacity: 0.4; }

.crumbs .con1240 .right form input:-ms-input-placeholder { font-size: 14px; color: #333; opacity: 0.4; }

.crumbs .con1240 .right form input::placeholder { font-size: 14px; color: #333; opacity: 0.4; }

.crumbs.bg { background-color: #fbfbfb; }

.LscreenBox { width: 200px; background-color: #fff; -webkit-transition: all 0.6s; transition: all 0.6s;padding-bottom: 120px; }

.LscreenBox .list { margin-top: 40px; }

/* .LscreenBox .list .li { margin-top: 10px; } */

.LscreenBox .list .li h5 { font-size: 15px; color: #333; width: 100%; position: relative; cursor: pointer !important; padding:10px 0;border-bottom: 1px solid #ddd;}

.LscreenBox .list .li h5 i { width: 11px; height: 11px; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.LscreenBox .list .li h5 i::before { content: ""; width: 100%; height: 1px; background-color: #757575; position: absolute; top: 5px; left: 0 !important; }

.LscreenBox .list .li h5 i::after { content: ""; width: 1px; height: 100%; background-color: #757575; position: absolute; top: 0; left: 5px; }

.LscreenBox .list .li .nav2 {display: none; padding-bottom: 20px; }

.LscreenBox .list .li .nav2 .on { 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; padding-top: 22px; font-size: 14px; color: #666; cursor: pointer; }

.LscreenBox .list .li .nav2 .on i { 
  display: inline-block; width: 14px; height: 14px; 
  background-color: #ffffff;  border: solid 1px #d6d6d6; 
  position: relative; margin-right: 9px; 
  font-size: 0;
  transition: all 0.3s;
  line-height: 12px;
  color: #fff;
}

.LscreenBox .list .li .nav2 .on.active i { border-color: rgb(103 0 193);font-size: 14px;background-color: rgb(103 0 193); }

/* .LscreenBox .list .li .nav2 .on.active i::before { content: ""; width: 8px; height: 8px; background-color: rgb(103 0 193); -webkit-border-radius: 4px; border-radius: 4px; position: absolute; top: 2px; left: 2px; } */

.LscreenBox .list .li.active h5 i { width: 13px; height: 13px; }


.LscreenBox .list .li.active h5 i::after { display: none; }

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

.screenTit .icon img { width: 20px; height: auto; }

.screenTit h5 { font-size: 18px; color: #000; margin-left: 10px; }

.ProductCenter { margin-top: 60px; overflow: hidden; }

.ProductCenter .con1240 { 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; }

.ProductCenter .con1240 .RightCon { width: 79.03226%; padding-left: 59px; padding-bottom: 120px; }

.ProductCenter .con1240 .RightCon .top { 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; }

.ProductCenter .con1240 .RightCon .top .tit { font-size: 24px; -webkit-columns: #000; -moz-columns: #000; columns: #000; }

.ProductCenter .con1240 .RightCon .top .classification { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.ProductCenter .con1240 .RightCon .top .classification .on { 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: 14px; color: #666; cursor: pointer; }

.ProductCenter .con1240 .RightCon .top .classification .on:not(:first-child) { margin-left: 37px; }

.ProductCenter .con1240 .RightCon .top .classification .on i { display: block; width: 10px; height: 10px; -webkit-border-radius: 50%; border-radius: 50%; border: 1px  solid #c9c9c9; margin-right: 12px; }

.ProductCenter .con1240 .RightCon .top .classification .on.active i { background-color: rgb(103 0 193); border-color: rgb(103 0 193); }

.ProductCenter .con1240 .RightCon .top .classification .screenTit { display: none; }

.ProductCenter .con1240 .RightCon .list { margin-top: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.ProductCenter .con1240 .RightCon .list a { display: block; width: 31.93878%; padding: 40px 20px 30px; 
  background-color: #f8f8f8; -webkit-transition: all 0.3s; transition: all 0.3s; margin-bottom: 20px;position: relative;}

.ProductCenter .con1240 .RightCon .list a:not(:nth-child(3n + 1)) { margin-left: 2.04082%; }

.ProductCenter .con1240 .RightCon .list a .t1 { font-size: 20px; color: #333; line-height: 1.1; text-align: center;font-weight: bold;margin-top: 15px;}

.ProductCenter .con1240 .RightCon .list a .t2 { font-size: 14px; color: #666; margin-top: 5px; text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 20px;
  max-height: 40px;
  margin-top: 10px;
}

.ProductCenter .con1240 .RightCon .list a .swiper-container { width: 100%; height: 210px; }

.ProductCenter .con1240 .RightCon .list a .swiper-container .swiper-slide { text-align: center; }

.ProductCenter .con1240 .RightCon .list a .swiper-container .swiper-slide .img img { height: 210px;object-fit: cover;vertical-align: middle;}

.ProductCenter .con1240 .RightCon .list a .swiper-container .swiper-button-prev, .ProductCenter .con1240 .RightCon .list a .swiper-container .swiper-button-next { width: 25px; height: 25px; opacity: 0; background-color: #f7f7f7; -webkit-border-radius: 50%; border-radius: 50%; margin-top: 0; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.ProductCenter .con1240 .RightCon .list a .swiper-container .swiper-button-prev::before, .ProductCenter .con1240 .RightCon .list a .swiper-container .swiper-button-next::before { content: ""; width: 6px; height: 6px; border: 1px solid transparent; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); position: absolute; top: 50%; }

.ProductCenter .con1240 .RightCon .list a .swiper-container .swiper-button-prev:hover, .ProductCenter .con1240 .RightCon .list a .swiper-container .swiper-button-next:hover { background-color: rgb(103 0 193); }

.ProductCenter .con1240 .RightCon .list a .swiper-container .swiper-button-prev { left: 0; }

.ProductCenter .con1240 .RightCon .list a .swiper-container .swiper-button-prev::before { left: 11px; border-bottom-color: #999; border-left-color: #999; }

.ProductCenter .con1240 .RightCon .list a .swiper-container .swiper-button-prev:hover::before { left: 11px; border-bottom-color: #fff; border-left-color: #fff; }

.ProductCenter .con1240 .RightCon .list a .swiper-container .swiper-button-next { right: 0; }

.ProductCenter .con1240 .RightCon .list a .swiper-container .swiper-button-next::before { left: 8px; border-top-color: #999; border-right-color: #999; }

.ProductCenter .con1240 .RightCon .list a .swiper-container .swiper-button-next:hover::before { left: 8px; border-top-color: #fff; border-right-color: #fff; }

.ProductCenter .con1240 .RightCon .list a .t3 {
   font-size: 14px; color: #666;display: flex;justify-content:center;
   flex-wrap: wrap;
   margin-top: 15px;
   }
.ProductCenter .con1240 .RightCon .list a .t3 .li{
  border: 1px solid #ddd;
  padding: 0 8px;
  line-height: 20px;
  margin:3px;
}
.mask_box { position: fixed; top: 0; left: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.2); z-index: 9999; display: none; }

.statement { padding: 55px 0 115px; }

.statement .tit { font-size: 20px; color: rgb(103 0 193) !important; }

.statement .t { font-size: 16px; color: #666; line-height: 40px; margin-top: 10px; }

.ServicePolicy { padding: 60px 0 120px; }
.ServicePolicy .con1240{padding: 0 !important;}

.ServicePolicy .tit { text-align: center; }

.ServicePolicy .tit h5 { font-size: 30px; color: #000; }

.ServicePolicy .tit .t { font-size: 16px; color: #333; margin-top: 20px; }

.ServicePolicy .con { margin-top: 30px; }

.ServicePolicy .con .t1 { font-size: 20px; color: rgb(103 0 193) !important; }

.ServicePolicy .con .t2 { font-size: 16px; color: #666; line-height: 40px; margin-top: 10px; }

.ServicePolicy .con .t3 { font-size: 16px; color: rgb(103 0 193) !important; line-height: 40px; margin-top: 35px; }

.ServicePolicy .con .table { margin-top: 35px; overflow-x: auto; overflow-y: hidden; }

.ServicePolicy .con .table table { min-width: 100%; text-align: center; }

.ServicePolicy .con .table table tr th { padding: 27px 15px; white-space: nowrap; font-size: 16px; color: #666; line-height: 24px; background-color: #f9f9f9; font-weight: 400; }

.ServicePolicy .con .table table tr td { padding: 27px 15px; font-size: 16px; color: #666; line-height: 24px; }

.commonProblemm { padding: 60px 0 120px; overflow: hidden; }

.commonProblemm .ProblemmTabBar { position: relative; }

.commonProblemm .ProblemmTabBar .Problemm_swiper { padding-bottom: 55px;padding-top: 10px; }

.commonProblemm .ProblemmTabBar .Problemm_swiper .swiper-slide { 
  cursor: pointer; border: 1px solid #ccc; text-align: center;
  -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 10px; 
  border-radius: 10px; }
  .commonProblemm .ProblemmTabBar .Problemm_swiper .swiper-slide .hei{padding-top: 100%; position: relative;}
  .commonProblemm .ProblemmTabBar .Problemm_swiper .swiper-slide .cen{
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    transform: translateY(-50%);
    padding: 0 10px;
    width: 100%;
  }

.commonProblemm .ProblemmTabBar .Problemm_swiper .swiper-slide .icon { margin: 0 auto; height:100px;display: flex;justify-content: center;align-items: center;}

.commonProblemm .ProblemmTabBar .Problemm_swiper .swiper-slide .icon img { max-width: none; max-height: 100%;transition: all 0.3s; }

.commonProblemm .ProblemmTabBar .Problemm_swiper .swiper-slide h5 { margin-top: 25px; font-size: 14px; color: #666; line-height: 1;transition: all 0.3s; }

.commonProblemm .ProblemmTabBar .Problemm_swiper .swiper-slide:hover,
.commonProblemm .ProblemmTabBar .Problemm_swiper .swiper-slide.active {
   /* background-color: #f9f9f9;  */
   -webkit-box-shadow: 0 5px 20px #f0f0f0; 
   box-shadow: 0 5px 20px #f0f0f0;
   /* transform: translateY(-10px);  */
   border-color: rgb(103 0 193);
  }
  .commonProblemm .ProblemmTabBar .Problemm_swiper .swiper-slide:hover h5,
.commonProblemm .ProblemmTabBar .Problemm_swiper .swiper-slide.active h5{
  color: rgb(103 0 193);
}
.commonProblemm .ProblemmTabBar .Problemm_swiper .swiper-slide:hover .icon img,
.commonProblemm .ProblemmTabBar .Problemm_swiper .swiper-slide.active .icon img{
  transform: scale(1.1);
} 

.commonProblemm .ProblemmTabBar .Problemm_swiper .Problemm_pagination { display: none; }
.commonProblemm .ProblemmTabBar .Problemm_swiper .Problemm_scrollbar{display: none;}

.commonProblemm .ProblemmTabBar .Problemm_prev, .commonProblemm .ProblemmTabBar .Problemm_next { width: 40px; height: 40px; border: 1px solid #c6c7cb; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; background-color: #fff; top: 32%; }

.commonProblemm .ProblemmTabBar .Problemm_prev i, .commonProblemm .ProblemmTabBar .Problemm_next i { font-size: 12px; color: #989ba0; font-weight: bold; line-height: 40px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.commonProblemm .ProblemmTabBar .Problemm_prev:hover, .commonProblemm .ProblemmTabBar .Problemm_next:hover { border-color: rgb(103 0 193); }

.commonProblemm .ProblemmTabBar .Problemm_prev:hover i, .commonProblemm .ProblemmTabBar .Problemm_next:hover i { color: rgb(103 0 193); }

.commonProblemm .ProblemmTabBar .Problemm_prev { left: -80px; }

.commonProblemm .ProblemmTabBar .Problemm_next { right: -80px; }

.commonProblemm .ProblemmTabCont { position: relative; }

.commonProblemm .ProblemmTabCont .tabItem { position: absolute; top: 0; left: 0; display: none; }

.commonProblemm .ProblemmTabCont .tabItem.active { display: block; position: static; }

.commonProblemm .ProblemmTabCont .tabItem .box { width: 100%; padding-left: 30px; border-bottom: 1px solid #ddd; position: relative; }

.commonProblemm .ProblemmTabCont .tabItem .box .problem { position: relative; cursor: pointer; font-size: 16px; color: #666; -webkit-transition: all 0.3s;
   transition: all 0.3s; padding-left: 24px; padding: 15px 0 15px 24px; }

.commonProblemm .ProblemmTabCont .tabItem .box .problem::before { content: ""; width: 4px; height: 4px; background-color: #888888; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; -webkit-transition: all 0.3s; transition: all 0.3s; }

.commonProblemm .ProblemmTabCont .tabItem .box i { width: 16px; height: 16px; position: absolute; top:19px;  right: 30px; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer; pointer-events: none; }

.commonProblemm .ProblemmTabCont .tabItem .box i::before { content: ""; width: 100%; height: 1px; background-color: #666; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.commonProblemm .ProblemmTabCont .tabItem .box i::after { content: ""; width: 1px; height: 100%; background-color: #666; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.commonProblemm .ProblemmTabCont .tabItem .box .bot { display: none; padding: 10px 0 65px; }
.commonProblemm.yuyue .ProblemmTabCont .tabItem .box .bot{ padding: 10px 0 40px 24px; }

.commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .left { display: inline-block; font-size: 14px; color: #666; line-height: 30px; padding: 0 50px 0 24px; width: 69.49153%; text-align: justify; position: relative; }

.commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .left::before { width: 1px; height: 100%; background-color: #eaeaea; content: ""; position: absolute; top: 0; right: 0; }

.commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .right { 
  display:flex; width: 30.50847%; padding-left: 50px; position: relative;
  flex-direction: column-reverse;
  justify-content: center;
 }

.commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .right h5 { font-size: 16px; color: rgb(103 0 193);margin-top: 8px;}

.commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .right .onBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 10px; }

.commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .right .onBox .on { width: 100px; line-height: 28px; border: 1px solid rgb(103 0 193); background-color: rgb(103 0 193); color: #ffffff; font-size: 14px; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; cursor: pointer; }

.commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .right .onBox .on:nth-child(2) { background-color: #fff; color: rgb(103 0 193); margin-left: 15px; }

.commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .right .Lhide { 
  opacity: 0; background-color: #fff; z-index: 5; position: absolute; 
  top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
   display: flex; width: 100%; height: 100%; white-space: nowrap; 
   pointer-events: none; -webkit-transition: all 0.3s; transition: all 0.3s;
   align-items: center;
   justify-content: center;
   }

.commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .right .Lhide .weicha { text-align: center; position: relative; }

.commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .right .Lhide .weicha:nth-child(2) { margin-left: 59px; }

.commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .right .Lhide .weicha .icon { margin: 0 auto; }

.commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .right .Lhide .weicha .icon img { width: 50px; height: 50px; }
.commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .right .Lhide .weicha:last-child .icon{height: 50px;display: flex;align-items: center;justify-content: center;}
.commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .right .Lhide .weicha:last-child .icon img{width: 40px;height: 40px;}
.commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .right .Lhide .weicha .t { font-size: 14px; color: #888888; line-height: 20px; margin-top: 5px; }

.commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .right .Lhide .weicha .t span { display: block; color: rgb(103 0 193); }

.commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .right .Lhide .weicha .ewm { position: absolute; top: -205px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 180px; height: 180px; background-color: #f9f9f9; -webkit-border-radius: 10px; border-radius: 10px; padding: 15px; opacity: 0; pointer-events: none; -webkit-transition: all 0.3s; transition: all 0.3s; }

.commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .right .Lhide .weicha .ewm img { width: 100%; }

.commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .right .Lhide .weicha .ewm::before { content: ""; border: 10px solid transparent; border-top-color: #f9f9f9; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .right .Lhide .weicha:hover .ewm { opacity: 1; }

.commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .right .Lhide2 { 
  opacity: 0; pointer-events: none; background-color: #fff; z-index: 5; position: absolute; 
  top: 0; left: 0; width: 100%; height: 100%; white-space: nowrap; 
  -webkit-transition: all 0.3s; transition: all 0.3s; 
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center; }

.commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .right .Lhide2 .thank { 
  font-size: 18px; color: rgb(103 0 193); }

.commonProblemm .ProblemmTabCont .tabItem .box.active .problem { color: rgb(103 0 193); }

.commonProblemm .ProblemmTabCont .tabItem .box.active .problem::before { background-color: rgb(103 0 193); }

.commonProblemm .ProblemmTabCont .tabItem .box.active i { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.commonProblemm.yuyue .yuyueTit { text-align: center; font-size: 30px; color: #000; }

.commonProblemm.yuyue .yuyueCon { margin-top: 35px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.commonProblemm.yuyue .yuyueCon .li { 
    width: 32%; text-align: center; padding: 74px 10px; margin-bottom: 20px; -webkit-transition: all 0.3s; transition: all 0.3s; border: 1px solid #ddd; cursor: pointer; }

.commonProblemm.yuyue .yuyueCon .li:not(:nth-child(3n + 1)) { margin-left: 1.6129%; }

.commonProblemm.yuyue .yuyueCon .li a { display: block; width: 100%; height: 100%; }

.commonProblemm.yuyue .yuyueCon .li .icon { margin: 0 auto; height: 58px; }

.commonProblemm.yuyue .yuyueCon .li .icon img { max-width: 64px; max-height: 100%; }

.commonProblemm.yuyue .yuyueCon .li h5 { font-size: 18px; color: #232323; margin-top: 35px; }

.commonProblemm.yuyue .yuyueCon .li .t { font-size: 14px; color: #666; margin-top: 7px; }

.commonProblemm.yuyue .yuyueCon .li:hover { background-color: #f9f9f9; border-color: #f9f9f9; }

.commonProblemm.yuyue .ProblemmTabCont { margin-top: 70px; }

.commonProblemm.yuyue .ProblemmTabCont .tabItem { margin-top: 35px; 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: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.commonProblemm.yuyue .ProblemmTabCont .tabItem .list { width: 47.98387%; }

.commonProblemm.yuyue .ProblemmTabCont .tabItem .list .box .bot .botflex { display: block; }

.commonProblemm.yuyue .ProblemmTabCont .tabItem .list .box .bot .botflex .left { width: 100%; padding-right: 45px; padding-left: 0; }

.commonProblemm.yuyue .ProblemmTabCont .tabItem .list .box .bot .botflex .left::before { display: none; }

.commonProblemm.yuyue .ProblemmTabCont .tabItem .list .box .bot .botflex .right { width: 100%; margin-top: 30px; padding-left: 4px; }

.commonProblemm.yuyue .Lmore { -webkit-border-radius: 30px; border-radius: 30px; width: 200px; line-height: 50px; 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; border: 1px solid rgb(103 0 193); margin: 50px auto 0; -webkit-transition: all 0.3s; transition: all 0.3s; }

.commonProblemm.yuyue .Lmore:hover { background-color: rgb(103 0 193); }

.commonProblemm.yuyue .Lmore:hover h5 { color: #fff; }

.commonProblemm.yuyue .Lmore:hover .dian span { background-color: #fff; }

.commonProblemm.yuyue .Lmore h5 { font-size: 16px; color: rgb(103 0 193); -webkit-transition: all 0.3s; transition: all 0.3s; }

.commonProblemm.yuyue .Lmore .dian { 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-left: 24px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.commonProblemm.yuyue .Lmore .dian span { -webkit-border-radius: 3px; border-radius: 3px; margin: 0 3px; -webkit-transition: all 0.3s; transition: all 0.3s; background-color: rgb(103 0 193); }

.commonProblemm.yuyue .Lmore .dian span:nth-child(1) { width: 4px; height: 4px; }

.commonProblemm.yuyue .Lmore .dian span:nth-child(2) { width: 5px; height: 5px; }

.commonProblemm.yuyue .Lmore .dian span:nth-child(3) { width: 6px; height: 6px; }

.commonProblemm.Download { padding: 60px 0 120px; }
.commonProblemm.Download a {
    color: rgb(103 0 193) !important;
}

.commonProblemm.Download .DownloadTabCont .tabItem { position: absolute; top: 0; left: 0; display: none; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.commonProblemm.Download .DownloadTabCont .tabItem.active { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: static; }

.commonProblemm.Download .DownloadTabCont .tabItem .box {display: block; width: 23.30645%; margin-bottom: 30px; text-align: center; padding: 20px 30px; background-color: #f9f9f9; }

.commonProblemm.Download .DownloadTabCont .tabItem .box:not(:nth-child(4n + 1)) { margin-left: 2.25806%; }

.commonProblemm.Download .DownloadTabCont .tabItem .box .imgBox { width: 100%; height: 315px; position: relative; overflow: hidden; }

.commonProblemm.Download .DownloadTabCont .tabItem .box .imgBox .img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #f9f9f9; -webkit-transition: all 0.5s; transition: all 0.5s; }

.commonProblemm.Download .DownloadTabCont .tabItem .box .imgBox .img.cpimg { z-index: 2; }

.commonProblemm.Download .DownloadTabCont .tabItem .box .imgBox .img.ewmBox { top: auto; bottom: 100%; z-index: 5; }

.commonProblemm.Download .DownloadTabCont .tabItem .box .imgBox .img 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%); }

.commonProblemm.Download .DownloadTabCont .tabItem .box .text { text-align: center; }

.commonProblemm.Download .DownloadTabCont .tabItem .box .text .t { font-size: 16px; color: #666666; line-height: 26px; padding-bottom: 25px; display: -webkit-box; height: 52px; line-height: 26px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.commonProblemm.Download .DownloadTabCont .tabItem .box .text h5 { font-size: 16px; color: #333; padding-top: 20px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.commonProblemm.Download .DownloadTabCont .tabItem .box:hover .imgBox .img.ewmBox { bottom: 0; }

.commonProblemm.Download .DownloadTabCont .tabItem .box:hover .text h5 { color: rgb(103 0 193); }

.yuyPopup { position: fixed; width: 100%; height: 100vh; top: 0; left: 0; z-index: 9999;display: none;}
.yuyPopup.hide{display: none;}
.yuyPopup i { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1; cursor: pointer; }

.yuyPopup .con { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 90%; width: 500px; background-color: #fff; text-align: center; padding: 122px 0; z-index: 5; }

.yuyPopup .con .img { width: 150px; height: 150px; margin: 0 auto; }

.yuyPopup .con .img img { max-width: 100%; }

.yuyPopup .con h5 { font-size: 28px; color: #333333; font-weight: bold; margin-top: 20px; }

.yuyPopup .con .t { font-size: 14px; color: #666666; margin-top: 5px; }

.yuyPopup .con .t2 { 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; font-size: 12px; color: #000; line-height: 1; margin-top: 45px; }

.yuyPopup .con .t2 .jint { margin-left: 11px; }

.yuyPopup .con .t2 .jint img { width: 7px; }

.yuyPopup .con .off { width: 22px; height: 22px; position: absolute; cursor: pointer; top: 30px; right: 30px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.yuyPopup .con .off::before { content: ""; width: 100%; height: 2px; background-color: #666; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.yuyPopup .con .off::after { content: ""; width: 2px; height: 100%; background-color: #666; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

#demo0 { text-align: center; }

.layui-laypage { margin: 40px 0 0 !important; }

.layui-laypage a, .layui-laypage button, .layui-laypage input, .layui-laypage select, .layui-laypage span { border: none !important; font-size: 16px !important; color: #666 !important; padding: 0 20px !important; }

.layui-laypage .layui-laypage-curr .layui-laypage-em { background: none !important; color: rgb(103 0 193) !important; }

.layui-laypage .layui-laypage-curr em { color: rgb(103 0 193) !important; }

.layui-laypage .layui-laypage-prev .iconfont, .layui-laypage .layui-laypage-next .iconfont { color: #989ba0; font-size: 20px; }

.UserExperience { padding: 60px 0 120px; }

.UserExperience .con { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.UserExperience .con .box { display: block; width: 32.25806%; margin-bottom: 20px; background-color: #f9f9f9; }

.UserExperience .con .box:not(:nth-child(3n + 1)) { margin-left: 1.6129%; }

.UserExperience .con .box .img { overflow: hidden; }

.UserExperience .con .box .img .pictureBox { padding-top: 62.5%; }

.UserExperience .con .box .text { padding: 35px 30px 37px; }

.UserExperience .con .box .text h5 { font-size: 18px; color: #333; display: -webkit-box; height: 56px; line-height: 28px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -webkit-transition: all 0.3s; transition: all 0.3s; }

.UserExperience .con .box .text .data { font-size: 14px; color: rgb(103 0 193); margin-top: 40px; }

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

.UserExperience .con .box:hover .text h5 { color: rgb(103 0 193); }

.PurchaseChannel1 { padding: 60px 0 70px; background-color: #fbfbfb; }

.PurchaseChannel1 .con .list { margin-top: 35px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.PurchaseChannel1 .con .list .box { width: 32.25806%; margin-bottom: 20px; text-align: center; padding: 70px 40px; background-color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; }

.PurchaseChannel1 .con .list .box:not(:nth-child(3n+ 1)) { margin-left: 1.6129%; }

.PurchaseChannel1 .con .list .box .imgBox { height: 210px; position: relative; }

.PurchaseChannel1 .con .list .box .imgBox .img { background-color: #fff; width: 100%; height: 100%; position: absolute; top: 0; 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; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.3s; transition: all 0.3s; }

.PurchaseChannel1 .con .list .box .imgBox .img.logo { z-index: 1; }

.PurchaseChannel1 .con .list .box .imgBox .img.ewm { opacity: 0; z-index: 10; }

.PurchaseChannel1 .con .list .box .imgBox .img img { max-width: 100%; max-width: 100%; }

.PurchaseChannel1 .con .list .box h5 { margin-top: 15px; font-size: 18px; color: #232323; }

.PurchaseChannel1 .con .list .box:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); -webkit-box-shadow: 0 27px 20px -20px #d9d9da; box-shadow: 0 27px 20px -20px #d9d9da; }

.PurchaseChannel1 .con .list .box:hover .imgBox .img.logo { opacity: 0; }

.PurchaseChannel1 .con .list .box:hover .imgBox .img.ewm { opacity: 1; }

.Channeltit { font-size: 30px; color: #000; text-align: center; }

.PurchaseChannel2 { padding: 90px 0 120px; position: relative;overflow: hidden;}
#PurchaseChannel2ID{
  position: absolute;
  top: -100px;
  left: 0;
  display: block;
}

.PurchaseChannel2 .con { margin-top: 35px; }

.PurchaseChannel2 .con .li { 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: 128px; border-bottom: 1px solid #ddd; }

.PurchaseChannel2 .con .li:first-child { border-top: 1px solid #ddd; }

.PurchaseChannel2 .con .li h5 { font-size: 20px; color: #000; width: 27%; }

.PurchaseChannel2 .con .li .address { width: 35%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; 
  -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; font-size: 16px; color: #000; line-height: 30px; }
.PurchaseChannel2 .con .li .address a{display: flex;align-items: flex-start;color: #666;}
.PurchaseChannel2 .con .li .address img { width: 16px; margin-right: 10px; margin-top:6px; }

.PurchaseChannel2 .con .li .contact { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.PurchaseChannel2 .con .li .contact img { width: 16px; margin-right: 10px; margin-top: 7px; }

.PurchaseChannel2 .con .li .contact .text { font-size: 16px; line-height: 24px; color: #666; }
.PurchaseChannel2 .con .li .contact .text a{display: inline-block;color: #666;}

.AboutFZcourse { padding-top: 60px; }

.AboutFZcourse .con1240 .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: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.AboutFZcourse .con1240 .top .left { position: relative; z-index: 2; }


.AboutFZcourse .con1240 .top .left img { width: 318px;position: absolute;top: 0;left: 0;display: none; }
.AboutFZcourse .con1240 .top .left img.active{
  position: static;
  display: block;
}
.AboutFZcourse .con1240 .top .AboutFZTabCont { width: 48.79032%; position: relative; margin-left: 100px; }

.AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem { padding: 50px 0 65px; overflow: hidden; position: absolute; top: 0; left: 0; display: none; 
  -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; 
  align-items: center; padding-left: 205px; }

.AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem.active { position: relative; display: block; }

.AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem.active .numBox .num { -webkit-animation: wo 0.8s linear forwards; animation: wo 0.8s linear forwards; }

.AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem.active .con { -webkit-animation: wo2 0.8s linear forwards; animation: wo2 0.8s linear forwards; }

.AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem .numBox { position: absolute; top: 50%; left: -169px; -webkit-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); }

.AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem .numBox .num { 
  font-size: 178px; font-weight: bold; color: rgb(103 0 193); -webkit-transform: rotateX(-100deg); 
  transform: rotateX(-100deg); -webkit-transform-origin: center bottom; 
  -ms-transform-origin: center bottom; transform-origin: center bottom; 
  -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; 
  line-height: 0.75;
  font-family: "siyuanBold";

}

.AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem .numBox .num::before { width: 502px; height: 100%; 
  content: ""; background-color: #fff; position: absolute; left: 50%; -webkit-transform: translateX(-50%); 
  -ms-transform: translateX(-50%); transform: translateX(-50%); top: 117px; }

.AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem .con { width: 437px; position: relative; opacity: 0; max-width: 100%; }

.AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem .con .img { width: 100%; }

.AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem .con .img .pictureBox { padding-top: 60.86957%; }

.AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem .con h5 { font-size: 24px; color: #333333; line-height: 1; margin-top: 29px; font-weight: 400; }

.AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem .con .t { font-size: 14px; color: #666; line-height: 20px; margin-top: 15px; }

.AboutFZcourse .con1240 .top .AboutFZTabCont::before { content: ""; width: 2px; height: 502px; background-color: rgb(103 0 193); position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; }

.AboutFZcourse .AboutFZcourse_swiper { margin: 135px 0 115px; }
.AboutFZcourse .AboutFZcourse_swiper::before{
  content: "";
  width: 100%;
  height: 1px;
  background-color: #ddd;
  position: absolute;
  left: 0;
  top: 8px;
}
.AboutFZcourse .AboutFZcourse_swiper .swiper-slide {position: relative; display: flex;justify-content: center; line-height: 1; padding-top: 51px;
   font-size: 16px; -webkit-transition: all 0.3s; transition: all 0.3s; color: #666; cursor: pointer; }
.AboutFZcourse .AboutFZcourse_swiper .swiper-slide:first-child i{
  width: 150px;
  height: 1px;
  background-color: #f0f0f0;
  position: absolute;
  right: 100%;
  top: 8px;
}
.AboutFZcourse .AboutFZcourse_swiper .swiper-slide:last-child i{
  width: 150px;
  height: 1px;
  background-color: #f0f0f0;
  position: absolute;
  left:100%;
  top: 8px;
}
.AboutFZcourse .AboutFZcourse_swiper .swiper-slide::before { content: ""; width: 17px; height: 17px; -webkit-border-radius: 50%; border-radius: 50%; border: 5px solid rgba(0, 0, 0, 0.1); background-color: #ffffff; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s; transition: all 0.3s; }

/* .AboutFZcourse .AboutFZcourse_swiper .swiper-slide::after { content: ""; width: 184px; height: 7px; background-image: url(../images/Llicxian.png); background-size: 100%; position: absolute; top: 5px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } */
.AboutFZcourse .AboutFZcourse_swiper .swiper-slide{width: 184px;}
.AboutFZcourse .AboutFZcourse_swiper .swiper-slide.active { color: rgb(103 0 193); }

.AboutFZcourse .AboutFZcourse_swiper .swiper-slide.active::before { border-color: rgb(103 0 193); }

@-webkit-keyframes wo2 { from { -webkit-transform: translateX(300px); transform: translateX(300px);
    opacity: 0; }
  to { -webkit-transform: translateX(0); transform: translateX(0);
    opacity: 1; } }

@keyframes wo2 { from { -webkit-transform: translateX(300px); transform: translateX(300px);
    opacity: 0; }
  to { -webkit-transform: translateX(0); transform: translateX(0);
    opacity: 1; } }

@-webkit-keyframes wo { from { -webkit-transform: rotateX(-100deg); transform: rotateX(-100deg); }
  to { -webkit-transform: rotateX(0); transform: rotateX(0); } }

@keyframes wo { from { -webkit-transform: rotateX(-100deg); transform: rotateX(-100deg); }
  to { -webkit-transform: rotateX(0); transform: rotateX(0); } }

.CompanyProfile { padding: 60px 0 120px; text-align: center; }

.CompanyProfile .tit { font-size: 30px; color: #000; line-height: 1; }

.CompanyProfile .con { font-size: 14px; color: #666666; line-height: 24px; margin-top: 30px; }
.CompanyProfile .con p:not(:first-child){margin-top: 15px;}

.BrandStory { padding: 60px 0 120px; }
.BrandStory.BrandStory2 { padding: 60px 0 0; }

.BrandStory .tit { font-size: 30px; color: #000; line-height: 1; text-align: center; }

.BrandStory .t1 { font-size: 16px; color: #666; line-height: 26px; margin-top: 30px; text-align: center; }

.BrandStory .con { 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: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-top: 65px; }

.BrandStory .con .box .Lhide { display: none; }

.BrandStory .con .box h5 { font-size: 20px; color: #333; -webkit-transition: all 0.3s; transition: all 0.3s; }

.BrandStory .con .box .t2 { font-size: 14px; color: #666; line-height: 24px; margin-top: 10px; }

.BrandStory .con .box .icon { width: 120px; height: 120px; background-color: #cdcdcd; -webkit-border-radius: 50%; border-radius: 50%; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; }

.BrandStory .con .box .icon 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%; }

.BrandStory .con .box.active h5 { color: rgb(103 0 193); }

.BrandStory .con .box.active .icon { background-color: rgb(103 0 193); }

.BrandStory .con .box.boxCenter { margin: 0 80px; }

.BrandStory .con .box.boxCenter .top { text-align: center; }

.BrandStory .con .box.boxCenter .bot { margin-top: 95px; width: 349px; height: 349px; position: relative; }

.BrandStory .con.animated .box.boxCenter .bot .quan .img1 {transform: rotate(55deg); width: 100%; height: 100%; -webkit-animation: wo3 linear 4s; animation: wo3 linear 4s;   -webkit-animation-delay: 1s;
  animation-delay:1s; animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;}

.BrandStory .con .box.boxCenter .bot .quan img:nth-child(2) { width: 256px; height: 256px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.BrandStory .con .box.boxCenter .bot .icon { position: absolute; z-index: 5; transition: all 0.3s;}
.BrandStory .con .box.boxCenter .bot .icon:hover{
  background-color: rgb(103 0 193);
}

.BrandStory .con .box.boxCenter .bot .icon1 { 
  left: 50%; 
  -webkit-transform: translateX(-50%); 
  -ms-transform: translateX(-50%); 
  transform: translateX(-50%); 
  top: -60px; 
  /* -webkit-animation-duration: 6s; 
  animation-duration: 6s; 
  -webkit-animation-iteration-count: infinite; 
  animation-iteration-count: infinite; 
  -webkit-animation-timing-function: linear; 
  animation-timing-function: linear; 
  -webkit-animation-name: wo4; 
  animation-name: wo4; */
 }
 /* .BrandStory .con.animated .box.boxCenter .bot .icon1{
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: linear; 
  animation-timing-function: linear; 
  -webkit-animation-name: wo4; 
  animation-name: wo4;
 } */

.BrandStory .con .box.boxCenter .bot .icon2 { 
  left: -30px; bottom: 28px;
  /* -webkit-animation-delay: 4s; 
  animation-delay: 4s; 
  -webkit-animation-duration: 6s; 
  animation-duration: 6s; 
  -webkit-animation-iteration-count: infinite; 
  animation-iteration-count: infinite; 
  -webkit-animation-timing-function: linear; 
  animation-timing-function: linear; 
  -webkit-animation-name: wo4; 
  animation-name: wo4; */
 }
 /* .BrandStory .con.animated .box.boxCenter .bot .icon2{
 -webkit-animation-delay: 7.5s;
  animation-delay: 7.5s;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: linear; 
  animation-timing-function: linear; 
  -webkit-animation-name: wo4; 
  animation-name: wo4;
 } */

.BrandStory .con .box.boxCenter .bot .icon3 { 
  right: -30px; bottom: 28px; 
  /* -webkit-animation-delay: 2s; 
  animation-delay: 2s; 
  -webkit-animation-duration: 6s; 
  animation-duration: 6s; 
  -webkit-animation-iteration-count: infinite; 
  animation-iteration-count: infinite; 
  -webkit-animation-timing-function: linear; 
  animation-timing-function: linear; 
  -webkit-animation-name: wo4; 
  animation-name: wo4; */
 }
.BrandStory .con .box.boxCenter .bot .icon1.active{background-color: #824b2d}
.BrandStory .con .box.boxCenter .bot .icon2.active{background-color: #824b2d}
.BrandStory .con .box.boxCenter .bot .icon3.active{background-color: #824b2d}
 /* .BrandStory .con.animated .box.boxCenter .bot .icon3{
   -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: linear; 
  animation-timing-function: linear; 
  -webkit-animation-name: wo4; 
  animation-name: wo4;
 } */


.BrandStory .con .box.boxCenter .bot .KD { font-size: 20px; color: #000; width: 100%; text-align: center; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.BrandStory .con .box:nth-child(1) { text-align: right; }

/* .BrandStory .con.animated .box:nth-child(1) h5 { -webkit-animation-duration: 6s; animation-duration: 6s;-webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: wo5; animation-name: wo5; -webkit-animation-delay: 4s; animation-delay: 4s; }

.BrandStory .con.animated .box:nth-child(2) h5 { -webkit-animation-duration: 6s; animation-duration: 6s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: wo5; animation-name: wo5; }

.BrandStory .con.animated .box:nth-child(3) h5 { -webkit-animation-duration: 6s; animation-duration: 6s;  -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-name: wo5; animation-name: wo5; } */

.CorporateCulture { padding: 60px 0 120px; }

.CorporateCulture .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; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.CorporateCulture .box:nth-child(odd) .imgbox { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }

.CorporateCulture .box:nth-child(odd) .text { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; padding-right: 30px; }

.CorporateCulture .box:nth-child(even) .text { padding-left: 30px; }

.CorporateCulture .box .imgbox { width: 47.09677%; }

.CorporateCulture .box .imgbox .pictureBox { padding-top: 98.4589%; }

.CorporateCulture .box .imgbox: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); }
.CorporateCulture .box .text{width: 37.5%;}
.CorporateCulture .box .text h5 { font-size: 28px; color: #000; }

.CorporateCulture .box .text .t1 { font-size: 22px; color: #333333; margin-top: 10px; position: relative; padding-bottom: 30px; }

.CorporateCulture .box .text .t1::before { content: ""; width: 35px; height: 2px; background-color: #9fa19f; position: absolute; bottom: 0; left: 0; }

.CorporateCulture .box .text .t2 { font-size: 14px; color: #666666; line-height: 24px; margin-top: 30px; }

.CorporateCulture .box:not(:first-child) { margin-top: 80px; }

.Lhonor .LhonorTit { font-size: 30px; color: #000; text-align: center; }

.Lhonor .con1 { padding: 60px 0; background-color: #f9f9f9; }

.Lhonor .con1 .list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 35px; }

.Lhonor .con1 .list .box { width: 25%; text-align: center; margin-bottom: 55px; }

.Lhonor .con1 .list .box .icon { text-align: center; margin: 0 auto; height: 65px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.Lhonor .con1 .list .box .icon img { max-width: 83px; max-height: 65px; }

.Lhonor .con1 .list .box h5 { font-size: 20px; color: #000000; font-weight: bold; margin-top: 25px; }

.Lhonor .con1 .list .box .t { font-size: 14px; color: #666; line-height: 24px;padding: 0 25px;margin-top: 15px;}

.Lhonor .con1 .list .box:hover .icon { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }

.Lhonor .con2 { padding: 80px 0 120px; }

.Lhonor .con2 .LhonorBig_swiper { margin-top: 35px; text-align: center; }

.Lhonor .con2 .LhonorBig_swiper .swiper-slide .img { height: 484px; position: relative; overflow: hidden; }

.Lhonor .con2 .LhonorBig_swiper .swiper-slide .img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s; transition: all 0.3s; }

.Lhonor .con2 .LhonorBig_swiper .swiper-slide h5 { font-size: 18px; color: #666; margin-top: 15px; }

.Lhonor .con2 .bot { margin-top: 45px; position: relative; }

.Lhonor .con2 .bot .Lhonorsmall_swiper .swiper-slide .img { width: 100%; height: 159px; border: 1px solid #ddd; padding: 16px 25px; -webkit-transition: all 0.3s; transition: all 0.3s; overflow: hidden; text-align: center; }

.Lhonor .con2 .bot .Lhonorsmall_swiper .swiper-slide .img img { -webkit-transition: all 0.3s; transition: all 0.3s; }

.Lhonor .con2 .bot .Lhonorsmall_swiper .swiper-slide h5 { font-size: 14px; color: #666; margin-top: 10px; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: center; padding: 0 10px; }

.Lhonor .con2 .bot .Lhonorsmall_swiper .swiper-slide.active .img { border-color: rgb(103 0 193); }

.Lhonor .con2 .bot .Lhonorsmall_swiper .swiper-slide.active h5 { color: rgb(103 0 193); }

.Lhonor .con2 .bot .Lhonorsmall_swiper .swiper-slide:hover .img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.Lhonor .con2 .bot .Lhonorsmall_prev, .Lhonor .con2 .bot .Lhonorsmall_next { 
  width: 40px; height: 40px; border: 1px solid #c6c7cb; -webkit-border-radius: 50%; 
  border-radius: 50%; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s;
   background-color: #fff; top: 50%;transform: translateY(-50%); }

.Lhonor .con2 .bot .Lhonorsmall_prev i, .Lhonor .con2 .bot .Lhonorsmall_next i { font-size: 12px; color: #989ba0; font-weight: bold; line-height: 40px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.Lhonor .con2 .bot .Lhonorsmall_prev:hover, .Lhonor .con2 .bot .Lhonorsmall_next:hover { border-color: rgb(103 0 193); }

.Lhonor .con2 .bot .Lhonorsmall_prev:hover i, .Lhonor .con2 .bot .Lhonorsmall_next:hover i { color: rgb(103 0 193); }

.Lhonor .con2 .bot .Lhonorsmall_prev { left: -80px; }

.Lhonor .con2 .bot .Lhonorsmall_next { right: -80px; }

.contactUs { padding: 60px 0 120px; }

.contactUs .con1240 { 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; }

.contactUs .con1240 .left h5 { font-size: 18px; color: #444; }

.contactUs .con1240 .left .list { margin-top: 27px; }

.contactUs .con1240 .left .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; }

.contactUs .con1240 .left .list .li .icon { width: 20px; max-height: 18px; margin-right: 19px; }

.contactUs .con1240 .left .list .li .t { font-size: 16px; color: #666; line-height: 1; }

.contactUs .con1240 .left .list .li:not(:first-child) { margin-top: 19px; }

.contactUs .con1240 .left .ewmBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 35px; }

.contactUs .con1240 .left .ewmBox .ewm { text-align: center; }

.contactUs .con1240 .left .ewmBox .ewm .img { width: 120px; height: 120px; }

.contactUs .con1240 .left .ewmBox .ewm .img img { width: 100%; }

.contactUs .con1240 .left .ewmBox .ewm:not(:first-child) { margin-left: 50px; }

.contactUs .con1240 .left .ewmBox .ewm .t { font-size: 14px; color: #000; margin-top: 5px; }

.contactUs .con1240 .right { width: 54.83871%; }

.contactUs .con1240 .right h5 { font-size: 18px; color: #444; }

.contactUs .con1240 .right form { 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: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.contactUs .con1240 .right form .input { width: 48.82353%; border-bottom: 2px solid #ddd; padding-top: 21px; }

.contactUs .con1240 .right form .input.input2 { width: 100%; }

.contactUs .con1240 .right form .input input, .contactUs .con1240 .right form .input textarea { width: 100%; line-height: 52px; }

.contactUs .con1240 .right form .input input::-webkit-input-placeholder, .contactUs .con1240 .right form .input textarea::-webkit-input-placeholder { color: #ccc; }

.contactUs .con1240 .right form .input input::-moz-placeholder, .contactUs .con1240 .right form .input textarea::-moz-placeholder { color: #ccc; }

.contactUs .con1240 .right form .input input:-ms-input-placeholder, .contactUs .con1240 .right form .input textarea:-ms-input-placeholder { color: #ccc; }

.contactUs .con1240 .right form .input input::placeholder, .contactUs .con1240 .right form .input textarea::placeholder { color: #ccc; }

.contactUs .con1240 .right form .input:first-child { padding-top: 10px; }

.contactUs .con1240 .right form .gou { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 39px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; }
.contactUs .con1240 .right form .gou a{display: inline-block;border-bottom: 1px solid #333;
  line-height: 1;}
.contactUs .con1240 .right form .gou i { width: 20px; height: 20px; border: 1px solid rgb(103 0 193); margin-right: 20px; font-size: 0; text-align: center; line-height: 20px; -webkit-transition: all 0.3s; transition: all 0.3s; font-weight: bold; color: #fff; }

.contactUs .con1240 .right form .gou .t { font-size: 14px; color: #222;line-height: 20px; }

.contactUs .con1240 .right form .gou.active i { font-size: 16px; background-color: rgb(103 0 193); }

.contactUs .con1240 .right form button { width: 170px; line-height: 40px; background-color: rgb(103 0 193); -webkit-border-radius: 8px; border-radius: 8px; text-align: center; color: #fff; font-size: 14px; border: none; margin-top: 22px; }

.recrut .screenBox { background-color: #f9f9f9; padding: 35px 0 63px 0; }

.recrut .screenBox .box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.recrut .screenBox .box:nth-child(2) { margin-top: 28px; }

.recrut .screenBox .box h5 { font-size: 18px; color: #333; width: 11.29032%; padding-left: 27px; line-height: 1.5; padding-top: 10px; }

.recrut .screenBox .box .list { width: -webkit-calc(100% - 165px); width: calc(100% - 165px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.recrut .screenBox .box .list .li { font-size: 14px; color: #888; margin: 0 10px; margin-top: 10px; line-height: 30px; padding: 0 15px; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; }

.recrut .screenBox .box .list .li.active { background-color: rgb(103 0 193); color: #fff; }

.recrut .con { padding: 50px 0 116px; }

.recrut .con .box .top { border-top: 1px solid #e5e5e5; padding: 34px 0; position: relative; background-color: #fff; cursor: pointer; }

.recrut .con .box .top .list { white-space: nowrap; }

.recrut .con .box .top .list .li { display: inline-block; font-size: 14px; color: #333; line-height: 1; white-space: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 21.77419%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.recrut .con .box .top .list .li img { width: 21px; margin-right: 10px; display: inline-block; }

.recrut .con .box .top .list .li:nth-child(1) { padding-left: 39px; }

.recrut .con .box .top .list .li.data { width: 28.3871%; }

.recrut .con .box .top .list.listHide { display: none; margin-top: 13px; }

.recrut .con .box .top .icon {font-size: 0; width: 23px; height: 15px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 40px; }

.recrut .con .box .top .icon img { width: 100%; }

.recrut .con .box .top .icon img.Lhide { display: none; }

.recrut .con .box .top.active { background-color: #f9f9f9; }

.recrut .con .box .top.active .icon img.Lhide { display: block; }

.recrut .con .box .top.active .icon img.Lshow { display: none; }

.recrut .con .box:last-child .top { border-bottom: 1px solid #e5e5e5; }

.recrut .con .box .bot { padding: 30px 40px 55px; border-top: 1px solid #e5e5e5; display: none; }

.recrut .con .box .bot .tit { font-size: 18px; color: #000; line-height: 1; }

.recrut .con .box .bot h5 { font-size: 14px; color: #000; margin-top: 30px; }

.recrut .con .box .bot .t { margin-top: 7px; font-size: 14px; color: #666; line-height: 30px; }

.recrut .con .box .bot a { width: 170px; line-height: 40px; -webkit-border-radius: 8px; border-radius: 8px; background-color: rgb(103 0 193); text-align: center; color: #fff; display: block; margin-top: 35px; }

.News { padding: 60px 0 120px; position: relative;}
.News_swiper {margin-top: 29px;}
.News .NewsTabBar{width: 100%;display: flex;justify-content: center;}
#News_swiperMao{
  position: absolute;
  display: block;
  top: -100px;
  left: 0;
}
.News .NewsTabBar .tabTerm{
  display: block;
  padding: 0 20px;
  line-height: 50px;
  border-bottom: 2px solid transparent;
  margin:  0 5px;
  transition: all 0.3s;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}
.News .NewsTabBar .tabTerm::before{
  content: "";
  width: 0;
  height: 2px;
  background-color: rgb(103 0 193);
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
}
.News .NewsTabBar .tabTerm:hover::before{
  animation:NewsTabBar 0.3s linear forwards;
}
.News .NewsTabBar .tabTerm.active{
  color: rgb(103 0 193);
  border-bottom-color:rgb(103 0 193) ;
}
@keyframes NewsTabBar
{
    from {width: 0%;}
    to {width: 100%;}
}

.News .top .News_swiper a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.News .top .News_swiper a .img { width: 67.09677%; }

.News .top .News_swiper a .img .pictureBox { padding-top: 54.32692%; }

.News .top .News_swiper a .img .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); }

.News .top .News_swiper a .text { width: 32.90323%; background-color: #f9f9f9; padding: 85px 49px 20px; }

.News .top .News_swiper a .text .data { font-size: 16px; color: #333; }

.News .top .News_swiper a .text h5 { font-size: 22px; color: #000; display: -webkit-box; height: 64px; line-height: 32px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 20px; }

.News .top .News_swiper a .text .t { font-size: 14px; color: #666; display: -webkit-box; height: 80px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; margin-top: 20px; }

.News .top .News_swiper .News_pagination { width: auto; bottom: 88px; left: 70.96774%; }

.News .top .News_swiper .News_pagination .swiper-pagination-bullet { width: 6px; height: 6px; background-color: #a3a3a3; margin: 0 3px; }

.News .top .News_swiper .News_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: rgb(103 0 193); }

.News .bot {  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.News .bot a { margin-top: 29px; width: 31.77419%; }

.News .bot a:not(:nth-child(3n + 1)) { margin-left: 2.33871%; }

.News .bot a .img { position: relative; }

.News .bot a .img i {display: none; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; z-index: 3; opacity: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.News .bot a .img i::before { content: ""; width: 100%; height: 2px; background-color: #fff; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.News .bot a .img i::after { content: ""; width: 2px; height: 100%; background-color: #fff; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.News .bot a .img .pictureBox { padding-top: 60.91371%; }

.News .bot a .text { background-color: #fafafa; padding: 25px 30px; border-bottom: 1px solid #fafafa; -webkit-transition: all 0.3s; transition: all 0.3s; }

.News .bot a .text h5 { font-size: 18px; color: #000; display: -webkit-box; height: 48px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.News .bot a .text .data { font-size: 12px; color: #888; margin-top: 30px; }

.News .bot a:hover .img::before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.2); z-index: 2; }

.News .bot a:hover .img i { opacity: 1; }

.News .bot a:hover .img .pictureBox img { -webkit-transform: translate(-50%, -50%) scale(1.05); -ms-transform: translate(-50%, -50%) scale(1.05); transform: translate(-50%, -50%) scale(1.05); }

.News .bot a:hover .text { border-bottom-color: rgb(103 0 193); }
/* .q_recruitment{margin-top: 80px;} */
.newsXQ { margin-top: 80px; overflow: hidden;}

.newsXQ .con { padding: 60px 0 120px; }

.newsXQ .con .tit { text-align: center; }

.newsXQ .con .tit h5 { font-size: 30px; color: #000; }

.newsXQ .con .tit .bot { margin-top: 25px; 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; }

.newsXQ .con .tit .bot .data { font-size: 16px; color: #888; padding-right: 12px; position: relative; }

.newsXQ .con .tit .bot .data::before { content: ""; width: 1px; height: 14px; background-color: #cdcece; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.newsXQ .con .tit .bot .share { padding-left: 15px; 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; }

.newsXQ .con .tit .bot .share .t { font-size: 16px; color: #888; }

.newsXQ .con .text { margin-top: 45px; font-size: 16px !important;}
.newsXQ .con .text p:not(:first-child){margin-top: 15px !important;}
.newsXQ .con .text span{color: #666 !important;}
.newsXQ .con .text video{width: 100% !important;height: auto;}
video{outline: none;}
*{outline: none;}
.newsXQ .con .text .t { font-size: 18px; color: #666; line-height: 34px; margin-top: 28px; }

.newsXQ .con .text .t:first-child { margin-top: 0; }

.newsXQ .con .text .t.t1 { color: #333; }

.newsXQ .con .text img { width: 100%; }
.newMore{text-align: right;margin-top: 45px;}
.newMore a{font-size: 14px;color: rgb(103 0 193);display: inline-block;}

.StarFood .con { position: relative; }

.StarFood .con .bj img { width: 100%; }
.q_productBanner .con .bj img,
.q_productBanner .con .bj video{
  /* height: 100vh; */
  width: auto;
  min-width: 100%;
  max-width: none;
}
.q_productBanner .con .bj video{width: 100%;}

.StarFood .con .text { width: 100%; text-align: center; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.StarFood .con .text h5 { font-size: 40px; color: #fff; line-height: 1.3;letter-spacing: 8px; }

.StarFood .con .text .t { font-size:18px; color: #fff; margin-top: 20px; font-weight: 300; }

.StarFood .con .text a { width: 180px; line-height: 55px; -webkit-border-radius: 30px; border-radius: 30px; border: 1px solid #fff; text-align: center; 
  font-size: 16px; color: #fff; display: block; margin: 50px auto 0; -webkit-transition: all 0.3s; transition: all 0.3s; }

.StarFood .con .text a:hover { background-color: rgb(103 0 193); border-color: rgb(103 0 193); }

.StarFood .con2 {overflow: hidden; background-image: url(../images/Lbj1.jpg); background-size: cover; padding-top: 28px; }

.StarFood .con2 .con1240 { 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; align-content: end;    align-items: end;}

.StarFood .con2 .con1240 .phone { position: relative;}

.StarFood .con2 .con1240 .phone .sj { max-width: 100%; }

.StarFood .con2 .con1240 .phone .ewm { position: absolute; width: 200px; height: 200px; top: 193px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.StarFood .con2 .con1240 .text { padding-top: 185px;width: 40%;padding-bottom: 30px }

.StarFood .con2 .con1240 .text h5 { font-size: 30px; color: #000; }

.StarFood .con2 .con1240 .text .t { font-size: 16px; color: #666; margin-top: 10px;line-height: 26px; }
.StarFood .con2 .con1240 .text .t p:not(:first-child){margin-top: 15px !important;}

.StarFood .con2 .con1240 .text .t2 { font-size: 16px; margin-top: 40px; color: rgb(103 0 193); }

.StarFood .con2 .con1240 .text .img{max-width: 120px;margin-top: 20px}

.StarFoodImg { padding: 95px 0 120px; background-color: #fff;background-size: cover;}

.StarFoodImg .StarFoodImg_swiper .swiper-wrapper { -webkit-transition-timing-function: linear; transition-timing-function: linear; }

.StarFoodImg .StarFoodImg_swiper .swiper-wrapper .swiper-slide { position: relative; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; cursor: pointer; }

.StarFoodImg .StarFoodImg_swiper .swiper-wrapper .swiper-slide .pictureBox { padding-top: 62.5%; }

.StarFoodImg .StarFoodImg_swiper .swiper-wrapper .swiper-slide .text { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: all 0.3s; transition: all 0.3s; 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-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: rgba(0, 0, 0, 0.5); z-index: 5; opacity: 0; }

.StarFoodImg .StarFoodImg_swiper .swiper-wrapper .swiper-slide .text h5 { font-size: 18px; color: #fff; }

.StarFoodImg .StarFoodImg_swiper .swiper-wrapper .swiper-slide .text i { display: none; width: 20px; height: 20px; margin: 15px auto 0; }

.StarFoodImg .StarFoodImg_swiper .swiper-wrapper .swiper-slide .text:hover { opacity: 1; }

.StarFoodImg .StarFoodImg_swiper.StarFoodImg_swiper2 { margin-top: 60px; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.StarFoodImg .StarFoodImg_swiper.StarFoodImg_swiper2 .swiper-slide .con { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.StarFoodImg_popup { width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 999; display: none; }

.StarFoodImg_popup i { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.8); }

.StarFoodImg_popup .con { width: 59.375%; max-height: 90%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; z-index: 5; }

.StarFoodImg_popup .con .off { position: absolute; top: -48px; right: -250px; background: none; }

.StarFoodImg_popup .con .off i { font-size: 38px; line-height: 1; color: #fff; cursor: pointer; }

.StarFoodImg_popup .con .StarFoodImg_popup_swiper .swiper-slide img { width: 100%; }

.StarFoodImg_popup .con .StarFoodImg_popup_prev, .StarFoodImg_popup .con .StarFoodImg_popup_next { width: 40px; height: 40px; border: 1px solid #fff; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; background-color: transparent; top: 50%; opacity: 1; z-index: 10; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.StarFoodImg_popup .con .StarFoodImg_popup_prev i, .StarFoodImg_popup .con .StarFoodImg_popup_next i { font-size: 12px; color: #fff; font-weight: bold; line-height: 40px; -webkit-transition: all 0.3s; transition: all 0.3s; background: none; }

.StarFoodImg_popup .con .StarFoodImg_popup_prev:hover, .StarFoodImg_popup .con .StarFoodImg_popup_next:hover { background: rgb(103 0 193); border-color: rgb(103 0 193); }

.StarFoodImg_popup .con .StarFoodImg_popup_prev:hover i, .StarFoodImg_popup .con .StarFoodImg_popup_next:hover i { color: #fff; }

.StarFoodImg_popup .con .StarFoodImg_popup_prev { left: -210px; }

.StarFoodImg_popup .con .StarFoodImg_popup_next { right: -210px; }

.StarFoodVideo { padding: 95px 0 60px;background-size: cover; }

.StarFoodVideo .StarFoodVideo_swiper .swiper-wrapper { -webkit-transition-timing-function: linear; transition-timing-function: linear; height: 420px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.StarFoodVideo .StarFoodVideo_swiper .swiper-wrapper .swiper-slide { width: 28.125%; -webkit-border-radius: 15px; border-radius: 15px; -webkit-transition: all 0.6s; transition: all 0.6s; overflow: hidden; height: auto; cursor: pointer; }

.StarFoodVideo .StarFoodVideo_swiper .swiper-wrapper .swiper-slide .con { position: relative; }

.StarFoodVideo .StarFoodVideo_swiper .swiper-wrapper .swiper-slide .con .pictureBox { padding-top: 55.55556%; }

.StarFoodVideo .StarFoodVideo_swiper .swiper-wrapper .swiper-slide .con .text { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -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(0, 0, 0, 0.6); z-index: 2; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0; }

.StarFoodVideo .StarFoodVideo_swiper .swiper-wrapper .swiper-slide .con .text .icon { width: 60px; height: 60px; }

.StarFoodVideo .StarFoodVideo_swiper .swiper-wrapper .swiper-slide .con .text .icon img { width: 100%; }

.StarFoodVideo .StarFoodVideo_swiper .swiper-wrapper .swiper-slide .con .text h5 { font-size: 24px; color: #fff; margin-top: 25px; }

.StarFoodVideo .StarFoodVideo_swiper .swiper-wrapper .swiper-slide:hover { width: 39.58333%; }

.StarFoodVideo .StarFoodVideo_swiper .swiper-wrapper .swiper-slide:hover .con .text { opacity: 1; }

.StarFoodVideo .StarFoodVideo_swiper.StarFoodVideo_swiper2 { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.StarFoodVideo .StarFoodVideo_swiper.StarFoodVideo_swiper2 .swiper-slide .con { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.StarFoodVideo_popup { width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 999; display: none; }

.StarFoodVideo_popup i { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.8); }

.StarFoodVideo_popup .con { width: 64.58333%; max-height: 90%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; z-index: 5; }

.StarFoodVideo_popup .con .off { position: absolute; top: -48px; right: -150px; background: none; }

.StarFoodVideo_popup .con .off i { font-size: 38px; line-height: 1; color: #fff; cursor: pointer; }

.StarFoodVideo_popup .con video { width: 100%; outline: none;}
.StarFood .con2 .con1240 .text .t,
.CompanyProfile .con,
.BrandStory .t1,
.CorporateCulture .box .text .t2,
.AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem .con .t,
.BrandStory .con .box .t2,
.newsXQ .con .text,
.newsXQ .con .text p,
.newsXQ .con .text span{
  font-size: 16px !important;
  line-height: 26px !important;
}  
.ProductCenter .con1240 .RightCon .list a .bj{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 10;
  transition: all 0.3s;
  pointer-events:none;
}
.ProductCenter .con1240 .RightCon .list a .bj img{
  /* height: 100%; */
  width: 100%;
  object-fit: cover;
}

@media (min-width: 992px) { 
  .ProductCenter .con1240 .RightCon .list a:hover .bj{opacity: 1;pointer-events:all;}
.ProductCenter .con1240 .RightCon .list a:hover { background-color: transparent; }

.ProductCenter .con1240 .RightCon .list a:hover .swiper-container .swiper-button-prev, .ProductCenter .con1240 .RightCon .list a:hover .swiper-container .swiper-button-next { opacity: 1; }


  @-webkit-keyframes wo3 { 
    from { -webkit-transform: rotate(55deg); transform: rotate(55deg); }
    to { -webkit-transform: rotate(190deg); transform: rotate(190deg); }
  } 
  @keyframes wo3 { 
    from { -webkit-transform: rotate(55deg); transform: rotate(55deg); }
    to { -webkit-transform: rotate(190deg); transform: rotate(190deg); }
  }
  @-webkit-keyframes wo4 { 0% { background-color: #cdcdcd; }
    20% { background-color: #cdcdcd; }
    40% { background-color: #cdcdcd; }
    60% { background-color: #cdcdcd; }
    80% { background-color: #cdcdcd; }
    100% { background-color: rgb(103 0 193); } }
  @keyframes wo4 { 0% { background-color: #cdcdcd; }
    20% { background-color: #cdcdcd; }
    40% { background-color: #cdcdcd; }
    60% { background-color: #cdcdcd; }
    80% { background-color: #cdcdcd; }
    100% { background-color: rgb(103 0 193); } }
  @-webkit-keyframes wo5 { 0% { color: #333; }
    20% { color: #333; }
    40% { color: #333; }
    60% { color: #333; }
    80% { color: #333; }
    100% { color: rgb(103 0 193); } }
  @keyframes wo5 { 0% { color: #333; }
    20% { color: #333; }
    40% { color: #333; }
    60% { color: #333; }
    80% { color: #333; }
    100% { color: rgb(103 0 193); } } 
  }

@media (max-width: 1440px) { .commonProblemm .ProblemmTabBar .Problemm_next { right: 5px; }
  .commonProblemm .ProblemmTabBar .Problemm_prev { left: 5px; }
  .Lhonor .con2 .bot .Lhonorsmall_prev { left: 5px; }
  .Lhonor .con2 .bot .Lhonorsmall_next { right: 5px; }
  .commonProblemm .ProblemmTabBar .Problemm_swiper .Problemm_scrollbar { display: block; width: 100%; }
  /* .commonProblemm .ProblemmTabBar .Problemm_swiper .Problemm_pagination .swiper-pagination-bullet { margin: 0 3px; background-color: #999; } */
  /* .commonProblemm .ProblemmTabBar .Problemm_swiper .Problemm_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: rgb(103 0 193); } */

  .commonProblemm .ProblemmTabBar .Problemm_swiper .Problemm_scrollbar .swiper-scrollbar-drag{background-color: rgb(103 0 193);}
  .commonProblemm .ProblemmTabBar .Problemm_next, .commonProblemm .ProblemmTabBar .Problemm_prev { display: none; }
  .News .top .News_swiper .News_pagination { bottom: 40px; }
  .StarFood .con .text h5 { font-size: 40px; }
  .StarFood .con .text .t { font-size: 16px; }
  .StarFoodVideo .StarFoodVideo_swiper .swiper-wrapper { height: 330px; } }

@media (max-width: 1260px) {
  /* .q_recruitment{margin-top: 60px;} */
   .ProductCenter .con1240 .RightCon .list a { padding: 20px; }
  .ProductCenter .con1240 .RightCon .list a .swiper-container { height: 200px; }
  .StarFood .con .text h5 { font-size: 32px; }
  .StarFood .con .text .t { font-size: 16px; margin-top: 15px; }
  .StarFood .con .text a { width: 120px; line-height: 45px; font-size: 14px; margin: 35px auto 0; }
  .StarFood .con2 { padding-top: 20px; }
  .StarFood .con2 .con1240 .phone { max-width: 50%; }
  .StarFood .con2 .con1240 .phone .ewm { width: 150px; height: 150px; top: 120px; }
  .StarFood .con2 .con1240 .text { padding-top: 120px; }
  .StarFood .con2 .con1240 .text h5 { font-size: 22px; }
  .StarFood .con2 .con1240 .text .t { font-size: 14px;line-height: 25px; }
  .StarFood .con2 .con1240 .text .t2 { font-size: 14px; margin-top: 20px; }
  .StarFoodVideo .StarFoodVideo_swiper .swiper-wrapper { height: 270px; }
  .AboutFZcourse .AboutFZcourse_swiper .swiper-slide{width: 130px;}
  .head_navlist li > span::after{border-top-color:#fff;border-right-color:#fff ;}

}
.LscreenBox .phoneOn{display: none;}
@media (max-width: 992px) { 
  .CorporateCulture .box .text{width: 48%;}
  .commonProblemm .ProblemmTabBar .Problemm_swiper .swiper-slide .icon{height: 70px;}
 
  .commonProblemm .ProblemmTabBar .Problemm_swiper .Problemm_pagination .swiper-pagination-bullet{
    width: 5px;
    height: 5px;
    margin: 0 2px;
  }
  .AboutFZcourse .AboutFZcourse_swiper::before{display: none;}
  .AboutFZcourse .AboutFZcourse_swiper .swiper-slide:last-child i{display: none;}
  .AboutFZcourse .AboutFZcourse_swiper .swiper-slide:first-child i{display: none;}
  .con1000 { width: 100%; padding: 0 15px; }
  .LscreenBox { position: fixed; top: 0; left: -100%; z-index: 99999;
     height: 100vh; width: 90%;padding: 0;padding-bottom: 0; }
     .LscreenBox .phongBox{
      overflow-y: auto;overflow-x: hidden;
      height: calc(100% - 60px);
      padding: 50px 20px; 
     }
  .LscreenBox .phoneOn{
    display: flex;
    width:100%;
    padding: 10px;
    position: absolute;
    left: 0;
    bottom: 50px;
    z-index: 5;
    justify-content: space-between;
    background-color: #fff;
  }
  .LscreenBox .phoneOn .Reset{
    display: flex;
    justify-content: center;
    border: 1px solid #333;
    font-size: 14px;
    color: #333;
    align-items: center;
    width: 40%;
    line-height: 36px;
  }
  .LscreenBox .phoneOn .Reset img{margin-right: 8px;}
  .LscreenBox .phoneOn .confirm{
    width: 58%;
    line-height: 36px;
    background-color: rgb(103 0 193);
    color: #fff;
    text-align: center;
    font-size: 14px;
  }

  .LscreenBox .list .li h5 i{display: none;}
  .ProductCenter .con1240 .LscreenBox .list .li h5{font-size: 14px;font-weight: bold;border-bottom: none;padding: 10px 0;}
  .ProductCenter .con1240 .LscreenBox .list .li .nav2{
    display: flex !important;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .ProductCenter .con1240 .LscreenBox .list .li .nav2 .on{
    margin-top: 7px;
    font-size: 12px;
    width: 49%;
    border: 1px solid #f0f0f0;
    text-align: center;
    display: block;
    line-height: 25px;
    padding-top: 0;
  }
  .ProductCenter .con1240 .LscreenBox .list .li .nav2 .on.active{
    background-color:rgb(103 0 193) ;
    color: #fff;
    border-color: rgb(103 0 193);
  }
  .ProductCenter .con1240 .LscreenBox .list .li .nav2 .on i{display: none;}
  
  .ProductCenter { margin-top: 30px;}
  .ProductCenter .con1240 .RightCon { width: 100%; padding-left: 0; padding-bottom: 30px; }
  .ProductCenter .con1240 .RightCon .top .classification .screenTit { font-size: 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; margin-left: 20px; }
  .ProductCenter .con1240 .RightCon .top .classification .screenTit h5 { margin-left: 5px; line-height: 36px; }
  .commonProblemm { padding: 30px 0 30px; }
  .commonProblemm .ProblemmTabBar .Problemm_swiper { padding-bottom: 30px; }
  .commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .left { padding: 0 20px; }
  .commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .right { padding-left: 20px; }
  .commonProblemm.yuyue .yuyueCon .li { padding: 30px 10px; }
  .commonProblemm.yuyue .yuyueCon .li h5 { margin-top: 15px; }
  .commonProblemm.yuyue .ProblemmTabCont { margin-top: 30px; }
  .commonProblemm.yuyue .ProblemmTabCont .tabItem { margin-top: 30px; }
  .commonProblemm.Download { padding: 20px 0 30px; }
  .commonProblemm.Download .DownloadTabCont .tabItem .box { margin-bottom: 20px; padding: 20px; }
  .commonProblemm.Download .DownloadTabCont .tabItem .box .imgBox { height: 170px; }
  .commonProblemm.Download .DownloadTabCont .tabItem .box .text .t { font-size: 14px; line-height: 20px; padding-bottom: 15px; display: -webkit-box; height: 40px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .commonProblemm.Download .DownloadTabCont .tabItem .box .text h5 { font-size: 14px; padding-top: 18px; }
  .UserExperience { padding:20px 0 30px; }
  .UserExperience .con .box .text { padding: 20px 15px; }
  .UserExperience .con .box .text h5 { font-size: 16px; display: -webkit-box; height: 44px; line-height: 22px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .UserExperience .con .box .text .data { margin-top: 15px; }
  .Channeltit { font-size: 22px; }
  .PurchaseChannel1 { padding: 30px 0; }
  .PurchaseChannel1 .con .list { margin-top: 20px; }
  .PurchaseChannel1 .con .list .box { padding: 30px 20px; }
  .PurchaseChannel1 .con .list .box .imgBox { height: 170px; }
  .PurchaseChannel2 { padding: 30px 0; }
  .PurchaseChannel2 .con { margin-top: 20px; }
  .PurchaseChannel2 .con .li { height: 100px; }
  .PurchaseChannel2 .con .li h5 { font-size: 18px; }
  .PurchaseChannel2 .con .li .address { line-height: 26px; }
  .AboutFZcourse .AboutFZcourse_swiper { margin:30px;border-top: 1px solid #dfdfdf;height: 35px; }
  .AboutFZcourse .AboutFZcourse_swiper .swiper-slide {padding:10px 0 0;}
  
  /* .AboutFZcourse .AboutFZcourse_swiper .swiper-slide::before,
  .AboutFZcourse .AboutFZcourse_swiper .swiper-slide::after{display: none;} */
  .AboutFZcourse .AboutFZcourse_swiper .swiper-slide.active{font-size: 22px;}
  .AboutFZcourse .con1240 .top { display: block; }
  .AboutFZcourse .con1240 .top .AboutFZTabCont { width: 100%; margin-left: 0; }
  .AboutFZcourse .con1240 .top .AboutFZTabCont::before { display: none; }
  .AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem { padding: 30px 20px; }
  .AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem .numBox { position: static; -webkit-transform: none; -ms-transform: none; transform: none;text-align: center; }
  .AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem .numBox .num { font-size: 100px; line-height: 1.1; }
  .AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem .numBox .num::before { display: none; }
  .AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem .con { margin-top: 30px; margin: 0 auto;width: 60%;}
  
  .CompanyProfile { padding: 30px 0 10px; }
  .CompanyProfile .tit { font-size: 18px; }
  .CompanyProfile .con { line-height: 20px !important; margin-top: 20px !important; }
  .BrandStory { padding: 30px 0; }
  .BrandStory.BrandStory2{padding: 30px 0 0 ;}
  .BrandStory .tit { font-size: 22px; }
  .BrandStory .t1 { font-size: 12px; line-height: 1.5; margin-top: 20px; }
  .BrandStory .con { margin-top: 30px; }
  .BrandStory .con .box h5 { font-size: 16px; }
  .BrandStory .con .box .t2 { font-size: 12px; line-height: 1.5; margin-top: 5px; }
  .BrandStory .con .box .icon { width: 60px; height: 60px; }
  .BrandStory .con .box .icon img { max-width: 50%; max-height: 50%; }
  .BrandStory .con .box.boxCenter { margin: 0 30px; }
  .BrandStory .con .box.boxCenter .bot { margin: 50px auto 0; width: 250px; height: 250px; }
  .BrandStory .con .box.boxCenter .bot .quan img:nth-child(2) { width: 70%; height: 70%; }
  .BrandStory .con .box.boxCenter .bot .icon1 { top: -30px; }
  .BrandStory .con .box.boxCenter .bot .icon2 { left: -10px; bottom: 15px; }
  .BrandStory .con .box.boxCenter .bot .icon3 { right: -10px; bottom: 15px; }
  .BrandStory .con .box.boxCenter .bot .KD { font-size: 16px; }
  .BrandStory .con .box:nth-child(1) { text-align: right; }
  /* .BrandStory .con .box:nth-child(1) h5 { -webkit-animation-duration: 6s; animation-duration: 6s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: wo5; animation-name: wo5; -webkit-animation-delay: 4s; animation-delay: 4s; }
  .BrandStory .con .box:nth-child(2) h5 { -webkit-animation-duration: 6s; animation-duration: 6s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: wo5; animation-name: wo5; }
  .BrandStory .con .box:nth-child(3) h5 { -webkit-animation-duration: 6s; animation-duration: 6s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-name: wo5; animation-name: wo5; } */
  .CorporateCulture { padding: 10px 0 30px; }
  .CorporateCulture .box:nth-child(odd) .text { padding-right: 20px; }
  .CorporateCulture .box:nth-child(even) .text { padding-left: 20px; }
  .CorporateCulture .box .text h5 { font-size: 20px; }
  .CorporateCulture .box .text .t1 { font-size: 18px; padding-bottom: 20px; }
  .CorporateCulture .box .text .t2 { font-size: 14px; line-height: 1.5; margin-top: 15px; }
  .CorporateCulture .box:not(:first-child) { margin-top: 40px; }
  .Lhonor .LhonorTit { font-size: 20px; }
  .Lhonor .con1 { padding:40px 0 30px; }
  .Lhonor .con1 .list { margin-top: 40px; }
  .Lhonor .con1 .list .box { margin-bottom: 30px; }
  .Lhonor .con1 .list .box h5 { font-size: 16px; margin-top: 15px; }
  .Lhonor .con1 .list .box .t { line-height: 1.4; margin-top: 5px; font-size: 12px; padding: 0 5px;text-align: justify;}
  .Lhonor .con2 { padding: 30px 0; }
  .Lhonor .con2 .LhonorBig_swiper { margin-top: 20px; }
  .Lhonor .con2 .LhonorBig_swiper .swiper-slide .img { height: 300px; }
  .Lhonor .con2 .LhonorBig_swiper .swiper-slide h5 { font-size: 16px; }
  .contactUs { padding: 20px 0 30px; }
  .recrut .screenBox { padding: 30px 0; }
  .recrut .screenBox .box h5 { padding-left: 0; font-size: 16px; width: 10%; padding-top: 5px; }
  .recrut .screenBox .box .list { width: 90%; }
  .recrut .screenBox .box .list .li { margin-top: 5px; }
  .recrut .screenBox .box:nth-child(2) { margin-top: 15px; }
  .recrut .con { padding: 30px 0; }
  .recrut .con .box .top .list .li:nth-child(1) { padding-left: 10px; }
  .recrut .con .box .top .icon { right: 10px; }
  .recrut .con .box .bot { padding: 30px 20px; }
  .News { padding: 10px 0  30px; }
  .News .top .News_swiper a .text { padding: 30px 20px; }
  .News .top .News_swiper a .text h5 { font-size: 20px; display: -webkit-box; height: 56px; line-height: 28px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 15px; }
  .News .top .News_swiper .News_pagination { bottom: 30px; left: 69.5%; }
  .News .bot { margin-top: 0; }
  .News .bot a ,
  .News_swiper{ margin-top: 20px; }

  .News .bot a .text { padding: 15px 20px; }
  .News .bot a .text h5 { font-size: 16px; display: -webkit-box; height: 40px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .News .bot a .text .data { margin-top: 20px; }

  .newsXQ { margin-top: 20px; }
  .newsXQ .con { padding: 30px 0; }
  .newsXQ .con .tit h5 { font-size: 22px; }
  .newsXQ .con .tit .bot { margin-top: 15px; }
  .newsXQ .con .tit .bot .data { font-size: 14px; padding-right: 10px; }
  .newsXQ .con .tit .bot .share { padding-left: 12px; }
  .newsXQ .con .tit .bot .share .t { font-size: 14px; }
  .newsXQ .con .text { margin-top: 30px; }
  .newsXQ .con .text .t { font-size: 16px !important; line-height: 30px !important; margin-top: 15px !important; }
  /* .newsXQ .con .text img { margin-top: 20px !important; } */
  .defaPrevNextpage { margin-top: 30px; }
  .StarFoodImg { padding: 30px 0; }
  .StarFoodImg .StarFoodImg_swiper.StarFoodImg_swiper2 { margin-top: 30px; }
  .StarFoodImg_popup .con .off { right: -50px; }
  .StarFoodImg_popup .con .StarFoodImg_popup_next { right: -80px; }
  .StarFoodImg_popup .con .StarFoodImg_popup_prev { left: -80px; }
  .StarFoodVideo { padding: 20px 0; }
  .StarFoodVideo .StarFoodVideo_swiper .swiper-wrapper { height: 200px; }
  .StarFoodVideo .StarFoodVideo_swiper .swiper-wrapper .swiper-slide { width: 26.04167%; }
  .StarFoodVideo .StarFoodVideo_swiper .swiper-wrapper .swiper-slide .con .text .icon { width: 40px; height: 40px; }
  .StarFoodVideo .StarFoodVideo_swiper .swiper-wrapper .swiper-slide .con .text h5 { font-size: 16px; margin-top: 10px; }
  .StarFoodVideo .StarFoodVideo_swiper .swiper-wrapper .swiper-slide:hover { width: 31.25%; }
  .StarFoodVideo_popup .con { width: 85%; }
  .StarFoodVideo_popup .con .off { right: 40px;top: 25%; } 
  @-webkit-keyframes wo2 { from { -webkit-transform: translateY(30px); transform: translateY(30px);
    opacity: 0; }
  to { -webkit-transform: translateY(0); transform: translateY(0);
    opacity: 1; } }
@keyframes wo2 { from { -webkit-transform: translateY(30px); transform: translateY(30px);
    opacity: 0; }
  to { -webkit-transform: translateY(0); transform: translateY(0);
    opacity: 1; } }

    .AboutFZcourse .AboutFZcourse_swiper .swiper-slide{width: 110px;}
    /* 统一有字的 */
    .q_product_main1,
    .ProductCenter,
    .UserExperience,
    .PurchaseChannel1,
    .ServicePolicy{padding-top: 30px !important;margin-top: 0 !important;}
    .News,
    .commonProblemm{padding-top: 20px !important;}
    
    /* 统一没有字的 */
}
@media (max-width: 768px) {
  .CorporateCulture .box .text{width: 100%;}

  .StarFood .bj{overflow-x: hidden}

  .header.header_active .head_navlist li > a{color: #fff;font-size: 18px;}
  .commonProblemm .ProblemmTabBar .Problemm_swiper .swiper-slide h5{font-size: 12px;margin-top:10px;line-height: 18px;}
  .AboutFZcourse .AboutFZcourse_swiper .swiper-slide{width: 80px;}
  .StarFoodVideo_popup .con video { width: 100%; }
.StarFood .con2 .con1240 .text .t,
.CompanyProfile .con,
.BrandStory .t1,
.CorporateCulture .box .text .t2,
.AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem .con .t,
.BrandStory .con .box .t2,
.newsXQ .con .text,
.newsXQ .con .text p,
.newsXQ .con .text span{
  font-size: 14px !important;
  line-height: 22px !important;
}
  
.BrandStory .t1{text-align: left;}





   /* .Lbanner2 { height: 250px; } */
   .Lbanner2 { height: auto !important; }
  .newMore{text-align: right;margin-top: 20px;}
  .News .NewsTabBar .tabTerm{
    font-size: 16px;
    padding:  0 15px;
    line-height: 40px;
  }
  .Lbanner2 .text { font-size: 26px; }
  .StarFood .con2 .con1240 {flex-wrap: wrap}
  .StarFood .con2 .con1240 .text{width: 100%}
  .StarFood .con2 .con1240 .phone { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 100%; max-width: none; }
  .StarFood .con2 .con1240 .phone .ewm { width: 200px; height: 200px; top: 200px; }
  .StarFood .con2 .con1240 .text { padding-top: 100px; }
  
  /* .Lbanner2 video{display: none;}  */
  /* .Lbanner2 img { 
    position: absolute; 
    top: 0; left: 0; 
    right: 0; bottom: 0; 
    min-width: 100%; 
    width: auto; max-width: none; height: 100%; 
    object-fit: cover;
   } */
  .crumbs { padding: 10px 0; }
  .crumbs .con1240 { display: block; }
  .crumbs .con1240 .right { max-width: 100%; margin-top: 15px; }
  .crumbs .con1240 .right form input { padding-left: 10px; }
  .ProductCenter .con1240 .RightCon .top .tit { font-size: 20px; }
  .ProductCenter .con1240 .RightCon .top .classification .on { font-size: 12px; }
  .ProductCenter .con1240 .RightCon .top .classification .on:not(:first-child) { margin-left: 15px; }
  .ProductCenter .con1240 .RightCon .top .classification .screenTit h5 { font-size: 14px; }
  .ProductCenter .con1240 .RightCon .list a { width: 49%; margin-bottom: 10px; }
  .ProductCenter .con1240 .RightCon .list a:not(:nth-child(3n + 1)) { margin-left: 0; }
  .ProductCenter .con1240 .RightCon .list a:not(:nth-child(2n + 1)) { margin-left: 2%; }
  .statement { padding: 30px 0; }
  .statement .tit { font-size: 16px !important; }
  .statement .t { font-size: 14px !important; line-height: 22px !important; }
  .ServicePolicy { padding: 30px 0; }
  .ServicePolicy .tit h5 { font-size: 18px;font-weight: bold; }
  .ServicePolicy .tit .t { font-size: 12px; margin-top: 10px; }
  .ServicePolicy .con { margin-top: 20px; }
  .ServicePolicy .con .t1 { font-size: 16px !important; }
  .ServicePolicy .con .t2 { font-size: 14px !important; line-height: 22px !important; margin-top: 5px !important;text-align: justify !important; }
  .ServicePolicy .con .t3 { font-size: 14px !important; line-height: 22px !important; margin-top: 10px !important;text-align: justify !important; }
  .ServicePolicy .con .table { margin-top: 15px; }
  .ServicePolicy .con .table table tr th { padding: 15px 10px; font-size: 14px; line-height: 20px; }
  .ServicePolicy .con .table table tr td { padding: 15px 10px; font-size: 14px; line-height: 20px; }
  /* .commonProblemm .ProblemmTabBar .Problemm_swiper .swiper-slide { padding: 20px 0; } */
  .commonProblemm .ProblemmTabBar .Problemm_swiper .swiper-slide .icon{height:90px;}
  /* .commonProblemm .ProblemmTabBar .Problemm_swiper .swiper-slide .icon img { max-width: 40px; max-height: 40px; } */
  .commonProblemm .ProblemmTabBar .Problemm_swiper .Problemm_pagination { bottom: 0; }
  .commonProblemm .ProblemmTabBar .Problemm_next, .commonProblemm .ProblemmTabBar .Problemm_prev { width: 35px; height: 35px; top: 46%; }
  .commonProblemm .ProblemmTabBar .Problemm_next i, .commonProblemm .ProblemmTabBar .Problemm_prev i { line-height: 35px; }
  .commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex { display: block; }
  .commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .left { width: 100%; line-height: 20px; }
  .commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .left::before { display: none; }
  .commonProblemm .ProblemmTabCont .tabItem .box .bot{padding: 10px 0;}
  .commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .right { padding:30px 0 25px; width: 100%; text-align: center; margin-top: 20px; border-top: 1px solid #eaeaea; }
  .commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .right .onBox { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .right .Lhide {
     -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 20px; }
  .commonProblemm.yuyue .yuyueTit { font-size: 22px; }
  .commonProblemm.yuyue .yuyueCon { margin-top: 20px; }
  .commonProblemm.yuyue .yuyueCon .li { width: 32%; margin-bottom: 10px; }
  .commonProblemm.yuyue .yuyueCon .li:not(:nth-child(4n + 1)) { margin-left: 0; }
  .commonProblemm.yuyue .yuyueCon .li:not(:nth-child(3n + 1)) { margin-left: 1.5%; }
  .commonProblemm.yuyue .yuyueCon .li h5 { font-size: 16px; }
  .commonProblemm.yuyue .yuyueCon .li .t { margin-top: 3px; }
  .commonProblemm.yuyue .ProblemmTabCont .tabItem { display: block; }
  .commonProblemm.yuyue .ProblemmTabCont .tabItem .list { width: 100%; }
  .commonProblemm.yuyue .Lmore { width: 120px; line-height: 35px; margin: 20px auto 0; }
  .commonProblemm.yuyue .Lmore h5 { font-size: 14px; }
  .commonProblemm.yuyue .Lmore .dian { display: none; }

  .commonProblemm.Download .DownloadTabCont { margin-top: 20px; }
  .commonProblemm.Download .DownloadTabCont .tabItem .box { width: 32%; margin-bottom: 10px; padding: 20px 15px; }
  .commonProblemm.Download .DownloadTabCont .tabItem .box:not(:nth-child(4n + 1)) { margin-left: 0; }
  .commonProblemm.Download .DownloadTabCont .tabItem .box:not(:nth-child(3n + 1)) { margin-left: 1.5%; }
  .commonProblemm.Download .DownloadTabCont .tabItem .box .imgBox { height: 140px; }
  .RightBox { top: auto; -webkit-transform: none; -ms-transform: none; transform: none; bottom: 20px; right: 0; }
  .RightBox .box { width: 40px; height: 40px; }
  .RightBox .box.Istop { margin-top: 5px; }
  .layui-laypage { margin: 20px 0 0 !important; }
  .UserExperience .con .box { width: 49%; margin-bottom: 10px; }
  .UserExperience .con .box:not(:nth-child(3n + 1)) { margin-left: 0; }
  .UserExperience .con .box:not(:nth-child(2n + 1)) { margin-left: 2%; }
  .UserExperience .con .box .text { padding: 15px; }
  .UserExperience .con .box .text h5 { font-size: 14px; display: -webkit-box; height: 36px; line-height: 18px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .UserExperience .con .box .text .data { margin-top: 10px; }
  .PurchaseChannel1 .con .list .box { width: 49%; margin-bottom: 10px; }
  .PurchaseChannel1 .con .list .box:not(:nth-child(3n+ 1)) { margin-left: 0; }
  .PurchaseChannel1 .con .list .box:not(:nth-child(2n+ 1)) { margin-left: 2%; }
  .PurchaseChannel2 .con .li { display: block; text-align: center; height: auto; padding: 15px 10px; }
  .PurchaseChannel2 .con .li h5 { padding-bottom: 10px; width: 100%;text-align: left; }
  .PurchaseChannel2 .con .li .address { width: 100%; }
  .PurchaseChannel2 .con .li .address a{text-align: left;justify-content: flex-start;}
  .PurchaseChannel2 .con .li .contact { margin-top: 10px; width: 200px;text-align: left; }
  .AboutFZcourse { padding: 40px 0 30px; }
  .AboutFZcourse .con1240 {padding: 0 20px; }
  .AboutFZcourse .con1240 .top .left { display: none; }
  .AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem { padding: 0; }
  .AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem .numBox .num { font-size: 80px; }
  .AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem .con { margin-top: 10px; width: 100%;}
  .AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem .con h5 { font-size: 20px; margin-top: 15px; }
  .AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem .con .t { margin-top: 10px; }
  .AboutFZcourse .AboutFZcourse_swiper { margin:30px 10px 0; }
  .AboutFZcourse .AboutFZcourse_swiper .swiper-slide { font-size: 14px; }
  .BrandStory .tit { font-size: 18px; }
  .BrandStory .con { display: block; }
  .BrandStory .con .box .top{display: flex;}
  .BrandStory .con .box { text-align: 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; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .BrandStory .con .box .Lhide { display: block; }
  .BrandStory .con .box .text { width: -webkit-calc(100% - 70px); width: calc(100% - 70px); }
  .BrandStory .con .box .icon { margin-right: 10px; background-color: rgb(103 0 193);}
  .BrandStory .con .box.boxCenter { margin: 0; }
  .BrandStory .con .box.boxCenter .top{text-align: left;}
  .BrandStory .con .box.boxCenter .bot { display: none; }
  .BrandStory .con .box .top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;  
    -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; text-align: left; margin: 20px 0; }
  .BrandStory .con .box:nth-child(1) { text-align: left; }
  .CorporateCulture { padding: 30px 0 30px; }
  .CorporateCulture .box { display: block; }
  
  .CorporateCulture .box .text{text-align: center;}
  .CorporateCulture .box .text h5{font-weight: bold;}
  .CorporateCulture .box .text .t1::before{
    left: 50%;
    transform: translateX(-50%);
  }
  .CorporateCulture .box:nth-child(odd) .text { padding: 20px 0; }
  .CorporateCulture .box:nth-child(even) .text { padding: 20px 0; }
  .CorporateCulture .box .imgbox { width: 100%; }
  .CorporateCulture .box .text { width: 100%; }
  .CorporateCulture .box .text h5 { font-size: 18px; }
  .CorporateCulture .box .text .t1 { font-size: 14px; padding-bottom: 15px; }
  .CorporateCulture .box .text .t2 { font-size: 12px; margin-top: 10px; }
  .CorporateCulture .box:not(:first-child) { margin-top: 20px; }
  .Lhonorsmall_prev, .Lhonorsmall_next { width: 35px; height: 35px; top: 46%; }
  .Lhonorsmall_prev i, .Lhonorsmall_next i { line-height: 35px; }
  .Lhonor .LhonorTit { font-size: 18px; }
  .Lhonor .con1 .list .box { width: 33%; margin-bottom: 20px; }
  .Lhonor .con1 .list .box h5 { margin-top: 10px; }
  .Lhonor .con2 .LhonorBig_swiper { margin-top: 20px; }
  .Lhonor .con2 .LhonorBig_swiper .swiper-slide .img { height: 230px; }
  .Lhonor .con2 .LhonorBig_swiper .swiper-slide h5 { font-size: 14px; }
  .contactUs .con1240 { display: block; }
  .contactUs .con1240 .left { text-align: center; }
  .contactUs .con1240 .left .list{display: flex;flex-wrap: wrap;justify-content: space-between;}
  .contactUs .con1240 .left .list .li { 
    display: block;
    text-align: center;
    width: 49.5%;
    margin-bottom: 10px;
    border: 1px solid #eaeaea;
    padding: 20px 30px 12px;
  }
  .contactUs .con1240 .left .list .li:not(:first-child){margin-top: 0;}
  .contactUs .con1240 .left .list .li .icon{margin: 0 auto;margin-bottom: 15px;}
  .contactUs .con1240 .left .list .li .t{padding-top: 15px;border-top: 1px solid #eaeaea;}
  .contactUs .con1240 .left .ewmBox { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .contactUs .con1240 .right { margin-top:50px; width: 100%; text-align: center; }
  .recrut .screenBox .box h5 { width: 80px; font-size: 14px; }
  .recrut .screenBox .box .list { width: -webkit-calc(100% - 80px); width: calc(100% - 80px); }
  .recrut .screenBox .box .list .li { margin: 0; line-height: 30px; padding: 0 10px; font-size: 12px; }
  .recrut .screenBox .box:nth-child(2) { margin-top: 10px; }
  .recrut .con .box .top { padding: 20px 0; }
  .recrut .con .box .top .list .li { width: 30%; }
  .recrut .con .box .top .list .li.data { display: none; }
  .recrut .con .box .bot { padding: 20px 10px; }
  .recrut .con .box .bot .tit { font-size: 16px; }
  .recrut .con .box .bot h5 { margin-top: 20px; }
  .recrut .con .box .bot .t { line-height: 1.5; }
  .recrut .con .box .bot a { width: 120px; line-height: 35px; margin-top: 20px; }
  .News .top .News_swiper a { display: block; }
  .News .top .News_swiper a .img { width: 100%; }
  .News .top .News_swiper a .text { width: 100%; padding-bottom: 40px; }
  .News .top .News_swiper a .text .data { font-size: 14px; }
  .News .top .News_swiper a .text h5 { font-size: 16px; height: auto;line-height: 22px;font-weight: bold; }
  .News .top .News_swiper a .text .t { margin-top: 10px; height: auto; }
  .News .top .News_swiper .News_pagination { width: 100%; bottom: 10px; left: 0; text-align: center; }
  .News .top .News_swiper .News_pagination .swiper-pagination-bullet { width: 6px; height: 6px; background-color: #a3a3a3; margin: 0 3px; }
  .News .top .News_swiper .News_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: rgb(103 0 193); }
  .News .bot a { width: 49%; }
  .News .bot a:not(:nth-child(3n + 1)) { margin-left: 0; }
  .News .bot a:not(:nth-child(2n + 1)) { margin-left: 2%; }
  .News .bot a .text { padding: 15px; }
  .News .bot a .text h5 { font-size: 16px; display: -webkit-box; height: 40px; line-height:22px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .News .bot a .text .data { margin-top: 10px; }
  .q_productBanner .con .bj{
    height: 100vh;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .q_productBanner .con .bj video{width: 100%; margin: 0 auto; max-width: none;}
  .StarFood .con .bj img { height: 100vh; width: auto; margin: 0 auto; max-width: none; min-width: auto;}
  .q_productBanner .con .bj img{min-width: auto;}


  .StarFood .con .text h5 { font-size:30px;padding: 0 15px; }
  .StarFood .con .text .t { font-size: 16px; margin-top: 15px;letter-spacing: 2px; }
  .StarFood .con .text a { width: 120px; line-height: 35px; margin: 20px auto 0; }
  .StarFood .con2 .con1240 .phone .ewm { width: 120px; height: 120px; top: 100px; }
  .StarFood .con2 .con1240 .text { padding-top: 100px; }
  .StarFood .con2 .con1240 .text h5 { font-size: 18px; }
  .StarFood .con2 .con1240 .text .t2 { margin-top: 10px; }
  .StarFoodVideo .StarFoodVideo_swiper .swiper-wrapper { height: 150px; }
  .header.header_active .header_icon i{line-height: 30px;} }

  @media (max-width: 580px){
    .StarFoodVideo_popup .con{
      width: 100%;
      max-height: none;
      top: 0;
      left: 0;
      transform: none;
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
  }
    
    .commonProblemm .ProblemmTabBar .Problemm_swiper .swiper-slide .icon{height: 60px;}
    .prez_index{
      position: absolute;
      left: 0;
      width: 100% !important;
      bottom: 10%;
      margin: 0 !important; 
      height: auto;
    }
    .CompanyProfile .tit{text-align: center;}
    .CompanyProfile{text-align: left;padding: 30px 10px;}
    .ServicePolicy{padding: 30px 25px;}
    .StarFood .con2 .con1240 .text .t,
    .newsXQ .con .text,
    .BrandStory .t1,
    .AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem .con h5,
    .AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem .con .t{padding: 0 10px;}
    .CorporateCulture .box .text{
      padding: 20px 10px !important;
    }
  }
  #newBridge .nb-icon-base .nb-icon-inner-wrap,
  #newBridge .nb-icon-base,
  #newBridge #nb_icon_wrap .nb-icon-customer{border-radius:0 !important;}
  #newBridge .icon-right-center,
  #newBridge .nb-icon-base-1 .nb-icon-inner-wrap{width:40px !important;height:47px !important;}
  #newBridge .icon-right-center{right:0 !important;top:auto !important;bottom:73px !important;}
@media (max-width: 465px) { 
    #newBridge .nb-icon-right-center{top:auto !important;bottom:50px !important;height: 44px !important;
    width: 40px !important;right:0 !important;}

  .yinsi{padding-top: 30px;}
  .yinsi .tit{font-size: 16px !important;line-height: 24px !important;}
  .yinsi .t{line-height: 22px !important;font-size: 14px !important;}
  .footer_bottom .ftbo_left img{height: 37px;}
  .crumbs .con1240 .left a{
    padding: 0 10px 0 13px;
    white-space: nowrap;
  }
  /* .ProductCenter .con1240 .RightCon .top .classification{justify-content: flex-end;} */
  .ProductCenter .con1240 .RightCon .list a .swiper-container .swiper-button-prev,
  .ProductCenter .con1240 .RightCon .list a .swiper-container .swiper-button-next{display: none;}
  .Lbanner2 { height: 180px; }
  .Lbanner2 .text { font-size: 18px; display: none;}
  /* .ProductCenter .con1240 .LscreenBox { padding: 20px; }
  .ProductCenter .con1240 .LscreenBox .list { margin-top: 20px; }
  .ProductCenter .con1240 .LscreenBox .list .li { margin-top: 10px; }
  .ProductCenter .con1240 .LscreenBox .list .li h5 { font-size: 12px; }
  .ProductCenter .con1240 .LscreenBox .list .li .nav2 { margin-top: 10px; padding-bottom: 10px; }
  .ProductCenter .con1240 .LscreenBox .list .li .nav2 .on { margin-top: 5px; font-size: 12px; } */
  /* .ProductCenter .con1240 .LscreenBox .list .li .nav2 .on i { width: 12px; height: 12px; margin-right: 5px; } */
  .ProductCenter .con1240{overflow: hidden;}
  .ProductCenter .con1240 .RightCon .top { padding-left: 20px; border-left: none;border-right: none;position: relative;}
  .ProductCenter .con1240 .RightCon .top::before{
    content: "";
    width: 200%;
    height: 1px;
    background-color: #ddd;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .ProductCenter .con1240 .RightCon .top::after{
    content: "";
    width: 200%;
    height: 1px;
    background-color: #ddd;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .ProductCenter .con1240 .RightCon .top .tit { font-size: 20px;line-height: 50px; }
  .ProductCenter .con1240 .RightCon .top .classification{width: 125px;justify-content: center;border-left: 1px solid #ddd;padding-left: 15px;}
  .ProductCenter .con1240 .RightCon .top .classification .screenTit h5{font-size: 16px;}
  .ProductCenter .con1240 .RightCon .list { margin-top: 30px; justify-content: space-between;}
  .ProductCenter .con1240 .RightCon .list a { width: 49%; margin-left: 0 !important; }
  .ProductCenter .con1240 .RightCon .list a .t1{font-size: 16px;}
  .ProductCenter .con1240 .RightCon .list a .t2{font-size: 12px;max-height: 33px;overflow: hidden;}
  .ProductCenter .con1240 .RightCon .list a .t3{font-size: 12px;}
  .ProductCenter .con1240 .RightCon .list a .swiper-container{height: auto;min-height: 129px;}
  .ProductCenter .con1240 .RightCon .list a .swiper-container .swiper-button-next, .ProductCenter .con1240 .RightCon .list a .swiper-container .swiper-button-prev { opacity: 1; -webkit-box-shadow: 0 0 5px #dbd9d9; box-shadow: 0 0 5px #dbd9d9; }
  .ProductCenter .con1240 .RightCon .list a .swiper-container .swiper-button-prev { left: 5px; }
  .ProductCenter .con1240 .RightCon .list a .swiper-container .swiper-button-next { right: 5px; }
  .footer_nav dl dt{font-size: 16px;}
  .footer_nav dl dd a{font-size: 14px;line-height: 24px;}
  .crumbs { padding: 18px 0 10px; }
  .crumbs .con1240 .right form input { padding-left: 10px; width: -webkit-calc(100% - 85px); width: calc(100% - 85px); }
  .crumbs .con1240 .right form button { width: 40px; }
  .crumbs .con1240 .right form button i { font-size: 18px; }
  .commonProblemm .ProblemmTabCont { margin-top: 15px; }
  .commonProblemm .ProblemmTabCont .tabItem .box { padding-left: 10px; }
  .commonProblemm .ProblemmTabCont .tabItem .box .problem { padding: 10px 30px 10px 10px; font-size: 14px; }
  
  .commonProblemm .ProblemmTabCont .tabItem .box i { width: 12px; height: 12px; top: 18px; right: 10px; }
  .commonProblemm .ProblemmTabCont .tabItem .box .bot{padding-bottom: 0;}
  .commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .right{padding: 30px 0;}
  .commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .right h5 { font-size: 14px; }
  .commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .right .Lhide .weicha .t { font-size: 12px; line-height: 18px; }
  .commonProblemm.yuyue .yuyueTit { font-size: 18px; }
  .commonProblemm.yuyue .yuyueCon { margin-top: 15px; }
  .commonProblemm.yuyue .yuyueCon .li { padding: 20px 0; width: 49%; }
  .commonProblemm.yuyue .yuyueCon .li:not(:nth-child(3n + 1)) { margin-left: 0; }
  .commonProblemm.yuyue .yuyueCon .li:not(:nth-child(2n + 1)) { margin-left: 2%; }
  .commonProblemm.yuyue .yuyueCon .li .icon { height: 40px; }
  .commonProblemm.yuyue .yuyueCon .li .icon img { max-width: 40px; }
  /* .commonProblemm.yuyue .yuyueCon .li h5 { font-size: 14px; }
  .commonProblemm.yuyue .yuyueCon .li .t { font-size: 12px; } */
  .commonProblemm.Download .DownloadTabCont .tabItem .box { width: 49%;padding: 10px 15px 20px 15px; }
  .commonProblemm.Download .DownloadTabCont .tabItem .box:not(:nth-child(3n + 1)) { margin-left: 0; }
  .commonProblemm.Download .DownloadTabCont .tabItem .box:not(:nth-child(2n + 1)) { margin-left: 2%; }
  .commonProblemm.Download .DownloadTabCont .tabItem .box .imgBox { height: 140px; }
  .commonProblemm.Download .DownloadTabCont .tabItem .box .text .t { font-size: 12px; padding-bottom: 10px; display: -webkit-box; height: 40px; line-height: 18px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .commonProblemm.Download .DownloadTabCont .tabItem .box .text h5 { font-size: 12px; padding-top: 8px; }
  .UserExperience { padding: 30px 0; }
  .UserExperience .con .box { width: 100%; }
  .UserExperience .con .box:not(:nth-child(2n + 1)) { margin-left: 0; }
  .Channeltit { font-size: 18px; }
  .PurchaseChannel1 { padding-top: 10px; }
  .PurchaseChannel1 .con .list .box { padding: 20px 10px; }
  .PurchaseChannel1 .con .list .box .imgBox { height: 120px; }
  .PurchaseChannel1 .con .list .box h5 { font-size: 14px; }
  .PurchaseChannel2 .con .li h5 { font-size: 16px; }
  .PurchaseChannel2 .con .li .address { font-size: 12px; line-height: 1.4; }
  .PurchaseChannel2 .con .li .address img { margin-top: 0; width: 12px; margin-right: 13px; }
  .PurchaseChannel2 .con .li .contact { width: auto; align-items: flex-start; }
  
  .PurchaseChannel2 .con .li .contact img {font-size: 12px; line-height: 1.4;margin-top: 0;}
  .PurchaseChannel2 .con .li .contact .text { font-size: 12px; line-height: 1.4;}
  /* .AboutFZcourse .AboutFZcourse_swiper { height: 60vh; } */
  .AboutFZcourse .AboutFZcourse_swiper .swiper-wrapper{align-items: center;}
  .AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem .numBox { text-align: center; }
  .AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem.active .numBox .num{position: relative;}
  .AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem.active .numBox .num::after{
    content: "";
    width:55%;
    height:20px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    border-top: 2px solid #8b4d30;
  }
  
  .AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem .numBox .num{font-size: 70px;}
  .AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem .con h5 { font-size: 16px; margin-top: 28px;}
  .AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem.active .con {margin-top: 10px; -webkit-animation: wo2 0.5s linear forwards; animation: wo2 0.5s linear forwards; }
  .AboutFZcourse .AboutFZcourse_swiper{margin-top: 36px;padding-top: 20px;height: 60px;border-top: none;}
  .AboutFZcourse .AboutFZcourse_swiper::before{
    display: block;
    top: 16px;
  }
  
  .AboutFZcourse .AboutFZcourse_swiper .swiper-slide::before{top: -9px;width: 13px;height: 13px;border-width: 3px;}

  /* /标题加粗 */
  .CompanyProfile .tit,
  .Lhonor .LhonorTit,
  .commonProblemm.yuyue .yuyueTit,
  .StarFood .con2 .con1240 .text h5,
  .contactUs .con1240 .left h5,
  .BrandStory .tit,
  .contactUs .con1240 .left h5,
  .contactUs .con1240 .right h5,
  .q_recruitment_title,
  .q_recruitment_title { font-size: 18px; font-weight: bold;}
  .AboutFZcourse .con1240 .top .AboutFZTabCont .tabItem .con h5,
  .Channeltit{font-weight: bold;}



  .Lhonor .con1{padding: 40px 0 5px;}
  .Lhonor .con1 .list{justify-content: space-between;}
  .Lhonor .con1 .list .box { width:46%;margin-bottom:35px; }
  .Lhonor .con2 .bot .Lhonorsmall_swiper .swiper-slide h5{line-height: 22px !important;}

  /* .Lhonor .con1 .list .box:not(:first-child){margin-top: 10px;} */
  .Lhonor .con1 .list .box h5 { font-size: 14px;margin: 0;text-align: center; }
  .Lhonor .con1 .list .box .icon{width: 80px;}
  /* .Lhonor .con1 .list .box .icon img{width: 100%;max-height: none;} */
  .Lhonor .con1 .list .box .rig{
    /* width: calc(100% - 80px);
    padding-left: 10px; */
    text-align: left;
    margin-top: 15px;
  }
  .Lhonor .con1 .list .box .t{
      padding: 0;
    }
  .Lhonor .con2 .LhonorBig_swiper { margin-top: 20px; }
  .Lhonor .con2 .LhonorBig_swiper .swiper-slide .img { height: 300px; }
  .Lhonor .con2 .LhonorBig_swiper .swiper-slide h5 { font-size: 14px; }
  .Lhonor .con2 .bot .Lhonorsmall_swiper .swiper-slide .img { padding: 10px; height: 145px; }
  .contactUs .con1240 .left .list .li{padding: 10px;}
  .contactUs .con1240 .left .list .li .icon{margin-bottom: 10px;}
  .contactUs .con1240 .left .list .li .t{padding-top: 10px;font-size: 14px;line-height: 1.3;}
  .contactUs .con1240 .left .ewmBox { margin-top: 15px; }
  .contactUs .con1240 .left .ewmBox .ewm .img { width: 90px; height: 90px; }
  .contactUs .con1240 .left .ewmBox .ewm:not(:first-child) { margin-left: 20px; }
  .contactUs .con1240 .right form .input { padding-top: 10px; }
  .contactUs .con1240 .right form .input input, .contactUs .con1240 .right form .input textarea { line-height: 40px; }
  .contactUs .con1240 .right form .gou { margin-top: 20px; }
  .contactUs .con1240 .right form .gou i { margin-right: 8px;width: 15px;height: 15px;line-height: 15px; }
  .contactUs .con1240 .right form .gou .t { font-size: 12px; line-height: 35px; white-space: nowrap;}
  .contactUs .con1240 .right form button { width: 120px; line-height: 35px;margin: 20px auto 0; }
  .recrut .screenBox .box { display: block; }
  .recrut .screenBox .box h5 { width: 100%; }
  .recrut .screenBox .box .list { width: 100%; margin-top: 10px; }
  .recrut .con .box .top { padding: 15px 0; }
  .recrut .con .box .top .list .li { width: 45%; }
  .recrut .con .box .top .list .li:last-child { display: none; }
  .recrut .con .box .top .icon { width: 18px; }
  .recrut .con .box .bot { padding: 20px 10px; }
  .recrut .con .box .bot .tit { font-size: 16px; }
  .recrut .con .box .bot h5 { margin-top: 20px; }
  .recrut .con .box .bot .t { line-height: 1.5; }
  .recrut .con .box .bot a { width: 120px; line-height: 35px; margin-top: 20px; }
  .News .top .News_swiper a .text { padding-bottom: 30px; }
  .News .bot{margin-top: 0;}
  .News .bot a { width: 100%; }
  .News .bot a:not(:nth-child(2n + 1)) { margin-left: 0; }
  .News .bot a .text h5 { height: auto;font-weight: bold; }
  .newsXQ { margin-top: 10px; }
  .newsXQ .con { padding:40px 0 30px; }
  .newsXQ .con .tit h5 { font-size: 18px; }
  .newsXQ .con .tit .bot .data { font-size: 12px; padding-right: 5px; }
  .newsXQ .con .tit .bot .share { padding-left: 5px; }
  .newsXQ .con .tit .bot .share .t { font-size: 12px; }
  .newsXQ .con .text { margin-top: 20px !important;font-size: 14px !important; }
  .newsXQ .con .text .t { font-size: 14px !important; line-height: 1.5 !important; margin-top: 10px !important; }
  /* .newsXQ .con .text img { margin-top: 15px !important; } */
  .StarFood .con2 .con1240 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .StarFood .con2 .con1240 .phone { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 100%; max-width: none; }
  .StarFood .con2 .con1240 .phone .ewm { width: 120px; height: 120px; top: 100px; }
  .StarFood .con2 .con1240 .text { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; 
    order: 1; padding-top: 30px;text-align: center; padding-bottom: 0;}
  .StarFood .con2 .con1240 .text .img{margin: 20px auto 0;}
  .StarFood .con2 .con1240 .text .t{margin-top: 15px;text-align: justify;color: #666;line-height: 26px;}
  .StarFood .con2 .con1240 .text h5 { font-size: 18px; }
  
  .StarFood .con2 .con1240 .text .t2 { margin-top: 30px; }
  .StarFoodImg_popup .con { width: 100%;overflow-y: auto;max-height: 100%;top: 0;left: 0;transform: none;}
  .StarFoodImg_popup .con .off { top: 10px; right: 50px;z-index: 99; }
  .StarFoodImg_popup .con .StarFoodImg_popup_prev, .StarFoodImg_popup .con .StarFoodImg_popup_next {position: fixed; width: 35px; height: 35px; top: 46%;border: none; }
  .StarFoodImg_popup .con .StarFoodImg_popup_prev i, .StarFoodImg_popup .con .StarFoodImg_popup_next i { line-height: 35px;font-size: 24px; }
  .StarFoodImg_popup .con .StarFoodImg_popup_prev { left: 5px; }
  .StarFoodImg_popup .con .StarFoodImg_popup_next { right: 5px; }
  .StarFoodVideo .StarFoodVideo_swiper .swiper-wrapper { height: auto; }
  .StarFoodVideo_swiper2 { margin-top: 20px; }
  .AboutFZcourse .AboutFZcourse_swiper .swiper-slide{width: 20%;}
  
  .ProductCenter .con1240 .RightCon .top .classification .screenTit{margin-left: 0;}
}

/*隐私条款*/
.q_privacy_main1 { padding: 60px 0 120px; }

.q_privacy_main1 .details_txt { font-size: 16px;  color: #666666; line-height: 40px; }
.q_privacy_main1 .details_txt .tit {color: rgb(103 0 193) !important; }

.q_privacy_main1 .tips { font-size: 14px;  line-height: 40px; color: #000000; margin-top: 40px; }

/*隐私条款*/
/*友情链接*/
.q_link_main1 { padding: 40px 0 95px; }

.q_link_main1 .block_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.q_link_main1 .block { width: 18.3871%; }

.q_link_main1 .block .pictureBox { padding-top: 35.08772%; -webkit-transition: all .5s; transition: all .5s; position: relative; top: 0; }

.q_link_main1 .block .pictureBox img { max-height: 100%; max-width: 100%; min-width: auto; height: auto; }

.q_link_main1 .block:not(:nth-child(5n)) { margin-right: 2.01613%; }

.q_link_main1 .block:nth-child(n + 6) { margin-top: 25px; }

.q_link_main1 .block:hover .pictureBox { top: -5px; }

/*友情链接*/
/*招聘首页*/
.q_recruitment_title { font-size: 30px; line-height: 1; letter-spacing: -1px; color: #000000; text-align: center; }

.q_recruitment_main1 { padding:60px 0 85px; }

.q_recruitment_main1 .block_box { margin-top: 15px; 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: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.q_recruitment_main1 .block_box .block { margin-top: 20px; position: relative; width: 34.67742%; }

.q_recruitment_main1 .block_box .block .mask { position: absolute; top: 0; bottom: 0; right: 0; left: 0; opacity: 0; -webkit-transition: all .5s; transition: all .5s; font-size: 24px;  line-height: 24px; color: #ffffff; 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-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(0, 0, 0, 0.5); }

.q_recruitment_main1 .block_box .block .pictureBox { padding-top: 88.37209%; }

.q_recruitment_main1 .block_box .block.blocks { width: 63.70968%; }

.q_recruitment_main1 .block_box .block.blocks .pictureBox { padding-top: 48.10127%; }

.q_recruitment_main1 .block_box .block.block1 { width: 31.04839%; }

.q_recruitment_main1 .block_box .block.block1 .pictureBox { padding-top: 98.7013%; }

.q_recruitment_main1 .block_box .block.block2 { width: 100%; }

.q_recruitment_main1 .block_box .block.block2 .pictureBox { padding-top: 30.64516%; }

.q_recruitment_main1 .block_box .block:hover .mask { opacity: 1; }

.q_recruitment_main2 { padding: 95px 0; background-color: #f9f9f9; }

.q_recruitment_main2 .block_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:35px; }

.q_recruitment_main2 .block_box .block { width: 23.79032%; min-height: 240px; border: solid 1px #cccccc; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 18px;  color: #666666; }

.q_recruitment_main2 .block_box .block:not(:nth-child(4n)) { margin-right: 1.6129%; }

.q_recruitment_main2 .block_box .block:nth-child(n + 5) { margin-top: 20px; }

.q_recruitment_main2 .block_box .block .icon_on { display: none; }

.q_recruitment_main2 .block_box .block .name { margin-top: 40px; }

.q_recruitment_main2 .block_box .block:hover { border: 1px solid rgb(103 0 193); color: rgb(103 0 193); }

.q_recruitment_main2 .block_box .block:hover .icon_on { display: block; }

.q_recruitment_main2 .block_box .block:hover .icon_off { display: none; }

.q_recruitment_main2 .Lmore { -webkit-border-radius: 30px; border-radius: 30px; width: 200px; line-height: 50px; 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; border: 1px solid rgb(103 0 193); margin: 50px auto 0; -webkit-transition: all 0.3s; transition: all 0.3s; }

.q_recruitment_main2 .Lmore:hover { background-color: rgb(103 0 193); }

.q_recruitment_main2 .Lmore:hover h5 { color: #fff; }

.q_recruitment_main2 .Lmore:hover .dian span { background-color: #fff; }

.q_recruitment_main2 .Lmore h5 { font-size: 16px; color: rgb(103 0 193); -webkit-transition: all 0.3s; transition: all 0.3s; }

.q_recruitment_main2 .Lmore .dian { 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-left: 24px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.q_recruitment_main2 .Lmore .dian span { -webkit-border-radius: 3px; border-radius: 3px; margin: 0 3px; -webkit-transition: all 0.3s; transition: all 0.3s; background-color: rgb(103 0 193); }

.q_recruitment_main2 .Lmore .dian span:nth-child(1) { width: 4px; height: 4px; }

.q_recruitment_main2 .Lmore .dian span:nth-child(2) { width: 5px; height: 5px; }

.q_recruitment_main2 .Lmore .dian span:nth-child(3) { width: 6px; height: 6px; }

.q_recruitment_main3 {padding: 60px 0 85px;background: #f9f9f9;}
.q_recruitment_main3 .block_box {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;margin: 25px -10px -10px;}
.q_recruitment_main3 .block_box .block {width: calc(33.33% - 20px);margin: 10px; border: 1px solid #eee;padding: 30px 27px;}
.q_recruitment_main3 .block_box .block .title {font-weight: 600;color: #333;font-size: 16px;margin-bottom: 20px;}
.q_recruitment_main3 .block_box .block .line {width: 20px;background-color: rgb(103 0 193);height: 2px;margin-bottom: 30px;}
.q_recruitment_main3 .block_box .block .intro {font-size: 14px;color: #5c636b;line-height: 22px;}
.q_recruitment_main3 .block_box .block .intro p {margin-bottom: 4px;}
.q_recruitment_main3 .block_box .block .intro p:last-child {margin-bottom: 0px;}

@media (max-width: 1260px) {
    .q_recruitment_main3 {
        padding: 20px 0 30px;
    }
}

@media (max-width: 992px) {
    .q_recruitment_main3 .block_box .block {width: calc(50% - 20px);}
}

@media (max-width: 468px) {
    .q_recruitment_main3 .block_box {margin: 22px 0px -12px;}
    .q_recruitment_main3 .block_box .block {width: 100%;margin: 0px 0px 12px;}
}

/*招聘首页*/
/*蒸烤集成中心-集成水槽洗碗机*/
.q_product_main1 { padding: 60px 0 120px; }

.q_product_main1 .tag_box { font-size: 14px; color: #333333; position: relative; display: -webkit-box;
   display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.q_product_main1 .tag_box .line { position: relative; padding-bottom: 10px; display: block; }

.q_product_main1 .tag_box .line:not(:first-child) { margin-left: 100px; }

.q_product_main1 .tag_box .line.active { color: rgb(103 0 193); }

.q_product_main1 .tag_box .line.active:after { content: ' '; position: absolute; bottom: 0; width: 100%; left: 0; height: 1px; background-color: rgb(103 0 193); }

.q_product_main1 .block_box { margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.q_product_main1 .block { width: 23.30645%; border: solid 1px #faf9fa; background-color: #faf9fa; -webkit-transition: all .5s; transition: all .5s; }

.q_product_main1 .block .img { position: relative; }

.q_product_main1 .block .pictureBox { padding-top: 96.88581%; }

.q_product_main1 .block .bg_img { position: relative;}

.q_product_main1 .block .bg_img .pictureBox img {
    height: auto;
    max-width: 90%; 
    max-height: 90%; 
    top: auto;
    bottom: 0;
    transform: translateX(-50%) !important; 
    min-width: auto; }

.q_product_main1 .block .icon_img { position: absolute; top: 0; bottom: 0; right: 0; left: 0; -webkit-transition: all .5s; transition: all .5s; opacity: 0;z-index: 2; }

.q_product_main1 .block .tag { position: absolute; font-size: 12px; color: #ffffff; padding: 0 12px; line-height: 22px; background-color: rgb(103 0 193); -webkit-border-radius: 10px 1px 10px 0px; border-radius: 10px 1px 10px 0px; top: 20px; left: 20px; z-index: 3; }

.q_product_main1 .block .txt_box { padding: 30px 20px; }

.q_product_main1 .block .txt_box .name { font-size: 18px; font-weight: bold; line-height: 24px; color: #000000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.q_product_main1 .block .txt_box .abstract { font-size: 14px;  line-height: 1.1; color: #666666; opacity: 0.8; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 6px; }

.q_product_main1 .block:not(:nth-child(4n)) { margin-right: 2.25806%; }

.q_product_main1 .block:nth-child(n + 5) { margin-top: 28px; }

.q_product_main1 .block:hover { border: solid 1px #dddddd; background-color: #fff; }

.q_product_main1 .block:hover .icon_img { opacity: 1; }

/*蒸烤集成中心-集成水槽洗碗机*/
/*蒸烤集成中心-集成水槽洗碗机-详情*/

/*.q_product_details_main1 .pc_box img { width: 100%; }*/
.q_product_details{padding:60px 0 120px;}
.q_product_details.pro{padding-top: 0 !important;}
.q_product_details_main1 .pc_box img {
  max-width: 100%;
  display: block;
  margin: auto;
}
.newbg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}
.newbg img{width: 100%;}
.NewsproductYM .video{font-size: 0;z-index: 1;}
.NewsproductYM{font-size: 0;}
.NewsproductYM img,
.NewsproductYM video{width: 100%;font-size: 0;height: auto !important;}
/* .NewsproductYM video{width: 100%;font-size: 0;height: 100vh !important;background-color: #000;} */
.NewsproductYMPhone{display: none !important;}
.q_product_details_main1 .mobile_box { display: none; }

@media (max-width: 800px){
  .q_product_details{padding: 30px 0;}
  .NewsproductYMPC{display: none;}
  .NewsproductYMPhone{display: block !important;}
  .NewsproductYMPhone .video{
    width: 100%;
    height: 100vh;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .NewsproductYMPhone .video video{width: 100% !important;height: auto !important;}
}
/*蒸烤集成中心-集成水槽洗碗机-详情*/
@media (max-width: 1260px) { .q_privacy_main1 { padding: 60px 0 80px; }
  .q_link_main1 { padding: 40px 0 80px; }
  .q_recruitment_main1 { padding: 20px 0 30px; }
  .q_recruitment_main2 { padding:  20px 0 30px; }
  .q_recruitment_title { font-size: 24px; }
  .q_product_main1 { padding: 20px 0 80px; }
  .q_product_main1 .block .txt_box { padding: 15px; }
  .q_product_main1 .block .bg_img .pictureBox img { max-width: 60%; }
  .flex_between{display: block;}

}

@media (max-width: 768px) { 
  .q_product_main1 .tag_box{font-weight: normal;}
  .crumbs .con1240 .left a{padding: 0 20px 0 23px;font-size: 14px;}
  .q_privacy_main1 { padding: 40px 0 60px; }
  .q_privacy_main1 .details_txt p { font-size: 16px !important; }
  .q_link_main1 { padding: 40px 0 60px; }
  .q_link_main1 .block { width: 32%; }
  .q_link_main1 .block:not(:nth-child(5n)) { margin-right: 0; }
  .q_link_main1 .block:not(:nth-child(3n)) { margin-right: 1.5%; }
  .q_link_main1 .block:nth-child(n + 4) { margin-top: 25px; }
  .q_recruitment{margin-top: 0;}
  .q_recruitment_title { font-size: 22px; }
  .q_recruitment_main1 .block_box { margin-top: 10px; }
  .q_recruitment_main2 .block_box { margin-top: 20px; }
  .q_recruitment_main1 .block_box .block .mask { font-size: 18px; }
  .q_recruitment_main2 .block_box .block { width: 49%; padding: 15px; }
  .q_recruitment_main2 .block_box .block .icon { max-width: 70px; max-height: 70px; margin: 0 auto; }
  .q_recruitment_main2 .block_box .block:not(:nth-child(4n)) { margin-right: 0; }
  .q_recruitment_main2 .block_box .block:nth-child(odd) { margin-right: 2%; }
  .q_recruitment_main2 .block_box .block:nth-child(n + 3) { margin-top: 25px; }
  .q_recruitment_main2 .block_box .block .name { margin-top: 20px; }
  .q_product_main1 { padding: 20px 0 60px; }
  .q_product_main1 .block { width: 32%; }
  .q_product_main1 .block:not(:nth-child(4n)) { margin-right: 0; }
  .q_product_main1 .block:not(:nth-child(3n)) { margin-right: 1.5%; }
  .q_product_main1 .block:nth-child(n + 4) { margin-top: 20px; }
  .q_product_main1 .tag_box .line:not(:first-child) { margin-left: 20px; }
  .q_product_details_main1 .pc_box { display: none; }
  .q_product_details_main1 .mobile_box { display: block; } 
  .q_recruitment_main2  .Lmore { width: 120px; line-height: 35px; margin: 20px auto 0; }
  .q_recruitment_main2  .Lmore h5 { font-size: 14px; }
  .q_recruitment_main2  .Lmore .dian { display: none; }

}

@media (max-width: 480px) { .q_privacy_main1 { padding: 0 0 40px; }
  .q_privacy_main1 .details_txt p { font-size: 14px !important; line-height: 22px; }
  .q_privacy_main1 .tips { font-size: 12px; line-height: 1.1; margin-top: 20px; }
  .q_link_main1 { padding: 20px 0 40px; }
  .q_link_main1 .block { width: 49%; }
  .q_link_main1 .block:not(:nth-child(3n)) { margin-right: 0; }
  .q_link_main1 .block:nth-child(n + 3) { margin-top: 15px; }
  .q_link_main1 .block:nth-child(odd) { margin-right: 2%; }
  .q_recruitment_title { font-size: 20px; }
  .q_recruitment_main1 .block_box .block .mask { font-size: 14px; }
  .q_recruitment_main1 .block_box .block { margin-top: 10px; }
  .q_recruitment_main2 .block_box .block { padding: 10px; min-height: 150px; }
  .q_recruitment_main2 .block_box .block:nth-child(n + 3) { margin-top: 15px; }
  .q_recruitment_main2 .block_box .block .name { margin-top: 10px; font-size: 14px; }
  .q_product_main1 { padding: 30px 0 40px; }
  .q_product_main1 .block { width: 49%; }
  .q_product_main1 .block:not(:nth-child(3n)) { margin-right: 0; }
  .q_product_main1 .block:nth-child(n + 3) { margin-top: 20px; }
  .q_product_main1 .block:nth-child(odd) { margin-right: 2%; }
  .q_product_main1 .block .bg_img .pictureBox img { 
    max-width: 75%;

  }
  .q_product_main1 .block .txt_box .name { font-size: 16px; }
  .q_product_main1 .block .txt_box .abstract { font-size: 14px; }
  .q_product_main1 .block .tag { top: 10px; left: 10px; }
  .q_product_main1 .block_box { margin-top: 20px; } 
.sein_right .sein_list .item .text h2 { font-size: 14px; }

.sein_right .sein_list .item .text p { font-size: 12px; }


}

@font-face { 
  font-family: "socialshare"; 
  src: url("../fonts/iconfont.eot"); 
  src: url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"), 
       url("../fonts/iconfont.woff") format("woff"), 
       url("../fonts/iconfont.ttf") format("truetype"), 
       url("../fonts/iconfont.svg#iconfont") format("svg"); 
    }
    @font-face { 
      font-family: "siyuan"; 
      src: url("../font/SourceHanSansCN-Normal.otf"),
           url("../font/SourceHanSansCN-Normal-Alphabetic.woff") format("woff"), 
           url("../font/SourceHanSansCN-Normal-Alphabetic.woff2") format("woff2"), 
           url("../font/SourceHanSansCN-Normal-Alphabetic.ttf") format("truetype"), 
           url("../font/iconfont.svg#iconfont") format("svg"); 
        }
        @font-face { 
          font-family: "siyuanBold"; 
          src: url("../font/SourceHanSansCN-Bold.otf"),
               url("../font/iconfont.svg#iconfont") format("svg"); 
            }



.social-share { font-family: "socialshare" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }

.social-share * { font-family: "socialshare" !important; }

.social-share .icon-tencent:before { content: "\f07a"; }

.social-share .social-share-icon:before { content: ""; width: 15px; height: 11px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-position: center; }

.social-share .icon-qq:before { background-image: url(../images/Licon50.png); }

.social-share .icon-qq:hover::before { background-image: url(../images/Licon51.png); }

.social-share .icon-weibo:before { background-image: url(../images/Licon52.png); }

.social-share .icon-weibo:hover::before { background-image: url(../images/Licon53.png); }

.social-share .icon-wechat:before { background-image: url(../images/Licon48.png); }

.social-share .icon-wechat:hover::before { background-image: url(../images/Licon49.png); }

.social-share .icon-douban:before { content: "\f10a"; }

.social-share .icon-heart:before { content: "\f20a"; }

.social-share .icon-like:before { content: "\f00a"; }

.social-share .icon-qzone:before { content: "\f08a"; }

.social-share .icon-linkedin:before { content: "\f01a"; }

.social-share .icon-diandian:before { content: "\f05a"; }

.social-share .icon-facebook:before { content: "\f03a"; }

.social-share .icon-google:before { content: "\f04a"; }

.social-share .icon-twitter:before { content: "\f06a"; }

.social-share a { position: relative; text-decoration: none; margin: 4px; display: inline-block; outline: none; }

.social-share .social-share-icon { position: relative; display: inline-block; width: 27px; height: 27px; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid #cfd0d2; 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:hover { background: #ff763b; border-color: #ff763b; }

.social-share .icon-tencent { color: #56b6e7; border-color: #56b6e7; }

.social-share .icon-tencent:hover { background: #56b6e7; }

.social-share .icon-qq:hover { background: #56b6e7; border-color: #56b6e7; }

.social-share .icon-qzone { color: #FDBE3D; border-color: #FDBE3D; }

.social-share .icon-qzone:hover { background: #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:hover { background: #7bc549; border-color: #7bc549; }

.social-share .icon-wechat .wechat-qrcode { display: none; border: 1px solid #eee; position: absolute; z-index: 9; top: -205px; left: -84px; width: 200px; height: 192px; color: #666; font-size: 12px; text-align: center; background-color: #fff; -webkit-box-shadow: 0 2px 10px #aaa; box-shadow: 0 2px 10px #aaa; -webkit-transition: all 200ms; transition: all 200ms; -webkit-tansition: all 350ms; -moz-transition: all 350ms; }

.social-share .icon-wechat .wechat-qrcode.bottom { top: 40px; left: -84px; }

.social-share .icon-wechat .wechat-qrcode.bottom:after { display: none; }

.social-share .icon-wechat .wechat-qrcode h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777; }

.social-share .icon-wechat .wechat-qrcode .qrcode { width: 105px; margin: 10px 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: 16px; padding: 0; margin: 0; }

.social-share .icon-wechat .wechat-qrcode:after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent; }

.social-share .icon-wechat:hover .wechat-qrcode { display: block; }

@media (min-width: 1260px) { .head_navlist li:hover .sub_zinav { pointer-events: initial; opacity: 1; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
  .sub_zinav a:hover { background: #004894; color: #fff !important; }
  .head_navlist li .sub_zinav { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .head_navlist li > a { position: relative; }
  .head_navlist li > a::after { position: absolute; bottom: -1px; width: 0; height: 2px; background: rgb(103 0 193); content: ""; display: block; left: 50%; -webkit-transition: all 0.4s; transition: all 0.4s; }
  .head_navlist li.active > a::after, .head_navlist li:hover > a::after { width: 100%; margin-left: -50%; }
  /* .slidedown_box { -webkit-transition: all .4s ease-in; transition: all .4s ease-in; } */
  /* .head_navlist li:hover .slidedown_box { 
    -webkit-transform: translateY(0); 
    -ms-transform: translateY(0); 
    transform: translateY(0); 
    opacity: 1; 
    visibility: visible;
  } */
  /* .head_navlist li:hover .slidedown_box .headdown_content { 
    -webkit-transform: translateY(0); -ms-transform: translateY(0); 
    transform: translateY(0); opacity: 1; visibility: visible; 
    -webkit-transition: opacity .5s ease-in .3s; 
    transition: opacity .5s ease-in .3s;} */
  /* .header_shop:hover .slidedown_box { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; }
  .header_shop:hover .slidedown_box .headdown_content { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); 
    opacity: 1; visibility: visible; -webkit-transition: opacity .5s ease-in .3s; transition: opacity .5s ease-in .3s; }  */
  }
  @media (max-width: 1500px){
    .container1700{
      width: 100%;
    }
  }

  .container1400{width: 1400px;margin: 0 auto;}
@media (max-width: 1400px) { 
  .inpro_content .inpro_title { font-size: 40px; } 
  .container1400{width: 100%;padding: 0 15px;}
}



@media (min-width: 1260px) {
  .header.header_active3 .head_navlist li > a { color: #fff !important; }
  .header.header_active3 .header_logo .img2 { display: none !important; }
  .header.header_active3 .header_logo .img1 { display: block !important; }
.header::before{
  content: "";
  width: 100%;
  height: 80px;
  position: absolute;
  background: rgba(0, 0, 0, 0.35) !important;
  backdrop-filter: blur(60px) saturate(1.2) !important; 
  -webkit-backdrop-filter: blur(60px) saturate(1.2) !important; 
  -ms-backdrop-filter: blur(60px) saturate(1.2) !important; 
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.5s;
 }
 .header.header_active4::before{opacity: 1;}
   
  .slidedown_box { 
    background: rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(60px) saturate(1.2) !important; 
    -webkit-backdrop-filter: blur(60px) saturate(1.2) !important; 
    -ms-backdrop-filter: blur(60px) saturate(1.2) !important; 
  }
}
.header-mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 180;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
  
}
@media (max-width: 1260px) { 
  .header-mask {
    background-color: rgba(0,0,0,0.7);
    backdrop-filter: blur(60px) saturate(1.2) !important; 
    -webkit-backdrop-filter: blur(60px) saturate(1.2) !important; 
    -ms-backdrop-filter: blur(60px) saturate(1.2) !important; 
    /* backdrop-filter: blur(60px) saturate(1.2);  */
    
  }
  .slidedown_box{background-color: transparent;}

  .header.header_active4::before{height: 60px;}
  .con1240 { width: 100%; padding: 0 15px; }
  .clickActive .navmenu_box span { background: #333; }
  .clickActive .header_icon i { color: #333; }
  .clickActive .header_logo .img1 { display: none; }
  .clickActive .header_logo .img2 { display: block; }
  .clickActive .hicon_search i { color: #333; }
  .hicon_search { position: relative; }
  .header_nav { padding: 0 15px; }
  .header { padding:0; height: 60px; }
  .container1200 { width: auto; margin: 0 15px; }
  .navmenu_box { display: block; }
  .header_content { margin: 0; width: 100%; }
  .headdown_content { margin: 0; }
  .header_nav { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; padding-top: 70px;
    /* background: rgba(0, 0, 0, 0.35) !important;  */
    /* backdrop-filter: blur(60px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(60px) saturate(1.2) !important; 
    -ms-backdrop-filter: blur(60px) saturate(1.2) !important;  */
   }
  .head_navlist { display: block; }
  .header_shop { display: none; }
  .head_navlist li { display: block; float: none; line-height: 60px; padding: 0 15px; border-bottom: 1px solid #f7f7f7; padding: 0; }
  .head_navlist li > a { color: #fff; line-height: 55px; padding: 0; }
  .head_navlist li .sub_zinav { position: static; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); opacity: 1; display: none; }
  .sub_zinav a { color: #fff; padding: 0; text-align: left; padding-left: 15px; line-height: 40px; }
  .head_navlist li > span { display: block; }
  .head_navlist li { position: relative; }
  .s_shoplist .s_item p { color: #fff; }
  .headdown_content { opacity: 1; }
  .slidedown_box { display: none; position: static !important; -webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; transform: translateY(0) !important; padding: 0; opacity: 1; visibility: visible; }
  .s_shoplist .s_item { margin: 0; width: 20%; padding: 15px 2px; }
  .s_shoplist { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .s_shoplist .s_item p,
  .product_down .s_shoplist .s_item p{font-size: 16px;margin-top: 10px;}
  .s_shoplist .s_item:nth-child(5n) { border-right: none; }
  /* .headdown_content .s_item img { -webkit-filter: drop-shadow(0 0 #000); filter: drop-shadow(0 0 #000); } */
  .sein_left { width: 100%; border-right: none; padding: 30px 0; }
  .sein_right { width: 100%; padding-bottom: 30px; }
  .footer_bottom { display: block; }
  .footer_bottom .ftbo_right { margin-top: 20px; }
  .footer_nav dl dt { margin-bottom: 0; }
  .footer_nav { display: block; }
  .footer_nav dl dd { display: none; margin-top: 10px; }
  .footer_content { padding-top: 20px; }
  .footer_nav dl { padding: 15px 0; border-bottom: 1px solid #ddd; position: relative; }
  .footer_nav dl .iconfontdown { display: block; }
  .footer_nav dl .iconfontdown::before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); 
    transform: rotate(-90deg); -webkit-transition: all 0.4s; transition: all 0.4s; }
  .footer_nav dl .iconfontdown { 
    display: -webkit-box; display: -webkit-flex;
     display: -ms-flexbox; display: flex; position: absolute;
      top: 0; right: 0; color: #9c9c9c; width: 100%;
       height: 52px; -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 .iconfontdown.active::before { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }
  .index_news { padding-top: 60px; padding-bottom: 40px; }
  .inpro_content .inpro_title { font-size: 32px; }
  .mobile_shop { display: block; }
  .subnavlist { position: static; width: 100%; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); padding-left: 30px; text-align: left; }
  .subnavlist a { border: none; line-height: 35px; text-align: left; }
  .product_down .pro_reco, .pro_catenav .pro_catenavTitle { display: none; }
  .product_down .pro_catenav { width: 100%; padding: 0; }
  .product_down .s_shoplist .s_item p { position: static !important; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); }
  .product_down .s_shoplist .s_item { width: 25%; margin: 0 !important; border-right: 1px solid #f6f7f9; border-bottom: 1px solid #f6f7f9; }
  .product_down .s_shoplist { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important;
     justify-content: flex-start !important; }
  .product_down .s_shoplist .s_item:nth-child(4n) { border-right: none; }
  .header_nav { overflow-y: auto; padding-top: 0 !important; top: 60px; }
  .header.clickActive { background: #fff; }
  .headdown_content .s_item img,
  .headdown_content .pro_catenav .s_item img{ height: 60px; }
  .product_down .pro_line { display: none; }
  .product_down .headdown_content { display: block; }
  .steamerPro_swiper .item .title { color: #fff; margin: 30px 0; line-height: 1; } 
  .header-mask{background-color: rgba(0, 0, 0, 0.45);}
}

@media (max-width: 992px) { .index_pagination { display: none !important; }
.service_down, .delicious_down, .official_mall { padding: 10px 0; }
.product_down .s_shoplist .s_item{margin-bottom: 40px;}
}

@media (max-width: 768px) { .header .header_logo img { width: 120px; }
  .header_icon:nth-child(2) i, .header_icon:nth-child(3) i { margin-left: 5px; }
  .search_form { left: 15px; right: 15px; width: -webkit-calc(100% - 30px); width: calc(100% - 30px);border-radius: 4px; }
  .search_form .searchbtn{
    background-color: #fff;
    width: 7.5%;
  }

  .search_form .searchbtn i{
    font-size: 20px;
    color: #666;
  }
  .crumbs .con1240 .right form button::before{height: 50%;}
  .crumbs .con1240 .right form button i{color: #666;}
  .header_right { position: static; }
  .innews_swiper .text .title { font-size: 16px; }
  .sein_left { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 30px 0 50px 0; }
  .sein_list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sein_list .item { width: 50%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 15px; }
  .footer_bottom .ftbo_left { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .footer_bottom .ftbo_left .ftbo_links { margin-left: 0; margin-top: 10px; width: 100%; }
  .footer_bottom { margin-top: 20px; }
  /*.mobile_banner { display: block; }*/
  /*.pc_banner { display: none; }*/
  .inproduct_banner { display: none; }
  .steamerPro_swiper .swiper-slide { max-width: initial; width: auto; }
  .steamerPro_swiper .swiper-slide img { width: 300px; }
  .s_shoplist .s_item p,
  .product_down .s_shoplist .s_item p{font-size: 14px;}
  .yuyPopup .con{padding: 55px 0}
  .yuyPopup .con .off{top: 15px;right: 15px;}
  .StarFood.q_productBanner .con .text h5{font-size: 18px;}
  .StarFood.q_productBanner .con .text .t{font-size: 14px;margin-top: 10px;line-height: 20px;}
  .StarFood.q_productBanner .con .text a{width: 80px;line-height: 28px;margin: 10px auto 0;}
}

@media (max-width: 520px) { 
  .footer_bottom{margin-top: 30px;}
  .footer_bottom .ftbo_left .ftbo_links { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;margin-top: 20px; }
  .footer_content { padding-bottom: 10px; padding-top: 10px; }
  .s_shoplist .s_item { width: 33.3333%; }
  .s_shoplist .s_item p { font-size: 12px; }
  .s_shoplist .s_item:nth-child(3n) { border-right: none; }
  .headdown_content .s_item img { height: 40px; }
  .innews_swiper .text .type { font-size: 12px; }
  .innews_swiper .text .title { margin: 10px 0; }
  .sein_list img { width: 25px; }
  .sein_list { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .sein_list .item { width: 48%; }
  .sein_right .sein_list .item .text { margin-left: 10px; }
  .sein_right { padding-bottom: 10px; }
  .footer_bottom .ftbo_right { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .footer_bottom .ftbo_right p { width: 100%; margin: 10px 0; }
  .footer_bottom .ftbo_left .ftbo_links span { margin: 0 15px; }
  .ftlinkicon_list { display: none; }
  .inpro_content .inpro_title { font-size: 30px; letter-spacing: 3px;line-height: 1.3;margin-bottom: 10px; }
  .inpro_content .inpro_subtitle { font-size: 14px; letter-spacing: 2px; }
  .inpro_content .inpro_links { width: 160px; height: 45px; font-size: 14px; margin-top: 30px; }
  .prez_index.left .inpro_content .inpro_links{margin: 30px 0 0 ;}
  .prez_index.bottom{padding-bottom: 0;}
  .steamerPro_swiper .item .title { font-size: 14px; margin: 20px 0; }
  .steamerPro_swiper .swiper-slide img { width: 250px; }
  .head_navlist li{border-bottom: none;}
  .product_down .s_shoplist .s_item { width: 33.3333%; }
  .product_down .s_shoplist .s_item { border-right: none !important;border-bottom: none !important; }
  .product_down .s_shoplist .s_item:nth-child(3n) { border-right: none !important; }
  .footer_nav dl dd{margin-top: 20px;} 
  .hicon_search a{
    display: block;
    margin-top: 4px;
  }
}


  .ExitPreviewBox{
    width: 100%;
    position: fixed;
    z-index: 99;
    top: 80px;
    left: 0;
    padding: 0 15px; 
    /* backdrop-filter: blur(60px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(60px) saturate(1.2) !important; 
    -ms-backdrop-filter: blur(60px) saturate(1.2) !important;  */
  }
  .ExitPreviewBox .con{
    width: 1400px;
    margin: 0 auto;
    max-width: 100%;
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .ExitPreviewBox .left{
    font-size: 16px;
    color: #fff;
    transition: all 0.3s;
  }
  .ExitPreviewBox .ExitPreview{
    font-size: 16px;
    color: #fff;
    transition: all 0.3s;
  }
  .ExitPreview:hover{
    color:rgb(103 0 193);
  }
  .q_recruitmentImg img{width: 100%;}
  .PhoneShow{display: none !important;}
  @media (max-width: 750px){
    .Pcshow{display: none !important;}
    .PhoneShow{display: block !important;}
    .Lbanner2.StarFood{
      height: 100vh !important;
      background-color: #000;
    }
    @-webkit-keyframes inenr_banner2 { 0% { -webkit-transform:translateX(-50%) scale(1); transform:translateX(-50%) scale(1); }
      100% { -webkit-transform:translateX(-50%) scale(1.1); transform:translateX(-50%) scale(1.1); } }


    @keyframes inenr_banner2 { 0% { -webkit-transform:translateX(-50%) scale(1); transform:translateX(-50%) scale(1); }
      100% { -webkit-transform:translateX(-50%) scale(1.1); transform:translateX(-50%) scale(1.1) ; } }

    .Lbanner2.StarFood .img{height: 100vh;}
    .Lbanner2.StarFood img{
        height: 100vh;
        min-width: 100%;
        max-width: none;
        position: absolute;
        right: auto;
        width: auto;
        bottom: auto;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        object-fit: none;
        animation: inenr_banner2 7s linear infinite alternate;
        -webkit-animation: inenr_banner2 7s linear infinite alternate; 
        
    }
    .ExitPreviewBox .con{padding: 10px 0;}
      .q_product_main1 .tag_box{
      display: block;
      overflow-x: auto;
      white-space: nowrap;
      padding-bottom: 5px;
    }
    /* .q_product_main1 .tag_box::-webkit-scrollbar{
      position: relative;
      bottom: 0;
    } */
    .ExitPreviewBox .left{
      font-size:14px;
    }
    .ExitPreviewBox .ExitPreview{
      font-size: 14px;
    }
    .q_product_main1 .tag_box .line{white-space: nowrap;display: inline-block ;}
  
  
  }
  @media (max-width: 465px){
    .search_form .resetBth{right: 58px;}
    .search_form .searchbtn{width: 13%;}
    .layui-laypage a{padding: 0 9px !important;}
    .newbg img{width: auto;height: 100vh;max-width: none;margin: 0 auto;}
    .sein_left p{font-size: 14px;}
    .recrut .screenBox .box .list{margin-left: -5px;}
    .recrut .screenBox .box .list .li{
      margin: 0 5px;
      padding: 0 5px;
      line-height: 25px;
    }
    .ProductCenter .con1240 .RightCon .list a .swiper-container .swiper-slide .img img{height: 130px;}
    .ProductCenter .con1240 .RightCon .list a .t2{margin-top: 5px;}
    .ProductCenter .con1240 .RightCon .list a .t3 .li{padding: 0 4px;line-height: 16px;}
    .ProductCenter .con1240 .RightCon .list a .t3{margin-top: 10px;justify-content: center;}
    .StarFood .con .text h5{letter-spacing: 0;}
    .commonProblemm .ProblemmTabCont .tabItem .box .bot .botflex .left{
      padding: 0 20px 0 10px;
    }
    .commonProblemm.yuyue .ProblemmTabCont .tabItem .box .bot {
      padding: 10px 0 0 10px;
  }
  .headdown_content .pro_catenav .s_item img {width: auto !important;height: 45px; } 
  .s_shoplist .s_item p, .product_down .s_shoplist .s_item p{margin-top: 15px;}
  /* .defaPrevNextpage .defaPageBox{padding: 0 10px;} */
  .prez_index.left{justify-content: center;}
  .prez_index.left .inpro_content{text-align: center;}
.prez_index.left .inpro_content .inpro_links{margin: 30px auto 0;}

.defaSearchList li a .img{width: 100%;}
.defaSearchList li a .text{
  width: 100%;
  padding-left: 0;
  margin-top: 15px;
}
  }
.phoneShow{display: none !important;}
  @media (max-width: 750px) {
    .News .bot a .text .data{font-size: 14px;}
    .footer_bottom .ftbo_right .dianhua{font-size: 24px;}
    .PCshow{display: none !important;}
    .phoneCss{display: block;}
    .phoneShow{display: block !important;position: relative;z-index: 9;min-height: 100%;object-fit: cover;max-width: none;margin: auto;width: 100%}
    /* .indexmain_swiper, .indexmain_swiper .swiper-container{height: auto;}
    .index_productmain .index_productbgimg{position: static;width: 100%;}

    .prez_index{position: absolute;}
    .inpro_content .inpro_title{font-size: 18px;}
    .inpro_content .inpro_subtitle{font-size: 12px;}
    .inpro_content .inpro_links{
      width: 100px;
      height: 30px;
      font-size: 12px;
      margin-top: 20px;
    }
    .index_news{padding-top: 10px;} */
    .layui-laypage .layui-laypage-prev .iconfont, .layui-laypage .layui-laypage-next .iconfont{font-size: 16px;}
    .defaPrevNextpage .li .left{width: 30%;}
    .defaPageBox{width: 70%;}
    .ServicePolicy .con .table table tr td{text-align: justify;}
    .q_product_details_main1 h5,
    .q_product_details_main1 h5 span{font-size: 18px !important;font-weight: bold !important;margin-bottom: 0 !important;}
    .q_product_details_main1 h6,
    .q_product_details_main1 h6 span{font-size: 12px !important;}
    .q_product_details_main1 p span{
      font-size: 14px !important;
      line-height: 22px !important;
    }
    .UserExperience .con .box .text h5{font-size: 16px;font-weight: bold;}

  }
  .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }
  @keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
      transform: translateY(20px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }
  
  .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }
  @-webkit-keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(80px);
      transform: translateY(80px);
    }



  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  
  @keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
      transform: translateY(20px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }
  
  .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }

  /* 20221121新添 */
  .screenTit{
    justify-content: space-between;
  }
  .screenTit .left,
  .screenTit .ResetRig{display: flex;align-items: center;cursor: pointer;}
  .screenTit .ResetRig .icon{height: 20px;}
  .screenTit .ResetRig .icon .Lhide{display: none;}
  .screenTit .ResetRig h5{transition: all 0.3s;}
  .screenTit .ResetRig .icon{
    width: 20px;
    height: 20px;
    font-size: 0;
  }
  .screenTit .ResetRig:hover h5{
    color: rgb(103 0 193);
  }
  .screenTit .ResetRig:hover .icon .Lshow{display: none;}
  .screenTit .ResetRig:hover .icon .Lhide{display: block;}
  .indexbanner_pagination{width: 100%;bottom: 15px;font-size: 0;height: 8px;}
  .indexbanner_pagination .swiper-pagination-bullet{background-color: rgba(0, 0, 0, 0.5);opacity:1;margin: 0 3px;}
  .indexbanner_pagination .swiper-pagination-bullet-active{background-color:  #fff;}
 
  
  .defaPrevNextpage { margin-top: 75px; 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; }
  
  .defaPrevNextpage p:hover a { color: rgb(103 0 193); }
  
  .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:nth-child(2) { border: none; }
  
  .defaPrevNextpage p:nth-child(2) span:after { border-bottom: none; border-top: 5px solid #000000; }
  .DefaultSelector .select2-container--default .select2-selection--single{height: 42px;}
  @media (max-width: 992px) {
    .screenTit .ResetRig{display: none;}
    /* .defaPrevNextpage p span { position: absolute; left: 0px; padding-left: 40px; top: 0px; display: block; width: 15%; }
    .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: 30px; width: 120px; display: block; }
    .defaPrevNextpage p { border-bottom: 1px solid #dddddd; position: relative; padding: 0px 130px 0px 20%; font-size: 18px; line-height: 70px; white-space: nowrap; height: 70px; } 
   */
  }

  .MessagePopUp{
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    display: none;
  }
  .MessagePopUp .con{
    width: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    transform: translate(-50%,-50%);
    background-color: #fff;
    z-index: 10;
    padding: 70px 10px;
    text-align: center;
  }
  .MessagePopUp .con h5{font-size: 26px;color: #333;font-weight: bold
    ;}
  .MessagePopUp .con .but{
    padding: 0 30px;
    min-width: 140px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #111;
    display: inline-block;
    color: #333;
    padding: 0 20px;
    font-size: 18px;
    margin-top: 50px;
    transition: all 0.3s;
  }
  .MessagePopUp .con .but:hover{
    background-color: rgb(103 0 193);
    color: #fff;
    border-color: rgb(103 0 193);
  }
  
  .MessagePopUp .con .off{
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    transform: rotate(45deg);
  }
  .MessagePopUp .con .off::before{
    content: "";
    width: 100%;
    height: 2px;
    background-color: #333;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .MessagePopUp .con .off::after{
    content: "";
    width: 2px;
    height: 100%;
    background-color: #333;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .MessagePopUp i{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.7);
    cursor: pointer;
  }

  @media (max-width: 465px) {
    .defaWebMap {padding-bottom: 30px;}
    .contactUs .con1240 .left .list{margin-top: 20px;}
    .MessagePopUp .con{width: 90%;padding: 50px 10px;}
    .MessagePopUp .con h5{font-size: 20px;}
    .MessagePopUp .con .but{
      padding: 0 20px;
      min-width: 100px;
      line-height: 35px;
      font-size: 14px;
      margin-top: 30px;
    }
  }
  
  /* //  <!-- 新添弹窗 --> */
.q_recruitmentImg img{width: 100%;}
.ApplyForJoining { position: fixed; width: 100vw; height: 100vh; top: 0; z-index: 1002; left: 0; display: none; }

.ApplyForJoining .bi { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); position: absolute; top: 0; left: 0; z-index: 1; cursor: pointer; }

.ApplyForJoining .con { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0.7); -ms-transform: translate(-50%, -50%) scale(0.7); transform: translate(-50%, -50%) scale(0.7); background-color: #fff; -webkit-transition: all 1.2s; transition: all 1.2s; -webkit-border-radius: 15px; border-radius: 15px; padding: 60px 30px; z-index: 5; }

.ApplyForJoining .con h5 { font-size: 24px; font-weight: bold; text-align: center; color: #333; }

.ApplyForJoining .con form { 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: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 30px; }

.ApplyForJoining .con form .input { width: 32%; margin-bottom: 30px;}

.ApplyForJoining .con form .input .t { font-size: 14px; color: #333; white-space: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; }

.ApplyForJoining .con form .input .t span { color: #fd3903; padding-left: 5px; }

.ApplyForJoining .con form .input.input2 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: none; }

.ApplyForJoining .con form .input .DefaultSelector { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; justify-content: space-between;}

.ApplyForJoining .con form .input input, .ApplyForJoining .con form .input textarea { 
  width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; 
  padding: 0 10px; 
  border: 1px solid #333;
  line-height: 40px;
  border-radius: 5px;

 }

.ApplyForJoining .con form .input input::-webkit-input-placeholder, .ApplyForJoining .con form .input textarea::-webkit-input-placeholder { color: #ccc; }

.ApplyForJoining .con form .input input::-moz-placeholder, .ApplyForJoining .con form .input textarea::-moz-placeholder { color: #ccc; }

.ApplyForJoining .con form .input input:-ms-input-placeholder, .ApplyForJoining .con form .input textarea:-ms-input-placeholder { color: #ccc; }

.ApplyForJoining .con form .input input::placeholder, .ApplyForJoining .con form .input textarea::placeholder { color: #ccc; }

.ApplyForJoining .con form .gou { margin-top: 15px; text-align: center; width: 100%; font-size: 14px; color: #727473; }

.ApplyForJoining .con form button { width: 75%; line-height: 40px; background-color: rgb(103 0 193); -webkit-border-radius: 30px; border-radius: 30px; text-align: center; color: #fff; font-size: 14px; border: none; margin: 20px auto 0; }

.ApplyForJoining .con form .select2-container--default .select2-selection--single { border: none; }

.ApplyForJoining .con form .select2-container {  
  border: 1px solid #333;
  line-height: 40px;
  border-radius: 5px; 
  width: 32% !important;
  margin: 0 !important;
  flex: none;

}

.ApplyForJoining.active .con { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
.ApplyForJoining.active .con .off{cursor: pointer;position: absolute;top: 20px;right: 20px;font-size: 0;z-index: 10;}
.ApplyForJoining.active .con .off i{font-size: 20px;color: #333;}
.ApplyForJoiningSImg { 
    width: 20%; -webkit-border-radius: 20px; border-radius: 20px; 
    overflow: hidden; position: fixed; bottom: 5%; left: 20px; cursor: pointer; -webkit-box-shadow: 0 0 8px #c4c2c2; box-shadow: 0 0 8px #c4c2c2; -webkit-transition: all 0.3s; transition: all 0.3s; }

.ApplyForJoiningSImg img { width: 100%; }
.ApplyForJoining .con form .input.input2{width: 100% !important;flex: none;}

.ApplyForJoiningSImg.active { opacity: 0; }
.SuccessPopUp{ 
  position: absolute; 
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
  -webkit-transform:scale(0.7); 
  -ms-transform: scale(0.7); 
  transform: scale(0.7);
  background-color: #fff; 
  -webkit-transition: all 1.2s;
  transition: all 1.2s;
  z-index: 5;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.SuccessPopUp .t{font-size: 30px;color:#fff;line-height: 1.7;color: #333;}
.ApplyForJoining.active2 .SuccessPopUp{pointer-events: all; opacity: 1;transform:  scale(1);}






@media (max-width: 992px){
  .ApplyForJoiningSImg{width: 60%;border-radius: 10px;bottom: 10px;left: 10px;}
  .ApplyForJoining .con{padding: 30px 15px;}
  .ApplyForJoining .con h5{font-size: 18px;}
}
@media (max-width: 760px){
  .SuccessPopUp .t{font-size: 14px;line-height: 1.5;}
  .ApplyForJoining.active .con .off{top: 15px;right: 15px;}
  .ApplyForJoining .con form{margin-top: 20px;}
  .ApplyForJoining .con{
    width: 100%;
    bottom: 0;
    left: 0;
    border-radius: 15px 15px 0 0;
    max-height: 85%;
    overflow-y: auto;
    overflow-x: hidden;
    top: auto;
    transform: none;}
  .ApplyForJoining .con::-webkit-scrollbar {/*滚动条整体样式*/
      width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/
      height: 1px;
  }

  .ApplyForJoining .con::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
      border-radius: 10px;
      box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
      background: rgb(103 0 193);
  }

  .ApplyForJoining .con::-webkit-scrollbar-track {/*滚动条里面轨道*/
      box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
      border-radius: 10px;
      background: #EDEDED;
  }
  .ApplyForJoining.active .con{transform: scale(1);}

  .ApplyForJoining .con form .input{width: 100%;margin-bottom: 10px;}
  .ApplyForJoining .con form .gou{margin-top: 10px;font-size: 12px;line-height: 1.3;}
  .ApplyForJoining .con form button{line-height: 30px;}
  .ApplyForJoining .con form .input .t{margin-bottom: 0;}
  .ApplyForJoining .con form .input.input2,
  .ApplyForJoining .con form .input .DefaultSelector{display: block;width: 100%;flex: none;}
  .ApplyForJoining .con form .select2-container{width: 100% !important;margin:5px 0 !important;}
}
  
/* //  <!-- 新添弹窗 end--> */



    /* 23-10-26 */
    .crumbs .con1240 {
        max-width: 929px;
    }

    .network {
        padding: 50px 0 80px;
    }

    .network .con1240 {
        max-width: 929px;
    }

    .network .searchBox .title {
        font-size: 18px;
        font-weight: 400;
        color: #333333;
        line-height: 1;
        margin: 0 0 33px;
    }

    .network .searchBox .select {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    @media(min-width:992px){
        .network .searchBox .select .list:not(:last-child){
            margin: 0 20px 0 0;
        }
        .network .searchBox .select .list:last-child{
            flex: 1;
            text-align: right;
        }
    }

    .network .searchBox .select .anniu button {
        width: 77px;
        height: 44px;
        background: rgb(103 0 193);
        border: 0;
    }

    .network .searchBox .select .anniu button img {
        width: 21px;
        margin: auto;
    }

    .network .searchBox .select .select2-selection,
    .network .searchBox .select .select2-selection .select2-selection__rendered,
    .network .searchBox .select input {
        width: 193px;
        height: 44px;
        background: #FFFFFF;
        background: #ffffff00;
        line-height: 44px;
        opacity: 1;
        color: rgba(51, 51, 51, 1);
        font-size: 16px;
    }

    .network .searchBox .select2-container--below .select2-selection__rendered {
        color: rgba(51, 51, 51, 1) !important;
    }

    .network .searchBox .select input {
        padding: 0 17px;
        border: 1px solid #E6E6E6;
        color: rgb(0 0 0);
    }

    .network .searchBox .select .select2-selection .select2-selection__rendered {
        border: 0px solid #E6E6E6;
        padding: 0 17px;
    }

    .network .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 40px;
        right: 15px;
    }

    .network .searchBox .select input::-webkit-input-placeholder {
        color: rgba(51, 51, 51, .5);
    }

    .network .searchBox .select input::-webkit-input-placeholder {
        color: rgba(51, 51, 51, .5);
    }

    .network .searchBox .select input:-moz-placeholder {
        color: rgba(51, 51, 51, .5);
    }

    .network .searchBox .select input::-moz-placeholder {
        color: rgba(51, 51, 51, .5);
    }

    .network .searchBox .select input:-ms-input-placeholder {
        color: rgba(51, 51, 51, .5);
    }



    .FilterResults {
        padding: 80px 0 0;
    }

    .FilterResults .title {
        font-size: 30px;
        font-weight: 400;
        color: #333333;
        line-height: 1;
        padding: 0 0 60px;
        text-align: center;
    }

    .FilterResults .intro {
        font-size: 18px;
        font-weight: 400;
        color: rgb(103 0 193);
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid rgba(234, 234, 234, 1);
        text-align: center;
    }

    .FilterResults .intro span {
        display: block;
        width: 155px;
        padding: 0 0 24px;
    }
    .FilterResults .intro span:nth-child(1){
        width: 260px;
    }
    .FilterResults ul li a {
        padding: 30px;
        display: flex;
        align-items: center;
        border-bottom: 1px solid rgba(234, 234, 234, 1);
    }

    .FilterResults ul li a img {
        width: 15px;
        margin: 0 50px 0 0;
    }

    .FilterResults ul li a span {
        font-size: 18px;
        color: #333333;
        padding: 0 27px 0 0;
        margin: 0 27px 0 0;
        border-right: 1px solid rgba(234, 234, 234, 1);
    }

    .FilterResults ul li a>div:nth-child(2) {
        flex: 1;
    }

    .FilterResults ul li a>div:nth-child(2) span:last-child {
        border-right: 0px solid rgba(234, 234, 234, 1);
    }

    .FilterResults ul li a div:last-child {
        background: rgb(103 0 193);

        border-radius: 50px;
        padding: 5px 20px;
        font-size: 18px;
        font-weight: 300;
        color: #FFFFFF;
    }

    .FilterResults ul li a.on div:last-child {
        background: rgb(103 0 193);
    }
    .searchBox .layui-unselect {
        display: none;
    }
    .network .searchBox .select .anniu button span{
        display: none;
    }
    @media(max-width:992px){
        .network {
            padding: 35px 0 0px;
        }
        .network .searchBox .select {
            flex-wrap: wrap;
            position: relative;
        }
        .network .searchBox .select .list {
            width: 100%;
        }
        .network .searchBox .select .list:nth-child(4) {
            width: calc(100% - 90px);
        }
        .network .searchBox .select .list:nth-child(5){
            width: auto;
            margin: 0 0 15px;
            position: absolute;
            bottom: 0;
            right: 0;
        }
        .network .searchBox .select .select2-selection,
        .network .searchBox .select .select2-selection .select2-selection__rendered,
        .network .searchBox .select input {
            width: 100%;
            margin: 0 0 15px;
        }
        .network .searchBox .select .list .select2,
        .network .searchBox .select .list .select2 .selection{
            width: 100% !important;
            display: block;
        }
        .network .searchBox .select .anniu button span {
            /* background: unset;
            width: 40px;
            margin: 0 5px; */
            color: #fff;
            display: block;
        }
        .network .searchBox .select .anniu button img {
            width: 18px;
            filter: grayscale(100%) brightness(50%);
            display: none;
        }
        .FilterResults ul li a{
            padding: 15px;
            flex-wrap: wrap;
        }
        .FilterResults ul li a>div:nth-child(2) {
            /* flex: unset; */
            /* width: 90%; */
            display: flex;
            flex-wrap: wrap;
        }
        .FilterResults ul li a span{
            margin: 0 0;
            font-size: 15px;
            padding:0;
            border-right: 0;
        }
        .FilterResults ul li a img {
            margin: 0 20px 0 0;
        }
        .FilterResults .title{
            padding: 0 0 20px;
            font-size: 22px;
        }
        .FilterResults {
            padding: 30px 0 0;
        }

        .network .searchBox .title {
            font-size: 16px;
        }
        .network .searchBox .select .select2-selection, .network .searchBox .select .select2-selection .select2-selection__rendered, .network .searchBox .select input
        {font-size: 14px;}
        .FilterResults ul li a div:last-child{
            padding: 3px 20px;
            font-size: 14px;
        }
        .FilterResults .intro{
            display: none;
        }
    }


    .network .module_HL1GBCD1 .pageMain{padding: xsPaddingTop; overflow: hidden; position: relative; background: mainBgColor;}
.network .module_HL1GBCD1 .pageMain .commonMain{ max-width: var(--content-Wdith); margin: 0px auto; padding:0px 20px;}
.network .module_HL1GBCD1 .pageMain #pagination{text-align: center; display: none;}
.network .module_HL1GBCD1 .pageMain #pagination a{ 
    height: 30px; line-height: 30px; width: 30px;  padding: 0px; margin: 0px 4px; position: relative; border: none; font-size: 14px;
    /* border: 1px solid rgba(0, 0, 0, .2); */
    border-radius: 8px;
}
.network .module_HL1GBCD1 .pageMain #pagination a:hover{color: #fff;}
.network .module_HL1GBCD1 .pageMain #pagination a:hover .icon-zuojiantou,
.network .module_HL1GBCD1 .pageMain #pagination a:hover .icon-youjiantou{color: #fff;}
.network .module_HL1GBCD1 .pageMain #pagination a .icon-zuojiantou,
.network .module_HL1GBCD1 .pageMain #pagination a .icon-youjiantou{color: rgba(102, 102, 102, 1);}
.network .module_HL1GBCD1 .pageMain #pagination a.layui-laypage-prev{font-size: 16px;}
.network .module_HL1GBCD1 .pageMain #pagination a.layui-laypage-next{font-size: 16px;}
.network .module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr{height: 30px; line-height: 30px; width: 30px;font-size: 14px; border: none; padding: 0px; margin: 0px 4px;  font-weight: 600;}
.network .module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr em{ color: #fff; border-radius: 8px; background: unset;}

.network .module_HL1GBCD1 .pageMain .loadMore{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.network .module_HL1GBCD1 .pageMain .loadMore a{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: .8s ease; -o-transition: .8s ease; -moz-transition: .8s ease; transition: .8s ease; font-size: 12px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(102, 102, 102, 1); width: 110px; border-radius: 45px; height: 30px; border: 2px solid #0d5e9e;}
.network .module_HL1GBCD1 .pageMain .loadMore a .icon{display: none !important; margin-left: 10px; width: 12px; height: 13px; -webkit-transition: .6s ease; -o-transition: .6s ease; -moz-transition: .6s ease; transition: .6s ease; background-position: 0px -14px; background-repeat: no-repeat; background-image: url(xsloadmoreIcon); display: block;}

.network .module_HL1GBCD1 .pageMain .loadMore a:hover{background:#0d5e9e; color: #fff;}
.network .module_HL1GBCD1 .pageMain .loadMore a:hover .icon{background-position: 0px 0px;}
.network .module_HL1GBCD1 .pageMain .loadMore a {
    margin: 30px 0 0;
}
@media (min-width:768px) {
    .network .module_HL1GBCD1 .pageMain{padding: mdPaddingTop;}
    .network .module_HL1GBCD1 .pageMain .commonMain{ max-width: mdContentWidth;}
    .network .module_HL1GBCD1 .pageMain #pagination{display: block;}
    .network .module_HL1GBCD1 .pageMain #pagination a{ height: 48px; line-height: 48px; width: 48px;  margin: 0px 7.5px;font-size: 13px;}
    .network .module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr{height: 48px; line-height: 48px; width: 48px;font-size: 17px;margin: 0px 7.5px;}
    /* .network .module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr em{border-radius: 8px;} */
    .network .module_HL1GBCD1 .pageMain #pagination a.layui-laypage-prev{font-size: 12px;}
    .network .module_HL1GBCD1 .pageMain #pagination a.layui-laypage-next{font-size: 12px;}
    .network .module_HL1GBCD1 .pageMain .loadMore{display: none;}
}
@media (min-width:1200px) {
    .network .module_HL1GBCD1 .pageMain{padding: lgPaddingTop;}
    .network .module_HL1GBCD1 .pageMain .commonMain{ max-width: lgContentWidth;}
    .network .module_HL1GBCD1 .pageMain #pagination a{ height: 48px; line-height: 48px; width: 48px; margin: 0px 7.5px;font-size: 13px;}
    .network .module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr{height: 48px; line-height: 48px; width: 48px;font-size: 17px; }
    /* .network .module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr em{border-radius: 8px;} */
    .network .module_HL1GBCD1 .pageMain #pagination a.layui-laypage-prev{font-size: 12px;}
    .network .module_HL1GBCD1 .pageMain #pagination a.layui-laypage-next{font-size: 12px;}
}
/* 分页 */

.network .searchBox .select .layui-input-wrap {position: relative;}
.network .searchBox .select .layui-input-affix {
    position: absolute;
    top: 0;
    right: 10px;
    height: 100%;
    display: flex;
    align-items: center;
}
.network .searchBox .select .layui-input-affix i{
    font-size: 16px;
    background: #ccc;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    cursor: pointer;
    pointer-events: auto;
}

@media(max-width:992px){
    .network .searchBox .select .layui-input-affix i{
        margin: 0 0 15px;
    }
}