.box1 {
  width: 100%;
  padding: 1rem 0;
}

.craftTit1 {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: bold;
  font-size: 0.36rem;
  color: #000000;
  text-align: center;
}

.box1 .body {
  margin-top: .98rem;
}

.craftTit2 {
  display: flex;
  align-items: center;
  gap: .08rem;
  margin-top: 1rem;
}

.craftTit2 span {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: bold;
  font-size: 0.3rem;
  color: #000000;
}

.box1 .body .txt {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 400;
  font-size: 0.2rem;
  color: #000000;
  color: #333;
  line-height: 0.35rem;
  margin-top: .4rem;
  margin-bottom: 1rem;
}

.box1 .body .last {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 400;
  font-size: 0.3rem;
  color: #000000;
}

.box1 .body .last span {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 400;
  font-size: 0.3rem;
  color: #3EB6FF;
}

.box2 {
  width: 100%;
  min-height: 5.62rem;
  background-image: url(../img/craft1.png);
  padding: 1rem 0;
}

.box2 .list {
  display: flex;
  flex-wrap: wrap;
  gap: .57rem;
  margin-top: .78rem;
}

.box2 .list .item {
  display: flex;
  gap: .57rem;
}

.box2 .list .item>img {
  width: 1.08rem;
  height: .68rem;
  object-fit: contain;
  margin-top: .59rem;
}

.box2 .list .item:last-child>img,
.box2 .list .item:nth-child(4n)>img {
  display: none;
}

.box2 .itemL img {
  width: 1.96rem;
  height: 1.96rem;
  padding: .19rem;
  object-fit: cover;
  border: 0.01rem solid #3EB6FF;
  border-radius: 50%;
  margin-bottom: .33rem;
}

.box2 .itemL .tit {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 400;
  font-size: 0.25rem;
  color: #000000;
  text-align: center;
}

.box3 {
  width: 100%;
  padding: 1rem 0;
}

.box3 .list {
  margin-top: .95rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .59rem;
}

.box3 .list .item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: .32rem;
}

.box3 .list .icon {
  width: 0.89rem;
  height: 0.89rem;
  background: #D1EEFF;
  box-shadow: -0.02rem 0.05rem 0.15rem 0.01rem rgba(47, 116, 159, 0.18);
  background: linear-gradient(188deg, #67C6FF 0%, #CEECFF 100%);
  border: 0.04rem solid #D1EEFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.box3 .list .icon img {
  width: .43rem;
  height: .43rem;
  object-fit: contain;
}

.box3 .list .item p {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 400;
  font-size: 0.25rem;
  color: #000000;
  line-height: 0.4rem;
}

.box3 .list .item span {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: bold;
  font-size: 0.25rem;
  color: #3EB6FF;
  line-height: 0.4rem;
}

.box4 {
  width: 100%;
  min-height: 6.48rem;
  background-image: url(../img/craft8.png);
  padding: 1rem 0;
}

.box4 .main {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.box4 .left {
  width: 6.46rem;
  width: 6.5rem;
}

.box4 .left .txt {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 400;
  font-size: 0.2rem;
  color: #000000;
  color: #333;
  line-height: 0.35rem;
  margin-top: .58rem;
}

.box4 .right {
  width: 8.5rem;
  height: 4.5rem;
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  overflow: hidden;
}

.box5 {
  width: 100%;
  padding: 1rem 0;
}

.box5 img {
  margin-top: .45rem;
}

.box6 {
  padding: 1rem 0;
}

.box6 .body {
  margin-top: .8rem;
}

.box6 .body .txt {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 400;
  font-size: 0.2rem;
  color: #000000;
  color: #333;
  line-height: 0.35rem;
  margin-top: .45rem;
}

.box6 .body .imgList {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .38rem;
  margin-top: .45rem;
}

.box6 .body .imgList img {
  width: 100%;
}

.box6 .body .list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: .36rem;
  row-gap: .44rem;
  margin-top: .53rem;
}

.box6 .body .list .item {
  width: 100%;
  height: .92rem;
  background-color: #fff;
  background-image: url(../img/craft12.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  box-shadow: -0.02rem 0.04rem 0.2rem 0.01rem rgba(73, 141, 183, .25);
  padding: 0 .15rem;
  display: flex;
  align-items: center;
  gap: .2rem;
  border-radius: .1rem;
}

.box6 .body .list .item img {
  width: .53rem;
  height: .53rem;
  object-fit: contain;
}

.box6 .body .list .item .tit {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 400;
  font-size: 0.25rem;
  color: #000000;
}

.box7 {
  width: 100%;
  /*min-height: 19.75rem;*/
  background-image: url(../img/craft13.png);
  padding-top: 1rem;
  padding-bottom: 2rem;
}

.one {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.one .txt {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 400;
  font-size: 0.2rem;
  color: #000000;
  color: #333;
  line-height: 0.35rem;
  margin-top: .58rem;
}

.one .left {
  width: 6.41rem;
}

.one .right {
  width: 8.51rem;
  height: 4.5rem;
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  overflow: hidden;
}

.two {
  margin-top: 1rem;
}

.two .list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: .25rem;
  margin-top: .76rem;
}

.two .list .item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.two .list .icon {
  width: 1.36rem;
  height: 1.36rem;
  box-shadow: -0.02rem 0.05rem 0.15rem 0.01rem rgba(47, 116, 159, 0.18);
  border-radius: 50%;
  border: 0.07rem solid #D1EEFF;
  background: linear-gradient(188deg, #67C6FF 0%, #CEECFF 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: .42rem;
}

.two .list .icon img {
  width: .52rem;
  height: .52rem;
  object-fit: contain;
}

.two .list .txt {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 400;
  font-size: 0.25rem;
  color: #000000;
  line-height: 0.4rem;
  text-align: center;
}

.three {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.3rem;
}

.three .left {
  width: 6.73rem;
}

.three .txt {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 400;
  font-size: 0.2rem;
  color: #000000;
  line-height: 0.35rem;
  margin-top: .47rem;
}

.three .txt p,
.three .txt strong,
.three .txt span{
    font-family: Source Han Sans SC, Source Han Sans SC;
    font-size: 0.2rem;
    line-height: 0.35rem;
}

.three .right {
  width: 8.56rem;
  height: 4.95rem;
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  overflow: hidden;
}