@media screen and (max-width: 1800px) {
    .home5-wrap .cp {
        width: 30%;
    }
}

@media screen and (max-width: 1200px) {
    .month-list-wrapper {
        height: 7.5rem;
    }
}

@media screen and (max-width: 1024px) {
.tabnav-tit p {
        writing-mode: lr;
        width: auto;
        height: auto;
        padding: .1rem;
        font-size: .16rem;
        margin-left: .1rem;
    }
.foot-wrap{
       background: #dbb27f;
}
    .post-51 .zmyq {
        width: 50%;
        top: 25%;
        left: 25%;
        height: auto;
        aspect-ratio: 1/1;
    }
    .dblj div .qrcode{
        top: -1.1rem;
        width: 1.2rem;
        z-index: 10;
    }
    .dblj div{
        z-index: 0 !important;
    }
    .dblj div:nth-child(8){
        z-index: 20 !important;
    }
    
    .dblj div:nth-child(9){
        z-index: 10 !important;
    }
    .sz-items {
        width: 100%;
        margin-bottom: .3rem;
    }

    .post-51 {
        width: 100%;
    }

    .post-51 .border1 {
        width: 100%;
        transform: translate(0rem, -.98rem) scale(1);
    }

    .post-51 .border2 {
        width: 100%;
        transform: translate(1rem, -0.55rem) scale(0.8);
    }

    .w {
        width: 100%;
        padding: 0 20px;
    }

    .content-wrap .txtinfo {
        margin-bottom: .2rem;
    }

    header {
        position: sticky;
        padding: 0;
        height: 66px;
        line-height: 66px;
        background: #b62119;
    }

    header .nav .ul1,
    .indicator-line,
    .nav-dot,
    .top-link,
    header::after,
    .nav-indicator {
        display: none;
    }

    .logo {
        width: 3rem;
    }

    header .nav .ul2 {
        width: 100%;
        /* overflow: auto; */
        /* height: 100%; */
        border-top: 1px solid #e6e6e6;
    }

    .menu {
        width: .35rem;
        height: .3rem;
        display: block;
        right: 0;
        top: 0;
        margin: auto;
        bottom: 0;
        overflow: hidden;
        z-index: 999999999;
        cursor: pointer;
        position: absolute;
    }

    .menu span {
        float: left;
        width: 100%;
        background: #fff;
        transition: all 0.4s ease;
        margin-top: 9px;
        height: 2px;
    }

    .menu span:first-child {
        margin-top: 0;
    }

    .menu.open span:nth-child(1) {
        transform: rotate(45deg);
        margin-top: 13px;
    }

    .menu.open span:nth-child(2) {
        transform: rotate(-45deg);
        margin-top: -2px;
    }

    .menu.open span:nth-child(3) {
        opacity: 0;
    }

    .header-r {
        width: auto;
        margin-right: 0;
        padding-right: 0;
    }

    .nav {
        padding-right: 0;
        position: fixed;
        transition: right 0.3s ease;
        right: -100vw;
        top: 66px;
        left: auto;
        width: 100%;
        overflow: auto;
        height: calc(100vh - 66px);
        z-index: -99;
        background: #b62119;
        margin: 0;
    }

    .nav.active {
        right: 0;
        top: 66px;
        z-index: 99999;
        margin: 0;
    }

    header .nav .ul2 {
        width: 100%;
        /* overflow: auto; */
        /* height: 100%; */
        border-top: 1px solid #e6e6e6;
    }

    header .nav .ul2 {
        display: block;
    }

    header .nav ul>li {
        float: none;
        width: 100%;
        position: relative;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        text-align: left;
        padding: 0;
    }

    .nav ul>li::before {
        display: none;
    }

    header .nav ul>li>a {
        font-size: .2rem;
        font-weight: bold;
        width: 80%;
        height: .6rem;
        line-height: .6rem;
        text-indent: 20px;
        position: relative;
        display: block;
        color: #fff;
    }

    .nav .w1300 {
        border-top: 1px solid #c4c4c4;
        width: 100%;
    }

    .nav ul li ol {
        width: 100%;
        left: 0;
        border-top: none;
        position: relative;
        top: 0;
        background: none;
        text-align: left;
        padding: 0;
        opacity: 1;
        box-shadow: none;
        display: none;
    }

    .nav ul>li a::after {
        display: none;
    }

    .nav ul li ol>li {
        text-align: left;
        border: 0;
        position: relative;
        text-indent: 25px;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        height: auto;
    }

    .nav li ol li:hover a {
        color: #fff;
    }

    .nav ul ol li a {
        font-size: .18rem;
        color: #fff;
        display: block;
        line-height: 45px;
        text-align: left;
        padding: 0;
    }

    .nav ul li i {
        position: absolute;
        right: 0;
        width: 15%;
        height: .6rem;
        top: 0;
        background: url(../images/jia.png) no-repeat center center;
        margin: auto;
        z-index: 10;
        cursor: pointer;
        transition: all .2s ease;
        -moz-transition: all .2s ease;
        -o-transition: all .2s ease;
        -webkit-transition: all .2s ease;
    }

    .nav ul li ol li i {
        height: 50px;
    }

    .nav ul li i.on {
        background: url(../images/jian.png) no-repeat center center;
    }

    .banner {
        height: auto;
    }

    .m-search {
        display: block;
        width: 30px;
        height: 30px;
        background: url(../images/search2.png) no-repeat center / cover;
        position: absolute;
        right: .5rem;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .title-wrap {
        margin-bottom: .15rem;
        height: .8rem;
    }

    .xiala {
        display: none;
    }

    .banner .swiper-pagination {
        padding-right: 0;
        justify-content: center;
        bottom: 20px;
    }

    .fixed-nav {
        padding: 0;
    }

    .home1 {
        padding: .3rem 0;
    }

    .news-wrap {
        display: block;
        padding: 0;
    }

    .news-l {
        width: 100%;
        padding: 0;
        background: none;
        margin-bottom: 0.2rem;
    }

    .news-l .imgbox {
        height: 2rem;
    }

    .news-l .textbox {
        padding: 0.3rem 0.3rem 0.3rem;
    }

    .news-l .textbox h1 {
        font-size: 0.18rem;
    }

    .news-l .textbox p {
        font-size: 0.14rem;
    }

    .news-r {
        width: 100%;
    }

    .news-r li a {
        height: 2.8rem;
        margin-bottom: 0.25rem;
    }

    .news-r li .tit {
        font-size: 0.24rem;
        top: 0.5rem;
        left: 0.3rem;
        padding-right: 0.3rem;
    }

    .news-r li .imgbox p {
        font-size: 0.22rem;
    }

    .news-l .textbox .date,
    .news-r li .date {
        width: 0.75rem;
        height: 0.6rem;
        top: -30px;
    }

    .news-l .textbox .date span,
    .news-r li .date span {
        font-size: 0.2rem;
    }

    .news-l .textbox .date p,
    .news-r li .date p {
        font-size: 0.14rem;
    }

    .home2 {
        display: block;
        margin-bottom: .3rem;
    }

    /* 左侧新闻 */
    .home2-l {
        width: 100%;
        margin-bottom: 0;
    }

    .home2-l .title-wrap {
        gap: 0 0.1rem;
        margin-bottom: 0.1rem;
        flex-wrap: wrap;
    }

    .home2-l .title-wrap .title h1 {
        font-size: 0.24rem;
    }

    .home2-l .title-wrap .title p {
        font-size: 0.14rem;
        background-size: .25rem auto;
        padding-left: .3rem;
    }

    .home2-l .title-wrap .title:first-child::after {
        right: -0.35rem;
        width: 0.15rem;
        height: 0.3rem;
        display: none;
    }

    .home2-l .title-wrap .more.active {
        margin-right: 0;
        font-size: 0.16rem;
    }

    /* 轮播整体改为垂直布局 */
    .home2-l .swiper-wrap.active {
        display: block;
        background: none;
    }

    /* 图片轮播全屏 */
    .swiperImg {
        width: 100%;
        height: 2.5rem;
        margin-bottom: 0;
    }

    .swiperImg p {
        font-size: 0.18rem;
        padding-left: 0.9rem;
    }

    .swiperImg .date {
        width: 0.75rem;
        height: 0.75rem;
        font-size: 0.34rem;
    }

    .swiperImg .date span {
        font-size: 0.14rem;
    }

    /* 文字轮播全屏 */
    .swiperText {
        width: 100%;
        height: auto;
        margin-bottom: 0.1rem;
    }

    .swiperText .text-content {
        padding: 0.2rem .1rem;
    }

    .swiper-wrap .text-title {
        font-size: 0.2rem;
        height: 50px;
        margin-bottom: 0.1rem;
    }

    .swiper-wrap .text-desc {
        font-size: 0.14rem;
        line-height: 1.5;
        height: 60px;
        margin-bottom: 0.1rem;
    }

    .swiper-wrap .info-row {
        margin-bottom: 0.2rem;
    }

    .swiper-wrap .date,
    .swiper-wrap .detail-link {
        font-size: 0.2rem;
    }

    .swiperText .swiper-pagination {
        position: relative;
        margin-top: 0;
    }

    /* 下方新闻列表 */
    .home2-l .dt-list {
        margin: 0;
    }

    .home2-l .dt-list a {
        padding: 0.15rem 0;
    }

    .home2-l .dt-list p {
        font-size: 0.18rem;
    }

    .home2-l .dt-list span {
        font-size: 0.18rem;
    }

    /* 右侧通知 */
    .home2-r {
        width: 100%;
    }

    .home2-r .title h1 {
        font-size: 0.24rem;
    }

    .home2-r .title p {
        font-size: 0.16rem;
    }

    .home2-r ul li a {
        padding: 0.15rem;
        justify-content: start;
    }

    .home2-r ul li a .date {
        font-size: 0.2rem;
    }

    .home2-r ul li a .date span {
        font-size: 0.14rem;
    }

    .home2-r ul li a p {
        font-size: 0.18rem;
    }

    .home3 {
        display: block;
    }

    /* 左侧演出内容 */
    .home3-l {
        width: 100%;
        margin-bottom: 0;
    }

    #newsWrapper .news-wrap.active {
        display: block;
    }

    #newsWrapper .news-item {
        width: 100%;
        margin-bottom: 0.3rem;
    }

    #newsWrapper .news-poster {
        height: 4.5rem;
    }

    #newsWrapper .news-info {
        padding: .15rem;
    }

    #newsWrapper .news-desc {
        font-size: 0.16rem;
        line-height: 1.6;
        padding-left: 0.4rem;
        margin-bottom: 0;
    }

    /* 右侧月份导航 */
    .home3-r {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 0.25rem;
        padding: 0;
    }

    .home3-r .year {
        font-size: 0.2rem;
        margin-bottom: 0;
    }

    .home3-r>img {
        margin: 0;
        width: 0.3rem;
        height: 0.3rem;
    }

    .month-nav {
        background: none;
        flex-direction: row;
        gap: 0.1rem;
        overflow: auto;
        width: 100%;
    }

    .month-list-wrapper {
        height: auto;
        width: 100%;
        overflow: auto;
    }

    .month-list {
        display: flex;
        gap: 0;
        padding: 0;
        width: 100%;
        transform: translate(0) !important;
    }

    .month-item {
        flex: 1;
        padding: 0.1rem;
        white-space: nowrap;
    }

    .month-name {
        font-size: 0.2rem;
    }

    .month-en {
        font-size: 0.14rem;
    }

    .arrow-btn {
        display: none;
        /* 手机端隐藏上下箭头 */
    }

    .home4-wrap {
        display: block;
    }

    .home4-l {
        width: 100%;
        padding: 0 0.15rem;
        box-sizing: border-box;
    }

    /* 幻灯片卡片自适应高度 */
    .home4-l .swiper-slide {
        height: auto;
        min-height: 2.6rem;
    }

    /* æ ‡é¢˜å’Œæ–‡å­—é€‚å½“ç¼©å° */
    .home4-l .swiper-slide h1 {
        font-size: 0.18rem;
        margin-bottom: 0.12rem;
    }

    .home4-l .swiper-slide p {
        font-size: 0.14rem;
        padding-left: 0.25rem;
        margin-bottom: 0.1rem;
        background-size: 0.14rem 0.14rem !important;
    }

    /* 分页器区域改为相对定位，避免覆盖文字 */
    .home4-l .paginations {
        position: relative;
        margin-top: 0.2rem;
        bottom: auto;
    }

    /* 缩小导航按钮 */
    .home4-l .swiper-button-prev,
    .home4-l .swiper-button-next {
        width: 0.36rem;
        height: 0.36rem;
        background-size: 0.1rem 0.16rem;
    }

    /* 分页器容器宽度调整 */
    .home4-l .swiper-pagination {
        width: calc(100% - 0.8rem);
    }

    /* 隐藏分页器的装饰线（竖线和横线），移动端保持简洁 */
    .home4-l .swiper-pagination-bullet::before,
    .home4-l .swiper-pagination::after {
        display: none;
    }

    /* 缩小分页圆点间距和大小 */
    .home4-l .swiper-pagination-bullet {
        width: 0.24rem;
        height: 0.24rem;
        margin: 0 0.04rem !important;
    }

    /* 调整中间那个特殊圆点的边距（如果只有3个圆点） */
    .home4-l .swiper-pagination-bullet:nth-child(2) {
        /* margin: 0 0.15rem !important; */
    }

    /* 激活圆点的外圈缩小适配 */
    .home4-l .swiper-pagination-bullet-active::after {
        width: 0.34rem;
        height: 0.34rem;
        left: -0.05rem;
        top: -0.05rem;
    }

    .home4-r {
        width: 100%;
        height: 2.4rem;
        margin-top: .4rem;
    }

    .zl-links {
        height: auto;
        background: #fa965f;
        width: 100%;
        padding-left: 0;
        position: relative;
        top: 0;
    }

    .home5-wrap .cp,
    .zl-swiper .line {
        display: none;
    }

    .zl-swiper {
        margin-top: 0rem;
    }

    .zl-swiper .swiper-button-next {
        width: .6rem;
        height: .6rem;
        left: auto;
        right: 50%;
        transform: translateX(70px);
        bottom: -.8rem;
    }

    .zl-swiper .swiper-button-prev {
        width: .6rem;
        height: .6rem;
        left: 50%;
        bottom: -.8rem;
        transform: translateX(-70px);
    }

    .sz-list .w .moreteacher1 {
        width: .7rem;
        height: .7rem;
        top: -1rem;
        right: 20px;
    }

    .sz-list .w .moreteacher2 {
        width: .7rem;
        height: .7rem;
        top: -1rem;
        right: 1rem;
    }

    .sz-items li:nth-child(2n) {
        margin-top: 0;
    }

    .sz-items li:nth-child(2n) {
        margin-right: 0;
    }

    .sz-items li {
        width: 24%;
    }

    .sz-list {
        margin-top: 1.3rem;
    }

    .media-wrap {
        padding: 0;
        flex-wrap: wrap;
    }

    .media-wrap li {
        width: 18%;
    }

    .media-wrap li a {
        width: 100%;
        box-sizing: border-box;
    }

    .tabnav-tit {
        right: 20px;
        top: .55rem;
    }

    .campus-art.active {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        height: auto;
        margin: .2rem 0;
    }

    .campus-card {
        width: 49%;
        margin-bottom: .2rem;
        height: 3rem;
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        top: auto;
    }

    .zl-items li {
        width: 25%;
    }

    .foot1>.w {
        display: block;
    }

    .foot1 .foot-logo {
        padding: .3rem 0;
        border: 0;
    }

    .lxwm,
    .phone {
        text-align: center;
    }

    .foot1 {
        padding: .3rem 0;
        margin-bottom: .3rem;
    }

    .foot-logo img {
        width: 3rem;
        display: block;
        margin: 0 auto;
    }

    .foot2-left,
    .foot2-right {
        float: none;
    }

    .foot2-right {
        display: flex;
        justify-content: center;
    }

    .dropdown {
        margin: 0 .2rem;
    }

    .foot2-left {
        text-align: center;
    }

    .foot2 {
        padding-bottom: .3rem;
    }

    .news-r {
        display: none;
    }

    .news-m {
        display: block;
    }

    .news-m {
        width: 100%;
        margin: 0rem 0;
    }

    .news-m a {
        display: flex;
        justify-content: space-between;
        padding: .15rem 0;
    }

    .news-m p {
        font-size: .18rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .news-m span {
        font-size: .18rem;
        color: #999;
        white-space: nowrap;
    }

    .news {
        margin-bottom: 0;
    }

    .home4,
    .home5,
    .home6 {
        padding: .3rem 0;
    }

    .home5 .title-wrap .more {
        right: 0;
    }

    .home5-wrap {
        height: 5.3rem;
    }

    .sz-list {
        margin-bottom: 0;
    }

    .foot-wrap::after {
        width: 100%;
        height: 5rem;
        display: none;
    }

    .title {
        left: 0;
        transform: translateX(0px);
        background: url(../images/icon7.png) no-repeat right top / auto 100%;
        padding-right: 0;
    }

    .title h1 {
        font-size: .24rem;
    }

    .fixed-nav .logo {
        width: 240px;
    }

    .swiper-wrap .info-row .date,
    .swiper-wrap .info-row .detail-link {
        font-size: .14rem;
    }

    .home3 .title {
        background: url(../images/icon17.png) no-repeat right top / auto 100%;
    }

    .home4 .title {
        background: url(../images/icon18.png) no-repeat right top / auto 100%;
    }

    .zl-items li a {
        font-size: .16rem;
        padding: .2rem 0;
    }

    .zl-items li a i {
        width: .66rem;
        height: .66rem;
    }

    .zl-swiper .swiper-slide a {
        padding: .2rem;
    }

    .zl-swiper .swiper-slide a p {
        font-size: .18rem;
        height: .85rem;
    }

    .sz-items {
        flex-wrap: wrap;
    }

    .home7 .title {
        background: url(../images/icon34.png) no-repeat right top / auto 100%;
    }

    .title p {
        font-size: .14rem;
        background-size: .25rem auto !important;
        padding-left: .3rem;
    }

    .home7 {
        padding-top: .3rem;
    }

    .ejdh,
    .dqwz {
        display: none;
    }

    .m-second-nav {
        display: block;
        width: 100%;
        background-color: #b62119;
        /* ä½ è¦çš„çº¢è‰²èƒŒæ™¯ */
        color: #fff;
        margin-bottom: .3rem;
    }

    .cur-tit {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.2rem;
        cursor: pointer;
    }

    .cur-tit i {
        display: inline-block;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #fff;
        transition: transform 0.3s ease;
    }

    .cur-tit i.active {
        transform: rotate(180deg);
    }

    .m-second-nav-list {
        display: none;
        background: #d4180d;
    }

    .m-second-nav-list li {
        padding: 0.1rem .2rem;
    }

    .m-second-nav-list li a {
        color: #fff;
        font-size: 0.16rem;
    }

    .m-second-nav-list li.cur a {
        color: #ffefdb;
        font-weight: bold;
    }

    .dqlm {
        font-size: .2rem;
        margin-bottom: .3rem;
        padding-left: .3rem;
    }

    .gk1 {
        display: block;
    }

    .gk1-l,
    .gk1-r {
        width: 100%;
    }

    .gk p {
        margin-bottom: .2rem;
    }

    .gk1-r img {
        display: block;
        margin: 0 auto;
    }

    .gk1-r::before {
        right: -.10rem;
    }

    .gk2 .item-wrap em {
        font-size: .2rem;
    }

    .gk4 img,
    .gk5 img,
    .gk4-wrap,
    .gk5-wrap {
        width: 100%;
    }

    .gk4 img,
    .gk,
    .gk h1 {
        margin-bottom: .2rem;
    }

    .m-top-link {
        display: block;
        padding: 0 20px;
    }

    .m-top-link a {
        color: #fff;
        margin-right: .1rem;
        font-size: .16rem;
    }

    .list-wrap {
        display: block;
    }

    .list-l {
        width: 100%;
        margin-bottom: .2rem;
    }

    .list-r {
        width: 100%;
    }

    .leader-wrap li {
        width: 100%;
    }

    .leader-zc {
        width: 1.2rem;
        white-space: nowrap;
        font-size: .16rem;
    }

    .leader-name {
        gap: 0 0.2rem;
        flex-wrap: wrap;
        font-size: .16rem;
        width: calc(100% - 1.2rem);
    }

    .news-card {
        display: block;
        padding: .2rem;
    }

    .news-right {
        width: 100%;
        margin-top: .2rem;
    }

    .news-img {
        width: 100%;
    }

    .twlist li {
        margin-bottom: .2rem;
    }

    .ldbz .item,
    .link-wrap .item {
        width: 48%;
    }
}

