.ny_pic_list{overflow: hidden;}
.ny_pic_list ul{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 20px;}
.ny_pic_list ul li {
    margin: 15px 0;
}
.ny_pic_list ul li .h_pic{width:100%;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;position: relative;aspect-ratio: 4/3;}
.ny_pic_list ul li .h_pic img{transition: all 0.6s;width:100%; height:100%;text-align:center;object-fit: cover;}
.ny_pic_list ul li .h_pic img:hover{transform: scale(1.2);}
.ny_pic_list ul li .ph_name{width:100%;padding:0px 5px;box-sizing:border-box;line-height:1.2;margin-top:5px;color: #313131;text-align: center;}
.ny_h2{font-size: 36px;font-family: arial;padding:15px 10px;line-height:20px;color: #333333;position: relative;text-align: center;}
.ny_h2 a{float: right;display:block;padding-right: 10px;font-size: 16px; color:#333333;}
.ny_h2 i{font-size: 14px;color: #c4c4c4;}
.ny_h2 .dian{width:6px;height: 6px;border: solid 1px #8b8b8b;background: #fae100;display: block;float: left;margin-top:27px;margin-right: 10px;}
.ny_h2 h1{font-size:20px; color:#333333;}
.sub-category__title{font-size: 32px;}
:target {
    scroll-margin-top: 122px;
}
@media only screen and (max-width:1400px) {
	.ny_pic_list ul li .ph_name{width:20vw;}
}
@media only screen and (max-width:992px) {
	.ny_pic_list ul{grid-template-columns: repeat(2, 1fr);}
	.ny_pic_list ul li .ph_name{width:24vw;}
	.sub-category__title{font-size: 24px;}
	:target {
		scroll-margin-top: 90px;
	}
}
@media only screen and (max-width:767px) {
	.ny_pic_list ul li .ph_name{width:40vw;}
	.ny_h2{font-size:18px;font-family: arial;color: #535353;}
	.ny_h2 a{float: right;display:block;padding-right: 10px;font-size: 14px; color: #787878;}
	.ny_h2 .title{float: left;font-size: 18px;font-family: arial;height: 30px;line-height: 30px;color: #535353;}
	.ny_h2 .span_tag{display: none;}
	.ny_h2 h1{font-size:18px;}
}