.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/case_banner.png") center 0 no-repeat;
    background-size: cover;
    
  }
  .article-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;
      text-align: center;
    }
  
    .article-tab-nav ul {
      display: inline-block;
      margin: 0 auto;
    }
    .article-tab-nav ul li {
      width: 150px;
      height: 40px;
      text-align: center;
      line-height: 40px;
      float: left;
      cursor: pointer;
      font-size: 14px;
      letter-spacing: 1px;
      text-align:center;
    }
    .article-tab-nav ul li a{
      width: 150px;
      height: 40px;
      display:block;
      color: #ffffff;
      float:left
    }
  
   
    .article-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;
      }

      .article-item{
          width: 98%;
          max-width: 1200px;
          /* margin: 0 auto; */
          position: relative;
          display: inline-block;
          /* text-align: center; */
      }

      .article-title{
        font-size: 40px;
        /* line-height: 1; */
        letter-spacing: 2px;
        color: #000;
        font-weight:400;
        /* margin-bottom:40px; */
        padding: 30px;
        text-align: center;
        position: relative;
        
      }

      a:hover{
        text-decoration: none;
    }

    .article-item .txt-box{
        width: 40%;
        float: left;
        padding: 20px 0px ;
        text-align: left;
    }

    .txt-box span{
        font-size: 16px;
        line-height: 28px;
        text-align: justify;
    }

    .article-item .pic-box{
        width: 50%;
        float: right;
    }

    .pic-box img{
        width: 100%;
    }

    .q-list3{
        width: 100%;
        position:relative;
        display: inline-block;
        background: url("http://assets.bjsdzk.com/ic_part_bg.jpeg") center no-repeat;
        background-size: cover;
        /* background-color: #dedede; */
    }

    .q-list3 li{float:left;width:25%;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;text-align:center;padding:47px 20px 18px}
    
    .q-list3 li:nth-child(4n){border-right-width:0}
    
    .q-list3 li:nth-child(13),.q-list3 li:nth-child(14),.q-list3 li:nth-child(15),.q-list3 li:nth-child(16){border-bottom-width:0}
    
    .q-list3 li:hover{
        /* background-color:#dedede; */
        /* opacity: 0.1; */
        box-shadow:0 0 5px 3px rgba(0,0,0,.12)
    }
    
    .q-list3 .pic{height:52px;line-height:52px;font-size:0;text-align:center;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}
    
    .q-list3 .pic img{display:inline-block;max-width:100%;max-height:100%}
    
    .q-list3 li:hover .pic{-webkit-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}
    
    .q-list3 .txt h4{font-weight:400;font-size:20px;margin-bottom:10px;margin-top:10px;color:#fff}
    
    .q-list3 .txt p{line-height:24px;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;height:96px}
    
    .pro-row4{padding:0 0 104px}

    .scense-two{
        width: 100%;
        display: inline-block;
    }

    .scense-two .item.left{
        width: 40%;
        float: left;
    }

    .scense-two .item.right{
        width: 40%;
        float: right;
    }

    .scense-two .pic{
        position: relative;
        height:288px;line-height:286px;padding-top:61.3%;overflow:hidden
    }

    .scense-two img{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .scense-two .pic img{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}




    .scense-two .txt{padding:15px 0 26px;background-color:#fff;text-align:center}


    .scense-two .txt h4{font-weight:400;font-size:20px;margin-bottom:8px;color:#000}


    .scense-two .item:hover .txt h4{color:#004599}
    .scense-two .item:hover .pic img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}

    .article-fun ul{
        width: 80%;
        display: inline-block;
    }
    .article-fun li{
        width: 47%;
        float: left;
        padding: 0 15px;
    }

    .article-fun h3{
        color: #1f4e79;
        font-size: 16px;
        height: 60px;
        line-height: 60px;
        text-align: left;
    }

    .article-fun .pic-box,
    .article-fun .txt-box{
        width: 49%;
    }

    .article-fun .pic-box img{
        display: inline-block;
        border-radius: 20px;
        -webkit-box-reflect: below 0px -webkit-linear-gradient(bottom, rgba(255,255,255,0.3) 0%, transparent 40%, transparent 100%);
        

    }

    .article-fun .txt-box span{
        font-size: 14px;
        color: #767676;
        line-height: 2em;
    }

    .dir-left{
        float: left;
    }

    .dir-right{
        float: right;
    }
.article-scense{
    width: 100%;
    margin-top: 60px;
    max-height: 555px;
    overflow: hidden;
}

.article-pro{
    width: 100%;
    max-height: 555px;
    overflow: hidden;
}


.part-list3 li{
    width: 33.3%;
}

.txt-full{
    width: 100%;
}

.txt-full span{
    font-size: 16px;
    line-height: 28px;
    text-align: justify;
    text-indent: 32px;
    display: block;
}
.article-border{
    width: 98%;
    max-width: 1200px;
    margin: 0 auto;
    border: 1px solid #dedede;
}
.safe-bg{
    width: 50%;
}

.fun-center{
    width: 98%;
    max-width: 1200px;
    margin: 0 auto;
}

.safe-bg-70{
    width: 70%;
}

/* .pic-width{
    width: 50%;
}

.txt-width{
    width: 50%;
} */

/* .pro-row5 .q-tit1{padding-bottom:14px} */

.ther img{
    width: 40%;
    float: left;
}

.ther ul{
    text-align: left;
    width: 50%;
    float: right;
    display: block;
    position: relative;
}

.ther ul li{
    width: 100%;
    margin-top: 20px;
}

.ther ul li h4{
    color: #2b4e75;
    font-size: 20px;
    font-weight: bold;
    line-height: 38px;
}

.ther ul li span{
    font-size: 16px;
    line-height: 22px;
}