.img{
    width: 100%;
    height:auto;
}

.contant,.text,.flex{
    margin: 0 auto
}

.title{
    margin:0 auto;
    width:100%;
    text-align: center;
  }
  
  .title>p:nth-child(1){
      font-size:40px;
      color:#333;
      margin-top:100px;
  }
  
  .title>p+p{
      font-size:20px;
      color:#999999;
      margin-top:30px;
  }
  .text{
      display:flex;
      flex-direction: column;
      align-items: center;
     
  }

  .text p{
    columns: #333333;
    color:16px;
    line-height: 50px;
}
  .flex{
      display:flex;

  }

  .flex>.item:nth-child(2){
    margin:0 40px;
  }
  .item{
      width:34%;
     
  }
  .item img{
    width:100%;
}
@media(min-width:1200px){
    .value{
        width:70%;
        margin:0 auto;
    }
}
  @media(max-width: 980px){
      .flex{
          flex-direction: column;
          
      }
      .flex .item{
        width: 100%;
        margin-top:100px !important;
    }
      .flex>.item:nth-child(2){
        margin:0;
      }
  }


.item >p:nth-child(2){
    margin-top:35px;
    font-size:24px;
    color:#333;
}

.item >p:nth-child(3){
    margin-top:28px;
    font-size:16px;
    color:#666;
    
}