@charset "utf-8";
@import "page.css";
.news_title{border-bottom:1px solid #e8edf2;line-height:40px;}
.news_title h3{font-size:24px;font-weight:normal;}
.news_title span{float:right;}
.news_title span a{margin-left:20px;color:#666;}
.news_title span i{margin-right:5px;}

#newlist{width:100%;background:#f1f4f7;padding:20px 0;overflow:hidden;}
#newlist .wrap{display:flex;justify-content:space-between;align-items:start;}
#newlist .left{width:calc(100% - 300px);background:#fff;padding:50px;}
#newlist .left .title{border-bottom:1px solid #e8edf2;padding-bottom:5px;}
#newlist .left .title span{font-size:28px;}
#newlist .left .list ul li{border-bottom:1px solid #e8edf2;padding:30px 0;}
#newlist .left .list ul li a{display:flex;justify-content:space-between;align-items:center;}
#newlist .left .list ul li .img{width:220px;height:140px;overflow:hidden;position:relative;}
#newlist .left .list ul li .img img{width:100%;height:100%;object-fit:cover;}
#newlist .left .list ul li .look{opacity:0;position:absolute;left:0;top:0;background:rgba(0,0,0,.8);width:100%;height:100%;}
#newlist .left .list ul li .look .stit{line-height:30px;width:100%;text-align:center;position:absolute;left:0;top:50%;margin-top:-15px;color:#fff;}
#newlist .left .list ul li .look .stit:after,
#newlist .left .list ul li .look .stit:before{content:"";display:block;width:100px;height:1px;background-color:#f2f2f2;position:absolute;left:50%;margin-left:-50px;transition:all .6s ease 0s;}
#newlist .left .list ul li .look .stit:before{top:0;}
#newlist .left .list ul li .look .stit:after{bottom:0;}
#newlist .left .list ul li .info{width:calc(100% - 260px);position:relative;padding:0 80px 0 30px;}
#newlist .left .list ul li .info h3{font-size:18px;font-weight:normal;position:relative;}
#newlist .left .list ul li .info h3:before{content:"";display:block;width:0px;height:2px;background-color:#206ae4;position:absolute;left:0;top:14px;}
#newlist .left .list ul li .info p{line-height:24px;margin-top:10px;color:#878B99;}
#newlist .left .list ul li .info p{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;}
#newlist .left .list ul li .info time{margin-top:10px;display:block;color:#878B99;line-height:20px}
#newlist .left .list ul li .right{border:1px solid #e8edf2;width:40px;line-height:40px;display:block;overflow:hidden;text-align:center;}
#newlist .left .list ul li .info h3,
#newlist .left .list ul li .info h3:before,
#newlist .left .list ul li .right{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#newlist .left .list ul li a:hover .right{border:1px solid #206ae4;background:#206ae4;color:#fff;border-radius:40px;}
#newlist .left .list ul li a:hover .img .look{opacity:1;}
#newlist .left .list ul li a:hover .img .look .stit:after,
#newlist .left .list ul li a:hover .img .look .stit:before{width:6px;margin-left:-3px;opacity:.6;}
#newlist .left .list ul li a:hover .info h3{padding-left:15px;}
#newlist .left .list ul li a:hover .info h3:before{width:10px;}
#newlist .right{width:280px;background:#fff;}
#newlist .right .ewm{text-align:center;padding:20px;background:#fff;}
#newlist .right .ewm .title{font-size:16px;}
#newlist .right .ewm .qrcode{padding:10px 0;}
#newlist .right .ewm .qrcode img{width:170px;}
#newlist .right .classlist{padding:20px 30px;background:#fff;margin-top:10px;}
#newlist .right .classlist .title{font-size:16px;border-bottom:1px solid #e8edf2;}
#newlist .right .classlist .list{padding:10px 0;}
#newlist .right .classlist .list a{margin-right:10px;background:#f5f5f5;padding:0 2px;}
#newlist .right .otherlist{padding:10px 30px;background:#fff;}
#newlist .right .otherlist .title{font-size:16px;border-bottom:1px solid #e8edf2;}
#newlist .right .otherlist .list{padding:10px 0;}
#newlist .right .otherlist .list ul li a{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;}
#newlist .right .otherlist .list ul li a{position:relative;padding-left:10px;}
#newlist .right .otherlist .list ul li a:before{position:absolute;content:"";width:4px;height:4px;border-radius:50%;background:#979797;left:0;top:50%;margin-top:-2px;}

.new_notip{ background-color: #fff;border-radius:8px; margin-top: 10px;width:100%; float: left;}
.new_notip_img{padding:50px 0 20px 0; text-align: center;}
.new_notip_tit{ padding-bottom: 10px;text-align: center;color:#666}
.new_notip_p{ width:100%; text-align: center; font-size: 12px;color: #9fa3af; padding-bottom: 100px;}
.new_notip_jy{ padding-left: 200px; line-height: 30px;}
.d_tags{padding: 2px 2px 10px 2px;}
.d_tags a:nth-child(9n){background-color: #4A4A4A;}
.d_tags a:nth-child(9n+1){background-color: #428BCA;}
.d_tags a:nth-child(9n+2){background-color: #5CB85C;}
.d_tags a:nth-child(9n+3){background-color: #D9534F;}
.d_tags a:nth-child(9n+4){background-color: #567E95;}
.d_tags a:nth-child(9n+5){background-color: #B433FF;}
.d_tags a:nth-child(9n+6){background-color: #00ABA9;}
.d_tags a:nth-child(9n+7){background-color: #B37333;}
.d_tags a:nth-child(9n+8){background-color: #FF6600;}

.d_tags a{opacity: 0.80;filter:alpha(opacity=80);color: #fff;background-color: #428BCA;display: inline-block;margin: 0 5px 5px 0;padding: 0 6px;line-height: 21px}
.d_tags a:hover{opacity: 1;filter:alpha(opacity=100);}
@media (max-width:1200px){
	.news_title span{display:none;}
}
@media (max-width:800px){
	body,html{font-size:.21rem;line-height:.34rem;}
	
	.news_title{line-height:.6rem;}
	.news_title h3{font-size:.26rem;font-weight:700;}
	.news_title span{display:none;}

	#newlist{padding:0; background:#fff}
	#newlist .wrap{display:block;}
	#newlist .left{width:100%;padding:.3rem 0;}
	#newlist .left .title{padding-bottom:.1rem;}
	#newlist .left .title span{font-size:.28rem;}
	#newlist .left .list ul li{padding:.3rem 0;}
	#newlist .left .list ul li a{display:flex;justify-content:space-between;align-items:center;text-align:left;}
	#newlist .left .list ul li .img{width:35%;height:1.4rem;}
	#newlist .left .list ul li .look{display:none;}
	#newlist .left .list ul li .info{width:60%;padding:0;}
	#newlist .left .list ul li .info h3{font-size:.26rem;}
	#newlist .left .list ul li .info h3:before{display:none;}
	#newlist .left .list ul li .info p{display:none;}
	#newlist .left .list ul li .info time{margin-top:.1rem;font-size:.2rem;}
	#newlist .left .list ul li .right{display:none;}
	#newlist .left .list ul li a:hover .info h3{padding-left:0;}
	#newlist .right{width:100%;}
	#newlist .right .ewm{padding:.3rem 0;}
	#newlist .right .ewm .title{font-size:.23rem; padding-bottom:.1rem;}
	#newlist .right .ewm .qrcode{padding:.1rem 0;}
	#newlist .right .ewm .qrcode img{width:2rem;}
	#newlist .right .classlist{padding:.3rem 0;margin-top:.1rem;}
	#newlist .right .classlist .title{font-size:.28rem;padding-bottom:.1rem;}
	#newlist .right .classlist .list{padding:.1rem 0;}
	#newlist .right .classlist .list a{margin-right:.1rem;padding:0 .02rem;}
	#newlist .right .otherlist{padding:.3rem 0;margin-top:.1rem;}
	#newlist .right .otherlist .title{font-size:.28rem;padding-bottom:.1rem;}
	#newlist .right .otherlist .list{padding:.1rem 0;}
	#newlist .right .otherlist .list ul li a{padding-left:.15rem;}
	#newlist .right .otherlist .list ul li a:before{width:.06rem;height:.06rem;margin-top:-.03rem;}
}