@charset "utf-8";
.content {
	background:#ede7d6;
}

.content .topbg
{
	background:url(../images/schoolbg_04.jpg) top center;
}
.content .topwraper
{
	background:url(../images/schoolbg_02.jpg) top center repeat-x;
	height:464px;
	border-bottom:1px solid #e9e4d7;
}

.content .topwraper .topimg
{
	width:1200px;
	background:url(../images/treasure_05.png) no-repeat center top;
	height:423px;
	top:92px;
	position:absolute;
	left:50%;
	margin-left:-600px;
	z-index:1;
}

.content  .treasurelist
{
	background:#fff;
}

.content  .treasurelist .listwraper
{
	width:990px;
	margin:auto;
	position:relative;
	height:480px;
}

.content  .treasurelist li .toparc
{
	background:url(../images/treasure_03.png) no-repeat 0 0;
	height:50px;
	width:990px;
	position:absolute;
	bottom:-50px;
}

*+html .content  .treasurelist li .toparc
{
	bottom:-53px;
}

.content  .treasurelist .list2 .toparc
{
	background-position:0 -50px;
}

.content  .treasurelist .toparc.lastarc
{
	background-position:0 -100px;
}

.content  .treasurelist li .toparc.partten
{
	background:url(../images/schoolbg_03.png) no-repeat;
	top:-1px;
}


.content  .treasurelist .img
{
	position:absolute;
	bottom:-50px;
	width:495px;
	z-index:1;
	overflow:hidden;
}

.content  .treasurelist .img span
{
	position:absolute;
	background:#ac815e url(../images/oicon.png) no-repeat 25px -42px;
	height:76px;
	width:76px;
	border-radius:38px;
	left:50%;
	top:150%;
	margin:-38px 0 0 -38px;
	border:1px solid #fff;
	cursor:pointer;
}

.content  .treasurelist .img span:hover
{
	background-color:#E10300
}

.content  .treasurelist .img:hover img
{
	opacity:0.4;
	filter:alpha(opacity=40);
}

.content  .treasurelist .img:hover span
{
	top:50%;
}

.content  .treasurelist .intro
{
	position:absolute;
	bottom:40px;
	width:495px;
}

.content  .treasurelist .intro h2
{
	font-size:22px;
	color:#000;
	font-weight:bold;
	line-height:22px;
}

.content  .treasurelist .intro .local
{
	color:#c80400;
	font-family:"\5FAE\8F6F\96C5\9ED1",STHeiti;
	font-size:14px;
	line-height:34px;
	padding-bottom:5px;
}

.content  .treasurelist .intro .local span
{
	position:absolute;
	right:5px;
	top:5px;
}

.content span a.outlink
{
	height:36px;
	width:36px;
	display:inline-block;
	background:url(../images/icon.png) no-repeat 0 -173px;
}

.content span a.outlink:hover
{
	background-position:0 -209px
}

.content  .treasurelist .intro .local i
{
	background:url(../images/icon.png) no-repeat 0 -275px;
	font-style:normal;
	padding-left:17px;
	cursor:pointer;
}

.content  .treasurelist .intro .local i:hover
{
	color:#000;
}

.content  .treasurelist .intro p
{
	font-size:14px;
	line-height:24px;
	font-family:"\5FAE\8F6F\96C5\9ED1",STHeiti;
}

.content  .treasurelist .list1 .intro
{
	right:0;
}

.content  .treasurelist .list1 .img
{
	left:0;
}

.content  .treasurelist .list2
{
	background:#f3f0e6;
}

.content  .treasurelist .list2 .intro
{
	left:0;
}

.content  .treasurelist .list2 .img
{
	right:0;
}

.content  .treasurelist .list3
{
	background:#ede7d6;
	text-align:center;
}

.content  .treasurelist .list3 .listwraper
{
	height:250px;
}

.content  .treasurelist .list3 a
{
	display:block;
	width:70px;
	color:#ede7d6;
	background:#e10300;
	border-radius:35px;
	position:absolute;
	top:100px;
	line-height:70px;
	font-size:18px;
	left:50%;
	margin-left:-35px;
	
}

.content  .treasurelist .list3 a:hover
{
	background:#9e8641;
}

.measurelayer 
{
	position:fixed;
	width:798px;
	height:610px;
	background:url(../images/measurebg_06.png);
	z-index:9999;
	top:50%;
	left:50%;
	margin-left:-400px;
	border:1px solid #ebe6da;
	overflow:hidden;
	display:none;
}
.measurelayer .measuretool
{
	background:url(../images/measurebg.png) no-repeat;
	height:84px;
	position:absolute;
	width:798px;
	top:0;
	left:0;
	z-index:1;
	
}

.measurelayer .picwraper
{
	background:url(../images/loading.gif) no-repeat center center;
	position:absolute;
	width:100%;
	bottom:0;
	left:0;
	height:570px;
	overflow:hidden;
}

.measurelayer .picwraper.loaded
{
	background:none;
}



.measurelayer .picwraper img
{
	position:absolute;
	left:50%;
	top:50%;
	display:none;
	
}

