@font-face { font-family: 'syM'; src: url("/fonts/SourceHanSansCN-Medium.otf"); }



@font-face { font-family: 'syB'; src: url("/fonts/SourceHanSansCN-Bold.otf"); }



@font-face { font-family: 'sy'; src: url("/fonts/SourceHanSansCN-Regular.otf"); }




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



/* layout start*/

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



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



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



.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }



.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }



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



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



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



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



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



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



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



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



.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; }



.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; }



.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }



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



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



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



.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; }



.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }



.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }



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



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



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



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



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



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



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



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



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



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



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



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



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



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



@-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    -webkit-transform: translateZ(0);

    transform: translateZ(0); }

  40%, 43% { -webkit-transform: translate3d(0, -30px, 0);

    transform: translate3d(0, -30px, 0); }

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

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }

  70% { -webkit-transform: translate3d(0, -15px, 0);

    transform: translate3d(0, -15px, 0); }

  90% { -webkit-transform: translate3d(0, -4px, 0);

    transform: translate3d(0, -4px, 0); } }



@keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    -webkit-transform: translateZ(0);

    transform: translateZ(0); }

  40%, 43% { -webkit-transform: translate3d(0, -30px, 0);

    transform: translate3d(0, -30px, 0); }

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

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }

  70% { -webkit-transform: translate3d(0, -15px, 0);

    transform: translate3d(0, -15px, 0); }

  90% { -webkit-transform: translate3d(0, -4px, 0);

    transform: translate3d(0, -4px, 0); } }



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



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

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



@keyframes flash { 0%, 50%, to { opacity: 1; }

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



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



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

    transform: scaleX(1); }

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

    transform: scale3d(1.05, 1.05, 1.05); }

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

    transform: scaleX(1); } }



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

    transform: scaleX(1); }

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

    transform: scale3d(1.05, 1.05, 1.05); }

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

    transform: scaleX(1); } }



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



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

    transform: scaleX(1); }

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

    transform: scale3d(1.25, 0.75, 1); }

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

    transform: scale3d(0.75, 1.25, 1); }

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

    transform: scale3d(1.15, 0.85, 1); }

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

    transform: scale3d(0.95, 1.05, 1); }

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

    transform: scale3d(1.05, 0.95, 1); }

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

    transform: scaleX(1); } }



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

    transform: scaleX(1); }

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

    transform: scale3d(1.25, 0.75, 1); }

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

    transform: scale3d(0.75, 1.25, 1); }

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

    transform: scale3d(1.15, 0.85, 1); }

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

    transform: scale3d(0.95, 1.05, 1); }

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

    transform: scale3d(1.05, 0.95, 1); }

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

    transform: scaleX(1); } }



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



@-webkit-keyframes shake { 0%, to { -webkit-transform: translateZ(0);

    transform: translateZ(0); }

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

    transform: translate3d(-10px, 0, 0); }

  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0); } }



@keyframes shake { 0%, to { -webkit-transform: translateZ(0);

    transform: translateZ(0); }

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

    transform: translate3d(-10px, 0, 0); }

  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0); } }



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



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

    transform: translateX(0); }

  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg);

    transform: translateX(-6px) rotateY(-9deg); }

  18.5% { -webkit-transform: translateX(5px) rotateY(7deg);

    transform: translateX(5px) rotateY(7deg); }

  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg);

    transform: translateX(-3px) rotateY(-5deg); }

  43.5% { -webkit-transform: translateX(2px) rotateY(3deg);

    transform: translateX(2px) rotateY(3deg); }

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

    transform: translateX(0); } }



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

    transform: translateX(0); }

  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg);

    transform: translateX(-6px) rotateY(-9deg); }

  18.5% { -webkit-transform: translateX(5px) rotateY(7deg);

    transform: translateX(5px) rotateY(7deg); }

  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg);

    transform: translateX(-3px) rotateY(-5deg); }

  43.5% { -webkit-transform: translateX(2px) rotateY(3deg);

    transform: translateX(2px) rotateY(3deg); }

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

    transform: translateX(0); } }



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



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

    transform: rotate(15deg); }

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

    transform: rotate(-10deg); }

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

    transform: rotate(5deg); }

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

    transform: rotate(-5deg); }

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

    transform: rotate(0deg); } }



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

    transform: rotate(15deg); }

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

    transform: rotate(-10deg); }

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

    transform: rotate(5deg); }

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

    transform: rotate(-5deg); }

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

    transform: rotate(0deg); } }



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



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

    transform: scaleX(1); }

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

    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }

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

    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }

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

    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }

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

    transform: scaleX(1); } }



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

    transform: scaleX(1); }

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

    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }

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

    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }

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

    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }

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

    transform: scaleX(1); } }



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



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

    transform: none; }

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

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

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

    transform: translate3d(20%, 0, 0) rotate(3deg); }

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

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

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

    transform: translate3d(10%, 0, 0) rotate(2deg); }

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

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

  to { -webkit-transform: none;

    transform: none; } }



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

    transform: none; }

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

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

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

    transform: translate3d(20%, 0, 0) rotate(3deg); }

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

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

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

    transform: translate3d(10%, 0, 0) rotate(2deg); }

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

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

  to { -webkit-transform: none;

    transform: none; } }



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



@-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: none;

    transform: none; }

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

    transform: skewX(-12.5deg) skewY(-12.5deg); }

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

    transform: skewX(6.25deg) skewY(6.25deg); }

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

    transform: skewX(-3.125deg) skewY(-3.125deg); }

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

    transform: skewX(1.5625deg) skewY(1.5625deg); }

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

    transform: skewX(-0.78125deg) skewY(-0.78125deg); }

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

    transform: skewX(0.39063deg) skewY(0.39063deg); }

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

    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }



@keyframes jello { 0%, 11.1%, to { -webkit-transform: none;

    transform: none; }

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

    transform: skewX(-12.5deg) skewY(-12.5deg); }

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

    transform: skewX(6.25deg) skewY(6.25deg); }

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

    transform: skewX(-3.125deg) skewY(-3.125deg); }

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

    transform: skewX(1.5625deg) skewY(1.5625deg); }

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

    transform: skewX(-0.78125deg) skewY(-0.78125deg); }

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

    transform: skewX(0.39063deg) skewY(0.39063deg); }

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

    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }



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



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

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% { opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); }

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

    transform: scale3d(1.1, 1.1, 1.1); }

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

    transform: scale3d(0.9, 0.9, 0.9); }

  60% { opacity: 1;

    -webkit-transform: scale3d(1.03, 1.03, 1.03);

    transform: scale3d(1.03, 1.03, 1.03); }

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

    transform: scale3d(0.97, 0.97, 0.97); }

  to { opacity: 1;

    -webkit-transform: scaleX(1);

    transform: scaleX(1); } }



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

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% { opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); }

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

    transform: scale3d(1.1, 1.1, 1.1); }

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

    transform: scale3d(0.9, 0.9, 0.9); }

  60% { opacity: 1;

    -webkit-transform: scale3d(1.03, 1.03, 1.03);

    transform: scale3d(1.03, 1.03, 1.03); }

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

    transform: scale3d(0.97, 0.97, 0.97); }

  to { opacity: 1;

    -webkit-transform: scaleX(1);

    transform: scaleX(1); } }



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



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

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% { opacity: 0;

    -webkit-transform: translate3d(0, -3000px, 0);

    transform: translate3d(0, -3000px, 0); }

  60% { opacity: 1;

    -webkit-transform: translate3d(0, 25px, 0);

    transform: translate3d(0, 25px, 0); }

  75% { -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0); }

  90% { -webkit-transform: translate3d(0, 5px, 0);

    transform: translate3d(0, 5px, 0); }

  to { -webkit-transform: none;

    transform: none; } }



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

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% { opacity: 0;

    -webkit-transform: translate3d(0, -3000px, 0);

    transform: translate3d(0, -3000px, 0); }

  60% { opacity: 1;

    -webkit-transform: translate3d(0, 25px, 0);

    transform: translate3d(0, 25px, 0); }

  75% { -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0); }

  90% { -webkit-transform: translate3d(0, 5px, 0);

    transform: translate3d(0, 5px, 0); }

  to { -webkit-transform: none;

    transform: none; } }



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



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

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% { opacity: 0;

    -webkit-transform: translate3d(-3000px, 0, 0);

    transform: translate3d(-3000px, 0, 0); }

  60% { opacity: 1;

    -webkit-transform: translate3d(25px, 0, 0);

    transform: translate3d(25px, 0, 0); }

  75% { -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0); }

  90% { -webkit-transform: translate3d(5px, 0, 0);

    transform: translate3d(5px, 0, 0); }

  to { -webkit-transform: none;

    transform: none; } }



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

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% { opacity: 0;

    -webkit-transform: translate3d(-3000px, 0, 0);

    transform: translate3d(-3000px, 0, 0); }

  60% { opacity: 1;

    -webkit-transform: translate3d(25px, 0, 0);

    transform: translate3d(25px, 0, 0); }

  75% { -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0); }

  90% { -webkit-transform: translate3d(5px, 0, 0);

    transform: translate3d(5px, 0, 0); }

  to { -webkit-transform: none;

    transform: none; } }



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



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

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% { opacity: 0;

    -webkit-transform: translate3d(3000px, 0, 0);

    transform: translate3d(3000px, 0, 0); }

  60% { opacity: 1;

    -webkit-transform: translate3d(-25px, 0, 0);

    transform: translate3d(-25px, 0, 0); }

  75% { -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0); }

  90% { -webkit-transform: translate3d(-5px, 0, 0);

    transform: translate3d(-5px, 0, 0); }

  to { -webkit-transform: none;

    transform: none; } }



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

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% { opacity: 0;

    -webkit-transform: translate3d(3000px, 0, 0);

    transform: translate3d(3000px, 0, 0); }

  60% { opacity: 1;

    -webkit-transform: translate3d(-25px, 0, 0);

    transform: translate3d(-25px, 0, 0); }

  75% { -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0); }

  90% { -webkit-transform: translate3d(-5px, 0, 0);

    transform: translate3d(-5px, 0, 0); }

  to { -webkit-transform: none;

    transform: none; } }



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



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

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% { opacity: 0;

    -webkit-transform: translate3d(0, 3000px, 0);

    transform: translate3d(0, 3000px, 0); }

  60% { opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0); }

  75% { -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0); }

  90% { -webkit-transform: translate3d(0, -5px, 0);

    transform: translate3d(0, -5px, 0); }

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

    transform: translateZ(0); } }



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

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% { opacity: 0;

    -webkit-transform: translate3d(0, 3000px, 0);

    transform: translate3d(0, 3000px, 0); }

  60% { opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0); }

  75% { -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0); }

  90% { -webkit-transform: translate3d(0, -5px, 0);

    transform: translate3d(0, -5px, 0); }

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

    transform: translateZ(0); } }



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



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

    transform: scale3d(0.9, 0.9, 0.9); }

  50%, 55% { opacity: 1;

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1); }

  to { opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); } }



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

    transform: scale3d(0.9, 0.9, 0.9); }

  50%, 55% { opacity: 1;

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1); }

  to { opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); } }



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



