﻿.news_main{background: #F8F8F8;}
.news_main .new_btn a{font-size: 22px;color: #000;border: 1px solid #000;padding: 13px 55px;border-radius: 30px;margin: 15px;transition:color 0.5s;position: relative;}
.news_main .new_btn a.on,.news_main .new_btn a:hover{background: #d03233;}

#news_list ul{display: flex;flex-wrap: wrap;margin:20px -30px 0 -30px;}
#news_list ul li{width: 33.3%;padding: 30px;}
#news_list ul li a{display: block;border-radius: 18px;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);background:#fff;}
#news_list ul li .img{position: relative;padding-top: 65%;overflow: hidden;}
#news_list ul li .img img{position: absolute;width: 100%;height: 100%;object-fit: cover;top: 0;left: 0;}
#news_list ul li .img::after{content: '';width: 0%;height: 5px;background: #d03233;position: absolute;bottom: 0;left: 0;transition: 0.5s;}
#news_list ul li:hover .img::after{width: 100%;}
#news_list ul li .time{position: absolute;top: 0;padding:10px 15px;background: #d03233;border-radius: 0px 0px 8px 8px;left: 30px;text-align: center;}
#news_list ul li .time p:nth-child(1){font-size: 44px;font-weight: bold;line-height: 1;}
#news_list ul li .time p:nth-child(2){font-size: 14px;line-height: 1;}
#news_list ul li .content{padding: 40px 30px 50px 30px;}
#news_list ul li .content .title{font-size: 24px;font-weight: bold;}
#news_list ul li .content .desc{padding-top: 5px;}
#news_list ul li .content .desc p{font-size: 16px;}
#news_list ul li .news_btn_xq{border: 1px solid #000;border-radius: 20px;display: inline-flex;padding: 8px 23px;margin-top: 45px;transition: 0.5s;font-size: 16px;}
#news_list ul li:hover .news_btn_xq{background: #d03233;}
#news_list ul li .news_btn_xq img{width: 17px;margin-left: 5px;transform: scale(1);}
#news_list ul li:hover .news_btn_xq img{transform: translateX(8px);}


@media (min-width:767px) and (max-width:1199px){
	.news_main .new_btn a {font-size: 20px;padding: 10px 40px;}
	
	#news_list ul {margin: 25px -20px 0 -20px;}
	#news_list ul li{padding: 20px;}
	#news_list ul li .time{padding: 8px 12px;left: 25px;}
	#news_list ul li .time p:nth-child(1){font-size: 36px;line-height: 1.1;}
	#news_list ul li .content {padding: 35px 25px 40px 25px;}
	#news_list ul li .content .title{font-size: 22px;}
	#news_list ul li .content .desc p {font-size: 15px;}
	#news_list ul li .news_btn_xq {padding: 7px 20px; margin-top: 35px;font-size: 15px;}
	
}
@media (min-width:767px) and (max-width:850px){
	#news_list ul li{width: 50%;padding: 25px;}
	
}
@media (max-width:767px){
	.news_main{padding-top: 50px!important}
	.news_main .new_btn .qb{display: none;}
	.news_main .new_btn {padding: 0;margin: 0 -10px;background-size: 97%;}
	.news_main .new_btn a {font-size: 16px;padding: 9px 32px;margin: 10px;}
	
	#news_list ul {margin: 18px 0px 0 0px;}
	#news_list ul li{padding:18px 0px;width: 100%;}
	#news_list ul li a{border-radius: 15px;}
	#news_list ul li .time{padding: 8px 12px;left: 25px;}
	#news_list ul li .time p:nth-child(1){font-size: 32px;line-height: 1.1;}
	#news_list ul li .time p:nth-child(2){font-size: 13px;}
	#news_list ul li .content {padding: 30px 25px 40px 25px;}
	#news_list ul li .content .title{font-size: 20px;}
	#news_list ul li .content .desc{padding-top: 8px;}
	#news_list ul li .content .desc p {font-size: 15px;}
	#news_list ul li .news_btn_xq {padding: 7px 18px; margin-top: 35px;font-size: 15px;}
	
	
}