li{
  list-style: none;
}
.search{
  position: absolute;
  right: 0;
  top:4px;
}
.sb-search {
  margin-right: 360px;
  position: relative;
  margin-top: 30px;
  width: 0%;
  min-width: 30px;
  height: 60px;
  float: right;
  overflow: hidden;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  transition: width 0.3s;
  -webkit-backface-visibility: hidden;
  z-index: 999;
}
.sb-search-input {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  outline: none;
  background: #fff;
  width: 100%;
  height: 60px;
  margin: 0;
  z-index: 10;
  padding: 20px 65px 20px 20px;
  font-family: inherit;
  font-size: 20px;
  font-size: 16px;
}

.sb-search-input::-webkit-input-placeholder {
  color: #999;
}

.sb-search-input:-moz-placeholder {
  color: #999;
}

.sb-search-input::-moz-placeholder {
  color: #999;
}

.sb-search-input:-ms-input-placeholder {
  color: #999;
}

.glyphicon-search,
.sb-search-submit  {
  width: 30px;
  height: 60px;
  display: block;
  position: absolute !important;
  right: 0;
  top: 0 !important;
  padding: 0;
  margin: 0;
  line-height: 60px !important;
  text-align: center;
  cursor: pointer;
}

.sb-search-submit {
  background: #fff; /* ie needs this */
  -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)"; /* ie 8 */
    filter: alpha(opacity=0); /* ie 5-7 */
    opacity: 0;
  color: transparent;
  border: none;
  outline: none;
  z-index: -1;
}

.glyphicon-search {
  color: #222;
  z-index: 90;
  font-size: 18px;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}

/* .glyphicon-search:before {
  content: "\e000";
} */

/* open state */
.sb-search.sb-search-open,
.no-js .sb-search {
  width: 350px;
  border:1px solid #e5e5e5;
}

.sb-search.sb-search-open .glyphicon-search,
.no-js .sb-search .glyphicon-search {
  color: #222;
  z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
  z-index: 90;
}
/*固定的悬浮窗*/
.yb_conct {
  position: fixed;
  z-index: 9999999;
  top: 200px;
  right: -127px;
  cursor: pointer;
  transition: all .3s ease;
}
.yb_bar ul li {
  width: 180px;
  height: 53px;
  font: 16px/53px 'microsoft yahei';
  color: #fff;
  text-indent: 54px;
  margin-bottom: 3px;
  border-radius: 3px;
  transition: all .5s ease;
  overflow: hidden;
}
.yb_bar .yb_top {
  background:url(/uploads/image/timages/fixcont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
  background:url(/uploads/image/timages/fixcont.png) no-repeat 0 -57px;
}
.yb_bar .yb_qq {
  text-indent: 0;
  background:url(/uploads/image/timages/fixcont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {

  background:url(/uploads/image/timages/fixcont.png) no-repeat 0 -169px;
}
.hd_qr {
  display: block;
  margin:0 auto;
}
.yb_qq a {
  display: block;
  text-indent: 54px;
  width: 100%;
  height: 100%;
  color: #fff;
}
.yb_qq a:hover{
  color: #fff;
}
.yb_bar .yb_top {
    background-color: #009d8e;
}
.yb_bar .yb_phone {
    background-color: #009d8e;
}
.yb_bar .yb_qq {
    background-color: #009d8e;
}
.yb_bar .yb_ercode {

    background-color: #009d8e;
}
.nav-link:hover{ color: #495057; background-color:#ffffff; display: block; }
/* .nav-item dropdown a:hover{ color: #fff; background-color:#ab1e14; display: block; } */
@media (max-width: 768px){
  
  .yb_conct{
    display: none;
  }
  
  .h-50 {
    height: 30%;
    }

.sb-search {
   display: none;
}

.align-top {
  
    height: 68px;
}



    }
  
.nav-link1 {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    }  
  
  
