/*@media screen and (max-width: 750px){*/
    /*.mainPage ul{width:100%;}*/
/*}*/
.mainPage{ margin:20px 0;width:100%; overflow: hidden; position: relative; height: 44px;}

.mainPage ul{ position: absolute;left: 67%;top:50%;transform: translate(-50%,-50%); width: 100%;}

.mainPage ul li{float: left; display: inline; height: 32px; line-height: 32px; padding: 0 10px;color:#000;font-size:15px; margin: 0 5px; border:1px solid #dedede; font-size:16px;}

.mainPage ul li a{color:#000;font-size:16px; }

.mainPage ul li.thisclass{background:#09f;border:1px solid #218EC1;color:#fff; font-size:16px;}

.mainPage ul li.thisclass a{color:#fff;}
.mainPage ul li a:hover, a:focus {
    color: hsl(209, 93%, 48%);
    text-decoration: none;
}
.clearfix:before,.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    /*clear: both;*/
    overflow: hidden;
    visibility: hidden;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}