footer {
  /* position: absolute; */
  margin-top: 80px;
  width: 100%;
  height: 100%;
  background: #f4f4f4;
}

.footer_top {
  background: url(https://ss-res-1257384375.cos.ap-guangzhou.myqcloud.com/site_res/61/20220809094442_my2HQInh.png?imageMogr2/thumbnail) center bottom no-repeat;
  background-size: 100%;
}

.footer_top .container {
  padding: 80px 0px 45px;
  display: flex;
  justify-content: space-between;
}

.footerNav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding: 0 60px;
}

.footerNavList {
  display: flex;
  flex-direction: column;
  opacity: .6;
  color: #333;
}

.footerNavList a:first-child {
  color: #000;
  font-weight: bold;
  font-size: 18px;
}

.footerNavList a, .footerNavList p {
  font-size:16px;
  line-height: 32px;
  margin: 0;
  color: #333;
  font-family: 'pingfang';
}

.footerNavList>span {
  margin: 0;
  font-size: 24px;
  line-height: 32px;
  color: #333;
  font-weight: bold;
  margin-bottom: 30px;
}

.footer_bottom {
  border-top: 1px solid #333;
  text-align: center;
  opacity: .5;
  line-height: 50px;
  color: #333;
  font-size: 16px;
}

.footer_bottom a {
  color: #333;
  font-size: 16px;
}

@media screen and (max-width: 1600px) and (min-width:1200px) {
  .footerNavList>span {
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 24px;
  }

  .footerNavList a, .footerNavList p {
    line-height: 24px;
  }
}