@charset"utf-8";

/* ÄÚÈÝÇøÓò */
.infor-icon {
  color: #fff;
  font-weight: bold;
  width: 354px;
}

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

}

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

 .infor-icon li>a img {
   position: absolute;
   left: 52px;
 }
.infor-icon li .infor-icon1 {
  background-image: url(/images/01-05-bg1.png);
}

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

.switch .hd img {
  padding-left: 250px;
}
 .informa-list {
   margin-top: 20px;
   margin-left: -20px;
 }

 .informa-list a {
   float: left;
   width: 23.4%;
   padding: 32px 30px;
   margin-left: 18px;
   vertical-align: middle;
   background-image: url(/images/01-01-servicebg1.jpg);
   background-repeat: no-repeat;
 }

 .informa-list a:hover {
   color: #fff;
   background-image: url(/images/01-01-servicebg.jpg);
 }

 .informa-list a span {
   margin-top: 6px;
   display: inline-block;
 }

 .informa-list a img {
   float: right;
   width: 43px;
   height: 44px;
 }

 .informa-list a .serbicon,
 .informa-list a:hover .sericon {
   display: none;
 }

 .informa-list a:hover .serbicon {
   display: block;
 }
 .top30 {
   margin-top: 30px;
 }

 .long-news {
   width: 69%;
 }

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

  .infor-icon li {
    width: 46%;
    height: 1.29rem;
    margin-top: 0;
    margin-bottom: 0;
    float: left;
    margin-left: .22rem;
  }

  .infor-icon li a {
    width: 100%;
    height: 100%;
    padding: 0.33rem 0 .55rem 1.2rem;
  }

  .infor-icon li>a span {
    top: .4rem;
  }
  .switch .hd ul .noflex {
    flex: none;
  }

  .switch .hd img {
    padding-left: 4.2rem;
  }

.informa-list a {
  width: 46.6%;
}
}