/****
author:yangxian,designer:fenggewei,update:20141224

*****/


.download_btn, .s_left, .s_right, .sina_ico, .opt_ico, .switch_list span{ background: url(../images/sp_png24.png) no-repeat;}




.content{ position:relative;zoom:1; height:400px;}
.content .main{ width:1100px; margin:0 auto; position:absolute; top:50%; left:50%; margin-left:-550px; margin-top:-220px;}
.bg_colors{ 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;}
.bgs_box .wp{ position:absolute; left:70px;top:20px;height:auto!important; z-index:0!important; }
.img_area{ position:absolute; top:0; left:0; width:280px; height:350px;}
.img_area img{width:280px; height:350px;}

.item_txt_box{ width:600px; height:350px; position:absolute; top:20px; left:450px;}
.item_txt{width:650px; height:350px; position:absolute; top:0; left:-9999px;}
.item_txt_box .on{ left:0;}

.item_txt h2{ display:block;width:650px; line-height:40px; font-size:24px; float:left;}
.item_txt p{ display:block;width:650px; height:250px; margin-top:10px; float:left;}
.item_txt .download_btn{ float:left; display:block; background:none; background-color:#F60; line-height:30px; color:#FFF;font-size:14px; font-weight:bold; padding-left:20px; padding-right:20px;}


.chk_link{ color:#fff; text-decoration:none;}


.s_left, .s_right{width:60px; height:60px; position:absolute; top:50%; margin-top:-30px; cursor:pointer; z-index:10;}
.s_left{ background-position:0 0;  left:10px;}
.s_left:hover{ background-position:0 -62px;}
.s_right{ background-position:-62px 0; right:10px;}
.s_right:hover{ background-position:-62px -62px;}

.switch_list{ position:absolute; left:50%; bottom:20px; height:10px; margin-left:-30px; text-align:center; z-index:10; overflow:hidden;}
.switch_list span{ background-position:-151px -42px;  _background: url(../images/dot.png) no-repeat -14px 0; float:left; vertical-align:top; width:10px; height:10px;overflow:hidden;  margin:0 14px 0 0; cursor:pointer;}
.switch_list .on{  background-position:-137px -42px; _background-position:0 0;}


.footer{ background:#2c94f8; width:100%; height:45px; padding:5px 0; text-align:center;  position:absolute; bottom:0; line-height:34px; z-index:999;}
.footer p, .foot_txt p{ color:#fff; filter:alpha(opacity=40); opacity:0.4; }
.footer p a, .foot_txt p a{ text-decoration:underline; color:#fff;}
.footer p a:hover, .foot_txt p a:hover{color:#000;}
.bgs_1 .footer{ background:#1e58ab;z-index:3;  }
.bgs_2 .footer{ background:#1385ea;z-index:2;  }
.bgs_3 .footer{ background:#1cad75;z-index:1;  }

.bgs_1 .footer{ background:#1e58ab;z-index:3;  }
.bgs_2 .footer{ background:#1385ea;z-index:2;  }
.bgs_3 .footer{ background:#1cad75;z-index:1;  }


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

.item_txt_css3{
	-webkit-animation:txt_item .8s ease-out;
	animation:txt_item .8s ease-out;
}
@-webkit-keyframes txt_item{
	0%{-webkit-transform:translateX(100px); opacity:0}
	100%{-webkit-transform:translateX(0);  opacity:1}
}
@keyframes txt_item{
	0%{transform:translateX(100px);opacity:0}
	100%{transform:translateX(0); opacity:1}
}