@media (min-width: 40em) {
    .nav-collapse li a:hover{background: #1461af}
    .nav-collapse li i{display:none}
    .nav-collapse > ul > li > a.active{background:#1461af}
    .nav-collapse > ul{margin: auto;clear: both;height: 46px}
    .nav-collapse > ul > li{width: 12.2%;float: left;line-height: 46px;position: relative;z-index: 999;overflow: hidden;transition:background-color .5s}
    .nav-collapse > ul > li > ul{position: absolute;padding:0 0 .5em 0;left:0;right:0;transition: all .4s ease-in-out;border-radius: 0 0 5px 5px}
    .nav-collapse > ul > li > ul li{opacity: 0;transform:translateY(-10px);transition: all .5s ease-in-out;z-index: 1;text-align:center;line-height: 2.5em}
    .nav-collapse > ul > li > ul li > a{color: #1B1B1B;font-size: 13px;display:block;margin-bottom: 1px}
    .nav-collapse > ul > li > ul li > a:hover{color:#fff;background: rgba(22, 197, 172, 0.5)}
    .nav-collapse > ul > li.hover{overflow: visible}
    .nav-collapse > ul > li.hover > a{background:#16b3ac}
    .nav-collapse > ul > li.hover ul li{opacity: 1;transform:translateY(0);background: rgba(255, 255, 255, .7)}
    .nav-collapse > ul > li > a{font-weight:bold;text-shadow: 0px 1px 2px #127d79;color: #fff;text-decoration: none;display: block;text-align: center;font-size: 16px;letter-spacing:2px;height: 46px;line-height: 46px;-webkit-font-smoothing: subpixel-antialiased}
    .nav-collapse > ul > li:last-child > a{text-shadow: none;border:none;background: #fff;border-radius: 3px;color: #16b3ac;line-height: 26px;height: 26px;width: 66%;margin: 10px auto}
    .nav-collapse li.active > a{/* color: black; *//* background:#DC0608; *//* text-shadow:0 1px 1px #1B1B1B; *//* border-bottom-color: red; */}

}


@media (min-width: 576px){
    .layuicontainer {
        max-width: 95%;
    }
}
@media (min-width: 768px){
    .layuicontainer {
        max-width: 95%;
    }

}
@media (max-width: 1580px) and (min-width: 1280px){
	.layui-container {
        width: 1200px!important;
        padding: 0;
    }
	#main_page .main_right{width:83%}
	.banner .owl-nav{right:5%}
	.navFix{min-width: 190px}
	.zj_level .zj_item ._img{height: 120px}
	.shortcut_nav ul{padding:2px 12px 6px 12px}
	.ks-lists .ks_item a{background-position:84% center}
	.ks-lists .ks_item a:hover{background-position:90% center}
}

@media (max-width: 3840px) and (min-width: 1581px){
	.layui-container {
        width: 1500px;
    }

}
@media (max-width: 1025px) and (min-width: 767px){

    .banner .owl-item > div a .-thumb{
        min-height:393px!important;
        width:100%!important;
    }
    #index_page .news_box ul li span{
        display:none;
    }
    .zjjj .-title .-subcat{right:28%}
    .zjjj .zj_item botton{width:93%}
    .btn_group div{padding:1.4rem 1rem 1rem 18%}
    .qrcode img, .qrcode div{width:21%}
    
    .child-menu{flex-wrap:wrap; margin:0 -.5em}
	.child-menu > div{margin-bottom:1em}
	.child-menu > div p{
	    left:0;right:0;top:0;width:auto;
	    padding: 6em 3em 0;
        background-color: transparent;
        background-image: linear-gradient(180deg, rgb(255 255 255 / 25%) 10%, rgb(255 255 255 / 85%) 50%);
	}
	.child-menu > div ul{
	    left:0;right:0;top:0;width:auto;
	    padding-top: 5em;
        background-color: transparent;
        background-image: linear-gradient(90deg, rgb(255 255 255 / 100%) 16%, rgb(255 255 255 / 0%));
	}
	.child-menu > div ul a{padding-bottom:1px solid }
}
@media (max-width: 1499px) {
    .banner .owl-item > div a .-thumb{width:80%;min-height:386px}
    .shortcut_nav ul li{line-height:47px}
}
@media (max-width: 768px) {
	.layui-container {width: 95%!important;padding: 0}
    .main_left{display:none}
	.main_right{width: 100%;margin:auto;float: none}
    .hide-sm{display: none}
    .pl-0{padding-left:15px!important}
    .pr-0{padding-right:15px!important}
    .top{background-image: url("/images/logo.jpg");background-repeat: no-repeat;background-size: 82%;background-position: left 1rem;height: 139px}
    .top img{display: none}
    .text-logo{display: none}
    .nav-toggle{top: -80px}
    .nav_wrap{height: 0;position: absolute;top: -50px;left:0;right:0}
    .nav_wrap > div{z-index:9999}
    #search{padding: 0;text-align: left;position: absolute;top: 96px;left:0;right:0;width:100%;font-size: 14px;    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;}
    #search > div{display: none}
    #search .oa_btn{display:none}
    #search #keyword{width: 70%;margin-top:0}
    #search .searchBtn{flex:1;margin-top:0;top:0}
    .banner{background:none}
    .main_right .news_box{padding:4px 0 3px}
    .main_right .news_box .-title .-more{right:-18px}
    .zjjj .-title{margin-left:.5rem;margin-right:.5rem}
    .ksjs .-title{margin-left:.5rem;margin-right:.5rem}
    .subcats{display: none}

    .tag_body.active{height:auto}
    .bread h2{float:inherit;text-indent: 0;height: 30px;width: 100%; background-image: none!important}
    .bread{text-align: left;padding-left: 20px}
    .right_content{padding: 1rem .5em 1em .5em}
    .right_content > div img{width:100%}
    .right_content p img{width:90%; margin: auto; display: block}
    .news-list{padding:1em}
    .news-list .-thumb{max-height: max-content}
    .carousel-indicators{display: none}
    .carousel-item img{height: 270px}
    div[id^=chinazads]{display: none}
    .bottomInfo .qrcode{position: static;margin: auto;padding:1em}
    .bottomInfo{padding:2em;font-size: 12px}
    .owl-carousel .owl-item a img{height:auto}
    .banner .owl-item > div a .-caption{float: none;left: 0;bottom: 22px;top: auto;background-color: rgba(107, 203, 202, 0.34);text-align: center}
	.banner .owl-item > div a .-thumb{width: 100%;min-height: 60vw}
	.banner .owl-dots{display:none}
	.owl-theme .owl-nav{left: 5%}
	.btn_group{margin-left:0;margin-top: 1rem;display: flex;flex-direction: row;flex-wrap: wrap}
	.btn_group div{padding:1rem 1rem 1rem 15%}
	.btn_group div > span{font-size: 36px;left: 4%;top: 17%;border: none}
	.btn_group h2{font-size:16px}
	.sbzs .imgNews{width:100%;margin-bottom: 1rem}
	.main_right .news_box ul li a{width: 15rem}
	.main_right .news_box .-topimg a{font-size: 14px}
	.qrcode{padding-right:0;text-align:center;background:none}
	.qrcode img{width:30%;float: none}
	.qrcode div{width:auto;float: none}
	#app_zj .zj_level .zj_item ._img{height: 190px}
	.zj_face{display:block;width:65%!important;margin:1.5rem auto}
	.ks-lists .ks_item a{background-position:94% center}
	.zjjj .-title .-subcat{top:60px;right:21%;z-index:3}
	.main_right > div:nth-child(1) .news_box ul li a{width:17rem}
	.float_right_info{width:100%;text-align:center; padding:2em 0 1.5em}
	.nav-collapse{display:none}
	
    .child-menu{flex-wrap:wrap; margin:0 -.5em}
	.child-menu > div{margin-bottom:1em}
	.child-menu > div p{
	    left:0;right:0;top:0;width:auto;
	    padding-top: 5em;
        background-color: transparent;
        background-image: linear-gradient(180deg, rgb(255 255 255 / 25%) 10%, rgb(255 255 255 / 85%) 50%);
	}
	.child-menu > div ul{
	    left:0;right:0;top:0;width:auto;
	    padding-top: 5em;
        background-color: transparent;
        background-image: linear-gradient(90deg, rgb(255 255 255 / 100%) 16%, rgb(255 255 255 / 0%));
	}
	.child-menu > div ul a{padding-bottom:1px solid }
	
	#DepartmentPhoneNumber {
    display: flex;
    border: none;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: column;
	}
	#DepartmentPhoneNumber tbody{margin-bottom:1em}
	#_ideConac{position:static}
	#imgConac{width:42%;display:block;margin:.5em auto}
}