@charset "UTF-8";

@media (max-width: 1024px) {
  .pc-nav {
    display: none;
  }

  header .header-right {
    margin-top: .6rem;
  }

  .nav-btn {
    display: inline-block;
    position: relative;
    width: .8rem;
    height: .5rem;
    padding: 0;
    vertical-align: middle;
    margin-left: .8rem;
  }

  .nav-btn .line {
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    background-color: #383838;
    transition: all .2s;
    transform-origin: center;
  }

  .nav-btn .line1 {
    top: 0;
  }

  .nav-btn .line2 {
    top: 50%;
    margin-top: -1px;
  }

  .nav-btn .line3 {
    bottom: 0;
  }

  .nav-btn.cur .line {
    top: 50%;
    bottom: auto;
    margin-top: -1px;
  }

  .nav-btn.cur .line1 {
    transform: rotate(45deg);
  }

  .nav-btn.cur .line2 {
    opacity: 0;
    filter: alpha(opacity=0);
  }

  .nav-btn.cur .line3 {
    transform: rotate(-45deg);
  }

  .m-nav {
    position: fixed;
    top: 2rem;
    width: 100%;
    z-index: 100;
    box-sizing: border-box;
    padding: 0 5%;
    background-color: rgba(255, 255, 255, .95);
  }

  .m-nav li {
    border-bottom: 1px solid #dcdcdc;
  }

  .m-nav li:last-child {
    border-bottom: none;
  }

  .m-nav li .tit {
    display: block;
    font-size: .28rem;
    padding: .3rem 0 .3rem .3rem;
    color: #333;
    position: relative;
  }

  .m-nav li .tit:before {
    content: "";
    position: absolute;
    right: 0;
    width: .4rem;
    height: .4rem;
    margin-top: -.15rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../img/m-nav-jia.png');
    top: 50%;
    transition: all .2s;
  }

  .m-nav li.on .tit:before {
    transform: rotate(45deg);
  }

  .m-nav li .navson {
    padding-bottom: .3rem;
    display: none;
  }

  .m-nav li .navson a {
    display: block;
    font-size: .4rem;
    line-height: .9rem;
    padding: 0 .5rem;
    color: #333;
  }

  .view {
    padding: 0 5%;
    width: auto;
  }

  .dialog-box .dialog {
    width: 60%;
  }

  .teacher-dialog {
    width: 90%;
  }

  .honor-box .list .row {
    margin: 0 -.2rem;
  }

  .honor-box .list .item {
    padding: 0 .2rem;
  }
}

@media (max-width: 992px) {

  .f-nav li {
    margin-right: .8rem;
    margin-bottom: 1rem;
  }

  .news-box .list .item .text .read {
    margin-top: .3rem;
  }
}

