* {
  margin: 0;
  padding: 0; }

ul, li, ol {
  list-style: none; }

.wh_1200 {
  width: 1200px;
  margin: 0 auto; }

a {
  text-decoration: none; }

body {
  font-family: "Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","Segoe UI",Tahoma,Arial,STHeiti,"sans-serif" !important;
  font-size: 12px; }

/**banner**/
#onebyone_slider {
  position: relative;
  margin: 0 auto;
  width: 100%; }

.oneByOne1 {
  top: 0;
  left: 0;
  margin: 0 auto;
  width: 100%;
  height: 420px;
  position: relative;
  overflow: visible; }

#onebyone_slider .oneByOne_item {
  position: absolute;
  width: 100%;
  height: 420px;
  overflow: visible;
  overflow: hidden; }

#onebyone_slider .oneByOne_item span {
  font-family: "Helvetica Neue",Helvetica,verdana,arial,sans-serif; }

#onebyone_slider .oneByOne_item a {
  text-decoration: none; }

#onebyone_slider .oneByOne_item a img {
  border: 0px;
  height: 420px; }

#onebyone_slider .oneByOne_item span.ob1_title {
  clear: left;
  position: relative;
  float: left;
  margin: 65px 12px 0 0;
  padding: 8px;
  color: #FFF;
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  z-index: 50; }

#onebyone_slider .oneByOne_item span.ob1_title a {
  color: #fff; }

#onebyone_slider .oneByOne_item span.ob1_description {
  clear: left;
  position: relative;
  float: left;
  margin: 0 12px 0 0;
  max-width: 470px;
  color: #FFF;
  padding: 8px;
  font-size: 14px;
  text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  z-index: 50;
  line-height: 25px; }

#onebyone_slider .oneByOne_item span.ob1_button {
  clear: left;
  position: relative;
  float: left;
  margin: 40px 12px 0 330px;
  padding: 5px;
  border: 1px solid #222;
  background: #666;
  background: rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  z-index: 50; }

#onebyone_slider .oneByOne_item span.ob1_button .default_button {
  font: 11px Helvetica,Arial,sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  vertical-align: middle;
  display: inline-block;
  background: #444;
  cursor: pointer;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.1);
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  zoom: 1;
  margin: 0;
  padding: 10px 25px;
  border: 1px solid #222;
  font-size: 13px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }

#onebyone_slider .oneByOne_item span.ob1_button .default_button:hover {
  color: #fff;
  background: #777;
  border-color: #333; }

#onebyone_slider .oneByOne_item a {
  width: 100%;
  min-width: 1440px;
  height: 420px;
  display: block; }

#onebyone_slider img.ob1_img_device1 {
  top: 0px;
  left: 0px;
  z-index: 40; }

#onebyone_slider img.ob1_img_device2 {
  position: absolute;
  top: 210px;
  left: 0px;
  z-index: 40; }

#onebyone_slider img.ob1_img_device3 {
  position: absolute;
  top: 275px;
  left: 0px;
  z-index: 40; }

.buttonArea {
  float: left;
  left: 50%;
  position: relative;
  top: 95%;
  margin-top: -32px; }

.buttonCon {
  float: left;
  left: -50%;
  position: relative;
  z-index: 45; }

.buttonCon .theButton {
  display: block;
  color: #b22222;
  width: 20px;
  height: 22px;
  background: url(../images/circlebutton.png) no-repeat;
  text-indent: -9999px;
  border: 0;
  margin-right: 3px;
  float: left;
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s; }

.buttonArea a.active {
  background-position: 0 -22px; }

.arrowButton {
  cursor: pointer; }

/*.arrowButton .prevArrow{background:url(../images/slider-arrows.png) no-repeat 0 0;width:24px;height:24px;position:absolute;top:91.5%;left:20%;z-index:60}
.arrowButton .nextArrow{background:url(../images/slider-arrows.png) no-repeat -40px 0;width:24px;height:24px;position:absolute;top:91.5%;right:18%;z-index:60}*/
.animate_zoom_obo {
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -o-transform: scale(5);
  -ms-transform: scale(5);
  transform: scale(5); }

.animate0 {
  -webkit-animation-duration: .6s;
  -webkit-animation-delay: 0s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: .6s;
  -moz-animation-delay: 0s;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: both;
  -ms-animation-duration: .6s;
  -ms-animation-delay: 0s;
  -ms-animation-timing-function: ease;
  -ms-animation-fill-mode: both;
  animation-duration: .6s;
  animation-delay: 0s;
  animation-timing-function: ease;
  animation-fill-mode: both; }

.animate1 {
  -webkit-animation-duration: .6s;
  -webkit-animation-delay: .2s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: .6s;
  -moz-animation-delay: .2s;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: both;
  -ms-animation-duration: .6s;
  -ms-animation-delay: .2s;
  -ms-animation-timing-function: ease;
  -ms-animation-fill-mode: both;
  animation-duration: .6s;
  animation-delay: .2s;
  animation-timing-function: ease;
  animation-fill-mode: both; }

.animate2 {
  -webkit-animation-duration: .6s;
  -webkit-animation-delay: .4s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: .6s;
  -moz-animation-delay: .4s;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: both;
  -ms-animation-duration: .6s;
  -ms-animation-delay: .4s;
  -ms-animation-timing-function: ease;
  -ms-animation-fill-mode: both;
  animation-duration: .6s;
  animation-delay: .4s;
  animation-timing-function: ease;
  animation-fill-mode: both; }

.animate3 {
  -webkit-animation-duration: .6s;
  -webkit-animation-delay: .6s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: .6s;
  -moz-animation-delay: .6s;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: both;
  -ms-animation-duration: .6s;
  -ms-animation-delay: .6s;
  -ms-animation-timing-function: ease;
  -ms-animation-fill-mode: both;
  animation-duration: .6s;
  animation-delay: .6s;
  animation-timing-function: ease;
  animation-fill-mode: both; }

