/*****
*怀化市政府集约化建设子站样式文件
*@crtime:2019年08月1日21:00
*@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;background-color: #f3f3f3;margin-bottom: 2rem;}
.j-site{padding: 0.875rem 0;}
.j-site img {display: inline-block;margin-left: 1.75rem;}
.j-site p{color:#858586;display: inline-block;position: relative;bottom: 4px;}
.j-site p a{color:#858586;display: inline-block;}
.j-site p a:hover{color:#3e8bc0;}
.j-left-menu{display: inline-block;width: 19%;margin: 0;padding: 0;}
.j-right-list{display: inline-block;width: 80%;background-color: #fff;}
/*.j-left-menu li{max-width: 200px;text-align:center;height: 55px;line-height: 55px;background-color: rgba(25, 172, 253, 0.7);margin-bottom: 2px;} */
.j-left-menu li{max-width: 200px;text-align:center;height: 65px;background-color: rgba(25, 172, 253, 0.7);margin-bottom: 2px;}
.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: #008fc7;}
.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 {color:#fff;font-size: 1rem;text-align: left;padding-left: 3rem;display: table-cell;vertical-align: middle;height: 63px;padding-right: 0.5rem;width: 200px;}
.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;}

/* 自适应菜单 */
#zfxxgk_show_mobile {top:10px;right:10px;}
.zfxxgk_mobile { display:none;}
.zfxxgk_nav_trigger { position: absolute;top: 3px;right:3px; width:45px; height:45px; white-space: nowrap;z-index: 99;cursor: pointer;}
.zfxxgk_nav_trigger span {position: absolute;display: block;width: 45px;height: 45px;background: url(../images/ty_icon.png) no-repeat center;background-size: 50%;transition:all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;}
.zfxxgk_nav_trigger.menu-is-open span {background: url(../images/ty_icon.png) no-repeat center;background-size: 50%;-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}


/* 自适应 */
@media screen and (max-width:920px){
  .j-right-list-box ul li a {width: 85%;display: inline-block;}
  .j-site p a,.j-site p span,.j-site p em {font-size:14px;}
  .j-center-cotent, .j-list-content { margin-bottom: 20px;}
}

@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-wzm{margin-top:8rem;font-size: 2.68rem;}
  .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,  .j-right-list{float: none;width: 100%;display: block;padding-bottom:1px;}
  .j-left-menu{display: none;}
  .j-right-list-box{margin-top:0; width: 94%}
  .j-right-list-box{padding:15px 0;}
  .j-site img{margin-left: 0.875rem;}

  .j-suspension{display: none;}
  
  .j-right-list .j-right-list-box ul li {height:auto;line-height: 24px;padding: 10px 0;background:none;border-bottom: 1px solid #e8e8e8;}
  .j-right-list-box ul li:nth-child(5n+0) {margin-bottom:0;}
  .j-right-list-box ul li a {dispaly:block;font-size:14px;width:100%;overflow: inherit;
    text-overflow: inherit;white-space: inherit;}
  .j-right-list ul li span {font-size:12px;color:#999}
  .j-right-list ul li span { float: none;display: block;text-align: right;}

  .j-list-content { position: relative;}
  .j-left-menu{width:100%;display: block !important;margin-bottom: 15px;}
  .j-left-menu li {width:100%;display: none;max-width: 100%;}
  .j-left-menu li a {width:100%;display: block;line-height: 63px;}
  .j-left-menu li:first-child {display: block !important;}
  #zfxxgk_show_mobile {display: block}

  .fz-rg {width: 100% !important;padding:10px !important;}
  .fz-tab .xxgkldbox li {width:100% !important;}
}

@media screen and (max-width:480px){
  .j-font-size{display: inline-block;width: 70%;}
  .h-wzm{font-size: 2.36rem;}
}

@media screen and (max-width:440px) {
  .h-menu ul li a i {
    display: none;
  }
}
@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;
        height: 40px;
        line-height: 40px;
        box-sizing: border-box;
    }
    .nav-sub li a {font-size:16px;}
    .nav-sub {
        height:82px;
    }

    .nav li:first-child {
        display: block !important;
    }
}