/*****
*怀化市政府集约化建设首页样式文件
*@crtime:2019年07月31日10:51
*@Company:湖南微象科技有限公司 www.microxiang.com
*@Author:cq
*@modifyLog: what when who
*对页面HTML/CSS/JS进行重新整体规范调整 by 李刚 moaol@foxmail.com
*/
@charset "utf-8";
/*IE8兼容*/
.c-header{height:158px;}
.c-gwyxx{height:362px;overflow: hidden;}
.c-tzgg{/* height: 338px; */}
.ycbk-zxdt .hd{height:41px;}
.c-tzgg-l .hd{height:43px;}
.c-tzgg-r .hd{height:40px;}

/*中间顶部*/
.c-header .c-header-title{font-size: 36px;padding-top: 34px;padding-bottom: 23px;font-weight: bold;}
.c-header .c-header-title a{color: #255fb8;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.c-header p{padding-bottom: 33px;color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.c-header-title a:hover{color: #044cb9;}
/*焦点图*/
.c-jdt-wrap{height: 480px;width: 100%;overflow: hidden;}
.ycbk-jdxw {width: 100%;background-color:#f2f4f5;position: relative;}
.ycbk-jdxw .hd {position: absolute;bottom: 0;text-align: center;width: 100%;z-index: 2;}
.ycbk-jdxw .hd li {display: inline-block;background-color: #fff;width: 10px;height: 7px;transition: all .3s;margin: 0 2px;cursor: pointer;text-indent: 1000px;}
.ycbk-jdxw .bd,.ycbk-jdxw .bd .tempWrap{height:100%;}
.ycbk-jdxw .bd .tempWrap>ul{max-height:100%;}
.ycbk-jdxw .hd li.on{width: 30px;background-color: #ed2b25;}
.ycbk-jdxw .bd li{height: 480px;}
.ycbk-jdxw .bd li img {width: 100%;display: block;}
.ycbk-jdxw .bd li a {display: block;}
.otherInfo{position:absolute;bottom:0;width: inherit;background-color: rgba(0,0,0,.4);color: #fff;padding: 20px 20px 40px;text-align: left;}
.otherInfo .info-tit{
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px;
    overflow: hidden;
}
/*国务院信息*/
.c-gwyxx .c-gwyxx-l{width: 48.33%;}
.c-gwyxx .c-gwyxx-l .header{font-size: 20px;color: #333;text-align: left;border-bottom: 1px solid #e6e8e8;height: 40px;line-height: 40px;}
.c-gwyxx .c-gwyxx-r{width: 48.33%;height: 100%;}
.c-gwyxx .content ul li{text-align: left;overflow: hidden;background: url(../images/xwzx-square_03.png) no-repeat left center;padding-left: 15px;}
.c-gwyxx .content{margin-top: 16px;}
.c-gwyxx .content ul li a{height: 40px;line-height: 40px;float: left;font-size: 18px;color: #333;display:block;width: 80%;overflow: hidden;text-overflow: ellipsis;
    white-space: nowrap;}
.c-gwyxx .content ul li a:hover{color: #1552ad;}
.ico-pointer{width: 18px;height: 27px;background-position: -396px -451px;}
.date{float: right;color: #999; line-height: 43px;height: 43px;}
/*湖南要闻*/
.newsTop p a{padding: 10px;display:block;max-width:100%;text-align: left;color: #0d4c99;font-size:18px;}
.newsTop p a:hover{color:#0066ff;}
.sub-p{font-size: 14px!important;color: #666!important;text-align: left;padding: 0 0 10px 10px;};
.newsTop div{border-bottom: 1px solid #eee};
.newsTop .nt-text{display: inline-block;color:#ac171b;}
.ycbk-zxdt{width: 100%;}
.ycbk-zxdt .list-body .date{font-size:16px;}
.ycbk-zxdt .list-body ul{margin-top:15px;}
.ycbk-zxdt .list-body li{background:url(../images/xwzx-square_03.png) no-repeat left center;border-bottom:none;}
.ycbk-zxdt .hd{position:relative;}
.ycbk-zxdt .tabtitle ul li a{font-size: 20px;}
.ycbk-zxdt .list-body li a{background:initial;}
.ycbk-zxdt .list-body li a{white-space: nowrap;
    text-overflow: ellipsis;height: 41px;line-height:41px;font-size: 18px;text-align: left;float: left;display: block;width: 80%;overflow: hidden;}
.newsTop .newsTop-title1{border-bottom: 1px solid #eee;}
.list-body li {background: url(../images/left-jt_03.png) no-repeat left center;overflow: hidden;}
/*通知公告*/
.c-tzgg .tabtitle{border-bottom: 1px solid #e6e8e8}
.c-tzgg .tabtitle ul li{float: left;}
.c-tzgg  .c-tzgg-r{width: 48.33%;}
.c-tzgg .c-gwyxx-l .header{font-size: 20px;color: #333;text-align: left;border-bottom: 1px solid #e6e8e8;padding-bottom: 10px;}
.c-tzgg .c-gwyxx-r{width: 50%;height: 100%;}
.c-tzgg .content ul li{text-align: left;line-height: 38px;}
.c-tzgg .content ul li a{font-size: 18px;color: #333;}
.c-tzgg .content ul li a:hover{color: #255fb8;}
.tzgg_spxw{height:360px;overflow:hidden;}
.c-tzgg-l .tabtitle ul li.on{border-bottom: 2px solid #0d4c99;}
.c-tzgg-l .bd ul li a{text-overflow: ellipsis;
    white-space: nowrap;font-size:18px;text-align: left;float: left;display:block;width: 80%;overflow: hidden;line-height: 43px;height: 43px;}
.c-tzgg-l .bd ul li{text-align: left;overflow: hidden;background: url(../images/xwzx-square_03.png) no-repeat left center;padding-left: 16px;};
.c-tzgg-l .tabtitle ul li a{font-size: 20px;font-weight:bold;color: #666666;width: 136px;}
.c-tzgg-l .hd ul li .xw-sx{margin: 0 35px;color: #c8c8c8;}
.c-tzgg-l .bd{margin-top: 16px;}
.c-tzgg-l,.c-tzgg-r{width: 48.33%;}

/*视频新闻*/
.c-tzgg-r .tabtitle{border: 0;}
.c-tzgg-r .tabtitle .splide{color: #b3a7a7;margin-left: 26px;}
.c-tzgg-r .tabtitle ul li>a{/* background: #fafafa; */font-size: 20px;/* display: inline-block; */}
.c-tzgg-r .video-wrap{margin-top: 8px;height: 100%;display: block;overflow: hidden;}
.c-tzgg-r .video-wrap:hover{cursor: pointer;}
.c-tzgg-r .video-wrap:hover i{opacity: 1;filter:alpha(opacity=100);}
.c-tzgg-r .list-body li{background: url(../images/radio_03.png) no-repeat left center;text-align: left;border: 0;color: #333;}
.c-tzgg-r .list-body li{width: 49%;margin-right:1%;}
.video-wrap img{width: 100%;}
.c-tzgg-r .list-body li a{background: none;max-width:initial;}
.c-tzgg-r .tabtitle ul li.on a{background-color: #0d4c99;}
.xpxw-splite{color: #ccc;}
.vertical{position: relative;margin: 0  40px;}
.vertical::before{content: '';width: 0px;height: 20px;border: 1px solid;border-bottom-color: #ccc;color: #ccc;}
.xpxw-splite-vertical::before{content: '';width: 0px;height: 20px;border: 1px solid;border-bottom-color: #ccc;color: #ccc;}
.xpxw-splite-vertical{margin: 0  16px;} 
.ico-spxw{opacity:0.8;filter:alpha(opacity=80); width: 63px;height: 63px;position: absolute;top: 50%;margin-top: -31.5px;margin-left: -31.5px;left: 50%;background-position: -197px -438px;z-index: 3;}
.cover-wrap{height: 100%;width: 100%;position: absolute;top: 0;background: #000;opacity: 0;filter:alpha(opacity=0);}
.video-wrap .cover-wrap{opacity: 0.2;filter:alpha(opacity=40);}
.video-wrap:hover .cover-wrap{opacity:0.4;filter:alpha(opacity=40);}
.spxw .tabtitle li{margin-right:16px;}
.spxw .list-body .item{height:295px;position: relative;}
.video-title{background-color: rgba(0,0,0,.6);color: #fff;height: 40px;line-height: 40px;text-align: center;position: absolute;bottom: 0;width: 100%;font-size: 20px;}
.video-title a{color: #fff;}
/*自适应*/
@media screen and (max-width:1200px){
    /*IE8兼容*/
    .c-header,.c-gwyxx,.c-tzgg,.c-tzgg-l .hd,.c-tzgg-r .hd,.tzgg_spxw,.ycbk-jdxw .bd li img,.c-tzgg-r .video-wra{height:auto;}
    .video-wrap img{margin-top: 0;margin-left: 0;left: inherit;top: inherit;position: inherit;}
    .c-jdt-wrap{height: auto;}
    .ycbk-jdxw .bd{max-height: initial;}
    .c-gwyxx .c-gwyxx-l{width: 100%;}
    .c-gwyxx .c-gwyxx-r{width: 100%;float: right;margin-top: 1rem;}
    .c-tzgg-l{width: 100%;}
    .c-tzgg .c-tzgg-r{width: 100%;float: left;}
    .c-header p:last-child{padding: 0 1rem;padding-bottom: 1rem;}
    .hd-a{display: none;}
    .c-gwyxx{margin-top: 1rem;}
    .c-gwyxx .content ul li a{text-overflow: inherit;white-space: inherit;}
    .ycbk-zxdt .list-body li a{text-overflow: inherit;white-space: inherit;padding-left: 16px;}
    .c-tzgg-l .bd ul li a{text-overflow: inherit;white-space: inherit;}
}
@media screen and (max-width:900px){
    .c-gwyxx-l .header{z-index: 1;}
    .ycbk-jdxw .bd{width: 100%;}
    .ycbk-jdxw .hd{width: 100%;}
    .ycbk-jdxw .hd .ellipsis{margin-top:2px;height: auto;}
    .ycbk-jdxw .hd .ellipsisspan{display: none;}
    .content-box{padding:0 0.5rem;}
    .spxw .list-body .item{height:auto;}
}

@media screen and (max-width:590px){
    .c-tzgg-r .video-wrap{height: auto;}
    .cover-wrap{top:-4px;}
    .video-wrap img{transform:none;position:inherit;width: 100%;left:0;top:0}
    .c-header .c-header-title a{font-size: 1.5rem;padding: 0 1rem;}
    .spxw .list-body ul>div:nth-child(1){width: 100%;}
    .spxw .list-body ul>div:nth-child(2){width: 100%;}
    .c-tzgg-r .list-body li:nth-child(3){width: 100%;}
    .c-tzgg-r .list-body li:nth-child(4){width: 100%;}
    .otherInfo .info-desc{display:none;}
    .otherInfo .info-tit{margin-bottom:0;}
}
@media screen and (max-width:450px){
   .tabtitle ul li{width: 33.33%;margin-right: 0;}
   .tabtitle ul li a{padding: 0;}
   .spxw .tabtitle li{/* width: auto; */}
}
@media screen and (max-width:390px){
    .ycbk-zxdt .tabtitle ul li a{font-size: 1rem;}
    /* .tabtitle ul li a{width: 6.5rem;} */
    .c-header .c-header-title a{font-size: 1.3rem;}
    .ycbk-jdxw .hd .ellipsis{font-size: 1.2rem;}
    .ycbk-zxdt .tabtitle ul li{margin-right: 0;width: 33.33%;}
    .ycbk-zxdt .tabtitle ul li a{padding: 0;}
    .c-gwyxx-l .tabtitle ul li a{font-size:1rem;}
    .spxw .list-body ul>div:nth-child(1){margin-bottom: 10px;}
    .spxw .list-body ul>div:nth-child(2){margin-bottom: 10px;}
}

@media screen and (max-width:350px){
    .c-gwyxx{margin-top:1rem;}
}