.navbar{
    display: none;
}
@media screen and (max-width: 1200px) {
    .container{
        max-width: 100%;
    }
    .header-nav{
        display: flex;
    }
    .header-nav .header-nav-logo{
        width: 30%;
    }
    #nav{
        width: 70%;
    }
    #nav ul li{
        margin:0;
    }
    #nav ul{
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
    #anli .logos{
        max-width: 100%;
        padding: 10px 0;
    }
    .main_visual,.main_image li span{
        min-height: auto;
        height: 500px;
    }
    .main_image{
        height: 500px;
    }
    div.flicking_con{
        top:auto;
        bottom: 20px;
    }
    .main_image li .img_2, .main_image li .img_1{
        background-position: center center!important;
    }
    .con_pro ul li{
        width: 30%;
        margin: 0 1% 1% 1%;
    }
    .con_pro ul li a{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .con_pro ul li .tex_title_left span{
        width: auto;
    }
    #about{
        display: flex;
        justify-content: space-around;
    }
    #about .tex{
        width: 45%;
        margin:0;
    }
    #about .lx{
        width: 45%;
        margin:0;
    }
    .container_nei .container{
        display: flex;
        flex-wrap: wrap;
    }
    .con_list{
        width: 23%;
    }
    .con_list ul li a{
        width: 100%;
    }
    .con_nei{
        width: 75%;
    }
    .con_pro_nei ul li{
        width: 29%;
        margin: 1%;
    }
    .con_pro_nei ul li img{
        width: 100%;
        height: auto;
    }
    .con_list ul li a{
        padding: 10px 0;
    }
    .con_lx_col{
        width: 20%;
        margin: 10px 0;
    }
    .contact-nav{
        justify-content: space-around;
    }
    .con_lx_col p{
        font-size: 12px;
    }
    .con_lx_col span{
        font-size: 14px;
    }
    .con_lx_col{
        border:1px solid #E8E8E8
    }
    .con_news ul li{
        width: 45%;
        margin: 15px 0;
    }
    .con_news ul{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .con_news ul li {
        display: flex;
    }
    .con_news ul li .tex{
        width: 80%;
    }
    .con_news ul li .btnn{
        width: 20%;
    }
    .con_news ul li .tex .con_dd{
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .con_list ul{
        width: 100%;
    }
    .con_anli ul li{
        width: 30%;
    }
    .con_anli ul li a{
        width: 100%;
    }
    .con_anli ul li .pic,.con_anli ul li .pic img{
        width: 100%;
        height: auto;
    }
    
}
@media screen and (max-width: 850px) {
    #nav ul li a{
        font-size: 14px;
    }
    .main_image{
        height: 300px;
    }
    .main_image li .img_2, .main_image li .img_1{
        background-position: center center!important;
    }
    .main_visual,.main_image li span{
        min-height: auto;
        height: 300px;
    }
    #footer .col_1{
        width: 100%;
    }
    #footer .logo{
        display: none;
    }
   

}
@media screen and (max-width: 768px) {
    #footer .col_1 .hang_1 a{
        margin-right: 5px;
    }
    #footer{
        overflow: hidden;
    }
    .con_news ul li{
        width: 100%;
    }
    .header-nav{
        display: none;
    }
   .navbar{
       display: flex;
   }
   .navbar-logo{
       width: 180px;
   }
   .navbar-logo img{
       width: 100%;
   }
   .con_pro ul li{
    width: 47%;
    }
    #about {
        background:none;
    }
    #about .container{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #about .tex{
        width: 90%;
    }
    #about .lx{
        width: 90%;
        color:#565656;
    }

    .con_list{
        width: 100%;
    }
    .con_list ul li a{
        width: 100%;
    }
    .con_nei{
        width: 100%;
    }
    .con_pro_nei ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .con_pro_nei ul li{
        width: 48%;
        margin:10px 0 0 0 ;
    }
    .container_nei .title_dd img{
        display: none;
    }
}