.pic_banner_index{
	height:770px;
	background:url('../../static/images/case_banne_index.jpg')no-repeat center center;
}
.pic_banner_index_en{
	height:770px;
	background:url('/public/static/images/case_banner_index_en.jpg')no-repeat center center;
}
.pic_banner{
	height:770px;
	background:url('../../static/images/case_banner.jpg')no-repeat center center;
}
.cases .title{
	padding-top: 81px;
	width: 100%;
	padding-bottom: 80px;
	background-color: black;
}
.cases .title h2{
	width:100%;
	text-align: center;
	font-size:50px;
	font-family:MicrosoftYaHei;
	font-weight:400;
	color:rgba(255,255,255,1);
	opacity:0.7;
}
.cases .title span{
	width:65px;
	height:5px;
	background-color:#FFFFFF;
	opacity:0.7;
	margin:34px auto 0;
}
.cases .title p{
	width: 100%;
	text-align: center;
	font-size:24px;
	font-family:MicrosoftYaHei;
	font-weight:400;
	color:rgba(255,255,255,1);
	line-height:40px;
	opacity:0.7;
	margin-top: 27px;
}


/*更改*/
.cases > ul{
	width: 100vw;
	display: flex;
	flex-wrap: wrap;
}
.cases > ul > li{
	width: 50vw;
	height: 25.26vw;
	max-width:960px;
	max-height:485px;
	position: relative;
}
.cases > ul > li > a{
	display: block;
	width: 50vw;
	height: 25.26vw;
	max-width:960px;
	max-height:485px;
}
.cases > ul > li > a > img{
	width: 50vw;
	height: 25.26vw;
	max-width:960px;
	max-height:485px;
} 
.cases > ul > li > .shade{
	width: 100%;
	height: 100%;
	background-color:rgba(0, 0, 0, 0.6) ;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
}
.cases > ul > li > .shade h3{
	margin-left: 7.08vw;
	/* margin-top: 9.79vw; */
	height:2.08vw;
	font-size:2.08vw;
	font-family:MicrosoftYaHei;
	font-weight:400;
	color:rgba(255,255,255,1);
	opacity:0.6;
}
.cases > ul > li > .shade p{
	margin-left: 7.083vw;
	/* margin-top: 0.833vw; */
	margin-top: 10vw;
	font-size:1.5625vw;
	font-family:MicrosoftYaHeiLight;
	font-weight:400;
	color:rgba(255,255,255,1);
	opacity:0.6;
}
ul.maxwidth{
	max-width: 1920px;
}
/*div.cases > ul > li:nth-of-type(n+7){
	width: 33.333vw;
}
div.cases > ul > li > a > img:nth-of-type(n+7){
	width: 33.333vw;
}*/
.cases > ul > li:hover > .shade{
	display: none;
}
.cases > ul > li .hideShow{
	display:none;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:3.49vw;
	line-height:3.49vw;
	background-color:#000;
	font-size:1.042vw;
	color:#FFF;
	text-indent:4.1667vw;
}
.cases > ul > li:hover > .hideShow{
	display:block;
}