.text-mobile{
    display: none;
}
.s-title {
  text-align: center;
}
.s-title .text {
  margin-top: 20px;
}
.s-title .text p {
  color: #777;
}
.ctn1 {
  padding-top: 100px;
  overflow: hidden;
}
.ctn2 {
  padding-top: 100px;
  overflow: hidden;
}
.ctn2 .video {
  margin-top: 40px;
}
.ctn2 .video video {
  width: 100%;
}
.ctn3 {
  padding: 100px 0 120px;
  overflow: hidden;
}
.ctn3 .ctn-list {
  width: 950px;
  max-width: 100%;
  margin: 50px auto 0;
}
.ctn3 .ctn-list .swiper-slide{
    overflow: hidden;
}
.ctn3 .ctn-list .swiper-slide img {
  width: 100%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.ctn3 .ctn-list .swiper-slide:hover img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
.ctn3 .ctn-list .swiper-pagination {
  position: relative;
  width: 100%;
  bottom: 0;
  margin-top: 40px;
}
.ctn3 .ctn-list .swiper-pagination .swiper-pagination-bullet-active {
  background: #1f508e;
}
@media screen and (max-width: 1600px) {
  .s-title .text {
    margin-top: 1vw;
  }
  .ctn1 {
    padding-top: 5vw;
  }
  .ctn2 {
    padding-top: 5vw;
  }
  .ctn2 .video {
    margin-top: 2vw;
  }
  .ctn3 {
    padding: 5vw 0 6vw;
  }
  .ctn3 .ctn-list .swiper-pagination {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
    .text-pc{
    display: none;
}
.text-mobile{
    display: block;
}

  .s-title .text {
    margin: 20px auto 0;

  }
  .ctn1 {
    padding-top: 40px;
  }
  .ctn2 {
    padding-top: 40px;
  }
  .ctn2 .video {
    margin-top: 20px;
  }
  .ctn3 {
    padding: 40px 0;
  }
  .ctn3 .ctn-list {
    margin: 20px auto 0;
  }
  .ctn3 .ctn-list .swiper-pagination {
    margin-top: 10px;
  }
  .ctn3 .ctn-list .swiper-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 3px;
  }
}