.header {
  margin: 0;
  padding: 0;
  position: relative;
  background: url('../images/bg/heabg.jpg') no-repeat;
  background-size: cover;
}
.header .HD {
  width: 100%;
  height: 0.59rem;
  line-height: 0.59rem;
  position: fixed;
  top: 0;
  z-index: 5;
}
.header .HD .logo {
  float: left;
  width: .72rem;
  height: .23rem;
  line-height: .59rem;
  margin-left: .9rem;
  font-size: .12rem;
}
.header .HD .logo img {
  width: 100%;
  height: 100%;
}
.header .HD ul {
  list-style: none;
  float: right;
  margin-right: .59rem;
}
.header .HD ul li {
  float: left;
  font-family: PingFangSC-Light;
  font-size: .12rem;
  color: #fff;
  letter-spacing: 0;
  margin-left: .4rem;
}
.header .main {
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 6.83rem;
}
.header .main .main-msg {
  position: absolute;
  left: 1.99rem;
  top: 1.37rem;
}
.header .main .main-msg p {
  display: block;
  font-family: PingFangSC-Light;
  font-size: 1rem;
  color: #FFFFFF;
}
.header .main .zdewm2 {
  width: 1.34rem;
  height: 1.34rem;
  position: absolute;
  left: 2rem;
  top: 4.18rem;
  background: #fff;
}
.header .main .zdewm2 img {
  width: 100%;
  height: 100;
}
.header .main .ewms {
  position: absolute;
  left: .88rem;
  bottom: .5rem;
  line-height: 0;
}
.header .main .ewms img {
  width: .47rem;
  height: .47rem;
  border-radius: 4px;
}
.header .main .ewms .zdewm img{
  width: 1.34rem;
  height: 1.34rem;
}
.header .main .ewms p {
  font-size: .14rem;
  color: #fff;
  margin-top: .15rem;
}
.header .main .wx .zdewm {
  width: 1.34rem;
  height: 1.34rem;
  margin-bottom: .11rem;
  background: #fff;
}
.header .main .apps {
  margin-left: .97rem;
}
.header .main .apps .zdewm {
  width: 1.34rem;
  height: 1.34rem;
  margin-bottom: .11rem;
  background: #fff;
  border-radius: 4px;
  /* display: none; */
  position: relative;
}
.header .main .apps .zdewm img{
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.header .main .apps p {
  margin-left: 0.08rem;
  /* text-align: center; */
}
.header .main .phones {
  width: 2.34rem;
  height: 4.72rem;
  margin-top: .9rem;
  margin-left: 10.53rem;
}
.header .main .phones img {
  width: 100%;
  height: 100%;
}
.sections {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: url('../images/bg/homebg2.png') no-repeat;
  background-size: cover;
}
.sections img {
  height: 6.42rem;
  width: 6rem;
  position: absolute;
  bottom: 0;
  left: 1.5rem;
}
.sections div {
  /* position: absolute; */
  left: 8.36rem;
  top: 2.89rem;
  margin-left: 5.36rem;
}
.sections div p {
  font-size: .20rem;
  text-align: center;
  color: #363842;
}
.sections div .p1 {
  color: #000;
  margin-bottom: .4rem;
  font-size: .32rem;
  font-family: PingFangSC-Heavy;
}
.article {
  width: 100%;
}
.article .box {
  box-sizing: border-box;
  width: 25%;
  height: 50%;
  text-align: center;
  background: #fff;
  float: left;
  overflow: hidden;
  border-bottom: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}
.article .box:hover{
  box-shadow: inset 0 1px 13px 0 rgba(0,0,0,0.10);
}
.article .box .hea-img {
  width: 1.35rem;
  height: 1.35rem;
  margin: .2rem auto;
  border-radius: .675rem;
}
.article .box .hea-img img {
  width: 100%;
  height: 100%;
}
.article .box p {
  font-family: HYQiHei-FZS;
  font-size: .14rem;
  color: #919191;
  letter-spacing: 0.56px;
  text-align: center;
}
.article .box .name {
  font-size: .2rem;
  color: #000;
}
.article .box .profession {
  font-size: .18rem;
  margin-bottom: .16rem;
  color: #616161;
}
.teacher-title{
  font-family: PingFangSC-Semibold;
  font-size: 36px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.footer {
  width: 100%;
  background: url('../images/bg/ftbg.png') no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.footer .lgImg {
  width: 2.41rem;
  height: 1.8rem;
  margin: 1.76rem auto;
}
.footer .lgImg img {
  width: 100%;
  height: 100%;
}
.footer .ft-btn {
  position: absolute;
  left: 5.72rem;
  /* top: 5.55rem; */
  top: 60%;
}
.footer .ft-btn a {
  width: 1.29rem;
  height: .45rem;
  line-height: .45rem;
  text-align: center;
  color: #fff;
  float: left;
  border: 1px solid #fff;
  border-radius: 1rem;
}
.footer .ft-btn a span {
  text-align: center;
  display: block;
  font-size: .14rem;
}
.footer .ft-btn .a2 {
  margin-left: .41rem;
}
.footer .ft-msg {
  position: absolute;
  left: 3.45rem;
  bottom: .15rem;
  font-size: .12rem;
}
.footer .ft-msg .message {
  margin-top: .21rem;
}
.footer .ft-msg .message p {
  float: left;
  font-size: .12rem;
}
.footer .ft-msg .message .p2 {
  margin-left: .51rem;
}
header .main .zdewm img{
  width: 1.34rem;
  height: 1.34rem;
}
.footer .fp-tableCell{
  vertical-align: top;
}
.code{
  width: 0.69rem;
  height: 0.69rem;
  /* display: inline-block; */
  background: url(../images/ewm/zdewm.png) no-repeat;
  background-size: 100% 100%;
  margin: auto;
  margin-bottom: .04rem;
}
.code img{
  width: 0.69rem;
  height: 0.69rem;
}
.left p{
  font-family: PingFangSC-Regular;
  font-size: .08rem;
  color: #ffffff;
  letter-spacing: 0;
  text-align: center;
}
.left{
  position: absolute;
  bottom: 0.242rem;
  right: 25.1%;
}