body,div,ul,li{margin:0;padding:0;}
ul{list-style:none;}
img{border:0;}

.banner{position:relative;zoom:1;overflow:hidden;}
.index_b_hero{position:relative;margin:auto;width:100%;}
/*.index_b_hero, 
.index_b_hero img,
.index_b_hero .heros,
.index_b_hero .hero,
.index_b_hero .mask-left,#index_b_hero .mask-right  {width:1200px;height:480px;}
.small_list {width:1200px;}*/

.index_b_hero .hero-wrap{position:absolute;overflow:visible;}
.index_b_hero .page_btn{position:absolute;top:45%;z-index:366;width:22px;height:40px;}
.index_b_hero .prev{left:-50px;background:url(images/custom_left.png);}
.index_b_hero .next{right:-50px;background:url(images/custom_right.png);}
.index_b_hero .hero {position:absolute;top:0;left:0;z-index:1;overflow:hidden;}
.index_b_hero .mask-left, .index_b_hero .mask-right{position:absolute;top:0;left:0;z-index:1;overflow:hidden;background:#000;filter:alpha(Opacity=30);opacity:.7;}

.little_img{position:absolute;bottom:0;z-index:50;width:100%;   background: rgba(0, 0, 0, 0.4); }
.small_list{margin:0 auto;padding:0px 0;overflow:hidden;width:100%;}

.small_list li{position:relative;float:left;width:12.5%;height:auto;cursor:pointer; padding: 20px 0; transition:all 0.3s}
.small_list li.last{margin-right:0;}
.small_list li img{width:100%;height:auto;}
.small_list li .bg{display:none;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #fff;background:url(images/txtbg7.png);}
.small_list li.on,
.small_list li:hover { background:#f90;}
.small_list li.on .bg{display:block;}
.small_list li a { color:#f3f3f3; width:100%; text-align:center;display: inline-block;}