@charset "utf-8";
/* CSS Document */
body{margin:0 auto; font: "Microsoft Yahei", "微软雅黑"; vertical-align:baseline; overflow-y:scroll;}
.g-wrap{position:relative; width:1200px; height:100%; margin:0 auto;}
#header{position:relative; z-index:5; height:90px; background-color:#fff;}
#logo{position:absolute; left:1px; width:160px; padding:13px 0;}
#nav{position:absolute; top:15px; right:140px; z-index:4; height:64px; background-color:#fff;}
#nav li{position:relative; float:left; width:87px; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms;}
#nav .n1{width:58px;}
#nav li a {position:relative; z-index:2; display:block; width:100%; height:100%; font-size:16px; line-height:64px; text-align:center; color:#666; -webkit-transition:color 200ms; transition:color 200ms; overflow:hidden;}
#nav li a:hover,#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:#558521; -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:136px; height:100%; background:#fff;}

#content{position:relative; overflow:hidden; top:-11px; padding-top:11px;}
#subNav{position:absolute; top:0; left:0px; z-index:9999; width:100%; height:61px; /*overflow: hidden;*/}
#subNav .g-wrap{overflow:visible;}
#subNav .g-wrap .item{position:absolute; top:-100%; width:100%; height:100%;background-color:#5fa810; overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms;}
#subNav .g-wrap .about{left:277px; padding:0 30px; /**/}
#subNav .g-wrap .news{left:364px; padding:0 30px; /**/}
#subNav .g-wrap .advice{left:451px; padding:0 30px; /**/}
#subNav .g-wrap .soft{left:538px; padding:0 30px;/**/}
#subNav .g-wrap .infor{left:625px; padding:0 30px; /*width:0px;*/}
#subNav .g-wrap .fund{left:712px; padding:0 30px;/*width:0px;*/}
#subNav .g-wrap .alliance{left:799px; padding:0 30px;/*width:0px;*/}
/*#subNav .g-wrap .case{left:864px; padding:0 30px; width:573px;}*/
#subNav .g-wrap .case{width:0px;}

#subNav .g-wrap .join{width:0px;}
#subNav .g-wrap .on {top:0; z-index: 2;}
#subNav .g-wrap .item a {float:left; padding:0 16px; font-weight:bold; font-size:13px; line-height:61px; color:#fff;-webkit-transition:color 300ms; transition:color 300ms;}
#subNav .g-wrap .item a:hover {color:#ffe76b;}
#subNav .g-wrap .item #on {color: #f63b2e;}
