@media (max-width:768px) {
  * {
    font-size: 0.9rem !important;
  }
  .human-detial{
    width: 28%;
    margin-left: 12px;
    margin-right: 8px;
    display: flex;
    display: -webkit-box; /* �ϰ汾�﷨: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box; /* �ϰ汾�﷨: Firefox (buggy) */
display: -ms-flexbox; /* ��ϰ汾�﷨: IE 10 */
display: -webkit-flex; /* �°汾�﷨: Chrome 21+ */
    align-items: center;
    flex-wrap: nowrap;
    flex-flow: column;
  }
  .name-tip{
    position: relative !important;
    margin-top: unset !important;
    margin-left: unset !important;
    margin-right: unset !important;
    text-align: center !important;
  }
  .content {
    width: 100% !important;
    height: auto !important;
  }
  .bottom-png{
    width: 100% !important;
    height: auto !important;
    margin-top: 0 !important;
  }
  .top,.middle-1 {
    padding: 0 !important;
    width: 100% !important;
    height: 200px !important;
    background: url(/cms-chng-en-theme/images/managerTeam/top-left.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
  }
  .middle-2{
    width: 100% !important;
    height: auto !important;
    background: url(/cms-chng-en-theme/images/managerTeam/top-left.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .top-tip,.middle-1-tip {
    margin-top: 0 !important;
    position: relative !important;
    margin-left: 30px !important;
    width: calc(100% - 134px) !important;
    height: auto !important;
  }

  .left-content {
    width: 100% !important;
    float: unset !important;
    height: auto !important;
  }

  .contactUs {
    width: 100% !important;
    height: auto !important;
  }

  .appLink {
    position: relative;
    text-align: left;
  }

  .facebook,
  .follow {
    display: inline-block;
    position: relative !important;
    top: unset !important;
    right: unset !important;
    bottom: unset !important;
  }

  .pcH {
    display: none;
    height: 0 !important;
  }

  .phoneH {
    display: block !important;
  }

  img {
    /* width: 100% !important; */
    /* height: auto !important; */
  }

  .footer-content {
    width: 100% !important;
    margin: 0 auto !important;
  }

  .footer-tip-container {
    width: 100% !important;
    margin: 0 !important;
    text-align: center;
  }

  .footer-tip {
    font-size: 0.6rem;
    text-align: center;
  }

  .bottom img {
    width: 100% !important;
    height: auto;
  }

  footer .bottom {
    width: 100% !important;
    position: relative !important;
    left: unset !important;
    top: 0 !important;
    height: auto !important;
  }
}

@media (min-width:768px) {
  .phoneH {
    display: none;
  }

}

.top-png {
  margin: auto;
  width: 960px;
  height: 540px;
}

.img-tip {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  margin-top: 444.5px;
  margin-left: calc((100% - 960px) / 2 + 142px);
}

.tip-M {
  font-family: AlibabaPuHuiTi-Medium;
  color: #FFF000;
  float: left;
  font-size: 50px;
  line-height: 19px;
  font-weight: 500;
}

.tip-angement {
  font-family: AlibabaPuHuiTi-Medium;
  color: #FFFFFF;
  float: left;
  font-size: 30px;
  line-height: 19px;
  font-weight: 500;
  margin-top: 7px;
}

.content {
  height: 1014px;
  width: 960px;
  margin: 0 auto;
}

.top {
  width: 960px;
  height: 208.5px;
  padding-top: 32.5px;
}

.top-tip {
  font-family: FZZCHJW;
  width: 235px;
  height: 56.5px;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  margin-top: 215px;
  margin-left: calc((100% - 960px) / 2 + 297.5px);
}

.middle-1 {
  width: 960px;
  height: 209.5px;
  padding-top: 33.5px;
}

.middle-1-tip {
  width: 242px;
  height: 54px;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  margin-top: 430px;
  margin-left: calc((100% - 960px) / 2 + 434px);
}

.middle-2 {
  width: 960px;
  height: 212.5px;
  padding-top: 38.5px;
}

.bottom {
  height: 164px;
  width: 960px;
  margin: 0 auto;
  padding-top: 9.5px;
}

.bottom-1-tip {
  width: 118px;
  height: 106px;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  margin-top: 815px;
  margin-left: calc((100% - 960px) / 2 + 54.5px);
}

.bottom-2-tip {
  width: 118px;
  height: 106px;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  margin-top: 815px;
  margin-left: calc((100% - 960px) / 2 + 180.5px);
}

.bottom-3-tip {
  width: 118px;
  height: 106px;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  margin-top: 815px;
  margin-left: calc((100% - 960px) / 2 + 308.5px);
}

.bottom-4-tip {
  width: 118px;
  height: 106px;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  margin-top: 815px;
  margin-left: calc((100% - 960px) / 2 + 433.5px);
}

.bottom-5-tip {
  width: 118px;
  height: 106px;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  margin-top: 815px;
  margin-left: calc((100% - 960px) / 2 + 555.5px);
}

.bottom-6-tip {
  width: 118px;
  height: 106px;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  margin-top: 815px;
  margin-left: calc((100% - 960px) / 2 + 690.5px);
}

.bottom-7-tip {
  width: 118px;
  height: 106px;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  margin-top: 815px;
  margin-left: calc((100% - 960px) / 2 + 812.5px);
}

.bottom-png {
  width: 960px;
  height: 114px;
  margin-top: 105px;
}

.bottom-windmill {
  width: 130px;
  height: 183px;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  margin-top: 965px;
  margin-left: calc((100% - 960px) / 2 + 29.5px);
}
