@charset"utf-8";

/* ÄÚÈÝÇøÓò */
.judicial-icon {
  margin-left: -24px;
}

.judicial-icon ul li {
  float: left;
  width: 10.5%;
  height: 129px;
  padding: 20px 0px 10px;
  margin-left: 24px;
  text-align: center;
  color: #308BD1;
  background: #fff;
  position: relative;
}
 .judicial-icon ul li p {
   position: absolute;
   bottom: 10px;
   left: 50%;
   width: 100%;
   transform: translateX(-50%);
 }

.judicial-icon ul li:hover {
  color: #fff;
  background: rgb(48, 139, 209);
  box-shadow: 0px 3px 13px 0px rgba(48, 139, 209, 0.78);
}
.judicial-icon li .judbicon,
.judicial-icon li:hover .judicon {
  display: none;
}

.judicial-icon li:hover .judbicon {
  display: block;
  margin: 0 auto;

}
.infor-icon {
  color: #fff;
  font-weight: bold;
  width: 354px;
}

.infor-icon li {
  margin-bottom: 10px;
  position: relative;

}

.infor-icon li>a {
  display: block;
  padding: 58px 60px 44px 134px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.infor-icon li>a img {
  position: absolute;
  left: 52px;
  top: 44px;
}

.infor-icon li .infor-icon1 {
  background-image: url(/images/01-05-bg2.png);
}

.infor-icon li .infor-icon2 {
  background-image: url(/images/01-05-bg1.png);
}

.top30 {
  margin-top: 30px;
}

.long-news {
  width: 69%;
}

/* ÄÚÈÝÇøÓò */
@media screen and (max-width: 1200px) {
  
  .judicial-icon ul li {
    width: 22%;
    margin-bottom: .24rem;
    margin-left: .2rem;
  }
   .infor-icon ul {
     margin-left: -.20rem;
   }

   .infor-icon li {
     margin-bottom: 0;
     float: left;
     width: 47%;
     margin-left: .20rem;
   }

   .top30 {
     margin-top: 0;
   }
}