.zsk_content{
	max-width: 1120px;
	margin: 0 auto;
	margin-top: 73px;
    margin-bottom: 30px;
}
.ui-img-crop {
    position: relative;
    overflow: hidden;
}
.zsk_banner{
	margin-bottom: 20px;
}
.zsk_banner>img{
	display: block;
	width: 100%;
}
.zsk_tpkb,.zsk_wkb{
	width: 100%;
	padding: 20px;
	padding-top: 0;
	background: #fff;
}
.zsk_tpkb{
	padding-top: 30px;
}
.zsk_title{
	margin-bottom: 30px;
}
.zsk_title>p{
	font-size: 20px;
	font-weight:500;
	float: left;
}
.zsk_title>a{
	float: right;
	font-size:14px;
	color: #999;
}
.zsk_tpk{
	display: block;
	float: left;
	width:32% ;
	margin-bottom: 20px;
	margin-right:2%;
	border: 1px solid #e6e6e6;
	height: 400px;
	position: relative;
}
.zsk_tpk:last-child{
	display: none;
}
.zsk_tpk .zsk_pic{
	height: 240px;
	overflow: hidden;
}
.zsk_pic>img{
	display: block;
	width: 100% !important;
}
.zsk_tpk:nth-child(3n){
	margin-right: 0px;
}

