/*****
*怀化市政府集约化建设机构设置样式文件
*@crtime:2019年09月9日10:51
*@Company:湖南微象科技有限公司 www.microxiang.com
*@Author:张涵
*@modifyLog: what when who


/*左侧菜单*/
.jglist-shadow {
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.08);
    /*右、下、距离、模糊程度、阴影颜色，内阴影*/
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.08);
    -ms-box-shadow: 0px 0px 5px rgba(0,0,0,0.08);
    -o-box-shadow: 0px 0px 5px rgba(0,0,0,0.08);
}
.jgsz-cont{padding-bottom:60px;overflow: hidden;}
.jglist-lf{width: 23.33%;margin-right: 1.67%;}
.jglist-lf h3{height: 80px;line-height: 82px;text-align: center;background: #cedef2;color: #255fb8;font-size: 20px;margin-bottom: 20px;}
.jglist-menu{padding: 20px 0;background: #FFF;overflow: hidden;}
.jglist-menu ul li{float: left;width: 100%;text-align: left;padding: 0 20px;}
.jglist-menu ul li:last-child span{border-bottom: none;}
.jglist-menu ul li a{display: block;height: 50px;line-height: 50px;}
.jglist-menu ul li a span{color: #545454;text-align: left;display: inline-block;border-bottom: 1px solid #e0e0e0;width: 84.2%;padding-left: 8px;}
.jglist-menu ul li a:hover span{color: #3f85e0;}
.jglist-menu ul li i{display: inline-block;width: 10.8%;height: 23px;vertical-align: middle;margin-right: 5%;}
.jglist-rt{width:75%;}
.jglist-menu ul li .jg-jgjs{background-position: -179px -799px;-ms-background-position-x: -179px;-ms-background-position-y:-799px;}
.jglist-menu ul li .jg-ldjs{background-position: -210px -799px;-ms-background-position-x: -210px ;-ms-background-position-y:-799px;}
.jglist-menu ul li .jg-nsjg{background-position: -239px -799px;-ms-background-position-x: -239px ;-ms-background-position-y:-799px;}
.jglist-menu ul li .jg-gzdt{background-position: -269px -799px;-ms-background-position-x: -269px ;-ms-background-position-y:-799px;}
.jglist-menu ul li .jg-wjtz{background-position: -298px -799px;-ms-background-position-x: -298px ;-ms-background-position-y:-799px;}
.jglist-menu ul li .jg-ghjh{background-position: -326px -799px;-ms-background-position-x: -326px ;-ms-background-position-y:-799px;}
.jglist-menu ul li .jg-rsxx{background-position: -355px -799px;-ms-background-position-x: -355px ;-ms-background-position-y:-799px;}
.jglist-menu ul li .jg-czxx{background-position: -384px -797px;-ms-background-position-x: -384px ;-ms-background-position-y:-797px;}
.jglist-menu ul li .jg-xxgkzn{background-position: -415px -797px;-ms-background-position-x: -415px ;-ms-background-position-y:-797px;}
.jglist-menu ul li .jg-xxgknb{background-position: -444px -797px;-ms-background-position-x: -444px ;-ms-background-position-y:-797px;}
.jglist-menu ul li .jg-ndbb{background-position: -474px -797px;-ms-background-position-x: -474px ;-ms-background-position-y:-797px;}
.jglist-menu ul li .jg-ysqgk{background-position: -444px -871px;-ms-background-position-x: -444px ;-ms-background-position-y:-871px;}
.jglist-menu ul .on{background:#3f85e0;}
.jglist-menu ul .on a:hover span{color: #FFF;}
.jglist-menu ul .on span{color:#fff;border-bottom: none;}
.jglist-menu ul .on .jg-jgjs{background-position: -179px -828px;-ms-background-position-x: -179px;-ms-background-position-y:-828px;}
.jglist-menu ul .on .jg-ldjs{background-position: -210px -826px;-ms-background-position-x: -210px;-ms-background-position-y:-826px;}
.jglist-menu ul .on .jg-nsjg{background-position: -239px -826px;-ms-background-position-x: -239px;-ms-background-position-y:-826px;}
.jglist-menu ul .on .jg-gzdt{background-position: -269px -826px;-ms-background-position-x: -269px ;-ms-background-position-y:-826px;}
.jglist-menu ul .on .jg-wjtz{background-position: -298px -826px;-ms-background-position-x: -298px ;-ms-background-position-y:-826px;}
.jglist-menu ul .on .jg-ghjh{background-position: -326px -826px;-ms-background-position-x: -326px ;-ms-background-position-y:-826px;}
.jglist-menu ul .on .jg-rsxx{background-position: -355px -826px;-ms-background-position-x: -355px ;-ms-background-position-y:-826px;}
.jglist-menu ul .on .jg-czxx{background-position: -384px -826px;-ms-background-position-x: -384px ;-ms-background-position-y:-826px;}
.jglist-menu ul .on .jg-xxgkzn{background-position: -415px -826px;-ms-background-position-x: -415px ;-ms-background-position-y:-826px;}
.jglist-menu ul .on .jg-xxgknb{background-position: -444px -826px;-ms-background-position-x: -444px ;-ms-background-position-y:-826px;}
.jglist-menu ul .on .jg-ndbb{background-position: -474px -826px;-ms-background-position-x: -474px ;-ms-background-position-y:-826px;}
.otherBtns{margin-top:20px;}
.otherBtns a{display: block;height: 100%;background-position: 0 -1028px;width:100%;height:60px;}
.otherBtns a:hover{background-position: 0 -958px;}
/*右侧列表*/
.jglist-rt{background: #fff;padding: 24px 32px;width: 75%;}
.list-header{border-bottom-right-radius:10px;border-bottom-left-radius: 10px;height: 60px;background: #e6ecf5;}
.list-header li {height: 60px;color: #666666;float: left;line-height: 60px;text-align: center;}

.list-header li:nth-child(1) {width: 23.52%;}
.list-header li:nth-child(2) {width: 55.23%;text-align: left;padding-left:40px;}
.list-header li:nth-child(3) {width: 21.25%;}

.list-content{min-height:436px;}
.list-content li{height: 60px;line-height: 60px;border-bottom: 1px dotted #d9d9d9;}
.list-content li span,.list-content li a{height: 60px;line-height: 60px;float: left;}
.list-content .num{width: 23.52%;color: #999999;font-size: 14px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-content .address{width: 55.23%;color:#474747;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left:40px;text-align: left;}
.list-content .date{width: 21.25%;color: #8c8c8c;font-size: 14px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-content li a:hover{color:#0c86e7;}
/*右侧内容*/
.s-c-right{background: #fff;padding: 32px;width: 75%;text-align:left;}
.s-c-right .vertical-ico{margin-right: 20px;position: relative;}
.s-c-right .jgjj-title{color: #333333;font-size: 28px;}
.vertical-ico::before{content: '';width: 0px;height: 20px;border: 2px solid;border-bottom-color: #4c8be0;position: absolute;left: 0;top: 14%;color:#4c8be0; }


.table-jgjj{margin-top: 26px;width:100%;} 
.table-jgjj td{border: 1px solid #e6e8eb;color:#333;height: 51px;text-align: left; padding-left: 3%;min-width: 13.95%;}
.table-jgjj .field{background: #f7f7f7;color: #666;width: 13.95%;}
.table-jgjj td:nth-child(2){width:310px}

.content-wrap .a-title{color: #0c86e7;font-size: 20px;text-align: center;margin-top: 50px;padding-bottom:30px;border-bottom: 1px solid #eee;} 
.content-jgsz .a-content{min-height: 300px;}
.a-content p{color: #333;line-height: 28px;margin-bottom: 26px;}
.a-content p:first-child {margin-top: 26px;}
.a-content p:last-child {margin-bottom: 42px;}

/*领导列表*/
.fz-rg{float:right;width: 84%;padding: 32px 32px 48px;background: #FFF;}
.fz-tab .xxgkldbox{width:100%;margin-top: 26px;}
.fz-tab .xxgkldbox li{ width:49.2%; margin-right:10px; background:#fff; float:left; margin-bottom:15px; padding-bottom:15px;} 
.fz-tab .xxgkldbox li:nth-child(even){ margin-right:0; border-right:0}
.vertical-ico{margin-right: 20px;position: relative;}
.jgjj-title:first-child{color: #333333;font-size: 28px;color: #333333;}
.vertical-ico::before{content: '';width: 0px;height: 20px;border: 2px solid;border-bottom-color: #4c8be0;position: absolute;left: 0;top: 14%;color:#4c8be0; }

.mayor1{ width: 100%; clear:both}
.mayor1 dt{float: left;width: 142px;height: 165px;background:#fff;box-shadow: 0 0 4px 0 rgba(170,170,170,0.50);padding: 8px;}
.mayor1 dt a{display:block;overflow: hidden;height: 100%;}
.mayor1 dt img{width: 100%;overflow: hidden;}
.mayor1 dd{ margin-left: 157px; height: 165px;}
.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%; height: 72px;  margin-top: 0px;}
.mayor1 dd .info .tl{ float: left;line-height:30px; color: #355e92;}
.mayor1 dd .info .p-con{ float: left; width:100%; margin-left: 0px;}
.mayor1 dd .info .p-con p{ line-height: 24px; color: #666; margin-top:0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.mayor1 dd .info .p-con p .btn-veiw{ color: #146ac1;}
/* 内容 */
.table-jgjj{margin-top: 26px;width:100%;} 
.table-jgjj td{border: 1px solid #e6e8eb;color:#333;height: 51px;text-align: left; padding-left: 3%;min-width: 13.95%;}
.table-jgjj .field{background: #f7f7f7;color: #666;width: 13.95%;}

.tynr-box{background-color: #fff;padding: 59px;}
.tynr-box .content{color: #3d3d3d;padding: 32px 0;line-height:32px;}
.tynr-box .content img{max-width:100%;}
.tynr-box h2{font-size: 30px;color:#0066b3;text-align: center;padding:0 32px 16px;}
.tynr-box h4{font-size: 30px;color:#0066b3;text-align: center;padding:0 32px 16px;}
.sp_title{font-size: 30px;text-align: center;color:#0066b3; padding:0 32px 16px;}
.tynr-dsc{padding: 22px 0;text-align:center;border-bottom: 1px solid #e6e8eb;}
.tynr-dsc span{padding:0 10px;}

/* 作者 + 分享 */
.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;}


/* 自适应菜单 */
#zfxxgk_show_mobile {top:0px;right:0px;}
.zfxxgk_mobile { display:none;}
.zfxxgk_nav_trigger { position: absolute;top: 3px;right:3px; width:45px; height:45px; white-space: nowrap;z-index: 99;cursor: pointer;}
.zfxxgk_nav_trigger span {position: absolute;display: block;width: 45px;height: 45px;background: url(../images/ty_icon.png) no-repeat center;background-size: 50%;transition:all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;}
.zfxxgk_nav_trigger.menu-is-open span {background: url(../images/ty_icon.png) no-repeat center;background-size: 50%;-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}



@media screen and (max-width:1000px){
	.jglist-menu ul li i{display: none;}
}
@media screen and (max-width:880px){
	.jglist-menu ul li{padding: 0 .5rem;}
	.jglist-lf h3{font-size: 1rem;}
        .otherBtns {display: none;}
}
@media screen and (max-width:764px){
	.jglist-lf{width: 100%;margin-right: 0;margin-bottom: 20px;position: relative;}
        .jglist-menu ul li a span {width:100%;}
        .otherBtns{margin-top:20px;display: none;}
	.jglist-rt{width: 100%;padding: 1.5rem 1rem;}
         .jglist-lf h3 {text-align: left;padding-left: 20px;margin-bottom:0;height: 45px;line-height: 45px;}
        #zfxxgk_show_mobile{display:block;}
        .jglist-menu {display:none;}
}
@media screen and (max-width:650px){
	.fz-tab .xxgkldbox li{width: 100%;margin-right: 0px;}
}
@media screen and (max-width:500px){
	.list-header li:nth-child(1){display: none;}
	.list-header li:nth-child(2){width: 78.75%;padding-left: 0.5rem;}
	.list-content .num{display: none;}
	.list-content .address{width: 78.75%;padding-left: 0rem;}
}
@media screen and (max-width:400px){
	.jglist-rt{padding: 1.5rem .5rem;}
        .p_c_page .fx{width:100%;}
        .p_c_page{height: 30px;line-height: 30px;}
        .table-jgjj .field{width: 15%;}
        .table-jgjj td:nth-child(2) {width: 40%;}
        .table-jgjj .field{width: 15%;}
        .table-jgjj td{width: 20%;}
}