@media (max-width: 767px){
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px;
    }
}


.navbar { box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);}



.no-focus:focus ,.no-focus:hover{ color: #595959 !important;}
.navbar>.container-fluid .navbar-brand{margin-left: 0;}
.navbar-brand{ height: auto; padding:0; }
.navbar-brand > img {width: 100%;}
.navbar-right{ margin-right: 0; }
.dropdown-menu{  border:none;  box-shadow:none;  -webkit-box-shadow:none; min-width: inherit; }
.btn-search{ float: left; }
.dropdown{text-align: center;}
.dropdown-menu{  text-align: center;  background-color: transparent; width: 100%; }

.navbar-default{
    background-color: #ffffff;
    border-color: #ffffff;
}

.navbar-default .navbar-nav>li>a{color: #595959;width: 100%;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{  color: #ffc700;  background-color: #ffffff;  }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {  color: #ffc700;  background-color: #ffffff;  }

.navbar-default .navbar-nav>li> .dropdown-toggle-hide{display: none; color: #ffc700;}





.dropdown-menu>li{
    background-color: rgba(242, 242, 242, 0.81);
}
.dropdown-menu>li>a{
    color: #595959;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #595959;
    text-decoration: none;
    background-color: #ffc700;
}


.main-nav .dropdown-toggle .no-hover{display: initial;}
.main-nav .dropdown-toggle .hover{display: none;}
.main-nav .active .no-hover{display: none;}
.main-nav .active .hover{display: initial;}


.dropdown-menu > li > .disabled{
    color: #bfbfbf;
}
.dropdown-menu > li > .disabled > span{
    color: #bfbfbf;
}
.dropdown-menu>li>.disabled:focus, .dropdown-menu>li>.disabled:hover {
    color: #bfbfbf;
    background-color: transparent;
}


.btn-search > .form-control { border-radius: 20pt 0 0 20pt; border: transparent;box-shadow:none;-webkit-box-shadow:none; background-color: #e5e5e5; }
.btn-search > .form-control:focus{ border: transparent;}
.btn-search > .input-group-addon {border-radius: 0 20pt 20pt 0;border: transparent;background-color: #e5e5e5;}
.btn-search > .input-group-addon > img{width: 100%;}



@media (min-width: 375px){




    .container-fluid{padding: 8px 15px;}
    .navbar-brand{width: 186px;}
    .navbar-brand >img {  margin-top: 8px;  margin-left: 15px;  margin-bottom: 8px;  }
    .main-nav{padding: 8px 10px; text-align: -webkit-center;}
    .dropdown{width: 150px;}
    .navbar-default .navbar-nav>li>a>img{height: 20px;}
    .navbar-nav>li> .dropdown-toggle ,.navbar-nav>li> .dropdown-toggle-hide { padding: 5px 0;font-size: 16px; }
    .dropdown-menu ,.dropdown-menu > li > .disabled{font-size: 12px;}
    .dropdown-menu>li{  margin-top: 3px;  }
    .dropdown-menu>li>a{padding: 10px 0;}
    .dropdown-menu > li > .disabled > span{  font-size: 12px;  }


    .navbar-right {margin: 0;padding: 7px 0; text-align: -webkit-center;}
    .btn-search {padding: 0;width: 100%;}
    .btn-search > .input-group-addon > img{ width: 17px;}
    .btn-search,.btn-search > .form-control,.btn-search > .input-group-addon {height: 31px;}
    .btn-search > .input-group-addon {padding: 7px 8px;}
    .navbar-right > li { display: inline-block;}
    .navbar-right > li > a{padding: 5px;font-size: 14px;}



    .no-focus { display: none !important;}
    .btn-search {margin-bottom: 20px;}
}

@media (min-width: 768px){
    .container-fluid{padding: 15px 15px;}
    .navbar-brand{width: 150px;}
    .navbar-brand >img {  margin:8px 0;  }
    .main-nav{padding: 7px 0px;}
    .dropdown{width: 80px;}
    .navbar-default .navbar-nav>li>a>img{height: 12px;}
    .navbar-nav>li> .dropdown-toggle ,.navbar-nav>li> .dropdown-toggle-hide { padding: 5px 0;font-size: 14px; }
    .dropdown-menu ,.dropdown-menu > li > .disabled{font-size: 12px;}
    .dropdown-menu>li{  margin-top: 3px;  }
    .dropdown-menu>li>a{padding: 10px 0;}
    .dropdown-menu > li > .disabled > span{  font-size: 12px;  }


    .navbar-right {margin: 0;padding: 7px 0;}
    .btn-search {padding: 0;width: 50px;}
    .btn-search > .input-group-addon > img{ width: 17px;}
    .btn-search,.btn-search > .form-control,.btn-search > .input-group-addon {height: 31px;}
    .btn-search > .input-group-addon {padding: 7px 8px;}
    .navbar-right > li > a{padding: 5px;font-size: 12px;}

    .no-focus { display: inherit !important;}
    .btn-search {margin-bottom: 0;}
}

@media (min-width: 1000px){
    .container-fluid{padding: 15px 15px;}
    .navbar-brand{width: 180px;}
    .navbar-brand >img {  margin:8px 0;  }
    .main-nav{padding: 8px 10px;}
    .dropdown{width: 110px;}
    .navbar-default .navbar-nav>li>a>img{height: 20px;}
    .navbar-nav>li> .dropdown-toggle ,.navbar-nav>li> .dropdown-toggle-hide { padding: 5px 0;font-size: 16px; }
    .dropdown-menu ,.dropdown-menu > li > .disabled{font-size: 12px;}
    .dropdown-menu>li{  margin-top: 3px;  }
    .dropdown-menu>li>a{padding: 10px 0;}
    .dropdown-menu > li > .disabled > span{  font-size: 12px;  }


    .navbar-right {margin: 0;padding: 7px 0;}
    .btn-search {padding: 0;width: 110px;}
    .btn-search > .input-group-addon > img{ width: 17px;}
    .btn-search,.btn-search > .form-control,.btn-search > .input-group-addon {height: 32px;}
    .btn-search > .input-group-addon {padding: 7px 8px;}
    .navbar-right > li > a{padding: 5px;font-size: 14px;}

    .no-focus { display: inherit !important;}
    .btn-search {margin-bottom: 0;}
}

@media (min-width: 1280px){
    .container-fluid{padding: 18px 30px;}
    .navbar-brand{width: 180px;}
    .navbar-brand >img {  margin: 8px 0;  }
    .main-nav{padding: 9px 10px;}
    .dropdown{width: 140px;}
    .navbar-default .navbar-nav>li>a>img{height: 20px;}
    .navbar-nav>li> .dropdown-toggle ,.navbar-nav>li> .dropdown-toggle-hide { padding: 5px 0;font-size: 16px; }
    .dropdown-menu ,.dropdown-menu > li > .disabled{  font-size: 14px;  }
    .dropdown-menu>li{  margin-top: 3px;  }
    .dropdown-menu>li>a{padding: 14px 0;}
    .dropdown-menu > li > .disabled > span{  font-size: 12px;  }


    .navbar-right {margin: 0;padding: 8px 0;}
    .btn-search {padding: 0 16px;width: 175px;}
    .btn-search > .input-group-addon > img{ width: 17px;}
    .btn-search,.btn-search > .form-control,.btn-search > .input-group-addon {height: 32px;}
    .btn-search > .input-group-addon {padding: 7px 8px;}
    .navbar-right > li > a{padding: 5px;font-size: 14px;}
}

@media (min-width: 1440px){
    .container-fluid{padding: 18px 40px;}
    .navbar-brand{width: 240px;}
    .navbar-brand >img {  margin:0;  }
    .main-nav{padding: 8px 30px;}
    .dropdown{width: 140px;}
    .navbar-default .navbar-nav>li>a>img{height: 20px;}
    .navbar-nav>li> .dropdown-toggle ,.navbar-nav>li> .dropdown-toggle-hide { padding: 5px 0; font-size: 16px; }
    .dropdown-menu ,.dropdown-menu > li > .disabled{  font-size: 14px;  }
    .dropdown-menu>li{  margin-top: 3px;  }
    .dropdown-menu>li>a{padding: 14px 0;}
    .dropdown-menu > li > .disabled > span{  font-size: 12px;  }


    .navbar-right { margin: 0; padding: 8px 15px; }
    .btn-search {padding: 0 16px;width: 200px;}
    .btn-search > .input-group-addon > img{ width: 17px;}
    .btn-search,.btn-search > .form-control,.btn-search > .input-group-addon {height: 32px;}
    .btn-search > .input-group-addon {padding: 7px 9px;}
    .navbar-right > li > a{padding: 5px; font-size: 14px;}
}







/*houver 下拉菜单*/
@media (min-width: 768px){

    .navbar .nav > li:hover .dropdown-toggle { display: none; }
    .navbar .nav > li:hover .dropdown-toggle-hide { display: inline-block; }

    .navbar .nav > li .dropdown-menu {  margin: 0;  }
    .navbar .nav > li:hover .dropdown-menu { display: inherit; }

}