.animate4 {
  -webkit-animation-duration: .6s;
  -webkit-animation-delay: .8s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: .6s;
  -moz-animation-delay: .8s;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: both;
  -ms-animation-duration: .6s;
  -ms-animation-delay: .8s;
  -ms-animation-timing-function: ease;
  -ms-animation-fill-mode: both;
  animation-duration: .6s;
  animation-delay: .8s;
  animation-timing-function: ease;
  animation-fill-mode: both; }

.animate5 {
  -webkit-animation-duration: .6s;
  -webkit-animation-delay: 1s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: .6s;
  -moz-animation-delay: 1s;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: both;
  -ms-animation-duration: .6s;
  -ms-animation-delay: 1s;
  -ms-animation-timing-function: ease;
  -ms-animation-fill-mode: both;
  animation-duration: .6s;
  animation-delay: 1s;
  animation-timing-function: ease;
  animation-fill-mode: both; }

.animated {
  -webkit-animation: 1s ease;
  -moz-animation: 1s ease;
  -ms-animation: 1s ease;
  animation: 1s ease; }

.animated.hinge {
  -webkit-animation: 2s ease;
  -moz-animation: 2s ease;
  -ms-animation: 2s ease;
  animation: 2s ease; }

@-webkit-keyframes flash {
  0%,50%,100% {
    opacity: 1; }
  25%,75% {
    opacity: 0; } }
@-moz-keyframes flash {
  0%,50%,100% {
    opacity: 1; }
  25%,75% {
    opacity: 0; } }
@-ms-keyframes flash {
  0%,50%,100% {
    opacity: 1; }
  25%,75% {
    opacity: 0; } }
@keyframes flash {
  0%,50%,100% {
    opacity: 1; }
  25%,75% {
    opacity: 0; } }
.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -ms-animation-name: flash;
  animation-name: flash; }

@-webkit-keyframes shake {
  0%,100% {
    -webkit-transform: translateX(0); }
  10%,30%,50%,70%,90% {
    -webkit-transform: translateX(-10px); }
  20%,40%,60%,80% {
    -webkit-transform: translateX(10px); } }
@-moz-keyframes shake {
  0%,100% {
    -moz-transform: translateX(0); }
  10%,30%,50%,70%,90% {
    -moz-transform: translateX(-10px); }
  20%,40%,60%,80% {
    -moz-transform: translateX(10px); } }
@-ms-keyframes shake {
  0%,100% {
    -ms-transform: translateX(0); }
  10%,30%,50%,70%,90% {
    -ms-transform: translateX(-10px); }
  20%,40%,60%,80% {
    -ms-transform: translateX(10px); } }
@keyframes shake {
  0%,100% {
    transform: translateX(0); }
  10%,30%,50%,70%,90% {
    transform: translateX(-10px); }
  20%,40%,60%,80% {
    transform: translateX(10px); } }
.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -ms-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes bounce {
  0%,20%,50%,80%,100% {
    -webkit-transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px); } }
@-moz-keyframes bounce {
  0%,20%,50%,80%,100% {
    -moz-transform: translateY(0); }
  40% {
    -moz-transform: translateY(-30px); }
  60% {
    -moz-transform: translateY(-15px); } }
@-ms-keyframes bounce {
  0%,20%,50%,80%,100% {
    -ms-transform: translateY(0); }
  40% {
    -ms-transform: translateY(-30px); }
  60% {
    -ms-transform: translateY(-15px); } }
@keyframes bounce {
  0%,20%,50%,80%,100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-30px); }
  60% {
    transform: translateY(-15px); } }
.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -ms-animation-name: bounce;
  animation-name: bounce; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1); }
  10%,20% {
    -webkit-transform: scale(0.9) rotate(-3deg); }
  30%,50%,70%,90% {
    -webkit-transform: scale(1.1) rotate(3deg); }
  40%,60%,80% {
    -webkit-transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0); } }
@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1); }
  10%,20% {
    -moz-transform: scale(0.9) rotate(-3deg); }
  30%,50%,70%,90% {
    -moz-transform: scale(1.1) rotate(3deg); }
  40%,60%,80% {
    -moz-transform: scale(1.1) rotate(-3deg); }
  100% {
    -moz-transform: scale(1) rotate(0); } }
@-ms-keyframes tada {
  0% {
    -ms-transform: scale(1); }
  10%,20% {
    -ms-transform: scale(0.9) rotate(-3deg); }
  30%,50%,70%,90% {
    -ms-transform: scale(1.1) rotate(3deg); }
  40%,60%,80% {
    -ms-transform: scale(1.1) rotate(-3deg); }
  100% {
    -ms-transform: scale(1) rotate(0); } }
@keyframes tada {
  0% {
    transform: scale(1); }
  10%,20% {
    transform: scale(0.9) rotate(-3deg); }
  30%,50%,70%,90% {
    transform: scale(1.1) rotate(3deg); }
  40%,60%,80% {
    transform: scale(1.1) rotate(-3deg); }
  100% {
    transform: scale(1) rotate(0); } }
.tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -ms-animation-name: tada;
  animation-name: tada; }

@-webkit-keyframes swing {
  20%,40%,60%,80%,100% {
    -webkit-transform-origin: top center; }
  20% {
    -webkit-transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg); } }
@-moz-keyframes swing {
  20%,40%,60%,80%,100% {
    -moz-transform-origin: top center; }
  20% {
    -moz-transform: rotate(15deg); }
  40% {
    -moz-transform: rotate(-10deg); }
  60% {
    -moz-transform: rotate(5deg); }
  80% {
    -moz-transform: rotate(-5deg); }
  100% {
    -moz-transform: rotate(0deg); } }
