/* 公共部分 */
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 Arial, 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif; color: #333; }

body{ width:100%; overflow-x:hidden; }

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; -moz-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; -moz-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; -moz-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 15px; }

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

@media (min-width: 992px) { .commonweb { padding: 0px 40px; }
  .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%; } }

@media (min-width: 1200px) { 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 { margin: 0px auto; max-width: 1200px; padding: 0; } }

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

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

.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -moz-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: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -o-transition-property: -o-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform, -o-transform; transition-property: transform,-webkit-transform,-o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -o-transform: translate(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; -o-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; -moz-box-align: start; align-items: flex-start; -webkit-transition-property: -webkit-transform,height; -o-transition-property: -o-transform; -webkit-transition-property: height,-webkit-transform; transition-property: height,-webkit-transform; -o-transition-property: height,-o-transform; transition-property: transform,height; transition-property: transform,height,-webkit-transform,-o-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; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-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; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-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; }

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

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

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

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; -o-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); } }

@-o-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-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);
    -o-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);
    -o-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);
    -o-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; -o-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes flash { 0%, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; } }

@-o-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; -o-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); } }

@-o-keyframes pulse { 0% { -webkit-transform: scaleX(1);
    -o-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);
    -o-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes pulse { 0% { -webkit-transform: scaleX(1);
    -o-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);
    -o-transform: scaleX(1);
    transform: scaleX(1); } }

.pulse { -webkit-animation-name: pulse; -o-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); } }

@-o-keyframes rubberBand { 0% { -webkit-transform: scaleX(1);
    -o-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);
    -o-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes rubberBand { 0% { -webkit-transform: scaleX(1);
    -o-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);
    -o-transform: scaleX(1);
    transform: scaleX(1); } }

.rubberBand { -webkit-animation-name: rubberBand; -o-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); } }

@-o-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; -o-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); } }

@-o-keyframes headShake { 0% { -webkit-transform: translateX(0);
    -o-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);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes headShake { 0% { -webkit-transform: translateX(0);
    -o-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);
    -o-transform: translateX(0);
    transform: translateX(0); } }

.headShake { -webkit-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; -o-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); } }

@-o-keyframes swing { 20% { -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes swing { 20% { -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }

.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -o-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); } }

@-o-keyframes tada { 0% { -webkit-transform: scaleX(1);
    -o-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);
    -o-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes tada { 0% { -webkit-transform: scaleX(1);
    -o-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);
    -o-transform: scaleX(1);
    transform: scaleX(1); } }

.tada { -webkit-animation-name: tada; -o-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; } }

@-o-keyframes wobble { 0% { -webkit-transform: none;
    -o-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;
    -o-transform: none;
    transform: none; } }

@keyframes wobble { 0% { -webkit-transform: none;
    -o-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;
    -o-transform: none;
    transform: none; } }

.wobble { -webkit-animation-name: wobble; -o-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); } }

@-o-keyframes jello { 0%, 11.1%, to { -webkit-transform: none;
    -o-transform: none;
    transform: none; }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -o-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    -o-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -o-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@keyframes jello { 0%, 11.1%, to { -webkit-transform: none;
    -o-transform: none;
    transform: none; }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -o-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    -o-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -o-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.jello { -webkit-animation-name: jello; -o-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; -ms-transform-origin: center; -o-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); } }

@-o-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-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);
    -o-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);
    -o-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);
    -o-transform: scaleX(1);
    transform: scaleX(1); } }

.bounceIn { -webkit-animation-name: bounceIn; -o-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; } }

@-o-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-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;
    -o-transform: none;
    transform: none; } }

@keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-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;
    -o-transform: none;
    transform: none; } }

.bounceInDown { -webkit-animation-name: bounceInDown; -o-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; } }

@-o-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-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;
    -o-transform: none;
    transform: none; } }

@keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-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;
    -o-transform: none;
    transform: none; } }

.bounceInLeft { -webkit-animation-name: bounceInLeft; -o-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; } }

@-o-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-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;
    -o-transform: none;
    transform: none; } }

@keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-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;
    -o-transform: none;
    transform: none; } }

.bounceInRight { -webkit-animation-name: bounceInRight; -o-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); } }

@-o-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-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);
    -o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; }

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

@-o-keyframes fadeIn { 0% { opacity: 0; }
  to { opacity: 1; } }

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

.fadeIn { -webkit-animation-name: fadeIn; -o-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; } }

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

.fadeInDown { -webkit-animation-name: fadeInDown; -o-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; } }

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

.fadeInDownBig { -webkit-animation-name: fadeInDownBig; -o-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; } }

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

.fadeInLeft { -webkit-animation-name: fadeInLeft; -o-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; } }

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

.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -o-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; } }

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

.fadeInRight { -webkit-animation-name: fadeInRight; -o-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; } }

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

.fadeInRightBig { -webkit-animation-name: fadeInRightBig; -o-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; } }

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

.fadeInUp { -webkit-animation-name: fadeInUp; -o-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; } }

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

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

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

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

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

.fadeOut { -webkit-animation-name: fadeOut; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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); } }

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

@-o-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn); }
  0%, 40% { -webkit-animation-timing-function: ease-out;
    -o-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;
    -o-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;
    -o-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;
    -o-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;
    -o-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;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; -o-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); } }

@-o-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    -o-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;
    -o-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; -o-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); } }

@-o-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    -o-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;
    -o-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; -o-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; } }

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

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

@-o-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);
    -o-transform: skewX(20deg);
    transform: skewX(20deg); }
  60%, 80% { opacity: 1; }
  80% { -webkit-transform: skewX(-5deg);
    -o-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to { -webkit-transform: none;
    -o-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);
    -o-transform: skewX(20deg);
    transform: skewX(20deg); }
  60%, 80% { opacity: 1; }
  80% { -webkit-transform: skewX(-5deg);
    -o-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to { -webkit-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1; } }

.lightSpeedIn { -webkit-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -o-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; } }

@-o-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; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -o-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; } }

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

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

.rotateIn { -webkit-animation-name: rotateIn; -o-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; } }

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

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

.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -o-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; } }

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

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

.rotateInDownRight { -webkit-animation-name: rotateInDownRight; -o-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; } }

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

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

.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -o-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; } }

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

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

.rotateInUpRight { -webkit-animation-name: rotateInUpRight; -o-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; } }

@-o-keyframes rotateOut { 0% { -o-transform-origin: center; transform-origin: center;
    opacity: 1; }
  0%, to { -webkit-transform-origin: center; }
  to { -o-transform-origin: center; transform-origin: center;
    -webkit-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut { 0% { -webkit-transform-origin: center; -o-transform-origin: center; transform-origin: center;
    opacity: 1; }
  0%, to { -webkit-transform-origin: center; }
  to { -webkit-transform-origin: center; -o-transform-origin: center; transform-origin: center;
    -webkit-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

.rotateOut { -webkit-animation-name: rotateOut; -o-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; } }

@-o-keyframes rotateOutDownLeft { 0% { -o-transform-origin: left bottom; transform-origin: left bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -o-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -o-transform-origin: left bottom; transform-origin: left bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; -o-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -o-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; } }

@-o-keyframes rotateOutDownRight { 0% { -o-transform-origin: right bottom; transform-origin: right bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -o-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -o-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; } }

@-o-keyframes rotateOutUpLeft { 0% { -o-transform-origin: left bottom; transform-origin: left bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -o-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -o-transform-origin: left bottom; transform-origin: left bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; -o-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -o-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; } }

@-o-keyframes rotateOutUpRight { 0% { -o-transform-origin: right bottom; transform-origin: right bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -o-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -o-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; } }

@-o-keyframes hinge { 0% { -o-transform-origin: top left; transform-origin: top left; }
  0%, 20%, 60% { -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -o-transform-origin: top left;
    transform-origin: top left; }
  40%, 80% { -webkit-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    -o-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; -o-transform-origin: top left; transform-origin: top left; }
  0%, 20%, 60% { -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }
  40%, 80% { -webkit-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    -o-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; -o-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; } }

@-o-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;
    -o-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;
    -o-transform: none;
    transform: none; } }

.rollIn { -webkit-animation-name: rollIn; -o-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); } }

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

@-o-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; -o-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); } }

@-o-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);
    -o-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);
    -o-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);
    -o-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);
    -o-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; -o-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); } }

@-o-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);
    -o-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);
    -o-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);
    -o-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);
    -o-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; -o-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); } }

@-o-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);
    -o-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);
    -o-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);
    -o-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);
    -o-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; -o-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); } }

@-o-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);
    -o-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);
    -o-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);
    -o-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);
    -o-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; -o-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; } }

@-o-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; -o-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); } }

@-o-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);
    -o-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;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-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);
    -o-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;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-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; -o-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; } }

@-o-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;
    -o-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;
    -o-transform-origin: left center;
    transform-origin: left center; } }

.zoomOutLeft { -webkit-animation-name: zoomOutLeft; -o-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; } }

@-o-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;
    -o-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;
    -o-transform-origin: right center;
    transform-origin: right center; } }

.zoomOutRight { -webkit-animation-name: zoomOutRight; -o-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); } }

@-o-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);
    -o-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;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-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);
    -o-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;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-animation-name: slideOutUp; animation-name: slideOutUp; }


.ovhid { overflow: hidden; }

