/*****
*怀化市政府集约化建设子站公共样式文件
*@crtime:2019年12月18日10:51
*@Company:湖南微象科技有限公司 www.microxiang.com
*@Author:李健平
*@modifyLog: what when who
**/
@charset "utf-8";
body { background: #f1f8fc;}

.head-top { height: 40px; background: #eff2f4;}
.head-box { max-width: 1200px; line-height: 40px; margin: 0 auto;}
.head-box .datatime { float: left; font-size: 14px; color: #0065BB;}
.head-box .t-rt { float: right;}
.head-box .t-rt a { margin-left: 20px; line-height: 40px; font-size: 14px;}
.head-box .t-rt a:hover { color: #0065BB;}

.crumbs { height: 55px; background: #f7f7f7; line-height: 55px; font-size: 14px;}
.crumbs-box { margin: 0 auto; max-width: 1200px;}  
.crumbs-box a { margin: 0 10px;}
.crumbs-box a:hover { color: #0065BB;}
.crumbs-box span:last-child{margin-left: 10px;}

.content-box { max-width: 1200px; background: #fff; margin: 30px auto;}
.listMain { padding: 20px 0;}

.listMain-l { width: 17.5%; float: left;  margin-top:20px; margin-right: -7px; position: relative; z-index: 99;}
.listMain-l li a {font-size: 14px;line-height: 25px;display: block;text-align: left;padding: 12px 20px;}
.listMain-l li a.active { color: #3579be; background: url(../images/list-icon2.png) no-repeat right center;}
.listMain-l li a:hover{color: #3579be;}
.listMain-r { border-left: 1px solid #f3f2f2;padding: 30px 60px 30px 60px;min-height: 400px;float: left;width: 82.5%;
box-sizing: border-box;}
.listMain-r li { border-bottom: 1px solid #ebebeb; margin-bottom:15px;}
.listMain-r li div a { width:70%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: block; color: #1f1f1f; font-weight: bold; float: left;}
.listMain-r li div a:hover { color: #0065BB;}
.listMain-r li div span { font-size: 12px; color: #ccc; float: right;}
.listMain-r li p { display: block; color: #adadad; font-size: 14px; line-height: 20px; padding: 15px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.articleMain  { padding: 0 100px 50px;}
.articleMain  h2:first-child { font-size: 24px; color: #333; font-weight: bold; text-align: center; padding: 40px 0;}
.articleMain .xxly { line-height: 44px; border-top: 1px dashed #cccccc;border-bottom: 1px dashed #cccccc; color: #b8b8b8; font-size: 12px; text-align: center; margin-bottom: 40px;}
.articleMain p{color: #4c4c4c; line-height: 24px;margin:10px 0 0 0;overflow: hidden;font-size: 14pt;}
.articleMain p img{max-width:90%;width: auto; height: auto!important;margin: 0 auto;display: inline-block;}

.articleMain .before-img p,
.articleMain .before-img span {
  text-indent: 0em!important;
}

.jtgk-box {max-width: 1200px; margin: 30px auto; padding-bottom:80px;}
.jtgk-box .main p { color: #333; line-height: 32px; margin-top: 40px; }
.jtgk-box .main .title { border-bottom: 1px solid #e6e6e6; text-align: center; padding-bottom: 30px; padding-top: 20px;}
.jtgk-box .main .title h2 { font-size: 32px; color: #141414;}
.jtgk-box .main .title span { font-size: 12px; color: #ccc;}

.jtgk-nav { padding: 30px 0;}
.jtgk-nav li { float: left; margin-left:45px;}
.jtgk-nav li a { line-height: 50px; padding: 0 50px; display: block; text-align: center;}
.jtgk-nav li a.active { background: #0067bf; color: #fff; border-radius: 50px;}

.article-url a:hover{color: #4a8ebd}
.article{padding-bottom: 2.5rem;margin: 0 auto;}
.article .title{font-size: 2rem;color: #1f5d92;text-align: center;margin: 40px 0;}
.article .title-sub{color: #000;text-align: center;margin: 2.5rem 0;}
.article .content{color: #000;line-height: 1.6875rem;text-indent:1.875rem;margin-top: 15px;}
.article .content p img{width: auto;display: inline-block;}
.article .wx-link{text-align: center;margin-top: 1.875rem;}
.article-footer{width: 80%; margin: 0 auto;padding: 2.5rem 0;}
.article-footer .article-footer-con{ background: #e6e6e6; color: #9fa0a0;height: 35px;line-height: 35px;padding: 0 5px;}
.article-footer-con div{display: inline-block;}

.artical-share{margin-top: 30px;padding: 11px 0;border-top: 1px solid #e6e8eb;}
.artical-share .p_c_page_l{float: left;}
.artical-share .p_c_page_l .ld-date,.artical-share .p_c_page_l .ld-source{padding-right: 15px;color: #666;
white-space: nowrap;}
.share {float: right;}
.share-icon {font-size: 14px;color: #333;display: inline-block;line-height: 24px;}
.share-box{display: inline-block;}
.share-box a{display: inline-block; width: 24px; height: 24px; line-height: 24px; background:url(../images/share.png) no-repeat; margin-left: 7px; cursor: pointer;}
.share-box a:hover{opacity: .8;}
.share-box a.gwds_weixin{background-position: 0 -38px;}


.fx { float: right;}
.ly-info a { width: 66px; height: 24px; display: block; float: left; background: #ccc; text-align: center; line-height: 24px; font-size: 14px; color: #ffffff; margin:6px 10px 6px 0}
.ly-info a:hover { background: #0069c4;}

@media screen and (max-width:959px){
        .content-box {margin: 15px auto;}
        .j-center-cotent, .j-list-content  {margin: 15px auto !important;}
         /*集团介绍*/
         .crumbs-box {padding:0 10px;overflow: hidden;width: 100%;box-sizing: border-box;text-overflow: ellipsis;white-space: nowrap;}
         .crumbs-box a {margin: 0 5px;}
         .crumbs-box span:last-child{margin-left:5px;}
        .jtgk-nav {padding: 0px 0px 20px 0px !important;border-bottom: 1px solid #f3f2f2;}
        .jtgk-nav li {width:50%;float:left;padding:5px 15px; box-sizing: border-box;border-radius:2px;margin-left:0;}
        .jtgk-nav li a {text-align: center;padding:0;background: #f0f3f5;line-height:42px;font-size:14px;}
        .jtgk-nav li a.active {background:#3579be;color:#fff;border-radius:0;}
        .jtgk-box {margin:20px auto;}
        .jtgk-box .main p {padding:0 15px;}
        .main img { width:100%;height:auto;}
        
        .listMain {padding:0px 0px 20px;}
        .listMain-l {width:100%;margin-right:0;border-bottom: 1px solid #f3f2f2;padding-bottom:20px;}
        .listMain-l li {width:50%;float:left;padding:5px 15px; box-sizing: border-box;border-radius:2px;}
        .listMain-l li a {text-align: center;padding-right:0;background: #f0f3f5;}
        .listMain-l li a.active {background:#3579be;color:#fff;}

        .listMain-r {    width: 100%;padding:15px;box-sizing:border-box;}
        .listMain-r li { position: relative;}
        .listMain-r li p {display:block;padding:15px 0 40px;line-height: 26px;}
        .listMain-r li div a {width: 100%;text-overflow: initial;white-space: inherit;}
        .listMain-r li div span {font-size: 12px;color: #ccc;float: right;position: absolute;bottom: 15px;right: 0;}

        .articleMain {padding: 0px 15px 30px;}
        .articleMain h2 {padding:30px 0;}
        .articleMain p img {width:100%;}
        .articleMain .xxly {line-height: 20px;padding: 10px 0;}
        .articleMain .xxly span {display: block;}

        .article .title {font-size:24px;}
        .article p span {  font-size: 16px !important;}
}