.header{
    width: 100%;
    display: inline-block;
    margin-top: 21px;

}
.header_r{
    margin-top: 11px;
}
.header_r ul li{
    float: left;
    margin-right: 40px;
}
.header_r ul li:last-child{
    margin-right: 0;
}
.header_r ul li a{
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    display: block;
    padding-bottom: 8px;
    position: relative;

}
.header_r ul li a:before{
    content: '';
    width: 0%;
    height: 3px;
    background: #189ecf;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;

}
.header_r ul li a:hover,.header_r ul li.active a{
    color: #189ecf;
}
.header_r ul li a:hover:before,.header_r ul li.active a:before{
    width: 100%;
}
.header_all{
    width: 100%;
    height: 80px;
    background: #fff;
 /*    position: fixed; */
    top: 0;
    left: 0;
}
@media (max-width: 992px){
    .header{
        display: none;
    }
}