.ac { color: #ff4919; }

.disblock { display: block; }

.inblock { display: inline-block; }

.font16 { font-size: 14px; }

.font17, .font18 { font-size: 15px; }

.font20, .font22 { font-size: 16px; }

.font24, .font26, .font28 { font-size: 18px; }

.font30, .font32, .font34, .font36, .font40, .font42, .font46 { font-size: 20px; }

.font54 { font-size: 24px; }

.font60 { font-size: 30px; }

.lighter { font-weight: lighter; }

.unline { text-decoration: underline; }

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

.scale img { -webkit-transition: 1s; -o-transition: 1s; transition: 1s; }

.grey { color: #666; }

.white { color: #fff; }

.imghover img { -webkit-transition: 1s; -o-transition: 1s; transition: 1s; }

.center { text-align: center; }

.bold { font-weight: bold; }

.italic { font-style: italic; }

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

.tianjiatvwrap { width: 95%; margin: 0 auto; position: absolute; top: 50%; left: 2.5%; margin-top: -125px; }

.tianjiatvwrap .videobox { height: 250px; position: relative; z-index: 1; }

.recclosebtn { display: block; width: 25px; height: 25px; position: absolute; right: 15px; top: -5px; cursor: pointer; z-index: 100; margin: -20px -20px 0 0; z-index: 9; }

.recclosebtn:before { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.recclosebtn:after { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

@media (min-width: 768px) { .font16 { font-size: 16px; }
  .font17 { font-size: 17px; }
  .font18, .font22, .font20 { font-size: 18px; }
  .font28, .font24, .font26 { font-size: 22px; }
  .font30, .font32, .font34, .font36 { font-size: 24px; }
  .font40, .font42 { font-size: 26px; }
  .font46 { font-size: 28px; }
  .font54 { font-size: 30px; }
  .distable { width: 100%; display: table; }
  .table-cell { display: table-cell; vertical-align: middle; }
  .tianjiatvwrap { width: 660px; left: 50%; margin-left: -330px; margin-top: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .tianjiatvwrap .videobox { height: 400px; } }

@media (min-width: 1024px) { .font22, .font20 { font-size: 20px; }
  .font24 { font-size: 24px; }
  .font26 { font-size: 26px; }
  .font28 { font-size: 28px; line-height: normal; }
  .font40, .font42 { font-size: 30px; line-height: normal; }
  .font46 { font-size: 32px; }
  .font54 { font-size: 36px; }
  .md-block { display: block; }
  .tianjiatvwrap { width: 700px; margin-left: -350px; }
  .tianjiatvwrap .videobox { height: 400px; } }

@media (min-width: 1200px) { .font22 { font-size: 22px; }
  .font30 { font-size: 30px; line-height: normal; }
  .font32 { font-size: 32px; line-height: normal; }
  .font34 { font-size: 34px; line-height: normal; }
  .font36 { font-size: 36px; line-height: normal; }
  .font40 { font-size: 40px; }
  .scale:hover img { -webkit-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .font42 { font-size: 42px; }
  .font46 { font-size: 46px; }
  .font54 { font-size: 54px; }
  .imghover:hover img { -webkit-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .tianjiatvwrap { width: 1000px; margin-left: -500px; }
  .tianjiatvwrap .videobox { height: 600px; } }

.searchtitle401 { background-color: #f3f3f3; }

.searchcont401 { padding: 10px 0; }

.resultlist401 { font-size: 13px; padding: 0; }

.resultlist401 ul { padding-bottom: 30px; }

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

.resultlist401 li { padding: 15px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: -1px; }

.resultlist401 h4 { font-size: 16px; line-height: 24px; margin-bottom: 10px; }

.resultlist401 h4 a { display: block; }

.resultlist401 h4 em { color: red; font-style: normal; }

.resultlist401 h4 a { display: block; }

.resulttext401 { height: 72px; font-size: 14px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #666; }

.resultlabel401 { color: #333; display: inline-block; padding-top: 3%; }

.searchinputcont401 { padding-right: 60px; }

.searchinputcont401 dt input { position: relative; float: left; width: 100%; height: 40px; line-height: 40px; text-indent: 12px; font-size: 15px; color: #333; background-color: #fff; }

.searchinputcont401 dd input { position: relative; left: 60px; margin-left: -60px; float: left; width: 60px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; cursor: pointer; background: #ff4919; }

.searchimg401 { display: block; margin-bottom: 3%; }

@media (min-width: 768px) { .searchcont401 { padding: 30px 0; }
  .searchinputcont401 { max-width: 61.8%; margin: 0 auto; }
  .searchtitle401 { font-size: 24px; }
  .resultlist401 { padding: 0; }
  .resultlist401 img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; width: auto; }
  .searchimg401 { float: left; margin: 0 3% 0 0; display: block; width: 200px; height: 150px; overflow: hidden; position: relative; }
  .resultlist401 h4 { font-size: 20px; margin-bottom: 2%; } }

@media (min-width: 1024px) { .searchcont401 { padding: 0px 0 50px; }
  .searchtitle401 { padding: 28px 15px; }
  .searchinputcont401 { width: 45%; }
  .searchinputcont401 dt { float: left; width: 78%; }
  .searchinputcont401 dd { float: left; width: 22%; }
  .searchinputcont401 dd input { left: 0; margin-left: 0; width: 100%; }
  .searchinputcont401 dt input { font-size: 18px; }
  .searchinputcont401 dd input { text-align: center; font-size: 16px; }
  .resultlist401 h4 a:hover { color: #ff4919; } }

.sitemap { padding-bottom: 30px; }

.sitemapcont2 { padding: 6% 10px; overflow: hidden; background: #fff; }

.sitemapcont2 dl { position: relative; margin-bottom: 36px; }

.sitemapcont2 dl:last-of-type { margin-bottom: 0; }

.sitemapcont2 dl dt { font-size: 16px; font-weight: bold; padding: 0 8px; background: #fff; position: absolute; left: 18px; top: -14px; }

.sitemapcont2 dl dt a { color: #ff4919; }

.sitemapcont2 dl dt a:hover { color: #ff4919; }

.sitemapcont2 dl dd { padding: 4% 3% 1% 3%; border: 1px solid #e6e6e6; }

.sitemapcont2 dl dd a { display: inline-block; padding-left: 10px; margin: 0 23px 8px 0; }

@media (min-width: 767px) { .sitemapcont2 { padding: 5% 10px; }
  .sitemapcont2 dl dt { font-size: 20px; }
  .sitemapcont2 dl dd { padding: 2% 3% 1% 3%; border: 1px solid #e6e6e6; }
  .sitemapcont2 dl dd a { margin: 0 45px 8px 0; }
  .sitemapcont2 dl dd a:hover { color: #ff4919; } }

@media (min-width: 1024px) { .sitemap { padding: 0 0 50px; }
  .sitemapcont2 { padding: 3.5% 30px; }
  .sitemapcont2 dl { margin-bottom: 50px; } }


* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-hightlight-color: rgba(0, 0, 0, 0); touch-callout: none; -webkit-touch-callout: none; }

body { min-width: 320px; }

header { width: 100%; position: fixed; top: 0; left: 0; z-index: 99; }

.header-top { width: 100%; padding: 12px 0; max-width: 1200px; margin: 0 auto; background: #fff; position: relative; z-index: 9; }

.logo { width: 31%; min-width: 180px; }

.logo a { float: left; padding-left: 10px; padding-right: 0; }

.logo a img { display: block; width: 100%; }

.logo .a1 { width: 34.3%; }

.logo .a2 { width: 28%; }

.header-right { line-height: 30px; position: absolute; top: 50%; right: 0; margin-top: -15px; }

.header-right span { position: relative; }

.header-right span img { float: left; }

.ph a { display: block; width: 30px; height: 30px; }

.header-tel { float: left; display: none; font-weight: bold; font-size: 22px; color: #ea5b24; padding: 0 30px 0 10px; }

.language a { font-size: 12px; color: #707070; line-height: 30px; padding: 0 5px; }

.language { display: none; }

.nav-btn { width: 30px; height: 4px; padding: 4px 0; margin: 6px 10px 0 10px; border-top: 4px solid #ea5b24; border-bottom: 4px solid #ea5b24; background-color: #ea5b24; background-clip: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; position: relative; }

.nav-btn.on { border-color: transparent; background: transparent; }

.nav-btn.on:before { content: ""; display: block; width: 30px; height: 4px; background-color: #ea5b24; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.nav-btn.on:after { content: ""; display: block; width: 30px; height: 4px; background-color: #ea5b24; position: absolute; top: 4px; right: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.ser-btn { width: 30px; height: 30px; margin-left: 10px; -webkit-border-radius: 100%; border-radius: 100%; background: #f2f2f2; }

.ser-btn em { display: block; width: 14px; height: 14px; -webkit-border-radius: 100%; border-radius: 100%; border: 1px solid #8a8a8a; margin: 6px 0 0 6px; position: relative; }

.ser-btn em:after { content: ""; display: block; width: 6px; height: 1px; background-color: #8a8a8a; position: absolute; bottom: -2px; right: -4px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.header-bottom { width: 100%; }

.nav { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; z-index: 9; }

.nav form { display: none; width: 100%; padding: 12px 20px 10px; height: 50px; background: #898989; top: 0; left: 0; z-index: 999; position: relative; }

.searchfromcont { display: none; position: relative; z-index: 10; }

.nav .txt { float: left; width: 80%; height: 28px; padding-left: 20px; -webkit-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; line-height: normal; font-size: 12px; color: #707070; background: #fff; }

.nav .sub { float: left; width: 20%; height: 28px; -webkit-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; background: #fff url(../images/search.png) no-repeat 90% center; }

.sub { cursor: pointer; }

.nav ul { display: none; padding: 0 20px; background: #fff; position: relative; z-index: 9; }

.nav ul li { border-bottom: 1px solid #dcdcdc; position: relative; }

.nav ul li:after { content: "+"; display: block; width: 10px; height: 10px; line-height: 10px; font-size: 14px; position: absolute; top: 20px; right: 10px; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: -o-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s, -o-transform .3s; }

.nav ul li.on:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.nav ul li.one:after { display: none; }

.nav ul li h3 { height: 50px; line-height: 50px; }

.nav ul li h3 a { font-size: 15px; color: #101010; }

.subnav { display: none; padding: 10px 0; }

.subnav p { padding-bottom: 20px; }

.subnav p a { display: block; font-size: 12px; white-space: nowrap; line-height: 30px; color: #707070; }

.subnav p a span { font-size: 13px; color: #ea5b24; }

.subnav .more { color: #434343; position: relative; }

.subnav .more:after { content: ""; display: block; width: 5px; height: 5px; border-top: 1px solid #434343; border-right: 1px solid #434343; position: absolute; top: 13px; left: 26px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.subnav p a:hover, .lv1 ul li:hover span { color: #ea5b24; }

.lv1 ul li:hover span:after { border-color: #ea5b24; }

.language2 { border-bottom: 1px solid #dcdcdc; font-size: 15px; color: #101010; }

.language2 a { padding: 0 10px; line-height: 40px; font-size: 15px; color: #101010; text-align: center; }

.nav-bg { width: 100%; height: 100%; background: #fff; position: absolute; top: 0; left: 0; z-index: 3; }

.bannerwrap { width: 100%; overflow: hidden; position: relative; }

.banner ul { width: 9999px; -webkit-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: relative; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.banner ul li { position: relative; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; float: left; }

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

.dot, .pagination { position: absolute; text-align: center; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; bottom: 16px; left: 0; width: 100%; }

.dot span, .pagination span { width: 6px; height: 6px; background: #959595; margin: 0 5px; display: inline-block; vertical-align: middle; border-radius: 100%; -webkit-border-radius: 100%; }

.dot span.swiper-active-switch, .pagination span.swiper-active-switch, .dot span.swiper-pagination-bullet-active { background: #e95c25; width: 10px; height: 10px; }

.bannerwrap .prev, .bannerwrap .next { display: none; }

.lvwrap { width: 100%; background: #fff; }

.lv1, .lv3, .lv4-con, .footer-top, .footer-bottom, .main-con, .content2, .magnifier { width: 100%; max-width: 1200px; margin: 0 auto; }

.lv1 ul { width: 100%; padding: 60px 0 40px; }

.lv1 ul li { float: left; font-size: 14px; text-align: center; padding-bottom: 20px; }

.lv1 ul li img { display: block; max-width: 100%; margin: 0 auto; }

.lv1 ul li i { display: block; padding-top: 10px; color: #101010; }

.lv1 ul li span { color: #959595; position: relative; }

.lv1 ul li span:after { content: ""; width: 8px; height: 8px; border-top: 1px solid #959595; border-right: 1px solid #959595; position: absolute; top: 6px; right: -10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.lv2 { width: 100%; background: #f7f7f7; padding: 30px 0; }

.indextit { color: #101010; font-size: 18px; text-align: center; padding-bottom: 10px; }

.lv2-top, .lv3-top { width: 100%; max-width: 1200px; margin: 0 auto; overflow: hidden; }

.lv2-top ul, .lv3-top ul { height: 41px !important; margin: 0 auto; text-align: center; padding: 0 20px; border-bottom: 1px solid #dcdcdc; }

.lv2-top ul { width: 800px !important; }

.lv2-top ul li, .lv3-top ul li { display: inline-block; height: 40px; line-height: 40px; font-size: 14px; padding: 0 20px; margin: 1px -2px -1px; border-bottom: 2px solid transparent; }

.lv3-top ul li { padding: 0 5%; }

.lv2-top ul li a, .lv3-top ul li a { display: block; color: #959595; }

.lv2-top ul li.on, .lv3-top ul li.on { border-color: #ea5b24; }

.lv2-top ul li.on a, .lv3-top ul li.on a { color: #ea5b24; }

.lv2-bottom { width: 100%; max-width: 1200px; margin: 0 auto; padding-top: 30px; }

.lv2-bottom ul { width: 100%; position: relative; }

.lv2-bottom ul li { display: none; position: absolute; padding: 0 10px; text-align: center; }

.lv2-bottom ul li p { padding-top: 20px; color: #101010; font-size: 14px; }

.lv2-bottom ul li .more, .lv3ul .more, .lv4-con .more { display: block; width: 98px; height: 28px; font-size: 14px; text-align: center; margin: 20px auto 0; border: 1px solid #ea5b24; color: #ea5b24; -webkit-border-radius: 3px; border-radius: 3px; }

.lv2-bottom ul li a:hover, .lv3ul .more:hover, .lv4-con .more:hover { background: #ea5b24; color: #fff; }

.lv2-bottom ul li img { display: block; width: 100%; }

.lv3, .lv4 { padding: 30px 0; }

.lv3-bottom { position: relative; overflow: hidden; }

.lv3ul { display: none; padding-top: 30px; width: 100%; }

.lv3ul ul li { float: left; margin-bottom: 10px; }

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

.lv3ul ul li span { display: block; width: 100%; font-size: 14px; color: #111010; padding: 10px 0; background: url(../images/line1.gif) no-repeat 0 bottom; }

.lv3ul ul li span, .product-bottom ul li span, .product-top ul li h3 span, .product-top2 ul li h3 span, .service-video ul li span, .news dl dd h3, .news ul li a { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.lv3ul ul li p { padding-top: 4px; height: 44px; line-height: 20px; color: #959595; overflow: hidden; }

.lv3ul ul li em { color: #959595; }

.lv4 { background: url(../images/index17.jpg) no-repeat center 0; background-size: cover; }

.lv4-con { text-align: center; font-size: 14px; color: #101010; }

.lv4-con ul { padding-top: 20px; }

.lv4-con ul li { float: left; padding-bottom: 20px; }

.lv4-con ul li img { display: block; width: 50%; margin: 0 auto; }

.lv4-con ul li span { display: block; margin: 10px auto 0; width: 67%; }

.lv4-icon { width: 100px; height: 100px; line-height: 100px; text-align: center; margin: 0 auto; font-size: 22px; color: #ea5b24; -webkit-border-radius: 100%; border-radius: 100%; background: #fff; }

.lv4-icon em { font-size: 14px; }

footer { width: 100%; background: #fff; }

.footer-top { padding: 40px 0 20px; }

.footer-top ul { margin-bottom: 20px; }

.footer-top ul li { margin: 0 10px; line-height: 30px; font-size: 13px; border-bottom: 1px solid #dcdcdc; position: relative; }

.footer-top ul li:after { content: ""; display: block; width: 10px; height: 10px; border-top: 1px solid #101010; border-right: 1px solid #101010; position: absolute; right: 10px; top: 14px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: transform .3s; -o-transition: transform .3s; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: -o-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s, -o-transform .3s; }

.footer-top ul li.on:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

.footer-top ul li h4 { width: 100%; height: 40px; line-height: 40px; font-size: 14px; padding-left: 10px; }

.footer-top ul li h4 a { color: #101010; }

.footer-top ul li p { display: none; padding-left: 10px; }

.footer-top ul li p a { color: #707070; }

.footer-top ul li a:hover, .footer-bottom a:hover { color: #ea5b24; }

.footer-right { font-size: 14px; padding: 0 10px; }

.line { height: 1px; background: #dcdcdc; }

.footer-bottom { line-height: 30px; padding: 20px 0; color: #959595; font-size: 13px; }

.footer-bottom a { color: #959595; }

.footer-bottom p { padding: -1px 10px; text-align: center; }

.footer-bottom .p1 { width: 100%; }

.footer-bottom .p2 { width: 100%; }

.footer-right .ph { padding-left: 16px; background: url(../images/ph2.png) no-repeat 0 center; }

.singlepage { padding-top: 20px; font-size: 14px; }

.singlepage img { max-width: 100%; width: auto !important; height: auto !important; display: block; margin: 0 auto; }

.ul1 { text-align: center; clear: both; overflow: hidden; padding: 10px 0; }

.ul1 li { display: block; width: 33.3%; line-height: 90px; padding: 0; color: #fff; font-size: 15px; margin: 0; background: url(../images/about13.png) no-repeat center; background-size: 90px auto; float: left; margin-bottom: 10px; }

/*   产品中心  */
.subbanner img { display: block; width: 100%; }

.main-con { padding: 1.5% 3.5% 3%; background: #fff; }

.main-con2 { padding-bottom: 0; }

.main-tit { font-size: 14px; color: #707070; font-weight: bold; line-height: 20px; padding: 10px 0; }

.main-tit span { display: block; }

.main-tit em { display: none; }

.main-tit span a { color: #707070; }

.main-tit span a.on, .main-tit span a:hover { color: #101010; }

.main-tit span a:nth-of-type(1), .main-tit span i:nth-of-type(1) { display: none; }

.list-tit, .wqpproductbtn { padding: 0 10px; height: 35px; line-height: 35px; font-size: 16px; color: #fff; background-color: #ea5b24; }

.list-tit em, .wqpproductbtn em { float: right; width: 24px; height: 24px; border: 1px solid #fff; -webkit-border-radius: 100%; border-radius: 100%; margin-top: 5px; position: relative; }

.list-tit em:after, .wqpproductbtn em:after { content: ""; display: block; width: 9px; height: 9px; border-top: 1px solid #fff; border-right: 1px solid #fff; position: absolute; top: 4px; left: 6px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

.product-top ul, .product-top2 ul { border-top: 1px solid #fff; }

.product-top ul li, .product-top2 ul li { border-bottom: 1px solid #dcdcdc; }

.product-top ul li h3, .product-top2 ul li h3 { font-size: 14px; background-clip: content-box; }

.product-top ul li h3 img, .product-top2 ul li h3 img { display: none; }

.product-top ul li h3 span, .product-top2 ul li h3 span { display: block; width: auto; line-height: 30px; padding-left: 8px; }

.product-top ul li h3 span a, .product-top2 ul li h3 span a { display: inline-block; width: 50%; }

.product-top ul li:hover h3, .product-top ul li.cur h3, .product-top2 ul li:hover h3, .product-top2 ul li.cur h3 { background-color: #ea5b24; }

.product-top ul li:hover h3 span, .product-top ul li.cur h3 span, .product-top2 ul li:hover h3 span, .product-top2 ul li.cur h3 span { color: #fff; }

.product-top ul li:hover h3 span a, .product-top ul li.cur h3 span a, .product-top2 ul li:hover h3 span a, .product-top2 ul li.cur h3 span a { color: #fff; }

.solution-module ul li h3{ position:relative; }

.solution-module ul li h3 .icon{ position: absolute;width: 20%;right: 0;top: 0;height: 100%; }

.solution-module ul li h3 .icon::after{ content: '';position: absolute; border: 2px solid #333333; border-left: none;border-bottom: none;width: 8px;height: 8px; right: 5px;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg); -o-transform: rotate(135deg);transform: rotate(135deg);top: 50%;margin-top: -6px; right:15px; }

.solution-module ul li h3 span a{ display:block;width:100%; }

.solution-module ul li.cur .icon::after{ -webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg); transform: rotate(-45deg);margin-top: -2px; border-color:#fff; }


.pro-list { display: none; padding: 0 10px; width: 100%; }

.pro-list p { line-height: 30px; }

.pro-list p a { color: #959595; }

.pro-list p.cur a, .pro-list p a:hover { color: #ea5b24; }

.product-bottom { padding-bottom: 20px; }

.product-bottom h3 { font-size: 16px; padding: 16px 10px 6px; }

.product-bottom ul li { margin: 15px 0; text-align: center; }

.product-bottom ul li a { display: block; border: 1px solid #dbdbdb; padding-bottom: 10px; }

.product-bottom ul li:hover a { border-color: #ea5b24; }

.product-bottom ul li img { display: block; width: 40%; margin: auto; }

.product-bottom ul li span { display: block; width: auto; margin: 0 20px; font-size: 18px; font-weight: bold; color: #ea5b24; padding-top: 8px; border-top: 1px solid #e6e6e6; }

.product-bottom ul li p { height: 22px; line-height: 22px; color: #959595; overflow: hidden; padding: 0 20px; }

.lot { display: block; height: 40px; margin: 20px 10px 0; border: 1px solid #dcdcdc; position: relative; }

.lot:before { content: ""; display: block; width: 30px; height: 30px; background: #cacaca; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -13px; }

.lot:after { content: ""; display: block; width: 9px; height: 9px; border-top: 2px solid #fff; border-right: 2px solid #fff; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -4px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

.lot { border-color: #ea5b24; }

.lot:before { background: #ea5b24; }

/*  服务支持  */
.service-top { text-align: left; }

.service-search { padding: 2% 3.5%; margin-top: 60px; background: #f2f2f2; }

.service-search p { font-size: 18px; color: #333; padding-bottom: 10px; }

.service-search form .sel { height: 41px; line-height: 41px; margin-bottom: 10px; position: relative; background: #fff url(../images/arrow1.png) no-repeat right; border: 1px solid #d9d9d9; }

.service-search form select { width: 100%; height: 100%; outline: none;padding: 0 10px; cursor:pointer; margin-bottom: 10px; color: #999; font-size: 14px; background: transparent; border: none; }

.service-search form input { float: left; width: 100%; height: 40px; margin-bottom: 10px; font-size: 14px; }

.service-search form .sub { background: #ea5b24; color: #fff; text-align: center; }

.service-search form .txt { padding: 0 10px; color: #999; font-size: 14px; }

.service-search .form3 { padding-top: 10px; }

.service-video ul li { float: left; text-align: center; }

.service-video ul li i { display: block; position: relative; }

.service-video ul li i img { display: block; width: 100%; }

.service-video ul li i em { display: block; width: 100%; height: 100%; background: url(../images/vi1.png) no-repeat center center; background-size: 24% auto; position: absolute; top: 0; left: 0; z-index: 3; }

.service-video ul li span { display: block; width: 100%; height: 40px; padding-top: 10px; line-height: 30px; font-size: 14px; }

.service-video ul { padding-top: 20px; }

.service-video ul li { padding-bottom: 10px; }

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

.video-pop { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.video-pop video { width: 100%; }

.close { display: block; width: 40px; height: 40px; -webkit-border-radius: 100%; border-radius: 100%; background: transparent; position: absolute; top: 0px; right: 0px; }

.close:after { content: ""; display: block; width: 22px; height: 2px; background: #000; position: absolute; top: 19px; left: 9px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.close:before { content: ""; display: block; width: 22px; height: 2px; background: #000; position: absolute; top: 19px; left: 9px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

/*  常见问题解答  */
.commonproblem { margin: 0px; padding: 20px 0; }

.commonproblem ul { margin: 0px; padding: 0px; }

.commonproblem ul li { margin: 0 10px; padding: 0px; border-bottom: 1px solid #d9d9d9; }

.commonproblem ul li h3.problemtitle { background-image: url(../images/problem.png); background-repeat: no-repeat; background-position: 10px 10px; background-size: 25px 25px; font-size: 14px; padding: 13px 40px 10px 45px; position: relative; }

.commonproblem ul li h3.problemtitle:after { content: ""; display: block; width: 10px; height: 10px; border-top: 3px solid #bfbfbf; border-right: 3px solid #bfbfbf; position: absolute; top: 20px; right: 4px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: transform .3s; -o-transition: transform .3s; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: -o-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s, -o-transform .3s; }

.commonproblem ul li.cur h3.problemtitle { color: #ea5b24; }

.commonproblem ul li.cur h3.problemtitle:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); border-color: #ea5b24; }

.commonproblem ul li h3.problemtitle span { background: #999 url(../images/Q.png) no-repeat center center; display: block; position: absolute; left: 0; top: 8px; width: 32px; height: 32px; -webkit-border-radius: 2px; border-radius: 2px; }

.commonproblem ul li.cur h3.problemtitle span { background-color: #ea5b24; }

.problemcontents { padding: 15px 20px 20px 45px; font-size: 12px; background-color: #f2f2f2; line-height: 22px; display: none; position: relative; }

.problemcontents:before { content: ""; display: block; width: 32px; height: 32px; -webkit-border-radius: 2px; border-radius: 2px; background: #333 url(../images/A.png) no-repeat center center; position: absolute; top: 10px; left: 6px; }

/*  技术知识库  */
.knowledge { padding-top: 20px; }

.knowledge ul li { padding: 0 1.2rem; font-size: 16px; height: 66px; line-height: 66px; position: relative; border-bottom: 1px solid #ccc; overflow: hidden; }

.knowledge ul li:before, .knowledge ul li:after { content: ""; display: block; position: absolute; top: 50%; margin-top: -4px; }

.knowledge ul li:before { width: 8px; height: 8px; border: 1px solid #ccc; -webkit-border-radius: 100%; border-radius: 100%; left: 0; }

.knowledge ul li:after { width: 10px; height: 10px; border: 2px solid #ccc; border-left: none; border-bottom: none; right: 2px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.knowledge ul li a { display: block; width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.knowledge ul li:hover:before, .knowledge ul li:hover:after { border-color: #ea5b24; }

/*  售后服务  */
.after-sales { padding: 10px 0; }

.after-sales > img { display: block; width: 100%; }

.after-sales-con { width: 250px; padding: 20px 0; margin: 0 auto; text-align: center; background-image: url(../images/service8.png); background-repeat: no-repeat; background-size: 100% 100%; }

/* 下载  */
.down-tit { font-size: 20px; padding: 20px 0 10px; }

.down-top { width: 100%; padding-top: 20px; overflow: hidden; }

.down-top ul { width: 9999px; text-align: center; }

.down-top ul li { float: left; }

.down-top ul li a { display: block; padding-bottom: 6px; padding-top: 6px; border: 1px solid #fff; }

.down-top ul li img { display: none; margin: 0 auto; }

.down-top ul li span { display: block; font-size: 14px; color: #333; }

.down-top ul li.on a { border-color: #ea5b24; }

.dwon-bottom { border-top: 1px solid #ccc; margin-top: 20px; padding-top: 30px; }

.dwon-bottom dl { display: none; text-align: center; padding: 20px; background: #f7f7f7; }

.dwon-bottom dl dd { padding-top: 10px; }

.down-list-wrap { width: 100%; max-width: 1200px; margin: 0 auto; padding: 1.5% 3.5% 5%; }

.product-bottom2 ul { display: none; padding-top: 20px; }

.product-bottom2 ul li { margin: 0; margin-bottom: 8px; padding: 0; }

.product-bottom2 ul li a { padding: 20px; font-size: 16px; text-align: left; background: #f7f7f7; border: none; }

@media (max-width:1023px){ 
    .product-bottom2 ul{ display:block !important; }
}

/* 发展历程  */
.expand-img { margin-top: 20px; position: relative; }

.expand-img img { display: block; width: 100%; }

/*.expand-img2:after { content: ""; display: block; width: 30px; height: 30px; background: url(../images/vi1.png) no-repeat; background-size: 100% auto; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); }*/

.expand > ul { padding: 30px 0; }

.expand > ul li { padding: 30px 0 0 28px; background: url(../images/line3.png) repeat-y 13px 0; }

.expand-year { font-size: 18px; color: #333; height: 30px; padding: 0 0 10px 10px; position: relative; }

.expand-year:before { content: ""; display: block; width: 22px; height: 22px; background: #ea5b24; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; top: 0px; left: -26px; }

.expand-year:after { content: ""; display: block; width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; position: absolute; top: 7px; left: -20px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.expand-con { padding: 12px 10px; background: #f7f7f7; }

/*  公司信息  */
.about { padding: 20px 0 50px; font-size: 14px; color: #333; line-height: 24px; letter-spacing:0.5px; }

.content2 { font-size: 14px; padding: 3% 3.5%; background: #fff; }

/*   研发实力  */
/* .research { font-size: 14px; position: relative; }
.research-con { padding-left: 160px; width: 100%; background: url(../images/line4.png) repeat-x 0 center; position: relative; overflow: hidden; }
.research-con ul { width: 9999px; }
.research-con ul li { float: left; width: 320px; height: 120px; padding-left: 24px; margin-left: -110px; position: relative;}
.research-con ul li em { display: block; width: 18px; height: 18px; background: url(../images/list1.png) no-repeat; position: absolute; bottom: -29px; left: 0; }
.research-con ul li span { color: #ea5b24; }
.research-con ul li .con { position: absolute; bottom: 0; left: 9px; padding-left: 12px; border-left: 1px solid #d0d0d0; }
.research-con ul li.odd { margin-top: 160px;}
.research-con ul li.odd em { top: -29px; }
.research-con ul li.odd .con { position: relative; left: -15px; }

.research-con .prev, .research-con .next { display: block; width: 30px; height: 30px; background: url(../images/btn3.png) no-repeat; position: absolute; top: 125px; }
.research-con .prev { left: 0px; }
.research-con .next { right: 0px; background-position: -40px 0; }
.research-con .prev:hover { background-position: 0 -40px; }
.research-con .next:hover { background-position: -40px -40px; }

.research-bottom { width: 100%; max-width: 1200px; margin: 0 auto; padding: 30px 50px 50px; background: #fff; position: relative; top: -40px; }
.research-list { padding: 0 40px; }
.ulwrap1 { max-width: 1020px; margin: 0 auto; padding-top: 30px; overflow: hidden; }
.ulwrap1 ul { width: 9999px; }
.ulwrap1 ul li { float: left; width: 235px; margin: 0 10px; text-align: center; }
.ulwrap1 ul li img {display: block; width: 100%;}
.ulwrap1 ul li span { display: block; padding-top: 6px; line-height: 30px; font-size: 16px; color: #333; }

.research-bottom .renext, .research-bottom .reprev { display: block; width: 40px; height: 145px; background: url(../images/btn5.png) no-repeat; position: absolute; top: 109px; }
.research-bottom .renext { right: 50px; background-position: -40px -8px; }
.research-bottom .reprev { left: 50px; background-position: 0 -8px; }
.research-bottom .renext:hover { background-position: -40px -168px; }
.research-bottom .reprev:hover { background-position: 0 -168px; } */
.rotate { max-width: 730px; text-align: center; margin: 0 auto; }

.rotate li { display: inline-block; width: 134px; height: 134px; vertical-align: middle; margin: 10px 20px; border: 3px solid #fff; background: #ececec; -webkit-box-shadow: 1px 1px 1px #ececec, -1px 0 1px #ececec, 0 -1px 1px #ececec; box-shadow: 1px 1px 1px #ececec, -1px 0 1px #ececec, 0 -1px 1px #ececec; -webkit-border-radius: 100%; border-radius: 100%; position: relative; }

.rotate li p, .rotate2 li p { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.rotate li:nth-child(2n) { background: #fb6614; color: #fff; -webkit-box-shadow: 1px 1px 1px #fb6614, -1px 0 1px #fb6614, 0 -1px 1px #fb6614; box-shadow: 1px 1px 1px #fb6614, -1px 0 1px #fb6614, 0 -1px 1px #fb6614; }

.rotate2, .rotate3 { text-align: center; }

.rotate2 li { display: block; background: #ea5b24; color: #fff; -webkit-border-radius: 100%; border-radius: 100%; margin: 20px auto; position: relative; }

.rotate2 li:nth-of-type(2) { width: 96px; height: 96px; }

.rotate2 li:nth-of-type(3) { width: 124px; height: 124px; }

.rotate2 li:nth-of-type(4) { width: 110px; height: 110px; }

.rotate3 li { display: block; margin: 30px auto; }

/*  新闻中心  */
.news dl { padding-top: 20px; }

.news dl dt { width: 38%; padding: 10px; }

.news dl dt img { display: block; width: 100%; max-width: 400px; }

.news dl dd { padding: 10px; line-height: 18px; }

.news dl dd h3 { font-size: 14px; }

.news dl dd span { color: #959595; }

.news dl dd .con { height: 36px; line-height: 18px; color: #959595; overflow: hidden; }

.news dl dd .more { display: none; }

.news ul { padding: 0 10px 30px; }

.news ul li { height: 58px; line-height: 58px; padding-left: 30px; font-size: 14px; border-bottom: 1px solid #dcdcdc; position: relative; }

.news ul li:before { content: ""; display: block; width: 9px; height: 9px; border: 3px solid #ea5b24; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; left: 0; top: 22px; }

.news ul li span { float: right; color: #707070; }

.news ul li a { display: block; width: 70%; }

/*  新闻详细  */
.newsContentstitle { border-bottom: 1px solid #d9d9d9; padding: 10px 15px; }

.newsContentstitle h3 { text-align: center; font-size: 18px; color: #1a1a1a; line-height: 28px; }

.newsContentstitle p { text-align: center; color: #666666; font-size: 14px; padding-top: 10px; }

.newsContentstitle p span { padding-right: 20px; }

.newsContents { font-size: 14px; line-height: 26px; padding: 20px 0 0px; }

.newsContents img { max-width: 100%  !important; height: auto  !important; margin: 0px auto; display: block; }

.news-foot { padding-top: 20px; }

.news-foot p { text-align: center; padding-bottom: 48px; }

.news-foot p a { display: inline-block; background: #ea5b24; padding: 8px 30px; color: #FFF; font-size: 18px; font-weight: bold; }

.news-foot dl { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font-size: 14px; padding: 10px 0; color: #666; }

.news-foot dl dd, .news-foot dl dt { width: 100%; height: 24px; overflow: hidden; }

.news-foot dl dt { margin-bottom: 10px; }

.news-foot dl span { padding: 10px 5px 10px 10px; background: #f2f2f2; margin-right: 14px; }

.news-foot dl dd a, .news-foot dl dt a { color: #666; }

.news-foot dl a:hover, .login-left form > a:hover { color: #ea5b24; }

/*产品详情 zxc*/
.pro-con { width: 100%; padding: 20px 0 85px; background: #fff; }

.pro-tit { max-width: 1200px; margin: 0 auto; padding-left: 10px; }

.xcpublic-bg { margin: 10px 0 25px; padding: 10px 10px 25px; background: #fff; -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3); }

.magnifier .bigimg { width: 100%; border: 1px solid #d2d2d2; position: relative; }

.magnifier .bigimg img { display: block; width: 100%; height: auto; }

div.zoomdiv { z-index: 888; position: absolute; top: 0px; right: 0px; width: 200px; height: 200px; border: 1px solid #CCCCCC; display: none; text-align: center; overflow: hidden; background-color: #fff; }

.magnifier .zoomdiv img.bigimg { width: 760px; height: 760px; border: none; }

div.jqZoomPup { z-index: 888; visibility: hidden; position: absolute; top: 0px; left: 0px; border: 1px solid #aaa; background: #ffffff; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); padding: 20px; }

.magnifier .fl { position: relative; width: 42%; z-index: 8; display: none; }

.magnifier .detailinfo { border-bottom: 1px solid #d2d2d2; overflow: hidden; padding: 0 10px; }

.magnifier .detailinfo .xctitle { padding: 10px 0 10px; line-height: 24px; font-size: 20px; color: #1a1a1a; border-bottom: 1px solid #d2d2d2; margin-bottom: 15px; }

.magnifier .detailinfo .con { height: 74px; font-size: 14px; color: #333; line-height: 24px; overflow: hidden; }

.magnifier .detailinfo .more { font-size: 16px; margin: 10px 0 30px 0; }

.magnifier .detailinfo .more a { color: #ea5b24; }

.magnifier .smallimg-box { margin-top: 19px; position: relative; display: none; }

.magnifier .smallimg-list { width: 90%; max-width: 544px; height: 126px; overflow: hidden; margin: 0 auto; position: relative; }

.magnifier .smallimg-list ul { position: absolute; left: 0; top: 0; }

.magnifier .smallimg-list li { float: left; width: 126px; height: 126px; border: 1px solid #d2d2d2; margin-right: 13px; cursor: pointer; position: relative; }

.magnifier .smallimg-list li img { display: block; width: 126px; height: 124px; border: none; }

.magnifier .smallimg-list li span { position: absolute; top: -1px; left: -1px; width: 126px; height: 126px; border: 1px solid #ea5b24; display: none; }

.magnifier .smallimg-list li:hover span, .magnifier .smallimg-list li.cur span { display: block; }

.magnifier .smallimg-box .prev, .magnifier .smallimg-box .next { position: absolute; width: 30px; height: 126px; top: 0; }

.magnifier .smallimg-box .prev { background: url(../images/btn4.png) 0 0 no-repeat; left: 0; }

.magnifier .smallimg-box .next { background: url(../images/btn4.png) -30px 0 no-repeat; right: 0; }

.magnifier .fr { width: 100%; overflow: hidden; }

.xcpro-banner { width: 100%; position: relative; margin: 0 auto; overflow: hidden; background: #fff; }

.xcpro-banner ul { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -o-transition-property: -o-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform, -o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.xcpro-banner li { width: 100%; background-size: cover; background-position: center; overflow: hidden; float: left; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; position: relative; }

.xcpro-banner li img { display: block; max-width: 70%; margin: 0 auto; }

.xcpro-banner li .xctitle { font-size: 16px; color: #0a1a1a; text-align: center; height: 32px; line-height: 32px; }

.xcpro-banner .xcprev, .xcpro-banner .xcnext { position: absolute; width: 32px; height: 61px; top: 50%; margin-top: -30px; z-index: 90; background-position: 0 0; background-repeat: no-repeat; background-size: 20px auto; }

.xcpro-banner .xcprev { background-image: url(../images/cimg03.png); left: 10px; }

.xcpro-banner .xcprev:hover { background-image: url(../images/cimg05.png); }

.xcpro-banner .xcnext { background-image: url(../images/cimg04.png); right: 10px; }

.xcpro-banner .xcnext:hover { background-image: url(../images/cimg06.png); }

.xcpro-banner .dot { bottom: 4px; }

.list-top { width: 100%; height: 50px; line-height: 50px; background: #f8f8f8; text-align: center; }

.list-top ul { max-width: 1200px; margin: 0 auto; padding: 0 10px; }

.list-top ul li { float: left; width: 33.3%; background: url(../images/line5.gif) no-repeat right center; }

.list-top ul li:last-child { background: none; }

.list-top ul li a { font-size: 16px; }

.list-top ul li.cur a { color: #ea5b24; }

.list-bottom ul { padding-top: 30px; background: #fff; color: #333; font-size: 16px; line-height: 30px; }

.list-bottom ul > li { text-align: center; }

.tab { width: 100%; max-width: 1200px; margin: 0 auto; border-collapse: collapse; font-size: 14px; }

.tab a { color: #ea5b24; }

.tab tr td { border-bottom: 1px solid #dcdcdc; padding: 10px 0; text-align: left; padding-left: 30px; width: 20%; }

.tab tr td:nth-of-type(1) { padding-left: 30px; }

.tab tr td:nth-of-type(2) { background: #f6f6f6; }

.tab tr td:nth-of-type(3), .tab tr td:nth-of-type(4), .tab tr td:nth-of-type(5) { display: none; }

.content { overflow-y: auto; }

.content .tit1 { font-size: 20px !important; color: #333; line-height: 50px; padding-bottom: 20px; }

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

.content, .content3 { padding-bottom: 70px; }

.content3 { max-width: 1200px; margin: 0 auto; text-align: left; }

.content table { width: 100%; max-width: 1200px; margin: 0 auto; border-collapse: collapse; font-size: 14px; }

.content table a { color: #ea5b24; }

.content table tr td { border-bottom: 1px solid #dcdcdc !important; padding: 10px 0; text-align: left; padding-left: 20px; }

.content table tr td:nth-of-type(1) { padding-left: 30px; }

.content table tr td:nth-of-type(2) { background: #f6f6f6; }

.content:nth-child(1) { padding: 0px 15px; }

.relation { padding: 70px 0; background: #f8f8f8; }

.relation-tit { font-size: 26px; }

.relation ol { max-width: 1200px; margin: 0 auto; padding-top: 40px; }

.relation ol li { padding-bottom: 20px; }

.relation ol li div { border: 1px solid #dcdcdc; background: #fff; padding-bottom: 10px; }

.relation ol li div:hover { border-color: #ea5b24; }

.relation ol li div img { display: block; width: 40%; margin: auto; }

.relation ol li div p { font-size: 18px; color: #ea5b24; padding-top: 10px; margin: 0 10px; border-top: 1px solid #e6e6e6; }

.relation ol li div span { display: block; color: #707070; font-size: 14px; margin: 0 10px; }

.relation ol li div p, .relation ol li div span, .apply ol li div p { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.applywarp { background: #f8f8f8; }

.apply { padding: 70px 0; width: 100%; max-width: 1200px; margin: 0 auto; overflow: hidden; position: relative; }

.apply ol { width: 100%; height: 100%; padding-top: 50px; position: relative; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -o-transition-property: -o-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform, -o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; }

.apply ol li { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; padding: 0 10px; position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; }

.apply ol li div { text-align: left; }

.apply ol li div p { font-size: 16px; color: #333; padding: 20px 0; background: url(../images/line6.gif) no-repeat 0 58px; }

.apply ol li div span { display: block; height: 44px; line-height: 22px; font-size: 14px; color: #707070; overflow: hidden; }

.apply ol li div img { display: block; width: 100%; }

.uswrap { padding: 70px 10px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }

.us { max-width: 1200px; margin: 0 auto; font-size: 16px; color: #707070; }

.us-tit1 { max-width: 960px; margin: 0 auto; font-size: 40px; line-height: 50px; padding-bottom: 30px; border-bottom: 1px solid #d9d9d9; color: #0f0f0f; }

.us-tit2 { width: 86px; height: 24px; line-height: 24px; text-align: center; margin: 35px auto; background: #ea5b24; color: #fff; font-size: 14px; }

.us dl { max-width: 890px; margin: 0 auto; }

.us dl dt, .us dl dd { padding: 20px 0; }

.us dl dt h3 { font-size: 22px; line-height: 40px; color: #0f0f0f; }

.us dl dt h3 span { font-size: 28px; }

.us dl dt p, .us dl dd p { font-size: 14px; }

.us dl dd h3 { font-size: 18px; color: #0f0f0f; }

.us dl dd h3 span { font-size: 22px; }

/*  资质荣誉  */
.honor { padding-top: 20px; }

.honor ul li { text-align: center; padding-bottom: 20px; }

.honor ul li a { display: block; width: 100%; padding: 20px 10px 10px; border: 1px solid #ddd; }

.honor ul li img { display: block; width: 100%; margin: 0 auto; }

.honor ul li span { display: block; width: 100%; margin: 0 auto; font-size: 14px; color: #101010; }

.honor ul li span:nth-of-type(1) { border-top: 1px solid #ddd; padding-top: 10px; margin-top: 20px; height: 59px; overflow: hidden; }

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

.hpic { width: 90%; position: absolute; top: 50%; left: 50%; background: #fff; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }

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

.hclose { width: 30px; height: 30px; position: absolute; top: -28px; right: -12px; background: url(../images/modalclose.png) no-repeat scroll center center;}

.hclose:after { content: "x"; font-size: 30px; color: #fff; display:none; }

/*  招贤纳士  */
.recruit { padding-top: 20px; }

.recruit-left { width: 100%; border: 1px solid #eee; padding: 0 20px 59px; margin-bottom: 20px; }

.recruit-tit { font-size: #101010; font-size: 16px; line-height: 30px; padding: 15px 0 15px 15px; border-bottom: 1px solid #eee; position: relative; }

.recruit-tit:after { content: ""; width: 6px; height: 6px; border: 1px solid #eb632f; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; top: 50%; left: 0; margin-top: -3px; }

.recruit-left ul { padding-bottom: 20px; }

.recruit-left ul li { padding: 15px 0; line-height: 30px; font-size: 13px; color: #666; border-bottom: 1px solid #eee; }

.recruit-left ul li span { float: right; }

.recruit-left ul li a { display: block; width: 60%; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #666; }

.recruit-left ul li a:hover { color: #eb632f; }

.recruit-left h4 { padding-top: 20px; font-size: 16px; font-weight: bold; }

.recruit-left h4 a { color: #1a1a1a; }

.recruit-left p { font-size: 13px; color: #666; padding-bottom: 20px; border-bottom: 1px solid #eee; }

.recruit-right { width: 100%; border: 1px solid #eee; padding: 0 0 70px; }

.recruit-right form { width: 100%; padding: 20px; background: #f2f2f2; }

.recruit-right form .txt { width: 100%; line-height: 40px; padding: 0 10px; border: 1px solid #ddd; }

.recruit-right form .sub { width: 100%; line-height: 41px; font-size: 16px; margin-top: 10px; color: #fff; background: #ea5b24; }

.recruit-right > ul { padding: 30px; }

.recruit-right > ul li { font-size: 14px; padding-bottom: 10px; }

.recruit-right > ul li em { display: block; }

.recruit-right > ul li em a { padding-right: 10px; white-space: nowrap; }

.recruit-right > ul li em a.on { color: #ea5b24; }

.recruit-right table { width: 100%; border-collapse: collapse; font-size: 14px; text-align: center; margin-bottom: 60px; }

.recruit-right table th { line-height: 30px; padding: 10px 0; font-weight: normal; color: #ea5b24; background: #f8f8f8; }

.recruit-right table th:nth-of-type(1) { width: 40%; text-align: left; padding-left: 30px; }

.recruit-right table th:nth-of-type(2) { width: 15%; }

.recruit-right table th:nth-of-type(3) { width: 15%; }

.recruit-right table th:nth-of-type(4) { width: 12%; }

.recruit-right table th:nth-of-type(5) { width: 18%; }

.recruit-right table td { line-height: 30px; padding: 15px 0; border-bottom: 1px solid #ddd; }

.recruit-right table td:nth-of-type(1) { margin-left: 30px; text-align: left; padding-left: 30px; }

.recruit-right table th:nth-of-type(2) { display: none; }

.recruit-right table th:nth-of-type(4) { display: none; }

.recruit-right table td:nth-of-type(2) { display: none; }

.recruit-right table td:nth-of-type(4) { display: none; }

.rec-tit { font-size: 16px; font-weight: bold; margin: 0 20px; padding: 20px 0; border-bottom: 1px solid #eee; }

.rec-con { padding: 20px; font-size: 14px; }

.rec-con ul li { float: left; padding: 0 0 4px; }

.rec-con ul li:before { content: '●'; color: #ea5b24; padding-right: 8px; }

.recruit-right .rec-back { display: block; width: 150px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #f5f5f5; margin: 30px auto; background: #b9b9b9; }

/*  解决方案  */
.solution { padding-top: 20px; }

.so-tit { font-size: 16px; color: #333; }

.so-tit2 { font-size: 26px; color: #ea5b24; padding: 20px 0; }

.solution-con { padding-bottom: 20px; }

.solution-con dl { padding: 10px 0; }

.solution-con dl dt { float: none; margin-bottom: 10px; }

.solution-con dl dt img { display: block; margin: 0 auto; width: 146px; height: 146px; -webkit-border-radius: 100%; border-radius: 100%; }

.solution-con dl dd { text-align: left; font-size: 13px; color: #666; }

.solution-con dl dd h4 { font-size: 16px; color: #ea5b24; text-align: center; margin-bottom: 5px; }

.solution1-list { padding-bottom: 20px; overflow: hidden; }

.solution2-list { overflow: hidden; }

.solution1-list ul, .solution2-list ul { width: 9999px; }

.solution1-list ul li, .solution2-list ul li { float: left; background: url(../images/line7.png) repeat-x 0 48px; }

.solution1-list ul li:last-child, .solution2-list ul li:last-child { background: none; }

.solution1-list ul li h4, .solution2-list ul li h4 { width: 108px; line-height: 32px; padding: 32px 0 48px; font-size: 16px; color: #fff; text-align: center; background: url(../images/solution5.png) no-repeat; }

.solution1-list ul li p { font-size: 14px; text-align: center; line-height: 16px; padding: 20px 0; width: 72px; margin-left: 12px; -webkit-border-radius: 100%; border-radius: 100%; background: rgba(221, 221, 221, 0.5); margin-top: -16px; }

.solution1-list ul li p:nth-of-type(1) { margin-top: 0; }

.solution2-list ul li h4 { padding: 32px 0 33px; }

.solution-dl dl { padding-top: 30px; }

.solution-dl dl dt { float: none; }

.solution-dl dl dt img { display: block; margin: 0 auto; max-width: 100%; }

.solution-dl dl dd { padding-top: 20px; font-size: 14px; }

.solution-form { width: 100%; max-width: 1200px; margin: 0 auto; padding: 3.5% 3.5% 5%; background: #fff; margin-top: -30px; }

.solution-left { display: none; }

.solution-form form { font-size: 14px; }

.solution-form form h3 { text-align: center; font-size: 20px; line-height: 30px; padding: 15px 0; border-bottom: 1px solid #ddd; }

.solution-form form h4 { text-align: center; font-size: 16px; line-height: 30px; padding: 10px 0; border-bottom: 1px solid #ddd; }

.solution-form form ul { padding-top: 20px; }

.solution-form form ul li { line-height: 40px; padding-bottom: 10px; }

.solution-form form ul li span { display: block; }

.solution-form form ul li input { display: block; width: 100%; line-height: 38px; border: 1px solid #ddd; }

.solution-form form ol { padding: 20px 0; }

.solution-form form ol li { float: left; height: 20px; margin-bottom: 6px; line-height: 20px; padding-right: 20px; position: relative; }

.solution-form form ol li span { padding-left: 16px; background: url(../images/btn6.png) no-repeat 0 4px; }

.solution-form form ol li.on span { background: url(../images/btn6.png) no-repeat 0 -56px; }

.solution-form form ol li input[type='radio'] { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; }

.solution-form form ol li input[type='text'] { width: 80px; padding: 0 6px; border-bottom: 1px solid #1a1a1a; }

.form-bottom { padding-top: 20px; text-align: center; }

.form-bottom .sub { width: 100px; height: 38px; line-height: 38px; font-size: 16px; color: #fff; margin-bottom: 10px; background: #ea5b24; }

/*  联网报警  */
.internet { padding-top: 20px; }

.internet ul li { float: left; width: 100%; padding: 0 10px 20px; font-size: 14px; }

.internet ul li a { display: block; }

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

.internet ul li span { display: block; font-size: 16px; padding: 20px 0; background: url(../images/line8.gif) no-repeat 0 56px; }

.internet ul li em { display: block; color: #707070; line-height: 23px; }

.internet ul li .info { height: 46px; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; }

.internet-tit { padding: 20px 0; text-align: center; border-bottom: 1px solid #ccc; }

.internet-tit h3 { font-size: 18px; line-height: 24px; padding-bottom: 10px; }

.internet-tit p { font-size: 14px; color: #959595; }

.internet-tit p span { padding-right: 20px; }

.main-con .so-back { display: block; width: 96px; height: 36px; line-height: 36px; text-align: center; color: #fff; font-size: 16px; margin: 40px auto 0; background: #ea5b24; }

.internet-con { width: 100%; max-width: 1200px; margin: 0 auto; background: #fff; padding: 1.5% 3.5% 5%; /*border-bottom: 40px solid #f7f7f7;*/ }

.internet-con h3 { font-size: 26px; line-height: 36px; text-align: center; padding-top: 30px; }

/*  搜索  */
.searchlist { margin: 0px; padding: 10px 0px 0px; }

.searchlist dl { margin: 0px; padding: 15px 10px; border-bottom: 1px solid #d9d9d9; }

.searchlist dl a { display: block; width: 100%; height: 100%; }

.searchlist dl dt { float: left; width: 35%; margin-right: 15px; }

.searchlist dl dt img { display: block; width: 100%; }

.searchlist dl dd { margin: 0px; padding: 0px; }

.searchlist h3 { margin-bottom: 10px; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; font-size: 16px; color: #ea5b24; }

.searchlist dl dd p.searchcategory { color: #999; padding: 1px 0px; }

.searchlist dl dd p.searchmiaoshu { -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; font-size: 13px; line-height: 18px; color: #666666; }

.leftbar { position: fixed; right: 0; bottom: 120px; z-index: 98; display:none; }

.leftbar a { display: block; width: 50px; height: 50px; background: #999; position: absolute; right: 0; overflow: hidden; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.leftbar a img { display: block; width: auto; height: 100%; }



.leftbars { position: fixed; right: 0; bottom: 100px; z-index: 98; }

.leftbars a { display: none; width: 40px; height: 40px; background: #999; position: absolute; right: 0; overflow: hidden; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.leftbars a img { display: block; width: auto; height: 100%; }

@media (min-width:1024px){
    .leftbars{ display:none; }
    .leftbar a:hover { background: #ea5b24; }
}

/*.leftbar a:nth-of-type(1) { top: 0; }
.leftbar a:nth-of-type(2) { top: 40px; }
.leftbar a:nth-of-type(3) { top: 80px; }
.leftbar a:nth-of-type(4) { top: 120px; }*/
.tuwenzds { max-width: 1200px; margin: 0 auto; padding: 30px 0 60px; }

.tuwenzdsimg { margin: 0 0 20px 0; max-width: 100%; }

/*20170330*/
.main-con { overflow: hidden; }

.fontsize16 { font-size: 20px; }

.expand dt img, .expand img { max-width: 100%; }

.rotate2 li:nth-of-type(1) { width: 42px; height: 42px; }

.rotate2 li:nth-of-type(5) { width: 66px; height: 66px; }

.pro-list p a { display: block; }

.lv2-bottom ul li { position: relative !important; }

.lv2-bottom ul { height: auto !important; }

/* 法律声明 */
.wqpcontent { font-size: 14px; padding-top: 20px; }

.sitemapcont2 { padding: 6% 0; overflow: hidden; }

.sitemapcont2 dl { position: relative; margin-bottom: 36px; }

.sitemapcont2 dl dt { font-size: 16px; font-weight: bold; color: #ea5b24; padding: 0 8px; background: #fff; position: absolute; left: 18px; top: -14px; }

.sitemapcont2 dl dd { padding: 4% 3% 1% 3%; border: 1px solid #e6e6e6; }

.sitemapcont2 dl dd a { display: inline-block; padding-left: 10px; background: url(../images/icon64.jpg) no-repeat left center; margin: 0 23px 8px 0; }

.list-top ul li a { display: block; }

.plr10 { padding: 0 10px; }

.companytitle { font-size: 18px; }

.footer-top ul li p a { display: block; }

.after-sales img { max-width: 100%; }

.Paging span.laypage_curr { background: #EA5B24 !important; }

.wqptitle { font-size: 20px; color: #333; margin-bottom: 10px; }

.uswrap { display: none; }

.wqptext { display: block; }

.wqpcontacttitle { text-align: center; font-size: 18px; }

/* 浏览器弹窗 */
.CWhint { width: 580px; position: fixed; top: 50%; left: 50%; margin-top: -149px; margin-left: -290px; background: #fff; z-index: 9999; display: none; }

.CWhinttit { height: 47px; background: #EA5B24; font-size: 18px; color: #fff; line-height: 47px; padding-left: 20px; position: relative; }

.CWhintbox { margin: 0 30px; padding: 35px 0; position: relative; padding-left: 81px; }

.CWhintleft { float: left; position: absolute; left: 0; top: 35px; }

.CWbrowser { padding-top: 10px; }

.CWbrowser a { display: inline-block; width: 19%; font-size: 12px; text-align: center; }

.CWbrowser a img { display: block; max-width: 100%; margin: 0 auto; }

.CWbrowser a em { display: block; color: #b80007; }

.CWbrowser a span { display: block; line-height: 16px; }

.CWhintright h3 { font-size: 18px; }

.CWhintrighthref { color: #004988; border-bottom: 1px solid #5377a2; margin: 5px 0; display: inline-block; }

.CWhintgran { color: #666; margin: 10px 0; }

.CWclsoe { display: block; position: absolute; height: 47px; width: 52px; text-align: center; top: 15px; right: 0; }

.masker02 { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; background: url(../images/xcmask.png) repeat; display: none; }

.colorspan { color: #004988; border-bottom: 1px solid #5377a2; }

.colorred:hover, .colorred:hover .colorspan { color: #EA5B24; }

.CWhintrighthref:hover, .colorred:hover .colorspan { border-bottom: 1px solid #EA5B24; color: #EA5B24; }

.wqpcodeimg { overflow: hidden; padding: 10px 5px 0; color: #666; text-align: center; max-width: 87px; display: block; }

.wqpcodeimg span { text-align: center; color: #999; }

.wqpcodeimg span img { max-width: 100%; display: block; }

@media (min-width: 480px) { .recruit-right table th:nth-of-type(2) { display: table-cell; }
  .recruit-right table th:nth-of-type(4) { display: table-cell; }
  .recruit-right table td:nth-of-type(2) { display: table-cell; }
  .recruit-right table td:nth-of-type(4) { display: table-cell; }
  .hpic { width: 70%; }
  .lv3-top ul li { padding: 0 20px; } }

/*ipad竖版区域*/
@media (min-width: 768px) { .lv3, .lv4 { padding: 80px 0; }
  .ph a { width: 230px; }
  .header-tel { display: block; }
  .language a { font-size: 14px; padding: 0 10px; }
  .service-video ul { padding-top: 60px; }
  .service-video ul li { padding-bottom: 60px; }
  .lv1 ul li img { width: 60%; }
  .product-bottom ul li img { width: 60%; }
  .relation ol li div img { width: 50%; }
  .lv4-con ul li { height: 230px; }
  .down-top ul { width: auto; margin: 0 auto; }
  .down-top ul li { display: inline-block; float: none; margin: 0 -5px; padding: 0 20px 70px; }
  .down-top ul li a { padding-top: 0; padding-bottom: 20px; }
  .down-top ul li.on { background: url(../images/btn2.png) no-repeat center bottom; }
  .down-top ul li img { display: block; width: 70%; }
  .dwon-bottom { border-top: 1px solid #ccc; margin-top: -15px; padding-top: 30px; }
  .dwon-bottom dl { text-align: left; }
  .dwon-bottom dl dt { float: left; padding-right: 20px; }
  .product-bottom2 ul li { padding: 0 2px; }
  .hpic { width: 50%; }
  .recruit { padding-top: 40px; }
  .recruit-left { float: left; width: 32%; }
  .recruit-right { float: right; width: 66%; }
  .recruit-right form .txt { float: left; width: 85%; }
  .recruit-right form .sub { float: right; width: 13%; margin-top: 0; }
  .recruit-right > ul li em { display: inline; }
  .honor ul li a { display: block; width: 100%; padding: 50px 20px 20px; border: 1px solid #ddd; }
  .honor ul li span:nth-of-type(1) { border-top: 1px solid #ddd; padding-top: 10px; margin-top: 50px; }
  .rotate2 { padding: 30px 0 60px; }
  .rotate2 li { display: inline-block; background: #ea5b24; color: #fff; -webkit-border-radius: 100%; border-radius: 100%; margin: 20px auto; position: relative; margin: 0 3%; vertical-align: top; }
  .rotate2 li:nth-of-type(1) { width: 42px; height: 42px; }
  .rotate2 li:nth-of-type(2), .rotate2 li:nth-of-type(4) { top: 60px; }
  .rotate2 li:nth-of-type(5) { width: 66px; height: 66px; }
  .rotate2 li:before { content: ""; display: block; border-top: 1px dashed #ea5b24; position: absolute; }
  .rotate2 li:nth-of-type(1):before { width: 150px; top: 62px; -webkit-transform: rotate(38deg); -ms-transform: rotate(38deg); -o-transform: rotate(38deg); transform: rotate(38deg); }
  .rotate2 li:nth-of-type(2):before { width: 200px; top: 38px; -webkit-transform: rotate(-16deg); -ms-transform: rotate(-16deg); -o-transform: rotate(-16deg); transform: rotate(-16deg); }
  .rotate2 li:nth-of-type(3):before { width: 200px; top: 78px; left: 30px; -webkit-transform: rotate(26deg); -ms-transform: rotate(26deg); -o-transform: rotate(26deg); transform: rotate(26deg); }
  .rotate2 li:nth-of-type(4):before { width: 200px; top: 22px; left: 30px; -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); }
  .leftbar { width: 60px; height: 240px; bottom: 100px; }
  .leftbar a { display: block; width: 60px; height: 60px; }
  /*.leftbar a:nth-of-type(1) { top: 0; } .leftbar a:nth-of-type(2) { top: 60px; } .leftbar a:nth-of-type(3) { top: 120px; } .leftbar a:nth-of-type(4) { top: 180px; } .leftbar a:nth-of-type(1) em { display: block; width: 230px; } .leftbar a:nth-of-type(2) em { display: block; width: 160px; } .leftbar a:nth-of-type(3) em { display: block; width: 160px; } .leftbar a img { float: left; } .leftbar a span { float: left; font-size: 22px; font-weight: bold; line-height: 60px; color: #fff; } .leftbar a:nth-of-type(1):hover { width: 230px; } .leftbar a:nth-of-type(2):hover { width: 160px; } .leftbar a:nth-of-type(3):hover { width: 160px; }*/
  .internet ul li { width: 50%; }
  .content:nth-child(1) { padding: 0px; }
  /*20170331*/
  .magnifier .detailinfo .con { font-size: 16px; line-height: 36px; height: 108px; }
  .sitemapcont2 { padding: 2% 0; overflow: hidden; }
  .sitemapcont2 dl dt { font-size: 20px; }
  .sitemapcont2 dl dd { padding: 2% 3% 1% 3%; border: 1px solid #e6e6e6; }
  .sitemapcont2 dl dd a { margin: 0 50px 8px 0; }
  .lv3-top ul { width: 500px !important; }
  .lv4-icon { width: 140px; height: 140px; line-height: 140px; text-align: center; margin: 0 auto; font-size: 36px; color: #ea5b24; -webkit-border-radius: 100%; border-radius: 100%; background: #fff; }
  .lv4-icon em { font-size: 16px; }
  .lv4-con ul li span { width: 74%; margin: 20px auto 0; }
  .lv4-con ul { padding-top: 40px; }
  /*.main-tit{font-size:20px;line-height:26px;}*/
  .expand-img2:after { width: 60px; height: 60px; }
  .news-foot dl dt { margin-bottom: 0; }
  .news-foot dl dd, .news-foot dl dt { width: 50%; }
  .news-foot dl dt { float: left; }
  .news-foot dl dd { float: right; }
  .news-foot dl dd { text-align: right; }
  .lv3ul ul li span { font-size: 16px; }
  .product-top ul li h3 span a, .product-top2 ul li h3 span a { display: inline-block; width: 100%; }
  .internet-con { margin-top: -30px; }
  .wqptext { display: inline-block; }
  .footer-bottom p { padding: 0 20px; }
  .solution-con dl dt { float: left; margin-right: 10px; }
  .solution-con dl dd { padding-top: 10px; }
  .solution-con dl dd h4 { text-align: left; } }

@media (min-width: 991px) { /*首页*/
  .wqpcontent { padding: 0; }
  .lv2 { padding: 80px 0; }
  .indextit { font-size: 26px; padding-bottom: 20px; }
  .lv2-bottom ul li .more, .lv3ul .more, .lv4-con .more { margin: 50px auto 0; }
  .lv2-top ul li, .lv3-top ul li { font-size: 16px; }
  .companytitle { font-size: 26px; line-height: 30px; }
  /*新闻详情*/
  .newsContents { padding: 20px 15px 0; }
  .newsContentstitle h3 { font-size: 24px; }
  .newsContentstitle { padding: 25px 15px; }
  .news-foot { padding-top: 45px; }
  /*搜索*/
  .searchlist h3 { font-size: 18px; }
  .wqptitle { font-size: 40px; margin-bottom: 20px; line-height: 50px; }
  .list-bottom ul { padding-top: 70px; }
  .ul1 li { display: inline-block; width: 140px; line-height: 40px; padding: 60px 0; color: #fff; font-size: 18px; margin: 0 20px; background: url(../images/about13.png) no-repeat center; background-size: 140px auto; float: none; }
  .solution-con dl { padding: 20px 10px; }
  .solution-con dl:nth-of-type(3) { clear: left; }
  .internet-tit { padding: 40px 0; }
  .internet-tit h3 { font-size: 26px; line-height: 30px; }
  .wqpcontacttitle { font-size: 26px; line-height: 28px; margin-bottom: 10px; } }

/*ipad横版区域*/
@media (min-width: 1024px) { header { position: absolute; }
  .language { display: block; }
  .language2 { display: none; }
  .header-bottom { background: #898989; }
  .nav-bg { display: none; }
  .logo, .nav, .footer-top { padding-left: 10px; }
  .logo a { float: left; padding-right: 18px; padding-left: 0; }
  .nav-btn, .ser-btn { display: none; }
  .nav ul { display: block; float: left; width: 78%; padding: 0; background: #898989; }
  .nav ul li { float: left; position: relative; padding-right: 6%; border: none; }
  .nav ul li:after { display: none; }
  .nav ul li h3 { height: 50px; line-height: 50px; border-bottom: 2px solid #898989; }
  .nav ul li h3 a { color: #fff; }
  .nav ul li h3:hover { border-color: #ea5b24; }
  .nav form { float: right; display: block; width: 216px; position: relative; }
  .nav .sub { background-position: center center; }
  .subnav { font-size: 13px; position: absolute; top: 50px; left: -50px; border: 1px solid #dcdcdc; background: #fff; }
  .subnav p { float: left; width: 120px; }
  .subnav .more:after { width: 7px; height: 7px; top: 11px; left: 26px; }
  .bannerwrap .prev, .bannerwrap .next { display: block; width: 38px; height: 72px; background: url(../images/btn1.png) no-repeat; position: absolute; top: 50%; margin-top: -36px; }
  .bannerwrap .prev { left: 4%; }
  .bannerwrap .next { right: 4%; background-position: -70px 0; }
  .footer-bottom p { padding-left: 0; }
  .footer-bottom .p1 { float: left; width: 60%; text-align: left; }
  .footer-bottom .p2 { float: right; width: 40%; text-align: right; }
  .footer-top ul { float: left; width: 70%; max-width: 810px; background: url(../images/line2.gif) no-repeat 95% 5px; background-size: 1px 100%; }
  .footer-top ul li { float: left; padding-right: 10%; line-height: 24px; border: none; margin: 0; }
  .footer-top ul li:after { display: none; }
  .footer-top ul li h4 { padding-left: 0; line-height: 24px; height: 24px; }
  .footer-top ul li p { display: block; padding-left: 0; }
  .footer-right { float: right; width: 31%; padding: 0; }
  .main-con { position: relative; /*top: -90px;*/ }
  .main-tit { font-size: 26px; line-height: 26px; }
  .main-tit span { display: block; float: right; font-size: 14px; font-weight: normal; color: #707070; }
  .main-tit span a { color: #707070; }
  .main-tit span a.on, .main-tit span a:hover { color: #101010; }
  .main-tit span a:nth-of-type(1), .main-tit span i:nth-of-type(1) { display: inline; }
  .lv1 ul li img { width: 78%; }
  .product-top, .product-top2 { padding-top: 30px; position: relative; }
  .list-tit, .wqpproductbtn { display: none; }
  .product-top ul, .product-top2 ul { display: block; width: 999999px; }
  .product-top ul li, .product-top2 ul li { float: left; padding: 0 8px 0px; text-align: center; border: none; margin-bottom:60px; }
  .product-top ul li h3, .product-top2 ul li h3 { position: relative;cursor:pointer; }
  .product-top ul li.cur h3:after, .product-top2 ul li.cur h3:after { content: ""; display: block; width: 100%; height: 60px; position: absolute; top: 100%; left: 0; z-index: 9; background-image: url(../images/btn2.png); background-repeat: no-repeat; background-position: center bottom; }
  .product-top ul li.cur h3:after{ display:none; }
  .product-top2 ul li h3 > a{ display:block;width:100%;position:relative;overflow:hidden;padding-top:100%; }
  .product-top2 ul li h3 img{ position:absolute;top:0;left:0; }
  .product-top ul li h3 img, .product-top2 ul li h3 img { display: block; width: 100%; }
  .product-top ul li h3 span, .product-top2 ul li h3 span { display: block; font-size: 14px; padding: 7px 0; padding-left: 0; }
  .product-top ul li:hover h3 a, .product-top2 ul li.cur h3 a { display: block; }
  .solution-module ul li h3 .icon{ display:none !important; }
  .pro-list { height: auto; text-align: center; border-top: 1px solid #dcdcdc; margin-top: -14px; position: absolute; top: 228px; left: 0; }
  .pro-list p { display: inline-block; padding: 20px 4px 0px; font-size: 14px; margin-top: -10px; }
  .product-bottom { padding-top: 50px; }
  .product-bottom ul li { float: left; }
  .product-bottom ul li img { width: 100%; }
  .service-top { text-align: center; }
  .service-top ul li { float: none; display: inline-block; }
  .service-top ul li h3 { background: #f2f2f2; }
  .service-search form { float: left; }
  .service-search .form1 .sub { width: 16%; }
  .service-search .form1 .txt { width: 40%; }
  .service-search .form1 .sel { float: left; width: 40%; margin-right: 10px; }
  .form1 { width: 62%; }
  .form2 { width: 38%; padding-left: 12px; }
  .form2 .txt { width: 70%; }
  .form2 .sub { width: 30%; }
  .service-search .form3 { float: none; width: 70%; margin: 0 auto; }
  .form3 .txt { width: 80%; }
  .form3 .sub { width: 20%; }
  .video-pop { height: 480px; width: 640px; position: absolute; left: 50%; margin-left: -320px; }
  .expand { padding-top: 60px; }
  .col-20 { width: 20%; }
  /*.content2 { border-bottom: 60px solid #f7f7f7; }*/
  .news dl dt { margin-right: 30px; }
  .news dl dd { line-height: 24px; }
  .news dl dd h3 { font-size: 24px; padding: 20px 0; }
  .news dl dd .con { height: 66px; margin-top: 20px; line-height: 22px; }
  .news dl dd .more { display: block; width: 98px; height: 28px; text-align: center; margin: 40px 0 0 440px; border: 1px solid #ea5b24; color: #ea5b24; -webkit-border-radius: 3px; border-radius: 3px; }
  .magnifier .fl { display: block; height: 477px; }
  .magnifier .fr { padding-left: 10px; width: 58%; }
  .magnifier .smallimg-box { display: block; }
  .xcpro-features:nth-child(2n) dt { float: left; }
  .xcpro-features:nth-child(2n+1) dt { float: right; }
  .xcpro-features dt { width: 454px; height: 262px; }
  .xcpro-features dt img { width: 454px; height: 262px; }
  .xcpro-features:nth-child(2n) dd { float: right; }
  .xcpro-features:nth-child(2n+1) dd { float: left; }
  .xcpro-features dd { width: 622px; height: 262px; padding-top: 69px; }
  .xcpro-banner { display: none; }
  .xcpublic-bg { margin: 20px 0 50px; padding: 58px 32px 45px; }
  .magnifier .bigimg img { height: 428px; width: auto; max-width: 428px; }
  .magnifier .detailinfo .xctitle { padding-bottom: 20px; line-height: 40px; font-size: 26px; margin-bottom: 15px; }
  .magnifier .detailinfo { margin-bottom: 55px; padding: 0; }
  .magnifier .detailinfo .more { margin: 10px 0 20px 0; }
  .relation ol li div img { width: 100%; }
  .tab tr td:nth-of-type(1) { padding-left: 60px; }
  .tab tr td:nth-of-type(3), .tab tr td:nth-of-type(4), .tab tr td:nth-of-type(5) { display: table-cell; }
  .commonproblem ul li h3.problemtitle { padding: 20px 40px 20px 45px; }
  .commonproblem ul li h3.problemtitle span { top: 16px; }
  .after-sales { margin-top: 60px; padding-right: 150px; position: relative; }
  .after-sales-con { position: absolute; bottom: 150px; right: 50px; }
  .down-top { padding-top: 60px; }
  .down-top ul li img { display: block; width: 90%; }
  .dwon-bottom dl { padding: 40px 120px; }
  .dwon-bottom dl dt { padding-right: 70px; }
  .dwon-bottom dl dd { padding-top: 40px; }
  .dwon-bottom dl .d2 { float: left; width: 246px; }
  .dwon-bottom dl .d2 a { display: block; margin-bottom: 10px; }
  .dwon-bottom dl .d3 { float: left; width: 284px; }
  .down-list-wrap { margin-top: -40px; padding: 20px 50px 0; background: #fff; border-bottom: 40px solid transparent; }
  .close { top: -20px; right: -20px; }
  .hclose{ top: -35px; right: -35px; }
  .honor { padding-top: 70px; }
  .hpic { width: 500px; }
  .solution { padding-top: 40px; }
  .solution-con dl dt { float: left; }
  .solution-con dl dd { padding-left: 166px; text-align: left; }
  .solution-dl dl { padding-top: 0; }
  .solution-dl dl dt { float: left; padding-right: 20px; }
  .solution-dl dl:nth-of-type(2) dt { float: right; padding-left: 40px; }
  .solution-dl dl dd { padding-top: 0px; }
  .solution-left { display: block; float: left; width: 47%; height: 649px; position: relative; overflow: hidden; }
  .solution-left img { display: block; position: absolute; left: 50%; width: 510px; height: 649px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .solution-form form { float: right; width: 50%; }
  .solution-form form ul { padding-bottom: 1rem; }
  .solution-form form ul li { height: 50px; }
  .solution-form form ul li span { float: left; width: 16%; }
  .solution-form form ul li input { float: left; width: 84%; }
  .solution-form form ul li:last-child span:nth-of-type(2) { padding-left: 4px; }
  .solution-form form ul li:last-child input { width: 34%; }
  .internet { padding-top: 40px; overflow: hidden; }
  .internet ul li { width: 33.3%; padding-right: 16px; }
  .rotate3 { padding: 60px 0; }
  .rotate3 li { display: inline-block; vertical-align: middle; position: relative; margin: 3%; }
  .rotate3 li p.cur { width: 280px; position: absolute; text-align: left; }
  .rotate3 li:nth-of-type(1) p.cur { left: -286px; top: 152px; }
  .rotate3 li:nth-of-type(3) p.cur { top: -32px; left: 156px; }
  .rotate3 li p.cur:before { content: ""; display: block; width: 146px; height: 36px; -webkit-transform: skew(-45deg); -ms-transform: skew(-45deg); -o-transform: skew(-45deg); transform: skew(-45deg); border: 1px solid #ea5b24; position: absolute; }
  .rotate3 li:nth-of-type(1) p.cur:before { top: -40px; right: -20px; border-top: none; border-left: none; }
  .rotate3 li:nth-of-type(3) p.cur:before { top: 46px; left: -20px; border-bottom: none; border-right: none; }
  .rotate3 li p.cur:after { content: "●"; color: #ea5b24; font-size: 10px; position: absolute; }
  .rotate3 li:nth-of-type(1) p.cur:after { top: -52px; right: -42px; }
  .rotate3 li:nth-of-type(3) p.cur:after { bottom: -50px; left: -42px; }
  .searchlist dl dt { display: block; width: 30%; }
  .searchlist dl dd p.searchmiaoshu { -webkit-line-clamp: 4; font-size: 14px; line-height: 24px; }
  .content .tit1 { font-size: 40px !important; }
  .top2 { width: 100%; height: 300px; position: relative; overflow: hidden; }
  .product-top .next, .product-top .prev, .product-top2 .next, .product-top2 .prev { display: block; width: 30px; height: 60px; position: absolute; top: 50%; margin-top: -30px; }
  .product-top .next, .product-top2 .next { right: -30px; }
  .product-top .prev, .product-top2 .prev { left: -30px; }
  .product-top .next:after, .product-top .prev:after, .product-top2 .next:after, .product-top2 .prev:after { content: ""; display: block; width: 20px; height: 20px; border-top: 2px solid #ddd; border-right: 2px solid #ddd; }
  .product-top .next:after, .product-top2 .next:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
  .product-top .prev:after, .product-top2 .prev:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
  .service-top ul { width: auto; }
  .service-top ul li { width: 12.5%; }
  .service-top .pro-list { top: 134px; }
  .tuwenzdstext h4 { font-size: 42px; font-weight: bold; line-height: 46px; padding-bottom: 120px; }
  .tuwenzdsimg { float: left; margin: 0 10px 20px 0; max-width: 100%; }
  .tuwenzdstext { padding-top: 50px; }
  .wqpimg { max-width: 560px !important; }
  .internet-con { margin-top: -111px; }
  /*面包屑*/
  .main-tit { color: #ea5b24; }
  .main-tit em { display: block; } }

/*响应PC区域*/
@media (min-width: 1200px) { .main { /*background: #f7f7f7;*/ }
  .magnifier .fl { width: 496px; }
  .magnifier .fr { padding-left: 10px; width: 687px; }
  .magnifier .detailinfo .more { margin: 10px 0 30px 0; }
  .magnifier .bigimg img { height: 490px; max-width: 490px; }
  .xcpublic-bg { margin: 20px 0 50px; padding: 58px 32px 45px; }
  .magnifier .detailinfo .xctitle { padding-bottom: 40px; line-height: 40px; font-size: 26px; margin-bottom: 30px; }
  .magnifier .detailinfo { margin-bottom: 70px; padding: 0; }
  .internet-con { margin-top: 0; } 
  .hpic{ width:660px; }
}

@media (min-width: 1680px){
    .hpic{ width:780px; }
}




@media (max-width: 640px) { .content table { min-width: 650px; } }

body { background: #fff; }



.new-header {width: 100%;height: 50px;}

.new-header-container { width: 100%; position: fixed; top: 0; left: 0; background-color: #f04b19; z-index: 120; }

.new-logo {display: inline-block;vertical-align: top;padding: 16px 0;}

.new-logo img {height: 18px;display: block;}

.new-nav { display: none; }

.header-search-icon { width: 26px; height: 26px; display: block; -webkit-border-radius: 50%; border-radius: 50%; background-image: url(../images/search-icon.png); background-repeat: no-repeat; background-position: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; background-size:20px auto; }

.header-search { display: inline-block; vertical-align: middle; }

.header-search-wrap { width: 100%; padding: 15px 10px; background-color: #f2f2f2; position: fixed; left: 0; top: 60px; z-index: 100; display: none; }

.header-search-wrap form { position: relative; padding-right: 60px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; }

.header-search-wrap input { height: 40px; line-height: 40px; font-size: 14px; display: block; }

.header-search-wrap input[type=text] { width: 100%; padding: 0 10px; }

.header-search-wrap input[type=submit] { width: 60px; text-align: center; position: absolute; right: 0; top: 0; z-index: 1; background-color: #ff4919; color: #fff; }

.new-language { display: inline-block; vertical-align: middle; line-height: 26px; }

.new-language a { color: #fff; }

.new-nav-btn { width: 22px; height: 18px; position: relative; display: inline-block; vertical-align: middle; margin-left: 0px; }

.new-nav-btn span { width: 20px; height: 2px; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; position: absolute; top: 50%; left: 0; background-color: #fff; margin-top: -1px; }

.new-nav-btn span:first-child { content: ""; top: 0; left: 0; margin-top: 0; }

.new-nav-btn span:last-child { content: ""; top: auto; bottom: 0; left: 0; }

.new-nav-btn.on span { opacity: 0; }

.new-nav-btn.on span:first-child { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 9px; opacity: 1; }

.new-nav-btn.on span:last-child { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 10px; opacity: 1; }

.new-header-ctrl {padding: 11px 0;}

.new-language { display: none; }

.new-nav { width: 100%; position: fixed; top: 50px; left: 0; padding-top:10px; bottom: 0; z-index: 100; background-color: #fff; display: none;text-align:left; overflow-y: auto; }

.new-nav li { /*border-bottom: 1px solid #dbdbdd;*/position:relative; overflow:hidden; }

.new-nav li:after{ content:'';position:absolute;left:20px;right:20px;bottom:0; height:1px;background-color:#dbdbdb; }

.new-nav li h4{ width:100%;position:relative; }

.new-nav li h4 .icon{ position:absolute;width:60px;height:100%;right:20px;top:0; z-index:11; }

.new-nav li h4 .icon:after{ content: "+"; display: block;width: 10px;height: 10px;line-height: 10px;font-size: 16px; position: absolute;top: 20px;right: 10px; transition: transform .3s; }

.new-nav li.cur2 h4 .icon:after{ -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);transform: rotate(45deg); }

.new-nav .js-drop{ display:none; }

.product-subnav dt {position:relative; }

.product-subnav dt .icon{ position:absolute;width:60px;height:100%;right:40px;top:0; z-index:11; }

.product-subnav dt .icon:after{ content: "+"; display: block;width: 10px;height: 10px;line-height: 10px;font-size: 16px; position: absolute;top: 20px;right: 10px; transition: transform .3s; }

.about-subnav .item, .product-subnav .item .drop{display:none;}

.product-subnav dl.cur2 dt .icon:after{ -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);transform: rotate(45deg); }

.new-nav a { display: block; font-size: 16px; padding: 15px 20px; color: #333; position: relative; letter-spacing:1px; }

.nav-second-subnav{ padding-bottom:10px; }

.nav-second-subnav  a{ font-size:13px; }

.nav-second-subnav .title a{ padding: 8px 20px; }

.product-subnav .title a{ padding: 8px 20px; font-size: 13px; }

.new-nav .oneLevel:after { content: ''; display:none; position: absolute; width: 12px; height: 12px; border: 1px solid #999; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 20px; top: 16px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; opacity: 0; }

.new-nav .oneLevel.has:after { opacity: 1; }

.language-xs { font-size: 0; padding:8px 20px;  text-align: left; width:100%; position:relative; }

.language-xs:after{ content:'';position:absolute;left:20px;right:20px;bottom:0; height:1px;background-color:#dbdbdb; }

.language-xs a { display: inline-block; vertical-align: top; padding: 0 10px; color: #666; position:relative; margin-right:4px;}

.language-xs a:after{ content:'';position:absolute;width:1px;height:16px;background-color:#999;top:4px;right:-2px; }

.language-xs a:last-child:after{ display:none; }

.about-subnav, .product-subnav { width: 100%; }

.about-subnav .drop a, .product-subnav .drop a { font-size: 13px; color: #1a1a1a; padding: 6px 20px; }

.product-subnav {  padding-bottom:10px; }

.product-subnav .class { padding:6px 20px; }

.product-subnav .drop .more { padding-right: 9px; background: url(../images/nav-arrow.png) right center no-repeat; display: inline-block; vertical-align: top; }

.search-lg { width: 100%; position: absolute; left: 0; top: 0; display: none; }

.search-mask{width:100%; height:100%; position:fixed; top:50px; left:0; z-index:80; background-color:rgba(0,0,0,0.5); display:none;}

@media (min-width: 768px) { .about-subnav .item { width: 14.25%; float: left; text-align:left; }
  .product-subnav dl { width: 100%; position: relative; padding-left: 0%; margin-bottom:20px; }
  .product-subnav dt { display: none; width: 20%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .product-subnav dd { width: 100%; display:block !important; position: relative; padding-left: 5%; }
  .about-subnav .item, .product-subnav .item .drop{display:block;}
  .product-subnav dt .icon{ display:none !important; }
  .product-subnav dd:before { content: ""; display: none; width: 1px; height: 90%; background-color: #ff4919; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .product-subnav .item {width: 25%;float: right;float: left;}
  .product-subnav .class { color:#ff4919; }
  .product-subnav .title a, .product-subnav .drop a { padding-left: 5px; padding-right: 5px; } 
  .new-nav li:nth-child(3)  .about-subnav .item{width:16.25%;}
  .about-subnav .item, .product-subnav .item { padding-bottom: 20px; }
  .about-subnav .title a, .product-subnav .title a { color: #ff4919; font-size: 16px; }

}

@media (min-width: 1024px) { .new-nav { width: auto; display: inline-block !important; padding-top:0; vertical-align: top; position: relative; top: 0; overflow: visible; background: none; padding-left: 30px; }
  .new-nav li { border-bottom: none; float: left; margin: 0 22px; position:static; overflow:inherit;}
  .new-nav li h4 .icon{ display:none !important; }
  .new-nav li:after{ display:none; }
  .new-nav .oneLevel {color: #fff;padding: 0;display: inline-block;vertical-align: top;line-height: 50px;}
  .new-nav .oneLevel:after { display: none; }
  .language-xs { display: none; }
  .new-nav-btn { display: none; }
  .new-language { display: inline-block; padding-left: 20px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
  .new-language a { font-size: 16px; display: inline-block; line-height: 26px; vertical-align: middle; padding: 0 10px; }
  .new-language.opacity { opacity: 0; }
  .new-header .commonweb { position: relative; }
  .header-search-icon.on { background-image: url(../images/search-close.png); }
  .header-search-wrap { width: 280px; position: absolute; left: auto; right: 0; top: 100%; -webkit-border-radius: 3px; border-radius: 3px; }
  .new-header-container{text-align:center;}
  .new-header-wrap { position: relative; display:inline-block; vertical-align:top; }
  .about-subnav, .product-subnav { min-width: 100%; width:auto; position: absolute; left: -100px; right:-100px; top: 100%; z-index: 10; background-color: #fff; -webkit-box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.1); padding: 20px; text-align: center; } 
  .about-subnav{right:0; left:0;}
  /*.about-subnav .title a, .about-subnav .drop a, .product-subnav .title a, .product-subnav .drop a { font-size: 16px; }*/
  .product-subnav .item {padding-bottom: 0;width: 25.66666%;}
  .product-subnav .item:last-child{width: 23%;float:left;}
  .product-subnav .drop { text-align: left; }
  .product-subnav a { text-align: center; }
  .product-subnav .drop a, .product-subnav .title a{text-align:left;}
  .product-subnav .drop a:hover{ color:#ff4919; }
  /*.product-subnav .class { font-size: 18px; }*/
  .new-nav .js-drop { display:block; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; opacity: 0; pointer-events: none; top: 110%; }
  .new-nav li:nth-child(n+2){position:relative;}
  .new-nav li:hover .js-drop { opacity: 1; pointer-events: auto; top: 100%; }
  .new-nav li:hover .oneLevel:before { width: 100%; }
  .nav-second-subnav{white-space:nowrap; background-color:#fff; position:absolute; left:-30px; text-align:left; padding:5px 0;box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.1);}
  .nav-second-subnav a{font-size:14px; padding:8px 30px;}
  .nav-second-subnav .title a{ padding:8px 30px; }
  .nav-second-subnav .item .title a:hover{ color:#f04b19; }
  .about-subnav .item .drop a:hover{ color:#f04b19; }
  .search-lg { left: 30px; }
  .search-lg form { display: block; height: 50px; background-color: #f04b19; position: relative; padding-left: 42px; }
  .search-lg input[type=text] { width: 100%; line-height: 24px; padding: 13px 0; display: block; background: none; font-size: 16px; color: #fff; }
  .search-lg input[type=submit] { width: 20px; height: 100%; background: url(../images/search-icon.png) center no-repeat; background-size:20px auto; position: absolute; left: 0; top: 0; }
  .search-lg ::-moz-placeholder { color: rgba(221, 221, 221, 0.6); }
  .search-lg ::-ms-input-placeholder { color: rgba(221, 221, 221, 0.6); }
  .search-lg ::-webkit-input-placeholder { color: rgba(221, 221, 221, 0.6); }
  .hot-search dt, .hot-search a{text-align:left;}
  .hot-search { background-color: #fff; max-width: 760px; -webkit-box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.1); -webkit-border-bottom-left-radius: 20px; border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px; padding-bottom: 45px; }
  .hot-search dt { color:#999; font-size: 16px; padding-top: 18px; padding-left: 15px; }
  .hot-search dd { padding-top: 10px; }
  .hot-search a { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; padding: 10px 42px; color: #666; }
  .hot-search a:hover { background-color: #eee; color: #ff4919; }
  .new-header-ctrl {height: 50px;display: inline-block;vertical-align: top;padding-left: 45px; float:none;} 
}

@media (min-width: 1260px) { .new-nav { padding-left: 50px; }
  .new-nav li { margin: 0 45px; }
  /*.new-nav .oneLevel { font-size: 18px; }*/
  .new-nav .oneLevel:before { content: ""; display: block; width: 0; height: 3px; background-color: #fff; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
  .about-subnav .title a, .product-subnav .title a { padding-bottom: 7px; }
  /*.about-subnav .title a, .about-subnav .drop a, .product-subnav .title a, .product-subnav .drop a { font-size: 18px; }*/
  .hot-search dt, .hot-search a { font-size: 16px; }
  .search-lg input[type=text] { font-size: 16px; }
  .producr-class{height:57px;}
  .producr-class.fixed .producr-class-box{ width:100%; position:fixed; top:50px; left:0; z-index:100;}
  .new-product-sort.fixed .new-product-sort-box{ position:fixed; top:137px;}
}

@media (min-width: 1800px) { .commonweb-lg { max-width: 1600px; }
  /*.new-logo { margin-left: 100px; }*/
  .new-nav li { margin: 0 50px; }
  /*.new-nav .oneLevel { font-size: 22px; }*/
  .new-language { /*padding-right: 110px;*/ padding-left: 83px; }
  .new-language a { /*font-size: 22px;*/ padding: 0 7px; }
  .about-subnav {padding-top: 40px;padding-bottom: 60px;padding-right: 15px; padding-left: 40px;}
  .product-subnav {padding-top: 40px;padding-bottom: 0;padding-left: 57px;}
  .product-subnav dl { margin-top: 10px; }
  .product-subnav dl:first-child { margin-bottom: 20px; } }


.product-body .subbanner { padding-top: 34px; }

.subbanner{
    width:100%;
    overflow:hidden;
    position:relative;
}

.subbanner .pimg{
    display:none;
}

@media (min-width: 768px) {
    
    .subbanner .pimg{
        display:block;
    }
    .subbanner .mimg{
        display:none;
    }
}


.producr-class{border-bottom: 1px solid #dcdcdc; position:relative;width:100%; z-index:66;background-color:#fff; padding:0 10px; }

.producr-class .lnbClone{ display:none;width:100%;height:57px; }

.producr-class-box { border-bottom: 1px solid #dcdcdc; background-color:#fff; width:100%; }

.producr-class .all-btn { width: 100%; font-size: 16px; line-height: 24px; padding: 5px 0; color: #898989; background-color: #fff; position: fixed; left: 0; top: 50px; z-index: 50; padding-left: 25px; border-bottom: 1px solid #dcdcdc; }

.producr-class .all-btn .btn { font-size:14px; display: block; padding-left: 21px; background: url(../images/class-icon.png) left center no-repeat; }

.product-select { position: relative; display: inline-block; vertical-align: top; }

.product-select .title { cursor: pointer; padding: 11px 0 0; font-size: 14px; color: #595757; }

.product-select .title span { color: #000000; padding-right: 36px; background: url(../images/class-arrow.png) right center no-repeat; display:inline-block;vertical-align:top;}

.product-select .title span em{ font-style:normal;display:block;white-space:nowrap;overflow:hidden;text-overflow: ellipsis }

.product-select .drop { padding: 0 20px; width:220px; border: 1px solid #d6d6d6; position: absolute; left: 10px; right: -30px; top: 100%; z-index: 20; margin-top: 15px; -webkit-transform: translateY(20px) scale(0.9); -ms-transform: translateY(20px) scale(0.9); -o-transform: translateY(20px) scale(0.9); transform: translateY(20px) scale(0.9); background-color: #fff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; opacity: 0; pointer-events: none; }

.product-select .drop.on { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); -o-transform: translateY(0) scale(1); transform: translateY(0) scale(1); }

.product-select .drop:after { content: ""; display: block; width: 11px; height: 6px; background: url(../images/select-arrow.png) center no-repeat; position: absolute; top: -6px; right: 109px; }

.product-select .drop a { display: block; border-bottom: 1px solid #d6d6d6; padding: 8px 0; }

.product-select .drop a:last-child { border-bottom: none; }

.product-select .drop .on { color: #f04b19; }

.new-product-list { text-align: center; }

.new-product-list ul { position: relative; }

.new-product-list ul:before { content: ""; display: block; width: 1px; height: 100%; position: absolute; left: 50%; top: 0; background-color: #dcdcdc; }

.new-product-list li { width: 50%; float: left; border-bottom: 1px solid #dcdcdc; padding: 10px; }

.new-product-list .image { display: block; margin-bottom: 10px; }

.new-product-list .image img { width: 100%; }

.new-product-list .title { font-size: 15px; }

.new-product-list .title a{ display:block;width:100%; white-space:nowrap;overflow:hidden;text-overflow: ellipsis; }

.new-product-list li .series{ display:block;width:100%; white-space:nowrap;overflow:hidden;text-overflow: ellipsis; }

.new-product{ width:100%;position:relative; }

.new-product-sort { width: 70%; position: fixed; left: -100%; bottom: 0; top: 50px; z-index: 110; background-color: #fff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; overflow-y: auto; padding-left: 15px; padding-right: 10px;  }

.new-product-sort .item { border-bottom: 1px solid #ddd; }

.new-product-sort .one { font-size: 16px; position: relative; padding-right: 0px; }

.new-product-sort .one a { line-height: 2.72727; }

.new-product-sort .one a:before { content: ""; width: 3px; height: 16px; background-color: #ff4919; position: absolute; left: -8px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.new-product-sort .on .switch { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.new-product-sort .switch { width: 30px; line-height: 30px; display: block; text-align: center; position: absolute; right: 0; top: 50%; margin-top: -15px; font-size: 18px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; cursor:pointer;  }

/*.new-product-sort .one-js{ -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}

.new-product-sort .on .switch.one-js{-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}*/

.new-product-sort .two { position: relative; font-size: 16px; border-bottom: 1px solid #ddd; display: none; line-height: 2.77778; }

.new-product-sort .two p { position: relative; padding-right: 50px; }

.new-product-sort .two p a { font-size: 15px; }

.new-product-sort .two .switch { right: 20px; }

.new-product-sort .two:last-child { border-bottom: none; }

.new-product-sort .three { display: none; padding-bottom:18px; }

.new-product-sort .three a { font-size: 14px; color: #191919; line-height: 30px; line-height: 2.5; }

.new-product-sort .three a.cur{color:#ff4919;}

.new-product-sort a { display: block; position: relative; letter-spacing:1px; }

.new-product-sort-mask { width: 100%; height: 100%; position: fixed; left: 100%; top: 0; z-index: 98; background-color: rgba(0, 0, 0, 0.5);  }

.new-product-sort.on{left:0;}

.new-product-sort-mask.on{left:0;}

.new-page { padding-top: 30px; padding-bottom: 30px; font-size: 0; line-height: 35px; text-align: center; overflow: hidden; margin: 0 auto; max-width: 390px; }

.new-page a, .new-page span { font-size: 14px; display: inline-block; vertical-align: top; }

.new-page a { width: 30px; color: #909090; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 10px; }

.new-page span:before { content: "/"; color: #909090; }

.new-page span:first-of-type:before { display: none; }

.new-page .cur { border: 1px solid #d3d3d3; }

.new-page .prev, .new-page .next { width: 36px; height: 36px; -webkit-border-radius: 100%; border-radius: 100%; background-position: center; background-size: 9px; }

.new-page .prev { float: left; background-image: url(../images/page-prev.png); }

.new-page .next { float: right; background-image: url(../images/page-next.png); }


.producr-class.absfix .product-select{ position: fixed; right: 25px; top: 50px; z-index:55; }

.producr-class.absfix .producr-class-box { border-bottom:none; }

.producr-class.absfix  .product-select .title{ padding: 7px 0; }

.producr-class.absfix .product-select .drop{ left:auto;right:-10px;margin-top: -1px; }

.producr-class.absfix .product-select .drop:after{     right: 23px; }

.producr-class.absfix .product-select .title{ padding-right: 15px; }

.producr-class.absfix .product-select .title em { max-width:105px; }

@media (min-width: 414px) {
    .producr-class.absfix .product-select .title em { max-width:150px; }
}

@media (min-width: 768px) {
    .producr-class.absfix .product-select .title em { max-width:200px; }
}

@media (min-width: 1024px) { .producr-class .all-btn { width: auto; position: static; display: inline-block; border-bottom: none; vertical-align: top; }
  .product-select { float: right; }
  .product-select .title { padding: 17px 0; }
  /*.product-select .drop a { font-size: 16px; }*/
  .product-select .drop{ width:280px; left:auto; }
  .product-select .drop:after{ right:28px; }
  .product-body .subbanner { padding-top: 0; }
  .producr-class { padding:0;z-index:111; }
  .producr-class .all-btn { padding: 16px 15px; margin-left:-10px; }
  /*.producr-class.fixed{ position:fixed; left:0;top:50px; }
  .producr-class.fixed .lnbClone{ display:block; }*/
  .new-product-sort .one:hover a{ color:#ff4919; }
  .new-product-sort .two p:hover a{ color:#ff4919; }
  .new-product-list ul:before { display: none; }
  .new-product-list li { width: 33.333%; border-left: 1px solid #ddd; padding: 30px 5px; }
  .new-product-sort-mask { display: none !important; }
  .new-product .pin-wrapper{width: 17.875%;float: left; max-width: 258px; height:990px;}
  .new-product-sort { display: block !important; position: static; width: 17.875%; float: left; overflow: visible; padding-top: 15px;left:0; max-width:258px;bottom:auto;-webkit-transition: none;-o-transition: none;transition: none; }
  .new-product .pin-wrapper .new-product-sort{ width:100%; }
  .new-product-sort.fixed{position:fixed;top:107px;left:auto; bottom:auto;}
  .new-product-sort.fixed.abs{ position:absolute;left:0;top:auto;bottom:30px; }
  .new-product-list { width: 78.875%; float: right; }
  .new-page { padding-bottom: 55px; }
  .new-page .prev:hover { background-image: url(../images/page-prevAc.png); background-color: #f5f5f7; }
  .new-page .next:hover { background-image: url(../images/page-nextAc.png); background-color: #f5f5f7; } 
  .new-product-list .title{font-size:18px; letter-spacing:0.75px}
  .new-product-list .series{letter-spacing:1px}
  .new-product-sort .three a:hover{color:#ea5b24;}

  .producr-class.absfix .product-select{ position: relative; right: 0px; top: 0px; }

  .producr-class.absfix .producr-class-box { border-bottom: 1px solid #dcdcdc; }

  .producr-class.absfix  .product-select .title{ padding: 17px 0; }

  .producr-class.absfix .product-select .drop{ left:auto; right:-30px;margin-top: 15px; }

  .producr-class.absfix .product-select .drop:after{     right: 28px; }

  .producr-class.absfix .product-select .title{ padding-right: 0px; }

  .producr-class.absfix .product-select .title em { max-width:none; }
  .product-select .title {padding: 11px 0;}
}

@media (min-width: 1260px) { .new-product-sort { padding-top: 15px; }
  .new-product-sort .one { /*font-size: 18px;*/ font-weight: bold; }
  .new-product-sort .one .switch { right: -10px; }
  .new-product-sort .two p a { /*font-size: 16px;*/ font-weight: bold; }
  /*.new-product-sort .two a { font-size: 16px; }*/
  .new-product-sort .three { padding-top: 0; }
  .new-product-sort .switch { font-weight: normal; font-size: 20px; } 
  /*.new-product-list li:hover .title a{color:#f04b19;}*/
  .new-product-list .image{margin-bottom:40px;}
  .new-product-list .image img{position:relative;  -webkit-transition:ease all 0.3s; -moz-transition:ease all 0.3s; -ms-transition:ease all 0.3s; transition:ease all 0.3s; }
  /*.new-product-list li:hover .image img{ transform:translateY(-10px); }*/
  .product-body > .commonweb,.producr-class .commonweb{max-width:1560px; padding:0 60px;}
}

@media (min-width: 1800px) { .product-select { padding-right: 190px; }
  .product-select .drop { width: 295px; right: 143px; }
  .product-select .drop:after { right: 46px; }
  .new-product-list li { padding-top: 45px; }
  .new-product-sort { padding-right: 0; padding-left: 24px; padding-top: 30px; }
  .producr-class .all-btn { margin-left:0px; }
  /*.new-product-sort .one { font-size: 22px; }*/
  .new-product-sort .one a:before { left: -14px; }
  /*.new-product-sort .two p a { font-size: 18px; }*/
  /*.new-product-sort .two a { font-size: 18px; }*/
  .new-product-sort .two .switch { right: 34.12977%; }

  .producr-class.absfix .product-select .drop{right:143px; }

  .producr-class.absfix .product-select .drop:after{     right: 46px; }

}

.new-footer { background-color: #eeeeee; }

.new-footer-link { padding: 20px 0; }

.new-footer-link li { border-bottom: 1px solid #ddd; }

.new-footer-link h3 { color: #333; padding: 10px; font-size: 16px; position: relative; }

.new-footer-link h3:after { content: "+"; display: block; width: 20px; text-align: center; position: absolute; right: 5px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 18px; }

.new-footer-link h3.cur:after { content: "-"; }

.new-footer-link a { display: block; }

.new-footer-link .drop { display: none; padding-bottom: 10px; }

.new-footer-link .drop a { color: #595757; padding: 5px 20px; }

.footer-contact .thumb { position: relative; }

.footer-contact .item { padding-bottom: 15px; }

.footer-contact .title { font-size: 16px; color: #333;margin-bottom:5px; }

.footer-contact .text { color: #595757; line-height: 1.8; }

.footer-contact .new-qrcode { position: absolute; right: 0; top: 5px; text-align: center; display: inline-block; vertical-align: top; color: #bababa; }

.footer-contact .new-qrcode img { display: block; border: 5px solid #fff; margin-bottom: 5px; width: 118px; }

.footer-tel { color: #ff4919; line-height: 1; padding-left: 50px; background: url(../images/new-tel.png) left center no-repeat; background-size: 40px; }

.footer-tel .tel { font-size: 24px; font-weight: bold; }

.footer-tel .website { font-size: 18px; }

.footer-info { margin-top: 10px; padding: 20px 0; border-top: 1px solid #d2d2d2; text-align: center; }

.footer-info .text { display: inline-block; vertical-align: top; font-size: 14px; padding: 0 3px; color: #595757; }

.footer-info .probity{ padding-top:8px; }

.pfooter-tel{ display:none; }

.mfooter-tel{ display:block;margin-top:30px; margin-bottom:30px;}

@media(max-width:767px){
    .footer-info .text{
        font-size:12px;
    }
    .footer-info .text{
        display:inline;
    }
}

@media (min-width: 768px) { 
  .footer-info{ margin-top:30px; }
  .footer-info .probity{ padding-top:0px; }
  .footer-contact .item { float: left; padding-right: 40px; }
  .footer-contact .new-qrcode { padding-right: 0; }
  .footer-tel { margin-top: 22px; } 
  .pfooter-tel{ display:block; }
  .mfooter-tel{ display:none; }
}

@media (min-width: 1024px) { .new-footer-main { padding-top: 30px; }
  .new-footer-link { padding: 0; float: left; width: 100%; padding-bottom: 20px; letter-spacing:1px; }
  .new-footer-link li { float: left; border-bottom: none; padding-right: 20px; width: 20%; }
  .new-footer-link a:hover { color: #ff4919; }
  .new-footer-link h3 { padding: 0; font-weight:bold; font-size:15px; }
  .new-footer-link h3:after { display: none; }
  .new-footer-link .drop { display: block !important; }
  .new-footer-link .drop a { padding: 0; }
  .footer-contact { width: 100%; float: right; }
  .footer-contact .item { padding-right: 35px; }
  .footer-contact .title{font-size:15px; font-weight:bold;}
  .footer-contact .item:last-child { padding-right: 0; letter-spacing:2px; }
  .footer-contact .thumb { float: left; letter-spacing:1px; }
  /*.footer-info .text { font-size: 16px; }*/
  .footer-contact .new-qrcode { position: static; }
  .footer-tel { float: right; } }

@media (min-width: 1260px) {
  .footer-info{letter-spacing:1px;}
  .footer-info .text { float: left; padding: 0 5px; }
  .footer-info .thumb .text:first-child { padding-left: 0; }
  .footer-info .probity { float: right; }
  .footer-info .probity .text:last-child { padding-right: 0; }
  .new-footer-link { width: 50%; }
  .new-footer-link .drop a { line-height: 1.88889; }
  .footer-contact { width: 50%; } }

@media (min-width: 1800px) { .new-footer { padding-top: 100px; }
  .new-footer-main { max-width: none; padding: 0 7.42188%; }
  .footer-info { margin-top: 95px; padding: 20px 0 60px; }
  .footer-info .commonweb { padding: 0 7.42188%; max-width: none; }
  .footer-info .text { /*font-size: 18px;*/ padding: 0 10px; }
  /*.new-footer-link h3 { font-size: 22px; }*/
  .new-footer-link .drop { padding-top: 10px; }
  .new-footer-link .drop a { /*font-size: 18px;*/ line-height: 2; }
  .footer-contact { width: auto; }
  .footer-contact .thumb { float: none; }
  .footer-contact .item { padding-right: 60px; }
  /*.footer-contact .title { font-size: 16px; }*/
  .footer-contact .text { padding-top: 11px; font-size: 14px; line-height: 1.9; }
  /*.footer-contact .new-qrcode { font-size: 18px; }*/
  .footer-contact .new-qrcode img { margin-bottom: 8px; }
  .footer-tel { float: right; background-size: 58px; padding-left: 78px; margin-top: 45px; }
  .footer-tel .tel { font-size: 32px; }
  .footer-tel .website { font-size: 24px; } }

@media (min-width: 2000px) { .footer-info .text { padding: 0 17px; } }

.new-m-container { overflow: hidden; margin-bottom: 6px; }

.new-m-container.left { text-align: left; }

.new-m-container.center { text-align: center; }

.new-m-container .m-new-img { height: 200px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.new-m-container .new-m-content { width: 100%; position: absolute; left: 0; top: 10px; padding: 0; }

.new-m-container .title { font-size: 18px; color: #000; padding-bottom: 5px; letter-spacing:0.5px; }

.new-m-container .desc { font-size: 15px; color: #272729; padding-bottom: 5px; letter-spacing:0.5px; }

.new-m-container .link { color: #ff4919; padding-right: 10px; background: url(../images/banner-arrow.png) right center no-repeat; background-size: 5px; }

.new-m-container .white .title { color: #fff; }

.new-m-container .white .desc { color: #fff; }

.new-m-container.vertical .new-m-content { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.new-m-container .player { width: 35%; display: block; margin: 10px auto 0; }

.new-m-container .player img { width: 100%; display: block; }

.new-index-main{ padding-top:24px; }

.new-index-main ul { margin: 0 -3px; }

.new-index-main li { width: 50%; float: left; position: relative; margin-bottom: 6px; padding: 0 3px; }

.new-index-main .thumb { overflow: hidden; }

.new-banner .desc { color: #595757; }

.new-banner li{overflow:hidden;}

.navigator-link{ display:block;width:100%;height:100%;position:relative;overflow:hidden; }

.mm-new-img{ display:block;width:100%; }
.navigator-link .only-deskshow{ display:none; }
.navigator-link .only-mobileshow{ display:block; }

@media (min-width: 640px) {
    .new-m-container .m-new-img { height: 300px; }
  .new-m-container .new-m-content { top: 10%; }
  .new-m-container .title { font-size: 22px; }
  .new-m-container .desc { font-size: 16px; }
  .new-m-container .link { font-size: 16px; background-size: 6px; padding-right: 15px; }
  .new-m-container .player { width: 25%; } }

@media(min-width:768px){
    .new-index-main{
        padding-top:0;
    }
}

@media (min-width: 1024px) { 
    .new-m-container .m-new-img{
        width:100%;
        height:auto;
    }
    .new-m-container .player { width: 15%; }
    .new-m-container.vertical .commonweb {
        padding-left:3%;
    }

    .navigator-link .only-deskshow{ display:block; }
    .navigator-link .only-mobileshow{ display:none; }

    .new-m-container.vertical .new-offset-content{ 
        top:38.5714%;
        left:5%;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
        width:auto;
    }
    .new-m-container .new-offset-content .commonweb{ padding-left:0; }
}

@media (min-width: 1260px) { .new-m-container .title { font-size: 28px; }
  .new-m-container .desc { font-size: 20px; }
  .new-index-main .desc{font-size:18px;}
  /*.new-m-container .link { font-size: 18px; }*/
  .new-m-container .link{height:0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; overflow:hidden; display:inline-block;vertical-align:top; line-height:24px;}
  .new-m-container .link span{height:24px; display:block;}
  .new-index-main .thumb:hover .link{height:24px;}
  .new-m-container .new-m-content{padding-top:24px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
  .new-index-main .thumb:hover .new-m-content{padding-top:0;}
  .new-m-container .link:hover span { border-bottom: 1px solid #ff4919; }
  .new-m-container .player { width: 11.66667%; opacity:0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
  .new-m-container .thumb:hover .player{opacity:1;}
  .imgScale .m-new-img { -webkit-transition: 1s; -o-transition: 1s; transition: 1s; }
  .imgScale:hover .m-new-img { -webkit-transform: translateX(-50%) scale(1.15, 1.15); -ms-transform: translateX(-50%) scale(1.15, 1.15); -o-transform: translateX(-50%) scale(1.15, 1.15); transform: translateX(-50%) scale(1.15, 1.15); } 
  .swiper-container.new-m-container .link{height:auto;}
  .new-m-container.vertical .new-offset-content{ padding-top:0;left:17.96875%; }
}

@media(min-width:1600px){
    .new-m-container .m-new-img {
        width:auto;
        height: 703px;
    }
    .new-index-main .m-new-img {
        width: auto;
        height: 590px;
    }
}

@media (min-width: 1800px) { .new-m-container { margin-bottom: 12px; }
  .new-m-container .new-m-content { top: 12.5%; }
  .new-m-container .title { font-size: 38px; padding-bottom: 10px; }
  .new-m-container .desc { /*font-size: 26px;*/ padding-bottom: 15px; }
  .new-m-container .link { /*font-size: 22px;*/ background-size: 8px; }
  .new-index-main { margin-bottom: 0; }
  .new-index-main li { padding: 0 6px; margin-bottom: 12px; }
  .new-index-main .title { font-size: 28px; }
  .new-index-main .desc { /*font-size: 24px;*/ padding-bottom: 10px; }
  /*.new-index-main .link { font-size: 20px; }*/
  .new-index-main .player { margin-top: 65px; }
  .new-index-main .thank .title { line-height: 1.38889; }
  .new-m-container.vertical .commonweb{padding-left:10%;}
  .new-m-container .new-offset-content .commonweb{ padding-left:0; }
}

@media(min-width:2300px){
    .new-m-container.vertical .commonweb{
        padding-left:0;
    }
}


.product-view-one { background: -webkit-gradient(linear, left top, right top, from(#e3e3e3), to(#e8e7e7)); background: -webkit-linear-gradient(left, #e3e3e3, #e8e7e7); background: -o-linear-gradient(left, #e3e3e3, #e8e7e7); background: linear-gradient(to right, #e3e3e3, #e8e7e7); padding: 30px 0 40px; }

.product-view-one .bigImg { width: 100%; }

.product-view-one .label {line-height: 20px;text-align: center;font-size: 21px;display: inline-block;vertical-align: bottom;-webkit-border-radius: 5px;border-radius: 5px;margin-left: 1px;letter-spacing: 1px;}


.product-view-one .icon { width: 80%; max-width: 534px; }

.m-content .title { font-size: 24px; color: #000; line-height: 1; padding-bottom: 10px; letter-spacing:1px; }

.m-content .desc { font-size: 14px; color: #595757; padding-bottom: 10px; letter-spacing: 1px; }

/*.product-view-one .desc{letter-spacing: 0.5px;}*/

.product-view-two { position: relative; padding-bottom: 15px;width:100%;overflow:hidden; }

.product-view-two .bigImg { width: 100%; }

.product-view-two .m-content { width: 100%; text-align: center; left: 0; top: 0; padding-top: 15px; }

.product-view-two .tips { color: #595757; font-size: 12px; text-align: center; letter-spacing:1px; }

.product-view-three { padding-top: 20px; padding-bottom: 20px; }

.product-view-three .bigImg { width: 100%; display: block; margin-bottom: 15px; }

.product-view-four { background-color: #ededed; text-align: center; padding: 30px 0; }

.product-view-four .list { color: #595757; padding-top: 10px; letter-spacing:2px; }

.product-view-four .list li { padding-bottom: 15px; }

.product-view-four .image { padding-bottom: 10px; }

.product-view-four .image img { width: 100%; display: block; }

.product-view-five { background-color: #c9d1d7; text-align: center; padding-top: 30px; }

.product-view-five .bigImg { max-width: 100%; display: block; margin: 0 auto; }

.product-view-six { text-align: center; padding: 30px 0; }

.product-view-six .icon { width: 50%; max-width: 100%; display: block; margin: 30px auto; }

.product-view-six .section { position: relative; overflow: hidden; color: #fff; }

.product-view-six .section .title, .product-view-six .section .desc { color: #fff; }

.product-view-six .section:first-of-type .title { color: #000; }

.product-view-six .section:first-of-type .desc { color: #595757; }

.product-view-six .section:first-of-type .tips { color: #595757; }

.product-view-six .section .m-content { width: 100%; position: absolute; top: 0; left: 0; padding: 20px; }

.product-view-six .bigImg { height: 300px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.product-view-six .mid-icon { width: 50%; margin: 0 auto; }

.product-view-six .tips { width: 100%; text-align: center; position: absolute; bottom: 0; left: 0; letter-spacing:1px; }

.product-view-six .box { -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; }

@media (min-width: 640px) { .product-view-six .icon { width: 40%; }
  .product-view-six .bigImg { width: 100%; height: auto; }
  .product-view-six .mid-icon { width: 30%; margin-top: 30px; }
  .product-view-six .tips { bottom: 10px; }
  .product-view-six .section .m-content { padding-top: 50px; } }

.product-view-seven { background-color: #e7e7e7; text-align: center; padding: 30px 0; }

.product-view-seven .bigImg { max-width: 100%; display: block; margin: 30px auto 0; }

.product-view-eight { padding: 30px 0; text-align: center; background-color: #d6dce0; }

.product-view-eight img { max-width: 100%; display: block; margin: 0 auto; }

.product-view-eight .image { width: 50%; margin: 0 auto; }

.product-view-eight .thumb { padding: 15px 0; }

.product-view-eight .text { padding-top: 10px; color: #595757; font-size:16px; letter-spacing:1px; }

.product-view-nine { padding: 30px 0; }

.product-view-nine .title { text-align: center; }

.product-view-nine .thumb { color: #595757; font-size: 16px; font-weight: lighter; line-height: 1.91667; padding-top: 10px; }

.product-view-nine .item{ letter-spacing:1px;}

@media (min-width: 768px) { .product-view-one { padding: 50px 0; }
  .product-view-one .m-container { position: relative; }
  .product-view-one .bigImg { width: 50%; float: right; max-width: 827px; }
  .product-view-one .m-content { width: 50%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .product-view-two { padding-bottom: 0; }
  .product-view-two .m-content { position: absolute; padding-top: 20px; }
  .product-view-two .tips { width: 100%; position: absolute; left: 0; bottom: 5px; text-align: center; }
  .product-view-three .m-container { position: relative; }
  .product-view-three .m-content { width: 41.1875%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .product-view-three .bigImg { width: 58.8125%; float: right; }
  .product-view-three { padding: 50px 0; }
  .product-view-four { padding: 50px 0; }
  .product-view-four .list { font-size: 16px; }
  .product-view-four .list ul { margin: 0 -10px; }
  .product-view-four .list li { padding-bottom: 0; }
  .product-view-four .n-content { padding-top: 20px; }
  .product-view-five { padding-top: 50px; }
  .product-view-five .bigImg { margin-top: 50px; }
  .product-view-six { padding-top: 50px; }
  .product-view-seven { padding: 50px 0; }
  .product-view-eight { padding: 50px 0; }
  .product-view-eight .list { padding-top: 20px; }
  .product-view-eight .thumb { padding: 0; }
  .product-view-eight .image { width: 60%; }
  .product-view-eight .text { /*font-size: 16px;*/ padding-top: 15px; }
  .product-view-nine { text-align: center; padding: 50px 0; }
  .product-view-nine .thumb { font-size: 0; }
  .product-view-nine .item { display: inline-block; vertical-align: top; width: 50%; font-size: 16px; text-align: left; } }

@media (min-width: 1024px) { .product-view-one { padding: 80px 0; }
  .product-view-one .desc { padding: 20px 0 30px; }
  .m-content .title { font-size: 40px; letter-spacing:4px; }
  .m-content .desc { font-size: 16px; }
  .product-view-two { padding-bottom: 0; }
  .product-view-two .m-content { padding-top: 25px; }
  .product-view-two .tips { font-size: 14px; }
  .product-view-three { padding: 80px 0; }
  .product-view-four { padding: 80px 0; }
  .product-view-four .n-content { padding-top: 50px; }
  .product-view-five { padding-top: 80px; }
  .product-view-five .bigImg { margin-top: 80px; }
  .product-view-six { padding-top: 80px; }
  .product-view-six .tips { /*font-size: 20px;*/ bottom: 5.9322%; }
  .product-view-six .mid-icon { width: auto; max-width: 100%; }
  .product-view-seven { padding: 80px 0 60px; }
  .product-view-eight { padding: 80px 0; }
  .product-view-eight .list { padding-top: 40px; }
  .product-view-nine { padding-top: 80px; }
  .product-view-nine .item:first-child { padding-right: 100px; } }

@media (min-width: 1260px) {
  /*.m-content .title { font-size: 54px; }*/
  .m-content .desc { font-size: 18px; padding-top: 13px; }
  .product-view-one { padding: 270px 0 155px; }
  .product-view-one .desc { padding: 25px 0 85px; }
  .product-view-one .title { font-size: 45px; padding-bottom: 25px; }
  .product-view-one .label { /*width: 56px;*/ font-size: 24px; }
  /*.product-view-two .tips { font-size: 24px; }*/
  /*.product-view-three .title { padding-bottom: 22px; }*/
  .product-view-three { padding: 210px 0; }
  .product-view-four { padding: 120px 0 195px; }
  .product-view-four .title{padding-bottom:17px}
  .product-view-four .n-content { padding-top: 163px; }
  .product-view-four .list { font-size: 24px; }
  .product-view-four .list ul { margin: 0 -36px; }
  .product-view-four .list li { padding: 0 36px; }
  .product-view-four .image { padding-bottom: 35px; }
  .product-view-five { padding-top: 120px; }
  .product-view-five .desc { line-height: 1.9; }
  .product-view-five .bigImg { margin-top: 160px; }
  .product-view-six { padding-top: 120px; padding-bottom: 115px; }
  .product-view-six .section .m-content { padding-top: 120px; }
  .product-view-six .icon { width: auto; max-width: 100%; margin-top: 80px; margin-bottom: 110px; }
  .product-view-seven { padding: 120px 0 60px; }
  .product-view-seven .bigImg { margin-top: 100px; }
  .product-view-eight { padding: 120px 0 133px; }
  .product-view-eight .list { padding-top: 125px; max-width: 1400px; margin: 0 auto; }
  .product-view-eight .image { width: 100%; }
  .product-view-eight .text { /*font-size: 18px;*/ padding-top: 40px; line-height: 24px; }
  .product-view-nine { padding-bottom: 70px; }
  .product-view-nine .thumb { padding-top: 60px; }
  .product-view-nine .item { width: auto; padding: 0 125px; font-size: 18px; } }

@media (min-width: 1800px) { .product-view-two .m-content { padding-top: 0; top: 9.32203%; }
  .product-view-two .title { padding-bottom: 17px; }
  .product-view-two .tips { bottom: 30px; }
  .product-view-six .commonweb-lg { max-width: 89.0625%; }
  .product-view-six .mid-icon { margin-top: 80px; } }

.pro-top-container { height: 40px; }

.pro-top-web{ margin:0 auto;width:auto; }

.pro-top-content { border-bottom: 1px solid #ddd; background-color: #fff; color: #222; line-height: 30px; width: 100%; position: fixed; left: 0; top: 50px; z-index: 50; text-align: center; }

.pro-top-content .title { line-height: 40px; font-size: 14px; position: relative; text-align: left;letter-spacing:1px; }

.pro-top-content .title a{padding:0; margin:0;}

.pro-top-content .title:after { content: ''; display: block; width: 10px; height: 10px; border-bottom: 2px solid #222; border-right: 2px solid #222; position: absolute; top: 50%; right: 5px; margin-top: -8px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.pro-top-content a { color: #222; display: inline-block; font-size: 14px; text-align: center; padding: 10px 8px; letter-spacing:1px; }

.pro-top-content .on { color:#FF4819; }

.pro-top-content .buynow { width: 25%; }

.pro-top-content .buynow span { background-color: #2e1a47; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block; color: #fff; padding: 0 15px; }

.pro-top-content p { border-top: 1px solid #999; font-size: 0;    margin: 0 -8px; }

.pro-top-content .undis { display: none;    white-space: nowrap; }

.product-parameter { padding: 30px 0; background-color: #eef1f5; color: #333; }

.product-parameter .item { line-height: 2.55556; font-size: 14px; }

.product-parameter .label { margin-right: 20px; min-width:120px; display:inline-block; vertical-align:top; }

.m-title { font-size: 18px; color: #333; }

.m-title:after { content: ""; width: 2.57692em; height: 2px; background-color: #ff4919; display: block; margin: 10px 0; }

.product-faq { padding: 30px 0; }

.product-faq .box { padding-top: 15px; }

.product-faq .item { padding-bottom: 15px; }

.product-faq .item:last-child { padding-bottom: 0; }

.product-faq .item dt { font-size: 14px; cursor: pointer; }

.product-faq .item dd { padding: 10px 0; display: none; }

.product-video { padding: 30px 0; background-color: #eef1f5; }

.product-video .thumb { margin-top: 20px; position: relative; }

.product-video .thumb:after { content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; z-index: 1; }

.product-video img { max-width: 100%; display: block; }

.product-video .info { width: 100%; position: absolute; top: 50%; left: 0; z-index: 2; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center; color: #fff; }

.product-video .title { font-size: 18px; letter-spacing:1.5px; }

.product-video .player { width: 40px; height: 40px; display: block; background: url(../images/video-player.png) center no-repeat; background-size: cover; margin: 10px auto 0; }

.product-manual { padding: 30px 0; background-color: #f9fafb; }

.product-manual .thumb { background-color: #fff; text-align: center; margin-top: 20px; padding: 30px 10%; }

.product-manual img { max-width: 100%; display: block; margin: 0 auto; }

.product-manual .title { font-size: 18px; padding-top: 15px; }

.product-manual .link { min-width: 90px; padding: 0 10px; display: inline-block; vertical-align: top; line-height: 28px; background-color: #ff4919; color: #fff; -webkit-border-radius: 14px; border-radius: 14px; margin-top: 10px; }

@media (min-width: 768px) { .pro-top-container { height: 55px; }
  .pro-top-content {text-align: left;}
  .pro-top-content .title {display: inline-block;vertical-align: top;line-height: 55px;}
  .pro-top-content .title:after { display: none; }
  .pro-top-content .title a{line-height:55px;}
  .pro-top-content .undis { text-align: right; min-width: 70%;margin:0; display: block !important; float: right; border-top: none; white-space: nowrap; }
  .pro-top-content a { width: auto; /*font-size: 16px;*/ margin-left: 45px; line-height: 24px; vertical-align: top; padding: 0 15px; line-height: 30px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; margin: 12px 15px; }
  .pro-top-content a:last-child { margin-right: 0;padding-right: 7px; }
  /*.pro-top-content .on { background-color: #FF4819; color: #fff; -webkit-border-radius: 15px; border-radius: 15px; }*/
  
  .product-parameter .item { width: 50%; float: left; }
  .m-title { padding-bottom: 10px; }
  .product-video .player { width: 60px; height: 60px; } }

@media (min-width: 1024px) { .product-parameter { padding: 50px 0; }
  .product-parameter .label{ min-width: 160px; }
  .product-parameter .item { font-size: 16px; }
  .m-title { font-size: 22px; letter-spacing:1.5px; }
  .product-faq { padding: 50px 0; }
  .product-faq .item dt { font-size: 16px; }
  .product-faq .item dd { font-size: 16px; }
  .product-video .title { font-size: 22px;  }
  .product-video .text { font-size: 16px; padding-bottom: 10px; padding-top: 5px; }
  .product-manual { padding: 50px 0; }
  .product-manual .thumb { padding: 50px 10%; }
  .product-manual .title { font-size: 20px; }
  .product-manual .link { font-size: 16px; }
  .pro-top-content a:hover { color: #ff4919; }
  /*.pro-top-content a.on:hover { color: #fff; }*/
  /*.pro-top-content .title, .pro-top-content a { font-size: 18px; }*/
  .pro-top-content .title:hover{color:#ff4819;}
  .product-parameter-wrap{letter-spacing:1px;}
  .product-banner{ overflow:hidden;}
  .product-banner img{width:auto; height:225px; position:relative; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
    .pro-top-content .undis {text-align: left;min-width: 0;display: inline-block !important;border-top: none;white-space: nowrap;/* padding-right: 15%; vertical-align: top;padding-left: 30.4%;*/}
    .pro-top-content .title{/* float:left; padding-left: 5px;*/}
    .pro-top-content .commonweb{padding:0 51px;}
    .pro-top-web{ width:910px; }
}

@media (min-width: 1260px) { .product-parameter { padding: 110px 0 125px; }
  /*.product-parameter .item { font-size: 18px; }*/
  .m-title { padding-bottom: 20px; /*font-size: 26px;*/ }
  .m-title:after { margin-top: 23px; }
  .product-faq { padding: 110px 0 120px; }
  .product-faq .box { padding-top: 30px; }
  .product-faq .item { padding-bottom: 20px; }
  .product-faq .item dt { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; /*font-size: 20px;*/ }
  .product-faq .item dt:hover { color: #ff4919; }
  .product-video { padding: 110px 0 90px; }
  .product-video .thumb { margin-top: 35px; }
  /*.product-video .title { font-size: 26px; }*/
  .product-video .text { /*font-size: 18px;*/ padding-bottom: 15px; }
  .product-video .player { width: 70px; height: 70px; }
  .product-manual { padding: 80px 0; }
  .product-manual .thumb { padding: 155px 10% 115px; }
  .product-manual .title { padding: 25px 0 8px; }
  /*.pro-top-content .undis{padding-left:45.3%;}*/
  /*.pro-top-content .title{padding-left:18px;}*/
  .product-parameter-wrap .commonweb{max-width:1260px;}
  .pro-top-container .commonweb{max-width:1280px;}
  .pro-top-content .commonweb{padding:0;}
  .pro-top-content .title{/*padding-left:7px;*/}
  .pro-top-web{ width:1160px; }
}

@media(min-width:1800px){
    .product-parameter-wrap .commonweb, .pro-top-container .commonweb{
        /* padding-left: 100px; */
    }
    /*.pro-top-content .undis{padding-left: 40.2%;}*/
    /*.pro-top-content .title{padding-left:171px;}*/
     .pro-top-web{ width:1262px; }
}



.mmproduct-detail .hidden-md { padding-left:15px; padding-right:15px;}

.mmproduct-detail .hidden-md img{ display:block;transform:none;width:auto !important;max-width:100% !important;height:auto !important; left:0;}

#ie-alert-overlay { width: 100%; height: 100%; background: url(../images/bg.png) repeat 0 0; position: fixed; top: 0; left: 0; z-index: 9999; }

* html #ie-alert-overlay { position: absolute; z-index: 9999; }

#ie-alert-panel { width: 520px; height: 331px; position: fixed; background: url(../images/iealertsprite.png) no-repeat; background-position: -1px -109px; top: 50%; left: 50%; margin: -201px 0 0 -296px; padding: 72px 0 0 72px; _position: absolute; _top: expression(300+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: bold; color: #333; line-height: 1.5em; z-index: 10000; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

#ie-alert-panel div, #ie-alert-panel p, #ie-alert-panel span, #ie-alert-panel a, #ie-alert-panel img, #ie-alert-panel ul, #ie-alert-panel li { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

#ie-alert-panel p { font-size: 14px; width: 486px; text-align: justify; }

#ie-alert-panel img { border: 0; }

#ie-alert-panel span { font-size: 18px; margin: 0 0 20px 0; display: block; padding: 0; }

#ie-alert-panel ul { list-style: none; margin: 0; padding: 0; overflow: hidden; }

#ie-alert-panel li { float: left; margin: 0 22px 0 0; }

#ie-alert-panel li.last { margin-right: 0; }

#ie-alert-panel a { display: inline-block; vertical-align: top; }

#goon { text-decoration: underline; }

.browser { position: absolute; bottom: 35px; }

.chrome, .firefox, .ie9, .opera, .safari { background: url(../images/iealertsprite.png) no-repeat; }

.chrome { background-position: 0 0; width: 73px; height: 96px; margin: 0 4px 0 0; }

.firefox { background-position: -292px 0; width: 73px; height: 98px; }

.ie9 { background-position: -179px 0; width: 95px; height: 98px; }

.opera { background-position: -90px 0; width: 73px; height: 98px; }

.safari { background-position: -387px 0; width: 73px; height: 98px; margin: 0 4px 0 0; }



.fixbug:nth-child(odd) { background-color: #ffffff;  }

.fixbug::after { background-color: #ffffff;  }

.fixbug:last-child { background-color: #ffffff;  }

.fixbug[type="text"] { background-color: #ffffff;  }

@media (min-width: 1024px) { .fixbug::after { background-color: #000;  }
  .fixbug:last-child { background-color: #000;  }
  .fixbug[type="text"] { background-color: #000;  }
  .fixbug:nth-child(odd) { background-color: #000;  } }



.full-newsdetailB-container { padding: 30px 0; background-color: #ffffff;  }

.full-newsdetailB-container .article-tilte { margin-bottom: 8px; font-size: 18px; line-height: 26px; color: #333333;  }

.full-newsdetailB-container .date { margin-bottom: 10px; font-size: 16px; line-height: 32px; color: #8e8e8e;  }

.full-newsdetailB-container .newsdetailB-article { position: relative; padding: 38px 0 30px; margin-bottom: 15px; border: 1px solid #d9d9d9;  border-left: 0; border-right: 0; font-size: 14px; line-height: 24px; color: #888888;  }

.full-newsdetailB-container .newsdetailB-article img { max-width: 100%; margin: 0.5em 0; }

.full-newsdetailB-container .newsdetailB-bdshare { position: absolute; right: 0; top: -43px; overflow: hidden; zoom: 1; }

.full-newsdetailB-container .newsdetailB-bdshare a { float: left; display: block; width: 32px; height: 32px; padding: 0; margin: 0 0 0 5px; background-repeat: no-repeat; background-position: center; background-size: cover; }

.full-newsdetailB-container .newsdetailB-bdshare .bds_weixin { background-image: url(../images/newsdetailBwxico.png);  }

.full-newsdetailB-container .newsdetailB-bdshare .bds_tsina { background-image: url(../images/newsdetailBsnico.png);  }

.full-newsdetailB-container .newsdetailB-bdshare .bds_sqq { background-image: url(../images/newsdetailBqqico.png);  }

.full-newsdetailB-container .newsdetailB-ctrl .page-ctrl { margin-bottom: 10px; }

.full-newsdetailB-container .newsdetailB-ctrl .page-ctrl a { display: block; font-size: 14px; line-height: 30px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #666666;  }

.full-newsdetailB-container .newsdetailB-ctrl .return { display: block; width: 120px; height: 40px; margin: 0 auto; text-align: center; font-size: 16px; line-height: 40px; color: #ffffff;  background-color: #de0012;  }

@media (min-width: 768px) { .full-newsB-container .newsB-list ul { margin: 0 -10px; }
  .full-newsB-container .newsB-list li { width: 50%; padding: 0 10px; margin-bottom: 20px; } }


@media (min-width: 1024px) { .full-newsdetailB-container { padding: 75px 0 78px;  }
  .full-newsdetailB-container .article-tilte { font-size: 24px;  margin: 0 0 18px;  line-height: 32px; }
  .full-newsdetailB-container .date { margin: 0 0 40px;  font-size: 24px; }
  .full-newsdetailB-container .newsdetailB-article { padding: 72px 0 55px; margin-bottom: 42px; }
  .full-newsdetailB-container .single-page { padding: 0 100px; }
  .full-newsdetailB-container .newsdetailB-bdshare { position: absolute; right: auto; left: 0; top: 76px; z-index: 50; }
  .full-newsdetailB-container .newsdetailB-bdshare.js-fixed-top { position: fixed; left: 40px; }
  .full-newsdetailB-container .newsdetailB-bdshare.js-absolute-bottom { position: absolute; left: 0; top: auto; bottom: 55px; }
  .full-newsdetailB-container .newsdetailB-bdshare a { float: none; width: 72px; height: 72px; margin: 0 0 1px 0; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; }
  .full-newsdetailB-container .newsdetailB-bdshare .bds_weixin:hover { background-image: url(../images/newsdetailBwxicoac.jpg);  }
  .full-newsdetailB-container .newsdetailB-bdshare .bds_tsina:hover { background-image: url(../images/newsdetailBsnicoac.jpg);  }
  .full-newsdetailB-container .newsdetailB-bdshare .bds_sqq:hover { background-image: url(../images/newsdetailBqqicoac.jpg);  }
  .full-newsdetailB-container .newsdetailB-ctrl { position: relative; padding-right: 200px; }
  .full-newsdetailB-container .newsdetailB-ctrl .page-ctrl { margin-bottom: 0; }
  .full-newsdetailB-container .newsdetailB-ctrl .page-ctrl a:hover { color: #de0012;  }
  .full-newsdetailB-container .newsdetailB-ctrl .return { position: absolute; right: 0; top: 5px; z-index: 3; width: 145px; height: 50px; line-height: 50px; } }

@media (min-width: 1260px) { .full-newsdetailB-container .single-page { max-width: 840px; padding: 0; margin: 0 auto; }
  .full-newsdetailB-container .newsdetailB-bdshare.js-fixed-top { position: fixed; left: 50%; margin-left: -590px; }
  .full-newsdetailB-container .newsdetailB-bdshare.js-absolute-bottom { position: absolute; left: 0; top: auto; margin-left: 0; } }


.albumAchl-title { font-size: 18px; line-height: 1.4; color: #00b9ef;  }

@media (min-width: 1024px) { .albumAchl-title { font-size: 30px;  padding: 0;  } }


.albumAchl-desc { padding: 9px 0 18px; font-size: 14px; line-height: 1.5; color: #9d9da2;  }

@media (min-width: 1024px) { .albumAchl-desc { padding: 18px 0 40px;  font-size: 16px;  } }


.albumA-loadmore { overflow: hidden; padding: 10px 0; }

.albumA-loadmore a { display: block; padding: 0; margin: 0; font-size: 14px; line-height: 40px; text-align: center; color: #333;  background-color: #e1e1e1;  }

.albumA-list ul { margin: 0 -5px; font-size: 0; }

.albumA-list li { width: 50%; display: inline-block; vertical-align: top; padding: 0 5px; margin-bottom: 10px; }

.albumA-list li a { display: block; }

.albumA-list .thumb { position: relative; overflow: hidden; }

.albumA-list .thumb::after { content: ''; display: block; width: 100%; padding-bottom: 64.76684%; }

.albumA-list .thumb img { position: absolute; left: 0; top: 0; z-index: 3; width: 100%; min-height: 100%; }

.albumA-list .title { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 3px 7px; height: 44px; font-size: 0; line-height: 22px; overflow: hidden; color: #9d9da2;  border: 1px solid #eee;  border-top: 0; }

.albumA-list .title:before { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; }

.albumA-list .title span { display: inline-block; vertical-align: middle; font-size: 13px; max-height: 44px; overflow: hidden; }

.full-albumA-popup { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; background-color: rgba(0, 0, 0, 0.5); }

.full-albumA-popup .albumA-wrap { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; width: 94%; height: 80%; max-width: 800px; }

.full-albumA-popup .albumA-wrap li { text-align: center; font-size: 0; }

.full-albumA-popup .albumA-wrap li:before { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; }

.full-albumA-popup .albumA-wrap li img { display: inline-block; vertical-align: middle; width: auto; height: auto; max-width: 100%; width: 100%; }

.full-albumA-popup .albumA-wrap li img.lanky { width: auto; max-height: 100%; height: 100%; }

.full-albumA-popup .albumA-popupsw { height: 100%; }

.full-albumA-popup .albumA-pages { display: none; }

.full-albumA-popup .albumApop-ctrl { position: absolute; top: 50%; z-index: 10; background-repeat: no-repeat; background-position: center center; width: 38px; height: 74px; background-size: 15px auto; margin-top: -37px; }

.full-albumA-popup .albumApop-prev { left: -5px; background-image: url(../images/honorDpopprev.png);  }

.full-albumA-popup .albumApop-next { right: -5px; background-image: url(../images/honorDpopnext.png);  }

.full-albumA-popup .albumApop-popupsw { height: 100%; }

.full-albumA-popup .albumA-close { position: absolute; top: -40px; right: 0px; z-index: 10; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center; background-image: url(../images/honorDpopclose.png);  }

@media (min-width: 1024px) { .full-albumA-popup .albumApop-prev { left: -80px; }
  .full-albumA-popup .albumApop-next { right: -80px; }
  .full-albumA-popup .albumApop-ctrl { background-size: auto; }
  .albumA-loadmore { padding: 10px 0;  }
  .albumA-loadmore a { line-height: 50px;  -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; }
  .albumA-loadmore a:hover { color: #fff;  background-color: #00b9ef;  }
  .albumA-list ul { margin: 0 -10px; }
  .albumA-list li { width: 33.3333%; padding: 0 10px; margin-bottom: 20px; }
  .albumA-list li a:hover img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }
  .albumA-list li a:hover .title { color: #00b9ef;  border-color: #9dc815;  }
  .albumA-list .thumb img { -webkit-transition: -webkit-transform ease .7s; transition: -webkit-transform ease .7s; -o-transition: -o-transform ease .7s; transition: transform ease .7s; transition: transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s; }
  .albumA-list .title { -webkit-transition: all ease .7s; -o-transition: all ease .7s; transition: all ease .7s; padding: 16px 30px;  border-width: 2px; }
  .albumA-list .title span { font-size: 16px; font-size: 16px;  } }

.footer-info .text br{display:none;}
@media(max-width:767px){
    .new-index-main .link {
        font-size: 12px;
    }
    .new-index-main .title {
        font-weight: bold;
        font-size:15px;
    }
    .new-index-main .desc {
        font-size: 10px;
    }
    .m-content{
        text-align:center;
    }
    .m-content .desc {
        font-size: 12px;
    }
    .product-view-one .icon{
        margin:10px 0 40px;
    }

    .product-view-two .bigImg {
        width: auto;
        height: 550px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
    .product-view-two{
        padding-bottom:0;
    }
    .product-view-two .m-content {
        position: absolute;
        z-index: 2;
        padding-top:30px;
    }
    .product-view-two .tips {
        position: absolute;
        bottom: 10px;
        z-index: 2;
        left: 0;
        width: 100%;
    }
    .product-view-three{
        padding:50px 0;
    }
    .product-view-five{
        padding-top:50px;
    }
    .product-view-five .desc{
        padding-bottom:30px;
        padding-top:10px;
    }
    .product-view-six, .product-view-seven, .product-view-eight {
        padding: 50px 0;
    }
    .product-view-six .section .title {
        font-size: 22px;
    }
    .product-view-six .bigImg{
        height:550px;
    }
    .product-view-six .tips{
        bottom:10px;
    }
    .product-view-six .section .m-content{
        padding:30px 10px;
    }
    .new-m-container .m-new-img{
        height:500px;
    }
    .new-m-container .new-m-content{
        top:40px;
    }
    .new-m-container .title, .new-m-container .desc {
        padding-bottom: 10px;
    }
    .new-m-container.vertical .new-m-content {
        text-align:center;
        top:40px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .new-m-container .title{
        font-size:20px;
    }
    .new-m-container .desc{
        color:#666;
    }
    .new-index-main li {
        width: 100%;
        padding: 0 15px;
        margin-bottom: 30px;
    }
    .new-index-main .thumb{
        background-color:#eee;
        border-radius:10px;
    }
    .new-index-main li .m-new-img{
        height:270px;
    }
    .new-index-main li .new-m-content {
        position: static;
    }
    .new-index-main .title{
        font-weight:normal;
    }
    .new-index-main .desc {
        font-size:14px;
        color:#666;
    }
    .new-index-main .title, .new-index-main .desc{
        padding-bottom:5px;
    }
    .new-index-main .new-m-content{
        padding:15px 0;
    }
    .new-m-container .player {
        width: 90px;
        position: absolute;
        top: 78px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .footer-contact .item{
        /*width:50%;
        float:left;*/
        font-size:12px;
    }
    .footer-contact .new-qrcode {
        display: none;
    }
    .footer-info{
        text-align:left;
    }
    .footer-info .text{
        padding:0;
    }
    .footer-info .text br{
        display:block;
    }
    .probity .text{
        display:block;
    }
    .new-nav, .header-search-wrap {
        top: 50px;
    }
    .new-nav-btn{
        float:left;
        margin-top:16px;
    }
    .new-header-wrap{
        text-align:center;
    }
}




@media(min-width:768px){
    .new-header-wrap{
        text-align:center;
    }
    .new-nav-btn {
        float: left;
        margin-top: 16px;
    }
    .new-index-main ul{
        margin:0 0;
        padding:0 3px;
    }
}

@media(min-width:1024px) {
    .new-header-wrap{
        text-align:left;
    }
}

@media (min-width: 1800px){
    .new-index-main ul{
        padding:0 6px;
    }
}


/* 产品详细页 PC移动图片分离 */
.scene-split .pcimg {
  display: none;
}
.scene-split .mmimg {
  display: block;
}
.product-view-four .image .pcimg{
  display: none;
}
.product-view-four .image .mmimg{
  display: block;
}
.product-view-eight .pcimg{
  display: none;
}
.product-view-eight .mmimg{
  display: block;
}

.suzybigImg{max-width:100%;}

@media (min-width:768px){
  
  .scene-split .pcimg {
    display: block;
  }
  .scene-split .mmimg {
    display: none;
  }
  .product-view-four .image .pcimg{
    display: block;
  }
  .product-view-four .image .mmimg{
    display: none;
  }
  .product-view-eight .pcimg{
    display: block;
  }
  .product-view-eight .mmimg{
    display: none;
  }
  
}

/*20201028修改*/
.new-product-sort .two p a.cur,
.new-product-sort .one a.cur {
	    color: #ff4919;
}