@media (max-width:1700px){

    .in_banner .swiper-button-prev{left:8%}
    .in_banner .swiper-button-next{right:8%}
    .index1 .ind1_r{width:45%}
    .index1 .ind1_r img{left:-95px}

    .index4 .button .swiper-button-next4{
        right: 7%;
    }

    .index4 .button .swiper-button-prev4{
        left: 7%;
    }

}

@media (max-width:1600px){

    .index3_right{width:86.666667%}

    .index4 .button .swiper-button-next4{
        right: 5%;
    }

    .index4 .button .swiper-button-prev4{
        left: 5%;
    }

}

@media (max-width:1477px){

    .team_01 .team_box .team_r{
        padding: 60px 60px;
    }
   
}

@media (max-width:1420px){
    .mainNav .nav_l ul li{
        width: 160px;
    }

}

@media (max-width:1440px){
    .header .nav ul{margin-right:40px}
    .index6 .ind6_l{width:51%}
    .index6 .ind6_r{width:47%}
    .index7 .ind7_cot ul li{width:25%}

    .index1 .ind1_l{
       padding-left: 8%;
    }

    .communicate_box .communicate_list ul li{
        width: 21%;
    }

    .team_02 .team_cot ul li{
        width: 29.333333%;
    }

    .intell .intell_list ul li{
        width: 21%;
    }

    .honor .honor_list ul li{
        width: 21%;
    }

    .culture .culture_box .culture_r{
        top: 30px;
    }

    .contact .bottom .address{
        padding-right: 15px;
    }

    .contact .bottom .email{
        padding-right: 30px;
    }

    .contact .bottom .tel{
        padding-right: 30px;
    }

    .case .case_01 .communicate_list ul li{
        width: 21%;
    }

}

@media (max-width:1400px){
    .team_01 .team_box .team_l{
        width: 38%;
    }

    .team_01 .team_box .team_r{
        width: 62%;
        padding: 60px 40px;
    }

    .team_02 .team_cot .team_li{
        padding: 0 30px;
    }

    .liuyan .liuyan_r{
        width: 56%;
    }

    .desgin_02 .desgin_con{
        width: 90%;
    }
}

@media (max-width:1370px){
    .culture .culture_box .culture_l{
        width: 55%;
    }

    .culture .culture_box .culture_r{
        width: 50%;
    }
   
}
    

@media (max-width:1312px){
.header .nav ul{margin-right:0}
.header .nav ul li{margin:0 35px}

.culture .culture_box .culture_l{
    width: 59%;
}

.culture .culture_box .culture_r{
    padding-left: 30px;
}
}

@media (max-width:1250px){
    .mainNav .nav_l ul li{
        width: 135px;
    }

}

@media (max-width:1200px){
    .header .nav ul li{margin:0 25px}
    .header .langage{margin-left:0}

    .index1 .ind1_l{
        padding-left: 5%;
    }

    .index3_left {
        width: 15.3333%;
    }

    .index6 .ind6_l{
        padding: 40px 95px;
    }

    .index6 .ind6_l .ind6_txt p{
        margin: 40px 0;
    }

    .index6 .ind6_l .ind6_btn{
        margin-top: 40px;
    }

    .communicate_box .communicate_list ul li{
        width: 28.333333%;
    }

    .team_01 .team_box .team_l{
        width: 40%;
    }

    .team_01 .team_box .team_r{
        width: 60%;
        padding: 20px 20px;
    }

    .team_02 .team_cot .team_li{
        padding: 0 20px;
    }

    .intell .intell_list ul li{
        width: 29.333333%;
    }

    .honor .honor_list ul li{
        width: 29.333333%;
    }

    .culture .culture_box .culture_l{
        width: 70%;
    }

    .contact .bottom .email{
        padding-right: 15px;
    }

    .contact .bottom .tel{
        padding-right: 15px;
    }

    .liuyan .liuyan_r{
        width: 50%;
    }

    .solute_01 .solute_box .solute_l{
        padding: 20px 70px;
    }


    .solute_02 .solute_cot .solute_li{
        padding: 0 30px;
    }

    .desgin_02 .desgin_con{
        width: 100%;
    }

   


}

