.pdt-introduction {
  padding-top: 30px;
}

.pdt-introduction .title {
  text-align: left;
  margin-bottom: 15px;
  justify-content: flex-start;
}

.pdt-introduction .lt {
  margin-bottom: 20px;
}

.pdt-introduction .rt img {
  width: 100%;
}

.pdt-introduction .info {
  line-height: 1.8;
  max-height: 144px;
}

@media (min-width: 992px) {
  .pdt-introduction .info-wrap {
    display: flex;
  }

  .pdt-introduction .info-wrap>div {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .pdt-introduction .lt {
    padding-right: 30px;
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .pdt-introduction {
    padding-top: 56px;
  }
}

@media (min-width: 1440px) {
  .pdt-introduction .lt {
    padding-right: 60px;
  }

  .pdt-introduction .title {
    margin-bottom: 30px;
  }

  .pdt-introduction .info {
    max-height: 202px;
  }
}

@media (min-width: 1640px) {
  .pdt-introduction .title {
    font-size: 36px;
    margin-bottom: 44px;
  }

  .pdt-introduction .lt {
    padding-right: 95px;
  }

  .pdt-introduction .info {
    max-height: 231px;
  }
}


/* pdt-alloy */
.pdt-alloy {
  padding-top: 30px;
}

.pdt-alloy .sub-info {
  line-height: 1.8;
}

.pdt-alloy .row {
  margin-top: 30px;
}

.pdt-alloy .item {
  padding: 20px 15px;
  margin-bottom: 30px;
  box-shadow: 3px 6px 12px 1px rgba(0, 0, 0, 0.3);
}

.pdt-alloy .title-wrap {
  margin-bottom: 10px;
}

.pdt-alloy .lt {
  margin-bottom: 10px;
}

.pdt-alloy .tit {
  text-align: left;
}

.pdt-alloy .info {
  height: 116px;
  line-height: 1.8;
}

@media (min-width: 768px) {
  .pdt-alloy .item {
    padding: 30px;
    margin-bottom: 50px;
  }

  .pdt-alloy .title-wrap {
    display: flex;
    justify-content: space-between;
  }

  .pdt-alloy .lt {
    margin-right: 15px;
    margin-bottom: 0;
    position: relative;
  }

  .pdt-alloy .lt::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    margin-top: 25px;
    background: var(--sub-color);
  }

  .pdt-alloy .tit {
    margin-top: 15px;
  }
}

@media (min-width: 1200px) {
  .pdt-alloy {
    padding-top: 0;
    margin-top: -58px;
  }

  .pdt-alloy .sub-info {
    max-width: 48%;
    max-height: 58px;
  }

  .pdt-alloy .row {
    margin-top: 50px;
  }

  .pdt-alloy .item {
    padding: 40px 60px 34px;
    margin-bottom: 70px;
  }

  .pdt-alloy .lt::before {
    margin-top: 34px;
  }

  .pdt-alloy .tit {
    margin-top: 25px;
  }
}

@media (min-width: 1440px) {
  .pdt-alloy .row {
    margin-left: -30px;
    margin-right: -30px;
  }

  .pdt-alloy .row>div {
    padding: 0 30px;
  }
}

@media (min-width: 1640px) {
  .pdt-alloy .row {
    margin-top: 70px;
    margin-left: -50px;
    margin-right: -50px;
  }

  .pdt-alloy .row>div {
    padding: 0 50px;
  }
}