
.banner {
    width: 100%;
    height: 500px;
    background: url(20230918092656.jpg) center center no-repeat;
    background-size: cover;
}
.piece1 h2 {
    background: url(bt1.png) center no-repeat;
    
}
.piece1 h2, .piece2 h2, .piece3 h2, .piece4 h2, .piece5 h2 {
    width: 100%;
    height: 130px;
    margin: 30px 0;
}

.piece2 h2 {
    background: url(bt2.png) center no-repeat;
    
}
.piece3 h2 {
    margin-bottom: 0px;
}

.piece3 h2 {
    background: url(bt3.png) center no-repeat;
    
}

.piece4 h2 {
    background: url(bt4.png) center no-repeat;
   
}

.piece5 h2 {
    background: url(bt5.png) center no-repeat;
   
}


.example {
    min-width: 1170px;
    width: 100%;
    height: 450px;
    font-size: 40px;
    text-align: center;
    margin: 20px auto;
    background-color: dodgerblue;
  }

  .carousel-item {
    line-height: 450px;
    color: #fff;
    font-family: Arial Black
  }

  .common {
    clear: both;
    min-width: 1170px;
   width: 100%;
  }