#main { display: block; overflow: hidden; width:100%; min-width: 1170px; position: relative; }
#index_b_hero { width: 1170px; height: 400px; margin: 0 auto; position: relative; }
#index_b_hero img { width: 1170px; height: 400px; cursor:pointer; }
#index_b_hero .heros { width: 1170px; height: 400px;}
#index_b_hero .hero-wrap { overflow: visible; position: absolute; }
#index_b_hero .next, #index_b_hero .prev {  position: absolute; top: 0;  width: 1170px; height: 400px; }
#index_b_hero .next:hover, #index_b_hero .prev:hover {}
#index_b_hero .prev { left: -1169px; }
#index_b_hero .next { left: 1170px; }
#index_b_hero .disabled { background-color: #eee; }
#index_b_hero .hero { position: absolute; top: 0; left: 0; width: 1170px; height: 400px; overflow: hidden; left: 2380px; }
#index_b_hero .hero .herobg{width: 1170px; height: 400px; position:absolute; background:url(../images/i_iconbj.png);}
#index_b_hero .mask-right { left: -100px;}
#index_b_hero .mask-left { right: -100px;}
#index_b_hero .active { z-index: 2; left: 0;}
#index_b_hero .mask-right, #index_b_hero .mask-left{ position:absolute; top:50%; height:78px; width:78px; overflow:hidden; margin-top:-80px; background:url(../images/FocusBtn.png) no-repeat; z-index:1000; display:none;}
#index_b_hero .mask-right{ background-position:-78px 0;}
#index_b_hero .mask-right:hover{ background-position:-78px -78px;}
#index_b_hero .mask-left{ background-position:0 0;}
#index_b_hero .mask-left:hover{ background-position:0px -78px;}

#index_b_hero .index_b_hero_dx{ text-align:center; position:absolute; bottom:0px; width:100%;}
#index_b_hero .index_b_hero_dx em{ display:inline-block; width:10px; height:10px; background:#b9b6ae;border-radius:10px; margin:5px;}
#index_b_hero .index_b_hero_dx em.on{ background:#6c6450;}