@media (max-width: 1640px) {
  .header .logo {
    padding-left: 10px;
  }
  .header .logo img {
    height: 40px;
    margin: 0 !important;
  }
  .header .top-right {
    width: calc(100% - 320px);
  }
  .navbar li {
    padding-left: 10px;
  }
  .navbar li > a {
    font-size: 1rem;
  }
  .navbar li i {
    margin-left: 0;
  }
}
@media (max-width: 1440px) {
  .container {
    width: 100%;
    padding: 0 15px;
  }
  .navbar li {
     padding-left: 5px;
  }
  .navbar li > a {
    font-size: 14px;
  }
}
@media (max-width: 1280px) {
  .header {
    padding: 10px;
  }
  .header .logo {
    padding: 0;
  }
  .header .top-right {
    display: none;
  }
  .header .scroll-nav {
    display: none !important;
  }
  .header .phone-top {
    display: block;
  }
  .header .menu-btn {
    display: block;
  }
  .header .menu-btn img {
    width: 1.5rem;
  }
  .phone-top {
    float: right;
    text-align: right;
    padding-top: 13px;
  }
  .phone-top .link {
    display: inline-block;
  }
  .phone-top .menu-btn {
    display: inline-block;
    margin-left: 15px;
  }
  .navbar {
    display: none;
  }
  .phone-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 100%;
    bottom: 0;
    transition: all 0.3s ease-in-out;
  }
  .phone-menu .phone-mask {
    background: rgba(255, 255, 255, 0.1);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .phone-menu .close {
    padding: 20px;
    text-align: right;
    margin-bottom: 1.875rem;
    overflow: hidden;
  }
  .phone-menu .close span {
    font-size: 20px;
  }
  .phone-menu .navbar {
    display: block;
    float: left;
    width: 250px;
    height: 100%;
    overflow-y: auto;
    background: rgba(255, 255, 255, 0.95);
  }
  .phone-menu .navbar ul {
    height: auto;
    display: block !important;
  }
  .phone-menu .navbar li {
    float: none;
    display: block !important;
    width: 100%;
    position: relative;
    padding: 0;
  }
  .phone-menu .navbar li:hover > a {
    color: #303e5a;
    font-weight: bold;
    background: #ecf5ff;
  }
  .phone-menu .navbar li > a {
    display: block;
    color: #303e5a;
    font-size: 1rem;
    padding: 10px 20px;
    line-height: 30px;
    height: auto;
    text-align: left;
  }
  .phone-menu .navbar li i {
    position: absolute;
    right: 20px;
    top: 0;
    width: 20px;
    height: 50px;
    background: url(../images/ico-navdown2.png) no-repeat center 18px;
    background-size: 10px;
    transform: none !important;
  }
  .phone-menu .navbar .subnav {
    position: relative;
    display: none;
    background: none;
    padding: 0;
    transform: none !important;
    transition: 0s;
    opacity: 1;
    visibility: visible;
  }
  .phone-menu .navbar .subnav dd {
    text-align: left;
    position: relative;
    background: none !important;
  }
  .phone-menu .navbar .subnav dd:hover > a {
    color: #303e5a;
    font-weight: bold;
    background: #ecf5ff;
  }
  .phone-menu .navbar .subnav a {
    color: #303e5a !important;
    font-size: 1rem;
    display: block;
    line-height: 30px;
    height: auto;
    padding: 10px 20px 10px 40px;
  }
  .phone-menu .navbar .subnav a:hover {
    color: #303e5a;
    font-weight: bold;
  }
  .phone-menu .navbar .subnav .lv3 {
    visibility: visible;
    opacity: 1;
    display: none;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    background: none;
    padding: 0;
    transition: none;
  }
  .phone-menu .navbar .subnav .lv3 a {
    padding: 10px 20px 10px 60px;
  }
  body.side-right {
    overflow: hidden;
  }
  body.side-right .phone-menu {
    opacity: 1;
    visibility: visible;
    right: 0;
  }
  .index-kydt ul {
    margin: 0 -1rem;
  }
  .index-kydt li a {
    margin: 0 1rem;
  }
  .index-kydt li .pic {
    height: 10rem;
  }
  .index-xysh ul {
    margin: 0 -1rem;
  }
  .index-xysh li a {
    margin: 0 1rem;
  }
  .index-xysh li .pic {
    height: 10rem;
  }
  .footer .foot-links {
    width: 100%;
    margin-bottom: 10px;
  }
  .list-leader li .pic {
    width: 8rem;
    height: 12rem;
  }
  .list-leader li .txt {
    width: calc(100% - 9rem);
  }
  .list-leader li .txt span {
    /* font-size: 1.5rem; */
  }
  .list-leader li .title{
    display:none;
  }
  .kycg-pics li .pic {
    height: 10rem;
  }
}
@media (max-width: 1200px) {
  .list-teacher li {
    width: 50%;
  }
}
@media (max-width: 992px) {
  .banner .swiper-container {
    height: 32vw;
  }
  .news-list .col {
    float: none;
    width: 100%;
  }
  .news-pic li,
  .index-kydt li,
  .index-xysh li,
  .kycg-pics li,
  .kycg-txts li {
    float: none;
    width: 100%;
  }
  .news-pic li .pic,
  .index-kydt li .pic,
  .index-xysh li .pic,
  .kycg-pics li .pic,
  .kycg-txts li .pic {
    height: 46vw;
  }
  .list-txt li h2 {
    width: calc(100% - 101px);
  }
  .list-txt li .date {
    width: 100px;
  }
  .list-zzjg ul .box {
    padding-right: 20px;
  }
  .con-teacher .row .lf {
    width: 33.33%;
  }
  .con-teacher .row .rt {
    width: 66.66%;
  }
}
@media (max-width: 768px) {
  .header .logo .img1 {
    display: none;
  }
  .header .top-right {
    width: calc(100% - 200px);
  }
  .banner .swiper-container {
    height: 40vw;
  }
    .banner .swiper-container li .pic{
       height: 40vw;
    }
  .row2 {
    margin-top: 3rem;
  }
  .index-title h2:before,
  .index-title h2:after {
    display: none;
  }
  .index-kstd {
    display: none;
  }
  .list-page {
    display: block;
  }
  .list-page .left {
    width: 100%;
  }
  .list-page .right {
    width: 100%;
    margin-top: 20px;
  }
  .pc-column {
    display: none;
  }
  .phone-column {
    display: block;
    position: relative;
    margin-bottom: 0;
  }
  .phone-column i {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 20px;
    margin: 0;
    color: #9d224f;
  }
  .phone-column i svg {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
  }
  .list-nav .subnav {
    display: none;
  }
  .list-teacher ul {
    margin: 0 -10px;
  }
  .list-teacher li .box {
    margin: 0 10px;
  }
  .con-teacher .row .lf {
    width: 100%;
    float: none;
  }
  .con-teacher .row .rt {
    width: 100%;
    float: none;
  }
  .article {
    padding: 10px;
  }
  .row33 .lf {
    float: none;
    width: 100%;
  }
  .row33 .rt {
    display: none;
  }
}
@media (max-width: 600px) {
  .footer .foot-logo {
    float: none;
    width: 100%;
    text-align: center;
    overflow: hidden;
  }
  .footer .foot-logo img {
    max-width: 300px;
  }
  .footer .foot-ewm {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
  .footer .cory p {
    text-align: center;
  }
  .list-leader li,
  .list-zzjg ul li {
    width: 100%;
  }
  .list-zsxx li .box {
    flex-wrap: wrap;
    padding-bottom: 20px;
  }
  .list-zsxx li .pic {
    width: 100%;
  }
  .list-zsxx li .pic img {
    min-height: auto;
  }
  .list-zsxx li .txt {
    width: 100%;
  }
  .list-queston .wrap-cont {
    float: none;
    width: 100%;
  }
  .list-queston .rt-pics {
    float: none;
    width: 100%;
  }
  .list-queston .rt-pics li {
    margin-bottom: 0;
  }
  .list-teacher li {
    width: 100%;
    float: none;
  }
  .news-pic2 .news-pagination span {
    width: 20px;
  }
}