body {
  margin:0;
  font-family: 微软雅黑;
}
#bottom{
width:100%;
background-color:#2f8bb4;
position:relative;
}
.head {
  position:relative;
  background: linear-gradient(100deg, #3a9dca 0%, #026594 100%);
  color: white;
}

.inner-header {
  height:420px;
  width:100%;
  margin: 0;
  padding: 0;
}

 @media all and (min-width:1400px){
  .inner-header {
    height:482px;
    width:100%;
    margin: 0;
    padding: 0;
}
 }

/*.flex { 
  display: flex;
}*/
#bottom_con{
  width:100%;
  height:320px;
  position:absolute;
  top:30px;
}
#bottom_left{
  width:70%;
  float:left;
}
.bottom_li{
  width:15%;
  float:left;
  margin-left:7%;
}
.bottom_li h4{
  text-align:Center;
  color: #FFF;
  font-size: 16px;
  margin: 0px;
  font-weight: 600;
}
.bottom_li ul{
  margin-top:20px;
  padding: 0px;
}
.bottom_li li{
  list-style:none;
  margin-top:10px;
  text-align:center;
}
.bottom_li a{
  color: #ddd;
  font-size:14px;
}
.bottom_li a:hover{
  color: #fff;
  font-size:14px;
}
#bottom_left_bottom{
  width:100%;
  height:160px;
  float:left;
  margin-top:50px;
}
.left_bottom_wx{
  width:15%;
  height:160px;
  float:left;
  margin-left:10%;
}
.wx_1{
  margin-left:10%;
}
.wx_2{
  margin-left:5%;
}
.left_bottom_wx p{
  margin:0px;
  text-align:center;
  font-size:15px;
}
.left_bottom_byu{
  width:40%;
  float:left;
  margin-left:5%;
}
#bottom_right{
  width:30%;
  height:320px;
  float:left;
}
#bottom_right_top p{
  margin:0px;
  padding-left:43px;
  padding-top:35px;
  font-size:15px;
  color:#eee;
}
.waves {
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
}
#cy{
    position: relative;
    height: 20vh;
    text-align: center;
    background-color: white;
	display: flex;
    justify-content: center;
    align-items: center;
	color:#000;
	font-size:14px;
}


/* 效果部分 */

.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;
  }
  .content {
    height:30vh;
  }
  h1 {
    font-size:24px;
  }
}