@media screen and (max-width: 1600px) {
    .container {
        width: 1490px;
    }

    .fsxx-header .header-bottom .nav>ul>li {
        margin: 0px 40px;
    }

    .content5 .xsyj-list, .content5 .djyl-list {
        width: 64%;
    }
}

@media screen and (max-width: 1520px) {
    .container {
        width: 1200px;
    }

    .fsxx-header .header-bottom .logo {
        width: 28%;
    }

    .fsxx-header .header-bottom .nav {
        width: 70%;
    }

    .fsxx-header .header-bottom .nav>ul>li {
        margin: 0px 25px;
    }

    .fsxx-banner .title h2 {
        font-size: 28px;
    }

    .cont-title h1 {
        font-size: 36px;
    }

    .cont-title h2 {
        font-size: 28px;
    }

    .cont-title a {
        line-height: 40px;
        width: 80px;
        background-size: cover;
    }

    .notice ul li {
        padding: 0 15px;
    }

    .new .swiper-slide {
        height: 250px;
    }

    .notice ul li {
        height: 94px;
    }

    .notice ul li .list-time {
        margin-top: 12px;
    }

    .notice ul li .list-title {
        margin-top: 15px;
    }

    .content3 .dytd ul li .li-img {
        height: 203px;
    }

    .content3 .jxky .jxky-hot-img {
        width: 240px;
        height: 159px;
    }

    .content3 .jxky .jxky-hot-title h2 {
        font-size: 16px;
        -webkit-line-clamp: 3;
    }

    .content3 .jxky ul li {
        line-height: 57px;
    }

    .content3 .jxky ul li a {
        padding: 0 18px;
    }

    .content3 .dytd ul li .li-title {
        padding: 62px 30px;
    }

    .footer-logo img {
        width: 100%;
    }

    .content4 .cont-title a {
        line-height: 40px;
        width: 80px;
        background-size: cover;
    }

    .content-box .content-right .content-right-photolist ul li:nth-child(3n) {
        margin-right: 3%;
    }

    .content-box .content-right .content-right-photolist ul li {
        width: 40%;
    }

    .xq-banner {
        width: 100%;
        height: 368px;
    }

    .content-box .content-left .tuijian h2 {
        font-size: 20px;
    }

    .content-box .content-right .content-right-teacher ul li {
        background-size: cover;
        padding: 20px;
    }

    .content5 .xsyj-list, .content5 .djyl-list {
        width: 55%;
    }

}

@media screen and (max-width: 1220px) {
    .container {
        width: 1000px;
    }

    .fsxx-header .header-bottom .logo {
        width: 25%;
        margin: 17px 0px 17px 0px;
    }

    .fsxx-header .header-bottom .logo img {
        width: 100%;
    }

    .fsxx-header .header-bottom .nav>ul>li {
        margin: 0px 16px;
    }

    .fsxx-banner .title h2 {
        font-size: 26px;
    }

    .new .swiper-slide {
        height: 208px;
    }

    .new ul li .list-title {
        width: 75%;
    }

    .new ul li .list-time {
        width: 18%;
    }

    .notice ul li .list-time {
        width: 60px;
        height: 60px;
    }

    .notice ul li .list-time .list-time-day {
        line-height: 36px;
        font-size: 26px;
    }

    .notice ul li .list-time .list-time-year {
        line-height: 24px;
    }

    .notice ul li {
        height: 87px;
    }

    .content3 .dytd ul li .li-img {
        height: 168px;
    }

    .content3 .jxky .jxky-hot {
        padding: 15px;
    }

    .content3 .jxky .jxky-hot-img {
        width: 190px;
        height: 126px;
    }

    .content3 .jxky .jxky-hot-title {
        width: 46%;
    }

    .content3 .jxky .jxky-hot-title p {
        margin-top: 15px;
    }

    .content3 .jxky ul li a {
        padding: 0 7px;
    }

    .content3 .jxky ul li {
        line-height: 50px;
    }

    .content3 .dytd ul li .li-title {
        padding: 33px 30px;
    }

    .content-box .content-left .tuijian h2 {
        line-height: 46px;
        font-size: 18px;
    }

    .content-box .content-left ul.left-nav li {
        padding-left: 35px;
    }

    .content-box .content-right .content-right-photolist ul li {
        width: 48%;
        padding: 15px 15px 0px 11px;
        margin-right: 2%;
    }

    .content-box .content-right .content-right-photolist ul li:nth-child(3n) {
        margin-right: 2%;
    }

    .xq-banner {
        height: 295px;
    }

    .content-box .content-right .content-right-teacher ul li .teacher-img {
        margin-right: 15px;
    }

    .content5 .xsyj-img, .content5 .djyl-img {
        width: 215px;
        height: 166px;
    }

    .content5 .xsyj-list ul li, .content5 .djyl-list ul li {
        line-height: 35px;
    }
}

