@media screen and (max-width: 1700px) {
    .w1440 {
        width: 96%;
    }
}

@media screen and (max-width: 1520px) {
    .mr140 {
        margin-right: 7.2917vw;
    }
    .fz60 {
        font-size: 54px;
    }
    .pro-items a .pic,
    .pro-items a .pic img {
        width: 100%;
        height: auto;
    }
    .news-items ul {
        width: 100%;
    }
    .news-items li {
        width: 32% !important;
        margin-right: 1.2vw;
    }
    .news-items a .pic,
    .news-items a .pic img {
        display: block;
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .news-items a:hover .pic img {
        transform: scale(1.05);
        width: 100%;
        height: auto;
    }

    .news-items .tit {
        font-size: 20px;
        max-height: 3em; /* 行高1.5em × 2行 */
        line-height: 1.5em;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        word-break: break-word;
    }

    .pro-items ul {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 30px;
    }

    .pro-items ul li {
        width: 100%;
    }

    .mb32 {
        margin-bottom: 1.6667vw;
    }
    .fz24 {
        font-size: 20px;
    }
    .banner,
    .banner .banner1 {
        width: 100vw;
        height: 49.4792vw;
    }
    .banner .con {
        height: 49.4792vw;
    }

    .banner_about .con {
        height: 33.0417vw;
    }

    .about-items .w610 {
        width: 42%;
    }
    .banner_about {
        width: 55%;
    }
}

@media screen and (max-width: 1360px) {
    #header .menu {
        width: 740px;
    }

    #header .menu li {
        padding: 0 12px;
    }
    .fz42 {
        font-size: 38px;
    }
    .fz60 {
        font-size: 40px;
        line-height: 50px;
    }
    .fz20 {
        font-size: 16px;
        line-height: 28px;
    }
}

@media screen and (max-width: 1200px) {
    #footer .righter {
        /* display: none; */
    }
    #footer .lefter .fz18,
    #footer .righter .fz18 {
        font-size: 16px;
    }

    #footer .lefter {
        /* width: 100%; */
        width: 70%;
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 0px;
    }

    #header .menu li {
        padding: 0 12px;
    }
    #header .menu {
        width: 640px;
    }
    .mr140 {
        margin-right: 10.2917vw;
    }
    #header .logo {
        width: 280px;
        height: auto;
        margin-top: 24px;
    }
    .menu li {
        padding: 0 10px;
        font-size: 14px;
    }
    .news-items .tit {
        font-size: 18px;
    }
}

@media screen and (max-width: 900px) {
    .banner1 {
        display: none;
    }

    .banner1_small {
        display: block;
    }

    .w1440 {
        width: 100%;
        padding: 16px;
    }
    .banner {
        margin-top: 51px;
    }
    .banner .slick-dots {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 10px;
        text-align: center;
    }
    .banner .slick-dots li {
        width: 10px;
        height: 10px;
        background-color: rgba(255, 255, 255, 0.6);
        border-radius: 50%;
        margin: 0 4px;
        display: inline-block;
        cursor: pointer;
    }

    .mt200 {
        margin-top: 50px;
    }
    .mt140 {
        margin-top: 60px;
    }
    .mt130 {
        margin-top: 30px;
    }
    .mt120 {
        margin-top: 60px;
    }

    .mt80 {
        margin-top: 40px;
    }
    .pro-items ul {
        /* width: 1500px; */
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    .fz60 {
        font-size: 26px;
        line-height: 30px;
    }
    .fz24 {
        font-size: 18px;
    }
    .banner,
    .banner .banner1,
    .banner .con {
        height: 70vw;
    }
    .about-items .w610 {
        width: 100%;
    }
    .banner_about {
        width: 100%;
    }

    .banner_about .slick-dots {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 10px;
        text-align: center;
    }
    .banner_about .slick-dots li {
        width: 10px;
        height: 10px;
        background-color: rgba(255, 255, 255, 0.6);
        border-radius: 50%;
        margin: 0 4px;
        display: inline-block;
        cursor: pointer;
    }
    .about-items {
        height: 770px;
    }
    .banner_about .con,
    .banner_about .banner1 {
        height: 58vw;
    }
    .about-items .more {
        margin: 0 auto;
    }
    .about-items .tit {
        text-align: center;
    }
    .about-items .fz60 {
        margin-top: 12px;
        font-size: 20px;
        text-align: center;
    }
    .news-items li {
        clear: both;
        width: 100% !important;
        margin-bottom: 20px;
    }
    #footer .lefter {
        display: none;
    }
    #footer .righter {
        display: block;
        float: left;
    }
    #footer {
        height: 260px;
        overflow: hidden;
    }
    #footer .mt100 {
        margin-top: 10px;
    }
    #footer .fz18 {
        font-size: 18px;
    }

    #footer .bottom .w1440 {
        padding: 14px 20px;
        line-height: 20px;
    }
    #footer .bottom .fz18 {
        font-size: 14px;
    }
    #footer .bg {
        width: 30%;
        height: 100%;
        left: auto;
        right: 10px;
        top: 10px;
        background: url(../images/footer_bg.png) no-repeat;
        background-size: 100%;
    }

    .m-list4 li {
        width: auto;
        float: none;
        margin-bottom: 20px;
    }
    .m-list4 .pic {
        width: auto;
        float: none;
        height: auto;
    }
    .m-list4 .txt {
        padding: 12px 0px 0;
    }
    .m-list4 h3 {
        margin-bottom: 20px;
        height: auto;
    }
    .m-list4 .date {
        font-size: 14px;
    }
    .m-list4 .con {
        margin: 0;
    }
    .m-list4 {
        margin: 0;
    }

    .pager {
        width: 100%;
        float: left;
        text-align: center;
        margin: 60px 0px;
        font-weight: 400;
    }
    .pager a {
        display: inline-block;
        margin: 0px 4px;
        background: #fff;
        padding: 10px 10px;
        line-height: 20px;
        color: #333;
        border-radius: 4px;
        font-weight: 500;
        font-size: 18px;
    }
    .pager a:hover,
    .pager a.cur {
        background: #0c5a33;
        color: #fff;
    }
    .pager span.current {
        display: inline-block;
        margin: 0px 4px;
        padding: 10px 16px;
        line-height: 20px;
        background: #0c5a33;
        color: #fff;
        border-radius: 4px;
        font-size: 18px;
    }
    .c-tit {
        display: none;
    }
    .view_banner,
    .view_banner .w1440 {
        height: 260px;
        background-position: 100%;
    }
    .view_banner .w1440 .tit {
        left: 20px;
        bottom: 20px;
    }
    .view-main-t {
        display: none;
    }
    .pro-items .tit {
        font-size: 18px;
    }

    .m-details h1 {
        font-size: 18px;
    }
    .m-details .info {
        padding-bottom: 8px;
    }
    .m-details .info span {
        font-size: 12px;
        margin-right: 8px;
    }
    .m-details .share {
        padding-top: 10px;
    }
    .m-details .txt {
        font-size: 14px;
        padding: 25px 0 20px;
    }
    .m-details .zan {
        margin-bottom: 25px;
    }
    .m-details .arrow {
        font-size: 14px;
    }

    .m-details .info span {
        line-height: 20px;
    }
    .m-details .item a {
        color: #666;
        display: block;
        position: relative;
    }
    .m-details .item a {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}