.container {
  min-height: 100vh;
  background-image: url(../images/index/bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top; }

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 15;
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 580px;
  padding: 10px 15px 10px 4px; }
  .header .logo {
    display: block;
    width: 190px; }
  .header .service {
    width: 50px; }

.text1 {
  width: 35%;
  margin-top: 24%; }

.bottom {
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-bottom: 60px; }
  .bottom .xiazai_box {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding: 0 20px; }
    .bottom .xiazai_box .xiazai {
      width: 30%; }
  .bottom .wenzi {
    display: block;
    width: 90%;
    margin: 10px auto 0; }
  .bottom .btns {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 20px; }
    .bottom .btns img {
      width: 40%; }
      .bottom .btns img:nth-of-type(1) {
        animation: scale_loop 1s infinite; }
      .bottom .btns img:nth-of-type(2) {
        margin-left: 10px;
        animation: scale_loop 1s infinite .5s; }

@keyframes scale_loop {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(0.8); }
  100% {
    transform: scale(1); } }

@media screen and (max-width: 580px) {
  .header .logo {
    width: 44.19vw; }
  .header .service {
    width: 11.63vw; }
  .xiazai_box {
    padding: 0 4.65vw; }
  .wenzi {
    bottom: 34.88vw; }
  .btns {
    bottom: 16.28vw; }
    .btns img:nth-of-type(n + 2) {
      margin-left: 2.33vw; } }