.bgggg{
	background-color: #f7f7f7;
	padding-top: 40px;
}
.caseimg{
	display: flex;
	flex-direction: row;
	max-width: 1600px;
	margin: auto;
	background: #fff;
	margin-bottom: 40px;
	
}
.caseimg:nth-child(2n){
	flex-direction: row-reverse;
}
.caseimg img{
	max-width: 100%;
	width: 100%;
	
}
.caseimg .imgbbb{
	width: 50%;
}
.caseimg .imgxxx{
	width: 50%;
}
.caseimg .imgxxx .title{
	width: 100%;
    color: #cacaca;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    font-style: italic;
    margin-top: 80px;
}
.caseimg .imgxxx .title2{
	width: 100%;
	color: #000;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	margin: 10px 0;
}
.caseimg .imgxxx .imglist
{
display: flex;
    flex-direction: row;
    width: 100%;
    overflow: hidden;
    text-align: center;
    justify-content: center;
    margin-top: 60px;
    cursor: pointer;
}
.caseimg .imgxxx .imglist img{
	    width: 180px;
	    margin-right: 10px;
}

.zzactive{
	border: 2px solid red;
}
@media (max-width: 980px) {
	.caseimg .imgbbb {
	    width: 90%;
		margin: auto;
	}
	.caseimg .imgxxx {
	   width: 90%;
	   margin: auto;
	}
	.caseimg{
		flex-wrap: wrap;
	}
}