/*T-YX144*/
/*
==============================================
CSS3 ANIMATION CHEAT SHEET
==============================================
使用方法 ： http://xiaoguoji.siteconfirm.com/lyy/animates/animates01
==============================================
*/
@charset "UTF-8";
.bgFull {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-behavior: url(../images/backgroundsize.min.htc);
  behavior: url(http://yc8181.comhttp://yc8181.comhttp://yc8181.com/css/css/backgroundsize.min.htc);
}
.vcenter {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tHide {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.blockFull {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.block {
  display: block;
  position: relative;
}
.centerBlock {
  margin-left: auto;
  margin-right: auto;
}
.clearfix {
  clear: both;
}
.magictime {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.magic {
  -webkit-animation-name: magic;
  animation-name: magic;
}
.openDownLeft {
  -webkit-animation-name: openDownLeft;
  animation-name: openDownLeft;
}
.openDownRight {
  -webkit-animation-name: openDownRight;
  animation-name: openDownRight;
}
.openUpLeft {
  -webkit-animation-name: openUpLeft;
  animation-name: openUpLeft;
}
.openUpRight {
  -webkit-animation-name: openUpRight;
  animation-name: openUpRight;
}
.openDownLeftRetourn {
  -webkit-animation-name: openDownLeftRetourn;
  animation-name: openDownLeftRetourn;
}
.openDownRightRetourn {
  -webkit-animation-name: openDownRightRetourn;
  animation-name: openDownRightRetourn;
}
.openUpLeftRetourn {
  -webkit-animation-name: openUpLeftRetourn;
  animation-name: openUpLeftRetourn;
}
.openUpRightRetourn {
  -webkit-animation-name: openUpRightRetourn;
  animation-name: openUpRightRetourn;
}
.openDownLeftOut {
  -webkit-animation-name: openDownLeftOut;
  animation-name: openDownLeftOut;
}
.openDownRightOut {
  -webkit-animation-name: openDownRightOut;
  animation-name: openDownRightOut;
}
.openUpLeftOut {
  -webkit-animation-name: openUpLeftOut;
  animation-name: openUpLeftOut;
}
.openUpRightOut {
  -webkit-animation-name: openUpRightOut;
  animation-name: openUpRightOut;
}
.perspectiveDown {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveDown;
  animation-name: perspectiveDown;
}
.perspectiveLeft {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveLeft;
  animation-name: perspectiveLeft;
}
.perspectiveRight {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveRight;
  animation-name: perspectiveRight;
}
.perspectiveUp {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveUp;
  animation-name: perspectiveUp;
}
.perspectiveDownRetourn {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveDownRetourn;
  animation-name: perspectiveDownRetourn;
}
.perspectiveLeftRetourn {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveLeftRetourn;
  animation-name: perspectiveLeftRetourn;
}
.perspectiveRightRetourn {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveRightRetourn;
  animation-name: perspectiveRightRetourn;
}
.perspectiveUpRetourn {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveUpRetourn;
  animation-name: perspectiveUpRetourn;
}
.puffIn {
  -webkit-animation-name: puffIn;
  animation-name: puffIn;
}
.puffOut {
  -webkit-animation-name: puffOut;
  animation-name: puffOut;
}
.rotateDown {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: rotateDown;
  animation-name: rotateDown;
}
.rotateLeft {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: rotateLeft;
  animation-name: rotateLeft;
}
.rotateRight {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: rotateRight;
  animation-name: rotateRight;
}
.rotateUp {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: rotateUp;
  animation-name: rotateUp;
}
.slideDown {
  -webkit-animation-name: slideDown;
  animation-name: slideDown;
}
.slideLeft {
  -webkit-animation-name: slideLeft;
  animation-name: slideLeft;
}
.slideRight {
  -webkit-animation-name: slideRight;
  animation-name: slideRight;
}
.slideUp {
  -webkit-animation-name: slideUp;
  animation-name: slideUp;
}
.slideDownRetourn {
  -webkit-animation-name: slideDownRetourn;
  animation-name: slideDownRetourn;
}
.slideLeftRetourn {
  -webkit-animation-name: slideLeftRetourn;
  animation-name: slideLeftRetourn;
}
.slideRightRetourn {
  -webkit-animation-name: slideRightRetourn;
  animation-name: slideRightRetourn;
}
.slideUpRetourn {
  -webkit-animation-name: slideUpRetourn;
  animation-name: slideUpRetourn;
}
.swap {
  -webkit-animation-name: swap;
  animation-name: swap;
}
.twisterInDown {
  -webkit-animation-name: twisterInDown;
  animation-name: twisterInDown;
}
.twisterInUp {
  -webkit-animation-name: twisterInUp;
  animation-name: twisterInUp;
}
.vanishIn {
  -webkit-animation-name: vanishIn;
  animation-name: vanishIn;
}
.vanishOut {
  -webkit-animation-name: vanishOut;
  animation-name: vanishOut;
}
.swashOut {
  -webkit-animation-name: swashOut;
  animation-name: swashOut;
}
.swashIn {
  -webkit-animation-name: swashIn;
  animation-name: swashIn;
}
.foolishOut {
  -webkit-animation-name: foolishOut;
  animation-name: foolishOut;
}
.foolishIn {
  -webkit-animation-name: foolishIn;
  animation-name: foolishIn;
}
.holeOut {
  -webkit-animation-name: holeOut;
  animation-name: holeOut;
}
.tinRightOut {
  -webkit-animation-name: tinRightOut;
  animation-name: tinRightOut;
}
.tinLeftOut {
  -webkit-animation-name: tinLeftOut;
  animation-name: tinLeftOut;
}
.tinUpOut {
  -webkit-animation-name: tinUpOut;
  animation-name: tinUpOut;
}
.tinDownOut {
  -webkit-animation-name: tinDownOut;
  animation-name: tinDownOut;
}
.tinRightIn {
  -webkit-animation-name: tinRightIn;
  animation-name: tinRightIn;
}
.tinLeftIn {
  -webkit-animation-name: tinLeftIn;
  animation-name: tinLeftIn;
}
.tinUpIn {
  -webkit-animation-name: tinUpIn;
  animation-name: tinUpIn;
}
.tinDownIn {
  -webkit-animation-name: tinDownIn;
  animation-name: tinDownIn;
}
.bombRightOut {
  -webkit-animation-name: bombRightOut;
  animation-name: bombRightOut;
}
.bombLeftOut {
  -webkit-animation-name: bombLeftOut;
  animation-name: bombLeftOut;
}
.boingInUp {
  -webkit-animation-name: boingInUp;
  animation-name: boingInUp;
}
.boingOutDown {
  -webkit-animation-name: boingOutDown;
  animation-name: boingOutDown;
}
.spaceOutUp {
  -webkit-animation-name: spaceOutUp;
  animation-name: spaceOutUp;
}
.spaceOutRight {
  -webkit-animation-name: spaceOutRight;
  animation-name: spaceOutRight;
}
.spaceOutDown {
  -webkit-animation-name: spaceOutDown;
  animation-name: spaceOutDown;
}
.spaceOutLeft {
  -webkit-animation-name: spaceOutLeft;
  animation-name: spaceOutLeft;
}
.spaceInUp {
  -webkit-animation-name: spaceInUp;
  animation-name: spaceInUp;
}
.spaceInRight {
  -webkit-animation-name: spaceInRight;
  animation-name: spaceInRight;
}
.spaceInDown {
  -webkit-animation-name: spaceInDown;
  animation-name: spaceInDown;
}
.spaceInLeft {
  -webkit-animation-name: spaceInLeft;
  animation-name: spaceInLeft;
}
@-webkit-keyframes magic {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 200%;
    -webkit-transform: scale(1, 1) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 200% 500%;
    -webkit-transform: scale(0, 0) rotate(270deg);
  }
}
@keyframes magic {
  0% {
    opacity: 1;
    transform-origin: 100% 200%;
    transform: scale(1, 1) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform-origin: 200% 500%;
    transform: scale(0, 0) rotate(270deg);
  }
}
@-webkit-keyframes openDownLeft {
  0% {
    -webkit-transform-origin: bottom left;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform-origin: bottom left;
    -webkit-transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
  }
}
@keyframes openDownLeft {
  0% {
    transform-origin: bottom left;
    transform: rotate(0deg);
    animation-timing-function: ease-out;
  }
  100% {
    transform-origin: bottom left;
    transform: rotate(-110deg);
    animation-timing-function: ease-in-out;
  }
}
@-webkit-keyframes openDownRight {
  0% {
    -webkit-transform-origin: bottom right;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform-origin: bottom right;
    -webkit-transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
  }
}
@keyframes openDownRight {
  0% {
    transform-origin: bottom right;
    transform: rotate(0deg);
    animation-timing-function: ease-out;
  }
  100% {
    transform-origin: bottom right;
    transform: rotate(110deg);
    animation-timing-function: ease-in-out;
  }
}
@-webkit-keyframes openUpLeft {
  0% {
    -webkit-transform-origin: top left;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform-origin: top left;
    -webkit-transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
  }
}
@keyframes openUpLeft {
  0% {
    transform-origin: top left;
    transform: rotate(0deg);
    animation-timing-function: ease-out;
  }
  100% {
    transform-origin: top left;
    transform: rotate(110deg);
    animation-timing-function: ease-in-out;
  }
}
@-webkit-keyframes openUpRight {
  0% {
    -webkit-transform-origin: top right;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
  }
}
@keyframes openUpRight {
  0% {
    transform-origin: top right;
    transform: rotate(0deg);
    animation-timing-function: ease-out;
  }
  100% {
    transform-origin: top right;
    transform: rotate(-110deg);
    animation-timing-function: ease-in-out;
  }
}
@-webkit-keyframes openDownLeftRetourn {
  0% {
    -webkit-transform-origin: bottom left;
    -webkit-transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform-origin: bottom left;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
  }
}
@keyframes openDownLeftRetourn {
  0% {
    transform-origin: bottom left;
    transform: rotate(-110deg);
    animation-timing-function: ease-in-out;
  }
  100% {
    transform-origin: bottom left;
    transform: rotate(0deg);
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes openDownRightRetourn {
  0% {
    -webkit-transform-origin: bottom right;
    -webkit-transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform-origin: bottom right;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
  }
}
@keyframes openDownRightRetourn {
  0% {
    transform-origin: bottom right;
    transform: rotate(110deg);
    animation-timing-function: ease-in-out;
  }
  100% {
    transform-origin: bottom right;
    transform: rotate(0deg);
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes openUpLeftRetourn {
  0% {
    -webkit-transform-origin: top left;
    -webkit-transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform-origin: top left;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
  }
}
@keyframes openUpLeftRetourn {
  0% {
    transform-origin: top left;
    transform: rotate(110deg);
    animation-timing-function: ease-in-out;
  }
  100% {
    transform-origin: top left;
    transform: rotate(0deg);
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes openUpRightRetourn {
  0% {
    -webkit-transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform-origin: top right;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
  }
}
@keyframes openUpRightRetourn {
  0% {
    transform-origin: top right;
    transform: rotate(-110deg);
    animation-timing-function: ease-in-out;
  }
  100% {
    transform-origin: top right;
    transform: rotate(0deg);
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes openDownLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: bottom left;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: bottom left;
    -webkit-transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
  }
}
@keyframes openDownLeftOut {
  0% {
    opacity: 1;
    transform-origin: bottom left;
    transform: rotate(0deg);
    animation-timing-function: ease-out;
  }
  100% {
    opacity: 0;
    transform-origin: bottom left;
    transform: rotate(-110deg);
    animation-timing-function: ease-in-out;
  }
}
@-webkit-keyframes openDownRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: bottom right;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: bottom right;
    -webkit-transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
  }
}
@keyframes openDownRightOut {
  0% {
    opacity: 1;
    transform-origin: bottom right;
    transform: rotate(0deg);
    animation-timing-function: ease-out;
  }
  100% {
    opacity: 0;
    transform-origin: bottom right;
    transform: rotate(110deg);
    animation-timing-function: ease-in-out;
  }
}
@-webkit-keyframes openUpLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: top left;
    -webkit-transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
  }
}
@keyframes openUpLeftOut {
  0% {
    opacity: 1;
    transform-origin: top left;
    transform: rotate(0deg);
    animation-timing-function: ease-out;
  }
  100% {
    opacity: 0;
    transform-origin: top left;
    transform: rotate(110deg);
    animation-timing-function: ease-in-out;
  }
}
@-webkit-keyframes openUpRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: top right;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
  }
}
@keyframes openUpRightOut {
  0% {
    opacity: 1;
    transform-origin: top right;
    transform: rotate(0deg);
    animation-timing-function: ease-out;
  }
  100% {
    opacity: 0;
    transform-origin: top right;
    transform: rotate(-110deg);
    animation-timing-function: ease-in-out;
  }
}
@-webkit-keyframes perspectiveDown {
  0% {
    -webkit-transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(0deg);
  }
  100% {
    -webkit-transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg);
  }
}
@keyframes perspectiveDown {
  0% {
    transform-origin: 0 100%;
    transform: perspective(800px) rotateX(0deg);
  }
  100% {
    transform-origin: 0 100%;
    transform: perspective(800px) rotateX(-180deg);
  }
}
@-webkit-keyframes perspectiveLeft {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
  }
  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(-180deg);
  }
}
@keyframes perspectiveLeft {
  0% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(0deg);
  }
  100% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(-180deg);
  }
}
@-webkit-keyframes perspectiveRight {
  0% {
    -webkit-transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
  }
  100% {
    -webkit-transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(180deg);
  }
}
@keyframes perspectiveRight {
  0% {
    transform-origin: 100% 0;
    transform: perspective(800px) rotateY(0deg);
  }
  100% {
    transform-origin: 100% 0;
    transform: perspective(800px) rotateY(180deg);
  }
}
@-webkit-keyframes perspectiveUp {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg);
  }
  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(180deg);
  }
}
@keyframes perspectiveUp {
  0% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateX(0deg);
  }
  100% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateX(180deg);
  }
}
@-webkit-keyframes perspectiveDownRetourn {
  0% {
    -webkit-transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg);
  }
  100% {
    -webkit-transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(0deg);
  }
}
@keyframes perspectiveDownRetourn {
  0% {
    transform-origin: 0 100%;
    transform: perspective(800px) rotateX(-180deg);
  }
  100% {
    transform-origin: 0 100%;
    transform: perspective(800px) rotateX(0deg);
  }
}
@-webkit-keyframes perspectiveLeftRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(-180deg);
  }
  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
  }
}
@keyframes perspectiveLeftRetourn {
  0% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(-180deg);
  }
  100% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(0deg);
  }
}
@-webkit-keyframes perspectiveRightRetourn {
  0% {
    -webkit-transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(180deg);
  }
  100% {
    -webkit-transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
  }
}
@keyframes perspectiveRightRetourn {
  0% {
    transform-origin: 100% 0;
    transform: perspective(800px) rotateY(180deg);
  }
  100% {
    transform-origin: 100% 0;
    transform: perspective(800px) rotateY(0deg);
  }
}
@-webkit-keyframes perspectiveUpRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(180deg);
  }
  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg);
  }
}
@keyframes perspectiveUpRetourn {
  0% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateX(180deg);
  }
  100% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateX(0deg);
  }
}
@-webkit-keyframes puffIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -webkit-filter: blur(2px);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -webkit-filter: blur(0px);
  }
}
@keyframes puffIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(2, 2);
    filter: blur(2px);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
    filter: blur(0px);
  }
}
@-webkit-keyframes puffOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -webkit-filter: blur(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -webkit-filter: blur(2px);
  }
}
@keyframes puffOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
    -webkit-filter: blur(0px);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(2, 2);
    -webkit-filter: blur(2px);
  }
}
@-webkit-keyframes rotateDown {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
  }
}
@keyframes rotateDown {
  0% {
    opacity: 1;
    transform-origin: 0 0;
    transform: perspective(800px) rotateX(0deg) translateZ(0px);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: perspective(800px) rotateX(-180deg) translateZ(300px);
  }
}
@-webkit-keyframes rotateLeft {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px);
  }
}
@keyframes rotateLeft {
  0% {
    opacity: 1;
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(0deg) translateZ(0px);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 0;
    transform: perspective(800px) rotateY(180deg) translateZ(300px);
  }
}
@-webkit-keyframes rotateRight {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
  }
}
@keyframes rotateRight {
  0% {
    opacity: 1;
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(0deg) translate3d(0px);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 0;
    transform: perspective(800px) rotateY(-180deg) translateZ(150px);
  }
}
@-webkit-keyframes rotateUp {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px);
  }
}
@keyframes rotateUp {
  0% {
    opacity: 1;
    transform-origin: 0 0;
    transform: perspective(800px) rotateX(0deg) translateZ(0px);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 0;
    transform: perspective(800px) rotateX(180deg) translateZ(100px);
  }
}
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateY(0%);
  }
  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateY(100%);
  }
}
@keyframes slideDown {
  0% {
    transform-origin: 0 0;
    transform: translateY(0%);
  }
  100% {
    transform-origin: 0 0;
    transform: translateY(100%);
  }
}
@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateX(0%);
  }
  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
  }
}
@keyframes slideLeft {
  0% {
    transform-origin: 0 0;
    transform: translateX(0%);
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(-100%);
  }
}
@-webkit-keyframes slideRight {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateX(0%);
  }
  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateX(100%);
  }
}
@keyframes slideRight {
  0% {
    transform-origin: 0 0;
    transform: translateX(0%);
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(100%);
  }
}
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateY(0%);
  }
  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateY(-100%);
  }
}
@keyframes slideUp {
  0% {
    transform-origin: 0 0;
    transform: translateY(0%);
  }
  100% {
    transform-origin: 0 0;
    transform: translateY(-100%);
  }
}
@-webkit-keyframes slideDownRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateY(100%);
  }
  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateY(0%);
  }
}
@keyframes slideDownRetourn {
  0% {
    transform-origin: 0 0;
    transform: translateY(100%);
  }
  100% {
    transform-origin: 0 0;
    transform: translateY(0%);
  }
}
@-webkit-keyframes slideLeftRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateX(0%);
  }
}
@keyframes slideLeftRetourn {
  0% {
    transform-origin: 0 0;
    transform: translateX(-100%);
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(0%);
  }
}
@-webkit-keyframes slideRightRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateX(0%);
  }
}
@keyframes slideRightRetourn {
  0% {
    transform-origin: 0 0;
    transform: translateX(100%);
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(0%);
  }
}
@-webkit-keyframes slideUpRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateY(-100%);
  }
  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateY(0%);
  }
}
@keyframes slideUpRetourn {
  0% {
    transform-origin: 0 0;
    transform: translateY(-100%);
  }
  100% {
    transform-origin: 0 0;
    transform: translateY(0%);
  }
}
@-webkit-keyframes swap {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) translate(-700px, 0px);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -webkit-transform: scale(1, 1) translate(0px, 0px);
  }
}
@keyframes swap {
  0% {
    opacity: 0;
    transform-origin: 0 100%;
    transform: scale(0, 0) translate(-700px, 0px);
  }
  100% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scale(1, 1) translate(0px, 0px);
  }
}
@-webkit-keyframes twisterInDown {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
  }
  30% {
    -webkit-transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%);
  }
}
@keyframes twisterInDown {
  0% {
    opacity: 0;
    transform-origin: 0 100%;
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
  }
  30% {
    transform-origin: 0 100%;
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
  }
  100% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scale(1, 1) rotate(0deg) translateY(0%);
  }
}
@-webkit-keyframes twisterInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 0;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
  }
  30% {
    -webkit-transform-origin: 100% 0;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0);
  }
}
@keyframes twisterInUp {
  0% {
    opacity: 0;
    transform-origin: 100% 0;
    transform: scale(0, 0) rotate(360deg) translateY(100%);
  }
  30% {
    transform-origin: 100% 0;
    transform: scale(0, 0) rotate(360deg) translateY(100%);
  }
  100% {
    opacity: 1;
    transform-origin: 0 0;
    transform: scale(1, 1) rotate(0deg) translateY(0);
  }
}
@-webkit-keyframes vanishIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -webkit-filter: blur(90px);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -webkit-filter: blur(0px);
  }
}
@keyframes vanishIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(2, 2);
    -webkit-filter: blur(90px);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
    -webkit-filter: blur(0px);
  }
}
@-webkit-keyframes vanishOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -webkit-filter: blur(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -webkit-filter: blur(20px);
  }
}
@keyframes vanishOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
    -webkit-filter: blur(0px);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(2, 2);
    -webkit-filter: blur(20px);
  }
}
@-webkit-keyframes swashOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  80% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(0.9, 0.9);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
  }
}
@keyframes swashOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
  80% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(0.9, 0.9);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
}
@-webkit-keyframes swashIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
  }
  90% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(0.9, 0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
  }
}
@keyframes swashIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
  90% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(0.9, 0.9);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
}
@-webkit-keyframes foolishOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotate(360deg);
  }
  20% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
  }
  40% {
    opacity: 1;
    -webkit-transform-origin: 100% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
  }
  60% {
    opacity: 1;
    -webkit-transform-origin: 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
  }
  80% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotate(0deg);
  }
}
@keyframes foolishOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1) rotate(360deg);
  }
  20% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  40% {
    opacity: 1;
    transform-origin: 100% 0%;
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  60% {
    opacity: 1;
    transform-origin: 0%;
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  80% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0) rotate(0deg);
  }
}
@-webkit-keyframes foolishIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotate(360deg);
  }
  20% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
  }
  40% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
  }
  60% {
    opacity: 1;
    -webkit-transform-origin: 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
  }
  80% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotate(0deg);
  }
}
@keyframes foolishIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0) rotate(360deg);
  }
  20% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  40% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  60% {
    opacity: 1;
    transform-origin: 0%;
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  80% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1) rotate(0deg);
  }
}
@-webkit-keyframes holeOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotateY(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotateY(180deg);
  }
}
@keyframes holeOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1) rotateY(0deg);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0) rotateY(180deg);
  }
}
@-webkit-keyframes tinRightOut {
  0%,
  20%,
  40%,
  50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
  }
  10%,
  30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(900%);
  }
}
@keyframes tinRightOut {
  0%,
  20%,
  40%,
  50% {
    opacity: 1;
    transform: scale(1, 1) translateX(0);
  }
  10%,
  30% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateX(0);
  }
  100% {
    opacity: 0;
    transform: scale(1, 1) translateX(900%);
  }
}
@-webkit-keyframes tinLeftOut {
  0%,
  20%,
  40%,
  50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
  }
  10%,
  30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(-900%);
  }
}
@keyframes tinLeftOut {
  0%,
  20%,
  40%,
  50% {
    opacity: 1;
    transform: scale(1, 1) translateX(0);
  }
  10%,
  30% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateX(0);
  }
  100% {
    opacity: 0;
    transform: scale(1, 1) translateX(-900%);
  }
}
@-webkit-keyframes tinUpOut {
  0%,
  20%,
  40%,
  50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
  }
  10%,
  30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(-900%);
  }
}
@keyframes tinUpOut {
  0%,
  20%,
  40%,
  50% {
    opacity: 1;
    transform: scale(1, 1) translateY(0);
  }
  10%,
  30% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateY(0);
  }
  100% {
    opacity: 0;
    transform: scale(1, 1) translateY(-900%);
  }
}
@-webkit-keyframes tinDownOut {
  0%,
  20%,
  40%,
  50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
  }
  10%,
  30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(900%);
  }
}
@keyframes tinDownOut {
  0%,
  20%,
  40%,
  50% {
    opacity: 1;
    transform: scale(1, 1) translateY(0);
  }
  10%,
  30% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateY(0);
  }
  100% {
    opacity: 0;
    transform: scale(1, 1) translateY(900%);
  }
}
@-webkit-keyframes tinRightIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(900%);
  }
  50%,
  70%,
  90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
  }
  60%,
  80%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
  }
}
@keyframes tinRightIn {
  0% {
    opacity: 0;
    transform: scale(1, 1) translateX(900%);
  }
  50%,
  70%,
  90% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateX(0);
  }
  60%,
  80%,
  100% {
    opacity: 1;
    transform: scale(1, 1) translateX(0);
  }
}
@-webkit-keyframes tinLeftIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(-900%);
  }
  50%,
  70%,
  90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
  }
  60%,
  80%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
  }
}
@keyframes tinLeftIn {
  0% {
    opacity: 0;
    transform: scale(1, 1) translateX(-900%);
  }
  50%,
  70%,
  90% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateX(0);
  }
  60%,
  80%,
  100% {
    opacity: 1;
    transform: scale(1, 1) translateX(0);
  }
}
@-webkit-keyframes tinUpIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(-900%);
  }
  50%,
  70%,
  90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
  }
  60%,
  80%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
  }
}
@keyframes tinUpIn {
  0% {
    opacity: 0;
    transform: scale(1, 1) translateY(-900%);
  }
  50%,
  70%,
  90% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateY(0);
  }
  60%,
  80%,
  100% {
    opacity: 1;
    transform: scale(1, 1) translateY(0);
  }
}
@-webkit-keyframes tinDownIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(900%);
  }
  50%,
  70%,
  90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
  }
  60%,
  80%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
  }
}
@keyframes tinDownIn {
  0% {
    opacity: 0;
    transform: scale(1, 1) translateY(900%);
  }
  50%,
  70%,
  90% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateY(0);
  }
  60%,
  80%,
  100% {
    opacity: 1;
    transform: scale(1, 1) translateY(0);
  }
}
@-webkit-keyframes bombRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
    -webkit-filter: blur(0px);
  }
  50% {
    opacity: 1;
    -webkit-transform-origin: 200% 50%;
    -webkit-transform: rotate(160deg);
    -webkit-filter: blur(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 200% 50%;
    -webkit-transform: rotate(160deg);
    -webkit-filter: blur(20px);
  }
}
@keyframes bombRightOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: rotate(0deg);
    -webkit-filter: blur(0px);
  }
  50% {
    opacity: 1;
    transform-origin: 200% 50%;
    transform: rotate(160deg);
    -webkit-filter: blur(0px);
  }
  100% {
    opacity: 0;
    transform-origin: 200% 50%;
    transform: rotate(160deg);
    -webkit-filter: blur(20px);
  }
}
@-webkit-keyframes bombLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
    -webkit-filter: blur(0px);
  }
  50% {
    opacity: 1;
    -webkit-transform-origin: -100% 50%;
    -webkit-transform: rotate(-160deg);
    -webkit-filter: blur(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: -100% 50%;
    -webkit-transform: rotate(-160deg);
    -webkit-filter: blur(20px);
  }
}
@keyframes bombLeftOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: rotate(0deg);
    -webkit-filter: blur(0px);
  }
  50% {
    opacity: 1;
    transform-origin: -100% 50%;
    transform: rotate(-160deg);
    -webkit-filter: blur(0px);
  }
  100% {
    opacity: 0;
    transform-origin: -100% 50%;
    transform: rotate(-160deg);
    -webkit-filter: blur(20px);
  }
}
@-webkit-keyframes boingInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: perspective(800px) rotateX(-90deg);
  }
  50% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: perspective(800px) rotateX(50deg);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: perspective(800px) rotateX(0deg);
  }
}
@keyframes boingInUp {
  0% {
    opacity: 0;
    transform-origin: 50% 0%;
    transform: perspective(800px) rotateX(-90deg);
  }
  50% {
    opacity: 1;
    transform-origin: 50% 0%;
    transform: perspective(800px) rotateX(50deg);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 0%;
    transform: perspective(800px) rotateX(0deg);
  }
}
@-webkit-keyframes boingOutDown {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg);
  }
  20% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -webkit-transform: perspective(800px) rotateX(0deg) rotateY(10deg);
  }
  30% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg);
  }
  40% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    -webkit-transform: perspective(800px) rotateX(10deg) rotateY(10deg);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    -webkit-transform: perspective(800px) rotateX(90deg) rotateY(0deg);
  }
}
@keyframes boingOutDown {
  0% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: perspective(800px) rotateX(0deg) rotateY(0deg);
  }
  20% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: perspective(800px) rotateX(0deg) rotateY(10deg);
  }
  30% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: perspective(800px) rotateX(0deg) rotateY(0deg);
  }
  40% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: perspective(800px) rotateX(10deg) rotateY(10deg);
  }
  100% {
    opacity: 0;
    transform-origin: 100% 100%;
    transform: perspective(800px) rotateX(90deg) rotateY(0deg);
  }
}
@-webkit-keyframes spaceOutUp {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: scale(1) translate(0%, 0%);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: scale(.2) translate(0%, -200%);
  }
}
@keyframes spaceOutUp {
  0% {
    opacity: 1;
    transform-origin: 50% 0%;
    transform: scale(1) translate(0%, 0%);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 0%;
    transform: scale(.2) translate(0%, -200%);
  }
}
@-webkit-keyframes spaceOutRight {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 50%;
    -webkit-transform: scale(1) translate(0%, 0%);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 50%;
    -webkit-transform: scale(.2) translate(200%, 0%);
  }
}
@keyframes spaceOutRight {
  0% {
    opacity: 1;
    transform-origin: 100% 50%;
    transform: scale(1) translate(0%, 0%);
  }
  100% {
    opacity: 0;
    transform-origin: 100% 50%;
    transform: scale(.2) translate(200%, 0%);
  }
}
@-webkit-keyframes spaceOutDown {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: scale(1) translate(0%, 0%);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: scale(.2) translate(0%, 200%);
  }
}
@keyframes spaceOutDown {
  0% {
    opacity: 1;
    transform-origin: 50% 100%;
    transform: scale(1) translate(0%, 0%);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(.2) translate(0%, 200%);
  }
}
@-webkit-keyframes spaceOutLeft {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 50%;
    -webkit-transform: scale(1) translate(0%, 0%);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 50%;
    -webkit-transform: scale(.2) translate(-200%, 0%);
  }
}
@keyframes spaceOutLeft {
  0% {
    opacity: 1;
    transform-origin: 0% 50%;
    transform: scale(1) translate(0%, 0%);
  }
  100% {
    opacity: 0;
    transform-origin: 0% 50%;
    transform: scale(.2) translate(-200%, 0%);
  }
}
@-webkit-keyframes spaceInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: scale(.2) translate(0%, -200%);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: scale(1) translate(0%, 0%);
  }
}
@keyframes spaceInUp {
  0% {
    opacity: 0;
    transform-origin: 50% 0%;
    transform: scale(.2) translate(0%, -200%);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 0%;
    transform: scale(1) translate(0%, 0%);
  }
}
@-webkit-keyframes spaceInRight {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 50%;
    -webkit-transform: scale(.2) translate(200%, 0%);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 50%;
    -webkit-transform: scale(1) translate(0%, 0%);
  }
}
@keyframes spaceInRight {
  0% {
    opacity: 0;
    transform-origin: 100% 50%;
    transform: scale(.2) translate(200%, 0%);
  }
  100% {
    opacity: 1;
    transform-origin: 100% 50%;
    transform: scale(1) translate(0%, 0%);
  }
}
@-webkit-keyframes spaceInDown {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: scale(.2) translate(0%, 200%);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: scale(1) translate(0%, 0%);
  }
}
@keyframes spaceInDown {
  0% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(.2) translate(0%, 200%);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 100%;
    transform: scale(1) translate(0%, 0%);
  }
}
@-webkit-keyframes spaceInLeft {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 50%;
    -webkit-transform: scale(.2) translate(-200%, 0%);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 50%;
    -webkit-transform: scale(1) translate(0%, 0%);
  }
}
@keyframes spaceInLeft {
  0% {
    opacity: 0;
    transform-origin: 0% 50%;
    transform: scale(.2) translate(-200%, 0%);
  }
  100% {
    opacity: 1;
    transform-origin: 0% 50%;
    transform: scale(1) translate(0%, 0%);
  }
}
html {
  overflow-x: hidden;
}
.frame-1600 {
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -800px;
  width: 1600px;
}
.frame-1140 {
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -570px;
  width: 1140px;
}
/*图片居中*/
.jzimg {
  display: table-cell;
  *display: block;
  overflow: hidden;
  font: 0px/0px 'Arial';
  text-align: center;
  vertical-align: middle;
}
fieldset,
img {
  border: 0;
  vertical-align: middle;
}
.lxmimg {
  display: block;
  text-align: center;
}
.lxmimg img {
  max-height: 100%;
  max-width: 100%;
}
.lxmimg i {
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
/* 按钮样式 */
input,
button,
textarea,
select {
  font-size: 100%;
  outline: none;
  resize: none;
  border: none;
  background: none;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {
  cursor: pointer;
}
/*字体大小、缩进*/
.t2 {
  text-indent: 2em;
}
/*浮动*/
.fl {
  float: left;
  display: inline;
}
    .fl .f2 {
        color: #000000;
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    font-size:19px
    }
.fr {
  float: right;
  display: inline;
}
.clear {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
  line-height: 0;
  content: '\20';
}
/*
	--------------------------------------------
	首页样式 
	--------------------------------------------
*/
.banner {
  position: relative;
  height: 1000px;
}
.banner .banner_btnl {
  position: absolute;
  top: 490px;
  left: 30px;
  z-index: 9;
}
.banner .banner_btnr {
  position: absolute;
  top: 490px;
  right: 30px;
  z-index: 9;
}
.banner ul.banner-img li {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -800px;
  display: none;
}
.banner ul.banner-img li:first-child {
  display: block;
}
.banner .nav-logo {
  height: 80px;
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -570px;
  width: 1140px;
  border-radius: 8px;
  padding-top: 30px;
}
.banner .nav-logo .logo {
  margin-left: 20px;
}
.banner .nav-logo .nav ul li {
  float: left;
  position: relative;
}
.banner .nav-logo .nav ul li:hover > a {
  background: url(../images/navbj.jpg) 0 bottom repeat-x;
}
.banner .nav-logo .nav ul li > a {
  float: left;
  color: #616566;
  font-size: 15px;
  line-height: 80px;
  height: 80px;
  font-weight: bold;
  width: 113px;
  text-align: center;
}
.banner .nav-logo .nav ul li div {
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  background: url(../images/navxlbj.png) repeat;
  padding: 15px 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.banner .nav-logo .nav ul li div a {
  display: block;
  text-align: center;
  font-size: 14px;
  line-height: 28px;
  height: 28px;
  color: #fff;
  overflow: hidden;
}
.banner .nav-logo .nav ul li div a:hover {
  text-decoration: underline;
}
.banner .nav-logo .nav ul li.cur > a {
  background: url(../images/navbj.jpg) 0 bottom repeat-x;
}
.banner .nav-logo2 {
  background: #dadcda;
  border-radius: 8px;
  height: 80px;
  left: 50%;
  margin-left: -570px;
  position: relative;
  top: 53px;
  width: 1140px;
  padding-top: 0;
}
.first-about-frame {
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -800px;
  width: 1600px;
  padding-top: 50px;
  background: #e4e5e6;
  text-align: center;
}
.first-about-frame .first-about {
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -570px;
  width: 1140px;
}
.first-about-frame .first-about p.bt {
  font-size: 30px;
}
.first-about-frame .first-about p.wz {
  font-size: 14px;
  line-height: 28px;
  margin-top: 15px;
}
.first-news-frame {
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -800px;
  width: 1600px;
  background: #222222;
  padding-bottom: 50px;
}
.first-news-frame .first-news {
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -570px;
  width: 1140px;
}
.first-news-frame .first-news .f-newsl p {
  margin-top: 50px;
  font-size: 30px;
  line-height: 32px;
  color: #fff;
}
.first-news-frame .first-news .f-newsl a {
  display: block;
  color: #0068b7;
  font-size: 16px;
  line-height: 32px;
  margin-top: 40px;
}
.first-news-frame .first-news .f-newsl a:hover {
  text-decoration: underline;
}
.first-news-frame .first-news .f-newsr {
  width: 690px;
  margin-top: 50px;
  margin-right: 60px;
}
.first-news-frame .first-news .f-newsr .slick-prev {
  width: 32px;
  height: 48px;
  background: url(../images/banner_btnl.png) no-repeat;
  left: -74px;
}
.first-news-frame .first-news .f-newsr .slick-next {
  width: 32px;
  height: 48px;
  background: url(../images/banner_btnr.png) no-repeat;
  right: -55px;
}
.first-news-frame .first-news .f-newsr .f-newsrn > p a.jzimg {
  width: 150px;
  height: 110px;
  *font-size: 96px;
}
.first-news-frame .first-news .f-newsr .f-newsrn > p a.jzimg img{
  max-width: 150px;
  max-height: 110px;
  
}

.first-news-frame .first-news .f-newsr .f-newsrn > p a.jzimg i{
   display:inline-block;
   height:100%;
   vertical-align:middle
  
  
}
.first-news-frame .first-news .f-newsr .f-newsrn div {
  width: 508px;
}
.first-news-frame .first-news .f-newsr .f-newsrn div span,
.first-news-frame .first-news .f-newsr .f-newsrn div a {
  display: block;
}
.first-news-frame .first-news .f-newsr .f-newsrn div span {
  color: #8da5b2;
  line-height: 14px;
}
.first-news-frame .first-news .f-newsr .f-newsrn div a.bt {
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 5px;
}
.first-news-frame .first-news .f-newsr .f-newsrn div a.bt:hover {
  text-decoration: underline;
}
.first-news-frame .first-news .f-newsr .f-newsrn div p {
  color: #ffffff;
  font-size: 14px;
  line-height: 21px;
  height: 42px;
  overflow: hidden;
  margin-top: 10px;
}
.first-news-frame .first-news .f-newsr .f-newsrn div a.ckxx {
  color: #8da5b2;
  line-height: 14px;
  margin-top: 5px;
}
.first-news-frame .first-news .f-newsr .f-newsrn div a.ckxx:hover {
  text-decoration: underline;
}
.first-pro-frame {
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -800px;
  width: 1600px;
  background: #e4e5e6;
  padding-top: 46px;
}
.first-pro-frame .first-pro {
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -570px;
  width: 1140px;
}
.first-pro-frame .first-pro ul {
  width: 110%;
  padding: 0 10px;
}
.first-pro-frame .first-pro ul li {
  float: left;
  position: relative;
  margin-right: 20px;
  margin-bottom: 30px;
}
.first-pro-frame .first-pro ul li:hover a.wzbt {
  background: url(../images/first-probj2.png) no-repeat;
  color: #fff;
}
.first-pro-frame .first-pro ul li a.jzimg {
  width: 360px;
  height: 220px;
  *font-size: 193px;
}
.first-pro-frame .first-pro ul li a.wzbt {
  position: absolute;
  top: 150px;
  left: 0;
  width: 240px;
  height: 43px;
  background: url(../images/first-probj1.png) no-repeat;
  line-height: 40px;
  color: #646464;
  font-size: 15px;
  padding: 20px 96px 0 16px;
  font-weight: bold;
  overflow: hidden;
  white-space:normal;
}
/*
	--------------------------------------------
	公共样式 (如： 头部，底部，内页banner ... )
	--------------------------------------------
*/
.footer-frame {
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -800px;
  width: 1600px;
  background: #222222;
  padding: 50px 0;
}
.footer-frame .footer {
  width: 900px;
  margin: 0 auto;
}
.footer-frame .footer .footer_nav {
  color: #888888;
  line-height: 18px;
}
.footer-frame .footer .footer_nav .footerp {
  margin-left: -18px;
}
.footer-frame .footer .footer_nav a {
  color: #fff;
  display: inline-block;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  background: url(../images/footerbj.jpg) 0 center no-repeat;
  padding: 0 18px;
}
.footer-frame .footer .footer_nav a:hover {
  text-decoration: underline;
}
.footer-frame .footer .footer_nav a:first-child {
  background: none;
}
/*
	--------------------------------------------
	公共组件 (如：面包屑导航，按钮，标题 ... )
	--------------------------------------------
*/
.search {
  position: absolute;
  top: 20px;
  right: 50%;
  z-index: 5;
  margin-right: -570px;
}
.search p {
  background: url(../images/searchbj.png) no-repeat;
  width: 155px;
  height: 20px;
  line-height: 20px;
}
.search p input[type="text"] {
  width: 150px;
  height: 20px;
  line-height: 20px;
  padding-left: 5px;
}
.search input[type="button"] {
  background: url(../images/searchbtn.png) no-repeat;
  width: 30px;
  height: 20px;
}
.n_main_w {
  background: #f0f0f0;
  width: 1600px;
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -800px;
}
.n_main {
  background: url(../images/n_main_bj.png) center 0 no-repeat;
  position: relative;
  z-index: 10;
  top: -32px;
}
.nx {
  border-bottom: 1px solid #fff;
  position: relative;
  z-index: 3;
}
.ny {
  margin: 0 auto;
  width: 972px;
  padding-top: 62px;
}
.n_bj {
  background: url(../images/ny_bj.jpg) 217px 0 repeat-y;
  padding-bottom: 110px;
}
.ny_left {
  width: 217px;
}
.ny_left_div {
  position: relative;
  height: 110px;
}
.ny_left_p {
  width: 198px;
  height: 110px;
  background: #2e2e2e;
  float: right;
}
.ny_left_div span {
  position: absolute;
  top: 22px;
  left: 1px;
  background: url(../images/ny_left1.jpg) no-repeat;
  width: 199px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  overflow: hidden;
  font-size: 24px;
  color: #fff;
}
.ny_left_ul {
  margin-top: 21px;
  margin-bottom: 30px;
}
.ny_left_ul li {
  border-bottom: 1px solid #2e2e2e;
}
.ny_left_ul li > a {
  display: block;
  height: 44px;
  line-height: 44px;
  color: #333333;
  padding-left: 46px;
  overflow: hidden;
}
.ny_left_ul li:hover > a {
  background: #2e2e2e;
  color: #fff;
  font-weight: bold;
}
.ny_left_ul li.oon > a {
  background: #2e2e2e;
  color: #fff;
  font-weight: bold;
}
.ny_left_ul li div {
  background: #464646;
}
.ny_left_ul li.ny_left_li div {
  display: block;
}
.ny_left_ul li div > a {
  display: block;
  height: 40px;
  line-height: 40px;
  text-indent: 48px;
  color: #fff;
  font-size: 12px;
  overflow: hidden;
  padding-left: 12px;
  border-top: 1px solid #313131;
}
.ny_left_ul li div a:last-child {
  margin-bottom: 1px;
}
.ny_left_ul li div > a:hover {
  background: url(../images/left_xibj.jpg) 48px center no-repeat;
}
.ny_left_ul li div > a.cur {
  background: url(../images/left_xibj.jpg) 48px center no-repeat;
}
.ny_right {
  width: 730px;
}
/*面包屑*/
.bcn {
  border-bottom: 1px solid #292929;
  margin-bottom: 40px;
}
.bcn h2 {
  color: #000000;
  font-size: 20px;
  line-height: 24px;
  font-weight: normal;
}
.bcn h2 span {
  font-size: 14px;
  font-family: 'Arial';
  color: #333333;
  text-transform: uppercase;
}
.bcn p {
  height: 24px;
  line-height: 24px;
  margin-top: 20px;
  color: #999999;
  font-size: 12px;
  background: url(../images/bcn1.jpg) 0 center no-repeat;
  padding-left: 22px;
  overflow: hidden;
  max-width:477px
}
.bcn p a {
  color: #999999;
  font-size: 12px;
  margin: 0 3px;
}
.bcn p a:hover {
  color: #ffcc00;
}
.bcn p span {
  color: #333333;
  font-weight: bold;
  margin-left: 3px;
}
.ny_left-news a {
  display: block;
  font-size: 13px;
  line-height: 28px;
  height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ny_left_tel {
  margin-top: 20px;
  font-size: 20px;
  margin-bottom: 5px;
}
.hq_left_p {
  font-size: 13px;
  line-height: 28px;
}
/*分页*/
.fy {
  text-align: center;
  padding-top: 60px;
}
.fy a {
  color: #fff;
  padding: 6px 12px;
  background: #b5b6b6;
  margin-right: 2px;
}

.fy a:hover {
  background: #3d1e09;
}
    .fy a.cur {
    background: #3d1e09;
    }
.sx {
  margin-top: 107px;
}
.sx p {
  height: 34px;
  line-height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.sx p:first-child {
  background: #e6e6e6;
  border-bottom: 1px solid #1b6069;
}
.sx p span {
  color: #333333;
  font-weight: bold;
  margin-left: 15px;
}
.sx p a {
  color: #666666;
}
.sx p a:hover {
  color: #000;
  font-weight: bold;
}
.fh {
  float: right;
  width: 59px;
  height: 30px;
  line-height: 30px;
  background: url(../images/fh_bj.jpg) 11px center no-repeat;
  padding-left: 38px;
  border-bottom: 1px solid #f4781f;
  color: #333333;
  font-size: 12px;
  margin-top: 35px;
}
.relevant_pro {
  margin-top: 32px;
}
.relevant_pro span {
  width: 90px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  background: #222222;
}
.relevant_pro p {
  margin-top: 8px;
  width: 47px;
}
.relevant_news {
  margin-top: 20px;
}
.relevant_news ul {
  width: 110%;
}
.relevant_news ul li {
  float: left;
  margin-right: 58px;
}
.relevant_news ul li a {
  display: block;
  width: 310px;
  color: #666666;
  line-height: 30px;
  background: url(../images/in_news1.jpg) 0 center no-repeat;
  padding-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.relevant_news ul li a:hover {
  text-decoration: underline;
  font-weight: bold;
}
/*
	--------------------------------------------
	栏目样式 (如：关于我们，产品，新闻 ... )
	--------------------------------------------
*/
/*about*/
.about {
  color: #333333;
  line-height: 30px;
  font-size: 14px;
  margin: 38px 8px 0 0;
}
.about_right {
  margin-left: 15px;
}
.about_span {
  font-size: 16px;
  font-weight: bold;
}
.about_div {
  background: url(../images/about2.png) right 0 no-repeat;
  min-height: 311px;
}
.about_div_p {
  font-weight: bold;
  color: #2e2e2e;
}
.about_img {
  text-align: center;
  margin-top: 15px;
}
.about_wz {
  text-align: center;
  color: #666;
  margin-top: 5px;
}
/*honor*/
.honor ul {
  width: 110%;
}
.honor ul li {
  float: left;
  margin-right: 40px;
  margin-bottom: 28px;
}
.honor ul li a.jzimg {
  width: 216px;
  height: 143px;
  *font-size: 125px;
}
/*news*/
.news ul li {
  margin-bottom: 30px;
}
.news ul li .f-newsrn > p a.jzimg {
  width: 150px;
  height: 110px;
  *font-size: 96px;
}
.news ul li .f-newsrn div {
  width: 554px;
}
.news ul li .f-newsrn div span,
.news ul li .f-newsrn div a {
  display: block;
}
.news ul li .f-newsrn div span {
  color: #8da5b2;
  line-height: 14px;
}
.news ul li .f-newsrn div a.bt {
  color: #666;
  font-size: 16px;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 5px;
}
.news ul li .f-newsrn div a.bt:hover {
  text-decoration: underline;
}
.news ul li .f-newsrn div p {
  color: #666;
  font-size: 14px;
  line-height: 21px;
  height: 42px;
  overflow: hidden;
  margin-top: 10px;
}
.news ul li .f-newsrn div a.ckxx {
  color: #8da5b2;
  line-height: 14px;
  margin-top: 5px;
}
.news ul li .f-newsrn div a.ckxx:hover {
  text-decoration: underline;
}
/*newsshow*/
.newsshow {
  margin: 30px 6px 0 6px;
}
.newsshow h1 {
  color: #3d1e09;
  font-size: 14px;
  line-height: 35px;
  text-align: center;
  border-bottom: 1px solid #cfcfcf;
}
.newsshow .xbt {
  text-align: center;
  color: #999999;
  font-size: 12px;
  line-height: 20px;
  margin-top: 5px;
}
.newsshow_div {
  margin-top: 50px;
  font-size: 13px;
  line-height: 24px;
  color: #666666;
}
.newsshow_div_p {
  color: #010101;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  text-transform: uppercase;
}
.newsshow_img {
  text-align: center;
  margin: 5px 0;
}
/*pro*/
.pro {
  margin: 0 25px;
}
.pro ul {
  width: 110%;
  margin-top: 50px;
}
.pro ul li {
  float: left;
  width: 200px;
  margin-right: 40px;
  margin-bottom: 35px;
}
.pro ul li a.jzwz {
    color: #333333;
    display: block;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-align: center;
    white-space: normal;
}
.pro ul li a.jzwz:hover {
  text-decoration: underline;
}
.pro ul li p.jzwz {
   color: #333333;
    display: block;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-align: center;
    white-space: normal;
}
.pro ul li a.jzimg {
  height: 123px;
  width: 200px;
}
.prop {
  color: #565656;
  line-height: 24px;
  background: #f4f4f4;
  padding: 12px 18px 12px 15px;
  border-bottom: 1px solid #cccccc;
}
.proshow .prostw {
  padding-bottom: 35px;
}
.proshow .prostw .prost {
  width: 360px;
}
.proshow .prostw .prost span.jzimg {
  width: 360px;
  height: 220px;
  *font-size: 185px;
  border: 1px solid #e2e2e2;
}
.proshow .prostw .prosw {
  width: 339px;
  color: #898989;
  line-height: 18px;
}
.proshow .prostw .prosw .porswp {
  color: #565656;
  font-size: 16px;
  line-height: 18px;
  border-bottom: 1px dashed #d7d7d7;
  padding-bottom: 12px;
}
.proshow .prostw .prosw p span {
  font-weight: bold;
  color: #858585;
}
.proshow .prostw .prosw p b {
  font-weight: normal;
  color: #ff4b4b;
}
.proshow .prostab {
  height: 32px;
  line-height: 32px;
  background: #e5e5e5;
}
.proshow .prostab a.cur {
  background: #222222;
  color: #fff;
  font-weight: bold;
}
.proshow .prostab a {
  float: left;
  width: 90px;
  height: 32px;
  color: #565656;
  font-size: 14px;
  text-align: center;
  background: url(../images/prostabbj.jpg) right 0 repeat-y;
}
.proshow .prostabdiv {
  color: #787878;
  line-height: 24px;
}
.relevant_roll {
  position: relative;
  margin-top: 20px;
  width: 706px;
  height: 210px;
  overflow: hidden;
}
.relevant_roll ul {
  width: 99999px;
  position: absolute;
}
.relevant_roll ul li {
  float: left;
  width: 201px;
  position: relative;
  margin-right: 51px;
}
.relevant_roll ul li:hover .relevant_prodw {
  display: block;
}
.relevant_roll ul li:hover .relevant_probt {
  text-decoration: underline;
}
.relevant_roll ul li .relevant_prodw {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/relevant_probj.png) no-repeat;
  width: 201px;
  height: 124px;
  display: none;
}
.relevant_roll ul li span.jzimg {
  width: 200px;
  height: 123px;
  *font-size: 107px;
  border: 1px solid #e2e2e2;
}
.relevant_roll ul li .relevant_probt {
  color: #565656;
  display: block;
  font-size: 14px;
  line-height: 24px;
  width: 201px;
  overflow: hidden;
  white-space:normal;
  margin-top: 12px;
  font-weight: bold;
  height:20px
}
.relevant_roll ul li p {
  color: #898989;
  line-height: 20px;
  height: 40px;
  overflow: hidden;
  margin-top: 10px;
}
.lyk_div {
  color: #212121;
  line-height: 28px;
  margin-left: 13px;
}
.lyk_div p {
  margin-bottom: 18px;
}
.lyk_div input[type="text"] {
  background: #fff;
  border: 1px solid #d1d1d1;
  height: 28px;
  line-height: 28px;
  padding: 0 5px;
  vertical-align: middle;
}
.lyk_div span {
  display: inline-block;
  vertical-align: middle;
  width: 71px;
  text-align: right;
  margin-right: 10px;
}
.lyk_div b {
  color: #d72a2a;
  display: inline-block;
  width: 8px;
}
.lyk_div2 p {
  float: left;
}
.lyk_div2 p + p {
  margin-left: 19px;
}
.lyk_div2 p + p span {
  width: 88px;
}
.lykp1 input[type="text"] {
  width: 171px;
   font-family:"Microsoft YaHei"
}
.lykp2 input[type="text"] {
  width: 471px;
   font-family:"Microsoft YaHei"
}
.lykp3 input[type="text"] {
  width: 151px;
   font-family:"Microsoft YaHei"
}
.lykp3 img {
  vertical-align: middle;
  margin-left: 9px;
  cursor: pointer;
}
.lyk_div p textarea {
  width: 491px;
  height: 88px;
  padding: 5px 5px;
  background: #fff;
  border: 1px solid #d1d1d1;
  vertical-align: middle;
  font-family:"Microsoft YaHei"
}
.lyk_div p a {
  vertical-align: middle;
  font-size: 12px;
  margin-left: 9px;
  color: #666;
}
.lyk_div p a:hover {
  text-decoration: underline;
}
.an1 {
  width: 143px;
  text-align: center;
  height: 33px;
  line-height: 33px;
  background: #222222;
  color: #ffffff;
  margin-right: 20px;
}
.an1:hover {
  text-decoration: underline;
}
.contact {
  width: 725px;
  margin: 0 auto;
  overflow: hidden;
}
.contact p {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif, "微软雅黑";
  line-height: 35px;
}
.recruitmentshow {
  line-height: 30px;
  margin: 0 20px;
  padding-bottom: 60px;
  font-size: 14px;
}
.hq_table {
  overflow: hidden;
}
.hq_table tr {
  border-bottom: 1px solid #dcdcdc;
}
.hq_table td {
  border-bottom: 1px solid #dcdcdc;
}
.hq_table tr:first-child {
  border-top: 2px solid #00994c;
}
.hq_table tr td:first-child {
  width: 135px;
  background: #f4f4f4;
  vertical-align: top;
  text-align: right;
}
.hq_table tr td + td {
  width: 570px;
  padding-left: 18px;
}
.hq_sershow_a {
  display: block;
  background: url(../images/hq_serviceshow.png) no-repeat;
  width: 128px;
  height: 35px;
  color: #fff;
  line-height: 25px;
  text-align: center;
  margin-top: 50px;
}
.hq_sershow_a:hover {
  color: #fff;
  text-decoration: underline;
}
/*********map*********/
.sitemap {
  padding-bottom: 50px;
}
.sitemap li {
  vertical-align: top;
  clear: both;
  overflow: hidden;
  margin-top: 20px;
  margin-left: 6px;
  border-bottom: dashed 1px #cccccc;
  padding-bottom: 20px;
}
.sitemap li span {
  width: 115px;
  text-align: center;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  color: #fff;
  font-family: "微软雅黑";
  font-size: 14px;
  font-weight: bold;
  background: #222222;
}
.sitemap li .dsubmap {
  width: 573px;
  line-height: 24px;
}
.sitemap li .dsubmap a {
  display: inline-block;
  margin-right: 10px;
  color: #666;
}
.sitemap li .dsubmap a:hover {
  text-decoration: underline;
}
.n_banner {
  height: 110px;
  background: url(../images/headbj.jpg) repeat;
  left: 50%;
  margin-left: -800px;
  position: relative;
  top: 0;
  width: 1600px;
}
.lm_banner {
  position: relative;
  height: 285px;
  z-index: -1;
}
.lm_banner img {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -800px;
  z-index: -1;
}
/*# sourceMappingURL=public.css.map */