@charset "UTF-8";
/* 工艺介绍 Craft */
.craft {
  color: #000;
  font-family: "Microsoft YaHei";
}
.craft h2 {
  font-size: 0.4rem;
  line-height: 1.6;
  font-weight: 700;
}
.craft h3 {
  font-size: 0.36rem;
  line-height: normal;
  font-weight: 700;
}
.craft h4 {
  font-size: 0.26rem;
  line-height: normal;
  font-weight: 700;
}
.craft h5 {
  font-size: 0.2rem;
  line-height: normal;
  font-weight: 700;
}
.craft p {
  color: #333;
  font-size: 0.2rem;
  line-height: 0.36rem;
}
.craft .series-num {
  position: relative;
  color: #000;
  font-size: 0.16rem;
  line-height: normal;
  padding-left: 0.16rem;
}
.craft .series-num::before {
  content: "";
  position: absolute;
  width: 0.08rem;
  height: 0.11rem;
  top: 50%;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='20' viewBox='0 0 16 20' fill='none'%3E%3Cpath d='M16 10L0 20L8.07576e-07 0L16 10Z' fill='black'/%3E%3C/svg%3E");
  transform: translateY(-50%);
}
.craft .series-num.white {
  color: #fff;
}
.craft .series-num.white::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='20' viewBox='0 0 16 20' fill='none'%3E%3Cpath d='M16 10L0 20L8.07576e-07 0L16 10Z' fill='white'/%3E%3C/svg%3E");
}
.craft a.arrow-right {
  position: relative;
  font-weight: 400;
}
.craft a.arrow-right::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.02rem;
  left: 0;
  bottom: -0.01rem;
  transform-origin: left;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
}
.craft a.arrow-right::after {
  content: "";
  position: absolute;
  width: 0.23rem;
  height: 0.16rem;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 0.08rem;
  transition: margin 0.3s ease-in-out;
  -webkit-transition: margin 0.3s ease-in-out;
  -moz-transition: margin 0.3s ease-in-out;
  -ms-transition: margin 0.3s ease-in-out;
  -o-transition: margin 0.3s ease-in-out;
}
.craft a.arrow-right.white {
  color: #fff;
}
.craft a.arrow-right.white::before {
  background-color: #fff;
}
.craft a.arrow-right.white::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='16' viewBox='0 0 23 16' fill='none'%3E%3Cpath d='M22.7071 8.70711C23.0976 8.31658 23.0976 7.68342 22.7071 7.29289L16.3431 0.928932C15.9526 0.538408 15.3195 0.538408 14.9289 0.928932C14.5384 1.31946 14.5384 1.95262 14.9289 2.34315L20.5858 8L14.9289 13.6569C14.5384 14.0474 14.5384 14.6805 14.9289 15.0711C15.3195 15.4616 15.9526 15.4616 16.3431 15.0711L22.7071 8.70711ZM0 8V9H22V8V7H0V8Z' fill='white'/%3E%3C/svg%3E");
}
.craft a.arrow-right.black {
  color: #000;
}
.craft a.arrow-right.black::before {
  background-color: #000;
}
.craft a.arrow-right.black::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath d='M12.3536 4.35355C12.5488 4.15829 12.5488 3.84171 12.3536 3.64645L9.17157 0.464466C8.97631 0.269204 8.65973 0.269204 8.46447 0.464466C8.2692 0.659728 8.2692 0.976311 8.46447 1.17157L11.2929 4L8.46447 6.82843C8.2692 7.02369 8.2692 7.34027 8.46447 7.53553C8.65973 7.7308 8.97631 7.7308 9.17157 7.53553L12.3536 4.35355ZM0 4V4.5H12V4V3.5H0V4Z' fill='black'/%3E%3C/svg%3E");
}
.craft a.arrow-right:hover::before {
  transform: scaleX(1);
}
.craft a.arrow-right:hover::after {
  margin-left: 0.16rem;
}
.craft > div:last-of-type {
  padding-bottom: 1rem;
}