@-ms-keyframes swing {
  20%,40%,60%,80%,100% {
    -ms-transform-origin: top center; }
  20% {
    -ms-transform: rotate(15deg); }
  40% {
    -ms-transform: rotate(-10deg); }
  60% {
    -ms-transform: rotate(5deg); }
  80% {
    -ms-transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg); } }
@keyframes swing {
  20%,40%,60%,80%,100% {
    transform-origin: top center; }
  20% {
    transform: rotate(15deg); }
  40% {
    transform: rotate(-10deg); }
  60% {
    transform: rotate(5deg); }
  80% {
    transform: rotate(-5deg); }
  100% {
    transform: rotate(0deg); } }
.swing {
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -ms-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%); } }
@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%); }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg); }
  30% {
    -moz-transform: translateX(20%) rotate(3deg); }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg); }
  60% {
    -moz-transform: translateX(10%) rotate(2deg); }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg); }
  100% {
    -moz-transform: translateX(0%); } }
@-ms-keyframes wobble {
  0% {
    -ms-transform: translateX(0%); }
  15% {
    -ms-transform: translateX(-25%) rotate(-5deg); }
  30% {
    -ms-transform: translateX(20%) rotate(3deg); }
  45% {
    -ms-transform: translateX(-15%) rotate(-3deg); }
  60% {
    -ms-transform: translateX(10%) rotate(2deg); }
  75% {
    -ms-transform: translateX(-5%) rotate(-1deg); }
  100% {
    -ms-transform: translateX(0%); } }
@keyframes wobble {
  0% {
    transform: translateX(0%); }
  15% {
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    transform: translateX(20%) rotate(3deg); }
  45% {
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    transform: translateX(10%) rotate(2deg); }
  75% {
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    transform: translateX(0%); } }
.wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -ms-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1); } }
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1); }
  50% {
    -moz-transform: scale(1.1); }
  100% {
    -moz-transform: scale(1); } }
@-ms-keyframes pulse {
  0% {
    -ms-transform: scale(1); }
  50% {
    -ms-transform: scale(1.1); }
  100% {
    -ms-transform: scale(1); } }
@keyframes pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }
.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -ms-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -ms-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(20px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -ms-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-ms-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -ms-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-ms-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -ms-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -ms-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-ms-keyframes fadeInRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(20px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -ms-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-ms-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -ms-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -moz-animation-name: fadeInUpBig;
  -ms-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-ms-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -ms-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
  -ms-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-ms-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -ms-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -moz-animation-name: fadeInLeftBig;
  -ms-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-ms-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -ms-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  -moz-animation-name: fadeInRightBig;
  -ms-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-moz-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-ms-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -ms-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px); } }
@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }
  100% {
    opacity: 0;
    -moz-transform: translateY(-20px); } }
@-ms-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -ms-transform: translateY(0); }
  100% {
    opacity: 0;
    -ms-transform: translateY(-20px); } }
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(-20px); } }
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  -ms-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px); } }
@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }
  100% {
    opacity: 0;
    -moz-transform: translateY(20px); } }
@-ms-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -ms-transform: translateY(0); }
  100% {
    opacity: 0;
    -ms-transform: translateY(20px); } }
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(20px); } }
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -ms-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px); } }
@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }
  100% {
    opacity: 0;
    -moz-transform: translateX(-20px); } }
@-ms-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -ms-transform: translateX(0); }
  100% {
    opacity: 0;
    -ms-transform: translateX(-20px); } }
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(-20px); } }
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  -moz-animation-name: fadeOutLeft;
  -ms-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px); } }
@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }
  100% {
    opacity: 0;
    -moz-transform: translateX(20px); } }
@-ms-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -ms-transform: translateX(0); }
  100% {
    opacity: 0;
    -ms-transform: translateX(20px); } }
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(20px); } }
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -moz-animation-name: fadeOutRight;
  -ms-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); } }
@-moz-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px); } }
@-ms-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -ms-transform: translateY(0); }
  100% {
    opacity: 0;
    -ms-transform: translateY(-2000px); } }
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(-2000px); } }
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  -moz-animation-name: fadeOutUpBig;
  -ms-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px); } }
@-moz-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px); } }
@-ms-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -ms-transform: translateY(0); }
  100% {
    opacity: 0;
    -ms-transform: translateY(2000px); } }
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(2000px); } }
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  -moz-animation-name: fadeOutDownBig;
  -ms-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); } }
@-moz-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px); } }
@-ms-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -ms-transform: translateX(0); }
  100% {
    opacity: 0;
    -ms-transform: translateX(-2000px); } }
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(-2000px); } }
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  -moz-animation-name: fadeOutLeftBig;
  -ms-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px); } }
@-moz-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px); } }
@-ms-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -ms-transform: translateX(0); }
  100% {
    opacity: 0;
    -ms-transform: translateX(2000px); } }
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(2000px); } }
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  -moz-animation-name: fadeOutRightBig;
  -ms-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1); } }
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3); }
  50% {
    opacity: 1;
    -moz-transform: scale(1.05); }
  70% {
    -moz-transform: scale(0.9); }
  100% {
    -moz-transform: scale(1); } }
@-ms-keyframes bounceIn {
  0% {
    opacity: 0;
    -ms-transform: scale(0.3); }
  50% {
    opacity: 1;
    -ms-transform: scale(1.05); }
  70% {
    -ms-transform: scale(0.9); }
  100% {
    -ms-transform: scale(1); } }
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3); }
  50% {
    opacity: 1;
    transform: scale(1.05); }
  70% {
    transform: scale(0.9); }
  100% {
    transform: scale(1); } }
.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -ms-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0); } }
@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px); }
  80% {
    -moz-transform: translateY(10px); }
  100% {
    -moz-transform: translateY(0); } }
