.case2 *:before,.case2 *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.case2{padding:0 5px;}
.case2 .caseList .list .text{padding:50px 20px 30px 20px;}

@media screen and (max-width:767px){
	.case2 .caseList .list .text{padding:20px 0;}
}
@media screen and (max-width:1199px){
	.par .pageNav a{width:auto; padding:0 10px;}
}
.case{padding:50px 0 70px 0;}
.caseList{padding-bottom:24px;}
.caseList .list{width:31.14%; margin:0 3.29% 45px 0; float:left; box-shadow: 0 0 27px rgba(0,0,0,0.1); padding:20px; }
.caseList .list:nth-child(3n){margin-right:0;}
.caseList .list .pic{padding-bottom:70.12%; position: relative; overflow: hidden;}
.caseList .list .pic::after{width:33px; height: 15px; position: absolute; bottom:0; left: 50%; margin-left:-16.5px; content: ""; background:url(../image/p66.png) center no-repeat; background-size:100%; }
.caseList .list .pic img{width:100%; height: 100%; top:0; left: 0; position: absolute;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.caseList .list .text{padding:30px 10px 15px 10px; text-align: center;}
.caseList .list .text .H4{ font-size:20px; color:#363636;}
.caseList .list .text .p{font-size:14px; line-height: 26px; height: 52px; margin: 20px 0;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.caseList .list .text  .more3{width:106px; height: 38px; line-height: 38px; display: block; margin: auto; border-radius: 4px; background-color:#e1e1e1; font-size:14px; color:#060c12;}
.caseList .list:hover .pic img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
}
.caseList .list:hover .H4{color:#0a6dde;}
.caseList .list:hover .more3{background-color:#0a6dde; color:#fff;}

@media screen and (max-width:1199px){
	.case{padding:60px 0;}
}
@media screen and (max-width:767px){
	.case{padding:30px 0;}
	.caseList .list{width:48%; margin: 0 4% 20px 0; padding:10px ;}
	.caseList .list:nth-child(3n){margin-right:4%;}
	.caseList .list:nth-child(2n){margin-right:0;}
	.caseList .list .pic::after{width:20px; height: 9px; margin-left:-10px;}
	.caseList .list .text{padding:15px 0 0 0;}
	.caseList .list .text .H4{font-size:16px;}
	.caseList .list .text .p{font-size:13px; line-height: 22px; height: 44px ; margin: 10px 0;}
	.caseList{padding-bottom:10px;}
	.caseList .list .text  .more3{height:30px; line-height: 30px;}
}