#box-1 ul.PCBlock{display: flex!important;flex-wrap: wrap;}
#box-1 ul{margin:0 -25px}
#box-1 li{width: 33.3%;padding: 0 25px 70px 25px;}
#box-1 .img{overflow: hidden;display: flex;position: relative;padding-top: 65%;}
#box-1 li .img a{position: absolute;width: 100%;height: 100%;top: 0;display: block;}
#box-1 .img img{width: 100%;height: 100%;object-fit: cover;}
#box-1 .time{padding: 30px 0 15px 0;}
#box-1 .title{font-size: 24px;font-weight: bold;color:#333;}
#box-1 hr{background: rgba(0, 0, 0, 0.05);border:none;height:2px;margin: 20px 0;position: relative;}
#box-1 hr::after{content: '';width: 0%;height: 100%;background-color: #003870;position: absolute;transition: 0.5s;}
#box-1 .more{font-size: 16px;color: rgba(0, 0, 0, 0.2);}
#box-1 .more img{width: 25px;transform: none!important;margin-left: 5px;}
#box-1 li:hover .title{color:#003870;}
#box-1 li:hover hr::after{width: 100%;}
#box-1 li:hover .more{color:#003870;}
#box-1 li:hover .more img{content: url("../img/syxwjtl.png");}


@media (min-width:767px) and (max-width:1199px){
	#box-1 ul{margin:0 -15px}
	#box-1 li{padding: 0 15px 50px 15px;}
	#box-1 .time{padding: 25px 0 10px 0;}
	#box-1 .title{font-size: 22px;}
	#box-1 hr{margin: 17px 0;}
	#box-1 .more {font-size: 15px;}
	#box-1 .more img{width: 23px;}
}

@media (max-width:767px){
	#box-1 ul.PCBlock{display: none!important;}
	#box-1 ul{margin:0 0px;}
	#box-1 li{width: 100%;padding: 0 0 50px 0;}
	#box-1 .index_title .title1{justify-content: center;}
	#box-1 .index_title .title2{text-align: center;}
	#box-1 .index_title{width: 100%;}
	#box-1 .time{padding: 25px 0 10px 0;}
	#box-1 .title{font-size: 20px;}
	#box-1 hr{margin: 17px 0;}
	#box-1 .more {font-size: 15px;}
	#box-1 .more img{width: 23px;}
}