#box-1{background: #F9F9F9;}
#box-1 a{display: inherit;}
#box-1 li{background: #fff;padding: 50px;margin-bottom: 30px;display: flex;align-items: center;flex-wrap: wrap;transition: 0.5s;position: relative;}
#box-1 li:hover{box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.16);}
#box-1 li::after{content: '';width: 0%;height: 4px;background: linear-gradient(91deg, #003870, #004DA1);left: 0;bottom: 0;position: absolute;transition: 0.5s;}
#box-1 li:hover::after{width: 100%;}
#box-1 .img{width: 25%;display: flex;overflow: hidden;}
#box-1 .img a{overflow: hidden;}
#box-1 .img img{width: 100%;}
#box-1 .text{width: 75%;padding-left:5%;}
#box-1 .text .time{font-size: 14px;color: #666;}
#box-1 .text .title{font-weight: bold;font-size: 24px;color: #333;margin: 12px 0;}
#box-1 .text .des p{font-size: 16px;color: #999;line-height: 1.7;}
#box-1 .text .more{font-size: 16px;color: rgba(0,0,0,0.2);display: inline-flex;align-items: center;margin-top: 35px;border-bottom: 2px solid rgba(0,0,0,0.05);padding-bottom: 15px;}
#box-1 .text .more img{width: 25px;transform: scale(1);margin-left: 10px;}
#box-1 li:hover .more{color: #003870;border-bottom: 2px solid #003870;}
#box-1 li:hover .more img{content: url(../img/syxwjtl.png);}

#box-1 .pagination {padding-top: 40px;}


@media (min-width:767px) and (max-width:1199px){
	#box-1 li {padding: 40px;}
	#box-1 .img{width: 30%;}
	#box-1 .text{width: 70%;padding-left:5%;}
}

@media (max-width:767px){
	#box-1 li {padding:30px 30px 40px 30px;}
	#box-1 .img{width: 100%;}
	#box-1 .text{width: 100%;padding-left:0%;padding-top: 30px;}
	#box-1 .text .title{font-size: 20px;margin: 8px 0;}
	#box-1 .text .des p{font-size: 15px;line-height: 1.5;}
	#box-1 .text .more{font-size: 15px;margin-top: 30px;padding-bottom: 10px;}
	#box-1 .text .more img{width: 23px;margin-left: 7px;}
	#box-1 .pagination {padding-top: 20px;}
}