/*
-----------
** ÐÂÎÅÏêϸ1 **
-----------
*/
.newsinfo {
    padding: calc(100px + 22px ) 0 3.75rem;
  }
  .newsinfo .tipbox {
    margin-bottom: 1.5rem;
  }
  .newsinfo .tipbox a {
    color: #666666;
  }
  .newsinfo .leftbox {
    /*width: 70%;*/
    /*padding-left: 3rem;*/
    width:calc(92% - 300px);
  }
  .newsinfo .leftbox .news-top {
    /*border-bottom: 1px solid #e5e5e5;
    padding-bottom: .75rem;*/
    text-align:center;
  }
  .newsinfo .leftbox .news-top .news-tit {
    color: #444;
    margin-bottom: .35rem;
  }
  .newsinfo .leftbox .news-top .time {
    color: #999;
    font-size: 14px;
    color: #999;
  }
  .newsinfo .leftbox .news-text {
    padding: 1rem 0 2.5rem;
    line-height: 2;
    border-bottom: 1px solid #e5e5e5;
    text-indent: 2em;
    word-break: break-all;
  }
  .newsinfo .leftbox .news-text img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }
  .newsinfo .leftbox .news-nav {
    padding-top: 1rem;
  }
  .newsinfo .leftbox .news-nav .nav-l {
    width: calc(100% - 2rem);
  }
  .newsinfo .leftbox .news-nav .nav-l span {
    width: 100%;
    font-size: 15px;
    line-height: 28px;
    color: #666;
  }
  .newsinfo .leftbox .news-nav .nav-l span a {
    color: #666;
    width: calc(100% - 90px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    transition: all .5s ease;
  }
  .newsinfo .leftbox .news-nav .nav-l span a:hover {
    color: #1060a4;
  }
  .newsinfo .leftbox .news-nav .back-btn {
    font-size: .4rem;
    line-height: .5rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .425rem;
    padding-left: .65rem;
    color: #666;
    background-image: url(/bocstatic/web/img/news-back.png);
    transition: all .3s;
  }
  .newsinfo .rightbox {
    /*width: 21.66%;*/
    width:300px;
    padding: 1rem .75rem 1.25rem;
    background: #F7F7F7;
    border-radius: 10px;
  }
  .newsinfo .rightbox .tit3 {
    margin-bottom: .8rem;
  }
  .newsinfo .rightbox a {
    margin-bottom: .35rem;
    padding-left: 20px;
    color:#444;
    display: block;
  }
  .newsinfo .rightbox a:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    left: 0;
    top: 50%;
    margin-top: -2.5px;
    background: #075CC0;
  }
  .newsinfo .rightbox a:last-child {
    margin-bottom: 0;
  }
  
  .warp-header4.active {
    /*position: relative;*/
  }
  
  @media (max-width: 1024px) {
    .newsinfo .leftbox {
      padding-left: 0;
    }
  
    .newsinfo .tipbox {
      margin-bottom: 1.5rem;
    }
  }
  @media (max-width: 768px) {
    .newsinfo{
      padding-top:1.5rem;
    }
    .newsinfo .leftbox {
      width: 100%;
      margin-bottom: 1rem;
    }
  
    .newsinfo .rightbox {
      width: 100%;
    }
  
    .newsinfo {
      padding-bottom: 2rem;
    }
  }


  @media (max-width: 996px){
        .newsinfo{
        padding: 2rem 5%;
        padding-top: 100px;
    }
  }

  @media (max-width: 767px) {
    .newsinfo {
      padding: 22px 5% 2rem;
      padding-top: 75px;
    }
  
    .newsinfo .leftbox .news-nav .nav-l span {
      max-width: 100%;
      font-size:14px;
    }
    .newsinfo .leftbox .news-nav .back-btn{
      font-size:14px;
      margin-top:.3rem;
    }
  
    .newsinfo .leftbox .news-text {
      padding-bottom: 1.5rem;
    }
  }



.n-banner {
    height: 11.25rem;
    padding: 4.25rem 0 0;
  }
  .n-banner .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .n-banner .tit2 {
    margin-bottom: .65rem;
  }
  .n-banner form{
    width:100%;
  }
  .n-banner .search {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    width: 480px;
    margin:0 auto;
    border: 1px solid white;
  }
  .n-banner .search .input1 {
    padding: 0 16px;
    height: 40px;
    line-height: 40px;
    width: 100%;
    background: transparent;
    color: #333;
  }
  .n-banner .search .input1::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #666;
  }
  .n-banner .search .input1:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #666;
  }
  .n-banner .search .input1::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #666;
  }
  .n-banner .search .input1:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #666;
  }
  .n-banner .search .input2 {
    width: 30px;
    height: 30px;
    background: url(/bocstatic/web/img/search.svg) no-repeat center center;
    background-size: 20px auto;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
  }
  .n-banner .tit2 {
    position: relative;
    z-index: 2;
  }
  .n-banner .search {
    position: relative;
    z-index: 2;
  }
  .n-banner .tabbox {
    position: absolute;
    bottom: 0;
    z-index: 4;
  }
  .n-banner .tabbox a {
    padding: 24px .75rem;
    line-height: 1;
    margin: 0 .25rem;
    position: relative;
    opacity: .8;
  }
  .n-banner .tabbox a:before {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 5px;
    background: #005bbb;
    opacity: 0;
    transition: all .3s;
  }
  .n-banner .tabbox a:hover, .n-banner .tabbox a.cur {
    opacity: 1;
    color: #fff;
  }
  .n-banner .tabbox a:hover:before, .n-banner .tabbox a.cur:before {
    opacity: 1;
  }
  
  @media (max-width: 768px) {
    .n-banner .search {
      width: 90%;
      margin:0 auto;
    }
  
    .n-banner .tabbox a {
      padding: 15px 0.2rem;
      font-size: 12px;
    }
  
    .n-banner .tabbox {
      padding: 0 3%;
      width: 100%;
    }
  
    .n-banner .tabbox a:before {
      height: 3px;
    }
  }
  @media (max-width: 767px) {
    .n-banner .tabbox a {
      padding: 15px 0;
      margin: 0 .2rem;
      font-size: 12px;
    }
    .n-banner .tabbox {
      padding: 0;
    }
  }
  
.n-search {
    padding: 2rem 0 5rem;
  }
  .n-search .tip {
    margin-bottom: 1.75rem;
  }
  .n-search .tip span {
    color: #005bbb;
    line-height: 1;
    margin: 0 5px;
  }
  .n-search .colcur {
    color: #005bbb;
  }
  .n-search .li {
    background: #F7F7F7;
    padding: 1.2rem;
    margin-bottom: 20px;
  }
  .n-search .title {
    width: 100%;
    margin-bottom: 1.5rem;
  }
  .n-search .title .tit2 {
    width: calc(100% - 240px);
  }
  
  @media (max-width: 768px) {
    .n-search .title .tit2 {
      width: 100%;
      margin-bottom: .25rem;
    }
  
    .n-search .li {
      padding: .85rem;
    }
  
    .n-search {
      padding: 2rem .5rem;
    }
  
    .n-search .page {
      padding-top: .5rem;
    }
  }