#header {position:relative; z-index:5; height:60px; background-color:#7d358f;border:0px solid #ff0000;}
#nav {position:absolute; top:0; z-index:4; height:100%; background-color:#7d358f; overflow:hidden;}
#nav li {float:left; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms;}
#nav .n1 {width:80px;}
#nav .n2, #nav .n3, #nav .n5, #nav .n6, #nav .n7, #nav .n8, #nav .n9, #nav .n10, #nav .n11, #nav .n12 {width:120px;}
#nav .n4 {width:120px;}


#nav li a {position:relative; z-index:2; display:block; width:100%; height:100%; font-weight:bold; font-size:16px; line-height:60px; text-align:center; color:#fff; -webkit-transition:color 200ms; transition:color 200ms;}
#nav li a.on {color:#fff;}
#nav li a span {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;}
#nav li a .bkg {top:100%; z-index:1; -webkit-transition:top 200ms; transition:top 200ms;}

#nav li a.on .bkg,
#nav li a:hover .bkg {top:0;}

#subNav {position:absolute; top:0; left:0px; z-index:4; width:100%; height:60px; /*overflow: hidden;*/margin-top:60px; color:#fff;}
#subNav .g-wrap {overflow:visible;z-index: 999;}
#subNav .g-wrap .item {position:absolute; top:-100%; width:100%; height:100%; background-color:#3761bd; overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms;}

#subNav .g-wrap .item:nth-child(2) {width:auto;left:80px; padding:0 17px;}
#subNav .g-wrap .item:nth-child(3) {width:auto;left:210px; padding:0 17px;}
#subNav .g-wrap .item:nth-child(4) {width:auto;left:320px; padding:0 17px;}
#subNav .g-wrap .item:nth-child(5) {width:auto;left:440px; padding:0 17px;}
#subNav .g-wrap .item:nth-child(6) {width:auto;left:560px; padding:0 17px;}
#subNav .g-wrap .item:nth-child(7) {width:auto;left:680px; padding:0 17px;}
#subNav .g-wrap .item:nth-child(8) {width:auto;left:680px; padding:0 17px;}

#subNav .g-wrap .nwmenu .nwmenu-list li a:hover{ color: #f63b34;}
#subNav .g-wrap .on {top:0; z-index: 9999;}
#subNav .g-wrap .item a {float:left; padding:0 6px; font-weight:bold; font-size:14px; line-height:60px; color:#fff;-webkit-transition:color 300ms; transition:color 300ms;}
#subNav .g-wrap .item a:hover {color:#f63b2e;}
#subNav .g-wrap .item #on {
    color: #f63b2e;}