@media screen and (max-width:1800px) {
    .headerCentre {
        padding: 0 60px;
    }
    .navBox ul {
        gap: 0;
    }
}

@media screen and (max-width:1660px) {
    .headerCentre {
        padding: 0 40px;
    }
    .navAsearch {
        gap: 0 20px;
    }
    .navBox ul li>a {
        font-size: 20px;
    }
    .icon-search::after,
    .icon-search {
        /* width: 48px; */
        /* height: 48px; */
    }
    .icon-search b {
        width: 34px;
        height: 34px;
    }
    .topNavR a.en {
        width: 38px;
        height: 38px;
    }
    .contentLeftTit p {
        font-size: 36px;
    }
    .icon-search::after{/* width:42px; *//* height:42px; */}
    .teaEnter{font-size:18px;}
}

@media screen and (max-width:1600px) {
    .logo {
        width: 28%;
    }
}

@media screen and (max-width:1460px) {
    .banner .swiper-button-next,
    .banner .swiper-button-prev {
        width: 60px;
        height: 60px;
    }
    .logo{width:25%}
    .navBox ul li>a {
        font-size: 18px;
    }
    .navBox ul li>a:hover:after,
    .navBox ul li>a.active:after {
        width: 70px;
    }
    .icon-search::after,
    .icon-search {
        width: 40px;
        height: 40px;
    }
    .icon-search b {
        width: 28px;
        height: 28px;
    }
    .topNavR a.en {
        width: 30px;
        height: 30px;
    }
    .center {
        width: 100%;
        padding: 0 6%;
    }
    .indexTit h1 {
        width: 150px;
    }
    .indexTit a {
        font-size: 16px;
    }
    .newsList ul li a h6,
    .proTxt h6,
    .lectureBox ul li a h6,
    .stuBanner a .stuTxt h6,
    .videoTxt h6 a,
    .fotTit {
        font-size: 18px;
    }
    .newsList ul li a {
        padding-bottom: 25px;
    }
    .newsList ul li a .time span,
    .proTxt label,
    .link li a,
    .contactCon li {
        font-size: 16px;
    }
    .proTxt {
        padding: 20px 20px;
    }
    .proTxt span {
        margin-top: 6px;
    }
    .proTxt label {
        width: 100px;
        height: 34px;
    }
    .newsBanner .swiper .swiper-slide>a,
    .newsButton {
        height: 340px;
    }
    .newsBannerTxt h6 a {
        font-size: 20px;
    }
    .newsBannerTxt p {
        font-size: 15px;
    }
    .xyggList ul li a h6 {
        font-weight: 500;
        font-size: 18px;
    }
    .proTxt h6 {
        margin-top: 6px;
    }
    .viewMore {
        width: 140px;
        height: 42px;
        font-size: 16px;
    }
    .lectureBox ul {
        gap: 10px 40px;
    }
    .interBanner .swiper-slide>a {
        height: 370px;
    }
    .stuBanner a .stuTxt {
        background-size: 30px;
    }
    .toolBtn {
        gap: 20px;
    }
    .toolBtn .swiper-button-prev,
    .toolBtn .swiper-button-next {
        width: 44px;
        height: 44px;
    }
    .videoTit p {
        font-size: 30px;
    }
    .videoTit span {
        font-size: 20px;
    }
    .videoTit p::after {
        height: 2px;
    }
    .playBtn {
        width: 80px;
        height: 80px;
    }
    .link ul,
    .contactCon {
        gap: 5px;
    }
    .codeBox img {
        width: 100px;
        height: 100px;
    }
    .banner .swiper-pagination {
        bottom: 30px;
    }
    .videoTxt h6 {
        margin-top: 20px;
    }
    /* ÃƒÂ¤Ã‚ÂºÃ…â€™ÃƒÂ§Ã‚ÂºÃ‚Â§ÃƒÂ©Ã‚Â¡Ã‚Âµ */
    .contentLeftTit p {
        font-size: 32px;
    }
    .contentLeftCon ul li>a {
        font-size: 20px;
    }
    .contentLeftCon ul li dd>a {
        font-size: 18px;
    }
    .contentLeftCon ul>li i.dropDown {
        height: 74px;
    }
    .bread h2 {
        font-size: 24px;
    }
    .bred,
    .bred a,
    .bred span {
        font-size: 14px;
    }
    .contentLeft {
        width: 260px;
    }
    .pd50,
    .articleBox {
        padding: 20px 30px;
    }
    .teaContent {
        padding: 0 30px 30px;
    }
    .teaTxt .name h2 {
        font-size: 20px;
        padding-left: 10px;
        margin-right: 20px;
    }
    .teaTxt .name span,
    .teaBaseCon .lxfs p {
        font-size: 16px;
    }
    .teaTxt p {
        font-size: 15px;
    }
    .teaTxt .detailA a {
        font-size: 16px;
    }
    .teaItem {
        padding: 15px;
    }
    .teaBaseCon .name h2 {
        font-size: 24px;
        gap: 15px;
    }
    .teaBaseCon .name h2 span {
        font-size: 18px;
    }
    .teaBaseCon .name a {
        padding: 8px 20px;
        font-size: 15px;
    }
    .teaBase {
        align-items: center;
    }
}

