@charset "utf-8";
/* CSS Document */

#header { width:80%; margin:0 auto;position:relative; z-index:5; height:79px; background-color:#fff;min-width: 1200px;}
    #logo {position:absolute; top:26px; left:1px; width:151px; height:26px; background:url(../images/logo.png) no-repeat 0 0;}
    #nav {background-color: #fff;
overflow: hidden;
height: 80px;
    width: 75%;
    min-width: 950px;
float: right;}
    #nav li {float:left; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms; margin-right:12px; }
    #nav .n1 {width: 6%;
    min-width: 58px;}
    #nav .n2{ width: 9%;
    min-width: 90px;} 
	#nav .n3, #nav .n4, #nav .n6, #nav .n7, #nav .n8 {width:82px;}
    #nav .n5 {width:102px;}
	
    #nav li.cur {background:#194999; color:#FFF;}
    #nav li.cur a {color:#FFF;}
    /*#nav li a {position:relative; display:block; width:100%; height:100%;}
    #nav li a * {position:absolute; bottom:0; left:0; z-index:2; width:100%; height:100%; background:no-repeat 16px 32px; -webkit-transition:-webkit-opacity 200ms; transition:opacity 200ms; cursor:pointer;}
    #nav li a .on {-webkit-opacity:0; opacity:0; display:none\9;}
    #nav li a .slideBlock {z-index:1; height:0; background:#f00; -webkit-transition:height 200ms; transition:height 200ms;}
    #nav .n1 a .off {background-image:url(../images/header/nav_1.png)}
    #nav .n2 a .off {background-image:url(../images/header/nav_2.png)}
    #nav .n3 a .off {background-image:url(../images/header/nav_3.png)}
    #nav .n4 a .off {background-image:url(../images/header/nav_4.png)}
    #nav .n5 a .off {background-image:url(../images/header/nav_5.png)}
    #nav .n6 a .off {background-image:url(../images/header/nav_6.png)}
    #nav .n7 a .off {background-image:url(../images/header/nav_7.png)}
    #nav .n8 a .off {background-image:url(../images/header/nav_8.png)}
    #nav .n1 a .on {background-image:url(../images/header/nav_1_on.png)}
    #nav .n2 a .on {background-image:url(../images/header/nav_2_on.png)}
    #nav .n3 a .on {background-image:url(../images/header/nav_3_on.png)}
    #nav .n4 a .on {background-image:url(../images/header/nav_4_on.png)}
    #nav .n5 a .on {background-image:url(../images/header/nav_5_on.png)}
    #nav .n6 a .on {background-image:url(../images/header/nav_6_on.png)}
    #nav .n7 a .on {background-image:url(../images/header/nav_7_on.png)}
    #nav .n8 a .on {background-image:url(../images/header/nav_8_on.png)}

    #nav li a.on .off{-webkit-opacity:0; opacity:0; display:none\9;}
    #nav li a.on .on {-webkit-opacity:1; opacity:1;  display:block\9;}
    #nav li a.on .slideBlock {height:100%;}*/

    #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: 60px;line-height: 20px;padding-top: 20px;}
    #nav li a .bkg {top:100%; z-index:1; background-color:#194999; -webkit-transition:top 200ms; transition:top 200ms;}
 #nav li a:hover{ color:#FFF;}
    #nav li a.on .bkg,
    #nav li a:hover .bkg {top:0;}