.tab-a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -5px;
}
.tab-a a{
    padding: 10px 30px;
    background: #f5f5f5;
    font-size: 18px;
    color: #999;
    text-decoration: none;
    border-top: 2px solid #083090;
    text-align: center;
    width: calc(20% - 10px);
    margin: 0 5px;
}

.tab-a a:hover,
.tab-a a.active,
.tab-a a.parent,
.tab-a a.selected{
    color: #fff;
     background:#083090;
}

.zha {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    margin-top: 30px;
    margin-bottom: 30px;
}


.zha a{
background: #eef3ff none repeat scroll 0 0;
    color: #666;
    cursor: pointer;
    display: block;
    width: calc(16.6% - 30px);
    font-size: 18px;
    padding: 10px 15px;
    margin: 0px 15px;
    margin-bottom: 30px;
    text-align: center;
    text-decoration: none;
   position: relative;
    -webkit-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(50,50,50,0.1);
    -moz-box-shadow: 0px 5px 15px 0px rgba(50,50,50,0.1);
    box-shadow: 0px 5px 15px 0px rgba(50,50,50,0.1);
}

.zha a:before{
    content: "";
    position: absolute;
    width: 50px;
    /*height: 2px;*/
    border-top: /*3px solid #083090;*/
    background: #083090;
    left: calc(50% - 25px);
    top: 0;
}

.zha a:hover {
    /*background: #083090;*/
    color: #083090;
    text-decoration: none;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.37);
    -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.37);
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.37);
}

@media (max-width: 1200px){

.zha a {
    width: calc(20% - 30px);
}

}
@media (max-width: 767px){
.tab-a{
  margin-top:15px;
}
.tab-a a{
  width: calc(50% - 10px);
    margin-bottom: 15px;
}
    
.zha a {
    width: calc(50% - 30px);

}

.az{

    display: block;
}
.az a{
        padding: 5px;
}

}