@media (max-width: 1600px) {
  .container{
    padding: 0px 40px;
  }

  .pro_box_r ul li{
    width: calc(25% - 30px);
  }

}

@media (max-width: 1366px) {
  .pro_box_r ul li{
    width: calc(33.3% - 30px);
  }

}

@media (max-width: 960px) {
  body {
    min-width: auto;
  }

  .container{
    width: 100%;
    padding: 0px 20px;
  }

  .top{
    min-width: auto;
  }

  .top .logo{
    padding: 15px 0px;
    padding-left: 0px;
  }

  .top .logo img{
    height: 42px;
  }

  .nav_dh{
   border-bottom: 0px;
  }
  

  .nav{
    display: none;
  }

  .nav_dh .tel{
    display: none;
  }
  
  
  .phone_btn{
    display: block;
    position: absolute;
    top: 30px;
    right: 20px;
  }

  .phone_btn {
    display: block;
  }
  .top .phone_btn span {
    width: 20px;
    height: 17px;
    display: inline-block;
    position: relative;
  }
  .top .phone_btn span:before {
    content: "";
    width: 22px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
  }
  .top .phone_btn span:after {
    content: "";
    width: 22px;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .top .phone_btn span i {
    position: absolute;
    top: 50%;
    left: 0;
    width: 22px;
    height: 2px;
    background: #fff;
    margin-top: -1px;
  }

  .search_tc{
    display: none;
  }

  .menu_cot .login{
text-align: center;
padding: 15px 0px;
font-size: 14px;
  }

  .menu_cot .login a i{
    margin-right: 10px;
  }

  .in_banner .swiper-button-next,
  .in_banner .swiper-button-prev {
    width: 40px;
    height: 40px;
    display: none;
  }
  .in_banner .swiper-button-next::after,
  .in_banner .swiper-button-prev::after {
    font-size: 20px;
  }
  .in_banner .swiper-slide a {
    height: auto;
  }
  .in_banner .swiper-slide .pc_img {
    display: none;
  }
  .in_banner .swiper-slide .ph_img {
    display: block;
  }
  
  .in_banner .swiper-slide .wenzi .container{
     padding-top: 40vh;
  }
  
    .in_banner .swiper-slide .wenzi .container h2{
        font-size: 26px;
    }
    
      .in_banner .swiper-slide .wenzi .container p{
          font-size: 14px;
      }

  .in_box{
    padding: 30px 0px;
    background-size: 100% calc(100% - 100px);
  }

  .in_box .bt{
    font-size: 24px;
  }

  .in_box_1{
    flex-direction: column;
  }

  .in_box_1l{
    padding-top: 30px;
    width: 100%;
  }

  .in_box_1l .xbt h2{
    font-size: 20px;
  }

  .in_box_1l .xbt p{
    font-size: 14px;
  }
  
  .in_box_1l .nr p{
    font-size: 14px;
    line-height: 26px;
  }

  .in_box_1l .nr span a{
    font-size: 14px;
  }

  .in_box_1l .dian img{
    width: 30px;
    height: auto;
  }

  .in_box_1r{
    width: 100%;
  }

  .in_box1{
    padding: 30px 0px;
  }

  .in_box1 .bt{
    flex-direction: column;
  }

  .in_box1 .bt .in_box1_bt_l{
    font-size: 26px;
    padding-bottom: 10px;
  }

  .in_box1 .bt .in_box1_bt_r ul{
    flex-wrap: wrap;
  }

  .in_box1 .bt .in_box1_bt_r ul li{
    font-size: 14px;
    margin-left: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
  }

  .in_box2_bt h2{
    font-size: 24px;
  }

  .in_box2_bt span a{
    font-size: 14px;
  }

  .in_box2_nr .hd ul{
    flex-wrap: wrap;
  }

  .in_box2_nr .hd ul li{
    width: 33.3%;
  }

  .in_box2_nr .hd ul li.on::after{
    display: none;
  }

  .in_box2_nr .bd .nr{
    padding: 30px 0px;
  }

  .in_box2_nr .bd .nr a{
    padding: 20px;
  }

  .in_box2_nr .bd .nr a h2{
    font-size: 20px;
  }

  .in_box2_nr .bd .nr a h2 i{
    top:5px
  }

  .in_box2_nr .bd .nr a p{
    font-size: 14px;
  }

  .in_box3_nr_qh .swiper-slide h2{
    font-size: 16px;
  }

  .in_box4{
    padding-top: 30px;
  }

  .in_box4_nr{
    margin-top: 30px;
  }

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

  .in_box4 .container .left{
    position: static;
    width: 100%;
    height: auto;
    padding: 15px;
  }

  .in_box4 .container .left a{
    font-size: 16px;
    line-height: 45px;
  }

  .in_box4 .container .right{
    margin-top: 15px;
    width: 100%;
    height: auto;
  }

  .di{
    padding: 20px 0px;
  }

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

  .di .container .left ul li{
    display: none;
  }

  .di .container .left ul li:nth-last-child(1){
    display: block;
  }

  .di .container .right{
    padding-top: 5px;
  }

  .ny_banner{
    height: 300px;
  }

  .about_box{
    padding: 30px 0px;
  }

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

  .about_box .left{
    position: static;
    transform: translate(0% , 0%);
    width: 100%;
  }

  .about_box .left b{
    width: 60px;
    height: 60px;
  }

  .about_box .left b img{
    width: 26px;
    height: auto;
  }

  .about_box .left h2{
    font-size: 24px;
  }

  .about_box .left p{
    font-size: 14px;
    line-height: 26px;
    height: auto;
  }

  .about_box .right{
    width: 100%;
    height: auto;
  }

  .about_box .bou{
    padding: 0px 20px;
    padding-top: 15px;
  }

  .about_box .bou h2{
    font-size: 18px;
  }

  .about_box1{
    padding: 40px 0px;
  }

  .about_box1 .bt{
    font-size: 24px;
  }

  .about_box1 ul{
    margin: 0px -5px;
  }

  .about_box1 ul li{
    width: calc(33.3% - 10px);
    margin: 0px 5px;
  }

  .about_box1 ul li .img{
    padding-top: 130%;
  }

  .about_box1 ul li h2{
    font-size: 16px;
  }

  .about_box2{
    padding: 30p 0px;
  }

  .about_box2 .bt{
    font-size: 24px;
  }

  .about_box2 .nr{
    padding-top: 30px;
  }

  .about_box2 .nr1 h2,.about_box2 .nr1 h3{
    height: 200px;
    font-size: 16px;
  }

  .about_box2 .nr2 h2,.about_box2 .nr2 h3{
    height: 150px;
    font-size: 16px;
  }

  
.about_box3{
  height: auto;
}

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

.about_box3_l{
  width: 100%;
}

.about_box3_l h2{
  font-size: 50px;
}

.about_box3_l h3{
  font-size: 20px;
  margin-top: -10px;
}

.about_box3_l p{
  width: 100%;
  font-size: 14px;
  line-height: 26px;
}

.about_box3_r{
  height: auto;
  width: 100%;
  padding-left: 0px;
  padding-bottom: 20px;
}

.about_box3_r .swiper-slide{
  padding: 20px 10px;
}

.pro_box{
  flex-direction: column;
}

.pro_box_l{
  width: 100%;
}

.pro_box_l h2{
  height: 50px;
  line-height: 50px;
  font-size: 18px;
}

.pro_box_l a{
  display: inline-block;
  line-height: 45px;
  font-size: 15px;
  padding: 0px 10px;
}

.pro_box_r{
  width: 100%;
}

.pro_box_r ul{
  margin: 0px -10px;
}

.pro_box_r ul li{
  width: calc(50% - 20px);
  margin: 0px 10px;
}

.pro_box_r ul li .nr{
  flex-direction: column;
  align-items: flex-start;
}

.pro_box_r ul li .nr h3 a{
  display: inline-block;
  margin-top: 5px;
}

.pro_bt{
  font-size: 20px;
}

.pro_d_box{
  flex-direction: column;
}

.pro_d_box_l{
  width: 100%;
  height: 200px;
}

.mySwiper{
  width: 80px;
}

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

.pro_d_box_r{
  width: 100%;
}

.pro_d_box_r p{
  font-size: 14px;
  line-height: 24px;
}

.pro_d_box1{
  padding: 20px 0px;
}

.pro_d_box1_bt{
  height: 45px;
  line-height: 45px;
  font-size: 18px;
}

.pro_d_box1_nr{
  font-size: 14px;
}

.pro_d_box1_nr p{
  line-height: 26px;
}

.case_detail{
  flex-direction: column;
}

.case_detail_l{
  width: 100%;
  padding: 30px 0px;
}

.case_detail_l .bt h2{
  font-size: 24px;
}

.case_detail_l .bt h3{
  font-size: 14px;
}

.case_detail_r{
  padding-top: 0px;
  width: 100%;
}

.jobli li .link h2{
  font-size: 16px;
}

.jobli li .link h2 p{
  font-size: 14px;
}

.jobli li .link h3 a{
  font-size: 14px;
  padding: 5px  10px;
}

.jobli li .jobnr h2{
  font-size: 18px;
  padding-bottom: 10px;
}

.contact_box .bt{
  font-size: 20px;
}

.contact_box .nr{
  flex-direction: column;
  height: auto;
}

.contact_box .nr .left{
  width: 100%;
  height: 300px;
}

.contact_box .nr .right{
  width: 100%;
  padding: 15px;
}

.contact_box .nr .right h2{
  font-size: 18px;
}

.contact_box1{
  padding: 30px 0px;
}

.contact_box1 .bt{
  font-size: 20px;
}

.contact_box1 ul li .text{
  height: 50px;
  font-size: 14px;
}

.contact_box1 ul li .text1{
  height: 200px;
}

.contact_box1 ul li .btn{
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  width: 150px;
}

}