.banner-text.ui {
  width: 572px;
  max-width: 572px;
}

@media (max-width:768px) {
  .banner-text.ui {
    width: 100%;
  }
}

.harztitle {
  width: 100%;
  text-align: center;
  font-size: 26px;
  color: #333333;
  font-weight: 700;
}

/* 主要服务 */

.zycon {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 90px;
  box-sizing: border-box;
  padding: 0 12px;
}

.zybox {
  width: 1400px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}

.zyitem {
  width: 33%;
  height: 161px;
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  padding-left: 30px;
  padding-right: 60px;
  padding-top: 40px;
}

.zyitem:nth-of-type(1) {
  padding-left: 14px;
  border-right: 1px solid rgba(239, 239, 239, 1);
  border-bottom: 1px solid rgba(239, 239, 239, 1);
}

.zyitem:nth-of-type(2) {
  border-right: 1px solid rgba(239, 239, 239, 1);
  border-bottom: 1px solid rgba(239, 239, 239, 1);
}

.zyitem:nth-of-type(3) {
  border-bottom: 1px solid rgba(239, 239, 239, 1);
}

.zyitem:nth-of-type(4) {
  padding-left: 14px;
  border-right: 1px solid rgba(239, 239, 239, 1);
}

.zyitem:nth-of-type(5) {
  border-right: 1px solid rgba(239, 239, 239, 1);
}

.zyitem:nth-of-type(6) {}

.zyitem>img {
  width: 60px;
  height: 60px;
  margin-right: 20px;
}

.zyitem:hover {
  background: #FFFFFF;
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.11);
  border-radius: 6px;
}

.zyright {}

.zyright>div:nth-of-type(1) {
  font-size: 18px;
  color: #333333;
  font-weight: 600;
  line-height: 25px;
}

.zyright>div:nth-of-type(2) {
  font-size: 14px;
  color: #333333;
  text-align: justify;
  line-height: 22px;
  margin-top: 12px;
}

@media (max-width:1424px) {
  .zybox {
    width: 100%;
  }
}

@media (max-width:1235px) {
  .zyitem {
    width: 50%;
    height: auto;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-right: 30px;
  }

  .zyitem:nth-of-type(3),
  .zyitem:nth-of-type(5) {
    padding-top: 24px;
    padding-left: 0;
    border-right: 1px solid rgba(239, 239, 239, 1);
  }

  .zyitem:nth-of-type(4) {
    padding-left: 30px;
    border-bottom: 1px solid rgba(239, 239, 239, 1);
  }

  .zyitem:nth-child(2n) {
    border-right: 0;
  }
}

@media (max-width:768px) {
  .zycon {
    margin-top: 30px;
  }

  .zybox {
    margin-top: 20px;
  }

  .harztitle {
    font-size: 20px;
  }

  .zyitem {
    width: 100%;
    border-right: 0;
    pointer-events: none;
  }

  .zyitem:nth-child(n) {
    border-right: 0;
    padding-left: 0;
    border-bottom: 1px solid rgba(239, 239, 239, 1);
  }
}

.nrcon {
  width: 100%;
  margin-top: 90px;
}

.nrbox {
  width: 100%;
  max-height: 460px;
  display: flex;
  align-items: center;
  margin-top: 30px;
}


.nrleft {
  width: 50%;
  height: 100%;
  box-sizing: border-box;
  padding-left: 12px;
}


.nrlabelcon {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
}

.nrlabelbox {
  width: 800px;
  display: flex;
  flex-wrap: wrap;
}

.nritem {
  box-sizing: border-box;
  padding: 0 30px;
  height: 65px;
  background: #FFFFFF;
  box-shadow: 0px 0px 11px 0px rgba(137, 137, 137, 0.13);
  border-radius: 100px 100px 4px 100px;
  font-size: 18px;
  color: #333333;
  font-weight: 600;
  margin-right: 20px;
  line-height: 65px;
  margin-bottom: 30px;
  cursor: pointer;
  position: relative;
  transition: all 0.3s linear;
}

.nritem:hover {
  transform: translateY(-10px);
  /* top: -10px; */
  color: #7CBC26;
}

.nrright {
  width: 50%;
  display: flex;
  align-items: center;
}

.nrright>img {
  width: 100%;
  height: auto;
  max-width: 960px;
  object-fit: contain;
}

@media (max-width:1430px) {
  .nritem {
    height: 55px;
    line-height: 55px;
    font-size: 16px;
    margin-right: 16px;
    margin-bottom: 20px;
  }
}

@media (max-width:1200px) {
  .nrbox {
    flex-direction: column-reverse;
    align-items: center;
    max-height: none;
  }

  .nrright {
    width: 100%;
    justify-content: center;
  }

  .nrleft {
    width: 100%;
    margin-top: 20px;
  }

  .nrlabelcon {
    justify-content: center;
  }
}