@media screen and (max-width: 1020px) {
    .container {
        width: 800px;
    }

    .fsxx-header .header-bottom .logo {
        width: 35%;
        margin: 8px 0px 8px 0px;
    }

    .fsxx-header .header-bottom .nav {
        display: none;
    }

    .content1 .new {
        width: 100%;
        padding-right: 0px;
    }

    .notice {
        padding-left: 0px;
        width: 100%;
        margin-top: 50px;
    }

    .content3 .dytd {
        padding-right: 0px;
        width: 100%;
    }

    .content3 .jxky {
        padding-left: 0px;
        width: 100%;
        margin-top: 50px;
    }

    .content3 .cont-title {
        margin-bottom: 30px;
    }

    .content3 .dytd ul li .li-img {
        height: 236px;
    }

    .content3 .jxky .jxky-hot-img {
        width: 314px;
        height: 207px;
    }

    .content3 .jxky .jxky-hot-title {
        width: 55%;
    }

    .new .swiper-slide {
        height: 290px;
    }

    .content2 .box {
        width: 104px;
        height: 104px;
        margin: 70px auto;
    }

    .content2 .under {
        position: relative;
        width: 0px;
        height: 0px;
        border-top: 100px solid #85a8dd;
        border-right: 100px solid rgba(255, 255, 255, 0);
        border-bottom: 100px solid #85a8dd;
        border-left: 100px solid rgba(255, 255, 255, 0);
        left: -60px;
        top: -60px;
        animation: rotate 4s linear infinite;
    }

    .content2 .box>span {
        position: absolute;
        top: 0px;
        margin: 2px;
        width: 100px;
        height: 100px;
        border-radius: 4px;
        background-size: cover;
        background-color: white;
    }

    i.iconfont {
        font-size: 40px;
        line-height: 70px;
    }

    .content2 ul>li .box p {
        font-size: 16px;
    }

    .footer-logo {
        width: 35%;
    }

    .link,
    .contact {
        opacity: 0.6;
        margin-top: 20px;
    }

    .about h2 {
        opacity: 0.6;
    }

    .fsxx-header .header-bottom .search {
        width: 3%;
    }

    .navbar-toggle {
        display: block;
        position: fixed;
        width: 25px;
        height: 25px;
        padding: 0;
        border: none;
        border-radius: 0px;
        /* z-index: 20000; */
        background-color: transparent;
        background-image: none;
        right: 72px;
        top: 52px;
        cursor: pointer;
    }

    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 4px;
    }

    .navbar-toggle .icon-bar {
        -webkit-transition: all .3s ease-out 0s;
        -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
        -o-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s;
        background: #fff;
        width: 100%;
        height: 2px;
        border-radius: 0;
        margin-top: 10px;
        display: block;
    }

    .fsxx-header .header-bottom .search {
        right: 50px;
        position: relative;
        padding: 22px 0px;
    }

    .navbar-toggle.on {
        top: 52px;
    }

    .navbar-toggle.on .icon-bar.icon-bar1 {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-bottom: -12px
    }

    .navbar-toggle.on .icon-bar.icon-bar2 {
        background: transparent;
    }

    .navbar-toggle.on .icon-bar.icon-bar3 {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .mobile-nav {
        width: 100%;
        height: 0%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 998;
        background: #00787b;
        transition: .1s;
    }

    .mobile-nav.on {
        height: 100%;
        margin-top: 100px;
    }

    .mobile-nav>.container>ul {
        margin-top: 50px;
    }

    .mobile-nav>.container>ul>li {
        line-height: 60px;
        position: relative;
    }

    .mobile-nav>.container>ul>li>a {
        font-size: 22px;
        color: #fff;
        border-bottom: solid 1px rgba(255, 255, 255, .2);
        display: block;
    }

    .mobile-nav>.container>ul>li strong {
        color: #fff;
        position: absolute;
        right: 0px;
        top: 10px;
        font-size: 25px;
        cursor: pointer;
        width: 40px;
        height: 45px;
        text-align: center;
        line-height: 40px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .mobile-nav .sun-nav {
        display: none;
    }

    .mobile-nav .sun-nav li {
        padding-left: 30px
    }

    .mobile-nav .sun-nav li a {
        display: block;
        color: #fff;
        font-size: 16px;
        border-bottom: solid 1px rgba(255, 255, 255, .2);
    }

    .mobile-nav>.container>ul>li strong.on {
        transform: rotate(45deg);
    }

    .link, .about, .contact {
        width: 100%;
    }

    .xq-banner {
        height: 246px;
    }

    .content-box .content-left ul.left-nav li {
        padding-left: 25px;
    }

    .content-box .content-left .tuijian {
        display: none;
    }

    .content-box .content-right .content-right-teacher ul li {
        width: 100%;
    }

    .content5 .xsyj,
    .content5 .djyl {
        width: 100%;
        padding: 0;
    }

    .content5 .xsyj-list, .content5 .djyl-list {
        width: 73%;
    }

    .content5 .djyl {
        padding-top: 50px;
    }
}

@media screen and (max-width: 820px) {
    .container {
        width: 600px;
    }

    .fsxx-header .header-bottom .logo {
        width: 45%;
    }

    .mobile-nav>.container>ul>li>a {
        font-size: 20px;
    }

    .fsxx-banner .title h2 {
        font-size: 20px;
        font-weight: 400;
    }

    .fsxx-banner .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 30px;
    }

    .new .swiper-slide {
        height: 218px;
    }

    .new ul li {
        padding: 0px;
        line-height: 50px;
    }

    .content1,
    .content3,
    .content4 {
        padding: 40px 0;
    }

    .notice {
        margin-top: 40px;
    }

    .content3 .jxky {
        margin-top: 40px;
    }

    .content3 .dytd ul li .li-img {
        height: 176px;
    }

    .content3 .jxky .jxky-hot-img {
        width: 250px;
        height: 166px;
    }

    .content3 .jxky .jxky-hot-title {
        width: 50%;
    }

    .content-box .content-left {
        width: 100%;
    }

    .content-box .content-right {
        width: 100%;
        margin-top: 20px;
    }

    .content-box .content-left ul.left-nav li {
        line-height: 50px;
    }

    .content-box .content-left ul.left-nav {
        padding-top: 0px;
    }

    .xq-banner {
        height: 197px;
    }

    .content-box .content-right .content-right-photolist ul li {
        width: 68%;
    }

    .content5 .xsyj-list, .content5 .djyl-list {
        width: 64%;
    }
}

