.index .pt1 .fix{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.index .pt1 a.list_s{
    display:block;
    width: 31%;
    float: left;
    position: relative;
  }
  .index .pt1 a.list_s .pic{
    position: relative;
  }
  .index .pt1 a.list_s .con{
    /* position: absolute;
    bottom: 0;
    left: 0; */
    width: 100%;
    z-index: 10;
    background: #F0F3F5;
    text-align: center;
    /* height:100%; */
  }
  .index .pt1 a.list_s .con .info{
    padding: 20px 0px;
  }
  /*lg*/
  @media screen and (min-width:1202px){
  
  }
  /*md*/
  @media screen and (min-width:992px) and (max-width:1201px){
  
  }
  /*sm*/
  @media screen and (min-width:768px) and (max-width:991px){
    .index .pt2 .box .con{
      padding:0px;
    }
  }
  /*xs*/
  @media screen and (max-width:767px){
    .index .pt1 a.list_s{
      width:100%;
      margin-bottom:20px;
    }
    .index .pt2 .box .con{
      padding:0px;
    }
    .index .pt1 li, .index .pt2 .left_box, .index .pt2 .box3, .index .pt2 .box4, .index .pt2 .right_box{
      width:100%;
    }
    .l.left_box,.r.right_box{
      margin-bottom:20px;
    }
  }