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

  .container1{
    padding-left: 60px;
  }

  .container2{
    padding-right: 60px;
  }

  .nav .nLi h3 a{
    padding: 0px 15px;
  }
  
}

@media (max-width: 1500px) {

  .nav{
    padding-left: 10px;
  }

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

  .top .right .huis{
    padding: 0px 10px;
  }

  .top .right .search_i{
    padding-right: 15px;
  }

  .pro_list_l{
    width: 300px;
  }

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

  .pro_list_r ul li a h2{
    font-size: 16px;
  }
  
  .solutionn ul li .right h3{
    max-width: 100%;
  }

}

@media (max-width: 1300px) {
  .nav .nLi h3 a{
    padding: 0px 10px;
  }
}


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

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

  .container1{
    padding-left: 20px;
  }

  .container2{
    padding-right: 20px;
  }

  .top {
    min-width: auto;
    height: 70px;
  }

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

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

  .nav_dh {
    border-bottom: 0px;
  }

  .nav {
    display: none;
  }

  .top .right .search_i{
    display: none;
  }

  .top .right .language{
    display: none;
  }

  .top .right .huis{
    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;
  }

  .top:hover .phone_btn span:before,.top:hover .phone_btn span:after,.top:hover .phone_btn span i{
    background: #333;
  }

  .top.on .phone_btn span:before,.top.on .phone_btn span:after,.top.on .phone_btn span i{
    background: #333;
  }

  .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 .nr .container span a {
    font-size: 14px;
  }

  .in_banner .swiper-slide .wenzi h2{
    padding-top: 30px;
  }

  .in_banner .swiper-slide .wenzi h2 a{
    font-size: 14px;
  }

  .in_banner .swiper-pagination span{
    font-size: 12px;
    text-shadow: 0px 0px 3px #666;
  }

  .ny_dh_g{
    height: 70px;
  }

  .ny_banner{
    height: 250px;
  }

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

  .ny_banner h3{
    font-size: 16px;
  }

  .ny_nav .container{
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 20px;
  }

  .ny_nav_l a{
    font-size: 14px;
    padding: 0px 5px;
    line-height: 45px;
  }

  .ny_nav_r{
    font-size: 14px;
    padding-top: 10px;
  }

  .about_box{
    padding: 30px 10px;
    padding-bottom: 0px;
  }

  .about_box_nr{
    min-width: auto;
    width: 100%;
    padding: 20px 0px;
    padding-left: 20px;
  }

  .about_box_nr .bt span img{
    width: 48px;
  }

  .about_box_nr .bt h2{
    font-size: 24px;
    padding: 10px 0px;
  }

  .about_box_nr .bt h3{
    font-size: 16px;
  }

  .about_box_nr .bt b{
    height: 40px;
  }

  .about_box_nr .bt em img{
    width: 80px;
    height: auto;
  }

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

  .about_box1_nr{
    padding: 20px 0px;
  }

  .about_box1_nr li i img{
    max-height: 30px;
  }

  .about_box1_nr li h2{
    font-size: 12px;
  }

  .about_box1_nr li h2 span{
    font-size: 20px;
  }

  .about_box1_nr li p{
    font-size: 12px;
  }

  .about_boxbj{
    background-size: cover;
  }

  .about_box2{
    padding: 30px 0px;
    flex-direction: column;
  }

  .about_box2_l{
    width: 100%;
  }

  .about_box2_l h2{
    font-size: 24px;
    padding-bottom: 10px;
  }

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

  .about_box2_l ul{
    padding-top: 15px;
  }

  .about_box2_l ul li{
    width: calc(50% - 10px);
    flex: auto;
  }

  .about_box2_l ul li h2{
    font-size: 18px;
  }

  .about_box2_r{
    width: 100%;
    height: auto;
    margin-top: 15px;
  }

  .about_box2_l ul li h2 i img{
    width: 40px;
    height: auto;
  }

  .about_box3{
    padding: 30px 0px;
  }

  .about_box3 .bt{
    position: static;
  }

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

  .about_box3 .bt h3{
    display: none;
  }

  .about_box3_swiper2 .swiper-slide{
    flex-direction:column;
  }

  .about_box3_swiper2 .swiper-slide .left{
    width: 100%;
    padding-top: 0px;
  }

  .about_box3_swiper2 .swiper-slide .left h2{
    font-size: 20px;
    padding-bottom: 10px;
  }

  .about_box3_swiper2 .swiper-slide .left p{
    font-size: 14px;
    line-height: 24px;
  }

  .about_box3_swiper2 .swiper-slide .right{
    width: 100%;
    height: auto;
    padding-top: 10px;
  }

  .about_box3_swiper{
    padding: 0px 40px;
  }

  .about_box3_swiper .swiper-button-prev, .about_box3_swiper .swiper-button-next{
    width: 50px;
    height: 50px;
  }
  
  .about_box3_swiper .swiper-slide{
    margin-top: 0px;
    box-sizing: border-box;
  }

  .about_box4{
    padding: 30px 0px;
  }

  .about_box4 .container .bt{
    font-size: 24px;
    padding-bottom: 20px;
  }

  .about_box4_nr{
    width: 100%;
  }
  
  .about_box4 .swiper-button-prev,.about_box4 .swiper-button-next{
    width: 30px;
    height: 30px;
    right: 20px;
  }
  
  .about_box4 .swiper-button-prev{
    left: auto;
    right: 60px;
  }
  
  .about_box4 .swiper-button-prev:after,.about_box4 .swiper-button-next:after{
    font-size: 20px;
  }

  .about_box4_nr .swiper-slide h2{
    height: 30px;
    line-height: 30px;
    font-size: 13px;
  }

  .about_box5{
    padding: 30px 0px;
  }

  .about_box5 .bt{
    font-size: 24px;
    padding-bottom: 20px;
  }

  .about_box5_nr .swiper-slide h2{
    font-size: 14px;
  }
  
  .about_box5_nr .swiper-slide img{
      height: auto;
  }

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

  .di_l h2{
    flex-wrap: wrap;
  }

  .di_l h2 a{
    font-size: 14px;
    padding-right: 10px;
  }

  .di_r{
    padding-top: 10px;
  }

  .di_r img{
    width: 180px;
    height: auto;
  }

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

  .pro_list_l{
    width: 100%;
  }

  .pro_list_l .bt{
    height: 50px;
    font-size: 16px;
  }

  .pro_nav h2{
    height: 45px;
    font-size: 16px;
  }

  .pro_nav ul li a{
    line-height: 45px;
    font-size: 14px;
  }

  .pro_list_r{
    width: 100%;
    padding-top: 20px;
  }

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

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

  .pro_list_r ul li a p{
    font-size: 14px;
    padding: 5px 0px;
  }

  .pro_detail{
    flex-direction: column;
  }

  .pro_detail_l{
    width: 100%;
    margin-bottom: 15px;
  }

  .pro_detail_r{
    width: 100%;
  }

  .pro_detail_r .bt{
    padding-bottom: 15px;
    margin-bottom: 15px;
  }

  .pro_detail_r .bt h2{
    font-size: 18px;
  }

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

  .pro_detail_r .nr h3{
    width: 100%;
  }

  .pro_detail1 .hd ul li{
    font-size: 16px;
    margin-right: 30px;
  }

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

  .solution ul li{
    padding: 20px 0px;
    flex-direction: column;
  }

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

  .solution ul li .left{
    width: 100%;
    padding-bottom: 15px;
  }

  .solution ul li .right{
    width: 100%;
  }

  .solution ul li .right h2{
    font-size: 18px;
    padding-bottom: 10px;
  }

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

  .solution1{
    padding: 20px 0px;
  }

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

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

  .solution1 ul li a h2{
    font-size: 14px;
  }

  .fanye a, .fanye span{
    font-size: 12px;
  }

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

  .news_detail_l{
    width: 100%;
  }

  .news_detail_l .bt h2{
    font-size: 20px;
  }

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

  .news_detail_r{
    width: 100%;
    margin-top: 15px;
    padding: 15px;
  }

  .news_detail_r ul li{
    margin-bottom: 20px;
  }

  .news_detail_r ul li a h2{
    font-size: 14px;
  }

  .news_list{
    padding: 20px 0px;
  }

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

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

  .news_list ul li .nr{
    padding: 15px;
  }

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

  .hr_bt{
    padding: 30px 0px;
  }

  .jobli li .link h2{
    padding: 15px;
  }

  .jobli li .link h2 b{
    font-size: 16px;
  }
  
  .jobli li .link h2 p{
    font-size: 14px;
    line-height: 24px;
  }

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

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

  .jobli li .jobnr p{
    line-height: 26px;
  }

  .tanc{
    width: 100%;
  }
  
  .contact{
      flex-direction: column;
  }

  .contact_box{
    padding: 20px;
    width: 100%;
  }

  .contact_box ul{
    flex-direction: column;
    padding-top: 20px;
  }

  .contact_box ul li{
    margin-bottom: 15px;
  }

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

  .contact_box1{
    width: 100%;
    height: 250px;
  }

}