@CHARSET "UTF-8";

.case_banner_box{
	width: 100%;
  height: 432px;
  overflow: hidden;
	}
.case_banner_box .case_banner{
	width:100%;
	background:url(../images/case-banner.png) center no-repeat;
	display:block;
	position:absolute;
	margin:0 auto;
	height: 432px;
	}
.famous_brand_box{
	width:100%;
	padding:80px 0 80px 0;
	}
.famous_brand{
	width:1100px;
	margin:0 auto;
	}
.famous_brand ._title{
	text-align:left;
	padding:0 0 5px 2px;
	border-bottom:3px solid #9c9c9c;
	width:100px;
	font-size:36px;
	font-weight:600;
	color:#333333;
}
.famous_brand ._content{
	background:#ebebeb;
	margin-top:40px;
	overflow:hidden;
	padding:10px 15px;
}
.famous_brand ._content ._item{
	position:relative;
	float:left;
	width:342px;
	height:240px;
	margin:15px 7px;
	background:#FFF; 
	overflow:hidden;  
}	
.famous_brand ._content ._item img{
	padding:10px;
}	
.famous_brand ._content ._item span{ 
	text-align:center;
	display: block;
	font-size:24px;
	color:#333333;
}
.famous_brand ._content ._item ._desc{
	position:absolute;
	width:292px;
	height:140px;
	top:0;
	left:-342px;
	text-align: left;
	vertical-align: middle;
	color: #FFF;
	background-color: rgba(0,0,0,0.65);
	text-indent: 30px;
	padding: 30px 15px;
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
	transition:all .2s ease-out;
}
.famous_brand ._content ._item:hover ._desc{
	left:10px;
}
._item ._tip{padding:50px;font-size:26px;color:#666;}
.classic_case_box{
	width:100%;
	padding:0 0 80px 0;
	}
.classic_case{
	width:1100px;
	margin:0 auto;
	}
.classic_case ._title{
	text-align:left;
	padding:0 0 5px 2px;
	border-bottom:3px solid #9c9c9c;
	width:150px;
	font-size:36px;
	font-weight:600;
	color:#333333;
	}
.classic_case ._tabs{
	margin:40px 0 40px 0;
	width:1100px;
	height:100px;
	background:#ebebeb;
	}	
.classic_case ._tabs ul{
	width:1020px;
	line-height:100px;
	font-size:24px;
	margin:0 auto;
	}
.classic_case ._tabs ul li{
	position:relative;
	float:left;
	width:20%;
	text-align:center;
	cursor:pointer;
	}
.classic_case ._tabs ul li:hover:after,.classic_case ._tabs ul li._current:after{
	content: '·';
	color: #049dff;
	position: absolute;
	top: 25px;
	left: 95px;
	font-size: 70px;
	height: 20px;
}
.classic_case ._tabs ul li a{
	padding:0 50px;
	color:#666666;
}
.classic_case ._tabs ul li._current a,.classic_case ._tabs ul li:hover a{
	color:#049dff;
}

.classic_case ._content{
	position:relative;
	margin-top:40px;
	overflow:hidden;
	height:630px;
}
.classic_case ._content ._inner{
	position: absolute;
	left: 0;
	top: 0;
	width: 505%;
	/*height: 100%;*/
	overflow: visible;
}
.classic_case ._content ._inner ._box{
	float:left;
	width:1120px;
	min-height:400px;
	margin-left:-10px;
}
.classic_case ._content ._box ._item{
	display: block;
	position: relative;
	float:left;
	overflow:hidden;
	width:259px;
	padding:10px;
}
	
.classic_case ._content ._box ._item ._image{
	float:left;
	height:180px;
	margin:0px;
	background:#ebebeb; 
	position:relative; 
	display:block;  
	}
.classic_case ._content ._box ._item ._desc{
	position:absolute;
	background-color:rgba(0,0,0,0.65);
	display:inline-block;
	top:10px;
	left:-260px;
	width:260px;
	height:180px;
	margin:0px;
	z-index:100;
	visibility: visible;
    transition: all .2s ease-out;
	cursor:pointer;
	}
.classic_case ._content ._box ._item ._desc p{
	display: table;
	text-align: left;
	vertical-align:middle;
	color:#FFF;
	text-indent:30px;
	padding:30px 15px;
	font-size:13px;
	font-weight:normal;
	line-height:20px;
	}
.classic_case ._content ._box ._item:hover ._desc{
	left:10px;
	top:10px;
}
.image_holder .square_right{
	float:left;
	width:260px;
	height:180px;
	margin:10px 0 0 0 ;
	background:#ebebeb; 
	}		
.classic_case ._content ._box ._item img{
	padding:16px 55px;
	}	
.image_holder .square_right img{
	padding:16px 55px;
	}
/*案例页面从此结束*/