.index .vs { height: 400px; }

.index .cnt { max-width: 720px; margin-top: -260px; }
.index .cnt .go { display: block; position: relative; width: 100%; height: auto; margin: 0 auto 110px auto; }
.index .cnt .go #what { width: 300px; }
.index .cnt .go .btn { display: block; margin: 0 auto 15px auto; }
.index .cnt .news { display: block; position: relative; width: 100%; height: auto; margin: 0 auto; }
.index .cnt .news .sbt { display: block; position: absolute; width: 85px; height: 85px; left: 5px; top: 0; font-size: 22px; line-height: 24px; font-weight: bold; text-align: center; border: 1px solid #2d8383; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; padding-top: 15px; color: #146464; }
.index .cnt .news .list { display: block; position: relative; width: calc(100% - 100px); height: auto; margin: 0 auto 10px 100px; font-size: 18px; line-height: 25px; text-align: left; }
.index .cnt .news-list .btn, .index .cnt .news-list .btn:link, .index .cnt .news-list .btn:visited { background: #146464; }
.index .cnt .news-list .btn:hover, .index .cnt .news-list .btn:active { background: #2d8383; }

#intro .mb { display: none; }

@media (max-width: 1100px) { .index .vs { height: 300px; }
  .index .cnt { margin-top: 0px; padding-top: 30px; }
  .index .cnt .go { margin-bottom: 60px; }
  .index .cnt .go #what { display: block; }
  .index .cnt .go .btn { display: inline-block; }
  .index .cnt .go .btn:last-child { margin-left: 10px; } }
@media (max-width: 760px) { .index .cnt .news .sbt { display: inline-block; position: relative; width: auto; height: auto; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; margin: 0 auto 15px auto; padding: 5px 15px; }
  .index .cnt .news .sbt br { display: none; }
  .index .cnt .news .list { width: 540px; margin-left: auto; font-size: 16px; line-height: 22px; } }
@media (max-width: 640px) { .index .cnt .go .btn { display: block; }
  .index .cnt .go .btn:last-child { margin-left: auto; }
  .index .cnt .news .list { width: 280px; margin-bottom: 15px; }
  #intro .pc { display: none; }
  #intro .mb { display: block; max-width: 320px; } }
@media (max-width: 500px) { .index .cnt .go #what { width: 250px; }
  #intro .hide { display: none; } }