@-ms-keyframes bounceInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -ms-transform: translateY(-30px); }
  80% {
    -ms-transform: translateY(10px); }
  100% {
    -ms-transform: translateY(0); } }
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    transform: translateY(-30px); }
  80% {
    transform: translateY(10px); }
  100% {
    transform: translateY(0); } }
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  -moz-animation-name: bounceInUp;
  -ms-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0); } }
@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateY(30px); }
  80% {
    -moz-transform: translateY(-10px); }
  100% {
    -moz-transform: translateY(0); } }
@-ms-keyframes bounceInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -ms-transform: translateY(30px); }
  80% {
    -ms-transform: translateY(-10px); }
  100% {
    -ms-transform: translateY(0); } }
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    transform: translateY(30px); }
  80% {
    transform: translateY(-10px); }
  100% {
    transform: translateY(0); } }
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  -moz-animation-name: bounceInDown;
  -ms-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0); } }
@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateX(30px); }
  80% {
    -moz-transform: translateX(-10px); }
  100% {
    -moz-transform: translateX(0); } }
@-ms-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -ms-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -ms-transform: translateX(30px); }
  80% {
    -ms-transform: translateX(-10px); }
  100% {
    -ms-transform: translateX(0); } }
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    transform: translateX(30px); }
  80% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(0); } }
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -ms-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0); } }
@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateX(-30px); }
  80% {
    -moz-transform: translateX(10px); }
  100% {
    -moz-transform: translateX(0); } }
@-ms-keyframes bounceInRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -ms-transform: translateX(-30px); }
  80% {
    -ms-transform: translateX(10px); }
  100% {
    -ms-transform: translateX(0); } }
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    transform: translateX(-30px); }
  80% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -ms-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3); } }
@-moz-keyframes bounceOut {
  0% {
    -moz-transform: scale(1); }
  25% {
    -moz-transform: scale(0.95); }
  50% {
    opacity: 1;
    -moz-transform: scale(1.1); }
  100% {
    opacity: 0;
    -moz-transform: scale(0.3); } }
@-ms-keyframes bounceOut {
  0% {
    -ms-transform: scale(1); }
  25% {
    -ms-transform: scale(0.95); }
  50% {
    opacity: 1;
    -ms-transform: scale(1.1); }
  100% {
    opacity: 0;
    -ms-transform: scale(0.3); } }
@keyframes bounceOut {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(0.95); }
  50% {
    opacity: 1;
    transform: scale(1.1); }
  100% {
    opacity: 0;
    transform: scale(0.3); } }
.bounceOut {
  -webkit-animation-name: bounceOut;
  -moz-animation-name: bounceOut;
  -ms-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); } }
@-moz-keyframes bounceOutUp {
  0% {
    -moz-transform: translateY(0); }
  20% {
    opacity: 1;
    -moz-transform: translateY(20px); }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px); } }
@-ms-keyframes bounceOutUp {
  0% {
    -ms-transform: translateY(0); }
  20% {
    opacity: 1;
    -ms-transform: translateY(20px); }
  100% {
    opacity: 0;
    -ms-transform: translateY(-2000px); } }
@keyframes bounceOutUp {
  0% {
    transform: translateY(0); }
  20% {
    opacity: 1;
    transform: translateY(20px); }
  100% {
    opacity: 0;
    transform: translateY(-2000px); } }
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  -moz-animation-name: bounceOutUp;
  -ms-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px); } }
@-moz-keyframes bounceOutDown {
  0% {
    -moz-transform: translateY(0); }
  20% {
    opacity: 1;
    -moz-transform: translateY(-20px); }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px); } }
@-ms-keyframes bounceOutDown {
  0% {
    -ms-transform: translateY(0); }
  20% {
    opacity: 1;
    -ms-transform: translateY(-20px); }
  100% {
    opacity: 0;
    -ms-transform: translateY(2000px); } }
@keyframes bounceOutDown {
  0% {
    transform: translateY(0); }
  20% {
    opacity: 1;
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    transform: translateY(2000px); } }
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  -moz-animation-name: bounceOutDown;
  -ms-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); } }
@-moz-keyframes bounceOutLeft {
  0% {
    -moz-transform: translateX(0); }
  20% {
    opacity: 1;
    -moz-transform: translateX(20px); }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px); } }
@-ms-keyframes bounceOutLeft {
  0% {
    -ms-transform: translateX(0); }
  20% {
    opacity: 1;
    -ms-transform: translateX(20px); }
  100% {
    opacity: 0;
    -ms-transform: translateX(-2000px); } }
@keyframes bounceOutLeft {
  0% {
    transform: translateX(0); }
  20% {
    opacity: 1;
    transform: translateX(20px); }
  100% {
    opacity: 0;
    transform: translateX(-2000px); } }
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  -moz-animation-name: bounceOutLeft;
  -ms-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px); } }
@-moz-keyframes bounceOutRight {
  0% {
    -moz-transform: translateX(0); }
  20% {
    opacity: 1;
    -moz-transform: translateX(-20px); }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px); } }
@-ms-keyframes bounceOutRight {
  0% {
    -ms-transform: translateX(0); }
  20% {
    opacity: 1;
    -ms-transform: translateX(-20px); }
  100% {
    opacity: 0;
    -ms-transform: translateX(2000px); } }
@keyframes bounceOutRight {
  0% {
    transform: translateX(0); }
  20% {
    opacity: 1;
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    transform: translateX(2000px); } }
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  -moz-animation-name: bounceOutRight;
  -ms-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateIn {
  0% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0; }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; } }
.rotateIn {
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
  -ms-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateInUpLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  -moz-animation-name: rotateInUpLeft;
  -ms-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateInDownLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  -moz-animation-name: rotateInDownLeft;
  -ms-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateInUpRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  -moz-animation-name: rotateInUpRight;
  -ms-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateInDownRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  -moz-animation-name: rotateInDownRight;
  -ms-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0; } }
