.main{background: url(./new_bj.jpg) no-repeat center center;background-size: cover;position: relative;}
.fadeImg {animation-duration: 0.8s;}

.ny_title_dh ul{display: flex;margin: 20px -25px 0 -25px;}
.ny_title_dh li{padding: 0 25px;}
.ny_title_dh a{font-size: 30px;position: relative;display: block;overflow: hidden;}
.ny_title_dh a::after{content: '';width: 0%;height: 2px;background: #C78F6C;position: absolute;left: 0;bottom: 0;transition: 0.5s;}
.ny_title_dh li.on a::after,.ny_title_dh a:hover::after{width: 100%;}
.ny_title_dh a span{display: block;padding: 2px 0 10px 0;}
.ny_title_dh a span:nth-child(2){opacity: 1;position: absolute;bottom: -100%;}
.ny_title_dh li.on a span:nth-child(1),.ny_title_dh a:hover span:nth-child(1){transform: translateY(-100%);opacity: 0;transition: 0.5s;}
.ny_title_dh li.on a span:nth-child(2),.ny_title_dh a:hover span:nth-child(2){bottom: 0%;color: #C78F6C;opacity: 1;transition: 0.5s;}
.ny_title_dh li.on a,.ny_title_dh li a:hover{color: #C78F6C;}


.news_block{padding-top: 90px!important;padding-bottom: 80px!important;}
.news_block .container{max-width: 1790px;}


/*列表*/
#new_list li{padding: 15px 0;}
#new_list li a{display: flex;width: 100%;justify-content: space-between;align-items: center;position: relative;overflow: hidden;background: #fff;padding: 65px 100px;border-radius: 30px;transition: 0.5s;}
#new_list li a:hover{box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);}
#new_list li .img{width:23.7%;padding-top: 23.7%;-webkit-mask-image: url(./xwtpbj.png);-webkit-mask-position: center;-webkit-mask-size: contain;-webkit-mask-repeat: no-repeat;mask-image: url(./xwtpbj.png);mask-position: center;mask-size: contain;mask-repeat: no-repeat;z-index: 2;position: relative;transition: 0.5s;}
#new_list li>a:hover .img{transform: scale(1.05);}
#new_list li .img img{position: absolute;height: 100%;width: 100%;top: 0;}

#new_list li .content{width: 49%;max-width: 685px;padding-right: 4%;}
#new_list li .content .title{font-size: 36px;color: #222;}
#new_list li .content .desc{padding-top: 20px;}
#new_list li .content .desc p{font-size: 18px;color: #999;text-align: justify;}
#new_list li .content #new_list .pub_btn{margin-top: 80px;}

#new_list li .time{border: 1px solid rgba(0, 0, 0, 0.1);padding:20px 30px;text-align: center;border-radius: 10px;}
#new_list li .time .dd{font-size: 110px;color: #222;line-height: 0.95;}
#new_list li .time .yymm{font-size: 24px;color: #999;line-height: 1.3;}


#new_list .pub_btn .btn_a{display: inline-flex;align-items: center;border-radius: 30px;padding:9px 8px;position: relative;overflow: hidden;background: transparent;border: 1px solid rgba(0, 0, 0, 0.1);margin-top: 80px;}
#new_list .pub_btn .btn_a::after{content: '';width: 100%;height: 100%;background: #00D0FC;position: absolute;left: -100%;top: 0;}
#new_list .pub_btn .btn_a:hover::after{left: 100%;transition: 0.9s;}
#new_list .pub_btn .btn_a *{z-index: 2;}
#new_list .pub_btn .btn_a p{font-size: 18px;color: #999;padding: 0 30px 0 25px;}
#new_list .pub_btn .btn_a span{background: #C78F6C;border-radius: 50%;width:34px;height: 34px;overflow: hidden;position: relative;}
#new_list .pub_btn .btn_a span img{position: absolute;width: 20px;height: 18px;top: 8px;left: 7px;}
#new_list .pub_btn .btn_a span .img1{left: -17px;transform: scale(0);}
#new_list .pub_btn .btn_a:hover span .img1{animation: new_btn_img1 0.5s 0.3s forwards cubic-bezier(.23,1,.32,1);}
#new_list .pub_btn .btn_a:hover span .img2{left: 35px;transition: 0.3s;transform: scale(0.8);}
@keyframes new_btn_img1{
	0%{left: -17px;transform: scale(0);}
	50%{left: 12px;transform: scale(0.9);}
	100%{left: 7px;transform: scale(1);}
}


@media (min-width:1199px) and (max-width:1500px){
	.ny_title_dh a{font-size: 28px;}
	
	#new_list li a{padding: 65px 80px;}
	#new_list li .content{padding-right: 0%;}
	#new_list li .time{padding: 20px 25px;}
	#new_list li .time .dd {font-size: 86px;}
	#new_list li .time .yymm{font-size: 20px;}
	
	#new_list .pub_btn .btn_a{margin-top: 65px;}
}
@media (min-width:767px) and (max-width:1199px){
	.ny_title_dh{margin-top: 10px;}
	.ny_title_dh a{font-size: 24px;}
	
	.news_block {padding-top: 50px!important;padding-bottom: 60px!important;}
	
	#new_list li a{padding: 40px 50px;border-radius: 20px;}
	#new_list li .content{padding-right: 0%;}
	#new_list li .content .title{font-size: 26px;}
	#new_list li .content .desc {padding-top: 15px;}
	#new_list li .content .desc p{font-size: 16px;}
	#new_list li .time{padding: 15px 20px;}
	#new_list li .time .dd {font-size: 58px;}
	#new_list li .time .yymm{font-size: 16px;}
	
	#new_list .pub_btn .btn_a{transform: scale(0.90);transform-origin: left;margin-top: 40px;}
}
@media (max-width:767px){
	.ny_title .left{width: 100%;}
	.ny_title .left>div{justify-content: center;}
	.ny_title_dh{width: 100%;}
	.ny_title_dh ul{margin-top: 40px;justify-content: center;}
	.ny_title_dh li{padding: 0 15px;}
	.ny_title_dh a{font-size: 20px;}
	
	.news_block {padding-top: 35px!important;padding-bottom: 40px!important;}
	
	#new_list li a{flex-wrap: wrap;padding: 30px;border-radius: 15px;}
	#new_list li .img{width: 56%;padding-top: 56%;}
	#new_list li .time{padding: 10px 15px;}
	#new_list li .time .dd {font-size: 42px;}
	#new_list li .time .yymm{font-size: 15px;}
	#new_list li .content{width: 100%;padding-right: 0%;}
	#new_list li .content .title{font-size: 22px;padding-top: 30px;}
	#new_list li .content .desc {padding-top: 10px;}
	#new_list li .content .desc p{font-size: 15px;}
	
	
	
	#new_list .pub_btn .btn_a{transform: scale(0.75);transform-origin: left;margin-top: 30px;}
	#new_list .pub_btn .btn_a p{padding: 0 22px;}
}