.b_cont{width:620px;height:395px;overflow:hidden;margin:0 auto;position:relative;float:left;}
.ct_p_05{width:620px;height:395px;float:left;text-align:center;}
.ct_p_05 .ct_txt{display:block;line-height:50px;*line-height:50px;overflow:hidden;color:#fff;height:75px;cursor:pointer;filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0,startColorstr = '#8c000000', endColorstr = '#8c000000' );background-color:rgba(0,0,0,.55);_background:none;position: relative;margin-top: -75px;font-size: 20px;text-decoration:none;font-family:"Microsoft YaHei","微软雅黑","simhei","黑体"; font-size:20px;}
.ct_p_05 a:hover .ct_txt{color:#fff;text-decoration: underline;font-family:"Microsoft YaHei","微软雅黑","simhei","黑体"; font-size:20px;}


.scrDotList_wrap{text-align:center;width:100%;position:absolute;bottom:10px;}
.scrDotList{padding:0 10px;zoom:1;line-height: 0;}
.scrDotList span{display:inline-block;width:10px;height:10px;background:#000000;cursor:pointer;font-size:0;line-height:0;vertical-align:top;font-size: 0px;margin: 0 5px;}
.scrDotList span.on{background:#c00000;}

a.scrArrAbsLeft{position:absolute;left:0;bottom:0px;width:75px;height:75px;background:url(btn.png) 0px -136px no-repeat;cursor:pointer;}
a.scrArrAbsLeft:hover{background-position: 0 -217px;}
a.scrArrAbsRight{position:absolute;right:-1px;bottom:0px;width:75px;height:75px;background:url(btn.png) no-repeat -83px -136px;cursor:pointer;}
a.scrArrAbsRight:hover{background-position: -83px -217px;}


.b_cont1{width:1050px;height:645px;overflow:hidden;margin:20px auto 0 auto;position:relative;}
.ct_p_051{width:1050px;height:645px;float:left;text-align:center;}
.ct_p_051 .ct_txt1{display:block;line-height:50px;*line-height:50px;overflow:hidden;color:#fff;height:75px;cursor:pointer;filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0,startColorstr = '#8c000000', endColorstr = '#8c000000' );background-color:rgba(0,0,0,.55);_background:none;position: relative;margin-top: -75px;font-size: 20px;font-family:"Microsoft YaHei","微软雅黑","simhei","黑体"; font-size:28px;}
.ct_p_051 a:hover .ct_txt1{color:#fff;text-decoration: underline;font-family:"Microsoft YaHei","微软雅黑","simhei","黑体"; font-size:28px;}

.scrDotList_wrap1{text-align:center;width:100%;position:absolute;bottom:10px;}
.scrDotList1{padding:0 10px;zoom:1;line-height: 0;}
.scrDotList1 span{display:inline-block;width:10px;height:10px;background:#000000;cursor:pointer;font-size:0;line-height:0;vertical-align:top;font-size: 0px;margin: 0 5px;}
.scrDotList1 span.on{background:#c00000;}

a.scrArrAbsLeft1{position:absolute;left:0;bottom:0px;width:75px;height:75px;background:url(btn.png) 0px -136px no-repeat;cursor:pointer;}
a.scrArrAbsLeft1:hover{background-position: 0 -217px;}
a.scrArrAbsRight1{position:absolute;right:-1px;bottom:0px;width:75px;height:75px;background:url(btn.png) no-repeat -83px -136px;cursor:pointer;}
a.scrArrAbsRight1:hover{background-position: -83px -217px;}



/*bannerd动画效果*/


.ye1{width: 112px;height:95px;background: url(index-ye1_03.png);
	            position: absolute;top: 0;left: 0;z-index: 2000;
                 opacity: 0;
                    /*transform: rotateX(26deg);*/
                     animation: ye1 3s 2s forwards;
	                  -moz-animation: ye1 3s 2s forwards;
	                  -webkit-animation: ye1 3s 2s forwards;
	                  -o-animation: ye1 3s 2s forwards;  
	        }

.swiper-container { /* width: 320px; height: 480px; */ width:100%; height:100%; background:#fff;}


/*--背景--*/
.main_bg1 { position:absolute; width:100%; height:100%;background:url(bg.jpg) top center no-repeat; z-index:1;background-size:cover;
animation:fadeIn 2s linear 0s infinite alternate;
-moz-animation:fadeIn 2s linear 0s infinite alternate;
-webkit-animation:fadeIn 2s linear 0s infinite alternate;
-o-animation:fadeIn 2s linear 0s infinite alternate;}
.main_bg2 { position:absolute; width:100%; height:100%;background:url(bg1.jpg) top center no-repeat; z-index:2;background-size:cover;
animation:fadeIn 2s linear 0s infinite alternate;
-moz-animation:fadeIn 2s linear 0s infinite alternate;
-webkit-animation:fadeIn 2s linear 0s infinite alternate;
-o-animation:fadeIn 2s linear 0s infinite alternate;
}

 @keyframes fadeIn {
 0% {background:url(bg.jpg) top center no-repeat;}
 100% {background:url(bg1.jpg) top center no-repeat;}
}
@-webkit-keyframes fadeIn {
0% {background:url(bg.jpg) top center no-repeat;}
 100% {background:url(bg1.jpg) top center no-repeat;}
}

@-moz-keyframes fadeIn {
0% {background:url(bg.jpg) top center no-repeat;}
 100% {background:url(bg1.jpg) top center no-repeat;}
}

@-0-keyframes fadeIn {
0% {background:url(bg.jpg) top center no-repeat;}
 100% {background:url(bg1.jpg) top center no-repeat;}
}





/* btn*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}
/* Box colors */
.bg-1 {
	background: #ECEFF1;
	color: #37474f;
}
.bg-2 {
	background: #7986cb;
	color: #ECEFF1;
}
.bg-3 {
	background: #37474f;
	color: #fff;
}

/* Common button styles */
.button {
	float: left;
	min-width: 150px;
	max-width: 250px;
	display: block;
	margin: 1em;
	padding: 1em 2em;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: absolute;
	top:75%;
	left:45%;
	z-index: 6;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.button:focus {
	outline: none;
}
.button > span {
	vertical-align: middle;
}

/* Text color adjustments (we could stick to the "inherit" but that does not work well in Safari) */
.bg-1 .button {
	color: #37474f;
	border-color: #37474f;
}
.bg-2 .button {
	color: #ECEFF1;
	border-color: #ECEFF1;
}
.bg-3 .button {
	color: #fff;
	border-color: #fff;
}

/* Sizes */
.button--size-s {
	font-size: 20px;
}

/* Typography and Roundedness */

.button--text-thick {
	font-weight: 600;
}

/* Moema */
.button--moema {
	padding: 0.8em 2em;
	border-radius:50px;
	background: #ffe400;
	color: #fff;
	font-family:"微软雅黑";
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
	box-shadow: 0px 6px 0px #a42617;
}
.button--moema{
	background: #ffe400;
	color: #cc222b;
}
.button--moema::before {
	content: '';
	position: absolute;
	top: -20px;
	left: -20px;
	bottom: -20px;
	right: -20px;
	background: inherit;
	border-radius:50px;
	z-index: -1;
	opacity: 0.4;
	-webkit-transform: scale3d(0.8, 0.5, 1);
	transform: scale3d(0.8, 0.5, 1);
}
.button--moema:hover {
	-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s  infinite;
	transition: background-color 0.1s 0.3s, color 0.1s 0.3s  infinite;
	color: #fff;
	background-color: #ffea00;
	-webkit-animation: anim-moema-1 0.3s forwards;
	animation: anim-moema-1 0.3s forwards;
}
.button--moema:hover {
	color: #fff;
	background-color: #ffc000;
}
.button--moema:hover::before {
	-webkit-animation: anim-moema-2 0.3s 0.3s forwards;
	animation: anim-moema-2 0.3s 0.3s forwards;
}


/* 按钮 */


/* 猴子 */
.fan_people{display:none;position:absolute;background:url(hou2.png) no-repeat center;width:422px;height:517px;top:40%;left:11%;z-index:10;}

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

}

@-webkit-keyframes tada {
  0%{left:-100px;
  }

  10%{left:11%;
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  
}

@keyframes tada {
  0%{left:-100px;
  }

  10%{left:11%;
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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


@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1000px, 0, 0);
    transform: translate3d(-1000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

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

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

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1000px, 0, 0);
    -ms-transform: translate3d(-1000px, 0, 0);
    transform: translate3d(-1000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    -ms-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

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

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

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

/* 2016专题文字 */
.fan_job{position:absolute;top:5%;left:21%; z-index:10; width:200px; height:85px;}


.animated1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay:0.5s;
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

/* 大标题 */
.fan_gb{background:url(font.png);width:1061px;height:472px;position:absolute;top:13%;left:23.3%;z-index:11;background-size:cover;}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

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

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

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

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    -ms-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    -ms-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

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

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

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

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    -ms-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    -ms-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

/* 小标题 */
.fan_text{width:336px;height:79px;position:absolute;top:81%;left:33%; z-index:12;}
.fan_text1{width:336px;height:79px;position:absolute;top:81.4%;left:49.5%; z-index:12;}
@-webkit-keyframes bounceInRight3 {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1000px, 0, 0);
    transform: translate3d(-1000px, 0, 0);
  }

  60% {
    opacity:0.4;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

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

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

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight3 {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1000px, 0, 0);
    -ms-transform: translate3d(-1000px, 0, 0);
    transform: translate3d(-1000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    -ms-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

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

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

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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




@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

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

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

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    -ms-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    -ms-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

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

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

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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


/* 猴子跳*/
.monkey{position:absolute;background:url(hou1.png) no-repeat center;width:121px;height:191px; z-index:15;left:75.5%;top:80%;
animation:mymove 2s infinite;
-moz-animation:mymove 2s infinite;
-o-animation:mymove 2s infinite;
-webkit-animation:mymove 2s infinite;

}

@keyframes mymove
{
0%   {top:80%;}
25%  {top:75%;}
50%  {top:80%;}
100% {top:75%;}
}

@-moz-keyframes mymove /* Firefox */
{
0%   {top:80%;}
25%  {top:75%;}
50%  {top:80%;}
100% {top:79%;}
}


@-webkit-keyframes mymove /* Safari and Chrome */
{
0%   {top:80%;}
25%  {top:75%;}
50%  {top:80%;}
100% {top:79%;}
}


@-o-keyframes mymove /* Opera */
{
0%   {top:80%;}
25%  {top:75%;}
50%  {top:80%;}
100% {top:79%;}
}






/*Safari 和 Chrome*/
@-webkit-keyframes slideUp{
	0%{
		opacity:0;
		-webkit-transform:translate(0,50px);
	}
	100%{
		opacity:1;
		-webkit-transform:translate(0,0);
	}
}
@-webkit-keyframes slideDown{
	0%{
		opacity:0;
		-webkit-transform:translate(0,-50px);
	}
	100%{
		opacity:1;
		-webkit-transform:translate(0,0);
	}
}
/*火狐浏览器*/
@-moz-keyframes slideUp{
	0%{
		opacity:0;
		-moz-transform:translate(0,50px);
	}
	100%{
		opacity:1;
		-moz-transform:translate(0,0);
	}
}
@-moz-keyframes slideDown{
	0%{
		opacity:0;
		-moz-transform:translate(0,-50px);
	}
	100%{
		opacity:1;
		-moz-transform:translate(0,0);
	}
}
/*Opera*/
@-o-keyframes slideUp{
	0%{
		opacity:0;
		-o-transform:translate(0,50px);
	}
	100%{
		opacity:1;
		-o-transform:translate(0,0);
	}
}
@-o-keyframes slideDown{
	0%{
		opacity:0;
		-o-transform:translate(0,-50px);
	}
	100%{
		opacity:1;
		-o-transform:translate(0,0);
	}
}
/*苹果系统*/
@-ms-keyframes slideUp{
	0%{
		opacity:0;
		-ms-transform:translate(0,50px);
	}
	100%{
		opacity:1;
		-ms-transform:translate(0,0);
	}
}
@-ms-keyframes slideDown{
	0%{
		opacity:0;
		-ms-transform:translate(0,-50px);
	}
	100%{
		opacity:1;
		-ms-transform:translate(0,0);
	}
}
/*Safari 和 Chrome*/
@-webkit-keyframes alpCity{
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}

/*火狐浏览器*/
@-moz-keyframes alpCity{
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}

/*Opera*/
@-o-keyframes alpCity{
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}

/*苹果系统*/
@-ms-keyframes alpCity{
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}
/*Safari 和 Chrome*/
@-webkit-keyframes alpNone{
	0%{
		opacity:1;
	}
	100%{
		opacity:0;
	}
}

/*火狐浏览器*/
@-moz-keyframes alpNone{
	0%{
		opacity:1;
	}
	100%{
		opacity:0;
	}
}

/*Opera*/
@-o-keyframes alpNone{
	0%{
		opacity:1;
	}
	100%{
		opacity:0;
	}
}

/*苹果系统*/
@-ms-keyframes alpNone{
	0%{
		opacity:1;
	}
	100%{
		opacity:0;
	}
}

@-webkit-keyframes scale-ani{
    0%{opacity:0; -webkit-transform:scale(0); }
  100%{opacity:1; -webkit-transform:scale(1); }
}
@-moz-keyframes scale-ani{
    0%{opacity:0; -moz-transform:scale(0);}
  100%{opacity:1; -moz-transform:scale(1);}
}
@-ms-keyframes scale-ani{
    0%{opacity:0;-ms-transform:scale(0);}
  100%{opacity:1; -ms-transform:scale(1);}
}
@-o-keyframes scale-ani{
    0%{opacity:0;-o-transform:scale(0);  }
  100%{opacity:1;-o-transform:scale(1);  }
}
@-webkit-keyframes img_act{
    0%{opacity:0; -webkit-transform: perspective(600px) rotateY(40deg); -moz-transform-origin: left 50% 0;}
  100%{opacity:1; -webkit-transform: perspective(600px) rotateY(0deg);}
}
@-moz-keyframes img_act{
    0%{opacity:0; -moz-transform: perspective(600px) rotateY(40deg); -moz-transform-origin: left 50% 0;}
  100%{opacity:1; -moz-transform: perspective(600px) rotateY(0deg);}
}
@-ms-keyframes img_act{
    0%{opacity:0; -ms-transform: perspective(600px) rotateY(40deg); -moz-transform-origin: left 50% 0;}
  100%{opacity:1; -ms-transform: perspective(600px) rotateY(0deg);}
}
@-o-keyframes img_act{
     0%{opacity:0; -o-transform: perspective(600px) rotateY(40deg); -moz-transform-origin: left 50% 0;}
  100%{opacity:1; -o-transform: perspective(600px) rotateY(0deg);}
}
@-webkit-keyframes actleft{
    0%{opacity:0; -webkit-transform:translate(50px,0);}
  100%{opacity:1; -webkit-transform:translate(0,0);}
}
@-moz-keyframes actleft{
    0%{opacity:0; -moz-transform:translate(50px,0);}
  100%{opacity:1;  -moz-transform:translate(0,0);}
}
@-ms-keyframes actleft{
    0%{opacity:0; -ms-transform:translate(50px,0);}
  100%{opacity:1; -ms-transform:translate(0,0);}
}
@-o-keyframes actleft{
     0%{opacity:0; -o-transform:translate(50px,0);}
  100%{opacity:1; -o-transform:translate(0,0);}
}
@-webkit-keyframes actright{
    0%{opacity:0; -webkit-transform:translate(-50px,0);}
  100%{opacity:1; -webkit-transform:translate(0,0);}
}
@-moz-keyframes actright{
    0%{opacity:0; -moz-transform:translate(-50px,0);}
  100%{opacity:1;  -moz-transform:translate(0,0);}
}
@-ms-keyframes actright{
    0%{opacity:0; -ms-transform:translate(-50px,0);}
  100%{opacity:1; -ms-transform:translate(0,0);}
}
@-o-keyframes actright{
     0%{opacity:0; -o-transform:translate(-50px,0);}
  100%{opacity:1; -o-transform:translate(0,0);}
}

@-webkit-keyframes actUp{
	0%{
		opacity:0;
		-webkit-transform:translate(0,300px);
	}
	100%{
		opacity:1;
		-webkit-transform:translate(0,0);
	}
}

/*火狐浏览器*/
@-moz-keyframes actUp{
	0%{
		opacity:0;
		-moz-transform:translate(0,300px);
	}
	100%{
		opacity:1;
		-moz-transform:translate(0,0);
	}
}

/*Opera*/
@-o-keyframes actUp{
	0%{
		opacity:0;
		-o-transform:translate(0,300px);
	}
	100%{
		opacity:1;
		-o-transform:translate(0,0);
	}
}
@-ms-keyframes actUp{
	0%{
		opacity:0;
		-ms-transform:translate(0,300px);
	}
	100%{
		opacity:1;
		-ms-transform:translate(0,0);
	}
}

@-webkit-keyframes moveleft{
    0%{ -webkit-transform:translate(50px,0);}
  100%{ -webkit-transform:translate(0,0);}
}
@-moz-keyframes moveleft{
    0%{ -moz-transform:translate(50px,0);}
  100%{  -moz-transform:translate(0,0);}
}
@-ms-keyframes moveleft{
    0%{-ms-transform:translate(50px,0);}
  100%{ -ms-transform:translate(0,0);}
}
@-o-keyframes moveleft{
     0%{ -o-transform:translate(50px,0);}
  100%{ -o-transform:translate(0,0);}
}
@-webkit-keyframes moveright{
    0%{ -webkit-transform:translate(-50px,0);}
  100%{ -webkit-transform:translate(0,0);}
}
@-moz-keyframes moveright{
    0%{ -moz-transform:translate(-50px,0);}
  100%{  -moz-transform:translate(0,0);}
}
@-ms-keyframes moveright{
    0%{-ms-transform:translate(-50px,0);}
  100%{ -ms-transform:translate(0,0);}
}
@-o-keyframes moveright{
     0%{ -o-transform:translate(-50px,0);}
  100%{ -o-transform:translate(0,0);}
}

@-webkit-keyframes hit-tm{
    0%{opacity:.6}
   45%{opacity:1}
   90%{opacity:.6}
  100%{opacity:.6}
}
@-moz-keyframes hit-tm{
    0%{opacity:.6}
   45%{opacity:1}
   90%{opacity:.6}
  100%{opacity:.6}
}
@-ms-keyframes hit-tm{
    0%{opacity:.6}
   45%{opacity:1}
   90%{opacity:.6}
  100%{opacity:.6}
}
@-o-keyframes hit-tm{
    0%{opacity:.6}
   45%{opacity:1}
   90%{opacity:.6}
  100%{opacity:.6}
}
@-webkit-keyframes hit-ani{
    0%{opacity:.3}
   45%{opacity:1}
   90%{opacity:.3}
  100%{opacity:.3}
}
@-moz-keyframes hit-ani{
    0%{opacity:.3}
   45%{opacity:1}
   90%{opacity:.3}
  100%{opacity:.3}
}
@-ms-keyframes hit-ani{
    0%{opacity:.3}
   45%{opacity:1}
   90%{opacity:.3}
  100%{opacity:.3}
}
@-o-keyframes hit-ani{
    0%{opacity:.3}
   45%{opacity:1}
   90%{opacity:.3}
  100%{opacity:.3}
}
@-webkit-keyframes d1 { 
	0% {opacity:1} 25%{opacity:.5} 50%{opacity:0} 75%{opacity:0} 100% {opacity:1}
}
@-moz-keyframes d1 { 
	0% {opacity:1} 25%{opacity:.5} 50%{opacity:0} 75%{opacity:0} 100% {opacity:1}
}
@-ms-keyframes d1 { 
	0% {opacity:1} 25%{opacity:.5} 50%{opacity:0} 75%{opacity:0} 100% {opacity:1}
}
@-o-keyframes d1 { 
	0% {opacity:1} 25%{opacity:.5} 50%{opacity:0} 75%{opacity:0} 100% {opacity:1}
}
@-webkit-keyframes d2 { 
	0% {opacity:1} 25%{opacity:1} 50%{opacity:.5} 75%{opacity:0} 100% {opacity:.5}
}
@-moz-keyframes d2 { 
	0% {opacity:1} 25%{opacity:1} 50%{opacity:.5} 75%{opacity:0} 100% {opacity:.5}
}
@-ms-keyframes d2 { 
	0% {opacity:1} 25%{opacity:1} 50%{opacity:.5} 75%{opacity:0} 100% {opacity:.5}
}
@-o-keyframes d2 { 
	0% {opacity:1} 25%{opacity:1} 50%{opacity:.5} 75%{opacity:0} 100% {opacity:.5}
}
@-webkit-keyframes d3 { 
	0% {opacity:0} 25%{opacity:1} 50%{opacity:1} 75%{opacity:0.5} 100% {opacity:0}
}
@-moz-keyframes d3 { 
	0% {opacity:0} 25%{opacity:1} 50%{opacity:1} 75%{opacity:0.5} 100% {opacity:0}
}
@-ms-keyframes d3 { 
	0% {opacity:0} 25%{opacity:1} 50%{opacity:1} 75%{opacity:0.5} 100% {opacity:0}
}
@-o-keyframes d3 { 
	0% {opacity:0} 25%{opacity:1} 50%{opacity:1} 75%{opacity:0.5} 100% {opacity:0}
}
/*淡入*/
@-moz-keyframes fade-in {/*火狐内核*/
0% {opacity: 0;}/*初始状态 透明度为0*/
100% {opacity: 1;}/*结束状态 透明度为1*/
}
@-webkit-keyframes fade-in {/*针对webkit内核*/
0% {opacity: 0;}
100% {opacity: 1;}
}
@-ms-keyframes fade-in{
0% {opacity: 0;}
100% {opacity: 1;}
}
@-o-keyframes fade-in{/*Opera*/
0% {opacity: 0;}
100% {opacity: 1;}
}
/*淡出*/
@-moz-keyframes fade-out {/*火狐内核*/
0% {opacity: 1;}/*初始状态 透明度为1*/
100% {opacity: 0;}/*结束状态 透明度为0*/
}
@-webkit-keyframes fade-out {/*针对webkit内核*/
0% {opacity: 1;}
100% {opacity: 0;}
}
@-ms-keyframes fade-out{
0% {opacity: 1;}
100% {opacity: 0;}
}
@-o-keyframes fade-out{/*Opera*/
0% {opacity: 1;}
100% {opacity: 0;}
}



/*Safari 和 Chrome*/


@-webkit-keyframes ye1{
    0%{left: 0; top: 0;opacity: 0;-webkit-transform:rotateX(0deg);}
    25%{-webkit-transform:rotateX(70deg);}
    75%{-webkit-transform:rotateX(0deg);}
  100%{left:400px;top: 300px;opacity: 1; -webkit-transform:rotateX(50deg);}
}
@-moz-keyframes ye1{
    0%{left: 0;top: 0; opacity: 0;-moz-transform:rotateX(0deg);}
    25%{-webkit-transform:rotateX(70deg);}
    75%{-webkit-transform:rotateX(0deg);}
  100%{left:400px;top: 350px;opacity: 1;  -moz-transform:rotateX(50deg);}
}
@-ms-keyframes ye1{
    0%{left: 0;top: 0;opacity: 0; -ms-transform:rotateX(0deg);}
    25%{-webkit-transform:rotateX(70deg);}
    75%{-webkit-transform:rotateX(0deg);}
  100%{left:400px;top: 350px; opacity: 1;-ms-transform:rotateX(50deg);}
}
@-o-keyframes ye1{
     0%{left: 0;top: 0;opacity: 0; -o-transform:rotateX(0deg);}
     25%{-webkit-transform:rotateX(70deg);}
    75%{-webkit-transform:rotateX(0deg);}
  100%{left:400px;top:350px;opacity: 1; -o-transform:rotateX(50deg);}
}