@media screen and (max-width:1300px) {
    .headerCentre {
        padding: 0 20px;
    }
}
@media screen and (max-width:1200px) {
    .center {
        padding: 0 20px;
    }
    .navBox ul li>a,.teaEnter {
        font-size: 16px;
        font-weight:normal;
        color:#000;
    }
    .logo {
        margin-right: 20px;
    }
    .navAsearch {
        gap: 0 20px;
    }
    .videoTxt {
        padding: 40px 30px;
    }

    .proTxt span {
        display: none;
    }
    .contentLeft {
        margin-right: 20px;
    }
}

@media screen and (max-width: 998px) {
    .center,
    .part04Centre .center {
        width: 100%;
        padding: 0 20px;
    }
    header {
        display: none;
    }
    .phoneNav {
        display: flex;
    }
    .banner .swiper-button-prev,
    .banner .swiper-button-next {
        display: none;
    }
    .banner .swiper-pagination {
        padding-right: 20px;
        bottom: 20px;
        font-size: 24px;
        /* display: none; */
    }
    .banner .swiper-pagination .swiper-pagination-current,
    .banner .swiper-pagination .swiper-pagination-total {
        font-size: 26px;
    }
    .banner .swiper .swiper-slide,
    .banner .swiper-pagination {
        width: 100%;
    }
    .banner .swiper .swiper-slide {
        padding-bottom: 53%;
    }
    .xygg::after {
        content: none;
    }
    .kxqyBox {
        flex-direction: column;
    }
    .kxqyBox .left {
        width: 100%;
    }
    .kxqyBox .right {
        width: 100%;
    }
    .kxqyBox .row {
        flex-direction: row;
    }
    .kxqyBox .row .row-child {
        width: calc(50% - 5px);
    }
    .footer-top-con {
        gap: 20px;
    }
    /* ÃƒÂ¤Ã‚ÂºÃ…â€™ÃƒÂ§Ã‚ÂºÃ‚Â§ÃƒÂ©Ã‚Â¡Ã‚Âµ */
    .contentLeft {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    [data-aos] {
        transition: none !important;
        transform: none !important;
        opacity: 1 !important;
    }
    .aos-animate {
        transform: none !important;
        opacity: 1 !important;
    }
    .kxqyBox .right .row>a .proTxt label,
    .kxqyBox .left .row>a .proTxt label {
        display: none;
    }
    .xwdtCon {
        flex-direction: column;
    }
    .newsBanner {
        width: 100%;
        padding-right: 0;
        border-right: none;
        border-bottom: 1px solid #ADADAD;
        margin-bottom: 20px;
    }
    .newsBannerTxt {
        padding-bottom: 18px;
    }
    .newsList {
        width: 100%;
        padding-left: 0;
    }
    .xyggCon {
        flex-direction: column;
        padding: 20px 0;
    }
    .xyggTit {
        flex-direction: row;
        justify-content: space-between;
        padding: 0 20px;
        margin-bottom: 20px;
    }
    .xyggList {
        border-left: none;
        padding: 0 20px;
    }
    .xyggList ul {
        gap: 20px;
    }
    .xyggList ul li {
        width: calc(50% - 15px);
    }
    .part03 {
        background: none;
    }
    .part03 .part03Con {
        flex-direction: column;
    }
    .interBox,
    .interBox .indexTit {
        width: 100%;
    }
    .interBanner .swiper-slide .interTxt {
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    }
    .lectureBox {
        padding-left: 0;
        width: 100%;
        background: linear-gradient( 0deg, #920303 0%, #730000 100%);
        padding: 20px;
        border-radius: 10px;
    }
    .part03 .part03Con {
        padding: 0;
    }
    .part04 {
        margin-top: 0;
        padding: 30px 0;
    }
    .stuBox .indexTit a {
        position: static;
    }
    .stuBox .indexTit {
        justify-content: space-between;
    }
    .videoBanner .swiper-slide {
        flex-direction: column;
    }
    .gysjVideoBox,
    .videoTit,
    .videoTxt,
    .videoBtn {
        width: 100%;
    }
    .videoBox {
        background: #930202;
    }
    .videoTxt,
    .videoTit {
        padding: 20px;
    }
    .videoTit {
        position: static;
        padding-bottom: 0;
    }
    .footer-top-con {
        flex-direction: column;
    }
    .footer-top-con>div {
        width: 100%;
    }
    .xyggCon {
        margin-top: 30px;
    }
    .part01 {
        padding-bottom: 30px;
    }
    .videoTxt h6 {
        margin-top: 0;
    }
    /* ÃƒÂ¤Ã‚ÂºÃ…â€™ÃƒÂ§Ã‚ÂºÃ‚Â§ÃƒÂ©Ã‚Â¡Ã‚Âµ */
    .leaderBox {
        flex-direction: column;
        gap: 0;
    }
    .teaItem {
        width: 100%;
    }
    .teaBase {
        flex-direction: column;
        padding: 15px;
    }
    .teaBase i {
        margin-right: 0;
        margin-bottom: 15px;
        height: 300px;
    }
    .gradItem{width:100%;}
}

@media screen and (max-width: 554px) {
    .banner .swiper-pagination .swiper-pagination-bullet {
        margin: 0 2px;
        width: 8px;
        height: 8px;
        border: none;
    }
    .banner .swiper-pagination {
        bottom: 10px;
    }
    .banner .bannerTxt{width:100%;left:0;padding:0 10px;bottom:10px}
    .banner .swiper-pagination{display:none;}
    .banner .bannerTxt h1{font-size: 17px;white-space: break-spaces;width: 100%;}
    
    .newsBanner .swiper .swiper-slide>a,
    .newsButton {
        height: 280px;
    }
    .xyggList ul li {
        width: 100%;
    }
    .kxqyBox .row .row-child {
        width: 100%;
    }
    .kxqyBox .row {
        flex-direction: column;
    }
    .kxqyBox {
        padding: 0 20px;
    }
    .kxqyBox .row2 i,
    .kxqyBox .row .row-child i {
        padding-bottom: 66%;
    }
    .interBanner .swiper-slide>a {
        height: 280px;
    }
    .interBanner .swiper-slide .interTxt {
        width: calc(100% - 20px);
    }
    .lectureBox ul li {
        width: 100%;
    }
    .stuBanner {
        padding: 0 30px;
    }
    .videoBtn {top: -20px;}

    .indexTit h1 {
        width: 140px;
    }
    .videoTit p {
        font-size: 26px;
    }
    .videoTit span {
        font-size: 18px;
    }
    .footer-top {
        padding-top: 40px;
    }
    .link ul,
    .contactCon {
        overflow: hidden;
    }
    /* ÃƒÂ¤Ã‚ÂºÃ…â€™ÃƒÂ§Ã‚ÂºÃ‚Â§ÃƒÂ©Ã‚Â¡Ã‚Âµ */
    .bread h2 {
        font-size: 20px;
        padding-left: 0;
        flex-shrink: 0;
        margin-right: 15px;
    }
    .bread {
        background: none;
        margin: 30px 0 20px 0;
        padding: 0;
    }
    .listBox ul li a {
        padding: 10px 0;
    }
    .listBox ul li a .time {
        margin-right: 20px;
    }
    .listBox ul li a .time b {
        font-size: 20px;
    }
    .listBox ul li a .time p {
        font-size: 14px;
    }
    .listBox ul li a .listTxt h6 {
        font-size: 18px;
    }
    .listBox ul li a .listTxt p {
        display: none;
    }
    .listItem {
        flex-direction: column;
        border: 1px solid #DBDBDB;
        padding: 15px;
    }
    .listItem .listItemCon {
        padding-left: 0;
        border: none;
    }
    .listItem>a {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .listItem+.listItem {
        margin-top: 15px;
    }
    .listItem .listItemCon .h6 {
        font-size: 18px;
    }
    .listItem .listItemCon p {
        margin-top: 4px;
        font-size: 14px;
    }
    .articleBox,
    .pd50 {
        padding: 20px;
    }
    .articleCon {
        margin-top: 20px;
    }
    .paperCheck {
        grid-template-columns: 1fr;
        padding: 15px 0;
        margin-top: 20px;
        column-gap: 40px;
    }
    .paperCheck a {
        width: 100%;
        overflow: hidden;
    }
    .paperCheck a:nth-child(2) {
        text-align: left;
    }
    .paperCheck a:nth-child(2) p {
        background-position: left center;
        margin-top: 15px;
    }
    .bread {
        flex-wrap: wrap;
        overflow: hidden;
    }
    .bred {
        overflow: hidden;
        flex: 1;
    }
    .bred i{display:none}
    .articleBox,
    .pd50 {
        padding: 15px;
    }
    .leaderL a i {
        margin-right: 15px;
        width: 126px;
        height: 166px;
    }
    .leaderL a {
        margin-bottom: 20px;
    }
    .xswyhBox {
        flex-direction: column;
    }
    .xswyhBox .half {
        width: 100%;
    }
    .xswyhBox .half h2,
    .xswyhBox .all h2,
    .xswyhCon {
        padding: 20px;
    }
    .teaItem {
        flex-direction: column;
    }
    .teaItem>a {
        margin-right: 0;
        margin-bottom: 15px;
        height: 200px;
    }
    .teaContent {
        padding: 0 15px;
    }
    .codeCon {
        gap: 10px;
    }
    .toolBtn>div.swiper-pagination{display:none;}
    .videoBtn .swiper-button-prev{right:60px;left:auto;}
.videoBtn .swiper-button-next {right:10px;}
    
    .xymlBox{padding:0;}
}