@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;
}

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

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

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

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

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

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

.con {
  box-sizing: border-box;
  padding: 0 .4rem;
}

.con h1 {
  margin: .78rem 0 .51rem 0;
  text-align: center;
  font-size: .42rem;
  color: #444444;
}

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

.con h2 {
  font-size: .32rem;
  color: #777777;
  text-align: center;
  margin: .53rem 0 .64rem 0;
}

.con .icon {
  margin: auto;
}

.con .icon img {
  width: 100%;
}

.con .swiper-container, .con .swiper-wrapper, .con .swiper-slide {
  margin: auto;
}

.con .swiper-container img, .con .swiper-wrapper img, .con .swiper-slide img {
  width: 100%;
}

.con .swiper-container .swiper-button-prev, .con .swiper-wrapper .swiper-button-prev, .con .swiper-slide .swiper-button-prev {
  margin-top: -3.2rem;
  background: url(../images/logo/prev.png) no-repeat;
  background-size: 100% 100%;
}

.con .swiper-container .swiper-button-next, .con .swiper-wrapper .swiper-button-next, .con .swiper-slide .swiper-button-next {
  margin-top: -3.2rem;
  background: url(../images/logo/next.png) no-repeat;
  background-size: 100% 100%;
}

.con .swiper-slide {
  background: #f5f5f5;
  box-sizing: border-box;
  padding-bottom: .8rem;
}

.con .swiper-slide .box {
  box-sizing: border-box;
  padding: 0 .15rem;
  min-height: 6.26rem;
}

.con .swiper-slide .box span {
  font-size: .26rem;
  font-weight: bold;
  color: #777777;
  display: block;
}

.con .swiper-slide .box p {
  font-size: .26rem;
  color: #777777;
}

.con dl {
  background: #f5f5f5;
  box-sizing: border-box;
  padding-bottom: .33rem;
}

.con dl dd {
  box-sizing: border-box;
  padding: 0 .15rem;
}

.con #allmap {
  width: 6.51rem;
  height: 3.86rem;
}

.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%;
}

.swiper-pagination {
  top: 5.3rem;
}

.swiper-pagination-bullet {
  background: #fff !important;
}

.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;
}