.intro .content {
  width: 100%;
}

.intro img {
  vertical-align: bottom;
}

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

.intro .intro_in .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 .intro_in .fadein.fadein_in {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.intro .intro_in .comment_main_cap {
  text-align: center;
  margin-bottom: 100px;
}

.intro .intro_in .intro_inner {
  width: 980px;
  margin: 0 auto;
}

.intro .intro_in .intro_inner .intro_1 {
  margin-bottom: 126px;
}

.intro .intro_in .intro_inner .intro_1 .intro_1_img {
  position: relative;
  float: left;
  width: 490px;
}

.intro .intro_in .intro_inner .intro_1 .intro_1_img:after {
  content: "";
  width: 280px;
  height: 157px;
  position: absolute;
  bottom: -90px;
  right: -60px;
  background: url(../img/in_intro/img2.jpg) top center no-repeat;
}

.intro .intro_in .intro_inner .intro_1 .intro_1_txt {
  float: right;
}

.intro .intro_in .intro_inner .intro_2 {
  position: relative;
  margin-bottom: 100px;
}

.intro .intro_in .intro_inner .intro_2 .intro_2_txt {
  float: left;
}

.intro .intro_in .intro_inner .intro_2 .intro_2_img_list {
  float: right;
}

.intro .intro_in .intro_inner .intro_2 li .intro_2_img_list li {
  margin-bottom: 10px;
}

.intro .intro_in .intro_inner .intro_2 li .intro_2_img_list li:last-child {
  margin-bottom: 0;
}

.intro .intro_in .intro_inner .intro_3 {
  position: relative;
  width: 430px;
  margin: 0 0 100px auto;
}

.intro .intro_in .intro_inner .intro_3:before {
  content: "";
  width: 480px;
  height: 270px;
  position: absolute;
  bottom: 58px;
  left: -550px;
  background: url(../img/in_intro/img6.jpg) top center no-repeat;
}

.intro .intro_in .intro_inner .intro_4 {
  position: relative;
  margin-bottom: 210px;
}

.intro .intro_in .intro_inner .intro_4:before {
  content: "";
  width: 570px;
  height: 320px;
  position: absolute;
  top: 60px;
  right: 0;
  background: url(../img/in_intro/img7.jpg) top center no-repeat;
}

.intro .intro_in .intro_inner .intro_4 .intro_4_txt5 {
  position: relative;
}

.intro .intro_in .intro_inner .intro_4 .intro_4_txt6 {
  position: relative;
  margin-top: 45px;
}

.intro .intro_in .intro_inner .intro_5 {
  position: relative;
  text-align: right;
  margin-bottom: 133px;
}

.intro .intro_in .intro_inner .intro_5:after {
  content: "";
  width: 480px;
  height: 270px;
  position: absolute;
  top: -52px;
  left: 0;
  background: url(../img/in_intro/img8.jpg) top center no-repeat;
}

.intro .intro_in .intro_inner .intro_6 {
  position: relative;
  text-align: center;
  margin: 0 auto 50px;
}

.intro .intro_in a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.intro .scroll_img_area {
  position: relative;
  width: 100%;
  height: 190px;
  margin-bottom: 100px;
}

.intro .scroll_img_area .scroll_area_inner {
  position: relative;
  width: 8160px;
  height: 190px;
  -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: 340px;
  height: 190px;
}

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

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