@media screen and (min-width:2200px) {
    header {
        padding: 20px 20%;
        padding-bottom: 10px;
    }
}

@media screen and (max-width:1800px) {
    .logo {
        width: 320px;
    }
}

@media screen and (max-width:1780px) {
    header {
        padding: 20px 30px;
        padding-bottom: 20px;
    }
}

@media screen and (max-width:1680px) {
    header {
        padding: 20px;
        padding-bottom: 10px;
    }
    nav ul li {
        padding: 0 8px;
        flex: auto;
    }
}

@media screen and (max-width:1600px) {
    header {
        flex-direction: column;
        height: auto;
        padding: 10px 0;
        padding-bottom: 0;
    }
    nav ul li>a.active::after {
        height: 4px;
    }
    .logo {
        margin-right: 0;
        width: 340px;
        margin-bottom: 10px;
    }
    nav ul {
        justify-content: flex-start;
    }
    .navBox {
        padding: 0 60px;
        justify-content: center;
    }
    nav ul li {
        padding: 0 20px;
    }
    .advTxt h1 {
        font-size: 40px;
    }
}

@media screen and (max-width:1500px) {
    .center {
        width: 100%;
        padding: 0 80px;
    }
    .bannerTxt h6,
    .tit h4 {
        font-size: 26px;
    }
    .indexTit h1 {
        font-size: 30px;
    }
    .paginationTxt {
        right: 6%;
    }
    .acadButton .swiper-button-prev,
    .acadButton .swiper-button-next {
        width: 40px;
        height: 60px;
    }
    .acadButton .swiper-button-prev::after,
    .acadButton .swiper-button-next::after {
        font-size: 26px;
    }
    .acadButton .swiper-button-prev {
        left: -60px;
    }
    .acadButton .swiper-button-next {
        right: -60px;
    }
    .newsBanner {
        margin-top: 30px;
    }
    .newsBox {
        margin-bottom: 60px;
    }
    .footR .cont p {
        font-size: 16px;
    }
    .recumentCon h3 {
        font-size: 28px;
    }
    .recumentCon p {
        font-size: 20px;
    }
    .newsTxt .readMore {
        margin-top: 30px;
    }
    .artTit h1 {
        font-size: 28px;
    }
    .advTxt h1 {
        font-size: 38px;
    }
    .leaderList {
        row-gap: 70px;
    }
    .overleftCon h3>p {
        font-size: 38px;
    }
    .overviewPart01,
    .overviewPart02 {
        margin-bottom: 80px;
    }
}

@media screen and (max-width:1440px) {
    .navBox {
        padding: 0 40px;
    }
    nav ul li>a::after {
        height: 4px;
    }
    .artTit h1 {
        font-size: 26px;
    }
    .leaderTit {
        font-size: 32px;
    }
}

@media screen and (max-width:1400px) {
    nav ul li {
        padding: 0 15px;
    }
    .newsTxt p {
        -webkit-line-clamp: 3;
    }
    .center {
        padding: 0 60px;
    }
    .advTxt h1 {
        font-size: 32px;
    }
    .leaderList {
        row-gap: 60px;
    }
    .orgLeft>h3 {
        font-size: 32px;
    }
    .overleftCon h3>p {
        font-size: 36px;
    }
}

@media screen and (max-width:1350px) {
    nav ul li {
        padding: 0 10px;
    }
    .newsTxt .readMore {
        margin-top: 20px;
    }
    .textCon {
        padding: 30px;
    }
    .artTit h1 {
        font-size: 24px;
    }
    .leaderTit {
        font-size: 30px;
    }
    .leaderMess h3 {
        width: 100%;
        font-size: 18px;
        padding: 10px 15px;
    }
    .leaderMess {
        padding: 20px;
    }
    .listImg a .listTxt {
        padding: 20px 40px;
    }
}

@media screen and (max-width:1250px) {
    .toolBox a {
        font-size: 16px;
    }
    .seaBtn {
        margin-right: 15px;
    }
    .seaBtn {
        width: 25px;
        height: 25px;
    }
    .seaBtn img {
        width: 100%;
        height: 100%;
    }
    nav ul li>a {
        font-size: 16px;
    }
    .newsTxt p {
        -webkit-line-clamp: 2;
    }
    .contact-txt p {
        margin-bottom: 15px;
    }
    .overleftCon h3>p {
        font-size: 34px;
    }
    .teaBassTxt {
        padding: 30px;
    }
    .teaBassTxt h1::before {
        margin-left: -30px;
    }
    .teaBassMess i {
        height: 300px;
    }
    .txtItem {
        margin-top: 30px;
    }
    .facultyCon a .facTxt h3 {
        font-size: 20px;
    }
    .facultyCon a .facTxt {
        padding-bottom: 10px;
    }
    .facultyCon {
        column-gap: 20px;
        row-gap: 20px;
    }
}

