.main .line{ width: 100%; max-width: 1180px; margin: 0 auto; }
.main .line:after{clear: both;display: block;content: "";}
.main .news {position: relative; background-color: #fff; overflow: hidden; float: left; -webkit-box-shadow: 0 0 8px rgb(0 0 0 / 10%); box-shadow: 0 0 8px rgb(0 0 0 / 10%); height: 400px; margin-left: 10px; border-radius: 6px; height: 400px;width:25%;}
.main .news{margin: 0; box-sizing: border-box;}
.main .news  .notice-title{ padding-top: 34px; padding-bottom: 26px; font-size: 20px; }
.notice-list { padding-bottom: 20px; font-size: 14px; line-height: 1.6; margin-top: -5px; }
.notice-list { font-size: 15px; }
.notice .notice-item { position: relative; color: #222; padding: 7px 0 0 10px; font-size: 15px; line-height: 18px; }
.main .news{ position: relative; height: 430px; padding: 0 16px; }
.notice-item:before { position: absolute; left: 0; top: 15px; content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; background-color: #999; }
.notice .notice-more { position: absolute; top: 35px; right: 16px; display: inline-block; width: 21px; height: 21px; border-radius: 50%; background-color: rgba(0,0,0,.35); }
.notice .notice-more:before { position: absolute; left: 6px; top: 9px; content: ''; display: block; width: 10px; height: 2px; background-color: #fff; }
.blind { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; }
.notice .notice-more:after { position: absolute; left: 10px; top: 5px; content: ''; display: inline-block; width: 2px; height: 10px; background-color: #fff; }

.new_icon{background: #f00; color: #fff; width: 20px; height: 20px; display: inline-block; text-align: center; border-radius: 50%; font-size: 12px; line-height: 19px;}



@media screen and (max-width: 800px){

.main .news {width:100%;clear:both;height:100%;}


}