@-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0); }

  40%, 45% { opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0); }

  to { opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0); } }



@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0); }

  40%, 45% { opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0); }

  to { opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0); } }



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



@-webkit-keyframes bounceOutLeft { 20% { opacity: 1;

    -webkit-transform: translate3d(20px, 0, 0);

    transform: translate3d(20px, 0, 0); }

  to { opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0); } }



@keyframes bounceOutLeft { 20% { opacity: 1;

    -webkit-transform: translate3d(20px, 0, 0);

    transform: translate3d(20px, 0, 0); }

  to { opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0); } }



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



@-webkit-keyframes bounceOutRight { 20% { opacity: 1;

    -webkit-transform: translate3d(-20px, 0, 0);

    transform: translate3d(-20px, 0, 0); }

  to { opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0); } }



@keyframes bounceOutRight { 20% { opacity: 1;

    -webkit-transform: translate3d(-20px, 0, 0);

    transform: translate3d(-20px, 0, 0); }

  to { opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0); } }



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



@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0); }

  40%, 45% { opacity: 1;

    -webkit-transform: translate3d(0, 20px, 0);

    transform: translate3d(0, 20px, 0); }

  to { opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0); } }



@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0); }

  40%, 45% { opacity: 1;

    -webkit-transform: translate3d(0, 20px, 0);

    transform: translate3d(0, 20px, 0); }

  to { opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0); } }



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



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

  to { opacity: 1; } }



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

  to { opacity: 1; } }



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



@-webkit-keyframes fadeInDown { 0% { opacity: 0;

    -webkit-transform: translate3d(0, -30px, 0);

    transform: translate3d(0, -30px, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



@keyframes fadeInDown { 0% { opacity: 0;

    -webkit-transform: translate3d(0, -30px, 0);

    transform: translate3d(0, -30px, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



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



@-webkit-keyframes fadeInDownBig { 0% { opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



@keyframes fadeInDownBig { 0% { opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



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



@-webkit-keyframes fadeInLeft { 0% { opacity: 0;

    -webkit-transform: translate3d(-100px, 0, 0);

    transform: translate3d(-100px, 0, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



@keyframes fadeInLeft { 0% { opacity: 0;

    -webkit-transform: translate3d(-100px, 0, 0);

    transform: translate3d(-100px, 0, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



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



@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



@keyframes fadeInLeftBig { 0% { opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



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



@-webkit-keyframes fadeInRight { 0% { opacity: 0;

    -webkit-transform: translate3d(100px, 0, 0);

    transform: translate3d(100px, 0, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



@keyframes fadeInRight { 0% { opacity: 0;

    -webkit-transform: translate3d(100px, 0, 0);

    transform: translate3d(100px, 0, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



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



@-webkit-keyframes fadeInRightBig { 0% { opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



@keyframes fadeInRightBig { 0% { opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



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



@-webkit-keyframes fadeInUp { 0% { opacity: 0;

    -webkit-transform: translate3d(0, 50px, 0);

    transform: translate3d(0, 50px, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



@keyframes fadeInUp { 0% { opacity: 0;

    -webkit-transform: translate3d(0, 50px, 0);

    transform: translate3d(0, 50px, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



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



@-webkit-keyframes fadeInUpBig { 0% { opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



@keyframes fadeInUpBig { 0% { opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



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



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

  to { opacity: 0; } }



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

  to { opacity: 0; } }



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



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

  to { opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0); } }



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

  to { opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0); } }



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



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

  to { opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0); } }



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

  to { opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0); } }



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



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

  to { opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0); } }



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

  to { opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0); } }



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



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

  to { opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0); } }



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

  to { opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0); } }



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



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

  to { opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0); } }



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

  to { opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0); } }



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



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

  to { opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0); } }



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

  to { opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0); } }



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



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

  to { opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0); } }



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

  to { opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0); } }



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



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

  to { opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0); } }



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

  to { opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0); } }



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



@-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn);

    transform: perspective(400px) rotateY(-1turn); }

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

    animation-timing-function: ease-out; }

  40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);

    transform: perspective(400px) translateZ(150px) rotateY(-190deg); }

  50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);

    transform: perspective(400px) translateZ(150px) rotateY(-170deg); }

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

    animation-timing-function: ease-in; }

  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);

    transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }

  to { -webkit-transform: perspective(400px);

    transform: perspective(400px);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; } }



@keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn);

    transform: perspective(400px) rotateY(-1turn); }

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

    animation-timing-function: ease-out; }

  40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);

    transform: perspective(400px) translateZ(150px) rotateY(-190deg); }

  50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);

    transform: perspective(400px) translateZ(150px) rotateY(-170deg); }

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

    animation-timing-function: ease-in; }

  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);

    transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }

  to { -webkit-transform: perspective(400px);

    transform: perspective(400px);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; } }



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



@-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0; }

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

    animation-timing-function: ease-in; }

  40% { -webkit-transform: perspective(400px) rotateX(-20deg);

    transform: perspective(400px) rotateX(-20deg); }

  60% { -webkit-transform: perspective(400px) rotateX(10deg);

    transform: perspective(400px) rotateX(10deg);

    opacity: 1; }

  80% { -webkit-transform: perspective(400px) rotateX(-5deg);

    transform: perspective(400px) rotateX(-5deg); }

  to { -webkit-transform: perspective(400px);

    transform: perspective(400px); } }



@keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0; }

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

    animation-timing-function: ease-in; }

  40% { -webkit-transform: perspective(400px) rotateX(-20deg);

    transform: perspective(400px) rotateX(-20deg); }

  60% { -webkit-transform: perspective(400px) rotateX(10deg);

    transform: perspective(400px) rotateX(10deg);

    opacity: 1; }

  80% { -webkit-transform: perspective(400px) rotateX(-5deg);

    transform: perspective(400px) rotateX(-5deg); }

  to { -webkit-transform: perspective(400px);

    transform: perspective(400px); } }



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



@-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0; }

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

    animation-timing-function: ease-in; }

  40% { -webkit-transform: perspective(400px) rotateY(-20deg);

    transform: perspective(400px) rotateY(-20deg); }

  60% { -webkit-transform: perspective(400px) rotateY(10deg);

    transform: perspective(400px) rotateY(10deg);

    opacity: 1; }

  80% { -webkit-transform: perspective(400px) rotateY(-5deg);

    transform: perspective(400px) rotateY(-5deg); }

  to { -webkit-transform: perspective(400px);

    transform: perspective(400px); } }



@keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0; }

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

    animation-timing-function: ease-in; }

  40% { -webkit-transform: perspective(400px) rotateY(-20deg);

    transform: perspective(400px) rotateY(-20deg); }

  60% { -webkit-transform: perspective(400px) rotateY(10deg);

    transform: perspective(400px) rotateY(10deg);

    opacity: 1; }

  80% { -webkit-transform: perspective(400px) rotateY(-5deg);

    transform: perspective(400px) rotateY(-5deg); }

  to { -webkit-transform: perspective(400px);

    transform: perspective(400px); } }



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



@-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px);

    transform: perspective(400px); }

  30% { -webkit-transform: perspective(400px) rotateX(-20deg);

    transform: perspective(400px) rotateX(-20deg);

    opacity: 1; }

  to { -webkit-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0; } }



@keyframes flipOutX { 0% { -webkit-transform: perspective(400px);

    transform: perspective(400px); }

  30% { -webkit-transform: perspective(400px) rotateX(-20deg);

    transform: perspective(400px) rotateX(-20deg);

    opacity: 1; }

  to { -webkit-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0; } }



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



@-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px);

    transform: perspective(400px); }

  30% { -webkit-transform: perspective(400px) rotateY(-15deg);

    transform: perspective(400px) rotateY(-15deg);

    opacity: 1; }

  to { -webkit-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0; } }



