.hea {
  width: 100%;
  height: 7.42rem;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: url('../images/bg/findteachbg.jpg') no-repeat;
  background-size: cover;
  overflow-y: hidden;
}
.hea .HD {
  width: 100%;
  height: 0.59rem;
  line-height: 0.59rem;
}
.hea .HD .logo {
  float: left;
  width: .72rem;
  height: .23rem;
  line-height: .59rem;
  margin-left: .9rem;
  font-size: .12rem;
}
.hea .HD .logo img {
  width: 100%;
  height: 100%;
}
.hea .HD ul {
  list-style: none;
  float: right;
  margin-right: .59rem;
}
.hea .HD ul li {
  float: left;
  font-family: PingFangSC-Regular;
  font-size: .12rem;
  color: #fff;
  letter-spacing: 0;
  margin-left: .4rem;
}
.hea .msg {
  font-size: .18rem;
  display: inline-block;
  /* position: absolute;
  left: 20%;
  top: 25%; */
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  font-family: PingFangSC-Light;
}
.sections {
  margin: 0;
  padding: 0;
  height: 7.42rem;
  width: 100%;
  background: url('../images/bg/ftbg2.png') no-repeat;
  background-size: cover;
  overflow-y: hidden;
}
.sections p {
  font-family: PingFangSC-Heavy;
  font-size: .36rem;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  /* margin-top: 1.37rem; */
}
.sections .box-border {
  width: 9.68rem;
  height: 3.9rem;
  position: relative;
  left: 50%;
  top: .54rem;
  margin-left: -4.89rem;
}
.sections .box-border .box-tp {
  width: 100%;
  height: 1.62rem;
  display: block;
  position: absolute;
  box-sizing: border-box;
}
.sections .box-border .box-btm {
  width: 100%;
  height: 1.62rem;
  display: block;
  position: absolute;
  box-sizing: border-box;
  left: 0;
  bottom: 0;
}
.sections .box-border .box {
  width: 1.62rem;
  height: 1.62rem;
  border-radius: 50%;
  background: #B8D3FF;
  text-align: center;
  float: left;
  margin-left: 1.06rem;
  overflow: hidden;
}
.sections .box-border .box .box-in {
  margin: .03rem auto;
  width: 1.56rem;
  height: 1.56rem;
  border-radius: 50%;
  background: #1567EA;
}
.sections .box-border .box:hover .box-in{
  background: #5295FF;
}
.sections .box-border .box .box-in span {
  display: block;
  font-size: .24rem;
  line-height: 1.56rem;
}
.article {
  margin: 0;
  padding: 0;
  height: 7.42rem;
  width: 100%;
  background: url('../images/bg/conditionbg.jpg') no-repeat;
  background-size: cover;
  overflow-y: hidden;
  overflow-x: hidden;
}
.article .condition {
  width: 100%;
  position: relative;
  /* top: 1.52rem; */
  left: 2.14rem;
}
.article .condition .fd-condition {
  float: left;
  margin-right: 1.68rem;
}
.article .condition .fd-condition p {
  font-size: 0.36rem;
}
.article .condition .fd-condition dl {
  height: .8rem;
  margin-top: .2rem;
  overflow: hidden;
}
.article .condition .fd-condition dl dt {
  height: .8rem;
  width: .8rem;
  float: left;
}
.article .condition .fd-condition dl dt img {
  width: 100%;
  height: 100%;
  float: left;
}
.article .condition .fd-condition dl dd {
  margin-left: .19rem;
  float: left;
  position: relative;
  padding: 0.05rem 0 .16rem 0;
}
.article .condition .fd-condition dl dd .dd-msg {
  font-size: .18rem;
  font-family: PingFangSC-Regular;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
}
.article .condition .fd-condition dl dd .dd-hea {
  font-size: .24rem;
  /* margin-bottom: .19rem; */
  margin-bottom: .1rem;
}
.article .condition .rt-course .rt-hea {
  float: left;
  font-size: .36rem;
  width: 4.2rem;
  /* margin-bottom: .42rem; */
  margin-bottom: .2rem;
}
.article .condition .rt-course .rt-msg {
  float: left;
  font-size: .30rem;
  width: 4.2rem;
  font-family: PingFangSC-Light;
  font-weight: 600;
}
.footer {
  margin: 0;
  padding: 0;
  height: 7.42rem;
  width: 100%;
  background: url('../images/bg/ftbg3.png') no-repeat;
  background-size: cover;
  overflow-y: hidden;
  position: relative;
}
.footer .ft-hea {
  font-family: PingFangSC-Heavy;
  font-size: .36rem;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  /* margin-top: 1.7rem; */
}
.footer .wx {
  margin: .73rem auto;
  width: 5rem;
  overflow: hidden;
}
.footer .wx .ct {
  margin: 0 auto;
  text-align: center;
  margin-left: .5rem;
}
.footer .wx .ct img {
  width: 65px;
  height: 60px;
  float: left;
  margin-right: .58rem;
}
.footer .wx .ct p {
  font-family: PingFangSC-Heavy;
  font-size: .24rem;
  color: #FFFFFF;
  letter-spacing: 0;
  float: left;
}
.footer .email {
  margin: .73rem auto;
  width: 5rem;
  overflow: hidden;
}
.footer .email .ct {
  margin: 0 auto;
  text-align: center;
  margin-left: .5rem;
}
.footer .email .ct img {
  width: 66px;
  height: 55px;
  float: left;
  margin-right: .58rem;
}
.footer .email .ct p {
  font-family: PingFangSC-Heavy;
  font-size: .24rem;
  color: #FFFFFF;
  letter-spacing: 0;
  float: left;
}
.footer .ft {
  position: absolute;
  left: 30%;
  bottom: .18rem;
}
.footer .ft p {
  font-family: PingFangSC-Thin;
  font-size: 0.12rem;
  color: #FFFFFF;
  letter-spacing: 0.38px;
  float: left;
}

.teachers{
  width: 100%;
  position: relative;
  overflow: hidden;
}
.teachers ul li{
  box-sizing: border-box;
  float: left;
  width: 25%;
  height: 3.71rem;
  text-align: center;
  padding: 0.25rem 0.44rem 0 0.45rem;
  border-bottom: 1px solid #F1F1F1;
  border-right: 1px solid #F1F1F1;
  overflow: hidden;
}
.teachers ul li:hover{
  box-shadow: inset 0 1px 13px 0 rgba(0,0,0,0.10);
}
.teachers ul li img{
  width: 1.35rem;
  height: 1.35rem;
}
.teachers ul li h3{
  font-size: .2rem;
  color: #000;
  margin-top: 5px;
  font-weight: 600;
}
.teacher-title{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  font-family: PingFangSC-Semibold;
  font-size: 36px;
  color: #333333;
  letter-spacing: 0;

}
.sub-title{
  font-family: HYQiHei-FZS;
  font-size: 0.2rem;
  color: #616161;
  letter-spacing: 0.62px;
  margin-bottom: 0.16rem;
  margin-top: 0.08rem;
}
.con{
  font-family: HYQiHei-FZS;
  font-size: 0.18rem;
  color: #919191;
  letter-spacing: 0.56px;
  text-align: center;
}