/*****
*怀化市政府集约化建设子站样式文件
*@crtime:2019年08月5日14:00
*@Company:湖南微象科技有限公司 www.microxiang.com
*@Author:金鑫
*@modifyLog: what when who
*
*/

/* 其础样式 */
body{background-color: #f5f5f5;}
.j-section{background-color: #fdfdfd;width: 1200px;margin: 0 auto;}
.j-list-content{border: 1px solid #f1f1f2;margin-bottom: 2rem;padding-top: 1.5rem;overflow: hidden;}
.j-left-menu{display: inline-block;width: 20%;/* margin-top: 2rem; *//* margin-left:2.6rem; */padding: 0;}
.j-right-list{min-height: 400px;display: inline-block;width: 78%;background-color: #fff;border-left: 1px solid #f1f1f2;padding: 0 1.5rem;border-top: 2px solid #2d577d;padding-bottom: 2rem;}
.j-left-menu li{max-width: 240px;text-align:center;height: 55px;line-height: 55px;background-color:#356189;margin-bottom: 2px;}
.j-left-menu li:first-child{background-color:#4378a8;}
.j-left-menu li a {color:#fff;font-size: 1.2rem;display:block;text-align:left;padding-left:30%;background:url(/nyncj/xhtml/images/th_list_right.png) no-repeat left center;background-position-x:20px;}
.j-left-menu li:first-child a{background:url(/nyncj/xhtml/images/th_list_sj.png) no-repeat left center;background-position-x
:20px;}
.j-left-menu li:hover,.j-left-menu li.on{background-color: #1e69ad;}
.j-img-sj{margin:0 4px 0 0;}
.j-img-right{margin: 0 8px 0 0;}
.j-left-menu p:hover{background-color: #008fc7;}
.j-right-list-box ul li:nth-child(5n+0) {/* padding-bottom: 2.8rem; *//* margin-bottom: 2rem; *//* border-bottom: 1px solid #D8E5EB; */}
.j-right-list-box{/* padding-bottom: 2rem; */margin-top: 2rem;}
.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: #2d577d;}
.j-right-list .j-right-list-box ul li{background: url(../images/th_zx.png) no-repeat left center;padding-left: 1.2rem;line-height: 2.8rem;height: 2.8rem;}
.j-right-list .j-right-list-box ul li a{font-size: 1.1rem;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;max-width: 80%;}
.j-right-list .j-right-list-box ul li a:hover{color:#3e8bc0;}
.j-right-list .j-right-list-box ul li span {float: right;}

/* 自适应 */
@media screen and (max-width:1880px){
  .j-section{width: 70%;}
}

@media screen and (max-width:1660px){
  .j-section{width: 76%;}
}

@media screen and (max-width:1530px){
  .j-section{width: 82%;}
}

@media screen and (max-width:1420px){
  .j-section{width: 90%;}
}

@media screen and (max-width:1290px){
  .j-section{width: 95%;}
}

@media screen and (max-width:1220px){
  .j-header-box, .j-nav,  .j-footer-inner{width: 98%;}
  .j-section{width: 100%;}
}

@media screen and (max-width:920px){
  .j-right-list-box ul li a {width: 85%;display: inline-block;}
  .j-img-sj{display: none;}
  .j-img-right{display: none;}
}

@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){
  .j-site img{margin-left: 5px;}
  .j-section {margin-top: 0;}
  .j-left-menu ul li:first-child{display:none;}
  .j-section{margin-top: 0rem;}
  .j-nav{width: 100%;}
  .h-wzm{margin-top:8rem;}
  .u-txt-word{display:none;}
  .u-btn-search{display:none;}
  .h-search{height:0;}
  .h-menu{text-align:center;}
  .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;}
  .j-right-list{padding: 0 .5rem;}
  .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-list-content{padding-top: 0;margin-bottom: 0;padding-bottom: 10px;}

  .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-left-menu ul{display: table;vertical-align: middle;border-bottom: 1px solid #1d52a6;}
  .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{width: 100%;text-overflow: ellipsis;white-space: nowrap;}
  .j-left-menu li:first-child a{background: none;padding: 0 5px;}
  .j-left-menu li a{background: none;padding: 0 5px;text-align: center;background: #a1a7af;padding: 0 5px;border-right: 1px solid #fff;}
  .j-right-list{border-top: none;}
  .j-left-menu li:first-child {background-color: #a1a7af;}
  .j-left-menu .on a{background: #2d577d;}
}
@media screen and (max-width:450px){
  .j-right-list .j-right-list-box ul li{background: url(../images/th_zx.png) no-repeat left 8px;padding-left: 1rem;height: auto;margin-bottom: 15px;line-height: 1.5rem;}
  .j-right-list .j-right-list-box ul li a{display: block;max-width: 100%;width: 100%;text-overflow: inherit;white-space: inherit;}
  .j-right-list .j-right-list-box ul li span{float: inherit;display: block;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;}
}