@font-face {
  font-family: 'Avenir';
  src: url('avenir.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Microsoft Yahei';
  src: url('msyh.ttc') format('truetype-collection');
  font-weight: normal;
  font-style: normal;
}
:root {
  --default-font-family: Avenir, "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
}

.main-container {
  overflow: hidden;
}

.main-container,
.main-container * {
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  outline: 0;
}

.main-container {
  position: relative;
  width: 1280px;
  height: 5712px;
  margin: 0 auto;
  background: #ffffff;
  overflow: hidden;
}
.hero-all {
  position: relative;
  width: 1280px;
  height: 1700px;
  margin: 1870px 0 0 0;
  z-index: 37;
  overflow: hidden;
}
.white-background {
  position: absolute;
  width: 1280px;
  height: 1700px;
  top: 0;
  left: 0;
  background: #ffffff;
  z-index: 38;
}
.machine-image {
  position: absolute;
  width: 1280px;
  height: 1176px;
  top: 0;
  left: 0;
  background: url(./assets/images/2726a955-ab2b-4eb6-a16e-19e19497e469.jpg)
    no-repeat center;
  background-size: cover;
  z-index: 39;
  overflow: hidden;
}
.knitted-by-bh {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 657px;
  height: 96px;
  top: 60px;
  left: calc(50% - 328px);
  color: #cb3712;
  font-family: Avenir, var(--default-font-family);
  font-size: 48px;
  font-weight: 500;
  line-height: 48px;
  text-align: center;
  text-overflow: initial;
  z-index: 40;
  overflow: hidden;
}
.machine-image-1 {
  position: absolute;
  width: 640px;
  height: 368px;
  top: 784px;
  left: 0;
  background: #ffffff;
  z-index: 41;
  overflow: hidden;
}
.group {
  position: absolute;
  width: 640px;
  height: 368px;
  top: 0;
  left: 0;
  background: url(./assets/images/3f2adfc6-33e7-463e-91d1-530af9d53c3b.jpg)
    no-repeat center;
  background-size: cover;
  z-index: 42;
}
.machine-image-2 {
  position: absolute;
  width: 640px;
  height: 368px;
  top: 784px;
  right: 0;
  background: #ffffff;
  z-index: 43;
  overflow: hidden;
}
.group-3 {
  position: absolute;
  width: 640px;
  height: 368px;
  top: 0;
  left: 0;
  background: url(./assets/images/84cc2fae-08c6-4c05-8383-85e79d23f693.jpg)
    no-repeat center;
  background-size: cover;
  z-index: 44;
}
.machine-steps-all {
  position: absolute;
  width: 1280px;
  height: 724px;
  bottom: 0;
  left: 0;
  z-index: 45;
  overflow: hidden;
}
.vector {
  position: absolute;
  width: 1280px;
  height: 723.5px;
  top: -0.4px;
  right: 0;
  background: url(./assets/images/b08d8455-e791-4bc8-aa10-ee6d44498498.png)
    no-repeat center;
  background-size: cover;
  z-index: 46;
}
.step-strict-management {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 345.306px;
  height: 80px;
  top: 47.601px;
  left: 135px;
  color: #ffffff;
  font-family: Avenir, var(--default-font-family);
  font-size: 38px;
  font-weight: 800;
  line-height: 40px;
  text-align: left;
  text-overflow: initial;
  z-index: 48;
  overflow: hidden;
}
.vector-4 {
  position: absolute;
  width: 601px;
  height: 3px;
  top: 120.101px;
  left: 539px;
  background: url(./assets/images/02b225d8-aa0e-4eb2-a501-516b14453d17.png)
    no-repeat center;
  background-size: cover;
  z-index: 47;
}
.machine-steps-step {
  position: absolute;
  width: 256px;
  height: 548px;
  bottom: 0;
  left: 0;
  font-size: 0px;
  z-index: 49;
  overflow: hidden;
}
.step-01 {
  display: block;
  position: relative;
  height: 68px;
  margin: 80px 0 0 48px;
  color: #ffffff;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 68px;
  font-weight: 600;
  line-height: 68px;
  text-align: left;
  white-space: nowrap;
  z-index: 54;
}
.group-5 {
  position: relative;
  width: 175px;
  height: 65.357px;
  margin: 254.643px 0 0 48px;
  font-size: 0px;
  z-index: 51;
  overflow: visible auto;
}
.sourcing {
  display: block;
  position: relative;
  height: 24px;
  margin: 0 0 0 0;
  color: #ffffff;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 53;
}
.top-level-raw-materials {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 175px;
  height: 24px;
  margin: 17.357px 0 0 0;
  color: #fcfaf1;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  text-overflow: initial;
  z-index: 52;
  overflow: hidden;
}
.machine-steps-stepimage {
  position: absolute;
  width: 256px;
  height: 548px;
  bottom: 0;
  left: 0;
  background: url(./assets/images/24e46bcf-752f-4cff-bdcf-d6a942246d8d.jpg)
    no-repeat center;
  background-size: cover;
  z-index: 50;
  overflow: hidden;
}
.machine-steps-step-6 {
  position: absolute;
  width: 256px;
  height: 548px;
  bottom: 0;
  left: 256px;
  font-size: 0px;
  z-index: 55;
  overflow: hidden;
}
.step-02 {
  display: block;
  position: relative;
  height: 68px;
  margin: 80px 0 0 48px;
  color: #ffffff;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 68px;
  font-weight: 600;
  line-height: 68px;
  text-align: left;
  white-space: nowrap;
  z-index: 60;
}
.group-7 {
  position: relative;
  width: 175px;
  height: 89.357px;
  margin: 254.643px 0 0 48px;
  font-size: 0px;
  z-index: 57;
  overflow: visible auto;
}
.design {
  display: block;
  position: relative;
  height: 24px;
  margin: 0 0 0 0;
  color: #ffffff;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 59;
}
.german-chinese-designer-team {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 175px;
  height: 48px;
  margin: 17.357px 0 0 0;
  color: #fcfaf1;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  z-index: 58;
}
.machine-steps-stepimage-8 {
  position: absolute;
  width: 256px;
  height: 548px;
  bottom: 0;
  left: 0;
  background: url(./assets/images/58dc69ce-f8d2-47f2-a6b2-3090561140dd.jpg)
    no-repeat center;
  background-size: cover;
  z-index: 56;
  overflow: hidden;
}
.machine-steps-step-9 {
  position: absolute;
  width: 256px;
  height: 548px;
  bottom: 0;
  left: 512px;
  font-size: 0px;
  z-index: 61;
  overflow: hidden;
}
.step-03 {
  display: block;
  position: relative;
  height: 68px;
  margin: 80px 0 0 48px;
  color: #ffffff;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 68px;
  font-weight: 600;
  line-height: 68px;
  text-align: left;
  white-space: nowrap;
  z-index: 66;
}
.group-a {
  position: relative;
  width: 175px;
  height: 77.357px;
  margin: 254.643px 0 0 48px;
  font-size: 0px;
  z-index: 63;
  overflow: visible auto;
}
.knitting {
  display: block;
  position: relative;
  height: 24px;
  margin: 0 0 0 0;
  color: #ffffff;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 65;
}
.imported-electronic-machines {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 175px;
  height: 36px;
  margin: 17.357px 0 0 0;
  color: #fcfaf1;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  z-index: 64;
}
.machine-steps-stepimage-b {
  position: absolute;
  width: 256px;
  height: 548px;
  bottom: 0;
  left: 0;
  background: url(./assets/images/c6b6777f-6502-4087-952e-ce8512aea707.jpg)
    no-repeat center;
  background-size: cover;
  z-index: 62;
  overflow: hidden;
}
.machine-steps-step-c {
  position: absolute;
  width: 256px;
  height: 548px;
  bottom: 0;
  left: 768px;
  font-size: 0px;
  z-index: 67;
  overflow: hidden;
}
.step-04 {
  display: block;
  position: relative;
  height: 68px;
  margin: 80px 0 0 48px;
  color: #ffffff;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 68px;
  font-weight: 600;
  line-height: 68px;
  text-align: left;
  white-space: nowrap;
  z-index: 72;
}
.group-d {
  position: relative;
  width: 175px;
  height: 77.357px;
  margin: 254.643px 0 0 48px;
  font-size: 0px;
  z-index: 69;
  overflow: visible auto;
}
.finishing {
  display: block;
  position: relative;
  height: 24px;
  margin: 0 0 0 0;
  color: #ffffff;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 71;
}
.various-finishings {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 175px;
  height: 36px;
  margin: 17.357px 0 0 0;
  color: #fcfaf1;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  z-index: 70;
}
.machine-steps-stepimage-e {
  position: absolute;
  width: 256px;
  height: 548px;
  bottom: 0;
  left: 0;
  background: url(./assets/images/63341b05-4fbc-421f-a7c7-eddce489f3a2.jpg)
    no-repeat center;
  background-size: cover;
  z-index: 68;
  overflow: hidden;
}
.machine-steps-step-f {
  position: absolute;
  width: 256px;
  height: 548px;
  bottom: 0;
  left: 1024px;
  font-size: 0px;
  z-index: 73;
  overflow: hidden;
}
.step-05 {
  display: block;
  position: relative;
  height: 68px;
  margin: 80px 0 0 48px;
  color: #ffffff;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 68px;
  font-weight: 600;
  line-height: 68px;
  text-align: left;
  white-space: nowrap;
  z-index: 78;
}
.group-10 {
  position: relative;
  width: 175px;
  height: 89.357px;
  margin: 254.643px 0 0 48px;
  font-size: 0px;
  z-index: 75;
  overflow: visible auto;
}
.quality-control {
  display: block;
  position: relative;
  height: 24px;
  margin: 0 0 0 0;
  color: #ffffff;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 77;
}
.strict-quality-control-process {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 175px;
  height: 48px;
  margin: 17.357px 0 0 0;
  color: #fcfaf1;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  z-index: 76;
}
.machine-steps-stepimage-11 {
  position: absolute;
  width: 256px;
  height: 548px;
  bottom: 0;
  left: 0;
  background: url(./assets/images/5116cbff-14e3-4bb6-88c9-19d0ecc85a1c.jpg)
    no-repeat center;
  background-size: cover;
  z-index: 74;
  overflow: hidden;
}
.customized-solutions-copy {
  position: relative;
  width: 1280px;
  height: 276px;
  margin: 0 0 0 0;
  font-size: 0px;
  z-index: 79;
  overflow: hidden;
}
.customized-solutions {
  display: block;
  position: relative;
  height: 48px;
  margin: 80px 0 0 140px;
  color: #cb3712;
  font-family: Avenir, var(--default-font-family);
  font-size: 48px;
  font-weight: 800;
  line-height: 48px;
  text-align: left;
  white-space: nowrap;
  z-index: 82;
}
.realize-your-unrealistic-dreams {
  position: relative;
  width: 523px;
  height: 48px;
  margin: 32px 0 0 562px;
  font-family: Avenir, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 81;
}
.realize-your-unrealistic {
  position: relative;
  color: #cb3712;
  font-family: Avenir, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
.dreams {
  position: relative;
  color: #cb3712;
  font-family: Avenir, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
.capture-consumer-trends {
  position: relative;
  color: #cb3712;
  font-family: Avenir, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
.rectangle {
  position: absolute;
  width: 1280px;
  height: 276px;
  top: 0;
  left: 0;
  background: #fcfaf1;
  z-index: 80;
}
.customized-solutions-copy-12 {
  position: relative;
  width: 1280px;
  height: 1248px;
  margin: 0 0 0 0;
  z-index: 83;
  overflow: hidden;
}
.customized-solutions-image {
  position: absolute;
  width: 1280px;
  height: 1248px;
  top: 0;
  left: 1px;
  background: url(./assets/images/a689a60b-9767-4521-be0a-5a045984d287.jpg)
    no-repeat center;
  background-size: cover;
  z-index: 84;
  overflow: hidden;
}
.group-13 {
  position: absolute;
  width: 1000px;
  height: 349px;
  top: 80.281px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 85;
}
.flex-row-f {
  position: relative;
  width: 1000px;
  height: 190px;
  margin: 0 0 0 0;
  z-index: 110;
}
.yarn {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 38px;
  top: 0;
  left: 0;
  color: #ffffff;
  font-family: Avenir, var(--default-font-family);
  font-size: 38px;
  font-weight: 500;
  line-height: 38px;
  text-align: left;
  white-space: nowrap;
  z-index: 110;
}
.mao-bo-li {
  position: absolute;
  width: 578px;
  height: 190px;
  top: 0;
  left: 422px;
  background: url(./assets/images/f7924c5b-5149-421f-81db-2fbdba90ce78.jpg)
    no-repeat center;
  background-size: cover;
  z-index: 86;
  backdrop-filter: blur(7.5px);
}
.group-14 {
  position: absolute;
  width: 157px;
  height: 51px;
  top: 33px;
  left: 468px;
  font-size: 0px;
  z-index: 87;
  border-radius: 8px;
}
.cashmere {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 65px;
  height: 12px;
  margin: 20px 0 0 46px;
  color: #ffffff;
  font-family: Avenir, var(--default-font-family);
  font-size: 14px;
  font-weight: 800;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  z-index: 89;
}
.rectangle-15 {
  position: absolute;
  width: 157px;
  height: 51px;
  top: 0;
  left: 0;
  border: 1.5px solid #ffffff;
  z-index: 88;
  border-radius: 8px;
}
.group-16 {
  position: absolute;
  width: 157px;
  height: 51px;
  top: 33px;
  left: 633px;
  z-index: 96;
  border-radius: 8px;
}
.group-17 {
  position: relative;
  width: 55px;
  height: 18px;
  margin: 15px 0 0 51px;
  font-size: 0px;
  z-index: 98;
  overflow: visible auto;
}
.tm {
  display: block;
  position: relative;
  height: 12px;
  margin: 0 0 0 43px;
  color: #ffffff;
  font-family: Avenir, var(--default-font-family);
  font-size: 8px;
  font-weight: 500;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 100;
}
.tencel {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 41px;
  height: 12px;
  margin: -6px 0 0 0;
  color: #ffffff;
  font-family: Avenir, var(--default-font-family);
  font-size: 14px;
  font-weight: 800;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  z-index: 99;
}
.rectangle-18 {
  position: absolute;
  width: 157px;
  height: 51px;
  top: 0;
  left: 0;
  border: 1.5px solid #ffffff;
  z-index: 97;
  border-radius: 8px;
}
.group-19 {
  position: absolute;
  width: 157px;
  height: 51px;
  top: 33px;
  left: 798px;
  font-size: 0px;
  z-index: 106;
  border-radius: 8px;
}
.modal {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 42px;
  height: 12px;
  margin: 20px 0 0 57.5px;
  color: #ffffff;
  font-family: Avenir, var(--default-font-family);
  font-size: 14px;
  font-weight: 800;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  z-index: 108;
}
.rectangle-1a {
  position: absolute;
  width: 157px;
  height: 51px;
  top: 0;
  left: 0;
  border: 1.5px solid #ffffff;
  z-index: 107;
  border-radius: 8px;
}
.group-1b {
  position: absolute;
  width: 428.949px;
  height: 13px;
  top: 50px;
  left: 0;
  background: url(./assets/images/e81e5d90-1698-41bc-82db-5b293bc8b0ef.png)
    no-repeat center;
  background-size: cover;
  z-index: 109;
}
.group-1c {
  position: absolute;
  width: 157px;
  height: 51px;
  top: 111px;
  left: 468px;
  z-index: 101;
  border-radius: 8px;
}
.group-1d {
  position: relative;
  width: 42px;
  height: 16px;
  margin: 17px 0 0 57.5px;
  font-size: 0px;
  z-index: 103;
  overflow: visible auto;
}
.tm-1e {
  display: block;
  position: relative;
  height: 12px;
  margin: 0 0 0 30px;
  color: #ffffff;
  font-family: Avenir, var(--default-font-family);
  font-size: 8px;
  font-weight: 500;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 105;
}
.naia {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 30px;
  height: 12px;
  margin: -8px 0 0 0;
  color: #ffffff;
  font-family: Avenir, var(--default-font-family);
  font-size: 14px;
  font-weight: 800;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  z-index: 104;
}
.rectangle-1f {
  position: absolute;
  width: 157px;
  height: 51px;
  top: 0;
  left: 0;
  border: 1.5px solid #ffffff;
  z-index: 102;
  border-radius: 8px;
}
.group-20 {
  position: absolute;
  width: 157px;
  height: 51px;
  top: 111px;
  left: 633px;
  font-size: 0px;
  z-index: 90;
  border-radius: 8px;
}
.silk {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 23px;
  height: 12px;
  margin: 20px 0 0 66px;
  color: #ffffff;
  font-family: Avenir, var(--default-font-family);
  font-size: 14px;
  font-weight: 800;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  z-index: 92;
}
.rectangle-21 {
  position: absolute;
  width: 157px;
  height: 51px;
  top: 0;
  left: 0;
  border: 1.5px solid #ffffff;
  z-index: 91;
  border-radius: 8px;
}
.group-22 {
  position: absolute;
  width: 157px;
  height: 51px;
  top: 111px;
  left: 798px;
  font-size: 0px;
  z-index: 93;
  border-radius: 8px;
}
.more {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 48px;
  height: 12px;
  margin: 20px 0 0 55px;
  color: #ffffff;
  font-family: Avenir, var(--default-font-family);
  font-size: 14px;
  font-weight: 800;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  z-index: 95;
}
.rectangle-23 {
  position: absolute;
  width: 157px;
  height: 51px;
  top: 0;
  left: 0;
  border: 1.5px solid #ffffff;
  z-index: 94;
  border-radius: 8px;
}
.group-24 {
  position: relative;
  width: 1000px;
  height: 133px;
  margin: 26px 0 0 0;
  z-index: 111;
}
.mao-bo-li-background {
  position: absolute;
  width: 578px;
  height: 133px;
  top: 0;
  left: 422px;
  background: url(./assets/images/b76be599-912c-4337-a95c-2adb7c572f3e.jpg)
    no-repeat center;
  background-size: cover;
  z-index: 112;
  backdrop-filter: blur(7.5px);
}
.specifications {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 38px;
  top: 0;
  left: 0;
  color: #ffffff;
  font-family: Avenir, var(--default-font-family);
  font-size: 38px;
  font-weight: 500;
  line-height: 38px;
  text-align: left;
  white-space: nowrap;
  z-index: 124;
}
.group-25 {
  position: absolute;
  width: 157px;
  height: 51px;
  top: 42px;
  left: 468px;
  font-size: 0px;
  z-index: 113;
  border-radius: 8px;
}
.width {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 55.353px;
  height: 12px;
  margin: 20px 0 0 50.32px;
  color: #ffffff;
  font-family: Avenir, var(--default-font-family);
  font-size: 14px;
  font-weight: 800;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  z-index: 115;
}
.rectangle-26 {
  position: absolute;
  width: 157px;
  height: 51px;
  top: 0;
  left: 0;
  border: 1.5px solid #ffffff;
  z-index: 114;
  border-radius: 8px;
}
.group-27 {
  position: absolute;
  width: 157px;
  height: 51px;
  top: 42px;
  left: 633px;
  z-index: 116;
  border-radius: 8px;
}
.group-28 {
  position: relative;
  width: 48px;
  height: 12px;
  margin: 20px 0 0 54px;
  z-index: 118;
}
.weight {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 48px;
  height: 14px;
  top: 0;
  left: 0;
  color: #ffffff;
  font-family: Avenir, var(--default-font-family);
  font-size: 14px;
  font-weight: 800;
  line-height: 14px;
  text-align: center;
  white-space: nowrap;
  z-index: 119;
}
.rectangle-29 {
  position: absolute;
  width: 157px;
  height: 51px;
  top: 0;
  left: 0;
  border: 1.5px solid #ffffff;
  z-index: 117;
  border-radius: 8px;
}
.group-2a {
  position: absolute;
  width: 157px;
  height: 51px;
  top: 42px;
  left: 798px;
  font-size: 0px;
  z-index: 120;
  border-radius: 8px;
}
.color {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 36px;
  height: 12px;
  margin: 20px 0 0 61px;
  color: #ffffff;
  font-family: Avenir, var(--default-font-family);
  font-size: 14px;
  font-weight: 800;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  z-index: 122;
}
.rectangle-2b {
  position: absolute;
  width: 157px;
  height: 51px;
  top: 0;
  left: 0;
  border: 1.5px solid #ffffff;
  z-index: 121;
  border-radius: 8px;
}
.group-2c {
  position: absolute;
  width: 428.949px;
  height: 13px;
  top: 50px;
  left: 0;
  background: url(./assets/images/0e9178c4-633c-4b31-8b82-71b49589a49f.png)
    no-repeat center;
  background-size: cover;
  z-index: 123;
}
.pattern-designs {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 38px;
  bottom: 640px;
  left: calc(50% - -24px);
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 38px;
  font-weight: 500;
  line-height: 38px;
  text-align: left;
  white-space: nowrap;
  z-index: 125;
}
.customized-solutions-option {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 644px;
  left: 664px;
  font-size: 0px;
  z-index: 127;
  overflow: hidden;
}
.classic {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 38px;
  height: 12px;
  margin: 35px 0 0 22px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 800;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  z-index: 129;
}
.customized-solutions-optionimage-classic {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/ce9b837f-eb8d-42c5-bd20-404eb933f059.png)
    no-repeat center;
  background-size: cover;
  z-index: 128;
  overflow: hidden;
}
.ellipse {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/d067aabb-5566-4cbf-a8db-323fcbb07522.png)
    no-repeat center;
  background-size: cover;
  z-index: 130;
  border-radius: 50%;
}
.customized-solutions-option-2d {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 644px;
  left: 762px;
  font-size: 0px;
  z-index: 143;
  overflow: hidden;
}
.classic-dark {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 27px;
  height: 12px;
  margin: 35px 0 0 28px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 800;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  z-index: 145;
}
.customized-solutions-optionimage-dark {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/d9e50a73-491b-4719-b830-011200686a43.png)
    no-repeat center;
  background-size: cover;
  z-index: 144;
  overflow: hidden;
}
.ellipse-2e {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/d1a41114-b179-43ef-843d-18faba5153ca.png)
    no-repeat center;
  background-size: cover;
  z-index: 146;
  border-radius: 50%;
}
.customized-solutions-option-2f {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 644px;
  left: 860px;
  font-size: 0px;
  z-index: 159;
  overflow: hidden;
}
.classic-modern {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 45px;
  height: 12px;
  margin: 35px 0 0 19px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 800;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  z-index: 161;
}
.customized-solutions-optionimage-modern {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/0af0765d-c4fb-4625-98de-1ddfdb75ca7d.png)
    no-repeat center;
  background-size: cover;
  z-index: 160;
  overflow: hidden;
}
.ellipse-30 {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/d8127661-9ef1-491c-b113-f6d3c3cb7fd9.png)
    no-repeat center;
  background-size: cover;
  z-index: 162;
  border-radius: 50%;
}
.customized-solutions-option-31 {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 644px;
  left: 958px;
  font-size: 0px;
  z-index: 172;
  overflow: hidden;
}
.classic-chinese {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 45px;
  height: 12px;
  margin: 35px 0 0 19px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 800;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  z-index: 174;
}
.customized-solutions-optionimage-chinese {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/8fc64183-20d7-4d5b-95f1-e51cfa456025.png)
    no-repeat center;
  background-size: cover;
  z-index: 173;
  overflow: hidden;
}
.ellipse-32 {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/af54459e-f789-4fd6-815f-f651dabce706.png)
    no-repeat center;
  background-size: cover;
  z-index: 175;
  border-radius: 50%;
}
.customized-solutions-option-33 {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 644px;
  left: 1056px;
  font-size: 0px;
  z-index: 184;
  overflow: hidden;
}
.classic-simplicity {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 55px;
  height: 14px;
  margin: 35px 0 0 14px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 800;
  line-height: 14px;
  text-align: center;
  white-space: nowrap;
  z-index: 186;
}
.customized-solutions-optionimage-simplicity {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/f8493eb4-0a0b-41e7-8989-3b312a074c48.png)
    no-repeat center;
  background-size: cover;
  z-index: 185;
  overflow: hidden;
}
.ellipse-34 {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/0acde70a-0386-42d6-835d-647e74166178.png)
    no-repeat center;
  background-size: cover;
  z-index: 187;
  border-radius: 50%;
}
.customized-solutions-option-35 {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 742px;
  left: 664px;
  font-size: 0px;
  z-index: 135;
  overflow: hidden;
}
.classic-geometric {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 60px;
  height: 12px;
  margin: 35px 0 0 11px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 800;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  z-index: 137;
}
.customized-solutions-optionimage-geometric {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/00e206f1-9d1c-404e-b38c-f8aa91db5cf5.png)
    no-repeat center;
  background-size: cover;
  z-index: 136;
  overflow: hidden;
}
.ellipse-36 {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/fa4113a7-7c09-44fb-91f1-12a3f5bf8380.png)
    no-repeat center;
  background-size: cover;
  z-index: 138;
  border-radius: 50%;
}
.customized-solutions-option-37 {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 742px;
  left: 762px;
  font-size: 0px;
  z-index: 151;
  overflow: hidden;
}
.classic-natural {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 42px;
  height: 12px;
  margin: 35px 0 0 20px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 800;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  z-index: 153;
}
.customized-solutions-optionimage-natural {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/93897664-cd2c-4d31-b511-3c6a49603d40.png)
    no-repeat center;
  background-size: cover;
  z-index: 152;
  overflow: hidden;
}
.ellipse-38 {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/1055af26-4022-43b9-8702-aa781e2a0e59.png)
    no-repeat center;
  background-size: cover;
  z-index: 154;
  border-radius: 50%;
}
.customized-solutions-option-39 {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 742px;
  left: 860px;
  font-size: 0px;
  z-index: 167;
  overflow: hidden;
}
.classic-children {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 48px;
  height: 12px;
  margin: 35px 0 0 17px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 800;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  z-index: 169;
}
.customized-solutions-optionimage-children {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/9a95d784-78b3-46b8-ba42-bb4aabc9c1cc.png)
    no-repeat center;
  background-size: cover;
  z-index: 168;
  overflow: hidden;
}
.ellipse-3a {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/0dc46913-1b4c-4d64-b246-1da71cb7e4ad.png)
    no-repeat center;
  background-size: cover;
  z-index: 170;
  border-radius: 50%;
}
.customized-solutions-option-3b {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 742px;
  left: 958px;
  font-size: 0px;
  z-index: 180;
  overflow: hidden;
}
.classic-border {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 39px;
  height: 12px;
  margin: 35px 0 0 22px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 800;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  z-index: 182;
}
.customized-solutions-optionimage-border {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/1688aae4-afe3-49bd-ad01-7978a7c87860.png)
    no-repeat center;
  background-size: cover;
  z-index: 181;
  overflow: hidden;
}
.ellipse-3c {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/f70ad111-b622-4131-b3b6-190598291570.png)
    no-repeat center;
  background-size: cover;
  z-index: 183;
  border-radius: 50%;
}
.customized-solutions-option-3d {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 742px;
  left: 1056px;
  font-size: 0px;
  z-index: 192;
  overflow: hidden;
}
.classic-more {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 41px;
  height: 12px;
  margin: 35px 0 0 21px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 800;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  z-index: 194;
}
.customized-solutions-optionimage-more {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/fc2b6b73-0868-44a8-aef6-a0a1f7ca89b7.png)
    no-repeat center;
  background-size: cover;
  z-index: 193;
  overflow: hidden;
}
.ellipse-3e {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/2587cc6c-d122-466f-a83b-f23f72faafeb.png)
    no-repeat center;
  background-size: cover;
  z-index: 195;
  border-radius: 50%;
}
.functional-treatment {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 38px;
  bottom: 310px;
  left: calc(50% - -24px);
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 38px;
  font-weight: 500;
  line-height: 38px;
  text-align: left;
  white-space: nowrap;
  z-index: 126;
}
.customized-solutions-option-3f {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 974px;
  left: 664px;
  font-size: 0px;
  z-index: 131;
  overflow: hidden;
}
.classic-anti-microbial {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 76px;
  height: 12px;
  margin: 35px 0 0 3px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 11.5px;
  font-weight: 800;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  z-index: 133;
}
.customized-solutions-optionimage-anti {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/d7511b9c-47c2-4621-9235-271ca2966ee1.png)
    no-repeat center;
  background-size: cover;
  z-index: 132;
  overflow: hidden;
}
.ellipse-40 {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/abf519d9-fec4-48ce-aa64-258f95606c28.png)
    no-repeat center;
  background-size: cover;
  z-index: 134;
  border-radius: 50%;
}
.customized-solutions-option-41 {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 974px;
  left: 762px;
  font-size: 0px;
  z-index: 147;
  overflow: hidden;
}
.classic-aloe-vera {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 55px;
  height: 12px;
  margin: 35px 0 0 14px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 800;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  z-index: 149;
}
.customized-solutions-optionimage-aloe {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/96008d5a-f214-43d7-a338-cc3b33a6e6fa.png)
    no-repeat center;
  background-size: cover;
  z-index: 148;
  overflow: hidden;
}
.ellipse-42 {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/628b155f-ee37-41bb-99e2-9423e83a60d2.png)
    no-repeat center;
  background-size: cover;
  z-index: 150;
  border-radius: 50%;
}
.customized-solutions-option-43 {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 974px;
  left: 860px;
  font-size: 0px;
  z-index: 163;
  overflow: hidden;
}
.classic-greenfirst {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 57px;
  height: 12px;
  margin: 35px 0 0 13px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 800;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  z-index: 165;
}
.customized-solutions-optionimage-green {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/f400795c-fca6-404b-aef1-2b61683f7e34.png)
    no-repeat center;
  background-size: cover;
  z-index: 164;
  overflow: hidden;
}
.ellipse-44 {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/593beed6-98ea-451b-8d65-d3553e4be047.png)
    no-repeat center;
  background-size: cover;
  z-index: 166;
  border-radius: 50%;
}
.customized-solutions-option-45 {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 974px;
  left: 958px;
  font-size: 0px;
  z-index: 176;
  overflow: hidden;
}
.classic-probiotic {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 51px;
  height: 12px;
  margin: 35px 0 0 16px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 800;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  z-index: 178;
}
.customized-solutions-optionimage-probiotic {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/006fa8be-81c7-47f4-8212-a747bbf8448d.png)
    no-repeat center;
  background-size: cover;
  z-index: 177;
  overflow: hidden;
}
.ellipse-46 {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/0fd6fd13-8c8e-46b3-a945-12c5caeef2b2.png)
    no-repeat center;
  background-size: cover;
  z-index: 179;
  border-radius: 50%;
}
.customized-solutions-option-47 {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 974px;
  left: 1056px;
  font-size: 0px;
  z-index: 188;
  overflow: hidden;
}
.classic-scenting {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 49px;
  height: 14px;
  margin: 35px 0 0 17px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 800;
  line-height: 14px;
  text-align: center;
  white-space: nowrap;
  z-index: 190;
}
.customized-solutions-optionimage-scenting {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/7af7bb46-ba66-42ee-ab35-2f949b24b068.png)
    no-repeat center;
  background-size: cover;
  z-index: 189;
  overflow: hidden;
}
.ellipse-48 {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/de45f94f-f04f-4225-9373-97d6ef7780d7.png)
    no-repeat center;
  background-size: cover;
  z-index: 191;
  border-radius: 50%;
}
.customized-solutions-option-49 {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 1072px;
  left: 664px;
  font-size: 0px;
  z-index: 139;
  overflow: hidden;
}
.classic-geometric-4a {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 60px;
  height: 12px;
  margin: 35px 0 0 11px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 800;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  z-index: 141;
}
.customized-solutions-optionimage-protection {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/dc17663b-5918-417c-a727-0d9391d43e30.png)
    no-repeat center;
  background-size: cover;
  z-index: 140;
  overflow: hidden;
}
.ellipse-4b {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/b5e05b26-3603-41df-92ff-c4a49709da62.png)
    no-repeat center;
  background-size: cover;
  z-index: 142;
  border-radius: 50%;
}
.customized-solutions-option-4c {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 1072px;
  left: 762px;
  font-size: 0px;
  z-index: 155;
  overflow: hidden;
}
.classic-thermal-control {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 46px;
  height: 24px;
  margin: 31px 0 0 18px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 800;
  line-height: 12px;
  text-align: center;
  text-overflow: initial;
  z-index: 157;
  overflow: hidden;
}
.customized-solutions-optionimage-thermal {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/9d82c7f0-af14-4125-93f6-f89eef725577.png)
    no-repeat center;
  background-size: cover;
  z-index: 156;
  overflow: hidden;
}
.ellipse-4d {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/b7541c24-d575-4420-ad41-80ea0461622b.png)
    no-repeat center;
  background-size: cover;
  z-index: 158;
  border-radius: 50%;
}
.customized-solutions-optionimage-more-4e {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 1072px;
  left: 860px;
  background: url(./assets/images/14c2cfe9-e746-4052-94ae-e86d9a5f9cf6.png)
    no-repeat center;
  background-size: cover;
  z-index: 171;
  overflow: hidden;
}
.customized-solutions-option-4f {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 1072px;
  left: 1056px;
  font-size: 0px;
  z-index: 196;
  overflow: hidden;
}
.classic-more-50 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 41px;
  height: 12px;
  margin: 35px 0 0 21px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 800;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  z-index: 198;
}
.customized-solutions-optionimage-more-51 {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/3da7a345-c88d-4da7-8944-946a7293d5ba.png)
    no-repeat center;
  background-size: cover;
  z-index: 197;
  overflow: hidden;
}
.ellipse-52 {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/985f7efc-cd9c-417f-9c70-dd01631f14d4.png)
    no-repeat center;
  background-size: cover;
  z-index: 199;
  border-radius: 50%;
}
.customized-solutions-option-53 {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 1072px;
  left: 959px;
  font-size: 0px;
  z-index: 200;
  overflow: hidden;
}
.classic-collagen {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 50px;
  height: 14px;
  margin: 35px 0 0 16px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 800;
  line-height: 14px;
  text-align: center;
  white-space: nowrap;
  z-index: 202;
}
.customized-solutions-optionimage-more-54 {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/ec3f31ce-d48e-4cd1-bd6d-5fad33c30844.png)
    no-repeat center;
  background-size: cover;
  z-index: 201;
  overflow: hidden;
}
.ellipse-55 {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/9aa86cfa-334f-45ca-adcb-b7e4442b8325.png)
    no-repeat center;
  background-size: cover;
  z-index: 203;
  border-radius: 50%;
}
.customized-solutions-option-56 {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 1072px;
  left: 860px;
  font-size: 0px;
  z-index: 204;
  overflow: hidden;
}
.classic-hyalu {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 32px;
  height: 14px;
  margin: 35px 0 0 25px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 800;
  line-height: 14px;
  text-align: center;
  white-space: nowrap;
  z-index: 206;
}
.customized-solutions-optionimage-more-57 {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/448304ed-676a-4872-80c2-b92b936b5ae0.png)
    no-repeat center;
  background-size: cover;
  z-index: 205;
  overflow: hidden;
}
.ellipse-58 {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(./assets/images/bbd07182-feeb-4382-968c-3239a3e39118.png)
    no-repeat center;
  background-size: cover;
  z-index: 207;
  border-radius: 50%;
}
.footer-all {
  position: relative;
  width: 1280px;
  height: 618px;
  margin: 0 0 0 0;
  z-index: 208;
  overflow: hidden;
}
.group-59 {
  position: relative;
  width: 942px;
  height: 114px;
  margin: 407px 0 0 140px;
  z-index: 210;
}
.flex-column-ab {
  position: absolute;
  width: 267px;
  height: 114px;
  top: 0;
  left: 675px;
  font-size: 0px;
  z-index: 212;
}
.address {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 267px;
  height: 96px;
  margin: 0 0 0 0;
  color: #fcfaf1;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  z-index: 211;
}
.bh {
  display: block;
  position: relative;
  height: 16px;
  margin: 2px 0 0 0;
  color: #fcfaf1;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 212;
}
.focus-on-textile-innovation {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 405px;
  height: 96px;
  top: 18px;
  left: 0;
  color: rgba(252, 250, 241, 0.6);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 48px;
  font-weight: 600;
  line-height: 48px;
  text-align: left;
  text-overflow: initial;
  z-index: 213;
  overflow: hidden;
}
.rectangle-5a {
  position: absolute;
  width: 1280px;
  height: 618px;
  top: 0;
  left: 0;
  background: #191919;
  z-index: 209;
}
.footer-fillinfo {
  position: absolute;
  width: 494px;
  height: 288px;
  top: 80px;
  left: 140px;
  font-size: 0px;
  z-index: 214;
  overflow: hidden;
}
.contact-us {
  display: block;
  position: relative;
  height: 14px;
  margin: 24px 0 0 32px;
  color: #191919;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 218;
}
.group-5b {
  position: relative;
  width: 241.07px;
  height: 116px;
  margin: 32px 0 0 32px;
  z-index: 222;
  overflow: visible auto;
}
.group-5c {
  position: relative;
  width: 241px;
  height: 17px;
  margin: 0 0 0 0.07px;
  font-size: 0px;
  z-index: 223;
  overflow: visible auto;
}
.full-name {
  display: block;
  position: relative;
  height: 12px;
  margin: 0 0 0 0;
  color: #a7a7a7;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 224;
}
.rectangle-5d {
  position: relative;
  width: 241px;
  height: 1px;
  margin: 4px 0 0 0;
  background: url(./assets/images/7786ba6d-bcdf-407e-aed6-f8f7e2f75a67.png)
    no-repeat center;
  background-size: cover;
  z-index: 225;
}
.group-5e {
  position: relative;
  width: 241px;
  height: 17px;
  margin: 16px 0 0 0.07px;
  font-size: 0px;
  z-index: 226;
  overflow: visible auto;
}
.your-company {
  display: block;
  position: relative;
  height: 12px;
  margin: 0 0 0 0;
  color: #a7a7a7;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 227;
}
.rectangle-5f {
  position: relative;
  width: 241px;
  height: 1px;
  margin: 4px 0 0 0;
  background: url(./assets/images/6d5d4d45-1969-4bdb-862a-8d03d73d05e8.png)
    no-repeat center;
  background-size: cover;
  z-index: 228;
}
.group-60 {
  position: relative;
  width: 241px;
  height: 17px;
  margin: 16px 0 0 0.07px;
  font-size: 0px;
  z-index: 229;
  overflow: visible auto;
}
.your-title {
  display: block;
  position: relative;
  height: 12px;
  margin: 0 0 0 0;
  color: #a7a7a7;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 230;
}
.rectangle-61 {
  position: relative;
  width: 241px;
  height: 1px;
  margin: 4px 0 0 0;
  background: url(./assets/images/87cb9a9f-64dd-4bc3-8913-10f97cfa231b.png)
    no-repeat center;
  background-size: cover;
  z-index: 231;
}
.group-62 {
  position: relative;
  width: 241px;
  height: 17px;
  margin: 16px 0 0 0;
  font-size: 0px;
  z-index: 232;
  overflow: visible auto;
}
.e-mail-address {
  display: block;
  position: relative;
  height: 12px;
  margin: 0 0 0 0;
  color: #a7a7a7;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 233;
}
.rectangle-63 {
  position: relative;
  width: 241px;
  height: 1px;
  margin: 4px 0 0 0;
  background: url(./assets/images/e1830ccc-a797-4ddf-9dfe-5c3116f9ccf6.png)
    no-repeat center;
  background-size: cover;
  z-index: 234;
}
.group-64 {
  position: relative;
  font-size: 0px;
  z-index: 219;
  overflow: visible auto;
  border-radius: 8px;
}

