body {
  margin:0;
}

ul {
    list-style:none;
    padding:0;
    margin:0;
	}
li{text-align:left;}

.header {
  position:relative;
  text-align:center;
  background: linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172,193,1) 100%);
  color:white;
}
#tb {
	height: 18px;
	color: #CCC;
	font-size: small;
	line-height: 18px;
	}
#tbz {
	text-align: left;
	width: 50%;
	float: left;
	}
#tby {
	text-align: right;
	width: 50%;
	float: right;
	}
	
#zj {
	margin: 0 auto;
	width:80%;
	height:90vh;
	}
#zjz {
	margin:0;
	width: 50%;
	float:left;
	}
.zjzbt {
	text-align:center;
	background:green;
	}
.zjzbta {
	margin:0;
	height:50px;
	text-align:;
	width:70%;
	}
#zjy {
	float:right;
	width: 50%;
	}
.zjys {
	text-align:center;
	}
.zjyx {
	text-align:center;
	}

#db {
	width: 100%;
	text-align: center;
	font-size:10px;
	background:#FFF;
	color:#333;
}

.waves {
  position:relative;
  width: 100%;
  height:0vh;
  margin-bottom:-7px; 
  min-height:100px;
  max-height:150px;
}

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height:40px;
    min-height:40px;
  }
}