@media screen and (max-width: 1200px) {
    .nav-1 {
        display: inline-block;
        vertical-align: top;
        margin-top: 15px;
        margin-right: 10px;
    }
    .naver{
        white-space: nowrap;
        overflow-y: auto;
    }
    .nav-1 img {
        width: 40px;
        height: 40px;
        position: relative;
    }
    .naver{
        display: flex;
        flex-direction: column;
        /* float: inherit; */
        
    }
    .nav_1{
        height: 75px;
    }
    .qyjj .qyjj_1 .qyjj_tit{
        margin-top: 5px;
    }
   
    .nav  .naver_1{
        white-space: nowrap;
        overflow-y: auto;
        height: 100vh;
        width: 104px;
        position: absolute;
        right: 0px;
        top: 0px;
        background-color: #fff;
        display: none;
    }

    .nav  .naver_1 ul>li>a{
        text-align:center ;
        height: 50px;
        line-height: 50px;
    }
    .nav>.naver_1>ul>li{
        float: inherit;
        display: flex;
        flex-direction: column;
    }
    .nav>.naver_1>ul>li>ul{
        position: inherit;
        top: 0px;
        width: auto;
         display: inline-block;
    }
    .nav>.naver_1>ul>li>ul>li{
        width: 104px;
        height: 50px;
        float: inherit;
    }
    .nav>.naver_1>ul>li>ul{
        display: none;
    }
    .nav>.naver_1>ul>li>ul>li>a{
        width: 64px;
        height: 50px;
        line-height: 50px;
      
    }
    .qyjj{
        flex-direction: column;
        margin-bottom: 40px;
    }
    .qyjj .qyjj_1{
        margin: 0 auto;
        width: 100%;
    }
    .qyjj .qyjj_2{
        margin-left: 0px;
    margin-top: 20px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    }
    .qyjj .qyjj_2 .qyjj_2_a{
        margin-bottom: 0px;
    }
    .qyjj .qyjj_2 .qyjj_2_b{
        margin-bottom: 0px;
    }
    .inner{
        width: 90%;
    }
    
    .hsal-div #btn1,.hsal-div #btn2{
        display: none;
    }
  
    #wrapper{
        width: 100%;
        margin-left: 0px;
    }
    .footer .footer_1 ul{
        width: 100%;
        float: inherit;
        display: flex;
        justify-content: center;
        padding-top: 30px;
    }
    .footer .footer_1 .ewm{
        width: 50%;
        margin-left: 0px;
        text-align: center;
    }
    .footer .footer_1 .lxfs{
        width: 50%;
        margin-left: 0px;
        text-align: center;
 
    }
    /* .cp_list .cp_list_2{
        margin-left: 10px;
        margin-right: 0px;
    }
    .cp_list_2 .lbt{
    width: 80%;
  
    } */
    .cp_list .cp_list_1 ul li a{
        width: 160px;
        height: 65px;
        line-height: 65px;
        font-size: 15px;
    }
    .cp_list .cp_list_1 ul li .act{
        width: 160px;
        height: 65px;
        line-height: 65px;
    }
    .cp_list_4 .list_1 li{
        padding-bottom: 15px;
    padding-top: 15px;
    width: 100%;
    }
    .cp_list_4 .list_1 a{
        width: 100%;
    }
    .cp_list_4 .list_1 div{
        width: 100%;
    }
    .cp_list_4{
        margin-left: 0px;
    }
    .cp_list_4 .list_1 .a1{
      display: none;
    }
    .cp_list_4{
        width: 100%;
    }
    .cp_list.inner{
        width: 95% ;
    }
    .cp_list .cp_list_1 ul {
        position: absolute;
        background-color: #fff;
        display: none;
        z-index: 50;
    }
    .cp_list_1{
        /* background-color: #fff; */
        position: absolute;
        width: 48px;
        height: 48px;
    }
    .cp_list_1 .nav-2{
        /* margin-top:100px; */
        background-color: #fff;
    }
    .nav-2{
        display: block;
    }
    .cp_list_3 .list_1 li{
        width: 30%;
        height: auto;
        margin-right: 0px;
        margin: 0px 1.5%;
        margin-bottom: 10px;
    }
    .cp_list .cp_list_3{
        margin-left:0px;
    }
    .cp_list_3 .list_1 li a img{
        width: 100%;
        height: 400px;
    }
    .cp_list_3 .list_1 li a p{
        width: 100%;
        height: auto;
        line-height: 1.5;
        font-size: 14px;
    }
    .cp_list .cp_list_2{
        margin-left: 0px;
        margin-right: 0px;
    }
    .nav a{
        line-height: 75px;
        height: 75px;
    }
}

