@charset "utf-8";

.navmainmenu { position:relative; height:50px; z-index:9999999; background:#128FDD;}

.navmainmenu #menu { max-width:1200px; min-width:320px; width:100%; height:50px; margin:0 auto; font-size:18px;}

.navmainmenu #menu li { height:50px; width:12.5%; float:left; position:relative;}

.navmainmenu #menu li.index { background:none;}

.navmainmenu #menu li.spa { width:2px; height:50px; overflow:hidden;}

.navmainmenu #menu li a { display:block; height:50px; line-height:50px; text-align:center; overflow:hidden; color:#fff; position:relative;}

.navmainmenu #menu li:hover a { background:#586688;}
 
.navmainmenu #menu li:hover a+.submenu{ display:block;}

.navmainmenu #menu li.on a { background:#128FDD;}

.navmainmenu #menu li.on a+.submenu {}

.navmainmenu #menu li a:before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:0;
background:#586688;-webkit-transition:0.5s;
transition:0.5s;
z-index:-1;
}

.navmainmenu #menu li a:hover:before { height:91px;}

.navmainmenu #menu li .submenu { width:100%;height:auto;overflow:hidden;position:absolute;top:50px;left:0;background:#128FDD;font-size:16px;display:none;}

.navmainmenu #menu li .submenu a { line-height:50px; height:50px;}

.navmainmenu #menu li .submenu a:hover { background:#128FDD;}

.trans,a{

    -webkit-transition: all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;
}