#header {position:relative; z-index:5; height:79px; background-color:#fff;}
#nav {position:absolute; top:0; z-index:4; height:100%; background-color:#fff; overflow:hidden;}
#nav li {float:left; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms;}
#nav .n1 {width:58px;}
#nav .n2, #nav .n3, #nav .n5, #nav .n6, #nav .n7, #nav .n8, #nav .n9, #nav .n10, #nav .n11, #nav .n12 {width:83px;}
#nav .n4 {width:96px;}


#nav li a {position:relative; z-index:2; display:block; width:100%; height:100%; font-weight:bold; font-size:13px; line-height:79px; text-align:center; color:#666; -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; background-color:#f00; -webkit-transition:top 200ms; transition:top 200ms;}

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

#shop {position:absolute; bottom:0; right:0; z-index:5; width:78px; height:100%; background:#fff; border-left:1px solid #e5e5e5;}

#shop {width:170px;}
#shop .btn-search {position:absolute; top:30px; left:15px; width:20px; height:20px; background:url(../images/icon_search.png) no-repeat 0px 0px;}
#shop .btn-search:hover,
#shop .btn-search.on {background-image:url(../images/icon_search_on.png);}
#shop .btn-lang {position:absolute;top:0; right:74px; padding:0 10px; width:auto; height:100%; font-weight:bold; font-size:13px; line-height:76px; color:#666369; background-color:#fff; -webkit-transition:color 300ms; transition:color 300ms;}
#shop .btn-lang:hover {color:#ff2424;}
#shop .header-nwbtn{ position:absolute;top:0; right:0px; padding:0 10px; padding-right: 15px; width:auto; height:100%; font-weight:bold; font-size:13px; line-height:76px; color:#666369; background: url(../images/head-nw-icon.png) right center no-repeat; -webkit-transition:all 300ms; transition:all 300ms;}
#shop .header-nwbtn:hover, #shop .header-nwbtn.on{ color: #ff2424; background: url(../images/head-nw-icon-on.png) right center no-repeat;}

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

#subNav .g-wrap .item:nth-child(2) {width:auto;left:58px; padding:0 17px; /*width:835px;*/}
#subNav .g-wrap .item:nth-child(3) {width:auto;left:141px; padding:0 17px; /*width:752px;*/}
#subNav .g-wrap .item:nth-child(4) {width:auto;left:224px; padding:0 17px;/* width:643px;*/}
#subNav .g-wrap .item:nth-child(5) {width:auto;left:320px; padding:0 17px; /*width:573px;*/}
#subNav .g-wrap .item:nth-child(6) {width:auto;left:403px; padding:0 17px; /*width:573px;*/}
#subNav .g-wrap .item:nth-child(7) {width:auto;left:486px; padding:0 17px; /*width:573px;*/}
/*#subNav .g-wrap .item:nth-child(8) {width:auto;left:569px; padding:0 17px;}
#subNav .g-wrap .item:nth-child(9) {width:auto;left:652px; padding:0 17px;}
#subNav .g-wrap .item:nth-child(10) {width:auto;left:735px; padding:0 17px;}*/
#subNav .g-wrap .itemMun:nth-child(2) {left:58px; padding:0 17px; /*width:835px;*/}
#subNav .g-wrap .itemMun:nth-child(3) {left:141px; padding:0 17px; /*width:752px;*/}
#subNav .g-wrap .itemMun:nth-child(4) {left:224px; padding:0 17px;/* width:643px;*/}
#subNav .g-wrap .itemMun:nth-child(5) {left:324px; padding:0 17px; /*width:573px;*/}
#subNav .g-wrap .itemMun:nth-child(6) {left:424px; padding:0 17px; /*width:573px;*/}
#subNav .g-wrap .itemMun:nth-child(7) {left:486px; padding:0 17px; /*width:573px;*/}
/*#subNav .g-wrap .itemMun:nth-child(8) {left:569px; padding:0 17px;}
#subNav .g-wrap .itemMun:nth-child(9) {left:652px; padding:0 17px; }
#subNav .g-wrap .itemMun:nth-child(10) {left:735px; padding:0 17px;}*/
#subNav .g-wrap .search {right:0; width:238px; height:44px; border:8px solid #4c4a4f;}
#subNav .g-wrap .search input { padding:0 20px; width:200px; height:44px; line-height:44px; }
#subNav .g-wrap .langs {right:0; padding:0 15px; width:170px;}
#subNav .g-wrap .nwmenu{ right: 0; top: -409px; width: 140px; height: auto; background-color: #4c4a4f; -webkit-transition: 300ms; transition: 300ms;}
#subNav .g-wrap .nwmenu .nwmenu-inner{ padding: 20px; width: 210px; max-height: 349px; overflow: hidden;}
/*#subNav .g-wrap .nwmenu .nwmenu-inner .nwi-box{ margin-bottom: 10px;}*/
#subNav .g-wrap .nwmenu .nwi-tit{ float: left; width: 50px; color: #8f8c92; font-size: 12px;}
#subNav .g-wrap .nwmenu .nwmenu-list{ /*float: right; margin-top: -5px; width: 140px;*/ overflow:hidden;}
#subNav .g-wrap .nwmenu .nwmenu-list li a{ float: none; padding: 0; line-height: 22px; color: #d2ced5; font-size: 12px;font-weight: normal; -webkit-transition: color 300ms; transition: color 300ms;}

#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 16px; font-weight:bold; font-size:13px; line-height:61px; color:#d2ced5;-webkit-transition:color 300ms; transition:color 300ms;}
#subNav .g-wrap .item a:hover {color:#f63b2e;}
#subNav .g-wrap .item #on {
    color: #f63b2e;
}