@media screen and (max-width:1120px) {
    header,
    .secNav {
        display: none;
    }
    .moblieTop {
        width: 100%;
        display: flex;
    }
    .logo {
        margin-bottom: 0;
    }
    .banner {
        height: 400px;
        margin-top: 0;
    }
    .adv {
        margin-top: 0;
    }
    .bannerTxt h6,
    .tit h4 {
        font-size: 20px;
    }
    .banner .swiper-button-next,
    .banner .swiper-button-prev {
        display: none;
    }
    .academicBanner .swiper {
        padding-bottom: 50px;
    }
    .academicBanner .swiper-pagination {
        display: block;
    }
    .acadButton {
        display: none;
    }
    .contact-txt p {
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 1100px) {
    .listImg a i {
        transform: none;
    }
    .listImg a,
    .listImg a .listTxt {
        padding: 20px;
    }
}

@media screen and (max-width: 992px) {
    .banner {
        height: 280px;
    }
    .center {
        padding: 0 20px;
    }
    .logo {
        display: block;
        flex-shrink: inherit;
        width: 40%;
    }
    .bannerTxt,
    .paginationTxt {
        padding: 20px 0 30px 0;
    }
    .bannerTxt h6 {
        width: 80%;
    }
    .bannerTxt h6 {
        font-size: 18px;
    }
    .banner .swiper-pagination-current {
        font-size: 24px;
    }
    .banner .swiper-pagination {
        font-size: 18px;
    }
    .textCon {
        padding: 20px;
    }
    .newsTxt p {
        font-size: 15px;
    }
    .newsTxt h3 {
        font-size: 18px;
        margin: 10px 0;
        -webkit-line-clamp: 1;
    }
    .newsTxt .readMore {
        margin-top: 10px;
    }
    .contactBox {
        flex-direction: column;
    }
    .contact-txt {
        padding-left: 0;
        margin-top: 20px;
    }
    .contact-img,
    .contact-txt {
        width: 100%;
    }
    .leaderMess {
        padding: 20px;
        padding-right: 0;
    }
    .leaderList a i {
        transform: none;
    }
    .leaderList a i::after {
        display: none;
    }
    .leaderList a {
        padding: 10px;
    }
    .leaderList a:hover {
        transform: none;
    }
    .leaderList {
        row-gap: 20px;
        column-gap: 20px;
    }
    .leaderMess h3 {
        padding: 10px;
        font-size: 18px;
        width: 100%;
    }
    .listImg a i {
        width: 44%;
    }
    .orgLeft ul li {
        margin-top: 20px;
    }
    .orgLeft {
        width: 300px;
    }
    .orgLeft>h3 {
        font-size: 28px;
    }
    .orgLeft ul li:hover,
    .orgLeft ul li.active {
        background: none;
    }
    .orgLeft ul li:hover a,
    .orgLeft ul li.active a {
        background: #0059A0;
    }
    .orgRight {
        padding-left: 0;
        width: calc(100% - 300px);
    }
    .orgLeft ul li a {
        min-height: 70px;
        color: #333;
    }
    .overviewPart01,
    .overviewPart02 {
        flex-direction: column;
        margin-bottom: 30px;
    }
    .overviewPart01 {
        flex-direction: column-reverse;
    }
    .overleftCon,
    .overrightCon,
    .overleftCon02,
    .overrightCon02 {
        width: 100%;
    }
    .overrightCon {
        padding-left: 0;
    }
    .overrightCon02 {
        margin-left: 0;
    }
    .overrightCon::after {
        content: none;
    }
    .overrightCon i {
        right: auto;
        bottom: auto;
    }
    .commonBox {
        margin: 30px 0;
    }
    .overleftCon p {
        margin: 10px 0;
    }
    .overleftCon p,
    .overrightCon02 p {
        text-align: left;
    }
    .teaBassMess i {
        width: 30%;
    }
    .facultyCon a .facTxt {
        background: #0059A0;
        text-align: center;
        padding: 8px 10px;
        height: auto;
        justify-content: center;
    }
    .facultyCon a .facTxt h3 {
        font-size: 17px;
    }
    .deanCon{flex-direction:column-reverse}
    .deanImg{margin-left:0}
}

@media screen and (max-width: 768px) {
    .logo {
        width: 260px;
        padding-right: 0;
    }
    .newsBanner .swiper-slide a {
        flex-direction: column;
        padding: 5px;
    }
    .newsImg {
        width: 100%;
        height: 240px;
        padding-bottom: 0;
        position: inherit;
    }
    .newsImg img {
        position: static;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .newsTxt {
        width: 100%;
        padding-bottom: 0;
        position: inherit;
        height: auto;
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    }
    .textCon {
        position: static;
    }
    .newsBanner {
        margin-top: 20px;
    }
    .newsList li a>h3 {
        font-size: 18px;
    }
    .newsList li a {
        height: auto;
        padding: 15px 0;
    }
    .newsList li a .time h3 {
        font-size: 20px;
    }
    .newsBanner {
        margin: 20px 0;
    }
    .newsBox {
        margin-bottom: 30px;
    }
    .recument {
        width: 100%;
        padding: 10px;
    }
    .recument::before,
    .recument::after {
        width: 25px;
        height: 25px;
    }
    .recumentCon {
        padding: 10px 20px;
        background-position: calc(100% - 20px);
        height: 80px;
    }
    .recumentCon h3 {
        font-size: 20px;
        margin-right: 15px;
    }
    .recumentCon p {
        font-size: 16px;
    }
    .part02 {
        background-image: none;
        padding-bottom: 30px;
    }
    .academicBanner {
        margin-top: 20px;
    }
    .footer {
        padding-top: 0;
    }
    .footHead {
        padding: 25px 0;
    }
    .footHead .center {
        flex-direction: column;
    }
    .footRBg {
        display: none;
    }
    .footR {
        padding-left: 0;
    }
    .footL,
    .footR {
        width: 100%;
    }
    .indexTit a {
        margin-left: 20px;
    }
    .newsList li {
        padding: 0 20px;
    }
    .paperCheck {
        grid-template-columns: 100%;
        column-gap: 0;
    }
    .paperCheck a:nth-child(2) {
        text-align: left;
        margin-top: 20px;
    }
    .leaderList {
        grid-template-columns: repeat(1, 1fr);
    }
    .listImg a i {
        width: 80%;
        padding-bottom: 55%;
    }
    .orgBox {
        flex-direction: column;
    }
    .commonBox {
        margin: 30px 0;
    }
    .orgLeft,
    .orgRight {
        width: 100%;
    }
    .orgLeft {
        padding-bottom: 20px;
    }
    .orgLeft ul li {
        padding-right: 0;
    }
    .orgLeft ul {
        display: flex;
    }
    .orgLeft ul li+li {
        margin-left: 10px;
    }
    .orgLeft ul li a {
        font-size: 18px;
    }
    .teaBassMess {
        flex-direction: column;
    }
    .teaBassMess i {
        width: 100%;
        position: inherit;
        display: flex;
    }
    .teaBassMess i img {
        height: 300px;
        width: auto;
        margin: 0 auto;
        position: inherit;
    }
    .teaBassTxt {
        margin-left: 0;
        width: 100%;
    }
    .txtItem:nth-child(even),
    .txtItem {
        width: 100%;
    }
    .txtItem {
        margin-top: 15px;
    }
    .teaBassTxt h1::before {
        content: none;
    }
    .teaBassTxt h1 {
        color: #0059A0;
        -webkit-text-stroke: 0 #2C84CA;
        text-stroke: 0 #2C84CA;
        font-size: 20px;
    }
    .txtItem p:nth-child(2) {
        font-size: 16px;
    }
    .teaCon h3 {
        margin-top: 20px;
        width: 100%;
    }
    .facultyCon {
        grid-template-columns: repeat(3, 1fr);
    }
    .leaderList {
        margin-top: 30px;
    }
}

@media screen and (max-width: 554px) {
    .bannerTxt h6 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .newsImg {
        height: 190px;
    }
    .recumentCon {
        flex-direction: column;
        background-image: none;
    }
    .academicBanner {
        width: 80%;
        margin: 20px auto 0 auto;
    }
    .part02,
    .part01 {
        padding: 40px 0;
    }
    .footR .cont p {
        padding: 10px 0;
    }
    .banner {
        height: 240px;
    }
    .indexTit a {
        flex-shrink: 0;
    }
    .commonBox {
        margin: 30px 0;
    }
    .artTit h1 {
        font-size: 22px;
    }
    .adv {
        padding-bottom: 38%;
    }
    .advTxt h1 {
        font-size: 30px;
    }
    .listBox ul li {
        padding: 15px 0;
    }
    .listBox ul li a .time {
        width: 55px;
        border-right: none;
    }
    .listBox ul li a>h3 {
        padding: 0 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: wrap;
    }
    .listImg a {
        flex-direction: column;
        margin-bottom: 20px;
    }
    .listImg a i {
        width: 100%;
        padding-bottom: 68%;
    }
    .listImg a .listTxt {
        padding: 20px 0;
    }
    .orgLeft ul li {
        margin-top: 10px;
    }
    .orgLeft>h3 {
        margin-bottom: 30px;
    }
    .orgCon {
        padding: 10px;
    }
    .orgItem {
        padding: 15px;
    }
    .orgItem+.orgItem {
        margin-top: 10px;
    }
    .orgItem>p {
        text-align: left;
    }
    .orgItem h3 p {
        padding-right: 10px;
    }
    .facultyCon {
        grid-template-columns: repeat(1, 1fr);
        padding: 0 30px;
    }
    .leaderMess p {
        font-size: 15px;
    }
    .leaderMess h3 {
        font-size: 17px;
    }
    .deanImg{width:250px;height: 340px;}
}