.measurelayer .picwraper img.dragable
{
	cursor:move;
}

.measurelayer .measuretool ul
{
	margin:auto;
	width:60px;
	padding-top:13px;
}

.measurelayer .measuretool ul li
{
	float:left;
	_display:inline;
	width:60px;
	height:60px;
	background:url(../images/oicon.png) no-repeat;
	cursor:pointer;
}

.measurelayer .measuretool ul li:hover,.measurelayer .measuretool ul li.active
{
	border:1px solid #C5901C;
	border-radius:30px;
}

.measurelayer .measuretool ul li.ruler
{
	background-position:15px 8px;
}

.measurelayer .measure_box {
   
    width: 0px;
    height: 0px;
    position: absolute;
    cursor: move;
	border:1px dashed #000;
	zoom:1;
}

.measurelayer .infobox
{
	position: absolute;
	bottom:10px;
	left:100%;
	white-space:nowrap;
	margin-left:10px;
	background:#b89579;
	padding:5px 10px;
	color:#fff;
	border-radius:4px;
	line-height:22px;
	text-align:left;
}

.measurelayer .zoomtool
{
	position:absolute;
	z-index:1;
	width:49px;
	top:100px;
	left:40px;
	display:none;
}

.measurelayer .zoomtool .zoom 
{
	height:88px;
}

.measurelayer .zoomtool .zoom span
{
	background:url(../images/mapicon.png) no-repeat;
	display:block;
	height:44px;
	cursor:pointer;
}

.measurelayer .zoomtool .zoom span.zoomin
{
	background-position:0 -122px;
}

.measurelayer .zoomtool .zoom span.zoomout
{
	background-position:0 -166px;
}

.measurelayer .zoomtool .zoom span.zoomin:hover
{
	background-position:0 -218px;
}

.measurelayer .zoomtool .zoom span.zoomout:hover
{
	background-position:0 -262px;
}





.maplayer 
{
	position:fixed;
	background:#000;
	width:1200px;
	height:610px;
	z-index:9999;
	top:50%;
	left:50%;
	margin-left:-600px;
	border:1px solid #ebe6da;
	overflow:hidden;
	display:none;
}


.empire .topwraper
{
	border:none;
	padding-top:130px;
	padding-bottom:220px;
}

.empire .empirebg
{
	background:url(../images/empirebg.jpg) no-repeat center 22px;
	overflow:hidden;
	position:relative;
	height:600px;
	width:auto;
}

.empire .empirelist
{
	width:1200px;
	margin:auto;
	padding-top:20px;
}

.empire .empirelist li
{
	float:left;
	_display:inline;
	background:url(../images/empirelistbg.png) no-repeat center center;
	width:1050px;
	height:442px;
	position:relative;

}

.empire .empirelist li.list1,.empire .empirelist li.list2
{
	margin:0 75px;
}


.empire .empirelist li.qing
{
	background:url(../images/empirelistbg1.png) no-repeat center center;
}

.empire .empirelist .first
{
	background:url(../images/empire.png) no-repeat center center;
	width:1200px;
}

.empire .empirelist .fix
{
	background:none;
	width:0;
}
.empire .empirelist .empt
{
	background:none
}


.empire .hScrollPane_dragbar{
	height:82px;
	margin:40px auto 0 auto;
	background:url(../images/empirescroll.png) no-repeat;
	width:960px;
	padding:10px 0 0 ;
	position:relative;
}
.empire .hScrollPane_draghandle{
	height:52px;
	width:54px;
	overflow:hidden;
	position:absolute;
	top:-7px;
	left:0px;
	cursor:default;
	background:url(../images/empirescrollicon.png) no-repeat;
}

.empire .draghandlealter{
	background-position:0 -52px;
}


.empire .draghandleback{
	background-position:0 -104px;
}

.empire .draghandlebackalter{
	background-position:0 -156px;
}


.empire .empirelist li img
{
	position:absolute;
	bottom:5px;
	left:75px;
}

.empire .empirelist li div.conwrap
{
	position:absolute;
	right:75px;
	top:80px;
	width:410px;
	font-family:"\5FAE\8F6F\96C5\9ED1",STHeiti;
	font-size:14px;
	line-height:22px;

}


.empire .dynasty
{
	margin-left:14px;
}
.empire .dynasty li
{
	float:left;
	background:url(../images/empirescrolltxt.png) no-repeat;
	width:33px;
	height:80px;
	cursor:pointer;
}

.empire .dynasty li.n0
{
	background:none;
}

.empire .dynasty li.n1
{
	background-position:8px 45px;
}

