.works_widget{width:100%;position:relative;}
.works_widget .works_widget_box{overflow:hidden;position:relative;margin:0 auto 30px}
.works_widget .works_widget_box .item{width:calc((100% / 3) - 20px);margin:0px 10px 30px;float:left;position:relative;overflow:hidden;}
.works_widget .works_widget_box .item .hx{display:block;width:100%;padding-bottom:56.26%;position:relative;overflow:hidden;margin:0 auto 0px;border:1px solid #ddd;box-sizing: border-box;}
.works_widget .works_widget_box .item .hx img{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.works_widget .more{width:240px;line-height:60px;color:#fff;text-align:center;display:block;margin:0 auto;background:#1656A5;font-size:21px;box-shadow:0 0 5px #ddd;}
.works_widget .more:hover{background:#53A0FF}




/* Responsive */
@media all and (max-width:1024px){
	.works_widget .works_widget_box .item{width:calc((100% / 2) - 20px)}
	.works_widget .works_widget_box .item:nth-child(9){display:none}
}



@media all and (max-width:768px){
	.works_widget .works_widget_box{margin:0 auto 50px}
	.works_widget .works_widget_box .item{width:calc((100% / 2) - 10px);margin:0 5px 15px;}

	.works_widget .more{width:240px;line-height:50px;font-size:19px;
}

@media all and (max-width:768px){
	.works_widget .more{width:200px;font-size:17px;}
}