.ww{ width: 1220px; margin: 0 auto ;}
.ww a:hover{text-decoration:none;}
.pt100{ padding-top: 100px;}

.caselist{}
.caselist ul li{ padding: 20px; margin-bottom: 30px;  border-radius: 10px; }
.caselist ul li:hover{box-shadow: 0px 5px 15px 0px rgba(206, 205, 219, 0.5);}
.caselist ul li .con{ position: relative; overflow: hidden;}
.caselist .item-img{ float: left; width: 20%;  height: 180px; border-radius: 10px; overflow: hidden; margin-right: 5%;}
.caselist .item-img img{ height: 100%;width: 100%;}
.caselist .item-con{ float: left; width: 60%;}
.caselist .item-con h3{ margin-top: 30px; font-size: 24px; font-weight: bold; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.caselist .item-con a p{ margin-top: 20PX;  color: #828282; line-height: 20px;overflow: hidden;height: 60px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.caselist ul li:hover .item-con h3{ color:  #c81414}

@media screen and (max-width: 769px) {

	.caselist{}
	.caselist ul li{ padding: 10px; margin-bottom: 20px;  border-radius: 10px; }
	.caselist .item-img{ float: none; width: 100%;  height: 180px; border-radius: 10px; overflow: hidden; margin-right: 5%;}
	.caselist .item-img img{ width: 100%; min-height: 180px;}
	.caselist .item-con{ float: none; width: 100%;}
	.caselist .item-con h3{ margin-top: 20px; font-size: 18px; font-weight: bold; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
	.caselist .item-con a p{ margin-top: 20PX;  color: #828282; line-height: 20px;overflow: hidden;height: 60px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
	

}

@media screen and (max-width: 769px) {
    .ww{ width: 95%; margin: 0 auto ;}
    .pt100{ padding-top:50px;}
    .optimal-inx .content h2 {
		font-size: 20px !important;
    }
    .optimal-inx .content i {
        height: 3px !important;
        margin: 15px auto !important;
	}
}

.optimal-inx .content h2 {
	text-align: center;
	font-size: 44px;
	font-weight: bold;
	color: #22252a;
}

.optimal-inx .content i {
	display: block;
	width: 51px;
	height: 6px;
	margin: 40px auto;
	background: rgb(41,138,201);
}

.pages{ padding: 30px 0;color:#aaa;}
.pages .table-info{ text-align: right; line-height: 42px}
.pages .pagination { margin: 0;}