.empire .dynasty li.n2
{
	background-position:-24px 45px;
}
.empire .dynasty li.n3
{
	background-position:-57px 45px;
}
.empire .dynasty li.n4
{
	background-position:-90px 45px;
}
.empire .dynasty li.n5
{
	background-position:-123px 45px;
}
.empire .dynasty li.n6
{
	background-position:-156px 45px;
}
.empire .dynasty li.n7
{
	background-position:-189px 45px;
}
.empire .dynasty li.n8
{
	background-position:-222px 45px;
}
.empire .dynasty li.n9
{
	background-position:-255px 45px;
}
.empire .dynasty li.n10
{
	background-position:-288px 45px;
}
.empire .dynasty li.n11
{
	background-position:-321px 45px;
}
.empire .dynasty li.n12
{
	background-position:-354px 45px;
}
.empire .dynasty li.n13
{
	background-position:-387px 45px;
}
.empire .dynasty li.n14
{
	background-position:-422px 45px;
}
.empire .dynasty li.n15
{
	background-position:-455px 45px;
}
.empire .dynasty li.n16
{
	background-position:-488px 45px;
}
.empire .dynasty li.n17
{
	background-position:-521px 45px;
}
.empire .dynasty li.n18
{
	background-position:-554px 45px;
}
.empire .dynasty li.n19
{
	background-position:-587px 45px;
}
.empire .dynasty li.n20
{
	background-position:-620px 45px;
}
.empire .dynasty li.n21
{
	background-position:-653px 45px;
}
.empire .dynasty li.n22
{
	background-position:-686px 45px;
}
.empire .dynasty li.n23
{
	background-position:-719px 45px;
}
.empire .dynasty li.n24
{
	background-position:-752px 45px;
}
.empire .dynasty li.n25
{
	background-position:-785px 45px;
}
.empire .dynasty li.n26
{
	background-position:-818px 45px;
}

.empire .dynasty li.n1:hover
{
	background-position:8px -121px;
}

.empire .dynasty li.n2:hover
{
	background-position:-24px -121px;
}
.empire .dynasty li.n3:hover
{
	background-position:-57px -121px;
}
.empire .dynasty li.n4:hover
{
	background-position:-90px -121px;
}
.empire .dynasty li.n5:hover
{
	background-position:-123px -121px;
}
.empire .dynasty li.n6:hover
{
	background-position:-156px -121px;
}
.empire .dynasty li.n7:hover
{
	background-position:-189px -121px;
}
.empire .dynasty li.n8:hover
{
	background-position:-222px -121px;
}
.empire .dynasty li.n9:hover
{
	background-position:-255px -121px;
}
.empire .dynasty li.n10:hover
{
	background-position:-288px -121px;
}
.empire .dynasty li.n11:hover
{
	background-position:-321px -121px;
}
.empire .dynasty li.n12:hover
{
	background-position:-354px -121px;
}
.empire .dynasty li.n13:hover
{
	background-position:-387px -121px;
}
.empire .dynasty li.n14:hover
{
	background-position:-422px -121px;
}
.empire .dynasty li.n15:hover
{
	background-position:-455px -121px;
}
.empire .dynasty li.n16:hover
{
	background-position:-488px -121px;
}
.empire .dynasty li.n17:hover
{
	background-position:-521px -121px;
}
.empire .dynasty li.n18:hover
{
	background-position:-554px -121px;
}
.empire .dynasty li.n19:hover
{
	background-position:-587px -121px;
}
.empire .dynasty li.n20:hover
{
	background-position:-620px -121px;
}
.empire .dynasty li.n21:hover
{
	background-position:-653px -121px;
}
.empire .dynasty li.n22:hover
{
	background-position:-686px -121px;
}
.empire .dynasty li.n23:hover
{
	background-position:-719px -121px;
}
.empire .dynasty li.n24:hover
{
	background-position:-752px -121px;
}
.empire .dynasty li.n25:hover
{
	background-position:-785px -121px;
}
.empire .dynasty li.n26:hover
{
	background-position:-818px -121px;
}



.empire .empirelist li div.conwrap .wraper
{
	height:160px;
	width:410px;
	overflow:auto;
}

.empire .empirelist li div h2 i
{
	color:#da0000;
	font-style:normal;
}

.empire .empirelist li div h2
{
	font-size:22px;
	font-weight:bold;
	line-height:30px;
	padding-bottom:10px;
}

.empire .empirelist li div span
{
	position:absolute;
	top:230px;
	left:375px;
}

.empire .empirelist li.list2 img
{
	left:auto;
	right:75px;
}

.empire .empirelist li.list2 div.conwrap
{
	left:80px;
}

.empire .empirelist li.list2 div span
{
	left:0px;
}

.life 
{
	background:#fff;
}

.life .topwraper
{
	height:auto;
}

.life .topwraper .topimg
{
	background:url(../images/lifetitlebg.png) no-repeat center 66px;
	width:100%;
	left:0;
	margin:auto;
	position:relative;
	height:274px;
	padding-top:426px;
	top:0;

}

.life .topwraper #lifeshow{position:relative;margin:auto;width:500px;}
.life .topwraper .centerman {background:url(../images/lifetitleman.png) no-repeat; width:407px;height:504px;position:absolute;left:50%;margin-left:-203px;top:-300px;z-index:50;}
.life .topwraper .lifeshowitem{position:absolute;height:222px; width:231px;cursor:pointer;}
.life .topwraper .lifeshowitem img {width:100%;}
.life .topimg .toparc
{
	background:url(../images/schoolbg_03.png) no-repeat;
	height:50px;
	width:990px;
	position:absolute;
	bottom:-50px;
	left:50%;
	margin-left:-495px;
}

