/*****
*怀化市政府集约化建设首页样式文件
*@crtime:2019年07月31日10:51
*@Company:湖南微象科技有限公司 www.microxiang.com
*@Author:cq
*@modifyLog: what when who
*自适应优化 2020-02-23 李刚
*/
/*IE8兼容*/
.zddt-item1{height:772px;}
.zddt-item2{height:256px;}
.zddt-item3{height:170px;}
.zddt-item4{height:428px;}

.zddt-wrap{overflow:hidden;}
.main{background: #f0f2f5;padding-bottom: 40px;}
.zddt-item{background: #fff;padding: 30px;box-shadow: 0 0 5px #ccc;margin-top: 22px;overflow:hidden;}
.zddt-item .nLi.on a{color: #fff;}
.zddt-item .nLi.on{background:#3f85e0;cursor: pointer;}
.zddt-item .nLi:hover{background: #3f85e0;}
.zddt-item .nLi:hover a{color: #fff;}
.zddt-wrap .zddt-title{height: 84px;line-height: 84px;color: #3f85e0;font-size: 1.5rem;text-align: center;padding-top: 10px;}
.zddt-wrap .zddt-subtitle{color: #65676b;font-size: 1.125rem;}
.nLi{margin-top: 20px;float: left;width: 23.68%;height: 66px;line-height: 66px;color: #333;font-weight: bold;background: #f1f2f3;margin-left: 1.76%;}
.nLi h3 a{padding-left: 20px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: normal;}
.nLi .sub{position: relative;z-index:1;}
.nLi .sub li{float: left;height: 42px;line-height: 42px;}
.nLi .sub li a{color: #fff;font-size: 0.875rem;text-align: center;font-weight: normal;padding-right: 23px;}
.sub-wrap{padding: 5px 0 14px 23px;background:radial-gradient(rgb(120, 169, 233), rgb(120, 169, 233), rgb(89, 149, 226));}
.zddt-item .nLi:nth-child(4n+1){margin-left: 0}
.zddt-item:nth-child(2){margin-top: 0;}


.m-header{text-align: left;padding: 2.375rem 0;color: #474747;}
.ico-bsfw{width: 20px;height: 20px;background-position:-961px -34px;position: relative;top: 3px;}
.m-header a:nth-child(2){margin-left: 2%;}
.m-header a:hover{color: #adadad}

@media screen and (max-width:1200px){
   /*.head,.footer{display: none;}*/
   .zddt-item1{height:auto;}
   .zddt-item2{height:auto;}
   .zddt-item3{height:auto;}
   .zddt-item4{height:auto;}
}

@media screen and (max-width:926px){
    .nLi{width: 32%;}

    .zddt-item .nLi:nth-child(4n+1){margin-left:1.76%;}
    .zddt-item .nLi:nth-child(3n+1){margin-left:0;}
 }

@media screen and (max-width:677px){
    .nLi{width: 100%;margin-top:1px;height:36px;line-height:36px;font-size:14px;}
    .zddt-item .nLi:nth-child(3n+1){margin-left:0;}
    .zddt-item .nLi:nth-child(2n+1){margin-left:0;}
    .zddt-item .nLi:nth-child(n+1){margin-left:0;}
    .nLi h3 a{text-align: center;padding-left:0;font-weight:normal;}
    .zddt-wrap .zddt-subtitle{margin-bottom:20px;}
    .main{padding-bottom:0;}
 }