/* middle 开始 */
.middle{
	width: 100%;
	background-color: #fff;
	margin-bottom: 5%;
}
.middle .banner .slideshow li a{
	display: block;
	width: auto;
	height: auto;
	overflow: hidden;
}
.middle .banner .slideshow li a img{
	width: 100%;
	height: 100%;
}
.middle .case_h3{
	width: 70%;
	margin: 0 auto;
	color: #333;
	font-size: 42px;
	text-align: center;
	margin-top: 5%;
	position: relative;
}
.middle .case_h3 .line_l{
	display: inline-block;
	width: 35%;
	border-bottom: 4px solid #ddd;
	position: absolute;
	left: 0;
	top: 50%;
}
.middle .case_h3 .line_r{
	display: inline-block;
	width: 35%;
	border-bottom: 4px solid #ddd;
	position: absolute;
	right: 0;
	top: 50%;
}
.middle .case{
	width: 70%;
	margin: 4% auto 0;
}
.middle .case li{
	width: 45%;
	height: 30%;
	float: left;
	position: relative;
	background-color: #ccc;
	margin-left: 3%;
	margin-bottom: 3%;
}
 .middle .case li:nth-of-type(2n-1){
	margin-left: 3%;
} 
.middle .case li img{
	width: 100%;
	height: 100%;
}
.middle .case li>p{
	width: 94%;
	color: #fff;
	font-size: 24px;
	text-align: center;
	line-height: 2.5em;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #000;
	opacity: 0.8;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 3%;
}
.middle .case li:hover>p{
	display: none;
}
.middle .case li .show{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0;
	transition: opacity 0.5s;
}
.middle .case li .show p{
	color: #fff;
	font-size: 24px;
	text-align: center;
	margin-top: 20%;
	margin-bottom: 10%;
}
.middle .case li .show a{
	display: block;
	width: 20%;
	height: 10%;
	border: 1px solid #fff;
	margin: 0 auto;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 2em;
}
.middle .case li:hover .show{
	opacity: 0.8;
}
/*-------------------媒体查询-------------------------*/
@media screen and (max-width: 1499px){
	
.middle .case_h3{
	width: 70%;
	margin: 0 auto;
	font-size: 36px;
	text-align: center;
	margin-top: 5%;
	position: relative;
}
.middle .case_h3 .line_l{
	display: inline-block;
	width: 35%;
	border-bottom: 4px solid #ddd;
	position: absolute;
	left: 0;
	top: 50%;
}
.middle .case_h3 .line_r{
	display: inline-block;
	width: 35%;
	border-bottom: 4px solid #ddd;
	position: absolute;
	right: 0;
	top: 50%;
}
.middle .case li .show p{
	color: #fff;
	font-size: 22px;
	text-align: center;
	margin-top: 20%;
	margin-bottom: 10%;
	white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow: hidden;
}
.middle .case li .show a{
	display: block;
	width: 100px;
	height: auto;
	border: 1px solid #fff;
	margin: 0 auto;
	color: #fff;
	font-size: 18px;
	text-align: center;
	white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow: hidden;
}
}
/*-------------------媒体查询-------------------------*/
@media screen and (max-width: 991px){

.middle .case_h3{
	width: 70%;
	margin: 0 auto;
	font-size: 28px;
	text-align: center;
	margin-top: 5%;
	position: relative;
}
.middle .case_h3 .line_l{
	display: inline-block;
	width: 30%;
	border-bottom: 4px solid #ddd;
	position: absolute;
	left: 0;
	top: 50%;
}
.middle .case_h3 .line_r{
	display: inline-block;
	width: 30%;
	border-bottom: 4px solid #ddd;
	position: absolute;
	right: 0;
	top: 50%;
}

.middle .case li>p{
	width: 100%;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 2.5em;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #000;
	opacity: 0.8;
	white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow: hidden;
	padding: 0;
}
.middle .case li .show p{
	color: #fff;
	font-size: 16px;
	text-align: center;
	margin-top: 20%;
	margin-bottom: 10%;
	white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow: hidden;
}
.middle .case li .show a{
	display: block;
	width: 50px;
	height: auto;
	border: 1px solid #fff;
	margin: 0 auto;
	color: #fff;
	font-size: 12px;
	text-align: center;
	white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow: hidden;
}
}
/*-------------------媒体查询-------------------------*/
@media screen and (max-width: 479px){
.middle .case_h3{
	width: 95%;
	margin: 0 auto;
	font-size: 22px;
	text-align: center;
	margin-top: 5%;
	position: relative;
}
.middle .case_h3 .line_l{
	display: inline-block;
	width: 28%;
	border-bottom: 4px solid #ddd;
	position: absolute;
	left: 0;
	top: 50%;
}
.middle .case_h3 .line_r{
	display: inline-block;
	width: 28%;
	border-bottom: 4px solid #ddd;
	position: absolute;
	right: 0;
	top: 50%;
}

.middle .case{
	width: 100%;
}
.middle .case li .show p{
	color: #fff;
	font-size: 16px;
	text-align: center;
	margin-top: 10%;
	margin-bottom: 10%;
	white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow: hidden;
}
.middle .case li .show a{
	display: block;
	width: 50px;
	height: auto;
	border: 1px solid #fff;
	margin: 0 auto;
	color: #fff;
	font-size: 12px;
	text-align: center;
	white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow: hidden;
}
.middle .case li>p{
	width: 100%;
	color: #fff;
	font-size: 12px;

}

/* middle 结束 */