.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;}
.banner{ width:100%; float:left;}
.banner .content{ position:relative;zoom:1; width:100%; height:572px; float:left;}
.bg_colors{ position:absolute; left:0; top:0; width:100%; height:100%; background:#1385ea;}
.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:30px; width:1200px;}
.bgs_box .wp{position:absolute; left:50%; margin-left:-550px; top:50%; margin-top:-286px; height:auto!important; z-index:100!important; background:#FFF;}
.bgs_1{ background:url(../images/banner1.jpg) no-repeat center top;}
.s_left, .s_right{width:60px; height:60px; position:absolute; top:50%; margin-top:-30px; cursor:pointer; z-index:10;}
.s_left{ background:url(../images/jt_left.png) no-repeat;left:10px;}
.s_right{ background:url(../images/jt_right.png) no-repeat; right:10px;}
.switch_list{ position:absolute; left:48%; margin-top:17px; height:16px; margin-left:-24px; 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_1 .wz{ margin-top:200px;}
.bgs_2{  background:url(../images/banner2.jpg) no-repeat center top;z-index:0;}
.bgs_2 .s_wz{ background:url(../images/banner2_wz.png) no-repeat; width:885px; height:107px; margin-top:30px;}
.bgs_2 .shadow01{ width:1182px; float:right;}
.bgs_2 .s_img{ background:url(../images/banner2_img.png) no-repeat; width:1182px; height:292px; margin-left:-20px; margin-top:30px;}

.bgs_3{ background:url(../images/banner3.jpg) no-repeat center top; z-index:0;}
.bgs_3 .shadow{ width:646px;float:left; margin-top:40px;}
.bgs_3 .shadow .wz{ width:627px; margin-left:35px;font-size:34px; color:#333333; float:left; font-weight:bold;}
.bgs_5{ background:url(../images/banner5.jpg) no-repeat center top;}
.bgs_4{ background:url(../images/banner4.jpg) no-repeat center top; z-index:0;}
.bgs_4 .shadow{ width:646px;float:left; margin-top:150px;}
.bgs_4 .shadow .wz{ width:627px; margin-left:35px;font-size:34px; color:#D90000; float:left; font-weight:bold; line-height:50px;}
.bgs_4 .shadow01{ width:614px; float:right;}
.bgs_4 .s_img{ background:url(../images/banner4_img.png) no-repeat; width:614px; height:353px; margin-left:-20px; margin-top:-160px;}
.bottom_box{ width:100%; background:url(../images/black.png) repeat; height:50px; float:left; position:absolute; bottom:0;}


.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}
}