/*case_lis*/
.case_lis{padding:80px 0;position:relative;}
.case_lis .cl_ul{padding-top:10px;}
.case_lis .cl_ul .cl_li{display:block;width:calc(33.33% - 30px);margin-left:45px;margin-top:40px;position:relative;cursor:pointer;background:#EEE;}
.case_lis .cl_ul .cl_li:nth-child(3n+1){margin-left:0;}
.case_lis .cl_ul .cl_li .cl_img{width:100%;padding-bottom:75%;position:relative;overflow:hidden;}
.case_lis .cl_ul .cl_li .cl_txt{padding:15px 20px;}
.case_lis .cl_ul .cl_li .cl_txt p{font-size:15px;color:#666;line-height:1.5;}
.case_lis .cl_ul .cl_li .cl_txt p:first-child{font-size:18px;color:#222;margin-bottom:8px;font-weight:bold;}

@media screen and (max-width:1639px){
	.case_lis{padding:60px 0;}
	.case_lis .cl_ul{padding-top:5px;}
	.case_lis .cl_ul .cl_li{width:calc(33.33% - 20px);margin-left:30px;margin-top:30px;}
	.case_lis .cl_ul .cl_li .cl_txt{padding:12px 15px;}
	.case_lis .cl_ul .cl_li .cl_txt p{font-size:14px;}
	.case_lis .cl_ul .cl_li .cl_txt p:first-child{font-size:17px;margin-bottom:6px;}
}

@media screen and (max-width:1399px){
	.case_lis{padding:40px 0;}
	.case_lis .cl_ul{padding-top:0;}
	.case_lis .cl_ul .cl_li{width:calc(33.33% - 14px);margin-left:21px;margin-top:20px;}
	.case_lis .cl_ul .cl_li .cl_txt{padding:10px 12px;}
	.case_lis .cl_ul .cl_li .cl_txt p:first-child{font-size:16px;margin-bottom:4px;}
}

@media screen and (max-width:1023px){
	.case_lis{padding:30px 0;}
	.case_lis .cl_ul .cl_li{width:calc(50% - 8px);margin-left:16px;margin-top:18px;}
	.case_lis .cl_ul .cl_li:nth-child(3n+1){margin-left:16px;}
	.case_lis .cl_ul .cl_li:nth-child(odd){margin-left:0;}
	.case_lis .cl_ul .cl_li .cl_txt{padding:10px 10px;}
}

@media screen and (max-width:767px){
	.case_lis .cl_ul .cl_li{width:100%;margin-left:0;float:none;}
	.case_lis .cl_ul .cl_li:nth-child(3n+1){margin-left:0;}
}
.pagelink{ height: 35px;text-align: center;margin: 50px 0 30px 0;*+margin-left:30px;}

.pagelink .page-index , .pagelink .page-pre , .pagelink .page-next , .pagelink .page-last{ list-style: none;border: 1px solid #C7CFC2; display: inline-block;margin: 0 3px;*+display:block;*+float:left;}

.pagelink .page-status {list-style: none;border: 1px solid #C7CFC2; display: inline-block;margin: 0 3px;*+display:block;*+float:left; padding: 3px 8px;}

.pagelink .page-index a, .pagelink .page-pre a, .pagelink .page-next a, .pagelink .page-last a{color:#000;padding: 3px 8px; display:block;}

.pagelink .page-numbar .page-num{ list-style: none;border: 1px solid #C7CFC2;padding: 3px 8px;display: inline-block;margin: 0 3px;*+display:block;*+float:left;}

.pagelink a.page-num-current, .pagelink a:hover{ background: #CCC;color: #FFF; display:block;}