.title{
    font-size: 36px;
    color: #fff;
    text-align: center;
    margin-bottom:60px;
       
}
.content1{
    width: 100%;
    background: url(/images/about/bg.webp) no-repeat top center;
    background-size: cover;
     padding: 5% 0 18%;
}
.content1 ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
.content1 ul li {
    margin-right:50px;
}
.content1 ul li img{
  max-width:100%;
}
.content1 ul li:last-child{
    margin-right:0;
}
.content1 p{
    font-size: 20px;
color: #FFFFFF;
max-width: 1300px;
margin:60px auto;
}

.content2{
     width: 100%;
     background: url(/images/about/licheng.webp) no-repeat top center;
    background-size: cover;
     padding: 5% 0 6%;
    
}
.content2 .title{
   margin-bottom: 0;
}
.content2 img{
   max-width: 100%;
   margin: 0 auto;
}
.content3 img{
    width:100%;
}
.content3{
     width: 100%;
     position: relative;
    
}

.content3 .title{
    position:absolute;
    left: 0;
    top:8%;
    width: 100%;
}

.content3 ul {
    width: 100%;
    max-width: 700px;
    display: flex;
    justify-content: space-between;
    text-align: left;
        margin: 0 auto ;
    
}
.content3 ul li{
    color: #fff;
    margin-right:20px;
}
.content3 ul li:last-child{
    margin-right:0;
}
.content3 ul li h3{
    font-size: 14px;
    margin-bottom:10px;
}
.content3 ul li p{
    font-size: 30px;
    font-weight: bold;
}
.content3 .container-fluid{
        position: absolute;
    bottom: 9%;
    width: 100%;
}


.content4 img{
    max-width:100%;
    margin: 0 auto;
}
.content4{
     width: 100%;
     padding:5% 0;
    
}

.content4 .title{
   
    color: #000;
}
.content4{
    background: url(/images/about/bg4.webp) no-repeat center center;
    background-size: cover;
}
.content4 .rongyu1{
    margin-bottom:50px;
}
.content4 .rongyu1 ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 1200px){
    title{
        font-size: 26px;
    }
}
@media (max-width: 992px){
    .content2{
        background: none;
        position: relative;
         padding:0;
    }
     .content2 .title {
        position: absolute;
        text-align: center;
        left: 0;
        top: 3%;
        width: 100%;
       
      }
      .content2 img,  .content4 img{
          width: 100%;
      }
      .content4{
          background: none;
          position: relative;
          padding:0;
      }
       .content4 .title{
           position: absolute;
           top:8%;
           left: 0;
           width: 100%;
           text-align: center;
       }
       .content1{
           padding-top:8%;
       }
}
@media (max-width: 750px){
    .banner{
        margin-top: 50px;
    }
    .title{
            font-size: 24px;
            margin-bottom: 30px;
    }
    .content1 p{
        font-size:14px ;
          margin: 0px auto 130px;
    }
    .content3 ul li p{
        font-size: 20px;
      
    }
    .content1 ul{
        flex-wrap: wrap;
    }
    .content1 ul li{
        width: 45%;
    }
    .content1 ul li{
        margin-right:10%;
    }
     .content1 ul li:nth-child(2n){
         margin-right:0
     }
      .content1 ul li img{
          margin:0 auto 30px;
          /*width: 60%;*/
      }
     
    
}