/*****
*怀化市政府集约化建设子站公共样式文件
*@crtime:2019年8月9日23:30
*@Company:湖南微象科技有限公司 www.microxiang.com
*@Author:金鑫
*@modifyLog: what when who
*
*/
.content-nav-box{overflow:hidden;}
.ldxx-box{overflow:hidden;}
/* 左边导航 */
.content-left{width: 22%;}
.content-right{width: 78%;}
.content-left-inner{width: 90%;}
.content-nav-box{padding-bottom: 48px;}
.content-left-inner h3{text-align: center;line-height:90px;font-size:22.4px;color: #fff;background-color: #1e55b0;border-top-left-radius:10px;border-top-right-radius: 10px;}
.tylb-list-nav{background-color: #1d90f5;margin-top: 10px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;min-height: 600px;padding: 16px 0;background:url(../images/leftMemuBg.jpg) top center no-repeat;background-size: 100% 100%;}
.tylb-list-nav li{}
.tylb-list-nav li a{padding: 16px 0;display: block;color: #fff;padding-left: 20px;border-bottom: 1px dashed #629efa;}
.tylb-list-nav li a:hover{background-color: #1381e1;}
.tylb-list-nav li:not(.on){padding: 14.4px;}
.tylb-list-nav .on{border-bottom: 0;}
.tylb-list-nav .on a{background: #fff;color: #0d4c99;position: relative;left:14.4px;width: 108%;top:-1px;border-bottom:none;}
.tylb-list-nav .on a:hover{background: #fff;}
.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: 54px;top:20px;}

/* .tylb-list-nav li:first-child a{color: #1d90f5;position: relative;left: 10px;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: 54px;top:20px;} */
/* .tylb-list-nav li:first-child{border-bottom: 0;} */
.tylb-list-nav li a:hover {
  background-color: #1381e1;
}
.tylb-list-nav li.on a:hover {
  background-color: #fff;
}
.tylb-list-nav li:not(.on) {
  padding: 9.6px;
}

.tylb-list-nav .on {
  border-bottom: 0;
}

.tylb-list-nav .on a {
  background: #fff;
  color: #0d4c99;
  position: relative;
  left: 10px;
  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: 54px;
  top: 20px;
}

/* 右边内容 */
.content-right {
  background-color: #fff;
  padding: 30px;
}
/* 领导信息 */
.ldxx-img-box{width: 20%;}
.ldxx-img-box img{display: block;/* width: 100%; */border: 1px solid #eee;padding: 8px;max-width:125px;}
.ldxx-info-box{width: 80%;padding:0 16px;line-height: 32px;}
.ldxx-info-box p{margin-bottom: 16px;margin-top: 16px;}
.ldxx-info-box p:nth-child(2){margin-bottom: 16px;}
.ldxx-info-box p:first-child{font-size: 19px;}
.ldxx-info-box p:first-child b {margin-right: 16px;}
.ldxx-info-box p:last-child{text-indent: 32px;margin-bottom:0;}

/* 领导简介 */
.ldjj-box{line-height:32px;}
.ldjj-box p:first-child{padding: 16px 0;font-size: 19px;}
.ldjj-box>div {min-height: 460px;}
/* 1px实线 */
.bottom-line {
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #e6e8eb;
  margin-top: 30px;
}

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

.content-ul-two ul li span {
  vertical-align: middle;
  display: inline-block;
  background-color: #2d9cfc;
  color: #fff;
  padding: 3px 8px;
  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: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 85%;
  display: inline-block;
}
/* 作者 + 分享 */
.ly-info{color: #999999;}
.ly-info>a{margin-left:10px;color:#6b6b6b;}
.ly-info>a:hover{margin-right:10px;color:#025a9d;}
.p_c_page{height:50px;line-height:50px;border-top:2px solid #f1f1f1;margin-top:30px;}
.p_c_page .p_c_page_l{float:left;}
.p_c_page .fx{float:right;margin-top:6px;}
.fx .bdshare-button-style2-24 a{background-image:url("../images/icons_1_24_2.png") !important;}
.fx .bdshare-button-style2-24 .bds_weixin{background-position:0 -52px;}
.fx .bdshare-button-style2-24 .bds_tsina{background-position:0 -104px;}
.fx .bdshare-button-style2-24 .bds_renren{background-position:0 -156px;}
.fx .bdshare-button-style2-24 .bds_qzone{background-position:0 -208px;}
.fx .bdshare-button-style2-24 .bds_tieba{background-position:0 -259px;}
.fx .bdshare-button-style2-24 .bds_weixin:hover{background-position:-26px -52px;}
.fx .bdshare-button-style2-24 .bds_tsina:hover{background-position:-26px -104px;}
.fx .bdshare-button-style2-24 .bds_renren:hover{background-position:-26px -156px;}
.fx .bdshare-button-style2-24 .bds_qzone:hover{background-position:-26px -208px;}
.fx .bdshare-button-style2-24 .bds_tieba:hover{background-position:-26px -259px;}

@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: 0;}
}

@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:750px) {
  .ldxx-info-box p:first-child{text-align: center;}
  .ldxx-info-box{padding: 0;}
  .ldxx-info-box p:nth-child(2){font-size: 19px;}
  .ldxx-info-box p:last-child{margin-bottom: 16px;}

  .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 {
    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;
    height: 33px;
    line-height: 33px;
    padding: 0;
  }

  .content-right {
    width: 100%;
    margin-top: 1rem;
    height: auto;
    padding: 1rem .5rem;
  }
  .tylb-list-nav{display: inline-block;min-height: auto;background-size: 100%;height: auto!important;}
  .ldxx-img-box{width: 100%;}
  .ldxx-info-box{width: 100%;}
  .ldxx-img-box{text-align: center;}
  .ldxx-img-box img{display: inline-block;}
  .tylb-list-nav li.on a::before{content:unset;}
  .tylb-list-nav .on a{width: 100%;top: 0px;left: 0;}
  .tylb-list-nav li:not(.on){padding: 0 9.6px;}
  .content-nav-box {padding-bottom: 0;}
}

@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;
  }
}

@media screen and (max-width:412px) {
  .content-ul-two ul li span {
    width: 28%;
  }
}
@media screen and (max-width:400px) {
 .date-sou{padding: 0 5px;}
 .date-sou .date-sou-s{margin-left: 0px;}
 .p_c_page .fx{width:100%;}
 .p_c_page{height: 30px;line-height: 30px;}
}
@media screen and (max-width:360px) {
  .content-ul-two ul li span {
    width: 32%;
  }
}