@media screen and (max-width: 767px) {
    .fsxx-header .header-bottom .search {
        right: 70px;
    }

    .cont-title h2 {
        font-size: 24px;
    }

    .cont-title h1 {
        font-size: 30px;
    }

    .content1, .content3, .content4 {
        padding: 30px 0;
    }

    .content3 .jxky {
        margin-top: 30px;
    }

    .content2 .box {
        margin: 40px auto;
    }

    .notice {
        margin-top: 30px;
    }

    .footer {
        padding-top: 30px;
    }

    .footer-logo {
        width: 45%;
    }
}

@media screen and (max-width: 620px) {
    .container {
        width: 500px;
    }

    .navbar-toggle {
        right: 40px;
    }

    .fsxx-header .search-box {
        padding: 0 30px;
    }

    .fsxx-header .search_submit {
        right: 35px;
    }

    .fsxx-header .search1 {
        height: 110px;
    }

    .swiper-slide .shadow {
        height: 100px;
    }

    .fsxx-banner .title h2 {
        font-size: 18px;
    }

    .new .swiper-slide {
        height: 181px;
    }

    .new .swiper-slide .title h2 {
        width: 75%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .swiper-slide .shadow {
        height: 50px;
    }

    .content2 .box>span {
        margin: 1px;
        width: 78px;
        height: 78px;
    }

    i.iconfont {
        line-height: 50px;
        font-size: 30px;
    }

    .content2 .box {
        width: 80px;
        height: 80px;
    }

    .content2 ul>li .box p {
        font-size: 13px;
    }

    .content3 .dytd ul li:nth-child(2) {
        background-color: #fff;
        display: none;
    }

    .content3 .dytd ul li {
        width: 100%;
    }

    .content3 .dytd ul li .li-img {
        height: 293px;
    }

    .content3 .jxky .jxky-hot-title {
        width: 43%;
    }

    .footer h2 {
        font-size: 16px;
    }

    .footer p, .footer p a {
        font-size: 14px;
        line-height: 26px;
    }

    .link, .about, .contact {
        margin-top: 10px;
    }

    .footer .copyright p {
        font-size: 14px;
    }

    .footer .copyright span {
        font-size: 14px;
        float: left;
    }

    .footer .copyright {
        line-height: 50px;
    }

    .content-box .content-right .content-right-name {
        width: 35%;
    }

    .content-box .content-right .content-right-position {
        width: 65%;
    }

    .content-box .content-right .content-right-photolist ul li {
        width: 83%;
    }

    .content5 .xsyj-list, .content5 .djyl-list {
        width: 55%;
    }
}

@media screen and (max-width: 520px) {
    .container {
        width: 390px;
    }

    .fsxx-header .header-top {
        line-height: 30px;
    }

    .fsxx-header .header-top .top-right::before {
        padding-top: 5px;
    }

    .header-bottom {
        height: 53px;
    }

    .fsxx-header .header-bottom .search {
        padding: 13px 0;
    }

    .navbar-toggle {
        top: 38px;
    }

    .new ul li .list-time {
        font-size: 14px;
    }

    .new ul li .list-time {
        width: 20%;
    }

    .new .swiper-slide {
        height: 146px;
    }

    .fsxx-banner .title h2 {
        font-size: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .content3 .dytd ul li .li-img {
        height: 234px;
    }

    .content3 .jxky .jxky-hot-img {
        width: 200px;
        height: 133px;
    }

    .mobile-nav.on {
        margin-top: 90px;
    }

    .navbar-toggle {
        right: 0px;
    }

    .fsxx-header .search1 {
        height: 90px;
    }

    .content1, .content3, .content4 {
        padding: 20px 0;
    }

    .notice {
        margin-top: 20px;
    }

    .notice {
        margin-top: 20px;
    }

    .content2 .box>span {
        margin: 1px;
        width: 68px;
        height: 68px;
    }

    .content2 .box {
        width: 70px;
        height: 70px;
    }

    i.iconfont {
        line-height: 36px;
        font-size: 28px;
    }

    .cont-title h2 {
        font-size: 20px;
    }

    .cont-title h1 {
        font-size: 26px;
    }

    .footer .copyright p,
    .footer .copyright span {
        color: rgba(255, 255, 255, 0.518);
    }

    .notice ul li .list-time .list-time-day {
        font-size: 22px;
    }

    .mobile-nav>.container>ul>li>a {
        font-size: 18px;
    }

    .cont-title {
        margin-bottom: 20px;
    }

    .content3 .cont-title {
        margin-bottom: 20px;
    }

    .fsxx-header .header-bottom .logo {
        width: 50%;
        padding-left: 10px;
    }

    .footer-logo {
        width: 50%;
    }

    .content3 .jxky ul li a::before {
        margin-right: 10px;
    }

    .content-box .content-right .content-right-name {
        width: 100%;
        line-height: 60px;
    }

    .content-box .content-right .content-right-position {
        width: 100%;
        line-height: 45px;
        font-size: 14px;
        padding-right: 5px;
    }

    .content-box .content-right .content-right-position a {
        font-size: 14px;
    }

    .content-box .content-right .content-right-position span {
        font-size: 14px;
    }

    .content-box .content-right .content-right-photolist {
        margin-top: 30px;
    }

    .content-box .content-right .content-right-photolist ul li {
        width: 100%;
    }

    .content-box .content-right .content-right-photolist ul li .imglist-img {
        width: 370px;
    }

    .content-box .content-right .content-right-photolist ul li .imglist-img img {
        width: 100%;
    }

    #baguetteBox-overlay {
        width: 100%;
    }

    .xq-banner {
        height: 105px;
    }

    .navbar-toggle.on {
        top: 41px;
    }

    .mobile-nav>.container>ul {
        margin-top: 10px;
        padding: 0 10px;
    }

    .content-box .content-left {
        padding-right: 0px;
    }

    .content-box .content-right .content-right-teacher ul li .teacher-img {
        width: 152px;
        height: auto;
    }

    .content-box .content-right .content-right-teacher ul li .teacher-title h2 {
        font-size: 16px;
    }

    .content-box .content-right .content-right-teacher ul li .teacher-title span {
        font-size: 13px;
    }

    .content-box .content-right .content-right-teacher ul li .teacher-title p {
        -webkit-line-clamp: 5;
    }

    h2.teacher-class {
        font-size: 20px;
        line-height: 38px;
    }

    .content-box .content-right .content-right-news .news-title {
        width: 70%;
    }

    .content-box .content-right .content-right-news .news-date {
        width: 30%;
    }

    .content-box .content-right .content-right-name h2 {
        font-size: 22px
    }

    .footer .copyright {
        line-height: 32px;
        padding: 0 10px;
    }

    .footer .copyright span {
        float: left;
    }

    .content-box .content-right .detail p img {
        max-width: 300px;
    }

    .content-box .content-right .detail video {
        max-width: 100%;
        height: auto;
        text-indent: 0;
    }

    .content-box .content-right {
        padding: 0px 5px;
    }

    .fsxx-banner .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 18px;
    }

    .fsxx-banner .swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: 0px;
    }

    .fsxx-banner .swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: 0px;
    }

    .new .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .new .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
    }

    .content4 .swiper-slide h2 {
        width: 100%;
    }

    .content3 .dytd ul li .li-title {
        padding: 33px 10px;
    }

    .new ul li {
        padding: 0 5px 0 0;
    }

    .footer-box.clearfix {
        padding: 0 10px;
    }

    .new ul li .list-title {
        width: 72%;
    }

    .new ul li .list-time {
        width: 25%;
    }

    .fsxx-header .header-top span {
        padding: 0 10px;
    }

    .content3 .dytd ul li h2 {
        font-size: 18px;
    }

    .content5 .xsyj-img, .content5 .djyl-img {
        width: 160px;
        height: 123px;
    }
}