.life .wholeday
{
	background:#f3f0e6;
}

.life .wholeday .wholedaywraper
{
	position:relative;
	height:2700px;
}

.life .wholeday .wholedaywraper .wdcomm
{
	position:absolute;
	font-size:14px;
	line-height:24px;
}

.life .wholeday .wholedaywraper h3
{
	font-size:18px;
	font-weight:bold;
	color:#da0000;
	padding-bottom:5px;
}

.life .wholeday .wholedaywraper .wdcomm div
{
	width:300px;
	position:absolute;
	padding:5px 0 0 0px;
	left:0;
	top:330px;
}
.life .wholeday .wholedaywraper .wdcomm div span
{
	float:right;
	width:250px;
}

.life .wholeday .wholedaywraper .wdcomm span.link
{
	float:right;
	margin-top:20px;
	margin-right:10px;
}

.content span a.gamelink
{
	background: url(../images/icon.png) no-repeat -56px -173px;
    display:inline-block;
    height: 36px;
    width: 36px;
}

.content span a.gamelink:hover
{
	background-position:-56px -209px;
}

.life .wholeday .wholedaywraper .wd_01
{
	top:77px;
	left:284px;
}
.life .wholeday .wholedaywraper .wd_02
{
	top:121px;
	left:409px;
	width:500px;
}
.life .wholeday .wholedaywraper .wd_03
{
	top:430px;
	left:693px;
}
.life .wholeday .wholedaywraper .wd_04
{
	top:593px;
	left:238px;
}

.life .wholeday .wholedaywraper .wd_05
{
	top:967px;
	left:600px;
}

.life .wholeday .wholedaywraper .wd_06
{
	top:1185px;
	left:176px;
}

.life .wholeday .wholedaywraper .wd_07
{
	top:1450px;
	left:600px;
}

.life .wholeday .wholedaywraper .wd_08
{
	top:1900px;
	left:550px;
}

.life .wholeday .wholedaywraper .wd_09
{
	top:2047px;
	left:472px;
}

.life .wholeday .wholedaywraper .wd_10
{
	top:2437px;
	left:796px;
}

.life .wholeday .wholedaywraper .wd_11
{
	top:2300px;
	left:715px;
}

.life .wholeday .wholedaywraper .wd_12
{
	top:2200px;
	left:183px;
	width:500px;
}
.life .wholeday .wholedaywraper .wd_12 strong
{
	padding:20px 0 5px 0;
	display:block;
	font-size:16px;
}

.life .wholeday .wholedaywraper .wd_0
{
	top:357px;
	left:200px;
}

.life .wholeday .wholedaywraper .wd_00
{
	top:2380px;
	left:160px;
}

.life .wholeday .wholedaywraper .wd_000
{
	top:280px;
	left:144px;
}

.life .wholeday .wholedaywraper .wdclock_01
{
	left:916px;
	top:446px
}
.life .wholeday .wholedaywraper .wdclock_02
{
	left:105px;
	top:604px
}
.life .wholeday .wholedaywraper .wdclock_03
{
	left:733px;
	top:1000px
}
.life .wholeday .wholedaywraper .wdclock_04
{
	left:60px;
	top:1184px
}
.life .wholeday .wholedaywraper .wdclock_05
{
	left:802px;
	top:1439px
}
.life .wholeday .wholedaywraper .wdclock_06
{
	left:754px;
	top:1855px
}
.life .wholeday .wholedaywraper .wdclock_07
{
	left:342px;
	top:2039px
}
.life .wholeday .wholedaywraper .wdclock_08
{
	left:830px;
	top:2444px
}

.life .wholeday .wholedaywraper .wdtxt_01
{
	left:1010px;
	top:468px
}

.life .wholeday .wholedaywraper .wdtxt_02
{
	left:125px;
	top:649px
}

.life .wholeday .wholedaywraper .wdtxt_03
{
	left:920px;
	top:990px
}
.life .wholeday .wholedaywraper .wdtxt_04
{
	left:68px;
	top:1284px;
}
.life .wholeday .wholedaywraper .wdtxt_05
{
	left:892px;
	top:1390px
}
.life .wholeday .wholedaywraper .wdtxt_06
{
	left:783px;
	top:1898px
}
.life .wholeday .wholedaywraper .wdtxt_07
{
	left:364px;
	top:2084px
}
.life .wholeday .wholedaywraper .wdtxt_08
{
	left:820px;
	top:2370px
}

.life .wholeday .wholedaywraper .wd_03 div
{
	top:275px;
	width:330px;
}

.life .wholeday .wholedaywraper .wd_04 div
{
	width:270px;
}

.life .wholeday .wholedaywraper .wd_05 div
{
	width:300px;
}

.life .wholeday .wholedaywraper .wd_06 div
{
	top:360px;
}

.life .wholeday .wholedaywraper .wd_07 div
{
	width:340px;
}