.craft-section-item {
  position: relative;
  width: 100%;
  height: 41.6667vw;
}
.craft-section-item .txt {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.craft-product-list {
  padding-top: 0.6rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.craft-product-list li {
  margin-top: 0.2rem;
}
.craft-product-description {
  padding: 0.6rem 0.4rem 0.4rem;
  height: 4.4rem;
  border-radius: 0.16rem;
  overflow: hidden;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.craft-product-description .txt-cont {
  min-height: 50%;
}
.craft-product-description h3 {
  font-size: 0.32rem;
  line-height: 0.4rem;
}
.craft-product-description.small {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 3.45rem;
}
.craft-product-description.medium {
  width: 7.1rem;
}
.craft-product-description.large {
  width: 100%;
}
.craft-product-description .new-more-btn {
  width: fit-content;
  margin-top: 0.47rem;
}
.craft-product-item {
  width: 3.45rem;
  height: 4.4rem;
  border-radius: 0.16rem;
  overflow: hidden;
}
.craft-product-item .pic {
  height: 3.45rem;
  overflow: hidden;
}
.craft-product-item .pic img {
  transition: transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
}
.craft-product-item .txt {
  height: 0.95rem;
  padding: 0.1rem 0.26rem;
  background-color: #f4f4f4;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.craft-product-item .txt h5 {
  margin-bottom: 0.08rem;
}
.craft-product-item .txt p {
  font-size: 0.16rem;
  line-height: normal;
}
.craft-product-item:hover .pic img {
  transform: scale(1.05);
}

.craft4-section1 h2, .craft3-section1 h2, .craft2-section1 h2, .craft1-section1 h2 {
  margin-bottom: 0.12rem;
}
.craft4-section1 h4, .craft3-section1 h4, .craft2-section1 h4, .craft1-section1 h4 {
  font-weight: 400;
}
.craft4-section1 .txt, .craft3-section1 .txt, .craft2-section1 .txt, .craft1-section1 .txt {
  text-align: center;
  padding: 5%;
}

.craft4-section2, .craft3-section2, .craft2-section2, .carft1-section2 {
  padding-top: 0.8rem;
}
.craft4-section2 .section-title, .craft3-section2 .section-title, .craft2-section2 .section-title, .carft1-section2 .section-title {
  text-align: center;
}
.craft4-section2 .section-content, .craft3-section2 .section-content, .craft2-section2 .section-content, .carft1-section2 .section-content {
  padding-top: 0.45rem;
}
.craft4-section2 .craft-process, .craft3-section2 .craft-process, .craft2-section2 .craft-process, .carft1-section2 .craft-process {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.craft4-section2 .craft-process .pic, .craft3-section2 .craft-process .pic, .craft2-section2 .craft-process .pic, .carft1-section2 .craft-process .pic {
  position: relative;
  width: 12rem;
  min-height: 2.2rem;
  padding-bottom: 0.65rem;
}
.craft4-section2 .craft-process .txt-cont p, .craft3-section2 .craft-process .txt-cont p, .craft2-section2 .craft-process .txt-cont p, .carft1-section2 .craft-process .txt-cont p {
  position: absolute;
  bottom: 0;
  width: 3rem;
  color: #000;
  text-align: center;
  font-size: 0.24rem;
  font-family: "Microsoft YaHei";
  line-height: normal;
  transform: translateX(-50%);
}

.craft4-section2 .craft-process .txt-cont p:nth-of-type(1), .craft3-section2 .craft-process .txt-cont p:nth-of-type(1), .carft1-section2 .craft-process .txt-cont p:nth-of-type(1) {
  left: 5%;
}
.craft4-section2 .craft-process .txt-cont p:nth-of-type(2), .craft3-section2 .craft-process .txt-cont p:nth-of-type(2), .carft1-section2 .craft-process .txt-cont p:nth-of-type(2) {
  left: 27%;
}
.craft4-section2 .craft-process .txt-cont p:nth-of-type(3), .craft3-section2 .craft-process .txt-cont p:nth-of-type(3), .carft1-section2 .craft-process .txt-cont p:nth-of-type(3) {
  left: 50%;
}
.craft4-section2 .craft-process .txt-cont p:nth-of-type(4), .craft3-section2 .craft-process .txt-cont p:nth-of-type(4), .carft1-section2 .craft-process .txt-cont p:nth-of-type(4) {
  left: 75%;
}
.craft4-section2 .craft-process .txt-cont p:nth-of-type(5), .craft3-section2 .craft-process .txt-cont p:nth-of-type(5), .carft1-section2 .craft-process .txt-cont p:nth-of-type(5) {
  left: 96%;
}

.craft4-section3, .craft3-section3, .craft2-section3, .craft1-section3 {
  padding-top: 0.8rem;
}
.craft4-section3 .new-wrapper, .craft3-section3 .new-wrapper, .craft2-section3 .new-wrapper, .craft1-section3 .new-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.craft4-section3 .txt h4, .craft3-section3 .txt h4, .craft2-section3 .txt h4, .craft1-section3 .txt h4 {
  margin-bottom: 0.2rem;
}
.craft4-section3 .pic, .craft3-section3 .pic, .craft2-section3 .pic, .craft1-section3 .pic {
  border-radius: 0.16rem;
  overflow: hidden;
}

.craft4-section3 .txt, .craft3-section3 .txt, .craft1-section3 .txt {
  width: 5rem;
}
.craft4-section3 .pic, .craft3-section3 .pic, .craft1-section3 .pic {
  width: 8.6rem;
  height: 4.6rem;
}

.craft2-section3 .txt {
  width: 5.5rem;
}
.craft2-section3 .pic {
  width: 8rem;
  height: 5.6rem;
}

.craft4-section4, .craft1-section5 {
  padding-top: 1rem;
}
.craft4-section4 .section-content, .craft1-section5 .section-content {
  padding-top: 0.4rem;
}
.craft4-section4 ul, .craft1-section5 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.craft4-section4 li p, .craft1-section5 li p {
  text-align: center;
}
.craft4-section4 li img, .craft1-section5 li img {
  margin-top: 0.24rem;
  width: 4.6rem;
  height: 2.8rem;
  border-radius: 0.16rem;
  overflow: hidden;
  border-top-left-radius: 0;
}

/* 搅花 */
.craft1-section1 .txt {
  padding-left: 50%;
}

.craft1-section4 {
  padding-top: 0.8rem;
}
.craft1-section4 .new-wrapper {
  display: flex;
  justify-content: space-between;
}
.craft1-section4 .section-left {
  width: 3.8rem;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.craft1-section4 .section-left .pic {
  height: 3.8rem;
}
.craft1-section4 .section-right {
  width: 10rem;
  height: 6rem;
}
.craft1-section4 .pic {
  border-radius: 0.16rem;
  overflow: hidden;
}

.craft1-section7 {
  padding-top: 0.6rem;
}
.craft1-section7 .craft-section-item {
  height: 6rem;
}
.craft1-section7 .pic {
  border-radius: 0.16rem;
  overflow: hidden;
}
.craft1-section7 .txt {
  padding-top: 30%;
  padding-left: 85%;
  align-items: flex-start;
}
.craft1-section7 .txt h4 {
  margin-bottom: 0.16rem;
}

/* 拼板 */
.craft2-section1 .txt {
  padding-left: 5%;
  padding-top: 25%;
  align-items: flex-start;
}

.craft2-section2 .craft-process .txt-cont p:nth-of-type(1) {
  left: 6%;
}
.craft2-section2 .craft-process .txt-cont p:nth-of-type(2) {
  left: 35%;
}
.craft2-section2 .craft-process .txt-cont p:nth-of-type(3) {
  left: 64.5%;
}
.craft2-section2 .craft-process .txt-cont p:nth-of-type(4) {
  left: 94%;
}

.craft2-section4 {
  padding-top: 0.8rem;
}
.craft2-section4 .craft-section-item {
  height: 5rem;
}
.craft2-section4 .pic {
  border-radius: 0.16rem;
  overflow: hidden;
}
.craft2-section4 .txt {
  align-items: flex-start;
  padding: 0.8rem 0.8rem;
  padding-right: 62%;
}
.craft2-section4 h2 {
  margin-bottom: 0.12rem;
}
.craft2-section4 p {
  font-size: 0.24rem;
}

.craft2-section5 {
  padding-top: 0.8rem;
}
.craft2-section5 .new-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.craft2-section5 .txt {
  width: 3.2rem;
}
.craft2-section5 .txt h4 {
  margin-bottom: 0.1rem;
}
.craft2-section5 .pic {
  position: relative;
  width: 4.8rem;
  height: 4rem;
}
.craft2-section5 .pic img {
  border-radius: 0.16rem;
  overflow: hidden;
}
.craft2-section5 .pic ~ .pic::before {
  content: "";
  position: absolute;
  width: 0.32rem;
  height: 0.32rem;
  top: 50%;
  left: -0.4rem;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='20' viewBox='0 0 16 20' fill='none'%3E%3Cpath d='M16 10L0 20L8.07576e-07 0L16 10Z' fill='black'/%3E%3C/svg%3E");
}

.craft2-section6 {
  padding-top: 0.9rem;
  padding-bottom: 0 !important;
}
.craft2-section6 .section-title {
  text-align: center;
}
.craft2-section6 .section-content {
  margin-top: 0.9rem;
}
.craft2-section6 .tab {
  border-top: 0.01rem solid #333;
  display: flex;
}
.craft2-section6 .tab:nth-of-type(odd) .tab-bar li {
  border-radius: 0.24rem 0 0 0.24rem;
}
.craft2-section6 .tab:nth-of-type(even) {
  flex-direction: row-reverse;
}
.craft2-section6 .tab:nth-of-type(even) .tab-bar li {
  border-radius: 0 0.24rem 0.24rem 0;
}
.craft2-section6 .tab-bar {
  width: 33.3333vw;
}
.craft2-section6 .tab-bar li {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  padding: 0.4rem;
  height: 15.625vw;
  transition: background-color 0.3s ease-in-out;
  -webkit-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -ms-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
}
.craft2-section6 .tab-bar li h3 {
  margin-bottom: 0.16rem;
  font-weight: 400;
}
.craft2-section6 .tab-bar li a {
  font-weight: 400;
}
.craft2-section6 .tab-bar li.active {
  background-color: #f2f2f2;
}
.craft2-section6 .tab-bar li.active h3 {
  font-weight: 700;
}
.craft2-section6 .tab-bar li.active a {
  font-weight: 700;
}
.craft2-section6 .gallery {
  position: relative;
  width: 66.6667vw;
  height: 62.5vw;
}
.craft2-section6 .gallery .txt {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.68rem;
}
.craft2-section6 .gallery h5 {
  font-size: 0.3rem;
}

/* 干式压板 */
.craft3-section1 .txt {
  padding-top: 15%;
}

.craft3-section2 .craft-process .txt-cont p:nth-of-type(4) {
  left: 72.5%;
}

.craft3-section4 {
  padding-top: 0.8rem;
}
.craft3-section4 .section-title {
  text-align: center;
}
.craft3-section4 .section-content .craft-product-list {
  padding-top: 0.4rem;
}

.craft3-section5 {
  padding-top: 0.8rem;
}
.craft3-section5 .craft-section-item {
  height: 6rem;
}
.craft3-section5 .pic {
  border-radius: 0.16rem;
  overflow: hidden;
}
.craft3-section5 .txt {
  padding-left: 80%;
  padding-right: 2%;
  padding-top: 32%;
  text-align: center;
}

/* 湿式压板 */
.craft4-section1 .txt {
  padding-right: 60%;
}

.craft4-section3 .new-wrapper {
  flex-direction: row-reverse;
}

.craft4-section6 {
  padding-top: 0.6rem;
}
.craft4-section6 .craft-section-item {
  height: 6rem;
}
.craft4-section6 .pic {
  border-radius: 0.16rem;
  overflow: hidden;
}
.craft4-section6 .txt {
  align-items: flex-start;
  padding-left: 19%;
  padding-bottom: 17%;
}
.craft4-section6 .txt h4 {
  padding-bottom: 0.12rem;
}