/*****
*怀化市政府集约化建设子站样式文件
*@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;}
.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;}

/*焦点图*/	
.c-jdt{position: relative;height: auto;overflow: hidden;width: 61.25%;}
.c-jdt .hd{width: 100%;position: absolute;height: 60px;line-height: 60px;bottom: 0;right: 0;z-index: 1;background-color: rgba(0,0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);}
.c-jdt .hd ul {position: absolute;right: 1rem;bottom: 0px;}
.c-jdt .hd li{display:inline-block;background-color:#fff;width:10px;height:10px;transition:all .3s;margin-left:0.71rem;cursor:pointer;border-radius: 5px;}
.c-jdt .hd li.on{background-color: #e50b06;}
.c-jdt .hd .ellipsis{color:#fff;text-indent:1em;width: 100%;text-align:left;display: block;padding-right: 20%;font-size: 1.14rem;}
.c-jdt .bd {position: relative;z-index: 0;}
.c-jdt .bd li img{width:100%;height: 399px; display:block;}
.c-jdt .bd li a{display: block;}
/*政协动态*/
.m-zxdt .bd ul{margin-bottom: 0.5rem;}
.pubox>.list-body>ul{margin-top: 0.71rem;}
.newsTop{padding: 1rem 0; border-bottom: 1px dashed #cccccc;margin-bottom: .4rem;}
.newsTop .ne-tt{padding-top: .4rem;width: 83.5%;}
.newsTop .ne-tt a{color: #bf001a;font-size:1.18rem;text-align:left;margin-left: 1rem;color: #00a3e3;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsTop .ne-tt>a:hover{color: #ac171b;}
.newsTop p{line-height:1.8rem;text-align: left;color:#999999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size:0.94rem;}
.m-zxdt{width:38.75%;padding: 0.71rem 1.43rem 0 1.43rem;background: #FFF;}
.ns-date{width: 16.5%;height: 60px;background: #33b6e9;border-radius: 5px;}
.ns-date .ns-rq{display: block;font-size: 2.14rem;color: #FFF;}
.ns-date .ns-ye{display: block;font-size: 0.86rem;color: #FFF;}
/*新闻列表页公共头部*/
.tabtitle{height: 3rem;position:relative;line-height: 3rem;}
.tabtitle ul{width: 100%;}
.tabtitle ul li{float:left;margin-right: 3%;margin-bottom: -1px;}
.tabtitle ul li a{font-size:1.29rem;color: #909090;height: 3rem;line-height: 3rem;padding: 0 0.41rem; display:block;position:relative;text-align:center;}
.tabtitle ul li.on>a{color: #00a3e3;border-bottom: 4px solid #00a3e3;}
.tabtitle .more{position: absolute;right: 0;color:#999;top: 0;}
/*新闻列表页*/
.list-body li{height:2.5rem;line-height:2.5rem;padding-left: 1.2rem;background: url(../images/dian_06.png) no-repeat left center;}
.list-body li:hover{background: url(../images/dian_03.png)no-repeat left center;}
.list-body li .date{float:right; color:#999;}
.list-body li a{float:left;max-width:100%;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #666;text-align: left;font-size:1.14rem;}
.list-body li a:hover{color:#00a3e3;}
.nt-xq{display: inline-block;color:#ac171b;padding-left: 0.29rem;}
/*中间第二层新闻板块*/
.ec-fir{width: 49.15%;margin-right: 1.7%;padding:0.36rem 1.43rem;background: #FFF;}
.ec-sec{width: 49.15%;padding:0.36rem 1.43rem;background: #FFF;}
.c-ecxwbk .bd ul{padding: 0.71rem 0;height: 194px;}
/*政务公开板块*/
.c-ecxwbk{overflow: hidden;}
.c-zwgkbk{overflow: hidden;}
.c-zxdtbk{overflow: hidden;}
.zwgk-sc .hd{overflow: hidden;}
.m-zwgk {padding:0.36rem 1.43rem .8rem 1.43rem;width: 32.5%;margin-right: 1.25%;background: #FFF;}
.m-zwgk .hd{padding: 0.71rem 0;}
.zw-gg .hd ul{margin-right: -0.5%;}
.zw-gg .hd ul li{float: left;width: 24.5%;margin-right: 0.5%;}
.zw-gg .hd ul li a{display: block;height: 40px;line-height: 40px;text-align: center;color: #666;font-size: 1.14rem;background: #f7f7f7;border-radius: 5px;}
.zw-gg .hd ul .on a{background: #00a4e3;color: #FFF;}
.zw-gg .list-body li{background: inherit;padding-left: 0;}
.zwgk-xc .xc-tt{height: 60px;line-height: 60px;text-align: center;font-size: 1.14rem;color: #FFF;background: #33b6e9;display: block;width: 100%;border-radius: 5px;margin-top:1rem;}
.zwgk-xc .xc-tt i{width: 35px;height: 30px;vertical-align: middle;margin-right: 0.36rem;background-position: 0 -31px;}
.zwgk-xc ul li{float: left;width: 48%;}
.zwgk-xc ul li a{border-radius: 4px;background:#f5f5f5;display: block;color: #4c4c4c;font-size: 1.14rem;height: 60px;line-height: 60px;text-align: left;padding-left: 0.2rem;}
.zwgk-xc ul li a i{width: 35px;height: 30px;vertical-align: middle;/* margin-right: 0.36rem; */}
.zwgk-xc ul .zw-gk a{margin-top: 11px;}
.zwgk-xc ul li:first-child{margin-right:4%;}
.zwgk-xc ul{padding:0.71rem  0  0.3rem 0;}
.zwgk-xc .zw-gkml i{background-position: -28px -31px;}
.zwgk-xc .zw-zn i{background-position: -61px -31px;}
.zwgk-xc .zw-nb i{background-position: -91px -31px;}
.zwgk-xc .zw-wz i{background-position: -124px -31px;}
.zwgk-xc .zw-gk i{background-position: -155px -31px;}
.zwgk-xc ul .zw-gk{width: 100%;}
.zwgk-xc ul .zw-gk a{text-align: center;}
/*横幅板块*/
.c-hfbk a{display: block;width: 100%;height: 144px;}
.c-hfbk a img{width: 100%;height: 100%;}
/*办事服务板块*/
.m-bsfw{padding: 0.36rem 1.43rem 1.36rem 1.43rem;width: 32.5%;margin-right: 1.25%;background: #FFF;}
.bsfw-cont{margin-top: 1rem;}
.bsfw-cont .bs-im{height: 120px;width: 100%;display: block;}
.bsfw-cont .bs-im img{height: 100%;width: 100%;}
.bsfw-cont ul{margin-right: -4.2%;}
.bsfw-cont ul li{float: left;width: 45.8%;margin-right: 4.2%;margin-top: 1.1rem;}
.bsfw-cont ul li a{height: 42px;line-height: 42px;display: block;color: #4c4c4c;font-size:1.14rem;border: 1px solid #f2f2f2;text-align: left;padding-left: 2.36rem;}
.bsfw-cont ul li a i{width: 32px;height: 30px;vertical-align: middle;margin-right: 0.5rem;}
.bsfw-cont .bs-gs i{background-position: 1px -68px;}
.bsfw-cont .bs-sx i{background-position: -28px -66px;}
.bsfw-cont .bs-cx i{background-position: -57px -68px;}
.bsfw-cont .bs-tj i{background-position: -88px -68px;}
.bsfw-cont .bs-ml i{background-position:-117px -68px;}
.bsfw-cont .bs-zsk i{background-position: 0px -68px;}
.bsfw-xtbk a{width: 45.8%;margin-right: 4.2%;margin-top: 1.1rem;height: 50px;line-height: 50px;color: #FFF;font-size: 1.14rem;display: block;float: left;border-radius: 5px;}
.bsfw-xtbk .xtf{background:url(../images/xbk_06.png)}
.bsfw-xtbk .xts{background:url(../images/xbk_08.png)}
.bsfw-xtbk{margin-right: -4.2%;}
/*互动交流板块*/
.m-hdjl{padding: 0.36rem 1.43rem .5rem 1.43rem;width: 32.5%;background: #FFF;}
.m-hdjl .bd ul{margin: 0.57rem 0;}
.m-hdjl .hdjl-im{display: block;width: 100%;height: 95px;margin: 1rem 0;}
.m-hdjl .hdjl-im img:nth-child(1){width: 100%;height: 100%;}
.m-hdjl .hd-xbk ul{margin-right: -2%;}
.m-hdjl .hd-xbk ul li{float: left;width: 31.33%;margin-right: 2%;}
.m-hdjl .hd-xbk ul li a{display: block;color: #FFF;height: 35px;line-height: 35px; background: #33b6e9;border-radius: 5px;}
.m-hdjl .hd-xbk{margin: 2.17rem 0;}
.hdjl-im{position: relative;}
.j-pic-box{display: inline-block;}
.j-wyxx-click{position: absolute;top: 25%;right: 10%;color:#fff;padding: 0.875rem;border-radius: 5px;border: 1px solid #fff;}
.j-wyxx-click img {display: block;width: 100%;height: auto;}
.j-wyxx-click:hover{background-color: #fff;border: 1px solid #33b6e9;color: #33b6e9;}

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

.more:hover, .zw-gkml a:hover, .zw-zn a:hover, .zw-nb a:hover, .zw-wz a:hover, .zw-gk a:hover, .bs-gs a:hover, .bs-sx a:hover, .bs-cx a:hover, .bs-tj a:hover, .bs-ml a:hover, .bs-ml a:hover, .bs-zsk a:hover{color:#00a4e3;}


@media screen and (max-width:1200px){
  .img-wrap a{display:block;width:100%;}
  .img-wrap a img{display:block;width:100%;height:100%;}
}
@media screen and (max-width:1100px){
	/*办事服务*/
	.bsfw-cont ul li a{padding-left: 1rem;}
	.zwgk-xc ul li a i{display: none;}
        .zwgk-xc ul li a{text-align: center;}
}
@media screen and (max-width:950px){
  .j-wyxx-click {right: 5%;}
  .hot-news h2 a{font-size: 2rem;}
  /*新闻动态*/
  .zw-gg .hd ul li{width: 48%;margin-right: 2%;}
  .zw-gg .hd ul li:nth-child(-n+2){margin-bottom: 2%;}
  /*焦点图*/
  .c-jdt{width: 54.25%;}
  .m-zxdt{width: 45.75%;}
  /*办事服务*/
  .m-bsfw {height: 288px;}
  .m-hdjl{height: 288px;}
  .bsfw-cont ul li a{padding-left: .2rem;}
  .bsfw-cont ul li a i{margin-right: 0.1rem;}
  .list-body li a{max-width: 80%;}
}

@media screen and (max-width:840px){
  .j-wyxx-click {right: 3%;}
  /*办事服务*/
  .bsfw-cont ul li a i{display: none;}
  .bsfw-cont ul li a{padding-left: 0;text-align: center;}
}

@media screen and (max-width:780px){
  .j-wyxx-click {right: 2%;}
  .hot-news h2 a{font-size: 1.86rem;}
}
@media screen and (max-width: 750px){

	.m-tout{padding: 15px;}
    .m-tout i{display:none;}
    .m-tout p.elip a{display: block;width: 100%;margin:0 0 10px 0;}

    .h-wzm{font-size: 2.68rem;}
    .hot-news h2 a{font-size: 1.68rem;}
    .j-wyxx-click {right: 10%;}
    .c-jdt{width:100%;}
    .m-zxdt{width: 100%;}
    .ec-fir{width: 100%;margin-right: 0;}
    .ec-sec{width: 100%;}
    .m-zwgk{width: 100%;padding-bottom: 0;margin-right: 0;}
    .m-bsfw{width: 100%;padding-bottom:0;height:auto;margin-right: 0;}
    .m-hdjl{width: 100%;padding-bottom:0;margin-right: 0;}
    .j-font-size {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .bsfw-cont ul li:nth-child(2n+2){margin-right: 0;}
	.bsfw-cont ul{margin-right: 0;}
	.bsfw-cont ul li{width: 47.8%;}
	.bsfw-xtbk a:nth-child(2){margin-right: 0;}
	.bsfw-xtbk{margin-right: 0;}
	.bsfw-xtbk a{width: 47.8%;}
    .m-hdjl {height: auto;}
    .fr-links h4, .fr-links h3{width: 47%;margin-right: 2%;margin-bottom:10px;}
    .zw-gg{margin-bottom:0px;}
    .fr-links h3 a{font-size: 1rem;padding-left:10px;}
    .c-jdt .bd li img{height: auto;}
}

@media screen and (max-width:680px){
    .c-hfbk{display: none;}
}
@media screen and (max-width:480px){
    .j-font-size{display: inline-block;width: 70%;}
    .h-wzm{font-size: 2.36rem;}
    .m-zxdt{padding: 0 10px;}
    .ec-fir{padding: 0 10px;}
    .ec-sec{padding: 0 10px;}
    .m-zwgk{padding: 0 10px;}
    .m-bsfw{padding: 0 10px;}
    .m-hdjl{padding: 0 10px;}
}

@media screen and (max-width:420px){
    .hot-news{padding:0.71rem 3.29rem 1.1rem 3.29rem;}
}

@media screen  and (max-width:394px){
  .hot-news-ico{display: none;}
}

@media screen and (max-width:380px){
    .h-menu ul li a{font-size: 1.2rem;}
    .j-banner-text{width:70%;}
    .c-jdt .hd .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 30%;}
    .hot-news{padding: 0.71rem 1.29rem 1.1rem 1.29rem;}
}

@media screen and (max-width:360px) {
  .h-menu ul li a{font-size: 1.1rem;}
  .j-wyxx-click {right: 5%;}
}

@media screen and (max-width:338px){
  .hot-news p {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
}

@media screen and (max-width:332px){
  .tabtitle ul li a{font-size: 16px;}
}

@media screen and (max-width:320px){
  .h-menu ul li a{font-size: 1rem;}
}