body {
  background-color: #f0f0f0;
}
.notice_part {
  width: 100%;
  height: auto;
  padding-bottom: 40px;
}
.notice_part li {
  width: 100%;
}
.notice_part li:nth-child(10) .notice_num{
  padding-right: 15px;
}
.notice_part a {
  text-decoration: none;
  width: 100%;
  display: inline-block;
  padding: 10px 0;
}
.notice_part span {
  font-size: 18px;
  display: inline-block;
}
span.notice_name {
  line-height:30px;
  padding-left: 20px;
}
span.notice_num {
  line-height: 30px;
  color: #898989;
  padding-left: 40px;
  padding-right: 25px;
  border-right: 1px solid #898989;
}
span.notice_time {
  color: #898989;
  float: right;
  padding-right: 35px;
  line-height: 30px;
  /*ie7*/
  *margin-top: -30px;
}
.notice_part li:hover {
  background-color: #00968a;
}
.notice_part li:hover span.notice_num {
  color: #fff;
  border-right: 1px solid #fff;
}
.notice_part li:hover span.notice_name {
  color: #fff;
}
.notice_part li:hover span.notice_time {
  color: #fff;
}


@media screen and (max-width: 1200px) {
  .section { width: 90%; margin-left: 5%;}
}
@media (max-width: 992px) and (min-width: 768px) {
}
@media (max-width: 768px) {
  span.notice_name {padding-left: 20px;width: 150px;height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  span.notice_num {color: #898989;padding-left: 10px;border-right: 1px solid #898989;}
  span.notice_time {color: #898989;float: right;padding-right: 10px;}
  .notice_part li { }
  .notice_part li:hover span.notice_name {color: #fff;}
  .notice_part li:hover span.notice_time {color: #fff;}
  /*标题*/
  .section { width: 100%; margin-left: 0;}
}