.submit {
  display: block;
  position: relative;
  height: 40px;
  margin: 20px 0 0 30px;
	padding: 0 40px;
	border-radius: 5px;
  color: #fcfaf1;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
	background-color:#191919;
  z-index: 221;
	cursor: pointer;
}
.rectangle-65 {
  position: absolute;
  width: 241px;
  height: 46px;
  top: 0;
  right: 0;
  background: #191919;
  z-index: 220;
  border-radius: 8px;
  box-shadow: -2px 2px 1px 0 rgba(191, 191, 191, 0.1) inset;
}
.footer-fillinfo-image {
  position: absolute;
  width: 494px;
  height: 288px;
  top: 0;
  left: 0;
  z-index: 215;
  overflow: hidden;
}
.group-66 {
  position: absolute;
  width: 494px;
  height: 288px;
  top: 0;
  left: 0;
  z-index: 216;
}
.group-67 {
  position: absolute;
  height: 288px;
  top: 0;
  right: 0;
  left: 0;
  background: url(./assets/images/79dec520-9a46-44e5-9d88-aba9d23a2ae8.jpg)
    no-repeat center;
  background-size: cover;
  z-index: 217;
}
.style-collections-functional a {
	color:#fff;text-decoration:none;
}
.style-collections-functional {
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  top: 104px;
  left: 815px;
  color: #fcfaf1;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 36px;
  text-align: left;
  text-overflow: initial;
  z-index: 235;
  overflow: hidden;
}
.hero-all-68 {
  position: absolute;
  width: 1280px;
  height: 954px;
  top: 0;
  left: 0;
  z-index: 18;
  overflow: hidden;
}
.header-all {
  position: relative;
  width: 1280px;
  height: 120px;
  margin: 0 0 0 0;
  z-index: 27;
  overflow: hidden;
}
.header-logo {
  position: absolute;
  width: 140px;
  height: 34px;
  top: 43px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 32;
  overflow: hidden;
}
.logo {
  position: relative;
  width: 140px;
  height: 33.75px;
  margin: 0 0 0 0;
  background: url(./assets/images/6268569a-5ea0-4a5e-a426-6f85a0fca883.png)
    no-repeat center;
  background-size: cover;
  z-index: 33;
  overflow: hidden;
}
.en {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 16px;
  top: 52px;
  left: 1076px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 34;
}
.style-collections {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 12px;
  top: 54px;
  left: 143px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 28;
}
.functional-mattress-ticking {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 12px;
  top: 54px;
  left: 300px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 29;
}
.our-certifications {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 12px;
  top: 54px;
  left: 828px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 30;
}
.contact {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 12px;
  top: 54px;
  left: 993px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 31;
}
.zhong-wen {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 12px;
  top: 54px;
  left: 1110px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  opacity: 0.3;
  z-index: 35;
}
.rectangle-69 {
  position: absolute;
  width: 1px;
  height: 12px;
  top: 50%;
  left: 1101px;
  background: #191919;
  transform: translate(0, -50%);
  z-index: 36;
}
.focus-on-textile {
  position: relative;
  width: 503px;
  height: 96px;
  margin: 22px 0 0 140px;
  font-family: Avenir, var(--default-font-family);
  font-size: 48px;
  font-weight: 500;
  line-height: 48px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 20;
}
.focus-on {
  position: relative;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 48px;
  font-weight: 500;
  line-height: 48px;
  text-align: left;
}
.textile-innovation {
  position: relative;
  color: #cb3712;
  font-family: Avenir, var(--default-font-family);
  font-size: 48px;
  font-weight: 500;
  line-height: 48px;
  text-align: left;
}
.zhuan-zhu-fang-zhi {
  position: relative;
  width: 192px;
  height: 96px;
  margin: 132px 0 0 945px;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 48px;
  font-weight: 500;
  line-height: 48px;
  text-align: right;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 21;
}
.zhuan-zhu {
  position: relative;
  color: #191919;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 48px;
  font-weight: 500;
  line-height: 48px;
  text-align: right;
}
.fang-zhi-chuang-xin {
  position: relative;
  color: #cb3712;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 48px;
  font-weight: 500;
  line-height: 48px;
  text-align: right;
}
.flex-row-c {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 1678px;
  height: 434px;
  margin: 54px 0 0 -199px;
  z-index: 26;
}
.hero-detail-picture {
  flex-shrink: 0;
  position: relative;
  width: 326px;
  height: 434px;
  background: url(./assets/images/ebddf00b-2ec2-485b-800f-48d42a467b45.jpg)
    no-repeat center;
  background-size: cover;
  z-index: 22;
  overflow: hidden;
}
.hero-detail-picture-6a {
  flex-shrink: 0;
  position: relative;
  width: 326px;
  height: 434px;
  background: url(./assets/images/9fd6acbb-a718-4f3e-9626-0432d6ce1ecc.jpg)
    no-repeat center;
  background-size: cover;
  z-index: 23;
  overflow: hidden;
}
.hero-detail-picture-6b {
  flex-shrink: 0;
  position: relative;
  width: 326px;
  height: 434px;
  background: url(./assets/images/e2017683-5431-4325-acf2-c6b30d367b65.jpg)
    no-repeat center;
  background-size: cover;
  z-index: 24;
  overflow: hidden;
}
.hero-detail-picture-6c {
  flex-shrink: 0;
  position: relative;
  width: 326px;
  height: 434px;
  background: url(./assets/images/96ffed37-4caf-4d68-b1cf-b1ead04f7fbd.jpg)
    no-repeat center;
  background-size: cover;
  z-index: 25;
  overflow: hidden;
}
.hero-detail-picture-6d {
  flex-shrink: 0;
  position: relative;
  width: 326px;
  height: 434px;
  background: url(./assets/images/334d7b63-fda3-47e1-b431-fb828863e8f3.jpg)
    no-repeat center;
  background-size: cover;
  z-index: 26;
  overflow: hidden;
}
.hero-background-image {
  position: absolute;
  width: 1280px;
  height: 680px;
  top: 0;
  left: 0;
  background: url(./assets/images/d68f55cc-9664-45a7-b4dc-af617598a8d5.jpg)
    no-repeat center;
  background-size: cover;
  z-index: 19;
  overflow: hidden;
}
.map-all {
  position: absolute;
  width: 1280px;
  height: 1068px;
  top: 802px;
  left: 50%;
  transform: translate(-50%, 0);
  overflow: hidden;
}
.map-image-area {
  position: relative;
  width: 1051px;
  height: 727px;
  margin: 400px 0 0 120px;
  z-index: 7;
  overflow: hidden;
}
.map-image-area-image {
  position: absolute;
  width: 908px;
  height: 668px;
  top: 0;
  left: 0;
  z-index: 8;
  overflow: hidden;
}
.map-image {
  position: relative;
  width: 907.478px;
  height: 667.526px;
  margin: 0 0 0 0;
  z-index: 9;
  overflow: visible auto;
  -webkit-mask-image: url(./assets/images/56f6fd35-e47c-4edf-8157-d28680c8620f.jpg);
  -webkit-mask-size: cover;
}
.group-6e {
  position: relative;
  width: 1384.332px;
  height: 778.407px;
  margin: -152.321px 0 0 -246.402px;
  opacity: 0.7;
  z-index: 10;
}
.chang-fang-hang-pai-niao-kan {
  position: absolute;
  width: 1384.332px;
  height: 778.407px;
  top: 0;
  left: 0;
  background: url(./assets/images/e528610ed3534dee885d37f38e5bf4d0eb46db0e.jpg)
    no-repeat center;
  background-size: cover;
  opacity: 0.6;
  z-index: 11;
}
.gradient {
  position: absolute;
  width: 1093.806px;
  height: 679.237px;
  top: -5.855px;
  left: -93.687px;
  background: url(./assets/images/1e8f4cf7-c779-42c6-b0d6-2513e82339c3.jpg)
    no-repeat center;
  background-size: cover;
  z-index: 12;
}
.lines {
  position: absolute;
  width: 638.11px;
  height: 427.45px;
  top: 140.532px;
  left: 40.987px;
  background: url(./assets/images/0161248d-7f1f-40c1-b7d0-d51c52059fb6.png)
    no-repeat center;
  background-size: cover;
  z-index: 13;
}
.map-image-area-german {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 143px;
  left: 134px;
  z-index: 14;
  overflow: hidden;
}
.german {
  position: relative;
  width: 40px;
  height: 40px;
  margin: 0.36px 0 0 0.4px;
  background: url(./assets/images/cb3adba7-3e9f-489d-bebe-a74eb95315b4.png)
    no-repeat center;
  background-size: cover;
  z-index: 15;
}
.map-image-area-china {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 255px;
  left: 564px;
  z-index: 16;
  overflow: hidden;
}
.china {
  position: relative;
  width: 40px;
  height: 40px;
  margin: 0.36px 0 0 0.49px;
  background: url(./assets/images/2d3afef0-b82b-41a2-8450-ff1f3d204e81.png)
    no-repeat center;
  background-size: cover;
  z-index: 17;
}
.grey-background {
  position: absolute;
  width: 1280px;
  height: 1068px;
  top: 0;
  left: 0;
  background: #efefef;
  z-index: 1;
}
.group-6f {
  position: absolute;
  width: 411px;
  height: 138px;
  top: 232px;
  left: 140px;
  z-index: 3;
}
.german-heritage {
  position: relative;
  width: 309px;
  height: 40px;
  margin: 0 0 0 0;
  font-family: Avenir, var(--default-font-family);
  font-size: 38px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 4;
}
.german-70 {
  position: relative;
  color: #cb3712;
  font-family: Avenir, var(--default-font-family);
  font-size: 38px;
  font-weight: 800;
  line-height: 40px;
  text-align: left;
}
.heritage {
  position: relative;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 38px;
  font-weight: 800;
  line-height: 40px;
  text-align: left;
}
.made-in-china {
  position: relative;
  width: 256px;
  height: 40px;
  margin: 9px 0 0 155px;
  font-family: Avenir, var(--default-font-family);
  font-size: 38px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 5;
}
.made-in {
  position: relative;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 38px;
  font-weight: 800;
  line-height: 40px;
  text-align: left;
}
.china-71 {
  position: relative;
  color: #cb3712;
  font-family: Avenir, var(--default-font-family);
  font-size: 38px;
  font-weight: 800;
  line-height: 40px;
  text-align: left;
}
.sold-to-worldwide {
  display: block;
  position: relative;
  height: 40px;
  margin: 9px 0 0 1px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 38px;
  font-weight: 800;
  line-height: 40px;
  text-align: left;
  white-space: nowrap;
  z-index: 6;
}
.bodet-horst {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 494px;
  height: 72px;
  top: 270px;
  left: 646px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  z-index: 2;
}

span { overflow: hidden;}
#leo-form input { margin:4px 0; border:0; border-bottom:1px solid #aaa; padding:5px 0; width:100%; height:20px; color:#888;}