/*  手机等小屏幕手持设备*/
@media screen and (min-width: 320px) and (max-width: 767px) {
  .whole-crumbs {
    visibility: hidden;
    height: 0px;
    margin-top: 0 !important;
  }
  .navbar-nav{
    display: none;
  }
  .head_nav_met_21_11_1 .lh-logo img{
    max-height: 47px;
  }
  .glyphicon-home:before {
    content: "\e021";
    color: #791a96;
    margin-right: 4px;
    margin-left: 4px;

  }
  .flex-container span {
    margin-left: 0px;
    margin-right: 5px;
    white-space:nowrap;/* 规定文本是否折行 */
    overflow: hidden;/* 规定超出内容宽度的元素隐藏 */
    text-overflow: ellipsis;
    width: 72%;
    display: inline;
  }
  a{ text-decoration:none;color: #333333;}

}
/*  //平板*/
@media screen  and (min-width: 768px) and (max-width: 1024px) {
  ul{
    display: block;
  }
  .navbar-nav{
    display: none;
  }
  .phone{
    display: none;
  }
  .navbar-nav>li>a{
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form{
    background-color: #ffffff;
  }
  .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    background-color: #ffffff;
    color: #791a98;
  }
  .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    background-color: #ffffff;
  }
  .navbar-default .navbar-nav>li>a{
    color: #333333;
  }
  .navbar-brand{
    padding: 6px 0px;
    margin-left: 63px;
  }
  .navbar-form .form-control{
    border-radius: 68px;
    margin-top: 5px;
  }
  .navbar-form .form-group{
    position: relative;
  }
  .glyphicona{
    position: absolute;
    right: 12px;
    top: 15px;
    background: #fff;
  }
  .glyphicon-search:before{
    color: #bebebe;
  }
  .navbar-default{
    width: 100%；
  }
  .navbar-default{
    background-color: #ffffff;
  }
  .navbar-nav{
    margin: 0 auto;
    width: 1400px;
    min-width: 1400px;
  }

  .container{
    width: 1500px;
    min-width: 1500px;
  }
  .collapsea{
    width: 1300px;
    margin: 0 auto;
  }
  .collapse-div{
    width: 1100px;
    float: left;
    margin: 0 auto;
  }
  .container{
    width: 100%;
    min-width: 100%;
  }
  #html5zoo-1{
    top: 70px;
  }
  .pc{
    display: block;
  }
  .head-pc{
    display: flex;
    display: inline-flex;
    padding: 18px;
  }
  .glyphicon-home:before {
    content: "\e021";
    color: #791a96;
    margin-right: 4px;
    margin-left: 4px;
  }
  .service_list_met_21_6_7 .lh-business-item li h2{
    height: 100px;
  }
  .lh-jour-tab-tab-h5{
    text-align: right;
  }
  a{ text-decoration:none;color: #333333;}
}
@media screen  and (min-width: 1024px) and (max-width: 1400px) {

  .navbar-nav {
    display: none;
  }
  .head_nav_met_21_11_1 .lh-map-nav dl{
    padding-left: 0px;
  }
  ul{
    display: block;
  }
  .phone{
    display: none;
  }
  .pc{
    display: block;
  }
  .navbar-nav>li>a{
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form{
    background-color: #ffffff;
  }
  .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    background-color: #ffffff;
    color: #791a98;
  }
  .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    background-color: #ffffff;
  }
  .navbar-default .navbar-nav>li>a{
    color: #333333;
  }
  .navbar-brand{
    padding: 6px 0px;
    margin-left: 63px;
  }
  .navbar-form .form-control{
    border-radius: 68px;
    margin-top: 5px;
    box-shadow: none;
    padding-left: 10px;
  }
  .navbar-form .form-group{
    position: relative;
    top: 6px;
    left: 10px;
  }
  .glyphicona{
    position: absolute;
    right: 12px;
    top: 15px;
    background: #fff;
  }
  .glyphicon-search:before{
    color: #bebebe;
  }
  .navbar-default{
    width: 100%；
  }
  .navbar-default{
    background-color: #ffffff;
  }
  .navbar-nav{
    margin: 0 auto;
    width:1150px;
    min-width: 1150px;
  }

  .container{
    width: 1500px;
  }
  .collapsea{
    width: 1300px;
    margin: 0 auto;
    font-size: 16px;
  }
  .collapse-div{
    width: 1100px;
    float: left;
    margin: 0 auto;
  }
  .container{
    width: 1600px;
    font-size: 16px;
  }
  #html5zoo-1{
    top: 70px;
  }
  .head-pc{
    display: flex;
    display: inline-flex;
    padding: 18px;
    width: 404px;
  }
  .head-pc-img{
    display: block;
    color: #666;
    border-right: 1px solid #eeeeee;
    padding-right: 14px;
  }
  .underline span{
    padding-bottom: 8px;
    color: #666666;
    font-size: 13px;
  }
  .dropdown-menu{
    left: 12px !important;
    width: auto;
    min-width: 400px;
  }
  .dropdown-menu-right.dropdown-menu-bullet:after, .dropdown-menu-right.dropdown-menu-bullet:before{
    left: 10px;
  }
  .flex-container span {
    margin-left: 10px;
    margin-right: 10px;
  }
  .navlist{
    position: absolute;
    right: -167px;
    top: 14px;
    font-size: 13px;
  }
  .navlist li{
    padding-left: 1%;
  }
  a{ text-decoration:none;color: #333333;}
  .news_list_met_21_14_74 img{

  }
  .news_list_met_21_14_74 .lh-news-con{
    width: 98%;
  }
  .glyphicon-home:before {
    content: "\e021";
    color: #791a96;
    margin-right: 4px;
    margin-left: 4px;
  }
  .head-list-width{
    width: 100px;
  }
  .service_list_met_21_6_7 .lh-business-item li h2{
    height: 100px;
  }
  .lh-jour-tab-tab-h5{
    text-align: right;
  }
}

