@charset "utf-8";

#bannerSlide { height:400px !important; position:relative;margin-top:1px; overflow: hidden; zoom: 1; z-index:0; min-width:1000px;}
.clearfix:before, .clearfix:after { 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{
 background-image: url(../images/left_b.png);
 background-repeat: no-repeat;
 background-position: center;
}


.icon-arrow-a-right {
 background-image: url(../images/right_b.png);
 background-repeat: no-repeat;
 background-position: center;
}

.icon-arrow-a-left {  height: 109px; width: 60px;left: 0px; }

.icon-arrow-a-left:hover{
 background-image: url(../images/left_b-h.png);
}
.icon-arrow-a-right {  height: 109px; width: 60px;right:0; }

.icon-arrow-a-right:hover{
 background-image: url(../images/right_b-h.png);
}

#index_b_hero { width: 1000px; height: 400px !important; margin: auto; position: relative; }
#index_b_hero img { width: 1000px; height: 400px !important;}
#index_b_hero .heros { width: 1000px; height: 400px !important; }
#index_b_hero .hero-wrap { overflow: visible; position: absolute; }

#index_b_hero .next, #index_b_hero .prev {  position: absolute; top: 50%; margin-top: -54px; z-index: 5; cursor:pointer;}



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




#index_b_hero .disabled { background-color: #000; }
#index_b_hero .mask-left, #index_b_hero .mask-right, #index_b_hero .hero { background: #000; z-index: 1; position: absolute; top: 0; left: 0; width: 1000px;height: 400px !important; overflow: hidden; left:2000px; }
#index_b_hero .mask-right, #index_b_hero .mask-left { z-index: 4; left: -1000px; filter: alpha(Opacity=70); opacity: .7; background:#000; overflow: hidden; }
#index_b_hero .mask-right { left: 1000px; }
#index_b_hero .active { z-index: 2; left: 0; }

#bannerSlide .text{ 
 position: absolute!important;
  z-index:9999999 !important;
   top:0; 
   left:0 !important;
    text-align:left; 
  
    font-size:14px;
     
      color:#fff; 
      background:url(../images/renwen.png) no-repeat center; 


       
    width: 354px;
    height: 366px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
        
        padding: 78px  28px 0;
        line-height: 2.3;
    }


#bannerSlide .text a{
 display: block;
  font-size:14px;
  margin-top: 30px;
      color:#fff; 
}

.hero h1{
 
 position: absolute;
 left: 48px;
 bottom: 20px;
 height: 33px;
 line-height: 33px;
 text-align: left;
 color:#fff;
           background:url(../images/title_bg.png) repeat-x;
           font-weight:bold;
 font-size:14px;
           padding:0 20px;
    }
#video{
position:fixed;
bottom:10px;
right:0;
display:block;
z-index:99;
}
#video #close_video{
  position:relative;
right:25px;
width:25px;
height:25px;
line-height:20px;
background:#000;
display:block;
color:#fff;
float:right;
text-align:center;
font-size:18px;
border-radius:10px;
cursor:default;
}
.video_voice{
display:none !important;
}