* {
	margin:0;
	padding:0;}


a {
	color:#404040;}
a img {
	border:0;}
li {
	list-style: none;}
i {
	font-style: normal;}
form {
	margin: 0;}

.banner{ width:100%;  position:relative; height:460px; overflow:hidden;}
.content{ position:relative;zoom:1;}
.content .main{ width:100%; float:left;}
.bg_colors{ position:absolute; left:0; top:0; width:100%; height:460px;}
.bgs_box{ position:absolute; left:0; top:0; width:100%; height:460px;opacity:0;filter:alpha(opacity=0);}
.bgs_box a{ display:block; height:460px; line-height:10000px;}
.bg_colors .on{opacity:1;filter:alpha(opacity=100);}
.item_txt_box{position:relative; width:1200px; margin:0px auto;}
.item_txt{width:1200px;position:absolute; top:402px; left:-9999px;}
.item_txt span{padding-left:18px;padding-right:18px; float:left;background:url(../images/hstm.png) repeat; color:#fff; font-size:20px; font-family:"微软雅黑"; line-height:43px; height:43px;}
.item_txt_box .on{ left:0;}

.s_arr{ position:relative;}
.s_left, .s_right{width:45px; height:77px;cursor:pointer; position:absolute; z-index:66; margin-top:171px;}
.s_left{ background:url(../images/bnt_left.png) no-repeat;float:left;}
.s_right{background:url(../images/bnt_right.png) no-repeat; right:0;}
.switch_list{ position:relative; left:50%; top:410px; width:50%; height:50px; margin-left:-90px; overflow:hidden;}
.switch_list div{ position:absolute; bottom:30px;}
.switch_list div span{float:left; vertical-align:top; border-radius:100px; width:14px; height:14px;overflow:hidden;  margin:0 14px 0 0; background:#fff; cursor:pointer;}
.switch_list div .on{ background:#1184f5;}

.item_img_css3{
	-webkit-animation:img_item .8s ease-out;
	animation:img_item .8s ease-out;}

@-webkit-keyframes img_item{
	0%{-webkit-transform:translateX(-500px); opacity:0;}
	100%{-webkit-transform:translateX(0);  opacity:1;}
}
@keyframes img_item{
	0%{transform:translateX(-500px);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(500px); opacity:0;}
	100%{-webkit-transform:translateX(0);  opacity:1;}
}
@keyframes img_item01{
	0%{transform:translateX(500px);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(-500px); opacity:0;}
	100%{-webkit-transform:translateX(0);  opacity:1;}
}
@keyframes txt_item{
	0%{transform:translateX(-500px);opacity:0;}
	100%{transform:translateX(0); opacity:1;}
}