@charset "UTF-8";
.homePage {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.header {
  position: absolute;
  z-index: 999;
  width: 100%;
  background: #fff;
  height: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 .3rem;
  box-shadow: 2px 0 2px #efefef;
}

.header .left {
  display: flex;
  align-items: center;
}

.header .left img {
  width: 4.5rem;
  height: .69rem;
}

.header .menu-btn {
  width: .44rem;
  height: .29rem;
  margin-bottom: 0;
  justify-content: flex-end;
}

.header .menu-btn i {
  display: block;
  width: .44rem;
  height: .03rem;
  background-color: #00c0dd;
  margin-bottom: .1rem;
}

.header .menu-btn i:nth-child(3) {
  margin-bottom: 0;
}

.header .show-nav {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  display: none;
}

.header .show-nav .inner {
  /*  position: fixed;
            left: 0;
            top: 0; */
  width: 100%;
  height: 1.2rem;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 0 .3rem;
}

.header .show-nav .inner img {
  width: 4.5rem;
  height: .69rem;
}

.header .show-nav .inner .del img {
  width: .24rem;
  height: .24rem;
}

.header .show-nav nav {
  position: absolute;
  z-index: 898989;
  height: 100%;
  left: -.01rem;
  background: #ededed;
  opacity: .95;
  width: 100%;
  transition: all .5s;
}

.header .show-nav nav .main {
  position: relative;
}

.header .show-nav nav .main li {
  line-height: .82rem;
  margin-bottom: .3rem;
}

.header .show-nav nav .main li a, .header .show-nav nav .main li span {
  color: #585858;
  font-size: .32rem;
}

.header .show-nav nav .main .cor {
  background: #fff;
}

.header .show-nav nav .main .nav-index {
  margin-top: .52rem;
}

.header .show-nav nav .main .nav-index a {
  color: #0093dd;
  font-size: .36rem;
  font-weight: bold;
}

.header .show-nav nav .main .nav-aboutme:after {
  position: absolute;
  top: 1.45rem;
  right: .3rem;
  content: "";
  display: block;
  width: .21333rem;
  height: .32rem;
  background-image: url(../images/logo/go.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.header .show-nav nav .main .nav-system:after {
  position: absolute;
  top: 2.55rem;
  right: .3rem;
  content: "";
  display: block;
  width: .21333rem;
  height: .32rem;
  background-image: url(../images/logo/go.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.header .show-nav nav .main .nav-school:after {
  position: absolute;
  top: 3.65rem;
  right: .3rem;
  content: "";
  display: block;
  width: .21333rem;
  height: .32rem;
  background-image: url(../images/logo/go.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.header .show-nav nav .main .nav-news:after {
  position: absolute;
  top: 4.75rem;
  right: .3rem;
  content: "";
  display: block;
  width: .21333rem;
  height: .32rem;
  background-image: url(../images/logo/go.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.header .show-nav nav ul li {
  box-sizing: border-box;
  padding: 0 .3rem;
}

.header .show-nav nav .sub-nav {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  display: none;
  background: #ededed;
  opacity: .95;
}

.header .show-nav nav .sub-nav li {
  line-height: .82rem;
  margin-bottom: .3rem;
}

.header .show-nav nav .sub-nav li a {
  width: 100%;
  height: 100%;
  display: block;
}

.header .show-nav nav .sub-nav li a, .header .show-nav nav .sub-nav li span {
  color: #585858;
  font-size: .32rem;
}

.header .show-nav nav .sub-nav .fold {
  margin-top: .52rem;
}

.header .show-nav nav .sub-nav .fold span {
  display: block;
  font-weight: bold;
  color: #0093dd;
  font-size: .36rem;
}

.header .show-nav .active {
  transform: translate3d(-100%, 0, 0);
  transition: all .5s;
}

section {
  box-sizing: border-box;
  padding-top: 1.2rem;
}

.banner {
  width: 100%;
}

.banner img {
  width: 100%;
  pointer-events: none;
  /*禁用鼠标*/
}

.con {
  width: 100%;
  box-sizing: border-box;
  padding: .78rem .4rem 0 .4rem;
}

.con h1 {
  margin-bottom: .7rem;
  text-align: center;
  font-size: .42rem;
  color: #444444;
}

.con p {
  color: #777777;
  font-size: .26rem;
  margin-bottom: .72rem;
  line-height: .44rem;
  letter-spacing: .04rem;
}

.con p em {
  color: #0093dd;
  font-weight: bold;
  font-style: normal;
}

.footer {
  margin-top: .64rem;
  background: #333333;
}

.footer .fot {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer p {
  color: #fff;
  display: block;
  text-align: center;
  height: .5rem;
  line-height: .5rem;
  font-size: .26rem;
}

.footer p:first-child {
  margin-top: .4rem;
}

.footer p:last-child {
  margin-bottom: .4rem;
}

.chat {
  position: fixed;
  bottom: 2.1rem;
  right: .4rem;
  width: 0.76rem;
  height: 0.76rem;
  z-index: 99;
}

.chat img {
  width: 100%;
  height: 100%;
}

.phone {
  position: fixed;
  bottom: 1rem;
  right: .4rem;
  width: 0.76rem;
  height: 0.76rem;
  z-index: 99;
}

.phone img {
  width: 100%;
  height: 100%;
}

.bigBox {
  display: none;
  position: fixed;
  width: 100%;
  bottom: 0;
  top: 0;
  z-index: 9999999999;
  background: #000;
  overflow-y: scroll;
  opacity: .9;
}

.bigBox .alrt {
  position: fixed;
  width: 4rem;
  height: 2rem;
  left: 50%;
  top: 50%;
  margin-left: -2rem;
  margin-top: -1rem;
  background: #fff;
  z-index: 9999999999999;
  box-shadow: 2px 0 2px #efefef;
}

.bigBox .alrt h1 {
  text-align: center;
  line-height: 1.2rem;
  font-size: .38rem;
}

.bigBox .alrt .box {
  display: flex;
  justify-content: center;
  border-top: 1px solid #ccc;
}

.bigBox .alrt .box button {
  width: 50%;
  border-width: 0;
  height: .8rem;
  background: #fff;
}

.bigBox .alrt .box button a {
  text-decoration: none;
  color: #000;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bigBox .alrt .box button:first-child {
  border-right: 1px solid #ccc;
}