html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,em,img,strike,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;font-family: 微软雅黑;}
ul,ol{list-style:none;}
body{color:#333333;line-height:24px;font-size:12px;}
a{color:#333333;text-decoration:none;}
img:hover{cursor: pointer;}
/*a:hover{text-decoration:underline;}*/
*html .group{height:1%;}
*:first-child+html .group{min-height:1px;}
.group:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.in_top{background-color:#e6e6e6;color:#666;position:relative;height:30px;line-height:30px;}
.in_top1{width:1070px;margin:0 auto;position:relative;height:30px;line-height:30px;}
.website{position:absolute;left:0;}
.friendlink{position:absolute;right:0;white-space:nowrap;}
.in_top a{color:#666;margin:0 4px;}
.header,.in_box,.footer{margin:0 auto;}
:root {filter:none;} 


.bg{height:1000px;width: 100%;margin:0 auto;background:url(/template/img/ghxcbg.png) no-repeat 50% 0;position: relative;background-size: 100% 100%;}
.img1{position: absolute;left:0; top:0;  background: initial;
animation:myfirst 2s linear 4s infinite alternate;
/* Firefox: */
-moz-animation:myfirst 2s linear 4s infinite alternate;
/* Safari and Chrome: */
-webkit-animation:myfirst 2s linear 4s infinite alternate;
/* Opera: */
-o-animation:myfirst 2s linear 4s infinite alternate;
}
.img2{float: right;    background: initial;
animation:myfirst 2s linear s infinite alternate;
/* Firefox: */
-moz-animation:myfirst 2s linear 2s infinite alternate;
/* Safari and Chrome: */
-webkit-animation:myfirst 2s linear 2s infinite alternate;
/* Opera: */
-o-animation:myfirst 2s linear 2s infinite alternate;}
@keyframes myfirst3
{
0%   {left:0px; top:0px;}
50%  {right:100px; top:0px;}
100% {left:0px; top:0px;}
}

@-moz-keyframes myfirst3 /* Firefox */
{
0%   {left:0px; top:0px;}
50%  {right:100px; top:0px;}
100% {left:0px; top:0px;}
}

@-webkit-keyframes myfirst3 /* Safari and Chrome */
{
0%   {left:0px; top:0px;}
50%  {right:100px; top:0px;}
100% {left:0px; top:0px;}
}
@-o-keyframes myfirst3 /* Opera */
{
0%   {left:0px; top:0px;}
50%  {right:100px; top:0px;}
100% {left:0px; top:0px;}
}

@keyframes myfirst
{
0%   {transform: rotate(10deg);
-ms-transform: rotate(10deg);		/* IE 9 */
-webkit-transform: rotate(10deg);	/* Safari and Chrome */
-o-transform: rotate(10deg);		/* Opera */
-moz-transform: rotate(10deg);}
50%  {transform: rotate(0deg);
-ms-transform: rotate(0deg);		/* IE 9 */
-webkit-transform: rotate(0deg);	/* Safari and Chrome */
-o-transform: rotate(0deg);		/* Opera */
-moz-transform: rotate(0deg);}
100% {transform: rotate(-10deg);
-ms-transform: rotate(-10deg);		/* IE 9 */
-webkit-transform: rotate(-10deg);	/* Safari and Chrome */
-o-transform: rotate(-10deg);		/* Opera */
-moz-transform: rotate(-10deg);}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   {transform: rotate(10deg);
-ms-transform: rotate(10deg);		/* IE 9 */
-webkit-transform: rotate(10deg);	/* Safari and Chrome */
-o-transform: rotate(10deg);		/* Opera */
-moz-transform: rotate(10deg);}
50%  {transform: rotate(0deg);
-ms-transform: rotate(0deg);		/* IE 9 */
-webkit-transform: rotate(0deg);	/* Safari and Chrome */
-o-transform: rotate(0deg);		/* Opera */
-moz-transform: rotate(0deg);}
100% {transform: rotate(-10deg);
-ms-transform: rotate(-10deg);		/* IE 9 */
-webkit-transform: rotate(-10deg);	/* Safari and Chrome */
-o-transform: rotate(-10deg);		/* Opera */
-moz-transform: rotate(-10deg);}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {transform: rotate(10deg);
-ms-transform: rotate(10deg);		/* IE 9 */
-webkit-transform: rotate(10deg);	/* Safari and Chrome */
-o-transform: rotate(10deg);		/* Opera */
-moz-transform: rotate(10deg);}
50%  {transform: rotate(0deg);
-ms-transform: rotate(0deg);		/* IE 9 */
-webkit-transform: rotate(0deg);	/* Safari and Chrome */
-o-transform: rotate(0deg);		/* Opera */
-moz-transform: rotate(0deg);}
100% {transform: rotate(-10deg);
-ms-transform: rotate(-10deg);		/* IE 9 */
-webkit-transform: rotate(-10deg);	/* Safari and Chrome */
-o-transform: rotate(-10deg);		/* Opera */
-moz-transform: rotate(-10deg);}
}
@-o-keyframes myfirst /* Opera */
{
0%   {transform: rotate(10deg);
-ms-transform: rotate(10deg);		/* IE 9 */
-webkit-transform: rotate(10deg);	/* Safari and Chrome */
-o-transform: rotate(10deg);		/* Opera */
-moz-transform: rotate(10deg);}
50%  {transform: rotate(0deg);
-ms-transform: rotate(0deg);		/* IE 9 */
-webkit-transform: rotate(0deg);	/* Safari and Chrome */
-o-transform: rotate(0deg);		/* Opera */
-moz-transform: rotate(0deg);}
100% {transform: rotate(-10deg);
-ms-transform: rotate(-10deg);		/* IE 9 */
-webkit-transform: rotate(-10deg);	/* Safari and Chrome */
-o-transform: rotate(-10deg);		/* Opera */
-moz-transform: rotate(-10deg);}
}

.img3{
	position: absolute;top:80px;left:230px;    background: initial;
	animation:myfirst3 5s linear 5s infinite alternate;
/* Firefox: */
-moz-animation:myfirst3 5s linear 5s infinite alternate;
/* Safari and Chrome: */
-webkit-animation:myfirst3 5s linear 5s infinite alternate;
/* Opera: */
-o-animation:myfirst3 5s linear 5s infinite alternate;}
@keyframes myfirst3
{
0%   {top:80px;left:230px;}
50%  {top:130px;left:230px;}
100% {top:80px;left:230px;}
}

@-moz-keyframes myfirst3 /* Firefox */
{
0%   {top:80px;left:230px;}
50%  {top:130px;left:230px;}
100% {top:80px;left:230px;}
}

@-webkit-keyframes myfirst3 /* Safari and Chrome */
{
0%   {top:80px;left:230px;}
50%  {top:130px;left:230px;}
100% {top:80px;left:230px;}
}

@-o-keyframes myfirst3 /* Opera */
{
0%   {top:80px;left:230px;}
50%  {top:130px;left:230px;}
100% {top:80px;left:230px;}
}

.img4{
	position: absolute;top:370px;right:0;    background: initial;animation-delay:5s;
	animation:myfirst4 8s linear 8s infinite alternate;
/* Firefox: */
-moz-animation:myfirst4 8s linear 8s infinite alternate;
/* Safari and Chrome: */
-webkit-animation:myfirst4 8s linear 8s infinite alternate;
/* Opera: */
-o-animation:myfirst4 8s linear 8s infinite alternate;}

@keyframes myfirst4
{
0%   {top:413px;right:0;}
50%  {top:413px;right:80px;}
100% {top:413px;right:0;}
}

@-moz-keyframes myfirst4 /* Firefox */
{
0%   {top:413px;right:0;}
50%  {top:413px;right:80px;}
100% {top:413px;right:0;}
}

@-webkit-keyframes myfirst4 /* Safari and Chrome */
{
0%   {top:413px;right:0;}
50%  {top:413px;right:80px;}
100% {top:413px;right:0;}
}
@-o-keyframes myfirst4 /* Opera */
{
0%   {top:413px;right:0;}
50%  {top:413px;right:80px;}
100% {top:413px;right:0;}
}


/*yanhua*/

.festival_wrap .common_nav {
	background: #333;
	width: 100%;
	height: 43px;
	position: relative;
	z-index: 999
}

.festival_wrap .ns_area_top .hd {
	padding-top: 10px
}

.festival_wrap .subfoot {
	position: relative
}

.festival_wrap .ne_festival_area {
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 43px;
	position: relative
}

.festival_wrap .festival_tree,.festival_wrap .fex_title,.festival_wrap .fex_logo,.festival_wrap .fireworks,.festival_wrap .fireworks2,.festival_wrap .fireworks3,.festival_wrap .topchicken,.festival_wrap .lantern,.festival_wrap .bigchicken,.festival_wrap .dumplings,.festival_wrap .chicken,.festival_wrap .chickenyz,.festival_wrap .festival_cloud {
	background: url(http://img2.cache.netease.com/f2e/www/index2017/images/sprite_festival.png?0119) no-repeat;
}

.festival_wrap .festival_main {
	width: 1210px;
	margin: 0 auto;
	position: relative
}

.festival_wrap .festival_main .fex_title {
	width: 142px;
	height: 227px;
	display: inline-block;
	overflow: hidden;
	background-position: 0 -621px;
	position: absolute;
	left: 0;
	top: 53px;
	animation: titlefadeIn 2s;
	-webkit-animation: titlefadeIn 2s;
	-moz-animation: titlefadeIn 2s;
	-ms-animation: titlefadeIn 2s;
	-o-animation: titlefadeIn 2s
}

.festival_wrap .festival_main .fex_logo {
	width: 95px;
	height: 160px;
	display: inline-block;
	overflow: hidden;
	background-position: 100% -640px;
	position: fixed;
	left: 50%;
	top: 42px;
	margin-left: 600px;
	animation: logoInDown 2s;
	-webkit-animation: logoInDown 2s;
	-moz-animation: logoInDown 2s;
	-ms-animation: logoInDown 2s;
	-o-animation: logoInDown 2s
}

.festival_wrap .festival_main .fireworks {
	width: 70px;
	height: 70px;
	display: inline-block;
	overflow: hidden;
	background-position: -328px -1px;
	position: absolute;
	left: 222px;
	top: 25px;
	animation: fireworksfn 5s infinite;
	-webkit-animation: fireworksfn 5s infinite;
	-moz-animation: fireworksfn 5s infinite;
	-ms-animation: fireworksfn 5s infinite;
	-o-animation: fireworksfn 5s infinite
}

.festival_wrap .festival_main .fireworks2 {
	width: 52px;
	height: 52px;
	display: inline-block;
	overflow: hidden;
	background-position: -342px -87px;
	position: absolute;
	left: 393px;
	top: 60px;
	animation: fireworksfn2 5s infinite;
	-webkit-animation: fireworksfn2 5s infinite;
	-moz-animation: fireworksfn2 5s infinite;
	-ms-animation: fireworksfn2 5s infinite;
	-o-animation: fireworksfn2 5s infinite
}

.festival_wrap .festival_main .fireworks3 {
	width: 70px;
	height: 70px;
	display: inline-block;
	overflow: hidden;
	background-position: -335px -158px;
	position: absolute;
	left: 665px;
	top: 10px;
	animation: fireworksfn3 5s infinite;
	-webkit-animation: fireworksfn3 5s infinite;
	-moz-animation: fireworksfn3 5s infinite;
	-ms-animation: fireworksfn3 5s infinite;
	-o-animation: fireworksfn3 5s infinite
}





@media screen and (max-width:1450px) {
	.festival_wrap .smallchicken {
		margin-left: 630px
	}
}


@keyframes fireworksfn {
	0%,45% {
		opacity: 1;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0)
	}

	55% {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(2);
		-moz-transform: scale(2);
		-ms-transform: scale(2);
		-o-transform: scale(2);
		transform: scale(2)
	}
}

@-moz-keyframes fireworksfn {
	0%,45% {
		opacity: 1;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0)
	}

	55% {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(2);
		-moz-transform: scale(2);
		-ms-transform: scale(2);
		-o-transform: scale(2);
		transform: scale(2)
	}
}

@-webkit-keyframes fireworksfn {
	0%,45% {
		opacity: 1;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0)
	}

	55% {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(2);
		-moz-transform: scale(2);
		-ms-transform: scale(2);
		-o-transform: scale(2);
		transform: scale(2)
	}
}

@-o-keyframes fireworksfn {
	0%,45% {
		opacity: 1;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0)
	}

	55% {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(2);
		-moz-transform: scale(2);
		-ms-transform: scale(2);
		-o-transform: scale(2);
		transform: scale(2)
	}
}

@keyframes fireworksfn2 {
	0%,55% {
		opacity: 1;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0)
	}

	65% {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(2);
		-moz-transform: scale(2);
		-ms-transform: scale(2);
		-o-transform: scale(2);
		transform: scale(2)
	}
}