@media (max-width: 768px) {

    .ldbz .item,
    .link-wrap .item {
        width: 100%;
    }

    .media-wrap li a img {
        max-width: 50%;
    }

    .list li a>span {
        width: 1.2rem;
        font-size: .14rem;
        margin-left: 0rem;
        margin-right: 0.1rem;
    }

    .list li a {
        padding: 0 .15rem;
    }

    .list li p {
        width: calc(100% - 1.18rem);
    }

    .list {
        padding-left: 0rem;
        padding-right: 0rem;
    }

    .gk2 {
        gap: 0.6rem;
        padding: 1rem 0;
    }

    .gk2 .item {
        width: calc(50% - 0.3rem);
        max-width: none;
    }

    .gk2 .item-wrap {
        font-size: 0.18rem;
    }

    .gk2 .item-wrap em {
        font-size: 0.5rem;
    }

    .scenery-card {
        width: calc((100% - 0.15rem) / 2);
    }

    .campus-scenery {
        gap: 0.15rem 0.15rem;
    }

    .scenery-card img {
        height: 1.2rem;
    }

    .logo {
        width: 2.6rem;
    }

    .sz-items li {
        width: 48%;
        margin-bottom: .2rem;
    }

    .media-wrap li {
        width: 100%;
        margin-bottom: .2rem;
    }

    .media-wrap li a {
        height: auto;
    }

    .media-wrap li a {
        height: auto;
        padding: .2rem;
    }

    .media-wrap li a span {
        position: relative;
        right: 0;
        bottom: 0;
        margin-top: .2rem;
    }

    

    .home7 .icon a {
        margin-right: .1rem;
    }

    .campus-card {
        width: 100%;
    }

    .dblj div:first-child,
    .dblj div:nth-child(2),
    .dblj div:nth-child(3),
    .dblj div:nth-child(4),
    .dblj div:nth-child(5),
    .dblj div:nth-child(15),
    .dblj div:nth-child(16),
    .dblj div:nth-child(17),
    .dblj div:nth-child(18),
    .dblj div:nth-child(19) {
        display: none;
    }

    .sz-items li .imgbox {
        height: 2.8rem;
    }

    .sz-items li .info p {
        font-size: .18rem;
    }

    .sz-items li .info>span {
        font-size: .14rem;
    }

    .banner .swiper-pagination-bullet {
        font-size: .24rem;
    }

    .banner .swiper-pagination-bullet-active {
        font-size: 0;
    }

    .content {
        /* padding-top: .3rem; */
    }

    .content p {
        margin-bottom: .3rem;
    }

    .content-wrap h1 {
        font-size: .24rem;
        margin-bottom: .2rem;
    }

    .xcp-tit {
        font-size: .2rem;
        margin: .2rem 0;
    }

    .home4-l .swiper-slide-active {
        background: url(../images/bg8.png) no-repeat center / 100% 100% !important;
    }

    .home4-l .swiper-slide-next {
        background: url(../images/bg9.png) no-repeat center / 100% 100% !important;
    }
}

@media (max-width: 480px) {
    .gk2 {
        gap: 0.4rem;
        padding: 0.8rem 0.2rem;
    }

    .gk2 .item-wrap {
        /* font-size: 0.28rem; */
    }

    .gk2 .item-wrap em {
        font-size: 0.2rem;
    }

    .home4-l .swiper-slide {
        padding: 0.75rem 0.2rem 0.2rem 0.4rem;
    }

    .home4-l .swiper-slide h1 {
        font-size: 0.16rem;
    }

    .home4-l .swiper-slide p {
        font-size: 0.12rem;
        padding-left: 0.2rem;
    }

    .home4-l .swiper-button-prev,
    .home4-l .swiper-button-next {
        width: 0.3rem;
        height: 0.3rem;
    }
}