.life .wholeday .wholedaywraper .wd_08 div
{
	top:340px;
	width:400px;
}
.life .wholeday .wholedaywraper .wd_10 div
{
	left:120px;
}

.life .wholeday .toparc
{
	background:url(../images/treasure_03.png) no-repeat 0 -50px;
	height:50px;
	width:990px;
	position:absolute;
	bottom:-50px;
	left:50%;
	margin-left:-495px;
}

.life .toy 
{
	background:#fff;
}


.life .toy .toparc
{
	background:url(../images/treasure_03.png) no-repeat 0 0;
	height:50px;
	width:990px;
	position:absolute;
	bottom:-50px;
	left:50%;
	margin-left:-495px;
}

.life .toy .mainwrap
{
	width:990px;
}

.life .toy .toytitle
{
	padding:100px 0 30px 0;
	text-align:center
}

.life .toy .toyintro
{
	line-height:24px;
	font-size:14px;
	padding-bottom:30px;
}

.life .toy ul
{
	position:relative;
	z-index:10;
}

.life .toy li
{
	float:left;
	_display:inline;
	position:relative;
	height:188px;
	width:188px;
	margin:10px 5px;
}

.life .toy ul
{
	padding-bottom:80px;
}

.life .toy li a img{  
    position: absolute;  
    top: 0;  
    left: 0;  
    -webkit-transition: 0.5s ease-in-out;  
    -moz-transition: 0.5s ease-in-out;  
    -ms-transition: 0.5s ease-in-out;  
    -o-transition: 0.5s ease-in-out;  
    transition: 0.5s ease-in-out;  
}  
.life .toy li a .upper{  
    -moz-transform-style: preserve-3d;  
    -moz-backface-visibility: hidden;  
    -webkit-transform-style: preserve-3d;  
    -webkit-backface-visibility: hidden;  
	transform-style: preserve-3d;  
	backface-visibility: hidden;  
}  
.life .toy li a .lower{  
    -moz-transform-style: preserve-3d;  
    -moz-backface-visibility: hidden;/*抖动*/  
    -webkit-transform-style: preserve-3d;  
    -webkit-backface-visibility: hidden;  
    -moz-transform: rotateY(-180deg);  
    -webkit-transform: rotateY(-180deg); 
	transform-style: preserve-3d; 
	backface-visibility: hidden;  
	transform: rotateY(-180deg); 
}  
.life .toy li:hover .upper {  
    -moz-transform: rotateY(180deg);  
    -webkit-transform: rotateY(180deg);
	transform: rotateY(180deg); 
}  
.life .toy li:hover .lower {  
    -moz-transform: rotateY(0deg);  
    -webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.no-csstransforms3d .life .toy li:hover .upper
{
	display:none;
}

.life .toy li div.infobox
{
	position:absolute;
	z-index:2;
	background:url(../images/toyarrow.png) no-repeat 0 -68px;
	width:795px;
	height:366px;
	top:170px;
	left:20px;
	display:none;
}

.life .toy li div i
{
	position:absolute;
	width:63px;
	height:52px;
	background:url(../images/toyarrow.png) no-repeat -5px 0 ;
	top:-25px;
	left:55px;
}


.life .toy li div div.infowraper
{
	width:390px;
	font-size:14px;
	padding:45px 0 0 55px;
	line-height:24px;
}

.life .toy li div div h3
{
	font-weight:bold;
	color:#da0000;
	font-size:26px;
	line-height:30px;
	padding-bottom:12px;
}

.life .toy li div img
{
	float:right;
	margin-top:15px;
	margin-right:20px;
}

.life .toy li div span
{
	position:absolute;
	top:290px;
}

.life .toy li div.infowraper  div.wraper
{
	height:180px;
	overflow:auto;
}

.life .toy li.column2 div.infobox
{
	left:-90px;
}

.life .toy li.column2 div i
{
	left:160px;
}

.life .toy li.column3 div.infobox
{
	left:-290px;
}

.life .toy li.column3 div i
{
	left:360px;
}
.life .toy li.column4 div.infobox
{
	left:-490px;
}

.life .toy li.column4 div i
{
	left:560px;
}

.life .toy li.column5 div.infobox
{
	left:-620px;
}

.life .toy li.column5 div i
{
	left:690px;
}

.life .classroom
{
	background:#fff;
}

.life .classroom .classroomwraper
{
	position: relative;
}

.life .classroom .classroomcity
{
	position: absolute;;
	z-index: 0;
	top: 300px;
	left: 150px;
}

.life .classroom .classroomtitle
{
	padding: 100px 0 30px;
    text-align: center;
}

.life .classroom .classroomtxt
{
	font-size: 14px;
    line-height: 24px;
    padding:0px 310px 30px;
    position: relative;
    z-index: 1;

}

.life .classroom ul
{
	margin: auto;
	width: 900px;
	padding-bottom: 80px;
	position: relative;
    z-index: 1;

}

.life .classroom li
{
	float: left;
	width: 380px;
	font-size: 14px;
	line-height: 24px;
	margin: 0 35px;
}

.life .classroom li img
{
	margin: 20px auto;
	display: block;
}

.life .classroom .toparc {
    background: url(../images/treasure_03.png) no-repeat 0 0;
    bottom: -50px;
    height: 50px;
    left: 50%;
    margin-left: -495px;
    position: absolute;
    width: 990px;
}

.life .story1
{
	background:#f3f0e6;
}

.life .story1 .story1title
{
	padding: 100px 0 30px;
    text-align: center;
}

.life .story1 .story1intro {
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 30px;
	text-align: center;
}

.life .story1 ul
{
	padding-bottom:60px;
}

.life .story1 ul li
{
	float:left;
	_display:inline;
	width:567px;
	margin:15px;
	font-size:14px;
	line-height:24px;
	position:relative;
	height:530px;
}

.life .story1 ul li div
{
	padding:430px 10px 0 10px;
}


.life .story1 li  img{  
    position: absolute;  
    top: 0;  
    left: 0;  
    -webkit-transition: 0.5s ease-in-out;  
    -moz-transition: 0.5s ease-in-out;  
    -ms-transition: 0.5s ease-in-out;  
    -o-transition: 0.5s ease-in-out;  
    transition: 0.5s ease-in-out;  
}  
.life .story1 li  .upper{  
    -moz-transform-style: preserve-3d;  
    -moz-backface-visibility: hidden;  
    -webkit-transform-style: preserve-3d;  
    -webkit-backface-visibility: hidden;  
	transform-style: preserve-3d;  
	backface-visibility: hidden;  
}  
.life .story1 li  .lower{  
    -moz-transform-style: preserve-3d;  
    -moz-backface-visibility: hidden;/*抖动*/  
    -webkit-transform-style: preserve-3d;  
    -webkit-backface-visibility: hidden;  
    -moz-transform: rotateY(-180deg);  
    -webkit-transform: rotateY(-180deg); 
	transform-style: preserve-3d; 
	backface-visibility: hidden;  
	transform: rotateY(-180deg); 
}  
.life .story1 li:hover .upper {  
    -moz-transform: rotateY(180deg);  
    -webkit-transform: rotateY(180deg);
	transform: rotateY(180deg); 
}  
.life .story1 li:hover .lower {  
    -moz-transform: rotateY(0deg);  
    -webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.no-csstransforms3d .life .story1 li:hover .upper
{
	display:none;
}




.life .story1 .toparc
{
	background:url(../images/treasure_03.png) no-repeat 0 -50px;
	height:50px;
	width:990px;
	position:absolute;
	bottom:-50px;
	left:50%;
	margin-left:-495px;
}

.life .story2
{
	background:#fff url(../images/story2.png) no-repeat center 50px;
	height:1200px;
}


.life .story2 .story2title
{
	position:absolute;
	top:70px;
	left:10px;
}


.life .story2 li
{
	position:absolute
}

.life .story2 li.item1
{
	left:145px;
	top:126px;
}

.life .story2 li.item2
{
	left:526px;
	top:104px;
}

.life .story2 li.item3
{
	left:757px;
	top:463px;
}

.life .story2 li.item4
{
	left:10px;
	top:600px;
}

.life .story2 li.item5
{
	left:480px;
	top:760px;
}

.life .story2 .infobox
{
	position:absolute;
	z-index:2;
	background:url(../images/storybox.png) no-repeat 0 -49px;
	width:293px;
	height:190px;
	top:270px;
	left:100px;
	display:none;
}

.life .story2 .infobox i
{
	position:absolute;
	width:45px;
	height:40px;
	background:url(../images/storybox.png) no-repeat -5px 0 ;
	top:-20px;
	left:55px;
}

.life .story2 .infobox div
{
	padding:30px 30px 20px 30px;
	line-height:22px;
	font-size:14px;
}


.scrollnav {
    position: fixed;
    right:20px;
	top:40px;
	z-index:200;
	display:none;
}
.scrollnav li
{
	text-align:right;
	cursor:pointer;
}

.scrollnav li.returntop img
{
	width:auto;
	opacity:1;
	filter:alpha(opacity=100);
	margin:0 15px 15px 0;
}

.scrollnav li img
{
	width:75px;
	transition:all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-webkit-transition:all 0.2s ease 0s;
	-o-transition:all 0.2s ease 0s;
	opacity:0.5;
	filter:alpha(opacity=50);

}
.scrollnav li.current img
{
	width:120px;
	opacity:1;
	filter:alpha(opacity=100);
}

.ency 
{
	background: #fff;
}

.ency .mainwrap
{
	width: 990px;
}

.ency .topbg
{
	background: url(../images/v2/ency/tpbg_02.jpg) repeat-x top;
}

.ency .topbg .topbgwraper
{
	background: url(../images/v2/ency/tpbg_01.jpg) no-repeat center;
	height: 410px;
}

.ency .encylist
{
	padding-top: 50px;
}

.ency .encylist li
{
	width: 25%;
	*width: 24.9999%;
	float: left;
	text-align: center;
	height: 320px;
	position: relative;
}

.ency .encylist li .encypic
{
	height:220px;
	 vertical-align:middle;
	 *display: block;
	 *font-size: 180px;
	 line-height: 220px;
	 width: 100%;
	 position:relative;
}
.ency .encylist li .encypic b
{
	background-position: center center;
	background-repeat:no-repeat;
	position:absolute;
	z-index:0;
	width:100%;
	height:100%;
	left:0;
	top:0;

	animation: rot  5s  linear 0s infinite;
	-webkit-animation:  rot  5s  linear 0s infinite;
	-o-animation:  rot  5s  linear 0s infinite;
	-moz-animation:  rot  5s  linear 0s infinite;
}


@keyframes rot
{
	0% {transform:rotate(0deg); }
	100% {transform:rotate(360deg); }
}

@-moz-keyframes rot 
{
	0% {transform:rotate(0deg); }
	100% {transform:rotate(360deg); }
}

@-webkit-keyframes rot 
{
	0% {transform:rotate(0deg); }
	100% {transform:rotate(360deg); }
}

@-o-keyframes rot 
{
	0% {transform:rotate(0deg); }
	100% {transform:rotate(360deg); }
}


.ency .encylist li .encypic img
{
	vertical-align: middle;
	position:relative;
	z-index:1;
}

.ency .encylist li a:hover .encypic img
{
	-webkit-transform: translate(10px,10px);
    -moz-transform: translate(10px,10px);
    -ms-transform: translate(10px,10px);
    -o-transform: translate(10px,10px);
    transform: translate(10px,10px);
}

.ency .encylist li h3
{
	font-size: 14px;
	line-height: 22px;
}

.ency .encylist li a
{
	display: block;
	zoom:1;
}

.ency .encylist li span
{
	position: absolute;
	bottom: 30px;
	left: 50%;
	color: #ff7878;
}

.content.treasure2016 .topbg 
{
	background: none;
}

.content.treasure2016 .topwraper
{
	background: url(../images/v2/treasure/topbg-1.jpg) repeat-x left top;
	height: 462px;
	border-bottom:0;
}

.content.treasure2016
{
	background: url(../images/v2/treasure/bg1.jpg) left top;
}

.content.treasure2016 .topimg
{
	background: url(../images/v2/treasure/topbg.jpg) no-repeat top center;
	height: 462px;
	width: 100%;
	position: static;
	margin: 0;
	top: 0;
}

.content.treasure2016 .treasurewrapper
{
	background: url(../images/v2/treasure/bg2.png);
}

.content.treasure2016 .treasurelist
{
	width: 1000px;
	margin: 50px auto;
}

.content.treasure2016 .treasurelist li
{
	width: 200px;
	height: 200px;
	position: relative;
	display: table;
	cursor: pointer;
}

.content.treasure2016 .treasurelist li.bigger
{
	width: 400px;
	height: 400px;
}

.content.treasure2016 .treasurelist li.bigger div
{
	width: 390px;
	height:390px;
	border-radius:200px;
}

.content.treasure2016 .treasurelist li div
{
	width: 190px;
	height: 190px;
	background: #f5f3ec;
	border-radius: 100px;
	position: absolute;
	left: 5px;
	top: 5px;

	animation: shake-1  2s  linear 0s infinite alternate;
	-webkit-animation:  shake-1  2s  linear 0s infinite alternate;
	-o-animation:  shake-1  2s  linear 0s infinite alternate;
	-moz-animation:  shake-1  2s  linear 0s infinite alternate;

}
.content.treasure2016 .treasurelist li div b
{
	background: #ffb400;
	filter: alpha(opacity=0);
	opacity: 0;
	border-radius:100%;
	position: absolute;
	width: 100%;
	height: 100%;
}

.content.treasure2016 .treasurelist li.animate-1 div
{
	animation-name:shake-2;
	-webkit-animation-name:shake-2;
	-o-animation-name:shake-2;
	-moz-animation-name:shake-2;
}

.content.treasure2016 .treasurelist li.animate-2 div
{
	animation-name:shake-3;
	-webkit-animation-name:shake-3;
	-o-animation-name:shake-3;
	-moz-animation-name:shake-3;
}

.content.treasure2016 .treasurelist li.animate-3 div
{
	animation-name:shake-4;
	-webkit-animation-name:shake-4;
	-o-animation-name:shake-4;
	-moz-animation-name:shake-4;
}


.content.treasure2016 .treasurelist li:hover div
{
	animation-duration:0.1s;
	-webkit-animation-duration:0.1s;
	-o-animation-duration:0.1s;
	-moz-animation-duration:0.1s;
}

.content.treasure2016 .treasurelist li:hover div b
{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.content.treasure2016 .treasurelist li:hover h3,.content.treasure2016 .treasurelist li:hover h4
{
	opacity: 1;
	filter: alpha(opacity=100);
}

.content.treasure2016 .treasurelist li div img
{
	border-radius: 100px;
}

.content.treasure2016 .treasurelist li.bigger div img
{
	border-radius: 100%;
}

.content.treasure2016 .treasurelist li h3
{
	display: table-cell;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	text-align: center;
	color: #320e0e;
	line-height: 1.25em;
	left: 5px;
	top: 0px;
	font-size:16px;
	padding:0px 30px 10px 30px;
	opacity: 0;
	filter: alpha(opacity=0);

}

.content.treasure2016 .treasurelist li.bigger h3
{
	font-size: 30px;
	padding:0 50px 20px 50px;
}

.content.treasure2016 .treasurelist li h4
{
	position: absolute;
	bottom: 40px;
	width: 100%;
	text-align: center;
	left: 5px;
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity=0);
}

.content.treasure2016 .treasurelist li.bigger h4
{
	bottom: 70px;
}

.content.treasure2016 .treasurelist li h4 span
{
	display: inline-block;
	zoom:1;
	padding: 6px 15px;
	background: #c30000;
	color: #fff;
	font-size: 12px;
	border-radius: 20px;
}


@keyframes shake-1
{
	0% {transform:translate(0,0); }
	100% {transform:translate(0,10px); }
}

@-moz-keyframes shake-1 
{
	0% {transform:translate(0,0); }
	100% {transform:translate(0,10px); }
}

@-webkit-keyframes shake-1 
{
	0% {transform:translate(0,0); }
	100% {transform:translate(0,10px); }
}

@-o-keyframes shake-1 
{
	0% {transform:translate(0,0); }
	100% {transform:translate(0,10px); }
}

@keyframes shake-2
{
	0% {transform:translate(0,0); }
	100% {transform:translate(0,-10px); }
}

@-moz-keyframes shake-2
{
	0% {transform:translate(0,0); }
	100% {transform:translate(0,-10px); }
}

@-webkit-keyframes shake-2 
{
	0% {transform:translate(0,0); }
	100% {transform:translate(0,-10px); }
}

@-o-keyframes shake-2
{
	0% {transform:translate(0,0); }
	100% {transform:translate(0,-10px); }
}

@keyframes shake-3
{
	0% {transform:translate(0,0); }
	50% {transform:translate(0,-5px); }
	100% {transform:translate(5px,0); }
}

@-moz-keyframes shake-3
{
	0% {transform:translate(0,0); }
	50% {transform:translate(0,-5px); }
	100% {transform:translate(5px,0); }
}

@-webkit-keyframes shake-3 
{
	0% {transform:translate(0,0); }
	50% {transform:translate(0,-5px); }
	100% {transform:translate(5px,0); }
}

@-o-keyframes shake-3
{
	0% {transform:translate(0,0); }
	50% {transform:translate(0,-5px); }
	100% {transform:translate(5px,0); }
}

@keyframes shake-4
{
	0% {transform:translate(0,0); }
	50% {transform:translate(-5px,0); }
	100% {transform:translate(0,5px); }
}

@-moz-keyframes shake-4
{
	0% {transform:translate(0,0); }
	50% {transform:translate(-5px,0); }
	100% {transform:translate(0,5px); }
}

@-webkit-keyframes shake-4 
{
	0% {transform:translate(0,0); }
	50% {transform:translate(-5px,0); }
	100% {transform:translate(0,5px); }
}

@-o-keyframes shake-4
{
	0% {transform:translate(0,0); }
	50% {transform:translate(-5px,0); }
	100% {transform:translate(0,5px); }
}




@keyframes zoom1
{
	0% {transform:scale(1); opacity: 1 }
	100% {transform:scale(0.7); opacity: 0  }
}

@-moz-keyframes zoom1 
{
	0% {transform:scale(1); opacity: 1 }
	100% {transform:scale(0.7); opacity: 0  }
}

@-webkit-keyframes zoom1 
{
	0% {transform:scale(1); opacity: 1 }
	100% {transform:scale(0.7); opacity: 0  }
}

@-o-keyframes zoom1 
{
	0% {transform:scale(1); opacity: 1 }
	100% {transform:scale(0.7); opacity: 0  }
}


@keyframes rotate1
{
	0% { transform: rotate(0deg); }
	100% {transform: rotate(360deg);  }
}

@-moz-keyframes rotate1
{
	0% { transform: rotate(0deg); }
	100% {transform: rotate(360deg);  }
}

@-webkit-keyframes rotate1
{
	0% { transform: rotate(0deg); }
	100% {transform: rotate(360deg);  }
}

@-o-keyframes rotate1
{
	0% { transform: rotate(0deg); }
	100% {transform: rotate(360deg);  }
}



.saudio {position: absolute;background: url(../images/v2/soundsmall.png) no-repeat center top; width: 51px;height: 41px;cursor: pointer;z-index: 100}
.saudio.on {animation: run2 0.8s steps(4) infinite;-moz-animation: run2 0.8s steps(4) infinite;-webkit-animation: run2 0.8s steps(4) infinite;}

@-moz-keyframes run2 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position:0 -164px; 
  }
}
@keyframes run2 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position:0 -164px; 
  }
}
@-webkit-keyframes run2 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position:0 -164px; 
  }
}