#box-1 ul{display: flex;flex-wrap: wrap;margin: -25px;}
#box-1 li{width:calc(50% - 50px);margin:25px;position: relative;}
#box-1 li::after{content: '';width: 0%;height: 2px;background: #004896;position: absolute;left: 0;bottom: 0;transition: 0.5s;}
#box-1 li:hover::after{width: 100%;}
#box-1 li .img{width: 100%;display: flex;position: relative;padding-top: 55%;}
#box-1 li .img a{position: absolute;width: 100%;height: 100%;top: 0;display: block;}
#box-1 li a{overflow: hidden;display: inherit;width: 100%;}
#box-1 li .img img{width: 100%;height: 100%;object-fit: cover;}
#box-1 li .text{background: #F8F8F8;padding: 50px;}
#box-1 li .text .title{color: #333;font-size: 36px;}
#box-1 li .text .des *{color: #555;font-size: 18px;margin: 25px 0;}
#box-1 li .text .more{color: #004896;font-size: 16px;padding-top: 25px;display: inline-flex;align-items: center;}
#box-1 li .text .more img{width: 23px;margin-left: 8px;transition: 0.5s;transform: translateX(0px) scale(1);}
#box-1 li .text .more:hover img{transform: translateX(5px) scale(1);}

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

@media (min-width:767px) and (max-width:1199px){
	#box-1 ul{margin: -15px;}
	#box-1 li{width:calc(50% - 30px);margin:15px;}
	#box-1 li .text{padding: 35px;}
	#box-1 li .text .title{font-size: 32px;}
	#box-1 li .text .des *{font-size: 16px;margin: 15px 0;}
	#box-1 li .text .more{font-size: 16px;padding-top: 20px;}
}

@media (max-width:767px){
	#box-1 ul{margin: 0px;}
	#box-1 li{width:100%;margin:0 0 30px 0;}
	#box-1 li .text{padding: 30px 20px;}
	#box-1 li .text .title{font-size: 20px;}
	#box-1 li .text .des *{font-size: 15px;margin: 15px 0;}
	#box-1 li .text .more{font-size: 15px;padding-top: 20px;}
	#box-1 li .text .more img{width: 20px;}
	
	#box-1 .pagination {padding-top: 20px;}
}