.home-banner {
  height: 760px;
  background-repeat: no-repeat;
  position: relative;
  background-position: center; }
  .home-banner .warper {
    height: 100%; }
  .home-banner .banner-text {
    color: #fff;
    text-align: center; }
    .home-banner .banner-text .text1 {
      font-size: 30px; }
    .home-banner .banner-text .text2 {
      font-size: 66px;
      font-weight: bold;
      letter-spacing: 1px;
      margin: 30px 0; }

.home-about {
  text-align: center; }
  .home-about .about-video {
    margin-bottom: 80px; }
  .home-about h2 {
    font-size: 40px; }
  .home-about .article-text {
    max-width: 640px;
    margin: 0 auto;
    font-size: 16px; }
  .home-about .icon-decoration {
    max-width: 250px;
    width: 100%;
    display: block;
    margin: 30px auto;
    position: relative; }
    .home-about .icon-decoration .sci-icon {
      background: url(../images/index-icon.png) center no-repeat;
      background-size: contain;
      display: block;
      width: 32px;
      height: 32px;
      margin: auto; }
      .home-about .icon-decoration .sci-icon:before, .home-about .icon-decoration .sci-icon:after {
        content: "";
        width: calc(50% - 32px);
        border-top: 1px solid #c9c9c9;
        position: absolute;
        top: 50%;
        left: 0;
        margin: auto;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
      .home-about .icon-decoration .sci-icon:after {
        left: auto;
        right: 0; }
  .home-about .comm-button {
    margin-top: 80px; }

@media (max-width: 768px) {
  .home-banner {
    height: 640px; }
    .home-banner .banner-text .text1 {
      font-size: 16px; }
    .home-banner .banner-text .text2 {
      font-size: 30px;
      margin: 30px 0; }
    .home-banner span.right,
    .home-banner span.left {
      height: 20px;
      width: calc(50% - 30px); }
    .home-banner span.right:before,
    .home-banner span.left:before {
      border-bottom: 20px solid #fff; }
    .home-banner span.right:before {
      left: -30px;
      border-left: 30px solid transparent; }
    .home-banner span.left:before {
      right: -30px;
      border-right: 30px solid transparent; }
  .home-about h2 {
    font-size: 22px; }
  .home-about .about-video {
    margin-bottom: 30px; }
  .home-about .article-text {
    max-width: 100%;
    font-size: 14px; }
  .home-about .icon-decoration {
    max-width: 200px;
    margin: 20px auto; }
    .home-about .icon-decoration .sci-icon {
      width: 28px;
      height: 28px; }
      .home-about .icon-decoration .sci-icon:before, .home-about .icon-decoration .sci-icon:after {
        content: "";
        width: calc(50% - 28px); }
  .home-about .comm-button {
    margin-top: 30px; } }