@media (max-width:1440px) {

    .in_box .bd .nr h2 {
        font-size: 50px;
    }

    .in_box .bd .nr p {
        font-size: 15px;
        line-height: 32px;
        margin: 8% 0px;
    }

    .in_box .hd {
        margin-top: 6%;
    }

    .in_box .hd ul li {
        padding: 20px 20px;
    }

    .in_box .hd ul li img {
        width: 58px;
        height: auto;
    }

    .in_box .hd ul li h2 {
        font-size: 20px;
    }


    .di_l {
        width: 380px;
    }

    .di_l p {
        font-size: 15px;
    }

    .di_z {
        width: calc(100% - 580px);
    }

    .di_r {
        width: 200px;
    }

    .ny_nav .container a {
        font-size: 16px;
    }
}

@media (max-width:960px) {

    body {
        min-width: auto;
        padding-top: 50px;
    }

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

    .top {
        top: 0px;
        background: #fff;
        height: 50px;
    }

    .top_gao{
        height: 50px;
    }

    .top .box {
        min-width: auto;
        width: 90%;
    }

    .top .logo {
        width: 200px;
        background: none;
    }

    .top .logo img {
        width: 100%;
        height: auto;
    }

    .top .nav_r {
        width: calc(100% - 100px);
    }

    .top .tel {
        display: none;
    }

    .top .nav {
        display: none;
    }

    .phone_btn {
        display: block;
        margin-top: 5px;
        margin-left: 15px;
    }

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

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

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

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

    .top .search h2{
        display: none;
    }

    .top .search h3{
        display: none;
    }

    .search_tc .search_nr{
        width: 90%;
    }

    .search_tc .search_close img{
        width: 35px;
        height: 35px;
    }

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

    .in_banner .swiper-slide .container h2{
        font-size: 32px;
    }

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


    .in_banner .gun {
        display: none;
    }

    .in_banner .qieh {
        width: 100%;
        left: 0px;
        bottom: 7%;
    }

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

    .in_banner .swiper-pagination {
        width: 100%;
    }

    .in_banner .swiper-pagination span {
        margin: 0px 4px;
    }

    .in_banner_g{
        height: auto;
    }

    .in_bt{
        padding-bottom: 20px;
    }

    .in_bt h2{
        font-size: 20px;
        margin-bottom: 10px;
    }

    .in_bt h2 img{
        width: auto;
        height: 23px;
    }

    .in_bt p{
        font-size: 14px;
    }

    .in_box{
        padding: 40px 0px;
    }

    .in_box ul{
        flex-wrap: wrap;
    }

    .in_box ul li{
        width: 100% !important;
        height: 150px;
    }

    .in_box ul li .text i{
        height: 45px;
    }

    .in_box ul li .text i img{
        width: auto;
       max-height: 100%;
    }

    .in_box ul li .text h2{
        font-size: 20px;
        padding: 10px 0px;
    }

    .in_box ul li .more h2{
        font-size: 20px;
    }

    .in_box ul li .more p{
        font-size: 13px;
    }

    .in_box ul li:nth-last-child(1){
        height: auto;
    }

    .in_box ul li .n_bt{
        font-size: 18px;
        padding-bottom: 10px;
    }

    .in_box ul li dl dd{
        padding: 8px 0px;
    }

    .in_box ul li dl dd a{
        font-size: 14px;
    }

    .in_box2{
        height: 250px;
    }

    .in_box3{
        padding: 40px 0px;
    }

    .in_box31{
        height: auto;
    }

    .in_box31 ul{
        flex-direction: column;
    }

    .in_box31 ul li{
        height: auto;
        width: 100%;
        background-position: center bottom;
        margin-bottom: 10px;        
    }

    .in_box31 ul li .text{
        font-size: 17px;
        display: none;
    }

    .in_box31 ul li .more{
        display: block;
        bottom: 0px;
        padding: 5%;
        position: relative;
    }

    .in_box31 ul li .more h2{
        font-size: 15px;
        margin-bottom: 10px;
    }

    .in_box31 ul li .more p{
        display: none;
    }

    .in_box31 ul li .more h3 a{
        font-size: 13px;
    }

    .in_box32{
        width: 100%;
    }

    .in_box32 ul{
        flex-wrap: wrap;
    }

    .in_box32 ul li{
        width: calc(50% - 1px);
        height: 170px;
        border-bottom: 1px solid #eee;
    }

    .in_box32 ul li a h2{
        font-size: 17px;
    }

    .in_box32 ul li a b{
        margin: 10px 0px;
    }

    .in_box32 ul li a p{
        font-size: 13px;
    }

    .in_box32 ul li a i{
        width: 40px;
        height: 40px;
    }

    .di {
        padding-top: 20px;
    }

    .di .container {
        flex-direction: column;
    }

    .di_l {
        width: 100%;
    }

    .di_l h2 img {
        width: auto;
        height: 40px;
    }

    .di_l p {
        font-size: 13px;
        padding: 4px 0px;
    }

    .di_l p img {
        transform: scale(0.9);
    }

    .di_l p span {
        font-size: 26px;
    }

    .di_z {
        display: none;
    }

    .di_r {
        width: 100%;
        margin-top: 10px;
    }

    .di_r .btn {
        height: 35px;
        line-height: 35px;
        padding: 0px 10px;
        color: #fff;
        font-size: 14px;
    }

    .di_d {
        font-size: 13px;
        padding: 10px;
    }

    .ny_banner {
        height: 35vh;
    }

    .ny_banner .container h2 {
        font-size: 30px;
    }

    .ny_banner .container b {
        width: 45px;
        height: 3px;
    }

    .lj{
        margin-top: -40px;
        margin-bottom: 0px;
        font-size: 13px;
    }

    .ny_nav {
        height: 45px;
        line-height: 45px;
    }

    .ny_nav .container {
        display: block;
        white-space: nowrap;
        padding: 0px 10px;
    }

    .ny_nav .container a {
        font-size: 14px;
        margin-left: -5px;
    }

    .about_box{
        padding: 40px 0px;
    }

    .ny_bt{
        font-size: 20px;
        padding-bottom: 25px;
    }

    .about_box .container .nr{
        flex-direction: column;
    }

    .about_box .container .nr .left{
        width: 100%;
        margin-bottom: 20px;
    }

    .about_box .container .nr .right{
        width: 100%;
    }

    .about_box .container .nr .right h2{
        font-size: 20px;
    }

    .about_box .container .nr .right p{
        font-size: 14px;
        line-height: 28px;
    }

    .about_box .container .nr1 ul li{
        flex-direction: column;
    }
    

    .about_box .container .nr1 ul li:nth-child(even){
        flex-direction: column;
    }

    .about_box .container .nr1 ul li .left{
        width: 100%;
    }

    .about_box .container .nr1 ul li .right{
        width: 100%;
    }

    .about_box .container .nr1 ul li .right h2{
        font-size: 18px;
        padding: 3% 0px;
    }

    .about_box .container .nr1 ul li .right p{
        font-size: 14px;
        line-height: 26px;
    }

    .about_box .container .nr2 ul{
        margin: 0px;
    }

    .about_box .container .nr2 ul li{
        width: 100%;
        margin: 0px;
        margin-bottom:20px;
    }

    .about_box .container .nr2 ul li .wz h2{
        font-size: 17px;
    }

    .about_box .container .nr2 ul li .wz p{
        font-size: 14px;
        line-height: 28px;
    }

    .about_box .container .nr2 ul li .wz p img{
        transform: scale(0.85);
    }

    .news{
        padding: 40px 0px;
    }

    .news .nr ul li{
        width: 48%;
    }

    .news .nr ul li .wz h2{
        font-size: 14px;
        height: 40px;
    }

    .news .nr ul li .wz p{
        font-size: 12px;
    }

    .news_detail {
        padding: 40px 0px;
        width: 100%;
    }

    .news_detail .bt h2 {
        font-size: 17px;
    }

    .news_detail .bt h3 {
        font-size: 14px;
        padding: 6px 0px;
    }

    .news_detail .nr p {
        font-size: 13px;
        padding-bottom: 10px;
        line-height: 26px;
    }

    .news_detail .fanhui {
        flex-direction: column;
        padding: 20px 0px;
    }

    .news_detail .fanhui .left {
        width: 100%;
    }

    .news_detail .fanhui .left p {
        font-size: 14px;
    }

    .news_detail .fanhui .right {
        width: 100%;
        padding-top: 10px;
    }

    .news_detail .fanhui .right a {
        width: 120px;
        height: 40px;
        font-size: 15px;
        line-height: 40px;
    }

    .hr_box{
        padding: 40px 0px;
        flex-direction: column;
    }

    .hr_box .left{
        width: 100%;
        padding-bottom: 15px;
    }

    .hr_box .right{
        width: 100%;
    }

    .hr_box .right h2{
        font-size: 20px;
        padding-bottom: 10px;
    }

    .hr_box .right p{
        font-size: 14px;
        line-height: 26px;
    }
    
    .jobli{
        margin-bottom: 40px;
    }

    .jobli .title span {
        font-size: 14px;
        line-height: 35px;
        width: 33.3%;
    }

    .jobli .title span:nth-child(1){
        width: 33.3%;
    }
    
    .jobli .title span:nth-child(2){
        width: 33.3%;
    }
    
    .jobli .title span:nth-child(3){
        width: 33.3%;
        border-right: 0px;
    }
    
    .jobli .title span:nth-child(4){
        display: none;
    }


    .jobli li .link .nr span {
        font-size: 13px;
        line-height: 22px;
        height: 60px;
        width: 33.3%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .jobli li .link .nr span:nth-child(1){
        width: 33.3%;
    }
    
    .jobli li .link .nr span:nth-child(2){
        width: 33.3%;
    }
    
    .jobli li .link .nr span:nth-child(3){
        width: 33.3%;
    }
    
    .jobli li .link .nr span:nth-child(4){
        display: none;
    }
    .jobli li .link span.tbanchor {
        display: block;
        background: none;
        right: 9px;
        top: 9px;
        font-size: 20px;
    }

    .jobli li .jobnr {
        padding: 10px;
    }

    .jobli li .jobnr .zc {
        flex-wrap: wrap;
        padding: 10px 0px;
    }

    .jobli li .jobnr .zc dd {
        width: 100%;
        margin-bottom: 10px;
    }

    .jobli li .jobnr .zc dd h2 {
        font-size: 15px;
        padding-bottom: 8px;
    }

    .jobli li .jobnr .zc dd p {
        font-size: 13px;
    }

    .jobli li .jobnr .js {
        padding-top: 10px;
        font-size: 14px;
        line-height: 26px;
    }

    .pro_box{
        padding: 40px 0px;
    }

    .pro_box ul{
        flex-direction: column;
        height: auto;
    }

    .pro_box ul li{
        height: auto;
        width: 100%;
        background-position: center bottom;
        margin-bottom: 10px;
    }

    .pro_box ul li .text{
        font-size: 17px;
        display: none;
    }

    .pro_box ul li .more{
        display: block;
        bottom: 0px;
        padding: 5%;
        position: relative;
    }

    .pro_box ul li .more h2{
        font-size: 15px;
        margin-bottom: 10px;
    }

    .pro_box ul li .more p{
        display: none;
    }

    .pro_box ul li .more h3 a{
        font-size: 13px;
    }

    .pro_box1{
        padding-bottom: 40px;
    }

    .pro_swiper .swiper-slide a .img img{
        margin-bottom: 10px;
    }

    .pro_swiper .swiper-slide a h2{
        font-size: 15px;
    }

    .pro_swiper .swiper-slide a p{
        font-size: 12px;
    }

    .pro_box2{
        padding: 40px 0px;
    }

    .pro_box2 .nr{
        flex-direction: column;
    }

    .pro_box2 .nr .left{
        width: 100%;
        margin-bottom: 15px;
    }

    .pro_box2 .nr .right{
        width: 100%;
    }

    .pro_box2 .nr .right p{
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    .pro_banner{
        top: 50px;
        height: 200px;
    }

    .pro_lj{
        margin-top: 20px;
    }

    .prod_box{
flex-direction: column;
margin-top: 100px;
    }

    .prod_box .left{
        top: -80px;
    }

    .prod_box .left img{
        max-width: 420px;
        width: 100%;
        height: auto;
    }

    .prod_box .right{
        top: -70px;
    }

    .prod_box .right h2{
        color: #333;
        font-size: 20px;
        margin-bottom: 15px;
    }

    .prod_box .right p{
        font-size: 14px;
        line-height: 26px;
    }

    .prod_box1{
        margin-top: -40px;
    }

    .prod_box1 ul li{
        line-height: 45px;
        font-size: 15px;
    }

    .prod_box2{
        padding: 30px 0px;
    }

    .prod_box2 .nr p{
        font-size: 14px;
        line-height: 28px;
    }

    .dingwei{
        top: -50px;
    }

    .prod_box3{
        padding: 30px 0px;
    }

    .prod_box3 table tr th{
        font-size: 15px;
        line-height: 45px;
    }

    .prod_box3 table tr td{
        font-size: 14px;
        line-height: 22px;
        padding: 10px 5px;
    }

    .prod_box3 table tr th:nth-last-child(1),.prod_box3 table tr td:nth-last-child(1){
        display: none;
    }

    .down{
        padding: 40px 0px;
    }

    .down_nav{
        flex-direction: column;
    }

    .down_nav .search{ width: 100%; height: 45px; box-sizing: border-box; margin-bottom: 15px;}

    .down_nav .search .text{
        line-height: 45px;
        font-size: 14px;
    }

    .down_nav .search .btn{
        height: 45px;
    }

    .down_nav .down_nav1{
        width: 100%;
        line-height:24px;
        white-space: normal;
        box-sizing: border-box;
        padding: 10px;
    }

    .down_nav .down_nav1 a{
        font-size: 14px;
        white-space: nowrap;
        padding: 0px 8px;
    }

    .down1{
        padding: 30px 0px;
    }

    .down1 table tr th{
        font-size: 15px;
        line-height: 45px;
        width: auto;
    }

 .down1 table tr th:nth-child(4),.down1 table tr th:nth-child(5){
        display: none;
    }

    .down1 table tr td{
        font-size: 14px;
        line-height: 22px;
        padding: 10px 5px;
    }

.down1 table tr td:nth-child(4),.down1 table tr td:nth-child(5){
        display: none;
    }

    .down_nav .down_nav2{
        font-size: 15px;
    }

    .down_nav .down_nav2 a{
        padding: 5px 10px;
    }

    .faq_nav{
        padding: 30px 0px;
    }

     .faq_nav a {
        font-size: 13px;
        line-height: 40px;
        white-space: nowrap;
        padding: 0px 10px;
        flex: auto;
    }

    .faq_nav a.on::after {
        bottom: -8px;
        display: none;
    }

    .faq_list ul li{
        padding: 10px 0px;
    }

    .faq_list ul li b{
        font-size: 12px;
        margin: 0px 8px;
        padding: 5px;
    }

    .faq_list ul li a{
        font-size: 14px;
        width: calc(100% - 160px);
    }

    .faq_list ul li span{
        font-size: 12px;
    }
}

@media (max-width:640px) {

}