@media screen  and (min-width: 1400px) and (max-width: 1600px) {
  .underline span:hover{
    color: #791a96;
  }
  .head_nav_met_21_11_1 .lh-map-nav dl{
    padding-left: 1%;
  }
  ul{
    display: block;
  }
  .phone{
    display: none;
  }
  .pc{
    display: block;
  }
  .navbar-nav>li>a{
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form{
    background-color: #ffffff;
  }
  .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    background-color: #ffffff;
    color: #791a98;
  }
  .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    background-color: #ffffff;
  }
  .navbar-default .navbar-nav>li>a{
    color: #333333;
  }
  .navbar-brand{
    padding: 6px 0px;
    margin-left: 63px;
  }
  .navbar-form .form-control{
    border-radius: 68px;
    margin-top: 5px;
    box-shadow: none;
    padding-left: 10px;
  }
  .navbar-form .form-group{
    position: relative;
    top: 6px;
    left: 10px;
  }
  .glyphicona{
    position: absolute;
    right: 12px;
    top: 15px;
    background: #fff;
  }
  .glyphicon-search:before{
    color: #bebebe;
  }
  .navbar-default{
    width: 100%；
  }
  .navbar-default{
    background-color: #ffffff;
  }
  .navbar-nav{
    margin: 0 auto;
    width:1150px;
    min-width: 1150px;
  }

  .container{
    width: 1500px;
    min-width: 1500px;
  }
  .collapsea{
    width: 1300px;
    margin: 0 auto;
    font-size: 16px;
  }
  .collapse-div{
    width: 1100px;
    float: left;
    margin: 0 auto;
  }
  .container{
    width: 1600px;
    font-size: 16px;
  }
  #html5zoo-1{
    top: 70px;
  }
  .head-pc{
    display: flex;
    display: inline-flex;
    padding: 18px;
    width: 404px;
  }
  .head-pc-img{
    display: block;
    color: #666;
    border-right: 1px solid #eeeeee;
    padding-right: 14px;
  }
  .underline span{
    padding-bottom: 8px;
    color: #666666;
    font-size: 14px;
  }
  .dropdown-menu{
    left: 12px !important;
    width: auto;
    min-width: 400px;
  }
  .dropdown-menu-right.dropdown-menu-bullet:after, .dropdown-menu-right.dropdown-menu-bullet:before{
    left: 10px;
  }
  .flex-container span {
    margin-left: 10px;
    margin-right: 10px;
  }
  .navlist{
    position: absolute;
    right: -119px;
    top: 14px;
    font-size: 14px;
  }
  .navlist li{
    padding-left: 1%;
  }
  a{ text-decoration:none;color: #333333;}
  .head-list-width a{
    width: 97%;
    overflow: hidden;
  }
  .glyphicon-home:before {
    content: "\e021";
    color: #791a96;
    margin-right: 4px;
    margin-left: 4px;
  }
  .head-list-width{
    width: 100px;
  }
  .service_list_met_21_6_7 .lh-business-item li h2{
    height: 100px;
  }
  .lh-jour-tab-tab-h5{
    text-align: right;
  }
}
@media screen  and (min-width: 1600px) {
  .head-list-width{
    width: 118px;
  }
  .head_nav_met_21_11_1 .lh-map-nav dl{
    padding-left: 0%;
  }
  .underline span:hover{
    color: #791a96;
  }
  ul{
    display: block;
  }
  .phone{
    display: none;
  }
  .pc{
    display: block;
  }
  .navbar-nav>li>a{
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form{
    background-color: #ffffff;
  }
  .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    background-color: #ffffff;
    color: #791a98;
  }
  .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    background-color: #ffffff;
  }
  .navbar-default .navbar-nav>li>a{
    color: #333333;
  }
  .navbar-brand{
    padding: 6px 0px;
    margin-left: 63px;
  }
  .navbar-form .form-control{
    border-radius: 68px;
    margin-top: 5px;
    box-shadow: none;
    padding-left: 10px;
  }
  .navbar-form .form-group{
    position: relative;
    top: 6px;
    left: 10px;
  }
  .glyphicona{
    position: absolute;
    right: 12px;
    top: 15px;
    background: #fff;
  }
  .glyphicon-search:before{
    color: #bebebe;
  }
  .navbar-default{
    width: 100%；
  }
  .navbar-default{
    background-color: #ffffff;
  }
  .navbar-nav{
    margin: 0 auto;
    width:1150px;
    min-width: 1150px;
  }

  .container{
    width: 1500px;
    min-width: 1500px;
  }
  .collapsea{
    width: 1300px;
    margin: 0 auto;
    font-size: 16px;
  }
  .collapse-div{
    width: 1100px;
    float: left;
    margin: 0 auto;
  }
  .container{
    width: 1600px;
    font-size: 16px;
  }
  #html5zoo-1{
    top: 70px;
  }
  .head-pc{
    display: flex;
    display: inline-flex;
    padding: 18px;
    width: 432px;
  }
  .head-pc-img{
    display: block;
    color: #666;
    border-right: 1px solid #eeeeee;
    padding-right: 14px;
  }
  .underline span{
    padding-bottom: 8px;
    color: #666666;
    font-size: 16px;
  }
  .dropdown-menu{
    left: 12px !important;
    width: auto;
    min-width: 415px;
  }
  .dropdown-menu-right.dropdown-menu-bullet:after, .dropdown-menu-right.dropdown-menu-bullet:before{
    left: 10px;
  }
  .flex-container span {
    margin-left: 10px;
    margin-right: 10px;
  }
  .navlist{
    position: absolute;
    right: 115px;
    top: 14px;
  }
  .navlist li{
    padding-left: 1%;
  }
  a{ text-decoration:none;color: #333333;}
  .head-list-width a{
    width: 97%;
    overflow: hidden;

  }
  .whole-crumbs a:hover{
    color: #791a96;
  }
  .glyphicon-home:before {
    content: "\e021";
    color: #791a96;
    margin-right: 4px;
    margin-left: 4px;
  }
  .service_list_met_21_6_7 .lh-business-item li h2{
    height: 100px;
  }
  .lh-jour-tab-tab-h5{
    text-align: right;
  }
  /*  css...
    当设备宽度  在  769px和992px范围内,执行当前的css*/
}
.glyphicon-home-navigation a{
  text-decoration:none;
  color: #333;
}
.head-content{
  width: 264px;
}
.whole-crumbs{
  margin-top: 25px;
  text-align: center;
  margin-bottom: 25px;
}
.whole-crumbs span{
  margin-left: 10px;
  margin-right: 10px;
  display: inline-flex;
  font-size: 16px;
}