.top_menu{font-size: 12px; color: #7C98A2;  width: 100%;  height: 35px; background-color: #fff;color: #888;}
.top_lang{float: right; padding: 10px 10px 0px 10px; }
.top_name{display: inline-block; padding-top:10px;}


/*导航菜单*/

#app_menudown{position: absolute; top:0px; right:0px; font-size: 16px; height: 40px;}
#app_menudown:hover{background-color: #EF3E03;}

/*产品搜索*/
.search_group{
      float: right;
      height: 40px;
      background-color: #f2f2f2;
      color: #b7b7b7;
      margin: 5px 0px 0px 0px;
}
.search_group input.form-control{
      border-radius: 0px;
      box-shadow: none;
      color: #585A5A;
      padding: 0px 0px 0px 15px;
      height: 40px;
      background: transparent;
      border: none;
}
.search_group input.form-control:focus{
    box-shadow: none;
}

.sxl{ float:left;
 border-radius: 0px;
    box-shadow: none;
    color: #585A5A;
    height: 40px;
    background: transparent;
    border: none; width:30%;
      }
      .skv{
border-radius: 0px;
    box-shadow: none;
    color: #585A5A;
    padding: 0px 0px 0px 15px;
    height: 40px;
    background: transparent;
    border: none; width:70%;
}


#search_submit{
    color:#C3C4C5;
    height: 26px;
    font-size: 16px;
    margin-top: -14px;
}
#search_submit:hover{
    color:#0067b6;
    cursor: pointer;
}

/*大屏幕*/
@media screen and (min-width: 769px) {
.toppic{ margin-top:50px; margin-left:-70px;}
.toppic img{ width:50%;}
.top_bg{
    font-size: 12px;
    width: 100%;
    height: 34px;
    background-color: #fdfdfd;
    color: #666666;
    border-bottom: 1px solid #f1f1f1;
  }
  
#search_submit{
    background-color: #0057a4;
    color:#fff;
    height: 40px;
    font-size: 16px;
    margin-top: -1px;
    border-radius: 0px;
}
#search_submit:hover{
    color:#fff;
    background-color: #00a8e0;
    cursor: pointer;
}
   .top_tel{ margin-top:15px; }
   .top_tel span{ color:#FF0000; font-weight:bold; }
    .logo {
      ma rgin-top:15px;
      mar gin-bottom: 15px;
      max-width: 700px;
    }
    /*导航样式*/
    .navbar {
      margin: 0px;
      margin-top:5px;
      border:none;
      background-color: #0057a4;
      min-height: 60px;
    }
    .navbar-nav > li {

    }
    .navbar-nav > li:first-child {
    }
    .navbar-nav > li:last-child {
    }
    .navbar-nav > li > a {
      text-align: center;
    }
    .navbar-default .navbar-nav > li > a {
      color: #fff;
      font-size: 16px;
      padding: 20px 34px 20px 34px;
    }
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > li > a.active,
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
    background-color: #039ccf; color: #fff; 
    }
    .navbar-brand {
      display: none;
    }
    /*导航-触发滚动*/
    .navbar-fixed-top {
      min-height: 50px;
      margin-top:0px;
      opacity: 0.9;
    }
    .navbar-fixed-top ul.navbar-nav > li > a {
      padding: 15px 25px 15px 25px;
    }
    /*导航二级菜单*/
    .nav_small {
      background-color:#039ccf;
     
      padding: 10px 0px;
      padding-bottom: 15px;
      border-radius: 0px;
      border: none;
      box-shadow: none;
    }
    .nav_small > li > a {
      line-height:20px;
      padding: 7px 0px;
      text-align:center;
      color: #fff;
      font-size: 13px;
    }
    .nav_small > li > a:hover {
      color: #fff;
      background-color: #039ccf;
    }
    #app_menudown,
    #search_btn {
      display:none;
    }

.cpclass{ width:600px;}
.cpclass li{ float:left; width:33.333%; text-align:left;}
    
}




/*小屏幕样式*/
@media screen and (max-width: 768px) {

.top_name{display: none;}
.language{padding: 2px 0px 0px 0px; }

.top_bg{
    font-size: 12px;
    width: 100%;
    height: 34px;
    background-color: #fdfdfd;
    color: #666666;
    border-bottom: 1px solid #f1f1f1;
  }
    .logo {
      display: block;
      margin: 0 auto;
      margin-top:25px;
      margin-bottom: 25px;
      max-width:320px;
    }
    /*手机-顶部搜索*/
    #topsearch{
      display: none;
    }
    .search_group{
      margin: 5px 0px 15px 0px;
    }
    #search_btn {
      float: right;
      margin-top: 7px;
      padding:8px 13px;
      font-size: 17px;
      border-radius: 4px; 
      color: #fff;
    }

      #search_submit{
    background-color: #0057a4;
    color:#fff;
    height: 40px;
    font-size: 16px;
    margin-top: -1px;
    border-radius: 0px;
}

      
      
      
    /*手机-导航样式*/
    .navbar {
      margin: 0px;
      border:0px;
      min-height: 50px;
      background-color: #0057a4;
    }
    .navbar-default .navbar-brand {
      color: #fff;
      font-size: 16px;
    }
    .navbar-default .navbar-brand:hover,
    .navbar-default .navbar-brand:focus {
      color: #fff;
    }
    .navbar-toggle {
      border:none;
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
      border:none;
    }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
      background-color: #039ccf;
    }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #fff;
    }
    .navbar-default .navbar-nav {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    .navbar-default .navbar-nav > li:last-child{
      border: none;
    }
    .navbar-default .navbar-nav > li > a,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #fff;
    }
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > .active > a, 
    .navbar-default .navbar-nav > .active > a:hover, 
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .open > a, 
    .navbar-default .navbar-nav > .open > a:hover, 
    .navbar-default .navbar-nav > .open > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
      background-color: #039ccf; color: #fff;
    }
    #app_menudown {
      position: absolute;
      top:0px;
      right:0px;
      font-size: 16px;
    }
    #app_menudown:hover {
      background-color: #039ccf;
    }
    .navbar-fixed-top {
      margin-top:0px;
      opacity: 0.9;
    }


}