body{ background: url(../images/bg.jpg) no-repeat center top #410c7f;}

@-webkit-keyframes monkey{
	0%{
		transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
	}
	50%{
		transform: rotateZ(8deg);
		-webkit-transform: rotateZ(8deg);
		-moz-transform: rotateZ(8deg);
		-ms-transform: rotateZ(8deg);
	}
	100%{
		transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
	}
}
@-moz-keyframes monkey{
	0%{
		transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
	}
	50%{
		transform: rotateZ(8deg);
		-webkit-transform: rotateZ(8deg);
		-moz-transform: rotateZ(8deg);
		-ms-transform: rotateZ(8deg);
	}
	100%{
		transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
	}
}
@-ms-keyframes monkey{
	0%{
		transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
	}
	50%{
		transform: rotateZ(8deg);
		-webkit-transform: rotateZ(8deg);
		-moz-transform: rotateZ(8deg);
		-ms-transform: rotateZ(8deg);
	}
	100%{
		transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
	}
}
@keyframes monkey{
	0%{
		transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
	}
	50%{
		transform: rotateZ(8deg);
		-webkit-transform: rotateZ(8deg);
		-moz-transform: rotateZ(8deg);
		-ms-transform: rotateZ(8deg);
	}
	100%{
		transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
	}
}
.monkey{ animation: monkey 0.8s linear; -webkit-animation: monkey 0.8s linear; -moz-animation: monkey 0.8s linear; -ms-animation: monkey 0.8s linear; 
transform-origin: right top; -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top;}

.hide_o{ opacity: 0;}
.show_o{ opacity: 1 !important;}
.tac{ text-align: center;}
.c_red{ color: #f45a4a;}
.c_org{ color: #fe9639;}

#footer .ft{margin-bottom:10px;}

/*banner*/
.banner{width: 100%; height:731px; overflow: hidden; position: relative; z-index: 1;}
.banner .area{ height:731px; position: relative;}
.banner .t_title{ width: 721px; height: 342px; background: url(../images/banner_title.png) no-repeat; position: absolute; left: 240px; top: 10px; z-index: 2;}
.banner .t_title2{ width: 178px; height: 228px; background: url(../images/banner_title2.png) no-repeat; position: absolute; left: 892px; top: 42px; z-index: 2;}
.banner .banner_monkey{ position: absolute; left: 75px; top: 55px; z-index: 1;}

.cont{ position: relative; z-index: 2; padding-bottom: 10px;}
.cont .center_title{ text-align: center; margin-bottom: 30px;} 
.cont .liucheng{ width: 1102px; padding: 50px 0 30px 0; margin: 0 auto; position: relative;}
.cont .liucheng .line{ width: 1102px; height: 10px; background: #ff4025; border-radius: 5px; position: absolute; left: 0; top: 50px; z-index: 1;}
.cont .liucheng ul{ width: 1102px;}
.cont .liucheng ul li{ width: 275px; padding-top: 60px; float: left; text-align: center; position: relative; cursor: pointer;}
.cont .liucheng ul li .num_bg{ width: 80px; height: 80px; background: url(../images/liucheng_list_bg.png) no-repeat; position: absolute; left: 50%; top: -35px; margin-left: -40px; z-index: 2;}
.cont .liucheng ul li .num_bg_hover{ width: 231px; height: 323px; background: url(../images/liucheng_list_h_bg.png) no-repeat; position: absolute; left: 50%; top: -272px; margin-left: -115px; z-index: 3; display: none;}
.cont .liucheng ul li .num_bg_hover img{ margin: 5px;}
.cont .liucheng ul li .num{width: 80px; height: 80px; text-align: center; line-height: 80px; color: #e94844; font-size: 40px; position: absolute; left: 50%; top: -35px; margin-left: -40px; z-index: 4;}
.cont .liucheng ul li:hover .num_bg_hover{ display: block;}
.cont .liucheng ul li:hover .num{ color: #fdda18;}
.cont .liucheng ul li p{ text-align: center; font-size: 20px; line-height: 24px; color: #fff;}
.cont .presents_box{text-align: center; padding: 60px 0;}
.cont .presents_box .box{ width: 554px; height: 440px; background: #fff1c7; border-radius: 25px; margin: 0 9px; float: left; position: relative;}
.cont .presents_box .box .name{ width: 248px; height: 57px; position: absolute; left: 50%; top: -35px; margin-left: -124px;}

.cont .shuoming{ padding: 0 75px;padding-bottom: 150px; background: url(../images/bottom_monkey.png) no-repeat 854px bottom;}
.cont .shuoming p{ padding-left: 30px; position: relative; margin-bottom: 25px; color: #fff; font-size: 24px; line-height: 30px;}
.cont .shuoming p i{ position: absolute; right:1033px; top: 0; line-height: 30px; font-size: 26px; color: #fdda18;}


.loadImg{opacity: 0;
    -webkit-transition:opacity .5s ease-in;
    -moz-transition:opacity .5s ease-in;
    -o-transition:opacity .5s ease-in;
    transition:opacity .5s ease-in; }

.loadImgShow{opacity: 1 !important;}
    
.delay02{-moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s;  -o-animation-delay: 0.2s;  animation-delay: 0.2s;}
.delay03{-moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s;  -o-animation-delay: 0.3s;  animation-delay: 0.3s;}
.delay04{-moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s;  -o-animation-delay: 0.4s;  animation-delay: 0.4s;}
.delay05{-moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s;  -o-animation-delay: 0.5s;  animation-delay: 0.5s;}
.delay06{-moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s;  -o-animation-delay: 0.6s;  animation-delay: 0.6s;}
.delay1{-moz-animation-delay: 1s; -webkit-animation-delay: 1s;  -o-animation-delay: 1s;  animation-delay: 1s;}
.delay2{-moz-animation-delay: 2s; -webkit-animation-delay: 2s;  -o-animation-delay: 2s;  animation-delay: 2s;}
.delay3{-moz-animation-delay: 3s; -webkit-animation-delay: 3s;  -o-animation-delay: 3s;  animation-delay: 3s;}
.delay4{-moz-animation-delay: 4s; -webkit-animation-delay: 4s;  -o-animation-delay: 4s;  animation-delay: 4s;}
.delay11{-moz-animation-delay: 1.1s; -webkit-animation-delay: 1.1s;  -o-animation-delay: 1.1s;  animation-delay: 1.1s;}
.delay12{-moz-animation-delay: 1.2s; -webkit-animation-delay: 1.2s;  -o-animation-delay: 1.2s;  animation-delay: 1.2s;}
.delay12{-moz-animation-delay: 1.2s; -webkit-animation-delay: 1.2s;  -o-animation-delay: 1.2s;  animation-delay: 1.2s;}
.delay13{-moz-animation-delay: 1.3s; -webkit-animation-delay: 1.3s;  -o-animation-delay: 1.3s;  animation-delay: 1.3s;}
.delay14{-moz-animation-delay: 1.4s; -webkit-animation-delay: 1.4s;  -o-animation-delay: 1.4s;  animation-delay: 1.4s;}
.delay15{-moz-animation-delay: 1.5s; -webkit-animation-delay: 1.5s;  -o-animation-delay: 1.5s;  animation-delay: 1.5s;}
.delay16{-moz-animation-delay: 1.6s; -webkit-animation-delay: 1.6s;  -o-animation-delay: 1.6s;  animation-delay: 1.6s;}
.delay17{-moz-animation-delay: 1.7s; -webkit-animation-delay: 1.7s;  -o-animation-delay: 1.7s;  animation-delay: 1.7s;}
.delay18{-moz-animation-delay: 1.8s; -webkit-animation-delay: 1.8s;  -o-animation-delay: 1.8s;  animation-delay: 1.8s;}
.delay19{-moz-animation-delay: 1.9s; -webkit-animation-delay: 1.9s;  -o-animation-delay: 1.9s;  animation-delay: 1.9s;}
.delay21{-moz-animation-delay: 2.1s; -webkit-animation-delay: 2.1s;  -o-animation-delay: 2.1s;  animation-delay: 2.1s;}
.delay22{-moz-animation-delay: 2.2s; -webkit-animation-delay: 2.2s;  -o-animation-delay: 2.2s;  animation-delay: 2.2s;}
.delay23{-moz-animation-delay: 2.3s; -webkit-animation-delay: 2.3s;  -o-animation-delay: 2.3s;  animation-delay: 2.3s;}
.delay24{-moz-animation-delay: 2.4s; -webkit-animation-delay: 2.4s;  -o-animation-delay: 2.4s;  animation-delay: 2.4s;}
.delay25{-moz-animation-delay: 2.5s; -webkit-animation-delay: 2.5s;  -o-animation-delay: 2.5s;  animation-delay: 2.5s;}
.delay26{-moz-animation-delay: 2.6s; -webkit-animation-delay: 2.6s;  -o-animation-delay: 2.6s;  animation-delay: 2.6s;}
.delay27{-moz-animation-delay: 2.7s; -webkit-animation-delay: 2.7s;  -o-animation-delay: 2.7s;  animation-delay: 2.7s;}
.delay28{-moz-animation-delay: 2.8s; -webkit-animation-delay: 2.8s;  -o-animation-delay: 2.8s;  animation-delay: 2.8s;}
.delay29{-moz-animation-delay: 2.9s; -webkit-animation-delay: 2.9s;  -o-animation-delay: 2.9s;  animation-delay: 2.9s;}
.delay31{-moz-animation-delay: 3.1s; -webkit-animation-delay: 3.1s;  -o-animation-delay: 3.1s;  animation-delay: 3.1s;}
.delay32{-moz-animation-delay: 3.2s; -webkit-animation-delay: 3.2s;  -o-animation-delay: 3.2s;  animation-delay: 3.2s;}
.delay33{-moz-animation-delay: 3.3s; -webkit-animation-delay: 3.3s;  -o-animation-delay: 3.3s;  animation-delay: 3.3s;}
.delay34{-moz-animation-delay: 3.4s; -webkit-animation-delay: 3.4s;  -o-animation-delay: 3.4s;  animation-delay: 3.4s;}
.delay35{-moz-animation-delay: 3.5s; -webkit-animation-delay: 3.5s;  -o-animation-delay: 3.5s;  animation-delay: 3.5s;}
.delay36{-moz-animation-delay: 3.6s; -webkit-animation-delay: 3.6s;  -o-animation-delay: 3.6s;  animation-delay: 3.6s;}
.delay37{-moz-animation-delay: 3.7s; -webkit-animation-delay: 3.7s;  -o-animation-delay: 3.7s;  animation-delay: 3.7s;}
.delay38{-moz-animation-delay: 3.8s; -webkit-animation-delay: 3.8s;  -o-animation-delay: 3.8s;  animation-delay: 3.8s;}
.delay39{-moz-animation-delay: 3.9s; -webkit-animation-delay: 3.9s;  -o-animation-delay: 3.9s;  animation-delay: 3.9s;}
.delay42{-moz-animation-delay: 4.2s; -webkit-animation-delay: 4.2s;  -o-animation-delay: 4.2s;  animation-delay: 4.2s;}
.delay45{-moz-animation-delay: 4.5s; -webkit-animation-delay: 4.5s;  -o-animation-delay: 4.5s;  animation-delay: 4.5s;}