.webfont {

  font-family: phb;

}

.webfont1 {

  font-family: phl;

}

.about {

  min-height: 900px;

  background-image: url(../images/06.jpg);

}

.about h2,

.about span,

.about p {

  color: #fff;

}

.about .main-center {

  /*max-width: 1300px;*/

  padding-top: 100px;

}

.about .t {

  display: flex;

  justify-content: space-between;

}

.about .t > p {

  color: #fff;

  font-size: 18px;

}

.about .t > p span {

  font-family: phl;

}

.about .rw {

  display: flex;

  padding: 100px 0 70px 0;

}

.about .rw > div {

  display: flex;

}

.about .rw > div > div .img {

  min-height: 250px;

}

.about .rw > div > div .img img {

  width: 100%;

}

.about .rw > div > div .text h2 {

  font-size: 14px;

  font-weight: normal;

  font-family: phb;

  padding: 20px 0 10px 0;

}

.about .rw > div > div .text h2 span {

  margin-left: 7px;

  font-size: 14px;

  font-family: phl;

}

.about .rw > div > div .text p {

  font-size: 14px;

  line-height: 1.6;

  font-family: phl;

}

.about .rw .left {

  width: 54%;

}

.about .rw .left > div {

  width: 240px;

  margin-right: 60px;

}

.about .rw .right {

  width: 52%;

  display: flex;

  justify-content: space-between;

}

.about .rw .right > div {

  width: 30%;
  margin:0 10px;

}

.about .rw .right > div .img {

  width: 100%;

  min-height: 160px;
  height: 160px;

}

.about .b p {

  font-size: 40px;

  font-family: phb;

}

.about .b p span {

  font-family: phb;

}

.about .b p span i {

  font-style: normal;

  color: #00ee41;

  font-size: 40px;

}

.swiper-container {

  display: none !important;

}

.con3 {

  background-color: #343434;

  padding: 100px 0;

}

.con3 h2,

.con3 p {

  color: #fff;

}

.con3 h2 {

  font-size: 60px;

  text-transform: uppercase;

  font-family: phb;

  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 100px;

}

.con3 h2 span {

  font-size: 48px;

  font-family: Regular;

  color: #00ee41;

  margin-left: 10px;

}

.con3 .c-body {

  position: relative;

}

.con3 .c-body .img-wrap {

  display: flex;

}

.con3 .c-body .img-wrap .img {

  width: 13.42%;

  margin-right: 1%;

  min-height: 60px;

  background-color: #ccc;

}

.con3 .c-body .img-wrap .img:last-of-type {

  margin-right: 0;

}

.con3 .c-body .text {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.6);

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}

.con3 .c-body .text p {

  font-size: 22px;

  font-family: Regular;

  line-height: 2.6;

}

@media (max-width: 768px) {

  .con3 {

    padding: 30px 0;

  }

  .con3 h2 {

    font-size: 30px;

    margin-bottom: 30px;

  }

  .con3 h2 span {

    font-size: 20px;

  }

  .con3 .c-body .text p {

    font-size: 14px;

    line-height: 1.4;

    padding: 0 10px;

    margin-bottom: 16px;

  }

  .con3 .c-body .img-wrap {

    flex-wrap: wrap;

    justify-content: space-between;

  }

  .con3 .c-body .img-wrap .img {

    width: 32%;

    min-height: 160px;

    margin-bottom: 1%;

  }

  .con3 .c-body .img-wrap .img:last-of-type {

    display: none;

  }

  .about {

    padding: 0 10px;

  }

  .about .main-center {

    padding-top: 40px;

  }

  .about .t > p {

    font-size: 14px;

  }

  .about .rw {

    display: block;

    padding: 40px 0;

  }

  .about .rw > div {

    width: 100% !important;

    justify-content: space-between;

    display: flex;

    margin-bottom: 30px;

  }

  .about .rw .left > div {

    width: 48%;

  }

  .about .rw > div > div .img {

    width: 100%;

    min-height: 140px;

  }

  .about .rw > div > div .text h2 {

    font-size: 16x;

  }

  .about .rw > div > div .text h2 span {

    font-size: 13px;

  }

  .about .rw > div > div .text p {

    font-size: 13px;

  }

  .about .rw .right {

    display: none;

  }

  .swiper-container {

    display: block !important;

    padding-bottom: 50px !important;

  }

  .swiper-container .swiper-pagination-bullet {

    background-color: #ccc;

  }

  .about .b {

    display: none;

  }

  .about .b p {

    font-size: 18px;

  }

  .about .rw .left > div {

    margin-right: 0;

  }

}