@media (max-width: 1500px) {
  
}

@media (max-width: 1440px) {

  .top .logo{
    width: 140px;
  }

  .top .logo img{
    width: 100px;
  }

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

  .top .tel{
    font-size: 18px;
    width: 200px;
  }

  .about1_nr1 .nr1{
    height: 480px;
  }

  .about1_nr1 .nr2 li{
    height: 220px;
  }

  .pro_list_r ul li{
    width: calc(33.3% - 20px);
  }

  .junior_box1 ul li .img{
    width: 550px;
  }

  .junior_box1 ul li .nr{
    width: calc(100% - 600px);
  }
  

}

@media (max-width: 1330px) {

  .in_box1 ul li .img h2{
    font-size: 30px;
  }
}

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

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

  .top {
    height: 60px;
    top: 0px;
  }

  .top .container {
    height: 100%;
  }

  .top .logo{
    height: 75px;
    width: 120px;
  }

  .top .logo img{
    width: 80px;
  }

  .nav {
    display: none;
  }

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

  .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 .tel{
    display: none;
  }

  .in_banner .swiper-pagination span {
    width: 12px;
    height: 12px;
  }

  .in_banner .swiper-slide .bj .pc_img {
    height: 40vh;
  }

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

  .in_banner .swiper-slide .nr .container h3 {
    font-size: 22px;
  }

  .in_banner .swiper-slide .nr .container h2 {
  padding-right: 0px;
  }

  .in_banner .swiper-slide .nr .container h2 img {
    width: 120px;
  }

  .in_banner .swiper-slide .nr .container span a {
    font-size: 14px;
  }

  .in_box{
    height: auto;
    padding: 80px 0px;
  }

  .in_box .container h2{
    font-size: 22px;
  }

  .in_box .container p{
    font-size: 14px;
  }

  .in_box .container span img{
    width: 120px;
  }

  .in_box1{
    padding: 40px 0px;
  }

  .in_box1 .bt{
    font-size: 30px;
  }

  .in_box1 ul{
    flex-wrap: wrap;
    padding-top: 40px;
  }

  .in_box1 ul li{
    width: calc(50% - 18px);
    margin-bottom: 15px;
  }

  .in_box1 ul li .nr{
    padding: 10px;
    font-size: 14px;
  }

  .di{
    padding: 20px 0px;
  }

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

  .di_l{
    width: 100%;
    font-size: 14px;
    flex-direction: column;
    line-height: 1.6;
  }

  .di_r{
    width: 100%;
    margin-top: 15px;
  }
  
  .di_r h2{
    width: 100%;
    margin: 0px 5px;
  }

  .di1{
    font-size: 12px;
  }

  .ny_banner{
    height: 200px;
  }

.ny_lj{
  padding: 20px 0px;
}

.about_nr .bt{
font-size: 26px;
}

.about_nr .nr{
  padding-top: 20px;
}

.about_nr .nr img{
    width: auto;
    height: auto;
}

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

.about_nr1{
  padding-top: 40px;
}

.about1_nr{
  padding: 25px 0px;
}

.about1_nr .bt{
  font-size: 26px;
}

.about1_nr ul li{
  height: auto;
  padding: 15px;
}

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

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

.about1_nr1{
  padding: 20px 0px;
}

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

.about1_nr1 .bt h3{
  width: 80%;
}

.about1_nr1 .nr{
  flex-wrap: wrap;
  justify-content: center;
}

.about1_nr1 .nr h2{
  width: 50%;
}

.about1_nr1 .nr h2 p{
  font-size: 13px;
}

.about1_nr1 .nr1{
  background: none;
  height: auto;
  flex-wrap: wrap;
}

.about1_nr1 .nr1 li{
  position: static;
}

.about1_nr1 .nr1 li{
  width: 50%;
}

.about1_nr1 .nr1 li h2{
  font-size: 16px;
}

.about1_nr1 .nr1 li p{
  font-size: 13px;
}

.about1_nr1 .nr2{
  margin: 0px -10px;
  margin-top: 20px;
}

.about1_nr1 .nr2 li{
  width: calc(50% - 20px);
  margin: 0px 10px;
  margin-bottom: 20px;
  height: 150px;
  padding: 30px 20px;
}

.about1_nr1 .nr2 li h2{
  font-size: 16px;
}

.about1_nr1 .nr2 li p{
  font-size: 13px;
}

.about2_box{
  padding: 30px 0px;
  margin-bottom: 30px;
}

.about2_box .swiper-slide .img{
  height: 160px;
}

.about2_box .swiper-slide h2{
  font-size: 14px;
  height: 60px;
}

.pro_jj{
  padding-bottom: 20px;
}

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

.pro_list_l{
  width: 100%;
}