@-moz-keyframes rotateOut {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1; }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(200deg);
    opacity: 0; } }
@-ms-keyframes rotateOut {
  0% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(0);
    opacity: 1; }
  100% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(200deg);
    opacity: 0; } }
@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0; } }
.rotateOut {
  -webkit-animation-name: rotateOut;
  -moz-animation-name: rotateOut;
  -ms-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; } }
@-moz-keyframes rotateOutUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; } }
@-ms-keyframes rotateOutUpLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1; }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0; } }
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; }
  100% {
    -transform-origin: left bottom;
    -transform: rotate(-90deg);
    opacity: 0; } }
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  -moz-animation-name: rotateOutUpLeft;
  -ms-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; } }
@-moz-keyframes rotateOutDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; } }
@-ms-keyframes rotateOutDownLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1; }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(90deg);
    opacity: 0; } }
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; } }
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  -moz-animation-name: rotateOutDownLeft;
  -ms-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; } }
@-moz-keyframes rotateOutUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; } }
@-ms-keyframes rotateOutUpRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1; }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(90deg);
    opacity: 0; } }
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; } }
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  -moz-animation-name: rotateOutUpRight;
  -ms-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; } }
@-moz-keyframes rotateOutDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; } }
@-ms-keyframes rotateOutDownRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1; }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0; } }
@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; } }
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  -moz-animation-name: rotateOutDownRight;
  -ms-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }
  20%,60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }
  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: translateY(700px);
    opacity: 0; } }
@-moz-keyframes hinge {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }
  20%,60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }
  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }
  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }
  100% {
    -moz-transform: translateY(700px);
    opacity: 0; } }
@-ms-keyframes hinge {
  0% {
    -ms-transform: rotate(0);
    -ms-transform-origin: top left;
    -ms-animation-timing-function: ease-in-out; }
  20%,60% {
    -ms-transform: rotate(80deg);
    -ms-transform-origin: top left;
    -ms-animation-timing-function: ease-in-out; }
  40% {
    -ms-transform: rotate(60deg);
    -ms-transform-origin: top left;
    -ms-animation-timing-function: ease-in-out; }
  80% {
    -ms-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -ms-transform-origin: top left;
    -ms-animation-timing-function: ease-in-out; }
  100% {
    -ms-transform: translateY(700px);
    opacity: 0; } }
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  20%,60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  100% {
    transform: translateY(700px);
    opacity: 0; } }
.hinge {
  -webkit-animation-name: hinge;
  -moz-animation-name: hinge;
  -ms-animation-name: hinge;
  animation-name: hinge; }

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg); } }
@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg); } }
@-ms-keyframes rollIn {
  0% {
    opacity: 0;
    -ms-transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0px) rotate(0deg); } }
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg); } }
.rollIn {
  -webkit-animation-name: rollIn;
  -moz-animation-name: rollIn;
  -ms-animation-name: rollIn;
  animation-name: rollIn; }

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg); } }
@-moz-keyframes rollOut {
  0% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -moz-transform: translateX(100%) rotate(120deg); } }
@-ms-keyframes rollOut {
  0% {
    opacity: 1;
    -ms-transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -ms-transform: translateX(100%) rotate(120deg); } }
@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg); } }
.rollOut {
  -webkit-animation-name: rollOut;
  -moz-animation-name: rollOut;
  -ms-animation-name: rollOut;
  animation-name: rollOut; }

.for_center_banner {
  width: auto;
  height: 420px;
  background: url(../images/header43.jpg); }

.for_center_banner #onebyone_slider span a {
  color: #FFF; }

