body{background: #F7F7F7;}
.Page{margin:0 auto 10px;}
.hsdjzt_head { width:100%; background: #fff;}
.top {width:100%; background: url("/xlgl/images/dj_top_bg.png") top center no-repeat; height: 355px;}
.nav { width:100%; height:54px; background: #CC281D;}
.nav ul { width:1180px; margin:0 auto;}
.nav li { display: block; height:54px; float:left;}
.nav li a { color:#fff; font-size:18px; display: block; height:54px; line-height: 54px; float:left;text-align: center; padding:0 22px;}
.nav li .on { background:url(/xlgl/images/dj_nav_on.png) center 47px no-repeat #EA5247; }
.nav li a:hover { background-color:#EA5247;}
.nav .right a{float: right; font-size:16px; color:#fff;
    display: block;
    line-height: 54px;
    padding-right: 10px;
}
.nav li.nav_li{display:none;}


.newsList{ width:384px; float:left; display:inline; background:#fff;overflow:hidden; margin-right:10px; margin-top:10px; border:1px solid #ddd; padding-bottom:10px;}
.newsList .hd{ height:42px; line-height:42px; position:relative; z-index:1; border-bottom:1px solid #D11D1D; margin:0 25px;}
.newsList .hd ul{ float:left;  height:42px; text-align:center; z-index:3;}
.newsList .hd ul li{ float:left; cursor:pointer; padding:0 30px; height:42px; text-align: center; line-height:42px; font-family:"微软雅黑","黑体";position:relative;}
.newsList .hd ul li a{color:#D11D1D; font-size:18px; padding-left:10px;}
.newsList .hd ul li.on{ height:39px; line-height:42px; border-bottom:5px solid #D11D1D; z-index:10;  background: url("/uiFramework/commonResource/image/2022062115515925762.jpg") 5px center no-repeat; }
.newsList .bd{ margin:0 25px; float:left; overflow: hidden;}
.newsList .bd ul{zoom:1; padding-top:8px;}
.newsList .bd li { line-height:42px; background:url(/uiFramework/commonResource/image/2022062115182443008.jpg) 6px 20px no-repeat; padding-left:20px;}
.newsList .bd li a {float:left;
     width:270px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
    display: block;
    padding-right: 10px;
    font-size: 16px;
 }
.newsList .bd li span { font-size: 12px; color:#929292; float:right;}
#dzzhd{margin-right:0;}

.list{ width:384px; float:left; display:inline; background:#fff;overflow:hidden; margin-right:10px; margin-top:10px; border:1px solid #ddd; padding-bottom:10px;}
.tabHd{ height:42px; line-height:42px; position:relative; z-index:1; border-bottom:1px solid #D11D1D; margin:0 25px;}
.tabHd ul{ float:left;  height:42px; text-align:center; z-index:3;}
.tabHd ul li{ float:left; cursor:pointer; padding:0 30px; height:42px; text-align: center; line-height:42px; font-family:"微软雅黑","黑体";position:relative;}
.tabHd ul li a{color:#D11D1D; font-size:18px; padding-left:10px;}
.tabHd ul li.on{ height:39px; line-height:42px; border-bottom:5px solid #D11D1D; z-index:10;  background: url(/uiFramework/commonResource/image/2022062115515925762.jpg) 5px center no-repeat; }
.tabBd{ margin:0 25px; float:left; overflow: hidden;}
.tabBd ul{zoom:1; padding-top:8px;}
.tabBd li { line-height:42px; background:url(/uiFramework/commonResource/image/2022062115182443008.jpg) 6px 20px no-repeat; padding-left:20px;}
.tabBd li a {float:left;
     width:270px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
    display: block;
    padding-right: 10px;
    font-size: 16px;
 }
.tabBd li span { font-size: 12px; color:#929292; float:right;}
.ohterlink{display:none;}

/*---------自适应代码-------*/
@media only screen and (max-width:1025px) {
    .nav ul,.zt_bigbox .bd li a,.echarts_box{
        width:100%;
    }
.top{
    background-size: 100% 100%;
    height: 20vh;
}
.Page{width:94%;}
.nav{height:auto;}
.nav li a{padding:0 5px;}
.newsList,.list{float:none;width:100%;display: inline-block;}
.newsList .hd ul li{padding:0 20px;}
.newsList .hd,.newsList .bd,.tabHd,.tabBd{float: none;margin:0 10px;}
.newsList .bd li a,.tabBd li a{width:85%;padding-right: 0;}
#right{float:none;width:100%;}
.Map{
    width: 100% !important;
    height: auto !important;
    margin-top: 5px;
}


	
}
@media screen and (max-width:768px) {

}
@media screen and (max-width:500px){


}
@media screen and (max-width:480px){

}

@media screen and (max-width:375px){
	
	
}
@media screen and (max-width: 360px) {


}