.download_btn, .s_left, .s_right, .sina_ico, .opt_ico, .switch_list span{ background: url(../images/sp_png24.png) no-repeat;}
.wp{ width:1100px; margin:0 auto; position:relative;}
.content{ position:relative;zoom:1; width:100%; height:760px; float:left;}
.bg_colors{ position:absolute; left:0; top:0; width:100%; height:100%; }
.bgs_box{ position:absolute; left:0; top:0; width:100%; height:100%;opacity:0;filter:alpha(opacity=0);}
.bg_colors .on{opacity:1;filter:alpha(opacity=100)}
.bg_colors .wp{ height:830px;}
.img_area{ position:absolute; top:0; left:0; margin-left:-60px; margin-top:100px; width:1200px;}
.bgs_box .wp{ position:absolute; left:50%; margin-left:-550px; top:50%; margin-top:-286px; height:auto!important; z-index:0!important; }
.bgs_1{ background:url(../images/banner1.jpg) no-repeat center top;}
.bgs_1 .s_img{ background:url(../images/banner_wz1.png) no-repeat; width:590px; height:120px; margin-top:110px; margin-left:30px;}
.s_left, .s_right{width:40px; height:80px; position:absolute; top:50%; margin-top:-40px; cursor:pointer; z-index:10;}
.s_left{ background:url(../images/l_jt.png) no-repeat;left:10px;}
.s_left:hover{ background:url(../images/l_hjt.png) no-repeat;}
.s_right{ background:url(../images/r_jt.png) no-repeat; right:10px;}
.s_right:hover{ background:url(../images/r_hjt.png) no-repeat;}
.switch_list{ position:absolute; left:50%; margin-top:17px; height:16px; margin-left:-36px; text-align:center; z-index:10; overflow:hidden;}
.switch_list span{background: url(../images/b_ico.png) no-repeat; float:left; vertical-align:top; width:16px; height:16px;overflow:hidden;  margin:0 12px 0 0; cursor:pointer;}
.switch_list .on{ background:url(../images/b_xzico.png) no-repeat;}
.bgs_2{  background:url(../images/banner2.jpg) no-repeat center top;z-index:0;}
.bgs_2 .s_img{ background:url(../images/banner_wz2.png) no-repeat; width:850px; height:160px; margin-top:110px;}
.bgs_2 .shadow01{ width:1120px; float:right;}


.bgs_3{ background:url(../images/banner3.jpg) no-repeat center top; z-index:0;}
.bgs_3 .s_img{ background:url(../images/banner_wz3.png) no-repeat; width:500px; height:140px; margin-top:110px; margin-left:300px;}
.bgs_3 .shadow01{ width:910px;float:right;}
.bgs_4{ background:url(../images/banner4.jpg) no-repeat center top; z-index:0;}
.bgs_4 .s_img{ background:url(../images/banner_wz4.png) no-repeat; width:440px; height:140px; margin-top:110px; margin-left:50px;}
.bgs_5{ background:url(../images/banner5.jpg) no-repeat center top; z-index:0;}
.bgs_5 .s_img{ background:url(../images/banner_wz5.png) no-repeat; width:600px; height:140px; margin-top:110px; margin-left:300px;}
.bgs_6{ background:url(../images/banner6.jpg) no-repeat center top; z-index:0;}
.bgs_6 .s_img{ background:url(../images/banner_wz6.png) no-repeat; width:600px; height:140px; margin-top:110px; margin-left:200px;}
.bottom_box{ width:100%; background:url(../images/black.png) repeat; height:50px; float:left; position:absolute; bottom:50px;}


.item_img_css3{
	-webkit-animation:img_item .8s ease-out;
	animation:img_item .8s ease-out;
}

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

.item_img_css3 .shadow01{
	-webkit-animation:img_item01 .8s ease-out;
	animation:img_item01 .8s ease-out;
}

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