body,html{height:100%}
.container{min-height:860px}
.content-wrap{height:calc(100% - 122px);max-height:780px}
.content{position:relative;height:100%;padding:15px 30px 15px 392px}
.content .content-left{position:absolute;top:15px;left:40px;width:320px;background:rgba(255,255,255,1);border-radius:4px;border:1px solid rgba(229,229,229,1)}
.content .title{height:50px;line-height:50px;font-size:16px;color:#fff;background:rgba(15,120,184,1);text-indent:20px}
.content .data-area-item{width:70px;text-align:center;float:left;margin-bottom:10px;cursor:pointer}
.content .data-area-item:nth-child(3n+1){margin-left:26px;margin-right:28px}
.content .data-area-item:nth-child(3n){margin-left:28px;margin-right:26px}
.content .data-area-item p{text-align:center;height:40px;line-height:40px}
.content .data-area-item:hover p{color:#1f9ecd}
.content .data-area-item .item-icon{width:70px;height:70px;background-size:cover}
.content .all .item-icon{background-image:url(../images/firstPage/全部icon.png?v=HEMVVs5Gc67z4o%2FPisE%2FAw%3D%3D)}
.content .all:hover .item-icon{background-image:url(../images/firstPage/全部选中icon.png?v=lN0LIYNZsIw1YkkMQ2pfXA%3D%3D)}
.content .economy .item-icon{background-image:url(../images/firstPage/经济建设icon.png?v=V85a7SRIdlSHvVL9%2F751fg%3D%3D)}
.content .economy:hover .item-icon{background-image:url(../images/firstPage/经济建设选中icon.png?v=mUp9g3CdO9gkviJGLt%2Be8Q%3D%3D)}
.content .environment .item-icon{background-image:url(../images/firstPage/资源环境icon.png?v=CqftMu9NJ%2FCiIlzulqM94w%3D%3D)}
.content .environment:hover .item-icon{background-image:url(../images/firstPage/资源环境选中icon.png?v=q6%2F4PlmHCEuL2PJ0kSyXDw%3D%3D)}
.content .education .item-icon{background-image:url(../images/firstPage/教育科技icon.png?v=56F7YcrgkADn7r10Galp5w%3D%3D)}
.content .education:hover .item-icon{background-image:url(../images/firstPage/教育科技选中icon.png?v=Z4Fy854P0xUVHYta%2FqImmQ%3D%3D)}
.content .road .item-icon{background-image:url(../images/firstPage/道路交通icon.png?v=T4DmNyuitV5hPTL6QapXvw%3D%3D)}
.content .road:hover .item-icon{background-image:url(../images/firstPage/道路交通选中icon.png?v=quTknwr4G7%2FXvcmNuv1e%2FA%3D%3D)}
.content .develop .item-icon{background-image:url(../images/firstPage/社会发展icon.png?v=9QNtlVqiFqvg63ZabU4vgQ%3D%3D)}
.content .develop:hover .item-icon{background-image:url(../images/firstPage/社会发展选中icon.png?v=pX2SHmElnOccx2V1jp7oXA%3D%3D)}
.content .safety .item-icon{background-image:url(../images/firstPage/公共安全icon.png?v=AsFfv0BEeH9S0060je5MVg%3D%3D)}
.content .safety:hover .item-icon{background-image:url(../images/firstPage/公共安全选中icon.png?v=W%2F2tZQsXgmYleRHa%2BnTRsw%3D%3D)}
.content .culture .item-icon{background-image:url(../images/firstPage/文化休闲icon.png?v=iwEsGDJMNXYvkfLdMBfZyQ%3D%3D)}
.content .culture:hover .item-icon{background-image:url(../images/firstPage/文化休闲选中icon.png?v=rEXjHKFTM8eX%2FYtGsMGc4Q%3D%3D)}
.content .heath .item-icon{background-image:url(../images/firstPage/卫生健康icon.png?v=RF085VDdptQLSurKIzzy5Q%3D%3D)}
.content .heath:hover .item-icon{background-image:url(../images/firstPage/卫生健康选中icon.png?v=BfhWQctL%2B4DPn8i6iSERRQ%3D%3D)}
.content .server .item-icon{background-image:url(../images/firstPage/民生服务icon.png?v=T4IOMHpcF0zqDvld5fiUKA%3D%3D)}
.content .server:hover .item-icon{background-image:url(../images/firstPage/民生服务选中icon.png?v=CLQ7tThanhFhX4TohRLCOA%3D%3D)}
.content .group .item-icon{background-image:url(../images/firstPage/机构团体icon.png?v=ma3fRXQ%2ByfPM5q8CfDydOw%3D%3D)}
.content .group:hover .item-icon{background-image:url(../images/firstPage/机构团体选中icon.png?v=12COjyN%2FrOlF4jG7Tdgp5g%3D%3D)}
.content .city .item-icon{background-image:url(../images/firstPage/城市建设icon.png?v=MhFidnO7scSlgyAZR7hQEQ%3D%3D)}
.content .city:hover .item-icon{background-image:url(../images/firstPage/城市建设选中icon.png?v=No5huGKHp06p1%2Fose7VHqQ%3D%3D)}
.content .credit .item-icon{background-image:url(../images/firstPage/信用服务icon.png?v=HrH21ZNRsoIjqHCos8MBDQ%3D%3D)}
.content .credit:hover .item-icon{background-image:url(../images/firstPage/信用服务选中icon.png?v=cHaH%2Fw9%2F%2Fh4SQh7eaH92Zg%3D%3D)}
.ecological-civilization-items{padding:30px 17px 10px 30px;height:380px;overflow-y:auto;background-color:#f8f8f8}
.ecological-civilization-items::-webkit-scrollbar{width:4px;height:4px;scrollbar-arrow-color:red}
.ecological-civilization-items::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(0,0,0,.2);scrollbar-arrow-color:red}
.ecological-civilization-items::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:0;background:rgba(0,0,0,.1)}
.ecological-civilization-item{margin-bottom:20px}
.ecological-civilization-item .item-title{color:#71bbff;height:22px;line-height:22px;cursor:pointer}
.ecological-civilization-item .item-title-nourl{color:#b1afae;height:22px;line-height:22px}
.ecological-civilization-item .btn{color:#fff;height:22px;line-height:14px;padding:3px 10px;background:#71bbff;border-radius:4px;border:1px solid rgba(229,229,229,1);cursor:pointer}
iframe{width:100%;height:650px}