.main .sp_header {
  background: #fff;
  height: 110px;
  line-height: 110px; }
  .main .sp_header .logo {
    display: inline-block;
    vertical-align: top;
    margin-right: 9px; }
    .main .sp_header .logo img {
      margin-top: 22px; 
	  height:80px;
	  }
  .main .sp_header .search {
    display: inline-block;
    width: 700px;
    float: right; }
    .main .sp_header .search .search_box {
      width: 470px;
      height: 36px;
      line-height: 36px;
      border: 2px solid #11A5F9;
      background: #11A5F9;
      font-size: 15px;
      display: inline-block; 
		border-radius: 6px;
	  }
      .main .sp_header .search .search_box input {
        width: 380px;
        height: 36px;
        line-height: 36px;
        background: #fff;
        border: none;
        vertical-align: top;
        padding: 0 10px;
        outline: none; }
      .main .sp_header .search .search_box span {
        width: 65px;
        display: inline-block;
        text-align: center;
        color: #fff;
        cursor: pointer; }
    .main .sp_header .search .btn_login {
      width: 110px;
      height: 38px;
      line-height: 38px;
      display: inline-block;
      font-size: 15px;
      background: #F8F7F7;
      border: 1px solid #EEEEEE;
      text-align: center;
      border-radius: 2px;
      cursor: pointer;
      margin-left: 20px; }
  .main .sp_header ul {
    display: inline-block; }
    .main .sp_header ul li {
      width: 135px;
      text-align: center;
      display: inline-block;
      cursor: pointer; }
      .main .sp_header ul li a {
        color: #4B4B4B;
        font-size: 18px; }
        .main .sp_header ul li a:hover {
          color: #FF7A10; }
      .main .sp_header ul li .btn_login {
        width: 95px;
        height: 30px;
        line-height: 30px;
        display: inline-block;
        color: #fff;
        background: #01419A;
        border-radius: 15px; }
        .main .sp_header ul li .btn_login:hover {
          color: #fff;
          background: #1f5eb6; }
    .main .sp_header ul li.cur a {
      color: #FF7A10; }
.main .nav_top_index {
  background: #0DA3F9;
  height: 46px;
  line-height: 46px; }
  .main .nav_top_index ul {
    font-size: 0; }
    .main .nav_top_index ul li {
      display: inline-block;
      width: 135px;
      font-size: 14px;
      height: 46px;
      text-align: center;
      cursor: pointer; }
	  
	   .main .nav_top_index ul a {
        color: #fff; }
	  
      .main .nav_top_index ul li a {
        color: #fff; }
      .main .nav_top_index ul li:hover {
        background: #0B99E5; }
    .main .nav_top_index ul .active {
      background: #0B99E5; }
.main .sp_body .service {
  font-size: 0; }
  .main .sp_body .service .left_part {
    vertical-align: top;
    width: 250px;
    display: inline-block; }
  .main .sp_body .service .left_content {
    vertical-align: top;
    width: 250px;
    display: inline-block;
    border: 1px solid #E7E7E7;
    font-size: 14px;
    margin-bottom: 20px; }
    .main .sp_body .service .left_content .title {
         font-size: 14px;
    color: #333333;
    background: #F6F6F6;
    height: 40px;
    line-height: 40px;
    text-align: left;
    padding-left: 30px; }
    .main .sp_body .service .left_content ul.service_ul {
      padding: 20px 25px 20px 40px; }
      .main .sp_body .service .left_content ul.service_ul li {
        line-height: 30px;
        height: 30px;
        list-style: initial;
        color: #E5E5E5; }
        .main .sp_body .service .left_content ul.service_ul li span {
          color: #333333; }
          .main .sp_body .service .left_content ul.service_ul li span a {
            color: #333333; }
            .main .sp_body .service .left_content ul.service_ul li span a:hover {
              color: #0DA3F9; }
          .main .sp_body .service .left_content ul.service_ul li span a.curr {
            color: #0DA3F9; }
    .main .sp_body .service .left_content .left_index1 {
      margin-bottom: 22px; }
      .main .sp_body .service .left_content .left_index1 .qq_talk {
        color: #1A649D;
        font-size: 12px;
        border: 1px solid #A6BEE1;
        background: #D5E3F8;
        cursor: pointer;
        border-radius: 2px;
        padding: 4px 8px; }
        .main .sp_body .service .left_content .left_index1 .qq_talk em {
          display: inline-block;
          background: url(../images/x_qq_01.png) center no-repeat;
          background-size: 100% auto;
          width: 18px;
          height: 18px;
          vertical-align: middle;
          margin-right: 3px;
          vertical-align: -4px; }
      .main .sp_body .service .left_content .left_index1 img {
        width: 100%;
        height: 175px; }
      .main .sp_body .service .left_content .left_index1 .txt2 {
        padding: 15px;
        max-height: 400px;
        overflow: hidden; }
        .main .sp_body .service .left_content .left_index1 .txt2 p {
          line-height: 30px;
          color: #333333;
          display: inline-block;
          vertical-align: top; }
        .main .sp_body .service .left_content .left_index1 .txt2 .t1 {
          line-height: 20px; }
        .main .sp_body .service .left_content .left_index1 .txt2 .t2 {
          width: 163px;
          line-height: 20px;
          margin-bottom: 6px; }
      .main .sp_body .service .left_content .left_index1 .left_con_img {
        padding: 20px;
        padding-right: 0; }
        .main .sp_body .service .left_content .left_index1 .left_con_img li {
          margin-bottom: 35px; }
          .main .sp_body .service .left_content .left_index1 .left_con_img li:last-child {
            margin-bottom: 0; }
          .main .sp_body .service .left_content .left_index1 .left_con_img li .left_img {
            width: 80px;
            height: 42.5px;
            display: inline-block;
            vertical-align: top; }
          .main .sp_body .service .left_content .left_index1 .left_con_img li .right_con {
            display: inline-block;
            width: 130px;
            margin-left: 10px; }
            .main .sp_body .service .left_content .left_index1 .left_con_img li .right_con a {
              color: #333; }
            .main .sp_body .service .left_content .left_index1 .left_con_img li .right_con p {
                 color: #333;
    font-weight: 100;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px; }
            .main .sp_body .service .left_content .left_index1 .left_con_img li .right_con span {
              color: #666;
			line-height: 20px;
			max-height: 40px;
			display: block;
			overflow: hidden;
    font-size: 13px;}
  .main .sp_body .service .right_content {
    width: 830px;
    display: inline-block;
    margin-left: 45px; }
    .main .sp_body .service .right_content .top_article .title {
      font-size: 24px;
    font-weight: 100;
    margin-bottom: 10px;
 }
    .main .sp_body .service .right_content .top_article .text {
      font-size: 14px;
      line-height: 22px;
      padding-right: 30px;
      color: #666;
      min-height: 110px;
      overflow: hidden; }
    .main .sp_body .service .right_content .top_article .btn_zx {
      width: 140px;
      height: 50px;
      display: block;
      line-height: 50px;
      text-align: center;
      font-size: 18px;
      background: #FF7200;
      color: #fff;
      margin-bottom: 50px; }
    .main .sp_body .service .right_content ul.service_ul2 li {
     width: 258px;
    height: 290px;
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 30px;
    font-size: 14px;
    border: 1px solid #ECECEC;
    border-radius: 4px;
    background-color: #F6F5F4;
	  }
	  
	  
	 .main .sp_body .service .right_content ul.service_ul2 li:hover {
      box-shadow:0 8px 18px 0 rgba(0,0,0,0.08)}
  
	  
	  
      .main .sp_body .service .right_content ul.service_ul2 li p {
        padding: 0 12px; }
      .main .sp_body .service .right_content ul.service_ul2 li .tit {
        color: #333333;
        font-size: 18px;
        line-height: 30px;
        height: 30px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; 
		margin-top: 10px;
		font-weight:bold;
		}
        .main .sp_body .service .right_content ul.service_ul2 li .tit a {
          color: #333; }
      .main .sp_body .service .right_content ul.service_ul2 li .txt1 {
            color: #666666;
    overflow: hidden;
    height: 54px;
    display: -webkit-box;
    height: 66px;
    line-height: 22px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: inherit;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;}
      .main .sp_body .service .right_content ul.service_ul2 li img {
        width: 100%;
        height: 168px;
        display: block; }
      .main .sp_body .service .right_content ul.service_ul2 li:nth-child(3n) {
        margin-right: 0; }
.main .sp_body .new_body {
  background: #fff; }
  .main .sp_body .new_body ul.top_img {
    padding-top: 25px;
    font-size: 0; }
    .main .sp_body .new_body ul.top_img li {
      display: inline-block;
      width: 279px;
      height: 161px;
      margin-right: 26px;
      vertical-align: top; }
      .main .sp_body .new_body ul.top_img li img {
        width: 100%;
        height: 100%; }
      .main .sp_body .new_body ul.top_img li:last-child {
        margin-right: 0; }
		
		
  .main .sp_body .new_body .middle_con{
	  
	  margin-top:30px;
  }		
  .main .sp_body .new_body .middle_con .title {
    height: 27px;
    line-height: 27px;
    border-left: 5px solid #0AA6E8;
    padding-left: 14px;
    font-size: 24px;
    color: #333;
	}
    .main .sp_body .new_body .middle_con .title a {
      float: right;
      font-size: 14px;
      color: #666; }
  .main .sp_body .new_body .middle_con .con_detail {
    margin-top: 10px;
    font-size: 0; }
    .main .sp_body .new_body .middle_con .con_detail .img img {
      width: 140px;
      height: 70px; }
    .main .sp_body .new_body .middle_con .con_detail .left_img {
      width: 240px;
      height: 435px;
      display: inline-block;
      vertical-align: top; }
    .main .sp_body .new_body .middle_con .con_detail ul {
      font-size: 0;
      display: inline-block;
      width: 960px;
      border-top: 1px solid #E6E6E6; }
      .main .sp_body .new_body .middle_con .con_detail ul li {
        width: 239px;
        height: 216.5px;
        display: inline-block;
        text-align: center;
        border-right: 1px solid #E6E6E6;
        border-bottom: 1px solid #E6E6E6;
        vertical-align: top;
        font-size: 14px;
        color: #737373; }
		.main .sp_body .new_body .middle_con .con_detail ul li:hover{
			
			box-shadow: 0px 6px 70px 1px rgba(0, 0, 0, .1);
		}
		
        .main .sp_body .new_body .middle_con .con_detail ul li .tit {
          padding: 25px 0 15px;
          font-size: 14px;
          font-weight: bold;
          color: #333333;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden; }
          .main .sp_body .new_body .middle_con .con_detail ul li .tit a {
                color: #333;
				font-size: 18px;
				font-weight: 100;}
        .main .sp_body .new_body .middle_con .con_detail ul li span.txt3 {
			display: block;
			padding: 0 15px;
			text-align: left;
			width: 179px;
			margin: 0 auto;
			height: 54px;
			overflow: hidden;
			margin-bottom: 10px;
			display: -webkit-box;
			height: 44px;
			font-size: 14px;
			line-height: 22px;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			white-space: inherit;
			text-overflow: ellipsis;
			overflow: hidden;
	}
  .main .sp_body .new_body .bottom_img ul {
    padding: 30px 0;
    font-size: 0; }
    .main .sp_body .new_body .bottom_img ul li {
      width: 385px;
      height: 270px;
      display: inline-block;
      margin-right: 20px; }
      .main .sp_body .new_body .bottom_img ul li:last-child {
        margin-right: 0; }

.footer {
  background: #3C3C3C;
  width: 100%;
  padding-top: 40px; }
  .footer .link ul {
    text-align: center; }
    .footer .link ul li {
      display: inline-block;
      border-right: 1px solid #AEAEAE;
      height: 16px;
      line-height: 16px;
      padding: 5px 30px; }
      .footer .link ul li a {
        color: #AEAEAE;
        font-size: 14px;
        display: inline-block; }
      .footer .link ul li:last-child {
        border: none; }
  .footer .link .instr {
    color: #AEAEAE;
    font-size: 14px;
    text-align: center;
    padding-bottom: 45px;
    margin-top: 20px; }

.sp_detail .nav_top {
  font-size: 14px;
  height: 58px;
  line-height: 58px; }
  .sp_detail .nav_top a {
    color: #333; }
  .sp_detail .nav_top span.cur {
    color: #0DA3F9; }
.sp_detail .sp_detail_con {
  border: 1px solid #EFEFEF;
  background: #fff;
  padding: 35px 30px; }
  .sp_detail .sp_detail_con .left_detail {
    width: 310px;
    height: 280px;
    text-align: center;
    border-right: 1px dashed #E1E1E1;
    display: inline-block; }
    .sp_detail .sp_detail_con .left_detail .logo_store {
      width: 110px;
      height: 110px;
      border: 1px solid #EFEFEF;
      display: inline-block;
      margin: 65px auto 0; }
    .sp_detail .sp_detail_con .left_detail .txt {
      color: #333;
      font-size: 14px;
      margin-top: 20px; }
  .sp_detail .sp_detail_con .right_detail {
    width: 740px;
    display: inline-block;
    vertical-align: top;
    margin-left: 55px;
    position: relative; }
    .sp_detail .sp_detail_con .right_detail .tit {
      font-size: 24px;
      color: #333;
      margin-bottom: 20px; }
    .sp_detail .sp_detail_con .right_detail .txt2 {
      font-size: 16px;
      line-height: 32px;
      max-height: 160px;
      overflow: hidden; }
    .sp_detail .sp_detail_con .right_detail .btn_zx {
      width: 140px;
      height: 50px;
      font-size: 18px;
      line-height: 50px;
      text-align: center;
      color: #fff;
      background: #FF7200;
      position: absolute;
      right: 20px; }
.sp_detail .sp_detail_instr {
  border: 1px solid #ddd;
  margin-bottom: 60px; }
  .sp_detail .sp_detail_instr .title_1 {
    background: #F6F6F6; }
    .sp_detail .sp_detail_instr .title_1 li {
      display: inline-block;
      width: 130px;
      height: 50px;
      line-height: 50px;
      text-align: center;
      font-size: 14px;
      color: #333;
      cursor: pointer;
      margin-left: -1px; 
	  font-weight: bold;
	  }
    .sp_detail .sp_detail_instr .title_1 .cur {
      border-left: 1px solid #ddd; }
      .sp_detail .sp_detail_instr .title_1 .cur p {
        background: #fff;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #ddd; }
  .sp_detail .sp_detail_instr .ins_content {
	
    background: #fff;
    border-top: 1px solid #ddd;
    font-size: 14px;
    color: #333;
    line-height: 28px;
    padding: 20px 10px; }
    .sp_detail .sp_detail_instr .ins_content span {
      word-wrap: break-word; }
    .sp_detail .sp_detail_instr .ins_content p {
      padding: 0 10px; 
	  font-size: 14px;
	  }
    .sp_detail .sp_detail_instr .ins_content img {
      max-width: 95%;
      margin-top: 15px; }

.sp_partner .sp_partner_con {
  text-align: center;
  background: #fff; }
  .sp_partner .sp_partner_con .title_img1 {
    padding-top: 75px;
    margin-bottom: 55px; }
  .sp_partner .sp_partner_con .text_con {
    color: #333;
    font-size: 24px;
    line-height: 48px;
    padding-bottom: 95px; }
  .sp_partner .sp_partner_con .text {
    width: 640px;
    font-size: 20px;
    color: #4F4D4C;
    margin: 0 auto; }
    .sp_partner .sp_partner_con .text i {
      color: #FF7200; }
  .sp_partner .sp_partner_con .partner_index {
    text-align: center;
    margin-top: 70px;
    padding-bottom: 80px; }
    .sp_partner .sp_partner_con .partner_index li {
      display: inline-block;
      color: #333;
      font-size: 24px;
      margin: 0 30px; }
  .sp_partner .sp_partner_con .nums .num_title {
    text-align: left;
    font-size: 18px;
    color: #333333;
    line-height: 36px;
    margin-bottom: 10px; }
    .sp_partner .sp_partner_con .nums .num_title span {
      width: 30px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      color: #fff;
      background: #534D43;
      border-radius: 50%;
      font-size: 18px;
      display: inline-block; }
    .sp_partner .sp_partner_con .nums .num_title label {
      display: inline-block;
      width: 550px;
      vertical-align: top; }
  .sp_partner .sp_partner_con .wh_1200 {
    position: relative; }
    .sp_partner .sp_partner_con .wh_1200 .btn_org {
      width: 300px;
      font-size: 24px;
      display: block;
      color: #fff;
      height: 85px;
      line-height: 85px;
      background: #FF7200;
      position: absolute;
      bottom: -20px;
      left: 400px; }
  .sp_partner .sp_partner_con .icons {
    position: absolute;
    top: 168px;
    left: 80px; }
    .sp_partner .sp_partner_con .icons .num_title {
      text-align: left;
      font-size: 18px;
      color: #333333;
      line-height: 36px;
      margin-bottom: 14px; }
.sp_partner .top2 {
  background: #ddd; }
.sp_partner .top3 .wh_1200 {
  position: relative; }
.sp_partner .top3 .nums {
  position: absolute;
  top: 210px;
  right: -25px; }
.sp_partner .top3 .btn_org {
  width: 200px !important;
  height: 80px !important;
  line-height: 80px !important;
  bottom: 60px !important;
  left: 580px !important; }
.sp_partner .top4 {
  background: #F1F3F5;
  padding-bottom: 100px; }
.sp_partner .top5 .wh_1200 {
  position: relative; }
.sp_partner .top5 .nums {
  position: absolute;
  top: 210px;
  right: 48px; }
  .sp_partner .top5 .nums p {
    width: 600px; }
.sp_partner .top6 {
  background: #F1F3F5;
  padding-bottom: 100px; }
  .sp_partner .top6 .wh_1200 {
    position: relative; }
  .sp_partner .top6 .nums {
    position: absolute;
    top: 210px;
    left: 100px; }

/**/
.page-link {
  padding-right: 10px;
  text-align: center;
  margin-bottom: 100px;
  margin-top: 40px; }

.page-link a {
  border: 1px solid #0D72BA;
  margin: 0px 2px;
  padding: 5px 12px;
  font-size: 14px;
  font-weight: bold;
  color: #0062B0;
  border-radius: 15px; }

.page-link a:hover {
  background-color: #0D72BA;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold; }

.page-link .this-page {
  background-color: #0D72BA;
  border: 1px solid #0D72BA;
  color: #FFFFFF;
  margin: 0 2px;
  padding: 5px 12px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 15px; }

/*# sourceMappingURL=sp.css.map */


.partner-header{
	width: 100%;
    line-height: 18px;
    box-sizing: border-box;
    background-color: #f5f5f5;
}

 .partner-header .site-nav-bg {
    width: 1200px;
    height: 30px;
    margin: 0 auto;
    font-size: 12px;
}

.partner-header .site-nav-bg .site-nav-bg-l {
    float: left;
    position: relative;
    top: -1px;
}

.partner-header .site-nav-bg .site-nav-bg-r {
    float: right;
}

.partner-header .site-nav-bg .site-nav-menu {
    padding: 0;
    height: 30px;
    line-height: 28px;
    display: inline-block;
    position: relative;
	padding-right:10px;
	padding-left:10px;
}

.partner-header .site-nav-bg a{
    color: #666;
}
.partner-header .site-nav-bg a:hover{
    color: #333;
}