@media (max-width:960px) {

    body {
        min-width: auto;
    }

    .container {
        width: 100%;
        box-sizing: border-box;
        padding: 0px 20px;
    }

    .banner .logo {
        position: absolute;
        top: 10px;
        width: 120px;
        height: auto;
        left: 50%;
        margin-left: -60px;
    }

    .banner .wz {
        position: absolute;
        top: 50px;
        width: 100%;
    }

    .banner .wz h2 {
        width: 80%;
        margin: 0px auto;
    }

    .banner .wz p {
        width: 60%;
        margin-top: 20px;
    }

    .big {
        padding-bottom: 40px;
    }

    .big .bt h2 {
        font-size: 25px;
        padding: 0px 40px;
    }

    .big .bt h2::after {
        width: 30px;
    }

    .big .bt h2::before {
        width: 30px;
    }

    .big .bt p {
        font-size: 15px;
    }


    .mokuai {
        padding-top: 20px;
    }

    .mokuai .nr{
        margin-top: 20px;
    }

    .mokuai .nr h2 {
        padding-left: 20px;
        font-size: 23px;
        line-height: 45px;
        height: 45px;
    }

    .mokuai .nr h2 em {
        font-size: 16px;
    }

    .mokuai .nr h2 b {
        font-size: 14px;
    }

    .mokuai .nr h3 {
        padding: 15px;
        padding-left: 110px;
    }

    .mokuai .nr h3 p {
        font-size: 14px;
        line-height: 26px;
    }

    .mokuai .nr span {
        width: 100px;
        left: 0px;
    }

    .mokuai .nr span img {
        width: 100%;
    }


    .mokuai1 {
        padding: 30px 0px;
    }

    .mokuai1 .nr {
        padding-top: 20px;
    }


    .mokuai2 {
        padding-bottom: 30px;
    }


    .mokuai2 .nr {
        margin-top: 20px;
    }

    .mokuai2 .nr .xbt {
        height: 70px;
        padding: 0px 20px;
        font-size: 25px;
    }

    .mokuai2 .nr .xbt h3 img {
        width: 70px;
        height: auto;
    }

    .mokuai2_nr {
        padding: 20px;
    }

    .mokuai2_nr .xxbt {
        font-size: 20px;
        padding: 0px 30px;
    }


    .mokuai2_nr .swiper-slide .xnr p {
        font-size: 14px;
        line-height: 28px;

    }

    .mokuai2_nr .swiper-slide .xnr1 h2 {
        font-size: 16px;
        line-height: 28px;
    }

    .mokuai2_nr .swiper-slide .xnr1 p {
        font-size: 14px;
        line-height: 28px;
    }

    .mokuai2_nr .swiper-slide .nf {
        padding-top: 20px;
    }

    .mokuai2_nr .swiper-slide .nf::after {
        top: 24px;
    }


    .mokuai2_nr .swiper-slide .nf ul li {
        font-size: 15px;
    }



    .mokuai2_nr .swiper-button-next,
    .mokuai2_nr .swiper-button-prev {
        width: 32px;
        height: 32px;
        --swiper-navigation-size: 24px;
        border: 0px;
        left: 10px;
        top: 28px;
    }

    .mokuai2_nr .swiper-button-next {
        left: auto;
        right: 10px;
    }

    .mokuai3 {
        padding-bottom: 50px;
    }

    .mokuai3 .nr{
        margin-top: 20px;
    }

    .mokuai3 .nr ul li {
        height: 170px;
    }


    .mokuai3 .nr::-webkit-scrollbar {
        width: 15px;
    }


    .mokuai4 {
        padding-bottom: 30px;
    }

    .mokuai4 .nr {
        padding-top: 20px;
    }

    .mokuai4 .nr .xbt {
        height: 200px;
    }

    .mokuai4 .nr .xbt img {
        width: 70%;
        max-width: 530px;
    }


    .footer {
        padding: 30px 0;
    }

    .footer .container {
        width: 95%;
        margin: 0 auto;
        max-width: 100%;
        min-width: 0;
    }

    .footer .bt {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .footer .wz {
        font-size: 14px;
    }

    .footer .box {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .footer .box:last-child {
        margin-bottom: 0;
    }

    .footer .box1 ul li .bt {
        text-align: center;
    }

    .footer .box1 ul li a {
        width: 120px;
        height: 35px;
        line-height: 35px;
    }

    .footer .box1 ul .li2 select {
        width: 140px;
        height: 35px;
        line-height: 35px;
    }

    .footer .box1,
    .footer .box2 {
        display: flex;
        justify-content: space-around;
    }

    .footer .box2 ul li img {
        width: 100px;
        height: 100px;
    }

    .footer .box3 p {
        font-size: 12px;
    }

    .footer .box3 p i {
        width: 25px;
        height: 25px;
        margin-right: 8px;
        background-repeat: 100% auto;
    }


    .bottoms {
        box-sizing: border-box;
        padding: 15px 10px;
        font-size: 12px;
        line-height: 25px;
    }


}