ul{margin:0; padding:0; border:0 none; }
body {width:100%; height:100%;margin:0 auto;}
a {text-decoration:none;}
ol, ul {list-style:none;}
.zgjt {position:relative; margin:0 auto; width:1280px; height:100%; overflow:hidden;}
#header {position:relative; z-index:5; height:79px;}
    #logo {position:absolute; top:12px; left:70px; width:280px; height:60px; background:url(logo.png) no-repeat 0 0;}
    #nav {position:absolute; top:0; right:101px; z-index:4; height:100%;  overflow:hidden;}
    #nav li {float:left; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms;}
    #nav .n1 {width:92px;}
	#nav .d1 {width:10px;}
    #nav .n2, #nav .n3, #nav .n5, #nav .n6, #nav .n7, #nav .n8 {width:92px;}
    #nav .n4 {width:92px;}
  
    #nav li a {position:relative; z-index:2; display:block; width:100%; height:100%; font-weight:bold; font-size:14px; 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 .dyx {top:100%; z-index:1; background-color:#E80000; -webkit-transition:top 200ms; transition:top 200ms;}

    #nav li a.on .dyx,
    #nav li a:hover .dyx {top:0;}
   
#content {position:relative; overflow:hidden;}
    #subNav {position:absolute; top:0; left:0px;  width:100%; height:60px; line-height:50px}
    #subNav .zgjt {overflow:visible;}
    #subNav .zgjt .item {position:absolute; top:-100%; left:-500px;width:100%; height:100%; background-color:#E80000; overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms;}
    #subNav .zgjt .about { padding:0 1280px;left:-745px;}
    #subNav .zgjt .news {left:-595px; padding:0 1320px;}
    #subNav .zgjt .relation {left:-728px; padding:0 1543px;}
    #subNav .zgjt .service {left:-550px; padding:0 1458px; }
    #subNav .zgjt .citizenship {left:-1000px; padding:0 1636px;}
	 #subNav .zgjt .jr {left:-620px; padding:0 1622px;}
    
    #subNav .zgjt .nwmenu{ right: 0; top: -409px; width: 171px; height: auto; background-color: #4c4a4f; -webkit-transition: 300ms; transition: 300ms;}
    #subNav .zgjt .nwmenu .nwmenu-inner{ padding: 20px; width: 210px; max-height: 349px; overflow: hidden;}
    #subNav .zgjt .nwmenu .nwi-tit{ float: left; width: 50px; color: #8f8c92; font-size: 12px;}
    #subNav .zgjt .nwmenu .nwmenu-list{ overflow:hidden;} 
    #subNav .zgjt .nwmenu .nwmenu-list li a{ float: none; padding: 0; line-height: 22px; color: #ffffff; font-size: 12px;font-weight: normal; -webkit-transition: color 300ms; transition: color 300ms;}
    #subNav .zgjt .nwmenu .nwmenu-list li a:hover{ color: #f63b34;}
    #subNav .zgjt .on {top:0; z-index: 2;}
    #subNav .zgjt .item a {float:left; padding:0 16px; font-weight:bold; font-size:13px; line-height:61px; color:#ffffff;-webkit-transition:color 300ms; transition:color 300ms;}
    #subNav .zgjt .item a:hover {color:#ffffff;}