body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form,fieldset,legend,button,input,textarea,th,td,div,input{margin:0;padding:0;word-wrap:break-word;}
body,html,input{font:12px "Microsoft Yahei",arial,\5b8b\4f53,"Helvetica Neue",Helvetica,STHeiTi,sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
html,body{background: #fff;overflow: hidden;height: 100%;}
h1{font-size:34px;}h2{font-size:24px;}h3{font-size:18px;}h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
input,label,img,th{vertical-align:middle;}
ul,ol,li{list-style:none;}
a{text-decoration: none;color: #303030;}
a:hover{text-decoration: underline;}
img{margin: 0;padding: 0;border: none;}

.wrap{width: 100%;height: 100%;background: url(../images/bg.jpg) top center;background-size: cover;}
.box{width: 1000px;margin: 0 auto;height: 100%;}
.abstract{background: url(../images/book.png) top center no-repeat;width: 638px;height: 532px;margin-left: 95px;padding: 82px 85px 0 88px;overflow: hidden;}
.abstract p{line-height: 36px;font-size: 14px;text-indent: 2em;opacity: 0;}

.abstract.on{animation:abstract 1.5s linear forwards;-webkit-animation:abstract 1.5s linear forwards;-moz-animation:abstract 1.5s linear forwards;}
.abstract p{animation:abstractP 2s 1.5s linear forwards;-webkit-animation:abstractP 2s 1.5s linear forwards;-moz-animation:abstractP 2s 1.5s linear forwards;}

.tree{background: url(../images/tree.png) top center no-repeat;height: 100%;width: 1000px;position: relative;display: none;}
.title{background: url(../images/title.png) top center no-repeat;height: 338px;width: 1000px;position: absolute;left: 0;top: 8px;}

.tree_li{position: absolute;width: 164px;height: 170px;overflow: hidden;cursor: pointer;}
.tree_li1{background: url(../images/fruit_1.png);left: 335px;top: 353px;}
.tree_li2{background: url(../images/fruit_2.png);left: 589px;top: 366px;}
.tree_li3{background: url(../images/fruit_3.png);left: 785px;top: 516px;}
.tree_li4{background: url(../images/fruit_4.png);left: 520px;top: 600px;}
.tree_li5{background: url(../images/fruit_5.png);left: 254px;top: 534px;}
.tree_li6{background: url(../images/fruit_6.png);left: 31px;top: 586px;}

.tree.on .title{animation:title .8s linear forwards;-webkit-animation:title .8s linear forwards;-moz-animation:title .8s linear forwards;}
.tree.on .tree_li{transform-origin: top center;-webkit-transform-origin: top center;}
.tree.on .tree_li1{animation:tree_li1 1s linear infinite alternate;-webkit-animation:tree_li1 1s linear infinite alternate;-moz-animation:tree_li1 1s linear infinite alternate;}
.tree.on .tree_li2{animation:tree_li2 1s linear infinite alternate;-webkit-animation:tree_li2 1s linear infinite alternate;-moz-animation:tree_li2 1s linear infinite alternate;}
.tree.on .tree_li3{animation:tree_li1 1s linear infinite alternate;-webkit-animation:tree_li1 1s linear infinite alternate;-moz-animation:tree_li1 1s linear infinite alternate;}
.tree.on .tree_li4{animation:tree_li2 1s linear infinite alternate;-webkit-animation:tree_li2 1s linear infinite alternate;-moz-animation:tree_li2 1s linear infinite alternate;}
.tree.on .tree_li5{animation:tree_li1 1s linear infinite alternate;-webkit-animation:tree_li1 1s linear infinite alternate;-moz-animation:tree_li1 1s linear infinite alternate;}
.tree.on .tree_li6{animation:tree_li2 1s linear infinite alternate;-webkit-animation:tree_li2 1s linear infinite alternate;-moz-animation:tree_li2 1s linear infinite alternate;}

.tree_list{display: none;position: absolute;bottom: 0;background: url(../images/tree_new_bg.png) bottom center no-repeat;left: 0;height: 779px;width: 1000px;z-index: 10;}
.tree_list img{width: 556px;height: 372px;display: block;margin: 150px auto 0;}
.tree_list .tag1{position: absolute;left: -107px;top: 22%;opacity: 0;}
.tree_list .tag2{position: absolute;left: 632px;top: 15%;opacity: 0;}
.tree_list .tag3{position: absolute;left: 698px;top: 60%;opacity: 0;}
.tree_list .tag4{position: absolute;left: -30px;top: 58%;opacity: 0;}
.tree_list .tag1 .tag1_bg{background: url(../images/text1_bg.png) top left no-repeat;z-index: 30;position: absolute;width: 355px;height: 113px;}
.tree_list .tag2 .tag2_bg{background: url(../images/text2_bg.png) top left no-repeat;z-index: 30;position: absolute;width: 404px;height: 123px;}
.tree_list .tag3 .tag3_bg{background: url(../images/text3_bg.png) top left no-repeat;z-index: 30;position: absolute;width: 382px;height: 140px;}
.tree_list .tag4 .tag4_bg{background: url(../images/text4_bg.png) top left no-repeat;z-index: 30;position: absolute;width: 315px;height: 96px;}

.tree_list .tag_text{color: #fff;font-size: 16px;line-height: 28px;font-weight: 600;position: absolute;background: #42a931;z-index: 20;width: 100%;min-height: 30px;border-radius: 12% 12% 12% 12%;padding: 10px 15px 10px 20px;}
.tree_list .tag1 .tag1_text{width: 135px;top: 37px;left: 45px;}
.tree_list .tag2 .tag2_text{width: 145px;top: 36px;left: 220px;}
.tree_list .tag3 .tag3_text{width: 140px;top: 72px;left: 195px;}
.tree_list .tag4 .tag4_text{width: 127px;top: 32px;left: 53px;}

.tree_list.on .tag1,.tree_list.on .tag4{animation:tag1_text .8s linear forwards;-webkit-animation:tag1_text .8s linear forwards;-moz-animation:tag1_text .8s linear forwards;}
.tree_list.on .tag2,.tree_list.on .tag3{animation:tag2_text .8s linear forwards;-webkit-animation:tag2_text .8s linear forwards;-moz-animation:tag2_text .8s linear forwards;}

.mask{width: 100%;height: 100%;position: absolute;z-index: 5;background: rgba(0,0,0,.8);display: none;left: 0;top: 0;bottom: 0;right: 0;}
.close{width: 60px;height: 60px;background: url(../images/close.png);position: absolute;right: 0;top: 135px;display: none;z-index: 100;cursor: pointer;}

.music{position: absolute;right: 150px;top: 80px;z-index:300;}
.audio-player-container{width:100%;display:block;}
.audio-player{margin:0 auto;cursor: pointer;}
.audio-bars{width:40px;height:30px;position:absolute;display:block;}
.audio-bar{width:3px;height:3px;bottom:1px;background:#42a931;position:absolute;-moz-animation:sound 0ms -800ms linear infinite alternate;-o-animation:sound 0ms -800ms linear infinite alternate;-webkit-animation:sound 0ms -800ms linear infinite alternate;animation:sound 0ms -800ms linear infinite alternate;}
.audio-bar:nth-child(1){left:1px;-moz-animation-duration:474ms;-o-animation-duration:474ms;-webkit-animation-duration:474ms;animation-duration:474ms;}
.audio-bar:nth-child(2){left:5px;-moz-animation-duration:433ms;-o-animation-duration:433ms;-webkit-animation-duration:433ms;animation-duration:433ms;}
.audio-bar:nth-child(3){left:9px;-moz-animation-duration:407ms;-o-animation-duration:407ms;-webkit-animation-duration:407ms;animation-duration:407ms;}
.audio-bar:nth-child(4){left:13px;-moz-animation-duration:458ms;-o-animation-duration:458ms;-webkit-animation-duration:458ms;animation-duration:458ms;}
.audio-bar:nth-child(5){left:17px;-moz-animation-duration:400ms;-o-animation-duration:400ms;-webkit-animation-duration:400ms;animation-duration:400ms;}
.audio-bar:nth-child(6){left:21px;-moz-animation-duration:427ms;-o-animation-duration:427ms;-webkit-animation-duration:427ms;animation-duration:427ms;}
.audio-bar:nth-child(7){left:25px;-moz-animation-duration:441ms;-o-animation-duration:441ms;-webkit-animation-duration:441ms;animation-duration:441ms;}
.audio-bar:nth-child(8){left:29px;-moz-animation-duration:419ms;-o-animation-duration:419ms;-webkit-animation-duration:419ms;animation-duration:419ms;}
.audio-bar:nth-child(9){left:33px;-moz-animation-duration:487ms;-o-animation-duration:487ms;-webkit-animation-duration:487ms;animation-duration:487ms;}
.audio-bar:nth-child(10){left:37px;-moz-animation-duration:442ms;-o-animation-duration:442ms;-webkit-animation-duration:442ms;animation-duration:442ms;}
.audio-player.on .audio-bar{-moz-animation-play-state:running;-o-animation-play-state:running;-webkit-animation-play-state:running;animation-play-state:running;}
.audio-player.off .audio-bar{-moz-animation-play-state:paused;-o-animation-play-state:paused;-webkit-animation-play-state:paused;animation-play-state:paused;}

.foot{width: 1000px;text-align: center;position: absolute;bottom: 0;left: 50%;margin-left: -500px;}
.foot p{line-height: 22px;font-size: 12px;}

@-webkit-keyframes tag1_text {
  0% {-webkit-transform:translateX(100px);opacity: 0;}
  100% {-webkit-transform:translateX(0px);opacity: 1;}
}
@-moz-keyframes tag1_text {
  0% {-moz-transform:translateX(100px);opacity: 0;}
  100% {-moz-transform:translateX(0px);opacity: 1;}
}
@keyframes tag1_text {
  0% {transform:translateX(100px);opacity: 0;}
  100% {transform:translateX(0px);opacity: 1;}
}

@-webkit-keyframes tag2_text {
  0% {-webkit-transform:translateX(-100px);opacity: 0;}
  100% {-webkit-transform:translateX(0px);opacity: 1;}
}
@-moz-keyframes tag2_text {
  0% {-moz-transform:translateX(-100px);opacity: 0;}
  100% {-moz-transform:translateX(0px);opacity: 1;}
}
@keyframes tag2_text {
  0% {transform:translateX(-100px);opacity: 0;}
  100% {transform:translateX(0px);opacity: 1;}
}

@-webkit-keyframes abstract {
  0% {-webkit-transform:translateY(-600px);}
  100% {-webkit-transform:translateY(85px);}
}
@-moz-keyframes abstract {
  0% {-moz-transform:translateY(-600px);}
  100% {-moz-transform:translateY(85px);}
}
@keyframes abstract {
  0% {transform:translateY(-600px);}
  100% {transform:translateY(85px);}
}

@-webkit-keyframes title {
  0% {-webkit-transform:translateY(-200px);}
  100% {-webkit-transform:translateY(0px);}
}
@-moz-keyframes title {
  0% {-moz-transform:translateY(-200px);}
  100% {-moz-transform:translateY(0px);}
}
@keyframes title {
  0% {transform:translateY(-200px);}
  100% {transform:translateY(0px);}
}

@keyframes abstractP {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@-moz-keyframes abstractP {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@-webkit-keyframes abstractP {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes tree_li1 {
  0% {transform: rotate(15deg);}
  50% {transform: rotate(0deg);}
  100% {transform: rotate(-15deg);}
}

@-moz-keyframes tree_li1 {
  0% {-moz-transform: rotate(15deg);}
  50% {-moz-transform: rotate(0deg);}
  100% {-moz-transform: rotate(-15deg);}
}

@-webkit-keyframes tree_li1 {
  0% {-webkit-transform: rotate(15deg);}
  50% {-webkit-transform: rotate(0deg);}
  100% {-webkit-transform: rotate(-15deg);}
}

@keyframes tree_li2 {
  0% {transform: rotate(-15deg);}
  50% {transform: rotate(0deg);}
  100% {transform: rotate(15deg);}
}

@-moz-keyframes tree_li2 {
  0% {-moz-transform: rotate(-15deg);}
  50% {-moz-transform: rotate(0deg);}
  100% {-moz-transform: rotate(15deg);}
}

@-webkit-keyframes tree_li2 {
  0% {-webkit-transform: rotate(-15deg);}
  50% {-webkit-transform: rotate(0deg);}
  100% {-webkit-transform: rotate(15deg);}
}

@-moz-keyframes sound
{
	0%
	{
		opacity:0.35;
		height:3px;
		top:14px;
	}
	
	100%
	{
		opacity:1;       
		height:28px;
		top:1px;
	}
}

@-ms-keyframes sound
{
	0%
	{
		opacity:0.35;
		height:3px;
		top:14px;
	}
	
	100%
	{
		opacity:1;       
		height:28px;
		top:1px;
	}
}

@-webkit-keyframes sound
{
	0%
	{
		opacity:0.35;
		height:3px;
		top:14px;
	}
	
	100%
	{
		opacity:1;       
		height:28px;
		top:1px;
	}
}

@keyframes sound
{
	0%
	{
		opacity:0.35;
		height:3px;
		top:14px;
	}
	
	100%
	{
		opacity:1;       
		height:28px;
		top:1px;
	}
}