/*****
*怀化市政府集约化建设首页样式文件
*@crtime:2019年07月31日10:51
*@Company:湖南微象科技有限公司 www.microxiang.com
*@Author:张涵
*@modifyLog: what when who
*
*/
/*头条新闻*/
.m-tout{position: relative;text-align: center;padding: 15px 0;background: #FFF;margin-bottom: 20px;margin-top: 20px;}
.m-tout h1 a{display: block;font-size:30px;color: #007caa;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.m-tout h1 a:hover{color: #3e8bc0;}
.m-tout p{color: #666;margin-top: 12px;}
.m-tout p.elip a {display: inline-block;margin: 0 20px;width: 300px;overflow: hidden;text-align: center;text-overflow: ellipsis;white-space: nowrap;}
.m-tout p.elip a:hover{color: #3e8bc0;}

/*图片新闻*/
.ycbk-jdxw{position: relative;overflow: hidden;width: 50%;}
.ycbk-jdxw .hd{width: 100%;position: absolute;height: 3.125rem;line-height: 3.125rem;bottom: 0;right: 0;z-index: 1;background:#184da8;}
.ycbk-jdxw .hd ul{position: absolute;right: 1rem;bottom: 0;}
.ycbk-jdxw .hd li{display:inline-block;background-color:#8ca6d4;width:25px;height:7px;transition:all .3s;margin-left:5px;cursor:pointer}
.ycbk-jdxw .hd li.on{background-color: #FFF;}
.ycbk-jdxw .hd .ellipsis{color:#fff;text-indent:1em;width: 100%;text-align:left;display: block;padding-right: 30%;height: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ycbk-jdxw .bd {position: relative;z-index: 0;}
.ycbk-jdxw .bd li img{width:100%;height: 380px;display:block;}
.ycbk-jdxw .bd li a{display: block;height: 335px}
/*切换新闻*/
.tabtitle{border-bottom: 1px solid #e6e8e8;}
.sjmore{position: absolute;right: 0;top: 50%;width: 75px;height: 25px;background: url(../images/tyjr_sjx_03.png)no-repeat right; margin-top: -12.5px;line-height: 25px;font-size: 0.875rem;color: #999;}
.tabtitle ul li{float:left;margin-right:2rem;}
.tabtitle ul li a{height: 50px;line-height: 50px;display:block;position:relative;text-align:center;padding: 0 1rem;color: #4c4c4c;font-size:1.125rem;}
.tabtitle ul li.on>a{color:#184da8;border-bottom: 2px solid #184da8;}
.list-body .newsTop h2{padding: 1rem 0;border-bottom: 1px solid #e6e8e8;text-align: left;position: relative;}
.newsTop .nt-text{display: inline-block;color:#ac171b;}
.ycbk-zxdt{width:46.66%;margin-left: 3.33%;}
.ycbk-zxdt .hd{position:relative;}
.ycbk-zxdt .bd ul{padding: 0.68rem 0 0 0;}
.sy-hf{margin: 1.25rem 0;}
.sy-hf a{display: block;height: 120px;}
.sy-hf a img{height: 100%;width: 100%;}
/*退役军人风采*/
.zxqk-title{line-height: 55px;position: relative;}
.no-icon{border-bottom: 1px solid #e0e0e0;}
.no-icon .jrfc-name{background-position:-220px 14px;width: 145px;height: 55px;}
.ztzl-scimg{margin: 1.875rem 0 1.25rem 0;overflow: hidden;position: relative;}
.ztzl-scimg .bd ul li{float: left;margin:0 0.93rem;}
.ztzl-scimg .bd ul li:last-child{margin-right:0;}
.ztzl-scimg .bd ul li a{display: block;width: 215px;height: 150px;}
.ztzl-scimg .bd ul li a img{width: 100%;height: 100%;}
/*政务公开*/
.c-sicbk{margin-top:0.625rem;}
/*.c-zwgk{width: 54.16%;float: left;}*/
.c-zwgk {width: 72.16%;float: left;}
.c-zwgk .hd{position: relative;overflow: hidden;}
.c-zwgk .zw-name{width: 105px;background-position: -219px -39px;height: 50px;float: left;}
.c-zwgk .hd ul{float: left;margin-left: 3rem;}
.c-zwgk .bd ul{margin-top:0.31rem;}
.c-zwgk .list-body li a{height: 37px;line-height: 37px;background: url(../images/dian_03.png) no-repeat left center;}
.c-zwgk .list-body li .date{height: 37px;line-height: 37px;}
/*互动交流*/
/*.c-hdjl {float: left;margin-left: 1.66%;width: 44.18%;margin-bottom: 0.69rem;}*/
.c-hdjl {float: left;margin-left: 3.66%;width: 24.18%;margin-bottom: 0.69rem;}
/*.xxgk-box{width: 48.11%;float: left}*/
.xxgk-box {width: 100%;}
.xxgk-box ul li{margin-bottom: 6px;}
.xxgk-box ul li:last-child{margin-bottom: 0;}
.xxgk-box ul li a{display: block;height: 72px;line-height: 72px;color: #FFF;text-align: center;position: relative;}
.xxgk-box ul li:hover{opacity: 0.9;}
.xxgk-box ul li i {display: inline-block;width: 35px;height: 35px;vertical-align: middle;position: absolute;top: 50%;margin-top: -17.5px;left: 35px;}
.xxgk-box ul .hd-ml{background: #376bc4;}
.xxgk-box ul .hd-ml i{background-position: -1px -2px;}
.xxgk-box ul .hd-zn	i{background-position: -45px -4px;}
.xxgk-box ul .hd-nb	i{background-position: -90px -4px;}
.xxgk-box ul .hd-gk i{background-position: -132px -3px;}
.xxgk-box ul .hd-zn{background: #2b7ccf;}
.xxgk-box ul .hd-nb{background: #4daaeb;}
.xxgk-box ul .hd-gk{background: #5cc4ff;}
.c-hdjl .hdjl-box{float: left;width: 48.12%;}
.hdjl-tt{height:50px;line-height: 50px;border-bottom: 1px solid #e6e8e8;}
.hdjl-tt .tt-xjgk{font-size: 0.93rem;color: #4c4c4c;padding-right: 0.93rem;background: url(../images/tyjr_sjx_03.png)no-repeat right;}
.hdjl-tt .tt-xjgk:hover{color:#184da8;}
.hdjl-tt .tt-xjgk i{width: 22px;height: 16px;vertical-align: middle;background-position:-115px -57px;margin-right: 0.31rem;}
.hdjl-tt .hdjl-name{width: 105px;background-position: -219px -86px;height: 50px;float: left;}
.hdjl-cont{margin-top: 1rem;}
.hdjl-cont ul li{width: 47.1%;float: left;}
.hdjl-cont ul li a{display: block;height:163px;border: 1px solid #184da8;line-height:220px;color: #184da8;font-weight: 600;font-size: 1.125rem;position: relative;}
.hdjl-cont ul li a:hover{background:#184da8;color: #FFF;}
.hdjl-cont ul .ct-jzxx a:hover i{background-position:-1px -42px;}
.hdjl-cont ul .ct-dczj a:hover i{background-position:-57px -48px;}
.hdjl-cont ul .ct-jzxx a i{background-position:-2px -105px;}
.hdjl-cont ul .ct-dczj a i{background-position:-57px -105px;}
.hdjl-cont ul li a i{height:50px;width: 50px;position: absolute;left: 50%;margin-left: -25px;top: 35px;}
.hdjl-cont ul li:first-child{margin-right: 5.8%;}
/*办事服务*/
.c-bsfw{margin-top: 0.625rem;}
.c-bsfw .bsfw-name{width: 105px;background-position: -219px -137px;height: 50px;float: left;}
.bsfw-cont ul{margin: 2.375rem 0;}
.bsfw-cont ul li{float: left;width: 12.5%;}
.bsfw-cont ul li a{display: block;}
.bsfw-cont ul li a i{display: block;width: 36px;height: 40px;margin-bottom: 22px;}
.bsfw-cont .bs-qyfw i{background-position: -1px -214px;}
.bsfw-cont .bs-tyaz i{background-position: -46px -214px;}
.bsfw-cont .bs-jyfw i{background-position: -132px -160px;}
.bsfw-cont .bs-ydyf i{background-position: -2px -160px;}
.bsfw-cont .bs-jxaz i{background-position: -132px -214px;}
.bsfw-cont .bs-syfw i{background-position: -47px -160px;}
.bsfw-cont .bs-jypx i{background-position: -132px -160px;}
.bsfw-cont .bs-ylby i{background-position: -92px -160px;}
/*友情链接*/
.frd-box{background: #f2f2f2;}
.frd-link{padding:0.8rem 0 2.5rem 0;}
.frd-link .frd-tt{text-align: left;width: 100%;}
.frd-link .frd-tt a{width: 105px;background-position: -220px -190px;height: 50px;display: block;pointer-events: none;}
.fr-links{position: relative;margin-top: 6px;} 
.fr-links h4{font-weight: normal;float: left;width: 22.5%;height:52px;padding:0 1rem;position:relative;border-radius:4px;line-height: 52px;cursor: pointer;background: #FFF;}
.fr-links h4:hover{background: #e4e4e4;}
.fr-links h4:nth-child(4)::after{content:'';width:0;height:0;border:.4rem solid transparent;border-top-color: #838383;position:absolute;right:1rem;top: 50%;margin-top: -3px;}
.fr-links h4.on{background: #fff;}
.fr-links h4 span{display:block;text-align:center;color: #666666;}
.fr-links h4.on span{color:#333;}
.fr-links h4:nth-child(4).on::after{border-top-color:transparent;border-bottom-color:#666;top:40%;}
.fr-links h4 ul{position: absolute;left: 0;bottom:100%;overflow-y: auto;max-height: 254px;width: 100%;background: #fff;border: 1px solid #bfbfbf;font-size: 14px;display: none;}
.fr-links h4 ul li{margin-left: 8px;}
.fr-links h4 ul li:hover a{color: #355e92;}
.fr-links h4:nth-child(n+2),.fr-links h3:nth-child(n+2){margin-left: 3.33%;}
/*首页右侧漂浮通知*/
.rtsypf{
    position: fixed;
    top: 468px;
    right: 50%;
    overflow: hidden;
    z-index: 10000;
    margin-right: -770px;
    width: 150px;
    }
.rtsypf a,.rtsypf img{display:block;max-width:100%;}
.rtclose{font-size: 14px;color:#fff;position:absolute;right:0px;top:0;cursor: pointer;background-color: rgba(0,0,0,.4);width: 15px;height: 15px;text-align: center;line-height: 15px;}
.rtclose:hover{background-color: rgba(0,0,0,.5);}


/*移动端*/
@media screen and (max-width: 750px){
  
  .ycbk-jdxw, .ycbk-zxdt, .c-zwgk, .c-hdjl, .fr-links h4, .fr-links h4:nth-child(n+2), .fr-links h3:nth-child(n+2) {width: 100%;margin-left: 0;margin-right: 0;}
  .c-zwgk .hd ul {margin: 0;float: none;}
  .tabtitle ul li {margin-right: 0;width: 26%;}
  .tabtitle ul li a {padding: 0;}
  .m-tout i {display: none;}
  .c-zwgk .hd .sjmore{top: 75%}
  .ycbk-jdxw .bd li a, .ycbk-jdxw .bd li img {height: auto;}
  .frd-link .frd-tt a {margin: 0px auto;}
  .c-zwgk .zw-name {float: none;}
  .list-body li {text-align: left;}
  .list-body li a {max-width: 100%;white-space: normal;overflow: initial;float: initial;display: inline;padding-right: 10px;}
  .c-zwgk .list-body li a {background-position-x: 4px;}
  .list-body li .date {float: initial;white-space: nowrap;}
  .ycbk-jdxw .hd .ellipsis {text-indent: 0em;width: 90%;padding-right: 38%;}
  .ztzl-scimg .bd {height: 200px;overflow: hidden;}
  .ztzl-scimg .bd ul li{margin:0;}
  .ztzl-scimg .bd ul li a {width: auto;}
  .ztzl-scimg .bd ul li a img {height: auto;}
}