@keyframes flipOutY { 0% { -webkit-transform: perspective(400px);

    transform: perspective(400px); }

  30% { -webkit-transform: perspective(400px) rotateY(-15deg);

    transform: perspective(400px) rotateY(-15deg);

    opacity: 1; }

  to { -webkit-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0; } }



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



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

    transform: translate3d(100%, 0, 0) skewX(-30deg);

    opacity: 0; }

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

    transform: skewX(20deg); }

  60%, 80% { opacity: 1; }

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

    transform: skewX(-5deg); }

  to { -webkit-transform: none;

    transform: none;

    opacity: 1; } }



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

    transform: translate3d(100%, 0, 0) skewX(-30deg);

    opacity: 0; }

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

    transform: skewX(20deg); }

  60%, 80% { opacity: 1; }

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

    transform: skewX(-5deg); }

  to { -webkit-transform: none;

    transform: none;

    opacity: 1; } }



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



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

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

    transform: translate3d(100%, 0, 0) skewX(30deg);

    opacity: 0; } }



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

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

    transform: translate3d(100%, 0, 0) skewX(30deg);

    opacity: 0; } }



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



@-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center;

    -webkit-transform: rotate(-200deg);

    transform: rotate(-200deg);

    opacity: 0; }

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

  to { -webkit-transform-origin: center; transform-origin: center;

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }



@keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center;

    -webkit-transform: rotate(-200deg);

    transform: rotate(-200deg);

    opacity: 0; }

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

  to { -webkit-transform-origin: center; transform-origin: center;

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }



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



@-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0; }

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

  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }



@keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0; }

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

  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }



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



@-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 0; }

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

  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }



@keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 0; }

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

  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }



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



@-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 0; }

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

  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }



@keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 0; }

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

  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }



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



@-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0; }

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

  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }



@keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0; }

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

  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }



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



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

    opacity: 1; }

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

  to { -webkit-transform-origin: center; transform-origin: center;

    -webkit-transform: rotate(200deg);

    transform: rotate(200deg);

    opacity: 0; } }



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

    opacity: 1; }

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

  to { -webkit-transform-origin: center; transform-origin: center;

    -webkit-transform: rotate(200deg);

    transform: rotate(200deg);

    opacity: 0; } }



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



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

    opacity: 1; }

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

  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 0; } }



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

    opacity: 1; }

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

  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 0; } }



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



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

    opacity: 1; }

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

  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0; } }



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

    opacity: 1; }

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

  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0; } }



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



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

    opacity: 1; }

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

  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0; } }



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

    opacity: 1; }

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

  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0; } }



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



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

    opacity: 1; }

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

  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0; } }



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

    opacity: 1; }

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

  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0; } }



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



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

  0%, 20%, 60% { -webkit-transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out; }

  20%, 60% { -webkit-transform: rotate(80deg);

    transform: rotate(80deg);

    -webkit-transform-origin: top left;

    transform-origin: top left; }

  40%, 80% { -webkit-transform: rotate(60deg);

    transform: rotate(60deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    opacity: 1; }

  to { -webkit-transform: translate3d(0, 700px, 0);

    transform: translate3d(0, 700px, 0);

    opacity: 0; } }



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

  0%, 20%, 60% { -webkit-transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out; }

  20%, 60% { -webkit-transform: rotate(80deg);

    transform: rotate(80deg);

    -webkit-transform-origin: top left;

    transform-origin: top left; }

  40%, 80% { -webkit-transform: rotate(60deg);

    transform: rotate(60deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    opacity: 1; }

  to { -webkit-transform: translate3d(0, 700px, 0);

    transform: translate3d(0, 700px, 0);

    opacity: 0; } }



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



@-webkit-keyframes rollIn { 0% { opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);

    transform: translate3d(-100%, 0, 0) rotate(-120deg); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



@keyframes rollIn { 0% { opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);

    transform: translate3d(-100%, 0, 0) rotate(-120deg); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



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



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

  to { opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);

    transform: translate3d(100%, 0, 0) rotate(120deg); } }



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

  to { opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);

    transform: translate3d(100%, 0, 0) rotate(120deg); } }



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



@-webkit-keyframes zoomIn { 0% { opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); }

  50% { opacity: 1; } }



@keyframes zoomIn { 0% { opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); }

  50% { opacity: 1; } }



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



@-webkit-keyframes zoomInDown { 0% { opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }



@keyframes zoomInDown { 0% { opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }



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



@-webkit-keyframes zoomInLeft { 0% { opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }



@keyframes zoomInLeft { 0% { opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }



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



@-webkit-keyframes zoomInRight { 0% { opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }



@keyframes zoomInRight { 0% { opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }



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



@-webkit-keyframes zoomInUp { 0% { opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }



@keyframes zoomInUp { 0% { opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }



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



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

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

    transform: scale3d(0.3, 0.3, 0.3); }

  50%, to { opacity: 0; } }



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

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

    transform: scale3d(0.3, 0.3, 0.3); }

  50%, to { opacity: 0; } }



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



@-webkit-keyframes zoomOutDown { 40% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  to { opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }



@keyframes zoomOutDown { 40% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  to { opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }



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



@-webkit-keyframes zoomOutLeft { 40% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }

  to { opacity: 0;

    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);

    transform: scale(0.1) translate3d(-2000px, 0, 0);

    -webkit-transform-origin: left center;

    transform-origin: left center; } }



@keyframes zoomOutLeft { 40% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }

  to { opacity: 0;

    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);

    transform: scale(0.1) translate3d(-2000px, 0, 0);

    -webkit-transform-origin: left center;

    transform-origin: left center; } }



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



@-webkit-keyframes zoomOutRight { 40% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }

  to { opacity: 0;

    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);

    transform: scale(0.1) translate3d(2000px, 0, 0);

    -webkit-transform-origin: right center;

    transform-origin: right center; } }



@keyframes zoomOutRight { 40% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }

  to { opacity: 0;

    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);

    transform: scale(0.1) translate3d(2000px, 0, 0);

    -webkit-transform-origin: right center;

    transform-origin: right center; } }



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



@-webkit-keyframes zoomOutUp { 40% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  to { opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }



@keyframes zoomOutUp { 40% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  to { opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }



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



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

    transform: translate3d(0, -100%, 0);

    visibility: visible; }

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

    transform: translateZ(0); } }



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

    transform: translate3d(0, -100%, 0);

    visibility: visible; }

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

    transform: translateZ(0); } }



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



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

    transform: translate3d(-100%, 0, 0);

    visibility: visible; }

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

    transform: translateZ(0); } }



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

    transform: translate3d(-100%, 0, 0);

    visibility: visible; }

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

    transform: translateZ(0); } }



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



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

    transform: translate3d(100%, 0, 0);

    visibility: visible; }

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

    transform: translateZ(0); } }



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

    transform: translate3d(100%, 0, 0);

    visibility: visible; }

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

    transform: translateZ(0); } }



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



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

    transform: translate3d(0, 100%, 0);

    visibility: visible; }

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

    transform: translateZ(0); } }



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

    transform: translate3d(0, 100%, 0);

    visibility: visible; }

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

    transform: translateZ(0); } }



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



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

    transform: translateZ(0); }

  to { visibility: hidden;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0); } }



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

    transform: translateZ(0); }

  to { visibility: hidden;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0); } }



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



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

    transform: translateZ(0); }

  to { visibility: hidden;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0); } }



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

    transform: translateZ(0); }

  to { visibility: hidden;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0); } }



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



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

    transform: translateZ(0); }

  to { visibility: hidden;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0); } }



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

    transform: translateZ(0); }

  to { visibility: hidden;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0); } }



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



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

    transform: translateZ(0); }

  to { visibility: hidden;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0); } }



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

    transform: translateZ(0); }

  to { visibility: hidden;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0); } }



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



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



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



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



.PopupVideo video { width: 100%; }



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



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



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



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



.videoBtn { cursor: pointer; }



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more { float: left; font-size: 12px; padding-left: 17px; line-height: 16px; height: 16px; background-image: url(../images/icons_0_16.png); background-repeat: no-repeat; cursor: pointer; margin: 6px 6px 6px 0; }



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



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



.bdshare-button-style0-16 .bds_count { color: #333; background: url(../images/sc.png) no-repeat 0 -30px; width: 42px; height: 16px; padding: 0; margin: 6px 0 0; text-align: center; }



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



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



.bdshare-button-style0-16 .bdshare_button_count { background: url(../images/sc.png) no-repeat 0 0; width: 44px; height: 24px; line-height: 24px; }



.bdshare-button-style0-16 .bdshare_button_count:hover { background-position: -44px 0; }



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



.commonTitleLocation { padding: 10px 0; border-bottom: 1px solid #ebebeb; }



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



.commonTitleLocation p { float: right; }



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



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



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



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



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



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



.commonLocation { padding: 10px 0; border-bottom: 1px solid #ebebeb; }



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



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



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



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



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



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



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



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



.select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



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



.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; }



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



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



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



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



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



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



.select2-results { display: block; }



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



.select2-results__option { padding: 6px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }



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



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



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



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



.select2-search--dropdown { display: block; padding: 4px; }



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



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



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



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



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



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



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



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



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



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



.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }



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



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



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



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



.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }



.select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: text; }



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



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



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



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



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



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



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



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



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



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



.select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; }



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



.select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; }



.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }



.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }



.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; }



.select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: textfield; }



.select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }



.select2-container--default .select2-results__option[role=group] { padding: 0; }



.select2-container--default .select2-results__option[aria-disabled=true] { color: #999; }



.select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; }



