widthol,ul {
    list-style:none
}
.zoom {
    zoom:1
}
.hidden {
    visibility:hidden
}
.none {
    display:none
}
#nav {
    z-index:99;    
    margin:0 auto;
    padding-top:23px;
    width:100%;
}
#nav #navRight {
    float:right;
    position:relative!important;
    margin-right:10px
}
#nav #navRight img{
	width:32px;
	height:auto;
}
#nav #nav-control {
    cursor:pointer;
    display:none;
}
#nav #navWrap {
    margin:0 auto;
    z-index:1000;
}
#nav #navWrap #navMain {
    z-index:1000;
}
#nav #navWrap #navMain li {
    float:left;
    position: relative;
    width:16.6%;
    -webkit-transition:  0.2s ease-in 0s;
    -moz-transition:  0.2s ease-in 0s;
    -ms-transition:  0.2s ease-in 0s;
    -o-transition:  0.2s ease-in 0s;
    transition:  0.2s ease-in 0s; 
}
#nav #navWrap #navMain li a {
    text-align:center;
    height:50px;
    line-height:50px;
	 font-size:17px;
	 display:block;
	 color:#222222;
	 text-align: center;
	 font-family:"Microsoft Yahei","Arial", "Helvetica", "sans-serif";
}
#nav #navWrap #navMain li:hover a {
   color:#005bac;
	text-decoration: none;	
}
.curret{
	display:block;
	color:#ffffff;
	background: #007fbe;
	-moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius:5px;
}
#nav #navWrap #navMain .has-more:hover .nav-sub1{
    display:block;
}

#nav #navWrap #navMain .nav-sub1 {
    width:150px;
    position:absolute;
    display:none;
    z-index:1000;
    margin-left:12px;
}
#nav #navWrap #navMain .nav-sub1 li{
    display:block;
    position:relative;    
    background:rgba(217,100,101, 1) none repeat scroll 0 0 !important;
    width:100%;
    padding:0;
}
#nav #navWrap #navMain .nav-sub1 li a {
    height:34px;
    line-height:34px;
    font-size: 12px;
    text-decoration: none; 
    color:#ffffff;
    font-weight: normal;
    padding:0;
    text-align:left;
    padding-left:15px;
}
.arrows{
	text-align: center;	
	background: url(../images/arrow.png) no-repeat center top;
	height:9px;
}
#nav #navWrap #navMain .nav-sub1 li:hover{
    background:rgba(205,47,50, 1) none repeat scroll 0 0 !important;
}
#nav #navWrap #navMain .nav-sub1 li:hover a{
    color:#ffffff;
}

#nav #navWrap #navMain .nav-sub1:hover {
    display:block;
}
@media screen and (max-width:1000px) {
   #nav #navWrap #navMain li a {
    text-align:center;
    height:50px;
    line-height:50px;
	 font-size:16px;
	 display:block;
	 color:#222222;
	 text-align: center;
	 font-family:"Microsoft Yahei","Arial", "Helvetica", "sans-serif";
   }
}@media screen and (max-width:767px) {
    .container-white {
        padding:0!important
    }
    #nav {
        z-index:999;
        position:absolute;
        background: transparent;
        right:0;
        width:50px;
    }
    #nav #navWrap {
        height:auto!important;
    }
    #nav #navWrap #navRight {
        margin-top:5px;
        padding-right:10px;
    }
    #nav #navWrap #navRight #nav-control {
        display:inline-block;
    }
    
    #nav #navMain {
        display:block;
        width:200px;
        height:0;
        overflow:hidden;
        padding-top:15px;
        float:right;
        margin-right:0px;
    }
    #nav #navWrap #navMain li {
        position:relative;
        display:block;
        float:none;
        width:100%;
        border-bottom:1px solid #d8d8d8;
        background:linear-gradient(top,#eee,#e8e8e8);
        background:-webkit-linear-gradient(top,#eee,#e8e8e8);
        background:-moz-linear-gradient(top,#eee,#e8e8e8)
    }
    .curret{
        background:transparent;
        display:block;
        color:#f0b000;
    }
    #nav #navWrap #navMain li a {
        height:36px!important;
        line-height:36px!important;
        text-align:left!important;
        padding:0 20px;
        color:#666666;
        font-weight: normal;
        font-size:16px;
        text-shadow:rgba(0,0,0,1) 0px 0px 0px;
    }
    #nav #navWrap #navMain li a {
       color:#666666;
    }
    #nav #navWrap #navMain li:hover a {
       color:#226463;
    	text-decoration: none;
   }
  #nav #navWrap #navMain li:hover {
        border-bottom:1px solid #d8d8d8;
        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
    }
    #nav #navMain .has-more .nav-sub1 {
        width:100%; 
        display:none!important;
        top:0!important;
        height:auto!important;
        padding-left:0!important;
        position:relative!important;
        white-space:normal!important;
        left:0!important;
        width:100%;        
    }
    #nav #navWrap #navMain .nav-sub1 li{
       background: #1c1c1c;
    }
    #nav #navWrap #navMain .nav-sub1 li:hover{
       background: #111111;
    }
    #nav #navMain .has-more:hover .nav-sub1 li{
        color:#ffffff!important;
        margin-top:0!important;
        cursor:pointer;
        
    }
    #nav #navWrap #navMain .nav-sub1 li a {
        color:#ffffff!important;
        margin-top:0!important;
        font-size:13px;
        padding-left:30px;
    }
    #nav #navWrap #navMain .nav-sub1 li:hover a {
        color:#00b8de!important
    }
}