@charset "utf-8";
/* CSS Document */
.section_serviceitem {
  padding: 160px 0;
}
.section_service .primary_wrap {
  flex: 0 0 25%;
}
.section_service .main_wrap {
  justify-content: space-between;
}
/* .section_serviceitem{background-color: #F8F0E5;} */
.section_serviceitem .title_wrap {
  text-align: center;
  margin-bottom: 63px;
}
.service_item {
  display: flex;
  margin-bottom: 48px;
  justify-content: center;
}
.service_item li {
  margin: 0 6%;
  text-align: center;
  width: 33%;
}
.service_item li .title {
  display: inline-block;
  margin: 48px 0 16px;
  color: #84572d;
  font-weight: 400;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="6" fill="none" viewBox="0 0 64 6"><path fill="%23B29477" fill-rule="evenodd" d="M.479 3.604C5.8664-.4332 10.8715 1.936 12.6585 3.5725c2.0221 1.8522 7.4281 4.3672 13.2134.0317 5.3877-4.0375 10.393-1.6681 12.1798-.0315l.5548-1.1452c-2.0222-1.8521-7.4282-4.367-13.2135-.0315-5.3876 4.0374-10.3927 1.6682-12.1796.0316C11.1913.5755 5.7854-1.9394 0 2.396l.479 1.2082Zm50.7864 0c5.3877-4.0374 10.393-1.668 12.1798-.0314L64 2.4274c-2.0222-1.8521-7.4282-4.367-13.2135-.0315-5.3877 4.0375-10.3931 1.6681-12.1799.0315l-.5548 1.1452c2.0222 1.8521 7.4282 4.367 13.2136.0315Z" clip-rule="evenodd"/></svg>')
    repeat-x center bottom;
  padding-bottom: 8px;
}
.service_item li .article {
  line-height: 32px;
  letter-spacing: 0.08em;
}
.service_item li i {
  width: 100%;
  display: block;
  height: 0;
  padding-bottom: 410px;
}
.service_item li:nth-child(1) i {
  background: url(../images/service/item1.svg) no-repeat center;
  background-size: 70%;
}
.service_item li:nth-child(2) i {
  background: url(../images/service/item2.svg) no-repeat center;
  background-size: 70%;
}
.service_item li:nth-child(3) i {
  background: url(../images/service/item3.svg) no-repeat center;
  background-size: 70%;
}
.link_wrap a {
  background-color: transparent;
  border: 1px solid #84572d;
  color: #84572d;
  max-width: 358px;
}
.link_wrap a:hover {
  background-color: #84572d;
  color: #fff;
}

.section_process .primary_wrap {
  flex: 0 0 25%;
  margin-top: 60px;
}
.section_process .aside_wrap {
  min-width: 0;
}
.section_process .aside_wrap .swiper {
  margin-top: -8px;
}
.section_process {
  background: url(../images/service/bg.jpg);
  color: #f9f6f0;
  min-height: 637px;
  position: relative;
}
.section_process:after {
  content: '';
  background: url(../images/service/process1.png) no-repeat;
  position: absolute;
  width: 331px;
  height: 320px;
  bottom: 0;
  left: 0;
  background-size: 100%;
}
.icon-prcess {
  display: inline-block;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="13" fill="none" viewBox="0 0 19 13"><path fill="%23F8F0E5" d="m.5 0 6.4275 10.7125c1.1652 1.942 3.9798 1.9421 5.145 0L18.5 0H.5Z"/></svg>')
    no-repeat;
  width: 19px;
  height: 12px;
  display: inline-block;
  margin-right: 8px;
  margin-left: 5px;
}
.icon-prcess:after {
  content: '';
  height: 240px;
  background-color: #f9f6f0;
}
.line {
  width: 1px;
  height: 240px;
  background: #fff;
  position: relative;
  left: 14px;
  top: -10px;
}
.process-slider .swiper-wrapper li {
  min-height: 637px;
}
.process-slider .swiper-wrapper li:nth-child(2) .line {
  height: 320px;
}
.process-slider .swiper-wrapper li:nth-child(3) .line {
  height: 280px;
}
.process-slider .swiper-wrapper li:nth-child(5) .line {
  height: 280px;
}
.process-slider .swiper-wrapper li:nth-child(6) .line {
  height: 252px;
}
.process-slider .swiper-wrapper li:nth-child(7) .line {
  height: 320px;
}
.process-slider .swiper-wrapper li:nth-child(8) .line {
  height: 200px;
}
.section_brands {
  padding: 120px 0 160px;
}
.section_brands .title_wrap {
  text-align: center;
  margin: 0 0 16px;
  font-weight: 400;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="6" fill="none" viewBox="0 0 64 6"><path fill="%23272828" fill-rule="evenodd" d="M.479 3.604C5.8664-.4332 10.8715 1.936 12.6585 3.5725c2.0221 1.8522 7.4281 4.3672 13.2134.0317 5.3877-4.0375 10.393-1.6681 12.1798-.0315l.5548-1.1452c-2.0222-1.8521-7.4282-4.367-13.2135-.0315-5.3876 4.0374-10.3927 1.6682-12.1796.0316C11.1913.5755 5.7854-1.9394 0 2.396l.479 1.2082Zm50.7864 0c5.3877-4.0374 10.393-1.668 12.1798-.0314L64 2.4274c-2.0222-1.8521-7.4282-4.367-13.2135-.0315-5.3877 4.0375-10.3931 1.6681-12.1799.0315l-.5548 1.1452c2.0222 1.8521 7.4282 4.367 13.2136.0315Z" clip-rule="evenodd"/></svg>')
    no-repeat center bottom;
  padding-bottom: 20px;
}

