@charset "UTF-8";
.header .nav_list {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.header .navbar-collapse {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.header .nav_list_cont {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 6.25rem;
}

.page_list_pic .banner {
  height: 28.125rem;
  margin-top: 6.25rem;
}

.page_cont {
  display: block;
  clear: both;
  background: #fff;
  margin-top: 6.25rem;
  padding-bottom: 0;
}

.page_list_pic {
  padding-bottom: 6.25rem;
}

.page_main {
  padding: 5rem 6.875rem;
}

.page_side {
  width: calc(100% - 15rem);
  float: right;
  margin-top: -10.5rem;
  background: none;
}

.page_side .side_head {
  width: 22.5rem;
  padding-bottom: 0.1875rem;
  padding-top: 2rem;
  background: #fff;
  margin: 0;
}

.side_head .piblic_title {
  width: 17.5rem;
  margin: 0 auto;
}
.side_head .piblic_title h3 {
  font-weight: bold;
}

.page_side .side_nav {
  background: url(../images/sp-nav-bg.png) no-repeat center top;
  background-size: 100% auto;
}

.page_side .side_nav > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 3rem;
}
.page_side .side_nav > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page_side .side_nav > ul > li::before, .page_side .side_nav > ul > li::after {
  content: "";
  display: block;
  width: 0.375rem;
  height: 100%;
  background: #fff;
  -webkit-transform: skewX(35deg);
      -ms-transform: skewX(35deg);
          transform: skewX(35deg);
  margin: 0 auto;
  opacity: 0;
}
.page_side .side_nav > ul > li::before {
  margin-right: 0;
}
.page_side .side_nav > ul > li::after {
  margin-left: 0;
}
.page_side .side_nav > ul > li > a {
  width: 11.375rem;
  color: #fff;
  font-size: 1rem;
  background: transparent;
  text-align: center;
}
.page_side .side_nav > ul > li.active::before, .page_side .side_nav > ul > li.active::after {
  opacity: 1;
}
.page_side .side_nav > ul > li.active > a {
  background: url(../images/sp-nav-sel-bg.png) no-repeat center top;
  background-size: contain;
  color: #dd7237;
}

.page_side .side_cont {
  border: none;
  border-radius: 0;
}

.page_side .nav_fir:hover {
  color: #fff;
}

.page_list_pic {
  background: url(../images/sp-page-cn-bg.png) no-repeat center top;
  background-size: cover;
}

.spec-page-list-cont {
  background: none;
}
.spec-page-list-cont .page_main {
  padding: 0;
}

.spec-page-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.spec-page-list .spec-page-list-item {
  width: calc((100% - 9.375rem) / 2);
  margin-bottom: 3.125rem;
  margin-right: 9.375rem;
}
.spec-page-list .spec-page-list-item:nth-of-type(2n) {
  margin-right: 0;
}
.spec-page-list .spec-page-list-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 7.5rem;
  position: relative;
}
.spec-page-list .spec-page-list-item a span {
  background: #fff;
  width: calc(100% - 5.58rem);
  height: 5.4rem;
  position: absolute;
  left: 2.8rem;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
  font-weight: bold;
  font-size: 1.5rem;
  -webkit-transform: skewX(-35deg);
      -ms-transform: skewX(-35deg);
          transform: skewX(-35deg);
  -webkit-transition: all 0.38s ease-in-out;
  transition: all 0.38s ease-in-out;
}
.spec-page-list .spec-page-list-item a span b {
  -webkit-transform: skewX(35deg);
      -ms-transform: skewX(35deg);
          transform: skewX(35deg);
}
.spec-page-list .spec-page-list-item a::after {
  content: "";
  display: block;
  width: 100%;
  height: 1.625rem;
  background: #dd7237;
  position: absolute;
  z-index: 0;
  bottom: 0;
  right: 0;
  -webkit-transition: all 0.38s ease-in-out;
  transition: all 0.38s ease-in-out;
  -webkit-transform: skewX(-35deg);
      -ms-transform: skewX(-35deg);
          transform: skewX(-35deg);
}
.spec-page-list .spec-page-list-item a::before {
  content: "";
  display: block;
  width: 4.375rem;
  height: 2.125rem;
  background: #dd7237;
  position: absolute;
  z-index: 0;
  bottom: 1.5rem;
  right: -1.25rem;
  -webkit-transition: all 0.38s ease-in-out;
  transition: all 0.38s ease-in-out;
  -webkit-transform: skewX(-35deg);
      -ms-transform: skewX(-35deg);
          transform: skewX(-35deg);
}
.spec-page-list .spec-page-list-item a:hover span {
  color: #fff;
  background: #dd7237;
}
.spec-page-list .spec-page-list-item a:hover::after {
  background: #1d3364;
}
.spec-page-list .spec-page-list-item a:hover::before {
  background: #1d3364;
}

.spec-class-list-cont {
  padding: 4.375rem 2.5rem;
  padding-bottom: 1.25rem;
}
.spec-class-list-cont .page_main {
  padding: 0;
}

.spec-class-list .spec-class-item:nth-of-type(1) {
  margin-top: 0;
}

