.certificate-pc .banner{
    background-image: url('/web/shiwais2/assets/img/certificate/banner_security_01.jpg');
    height: 500px;
    color:#fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.certificate-pc .banner .info-title{
    width: 1220px;
    margin: 0 auto;
    overflow: hidden;
}

.certificate-pc .banner .info-title p:first-child{
    font-size: 40px;
    margin: 200px 0 35px 0;
}

.certificate-pc .banner .info-title p:last-child{
    width: 500px;
    line-height: 2;
}

.certificate-pc .network-box{
    width: 1220px;
    margin: 60px auto;
    text-align: center;
}

.certificate-pc .network-box div:first-child{
    font-size: 32px;
    margin: 50px 0 25px 0;
}

.certificate-pc .network-box div:nth-child(2){
    color: #999;
    font-size: 15px;
    margin-bottom: 50px;
}

.certificate-pc .network-box .clearfix{
    display: flex;
    justify-content: space-between;
    color: #333;
}

.certificate-pc .network-box .clearfix img{
    display: block;
    margin: 0 auto;
}

.certificate-pc .network-box .clearfix .clearfix-title{
    display: inline-block;
    margin: 30px 0 15px 0;
    line-height: 35px;
    border-bottom: 2px solid #00aaff;
    font-size: 18px;
    font-weight: bold;
    color: #00aaff;
}

.certificate-pc .network-box .clearfix li{
    width: 220px;
    color: #666;
}

.certificate-pc .network-img-box{
    width: 1220px;
    height: 400px;
    margin: 100px auto;
    position: relative;
}

.certificate-pc .network-img-box .network-img-01{
    width: 875px;
    height: 300px;
    background-image: url('/web/shiwais2/assets/img/certificate/network_bg_01.png');
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 50;
}

.certificate-pc .network-img-box .network-img-02{
    background-image: url('/web/shiwais2/assets/img/certificate/network_bg_02.png');
    width: 220px;
    height: 248px;
    position: absolute;
    left: 42%;
    z-index: 40;
      animation: moveUpDown 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
      -moz-animation: moveUpDown 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
      -webkit-animation: moveUpDown 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
      -o-animation: moveUpDown 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
}

