.casechannel{
	overflow: hidden;
	margin-top: 10px;
}
.caselistbox{
	width: 280px;
	float: left;
	margin-right: 30px;
}
.caselisttitle{
	width: 280px;
	height: 80px;
	background: #ff6600;
	color: #fff;
}
.caselisttitle p{
	font-size: 24px;
	color: #fff;
	padding-left: 40px;
	padding-top: 20px;
}
.caselisttitle h2{
	font-size: 24px;
	color: #fff;
	padding-left: 40px;
	padding-top: 20px;
	font-weight: normal;
}
.caselisttitle h1{
	font-size: 24px;
	color: #fff;
	padding-left: 40px;
	padding-top: 20px;
	font-weight: normal;
}
.caselisttitle i{
	width: 34px;
	height: 2px;
	background: #fff;
	display: inline-block;
	margin-left: 40px;
}
ul.caselist{

}
ul.caselist li{
	height: 50px;
	line-height: 50px;
	background: #ededed;
	margin-top: 10px;
	overflow: hidden;
	display: flex;
}
ul.caselist li a{
	background: #ededed;
	color: #333;
	display: inline-block;
	padding: 0 40px;
	flex: 1;
}
ul.caselist li a.current{
	background: #f60;
	color: #fff;
	display: inline-block;
	padding: 0 40px;
	flex: 1;
}


.caseright{
	width: 880px;
	float: right;
}

/*成功案例*/
ul.cases{
	display: inline-block;
}
ul.cases li{
	width: 273px;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	background: #fff;
	box-shadow: 0px 1px 1px 1px #eee;
}
ul.cases li:nth-child(3n){
	margin-right: 0px;
}
ul.cases li:hover{
	box-shadow: 0px 5px 10px 2px #eee;
}
ul.cases li a{ 
	display: inline-block; 
}
ul.cases li a:hover{
	color: #ff6600;
}
ul.cases li a img{
	width: 273px;
	height: 200px;
}
ul.cases li a p{
	font-size: 16px;
	height: 48px;
	line-height: 24px;
	overflow: hidden;
	margin: 10px 10px;
}

/*推荐产品*/
.recom_productbox{
	width: 1188px;
	border:1px solid #e6e6e6;
	margin:20px auto;
}
.recom_title{
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #ff6600;
	padding:0 20px;
}
.recom_title i{
	width: 4px;
	height: 18px;
	background: #ff6600;
	display: inline-block;
	margin-right: 10px;
	position: relative;
	top:2px;
}
.recom_title span,.recom_title h2,.recom_title h3{
	font-size: 20px;
	color: #222;
	display: inline-block;
	font-weight: normal;
}
.title_more{
	float: right;
	font-size: 16px;
	color: #999;
}
.title_more:hover{
	color: #ff6600;
}
ul.recom_product{
	padding-left: 24px;
	overflow: hidden;
}
ul.recom_product li{
	width: 210px;
	float: left;
	margin-right: 24px;
	margin-bottom: 15px;
	margin-top: 15px;
}
ul.recom_product li:nth-child(5n){
	margin-right: 0px;
}
ul.recom_product li a img{
	width: 210px;
	height: 210px;
}
ul.recom_product li p{
	font-size: 16px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
ul.recom_product li a:hover{
	color: #ff6600;
}
/*详情*/
.casetitle{
	border-bottom: 1px solid #ff6600;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	color: #505050;
}
.casetitle h1{
	font-size: 20px;
	font-weight: normal;
	display: inline-block;
}
.releasebox{
	height: 30px;
	line-height: 30px;
	text-align: right;
}
.releasetime{
	font-size: 16px;
	color: #999;
	margin-right: 15px;
}
.views{
	font-size: 14px;
	color: #999;
}
.views i{
	width: 20px;
	height: 13px;
	background: url(../image/icon_views.png);
	display: inline-block;
}
.item_deail{
	font-size: 16px;
	color: #505050;
	padding: 10px 0px;
	overflow: hidden;
}
.bqianbox{
	height: 40px;
	background: #f5f5f5;
	color: #222;
	overflow: hidden;
	padding: 0px 10px;
	line-height: 40px;
}
.bqianbox span{
	margin-right: 10px;
	color: #4b42ff;
}