@media (max-width:1062px){
     
    /* .header .top{display:none}
    .header .nav{display:none}
    .phone-header{display:block}

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

    .header{
        height:70px;
        position:fixed;
        width:100%;
        top:0;
        left:0;
        line-height:normal;
    }

    .header .logo img{
        height:30px;
        margin-top:20px;
    }

    .header .ph_top{
        text-align:center;
        margin:10px 0;
    }

    .header .ph_top span{
        font-size:12px;
        color:#555;
        border-right:1px solid #d2d2d2;
        padding:0 10px;
    }

    .header .ph_top span:last-child{
        border-right:none;
    }

    .header .ph_langage{
       text-align: center;
       margin-top: 20px;
    }

    .header .ph_langage a{
        font-size: 12px;
        color: #999;
        font-weight: 500;
    }

    .header .ph_langage .on{
        color: #0c3484;
    } */

}


@media (max-width:991px){
     
    .header .top{display:none}
    .header .nav{display:none}
    .phone-header{display:block}

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

    .header{
        height:70px;
        position:fixed;
        width:100%;
        top:0;
        left:0;
        line-height:normal;
    }

    .header .logo img{
        height:30px;
        margin-top:20px;
    }

    .header .ph_top{
        text-align:center;
        margin:10px 0;
    }

    .header .ph_top span{
        font-size:12px;
        color:#555;
        border-right:1px solid #d2d2d2;
        padding:0 10px;
    }

    .header .ph_top span:last-child{
        border-right:none;
    }

    .header .ph_langage{
       text-align: center;
       margin-top: 20px;
    }

    .header .ph_langage a{
        font-size: 12px;
        color: #999;
        font-weight: 500;
    }

    .header .ph_langage .on{
        color: #0c3484;
    }

    .in_banner .swiper-button-prev{
        left: 0;
    }

    .in_banner .swiper-button-next{
        right: 3%;
    }

    .in_banner{
        padding-top: 70px !important;
    }

    .index3_left {
        width: 19.3333%;
    }

    .index3_right{
        width: 75.666667%;
    }

    .index7 .ind7_cot ul li{
        width: 33.3333%;
    }

    .index7 .ind7_cot ul li{
        width: 50%;
    }

    .footer .foot_logo img{
        height: 30px;
    }

    .footer .foot_box .foot_l{
        float: left;
        width: 100%;
    }

    .footer .foot_box .foot_r{
        float: left;
        width: 100%;
    }

    .mainNav{
        display: none;
    }

    .team_01 .team_box .team_l{
        float: none;
        width: 100%;
    }

    .team_01 .team_box .team_r{
        float: none;
        width: 100%;
    }

    .intell .intell_list ul li{
        width: 27.333333%;
    }

    .contact .ditu .map{
        width: 100%;
    }

    .contact .bottom{
        width: 100%;
    }

    



}

