
/*二级菜单*/
#navs {width:100%; height:60px; overflow:hidden; background-color:rgb(255,255,255); background: #fff; position:relative; z-index:15; box-shadow:0px 1px 1px #edebeb;}
#navs .nav_logo{ width:166px; height:48px; overflow:hidden; float:left; display:inline; vertical-align:middle;}
#navs ul{ max-width:80%; float:right; display:inline; zoom:1; padding-top:17px; white-space:nowrap;}
#navs ul li{ float:left; display:inline;}
#navs ul li a{ display:block; color:#000; font-size:16px; padding:0px 10px; line-height:16px; }
#navs ul li a:hover {color:#0078d7;}
#navs ul li.download a { position:relative; margin-left:10px; margin-top:2px !important;  padding: 5px 30px; border-radius:2px; background-color:#0078d7; color: #fff;height: 20px;line-height: 20px;}
#navs ul li.download a span{ position:relative; z-index:12;}
.scrolnav .nav_logo { float: left;}
.scrolnav .nav_logo img { height: 42px;padding-top: 8px;}
.scrolnav .scrolnavr { float: right;}
.scrolnav .scrolnavr dl.download a { display: block; position: relative; padding: 5px 30px; border-radius: 2px; background-color: #0078d7; color: #fff; margin: 8px 0 0; }

/*20170708*/

.navs-new ul li { margin: 0 15px;}
#navs ul li a { height: 30px;line-height: 30px; position: relative; padding: 0; margin: 0 10px;}
#navs ul li.active a { font-weight: 300;}
#navs ul li.active a:after { content: ''; display: block; width: 100%; position: absolute; bottom: -12px; left: 0; height: 3px; background: #262626;}
#navs ul li.download a { margin-right: 0;}
#navs ul li a:hover{font-weight: 700;}
@media screen and (min-width: 1601px) {
  #navs .wrap{ width: 1400px;}
}
@media screen and (min-width: 1366px)  and (max-width: 1600px){
   #navs .wrap{ width: 1200px;}
   #navs ul li a{font-size:14px; }
}
@media screen and (min-width: 1025px)  and (max-width: 1365px){
   #navs .wrap{ width: 1100px;}
   #navs ul li a{font-size:13px; }
}
@media screen and (min-width: 801px)  and (max-width: 1024px){
   #navs .wrap{ width: 94%;}
   .navs-new ul li { margin: 0 2px;}
   #navs ul li a{font-size:12px; }
}
@media screen and (max-width: 800px) and (min-width: 730px){
	#navs{display:none;}
  #navs .wrap{ width:96%;margin: 0 auto}
  #navs .nav_logo { display: block; margin-top: 10px; width: 100px; height: auto; }  
  #navs .nav_logo img { width: 100%;height: auto}
  .navs-new ul li { margin: 0 2px;}
  #navs ul li a{margin: 0 7px}
  #navs ul li.download a {
    padding: 5px 16px;
    margin-left: 5px;
  }
}
@media screen and (max-width: 729px) {
	#navs{display:none;}
  #navs .wrap{ width:96%;margin: 0 auto}
  .navs-new ul li {
    margin: 0px;
    float: left;
    display: inline;
  }
  .navs-new ul li {
    margin: 0 2px;
  }
  #navs ul{padding-top: 12px;}
  #navs ul li.download a {
    padding: 5px 16px;
    margin-left: 5px;
    margin-top: -2px;
  }
  #navs .nav_logo {
    display: block;
    margin-top: 10px;
    width: 100px;
    height: auto;
  }
  #navs ul li a{margin: 5px;font-size: 12px}
  #navs .nav_logo img { width: 100%;height: auto}
}

@media screen and (max-width: 700px){
  #navs ul li { display: none;}
  #navs ul li.download { display: block;}
}

