@charset "utf-8";
/* CSS Document */
@import url(reset.css);
@import url(header.css);
@import url(footer.css);


.Address{ height: 40px; font-size: 14px; color: #505050; line-height: 40px; padding: 10px 0;}


.Main{width: 1160px;padding: 0 20px 20px;background: #FFF;overflow: hidden;}

/*左侧栏目列表*/
.LeftNav{ width: 262px;}
.LeftNav>h1{display: block;height: 52px;text-align: center;line-height: 52px;background-color: #015293;font-size: 18px;color: #FFF;font-weight: bold;cursor: default;}

.LeftNav .navList>li{ position: relative; overflow: hidden; margin-bottom: 3px;}
.LeftNav .navList>li>a{ display: block; font-size: 16px; color: #505050; line-height: 20px; padding: 19px 30px 19px 18px; background: url(PublicList_ico_1.png) no-repeat 92% center #f5f5f5;}
.LeftNav .navList>li:hover>a,.LeftNav .navList>li.on>a{ background-color: #ffdede;}



/*右侧*/
.RightBox{ width: 880px;}
.RightBox>.Title{ height: 51px; border-bottom: 1px solid #e5e5e5;}
.RightBox>.Title>span{display: inline-block;float: left;height: 50px;line-height: 51px;border-bottom: 2px solid #015293;font-size: 16px;color: #015293;padding: 0 15px;font-weight: 500;}
.RightBox>.Title>a{display: inline-block;float: left;height: 50px;line-height: 51px;font-size: 16px;padding: 0 11px;margin-right: 15px;font-weight: 500;}
.RightBox>.Title>a.on,
.RightBox>.Title>a:hover{ border-bottom: 2px solid #015293; color: #015293;}

/*文章列表*/
.NewsList{padding: 10px 0;/* border-bottom: 1px solid #ededed; */min-height: calc(100vh - 882px);}
.NewsList li{position: relative;overflow: hidden;font-size: 16px;line-height: 34px;margin: 5px 0;padding-left:20px;background: url(d_icon.png) no-repeat 2px center;}
.NewsList li a{ display: inline-block; float:left; max-width: 80%; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; color: #474747; transition: all 0.3s;}
.NewsList li span{ display: inline-block; float: right; text-align: right; width: 18%; color: #999;}
.NewsList li:hover a{ color: #015293; padding-left: 1%;}
.NewsList li.b{padding:0;border-bottom: 1px solid #ededed;line-height: 0;}

/*图片列表*/
.ImgList{padding:0;margin:0;height: auto;overflow: hidden;}
.ImgList li{float:left;padding-left:0px;margin: 15px 5px 15px 14px;_margin:15px 5px 15px 15px;width:199px;}
.ImgList li img{padding: 4px;border: 1px solid #ccc;}
.ImgList span{overflow: hidden;white-space: nowrap;word-break: keep-all;text-overflow: ellipsis;float: left;display: inline-block;text-align: center;width: 200px;height: 30px;line-height: 30px;}


/*文章概览*/
.PageMainBox.ContentPageBox { padding: 10px 20px;}



@media screen and (max-width:600px ) {
    
    .Address{ height: auto; line-height: 1.3; padding: 10px 0;}
    
    .Main{ width: auto; padding:0 10px 20px; background: #FFF; }
    .Main .f_l,.Main .f_r{ float: none;}
    .Main *{ box-sizing: border-box;}

    /*左侧栏目列表*/
    .LeftNav{ width: auto; padding-bottom: 15px; border-bottom: 1px dashed #DDD;}
    .LeftNav .navList{ overflow: hidden; border-left: 1px solid #ddd;}
    .LeftNav .navList>li{ float: left; margin:0; width: calc(100% / 2); border: 1px solid #ddd; border-top: none; border-left: none;}
    .LeftNav .navList>li>a{width: 100%;font-size: 14px;padding: 10px;background: #f5f5f5;text-align: center;position: relative;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;word-wrap:normal;}
    .LeftNav .navList>li:hover>a,.LeftNav .navList>li.on>a{ background-color: #ffdede;}
    
    /*右侧*/
    .RightBox{ width: auto; margin-top: 15px;}
    .RightBox>.Title{ min-height: 50px; height: auto; overflow: hidden;}
    .RightBox>.Title>a{height: 50px; margin-right: 0px; text-align: center; padding: 0 5px;}

    /*文章列表*/
    .NewsList{ }
    .NewsList li{font-size: 14px;line-height: 28px;margin: 5px 0;padding-left:20px;background: url(d_icon.png) no-repeat 2px 12px;}
    .NewsList li a{max-width: calc(100%);}
    .NewsList li span{float: left;width: 100%;white-space: nowrap;position: relative;overflow: hidden;text-align: left;}
    
    .msg-list li a{width: 60%;height: 100%;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;margin: 0px !important;}
    .msg-list li span{float:right; width:30%;}
    
    /*图片列表*/
    .ImgList{padding:0;margin:0;}
    .ImgList li{margin: 15px auto 0;_margin:15px 5px 15px 15px;width: 100%;text-align: center;}
    .ImgList li img{padding: 4px;border: 1px solid #ccc;}
    .ImgList span{float: inherit;margin: 0 auto;}

    
    /*w列表内容*/
    .PageMainBox.ContentPageBox { padding: 10px;}
    .smsq_c{width: 100% !important;}
    
    .RightBox .guidang_img{left: auto;right: -30vw;top: auto;}
    .layui-form-item .layui-form-label{ padding: 9px 0px;}
    .tjan{margin-left:50px;}
}