@media (max-width:768px) {
  .nrcon {
    margin-top: 30px;
  }

  .nrbox {
    margin-top: 20px;
  }

  .nritem {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    pointer-events: none;
    margin-right: 12px;
    margin-bottom: 12px;
  }
}

/* 设计流程 */
.hbzcon {
  width: 100%;
  margin-top: 90px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hbzbox {
  width: 1400px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
}

.hbzitem {
  width: 20%;
  height: 338px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  padding: 30px 0;
  overflow: hidden;
}

.hbhbg {
  width: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  transition: all 0.6s;
}

.hbzitem:hover .hbhbg {
  opacity: 1;
  transition: all 0.6s;
}

.hbzitem:hover {
  background: #FFFFFF;
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.09);
  border-radius: 10px;
  transition: all 0.6s;
}

.sjlcicon {
  width: 72px;
  height: 72px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.sjlcicon>.hbzitem-img {
  width: 44px;
  height: 44px;
  display: block;
  position: relative;
  z-index: 2;
}

.sjlcbg {
  width: 100%;
  height: 100%;
  background-color: #7CBC26;
  /* clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); */
  border-radius: 50%;
  position: absolute;
  top: 0%;
  left: 0%;
  transform-origin: 50% 100%;
  transform: scale(1);
  transition: 0.3s;
}

.sjlcbg.sj0{
  background-color: #40CCA6;
}
.sjlcbg.sj1{
  background-color: #FF722B;
}
.sjlcbg.sj2{
  background-color: #7CBD26;
}
.sjlcbg.sj3{
  background-color: #F8C50B;
}
.sjlcbg.sj5{
  background-color: #5875FF;
}

.hbzitem:hover .sjlcbg {
  transform: scale(6.0);
}

.hbz-name {
  font-size: 18px;
  color: #333333;
  font-weight: 600;
  line-height: 25px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.hbz-c {
  font-size: 14px;
  color: #999999;
  text-align: justify;
  line-height: 20px;
  margin-bottom: 8px;
}

.hbz-num {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  font-family: DOUYINSANSBOLD-GB;
  font-size: 24px;
  color: rgba(153, 153, 153, 0.3);
  letter-spacing: 0;
  text-align: justify;
  font-weight: 700;
}

.smtitle {
  width: 100%;
  text-align: center;
  font-size: 26px;
  color: #333333;
  font-weight: 700;
}

@media (max-width:1400px) {
  .hbzbox {
    width: 100%;
  }
}

@media (max-width:1024px) {
  .hbzitem {
    height: 278px;
  }

  .hbzitem>.hbzitem-img {
    width: 60px;
    height: 60px;
  }

  .hbz-name {
    font-size: 15px;
  }

  .hbz-c {
    font-size: 12px;
    line-height: 16px;
  }

  .hbz-num {
    font-size: 18px;
  }
}

@media (max-width:860px) {
  .hbzbox {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .hbzitem {
    width: 33.3%;
  }

  .hbzitem {
    height: 298px;
    margin-bottom: 20px;
  }

  .hbzitem>.hbzitem-img {
    width: 86px;
    height: 86px;
  }

  .hbz-name {
    font-size: 18px;
  }

  .hbz-c {
    font-size: 14px;
    line-height: 20px;
  }

  .hbz-num {
    font-size: 24px;
  }
}

@media (max-width:768px) {
  .hbzcon {
    margin-top: 30px;
  }

    .hbzbox {
   margin-top: 16px;
    }
  
  .smtitle {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (max-width:650px) {
  .hbzitem {
    width: 50%;
    height: 278px;
    pointer-events: none;
    margin-bottom: 0;
  }

  .hbzitem>.hbzitem-img {
    width: 60px;
    height: 60px;
  }

  .hbz-name {
    font-size: 15px;
  }

  .hbz-c {
    font-size: 12px;
    line-height: 16px;
  }

  .hbz-num {
    font-size: 18px;
  }
}

/* 找 */
.harzcon {
  width: 100%;
  height: 346px;
  box-sizing: border-box;
  padding-top: 70px;
  background: #F8FAF8;
  margin-top: 90px;
}


.harzbox {
  width: 1400px;
  margin: 30px auto 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.harzitem {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.harzitem>img {
  width: 84px;
  height: 84px;
}

.harzitem>div {
  font-weight: 600;
  font-size: 18px;
  color: #333333;
  margin-top: 20px;
}

@media (max-width:1400px) {
  .harzbox {
    width: 100%;
  }
}

@media (max-width:1024px) {
  .harzitem>img {
    width: 60px;
    height: 60px;
  }

  .harzitem>div {
    font-size: 14px;
  }
}

@media (max-width:768px) {
  .harzcon {
    padding-top: 30px;
    margin-top: 30px;
  }

  .harzbox {
    flex-wrap: wrap;
  }

  .harzitem {
    width: 33%;
    margin-bottom: 16px;
    pointer-events: none;
  }
}