.content_bann{ width:100%; height:645px; background:url(../images/top_bg.jpg) no-repeat center 0; position:relative; overflow:hidden; }
.content_main{ width:1000px; height:645px; margin:0 auto; position:relative; z-index:1;}
.content_main .title_text{ width:623px; height:514px; position:absolute; left:195px; top:46px; z-index:2;}
.content_main .bbyh_pic{ width:78px; height:78px; position:absolute; left:688px; top:366px; z-index:10;
animation:hat 0.6s ease-in-out 0s infinite both;
	-webkit-animation:hat 1s ease-in-out 0s infinite both;
	-ms-animation:hat 1s ease-in-out 0s infinite both;
	-moz-animation:hat 1s ease-in-out 0s infinite both;
	-o-animation:hat 1s ease-in-out 0s infinite both;
	-webkit-transform-origin: 10% 95%;
	-moz-transform-origin: 10% 95%;
	-ms-transform-origin: 10% 95%;
	-o-transform-origin: 10% 95%;
	transform-origin:10% 95%;
}
img {
    display: block;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
}
.content_bann a{display:block;width:200px;height:48px;margin:0 auto;text-align:center;line-height:48px;background-color:#cc3366;color:#fff;font-size:24px;position:absolute;top:540px;left:50%;margin-left:-100px;border-radius:4px;}
.content_bann a:hover{color:#ffff00;cursor:pointer;}
.star01{ position:absolute; left:142px; top:92px;-webkit-animation:fly 1.5s ease-in-out 0s none normal;
  -ms-animation:fly 1.5s ease-in-out 0s none normal;
  -moz-animation:fly 1.5s ease-in-out 0s none normal;
  -o-animation:fly 1.5s ease-in-out 0s none normal;}
.star02{ position:absolute; right:47px; top:205px;-webkit-animation:fly01 1.5s ease-in-out 0s none normal;
  -ms-animation:fly01 1.5s ease-in-out 0s none normal;
  -moz-animation:fly01 1.5s ease-in-out 0s none normal;
  -o-animation:fly01 1.5s ease-in-out 0s none normal;}

@keyframes fly{
	0%{ left:-390px; top:645px; }
	100%{left:142px; top:92px; }
	}
@-ms-keyframes fly{
	0%{ left:-390px; top:645px; }
	100%{left:142px; top:92px; }
	}
@-moz-keyframes fly{
	0%{ left:-390px; top:645px; }
	100%{left:142px; top:92px; }
	}
@-webkit-keyframes fly{
	0%{ left:-390px; top:645px; }
	100%{left:142px; top:92px; }
	}
	
@keyframes fly01{
	0%{ right:-357px; top:0px; }
	100%{right:47px; top:205px; }
	}
@-ms-keyframes fly01{
	0%{ right:-357px; top:0px; }
	100%{right:47px; top:205px; }
	}
@-moz-keyframes fly01{
	0%{ right:-357px; top:0px; }
	100%{right:47px; top:205px; }
	}
@-webkit-keyframes fly01{
	0%{ right:-357px; top:0px; }
	100%{right:47px; top:205px; }
	}

.content_main .bbyh_pic {
    width: 78px;
    height: 78px;
    position: absolute;
    left: 718px;
    top: 366px;
    z-index: 10;
    animation: hat 0.6s ease-in-out 0s infinite both;
    -webkit-animation: hat 1s ease-in-out 0s infinite both;
    -ms-animation: hat 1s ease-in-out 0s infinite both;
    -moz-animation: hat 1s ease-in-out 0s infinite both;
    -o-animation: hat 1s ease-in-out 0s infinite both;
    -webkit-transform-origin: 10% 95%;
    -moz-transform-origin: 10% 95%;
    -ms-transform-origin: 10% 95%;
    -o-transform-origin: 10% 95%;
    transform-origin: 10% 95%;
}
@keyframes hat{
    0% {transform:rotate(0deg);}
    25% {transform:rotate(12deg);}
	50% {transform:rotate(0deg);}
	75% {transform:rotate(-12deg);}
    100% {transform:rotate(0deg);}
}
@-webkit-keyframes hat{
    0% {-webkit-transform:rotate(0deg);}
    25% {-webkit-transform:rotate(12deg);}
	50% {-webkit-transform:rotate(0deg);}
	75% {-webkit-transform:rotate(-12deg);}
    100% {-webkit-transform:rotate(0deg);}
}
@-ms-keyframes hat{
    0% {-ms-transform:rotate(0deg);}
    25% {-ms-transform:rotate(12deg);}
	50% {-ms-transform:rotate(0deg);}
	75% {-ms-transform:rotate(-12deg);}
    100% {-ms-transform:rotate(0deg);}
}
@-moz-keyframes hat{
    0% {-moz-transform:rotate(0deg);}
    25% {-moz-transform:rotate(12deg);}
	50% {-moz-transform:rotate(0deg);}
	75% {-moz-transform:rotate(-12deg);}
    100% {-moz-transform:rotate(0deg);}
}
@-o-keyframes hat{
    0% {-o-transform:rotate(0deg);}
    25% {-o-transform:rotate(12deg);}
	50% {-o-transform:rotate(0deg);}
	75% {-o-transform:rotate(-12deg);}
    100% {-o-transform:rotate(0deg);}
}




