/*--公共部分--*/
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; }

body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre { margin: 0; padding: 0; border: 0; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; }

body, button, input, select, textarea { font: 14px/1.5 'microsoft yahei', 'hiragino sans gb', sans-serif,arial; color: #333; }

ul, li { list-style: none; }

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

article, aside, footer, header, nav, section { display: block; }

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

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

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

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

input, textarea, select { outline: none; }

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

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

input:-webkit-autofill { -webkit-box-shadow: 0 0 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; }

.clear { clear: both; line-height: 0; height: 0; font-size: 0; }

.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 */
.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; margin-top: -22px; 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: 0.8s; animation-duration: 0.8s; -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(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

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

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

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



/*--头部--*/
@font-face { font-family: 'titilliumweb'; src: ; }

body { font-family: "iconfont"; }

html.hidescroll { overflow: hidden; }

.fl { float: left; }

.fr { float: right; }

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

.donghua { -webkit-transition: all 0.4s; transition: all 0.4s; }

.imgbox { overflow: hidden; }

.imgbox img { width: 100%; }

.imgscale { overflow: hidden; }

.imgscale img { width: 100%; -webkit-transition: all 0.4s; transition: all 0.4s; }

.imgscale:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.dot1 { width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.dot2 { -webkit-line-clamp: 2; }

.dot3 { -webkit-line-clamp: 3; }

.dot4 { -webkit-line-clamp: 4; }

body, html { overflow-x: hidden; }

.dot2, .dot3, .dot4 { display: -webkit-box; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; }

.row { width: 1200px; margin: 0 auto; position: relative; }

.container { -webkit-box-sizing: border-box; box-sizing: border-box; width: 1200px; margin: 0 auto; }

.hidescroll { overflow: hidden; }

.header { background: #fff; width: 100%; top: 0px; z-index: 99; padding: 0px 30px; height: 88px; }

.header .logo { display: inline-block; line-height: 88px; }

.header .logo img { max-width: 100%; }

.nav { padding: 0 20px 0 23px; z-index: 99; float: left; }

.nav ul li { position: relative; display: inline-block; padding: 0 28px; }

.nav ul li a { color: #333; font-size: 16px; line-height: 88px; }

.nav ul li:hover > a, .nav ul li.active > a { color: #10bc3d; }

.nav2 { padding: 10px 0; z-index: 999 !important; }

.nav2 a:hover { color: #fff; background-color: #10bc3d !important; }

.nav ul li .nav2 a { font-size: 14px; text-align: center; }

.nav2 a { display: block; line-height: 40px !important; padding: 0 10px; white-space: nowrap; -webkit-transition: all 0.3s; transition: all 0.3s; }

.nav2 a:hover { background-color: rgba(0, 0, 0, 0.2); }

.nav ul li > a { position: relative; line-height: 88px; display: block; font-weight: bold;}

.pupnav { position: fixed; z-index: 991; left: 0px; right: 0px; bottom: 0px; top: 0px; overflow: hidden; display: none; }

.pupnav .pupnav_logo { position: absolute; z-index: 99; left: 20px; top: 20px; opacity: 0; -webkit-transition: all .4s; transition: all .4s; -webkit-transition-delay: .4s; transition-delay: .4s; }

.pupnav .pupnav_logo img { height: 65px; }

.pupnav .navbtn { opacity: 0; -webkit-transition: all .4s; transition: all .4s; -webkit-transition-delay: .4s; transition-delay: .4s; }

.pupnav_closenavbtn { position: absolute; z-index: 99; right: 20px; top: 20px; }

.pupnav_closenavbtn p span:nth-child(1) { top: 17px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.pupnav_closenavbtn p span:nth-child(2) { display: none; }

.pupnav_closenavbtn p span:nth-child(3) { top: 17px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.pupnav_left { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 30%; overflow: hidden; }

.pupnav_right { position: absolute; left: 30%; top: 0px; bottom: 0px; width: 70%; overflow: hidden; }
.bgimg{background-position: center;background-repeat: no-repeat;background-size: cover;}
.pupnav_nav { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: #333; -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; -webkit-transform: translatex(-100%); -ms-transform: translatex(-100%); transform: translatex(-100%); }

.pupnav_nav ul { position: absolute; left: 25%; right: 0px; top: 50%; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); }

.pupnav_nav ul li { color: rgba(255, 255, 255, 0.3); margin-bottom: 32px; position: relative; }

.pupnav_nav ul li span { font-size: 12px; color: rgba(255, 255, 255, 0.2); margin-right: 16px; float: left; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }

.pupnav_nav ul li > a { color: rgba(255, 255, 255, 0.3); font-size: 22px; float: left; line-height: 22px; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }

.pupnav_nav ul li p { position: absolute; padding-left: 120px; left: 170px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }

.pupnav_nav ul li p a { color: rgba(255, 255, 255, 0.4); float: left; font-size: 14px; margin-right: 40px; }

.pupnav_nav ul li p a:hover { color: white; }

.pupnav_nav ul li p:before { content: ''; width: 90px; height: 1px; background-color: #fff; position: absolute; left: 0px; display: block; top: 50%; }

.pupnav_nav ul li:hover p { opacity: 1; filter: alpha(opacity=100); }

.pupnav_nav ul li:hover > a { color: white; }

.pupnav_nav ul li:hover > span { color: rgba(255, 255, 255, 0.4); }

.pupnav_contactbox { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 30%; overflow: hidden; }

.pupnav_contact { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0%; background-color: #fff; -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; -webkit-transform: translatey(-100%); -ms-transform: translatey(-100%); transform: translatey(-100%); }

.pupnav_contact .title { font-size: 16px; color: #666666; padding-bottom: 10px; }

.pupnav_contact .add { color: #333333; font-size: 14px; padding-top: 10px; }

.pupnav_contact .title2 { color: #007757; font-size: 14px; padding-top: 25px; }

.pupnav_contact .tel { color: #007757; font-size: 30px; padding-top: 8px; }

.middle { width: 240px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50%; position: absolute; text-align: center; }

.pupnav_sharebox { position: absolute; left: 0px; top: 70%; right: 0px; bottom: 0%; overflow: hidden; }

.pupnav_share { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0%; background-color: #007757; -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; -webkit-transform: translatex(100%); -ms-transform: translatex(100%); transform: translatex(100%); }

.pupnav_share p { position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50%; position: absolute; text-align: center; width: 100%; text-align: center; }

.pupnav_share p a { display: inline-block; width: 30px; height: 30px; background-repeat: no-repeat; margin: 0px 20px; float: none; padding: 0px; }

.pupnav_share p a.wx { background-image: url(/uploads/image/sdimages/icon1.png); }

.pupnav_share p a.in { background-image: url(/uploads/image/sdimages/icon2.png); }

.pupnav_share p a.wb { background-image: url(/uploads/image/sdimages/icon3.png); }

.admission .pupnav_nav { -webkit-transform: translatex(0%); -ms-transform: translatex(0%); transform: translatex(0%); }

.admission .pupnav_contact { -webkit-transform: translatey(0%); -ms-transform: translatey(0%); transform: translatey(0%); }

.admission .pupnav_share { -webkit-transform: translatex(0%); -ms-transform: translatex(0%); transform: translatex(0%); }

.admission .pupnav_logo { display: block; opacity: 1; }

.admission .navbtn { display: block; opacity: 1; }

.leave .pupnav_nav { -webkit-transform: translatex(100%); -ms-transform: translatex(100%); transform: translatex(100%); }

.leave .pupnav_contact { -webkit-transform: translatey(100%); -ms-transform: translatey(100%); transform: translatey(100%); }

.leave .pupnav_share { -webkit-transform: translatex(-100%); -ms-transform: translatex(-100%); transform: translatex(-100%); }

.leave .pupnav_logo { display: none; }

.leave .navbtn { display: none; }

.search { cursor: pointer; position: relative; padding: 0 23px; float: left; height: 88px; 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; }

.searchiov { position: absolute; top: 88px; left: 50%; -webkit-transform: translatex(-50%); -ms-transform: translatex(-50%); transform: translatex(-50%); width: 150px; line-height: 45px; background-color: #fff; z-index: 999; display: none; }

#search-form { -webkit-transition: max-height, 0.5s; transition: max-height, 0.5s; position: absolute; top: 100%; z-index: 99; right: 0; width: 300px; overflow: hidden; background: #ffffff; max-height: 0; }

#search-form fieldset { position: relative; padding: 0; border: none; z-index: 9; width: 100%; }

#search-form input[type="search"] { width: 100%; padding: 0 5px 0 22px; background: #ffffff; border: none; color: #333; z-index: 9; border: 1px solid #eee; border-right: none; }

#search-form #search-clear { display: none !important; }

input[type="search"]:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-search-cancel-button { opacity: 0 !important; }

#search-form input { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 60px; }

#search-form input[type="submit"] { position: absolute; bottom: 0; right: 0; width: 60px; margin: 0; padding: 0; font-weight: 700; text-transform: uppercase; color: #ffffff; background: url(/uploads/image/sdimages/search.png) no-repeat center #10bc3d; border: none; cursor: pointer; z-index: 11; }

.navbtn { width: 16px; height: 24px; position: relative; cursor: pointer; margin-top: 37px; text-align: right; float: left; }

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

.navbtn span:nth-child(2) { top: 8px; width: 10px; }

.navbtn span:nth-child(3) { top: 16px; }

.navbtn.active span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 12px; }

.navbtn.active span:nth-child(2) { display: none; }

.navbtn.active span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 12px; }

.navbtn p { border: 1px solid #fff; }

.navbtn p span { background-color: #fff; }

.navbtnclose p { -webkit-border-radius: 100%; border-radius: 100%; width: 36px; height: 36px; position: relative; cursor: pointer; }

.navbtnclose p span { position: absolute; top: 12px; width: 36px; height: 1px; left: 0; display: block; -webkit-transition: all .3s ease; transition: all .3s ease; background-color: #fff; }

.navbtnclose p span:nth-child(2) { top: 17px; }

.navbtnclose p span:nth-child(3) { top: 22px; }

.navbtnclose p span:nth-child(1) { top: 17px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.navbtnclose p span:nth-child(2) { display: none; }

.navbtnclose p span:nth-child(3) { top: 17px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

/*--右侧悬浮--*/
.le-box { width: 70px; height: auto; position: fixed; top: 50%; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); right: 0; border: 1px solid #f4f3ef; z-index: 999; }

.le-box .t { width: 70px; height: 70px; border-bottom: 1px solid #f4f3ef; position: relative; background: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; }

.le-box .t:last-child { border: none; }

.le-box .t .i { 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; }

.le-box .t .iove { display: none; }

.le-box .t .iov { width: 100px; height: auto; position: absolute; bottom: 0; right: 100%; background: #fff; padding: 10px 5px 15px; -webkit-transition: all 0.3s; transition: all 0.3s; display: none; border: 1px solid #f4f3ef; -webkit-box-shadow: 0 5px 10px #999; box-shadow: 0 5px 10px #999; }

.le-box .t .iov::before { content: ""; border: 6px solid transparent; border-left-color: #fff; position: absolute; bottom: 15px; right: -12px; }

.le-box .t .iov .img { width: 80px; height: 80px; overflow: hidden; }

.le-box .t .iov .img img { width: 100%; }

.le-box .t .iov .h { font-size: 12px; color: #282828; text-align: center; line-height: 18px; }

.le-box .t:hover { background: #973f10; }

.le-box .t:hover .sow { display: none; }

.le-box .t:hover .iove { display: block; }

.le-box .t:hover .iov { display: block; }

/*--banner--*/
.banner { overflow: hidden; position: relative; width: 100%; }

.bannerimg { width: 100%; }

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

.banner .swiper-button-prev, .banner .swiper-button-next { width: 56px; height: 56px; background: rgba(0, 0, 0, 0.5) url(/uploads/image/sdimages/jiant1.png) no-repeat center center; top: 360px; left: auto; }

.banner .swiper-button-prev { left: 225px; }

.banner .swiper-button-next { right: 225px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.home1 { padding: 70px 0 80px; background-color: #fff; }

.home1 .swiper-container { padding: 0 21.35%; overflow: auto !important; }

.home1 .swiper-container::-webkit-scrollbar { display: none; }

.home1 .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: all 0.5s; transition: all 0.5s; }

.home1img { width: 55%; }

.home1img img { width: 100%; }

.home1 .swiper-slide-active .home1text { width: 45%; opacity: 1; }

.home1text { padding-top: 70px; padding-left: 40px; -webkit-transition: all 0.3s; transition: all 0.3s; width: 0; opacity: 0; }

.home1text h2, .home1text h1, .home1texttit h3, .hometextmore a, .home1text p { overflow: hidden; white-space: nowrap; }

.home1texttit { position: relative; }

.home1texttit h1 { font-size: 150px; line-height: 0.85; color: rgba(0, 0, 0, 0.09); margin-left: -122px; position: relative; letter-spacing: -10px; }

.home1texttit h1::before { content: ""; width: 240px; height: 2px; background-color: #03bc3a; position: absolute; left: -45px; bottom: 0; }

.home1texttit h3 { font-size: 36px; color: #333; line-height: 1; position: absolute; bottom: 15px; left: 0; }

.home1text p { font-size: 28px; color: #005bac; margin-top: 25px; }

.home1 .hometextmore { margin-top: 40px; }

.hometextmore a { display: block; width: 110px; line-height: 35px; text-align: center; border: 1px solid #d9d9d9; font-size: 14px; color: #444; }

.hometextmore a img { margin-left: 10px; width: 5px; height: 9px; }

.home1 .swiper-slide .home1img { -webkit-transition: all .5s; transition: all .5s; position: relative; left: 0; top: 0; z-index: -1; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }

.hometextmore a:hover { background-color: #10bc3d; border-color: #10bc3d; color: #fff; }

.swiper-slide.swiper-slide-prev .home1img { position: relative; left: 45%; top: 0; }

.home1swipercontrol { width: 440px; height: 50px; position: absolute; right: 415px; bottom: 85px; }

.home1 .swiper-button-prev, .home1 .swiper-button-next { width: 50px; height: 50px; background: #10bc3d url(/uploads/image/sdimages/jiant2.png) no-repeat center center; top: auto; left: auto; bottom: 0; -webkit-border-radius: 50%; border-radius: 50%; }

.home1 .swiper-button-prev { left: 0; }

.home1 .swiper-button-next { left: 60px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.jianimg2 { display: none; }

.hometextmore a:hover .jianimg1 { display: none; }

.hometextmore a:hover .jianimg2 { display: inline-block; }

.home1 .swiper-button-prev.swiper-button-disabled, .home1 .swiper-button-next.swiper-button-disabled { background: #444 url(/uploads/image/sdimages/jiant2.png) no-repeat center center; opacity: 1; }

.home1 .swiper-pagination { position: absolute; right: 0; top: 0; }

.swiper-pagination { width: 45px; position: relative; }

.swiper-pagination::before { content: ""; width: 30px; height: 2px; background: #e5e5e5; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }

.swiper-pagination-bullet { background: none; font-size: 16px; display: block; }

.paginationnum { text-align: left; color: #444; }

.paginationnum:last-child { text-align: right; color: #88a689; }

.home2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; }

.home2left { width: 31%; background: url(/uploads/image/sdimages/bj1.jpg) no-repeat; padding: 165px 31px 0 270px; background-size: cover; height: 780px; }

.home2 .title { text-align: left; }

.title { text-align: center; }

.title h3 { font-size: 36px; color: #333; line-height: 1; }

.title p { font-size: 20px; color: #fff; margin-top: 15px; }

.home2left .title h3 { color: #fff; }

.home2tabbar { margin-top: 35px; white-space: nowrap; overflow-x: auto; }

.home2tabbar .tabterm { font-size: 16px; color: #008dca; position: relative; -webkit-transition: all 0.5s; transition: all 0.5s; cursor: pointer; margin-top: 5px; }

.home2tabbar .tabterm.active { color: #fff; padding-left: 25px; }

.home2tabbar .tabterm::before { content: ""; width: 16px; height: 8px; background: url(/uploads/image/sdimages/jiant4.png) no-repeat; position: absolute; top: 50%; left: 0; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0; }

.home2tabbar .tabterm.active::before { opacity: 1; }

.home2 .hometextmore { margin-top: 35px; }

.home2 .hometextmore a { color: #fff; border-color: rgba(255, 255, 255, 0.15); }

.home2right { width: 69%; }

.home2tabcont { position: relative; width: 100%; height: 100%; }

.home2tabcont .tabitem { position: absolute; top: 0; left: 0; display: none; width: 100%; }

.home2tabcont .tabitem.active { position: static; display: block; }

.home2tabitemimg { width: 100%; height: 780px; }

.home2tabitemimg img { width: auto; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.home2tabitemtext { width: 72.6%; position: absolute; left: 0; bottom: 0; height: 118px; background: rgba(0, 0, 0, 0.5); z-index: 20;}

.home2tabitemtext .t { line-height: 118px; font-size: 30px; color: #fff; padding-left: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.home2 .swiper-button-prev, .home2 .swiper-button-next { z-index: 100;width: 60px; height: 60px; background: #10bc3d url(/uploads/image/sdimages/jiant2.png) no-repeat center center; top: auto; left: auto; bottom: 0; }

.home2 .swiper-button-prev { right: 360px; }

.home2 .swiper-button-next { right: 300px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.home2 .swiper-button-prev.swiper-button-disabled, .home2 .swiper-button-next.swiper-button-disabled { background: #fff url(/uploads/image/sdimages/jiant6.png) no-repeat center center; opacity: 1; }

.home3 { background: #fff; padding-top: 75px; overflow: hidden; }

.home3con { width: 100%; background: url(/uploads/image/sdimages/bj2.jpg) no-repeat; background-size: cover; padding: 0 11.7%; font-size: 0; margin-top: 30px; }

.home3conbox { display: inline-block; width: 20%; padding: 105px 25px 135px; border-left: 1px solid #58676d; vertical-align: top; }

.home3conbox:first-child { border: none; }

.banner .swiper-button-next:hover, .banner .swiper-button-prev:hover { background-color: #10bc3d; }

.home3conbox .num { font-size: 18px; color: #fff; padding-bottom: 5px; display: inline-block; border-bottom: 4px solid #1687fd; }

.home3conbox h5 { padding-right: 47px; font-size: 24px; color: #fff; margin-top: 15px; display: -webkit-box; height: 60px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.home3conboximg { margin-top: 85px; width: 100%; overflow: hidden; }

.home3conboximg img { max-width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; }

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

.home4 { padding: 90px 0; }

.home4 .swiper-container { padding: 0 15.105%; margin-top: 90px; overflow: auto !important; }

.home4 .swiper-container::-webkit-scrollbar { display: none; }

.home4 .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.home4 .swiper-slide-active .home4text { display: block; }

.home4img { width: 54.5%; -webkit-transition: all 0.5s; transition: all 0.5s; }

.home4img img { width: 100%; }

.home4text { padding: 90px 0 0 75px; display: none; }

.home4text p { font-size: 24px; color: #666; line-height: 60px; white-space: nowrap; }

.home4 .swiper-button-next, .home4 .swiper-button-prev { width: 60px; height: 60px; background: #10bc3d url(/uploads/image/sdimages/jiant2.png) no-repeat center center; }

.home4 .swiper-button-prev { left: 15.105%; }

.home4 .swiper-button-next { right: 15.105%; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.home4 .swiper-slide-active .home4img { left: 10%; }

.home4img { -webkit-transition: all 0.5s; transition: all 0.5s; position: relative; left: 0; top: 0; z-index: -1; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

.home4 { overflow: hidden; }

.home4 .swiper-slide.swiper-slide-next .home4img { left: 0 !important; }

.home4 .swiper-container { position: relative; }

.qingquan_home4text { position: absolute; top: 0; right: 20%; z-index: 20; height: 100%; width: 15%; 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; }

.qingquan_home4text a { display: block; font-size: 24px; margin: 15px 0; }

.qingquan_home4text a:hover { color: #10bc3d; }

.home4 .swiper-slide-prev .home4img { left: 40%; }

.home4 .hometextmore { width: 100%; margin-top: 54px; }

.home4 .hometextmore a { margin: 0 auto; }

.home5 { width: 100%; background: url(/uploads/image/sdimages/bj3.jpg) no-repeat; background-size: cover; padding:100px 0 285px; font-size: 0; overflow: hidden; }

.home6 { overflow: hidden; margin-top: -185px; }

.home5box:nth-child(2) { width: 44%; position: relative; }

.home5box:nth-child(2)::before { content: ""; width: 1px; height: 200px; background: rgba(255, 255, 255, 0.34); position: absolute; top: 50%; left: 0; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); }

.home5box:nth-child(2)::after { content: ""; width: 1px; height: 200px; background: rgba(255, 255, 255, 0.34); position: absolute; top: 50%; right: 0; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); }

.home5box { width: 28%; display: inline-block; text-align: center; }

.home5boximg { width: 100%; }

.home5boximg img { max-width: 100%; margin: 0 auto; }

.home5boxtext { margin-top: 20px; color: #fff; }

.home5boxtext .num { font-size: 80px; line-height: 1; }

.home5boxtext p { margin-top: 10px; font-size: 18px; line-height: 28px; }

.home6row { width: 1325px; margin: 0 auto; padding: 110px 60px 40px; background: #fff; }

.home6row .title p { color: #005bac; }

.home6con { margin-top: 35px; font-size: 0; }

.home6conleft { width: 50%; padding-right: 10px; display: inline-block; vertical-align: top; }

.home6conleft a { display: block; }

.home6conleftimg { width: 100%; overflow: hidden; }

.home6conleftimg img { width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; }

.home6conlefttext { padding: 40px 20px; position: relative; }

.home6conlefttext h5 { font-size: 20px; color: #444; -webkit-transition: all 0.3s; transition: all 0.3s; }

.home6conlefttext p { font-size: 14px; color: #a7a7a7; display: -webkit-box; height: 66px; line-height: 22px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 20px; }

.home6conlefttext .data { font-size: 18px; color: #005bac; margin-top: 40px; }

.home6conlefttext .more { width: 110px; line-height: 35px; text-align: center; border: 1px solid #d9d9d9; font-size: 14px; color: #444; position: absolute; bottom: 40px; right: 0; }

.home6conlefttext .more img { display: inline-block; margin-left: 10px; }

.home6conleft:hover .home6conleftimg img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.home6conleft:hover .home6conlefttext h5 { color: #005bac; }

.home6conright { width: 50%; display: inline-block; }

.home6conrightbox { width: 50%; padding: 0 10px; display: inline-block; margin-bottom: 36px; }

.home6conrightboximg { width: 100%; overflow: hidden; }

.home6conrightboximg img { width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; }

.home6conrightboxtext { padding: 40px 20px 45px; border-bottom: 1px solid #f4f4f4; }

.home6conrightboxtext h5 { font-size: 20px; color: #444; display: -webkit-box; height: 60px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.home6conrightboxtext .data { font-size: 18px; color: #005bac; margin-top: 20px; float: left; }

.home6conrightboxtext .more { font-size: 14px; color: #444; float: right; margin-top: 20px; }

.home6conrightboxtext .more img { margin-left: 10px; display: inline-block; }

.home6conrightbox:hover .home6conrightboximg img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.home6conrightbox:last-child .home6conrightboxtext { border: none; }

.home6conrightbox:nth-last-child(2) .home6conrightboxtext { border: none; }

.case_tukulist{margin-top: 25px;display: flex;flex-wrap: wrap;}
.case_tukulist .item{margin-right:30px;width: calc(50% - 15px);margin-bottom: 30px;}
.case_tukulist .item:nth-child(2n){margin-right: 0;}

/*--底部--*/
.footer { background-color: #333333; padding: 80px 0 35px; }

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

.footernavli .tit a { font-size: 14px; color: #fff; padding-bottom: 10px; }

.footernavli a { font-size: 14px; color: #7a7a7a; line-height: 28px; display: block; -webkit-transition: all 0.3s; transition: all 0.3s; }

.footernavli a:hover { color: #fff; }

.footernavli p { font-size: 14px; color: #7a7a7a; line-height: 28px; }

.footernavli p span { letter-spacing: 29px; }

.footercon { margin-top:20px; padding-top:30px;border-top:1px solid rgba(255, 255, 255, 0.1); padding-bottom: 30px; border-bottom: 1px solid #4b4b4b; }

.footerlogo { width: 90px; overflow: hidden; }

.footerlogo img { width: 100%; }

.footericonbox { display: inline-block; position: relative; cursor: pointer; margin: 0 5px; }

.footericonboximg { width: 25px; height: 30px; }

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

.footericonboximg .iov { display: none; }

.footericonboxiov { width: 100px; height: 100px; background-color: #fff; padding: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: absolute; bottom: 120%; left: 50%; -webkit-transform: translatex(-50%); -ms-transform: translatex(-50%); transform: translatex(-50%); display: none; }

.footericonboxiov img { width: 100%; }

.footericonbox:hover .footericonboxiov { display: block; }

.footericonbox:hover .footericonboximg .iov { display: block; }

.footericonbox:hover .footericonboximg .sow { display: none; }

.footerbottom { padding-top: 25px; }

.footerbottomleft a { display: inline-block; padding: 0 4px; font-size: 14px; color: #9d9d9d; border-left: 1px solid #9d9d9d; line-height: 1; -webkit-transition: all 0.3s; transition: all 0.3s; }

.footerbottomleft a:first-child { border: none; }

.footerbottomleft a:hover { color: #fff; }

.footerbottomright a { display: block; font-size: 14px; color: #9d9d9d; -webkit-transition: all 0.3s; transition: all 0.3s; }

.footerbottomright a:hover { color: #fff; }

.sort_banner { height: 350px; background-repeat: no-repeat; background-size: cover; background-position: top center; position: relative; }

.sort_banner::after { opacity: 0; display: block; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.1); }

.sort_content { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9; }

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

.sort_content h2 { font-size: 36px; line-height: 40px; }

.sort_content p { font-size: 36px; line-height: 50px; }

.sort_nav { height: 80px; background: url(/uploads/image/sdimages/nav_bg.jpg) center right no-repeat; background-size: cover; }

.sort_navswiper .swiper-slide { width: auto; }

.sort_navswiper .swiper-slide a { display: block; position: relative; color: #fff; font-size: 18px; line-height: 80px; margin-right: 30px; }

.sort_navswiper .swiper-slide:last-child a { margin-right: 0; }

.sort_navswiper .swiper-slide a::after { position: absolute; top: 0; display: block; content: ""; width: 0; height: 3px; -webkit-transition: all 0.4s; transition: all 0.4s; background: #77e911; left: 50%; }

.sort_navswiper .swiper-slide.active a::after, .sort_navswiper .swiper-slide:hover a::after { width: 100%; margin-left: -50%; }

.tong_title { text-align: center; margin-top: 50px; }

.tong_title .title_en { font-family: 'titilliumweb'; font-size: 100px; line-height: 75px; text-transform: uppercase; color: #f9f9f9; }

.tong_title h2 { font-size: 36px; margin-top: -35px; }

.tong_title .xian { width: 48px; height: 2px; background: #000; margin-top: 20px; margin-left: auto; margin-right: auto; }

.tong_desc { font-size: 16px; line-height: 30px; color: #777777; text-align: center; margin-top: 40px; }

.business_swiper { margin-top: 85px; margin-bottom: 120px; }

.business_text { padding: 35px 50px; width: -webkit-calc(100% - 70px); width: calc(100% - 70px); margin-left: auto; margin-right: auto; margin-top: -66px; position: relative; z-index: 2; background: #fff; }

.business_text .bus_left { width: 50%; }

.business_text .bus_left h2 { font-weight: 600; padding-left: 20%; }

.business_text .bus_right { width: 50%; font-size: 16px; line-height: 26px; }

.swiper_btn { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 60px; height: 60px; background: #fff; }

.swiper_btn:hover { background: #0fbc3e; }

.swiper_btn:hover i { color: #fff; }

.swiper_btn i { font-size: 26px; }

.bus_btnleft { position: absolute; left: 0; top: 40%; z-index: 99; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); }

.bus_btnright { position: absolute; right: 0; top: 40%; z-index: 99; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); }

.mobile_subnav { display: none; background-color: #fff; border-bottom: 1px solid #e6e2e2; position: relative; }

.mobile_subnav .channel_title { line-height: 50px; color: #4d5c63; position: relative; text-align: center; font-size: 16px; }

.channel_title:after { content: ''; display: inline-block; vertical-align: middle; margin: 0 -15px -3px 10px; border-width: 5px; border-style: solid dashed dashed dashed; border-color: #333 transparent transparent transparent; }

.mobile_subzi ul li { display: block; width: 100%; text-align: center; line-height: 42px; }

.mobile_subzi ul li.cur a { background-color: #0fbc3e; color: #fff; }

.mobile_subzi ul li a { display: block; width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; font-size: 14px; padding-left: 20px; padding-right: 20px; color: #828282; }

.subnav_left .active > a { color: #0fbc3e !important; }

.mobile_subzi { display: none; position: absolute; width: 100%; top: 51px; z-index: 10; left: 0; background-color: #fff; padding-bottom: 0; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); font-size: 0; }

.case_list { margin-top: 50px; }

.case_list li { margin-bottom: 30px; -webkit-transition: all 0.4s; transition: all 0.4s; }

.case_list li a { background: #fafafa; -webkit-transition: all 0.4s; transition: all 0.4s; }

.case_list li a { 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; }

.case_list li .imgbox { width: 28.3333%; }

.case_list li .imgbox img { -webkit-transition: all 0.4s; transition: all 0.4s; }

.case_list li .case_text { width: 71.6777%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 40px; }

.case_list li .case_text h2 { font-size: 24px; line-height: 30px; }

.case_list li:hover .imgbox img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.more_btn { -webkit-transition: all 0.4s; transition: all 0.4s; width: 240px; height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #1d778f; text-align: center; line-height: 60px; color: #1d778f; cursor: pointer; margin-left: auto; margin-right: auto; margin-top: 60px; }

.case_main { padding-bottom: 160px; }

.more_btn:hover { background: #1d778f; color: #fff; }

.casedetails_main { padding-top: 50px; padding-bottom: 100px; }

.details_top .title { text-align: center; font-size: 36px; line-height: 40px; }

.details_top .date { font-size: 18px; text-align: center; margin-top: 20px; }

.details_content { border-top: 5px solid #1db470; margin-top: 30px;padding-top: 30px; }

.details_content ul li { padding: 20px 0; border-bottom: 1px solid #d7d8d9; }

.details_content ul li h2 { font-size: 20px; margin-bottom: 14px; }

.details_content ul li p { font-size: 14px; line-height: 24px; color: #777777; }



.details_video { margin-top: 25px; }

.deta_video { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); position: relative; margin-right: 20px; }

.deta_video .videoimg img { width: 100%; }

.deta_video .videoimg::after { display: block; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); }

.play_btn { width: 50px; height: 50px; -webkit-border-radius: 50%; border-radius: 50%; background: rgba(29, 180, 112, 0.5); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; }

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

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

.popupvideo { padding: 0px 20px; max-width: 1200px; margin: 0px auto; position: relative; }

.popupvideo i { position: absolute; top: -28px; right: 20px; width: 20px; height: 20px; display: block; background: url(/uploads/image/sdimages/close.png) no-repeat; cursor: pointer; }

.popupvideo video { display: block; width: 100%; }

.popupvideo iframe { width: 100%; height: 400px; }

.deta_swiper { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); }

.deta_swiper img { width: 100%; }

.engineering_tit { text-align: center; font-weight: 600; font-size: 32px; line-height: 40px; margin-bottom: 20px; }

.engineering_list { padding: 90px 0; background: #f7f7f7; }

.engineering_swiper .swiper-slide { -webkit-transition: all 0.4s; transition: all 0.4s; }

.engineering_list .engineering_desc { background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e4e6e3; border-top: none; padding: 26px; }

.engineering_desc h2 { font-size: 18px; line-height: 26px; font-weight: 600; margin-bottom: 15px; }

.engineering_desc p { font-size: 14px; color: #828282; line-height: 26px; }

.engineering_swiper .swiper-slide:hover .engineering_desc { background: #1db470; color: #fff !important; }

.engineering_swiper .swiper-slide:hover .engineering_desc p { color: #fff; }

.engineering_btnleft { position: absolute; top: 50%; -webkit-transform: translatey(50%); -ms-transform: translatey(50%); transform: translatey(50%); left: -100px; border: 1px solid #dad7d7; }

.engineering_btnright { position: absolute; top: 50%; -webkit-transform: translatey(50%); -ms-transform: translatey(50%); transform: translatey(50%); right: -100px; border: 1px solid #dad7d7; }

.engineering_list .container { position: relative; }

.details_content { overflow: hidden; }

.eng-pagination { display: none; text-align: center; margin-top: 30px; }

.eng-pagination span { width: 8px; height: 8px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #d8d4d4; display: inline-block; margin: 0 4px; }

.eng-pagination .swiper-pagination-bullet-active { background-color: #1db470; }

.product_nav { font-size: 0; text-align: center; margin-top: 50px; }

.product_nav a { display: inline-block; font-size: 20px; width: 280px; height: 60px; text-align: center; border: 2px solid #e5e5e5; line-height: 60px; margin-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.product_nav a:last-child { margin-right: 0; }

.product_main .tong_desc { font-size: 18px; }

.product_nav a.active, .product_nav a:hover { border-color: rgba(0, 0, 0, 0); background: -webkit-gradient(linear, left top, right top, from(#04adec), to(#05b174)); background: linear-gradient(to right, #04adec, #05b174); color: #fff; border-left: none; border-right: none; }

.product_list { margin-top: 66px; }

.product_list .product_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #f5f5f5; min-height: 540px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.product_list .product_item:nth-child(odd) .product_left { padding-left: -webkit-calc((100% - 1200px) / 2); padding-left: calc((100% - 1200px) / 2); padding-right: 120px; }

.product_list .product_item:nth-child(even) .product_left { padding-right: -webkit-calc((100% - 1200px) / 2); padding-right: calc((100% - 1200px) / 2); padding-left: 120px; }

.product_list .product_left { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 50px; padding-bottom: 50px; }

.product_list .product_right { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.product_item .product_left h2 { font-size: 30px; margin-bottom: 55px; }

.product_item .product_left h2 span { font-size: 28px; color: #00acec; margin-right: 30px; }

.product_item .product_left ul{max-height: 300px;overflow-y: auto;}
.product_item .product_left ul::-webkit-scrollbar { width: 4px; }
.product_item .product_left ul::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; background: #10bc3d; }
.product_item .product_left ul::-webkit-scrollbar-track { -webkit-border-radius: 2px; border-radius: 2px; background: #e0eaf5; }

.product_item .product_left ul li { margin-bottom: 2px; }

.product_item .product_left ul li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 48px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #eaebed; -webkit-transition: all 0.4s; transition: all 0.4s; font-size: 16px; line-height: 24px; color: #282828; padding: 0 25px; }

.product_item .product_left ul li a:hover { background: -webkit-gradient(linear, left top, right top, from(#04adec), to(#05b174)); background: linear-gradient(to right, #04adec, #05b174); color: #fff; }

.product_list .product_item .imgbox { display: none; padding: 0 15px; }

.product_list .product_right .bgimg { height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; }

.product_more { margin-top: 70px; display: block; }

.product_more span, .product_more i { display: inline-block; vertical-align: text-top; }

.product_more i { margin-left: 16px; color: #27b7ef; }

.product_more:hover { color: #27b7ef; }

.product_details { margin-top: 100px; margin-bottom: 80px; }

.product_details .title { text-align: center; font-size: 32px; line-height: 40px; }

.product_details .pro_deta_cont { text-align: center; font-size: 16px; color: #666666; line-height: 26px; margin-top: 20px; padding-bottom: 55px; border-bottom: 2px solid #68bf62; }

.product_advantage { background: #f8f8f8; }

.product_advantage .left { padding: 50px 0; }

.product_advantage .left h2 { font-size: 20px; color: #0f6e8d; margin-bottom: 30px; }

.product_advantage .left .text { font-size: 16px; color: #666666; line-height: 24px; }

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

.advantage_box .right { width: 50%; }

.advantage_box .left { width: 50%; padding-right: 30px; }

.classic_case { margin-top: 80px; margin-bottom: 130px; }

.classic_case .title { font-size: 20px; color: #0f6e8d; margin-bottom: 36px; }

.classic_case_list .item { float: left; margin-right: 40px; width: -webkit-calc(50% - 20px); width: calc(50% - 20px); }

.classic_case_list .item:nth-child(2n) { margin-right: 0; }

.classic_case_list .item .img_title { text-align: center; font-size: 20px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 35px 15px; background: #f8f8f8; }

.classic_case_list .item .imgbox img { -webkit-transition: all 0.4s; transition: all 0.4s; }

.classic_case_list .item:hover .imgbox img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.classic_case_list .item:hover .img_title { color: #fff; background: #1db470; }

.back_list { display: block; width: 200px; height: 60px; text-align: center; line-height: 60px; margin: 60px auto 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #dedede; }

.back_list:hover { border-color: #1db470; background: #1db470; color: #fff; }

.main_box { overflow: hidden; }

.qingquan_nav { font-size: 0; border-bottom: 1px solid #f3f3f3; margin-top: 45px; margin-bottom: 35px; }

.qingquan_nav a { position: relative; display: inline-block; font-size: 18px; padding-bottom: 16px; margin-right: 35px; font-weight: 600; }

.qingquan_nav a:last-child { margin-right: 0; }

.qingquan_nav a::after { display: block; content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: #035fac; opacity: 0; }

.qingquan_nav a.active, .qingquan_nav a:hover { color: #035fac; }

.qingquan_nav a.active::after, .qingquan_nav a:hover::after { opacity: 1; }

.qingquan_model { padding-bottom: 130px; }

.qingquan_list .item { margin-right: 20px; width: -webkit-calc(33.3333% - (40px / 3)); width: calc(33.3333% - (40px / 3)); margin-bottom: 40px; float: left; -webkit-transition: all 0.4s; transition: all 0.4s;border: 1px solid #eeeeee; }

.qingquan_list .item:nth-child(3n) { margin-right: 0; }

.qingquan_list .item .img_desc { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 25px 25px 65px 25px; }

.qingquan_list .item .img_desc h2 { font-size: 18px; color: #035fac; margin-bottom: 10px; font-weight: bold; }

.qingquan_list .item .img_desc p { color: #777777; line-height: 24px; }

.qingquan_list .item:hover { -webkit-transform: translatey(-15px); -ms-transform: translatey(-15px); transform: translatey(-15px); -webkit-box-shadow: 0px 10px 25px rgba(5, 140, 216, 0.4); box-shadow: 0px 10px 25px rgba(5, 140, 216, 0.4); }

.qingquan_model .more_btn { margin-top: 0; }

.qingquan_details { margin-bottom: 60px; }

.qingquan_advantage .text { line-height: 28px !important; }



.qingquan_advantage .advantage_box .left { padding-right: 70px; }

.sb_title { font-size: 20px; color: #0f6e8d; }

.product_characteristic { padding-top: 95px;padding-bottom: 40px;}
.qingquan_list{display: flex;flex-wrap: wrap;}
.characteristic_list { 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; }

.characteristic_list .item { margin-bottom: 20px; margin-right: 40px; width: -webkit-calc(50% - 20px); width: calc(50% - 20px); -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dedede; padding: 26px 40px; cursor: pointer; }

.characteristic_list .item:nth-child(2n) { margin-right: 0; }

.characteristic_list .item h2 { font-size: 20px; font-weight: 600; margin-bottom: 6px; }

.characteristic_list .item p { font-size: 16px; line-height: 24px; color: #888888; }

.characteristic_list .item:hover { -webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.15); box-shadow: 0 0px 20px rgba(0, 0, 0, 0.15); }

.product_application { padding: 75px 0; background: #e6e9ee; }

.application_list { margin-top: 30px; }

.application_list .item { height: 100px; background: #fff; float: left; margin-right: 12px; width: -webkit-calc(25% - (36px / 4)); width: calc(25% - (36px / 4)); margin-bottom: 15px; font-size: 16px; line-height: 26px; padding: 0 25px; color: #888888; cursor: pointer; 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; }

.application_list .item:nth-child(4n) { margin-right: 0; }

.application_list .item:hover { background: #1db470; color: #fff; }



.development_main .tong_title .title_en { font-size: 80px; }

.development_row01 { margin-top: 40px; }

.development_row01 .left { width: 456px; }

.development_row01 .left p { font-size: 18px; line-height: 30px; padding-right: 70px; color: #888888; }

.development_row01 .right { width: 744px; }

.development_row01 .right .imgscale { width: 49%; }

.development_row01 .right .imgscale:first-child { margin-right: 2%; }

.development_row01 .left h2 { font-size: 80px; color: #f5f5f5; text-transform: uppercase; padding-left: 30px; }

.development_row02 .development_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; padding: 60px 0; border-bottom: 1px dotted #a8acaf; }

.development_row02 .development_item .develop_img { width: 340px; }

.development_row02 .development_item .develop_text { width: -webkit-calc(100% - 340px); width: calc(100% - 340px); padding-left: 75px; }

.development_row02 .development_item .develop_text h2 { font-size: 36px; margin-bottom: 24px; }

.development_row02 .development_item .develop_text p { font-size: 18px; color: #888888; line-height: 30px; }

.development_row02 .development_item:last-child { border-bottom: none; }

.cooperation_main { background: url(/uploads/image/sdimages/hezuo_bg.jpg) no-repeat; background-size: cover; padding-top: 110px; padding-bottom: 100px; }

.cooperation_main .tong_title { margin-top: 0 !important; }

.cooperation_main .tong_title h2 { color: #fff; }

.cooperation_main .tong_title .title_en { color: rgba(255, 255, 255, 0.1); }

.cooperation_main .tong_title .xian { background: #fff; }

.cooperation_text { color: #fff; font-size: 16px; line-height: 24px; margin-top: 50px; }

.kehu_main { margin-top: -55px; }

.kehu_main .imgbox { -webkit-box-shadow: 0 1px 16px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 16px rgba(0, 0, 0, 0.1); }

.hezuo_swiper { padding-bottom: 50px; }

.research_swiper { margin-top: 36px; margin-bottom: 110px; }

.research_box { position: relative; }

.research_swiper .imgbox { margin-bottom: 26px; -webkit-box-shadow: 0 5px 16px rgba(127, 155, 185, 0.5); box-shadow: 0 5px 16px rgba(127, 155, 185, 0.5); }

.research_swiper .text h2 { font-size: 24px; line-height: 30px; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.research_box .swiper_btn { top: 22%; }
img{max-width: 100%;}
.development_history {padding: 90px 0;}
.development_history .tong_title{margin-top: 0 !important;}
.development_history .tong_title .title_en{color: rgba(255, 255, 255, 0.2);}
.development_history .tong_title{color: #fff;}
.development_history .tong_title .xian{background:#fff;}
.development_content{margin-top: 60px;}
.year_line{text-align: center;display: flex;justify-content: center;margin-top: 30px;}
.yearimgbox{position: relative;}
.year_line img{display: block;margin: 0 auto;}
.year_line ul li{position: absolute;cursor: pointer;}
.year_line ul li .year{font-size: 20px;margin-bottom: 10px;color: #fff;line-height: 1;transition: all 0.4s;}
.year_line ul li .year_btn{width: 25px;height: 25px;background: url(/uploads/image/sdimages/year_time.png) center no-repeat;    margin: 0 auto;transition: all 0.4s;}
.year_line ul li.active .year_btn{width: 30px;height: 30px;background: url(/uploads/image/sdimages/year_active.png) center no-repeat;    margin-bottom: -5px;}
.year_line ul li.active .year{font-size: 22px;}
.year_line ul .yearitem1{left: -48px; bottom: -9px;}
.year_line ul .yearitem2{left: 73px; bottom: 18px;}
.year_line ul .yearitem3{left: 190px; bottom: 54px;}
.year_line ul .yearitem4{left: 312px; bottom: 78px;}
.year_line ul .yearitem5{left: 430px; bottom: 132px;}
.year_line ul .yearitem6{left: 551px; bottom: 163px;}
.year_line ul .yearitem7{left: 673px; bottom: 203px;}
.year_line ul .yearitem8{left: 794px; bottom: 247px;}


@-moz-keyframes rotate {
  0% {
      -moz-transform: rotate(0deg);
  }
  100% {
      -moz-transform: rotate(360deg);
  }
}

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

@keyframes rotate {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}
.develop_neirong{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;width: 1000px;max-width: 100%;margin:0 auto;}
.develop_content{position: relative;padding:15px;width: 75%;max-width: 100%;}
.frame {width: 30px;height: 30px;position: absolute;}
.frame img{display: block;}
.frame_top_left {top: 0px;left: 0px;}
.frame_top_right {top: 0px;right: 0px;}
.frame_bottom_left {left: 0px;bottom: 0px;}
.frame_bottom_right {right: 0px;bottom: 0px;}
.hide_li_scroll{width: 100%;overflow-y: auto;max-height: 330px;background: rgba(255, 255, 255, 0.1);padding: 30px;font-size: 16px;color: #fff;line-height: 28px;}
.hide_li_scroll .item{display: none;}
.hide_li_scroll .item.active{display: block;}
.hide_li_scroll .item p{position: relative;padding-left: 20px;margin-bottom: 15px;}
.hide_li_scroll .item p::after{display: block;content: "";position: absolute;top:8px;left: 0;width: 6px;height: 6px;border-radius: 50%;background: #fff;}
.develop_showyear{width: 160px;height: 160px;position: relative;}
.product_backbox{padding-bottom: 60px;}
.develop_showyear .develop_year{
  -moz-animation: rotate 10s infinite linear;
    -webkit-animation: rotate 10s infinite linear;
    animation: rotate 10s infinite linear;
}
.develop_showyear .develop_year img{width: 100%;height: 100%;}
.develop_showyear .develop_year_line{position: absolute;left:-84px;top: 50%;transform: translatey(-50%);}
.develop_showyear .p_name{position: absolute;left:50%;top: 50%;transform: translate(-50%,-50%);color: #fff;font-size: 16px;}
.staff_main{padding-bottom: 100px;}
.hezuo_kehu{padding-top: 10px;padding-bottom: 80px;}
.customers_list{display: flex;flex-wrap: wrap;margin-top: 40px;}
.customers_list .item{margin-top: -1px;position: relative;width: 20%;display: flex;align-items: center;justify-content: center;height: 160px;border: 1px solid #dadada;border-right: none;}
.customers_list .item:nth-child(5n),.customers_list .item:last-child{border-right: 1px solid #dadada;}
.customers_list .item .kehu_img,.customers_list .item .hover_img{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.customers_list .item .kehu_img img,.customers_list .item .hover_img img{max-height:80%;max-width: 80%;}
.customers_list .item .hoverbox{display: flex;position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: all 0.4s;align-items: center;justify-content: center;border: 2px solid #37bbb8;border-radius: 20px;opacity: 0;z-index:-1;background: #fff;box-shadow: 0 4px 6px rgba(55, 187, 184,0.4);}
.customers_list .item:hover .hoverbox{opacity: 1;left: -10px;right: -10px;bottom: 10px;top: -10px;z-index: 10;}


.win_img { text-align: center; margin-top: 80px; }

.win_img img { max-width: 100%; }

.win_nav { text-align: center; margin-top: 35px; margin-bottom: 70px; }

.win_nav p { display: inline-block; font-size: 18px; margin-right: 70px; cursor: pointer; }

.win_nav p:last-child { margin-right: 0; }

.win_nav p.active { color: #005bac; }

.win_tiaojian h2 { font-size: 20px; text-align: center; margin-bottom: 35px; }

.win_tiaojianbox { padding-top: 30px; padding-bottom: 50px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }

.win_tiaojianbox .win_tiaojian_item p { font-size: 14px; line-height: 24px; margin: 8px 0; color: #828080; }

.win_tiaojian_item { display: none; }

.win_tiaojianbox .win_tiaojian_item:first-child { display: block; }

.win_person .person_icon { text-align: center; }

.win_person p { text-align: center; font-size: 20px; font-weight: 600; margin-top: 30px; }

.win_person h2 { text-align: center; font-size: 28px; color: #e99b1f; font-weight: 600; }

.win_person { padding-top: 80px;padding-bottom: 0 !important;}

.win_form { padding: 80px 0; }

.win_form h2 { font-size: 20px; padding-bottom: 30px; border-bottom: 1px solid #dedede; text-align: center; }

.form_title { font-size: 18px; text-align: center; margin-top: 40px; margin-bottom: 70px; }

.win_formcont { width: 835px; margin: 0 auto; }

.input_div { border-bottom: 1px solid #dedede; padding: 8px 0; margin-top: 30px; position: relative; }

.input_div span i { color: #db2d2d; margin-right: 5px; }

.input_div span { font-size: 16px; display: inline-block; text-align: center; width: 95px; margin-right: 20px; vertical-align: middle; }

.input_div input { display: inline-block; vertical-align: middle; font-size: 16px; width: -webkit-calc(100% - 120px); width: calc(100% - 120px); }

.yanzhenma_img { position: absolute; bottom: 0; right: 0; }

.yanzhenma_img img { height: 50px; }

.tijiao_btn { width: 200px; height: 50px; text-align: center; border: none; background-image: -webkit-gradient(linear, left top, right top, from(#08649c), to(#18787c)); background-image: linear-gradient(to right, #08649c, #18787c); color: #fff; font-size: 18px; letter-spacing: 2px; margin: 60px auto 0 auto; }

.win_form { text-align: center; }

.staff_list { margin-top: 50px; margin-bottom: 100px; }

.staff_list .staff_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; }

.staff_list .staff_item .staff_swiper { width: 50%; }

.staff_list .staff_item .staff_text { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 60px; padding-right: 60px; background: #fafafa; }

.staff_list .staff_item .staff_text h2 { font-size: 30px; margin-top: 60px; margin-bottom: 50px; }

.staff_list .staff_item .staff_text p { font-size: 14px; line-height: 24px; }

.staff_left { left: 0 !important; z-index: 99; background: rgba(3, 188, 58, 0.4); border: none !important; top: 50%; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); }

.staff_right { right: 0 !important; z-index: 99; background: rgba(3, 188, 58, 0.4); border: none !important; top: 50%; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); }

.staff_left i, .staff_right i { color: #fff; }

.staff_list .staff_item:nth-child(2n) .staff_text { text-align: right; }

.mobile_staff { display: none; }

.news_nav a { background-color: #f8f8f8; }

.news_list { margin-top: 75px; margin-bottom: 140px; }

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

.news_one .imgbox { width: 50%; float: left; }

.news_one .news_desc { width: 50%; float: left; padding: 0 40px; background-color: #fafafa; }

.news_one .news_desc { position: relative; }

.news_one .news_desc .news_date { font-size: 18px; color: #117089; margin-bottom: 15px; margin-top: 40px; }

.news_one .news_desc h2 { font-size: 24px; color: #117089; line-height: 32px; margin-bottom: 35px; }

.news_one .news_desc .news_text { font-size: 13px; color: #117089; line-height: 20px; color: #33333b; }

.news-pagination span { width: 6px; height: 6px; background-color: #e7e5e1; margin-right: 6px; display: inline-block; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 0.4s; transition: all 0.4s; }

.news-pagination span:last-child { margin-right: 0; }

.news-pagination { position: absolute; left: 40px; bottom: 30px; }

.news-pagination .swiper-pagination-bullet-active { background-color: #117089; width: 20px; }

.news_two { margin-top: 20px; }

.news_two .news_item { background-color: #fafafa; margin-bottom: 10px; }

.news_two .news_item a { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 25px 30px; }

.news_two .news_item .left { width: -webkit-calc(100% - 70px); width: calc(100% - 70px); }

.news_two .news_item .right { width: 70px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.news_two .news_item h2 { font-size: 20px; line-height: 30px; }

.news_two .news_item .desc { font-size: 13px; line-height: 20px; color: rgba(51, 51, 59, 0.6); margin-top: 15px; margin-bottom: 20px; }

.news_two .news_item .date { font-size: 18px; color: #117089; }

.news_two .news_item:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

.news_two .news_item:hover h2 { color: #117089; }

.policy_onenew .imgbox { width: 68.33%; }

.policy_onenew .news_desc { width: 31.67%; }

.policy_onenew h2 { margin-top: 70px; margin-bottom: 0 !important; }

.policy_onenew .news_desc .news_date { margin-top: 26px; }

.new_details { margin-top: 30px; margin-bottom: 100px; }

.new_details .new_details_title { padding: 35px; border-bottom: 1px solid #dddddd; border-top: 2px solid #57c072; }

.new_details .new_details_title .newde_tit { font-size: 24px; line-height: 30px; color: #117089; }

.new_details .new_details_title .newde_time { font-size: 20px; color: #117089; }

.new_details_cont { padding: 20px 0; }

.new_details_cont p { line-height: 24px; font-size: 14px;}

.newprev { border-top: 2px solid #333; border-bottom: 1px solid #dddddd; }

.newprevnext .newprevnext_item { padding: 25px 35px; }

.newprevnext .newprevnext_item .newleft { width: -webkit-calc(100% - 95px); width: calc(100% - 95px); }

.newprevnext .newprevnext_item .newright { color: #999999; font-size: 16px; width: 90px; }

.newprevnext .newprevnext_item .newleft p { display: inline-block; }

.newprevnext .newprevnext_item .newleft .newtext_icon { margin: 0 75px; }

.newprevnext .newprevnext_item .newleft { font-size: 16px; }

.newprevnext .newprevnext_item .newleft:hover { color: #117089; }

.newnext { border-bottom: 2px solid #333; }

.newtext_icon i { font-size: 12px; }

.new_details_cont img { max-width: 100%; }

.invite_linian { background-color: #f4f7f9; margin: 60px 0; }

.invite_left h2 { font-size: 20px; color: #0f6e8d; }

.invite_left { width: 50%; padding-right: 50px; margin-top: 40px; margin-bottom: 50px; }

.invite_right { width: 50%; }

.invite_ln p { font-size: 14px; line-height: 20px; margin-top: 20px; }

.invite_ln p span:first-child { display: inline-block; width: 70px; }

.invite_ln p span:last-child { display: inline-block; width: -webkit-calc(100% - 75px); width: calc(100% - 75px); vertical-align: top; color: #6d7379; }

.invite_left > h4 { font-size: 16px; }

.invite_left > p { font-size: 14px; color: #6d7379; margin-top: 5px;line-height: 26px; }

.recruit_ul { margin-bottom: 80px; }

.recruit_ul .item { margin-bottom: 10px; }

.recruit_ul .recruit_biaoti { cursor: pointer; height: 60px; line-height: 60px; background: #fafafa; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 50px; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; }

.recruit_ul .recruit_biaoti p { font-size: 18px; }

.recruit_ul .recruit_biaoti i { font-size: 35px; color: #cbcbcb; position: absolute; top: 2px; right: 35px; -webkit-transition: all 0.4s; transition: all 0.4s; }

.recruit_content { background: #f2f2f2; padding: 30px 50px 60px 50px; }

.recruit_attr { font-size: 16px; color: #696969; padding-bottom: 20px; border-bottom: 1px solid #cccccc; }

.recruit_attr li { float: left; width: 25%; margin-bottom: 10px; }

.recruit_attr li .yellow { color: #f57c13; }

.recruit_text h2 { font-size: 18px; margin-bottom: 5px; margin-top: 20px; }

.recruit_text p { font-size: 16px; color: #888888; line-height: 30px; }

.send_email { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 155px; height: 40px; line-height: 40px; background: #04b16e; margin-top: 45px; color: #fff; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.recruit_content { display: none; }

.recruit_ul .recruit_biaoti.active, .recruit_ul .recruit_biaoti:hover { background: #04b16e; color: #fff; }

.recruit_ul .recruit_biaoti.active i { color: #fff; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

.recruit_ul .recruit_biaoti:hover i { color: #fff; }

.contact_main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 50px; }

.contact_phone { width: 50%; background: #fcfcfc; padding: 60px 0; padding-left: -webkit-calc((100% - 1200px) / 2); padding-left: calc((100% - 1200px) / 2); }

.contact_map { width: 50%; }

.contact_phone ul li { margin-bottom: 15px; }

.contact_phone ul li h2 { font-size: 16px; font-weight: 600; margin-bottom: 3px; }

.contact_phone ul li p { font-size: 16px; color: #929292; }

.erweima_box { padding: 6px; border: 1px solid #ebebeb; display: inline-block; margin-top: 5px; }

.erweima_box img { width: 100px; height: 100px; }

.bmaplabel { text-align: center; border: none !important; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

.bmaplabel::after { display: block; content: ""; position: absolute; bottom: -6px; left: -webkit-calc(50% - 7px); left: calc(50% - 7px); width: 15px; height: 15px; background: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.about_boxdesc { margin-top: 30px; }

.about_spirit { position: relative; }

.about_spirit .about_left { width: 52.08%; }
.about_spirit .about_left .imgbox{position: relative;}
.about_spirit .about_left .video_play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 10;}
.video_play i{color: #39a43f;font-size: 50px;cursor: pointer;}

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

.about_spirit .about_right { width: 53.3333%; background-color: #39a43f; padding-top: 100px; position: absolute; top: 50px; right: 0; z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 45px; padding-right: 45px; line-height: 35px; padding-bottom: 90px; }

.about_spirit .about_right h2 { color: rgba(255, 255, 255, 0.2); font-size: 36px; text-transform: uppercase; }

.about_shown { position: absolute; top: 0; right: 0; }

.about_shown { width: 0; height: 0; border-bottom: 50px solid rgba(0, 0, 0, 0.15); border-left: 65px solid transparent; }

.about_left { position: relative; }

.about_spirit .about_right h3 { color: #fff; font-size: 24px; }

.about_jianjie p { font-size: 22px; line-height: 30px; color: #fff; margin-top: 30px; }

.about_logo { position: absolute; top: 60px; right: 30px; z-index: -1; }

.about_square { position: absolute; z-index: -1; right: 30px; bottom: 0; }

.about_square .square01 { width: 86px; height: 86px; background-color: #06ae6b; position: absolute; bottom: 0; right: 0; }

.about_square .square02 { width: 55px; height: 55px; background-color: #00b3f0; position: absolute; right: 65px; bottom: -22px; }

.mobile_xian { display: none; }

.sw-pagination { margin-top: 20px; text-align: center; display: none; }

.sw-pagination span { width: 8px; height: 8px; -webkit-border-radius: 50%; border-radius: 50%; background: rgba(0, 0, 0, 0.2); display: inline-block; margin: 0 4px; }
.honnor_pagination{margin-top: 10px;}
.honnor_pagination  span{background: rgba(255, 255, 255, 0.8);width: 5px;
  height: 5px;}
.sw-pagination .swiper-pagination-bullet-active { background: #359e3b; }

.about_numbox { text-align: center; font-size: 0; margin-top: 95px; margin-bottom: 50px; }

.about_numbox .item { display: inline-block; font-size: 16px; color: rgba(0, 0, 0, 0.6); margin-right: 100px; }

.about_numbox .item .counter { font-size: 44px; color: #359e3b; margin: 0 4px; }

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

.about_sunmany p { font-size: 18px; color: #777777; line-height: 32px; }

.about_mission { margin: 100px 0; }

.about_mission .icon_box { cursor: pointer; margin: 0 auto; width: 150px; height: 150px; background-color: #fafafa; -webkit-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.about_mission .icon_box img { max-width: 80%; -webkit-transition: all 0.4s; transition: all 0.4s; }

.about_mission .swiper-slide { text-align: center; }

.about_mission .swiper-slide h2 { font-size: 20px; font-weight: 600; margin-top: 15px; }

.about_mission .swiper-slide p { font-size: 16px; color: #6d7f88; line-height: 22px; margin-top: 4px; }

.mission_btn { z-index: 99; width: 55px; height: 55px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #e0e0e0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; position: absolute; top: 40%; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); }

.mission_btn i { font-size: 20px; }

.mission_btn:hover { background-color: #359e3b; border-color: #359e3b; }

.mission_btn:hover i { color: #fff; }

.mission_left { left: 0; }

.mission_right { right: 0; }

.about_mission .icon_box:hover { border: 2px solid #359e3b; }

.about_mission .icon_box:hover img { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

.about_lingyu { background: url(/uploads/image/sdimages/lingyu.jpg) no-repeat; background-size: cover; padding: 80px 0; }

.title_one { text-align: center; color: #fff; font-size: 30px; margin-bottom: 40px; }

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

.yw_lingyu .item { background-color: #328ee3; -webkit-border-radius: 5px; border-radius: 5px; padding: 30px 0; margin-right: 10px; width: -webkit-calc((100% / 8)); width: calc((100% / 8)); cursor: pointer; }

.yw_lingyu .item p { margin-top: 25px; font-size: 18px; line-height: 24px; color: #fff; text-align: center; }

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

.yw_lingyu .item .iconbox { margin: 0 auto; height: 35%; text-align: center; }

.yw_lingyu .item .iconbox img { height: 100%; }

.yw_lingyu .item:hover { background-color: #04b170; }

.service_swiper { display: -ms-grid; display: grid; }

.lingyu_linetwo { margin-top: 70px; }

.service_swiper a { overflow: hidden; -webkit-border-radius: 5px; border-radius: 5px; display: block; height: 100%; background-color: #328ee3; }

.service_swiper a p { padding: 16px; color: #fff; font-size: 18px; color: rgba(255, 255, 255, 0.8); line-height: 24px; }

.service_swiper a:hover { background-color: #04b170; }

.service_box { position: relative; }

.service_left { left: -100px; top: 50%; }

.service_right { right: -100px; top: 50%; }

.service_left i, .service_right i { color: #fff; }

.history_swiper { padding: 200px 0; }

.history_content { margin-top: 50px; margin-bottom: 100px; }

.history_swiper .circle_box { margin: 0 auto; width: 100px; height: 100px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; border-radius: 50%; background-color: #f5f5f5; border: 1px dashed #cfcfcf; 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; }

.history_swiper .circle_box span { font-size: 26px; }

.history_textbox { background-color: #f5f5f5; border: 2px solid #dedede; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 136px; 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; }

.history_textbox h2 { font-size: 24px; }

.history_xian { height: 36px; border-left: 2px dashed #dedede; width: 2px; margin: 0 auto; position: relative; }

.history_xian::after { display: block; content: ""; width: 6px; height: 6px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #333; position: absolute; bottom: -3px; left: -4px; }

.history_xian::before { display: block; content: ""; width: 6px; height: 6px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #333; position: absolute; top: -3px; left: -4px; }

.hide_opacity { opacity: 0; }

.history_swiper .swiper-slide:nth-child(odd) .history_text { position: absolute; left: 0; right: 0; }

.history_swiper .swiper-slide:nth-child(even) .history_text { position: absolute; left: 0; right: 0; bottom: 100px; }

.history_wenzi h4 { font-size: 18px; }

.history_wenzi { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 10px; text-align: center; }

.history_wenzi p { font-size: 14px; line-height: 20px; margin-top: 5px; }

.history_swiper_xian { position: absolute; top: 50%; left: 0; right: 0; height: 2px; border-top: 2px dashed #dedede; }

.history_swiper_xian::before { display: block; content: ""; position: absolute; top: -4px; left: 0; width: 6px; height: 6px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #333; }

.history_swiper_xian::after { display: block; content: ""; position: absolute; top: -4px; right: 0; width: 6px; height: 6px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #333; }

.history_list { position: relative; }

.history_left { left: -90px; top: 50%; }

.history_right { right: -90px; top: 50%; }

.main_box { overflow: hidden; }

.honor_main { background-position: center;background-repeat: no-repeat; background-size: cover; padding-top: 50px; padding-bottom: 130px; }
/* .honnor_swiper{display: flex;flex-wrap: wrap;} */
/* .honnor_swiper .swiper-slide{width: calc(25% - 15px);margin-right: 20px;margin-bottom: 20px;}
.honnor_swiper .swiper-slide:nth-child(4n){margin-right: 0;} */
.honner_desc{text-align: center;margin-top: 30px;font-size: 16px;color: #fff;}
.honor_main .tong_title { margin-top: 0 !important; }

.honor_main .tong_title h2 { color: #fff; }

.honor_main .tong_title .title_en { color: rgba(255, 255, 255, 0.1); }

.honnor_box { margin-top: 30px; position: relative; }
.honnor_box .honnor_swiper{display: none;}
.honnor_box .honnor_swiper:first-child{display: block;}

.overflow_box { overflow: hidden; }

.whitebox i { color: #fff; }

.search_container { padding: 60px 0; }

.searchtitle401 { margin-bottom: 30px; font-size: 24px; padding: 28px 15px; background-color: #f2f2f2; }

.searchinputcont401 input, .searchinputcont401 button { border: none; }

.searchinputcont401 { width: 45%; margin: 0 auto; }

.searchinputcont401 dt { float: left; width: 78%; }

.searchinputcont401 dd { float: left; width: 22%; }

.searchinputcont401 dt input { font-size: 16px; }

.searchinputcont401 dt input { width: 100%; height: 40px; line-height: 40px; text-indent: 12px; font-size: 15px; color: #333333; background-color: #ffffff; font-family: "microsoft yahei"; }

.noimgbox { width: 100% !important; }

.searchinputcont401 dd input { font-size: 16px; font-weight: bold; }

.searchinputcont401 dd input { margin-top: 0; }

.searchinputcont401 dd input { -webkit-transition: all .3s; transition: all .3s; width: 100%; height: 40px; line-height: 40px; font-weight: bold; color: #ffffff; cursor: pointer; background-color: #399d38; text-align: center; font-family: "microsoft yahei"; }

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

.search_list .item { padding: 18px 0; border-bottom: 1px solid #eee; }

.search_list .item h2 { margin-bottom: 20px; }

.search_list .item h2 a { font-size: 20px; margin-bottom: 20px; color: #333; }

.search_list .item h2 a br { display: none; }

.searchimg401 { float: left; margin-right: 30px; display: block; width: 200px; overflow: hidden; }

.search_list .item img { display: block; width: 100%; margin-bottom: 2%; }

.search_list .item img { width: 100%; }

.resulttext401 { overflow: hidden; height: 72px; color: #999; }

.searchbox { float: left; width: -webkit-calc(100% - 250px); width: calc(100% - 250px); }

.resultlabel401 { color: #999; display: inline-block; padding-top: 20px; }

.resultlabel401 a { color: #333 !important; }

.search_list .item:first-child { border-top: 1px solid #eee; }

/* 总经理致辞 */
.about_zhici{padding: 90px 0;    background: #fcfcfc;}
.about_zhici .abzhici_title{text-align: center;font-size: 32px;line-height: 1;margin-bottom: 50px;width: 68%;}
.abzhici_content{display: flex;flex-wrap: wrap;align-items: center;}
.abzhici_content .abzhici{width: 60%;padding-right: 50px;position: relative;padding-top: 20px;}
.abzhici_content .abzhici::before{display: block;content: "“";position: absolute;top: -30px;left: -15px;line-height: 1;font-size: 100px;color: #eee;}
.abzhici_content .abzhici::after{display: block;content: "”";position: absolute;bottom: -15px;right: 30px;line-height: 1;font-size: 100px;color: #eee;}
.abzhici_content .abzhici img{float: right;margin-top: 60px;width: 100px;}
.abzhici_content .abzhici_img{width: 40%;margin-top: -90px;}
.abzhici_content .abzhici{line-height: 30px;font-size: 16px;}
.abzhici_content .abzhici p{text-indent: 34px;}

/*--友情链接--*/

.footlinkbox { border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 15px 0px; margin-top:30px;}

.footlinkbox h3 { color: #dcdcdc; font-size: 16px; font-weight: 700; position: relative; }

.footlinkbox h3:after { content: ''; width: 20px; height: 2px; background-color: #10bc3d; display: block; margin-top: 15px; }

.footlinkbox h3 span { cursor: pointer; font-weight: normal; right: 0px; top: 0px; display: block; padding: 0 10px; font-size: 14px; line-height: 22px; color: #dcdcdc; border: 1px solid #dcdcdc; position: absolute; }

.footlink { font-size: 13px; padding-top: 20px; display: none; }

.footlink a { color: rgba(255, 255, 255, 0.6); font-size: 13px; margin-right: 19px; display: inline-block; margin-top: 5px; }

.footlink a:hover { color: rgba(255, 255, 255, 1); }


@media (max-width: 1325px) { .home6row { padding: 50px 20px; }
  .home6row, .home6 { margin-top: 0; } }

@media (max-width: 1441px) { .home1swipercontrol { width: 265px; right: 255px; }
  .home1texttit h1 { font-size: 100px; margin-left: -92px; }
  .home1texttit h3 { font-size: 30px; bottom: 5px; }
  .home1text p { font-size: 20px; margin-top: 20px; }
  .home2left { padding: 100px 30px 0 55px; height: auto; }
  .home2tabitemimg { width: 100%; height: auto; }
  .home2tabitemimg img { width: 100%; -webkit-transform: none; -ms-transform: none; transform: none; position: static; }
  .home2 .swiper-button-prev { right: 272px; }
  .home2 .swiper-button-next { right: 212px; }
  .home3conbox { padding: 100px 15px; }
  .home3conbox h5 { padding-right: 0; font-size: 20px; }
  .home4text { padding: 50px 0 0 30px; }
  .home4text p { font-size: 20px; line-height: 50px; }

  .engineering_btnleft { left: -70px; }
  .engineering_btnright { right: -70px; }
  .product_item .product_left h2 { font-size: 26px; }
  .product_item .product_left h2 span { font-size: 26px; margin-right: 15px; }
  .product_item .product_left h2 { margin-bottom: 30px; }
  .product_list .product_item:nth-child(odd) .product_left { padding-right: 50px; }
  .product_list .product_item:nth-child(even) .product_left { padding-left: 50px; } }

@media (max-width: 1366px) { .home3con { padding: 0 15px; }
  .home4img { width: 60%; }
  .home4text { width: 50%; }
  .qingquan_home4text a { font-size: 20px; }
  .qingquan_home4text { right: 22%; width: auto; } }

@media (min-width: 1220px) { .head_navlist ul li.active > a::after, .head_navlist ul li:hover > a::after { width: 100%; margin-left: -50%; }
  .head_navlist ul li > a::after { position: absolute; bottom: 0; width: 0; height: 2px; background: #10bc3d; content: ""; display: block; left: 50%; -webkit-transition: all 0.4s; transition: all 0.4s; } }

@media (max-width: 1220px) { .home1texttit h1 { font-size: 70px; }
  .home1texttit h3 { font-size: 24px; }
  .home1swipercontrol { bottom: 0; }
  .about_shown { display: none; }
  .service_left { left: -15px; }
  .service_right { right: -15px; }
  .history_left, .history_right, .service_left, .service_right { display: none; }
  .contact_phone { padding: 30px 15px; }
  .new_details .new_details_title { padding: 20px 0; }
  .new_details .new_details_title .newde_tit { font-size: 20px; }
  .new_details .new_details_title .newde_tit { float: none; }
  .new_details .new_details_title .newde_time { font-size: 16px; width: 100%; float: none; }
  .characteristic_list .item { padding: 15px; }
  .characteristic_list .item h2 { font-size: 16px; }
  .qingquan_advantage .advantage_box { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .container, .row { width: auto !important; margin: 0 15px; }
  .nav ul li { padding: 0 20px; }
  .search { padding-left: 0; }
  .home6row { width: 100%; }
  .banner .swiper-button-prev, .banner .swiper-button-next { top: 50%; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); }
  .banner .swiper-button-next { -webkit-transform: translatey(-50%) rotate(180deg); -ms-transform: translatey(-50%) rotate(180deg); transform: translatey(-50%) rotate(180deg); }
  .home2left { padding: 50px 20px; }
  .title h3 { font-size: 32px; }
  .title p { font-size: 16px; margin-top: 10px; }
  .home2tabbar { margin-top: 20px; }
  .home2tabitemtext .t { font-size: 26px; }
  .home2 .swiper-button-prev, .home2 .swiper-button-next { width: 50px; height: 50px; }
  .home2 .swiper-button-next { right: 21.4%; }
  .home2 .swiper-button-prev { right: 27.5%; }
  .home3con { padding: 0 15px; }
  .home5 { padding: 100px 0; }
  .home6row { margin-top: 0; }
  .home5boxtext .num { font-size: 60px; }
  .home5boxtext p { font-size: 16px; line-height: 24px; }
  .home6row { padding: 50px 20px; }
  .engineering_btnleft { display: none; }
  .engineering_btnright { display: none; }
  .eng-pagination { display: block; text-align: center; }
  .product_list .product_item:nth-child(odd) .product_left { padding-left: 15px; padding-right: 15px; }
  .product_list .product_item:nth-child(even) .product_left { padding-left: 15px; padding-right: 15px; }
  .development_row01 .left { width: 100%; }
  .development_row01 .left p { padding-right: 0; }
  .development_row01 .right { width: 100%; }
  .development_row02 .development_item .develop_text h2 { font-size: 26px; }
  .development_row02 .development_item .develop_text p { font-size: 16px; line-height: 26px; }
  .news_one .news_desc h2 { font-size: 18px; line-height: 26px; margin-bottom: 15px; }
  .about_jianjie p { font-size: 18px; }
  .about_spirit .about_right { padding-bottom: 50px; }
  .about_sunmany p { font-size: 16px; } }

@media (min-width: 992px) { .nav ul li i { display: none; }
  .case_list li:hover a { -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2); -webkit-transform: translatey(-10px); -ms-transform: translatey(-10px); transform: translatey(-10px); }
  .nav2 { width: 200px; position: absolute; top: 100%; left: 50%; background-color: #fff;z-index: 99; -webkit-transform:translate(-50%, 10px); -ms-transform: translate(-50%, 10px); transform: translate(-50%, 10px);
    pointer-events: none;opacity: 0;
  } 
  .head_navlist li .nav2 { -webkit-transition: all 0.3s; transition: all 0.3s; } 
  .head_navlist li:hover .nav2{ pointer-events: initial; opacity: 1; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
}

@media (max-width: 992px) { .nav ul li i { float: right; }
.product_list .product_item:last-child{margin-bottom: 20px;}
  .home4 .swiper-container { margin-top: 30px; }
  .home4 .swiper-button-next, .home4 .swiper-button-prev { top: 85%; }
  .home4 .swiper-button-next { right: 15px; }
  .home4 .swiper-button-prev { left: 15px; }
  .qingquan_home4text { width: 100%; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .home4 .hometextmore { margin-top: 30px; }
  .home4 .swiper-container { padding: 0 15px !important; }
  .home1 .swiper-slide .home1img, .home4img { position: static !important; }
  .qingquan_home4text { position: static !important; }
  .home4img { width: 100% !important; }
  .home3conbox { padding: 60px 15px; }
  .home1 .swiper-container { padding: 0 15px; }
  .home1text { opacity: 1 !important; }
  .mission_btn { display: none; }
  .sw-pagination { display: block; }
  .about_mission { margin: 60px 0; }
  .about_mission .icon_box { width: 100px; height: 100px; }
  .about_mission .icon_box img { max-width: 50%; }
  .about_mission .swiper-slide h2 { font-size: 18px; }
  .yw_lingyu .item { width: 23%; margin-bottom: 10px; }
  .yw_lingyu .item:nth-child(4n) { margin-right: 0; }
  .yw_lingyu { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .about_spirit .about_right { padding-top: 50px; padding-left: 30px; padding-right: 30px; }
  .contact_main { display: block; }
  .contact_phone, .contact_map { width: 100%; }
  .contact_map { height: 400px; }
  .invite_left { width: 100%; }
  .invite_right { width: 100%; }
  .recruit_attr li { width: 33.3333%; }
  .news_one .news_desc .news_date { margin-top: 18px; }
  .news_two .news_item h2 { font-size: 18px; }
  .news_two .news_item .desc { margin-top: 10px; margin-bottom: 15px; }
  .news_two .news_item .date { font-size: 16px; }
  .win_formcont { width: 100%; }
  .development_main .tong_title .title_en { font-size: 50px; }
  .development_row01 .left h2 { font-size: 50px; padding-left: 0; }
  .product_advantage .left .text i { display: none; }
  .product_details .title { font-size: 26px; line-height: 30px; }
  .product_item .product_left ul li a { font-size: 14px; line-height: 22px; min-height: 55px; }
  .product_main .tong_desc { font-size: 14px; }
  .qingquan_nav a { font-size: 16px; margin-right: 15px; }
  .qingquan_nav { overflow-x: auto; white-space: nowrap; overflow-y: hidden; }
  .product_list .product_item .imgbox { display: block; }
  .product_list .product_left { padding-top: 30px; padding-bottom: 30px; }
  .product_item .product_left h2 { font-size: 22px; }
  .product_item .product_left h2 span { font-size: 22px; }
  .product_item .product_left h2 { margin-bottom: 15px; }
  .product_nav { margin-top: 30px; }
  .product_nav a { width: 200px; height: 50px; line-height: 50px; font-size: 16px; margin-bottom: 15px; }
  .details_top .title { font-size: 26px; line-height: 35px; }
  .nav ul li { padding: 0; }
  .nav ul li a { width: 70% !important; padding-left: 0 !important; }
  .nav ul li .nav2 a { width: 100% !important; text-align: left; }
  .nav2 { display: none; }
  .nav ul li .nav2 a { padding-left: 15px !important; line-height: 30px !important; }
  .title h3 { font-size: 28px; }
  .nav { position: absolute; top: 80px; left: 0; width: 100%; height: 100vh; background: #fff; display: none; }
  .nav ul li { position: relative; display: block; width: 100%; border-bottom: 1px solid #eae8e8; }
  .nav ul li i { width: 30%; height: 50px; display: inline-block; vertical-align: top; position: relative; }
  .nav ul li i.active::before { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
  .nav ul li i::before { background-position: center !important; }
  .nav ul li i::before { content: ""; background: url(/uploads/image/sdimages/jiant6.png) no-repeat; position: absolute; top: 16px; right: 15px; width: 9px; height: 17px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.3s; transition: all 0.3s; }
  .nav ul li a { line-height: 50px; padding-left: 20px; display: inline-block; width: 50%; }
  .nav ul li .nav2 a { font-size: 14px; }
  .nav2 { position: static; }
  .nav2 a { padding-left: 35px !important; }
  .le-box { display: none; }
  .banner .swiper-button-next { right: 50px; }
  .banner .swiper-button-prev { left: 50px; }
  .home1 { padding: 50px 0; }
  .home1swipercontrol { right: 20px; }
  .home2 { display: block; }
  .home2left { width: 100%; }
  .home2tabbar { overflow: auto; }
  .home2tabbar .tabterm { display: inline-block; padding: 0 30px; }
  .home2right { width: 100%; }
  .home2 .swiper-button-next { right: 22.4%; }
  .home3 { padding-top: 50px; }
  .home3con { overflow-x: auto; white-space: nowrap; padding: 0 15px; }
  .home3conbox { width: 250px; }
  .home3conboximg { margin-top: 30px; }
  .home4 { padding: 50px 0; }
  .home4img { width: 65%; }
  .home4text { width: 35%; }
  .home5boxtext .num { font-size: 40px; }
  .home6conleft { width: 100%; padding-right: 0; }
  .home6conright { width: 100%; }
  .footernav { display: block; }
  .footernavli .tit a { padding: 5px 0; }
  .footernavli a { padding: 0 10px; }
  .footernavli p { padding-left: 10px; }
  .footercon { margin-top: 20px; }
  .footernavli { border-bottom: 1px solid #666666; }
  .footernavlicont { display: none; }
  .tong_title .title_en { font-size: 70px; }
  .tong_desc { font-size: 14px; margin-top: 15px; line-height: 24px; }
  .tong_title h2 { font-size: 30px; }
  .business_swiper { margin: 50px 0; }
  .business_text .bus_left h2 { padding-left: 0; font-size: 16px; }
  .business_text .bus_right { font-size: 14px; line-height: 24px; }
  .business_text { padding: 20px 15px; }
  .sort_navswiper .swiper-slide a { font-size: 16px; }
  .product_list .product_item { display: block; }
  .product_list .product_item .product_left { width: 100%; }
  .product_list .product_item .product_right { width: 100%; }
  .product_list .product_right .bgimg { background: none; display: none; }
  .product_list .product_right .bgimg .imgbox { display: block; }
  .product_list .product_item { min-height: initial; }
  .qingquan_list .item .img_desc p br { display: none; }
  .qingquan_list .item .img_desc { padding: 15px; }
  .qingquan_list .item .img_desc h2 { font-size: 16px; }
  .staff_list .staff_item .staff_text { padding: 0 30px; }
  .staff_list .staff_item .staff_text h2 { font-size: 22px; margin-top: 20px; margin-bottom: 10px; } }

@media (max-width: 1024px) { .policy_onenew .imgbox { width: 100%; }
  .policy_onenew a { display: block; }
  .policy_onenew .news_desc { width: 100%; }
  .policy_onenew .news-pagination { position: static !important; margin-bottom: 15px; }
  .policy_onenew .news_desc h2 { margin-top: 20px; } 
  .honor_main{padding-bottom: 80px;}

}

@media (max-width: 768px) { .search { height: 60px; position: static;}
.honner_desc{margin-top: 15px;}
.honnor_swiper .swiper-slide{width: calc(50% - 10px);margin-right: 20px;}
.honnor_swiper .swiper-slide:nth-child(2n){margin-right: 0;}
.customers_list .item {
  width: 33.3333%;
  border-right: none !important;
}
.hezuo_kehu{padding-bottom: 40px;}
.customers_list{margin-top: 20px;}
.customers_list .item:nth-child(3n) {
  width: 33.3333%;
  border-right: 1px solid #dadada !important;
}
.customers_list .item:last-child {
  border-right: 1px solid #dadada !important;
}
.year_line img,.develop_showyear .develop_year_line{display: none;}
.year_line{margin-top: 30px;}
.year_line ul{display: flex;flex-wrap: wrap;}
.year_line ul li{position: static;margin-right: 20px;}
.year_line ul li .year_btn{width: 35px;height: 35px;}
.year_line ul li .year{font-size: 18px !important;}
.development_history{padding: 40px 0;}
  .history_textbox h2 { font-size: 18px; }
  .history_wenzi h4 { font-size: 16px; }
  .yw_lingyu .item p { font-size: 16px; }
  .honor_main { padding-top: 40px; padding-bottom: 40px; }
  .honnor_box { margin-top: 30px; }
  .history_content { margin-bottom: 0; }
  .title_one { font-size: 24px; margin-bottom: 20px; }
  .lingyu_linetwo { margin-top: 30px; }
  .about_lingyu { padding: 40px 0; }
  .about_spirit .about_left { width: 100%; }
  .about_spirit .about_right { width: 100%; position: relative; top: 0; padding-left: 15px; padding-right: 15px; }
  .about_spirit .about_right h3 { font-size: 22px; }
  .about_spirit .about_right h2 { font-size: 30px; }
  .about_jianjie p { font-size: 16px; line-height: 26px; margin-top: 15px; }
  .contact_main { margin-top: 30px; }
  .about_numbox { margin-top: 40px; margin-bottom: 30px; }
  .contact_phone { padding: 15px; }
  .policy_onenew h2 { margin-top: 0 !important; margin-bottom: 10px !important; }
  .news_one a { display: block; }
  .news_one .news_desc .news_date { margin-top: 0; }
  .news_one .news_desc { padding: 15px; }
  .news_one .news_desc h2 br { display: none; }
  .news-pagination { position: static !important; }
  .news_two .news_item a { padding: 15px; }
  .news_one .imgbox { width: 100%; }
  .news_two .news_item .right { display: none; }
  .news_two .news_item .left { width: 100%; }
  .news_one .news_desc { width: 100%; }
  .qingquan_model { padding-bottom: 40px; }
  .qingquan_list .item { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); margin-right: 20px !important; }
  .qingquan_list .item:nth-child(2n) { margin-right: 0 !important; }
  .product_item .product_left h2 { font-size: 18px; }
  .product_item .product_left h2 span { font-size: 18px; margin-right: 10px; }
  .product_list { margin-top: 30px; }
  .sort_banner { height: 260px; }
  .sort_nav { display: none; }
  .mobile_subnav { display: block; }
  .news_list { margin-top: 30px; margin-bottom: 40px; }
  .news_two { margin-top: 10px; }
  .sort_content h2, .sort_content p { font-size: 24px; line-height: 35px; }
  .header { height: 60px; padding: 0 15px; }
  .header .logo { line-height: 60px; width: 100px; }
  .nav { top: 60px; }
  .navbtn { margin-top: 23px; }
  .search { line-height: 60px; vertical-align: top; }
  .nav { padding: 15px; }
  .home1 .swiper-slide { display: block; }
  .home1img { width: 100%; height: auto; max-height: 725px; }
  .home1texttit h1 { margin-left: 0; }
  .home1text { padding: 30px 0 0 20px; }
  .home2 .swiper-button-next { right: 0; }
  .home2 .swiper-button-prev { right: 50px; }
  .home2tabitemtext { height: 80px; }
  .home2tabitemtext .t { line-height: 80px; font-size: 22px; }
  .home4text { padding: 20px; }
  .home4text p { font-size: 16px; line-height: 40px; }
  .home4 .swiper-container { margin-top: 30px; }
  .home4 .swiper-button-next, .home4 .swiper-button-prev { width: 50px; height: 50px; }
  .home4text { display: block; }
  .home4 .swiper-slide-prev .home4img { position: static; }
  .home5 { padding: 0; }
  .home6row { padding-bottom: 0; }
  .home5box { width: 100%; padding: 20px 0; }
  .home5box:nth-child(2) { width: 100%; }
  .home5box:nth-child(2)::before { content: ""; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.34); position: absolute; top: 0; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; }
  .home5box:nth-child(2)::after { content: ""; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.34); position: absolute; bottom: 0; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; top: auto; }
  .home6conrightboxtext h5 { font-size: 18px; }
  .footer { padding: 50px 0 30px; }
  #search-form {  width: auto; left: 15px; right: 15px; top: 60px; }
  .tong_title .title_en { font-size: 35px; }
  .tong_title h2 { font-size: 22px; }
  .tong_title { margin-top: 10px; }
  .tong_desc br { display: none; }
  .tong_title .xian { width: 35px; margin-top: 10px; }
  .business_swiper { margin-top: 30px; margin-bottom: 40px; }
  .swiper_btn i { font-size: 18px; }
  .swiper_btn { width: 40px; height: 40px; }
  .business_text { width: 96%; }
  .case_list li .case_text h2 { font-size: 16px; line-height: 22px; }
  .case_main { padding-bottom: 50px; }
  .case_list li .case_text { padding-left: 15px; padding-right: 15px; }
  .case_list li { margin-bottom: 15px; }
  .case_list li .imgbox { width: 40%; }
  .case_list li .case_text { width: 60%; }
  .details_top .title { font-size: 22px; line-height: 26px; }
  .details_top .date { font-size: 14px; margin-top: 10px; }
  .details_content { margin-top: 30px; }
  .casedetails_main, .engineering_list { padding: 40px 0; }
  .engineering_tit { font-size: 22px; }
  .product_details { margin: 40px 0; }
  .product_details .title { font-size: 20px; line-height: 26px; }
  .product_details .pro_deta_cont br { display: none; }
  .product_details .pro_deta_cont { text-align: left; padding-bottom: 25px; }
  .advantage_box { display: block; }
  .advantage_box .left { display: block; width: 100%; padding-right: 0; padding: 30px 0; }
  .advantage_box .right { display: block; width: 100%; }
  .classic_case { margin: 40px 0; }
  .classic_case_list .item .img_title { font-size: 16px; padding: 20px 10px; }
  .qingquan_advantage .advantage_box .left { padding-right: 0; }
  .product_back { margin-bottom: 40px; }
  .product_characteristic, .product_application { padding: 40px 0; }
  .characteristic_list .item p { font-size: 14px; line-height: 22px; }
  .application_list .item { width: -webkit-calc(50% - 6px); width: calc(50% - 6px); }
  .application_list .item:nth-child(2n) { margin-right: 0; }
  .development_row01 .left p { font-size: 16px; line-height: 26px; }
  .development_row02 .development_item .develop_img { width: 100%; }
  .development_row02 .development_item .develop_text { width: 100%; padding-left: 0; margin-top: 20px; }
  .development_row02 .development_item { display: block; padding: 30px 0; }
  .development_row01 { margin-top: 20px; }
  .cooperation_main { padding-top: 40px; padding-bottom: 80px; }
  .research_swiper { margin-bottom: 40px; }
  .win_img { margin-top: 30px; }
  .win_nav { margin: 30px 0; }
  .win_tiaojianbox { padding: 20px 0; }
  .win_person { padding-top: 30px; padding-bottom: 0 !important; }
  .form_title { margin: 20px 0; }
  .staff_list .staff_item { display: block; }
  .staff_list .staff_item .staff_swiper { width: 100%; }
  .staff_list .staff_item .staff_text { width: 100%; }
  .staff_list .staff_item .staff_text h2 { margin-top: 0; }
  .staff_list .staff_item .staff_text { padding: 30px 15px; }
  .pc_staff { display: none; }
  .mobile_staff { display: block; }
  .staff_list .staff_item:nth-child(even) .staff_text { text-align: left; }
  .staff_left, .staff_right { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; }
  .newprevnext .newprevnext_item { padding: 15px 0; }
  .newprevnext .newprevnext_item .newleft, .newprevnext .newprevnext_item .newright { font-size: 14px; }
  .newprevnext .newprevnext_item .newleft .newtext_icon { margin: 0 10px; }
  .new_details { margin-bottom: 40px; }
  .invite_linian { margin: 40px 0; }
  .invite_left h2 { font-size: 18px; }
  .invite_left { margin: 30px 0; padding-right: 0; }
  .recruit_ul .recruit_biaoti { padding: 0 15px; }
  .recruit_ul .recruit_biaoti p { font-size: 16px; }
  .recruit_ul .recruit_biaoti i { right: 8px; font-size: 24px; }
  .recruit_content { padding: 15px; }
  .send_email { margin-top: 30px; }
  .recruit_attr { font-size: 14px; margin-bottom: 10px; }
  .recruit_attr li { margin-bottom: 3px; }
  .recruit_text p { font-size: 14px; line-height: 24px; }
  .recruit_text h2 { font-size: 16px; margin-top: 10px; }
  .recruit_ul .recruit_biaoti { height: 50px; line-height: 50px; }
  .recruit_ul .recruit_biaoti i { top: 0; } 
  .abzhici_content .abzhici{width: 100%;padding-right: 0;}
  .about_zhici .abzhici_title{width: 100%;}
  .abzhici_content .abzhici::before{font-size: 50px;display: none;}
  .abzhici_content .abzhici::after{font-size: 50px;display: none;}
  .abzhici_content .abzhici_img{width: 100%;margin-top: 30px;}
  .right_aside{display: none !important;}
  .about_zhici{padding: 40px 0;}
  .about_zhici .abzhici_title{font-size: 22px;margin-bottom: 10px;}
  .abzhici_content .abzhici img{margin-top: 30px;}
}

@media (max-width: 520px) { .history_swiper .swiper-slide .history_text { position: static !important; }
.about_jianjie p{font-size: 14px;}
.case_tukulist .item{margin-right: 15px;margin-bottom: 15px;width: calc(50% - 15px / 2);}
.about_spirit .about_right h3{font-size: 18px;}
.win_person p{font-size: 14px;margin-top: 10px;}
.win_form{padding: 0 !important;}
.tijiao_btn{margin-top: 20px;width: 160px;font-size: 14px;}
.develop_showyear{display: none;}
.develop_content{width: 100%;}
.development_content{margin-top: 30px;}
.hide_li_scroll{padding: 15px;line-height: 26px;}
.year_line ul li{width: 33.3333%;margin: 0;margin-bottom: 15px;}
.year_line ul li .year{margin-bottom: 0;}
.hide_li_scroll{font-size: 14px;}
.yearimgbox{width: 100%;}
.year_line ul li .year {
  font-size: 16px !important;
}
.customers_list .item {
  height: 100px;
}
.customers_list .item .hoverbox {
  display: none;
}
.customers_list .item .kehu_img {
  max-width: 60%;
  max-height: 60%;
}
.right_aside{display: none;}
  .history_swiper { padding: 0; padding-bottom: 30px; }
  .history_swiper .mobile_xian { display: block; }
  .history_swiper .pc_xian { display: none; }
  .yw_lingyu .item { width: 48%; }
  .yw_lingyu .item:nth-child(2n) { margin-right: 0; }
  .about_mission { margin: 40px 0; }
  .about_numbox .item { margin-right: 0; display: block; }
  .about_numbox .item .counter { font-size: 30px; }
  .about_numbox { text-align: left; }
  .invite_ln p { margin-top: 10px; }
  .newprevnext .newprevnext_item .newright { display: none; }
  .newtext_name { width: -webkit-calc(100% - 100px); width: calc(100% - 100px); }
  .new_details .back_list { margin-top: 30px; }
  .newprevnext .newprevnext_item .newleft { width: 100%; }
  .new_details .new_details_title .newde_tit { font-size: 18px; margin-bottom: 5px; line-height: 26px; }
  .staff_list .staff_item .staff_text h2 { font-size: 18px; }
  .staff_list { margin: 40px 0; }
  .product_more { margin-top: 0; }
  .details_content { margin-top: 15px; }
  .deta_video { float: none; display: block; width: 100%; margin-right: 0; }
  .deta_swiper { float: none; display: block; width: 100%; margin-top: 20px; }
  .details_top .title { font-size: 18px; }
  .details_content ul li h2 { font-size: 16px; margin-bottom: 5px; }
  .details_content ul li p { line-height: 22px; }
  .case_list { margin-top: 30px; }
  .sort_banner { height: 180px; }
  .more_btn { margin-top: 30px; width: 150px; height: 50px; line-height: 50px; }
  .case_list li .case_text h2 { font-size: 14px; }
  .sort_content h2, .sort_content p { font-size: 20px; line-height: 30px; }
  .business_text { margin-top: 0; width: 100%; padding: 0; }
  .business_text .bus_left { float: none; width: 100%; margin-top: 20px; margin-bottom: 15px; }
  .business_text .bus_right { float: none; width: 100%; }
  .business_text .bus_right br { display: none; }
  .bus_btnleft, .bus_btnright { top: 20%; -webkit-transform: translatey(0); -ms-transform: translatey(0); transform: translatey(0); }
  .searchiov { top: 100%; z-index: 99; }
  .banner .swiper-button-prev, .banner .swiper-button-next { display: none; }
  .home1 { padding: 20px 0; }
  .home1 .swiper-slide-active .home1text { width: 100%; }
  .home1img { width: 100%; overflow: hidden; position: relative; }
  .home1text { padding-left: 0 !important; margin-bottom: 15px; }
  .home1texttit h1 { font-size: 50px; line-height: 60px; }
  .home1texttit h3 { font-size: 24px; }
  .home1text p { font-size: 16px; margin-top: 10px; }
  .home1 .hometextmore { margin-top: 20px; }
  .home1 .swiper-container { padding-bottom: 60px; }
  .home1texttit h1 { letter-spacing: 0; }
  .home1swipercontrol { left: 0; bottom: 0; width: 100%; }
  .home1 .swiper-button-prev, .home1 .swiper-button-next { width: 40px; height: 40px; }
  .home1 .swiper-button-prev { left: 20px; }
  .home1 .swiper-button-next { left: 70px; }
  .home1 .swiper-pagination { right: 20px; }
  .home2tabbar { margin-top: 10px; }
  .home2 .hometextmore { margin-top: 10px; }
  .home2left { padding: 20px 15px; }
  .title h3 { font-size: 24px; }
  .title p { font-size: 14px; }
  .home2tabbar .tabterm { padding: 0 10px; }
  .home2tabbar .tabterm::before { display: none; }
  .hometextmore a { width: 90px; font-size: 12px; }
  .home2tabitemtext { height: 40px; }
  .home2tabitemtext .t { font-size: 16px; line-height: 40px; }
  .home2 .swiper-button-prev, .home2 .swiper-button-next { width: 40px; height: 40px; }
  .home2 .swiper-button-prev { right: 40px; }
  .home3 { padding-top: 30px; }
  .home3con { padding: 0; margin-top: 15px; }
  .home3conbox { padding: 30px 15px; }
  .home3conbox h5 { display: -webkit-box; height: 20px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .home3conboximg { margin-top: 15px; }
  .home4 { padding: 20px 0; }
  .home4 .swiper-slide { display: block; text-align: left; }
  .home4img { width: 100%; }
  .home4text { width: 100%; padding: 10px 20px; }
  .home4text p { line-height: 30px; }
  .qingquan_home4text a { font-size: 16px; }
  .home2tabbar .tabterm:first-child { padding-left: 0; }
  .home4 .swiper-button-next, .home4 .swiper-button-prev { width: 40px; height: 40px; top: 75%; -webkit-transform: none; -ms-transform: none; transform: none; }
  .home4 .swiper-button-next { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
  .home4 .hometextmore { margin-top: 15px; }
  .home5 { padding: 20px 0; }
  .home5boxtext .num { font-size: 30px; }
  .home5boxtext p { font-size: 14px; line-height: 20px; }
  .home5boximg img { max-width: 45px; }
  .home6row { padding: 30px 15px; }
  .home6conlefttext { padding: 20px 0; }
  .home6conlefttext h5 { font-size: 16px; }
  .home6conlefttext p { font-size: 12px; margin-top: 10px; display: -webkit-box; height: 54px; line-height: 18px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .home6conlefttext .data { margin-top: 20px; }
  .home6conlefttext .more { width: 100px; font-size: 12px; bottom: 20px; }
  .home6conrightbox { width: 100%; margin-bottom: 15px; padding: 0; }
  .home6conrightboxtext { padding: 20px 0; }
  .home6conrightboxtext 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; }
  .home6conrightboxtext .data { margin-top: 10px; }
  .footer { padding: 20px 0; }
  .footercon { margin-top: 10px; padding-bottom: 5px; }
  .footerbottomleft { float: none !important; width: 100%; text-align: center; }
  .footerbottomright { float: none !important; width: 100%; text-align: center; padding-top: 10px; }
  .footernavli p { padding-left: 0; }
  .footerlogo { display: none; }
  .footericonli { float: none !important; text-align: center; }
  .product_nav a { width: 48%; margin-right: 4%; font-size: 14px; border-width: 1px; }
  .product_nav a:nth-child(2n) { margin-right: 0; }
  .product_details .pro_deta_cont { font-size: 14px; }
  .product_advantage .left h2 { margin-bottom: 15px; }
  .product_advantage .left .text { font-size: 14px; }
  .classic_case_list .item { width: 100%; margin-right: 0; float: none; margin-bottom: 20px; }
  .back_list { margin-top: 0; width: 140px; height: 50px; line-height: 50px; border-width: 1px; }
  .qingquan_nav { margin: 20px 0; }
  .qingquan_list .item { width: 100%; margin-right: 0 !important; margin-bottom: 20px; }
  .characteristic_list { display: block; }
  .characteristic_list .item { margin-right: 0; width: 100%; }
  .application_list .item { margin-right: 0 !important; width: 100%; }
  .application_list .item { height: auto; min-height: 70px; }
  .product_back { margin-top: 30px; }
  .application_list, .characteristic_list { margin-top: 20px; }
  .development_main .tong_title .title_en { font-size: 22px; }
  .development_row01 .left p { font-size: 14px; line-height: 24px; }
  .development_row01 .left h2 { font-size: 30px; }
  .development_row02 .development_item .develop_text h2 { font-size: 20px; margin-bottom: 10px; }
  .development_row02 .development_item .develop_text p { font-size: 14px; line-height: 24px; }
  .cooperation_text { margin-top: 20px; font-size: 14px; line-height: 24px; }
  .research_swiper .text h2 { font-size: 18px; }
  .win_person h2 { font-size: 24px; }
  .win_form { padding: 40px 0; }
  .form_title, .input_div input { font-size: 14px; }
  .input_div span { font-size: 14px; margin-right: 10px; width: 82px; }
  .input_div input { width: -webkit-calc(100% - 97px); width: calc(100% - 97px); }
  .yanzhenma_img img { height: 40px; }
  .input_div { margin-top: 20px; } 

  .abzhici_content .abzhici{padding-top: 10px;font-size: 14px;line-height: 26px;}
  .abzhici_content .abzhici p {text-indent: 28px;}
  .abzhici_content .abzhici img{margin-top: 10px;}
  
}

@media (max-width: 768px) { .search_container { padding: 40px 0; }
  .searchtitle401 { padding: 15px 15px; }
  .searchinputcont401 { width: 98%; }
  .searchimg401 { float: none; width: 100%; }
  .searchbox { width: 100%; }
  .search_list .item h2 { margin-top: 10px; margin-bottom: 10px; }
  .search_list .item h2 a { font-size: 16px; }
  .resulttext401 { height: auto; } }

/* 10-25 添加 */
.honnor_categorylist{display: flex;flex-wrap: wrap;justify-content: center;margin-top: 30px;}
.honnor_categorylist .item{width: 140px;height: 50px;line-height: 50px;border-radius: 30px;border: 1px solid rgba(255, 255, 255, 0.5);text-align: center;color: #fff;margin-right: 15px;cursor: pointer;}
.honnor_categorylist .item:last-child{margin-right: 0;}
.honnor_categorylist .item.active,.honnor_categorylist .item:hover{background: #10bc3d;border-color: #10bc3d;}
.honnor_boxlistitem{display: none;}
.honnor_boxlistitem:first-child{display: block;}
.home5 .title,.home5 .title h3{color: #fff;}
.home5 .title{margin-bottom: 80px;}
.contact_map  {position: relative;}
.map_content{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;}
.qingquan_home4text a{color: rgba(0, 0, 0, 0.6);}

.right_aside { -webkit-transition: all .5s; transition: all .5s; position: fixed; top: 50%; z-index: 50; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); right: -90px; }
/* .right_aside .block_box{border: 1px solid #d4f0da;} */
.right_aside .adisdebox{ padding: 15px 0 10px;border-bottom: 1px solid #d6f1e2;margin: 0 8px;}
.right_xinxi{margin-top: 25px;text-align: center;}
.right_aside .block {background-color: #ffffff;  position: relative; width: 75px; height: 85px; text-align: center;display: block; border: 1px solid #d4f0da;border-bottom: none !important;border-top: none !important;}
.right_aside .block:first-child{border-top: 1px solid #d4f0da !important;}
.right_aside .block:not(:last-child) { border-bottom: 0; }

.right_aside .block .name { font-size: 13px; line-height: 1.1; color: #33333b; opacity: 0.6; margin-top: 14px; -webkit-transition: all .5s; transition: all .5s; }

.right_aside .block .mask { display: none; width: 150px; height: 150px; position: absolute; -webkit-transition: all .5s; transition: all .5s; right: -webkit-calc(100%   5px); right: calc(100%   5px); background-color: #fff; padding: 10px; bottom: 0; }

.right_aside .block .mask img { width: 100%; }
.right_aside .block:hover{background-color: #03bc3a;border-color: #03bc3a;}
.right_aside .block:hover .name { color: #fff; }
.right_aside .block:hover .righticon_white{display: inline-block;}
.right_aside .block:hover .righticon_blue{display: none;}
.right_aside .block:hover .adisdebox{border-bottom-color: #03bc3a;}

.right_aside .block:hover .mask { display: block; }

.right_aside .go_top { display: block; line-height: 40px;text-align: center; font-size: 13px; color: #33333b; background-color: #fff;border: 1px solid #d4f0da;border-top: none;}
.right_aside .go_top:hover{background-color: #03bc3a;color: #fff;border-color:#03bc3a;}
.righticon_white{display: none;}
.header_active{position: fixed;left: 0;right: 0;z-index: 20;}
@media (max-width: 992px) {
  .contact_map{height: auto;}
  .map_content{position: static;}
  .map_content img{width: 100%;}
}
@media (max-width: 768px) {
  .home5 .title{margin-bottom: 30px;}
}




/* 新增 */
/* 地图分布 start */
.business_segment { padding-bottom: 80px; }

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

.business_list .item { width: -webkit-calc(50% - 20px); width: calc(50% - 20px); margin-right: 40px; margin-bottom: 40px; }

.business_list .item:nth-child(2n) { margin-right: 0; }

.business_list .item .bu_title { height: 45px; background-color: #39a43f; color: #fff; line-height: 45px; font-size: 18px; padding-left: 48px; padding-right: 20px; position: relative; }

.business_list .item .bu_title::after { background: url(/uploads/image/sdimages/company_icon.png) center no-repeat; display: block; content: ""; position: absolute; top: 50%; left: 20px; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); width: 22px; height: 19px; }

.business_list .item .busine_desc { background: #f4f4f4; border: 1px solid #dcdcdc; border-top: none; padding: 30px 18px; font-size: 16px; }

.business_list .item .busine_desc p { margin-bottom: 15px; position: relative; padding-left: 35px; }

.business_list .item .busine_desc p::after { display: block; content: ""; position: absolute; top: 0; left: 0; width: 22px; height: 22px; }

.business_list .item .busine_desc p.per::after { background: url(/uploads/image/sdimages/lxr_icon.png) center no-repeat; }

.business_list .item .busine_desc p.phone::after { background: url(/uploads/image/sdimages/phone_icon.png) center no-repeat; }

.business_list .item .busine_desc p.qq::after { background: url(/uploads/image/sdimages/qq_icon.png) center no-repeat; }

.business_list .item .busine_desc p.address::after { background: url(/uploads/image/sdimages/address_icon.png) center no-repeat; }

.business_title{text-align: center;font-size: 36px;margin-bottom: 30px;}

/* 地图分布 end */
.classic_casecontent{position: relative;}
.classicswiper_left {
  left: -90px;
  top: 50%;
}
.classicswiper_right {
  right: -90px;
  top: 50%;
}
.classic_pagination {display: flex;justify-content: center;margin-top: 30px;}
.classic_pagination span{width: 8px;height: 8px;background: #eee;margin: 0 3px;border-radius: 50%;}
.classic_pagination .swiper-pagination-bullet-active{background: #10bc3d;}
/* 地图分布 start */
@media (max-width: 991px) { .business_segment { padding-bottom: 60px; } .staff_main{padding-bottom: 40px;}}

@media (max-width: 580px) { .business_list .item { width: 100%; margin-right: 0; margin-bottom: 20px; }
  .business_list .item .bu_title { font-size: 16px; }
  .business_list .item .busine_desc { font-size: 14px; padding: 20px 15px; }
  .business_segment { padding-bottom: 30px; } 
  .classic_pagination{margin-top: 0;margin-bottom: 30px;}
  .classic_case .title{margin-bottom: 20px;}
  .business_title{font-size: 22px;}

}