.banner{ width:100%; height:400px; overflow:hidden; position:relative;}



.slider{ width:100%;  min-width:1024px;  height:400px;  position:relative; overflow:hidden;  text-align:center;   }
.slider .bd{ width:1024px; position:absolute; left:50%; margin-left:-512px;  }
.slider .bd li{ width:1024px;  overflow:hidden; }
.slider .bd li img{ display:block; width:1024px; height:400px; }
.slider .tempWrap{ overflow:visible !important }
.slider .tempWrap ul{  margin-left:-1024px !important; /*强制位置*/  }
.slider .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:400px; cursor:pointer;   }
.slider .prev{ left:-50%; margin-left:-512px;  }
.slider .next{ left:50%;  margin-left:512px;  }
.slider .pnBtn .blackBg{ display:block;  position:absolute; left:0; top:0; width:100%; height:400px; background:#fff; filter:alpha(opacity=60);opacity:0.6;   }
.slider .pnBtn .arrow{  position:absolute; top:0; z-index:1; width:52px; height:52px; top:174px; }
.slider .prev .arrow{ right:-60px; background:url("../images/left.png") no-repeat; opacity:0.7; }
.slider .next .arrow{ left:-60px; background:url("../images/right.png") no-repeat; opacity:0.7;}













/****
.bannercon{ position:relative;zoom:1; }

.bannercon .main{ width:100%; float:left;}

.bg_colors{ position:absolute; left:0; top:0; width:100%; height:505px;}

.bgs_box{ position:absolute; left:0; top:0; width:100%; height:505px;opacity:0;filter:alpha(opacity=0); }

.bgs_box a{ display:block; height:505px; 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:300px; left:-9999px;}

.item_txt span{padding-left:18px; padding-right:18px; float:left; background:url(../images/hstm.png) repeat; color:#fff; font-size:24px; font-family:"微软雅黑"; line-height:50px; height:50px;}
.item_txt span a{color:#fff;}
.item_txt_box .on{ left:0;}



.s_arr{ position:relative;}

.s_left, .s_right{width:65px; height:65px;cursor:pointer; position:absolute; z-index:66; margin-top:200px;}

.s_left{ background:url(../images/an1.png) no-repeat; left:50px;}

.s_right{background:url(../images/an2.png) no-repeat; right:50px;}

.switch_list{ position:relative; left:50%; top:450px; width:50%; height:50px; margin-left:-80px; overflow:hidden; }

.switch_list div{ position:absolute; bottom:10px;}

.switch_list div span{float:left; vertical-align:top; width:45px; height:6px; overflow:hidden; margin:0 5px; background:url(../images/an2.png) top left no-repeat; cursor:pointer;}

.switch_list div .on{ background:url(../images/an1.png) top left no-repeat;}



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

}
***/