.banner{
    width: 100%;
    height: 360px;
    /* position: relative; */
    /* z-index: 99; */
    z-index: 99;
    /* position: absolute;
    left: 0;
    top: 81px; */
    background: url("http://assets.bjsdzk.com/about_banner.png") center 0 no-repeat;
    background-size: cover;
}

.about-tab-nav{
    text-align: center;
      height: 40px;
      width:100%;
      background-color:rgba(0,0,0,0.7);
    margin-top:-40px;
    z-index: 2;
    /* position: relative; */
   
    }
  
    .fix{
      zoom: 1;
    }

    .aboutwrap .about{
        width: 100%;
        display: inline-block;
        
    }
  
    .about-tab-nav ul {
      /* display: inline-block;
      margin: 0 auto; */
      margin-left: 30px;
    }
    .about-tab-nav ul li {
      width: 120px;
      height: 40px;
      text-align: center;
      line-height: 40px;
      float: left;
      cursor: pointer;
      font-size: 14px;
      letter-spacing: 1px;
      text-align:center;
    }
    .about-tab-nav ul li a{
      width: 120px;
      height: 40px;
      display:block;
      color: #ffffff;
      float:left
    }
  
    
    .about-tab-nav ul li.sidenav-focus {
      background-color: #3fb8bf;
    }
  
    .navigation {
      font-size: 14px;
      letter-spacing: 1px;
      color: #b5b5b5;
      line-height: 90px;
      width: 1200px;
          /* margin: 0 auto; */
      /* margin-top:px; */
      padding: 0 30px;
    }
  
    .navigation a {
      color: #727272;
    }

    .common-container{
        font-family: Arial, Helvetica, sans-serif;
    }
  
  
  
    .about-item h2{
      font-size: 32px;
      /* line-height: 1; */
      letter-spacing: 2px;
      color: #3b3b3b;
      font-weight:bold;
      margin-bottom:40px;
      padding: 0 30px;
      position: relative;
    }
  
    a:hover{
    text-decoration: none;
    }

    .about-info{
        width: 100%;
        position: relative;
        padding: 0 30px;
    }

    .about-left{
        width: 65%;
        float: left;
    }

    .about-left p{
        margin-top: 15px;
    }

    .about-left p span{
        font-size: 13px;
        color: #3b3b3b;
        letter-spacing: 1px;
        line-height: 30px;
        text-indent: 26px;
        display: block;
    }

    .about-right{
        width: 30%;
        float: right;
        position: relative;
    }

    .about-right img{
        width: 100%;
        
    }

    .artical{
        width: 100%;
        height: calc(100vh - 81px);
        background: url("https://assets.bjsdzk.com/ic_about_bg.png") center 0 no-repeat;
        background-size: cover;
    }

    .artical h2,
    .archive h2{
        font-size: 30px;
        /* line-height: 1; */
        letter-spacing: 2px;
        color: #fff;
        font-weight:400;
        /* margin-bottom:40px;
        margin-top: 40px; */
        padding: 50px 30px;
        position: relative;
        font-family: 微软雅黑;
      }

      .artical ul{
          width: 100%;
          margin-top: 100px;
        display: inline-block;
      }

      .artical ul li{
          width: 33.3%;
          min-height: 200px;
          float: left;
          /* border: 2px solid #fff; */
          display:inline-block;
          text-align: center;
          vertical-align: middle;
          position: relative;
          /* border: 1px solid #000; */
  
      }

      .artical ul li img{
          width: 90px;
          height: 90px;
          display: inline-block;
          text-align: center;
          /* position: absolute;
          top: 50%;
          transform: translate(-50%,-50%);
          -webkit-transform: translate(-50%,-50%); */

      }

      .artical .item-info{
          display: inline-block;
          text-align: center;
            /* margin-left: 20px; */
          vertical-align: middle;
          font-family: 微软雅黑;
      }

      .artical .item-info td{
          padding: 10px;
      }

      .artical-item{
          height: 100%;
      }

      /* .artical .item-intro{
        position: absolute;
        top: 50%;
        transform: translate(60%,-50%);
        -webkit-transform: translate(60%,-50%);
      } */

      .artical .item-info h3{
          font-size: 22px;
          font-weight: 400;
          color: #fff;
          margin-bottom: 20px;
          /* margin-left: 48px; */
      }

      .artical .item-info span{
          font-size: 16px;
          color: #fff;
          line-height: 30px;
      }

      .archive{
        width: 100%;
        height: calc(100vh - 81px);
        background: #fff;
      }

      .archive .result-ul{
          width: 100%;
          height: 40%;
          max-width: 1200px;
          margin: 0 auto;
          
          /* position: relative; */
      }

      .archive .result-ul li{
          width: 33.3%;
          float: left;
          display: inline-block;
          text-align: center;
            position: relative;
          /* position: absolute; */
          padding: 20px 0;
          top: 50%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
      }

      .archive .result-ul li img{
        width: 90px;
        height: 90px;
        -webkit-transition:.3s;-o-transition:.3s;transition:.3s;  
    }

    .archive h3{
        font-size: 22px;
        font-weight: bold;
        color: #333;
        line-height: 40px;
        -webkit-transition:.3s;-o-transition:.3s;transition:.3s;  
        /* margin-bottom: 20px; */
        
    }

    .archive .result-ul li:hover{
        /* background-color:#dedede; */
        /* opacity: 0.1; */
        box-shadow:0 0 5px 3px rgba(0,0,0,.12)
    }
    .archive .result-ul li:hover img{-webkit-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}
    .archive .result-ul li:hover h3{color: #3fb8bf;}

    .archive span{
        color: #333;;
        font-size: 16px;
        line-height: 25px;
    }

    .ul-border{
        width: 100%;
        height: 40%;
        min-height: 316px;
        background-color: #dedede;
        overflow: hidden;
        
       
    }
/* 
    .archive-ul{
        margin: 10px;
        min-height: 296px;  
        border: 1px solid #646464;
       
    }

    .archive-ul li{
        width: 16.6%;
        height: 100%;
        display: inline-block;
        float: left;
        overflow: hidden;
    }

    .archive-ul li .ipic{
        height: 294px;
        overflow: hidden;
    }

    .archive-ul li img{
        width: 100%;
        min-height: 294px;
        padding: 0 15px;
        overflow: hidden;
        -webkit-transition:.3s;-o-transition:.3s;transition:.3s
    }

    .archive-ul li:hover img{
        -webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)
    } */