.zsk_bq{
	position: absolute;
	width:80px;
	height:32px;
	background: #1496e1;
	line-height: 32px;
	text-align: center;
	left: 0;
	top:0;
	color: #fff;
}
.zsk_name{
	padding: 20px;
}
.zsk_name>div:first-child{
	font-size:18px;
	color: #1496e1;
	margin-bottom: 13px;
	font-weight:500;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.zsk_name>div:nth-child(2){
	font-size:14px;
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-align: justify;
}
.zsk_name>div:last-child{
	font-size:12px;
	color: #999;

	position: absolute;
	bottom: 20px;
	right: 20px;
}

.zsk_wk{
	display: block;
	float: left;
	width:255px ;
	margin-bottom: 20px;
	margin-right:20px;
	border: 1px solid #e6e6e6;
	height: 273px;
	
}
.zsk_wk:nth-child(4n){
	margin-right:0%;
}
.zsk_nameo{
	padding: 15px;
	padding-top: 0;
}
.zsk_nameo>a{
	display: block;
	font-size: 14px;
	color: #666666;
	line-height:32px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.zsk_nameo>a:hover{
	color: #479fdf;
}
.zsk_nameo>a>span{
	margin-right: 13px;
	font-size: 18px;
	color: #333;
}
.zsk_nameo>a:first-child span{
	color: #479fdf;
}
.zsk_pico{
	display: block;
}
.zsk_pico>img{
	width: 100%;
}
.zsk_wklxs{
	width: 100%;
	display: flex;
}
.zsk_wkl{
	width: 255px;
	margin-right: 20px;
}
.zsk_wkl>li{
	
	float: left;
	
}
.zsk_wkl .active{
	box-shadow: 0 0 1px navy;
}
.zsk_wkl .none{
	box-shadow:none;
}
.zsk_wkl>li:hover{
	/*box-shadow: 0 0 1px navy;
	animation: wobble 1s;*/
	transform: scale(1.1);
    animation-delay: 1s;
}
.zsk_wkl>li>a img{
	display: block;
	width: 100%;
}
.zsk_wkl>li:nth-child(2n){
	margin-left:11px;
	margin-bottom: 9px;
}
.zsk_wkx{
	width: 804px;
	height: 404px;
	overflow: hidden;
	border: 1px solid #e6e6e6;
}
.zsk_wkx>li{
	display: flex;
	-js-display:flex ;
	font-size: 14px;
	background: #fff;
}
.zsk_wkx>li:nth-child(2n){
	background: #f5f9fc;
}
.zsk_wkx>li>div{
	height: 60px;
	line-height: 60px;
	padding-left: 27px;
	float:left;
}
.zsk_wkx>li:first-child div{
	height: 44px;
	line-height: 44px;
}

.zsk_wkx>li:first-child div{
	
	font-weight:500;
	
}
.zsk_wkx>li>div:nth-child(1){
	width:12%;
}
.zsk_wkx>li>div:nth-child(2){
	width:70%;
}
.zsk_wkx>li>div:nth-child(3){
	width:20%;
}
.zsk_wkx>li>div>img{
	display: block;
	width: 16px;
	height: 16px;
	margin-top: 22px;
}
@media only screen and (min-width:1023px) and (max-width:1119px) {
	.zsk_content{
		max-width: 1024px;
		}
	.zsk_tpk{
		height: 310px;
	}
	
	.zsk_tpk .zsk_pic{
		height: 160px;
	}
	.zsk_wk{
		width: 231px;
		height: 266px;
		
	}
	.zsk_wkl{
		width: 231px;
	}
	.zsk_wkx{
		width: 733px;
		height: 370px;
	}
	.zsk_wkl>li>a img{
		width: 110px;
	}
	.zsk_wkx>li>div{
	    height: 54px;
    	line-height: 54px;
	}
	.zsk_wkx>li>div>img{
		margin-top: 19px;
	}
	.zsk_wkl>li:hover{
	/*box-shadow: 0 0 1px navy;
	animation: wobble 0s;*/
	transform: scale(0);
    animation-delay: 0s;
}
}
@media only screen and (min-width:767px) and (max-width:1023px) {
	.zsk_content{
		max-width: 768px;
		}
	.zsk_tpk{
		height: 335px;
	}
	.zsk_tpk .zsk_pic{
		height: 185px;
	}
	.zsk_wk{
		margin-right: 10px;
		margin-bottom: 10px;
		width:174.5px ;
	    height: 245px;
	}
	.zsk_wkx{
		width: 543.5px;
	    height: 286px;
	}
	.zsk_wkl{
		width:174.5px ;
		margin-right: 10px;
	}
	.zsk_wkl>li:nth-child(2n){
		margin-left:10px;
		margin-bottom: 9px;
	}
	.zsk_wkl>li>a img{
		width: 82px;
		
	}
	
	.zsk_wkx>li>div{
	    height: 42px;
    	line-height: 42px;
	}
	.zsk_wkx>li:first-child div{
		height: 30px;
    	line-height: 30px;
	}
	.zsk_wkx>li>div>img{
		margin-top: 13px;
	}
	.zsk_wkl>li:hover{
	transform: scale(0);
    animation-delay: 0s;
}
	
}
@media only screen and (min-width:300px) and (max-width: 767px) {
	.zsk_content{
		max-width: 500px;
		}
		.zsk_tpkb, .zsk_wkb{
			padding: 10px;
		}
	.zsk_tpk{
		width: 49%;
		margin-right: 2%;
	    height: 240px;
	}
	
	.zsk_tpk:nth-child(2n){
		margin-right: 0;
	}
	.zsk_tpk:nth-child(3n){
		margin-right: 2%;
	}
	.zsk_tpk:nth-child(6){
		margin-right: 0;
	}
	
	.zsk_name>div:first-child{
		font-size: 14px;
		margin-bottom: 8px;
	}
	.zsk_name>div:nth-child(2){
		font-size: 12px;
	}
	.zsk_name{
		padding: 10px;
	}
	.zsk_name>div:last-child{
		bottom: 10px;
	}
	.zsk_wk{
		width: 49%;
		margin-right:0;
	    height: 240px;
	}
	.zsk_wk:nth-child(2n){
		margin-left: 2% !important;
	}
	.zsk_nameo>a{
		font-size: 12px;
	    line-height: 25px;

	}
	.zsk_nameo>a:first-child span{
		font-size: 14px;
	}
	.zsk_nameo{
		padding: 10px;
	}
	.zsk_tpk:last-child{
	display: block;
}
	.zsk_tpk .zsk_pic{
		height: 150px;
	}
	.zsk_tpk{
		height: 260px;
	}
	.zsk_wklxs{
		display: block;
	}
	.zsk_wkl,.zsk_wkx{
		width: 100%;
	}
	.zsk_wkx{
		display: none;
	}
	.zsk_wkx>li{
		font-size: 12px;
	}
	.zsk_wkx>li>div:nth-child(3){
		flex: 0.3;
	}
	.zsk_wkl>li{
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	.zsk_wkl>li:nth-child(2n){
		margin-left: 0;
		margin-right: 0;
	}
	.zsk_wkl>li:hover{
	transform: scale(0);
    animation-delay: 0s;
}
}
@media only screen and (min-width:413px) and (max-width:499px) {
	.zsk_content{
		max-width: 414px;
		}
	.zsk_tpk .zsk_pic{
		height: 125px;
	}
	.zsk_tpk{
		height: 235px;
	}
	.zsk_wkl,.zsk_wkx{
		width: 100%;
	}
	.zsk_wk{
		height: 226px;
	}
}
@media only screen and (min-width:374px) and (max-width: 413px) {
	.zsk_content{
		max-width:375px;
		}
	.zsk_tpk .zsk_pic{
		height: 113px;
	}
	.zsk_tpk{
		height: 225px;
	}
	.zsk_wk{
		height: 220px;
	}
}
@media only screen and (max-width:374px){
	.zsk_content{
		max-width:300px;
		}
	.zsk_tpk .zsk_pic{
		height: 113px;
	}
	.zsk_tpk{
		height: 225px;
	}
	
}