@media screen and (min-width: 1920px){
    .layui-row{ margin: 0 auto; width: 70%;}
	.nav ul{ width: 70%;margin: 0 auto;}
	.layui-nav .layui-nav-item a{ padding: 0 20px;}
    #banner{ height: 440px !important;}
}
@media  (min-width: 1300px) and (max-width:1920px){
    .layui-row{ margin: 0 auto; width: 85%;}
	.nav ul{ width: 85%;margin: 0 auto;}
	.layui-nav .layui-nav-item a{ padding: 0 20px;}
    #banner{ height: 310px !important;}
}
@media  (min-width: 993px) and (max-width:1300px){
    .layui-row{ margin: 0 auto; width: 95%;}
    .logo{ height: 70px; padding:10px 5% 0 5%;} 
    .logo img{ height: 70px;}
	.nav ul{ width: 95%;margin: 0 auto;}
	.layui-nav .layui-nav-item a{ padding: 0 10px;}
    #banner{ height: 240px !important;}
    .Newsbox{ margin: 30px auto;}
}
@media  (min-width: 769px) and (max-width:992px){
    .layui-row{ margin: 0 auto; width: 95%;}
    .logo{ height: 50px; padding:10px 5% 0 5%;} 
    .logo img{ height: 50px;}
    .serch{ margin: 25px 5% 20px 0; }
	.nav ul{ width: 95%;margin: 0 auto;}
	.layui-nav .layui-nav-item a{padding: 0; }
    #banner{ height: 200px !important;}
    .Newsbox{ margin: 30px auto;}
    .footer ul li b{ display: block; text-align: center; text-indent: 0rem; line-height: 30px;} 
    .footer ul li{ width: 140px;}
    
    .Listcont dl{background-color:#fff ; width: 100%; border:none;margin-bottom: 0px;}
    .Listcont dl dt{ display: none;}
    .Listcont dl dd{ display: inline-block;}
.view  .zw img{ text-align: center; width:100% !important;}
}
@media screen and (max-width: 769px){
    .layui-row{ margin: 0 auto; width: 95%;}
    .logo{ height: auto; padding: 0;} 
    .logo img{ width: 75%; height: auto;}
    .serch{ margin: 10px 0 10px 0; width: 100%;   }
    .nav{ }
    #banner{ height: 150px !important;}
    .Newsbox{ margin: 20px auto;}
    .footer{ display: none;}
    .footer ul li{ width: 30%;}
    .footer .flogo img {height: 50px; width: auto;}
    .footer ol{ margin-top: 5px;}
.view  .zw img{ text-align: center; width:100% !important;}

    .nav.open{        transform: translateX(0);    }
    .nav{display: flex;
        position: absolute;top: 65px; right: 0; bottom: 0; z-index: 999;
        height: 100vh; background-color: #000;
        width: 100vw; flex-direction: column; align-items: center; justify-content: flex-start;
        transform: translateX(100%);
        transition: 0.3s ease-in-out;        
    }
    .nav li{ display: block;  width: 100%;transform: translateX(20); }
    .burger{ display: block;}
    .burger.on div{        transition: 0.3s ease-in-out;    }
    .burger.on .line1{        transform: rotate(45deg) translate(4px,6px);    }
    .burger.on .line3{        transform: rotate(-45deg) translate(4px,-6px);    }
    .burger.on .line2{ opacity: 0; transform: translateX(10px); transition: 0.3s ease-in-out;}

    .nav .layui-nav{background-color: #000; flex-wrap: wrap;}
    .layui-nav li.layui-nav-item,.layui-nav .layui-nav-item a { display: block; width: 60%; margin: 0 auto ;}
    .layui-nav .layui-this:after, .layui-nav-bar{ display: none;}
    .layui-nav-child{ display: none;}
    .layui-nav .layui-nav-item{ line-height: 45px;}

    .Listcont dl{background-color:#fff ; width: 100%; border:none;margin-bottom: 0px;}
    .Listcont dl dt{ display: none;}
    .Listcont dl dd{ display: inline-block;}

    .list_news span{ display: block; width: 100%;}
    .list_news h5{ display: block; width: 94%; margin: 10px;}
    .Listcont h4 span,.layui-breadcrumb{ display: none !important;}




}