.intro {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.intro .content {
  width: 100%;
}

.intro img {
  max-width: 100%;
  vertical-align: bottom;
}

.intro .fadein {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0.98);
      -ms-transform: scale(0.98);
          transform: scale(0.98);
  -webkit-transition: all .5s ease-out;
          transition: all .5s ease-out;
}

.intro .fadein.fadein_in {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.intro .comment_main_cap {
  width: 90%;
  margin: 10% auto 16%;
}

.intro .intro_inner .intro_list .intro_img1 {
  margin-bottom: 13%;
}

.intro .intro_inner .intro_list .intro_txt1 {
  width: 90%;
  margin: 0 auto 13%;
}

.intro .intro_inner .intro_list .intro_img2 {
  margin-bottom: 13.6%;
}

.intro .intro_inner .intro_list .intro_txt2 {
  width: 90%;
  margin: 0 auto 9.8%;
}

.intro .intro_inner .intro_list .intro_img3 {
  margin-bottom: 10.3%;
}

.intro .intro_inner .intro_list .intro_txt3 {
  width: 90%;
  margin: 0 auto 16%;
}

.intro .intro_inner .intro_list .intro_img4 {
  position: relative;
  margin-bottom: 67.3%;
}

.intro .intro_inner .intro_list .intro_img4 .intro_img_4_img {
  width: 100%;
}

.intro .intro_inner .intro_list .intro_img4 .intro_img4_cap {
  position: absolute;
  top: -14.1%;
  right: 4.9%;
  width: 12%;
}

.intro .intro_inner .intro_list .intro_img4 .intro_img4_subtxt {
  position: absolute;
  bottom: -54%;
  left: 19%;
  -webkit-transform: translate(-20%, 55%);
  -ms-transform: translate(-20%, 55%);
      transform: translate(-20%, 55%);
  width: 68%;
}

.intro .intro_inner .intro_list .intro_img5 {
  margin-bottom: 13.2%;
}

.intro .intro_inner .intro_list .intro_txt4 {
  width: 90%;
  margin: 0 auto 10%;
}

.intro .scroll_img_area {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 95px;
  margin-bottom: 16%;
}

.intro .scroll_img_area .scroll_area_inner {
  position: relative;
  width: 4080px;
  height: 95px;
  -webkit-animation: bg-b-scroll 80s linear infinite;
          animation: bg-b-scroll 80s linear infinite;
}

.intro .scroll_img_area .scroll_area_inner li {
  float: left;
  width: 170px;
  height: 95px;
}

@-webkit-keyframes bg-b-scroll {
  0% {
    -webkit-transform: translateX(-1360px);
            transform: translateX(-1360px);
  }
  100% {
    -webkit-transform: translateX(-2720px);
            transform: translateX(-2720px);
  }
}

@keyframes bg-b-scroll {
  0% {
    -webkit-transform: translateX(-1360px);
            transform: translateX(-1360px);
  }
  100% {
    -webkit-transform: translateX(-2720px);
            transform: translateX(-2720px);
  }
}