.section_brands .section_brands_img {
  margin-top: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 36px 60px;
}

.section_brands .section_brands_img img {
  width: 120px;
  height: auto;
  object-fit: cover;
}

.section_brands .section_brands_img li {
  position: relative;
}

.section_brands .section_brands_img li:nth-of-type(1) a,
.section_brands .section_brands_img li:nth-of-type(4) a,
.section_brands .section_brands_img li:nth-of-type(5) a {
  padding: 0;
}

.section_brands .section_brands_img li a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 14px;
}

.section_brands .section_brands_img li::after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  z-index: -1;
}
.section_brands .section_brands_img li:nth-of-type(2) img {
  width: 130px;
}

.tip {
  display: none;
}
.tip .content_img {
  position: relative;
  width: 44px;
  margin: auto;
}
.tip .content_img svg:nth-child(1) {
  transform: scaleX(-1);
  position: absolute;
  top: 10px;
  width: 25px;
}
.tip .content_img svg:nth-child(2) {
  position: absolute;
  top: 18px;
  width: 25px;
}
.tip .content_img svg:nth-child(3) {
  position: absolute;
  top: 20px;
  width: 25px;
  animation: p_flickRight1 1s linear infinite;
  transform-origin: center;
  transform: rotate(10deg);
}
@keyframes p_flickRight1 {
  0% {
    transform: rotate(-30deg);
  }
  50% {
    transform: rotate(-30deg);
  }
  65% {
    transform: rotate(-30deg);
  }
  80% {
    transform: rotate(35deg);
  }
  100% {
    transform: rotate(-30deg);
  }
}
@media screen and (min-width: 1101px) and (max-width: 1900px) {
  .tip {
    display: block;
    position: absolute;
    right: 10px;
    bottom: 90px;
  }

  .section_brands .section_brands_img img {
    width: 120px;
  }

  .section_brands .section_brands_img li:nth-of-type(2) img {
    width: 200px;
  }

  .section_brands .section_brands_img {
    gap: 80px;
  }
}
@media screen and (min-width: 1101px) and (max-width: 1700px) {
  .section_serviceitem {
    padding: 128px 0;
  }
  .section_serviceitem .title_wrap {
    margin-bottom: 25px;
  }
  .section_brands {
    padding: 96px 0 128px;
  }

  .service_item {
    margin-bottom: 30px;
  }
  .service_item li {
    margin: 0 2%;
  }
  .service_item li i {
    padding-bottom: 340px;
  }
  .service_item li .title {
    margin: 38px 0 16px;
  }
}
@media screen and (max-width: 1450px) {
  .service_item li i {
    padding-bottom: 220px;
  }
}
@media screen and (max-width: 1100px) {
  .service_item {
    flex-direction: column;
  }
  .section_process:after {
    display: none;
  }
  .section_process .display_flex {
    flex-direction: column-reverse;
  }
  .section_service .primary_wrap {
    margin-bottom: 24px;
  }
  .section_serviceitem {
    padding: 80px 0;
  }
  .service_item li {
    width: 100%;
    margin: 0 0 100px;
  }
  .service_item li i {
    width: 70%;
    padding-bottom: 400px;
    margin: auto;
    max-width: 430px;
  }
  .service_item li .title {
    margin: 24px 0 16px;
  }
  .service_item {
    margin-bottom: revert;
  }
  .process-slider .swiper-wrapper li {
    min-height: 400px;
  }
  .tip {
    display: block;
    position: absolute;
    right: 10px;
    bottom: 150px;
  }
  .section_brands {
    padding: 80px 0;
  }
}
@media screen and (max-width: 800px) {
  .service_item li i {
    padding-bottom: 370px;
  }
  .section_process {
    min-height: 570px;
  }
  .tip {
    bottom: 100px;
  }
}
@media screen and (max-width: 600px) {
  .service_item li i {
    padding-bottom: 270px;
  }
  .aside_wrap .img_wrap {
    aspect-ratio: 1;
  }
}