﻿/* 目录分类 */
.sub-menu-con{
	color: #fff;
	text-align: center;
	margin-bottom: 1px;
	background-color: #3B76C6;
	width: 100%;
	margin-top: 20px;
}
.sub-menu-con span{display:inline-block;color:#fff;height:42px;line-height:42px;margin:-3px 0px 0;position:relative}
.sub-menu-con span:after{left:0}.sub-menu-con span:before{right:0}
.sub-menu-con span a{display:block;color:#fff;z-index:2;position:relative;padding:0 20px;transition:All .2s ease-in-out;-webkit-transition:All .2s ease-in-out;-moz-transition:All .2s ease-in-out;-o-transition:All .2s ease-in-out}
.sub-menu-con span.active:after,.sub-menu-con span:hover:after,.sub-menu-con span.active:before,
.sub-menu-con span:hover:before{width:51%}
.sub-menu-con span.active a,.sub-menu-con span:hover a{
	color: #fff;
	background-color: #FF7200;
}
#case .proContainer{ width:1230px; height:auto; } 
#case .proLink{ display:block; width:380px; overflow:hidden; border:solid 1px #e9e9e9; transition:all .5s ease; } 
#case .proImgBox{
	position:relative;
	width:100%;
	height:235px;
	overflow:hidden;
} 
#case .proImg{ position:absolute; top:50%; left:50%; transform:translate(-50% ,-50%) scale(1.0); width:100%; height:auto; transition:all .5s ease; } 
#case .txtBox{ width:350px; overflow:hidden; } 
#case .proTitle{height:35px; border-bottom:solid 1px #e9e9e9; } 
#case .imgLink{ position:absolute; } 
#case .proSummry{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin-top:10px;
	color:#333;
	font-weight: bold;
} 
#case .proLi:hover .proImg{ transform:translate(-50% ,-50%) scale(1.1); } 
#case .proLi{
	width:409px;
	float:left;
	margin-top: 15px;
	margin-bottom: 13px;
} 
#case .proLink{
	height:323px;
	color: #3B76C6;
} 
#case .case-txtBox{ height:153px; padding:15px 15px 15px; } 
#case .name{
	font-size:16px;
	color:#000;
} } 
