/* 工作办公 */

#img1,#img3, #img4, #img5{width:23%}
#img2{width:30%}  
#li1{font-size:15px}
#li1 p{text-align: center;width:100%;margin-top:18px}

#li2{font-size:15px}
#li2 p{text-align: center;width:100%;margin-top:20px}

#li3{font-size:15px}
#li3 p{text-align: center;width:100%;margin-top:18px}

#li4{font-size:15px}
#li4 p{text-align: center;width:100%;margin-top:18px}

#li5{font-size:15px}
#li5 p{text-align: center;width:100%;margin-top:18px} 
 
#li1:hover{font-size:20px}       
#li1:hover #img1{width:30%}

#li2:hover{font-size:20px}       
#li2:hover #img2{width:37%} 

#li3:hover{font-size:20px}       
#li3:hover #img3{width:30%}

#li4:hover{font-size:20px}       
#li4:hover #img4{width:30%} 
 
#li5:hover{font-size:20px}       
#li5:hover #img5{width:30%} 

/* 职工服务 */

#ul2 #img21, #img23,#img26,#img27{width:28%}
#ul2 #img22{width:23.5%} 
#ul2 #img24{width:35%}
#ul2 #img25{width:18%} 

#ul2 li{font-size:15px}
#ul2 li p{text-align: center;width:100%;margin-top:18px}
#ul2 #li22 p{margin-top:20px} 
#ul2 #li23 p{margin-top:20px}
#ul2 #li24 p{margin-top:21.5px}
#ul2 #li25 p{margin-top:22.5px} 
#ul2 #li26 p{margin-top:20.5px}     

#ul2 #li21:hover{font-size:20px}       
#ul2 #li21:hover #img21{width:35%} 

#ul2 #li22:hover{font-size:20px}       
#ul2 #li22:hover #img22{width:35%} 

#ul2 #li23:hover{font-size:20px}       
#ul2 #li23:hover #img23{width:35%}

#ul2 #li24:hover{font-size:20px}       
#ul2 #li24:hover #img24{width:45%} 

#ul2 #li25:hover{font-size:20px}       
#ul2 #li25:hover #img25{width:35%}

#ul2 #li26:hover{font-size:20px}       
#ul2 #li26:hover #img26{width:38%}  

#ul2 #li27:hover{font-size:20px}       
#ul2 #li27:hover #img27{width:38%}  

/* 内容建设*/

#ul3 #img31,#img33{width:23%}
#ul3 #img32{width:21%}
#ul3 #img33{width:17%} 
#ul3 #img34{width:19%}  
#ul3 #img35{width:26%}
#ul3 #img36{width:25%}  

#ul3 li{font-size:15px}
#ul3 li p{text-align: center;width:100%;margin-top:18px}
#ul3 #li32 p{margin-top:19px}
#ul3 #li36 p{margin-top:17px} 
#ul3 #li33 p{margin-top:19px} 

#ul3 #li31:hover{font-size:20px}       
#ul3 #li31:hover #img31{width:30%}  

#ul3 #li32:hover{font-size:20px}       
#ul3 #li32:hover #img32{width:30%} 

#ul3 #li33:hover{font-size:20px}       
#ul3 #li33:hover #img33{width:30%}

#ul3 #li34:hover{font-size:20px}       
#ul3 #li34:hover #img34{width:30%}

#ul3 #li35:hover{font-size:20px}       
#ul3 #li35:hover #img35{width:30%}

#ul3 #li36:hover{font-size:20px}       
#ul3 #li36:hover #img36{width:30%} 

.cir{width:100%;height:60px;position:absolute;bottom:20px} 
.cir .circl{width:100px;height:60px;position:absolute;left:0;right:0;margin:auto}    
.cir .circl .circle1{width:10px;height:10px;border:1px solid red;position:absolute;top:0;bottom:0;left:12%;margin:auto;border-radius:50%;background:#fff;border:1px solid #fff;cursor:pointer}   
.cir .circl .circle2{width:10px;height:10px;border:1px solid red;position:absolute;top:0;bottom:0;left:40%;margin:auto;border-radius:50%;border:1px solid #fff;cursor:pointer} 
.cir .circl .circle3{width:10px;height:10px;border:1px solid red;position:absolute;top:0;bottom:0;left:67%;margin:auto;border-radius:50%;border:1px solid #fff;cursor:pointer}