@media screen and (max-width: 430px) {
    .content5 .xsyj-list ul li::before, .content5 .djyl-list ul li::before {
        margin: 0 5px 0px 5px;
    }

    .content5 .xsyj-list ul li, .content5 .djyl-list ul li {
        line-height: 27px;
    }

    .content5 .djyl {
        padding-top: 20px;
    }

    .content5 {
        padding-top: 20px;
    }
}

@media screen and (max-width: 390px) {
    .content5 .xsyj-img, .content5 .djyl-img {
        padding-left: 3px;
    }
}

@media screen and (max-width: 375px) {
    .container {
        width: 355px;
    }

    .cont-title {
        margin-bottom: 15px;
    }

    .new .swiper-slide {
        height: 133px;
    }

    .new ul li .list-title {
        width: 72%;
    }

    .new ul li .list-time {
        width: 25%;
    }

    .notice ul li .list-time .list-time-day {
        font-size: 20px;
    }

    .content3 .dytd ul li .li-img {
        height: 214px;
    }

    .content3 .dytd ul li h2 {
        font-size: 18px;
    }

    .content3 .jxky .jxky-hot-img {
        width: 182px;
        height: 123px;
    }

    .content-box .content-right .content-right-photolist ul li .imglist-img {
        width: 300px;
    }

    .content5 .xsyj-list, .content5 .djyl-list {
        width: 54%;
    }

}