ul.nws{overflow:hidden;width:100%;margin-left:-1%;}
ul.nws li{overflow:hidden;background:#e1f3fa;width:30%;height:400px;float:left;margin:1% 0% 2% 3%;-webkit-transition:0.5s;transition:0.5s;position:relative;border:1px solid#fff;box-shadow:1px 1px 1px #ddd;border-radius:6px;}
ul.nws li .img{width:100%;max-width:1000px;height:320px;-webkit-transition:all.2s ease-in-out;-webkit-transition:all.5s ease-in-out;border:1px solid#fff;border-top-left-radius:6px;border-top-right-radius:6px;}
ul.nws li .usi{width:27px;height:27px;border-radius:36px;position:absolute;top:255px;left:16px;border-left:1px solid#4fadf2;border-right:1px solid#03bc97;border-top:1px solid#c796f3;border-bottom:1px solid#f2b860;z-index:10;}
ul.nws li h3{background:rgba(4,4,4,0.40);position:absolute;top:255px;left:18px;color:#fff;font:14px f3;z-index:9; padding:4px 10px 4px 30px;border-radius:36px;}
ul.nws li label{position:absolute;top:10px;left:15px;color:#771bc2;font:16px f3;z-index:9;padding:4px 10px 4px 4px;}
ul.nws li .jd{background:#e1f3fa; width:100%;max-width:550px;min-height:45px;top:-4px;z-index:10;position:relative;padding:3%;}
ul.nws li .tgs{background:rgba(54,24,164,0.60);color:#fff;text-align:center;width:50px;top:1px;right:17px;z-index:10;position:absolute;padding:3px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:1px 1px 2px #818181;backdrop-filter: blur(2px);}
ul.nws li span{font:13px f4;line-height:20px;}
ul.nws li h2{font:15px f2;text-align:center;line-height:22px;}
ul.nws li p{line-height:20px;text-align:center;font:20px f3;margin-top:4px;}
ul.nws li a{color:#20447b;}
ul.nws li:hover{border:1px solid#ddd;box-shadow:0px 3px 4px #bcc8cf;}
ul.nws > li:hover .img{opacity:0.8;-webkit-transform:scale(1.20);}
ul.nws > li:hover h2{Color:#1336c4;}
ul.nws > li:hover .tgs{Color:#fee636;}
ul.nws > li:hover a{color:#0c61be;}
@media screen and (max-width:1750px){
	ul.nws li {height:360px;}
	ul.nws li .img{height:280px;}
	ul.nws li .usi{top:225px;}
	ul.nws li h3{top:225px;}
}
@media screen and (max-width:1550px){
	ul.nws li {height:360px;}
	ul.nws li .img{height:280px;}
	ul.nws li .usi{top:195px;}
	ul.nws li h3{top:195px;}
}
@media screen and (max-width:1380px){
	ul.nws li {height:320px;}
	ul.nws li .img{height:240px;}
	ul.nws li .usi{top:155px;}
	ul.nws li h3{top:155px;}
}
@media screen and (max-width:1150px){
	ul.nws{margin-left:1%;}
	ul.nws li {width:45%;margin:2% 2% 2% 2%;height:380px;}
	ul.nws li .img{height:300px;}
	ul.nws li .usi{top:250px;}
	ul.nws li h3{top:250px;}
}
@media screen and (max-width:950px){
	ul.nws{margin-left:1%;}
	ul.nws li {width:45%;margin:2% 2% 2% 2%;height:340px;}
	ul.nws li .img{height:270px;}
	ul.nws li .usi{top:220px;}
	ul.nws li h3{top:220px;}
}
@media screen and (max-width:790px){
	ul.nws{margin-left:1%;}
	ul.nws li {width:45%;margin:2% 2% 2% 2%;height:290px;}
	ul.nws li .img{height:210px;}
	ul.nws li .usi{top:160px;}
	ul.nws li h3{top:160px;}
}
@media screen and (max-width:600px){
	ul.nws{margin-left:-0.50%;}
	ul.nws li {width:96%;margin:3% 0% 3% 2%;height:420px;}
	ul.nws li .img{height:340px;}
	ul.nws li .usi{top:280px;}
	ul.nws li h3{top:280px;}
}
@media screen and (max-width:500px){
	ul.nws{margin-left:-0.50%;}
	ul.nws li {width:96%;margin:3% 0% 3% 2%;height:370px;}
	ul.nws li .img{height:290px;}
	ul.nws li .usi{top:240px;}
	ul.nws li h3{top:240px;}
}
@media screen and (max-width:390px){
	ul.nws{margin-left:-0.50%;}
	ul.nws li {width:96%;margin:3% 0% 3% 2%;height:300px;}
	ul.nws li .img{height:230px;}
	ul.nws li .usi{top:190px;}
	ul.nws li h3{top:190px;}
}