

@media screen and (max-width: 1004px){
    .target {height: 165px!important;
    }
    .navbar-brand img{
    width: 286px!important;
  } 
    .showbg {padding-top: 1px;}
    .content-txt { margin-top: 2px;
    }
    .content-w225, .content-w975 {
    width: 100%;
    padding: 0px 2px;
}  
   .hdNews h2 {
    width: 223px!important;
    white-space:nowrap; 
    overflow:hidden; 
  }
   .qljj_container .qljj_row .qljj_col {
    width: 100%;
}
   .navbar-collapse {
     top: 56px;
}
   .xwtp {
    width: 100%!important;
  }
  .xwlb {
    width: 100%!important;
  }

  .xw2 {
    font-size: 16px;
}
 .sj1 {
    padding: 5px;
    font-size: 14px!important;
}
  .em1 {
    width: 68%!important;
  }
  .xw2 span {
    color: #333;
    cursor: pointer;
    padding: 3px 2px;
}
nav.navbar.navbar-default ul li a {
    width: 100%!important;
    padding: 12px!important;
}
nav.navbar.navbar-default .menu1, .header-right {
    display: none;
}
.navbar-default .navbar-nav>.active>a span {
    border-bottom: none!important;
}
.footer .footer-link {
    height: 90px;
    
}
.nbanner {
    margin-bottom: 0px;
}
  .index-box-2 {
    padding-left: 0;
    margin-bottom: 0;
  }
  .index-box-2 .key {
    display: none;
  }
  .index-box-2 ul {
    display: block;
  }
  .index-box-2 ul li {
    width: 100%;
    margin-top: 5px;
  }
  .index-box-2 ul li:nth-child(4n).on a:before {
    background: url(../images/shadow3.png) repeat-y;
  }
  .index-box-2 ul li.on {
    width: 100%;
  }
  .index-box-2 ul li.on .info {
    padding-left: 20px;
  }
  .index-box-2 ul li.on .inner {
    padding-right: 20px;
  }
  .index-box-2 ul li.on .a-more {
    background: url(../images/more.png) no-repeat;
    background-size: contain;
  }
  .index-box-2 ul li:nth-child(4) a:before {
    background: url(../images/shadow3.png) repeat-y;
  }
  .index-box-2 ul li a:before {
    background: url(../images/shadow3.png) repeat-y;
  }
  .index-box-2 .pic {
    opacity: 1;
  }
  .index-box-2 .pic img {
    display: none;
    height: auto;
  }
  .index-box-2 .pic img.phone {
    display: block;
  }
  .index-box-2 .info {
    line-height: 24px;
    padding: 20px;
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    align-items: center;
  }
  .index-box-2 .inner {
    padding-right: 0;
    width: 100%;
  }
  .index-box-2 .icon {
    margin: 0 auto 22px;
  }
  .index-box-2 .icon img {
    display: none;
    width: 30px;
    height: 33px;
  }
  .index-box-2 .icon img.on {
    display: block;
  }
  .index-box-2 .name {
    font-size: 16px;
    line-height: 24px;
    height: auto;
  }
  .index-box-2 .en {
    font-size: 14px;
    line-height: 18px;
    height: auto;
    margin: 8px 0 14px;
  }
  .index-box-2 .a-more {
    width: 30px;
    height: 20px;
    background: url(../images/more5.png) no-repeat;
    background-size: contain;
  }
}
