html {
  overflow: hidden;
  width: 100%;
  height: 100%; }

body {
  width: 100%;
  height: 100%;
  font-family: "Microsoft YaHei", "Arial", "SimSun";
  color: #444;
  font-size: 16px;
  padding: 0;
  margin: 0; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0; }

.clearfix {
  zoom: 1; }

table {
  border-collapse: collapse; }

a:focus {
  outline: none; }

a:link {
  color: #0E1D3C;
  text-decoration: none; }

a:visited {
  text-decoration: none;
  color: #0E1D3C; }

a:hover {
  text-decoration: none;
  color: #000; }

a:active {
  text-decoration: none;
  color: #0E1D3C; }

header {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background: #0D1D3C;
  color: #ccc; }

header .logo {
  position: fixed;
  top: 12px;
  left: 10px;
  width: 160px; }
  header .logo img {
    width: 100%;
    height: auto; }

.menu-btn {
  float: right;
  margin-top: 20px;
  margin-right: 20px; }

nav.menu {
  position: fixed;
  z-index: 99999;
  left: -50%;
  top: 70px;
  bottom: 0;
  width: 50%;
  transition: all .6s ease-in-out 0s;
  background-color: rgba(13, 29, 60, 0.85); }
  nav.menu.menuShow {
    left: 0; }

nav.menu ul, nav.menu ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 16px;
  text-align: right; }

nav.menu ul li a {
  display: block;
  color: #fff;
  /*letter-spacing: 2px;*/
  cursor: pointer;
  padding: 10px 20px;
  border-bottom: solid 1px rgba(255, 255, 255, 0.2); }

nav.menu ul li a:hover, nav.menu ul li.active a {
  color: #e3c290;
  text-decoration: none; }

nav.menu .line {
  position: absolute;
  top: 0px;
  width: 0px;
  height: 3px;
  font-size: 3px;
  background-color: #e3c290;
  display: none; }

.home {
  padding-top: 70px;
  height: 100%;
  box-sizing: border-box; }
  .home-main {
    height: 100%; }
    .home-main .swiper-pagination-bullet-active {
      background: #0D1D3C; }
    .home-main-slide {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100%;
      overflow: hidden; }

.welcome {
  height: 100%;
  width: 100%; }
  .welcome .swiper-pagination {
    text-align: right;
    padding-right: 20px;
    box-sizing: border-box; }
  .welcome .swiper-pagination-bullet {
    width: 16px;
    height: 3px;
    border-radius: 0;
    background: #0D1D3C; }
  .welcome-slide {
    height: 100%;
    position: relative;
    overflow: hidden; }
    .welcome-slide .box {
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      -moz-background-size: cover;
      background-size: cover;
      background-position: center center;
      z-index: 10; }
    .welcome-slide .textMain {
      position: relative;
      width: 100%;
      font-size: 20px;
      text-align: center;
      color: #ffffff;
      text-shadow: 0 1px 15px rgba(0, 0, 0, 0.15); }
  .welcome .nth1 .textMain {
    margin-top: -370px; }
  .welcome .nth2 .textMain {
    margin-top: 300px; }
  .welcome .nth4 .textMain {
    margin-top: 300px; }
  .welcome .swiper-slide-active .box {
    -webkit-animation: scaleSmall 3s;
    animation: scaleSmall 3s; }
  .welcome .swiper-slide-active .textMain {
    -webkit-animation: zoomInzoomOut 3s linear;
    animation: zoomInzoomOut 3s linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }

.about {
  display: flex;
  align-items: center;
  background-image: url(./img/bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box; }

.about-container {
  margin: auto;
  width: 100%;
  height: 100%; }
  .about-container .pic {
    position: relative;
    width: 100%;
    height: 200px;
    padding: 0 16px;
    text-align: center;
    box-sizing: border-box; }
    .about-container .pic-img {
      width: 100%;
      height: 200px;
      object-fit: cover; }
    .about-container .pic-play {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 46px;
      height: 46px;
      margin-left: -23px;
      margin-top: -23px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.65);
      border-radius: 46px; }

.about-container-title {
  padding: 0 16px;
  height: 64px;
  overflow: hidden; }

.about-container-title h3 {
  font-size: 20px;
  color: #0D1D3C; }

.about-container-title em {
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #E3C290;
  margin-bottom: -5px;
  margin-left: 10px;
  margin-right: 10px; }

.about-container-title span {
  color: #E3C290;
  font-size: 16px; }

.about-container-main {
  height: 100%; }
  .about-container-main .content {
    margin-top: 10px;
    box-sizing: border-box;
    padding: 16px;
    overflow: scroll;
    height: calc(100% - 300px); }

.characteristics {
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box; }

.characteristics-container-title {
  padding: 0 16px;
  height: 64px;
  overflow: hidden; }

.characteristics-container-title h3 {
  font-size: 20px;
  color: #0D1D3C; }

.characteristics-container-title em {
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #E3C290;
  margin-bottom: -5px;
  margin-left: 10px;
  margin-right: 10px; }

.characteristics-container-title span {
  color: #E3C290;
  font-size: 16px; }

.characteristics-container {
  margin: auto;
  width: 100%;
  height: 100%;
  position: relative; }

.jiaoxue {
  height: calc(100% - 64px); }
  .jiaoxue .swiper-pagination {
    padding-right: 20px;
    box-sizing: border-box; }
  .jiaoxue .swiper-pagination-bullet {
    width: 16px;
    height: 3px;
    border-radius: 0;
    background: #0D1D3C; }
  .jiaoxue .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 100px; }
  .jiaoxue-slide {
    height: 100%; }
    .jiaoxue-slide-img {
      position: relative;
      margin: 0 16px;
      height: 200px;
      box-sizing: border-box;
      overflow: hidden; }
      .jiaoxue-slide-img img {
        width: 100%;
        object-fit: cover; }
      .jiaoxue-slide-img .nth1 {
        width: 120%; }
      .jiaoxue-slide-img .nth2 {
        margin-left: -60%;
        width: 200%; }
      .jiaoxue-slide-img .nth3 {
        margin-top: -30%;
        width: 110%; }
    .jiaoxue-slide-content {
      padding: 16px; }

.environment {
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box; }

.environment-container-title {
  padding: 0 16px;
  height: 64px;
  overflow: hidden; }

.environment-container-title h3 {
  font-size: 20px;
  color: #0D1D3C; }

.environment-container-title em {
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #E3C290;
  margin-bottom: -5px;
  margin-left: 10px;
  margin-right: 10px; }

.environment-container-title span {
  color: #E3C290;
  font-size: 16px; }

.environment-container {
  margin: auto;
  width: 100%;
  height: 100%;
  position: relative; }

.environment-container-content {
  height: 100%; }

.environment-container-content .desc {
  height: calc(100% - 260px);
  overflow: scroll;
  padding: 16px;
  box-sizing: border-box; }

.quality-list {
  padding-top: 20px; }
  .quality-list .swiper-pagination {
    padding-right: 20px;
    box-sizing: border-box; }
  .quality-list .swiper-pagination-bullet {
    width: 16px;
    height: 3px;
    border-radius: 0;
    background: #0D1D3C; }
  .quality-list .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 100px; }

.quality-list-item {
  padding: 16px;
  display: flex;
  box-sizing: border-box; }

.quality-list img {
  margin: auto; }

.quality-list h5 {
  flex: 1;
  padding-left: 10px;
  font-size: 18px;
  font-weight: normal;
  text-align: left; }

.quality-list .tag {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  width: 64px;
  height: 64px;
  border-radius: 32px;
  background: #e3c290;
  color: #fff;
  font-size: 24px;
  box-shadow: 0 0 20px #e3c290; }

.quality-list .tag:hover {
  background: #0D1D3C;
  transform: rotate(360deg);
  box-shadow: 0 0 20px #0D1D3C; }

.quality-list .tag2 {
  background: #e3c290; }

.quality-list .tag3 {
  background: #e3c290; }

.quality-list .tag3 {
  background: #e3c290; }

.news {
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box; }
  .news-list {
    padding: 0 16px; }
    .news-list-item {
      border-bottom: solid #eee 1px;
      padding: 10px 0 15px; }
      .news-list-item h3 {
        margin: 10px 0 10px;
        font-size: 16px; }
      .news-list-item p {
        margin: 0; }
      .news-list-item .pic {
        width: 100%;
        height: 200px;
        object-fit: cover; }
      .news-list-item-more {
        padding: 20px;
        text-align: center; }
        .news-list-item-more a {
          display: block;
          padding: 10px 20px;
          color: #999; }

.news-container-title {
  padding: 0 16px;
  height: 64px;
  overflow: hidden; }

.news-container-title h3 {
  font-size: 20px;
  color: #0D1D3C; }

.news-container-title em {
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #E3C290;
  margin-bottom: -5px;
  margin-left: 10px;
  margin-right: 10px; }

.news-container-title span {
  color: #E3C290;
  font-size: 16px; }

.news-container {
  margin: auto;
  width: 100%;
  height: 100%;
  position: relative; }

.admissions {
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box; }

.admissions-container-title {
  padding: 0 16px;
  height: 64px;
  overflow: hidden; }

.admissions-container-title h3 {
  font-size: 20px;
  color: #0D1D3C; }

.admissions-container-title em {
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #E3C290;
  margin-bottom: -5px;
  margin-left: 10px;
  margin-right: 10px; }

.admissions-container-title span {
  color: #E3C290;
  font-size: 16px; }

.admissions-container {
  margin: auto;
  width: 100%;
  height: 100%;
  position: relative; }

.admissions-container-info {
  padding: 0 16px; }
  .admissions-container-info h4 {
    margin: 0; }
  .admissions-container-info p {
    margin: 0; }
  .admissions-container-info-line {
    height: 10px; }
  .admissions-container-info-qr {
    text-align: center;
    height: 80px; }
    .admissions-container-info-qr img {
      width: auto;
      height: 80px;
      object-fit: cover; }
  .admissions-container-info-map {
    padding-top: 10px; }
    .admissions-container-info-map img {
      width: auto;
      height: 64px;
      object-fit: cover; }

/*# sourceMappingURL=style.css.map */