@charset "utf-8";
/* CSS Document */


.clearfix:before, .clearfix:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.icon-arrow-a-left{height: 102px; width: 38px; background: url(left.png) no-repeat; }
.icon-arrow-a-right{height:102px; width: 38px;background: url(right.png) no-repeat; }


#main {overflow: hidden; zoom: 1; position: relative; }
#index_b_hero { width: 990px; height: 700px; margin: auto; position: relative; }
#index_b_hero img { width: 980px; height: 700px;}
#index_b_hero .heros { width: 990px; height: 700px; }
#index_b_hero .hero-wrap { overflow: visible; position: absolute; }
#index_b_hero .next, #index_b_hero .prev { filter: alpha(Opacity=100); opacity: 1;  position: absolute; top: 50%; margin-top: -51px; margin-left: -75px; z-index: 9999999999999999999; }

#index_b_hero .next { margin: -51px -75px 0 0; right: 0; }


/* #index_b_hero .next:hover, #index_b_hero .prev:hover { filter: alpha(Opacity=100); opacity: 1; }
#index_b_hero .disabled { background-color: #eee; }
*/

#index_b_hero .mask-left, #index_b_hero .mask-right, #index_b_hero .hero {  margin:0 5px; z-index: 1; position: absolute; top: 0; left: 0; width: 980px; height: 700px; overflow: hidden; left: 1980px; }
#index_b_hero .mask-right, #index_b_hero .mask-left { z-index: 4; left: -990px; filter: alpha(Opacity=70); opacity: .7; background: #003f7c; overflow: hidden;}

#index_b_hero .mask-right { left: 990px; }

#index_b_hero .active { z-index: 2; left: 0; }

#index_b_hero a h3{position:absolute; left:0; bottom:-80px; height:80px; width:100%; z-index:9; background:rgba(0,0,0,.6); font-size:21px; color:#fff; line-height:80px; font-weight:normal; text-indent:50px; transition: all 0.35s;
font-family:Arial, Helvetica, sans-serif }
#index_b_hero a:hover h3{bottom:0; }