@-moz-keyframes fireworksfn2 {
	0%,55% {
		opacity: 1;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0)
	}

	65% {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(2);
		-moz-transform: scale(2);
		-ms-transform: scale(2);
		-o-transform: scale(2);
		transform: scale(2)
	}
}

@-webkit-keyframes fireworksfn2 {
	0%,55% {
		opacity: 1;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0)
	}

	65% {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(2);
		-moz-transform: scale(2);
		-ms-transform: scale(2);
		-o-transform: scale(2);
		transform: scale(2)
	}
}

@-o-keyframes fireworksfn2 {
	0%,55% {
		opacity: 1;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0)
	}

	65% {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(2);
		-moz-transform: scale(2);
		-ms-transform: scale(2);
		-o-transform: scale(2);
		transform: scale(2)
	}
}

@keyframes fireworksfn3 {
	0%,60% {
		opacity: 1;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0)
	}

	70% {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(2);
		-moz-transform: scale(2);
		-ms-transform: scale(2);
		-o-transform: scale(2);
		transform: scale(2)
	}
}

@-moz-keyframes fireworksfn3 {
	0%,60% {
		opacity: 1;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0)
	}

	70% {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(2);
		-moz-transform: scale(2);
		-ms-transform: scale(2);
		-o-transform: scale(2);
		transform: scale(2)
	}
}

@-webkit-keyframes fireworksfn3 {
	0%,60% {
		opacity: 1;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0)
	}

	70% {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(2);
		-moz-transform: scale(2);
		-ms-transform: scale(2);
		-o-transform: scale(2);
		transform: scale(2)
	}
}

@-o-keyframes fireworksfn3 {
	0%,60% {
		opacity: 1;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0)
	}

	70% {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(2);
		-moz-transform: scale(2);
		-ms-transform: scale(2);
		-o-transform: scale(2);
		transform: scale(2)
	}
}