@media (max-width:960px) {

    body {
        min-width: auto;
    }

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

    .head{
        padding-right: 20px;
    }

    .to .top {
        top: 33px;
        padding: 0px 20px;
    }


    .to .top .logo{
        width: 220px;
        justify-content: flex-end;
        margin-left: -20px;
    }

    .to .top .logo a{
        margin-right: -20px;
        position: relative;
        z-index: 10;
    }

    .to .top .logo img {
        width: auto;
        height: 40px;
    }

    .to .top .logo a p{
        font-size: 12px;
        letter-spacing: 0px;
    }


    .to .top .nav {
        display: none;
    }

    .nav_r .tijiao a{
        display: none;
    }

    .nav_r .search a{
        display: flex;
    }


    .phone_btn {
        display: block;
        margin-top: 5px;
        margin-left: 15px;
        position: absolute;
        left: 0px;
        top: 50%;
        transform: translate(0% , -50%);
    }

    .top .phone_btn span {
        width: 20px;
        height: 17px;
        display: inline-block;
        position: relative;
    }

    .top .phone_btn span:before {
        content: '';
        width: 22px;
        height: 3px;
        background: #370B68;
        position: absolute;
        top: 0;
        left: 0;
    }

    .top .phone_btn span:after {
        content: '';
        width: 22px;
        height: 3px;
        background: #370B68;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .top .phone_btn span i {
        position: absolute;
        top: 50%;
        left: 0;
        width: 22px;
        height: 3px;
        background: #370B68;
        margin-top: -2px;
    }

    

    .in_banner {
        height: 560px;
        position: relative;
        top: 0px;
    }

    .in_banner .swiper-slide .container h2{
        font-size: 18px;
    }
    
    .in_banner .swiper-slide .container h4{
        padding: 10px 0px;
    }
    
    .in_banner .swiper-slide .container h4 a{
        padding: 6px 15px;
        font-size: 13px;
    }
    
    .in_banner .swiper-pagination span {
        width: 15px;
        height:15px;
    }

    .in_banner .swiper-slide .container h3{
    width: 100%;
    }

    .in_banner .swiper-slide .container h3 p{
        font-size: 20px;
    }

    .in_banner .swiper-slide .container h3 b img{
        height: 30px;
        width: auto;
    }
    
    .in_banner .swiper-slide .container h3 p img{
        height: 30px;
        width: auto;
    }
    
    .in_box_nr ul{
        flex-wrap: wrap;
        margin: 0px;
    }

    .in_box_nr ul li{
        width: 100%;
        margin: 0px;
        max-width: 360px;
        margin: 0px auto;
        margin-bottom: 25px;
    }

    .in_box_nr1 ul{
        flex-wrap: wrap;
        margin: 0px;
    }

    .in_box_nr1 ul li{
        width: 100%;
        margin: 0px;
    }

    .in_box1 .nr .img img{
        display: none;
    }

    .in_box1 .nr .text ul{
        flex-wrap: wrap;
    }

    .in_box1 .nr .text ul li{
        width: 100%;
        margin-bottom: 20px;
    }

    .in_box1 .nr .text ul li:nth-child(2){
        margin-right: 0px;
    }

    .in_box1 .nr .text ul li p{
        color: #fff;
    }

    .in_box1 .nr .text ul li h2{
        width: 100%;
    }

    .in_box1 .nr .text ul li::after,.in_box1 .nr .text1 ul li::before{
        display: none;
    }

    .in_box1 .nr .text ul li:nth-child(2) h2{
        background: linear-gradient(90deg, rgba(89,52,192,1) 0%, rgba(42,182,47,1) 100%);
    }

    .in_box1 .nr .text1 ul{
        flex-wrap: wrap;
    }

    .in_box1 .nr .text1 ul li{
        width: 100%;
        margin-bottom: 20px;
    }

    .in_box1 .nr .text1 ul li:nth-child(2){
        margin-right: 0px;
    }

    .in_box1 .nr .text1 ul li p{
        color: #fff;
    }

    .in_box1 .nr .text1 ul li h2{
        width: 100%;
    }

    .in_box1 .nr .text1 ul li::after,.in_box1 .nr .text ul li::before{
        display: none;
    }

    .in_box1 .nr .text1 ul li:nth-child(2) h2{
        background: linear-gradient(90deg, rgba(2,175,86,1) 0%, rgba(8,238,0,1) 100%);
    }
    
    
.in_box2_nr_qh{
    width: 100%;
    margin-left: 0px;
    margin-top: 20px;
}


.in_box2_nr_qh .swiper-slide{
    flex-direction: column;
    background: none;
    padding: 20px;
}

.in_box2_nr_qh .swiper-slide h2 a{
    font-size: 26px;
}

.in_box2_nr_qh .swiper-slide .img{
    width: 60%;
    text-align: center;
    margin-bottom: 15px;
}

.in_box2_nr_qh .swiper-slide .nr{
    width: 100%;
}

.in_box3_nr{
    flex-direction: column;
}

.in_box3_nr_l{
    width: 100%;
    margin-bottom: 20px;
}

.in_box3_nr_r{
    width: 100%;
}

.di1{
    flex-direction: column;
}

.di1_l{
    width: 100%;
    margin-bottom: 20px;
}

.di1_l img{
    width: 100%;
}

.di1_z{
    width: 100%;
    margin-bottom: 20px;
}

.di1_r{
    width: 100%;
}

.di2_1{
    flex-direction: column;
    box-sizing: border-box;
    padding: 0px 20px;
}

.di2_1 h2 img{
    width: 100%;
    height: auto;
}
    
}