@media (max-width: 767px) {

  .header-top {
    display: none;
  }

  .view {
    padding: 0 .4rem;
  }

  header {
    height: 1rem;
  }

  header .logo {
    width: 3.4rem;
    margin-top: .1rem;
  }

  header .right {
    line-height: 1rem;
  }

  .nav-btn {
    width: .5rem;
    height: .36rem;
    margin-left: .5rem;
  }

  .search-wrap {
    margin-left: 0;
  }

  header .header-right {
    margin-top: 0;
    line-height: 1rem;
  }

  .search-wrap .search-btn {
    width: .5rem;
  }

  .search-wrap {
    position: static;
  }

  .search-wrap .search-dialog {
    top: 1rem;
    width: 100%;
    left: 0;
    background: #226fd8;
    box-sizing: border-box;
    padding: 0 .4rem;
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateY(0);
    transition: all .3s;
    height: auto;
    border-radius: 0;
  }

  .search-wrap input[type=text] {
    float: left;
    width: 80%;
    transform: translateX(0);
    position: static;
    height: .5rem;
    padding: .25rem 0;
    font-size: .3rem;
    line-height: .5rem;
    background: none;
  }

  .search-wrap input[type=submit] {
    float: right;
    width: .3rem;
    height: .3rem;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../img/search-btn3.png');
    background-size: 100%;
    background-color: transparent;
    margin-top: .3rem;
  }

  .search-wrap.on .search-dialog {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .search-wrap.on input[type=text] {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
  }

  /* header end */

  .m-nav {
    padding: 0 .4rem;
    top: 1rem;
  }

  .m-nav li .tit {
    padding: .15rem 0 .15rem .3rem;
  }

  .m-nav li .navson a {
    font-size: .24rem;
    line-height: .4rem;
  }

  .m-nav li .tit:before {
    width: .3rem;
    height: .3rem;
  }

  /* header end */

  .footer-top {
    padding: .5rem 0;
  }

  .f-nav li {
    width: 100%;
    margin-right: 0;
    display: block;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
  }

  .f-nav li:nth-child(6) {
    width: 100%;
  }

  .f-nav li:last-child {
    border-bottom: none;
    width: 100%;
  }

  .f-nav li .tit {
    font-size: .3rem;
    line-height: 1rem;
    position: relative;
  }

  .f-nav li .tit:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: .21rem;
    height: .12rem;
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(-50%);
    background-image: url('../img/f-nav-arrow.png');
    background-size: cover;
  }

  .f-nav li .navson {
    display: none;
    margin-top: 0;
    padding: .2rem 0;
  }

  .f-nav li .navson a {
    font-size: .24rem;
    line-height: .4rem;
    margin-bottom: .2rem;
  }

  .f-nav .school .navson {
    height: auto;
    background-color: transparent;
    margin: 0;
    padding: .2rem 0;
    width: 100%;
  }

  .f-nav .school .navson a {
    color: #fff;
    opacity: .7;
    filter: alpha(opacity=70);
    margin-bottom: .2rem;
  }

  .footer-top .right {
    margin-top: .2rem;
  }

  .footer-top .right>div {
    display: block;
    margin-bottom: .3rem;
  }

  .footer-top .right .icon-box {
    margin-bottom: 0;
  }

  .footer-top .right .tit {
    font-size: .3rem;
    line-height: .4rem;
    margin-bottom: .2rem;
  }

  .footer-top .contact .con {
    font-size: .24rem;
    line-height: .4rem;
  }

  .footer-top .tel-box .con {
    font-size: .3rem;
    line-height: .4rem;
  }

  .footer-top .icon-box .item {
    margin-left: 0;
    margin-right: .3rem;
  }

  .footer-top .icon-box .icon {
    width: .6rem;
    height: .6rem;
  }

  .footer-top .icon-box .img-box {
    padding-bottom: .2rem;
    left: 0;
    right: auto;
    bottom: .7rem;
  }

  .footer-top .icon-box .img {
    width: 2.5rem;
  }

  .footer-top .icon-box .img:before {
    left: .2rem;
    right: auto;
  }

  .footer-bottom {
    padding: .2rem 0;
  }

  .footer-bottom .copy {
    float: none;
    font-size: .24rem;
    line-height: .4rem;
  }

  .footer-bottom .right {
    float: none;
    margin-top: .1rem;
  }

  .footer-bottom .right a {
    font-size: .24rem;
    line-height: .4rem;
    margin: 0 .2rem 0 0;
  }

  .f-nav,
  .footer-top .right {
    float: none;
    width: 100%;
    text-align: left;
  }

  .footer-top .right .icon-box {
    margin-top: 0;
    text-align: left;
  }

  .footer-top .icon-box .item.cur .img-box {
    bottom: .7rem;
  }

  /* footer end */
  .sub-nav-box .swiper-wrapper {
    justify-content: inherit;
  }

  .sub-nav-box .swiper-slide {
    width: auto;
  }

  .sub-nav-box .swiper-slide a {
    height: 1rem;
    line-height: 1rem;
    padding: 0 .3rem;
    font-size: .24rem;
  }

  .read span {
    font-size: .24rem;
    line-height: .4rem;
  }

  .index-tit .en {
    font-size: .9rem;
    line-height: 1rem;
  }

  .index-tit .cn {
    font-size: .4rem;
    line-height: .5rem;
    margin-top: -.5rem;
  }

  .clearfixed {
    height: 1rem;
  }

  .sub-banner .text .cn {
    font-size: .68rem;
    line-height: .8rem;
  }

  .sub-banner .text .en {
    font-size: .24rem;
    line-height: .4rem;
    margin-top: .1rem;
  }

  .dialog-box .dialog {
    width: 80%;
  }

  .dialog-box .dialog .text {
    padding: .4rem;
  }

  .dialog-box .dialog .tit {
    font-size: .3rem;
    line-height: .4rem;
  }

  .dialog-box .dialog .con {
    font-size: .24rem;
    line-height: .4rem;
    margin-top: .2rem;
  }

  .dialog-box .prev,
  .dialog-box .next {
    width: .23rem;
    height: .4rem;
  }

  .dialog-box .prev {
    left: -.5rem;
  }

  .dialog-box .next {
    right: -.5rem;
  }

  .dialog-box .dialog-close {
    width: .4rem;
    height: .4rem;
    right: -.5rem;
    top: -.5rem;
  }

  .news-box {
    padding: .7rem 0;
  }

  .news-box .list {
    margin-top: .5rem;
  }

  .news-box .list .item {
    padding: .5rem 0;
  }

  .news-box .list .item .img {
    float: none;
    width: 100%;
  }

  .news-box .list .item .text {
    position: static;
    transform: translateY(0);
    width: 100%;
    margin-top: .3rem;
  }

  .news-box .list .item .text .time {
    font-size: .24rem;
    line-height: .4rem;
  }

  .news-box .list .item .text .tit {
    font-size: .3rem;
    line-height: .4rem;
    margin-top: .1rem;
  }

  .news-box .list .item .text .con {
    font-size: .24rem;
    line-height: .4rem;
    margin-top: .2rem;
    height: auto;
  }

  .page a {
    width: .5rem;
    height: .5rem;
    font-size: .24rem;
    line-height: .5rem;
  }

  .page span {
    line-height: .5rem;
  }

  .page .prev,
  .page .next {
    background-size: .2rem;
  }

  .news-box .page {
    margin-top: .5rem;
  }

  .teacher-box {
    padding: .7rem 0;
  }

  .teacher-box .list {
    margin-top: .5rem;
  }

  .teacher-box .list .row {
    margin: 0;
  }

  .teacher-box .list .item {
    padding: 0;
    margin-bottom: .5rem;
  }

  .teacher-box .list .top-box {
    padding: .5rem 0;
  }

  .teacher-box .list .con-box .img {
    width: 60%;
  }

  .teacher-box .list .con-box .name {
    margin-top: .4rem;
    font-size: .3rem;
    line-height: .4rem;
    margin-top: .4rem;
  }

  .teacher-box .list .con-box .desc {
    font-size: .24rem;
    line-height: .4rem;
    margin-top: .2rem;
  }

  .teacher-box .list .read {
    padding: .3rem 0;
  }

  .teacher-dialog {
    width: 90%;
  }

  .teacher-dialog .img {
    float: none;
    width: 100%;
  }

  .teacher-dialog .text-box {
    width: 100%;
    position: static;
  }

  .teacher-dialog .text-box .desc {
    font-size: .24rem;
    line-height: .4rem;
  }

  .teacher-dialog .text-box .name {
    margin-top: .2rem;
  }

  .teacher-dialog .text-box .cn {
    font-size: .3rem;
    line-height: .4rem;
  }

  .teacher-dialog .text-box .en {
    font-size: .24rem;
    line-height: .4rem;
  }

  .teacher-dialog .text-box .top-box {
    background-color: #fff;
    padding: .3rem;
  }

  .teacher-dialog .text-box .con {
    padding: .3rem;
    font-size: .24rem;
    line-height: .4rem;
  }

  .teacher-dialog .buttons {

    position: static;
    padding: 0;
    margin: 0;
  }

  .teacher-dialog .buttons a {
    position: absolute;
    top: 28%;
    bottom: auto;
    margin: 0;
  }

  .teacher-dialog .buttons .prev {
    left: .3rem;
    background-image: url('../img/w-teacher-prev.png');
  }

  .teacher-dialog .buttons .next {
    right: .3rem;
    background-image: url('../img/w-teacher-next.png');
  }

  .teacher-dialog .teacher-close {
    right: .3rem;
    top: .5rem;
    background-image: url('../img/w-teacher-close.png');
  }

  .honor-box {
    padding: .7rem 0;
  }

  .honor-box .list {
    margin-top: .5rem;
  }

  .honor-box .list .row {
    margin: 0;
  }

  .honor-box .list .item {
    padding: 0;
    margin-bottom: .5rem;
  }

  .honor-box .list .txt {
    font-size: .3rem;
    line-height: 1rem;
    height: 1rem;
  }

  .pagination {
    margin: 0;
  }
}