#navbox{
    width: 100%;
    height: 100px;
}

#nav{
    width: 1100px;
    margin: 0 auto;

    display: flex;
    display: -webkit-flex;
    display: -ms-flex;

    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;

    height: 100px;
    flex-grow: 1
}
/*#nav:before,*/
/*#nav:after {*/
/*    content: '';*/
/*    display: block;*/
/*}*/
.logoimg{
    width: 110px;
    text-align: center;
}
.logotext{
    color:#21ADE4;
    font-size: 14px;
    font-weight: bold;
}
.navlist{
    width: 600px;
}
.navlistul{
    width: 100%;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    font-size: 18px;
}
/*.navlistul:before,*/
/*.navlistul:after {*/
/*    content: '';*/
/*    display: block;*/
/*}*/
.navlistul li{
    list-style: none;
    cursor: pointer;
}
.navcolor{
    color: #346dd6;
}