* {list-style: none outside none;margin: 0;padding: 0;}
html,body{overflow-y:hidden}
body{background-color:#f1f1f1;font-family:"\5FAE\8F6F\96C5\9ED1",Arial, Helvetica, sans-serif;}
body,div,ul,ol,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,form,input,p{margin:0; padding:0;}
ul,ol,li{ list-style:none;}
a{color:#333333;text-decoration:none;font-family:;}
a:hover{ color:#bf0000;text-decoration:underline;}
.z { float: left; } .y { float: right; }
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl { zoom: 1; }
.wrap{ margin:auto; width:980px; overflow:visible; position:relative;}
img {border: 0 none;}
.page2 a:hover img,.page3 a:hover img,.page4 a:hover img{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.page{width:100%; background-position:center top; background-repeat:no-repeat; overflow:hidden;}
.page1{ background:#0477d4 url(../images/year.jpg) center center no-repeat;}
.page2{ background-color:#c2e5ff; background-image:url(../images/bgdiv2.png);}
.page3{ background-color:#ffedd7; background-image:url(../images/bgdiv3.png);}
.page4{ background-color:#ebdfdf; background-image:url(../images/bgdiv4.png);}

.wrap span{display:block;position:absolute;}
.wrap span.arrow{width:70px;height:23px;overflow:hidden;background-image:url(../images/arrarb.png);background-repeat:no-repeat;bottom:30px;cursor:pointer;}
.wrap span.arrow1{ background-position: 0px -69px;}
.wrap span.arrow2{ background-position: 0px -23px;}
.wrap span.arrow3{ background-position: 0px -46px;}
.wrap span.arrow4{ background-position: 0px 0px;}


.page .shi1 {
	width: 79px;
	height: 75px;
	left: -500px;
	top: -300px;
	z-index: 4;
	background: url(../images/header/shi1_75f744d.png);
	-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	transition: transform 1s ease-out;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	transform: rotate(360deg)
}
.page .shi2 {
	width: 276px;
	height: 140px;
	left: 980px;
	z-index: 1;
	top: -295px;
	background: url(../images/header/shi2_29587be.png);
	-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	transition: transform 1s ease-out
}
.page .shi3 {
	width: 173px;
	height: 233px;
	left: -180px;
	z-index: 3;
	top: -341px;
	background: url(../images/header/shi3_e2d0678.png);
	-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	transition: transform 1s ease-out;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	transform: rotate(360deg)
}
.page .shi4 {
	width: 286px;
	height: 142px;
	left: 1398px;
	z-index: 2;
	top: -259px;
	background: url(../images/header/shi4_e893f53.png);
	-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	transition: transform 1s ease-out;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	transform: rotate(360deg)
}
.page .ji1 {
	width: 92px;
	height: 90px;
	left: -327px;
	z-index: 2;
	top: -589px;
	background: url(../images/header/ji1_39b114b.png);
	-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	transition: transform 1s ease-out
}
.page .ji2 {
	width: 127px;
	height: 234px;
	left: 1648px;
	z-index: 2;
	top: -487px;
	background: url(../images/header/ji2_852cd0a.png);
	-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	transition: transform 1s ease-out
}
.page .ji3 {
	width: 195px;
	height: 293px;
	left: -244px;
	z-index: 2;
	top: -488px;
	background: url(../images/header/ji3_a328316.png);
	-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	transition: transform 1s ease-out;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	transform: rotate(360deg)
}
.page .year2 {
	width: 68px;
	height: 98px;
	left: 1686px;
	z-index: 2;
	top: -213px;
	background: url(../images/header/2013-2_bf3a5a5.png);
	-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	transition: transform 1s ease-out;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	transform: rotate(360deg)
}
.page .year0 {
	width: 71px;
	height: 97px;
	left: -266px;
	z-index: 2;
	top: -189px;
	background: url(../images/header/2013-0_3cef07f.png);
	-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	transition: transform 1s ease-out;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	transform: rotate(360deg)
}
.page .year1 {
	width: 40px;
	height: 99px;
	left: 1792px;
	z-index: 2;
	top: -210px;
	background: url(../images/header/2013-1_0cb559a.png);
	-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	transition: transform 1s ease-out;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	transform: rotate(360deg)
}
.page .year3 {
	width: 66px;
	height: 97px;
	left: -173px;
	z-index: 2;
	top: -207px;
	background: url(../images/header/2013-3_596921f.png);
	-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	transition: transform 1s ease-out;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	transform: rotate(360deg)
}
.page .slogen {
	width: 363px;
	height: 45px;
	left: 1462px;
	z-index: 1;
	top: -106px;
	background: url(../images/header/slogen_5635c9f.png)
}