/* ################# section : skills_introduce ################# */

.skills_introduce {
  padding-top: 60px;
  text-align: center;
}
.skills_introduce-inner {
  width: 1300px;
  margin: auto;
}
.introduce-title {
  position: relative;
  margin-bottom: 60px;
  height: 200px;
  overflow: hidden;
}
.introduce-title h3 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font: inherit;
  font-size: 1.5em;
  font-weight: 700;
}
.introduce-txt h1 {
  font: inherit;
  font-size: 2em;
  font-weight: 700;
  color: #333;
}
.introduce-txt p {
  font: inherit;
  color: #666;
  margin-top: 30px;
}


/* ################# section : certification ################# */

.certification {}
.certification-inner {
  width: 1000px;
  margin: auto;
}
.certification-content {
  /* text-align: center; */
}


/* ################# section : patent ################# */

.patent {
  padding: 60px 0 120px 0;
}
.patent-inner {
  width: 1000px;
  margin: 0 auto;
}

/* ################# common ################# */

.skills-slider>div {
  text-align: center;
}
.skills-item {
  opacity: 0.2;
  transition: 0.5s;
}
.slider-img {
  display: flex;
  justify-content: center;
}
.slider-img img{
  width: 150px;
  height: 220px;
}
.slider-txt {
  padding: 30px 50px 0 50px;
}
.slider-txt h3 {
  font: inherit;
  font-weight: 700;
  line-height: 1.4em;
}
.slider-txt p {
  margin-top: 10px;
  font: inherit;
  line-height: 1.4em;
  font-size: 0.8em;
}
.slick-center .skills-item{
  opacity: 1;
}

.slick-arrow {}
.slick-prev:before,
.slick-next:before {
  content:"\f104";
  font-family: fontawesome;
  color: #000;
  font-size: 30px;
  opacity: 1;
}
.slick-next:before {
  transform: rotateY(180deg);
  display: block;
}


@media (max-width: 768px) {
  .skills_introduce-inner{
    width: 100%;
  }

  .certification-inner {
    width: 100%;
  }
  .patent-inner {
    width: 100%;
  }
}