@media screen and (max-width: 992px) {
    .cp_list_2 .lbt{
        width: 100%;
    }
    .cp_list_2{
        width: 100%;
    }
	.nav>.naver_1>ul>li>ul{
		display:none;
}

@media screen and (max-width: 768px) {
    .nav a img{
        width: 110px;
        height: auto;
    }
    .qyjj .qyjj_1 .nr img{
        display: none;
    }
    .qyjj .qyjj_1 .nr p{
        margin-left: 0px;
        width: 100%;
    }
    /* .nav_1{
        position: static;
    } */
    .qyjj .qyjj_2 a img{
        display: none;
    }
    .qyjj .qyjj_2 a{
        width: 30%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    /* .qyjj .qyjj_2{
        flex-direction: column;
    } */
    .footer .footer_1 ul {
       /* flex-direction: column; */
       flex-wrap: wrap;
       justify-content: start;
       
    }
    .footer ul li{
        margin: 5px 0px;
        width: 50%;
          float: inherit;
          display: flex;
          justify-content: center;
    }
    .footer .footer_1 .lxfs{
        margin-top: 25px;
    }
    .dibu p{
        line-height: 2;
    }
    .cp_list_4{
        width: 100%;
        /* margin-left: -10%; */
    }
    .cp_list_4 .list_2{
        flex-wrap: wrap;
        justify-content:start;
    }
    .cp_list_4 .list_2 li{
        width: 20%;
        margin: 10px 1.5%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .top .box1{
        height: 200px;
    }
    .top .box2{
        height: 200px;
    }
    .cp_list_4 .list_1 div .jj{
        display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
    }

    .cp_list_3 .list_1 li a img {
        width: 100%;
        height: 100px;
    }
    .cp_list_3 .list_2{
        flex-wrap: wrap;
        justify-content:start;
    }
    .cp_list_3 .list_2 li{
        width: 20%;
        margin: 10px 1.5%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .qyjj .qyjj_2 a div p{
        font-size: 15px;
    }
    .footer ul li a{
        font-size: 15px;
    }
    .footer .footer_1 ul{
        margin-bottom: 0rem;
    }
    .footer .footer_1 .lxfs p:nth-of-type(2){
        font-size: 15px;
    }
    .cp_list_1{
        width: 40px;
        height: 40px;
    }
      .cp_list_1 img{
          width: 100%;
          height: 100%;
      }
      .cp_list .cp_list_1 ul li a{
        width: 160px;
        height: 35px;
        line-height: 35px;
        font-size: 15px;
      }
      .cp_list .cp_list_1 ul li .act{
        width: 160px;
        height: 35px;
        line-height: 35px;
        font-size: 15px;
      }
      .cp_list_4 .list_1 div .title{
        font-size: 15px;
      }
      .cp_list_4 .list_1 li{
        padding-bottom: 5px;
        padding-top: 10px;
      }
      .cp_list_3 .list_2 li{
        margin: 5px 1%;

      }
      .cp_list_3 .list_2 li a{
        padding: 4px 6px;
        font-size: 4px;
      }
      .cp_list_3 .list_2 li span{
        padding: 4px 6px;
        font-size: 4px;
      }


      .cp_list_4 .list_2 li{
        margin: 5px 1%;

      }
      .cp_list_4 .list_2 li a{
        padding: 4px 6px;
        font-size: 4px;
      }
      .cp_list_4 .list_2 li span{
        padding: 4px 6px;
        font-size: 4px;
      }
      .gallery-top{
        width: 80%;
        /* height: 200px; */
      }
      .cp_list_2 .lbt .gallery-thumbs{
        width: 80%;
        height: 75px;
      }
      .lxwm_1 .bst{
          display: none;
      }
      .lxwm_1{
        margin: 0 0px;
        margin-top: 45px;
    }
    .lxwm_1 .grxx{
        margin-left: 0px;
    }
    .ditu{
        height: 400px !important;
    }
    .qyjj .qyjj_1 .nr>p{
        overflow: auto;
    }
  
}
@media screen and (max-width: 560px) {
    .qyjj .qyjj_2 a img{
        display: none;
    }
    .qyjj .qyjj_2 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .qyjj .qyjj_2 a{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px !important;
    }
    .qyjj .qyjj_2 a div{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .banner{
        padding-top: 100px;
    }
    .banner .swiper-container1{
        
    }
    
}
@media screen and (max-width: 320px){
    .gallery-top{
        width: 80%;
        /* height: 100px; */
      }
}