.mid{
    width:1200px;
    margin:20px auto;
}
.brands_dao{
    position: fixed;
    top:100px;
   

}
.brands_p ul{
   padding-left: 100px;
   height: 50px;
background-color: #fff;
}
.brands_p li{
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    margin:2px;

}
.brands_p li:hover{
    /*border: 1px #024290 solid;
    height: 28px;
    width: 28px;*/
    background-color:#024290;
    color: #fff;
    cursor:pointer;

}
.brands_n{
    margin:20px auto;
    width: 1200px;
    /*border-top:1px #E8E8E8 solid;*/
    display:flex;
  
}
.brands_n_l{
    /*display: inline-block;*/
    position: relative; 
    width: 148px;
    border-top:1px #E8E8E8 solid;
     border-right:1px #E8E8E8 solid;
    border-bottom:1px #E8E8E8 solid;
    border-left:1px #E8E8E8 solid;
    vertical-align:middle;
    text-align: center;
    margin-top: -1px;
    
    float: left;
}
.brands_n_l div{
    /*display: inline-block;*/
    position: absolute;   /*在子元素中使用绝对定位*/
    top:50%;                /*距离相对于父元素的50%的高*/
     left:50%;
    text-align: center;
    -webkit-transform:translate(-50%,-50%);

}
.brands_n_r{
    
    width: 1050px;
  /*  height: 49px;
   border-right:1px #E8E8E8 solid;
    border-bottom:1px #E8E8E8 solid;*/

}
.brands_n_r_1 a{
    display:inline-block;
    width: 164px;
    height: 49px;
    border-top:1px #E8E8E8 solid;
   border-right:1px #E8E8E8 solid;
    border-bottom:1px #E8E8E8 solid;
    padding-left: 10px;
    line-height: 49px;
    margin-top: -1px;

}