body{ background-color: #fff; }
.box-4{ margin-top: -31px; position: relative; }
.table-box .table-nav{ margin-bottom: 36px; }

.table-box .table-nav{ margin-bottom: 36px; }
.table-box .table-content .table-list{ text-align: left; margin: 0; }

.table-list p.content-title{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #212121; font-size: 20px; margin-bottom: 12px; text-align: left; }
.table-list .img{ position: relative; }
.table-list-1 .img{ padding-bottom: 42.5%; }
.table-list-2 .img{ padding-bottom: 56%; }
.table-list-3 .img{ padding-bottom: 56%; }
.table-list-4 .img{ padding-bottom: 56%; }
.table-list img{ border: 1px solid #D2D2D2; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }

.m-0 { margin: 0!important; }

.table-list-1 .row{ margin: 0 -12px 12px; }
.table-list-1 .col-wrap{ padding: 0 12px; margin-bottom: 24px; }

.table-list-2 .col-wrap:nth-of-type(2n), .table-list-3 .col-wrap:nth-of-type(2n){ padding: 0 0 0 30px; }
.table-list-2 .col-wrap:nth-of-type(2n+1), .table-list-3 .col-wrap:nth-of-type(2n+1){ padding: 0 30px 0 0; }
.table-list-2 .col-content,.table-list-3 .col-content { margin-bottom: 36px; }

.table-list-4 .z-container{ padding: 0 12px; margin: 0 auto; max-width: 1512px; }
.table-list-4 .list-content-4{ text-align: left; font-size: 0; margin-bottom: 12px; }
.table-list-4 .z-col{ margin-bottom: 24px; display: inline-block; width: 25%; padding: 0 12px; }

.table-box .table-content .table-list{ display: none; }




@media (max-width: 1260px ){
	.table-list-4 .z-col{ width: 33.33%; }
	.table-list-2 .col-wrap:nth-of-type(2n+1), .table-list-3 .col-wrap:nth-of-type(2n+1){ padding: 0 12px 0 0; }
	.table-list-2 .col-wrap:nth-of-type(2n), .table-list-3 .col-wrap:nth-of-type(2n) { padding: 0 0 0 12px;}
	
	.table-box .case .tt{ width: 400px; height: 224px; }
}

@media (max-width: 992px ){
	.table-list-4 .z-col{ width: 50%; }
	.table-list p.content-title{ font-size: 16px; }
}

@media (max-width: 768px ){
	.table-list-4 .z-container{ padding: 0 6px; }
	.table-list-4 .z-col{ width: 50%; padding: 0 6px; }
	.table-list-2 .col-wrap:nth-of-type(2n+1), .table-list-3 .col-wrap:nth-of-type(2n+1){ padding: 0; }
	.table-list-2 .col-wrap:nth-of-type(2n), .table-list-3 .col-wrap:nth-of-type(2n) { padding:0; }
	
	.table-box .table-nav li{ width: 50%; margin: 0; }
	
	.table-box .case .tt{ width: 300px; height: 168px; }
}