@charset "gb2312";
/* CSS Document */
body{background:#000 url(../images/top_12/bg.jpg) no-repeat center top; }
.top_12{height:1000px;}
.top_12 .tWrap{width:1280px;height:224px;padding-top:776px;margin:0 auto;}
.top_12 .tWrap ul{position:relative;width:1280px;height:216px;}
.top_12 .tWrap ul li{position:absolute;top:0;width:205px;height:216px;}
.top_12 .tWrap .addXg li{transform-style:preserve-3d;
	animation-name:zoomInUp;
	transform-origin:50% 50%;
	}
/*.top_12 .tWrap ul li:hover{
	animation-name:shake;
	transform-origin:50% 50%;
	animation-delay:0s;}*/
.top_12 .tWrap ul li a{position:absolute;left:0px;top:0px;
						width:205px;
						height:216px;
						transform-style: preserve-3d;perspective: 800px;
						}
.top_12 .tWrap ul li span{position:absolute;left:0px;top:0px;
							width:205px;
							height:216px;
							transition: transform .5s ease;
	transform-style: preserve-3d;
	-ms-transition: -ms-transform 1s ease;
	-ms-transform-style:-ms-preserve-3d;
							}
.top_12 .tWrap ul li span img{position:absolute;left:0;top:0;z-index:5;	
	backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	}
.top_12 .tWrap ul li span:after{
	width:205px;
	height:216px;
	position:absolute;left:0;top:0;
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	}
.top_12 .tWrap ul .li1 span:after{content:url(../images/top_12/f01.png);}
.top_12 .tWrap ul .li2 span:after{content:url(../images/top_12/f02.png);}
.top_12 .tWrap ul .li3 span:after{content:url(../images/top_12/f03.png);}
.top_12 .tWrap ul .li4 span:after{content:url(../images/top_12/f04.png);}
.top_12 .tWrap ul .li5 span:after{content:url(../images/top_12/f05.png);}
.top_12 .tWrap ul li a:hover span{ transform: rotateY(180deg);}
.top_12 .tWrap ul .li1{left:35px;}
.top_12 .tWrap ul .li2{left:285px;}
.top_12 .tWrap ul .li3{left:535px;}
.top_12 .tWrap ul .li4{left:785px;}
.top_12 .tWrap ul .li5{left:1036px;}