.spec-class-item {
  margin-top: 2.5rem;
}
.spec-class-item .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2.5rem;
}
.spec-class-item .title span {
  font-size: 1.75rem;
  color: #000;
  font-weight: bold;
  padding-left: 0.5rem;
}
.spec-class-item .title .tit-ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.spec-class-item .title .tit-ico i {
  display: block;
  width: 0.1875rem;
  height: 1.125rem;
  background: #dd7237;
  margin-right: 0.8rem;
  -webkit-transform: skewX(35deg);
      -ms-transform: skewX(35deg);
          transform: skewX(35deg);
}

.room-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.room-list a {
  width: calc((100% - 7rem) / 3);
  margin-right: 2.375rem;
  padding: 1.25rem 0;
  padding-left: 5rem;
  padding-right: 3.5rem;
  margin-bottom: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 1px solid #999999;
  -webkit-transition: all 0.38s ease-in-out;
  transition: all 0.38s ease-in-out;
}
.room-list a span {
  font-size: 1.5rem;
  -webkit-transition: all 0.38s ease-in-out;
  transition: all 0.38s ease-in-out;
  color: #333;
}
.room-list a .icon-right {
  width: 1.5rem;
  height: 1.5rem;
  background: url("../images/icon-right-black.png") no-repeat center;
  background-size: 100% auto;
  -webkit-transition: all 0.38s ease-in-out;
  transition: all 0.38s ease-in-out;
}
.room-list a:nth-of-type(3n) {
  margin-right: 0;
}
.room-list a:hover {
  border: 1px solid #dd7237;
  background: #dd7237;
}
.room-list a:hover span {
  color: #fff;
}
.room-list a:hover .icon-right {
  background: url("../images/icon-right-white.png") no-repeat center;
  background-size: 100% auto;
}
.detail_back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.detail_back a {
/* width: 8.75rem; */
}
.detail_back a img {
  max-width: 100%;
}

@media (max-width: 3200px) {
  .page_side {
    width: calc(100% - 13rem);
  }
}
@media (max-width: 2800px) {
  .page_side {
    width: calc(100% - 26rem);
  }
}
@media (max-width: 2400px) {
  .page_side {
    width: calc(100% - 20rem);
  }
}
@media (max-width: 2300px) {
  .page_side {
    width: calc(100% - 15rem);
  }
}
@media (max-width: 1800px) {
  .page_side {
    width: calc(100% - 12rem);
  }
}
@media (max-width: 1680px) {
  .page_side {
    width: calc(100% - 10rem);
  }
}
@media (max-width: 992px) {
  .page_list_pic .banner {
    margin-top: 11.7333vw;
  }
  .page_side {
    width: 100%;
    margin: 0;
  }
  .page_list_pic {
    padding-bottom: 0;
  }
  .page_side .side_nav {
    background: #dd7237;
  }
  .page_side .side_head {
    width: 100%;
  }
  .page_side .side_nav > ul {
    padding: 0 1.25rem;
  }
  .page_side .side_nav > ul > li > a {
    font-size: 0.875rem;
    margin: 0 0.625rem;
    padding: 0;
    width: 22.641vw;
    line-height: 10.2564vw;
    height: 100%;
  }
  .page_side .side_nav > ul > li.active > a {
    -webkit-transform: skewX(35deg);
        -ms-transform: skewX(35deg);
            transform: skewX(35deg);
    background: #fff;
  }
  .page_side .side_nav > ul > li.active > a span {
    display: block;
    -webkit-transform: skewX(-35deg);
        -ms-transform: skewX(-35deg);
            transform: skewX(-35deg);
  }
  /*移动端-规章制度*/
  .spec-page-list {
    padding: 20px 2.5641vw;
    padding-top: 10.2564vw;
    padding-right: 5.1282vw;
  }
  .spec-page-list .spec-page-list-item {
    width: calc((100% - 7.6923vw) / 2);
    margin-right: 7.6523vw;
    margin-bottom: 7.6923vw;
  }
  .spec-page-list .spec-page-list-item a {
    height: 12.8205vw;
  }
  .spec-page-list .spec-page-list-item a::before {
    width: 2.5641vw;
    height: 4.1026vw;
    right: -2.2vw;
    bottom: 2.2641vw;
  }
  .spec-page-list .spec-page-list-item a::after {
    height: 2.5641vw;
  }
  .spec-page-list .spec-page-list-item a span {
    width: calc(100% - 5.1282vw);
    height: 9.2308vw;
    left: 5.1282vw;
  }
  .spec-page-list .spec-page-list-item a span b {
    font-size: 3.3333vw;
  }
  /*移动端-课程安排*/
  .spec-class-list {
    padding: 7.6923vw 5.1282vw;
  }
  .spec-class-item {
    margin-top: 2.5641vw;
  }
  .spec-class-item .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 5.1282vw;
  }
  .spec-class-item .title span {
    font-size: 5.1282vw;
  }
  .spec-class-item .title .tit-ico {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .spec-class-item .title .tit-ico i {
    height: 3.0769vw;
    margin-right: 2.0513vw;
  }
  .room-list a {
    width: calc((100% - 8.2052vw) / 3);
    margin-right: 3.9026vw;
    margin-bottom: 4.6154vw;
    padding: 3.5897vw 2.0513vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .room-list a span {
    font-size: 3.3333vw;
    color: #333;
  }
  .room-list a .icon-right {
    width: 3.5897vw;
    height: 3.5897vw;
  }
}