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

/* 基础样式 */
.j-source{margin-right: 10px;}
body{background-color: #f5f5f5;}
.j-content-ar{overflow: hidden;}
.j-content-ar table{max-width: 100%;}
.j-section{background-color: #fdfdfd;width: 62.5%;margin: 0 auto;}
.j-article{width: 100%;background: #fff;padding-bottom: 4rem;border: 1px solid #f1f1f2;overflow: hidden;}
.j-article h2{text-align: center;color: #2d577d;font-size: 2.4rem;padding: 2.25rem;}
.j-detail{text-align:center;padding-bottom: 2.25rem;}
.j-content-ar{width: 80%;margin: 0 auto;margin-top: 1rem;font-size: 14px;}
.j-qrcode{text-align: center;background-color: #fff;margin-top: 2.4rem;width: 80%;margin: 0 auto;}
.j-qrcode p{margin-bottom: 1%;margin-top: 4rem;}
.j-content-article{padding-top: 3rem;border-top: 1px solid #d9d9d9;}
.pagecode img{position: relative;left: 50%;margin-left: -64px;}
.pagecode table{margin:0 auto!important;}
.j-icons-box{background-color: #e6e6e6;width: 80%;margin:0 auto;margin-top: 4rem;height: 2.4rem;line-height: 2.4rem;}
.j-icons-box p {margin-left: 2.4rem;color: #9fa0a0;}
.j-jcons-img{margin-right: 1.3rem;}
.j-jcons-img span{color: #9fa0a0;margin-right: 0.875rem;}
.j-jcons-img a{display:inline-block;height: 2.4rem;line-height: 2.4rem;}
.j-jcons-img a img {display: inline-block;vertical-align: middle;}
.bdsharebuttonbox{display: inline;float: right;margin-top: 2px;margin-left: 5px;}
#share{color: #9fa0a0;}
.j-article .ldtitle{font-size:1.2rem;}
.mayor1{width: 90%;clear:both;padding-left: 10%;}
.mayor1 dt{float: left;width: 142px;background:#fff;box-shadow: 0 0 4px 0 rgba(170,170,170,0.50);padding: .4rem;}
.mayor1 dt img{width: 100%;display: block;}
.mayor1 dd h3{font-size: 18px; color: #355e92; line-height:30px}
.mayor1 dd h3 a{color: #355e92;}
.mayor1 dd span{color: #666; font-size:16px; line-height:30px}
.mayor1 dd h3 a:hover{color: #df1a12;}
.mayor1 dd .info{width: 100%;margin-top: 0px;}
.mayor1 dd .info .tl{color: #355e92;margin: 2rem 0 1rem;font-size:1.2rem;font-weight:bold;}
.p-con p{line-height: 24px; color: #666; margin-top:0;text-indent: 0 !important;}
.mayor1 dt.xltu{ float: none; margin:0px auto;}
.xlnk h2{text-align:center;margin:1rem 0;padding:0;}
/* 自适应 */
@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%;}
  .j-content-ar p img{max-width: 100%;}
}

@media screen and (max-width:750px){
  .j-site img{margin-left: 5px;}
  .j-section{margin-top: 0rem;}
  .j-nav, .j-icons-box{width: 95%;}
  .j-content-ar{width: 100%;padding: 0 20px;}
  .j-article{padding-bottom: 2rem;}
  .j-detail{width: 92%;text-align: center;margin: 0 auto;}
  .mayor1{width: 100%;padding-left: 0;}
  .j-icons-box{height: auto;}
  .j-icons-box p{margin-left: 1.4rem;}
}
@media screen and (max-width:600px){
  .j-detail span{display: none;}
  .j-detail a{display: none;}
  .j-detail span:nth-child(1){display: block;}
  .j-detail span:nth-child(2){display: block;}
  .j-article h2{font-size: 26px;}
}
@media screen and (max-width:550px){
  .chare-right{display: none;}
}

@media screen and (max-width:450px){
  .j-qrcode p, .j-icons-box{margin-top: 2rem;}
  .j-content-ar{padding: 0 10px;}
  .j-article h2{padding: 2.25rem 15px;}
  .j-detail{padding-bottom: 1.25rem;}
}