/*****
*怀化市政府集约化建设子站样式文件
*@crtime:2019年08月1日14:30
*@Company:湖南微象科技有限公司 www.microxiang.com
*@Author:金鑫
*@modifyLog: what when who
*
*/
/*ico*/
.ico-menu{width: 46px;height: 40px;}
.ico-xwzx{background-position: -262px -21px;top: 15px;}
.ico-bmjj{background-position: -130px -22px; top: 15px;left: -2px;}
.ico-zwgk{ background-position: -192px -21px;top: 15px;left: -6px;}
.ico-hdjl{background-position: -846px -26px;top: 12px;left: -6px;}
.ico-zwff{background-position:-154px -99px;top: 10px;left: -9px;}
.ico-sy{background-position: -225px -96px;  position: relative;top: 9px;left: -8px;}
/* .ico-dzjg {width: 55px;height: 62px;margin-top: 34%;} */
.ico-menu-bk{background-position: 14px -170px;width: 181px;height: 74px;position: relative;}

/* 基础样式 */
.body{background-color: #F3F3F3;}
.j-center-cotent,.j-list-content{max-width: 1200px;margin:0 auto;padding-bottom: 2rem;}
.j-left-menu{display: inline-block;width: 16%;margin: 0;padding: 0;}
.j-right-list{display: inline-block;width: 83%;background-color: #fff;min-height: 400px;}
.j-left-menu li{max-width: 200px;text-align:center;height: 45px;line-height: 45px;background: rgba(25, 172, 253, 0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B219ACFD,endColorstr=#B219ACFD);margin-bottom: 1px;}
.j-left-menu li:first-child{height:55px;line-height:55px;}
.j-left-menu li:hover{background-color: rgba(25, 172, 253, 1);}
.j-left-menu li.on a{background:url(../images/list_right.png) 1.6rem center no-repeat;}
.j-left-menu li a {color:#fff;font-size: 1rem;display: block;}
.j-img-sj{margin:0 4px 0 0;}
.j-img-right{margin: 0 8px 0 0;}
.j-left-menu li a:hover,.j-left-menu li.on{background-color: rgba(25, 172, 253, 0.7);}
.j-right-list-box ul{}
.j-right-list-box{/* padding-bottom: 2.4rem; *//* border-bottom: 1px solid #D8E5EB; */width: 90%;margin: auto;margin-top: 2.5rem;}
.j-right-list .j-right-list-box ul li{background: url(../images/dian_06.png) no-repeat left center;padding-left: 1.2rem;height: 2.5rem;line-height: 2.5rem;}
.j-right-list ul li a{font-size: 1rem;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.j-right-list ul li a:hover{color:#3e8bc0;}
.j-right-list ul li span {float: right;}
.j-right-list-box ul li:nth-child(5n+0) {margin-bottom: 2rem;position: relative;}
.j-right-list-box ul li:nth-child(5n+0)::after{content:'';width:100%;position:absolute;bottom:-18px;left:0;}
.j-left-menu li:first-child{background-color:#008fc7;}
.j-left-menu li a {color:#fff;font-size: 1rem;display: block;text-align: left;padding-left: 3rem;}
.j-left-menu li a{/* background:url(../images/list_right.png) 1.6rem center no-repeat; */}
.j-left-menu li:first-child a{background:url(../images/list_sj.png) 1.6rem center no-repeat;padding-top:0;padding-bottom:0;}
.j-center-cotent, .j-list-content{overflow: hidden;}
/* 自适应 */
@media screen and (max-width:1200px) {
    .share,
    .search-b,
    .share-name {
        display: none !important;
    }
    .nav-sub-ul li:nth-child(-n+2) {
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
    }
    .nav-sub-ul li:nth-child(3) {
        border-bottom: 1px solid #fff;
    }
    .nav-sub-ul li:nth-child(4) {
        border-right: 1px solid #fff;
    }

    .nav-sub-ul li:nth-child(5) {
        border-right: 1px solid #fff;
    }

    .nav-sub li {
        width: 33.3%;
        float: left;
    }

    .nav-sub {
        height: 140px;
    }

    .nav li:first-child {
        display: block !important;
    }
}
@media screen and (max-width:920px){
  .j-right-list-box ul li a{width: 85%;display: inline-block;}
  .j-right-list-box ul li a{display: inline-block;}
}

@media screen and (max-width:830px){
    .ft-dbba {display: block;text-align: center;}
    .j-witdh {width: 100%;}
    .j-right-list-box ul li a{width: 70%;display: inline-block;}
}

@media screen and (max-width:750px){
  .h-top{display: none;}
  .u-txt-word{display:none;}
  .u-btn-search{display:none;}
  .h-search{height:0;}
  .h-menu{text-align:center;}
  .m-search{width:0;}
  .h-menu ul li{width:32%;margin-right: 1%;}
  .h-menu ul li:nth-child(1),.h-menu ul li:nth-child(4){margin-left: 1%;}
  .h-menu ul li:nth-child(1),.h-menu ul li:nth-child(2),.h-menu ul li:nth-child(3){margin-bottom: 1%;}
  .c-jdt{width:100%;}
  .m-zxdt{width: 100%;}
  .ec-fir{width: 100%;}
  .ec-sec{width: 100%;}
  .m-zwgk{width: 100%;padding-bottom: 0;}
  .m-bsfw{width: 100%;padding-bottom:0;height:442px;}
  .m-hdjl{width: 100%;padding-bottom:0;}
  .fr-links h4 {width:47%;}
  .j-footer-bottom{margin-bottom: 1rem;}
  .fr-links:nth-child(1),.fr-links:nth-child(2){margin-left: 1rem;}
  .fr-links:nth-child(3),.fr-links:nth-child(4){margin-right: 1rem;}
  .j-font-size {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  .j-left-menu li.on a{background: none;}
  .j-left-menu,  .j-right-list{float: none;width: 100%;display: block;}
  .j-left-menu ul li:first-child {display: none;}
  .j-left-menu{
    border-radius: 0;
    vertical-align: middle;
    padding: 0 0.5rem;
    margin-top: 0;
    overflow-x: auto;
    height: auto !important;
    min-height: auto;
    line-height: 0;
    width: 100%;
    display: inline-block;
    background: none;
    margin-left: 0;}
  .j-right-list-box{margin-top:0;}
  .j-right-list-box{padding:1.25rem 0;}
  .j-site img{margin-left: 0.875rem;}
  .j-suspension{display: none;}
  .j-center-cotent, .j-list-content{margin-bottom: 0;}

  .j-left-menu li {
    display: table-cell;
    padding: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
   }
   .j-left-menu li a {
    background: none;
    padding: 0 5px;
    text-align: center;
    background: #a1a7af;
    padding: 0 5px;
    border-right: 1px solid #fff;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
   }
   .j-left-menu ul {
    display: table;
    vertical-align: middle;
    border-bottom: 1px solid #5ac1fa;
   }
}
@media screen and (max-width:580px){
  .j-right-list-box{width: 100%;}
  .j-right-list-box {padding: 1.25rem 0.5rem;}
  .j-right-list .btt-list ul li{height: auto;background: url(../images/dian_06.png) no-repeat left 17px;}
}
@media screen and (max-width:480px){
  .j-font-size{display: inline-block;width: 70%;}
}

@media screen and (max-width:450px) {
  .h-menu ul li a i {display: none;}
  .j-right-list .j-right-list-box ul li{padding-left: 1rem;margin-bottom: 15px;line-height: 1.5rem;background: url(../images/dian_06.png) no-repeat left 10px;height: auto;}
  .j-right-list-box ul li a {width: 100%;display: block;text-overflow: inherit;white-space: inherit;}
  .j-right-list ul li span {float: inherit;text-align: left;}
  .pc_paging .paging li.page_count, .pc_paging .paging li.page_index {display: none;}
  .pc_paging .paging li.current, .totoalPageStr {display: inline-block;}
}