.pro_list_l h2{
  height: auto;
  padding: 10px;
}

.pro_list_l a{
  height: auto;
  padding: 10px;
}

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

.pro_list_r ul{
  margin-top: 20px;
}

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

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

.pro_list_r ul li a .nr h3{
  flex-direction: column;
  font-size: 12px;
}


.pro_detail{
  flex-direction: column;
}

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

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

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

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

.junior_nav{
  margin-top: -30px;
}

.junior_nav a{
  height: 60px;
  line-height: 60px;
  font-size: 14px;
}

.junior_box{
  padding: 30px 0px;
}

.junior_box1{
  padding-bottom: 30px;
}

.junior_box1 ul li{
  flex-direction: column;
}

.junior_box1 ul li .img{
  width: 100%;
}

.junior_box1 ul li .nr{
  width: 100%;
  padding-top: 20px;
}

.junior_box1 ul li .nr h2{
  font-size: 26px;
}

.junior_box1 ul li .nr h3{
  font-size: 18px;
}

.junior_box1 ul li .nr h3 span{
  font-size: 14px;
}

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

.junior1_list{
  padding: 30px 0px;
}

.junior1_list ul li{
  padding: 30px 0px;
}

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

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

.junior1_list ul li .left{
  width: 100%;
  padding: 0px !important;
  margin: 0px !important;
  border: 0px !important;
}

.junior1_list ul li .left h2{
  font-size: 20px;
}

.junior1_list ul li .left b{
  margin: 30px 0px;
}

.junior1_list ul li .left span a{
  padding: 15px;
  font-size: 14px;
}

.junior1_list ul li .right{
  width: 100%;
  margin-top: 20px;
}

.junior1_list ul li .right img{
  height: 180px;
}

.layout_jj{
  padding: 30px 0px;
}

.layout_list{
  padding: 30px 0px;
}

.layout_list ul{
  margin: 0px;
  flex-direction: column;
}

.layout_list ul li{
  width: 100%;
  margin: 0px;
  margin-bottom: 25px;
  padding: 20px;
}

.layout_list ul li h2{
  font-size: 20px;
  padding: 20px 0px;
}

.layout_list ul li span a{
  padding: 15px;
  font-size: 14px;
}

.layout_detail{
  margin: 30px 0px;
  flex-direction: column;
}

.layout_detail .left{
  width: 100%;
}

.layout_detail .left .bt{
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.layout_detail .right{
  position: static; 
  width: 100%;
}

.news_list{
  padding: 30px 0px;
}

.news_list ul{
  margin: 0px;
}

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

.news_list ul li a .nr{
  padding: 10px;
}

.news_list ul li a .nr .left{
  width: calc(100% - 70px);
}

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

.news_list ul li a .nr .left p{
font-size: 12px;
}

.news_list ul li a .nr .right{
  width: 70px;
}

.news_list ul li a .nr .right h2{
  font-size: 26px;
}

.news_list ul li a .nr .right p{
  font-size: 12px;
}

.join_box1{
  padding: 30px 0px;
}

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

.join_bt h3{
  width: 80%;
}

.join_box1 .nr ul{
  flex-wrap: wrap;
}

.join_box1 .nr ul li{
  width: calc(50% - 20px);
  padding: 15px;
  margin-bottom: 15px;
}

.join_box1 .nr ul li h2{
  position: static;
  transform: translate(0,0);
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;
  margin-bottom: 10px;
}

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

.join_box2{
  padding: 30px 0px;
}

.join_box2 ul{
  padding-top: 30px;
  flex-wrap: wrap;
}

.join_box2 ul li{
  width: 50%;
  padding: 15px;
}

.join_box2 ul li i{
  width: 80px;
  height: 80px;
}

.join_box2 ul li i img{
  width: 50%;
  height: auto;
}

.join_box2 ul li h2{
  font-size: 16px;
  padding: 15px 0px;
}

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

.join_box3{
  padding: 30px 0px;
}

.join_box3 ul{
  padding-top: 30px;
  flex-wrap: wrap;
  margin: 0px -10px;
}

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

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

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

.join_box4{
  padding: 30px 0px;
}

.join_box4 .nr{
  margin-top: 30px;
  flex-direction: column;
}

.join_box4 .nr .nr_l{
  width: 100%;
}

.join_box4 .nr .nr_l ul li{
  font-size: 14px;
}

.join_box4 .nr .nr_r{
  width: 100%;
}

.join_box4 .nr .nr_r .bt h2{
  font-size: 30px;
}

.join_box4 .nr .nr_r .bt h3{
  font-size: 14px;
}

.join_box4 .nr .nr_r ul li .text{
  font-size: 14px;
}

.join_box4 .nr .nr_r ul li .btn{
  width: 120px;
  height: 40px;
}

}