/*****
*怀化市政府集约化建设首页样式文件
*@crtime:2019年07月31日10:51
*@Company:湖南微象科技有限公司 www.microxiang.com
*@Author:cq
*@modifyLog: what when who
*
*/
.zddt-item:nth-child(2) .nav{height:172px;}
.zddt-item:nth-child(3) .nav{height:258px;}
.zddt-item:nth-child(4) .nav{height:344px;}
.zddt-item:nth-child(5) .nav{height:172px;}
.zddt-item:nth-child(6) .nav{height:86px;}
.sub-wrap{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#78A9E9,endColorstr=#78A9E9);}

.main{background: #f0f2f5;padding-bottom: 40px;}
.zddt-item{background: #fff;padding: 30px;box-shadow: 0 0 5px #ccc;margin-top: 22px;}
.zddt-item .nLi.on a{color: #fff;}
.zddt-item  .nLi.on .sub-wrap a:hover{border-bottom: 1px solid #cce2ff;}
.zddt-item .nLi.on{background:#3f85e0;cursor: pointer;}
.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: 2;overflow:unset !important;}
.nLi .sub::after{content:'';position:absolute;border:.5rem solid transparent;border-top-color:#3f85e0;top: 0;left:50%;margin-left:-.5rem;}
.hasChild h3{position: relative;}
.hasChild h3::before{content:'...';position:absolute;bottom:3.2rem;right:1rem;color:#333;height:2px;}
.nav li.on h3::before{content:'';}
.nLi .sub li{float: left;height: 42px;line-height: 42px;width:100%;text-align: center;}
.nLi .sub li a{color: #fff;font-size: 0.875rem;text-align: center;font-weight: normal;}
.sub-wrap{padding: 1.3rem 1rem 1.3rem;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;}
@media screen and (max-width:1200px){
.zddt-item:nth-child(2) .nav{height:auto;}
.zddt-item:nth-child(3) .nav{height:auto;}
.zddt-item:nth-child(4) .nav{height:auto;}
.zddt-item:nth-child(5) .nav{height:auto;}
.zddt-item:nth-child(6) .nav{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: 49%;}
    .zddt-item .nLi:nth-child(3n+1){margin-left:1.76%;}
    .zddt-item .nLi:nth-child(2n+1){margin-left:0;}
 }

 @media screen and (max-width:677px){
    .nLi{width: 49%;}
    .zddt-item .nLi:nth-child(3n+1){margin-left:1.76%;}
    .zddt-item .nLi:nth-child(2n+1){margin-left:0;}
 }

 @media screen and (max-width:461px){
    .nLi{width: 100%;}
    .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}
 }