body{background-color:#fafafc;}
.contain{max-width:1200px;padding:0 15px;margin:0 auto;}
.list{margin-top:30px;}
.list .item{background-color:#f5f5f5;}
.list .item .image{overflow:hidden;}
.list .item .image img{width:100%;height:auto;object-fit:cover;transition:all 0.3s;}
.list .item .text{padding:25px;font-size:16px;}
.list .item .text .info{color:#999;}
.list .item .text .title{margin:0.75rem 0;font-size:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;-webkit-transition:all 0.23s ease;transition:all 0.23s ease;font-weight:bold;}
.list .item .text .description{line-height:1.75;color:#999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;-webkit-transition:all 0.23sease;transition:all 0.23sease;}
.list .item .text .more{margin-top:2rem;color:#e62129;font-weight:bold;float:unset;}
.list .item .text .more i{vertical-align:middle;width:22px;height:15px;display:inline-block;background:url(../../images/arrow_right_red.png) no-repeat;-webkit-transition:all 0.23s ease;transition:all 0.23s ease;}
.list .item:hover{-webkit-box-shadow:0rem 0.188rem 0.625rem 0rem rgba(191, 0, 8, 0.16);box-shadow:0rem 0.188rem 0.625rem 0rem rgba(191, 0, 8, 0.16);}
.list .item:hover .image img{transform:scale(1.1);}
.list .item:hover .text .title{color:#dc000c;}
.list .item:hover .text .more i{margin-left:1rem;}
.pagination{display:flex;justify-content:center;gap:10px;}
.pagination a{min-width:50px;height:50px;line-height:50px;font-size:18px;color:#000;background:#f5f5f5;text-align:center;}
.pagination a:not(.page-num){min-width:100px;}
.pagination a.page-num-current, .pagination a:hover{color:#fff;background:#dc000c;}
.news{padding:30px;margin-top:100px;background:#fff;margin-bottom:30px;}
.news .title{font-size:36px;font-weight:bold;margin-bottom:32px;margin-top:80px;text-align:center;}
.news .content img{max-width:100%;}
.news .content *{font-size:14px;}
.relate{display:flex;gap:10px;margin-bottom:30px;}
.relate a{flex:1;padding:8px 28px;background:#e7e7e7;color:#333;font-size:16px;}
.relate a:hover{color:#fff;background:#dc000c;}

@media (max-width:768px) {
	.list .item .image img{height:auto;}
	.pagination a{min-width:25px;height:25px;line-height:25px;font-size:12px;}
	.pagination a:not(.page-num){min-width:50px;}
	.news{margin-top:50px;padding:10px;}
	.news .title{font-size:24px;margin-bottom:16px;margin-top:30px;}
	.news .content *{font-size:12px !important;}
	.relate{flex-direction:column;}
}
/*# sourceMappingURL=news.css.map */