*{
    position: relative;
    box-sizing: border-box;
}
body{
  overflow-x: hidden;
}
/* background */
div.background{
  position:fixed;
  top: 0;
  left: 0;
  width:100%;
  height: 100%;
  z-index: -1;
}
div.background img{
  width: 100%;
  height: auto;
  max-width: 100%;
  z-index: -1;
  opacity: 1;
}

/* navbar */

.navbar{
  background: linear-gradient( 181deg, rgba(2, 77, 131, 0.95) 0%, rgba(23, 28, 97, 0.9) 100%);
}
.navbar ul{
    width:100%;
    justify-content: center;
}
.navbar ul li{
    margin:0 32px;
    transition: all 0.1s ease-in-out;
}
.navbar ul li a {
  color: #fff!important;
  font-size: 16px;
}
.navbar ul li:hover{
  transform: scale(1.2);
}
.nav-now{
  background-color: rgba(0,0,0,0.3);
  border-radius: .3rem;
}
.demand-logo{
  position:absolute;
  left:20px;
  top:76px;
  height:84px;
  padding:8px;
}
/* float btn */
.cs-btn{
  position: fixed;
  right: 20px;
  bottom: 20px;
  height: 56px;
  width: 56px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  z-index: 5;
}
 .support-img{
  -webkit-animation-name: spaceboots;
	-webkit-animation-duration: 0.8s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

@-webkit-keyframes spaceboots {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
.top-btn{
  position: fixed;
  right: 20px;
  bottom: 88px;
  height: 56px;
  width: 56px;
  padding: 10px;
  border-radius: 50%;
  overflow: hidden;
  background-color: rgba(0,0,0,0.6);
  cursor: pointer;
  z-index: 5;
}
.cs-btn img,.top-btn img{
  width: 100%;
  /* transform: scale(0.6); */
  cursor: pointer;
}

.outter{
  margin: 56px 0;
}


.footer{
    height: 200px;
    background: linear-gradient( 200deg, rgba(2, 77, 131, 0.95) 0%, rgba(23, 28, 97, 0.9) 100%);
    color: #fff;
  }

  @media(max-width:450px){


    div.background{
      position:fixed;
      top: 0;
      left: 0;
      width:100%;
      height: 100%;
      z-index: -1;
    }
    div.background img{
      width: auto;
      height: auto;
      min-height: 100%;
    }
    
    /* navbar */
    
    
    .navbar ul{
        width:100%;
        justify-content: center;
    }
    .navbar ul li{
        margin:0 10px;
    }
    
    .nav-now{
      background-color: transparent;
      border-radius: .3rem;
    }
    .demand-logo{
      height:56px;
    }
    /* float btn */
    
     
    
    
    
    .outter{
      margin: 56px 0;
    }
    
    
    .footer{
        height: 480px;
    }
    .footer .col-md-3{
      margin-bottom: 20px;
    }
  }