@media (max-width:768px){
    .in_banner .swiper-button-prev{
        display: none;
    }

    .in_banner .swiper-button-next{
       display: none;
    }

    .in_banner .swiper-slide .nr .nr_wz h2{
        font-size: 20px;
    }

    .in_banner .swiper-slide .nr .nr_wz p{
        font-size: 12px;
    }

    .in_banner{
        height: 345px;
    }

    .in_banner .swiper-slide .nr .nr_btn a{
        font-size: 12px;
        width: 95px;
        height: 27px;
        line-height: 27px;
        margin-top: 10px;
    }

    .index1 .ind1_l{
        float: none;
        width: 100%;
        padding-left: 0;
        text-align: center;
        padding: 20px 10px;
    }

    .index1 .ind1_r{
        float: none;
        width: 100%;
        background-image: none !important;
        height: 95px;
        position: static;
    }

    .index1 .ind1_l h2{
        font-size: 17px;
        margin-top: 20px;
    }

    .index1 .ind1_l span{
        font-size: 12px;
    }

    .index1 .ind1_l p{
        font-size: 14px;
        margin: 20px 0;
    }

    .index1 .ind1_l .ind1_btn a{
        font-size: 12px;
        width: 95px;
        height: 27px;
        line-height: 27px;
    }

    .index1 .ind1_r img{
        position: static;
        width: 100%;
    }

    .index2{
        height: auto;
    }

    .index2 .ind2_title h2{
        font-size: 17px;
    }

    .index2 .ind2_title p{
        font-size: 12px;
    }

    .index2 .ind2_box ul li{
        width: 33.333333%;
        border-right: none;
        padding: 20px 0;
    }

    .index2 .ind2_box{
        margin-top: 0px;
    }

    .index2 .ind2_box ul li img{
        margin-bottom: 10px;
    }

    .index2 .ind2_box ul li p{
        font-size: 14px;
    }

    .index3{
       height: auto;
    }

    .thumbs .swiper-slide{
        height: auto !important;
    }

    .index3_row{
        display: block;
    }

    .index3_left{
        width: 100%;
        text-align: center;
    }

    .index3_right{
        width: 100%;
        height: 100%;
        margin-top: 20px;
    }

    .index3_left .gallery .txt h2{
        font-size: 17px;
    }

    .index3_left .gallery .txt p{
        font-size: 12px;
    }

    .index3_left .gallery .txt i{
        margin-bottom: 20px;
    }

    .index3_left .gallery .more a{
        font-size: 12px;
        width: 95px;
        height: 27px;
        line-height: 27px;
        margin-top: 20px;
    }

    .index3_main {
        margin-top: 30px;
    }

    .thumbs .item .txt h1{
        font-size: 14px;
    }

    .thumbs .swiper-pagination-bullet{
        font-size: 14px;
    }

    .index3_prev i, .index3_next i{
        font-size: 20px;
    }

    .index3_title h2{
        font-size: 12px;
    }

    .index3_title{
        position: static;
        margin-bottom: 30px;
    }

    .index3_next{
        left: 310px;
    }

    .index3_prev{
        left: 15px;
    }

    .thumbs .swiper-pagination{
        margin-left: -20px;
        top: 10px;
    }

    .index4 .ind4_title h2{
        font-size: 17px;
    }

    .index4 .ind4_title p{
        font-size: 12px;
    }

    .index4 .ind4_banner .nr p{
        font-size: 14px;
    }

    .index4 .ind4_btn a{
        font-size: 12px;
        width: 95px;
        height: 27px;
        line-height: 27px;
    }

    .index4 .ind4_title{
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .index4 .ind4_btn{
        margin-top: 30px;
    }

    .index4{
        height: auto;
        padding-bottom: 30px;
    }

    .indx5 .ind5_l{
        float: none;
        width: 100%;
        height: 100%;
        padding: 20px 20px;
    }

    .indx5 .ind5_r{
        float: none;
        width: 100%;
        margin-top: 0;
    }

    .indx5 .ind5_l .ind5_top .ind5_title h2{
        font-size: 17px;
    }

    .indx5 .ind5_l .ind5_top .ind5_title p{
        font-size: 12px;
    }

    .indx5 .ind5_l .ind5_top .more{
        font-size: 16px;
    }

    .indx5 .ind5_l i{
        margin-bottom: 20px;
    }

    .indx5 .ind5_l .ind5_cot .day{
        font-size: 30px;
    }

    .indx5 .ind5_l .ind5_cot .txt .right p{
        font-size: 14px;
    }

    .indx5 .ind5_l .ind5_cot .txt .left p{
        font-size: 14px;
    }

    .indx5 .ind5_r .ind5_wz{
        padding: 0 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .indx5 .ind5_r .ind5_wz .wz_l{
        font-size: 14px;
        float: none;
    }

    .indx5 .ind5_r .ind5_wz .wz_r{
        font-size: 12px;
        float: none;
    }

    .indx5{
        display: none !important;
        padding-bottom: 30px;
    }

    .ind5_ph{
        display: block !important;
    }

    .indx5 .ind5_l .ind5_cot .txt .left{
        width: auto;
        text-align: left;
        padding-left: 10px;
    }

    .indx5 .ind5_l .ind5_cot .txt .right{
        padding-left: 10px;
    }

    .index6 .ind6_l{
        float: none;
        width: 100%;
        padding: 20px 20px;
        height: 100%;
    }

    .index6 .ind6_r{
        float: none;
        width: 100%;
    }

    .index6 .ind6_l .ind6_title h2{
        font-size: 17px;
    }

    .index6 .ind6_l .ind6_title p{
        font-size: 12px;
    }

    .index6 .ind6_l .ind6_txt p{
        font-size: 14px;
        margin: 20px 0;
    }

    .index6 .ind6_l .ind6_btn a{
        font-size: 12px;
        width: 95px;
        height: 27px;
        line-height: 27px;
    }

    .index6 .ind6_l .ind6_btn{
        margin-top: 20px;
    }

    .index6 .ind6_r .ind6_list .ind6_wz h3{
        font-size: 16px;
    }

    .index6 .ind6_r .ind6_list .ind6_wz p{
        font-size: 12px;
    }

    .index6 .ind6_r .ind6_list{
        display: block;
        margin-top: 20px;
    }

    .index6 .ind6_r .ind6_list .img {
        width: 100%;
    }

    .index6 .ind6_r .ind6_list .img img{
        width: 100%;
    }

    .index6 .ind6_r .ind6_list .ind6_wz{
        width: 50%;
        padding-left: 10px;
        margin-top: 20px;
    }

    .index6{
        padding: 30px 0;
    }

    .index7{
        padding: 30px 0;
    }

    .index7 .ind7_title h2{
        font-size: 17px;
    }

    .index7 .ind7_title p{
        font-size: 12px;
    }

    .index7 .ind7_cot ul li{
       /* float: none; */
       width: 33.333333%;
       text-align: center;
       margin-bottom: 20px;
    }

    .index7 .ind7_btn{
        margin-top: 20px;
    }

    .index7 .ind7_btn a{
        font-size: 12px;
        width: 95px;
        height: 27px;
        line-height: 27px;
    }

    .footer .foot_box .foot_l ul li{
        width: 25%;
    }

    .footer .foot_box .foot_r .lianxi .address span{
        font-size: 12px;
    }

    .footer .foot_box .foot_r .lianxi .tel span{
        font-size: 12px;
    }

    .footer .foot_box .foot_r .lianxi .email span{
        font-size: 12px;
    }

    .footer .foot_box .foot_l ul li h2{
        font-size: 14px;
    }

    .footer .foot_box .foot_r .lianxi h2{
        font-size: 14px;
    }

    .mainBan{
        margin-top: 70px;
        height: 0;
        padding: 80px 0;
        padding-bottom: 110px;
    }

    .mainBan .mainWz h2{
        font-size: 17px;
    }

    .mainBan .mainWz p{
        font-size: 12px;
    }

    .communicate_box .communicate_list ul li{
        /* float: none; */
        width: 45%;
        margin: 0 8px;
        margin-bottom: 40px;
    }

    .ph_nav{
        display: block;
    }

    .ph_nav{
        font-size: 14px;
        color: #777;
        padding-top: 20px;
        padding-left: 20px;
    }
    .ph_nav .active{
        color: #0c3484;
    }

    .communicate_box .communicate_list .communicate_li .wz p{
        font-size: 18px;
    }

    .communicate_box{
        margin-bottom: 0;
    }

    .commun_detail .left{
        float: none;
        width: 100%;
    }

    .commun_detail .right{
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    .commun_detail{
        margin: 20px 0;
    }

    .commun_detail .right h4{
        font-size: 18px;
    }

    .commun_detail .right .txt p{
        font-size: 14px;
    }

    .team_01{
        margin: 20px 0;
    }

    .team_01 .team_box .team_r{
        display: block;
        padding: 15px 15px;
    }

    .team_01 .team_box .team_r .team_title{
        width: 100%;
    }

    .team_01 .team_box .team_r .team_txt{
        width: 100%;
        margin-top: 10px;
    }

    .team_01 .team_box .team_r .team_title h3{
        font-size: 17px;
    }

    .team_01 .team_box .team_r .team_title p{
        font-size: 12px;
    }

    .team_01 .team_box .team_r .team_txt p{
        font-size: 14px;
    }

    .team_02 .team_cot ul li{
        float: none;
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }

    .team_02{
        padding-top: 40px;
    }

    .new_box{
        padding-top: 0px;
    }

    .new_box .new_title{
        text-align: center;
        margin-top: 20px;
    }

    .new_box .new_title h3{
        font-size: 17px;
    }

    .new_box .new_title p{
        font-size: 12px;
    }

    .new_box .new_list{
        margin-top: 20px;
    }

    .new_box .new_list .new_li .new_l{
        float: none;
        width: 100%;
        padding-top: 0;
    }

    .new_box .new_list .new_li .new_r{
        float: none;
        width: 100%;
        display: block;
        margin-top: 20px;
    }

    .new_box .new_list .new_li .new_r .img{
        position: static;
    }

    .new_box .new_list .new_li .new_r .new_txt{
        padding-left: 0;
        margin-left: 0;
        padding: 0;
        margin-top: 20px;

    }

    .new_box .new_list .new_li .new_l p{
        font-size: 16px;
    }

    .new_box .new_list .new_li .new_l p span{
        font-size: 20px;
    }

    .new_box .new_list .new_li .new_r .img img{
        width: 100%;
    }

    .new_box .new_list .new_li .new_r .new_txt h4{
        font-size: 16px;
    }

    .new_box .new_list .new_li .new_r .new_txt p{
        font-size: 14px;
    }

    .new_box .new_list ul li:hover .new_li .new_r .new_txt{
        display: none;
    }

    .new_box .new_list ul li{
        margin-bottom: 30px;
    }

    .page{
        margin: 30px auto 30px auto;
    }

    .page_prev, .page_next{
        font-size: 12px;
    }

    .page ul{
        margin-bottom: 0;
    }

    .page ul li{
        width: 20px;
        height: 20px;
        line-height: 20px;
        margin: 0 10px;
    }

    .page ul li a{
        font-size: 12px;
    }

    .detail_box{
        padding: 30px 0;
        padding-top: 0;
    }

    .detail_box .detail_txt h3{
        font-size: 17px;
    }

    .detail_box .detail_txt span{
        font-size: 12px;
    }

    .detail_box .detail_txt p{
        font-size: 14px;
        margin: 20px 0;
    }

    .detail_box .detail_txt .img img{
        width: 100%;
    }

    .detail_box .detail_bottom .prev a{
        font-size: 12px;
    }

    .detail_box .detail_bottom .next a{
        font-size: 12px;
    }

    .detail_box .detail_txt .title{
        margin-top: 20px;
    }

    .about .about_box .about_l{
        float: none;
        width: 100%;
    }

    .about .about_box .about_l .about_title{
        text-align: center;
    }

    .about .about_box .about_r{
        float: none;
        width: 100%;
        padding-top: 20px;
    }

    .about .about_box .about_l h3{
        font-size: 17px;
    }

    .about .about_box .about_l span{
        font-size: 12px;
    }

    .about .about_box .about_l p{
        font-size: 14px;
        margin-top: 20px;
    }

    .about .about_box{
        margin-top: 30px;
    }

    .about{
        padding-bottom: 30px;
    }

    .framework .frame_title{
        margin-top: 30px;
        margin-bottom: 20px;
        text-align: center;
    }

    .framework .frame_title h3{
        font-size: 17px;
    }

    .framework .frame_title p{
        font-size: 12px;
    }

    .intell .intell_list ul li{
        float: none;
        width: 100%;
        margin: 0;
        margin-top: 20px;
    }

    .intell .intell_title h3{
        font-size: 17px;
    }

    .intell .intell_title span{
        font-size: 12px;
    }

    .intell .intell_title p{
        font-size: 14px;
    }

    .intell .intell_title{
        margin-top: 30px;
    }

    .intell .intell_list{
        margin-bottom: 40px;
    }

    .honor .honor_list ul li{
        float: none;
        width: 100%;
        margin: 0;
        margin-top: 20px;
    }

    .honor .honor_title h3{
        font-size: 17px;
    }

    .honor .honor_title span{
        font-size: 12px;
    }

    .honor .honor_title p{
        font-size: 14px;
    }

    .honor .honor_title{
        margin-top: 30px;
    }

    .honor .honor_list{
        margin-bottom: 40px;
    }

    .culture .culture_box .culture_l{
        float: none;
        width: 100%;
        height: 330px;
    }

    .culture .culture_box .culture_r{
        float: none;
        width: 100%;
        position: static;
        margin-top: 20px;
        display: block;
        padding: 20px 20px;
    }

    .culture .culture_title{
        margin-top: 30px;
        text-align: center;
    }

    .culture .culture_title h3{
        font-size: 17px;
    }

    .culture .culture_title p{
        font-size: 12px;
    }

    .culture .culture_box{
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .culture .culture_box .culture_r .info .info_li h4{
        font-size: 16px;
    }

    .culture .culture_box .culture_r .info .info_li p{
        font-size: 14px;
    }

    .social_01{
        padding: 30px 0;
        margin-top: 20px;
        background-image: none !important;
        background-color: #f7f7f7;
    }

    .social_01 .social_l{
        float: none;
        width: 100%;
    }

    .social_01 .social_r{
       display: none;
    }

    .social_01 .social_l h3{
        font-size: 17px;
    }

    .social_01 .social_l span{
        font-size: 12px;
    }

    .social_01 .social_l p{
        font-size: 14px;
        margin-top: 20px;
    }

    .social_01 .social_l .social_title{
        text-align: center;
    }

    .social_02 .social_cot .left{
        float: none;
        width: 100%;
    }

    .social_02 .social_cot .right{
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    .social_02 .social_title{
        margin-top: 30px;
    }

    .social_02 .social_title h3{
        font-size: 17px;
    }

    .social_02 .social_title p{
        font-size: 12px;
    }

    .social_02 .social_cot{
        margin-top: 20px;
    }

    .social_02 .social_cot .right p{
        font-size: 14px;
    }

    .social_02{
        margin-bottom: 40px;
    }

    

    .contact{
        margin: 30px 0;
    }

    .contact .title h3{
        font-size: 17px;
    }

    .contact .bottom{
        display: block;
        margin-top: 20px;
    }

    .contact .bottom .address{
       border-right: none;
       margin-bottom: 20px;
    }

    .contact .bottom .email{
        border-right: none;
        margin-bottom: 20px;
    }

    .contact .bottom .address p{
        font-size: 14px;
    }

    .contact .bottom .email p{
        font-size: 14px;
    }

    .contact .bottom .tel p{
        font-size: 14px;
    }

    .contact .ditu .map{
        height: 315px;
    }

    .talent_01 .talent_cot .talent_l{
        float: none;
        width: 100%;
    }

    .talent_01 .talent_cot .talent_r{
        float: none;
        width: 100%;
        padding-right: 0;
        padding-top: 0;
        margin-top: 20px;
    }

    .talent_01 .talent_cot .talent_l .img img{
        margin-left: 0;
        padding-top: 0;
    }

    .talent_01 .talent_cot .talent_l .img::after{
        background-color: #fff;
    }

    .talent_01{
        padding: 30px 0;
    }

    .talent_01 .talent_title h3{
        font-size: 17px;
    }

    .talent_01 .talent_title p{
        font-size: 12px;
    }

    .talent_01 .talent_cot .talent_r p{
        font-size: 14px;
    }

    .talent_01 .talent_box{
        padding-bottom: 95px;
    }

    .job_sec4 .job_sec4_con ul li{
        float: none;
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }

    .job_sec4{
        padding-bottom: 40px;
    }

    .job_sec4 .join_title{
        font-size: 17px;
        margin-bottom: 20px;
    }

    .fixed_box .job_fix {
        width: 92%;
        height: 75%;
        overflow-y: scroll;
    }

    .fixed_box .job_bot {
        padding: 20px;
    }

    .liuyan .liuyan_l{
        float: none;
        width: 100%;
    }

    .liuyan .liuyan_r{
        float: none;
        width: 100%;
        display: none;
    }

    .liuyan .liuyan_l h3{
        font-size: 17px;
        margin-bottom: 20px;
        font-weight: b;
    }

    .liuyan{
        margin: 30px 0;
    }

    .liuyan .liuyan_l .name .name_input{
        font-size: 14px;
        width: 345px;
    }

    .liuyan .liuyan_l .tel .tel_input{
        font-size: 14px;
        width: 345px;
    }

    .liuyan .liuyan_l .liuyan_txt textarea{
        font-size: 14px;
        width: 345px;
    }

    .solute_01 .solute_box .solute_l{
        float: none;
        width: 100%;
        padding: 20px 20px;
    }

    .solute_01 .solute_box .solute_r{
        float: none;
        width: 100%;
        position: static;
        margin-top: 20px;
    }

    .solute_01 .solute_box .solute_l .solute_top h3{
        font-size: 17px;
    }

    .solute_01 .solute_box .solute_l .solute_txt p{
        font-size: 14px;
    }

    .solute_01 .solute_box .solute_l .solute_txt{
        margin-top: 20px;
    }

    .solute_01 .solute_box{
        margin: 30px 0;
    }

    .solute_02 .solute_cot ul li{
        float: none;
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }

    .solute_02{
        padding-top: 40px;
    }

    .solute_02 .solute_cot .solute_li{
        padding: 0 15px;
    }

    .desgin_01 .desgin_box .desgin_cot ul li{
        width: 50%;
    }

    .desgin_01{
        margin: 30px 0;
    }

    .desgin_01 h3{
        font-size: 18px;
    }

    .desgin_01 .desgin_box .title h4{
        font-size: 16px;
    }

    .desgin_01 .desgin_box{
        margin-top: 20px;
    }

    .desgin_01 .desgin_box .desgin_cot{
        margin-top: 20px;
    }

    .desgin_01 .desgin_box .desgin_cot ul{
        justify-content: flex-start;
    }

    .desgin_01 .desgin_box .desgin_cot ul li{
        margin-bottom: 20px;
        width: 25%;
    }

    .desgin_01 .desgin_box .desgin_cot ul li p{
        font-size: 12px;
    }

    .desgin_02 .desgin_l{
        float: none;
        width: 100%;
    }

    .desgin_02 .desgin_r{
        float: none;
        width: 100%;
        padding-top: 20px;
    }

    .desgin_02{
        padding: 40px 0;
    }

    .desgin_02 .desgin_r .desgin_title h4{
        font-size: 16px;
    }

    .desgin_02 .desgin_r .desgin_title p{
        font-size: 16px;
    }

    .desgin_02 .desgin_r .txt p{
        font-size: 14px;
    }

    .in_banner .swiper-pagination{
        bottom: 15px !important;
    }

    .mainBox{
        padding-top: 0;
    }

    .index4 .button .swiper-button-next4{
        right: -4%;
    }

    .index4 .button .swiper-button-next4 img{
        width: 75%;
    }

    .index4 .button .swiper-button-prev4{
        left: 0%;
    }

    .index4 .button .swiper-button-prev4 img{
        width: 75%;
    }

    .index6 .ind6_r .ind6_list a{
        /* display: block; */
    }

    .case .case_01 .communicate_list ul li{
        float: none;
        width: 100%;
        margin: 0;
        margin-top: 20px;
    }

    .case .case_01 .title{
        font-size: 17px;
    }

    .case .case_01 .communicate_list .communicate_li .wz p{
        font-size: 16px;
    }

    .case .case_01{
        margin-top: 20px;
    }
    
    .index6 .ind6_r .ind6_list .ind6_box{
        width: 50%;
    }

    .social_02 .social_cot .right img {
        width: 50% !important;
    }

    .team_01 .team_box .team_l img{
        height: auto !important;
    }

    .team_02 .team_cot .team_logo{
        display: none;
    }
    
    .communicate_box .communicate_list .communicate_li .wz{
        height: 110px;
    }

    .contact .bottom .address img{
        width: 10%;
    }

    .contact .bottom .email img{
        width: 10%;
    }

    .contact .bottom .tel img{
        width: 10%;
    }

    
    

   




   
}