#nav {
    width:100%;
    height:40px;
    z-index:1000;
}
#nav #navLeft{
	color:#ffffff;
	font-size:14px;
	float:left;
	margin-left:20px;
	display:none;
	padding-top:7px;
}
#nav #navRight {
    float:right;
    position:relative!important;
    margin-right:15px;
}
#nav #nav-control {
    cursor:pointer;
    display:none;
}
#nav #navWrap {
    width:993px;
    margin:0 auto;
    height:40px;
    z-index:1000;
    overflow: hidden;
}
#nav #navWrap #navMain {
	float:left;
	width:1000px;
}
#nav #navWrap #navMain li {
   float:left;
   width:141px;
   border-right:1px solid #2775d9;
}
#nav #navWrap #navMain li a {
   color:#ffffff;
   text-align:center;
   height:40px;
   line-height:40px;
  	font-size:15px;
  	display:block;
   padding:0;
	font-family:"Microsoft Yahei","Arial", "Helvetica", "sans-serif";
}
#nav #navWrap #navMain li:hover a {
   color:#FFFFFF;
	text-decoration: none;
	background-image: url(../images/navon.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

@media (min-width: 760px) and (max-width: 979px) {
   #nav #navWrap {
      width:755px;
   }
   #nav #navWrap #navMain {
	   width:760px;
   }
   #nav #navWrap #navMain li {
	   width:107px;
}
}
@media (max-width:759px) {
    .container-white {
        padding:0!important
    }
    #nav {
        height:auto;
        max-height:100%;
        overflow-y:auto
    }
    #nav #navWrap {
        height:auto!important;
        overflow: hidden;
        width:100%;
    }
    #nav #navLeft {
        display:block;
    }
    #nav #navWrap #navRight {
        margin-top:5px
    }
    #nav #navWrap #navRight #nav-control {
        margin-left:15px;
        display:inline-block;
    }
    #nav #navMain {
        display:block;
        width:100%;
        margin-right:0!important;
        height:0;
        overflow:hidden;
        margin-left:0!important;
        margin-top:2px
    }
    #nav #navWrap #navMain li {
        position:relative;
        display:block;
        width:100%;
        border-bottom:1px solid #d8d8d8
    }
    #nav #navWrap #navMain li a{
        color:#333333;
    }
    #nav #navMain li >a {
        height:40px!important;
        line-height:40px!important;
        text-align:left!important;
        padding:0 20px!important;
        color:#333333;
    }
   #nav #navWrap #navMain li:hover a {
        color:#222222;
        background:linear-gradient(top,#dddddd,#dedede);
        background:-webkit-linear-gradient(top,#dddddd,#dedede);
        background:-moz-linear-gradient(top,#dddddd,#dedede)
}
    #nav #navMain >li {
        background:linear-gradient(top,#eee,#e8e8e8);
        background:-webkit-linear-gradient(top,#eee,#e8e8e8);
        background:-moz-linear-gradient(top,#eee,#e8e8e8)
    }
    #nav #navMain >li >a:after {
        display:none!important
    }
}