.allBg {
  width: 100%;
  background: url("../imgs/newBgl1.png") 0 0 no-repeat,
    url("../imgs/newBgl2.png") 0 700px no-repeat,
    url("../imgs/newBgr2.png") right 230px no-repeat,
    url("../imgs/newBgr1.png") right top no-repeat;
  padding-top: 150rem;
}

.contentBox {
  background: #FFFFFF;
  border-radius: 59px 59px 59px 59px;
  border: 5px solid #B754FD;
  padding: 45px 60px 66px 74px;

}

.breadcrumbBox .breadcrumb-f,
.breadcrumbBox .breadcrumb-t {
  text-transform: Capitalize;
  font-family: 'Cherry Cream Soda';
  font-size: 16px;
  color: #999;
}

.breadcrumbBox .breadcrumb-t {
  cursor: default;
  color: #333;
}

.contentBox-tit {
  text-transform: Capitalize;
  font-size: 40px;
  color: #B754FD;
  margin: 29px 0 34px;
}

.susList {
  font-family: 'Cherry Cream Soda';
}

.susList-item {
  display: flex;
  gap: 12px;
}
.sus-l img {
  transition:  transform 0.3s ease;
}

.sus-l:hover img {
  opacity: 0.7;
}

.sus-l,
.sus-r {
  flex: 1;
}

.susList-item:nth-child(even) {
  flex-direction: row-reverse;
}

.sus-r {
  display: flex;
  flex-direction: column;
  padding: 0 40px;
  justify-content: center;
}

.sus-r-tit {
  font-size: 36px;
  color: #333333;
  line-height: 61rem;
  margin-bottom: 30rem;
}

.sus-r-sub {
  font-size: 16px;
  color: #666666;
  line-height: 27rem;
}



@media screen and (max-width: 1200px) {

  .susList-item,.susList-item:nth-child(even) {
    flex-direction: column;
    margin-bottom: 30rem;
  }
  .sus-r {
    padding: 0 40rem;
  }
  
  .sus-r-tit {
    font-size: 40rem;
  }
  
  .sus-r-sub {
    font-size: 24rem;
  }
}

@media screen and (max-width: 750px) {

  .contentBox {
    background: #FFFFFF;
    border-radius: 59rem;
    border: 5px solid #B754FD;
    padding: 45rem 30rem 66rem 30rem;
  }

  .contentBox-tit {
    font-size: 40rem;
  }

  .sus-r {
    padding: 0 40rem;
  }
  
  .sus-r-tit {
    font-size: 36rem;
  }
  
  .sus-r-sub {
    font-size: 20rem;
  }


}