.intelligent-navigate{
    width: 675px;
		position: absolute;
		left: -40px;
		top: 144px;
		height: 370px;
 
}
.intelligent-navigate-button{
    height:165px;
    width:40px;
    position:absolute;
    top:-10px;
    left:0;
    background: linear-gradient(to bottom,#2f8cf4,#0369cf);
    border-radius:25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.intelligent-navigate-button-iconImg{
    width:22px;
    height:22px;
    /* margin-top:13px; */
}
.intelligent-navigate-button-text{
    width:20px;
    font-size:22px;
    color:#ffffff;
    /* margin-top:13px; */
}

.intelligent-navigate>.intelligent-navigate-button:hover ~.intelligent-textContent{
    width:635px;
    
    
}
.intelligent-navigate>.intelligent-navigate-button:hover{
    cursor: pointer;
}
.intelligent-textContent:hover{
    width:635px;
}

.intelligent-textContent{
    left:40px;
    width:0;
    height:400px;
    position:absolute;
    transition:width 0.3s linear ;
    box-sizing: border-box;
    overflow: hidden;
   z-index: 999;

}
.intelligent-textContent-contentZone{
    width:635px;
    height:400px;
    background-color: #f1f5fb;
    border:1px solid #0369cf;
    box-sizing: border-box;
}


.intelligent-textContent-hotPoint{
    margin-top:22px;
    margin-left:7px;
    
}


.intelligent-textContent-hotPoint-list{
    margin-left:13px;
}
.intelligent-textContent-hotPoint-list-option{
    display:flex;
    height:17px;
    align-items: center;
    margin-top:15px;
    width:590px;
}
.intelligent-textContent-hotPoint-list-option>a{
    display:flex;
    height:17px;
    align-items: center;
    margin-top:19px;
    width:590px;
}
.intelligent-textContent-hotPoint-list-option-circlePoint{
    width:12px;
    height:12px;
    border-radius:50%;
    background-color:#c3dcfb ;
}
.intelligent-textContent-hotPoint-list-option-type{
    margin-left:15px;
    font-size:17px;
    color:#000000
}
.intelligent-textContent-hotPoint-list-option-text{
    margin-left:10px;
    font-size:17px;
    width:600px;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color:#000000
}

.intelligent-textContent-hotPoint-list-option:hover .intelligent-textContent-hotPoint-list-option-circlePoint{
    background-color: #3392ff;
    cursor: pointer;
}
.intelligent-textContent-hotPoint-list-option:hover .intelligent-textContent-hotPoint-list-option-text{
    color:#3392ff;
    cursor: pointer;

}
.intelligent-textContent-hotPoint-list-option:hover .intelligent-textContent-hotPoint-list-option-type{
    cursor:pointer
}



/* 便民服务 */
.intelligent-textContent-service{
    margin-top:35px;
    margin-left:7px;
}
.intelligent-textContent-service-list{
    width:700px;
    height:45px;
    margin-left:15px;
    margin-top:3px;
    display:flex;
    flex-wrap: wrap;
    
}
.intelligent-textContent-service-list-option{
    margin-top:10px;
}
.intelligent-textContent-service-list-option>a{
    padding-right:8px;
    display: block;
    border-right:2px solid #2d2d2e;
    height:18px;
    margin-right:10px;
}
.intelligent-textContent-service-list-option:hover a{
    color:#3392ff
}




.intelligent-textContent-TopTile>.intelligent-textContent-TopTile-title{
    width:90px;
    font-size:20px;
    font-weight: bold;
    color:#0369cf;

   
}
.intelligent-textContent-TopTile>.intelligent-textContent-TopTile-line{
    margin-top:10px;
    width:630px;
    height:4px;
    display: flex;
    align-items: center;
}
.intelligent-textContent-TopTile>.intelligent-textContent-TopTile-line>.pachynema{
    height:4px;
    width:60px;
    background-color:#3392ff;
    border-radius:5px;
}
.intelligent-textContent-TopTile>.intelligent-textContent-TopTile-line>.fineThread{
    width:570px;
    height:1px;
    background-color: #3392ff;
}