@keyframes moveUpDown {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-20px);
    }
  }

  @-moz-keyframes moveUpDown {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-20px);
    }
  }

  @-webkit-keyframes moveUpDown {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-20px);
    }
  }

  @-o-keyframes moveUpDown {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-20px);
    }
  }

  .certificate-pc .network-img-box .network-img-03{
    background-image: url('/web/shiwais2/assets/img/certificate/network_bg_05.png');
    width: 400px;
    height: 124px;
    position: absolute;
    z-index: 30;
    top: 200px;
    left: 50%;
    transform: translateX(-48%);
  }

  .certificate-pc .network-img-box .network-img-04{
    background-image: url('/web/shiwais2/assets/img/certificate/network_bg_04.png');
    width: 469px;
    height: 144px;
    position: absolute;
    z-index: 20;
    top: 220px;
    left: 32%;
    animation: animation-03 4s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
    -moz-animation: animation-03 4s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
    -webkit-animation: animation-03 4s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
    -o-animation: animation-03 4s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
  }

  .certificate-pc .network-img-box .network-img-05{
    background-image: url('/web/shiwais2/assets/img/certificate/network_bg_03.png');
    width: 560px;
    height: 175px;
    position: absolute;
    z-index: 10;
    top: 235px;
    left: 28%;
    animation: animation-02 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
      -moz-animation: animation-02 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
      -webkit-animation: animation-02 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
      -o-animation: animation-02 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
  }

  @keyframes animation-03 {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-10px);
    }
  }

  @-moz-keyframes animation-03 {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-10px);
    }
  }

  @-webkit-keyframes animation-03 {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-10px);
    }
  }

  @-o-keyframes animation-03 {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-10px);
    }
  }

  @keyframes animation-02 {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-10px);
    }
  }

  @-moz-keyframes animation-02 {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-10px);
    }
  }

  @-webkit-keyframes animation-02 {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-10px);
    }
  }

  @-o-keyframes animation-02 {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-10px);
    }
  }

  .certificate-pc .service-box{
    height: 762px;
    background-image: url('/web/shiwais2/assets/img/certificate/service_bg.jpg');
    overflow: hidden;
  }

  .certificate-pc .service-box .service-box-title{
    text-align: center;
    margin-top: 35px;
    color: #fff;
  }

  .certificate-pc .service-box .service-box-title:first-child{
    font-size: 32px;
    font-weight: 700;
  }

  .certificate-pc .service-box .service-box-bottom{
    margin-top: 200px;
  }

  .service-index{
    position: absolute;
    z-index: 2;
  }

  .certificate-pc .service-box .service-box-top,
  .certificate-pc .service-box .service-box-bottom{
    width: 1220px;
    margin: 28px auto;
    display: flex;
    justify-content: space-between;
  }

  .certificate-pc .service-box .service-box-top div,
  .certificate-pc .service-box .service-box-bottom div{
    width: 384px;
    height: 250px;
    background-color: rgba(000, 000, 000, .3);
    position: relative;
  }

  .certificate-pc .service-box .service-box-top div img,
  .certificate-pc .service-box .service-box-bottom div img{
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
  }

  .certificate-pc .service-box .service-box-top div p,
  .certificate-pc .service-box .service-box-bottom div p{
    text-align: center;
    color: #fff;
  }

  .certificate-pc .service-box .service-box-top div p:nth-child(3),
  .certificate-pc .service-box .service-box-bottom div p:nth-child(3){
    top: 120px;
    left: 50%;
    font-weight: 700;
    font-size: 18px;
    transform: translateX(-50%);
  }

  .certificate-pc .service-box .service-box-top div p:last-child,
  .certificate-pc .service-box .service-box-bottom div p:last-child{
    padding: 0 25px;
    top: 160px;
  }

  .certificate-pc .service-box .service-box-top div .service-screen,
  .certificate-pc .service-box .service-box-bottom div .service-screen{
    position: absolute;
    bottom: 0;
    height: 6px;
    transition: height 0.5s ease-in-out;
    background-color: #00aaff;
    z-index: 0;
  }

  .service-index{
    position: absolute;
    z-index: 2;
  }

  .certificate-pc .safety-box{
    background-color: #0f244d;
    height: 800px;
    position: relative;
    overflow: hidden;
  }

  .certificate-pc .safety-box .safety-data-title{
    font-weight: 700;
    font-size: 32px;
    color: #fff;
    text-align: center;
    margin: 60px 0;
  }

  .certificate-pc .safety-box .safety-data-content{
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin: 0;
  }

  .certificate-pc .safety-box .safety-data-img{
    width: 998px;
    height: 623px;
    margin: 0 auto; 
    background-image: url('/web/shiwais2/assets/img/certificate/data_safety_bg.png');
    position: relative;
  }

  .certificate-pc .safety-box .safety-data-img .safety-item{
    /* position: absolute; */
    width:230px;
    height: 200px;
    color: #fff;
    text-align: center;
    position: relative;
  }

  .certificate-pc .safety-box .safety-data-img .safety-item .dot{
    position: absolute;
      left: 50%;
      top: -30px;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      background: #44ffcd;
      opacity: 1;
      transform: translate(-50%, -50%);
      z-index: 2;
  }

  .certificate-pc .safety-box .safety-data-img .safety-item .pulse{
      position: absolute;
      top: -30px;
      left: 50%;
      width: 20px; /* 初始大小 */
      height: 20px; /* 初始大小 */
      margin-top: -10px; /* 半径的负值 */
      margin-left: -10px; /* 半径的负值 */
      border-radius: 50%;
      background-color: rgba(53, 152, 254, 0.5);
      z-index: 1;
      animation: warn 1.5s ease-out infinite;
  }

  @keyframes warn {
    0% {
      transform: scale(1);
      opacity: 1;
    }
    100% {
      transform: scale(3); /* 根据需要调整扩展的大小 */
      opacity: 0;
    }
  }

  .safety1{
    position: absolute;
    left: 271px;
    top: 139px;
  }

  .safety2{
    position: absolute;
    left: -37px;
    top: 65px;
  }

  .safety3{
    position: absolute;
    left: 682px;
    top: -136px;
  }

  .safety4{
    position: absolute;
    left: 881px;
    top: -136px;
  }

  .certificate-pc .safety-box .safety-screen{
    background-image: url(/web/shiwais2/assets/img/certificate/data_safety_scan.png);
    width: 500px;
    height: 500px;
    position: absolute;
    transform-origin: bottom right;
    z-index: 0;
    animation: rotate 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
    left: calc(50% - 500px);

  }

  @keyframes rotate {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

  .certificate-pc .aptitude-box{
    height:765px;
  }

  .certificate-pc .aptitude-box div{
    text-align: center;
    color: #999;
  }

  .certificate-pc .aptitude-box .aptitude-box-title{
    font-size: 28px;
    font-weight: 700;
    margin: 40px 0;
    color: #333;
  }

  .certificate-pc .aptitude-box .aptitude-box-small{
    margin-bottom: 55px;
  }

  .certificate-pc .aptitude-box .margin-left-1{
    display: flex;
    justify-content: space-between;
    width: 1220px;
    margin: 0 auto;
  }

  .certificate-pc .aptitude-box .margin-left-1:first-child{
    margin-top: 30px;
  }

  .certificate-pc .aptitude-box .margin-left-1 .margin-left-list{
    width: 383px;
    height: 240px;
    margin-bottom: 18px;
    padding-top: 30px;
    border: 1px solid #eee;
  }

  .certificate-pc .aptitude-box .margin-left-1 .margin-left-list p:nth-child(2){
    font-size: 18px;
    color: #333;
    margin: 12px 0 10px 0;
    font-weight: 700;
  }

  .certificate-pc .aptitude-box .margin-left-1 .margin-left-list:hover{
    border-color: #00aaff;
    box-shadow: 1px 1px 10px rgba(0, 170, 255, 0.5);
  }

  @media (max-width: 750px) {
    .certificate-pc .banner{
      width:100%;
      height: 220px;
      background-image: url(https://img.shiwaiyun.com/images/2023/03/27/banner.png);
      background-size: cover;
    }
    .certificate-pc .network-box {
      width: 100%;
      margin: 60px auto;
      text-align: center;
    }
    .certificate-pc .network-img-box {
      width: 100%;
      height: 400px;
      margin: 100px auto;
      position: relative;
    }
    .certificate-pc .aptitude-box .margin-left-1 {
      display: flex;
      justify-content: space-between;
      width: 100%;
      margin: 0 auto;
    }
    .network-img-box{
      overflow: hidden;
    }
    .info-title{
      width: auto !important;
    }
    .certificate-pc .banner .info-title p:first-child{
      font-size: 16px;
      margin: 40px 0 0 20px;
    }
    .certificate-pc .banner .info-title p:last-child {
      width: 60%;
      line-height: 1.5;
      margin: 6px 0 0 20px;
    }
    .certificate-pc .network-box div:nth-child(2) {
      width: 93%;
      margin: 30px auto 80px auto;
      font-size: 14px;
    }
    .certificate-pc .network-box .clearfix {
      display: flex;
      color: #333;
      flex-wrap: wrap;
      justify-content: space-around;
    }
    .certificate-pc .network-box .clearfix li {
      width: 175px;
    }
    .certificate-pc .network-box .clearfix li p{
      /* height: 30px; */
    }
    .certificate-pc .network-img-box .network-img-02 {
      background-repeat: no-repeat;
      top: -9px;
      left: 23%;
    }

    .certificate-pc .network-img-box .network-img-04 {
      left:-8%;
    }
    .certificate-pc .network-img-box .network-img-05 {
      left: -20%;
    }
    .safety-box{
      display: none;
    }
    .certificate-pc .service-box .service-box-top, .certificate-pc .service-box .service-box-bottom {
      /* width: 1220px; */
    }
    .certificate-pc .service-box .service-box-top div, .certificate-pc .service-box .service-box-bottom div {
      width: 255px;
      margin: 0 auto;
    }
    .certificate-pc .service-box .service-box-top div, .certificate-pc .service-box .service-box-bottom div {
      margin: 11px auto;
    }
    .certificate-pc .service-box .service-box-top div .service-screen, .certificate-pc .service-box .service-box-bottom div .service-screen {
      bottom: -11px;
    }
    .certificate-pc .service-box .service-box-top, .certificate-pc .service-box .service-box-bottom {
      width: auto;
      flex-direction: column;
    }
    .certificate-pc .service-box {
      height: 1877px;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }
    .certificate-pc .aptitude-box .margin-left-1 .margin-left-list {
      width: 255px;
    }
    .certificate-pc .aptitude-box .margin-left-1 {
      display: flex;
      justify-content: space-between;
      /* width: 255px; */
      margin: 0 auto;
      flex-direction: column;
    }
    .certificate-pc .aptitude-box {
      height: 1778px;
    }
    .certificate-pc .aptitude-box .margin-left-1 .margin-left-list {

      margin: 0 auto 18px auto;
    }
    .li-none{
      display: block !important;
    }
  }

  .li-none{
    display: none;
  }