.nav{ overflow:hidden; position:absolute; top:0; left:30%;}
.nav li{ float:left; height:104px; position:relative; margin:0 16px;}
.nav li a{ display:block; height:101px; line-height:104px; font-size:16px; color:#FFF; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav li span{ display:block; width:0; height:3px; background:#00a2fa; position:absolute; bottom:0; left:50%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav .li_on span{ width:100%; left:0;}
.nav .li_on a{ color:#00a2fa;}
.nav li:hover span{ width:100%; left:0;}
.nav li:hover a{ color:#00a2fa;}

@media screen and (min-width:1261px) and (max-width:1501px){
.nav{ overflow:hidden; position:absolute; top:0; left:27%;}
.nav li{ float:left; height:104px; position:relative; margin:0 10px;}
.nav li a{ display:block; height:101px; line-height:104px; font-size:16px; color:#FFF; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav li span{ display:block; width:0; height:3px; background:#00a2fa; position:absolute; bottom:0; left:50%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav .li_on span{ width:100%; left:0;}
.nav .li_on a{ color:#00a2fa;}
.nav li:hover span{ width:100%; left:0;}
.nav li:hover a{ color:#00a2fa;}
}

@media screen and (min-width:1025px) and (max-width:1261px){
.nav{ overflow:hidden; position:absolute; top:0; left:27%;}
.nav li{ float:left; height:104px; position:relative; margin:0 6px;}
.nav li a{ display:block; height:101px; line-height:104px; font-size:14px; color:#FFF; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav li span{ display:block; width:0; height:3px; background:#00a2fa; position:absolute; bottom:0; left:50%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav .li_on span{ width:100%; left:0;}
.nav .li_on a{ color:#00a2fa;}
.nav li:hover span{ width:100%; left:0;}
.nav li:hover a{ color:#00a2fa;}
}