@charset "gb2312";
/* CSS Document */
.head_box, .end_box {
	width: 100%;
}
body, div, p, ul, li, span, img, iframe{
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	list-style: none;
}
body{
	overflow-x:hidden;
}
a{
	text-decoration: none;}
div,ul,img {
	margin: 0 auto;
	overflow:hidden;
}
li {
	float:left;
	display:inline-block;
	position: relative;
	overflow: hidden;
}
map,area {
    outline: none;
}

.money {
	position: absolute;
	color: #FF0000;
	font: 400 22px 'Microsoft Yahei';
}
.clear{
	clear:both;}
	
.banner {
	background: url(../images/banner_bg.jpg) no-repeat center 0;
	height: 702px;
/*	position: relative;*/
}

.main{
	background: url(../images/main_bg.jpg) repeat-y center 0;}
/*
.banner_float{
	position: absolute;
	top: 0;
	left: 50%;
	width: 1600px;
	height: 320px;
	margin-left: -800px;
}
.banner_float>img{
	display: inline-block;
	margin-left: 14px;
}
.banner_float>img:first-child{
	animation: yd1 3s ease-in-out infinite;
}
.banner_float>img:last-child{
	animation: yd2 3s ease-in-out infinite;
}
.banner_float ul{
	display: inline-block;
	width: 1050px;
	height: 300px;
	padding-left: 40px;
	margin-left: 30px;
}

.banner_float li{
	width: 180px;
	height: 180px;
	margin: 40px 0 0 -30px;
}
*/
.li1 {
	-webkit-animation:moveto9 3s ease infinite;
	animation:moveto9 3s ease infinite;
}
.li2 {
	-webkit-animation:moveto9 3s .5s ease infinite;
	animation:moveto9 3s 0.5s ease infinite;
}
.li3 {
	-webkit-animation:moveto9 3s 1s ease infinite;
	animation:moveto9 3s 1s ease infinite;
}
.li4 {
	-webkit-animation:moveto9 3s 1.5s ease infinite;
	animation:moveto9 3s 1.5s ease infinite;
}
.li5 {
	-webkit-animation:moveto9 3s 2s ease infinite;
	animation:moveto9 3s 2s ease infinite;
}
.li6 {
	-webkit-animation:moveto9 3s 2.5s ease infinite;
	animation:moveto9 3s 2.5s ease infinite;
}
.li7 {
	-webkit-animation:moveto9 3s 3s ease infinite;
	animation:moveto9 3s 3s ease infinite;
}
@keyframes moveto9 {
	0%,100% {
	-webkit-transform:translate(0px,0px);
	        transform:translate(0px,0px);
}
50% {
	-webkit-transform:translate(0px,15px);
	        transform:translate(0px,15px);
}
}@-webkit-keyframes moveto9 {
	0%,100% {
	-webkit-transform:translate(0px,0px);
	        transform:translate(0px,0px);
}
50% {
	-webkit-transform:translate(0px,15px);
	        transform:translate(0px,15px);
}
}

@-webkit-keyframes yd1{
	0%,100%{
		transform: translateX(15px);
	}
	50%{
		transform: translateX(0px);
	}
}
@-moz-keyframes yd1{
	0%,100%{
		transform: translateX(15px);
	}
	50%{
		transform: translateX(0px);
	}
}
@-ms-keyframes yd1{
	0%,100%{
		transform: translateX(15px);
	}
	50%{
		transform: translateX(0px);
	}
}
@keyframes yd1{
	0%,100%{
		transform: translateX(15px);
	}
	50%{
		transform: translateX(0px);
	}
}

@-webkit-keyframes yd2{
	0%,100%{
		transform: translateX(0px);
	}
	50%{
		transform: translateX(15px);
	}
}
@-moz-keyframes yd2{
	0%,100%{
		transform: translateX(0px);
	}
	50%{
		transform: translateX(15px);
	}
}
@-ms-keyframes yd2{
	0%,100%{
		transform: translateX(0px);
	}
	50%{
		transform: translateX(15px);
	}
}
@keyframes yd2{
	0%,100%{
		transform: translateX(0px);
	}
	50%{
		transform: translateX(15px);
	}
}

.sj{
	background: url(../images/dp_bg.png) no-repeat center 0;
	width: 1219px;
	height: 505px;
	padding: 25px 0 0 26px;
	margin-bottom: 30px;
}
.jp{
	position: absolute;
	top: 0;
	left: 4px;
}
.dp{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 590px;
	height: 53px;
}
.sj_l,.sj_r{
	background: url(../images/dp_ul_bg.png) no-repeat center 0;
	position: relative;
	float: left;
}
.sj_l{
	width: 590px;
	height: 493px;
	margin-right: 16px;
}
.sj_l ul{
	background: #fff;
	width: 570px;
	height: 420px;
	margin-top: 63px;
}
.sj_l li{
	width: 270px;
	height: 195px;
	margin: 10px 0 0 10px;
	-webkit-transition: .3s ease-out;
	-moz-transition: .3s ease-out;
	-ms-transition: .3s ease-out;
	transition: .3s ease-out;
}
.sj_l li:nth-child(2n){
	margin-right: 0;
}
.sj_l li:hover{
	-webkit-transform: translateX(2px);
	-moz-transform: translateX(2px);
	-ms-transform: translateX(2px);
	transform: translateX(2px);
}
.sj_l .money{
	left: 20px;
	bottom: 45px;
}
.sj_l li:first-child .money{
	color: #fff;
}

.sj_r{
	width: 580px;
	height: 433px;
	padding: 63px 0 0 10px;
}
.sj_r li:first-child{
	margin-bottom: 10px;
}


.return{
	display: block;
	width: 154px;
	height: 132px;
	margin: 60px auto 50px;
}

.sidebar {
	position: fixed;
	width: 104px;
	height: 624px;
	right: 0;
	top: 0;
	display: none;
	z-index: 15; 
}