﻿@charset "utf-8";

#bannerSlide { height:381px; position:relative;overflow: hidden; zoom: 1; z-index:0; min-width:1180px;}
.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, .icon-arrow-a-right { background: url(../images/icon1.png) no-repeat; }


.icon-arrow-a-left {
 background-position: 0 0;
  height: 50px;
   width: 50px;
   left: 0; 
}
.icon-arrow-a-left:hover, .icon-arrow-a-left.arrow-a-left_hover, .icon-arrow-a-left.arrow-a-left-hover {
 background-position: -60px 0;
  }

.icon-arrow-a-right { background-position: -120px 0; height: 50px; width: 50px; }
.icon-arrow-a-right:hover, .icon-arrow-a-right.arrow-a-right_hover, .icon-arrow-a-right.arrow-a-right-hover { background-position: -180px 0; }

#index_b_hero { width: 1180px; height: 381px; margin: auto; position: relative; }
#index_b_hero img { width: 1180px; height: 381px;}
#index_b_hero .heros { width: 1180px; height: 381px; }
#index_b_hero .hero-wrap { overflow: visible; position: absolute; }

#index_b_hero .next, #index_b_hero .prev { 
	filter: alpha(Opacity=70); 
	opacity: .7;
	 position: absolute; 
	 top: 50%; margin-top: -25px;
	  background-color: #0b1023; 
	  z-index: 5;
	   cursor:pointer;}

/*
#index_b_hero .next:hover, #index_b_hero .prev:hover { background-color: orangered; }*/
#index_b_hero .next { margin: -25px 0 0 0; right: 0px; }




#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: 1180px;height: 381px; overflow: hidden; left:2360px; }
#index_b_hero .hero h1{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	color:#fff;
	text-align: center;
	background-image: url(../images/heidi.png);
	
}

.nav-2{
	position: absolute;
	right: 0;
	top: 0;
	width: 170px;
	height: 381px;
	background-image: url(../images/landi.png);
	z-index: 800000;
	
}

.nav-2 a{
	display: block;
	width: 145px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color:#fff;
	font-size: 16px;
	margin:13px auto 0;
	background-image: url(../images/nav-a.png);

	
}
.nav-2 a:first-child{
	margin-top: 26px;
}
.nav-2 a:hover{
	background-image: url(../images/nav-a-h.png);

}
#index_b_hero .mask-right, #index_b_hero .mask-left { z-index: 4; left: -1180px; filter: alpha(Opacity=70); opacity: .7; background:#000; overflow: hidden; }
#index_b_hero .mask-right { left: 1180px; }
#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: 360px;
	  	-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; 
}