@charset "utf-8";

.case-head {

	width: 100%;

	height: 366px;

	margin: 0 auto;

	background: url(../images/images/casebanner.jpg) no-repeat center;

}

.case-con {

	width: 100%;

	background: url(../images/images/casebj.jpg) repeat;

	position: relative;

	overflow: hidden;

}

.case-title1 {

	font-weight: bold;

	font-size: 24px;

	color: #333;

	background: url(../images/images/caseline.png) no-repeat center;

	padding-left: 60px;

	margin-top: 28px;

}

.content{

	width:1200px;

	margin:0 auto;

}

.item{

	width: 378px;

	height: auto;

	margin: 28px 20px;

	background:#fff;

	color:#333;

	border-radius:10px;

	word-break:break-all;

	word-wrap:break-word;

	position: relative;

}

.item .zz  a{

	display: block;

	width: 46px;

	height: 46px;

	margin: 0 auto;

	/* background: url(../images/images/caseli.png) no-repeat center; */

	position: absolute;

	top:50%;

	left: 50%;

	margin-left: -23px;

}

.item .zz {

	width: 378px;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	border-radius: 10px;

	cursor: pointer;

	opacity: 0;

}

.item:hover {

	transition:  linear 0.5s;

	box-shadow: 0 15px 30px rgba(0,0,0,0.2);

}

.item:hover .zz:hover {

	transition:  linear 0.5s;

	background: rgba(34,61,115,0.7);

	opacity: 1;

}

 .zz img {

	width:46px;

	height: 46px;

}

.item .zzimg{width:100%;height:auto;}

.item p{

	height: 68px;

	text-align:left;

	line-height: 68px;

	padding-left: 24px;

}