@charset"utf-8";
.content{
  padding: 0  0 35px;
}
.common-title a {
    color: #4293E4;
    font-weight: bold;
    padding: 0 12px;
}

.panel .news{
  width: 100%;
}

.panel .news .content-title ul li{
  width: 12%;
}
.panel .news .news-list ul {
  margin: 0 -20px -30px 0;
}
.panel .news-list li {
  width: 386px;
  height: 163px;
  background: #F1F6FB;
  float: left;
  margin-right: 20px;
  margin-bottom: 30px;
  line-height: normal;
  padding-right: 0;
  padding: 24px 17px 24px;
}

.panel .news-list li a{
  width: 100%;
  display: block;
  line-height: 36px;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.panel .news-date {
  left: 17px;
  bottom: 24px;
  right: inherit;
  top: inherit;
}

.panel .news-list li:hover {
  color: #fff;
   background: #4293E4;
}
.panel .news-list li:hover .news-date{
  color: #fff;
}

.panel2 .left,.panel2 .right{
  width: 586px;
}


.panel2 .left .top-pic,.panel2 .right .top-pic{
  margin-top: 15px;
}
@media screen and (max-width: 1200px) {
    .content {
      padding: 0 .3rem .5rem;
  }
.panel .news .content-title ul{
  display: flex;
  justify-content: start;
}
.panel .news .content-title ul li{
  width: 25%;
 
}
.panel .news .news-list ul {
  padding: 0 .2rem;
  margin: 0 0 .2rem 0;
}
.panel .news-list li {
  width:100%;
  height: 2.75rem;
  float: none;
  margin-right: 0;
  margin-bottom:.2rem;
  padding: .48rem .28rem .42rem;
  
}
.panel .news-list li:last-child{
  background: none;
  height: auto;
  padding: 0;
  margin-bottom: 0;
}
.panel .news-list li a{
  width: 100%;
  display: block;
  line-height: 2;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.panel .news-date {
  left: .28rem;
  bottom: .42rem;
}

.panel2 .left,.panel2 .right{
  width: 100%;
}


.panel2 .left .top-pic{
  margin-top: .2rem;
}
.panel2 .right .top-pic{
  margin-top: .3rem;
}
}