.select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; }



.select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; }



.select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; }



.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; }



.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; }



.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; }



.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; }



.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; }



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



.select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; outline: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee)); background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }



.select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; }



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



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



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



.select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc)); background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }



.select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }



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



.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; -webkit-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; }



.select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; }



.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; }



.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }



.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee)); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }



.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff)); background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }



.select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: text; outline: 0; }



.select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; }



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



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



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



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



.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; }



.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; }



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



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



.select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; }



.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }



.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }



.select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; }



.select2-container--classic .select2-search--inline .select2-search__field { outline: 0; -webkit-box-shadow: none; box-shadow: none; }



.select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent; }



.select2-container--classic .select2-dropdown--above { border-bottom: none; }



.select2-container--classic .select2-dropdown--below { border-top: none; }



.select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }



.select2-container--classic .select2-results__option[role=group] { padding: 0; }



.select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; }



.select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: #fff; }



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



.select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; }



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



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



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



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



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



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



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



.defaSearchList { padding: 50px 0px; }



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



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



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



.defaSearchList li { padding: 10px 20px 15px; margin-top: 15px; border-bottom: 1px solid #eee; background: #f6f6f6; }



.defaSearchList li h3 { font-size: 16px; color: #1a1a1a; line-height: 26px; padding-bottom: 5px; }



.defaSearchList li .defaDesc { font-size: 12px; color: #adadad; padding-top: 5px; line-height: 20px; }



.defaWebMap { background-color: #fff; }



.defaWebMap dl { border: 1px solid #e6e6e6; margin-top: 30px; }



.defaWebMap dl h3 { padding-left: 20px; padding-bottom: 5px; }



.defaWebMap dl h3 span { font-size: 20px; color: #00a1e9; position: relative; top: -12px; background-color: #fff; padding: 0px 13px; }



.defaWebMap dl h3 span a { color: #d90000; }



.defaWebMap dl dd { padding-left: 33px; padding-bottom: 15px; }



.defaWebMap dl dd a { font-size: 14px; padding-right: 20px; display: inline-block; padding-bottom: 8px; }



.defaWebMap dl dd a em { display: inline-block; margin-right: 8px; width: 3px; height: 3px; background-color: #d90000; vertical-align: middle; }



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



.defaArticleDetails p { margin-bottom: 10px; }



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



.defaPrevNextpage { margin-top: 40px; border-top: 1px solid #3d3f48; border-bottom: 1px solid #3d3f48; }



.defaPrevNextpage p { border-bottom: 1px solid #dddddd; position: relative; padding: 0px 90px 0px 90px; font-size: 14px; line-height: 50px; white-space: nowrap; height: 50px; }



.defaPrevNextpage p span { position: absolute; left: 0px; padding-left: 10px; top: 0px; display: block; width: 75px; }



.defaPrevNextpage p span:after { content: ''; border-left: 5px solid transparent; border-bottom: 5px solid #000000; border-right: 5px solid transparent; position: absolute; right: 0%; width: 0px; height: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }



.defaPrevNextpage p em { text-align: right; position: absolute; right: 0px; font-style: normal; top: 0px; padding-right: 0px; width: 80px; display: block; }



.defaPrevNextpage p a { display: block; text-overflow: ellipsis; overflow: hidden; }



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



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



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

  .defaWebMap dl dd a { padding-right: 50px; } }



@media (min-width: 992px) { .commonTitleLocation { padding: 20px 0; }

  .commonTitleLocation h3 { font-size: 24px; }

  .commonTitleLocation p { padding-top: 5px; }

  .commonTitleLocation p a { font-size: 14px; }

  .commonLocation { padding: 20px 0; }

  .commonLocation a { font-size: 14px; }

  .defaSearchList li { padding: 15px 35px 25px; margin-top: 25px; }

  .defaSearchList li h3 { font-size: 20px; line-height: 36px; padding-bottom: 5px; }

  .defaSearchList li .defaDesc { font-size: 13px; padding-top: 10px; line-height: 24px; }

  .defaPrevNextpage p span { position: absolute; left: 0px; padding-left: 40px; top: 0px; display: block; width: 15%; }

  .defaPrevNextpage p span:after { content: ''; border-left: 5px solid transparent; border-bottom: 5px solid #000000; border-right: 5px solid transparent; position: absolute; right: 0%; width: 0px; height: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

  .defaPrevNextpage p em { position: absolute; right: 0px; font-style: normal; top: 0px; padding-right: 30px; width: 120px; display: block; }

  .defaPrevNextpage p { border-bottom: 1px solid #dddddd; position: relative; padding: 0px 130px 0px 20%; font-size: 18px; line-height: 70px; white-space: nowrap; height: 70px; } }



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



.flex_column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }



.flex_wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }



.flex_row_center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }



.flex_row_start { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }



.flex_row_end { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }



.flex_row_justify { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }



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



.flex_column_start { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }



.flex_column_end { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }



.flex1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }



.flex_rank_1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }



.flex_rank_2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }



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



.picture_scale:hover img { -webkit-transform: translate3d(0, 0, 0) scale(1.1); transform: translate3d(0, 0, 0) scale(1.1); }



.background_img { background-size: cover; background-repeat: no-repeat; background-position: center center; }



.picture_container { position: relative; overflow: hidden; background: none; }



.picture_container img { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-transition: all .3s linear; transition: all .3s linear; }











@font-face{ font-family: "iconfont";



 /* Project id 2684660 */ src: url('/fonts/iconfont.woff2?t=1668673000075') format('woff2'),

       url('../fonts/iconfont.woff') format('woff'),

       url('../fonts/iconfont.ttf') format('truetype'); }

.iconfont{ font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon_youjiantou:before{ content: "\e63f"; }

.icon_zuojiantou:before{ content: "\e641"; }

.icon_fenxiang2:before{ content: "\e86e"; }

.icon_tuichuquanping:before{ content: "\e63d"; }

.icon_quanping:before{ content: "\e634"; }

.icon_fenxiang:before{ content: "\e639"; }

.icon_jiantou15_right:before{ content: "\e632"; }

.icon_24gf-playCircle:before{ content: "\ea82"; }

.icon_denglu-mimabukejian:before{ content: "\e630"; }

.icon_zhihu:before{ content: "\ea8b"; }

.icon_icon_bilibili:before{ content: "\e62f"; }

.icon_sousuo4:before{ content: "\e62e"; }

.icon_sousuo3:before{ content: "\e6a7"; }

.icon_bofang_o:before{ content: "\eb5e"; }

.icon_gouwuchekong:before{ content: "\e62d"; }

.icon_shezhi:before{ content: "\e62c"; }

.icon_more1:before{ content: "\e71b"; }

.icon_youtube:before{ content: "\e76c"; }

.icon_wenhao2:before{ content: "\e646"; }

.icon_wuzhangai:before{ content: "\e638"; }

.icon_fanhui:before{ content: "\e6ff"; }

.icon_wenhao1:before{ content: "\e627"; }

.icon_wenhao:before{ content: "\e644"; }

.icon_chuanshu:before{ content: "\e65d"; }

.icon_phone_1:before{ content: "\e629"; }

.icon_jiantou-you:before{ content: "\e62b"; }

.icon_linkedin:before{ content: "\e642"; }

.icon_youtube1:before{ content: "\e8a7"; }

.icon_go_top1:before{ content: "\e625"; }

.icon_xihuan2:before{ content: "\e8c3"; }

.icon_shoucang1:before{ content: "\e622"; }

.icon_dianzan1:before{ content: "\e668"; }

.icon_xihuan1:before{ content: "\e637"; }

.icon_tips:before{ content: "\e687"; }

.icon_xiaoxi1:before{ content: "\e61c"; }

.icon_delete:before{ content: "\e718"; }

.icon_edit:before{ content: "\e61f"; }

.icon_x2:before{ content: "\e795"; }

.icon_duihao:before{ content: "\e6c6"; }

.icon_yanjing:before{ content: "\e648"; }

.icon_xiaoxi:before{ content: "\e66c"; }

.icon_pingjia:before{ content: "\e636"; }

.icon_good:before{ content: "\e62a"; }

.icon_fenxiang1:before{ content: "\e61b"; }

.icon_xiaochengxu:before{ content: "\e63e"; }

.icon_home:before{ content: "\e61a"; }

.icon_jiantou14_down:before{ content: "\e6cd"; }

.icon_link:before{ content: "\e618"; }

.icon_weizhi2:before{ content: "\e633"; }

.icon_user2:before{ content: "\e613"; }

.icon_jianyi:before{ content: "\e6cf"; }

.icon_youxiang1:before{ content: "\e66b"; }

.icon_rili:before{ content: "\e8cf"; }

.icon_yueduliang:before{ content: "\e6a0"; }

.icon_linkedin2:before{ content: "\ee48"; }

.icon_user:before{ content: "\e63c"; }

.icon_sousuo2:before{ content: "\e679"; }

.icon_wangluo:before{ content: "\e7b5"; }

.icon_jiantou14_right:before{ content: "\e611"; }

.icon_mima:before{ content: "\e60f"; }

.icon_anquan:before{ content: "\ec4d"; }

.icon_shouji:before{ content: "\e610"; }

.icon_jiantou6_left:before{ content: "\eb8c"; }

.icon_jiantou13_right:before{ content: "\e619"; }

.icon_xiazai3:before{ content: "\e794"; }

.icon_instagram:before{ content: "\e737"; }

.icon_linkedin1:before{ content: "\e6c1"; }

.icon_guanbi:before{ content: "\e623"; }

.icon_bofang3:before{ content: "\e63b"; }

.icon_icon_jiantou12_right:before{ content: "\e60e"; }

.icon_shangjiantou:before{ content: "\e60b"; }

.icon_shangjiantou1:before{ content: "\e60d"; }

.icon_xiazai2:before{ content: "\e617"; }

.icon_weizhi:before{ content: "\e78b"; }

.icon_jiantou11_left:before{ content: "\e76b"; }

.icon_jiantou11_right:before{ content: "\e8dc"; }

.icon_dingwei:before{ content: "\e8c4"; }

.icon_douyin:before{ content: "\e8db"; }

.icon_yuanquanjiantou:before{ content: "\e61e"; }

.icon_stop:before{ content: "\e650"; }

.icon_bofang2:before{ content: "\e87c"; }

.icon_pengyouquan:before{ content: "\e621"; }

.icon_xiaohongshu:before{ content: "\e609"; }

.icon_dianhua1:before{ content: "\e631"; }

.icon_bofang1:before{ content: "\e624"; }

.icon_liuyan:before{ content: "\e60a"; }

.icon_shijian:before{ content: "\e64d"; }

.icon_dianhua:before{ content: "\e616"; }

.icon_youxiang:before{ content: "\e608"; }

.icon_xiazai1:before{ content: "\e620"; }

.icon_wendang1:before{ content: "\e69c"; }

.icon_address1:before{ content: "\e67e"; }

.icon_jiantou10_left:before{ content: "\e768"; }

.icon_jiantou10_right:before{ content: "\e607"; }

.icon_zuizuo3_left:before{ content: "\e767"; }

.icon_zuiyou3_right:before{ content: "\e604"; }

.icon_top1:before{ content: "\e612"; }

.icon_x:before{ content: "\e688"; }

.icon_jiantou9_left:before{ content: "\e6e0"; }

.icon_jiantou9_right:before{ content: "\e766"; }

.icon_jiantou8_left:before{ content: "\e6a5"; }

.icon_zuizuo2_right:before{ content: "\e606"; }

.icon_zuizuo2_left:before{ content: "\e763"; }

.icon_jiantou8_right:before{ content: "\e764"; }

.icon_zuizuo1_left:before{ content: "\e70f"; }

.icon_zuizuo1_right:before{ content: "\e762"; }

.icon_yanjing1:before{ content: "\e605"; }

.icon_position_small1:before{ content: "\e603"; }

.icon_qq:before{ content: "\e760"; }

.icon_jiantou7_right:before{ content: "\e71a"; }

.icon_jiantou7_left:before{ content: "\e602"; }

.icon_home1:before{ content: "\e601"; }

.icon_gouwu:before{ content: "\e65c"; }

.icon_yonghu:before{ content: "\e719"; }

.icon_sousuo1:before{ content: "\e640"; }

.icon_jiantou6_right:before{ content: "\e628"; }

.icon_jiantou5_left:before{ content: "\e60c"; }

.icon_jiantou5_right:before{ content: "\e702"; }

.icon_wechat:before{ content: "\e701"; }

.icon_weibo:before{ content: "\e626"; }

.icon_facebook:before{ content: "\e653"; }

.icon_twitter:before{ content: "\e615"; }

.icon_jiantou4_right:before{ content: "\e6f3"; }

.icon_jiantou4_left:before{ content: "\e76a"; }

.icon_jiantou3_up:before{ content: "\e769"; }

.icon_jiantou3_right:before{ content: "\e651"; }

.icon_jiantou3_left:before{ content: "\e6ba"; }

.icon_jiantou3_down:before{ content: "\e761"; }

.icon_jiantou2_left:before{ content: "\e6b9"; }

.icon_jiantou2_right:before{ content: "\e614"; }

.icon_zanting:before{ content: "\e63a"; }

.icon_bofang:before{ content: "\e635"; }

.icon_sousuo:before{ content: "\e61d"; }

.icon_yuyan:before{ content: "\e600"; }

.icon_jiantou1_right:before{ content: "\e6b7"; }

.icon_jiantou1_left:before{ content: "\e6b8"; }

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



body { overflow-x: hidden; }



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



.imgscale { overflow: hidden; }



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



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



.dot2 { -webkit-line-clamp: 2; }



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



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



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



img { max-width: 100%; }



.imgbox { overflow: hidden; }



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



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





/* 公司介绍 Start */



.about_main5 { padding: 90px 0; position: relative; overflow: hidden; }

.about_main5 .id_point{ top: -100px; position: absolute; }





.about_main5 .block_box { position: relative; margin: 40px auto 0; }



.about_main5 .block_box .aboutMain5Swiper { width: 1100px; }



.about_main5 .block_box .aboutMain5Swiper .block { padding: 30px; background-color: rgba(21, 35, 66, 0.8); }



.about_main5 .block_box .aboutMain5Swiper .block .left_box { font-size: 72px; text-align: center; font-weight: bold; line-height: 72px; padding-right: 55px; letter-spacing: -2px; width: 33.17308%; color: rgba(255, 255, 255, 0.9); }



.about_main5 .block_box .aboutMain5Swiper .block .right_box { padding-left: 60px; width: 66.73077%; border-left: 1px solid #f8f8f8; overflow: hidden; overflow-y: auto; display: flex; justify-content: flex-end; opacity: 0; height:216px; margin-top:10px; padding-right: 30px; overflow-y: auto;scrollbar-color: #305AA8; scrollbar-width: 1px; scrollbar-width: thin; scrollbar-width: 1px;}

.about_main5 .block_box .aboutMain5Swiper .block .right_box  .line { width:625px; float:left; font-size: 16px; line-height: 36px; position: relative; padding-left: 22px; color: rgba(255, 255, 255, 0.8);  }
@media (max-width: 768px) {
	.about_main5 .block_box .aboutMain5Swiper .block .right_box  .line { width:280px;}
	.about_main5 .block_box .aboutMain5Swiper .block .right_box { height:320px;}
}


.about_main5 .block_box .aboutMain5Swiper .block .right_box .line:after { left: 0; top: 15px; width: 3px; height: 3px; content: ' '; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; background-color: #ffffff; }

.about_main5 .block_box .aboutMain5Swiper .block .right_box{ opacity: 1; transition: all ease .75s .75s;}

/* 设置滚动条的样式 */
.right_box::-webkit-scrollbar {
width:4px;
}
/* 滚动槽 */
.right_box::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 6px rgba(48,90,168,0.3);
border-radius:10px;
background: rgba(255,255,255,.3);
}
/* 滚动条滑块 */
.right_box::-webkit-scrollbar-thumb {
border-radius:10px;
background:#fff;
-webkit-box-shadow: inset 0 0 6px rgba(48,90,168,1);
}

.about_main5 .swiper-button-prev, .about_main5 .swiper-button-next { opacity: 1; color: #fff; width: 84px; height: auto; font-size: 22px; position: static; line-height: 58px; text-align: center; -webkit-transition: all .5s; transition: all .5s; background-image: none; background: rgba(255, 255, 255, 0.1); border: solid 1px rgba(255, 255, 255, 0.6); }



.about_main5 .swiper-button-prev:hover, .about_main5 .swiper-button-next:hover { color: #305AA8; background-color: #fff; border: solid 1px #fff; }



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



.about_main5 .aboutMain5TxtSwiper .icon { width: 8px; height: 8px; -webkit-border-radius: 50%; border-radius: 50%; position: relative; margin: 15px auto 0; -webkit-transition: all .5s; transition: all .5s; background-color: #fff; }



.about_main5 .aboutMain5TxtSwiper .icon:after { top: 50%; left: 50%; width: 0; height: 0; opacity: 0.5; content: ' '; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; -webkit-transition: all .5s; transition: all .5s; background-color: #fff; color:#305AA8; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }



.about_main5 .aboutMain5TxtSwiper .swiper-slide { height: 120px; cursor: pointer; padding-bottom: 30px; }



.about_main5 .aboutMain5TxtSwiper .block { width: 100%; }



.about_main5 .aboutMain5TxtSwiper .number { opacity: 0.9; color: #fff; font-size: 24px; line-height: 1.1; font-weight: bold; -webkit-transition: all .5s; transition: all .5s; letter-spacing: -1px; }



.about_main5 .aboutMain5TxtSwiper .swiper-slide-active .number { line-height: 1; color: #fff; font-size: 48px; }



.about_main5 .aboutMain5TxtSwiper .swiper-slide-active .icon { width: 12px; height: 12px; background-color: #fff; }



.about_main5 .aboutMain5TxtSwiper .swiper-slide-active .icon:after { width: 30px; height: 30px; }



.about_main5 .aboutMain5TxtSwiper .line { position: absolute; width: 100%; left: 0; right: 0; bottom: 33px; height: 1px; background-color: rgba(255, 255, 255, 0.2); }



.about_main5 .icon_bg { left: 50%; width: 170px; bottom: -85px; height: 170px; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; background-color: #38c24f; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }



.about_main6 { padding: 105px 0 175px; }



.about_main6 .title { color: #fffefe; font-size: 24px; line-height: 34px; text-align: center; letter-spacing: -1px; }



.about_main6 .block_box { margin-top: 110px; }



.about_main6 .block { font-size: 18px; line-height: 24px; color: #ffffff; }



.about_main6 .block:not(:first-child) { border-left: 2px solid rgba(255, 255, 255, 0.5); }



.about_main6 .block .abstract { font-size: 14px; line-height: 32px; }



.about_main6 .block:nth-child(1) { padding-right: 80px; }



.about_main6 .block:nth-child(1) .icon { margin-right: 20px; width: 23px; text-align: center; }



.about_main6 .block:nth-child(1) .line:not(:first-child) { margin-top: 15px; }



.about_main6 .block:nth-child(2) { padding: 0 80px; }



.about_main6 .block:nth-child(2) .icon { margin-right: 10px; }



.about_main6 .block:nth-child(3) { padding-left: 80px; font-size: 14px; text-align: center; }



.about_main6 .block:nth-child(3) .name { margin-top: 10px; }



.about_main6 .block:nth-child(3) .img_box:nth-child(1) { margin-right: 50px; }



/* 公司介绍 End */


.ClinicalTesting .inner_banner .mask { padding-bottom: 150px; }





.msg_popup { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9999; background-color: rgba(0, 0, 0, 0.7);display: none }

.msg_popup .form_box{margin-top:20px;}



.msg_popup .mask { height: 100%; width: 100%; }



.msg_popup .content { position: relative; padding: 55px; background-color: #fff; border-top: 5px solid #38c14f; }



.msg_popup .title { text-align: center; font-size: 24px; font-weight: bold; color: #333333; }



.msg_popup .item { width: 30.43478%; }



.msg_popup .item:nth-child(n + 4) { margin-top: 30px; }



.msg_popup .item .name { font-size: 16px; color: #828282; font-family: 'syM'; }



.msg_popup .item .name span { color: #ff0000; font-size: 16px; }



.msg_popup .item.items { width: 100%; }



.msg_popup .item input, .msg_popup .item textarea { width: 100%; margin-top: 10px; line-height: 50px; background-color: #f3f4f5; font-size: 14px; color: #bcbcbc; padding: 0 20px; }



.msg_popup .item input::-webkit-input-placeholder, .msg_popup .item textarea::-webkit-input-placeholder { color: #bcbcbc; }



.msg_popup .item input:-moz-placeholder, .msg_popup .item textarea:-moz-placeholder { color: #bcbcbc; }



.msg_popup .item input::-moz-placeholder, .msg_popup .item textarea::-moz-placeholder { color: #bcbcbc; }



.msg_popup .item input:-ms-input-placeholder, .msg_popup .item textarea:-ms-input-placeholder { color: #bcbcbc; }



.msg_popup .item textarea { min-height: 150px; }



.msg_popup .tip { width: 100%; color: #666666; font-size: 14px; line-height: 22px; margin-top: 15px; }



.msg_popup .tip a:nth-child(2){display: inline-block;margin-left: 18px;padding-left: 18px}



.msg_popup .btn { color: #fff; width: 220px; text-align: center; line-height: 53px; font-size: 18px; font-family: 'syM'; margin: 35px auto 0; cursor: pointer; background-color: #38c14f; }



.msg_popup .exit_btn { cursor: pointer; position: absolute; top: 30px; right: 30px; width: 30px; height: 30px; }



.msg_popup .exit_btn:after, .msg_popup .exit_btn:before { position: absolute; top: 50%; left: 50%; content: ' '; background-color: #333; -webkit-transform: translate(-50%, -50%) rotateZ(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotateZ(45deg); }



.msg_popup .exit_btn:after { width: 100%; height: 3px; }



.msg_popup .exit_btn:before { width: 3px; height: 100%; }



.center1260 { width: 1260px; margin: 0 auto; }



@media (max-width: 1500px) { .center1420 { width: 100%; padding: 0 15px; }

  .inner_banner .mask { padding-bottom: 100px !important; }

  .inner_banner .title { font-size: 40px; }

  .inner_banner .tip { font-size: 30px; }

  .about_main3 .img_popup .mask .box .exit_btn { right: 0; top: -30px; } }



@media (max-width: 1300px) { .inner_banner .mask { padding-bottom: 50px !important; }

  .inner_banner .title { font-size: 34px !important; }

  .inner_banner .tip { font-size: 24px !important; }

  .inner_banner .abstract { line-height: 1.5; font-size: 18px !important; }

  .about_main2 .box .txt { left: 30px; max-width: 55%; }

  .platform_main2 .img_popup .mask .box .exit_btn { right: 0; } }



@media (max-width: 1200px) {

  .msg_popup .content { padding: 20px; }

  .msg_popup .exit_btn { top: 15px; right: 15px; }

  .center1260 { width: 100%; padding: 0 15px; }


  .inner_banner .mask { right: 0; }

  .inner_title { font-size: 30px; }

  .inner_banner .small_title { font-size: 20px; }

  .about_main1 { padding: 80px 0; }

  .about_main1 .block_box { margin-top: 40px; }

  .about_main2 { padding: 80px 0; }

  .about_main2 .id_point{ position: absolute;top: -80px }

  .about_main2 .box .txt { font-size: 16px; line-height: 1.7; }

  .about_main2 .block { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;padding-right: 0; }

  .about_main2 .block_box .aboutMain2Swiper {margin-top:30px;width: 100%; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }

  .about_main2 .block_box .right_box {width: 50%;margin: 0 auto; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}

  .about_main2 .block_box .right_box .img_box { margin-right: 0; }

  .about_main2 .block_box .col_box { position: static; margin-top: 20px; }

  .about_main2 .block_box .left_box .name { font-size: 24px; }

  .about_main3 { padding: 80px 0; }

  .about_main3 .block_box { margin-top: 40px; }

  .about_main4 { padding: 80px 0; }

  .about_main3 .swiper-container-horizontal > .swiper-scrollbar { margin-top: 40px; }

  .about_main4 .block_box { margin-top: 40px; }

  .about_main4 .block .txt .name { font-size: 20px; }

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

  .about_main5 .swiper-button-next { right: 0; }

  .about_main5 .swiper-button-prev, .about_main5 .swiper-button-next { width: 64px; }

  .about_main5 .block_box { width: 100%; }

  .about_main6 { padding: 80px 0; }

  .about_main6 .block:nth-child(2) { padding: 0 20px; }

  .about_main6 .block:nth-child(1) { padding-right: 20px; }

  .about_main6 .block:nth-child(3) { padding-left: 20px; }

  .about_main6 .block:nth-child(3) .img_box:nth-child(1) { margin-right: 20px; }

  .about_main6 .block_box { margin-top: 80px; }

  .about_main6 .block { font-size: 16px; }

  .about_main6 .block .name { white-space: nowrap; }

  .product_main1 { padding-top: 80px; }

  /*.product_main1 .tag_box { margin-top: 40px; }*/

  .product_main1 .block_box { margin-top: 40px; }

  .product_main1 .block_box .txt_box { width: 90%; margin-top: -40px; }

  .product1_main2 { padding-top: 60px; }

  .product1_main2 .block .mask .name { font-size: 24px; }

  .product1_main2 .block .mask .tip { font-size: 18px; }

  .product1_main3 { padding: 80px 0; }

  .product1_main3 .block_box { margin-top: 40px; }

  .product1_main3 .block .mask .name { font-size: 24px; }

  .product1_main3 .block .title { bottom: 10px; }

  .product2_main2 { padding: 80px 0; }

  .product2_main2 .block_box { margin-top: 40px; }

  .rd .inner_banner .tip { font-size: 26px; }

  .rd_main1 { padding: 80px 0; }

  .rd_main1 .block_box { margin-top: 40px; }

  .rd_main2 .top_box .img { height: 400px; position: relative; overflow: hidden; }

  .rd_main2 .top_box .img img { position: absolute; max-width: none; max-height: none; width: 1200px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

  .rd_main2 { padding: 80px 0; }

  .rd_main2 .top_box .mask .cn { font-size: 30px; }

  .rd_main2 .block_box .block .name { font-size: 20px; margin-top: 20px; }

  .rd_main3 { padding: 80px 0; }

  .rd_main3 .block_box .block .number { font-size: 50px; }

  .rd_main3 .block_box .block .img { margin-top: 20px; }

  .rd_main3 .block_box .block .name { font-size: 20px; }

  .rd_main3 .block_box .block { padding: 30px 2%; }

  .rd_main3 .block_box { margin-top: 20px; }

  .rd_main4 { padding: 80px 0; }

  .rd_main4 .content { margin-top: 40px; }

  .rd_main4 .content .block img { max-width: 90%; max-height: 90%; }

  .platform_main1 { padding: 80px 0; }

  .platform_main2 { padding: 80px 0; }

  .platform_main2 .block_box { margin-top: 40px; }

  .platform_main2 .platformMain2Swiper .swiper-wrapper { padding-bottom: 40px; }

  .platform_main3 { padding: 80px 0; }

  .platform_main3 .block_box { margin-top: 40px; }

  .platform_main3 .block_box .block .mask { padding: 10px 10px 0; }

  .platform_main3 .block_box .block .mask .title { font-size: 16px; margin-top: 20px; line-height: 1.5; }

  .platform_main3 .block_box .block .mask .btn { margin-top: 20px; }

  .platform_main4 { padding-bottom: 80px; }

  .platform_main1 .box { margin-top: 40px; padding-top: 17px; }

  .platform_main4 .block:nth-child(odd) .txt_box { padding-left: 20px; }

  .platform_main4 .block .txt_box .name { font-size: 24px; }

  .platform_main4 .block .txt_box .abstract { margin-top: 20px; }

  .platform_main4 .block .txt_box .line_icon { display: none; }

  .platform_main4 .block .img .name { font-size: 20px; } }



@media (max-width: 992px) { .inner_banner .abstract br { display: none; }

  .rd_main1 .block { width: 49%; }

  .rd_main1 .block:not(:nth-child(3n)) { margin-right: 0; }

  .rd_main1 .block:nth-child(odd) { margin-right: 2%; }

  .rd_main1 .block:nth-child(n + 3) { margin-top: 20px; } }



@media (max-width: 768px) {

  .about_main2 .box .txt{max-width: 100%}

  .about_main2 .block_box .right_box .img_box .line_icon { width: 50px; }



  .about_main2 .block_box .right_box{width: 80%}

  .msg_popup .content { padding: 10px; }

  .msg_popup .exit_btn { top: 10px; right: 10px; width: 20px; height: 20px; }

  .msg_popup .item { width: 100%; }

  .msg_popup .item:nth-child(n + 2) { margin-top: 15px; }

  .msg_popup .title { font-size: 20px; }

  .msg_popup .item input, .msg_popup .item textarea { line-height: 40px;}



  .msg_popup .item textarea{min-height: 100px;}



  .msg_popup .btn { line-height: 40px;width: 150px;margin-top: 20px }


  .about_main1 { padding: 30px 0; }

  .about_main2 { padding: 30px 0; }

  .about_main2 .box .txt { position: static; color: #fff; max-width: 100%; -webkit-transform: none; -ms-transform: none; transform: none; margin-top: 15px; }

  .about_main2 .box { margin-top: 20px; }

  .about_main2 .block_box { margin-top: 30px; }

  .about_main2 .block_box .aboutMain2Swiper { margin-top: 20px; }

  .about_main2 .block_box .left_box .name { font-size: 20px; }

  .about_main2 .block_box .left_box .tip { font-size: 16px; line-height: 1.7; }

  .about_main2 .block_box .left_box .abstract p { font-size: 14px; line-height: 1.7; }

  .about_main2 .block_box .left_box .abstract p:after { top: 10px; }

  .about_main2 .block_box .left_box .abstract { margin-top: 15px; }

  .about_main2 .block_box .left_box { padding-top: 20px; }

  .about_main3 { padding: 30px 0; }

  .about_main3 .block_box { margin-top: 30px; padding: 0 15px; }

  .about_main3 .swiper-container-horizontal > .swiper-scrollbar { margin-top: 20px; }

  .about_main4 { padding: 30px 0; }

  .about_main4 .block_box { margin-top: 20px; }

  .about_main4 .block { width: 49%; }

  .about_main4 .block:not(:nth-child(4n)) { margin-right: 0; }

  .about_main4 .block:nth-child(odd) { margin-right: 2%; }

  .about_main4 .block:nth-child(n + 3) { margin-top: 15px; }

  .about_main4 .block .txt .name { font-size: 18px; }

  .about_main4 .block .txt .tip { font-size: 16px; }

  .about_main4 .block .txt { padding: 15px 10px; }

  .about_main5 .swiper-button-prev, .about_main5 .swiper-button-next { display: none; }

  .about_main5 .block_box .aboutMain5Swiper .block .left_box { font-size: 30px; line-height: 1.1; width: 100%; padding-right: 0; text-align: left; }

  .about_main5 .block_box .aboutMain5Swiper .block .right_box { width: 100%; padding-left: 0; padding-top: 20px; margin-top: 20px; border-left: none; border-top: 1px solid #f8f8f8; }

  .about_main5 .block_box .aboutMain5Swiper .block .right_box .line { line-height: 1.5; }

  .about_main5 .block_box .aboutMain5Swiper .block { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

  .about_main5 .aboutMain5TxtSwiper { margin-top: 40px; }

  .about_main5 .block_box .aboutMain4Swiper .block { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

  .about_main5 .aboutMain5TxtSwiper .swiper-slide-active .number { font-size: 36px; }

  .about_main5 { padding: 30px 0; }

  .about_main5 .icon_bg { width: 60px; bottom: -30px; height: 60px; }

  .about_main6 { padding: 30px 0; }

  .about_main6 .block_box { margin-top: 30px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: start; -ms-flex-pack: start; justify-content: start; }

  .about_main6 .block { width: 100%; -webkit-box-pack: start; -webkit-justify-content: start; -ms-flex-pack: start; justify-content: start; }

  .about_main6 .block:nth-child(1) { right: 0; }

  .about_main6 .block:nth-child(2) { padding: 0; border-left: 0; border-top: 2px solid rgba(255, 255, 255, 0.5); padding-top: 15px; margin-top: 15px; }

  .about_main6 .block:nth-child(3) { padding: 0; border-left: 0; border-top: 2px solid rgba(255, 255, 255, 0.5); padding-top: 15px; margin-top: 15px; }

  .about_main6 .title { font-size: 20px; }

  .product .inner_banner .abstract { font-size: 16px; }

  .product_main1 { padding-top: 30px; }

  /*.product_main1 .tag_box { margin-top: 20px; }*/

  .product_main1 .tag_box .tag { min-width: auto; line-height: 40px; white-space: nowrap; }

  .product_main1 .block_box { margin-top: 20px; }

  .product_main1 .block_box .title { font-size: 20px; }

  .product_main1 .block_box .txt_box { padding: 20px 10px; }

  .product_main1 .block_box .abstract { margin-top: 15px; }

  .product1_main2 { padding-top: 20px; }

  .product1_main2 .block .mask .name { font-size: 20px; line-height: 1.1; }

  .product1_main2 .block .mask .tip { font-size: 16px; line-height: 1.1; margin-top: 15px; }

  .product1_main3 { padding: 30px 0; }

  .product1_main3 .block_box { margin-top: 20px; }

  .product1_main3 .block .mask .name { font-size: 16px; line-height: 1.7; }

  .product1_main3 .block .mask .abstract { margin-top: 15px; }

  .product1_main3 .block .mask .abstract p:nth-child(n + 4) { margin-top: 10px; }

  .product1_main3 .block .mask .abstract p { padding-left: 10px; width: 32%; }

  .product1_main3 .block .mask .txt_box { width: 100%; padding: 0 10px; }

  .product1_main3 .block .title { font-size: 16px; }

  .product2_main2 { padding: 30px 0; }

  .product2_main2 .block_box { margin-top: 20px; }

  .product2_main2 .block_box .block:not(:nth-child(4n)) { margin-right: 0; }

  .product2_main2 .block_box .block:nth-child(odd) { margin-right: 2%; }

  .product2_main2 .block_box .block { width: 49%; padding: 30px 10px; font-size: 16px; line-height: 1.7; }

  .product2_main2 .block_box .block:nth-child(n + 3) { margin-top: 15px; }

  .rd .inner_banner .tip { font-size: 20px; }

  .rd_main1 { padding: 30px 0; }

  .rd_main1 .block_box { margin-top: 20px; }

  .rd_main1 .block .mask .name { font-size: 16px; }

  .rd_main2 { padding: 30px 0; }

  .rd_main2 .top_box .mask { padding: 0 15px; }

  .rd_main2 .top_box .mask .cn { font-size: 24px; }

  .rd_main2 .top_box .mask .abstract { font-size: 16px; line-height: 1.7; margin-top: 15px; }

  .rd_main2 .top_box .mask .link { font-size: 18px; margin-top: 20px; line-height: 40px; }

  .rd_main2 .block_box { margin-top: 20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

  .rd_main2 .block_box .block { width: 49%; }

  .rd_main2 .block_box .block:not(:nth-child(4n)) { margin-right: 0; }

  .rd_main2 .block_box .block:nth-child(odd) { margin-right: 2%; }

  .rd_main2 .block_box .block:nth-child(n + 3) { margin-top: 15px; }

  .rd_main2 .block_box .block .name { font-size: 18px; }

  .rd_main2 .block_box .block .abstract { font-size: 14px; line-height: 1.7; }

  .rd_main3 { padding: 30px 0; }

  .rd_main3 .block_box { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

  .rd_main3 .block_box .block { width: 49%; }

  .rd_main3 .block_box .block:nth-child(odd) { margin-right: 2%; }

  .rd_main3 .block_box .block:nth-child(n + 3) { margin-top: 20px; }

  .rd_main3 .block_box .block:first-child, .rd_main3 .block_box .block:last-child { width: 49%; }

  .rd_main3 .block_box .block { padding: 0; }

  .rd_main3 .block_box .block .number { font-size: 40px; }

  .rd_main3 .block_box .block .img { margin-top: 10px; }

  .rd_main3 .block_box .block .name { font-size: 16px; line-height: 1.1; margin-top: 15px; }

  .rd_main3 .block_box .block .icon_box { display: none; }

  .rd_main4 { padding: 30px 0; }

  .rd_main4 .content .block:not(:nth-child(5n)) { margin-right: 0; }

  .rd_main4 .content .block:not(:nth-child(8n)){margin-right: 0px;}

  .rd_main4 .content .block:nth-child(odd) { margin-right: 2%; }

  .rd_main4 .content .block { width: 49%; }

  .rd_main4 .content .block:nth-child(n + 3) { margin-top: 10px; }

  .rd_main4 .content { margin-top: 20px; }

  .rd_main4 .content .picture_container { padding-top: 49%; }

  .platform_main1 { padding: 30px 0; }

  .platform_main1 .box { margin-top: 20px; padding-top: 0; }

  .platform_main1 .bg_img { display: none; }

  .platform_main1 .block { width: 32%; }

  .platform_main1 .block_box { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

  .platform_main1 .block .name { margin-top: 20px; font-size: 18px; }

  .platform_main1 .block:first-child { margin-left: 0; }

  .platform_main1 .block:last-child { margin-right: 0; }

  .platform_main1 .block:nth-child(n + 4) { margin-top: 20px; }

  .platform_main3 .block_box .block:not(:nth-child(4n)) { margin-right: 0; }

  .platform_main3 .block_box .block:nth-child(odd) { margin-right: 2%; }

  .platform_main3 .block_box .block { width: 49%; }

  .platform_main3 .block_box .block:nth-child(n + 3) { margin-top: 20px; }

  .platform_main3 { padding: 30px 0; }

  .platform_main3 .abstract { margin-top: 20px; font-size: 14px; line-height: 1.7; }

  .platform_main3 .block_box { margin-top: 20px; }

  .platform_main3 .btn { margin-top: 20px; }

  .platform_main4 { padding-bottom: 30px; }

  .platform_main4 .block { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

  .platform_main4 .block .img { width: 100%; }

  .platform_main4 .block .icon { display: none; }

  .platform_main4 .block .txt_box { width: 100%; margin-top: 20px; }

  .platform_main4 .block:nth-child(odd) .txt_box { padding-left: 0; }

  .platform_main4 .block:nth-child(even) .img { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }

  .platform_main4 .block:nth-child(even) .txt_box { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; padding-right: 0; }

  .platform_main4 .block .txt_box .name { font-size: 20px; }

  .platform_main2 { padding: 30px 0; }

  .platform_main2 .abstract { margin-top: 20px; } }



@media (max-width: 580px) { 


  .about_main1 .block_box { margin-top: 20px; }

  .about_main1 .block_box .txt { font-size: 14px; line-height: 1.7; }

  .about_main2 .box .txt { font-size: 12px; }

  .about_main2 .block{margin-top: 100px}

  .about_main2 .block_box .right_box .img_box .tip { font-size: 14px; width: 76px; height: 76px; line-height: 76px;right: -35px }

  .about_main2 .block_box .left_box .name { font-size: 18px; }

  .about_main3 .block_box .swiper-slide .txt { font-size: 14px; line-height: 1.5; }

  .about_main4 .block .txt .name { font-size: 16px; margin-top: 10px; }

  .about_main4 .block .txt .tip { font-size: 14px; }

  .about_main5 .block_box .aboutMain5Swiper .block { padding: 20px; }

  .about_main5 .block_box .aboutMain5Swiper .block .left_box { font-size: 20px; }

  .about_main5 .block_box .aboutMain5Swiper .block .right_box .line { font-size: 14px; }

  .about_main5 .block_box .aboutMain5Swiper .block .right_box .line:after { top: 8px; }

  .about_main5 .aboutMain5TxtSwiper .swiper-slide-active .number { font-size: 26px; }

  .about_main5 .aboutMain5TxtSwiper { margin-top: 20px; }

  .about_main5 .aboutMain5TxtSwiper .swiper-slide { height: 100px; }

  .about_main6 .title { font-size: 18px; line-height: 1.7; }

  .product_main1 .tag_box .tag { line-height: 30px; }

  .product_main1 .block_box .title { font-size: 16px; }

  .product_main1 .block_box .abstract { font-size: 14px; line-height: 1.7; }

  .product1_main2 .block { width: 100%; }

  .product1_main2 .block:not(:nth-child(3n)) { margin-right: 0; }

  .product1_main2 .block:nth-child(n + 2) { margin-top: 15px; }

  .product1_main3 .block { width: 100%; }

  .product1_main3 .block:nth-child(n + 2) { margin-top: 15px; }

  .product2_main2 .block_box .block { padding: 20px 10px; font-size: 14px; }

  .rd_main1 .block .title { font-size: 14px; bottom: 10px; }

  .rd_main1 .block .mask .icon { display: none; }

  .rd_main1 .block .mask .abstract { margin-top: 10px; max-height: 120px; }

  .rd_main1 .block .mask { padding: 0 5px; }

  .rd_main2 .top_box .img { height: 300px; }

  .rd_main2 .top_box .mask .cn { font-size: 20px; }

  .rd_main2 .top_box .mask .abstract { font-size: 14px; }

  .rd_main2 .top_box .mask .link { font-size: 16px; }

  .rd_main2 .block_box .block .name { font-size: 16px; }

  .rd_main3 .block_box .block .number { font-size: 30px; }

  .rd_main3 .block_box .block .name { font-size: 14px; }

  .rd_main4 .content .block img { max-height: 70%; max-width: 70%; }

  .platform_main1 .block .name { font-size: 16px; line-height: 1.5; margin-top: 15px; }

  .platform_main2 .block_box { margin-top: 20px; }

  .platform_main2 .platformMain2Swiper .swiper-wrapper { padding-bottom: 20px; }

  .platform_main3 .btn { line-height: 35px; width: 100px; }

  .platform_main4 .block .img .name { font-size: 16px; padding: 10px 0; }

  .platform_main4 .block .img .video_btn .video_icon { width: 44px; height: 44px; line-height: 44px; }

  .platform_main4 .block .txt_box .name { font-size: 16px; line-height: 1.7; }

  .platform_main4 .block .txt_box .abstract { font-size: 14px; line-height: 1.7; margin-top: 15px; }

  .platform_main4 .block:nth-child(n + 2) { margin-top: 20px; } }



@media (min-width: 1260px) { .head_navlist li:hover .sub_zinav { pointer-events: initial; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); translateY: translate( 0); }

  .sub_zinav a:hover { background: #37c24e; color: #fff !important; }



@media (max-width: 1500px) { .index_about .aboutNum_list { top: 85px; }

  .index_about .aboutNum_list .item .num .span1 { font-size: 35px; }

  .inPro_content .business { font-size: 35px; }

  .head_navlist li > a { font-size: 16px; padding: 0 20px; }

  .appellation_list .item { font-size: 16px; padding: 0 30px; }

  .inPro_content { width: 550px; }

  .swiper_text { left: -webkit-calc((100vw - 1260px) / 2); left: calc((100vw - 1260px) / 2); }

  .indexbanner_btn { font-size: 30px; }

  .indexbanner_prev { left: 15px; }

  .indexbanner_next { right: 15px; } }



@media (max-width: 1260px) {

  .swiper_text { left: 60px; }

  .index_about .left { padding-left: 15px; }

  .index_product { margin-top: 60px; }

  .inPro_content .business { font-size: 26px; }

  .index_about .left .aboutDesc h2 { font-size: 24px; }

  .index_about .left .aboutDesc p { font-size: 16px; }

  .index_about .left .aboutDesc p br { display: none; }

  .index_about .aboutNum_list .item .num .span1 { font-size: 26px; }

  .index_about .aboutNum_list .item .abstart { font-size: 14px; } }



@media (max-width: 992px) { .index_about .left { width: 100%; padding: 40px 15px 30px 15px; }

  .index_about .right { width: 100%; }

  .aboutPcShow { display: none; }

  .aboutMobileShow { display: block; padding: 40px 15px; }

  .index_about .aboutNum_list { position: static !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

  .index_about .aboutNum_list .item { width: 33.3333%; text-align: center; }

  .prosmall { display: none; }

  .inPro_content .business { font-size: 22px; }

  .inPro_content .subtitle { font-size: 16px; }

  .inPro_content { width: 450px; padding: 40px; }

  .inPro_content .desc { font-size: 14px; }

  .inNews_swiper .inNews_item .title { font-size: 16px; line-height: 24px; height: 48px; } }



@media (max-width: 768px) { 


  .index_about .left .aboutDesc h2 { font-size: 20px; margin-bottom: 15px; }

  .appellation_list .item::before, .appellation_list .item::after { width: 30px; height: 60px; }

  .appellation_list .item { min-height: 60px; }

  .inPro_content { display: block; position: static; width: 100%; }

  .circleBox { display: none; }

    
}



@media (max-width: 580px) { .h_business { margin-left: 0; }


  .index_about .left .aboutDesc h6 { font-size: 16px; margin-bottom: 5px; }

  .index_about .left .aboutDesc h2 { font-size: 18px; }

  .index_about .left .aboutDesc p { font-size: 14px; line-height: 1.5; }

  .appellation_list .item { min-height: 50px; line-height: 1.5; width: -webkit-calc(50% - 15px); width: calc(50% - 15px); margin-right: 15px !important; margin-bottom: 20px; font-size: 14px; padding: 0 20px; }

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

  .appellation_list { margin-top: 25px; }

  .appellation_list .item::before, .appellation_list .item::after { width: 20px; height: 40px; }

  .index_about .aboutNum_list .item .num .span1 { font-size: 20px; }

  .index_about .aboutNum_list .item { text-align: left; padding-right: 6px; }

  .index_about .aboutNum_list .item .abstart { font-size: 12px; margin-top: 6px; }

  .index_about .aboutNum_list .item .span2 { font-size: 12px; }

  .aboutMobileShow { padding-top: 20px; }

  .index_product { margin-top: 40px; }

  .inPro_content { padding: 30px 15px; }

  .inPro_content .business { font-size: 18px; margin-top: 10px; margin-bottom: 6px; }

  .inPro_content .subtitle { font-size: 14px; }

  .inPro_content .desc { margin-bottom: 20px; }

  .more { width: 120px; }

  .inNews_swiper .inNews_item .date { margin-top: 15px; }

  .inNews_operation i { font-size: 16px; }

  .inNews_dots { margin: 0 10px; }

  .index_news .inNews_top { margin-bottom: 20px; }

  .fadeAni { -webkit-transition: 1s; transition: 1s; } }