/*****
*怀化市政府集约化建设子站公共样式文件
*@crtime:2019年8月9日23:30
*@Company:湖南微象科技有限公司 www.microxiang.com
*@Author:金鑫
*@modifyLog: what when who
*
*/
/* 左边导航 */

.article{padding-top: 3rem;width: 80%;margin: 0 auto;}
.content-left {
  width: 22%;
}

.content-right {
  width: 78%;
}

.content-left-inner {
  width: 90%;
}

.content-nav-box {
  margin-bottom: 3rem;
}

.content-left-inner h3 {
  text-align: center;
  padding: 1.875rem 0;
  color: #fff;
  background-color: #1d90f5;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}



.tylb-list-nav {
  background-color: #1d90f5;
  margin-top: .625rem;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  min-height: 600px;
  padding: 1rem 0;
}

.tylb-list-nav li a {
  padding: 1rem 0;
  display: block;
  color: #fff;
  padding-left: 1.25rem;
  border-bottom: 1px dashed #eee;
}
.ldxx{
    color: #355e92;
    margin: 2rem 0 1rem;
    font-size: 1.5rem;
}
.gzfg_content{text-indent: 35px;
    font-size: 18.66px;
    font-family: monospace;}
/* .tylb-list-nav li:first-child a{color: #1d90f5;position: relative;left: .625rem;width: 108%;} */
/* .tylb-list-nav li:first-child a::before{content: '';display: inline-block;width: 12px;height: 14px;background: url(../images/right_blue.png)no-repeat;position: absolute;right: 3.375rem;top:1.25rem;} */
/* .tylb-list-nav li:first-child{border-bottom: 0;} */
.tylb-list-nav li a:hover {
  background-color: #1381e1;
}
.article-footer-con .fx{padding-top: 0!important;margin-right: 0!important;}
.article-footer-con .fx div{margin-right: 0!important;}
.ldtitle{font-size: 1.5rem;
    text-align: center;
    margin-top: 10px;
    color: ##355e92;
    color: #355e92;}

.tylb-list-nav li:not(.on) {
  padding: 0 .6rem;
}

.tylb-list-nav .on {
  background-color: #1d90f5;
  border-bottom: 0;
}

.tylb-list-nav .on a {
  background: #fff;
  color: #1d90f5;
  position: relative;
  left: .625rem;
  width: 108%;
}

.tylb-list-nav li.on a::before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 14px;
  background: url(../images/right_blue.png)no-repeat;
  position: absolute;
  right: 3.375rem;
  top: 1.25rem;
}

/* 右边内容 */
.content-right {
  background-color: #fff;
  padding: 1.875rem;
}
/* 领导信息 */
.ldxx-img-box{width: 20%;margin:0 auto;}
.ldxx-img-box img{display: block;width: 100%;border: 1px solid #eee;padding: .5rem;}
.ldxx-info-box{width: 80%;padding:0 1rem;line-height: 2rem;}
.ldxx-info-box p{margin-bottom: 2rem;margin-top: 1rem;}
.ldxx-info-box p:nth-child(2){margin-bottom: 1rem;}
.ldxx-info-box p:first-child{font-size: 1.2rem;}
.ldxx-info-box p:first-child b {margin-right: 1rem;}
.ldxx-info-box p:last-child{text-indent: 2rem;margin-bottom:0;}
.gzfg{color:#355e92;}

/* 领导简介 */
.ldjj-box{line-height:2rem;}
.ldjj-box .ld-jj{padding: 1rem 0;
    margin: 2rem 0 1rem;
    font-size: 1.5rem;}


/* 1px实线 */
.bottom-line {
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #e6e8eb;
  margin-top: 1.875rem;
}

/* 市政府文件 */
.content-ul-two ul li {
  margin-top: 1.5rem;
}

.content-ul-two ul li span {
  vertical-align: middle;
  display: inline-block;
  background-color: #2d9cfc;
  color: #fff;
  padding: .2rem .5rem;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 12%;
  text-align: center;
}

.content-ul-two ul li a {
  vertical-align: middle;
  padding-left: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 85%;
  display: inline-block;
}
/* 底部来源时间 */
.article-footer{width: 80%; margin: 0 auto;padding: 2.5rem 0;}
.article-footer .article-footer-con{background: #f7f7f7;color: #9fa0a0;height: 35px;line-height: 35px;padding: 0 1rem;font-size:14px;}
.ld-source{margin-left:29px;}
.article-footer-con div{display: inline-block;margin-right: 4rem;}
@media screen and (max-width:1105px) {
  .content-ul-two ul li span {
    width: 18%;
  }

  .content-ul-two ul li a {
    width: 82%;
  }
}

@media screen and (max-width:1000px) {
  .content-nav-box {
    margin-bottom: 2rem;
  }
}

@media screen and (max-width:850px) {
  .tylb-list-nav li:first-child a::before {
    right: 2.375rem;
  }

  .content-right {
    padding: .5rem;
  }

  .content-ul-two ul li a {
    padding-left: .5rem;
  }
}

@media screen and (max-width:800px) {
  .content-nav-box {
    margin-bottom: 1rem;
  }
}

@media screen and (max-width:750px) {

  .content-left-inner,
  .content-left {
    width: 100%;
  }

  .content-left-inner h3 {
    width: 20%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: inline-block;
    vertical-align: middle;
  }

  .tylb-list-nav {
    height: auto;
    line-height: 0;
    width: 79%;
    display: inline-block;
  }

  .tylb-list-nav ul li {
    width: 33.33%;
    float: left;
  }

  .tylb-list-nav li:first-child a {
    background-color: #1d90f5;
    position: none;
    color: #fff;
    text-align: center;
    width: 100%;
    left: 0;
  }

  .tylb-list-nav li:first-child a::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 14px;
    background: none;
    position: absolute;
    right: 3.375rem;
    top: 1.25rem;
  }

  .tylb-list-nav li:first-child {
    border-bottom: 0;
    padding: 0 .6rem;
  }

  .tylb-list-nav {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    vertical-align: middle;
    padding: .5rem;
    margin-top: 0;
  }

  .tylb-list-nav li a {
    text-align: center;
    padding-left: 0;
  }

  .tylb-list-nav li:nth-child(1) a:hover {
    background-color: #1381e1;
  }

  .content-right {
    width: 100%;
    margin-top: 1rem;
    height: auto;
    padding: 1rem .5rem;
  }

  .article-footer .article-footer-con {height: auto;}

  .ldxx-img-box {width: 40%;margin: 0 auto;float: none;display: block;}

}

@media screen and (max-width:555px) {
  .content-left-inner h3 {
    display: none;
  }

  .tylb-list-nav {
    width: 100%;
  }

  .content-ul-two ul li span {
    width: 25%;
  }

  .content-ul-two ul li a {
    width: 100%;
    margin-top: .5rem;
  }

  .content-ul-two ul li {
    margin-top: .5rem;
  }

  .bottom-line {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .content-right {
    padding-bottom: 0;
  }
}

@media screen and (max-width:412px) {
  .content-ul-two ul li span {
    width: 28%;
  }
}

@media screen and (max-width:360px) {
  .content-ul-two ul li span {
    width: 32%;
  }
}