/*弹出*/
.footer_flex li:hover span { display: block; }
.footer_flex li:hover .img-n { display: none; }
.footer_flex li span { display: none; color: #fff; font-size: 13px; line-height: 45px; }
.footer_flex li .img-n { padding-top: 10px; }
.footer_flex { width:100%; float:left;padding-top:0px; }
.footer_flex li { width: 45px; height: 45px; background-color: #187000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0px 5px; float: left; text-align: center; cursor: pointer; position: relative; z-index: 10; }
.footer_flex li:hover { background-color: #ff8400; }
/*left*/
.footer_flex li:hover .flex-footerc { display: block; }
.footer_flex li .flex-footerc { width: 146px; height: 124px; position: absolute; left:-143px; top: -52px; text-align: center; padding-top: 15px; background: url(../images/footerflex.png) 1px top no-repeat; display: none; }
/*top*/
.footer_flex li:hover .flex-footer { display: block; }
.footer_flex li .flex-footer { width: 146px; height: 124px; position: absolute; left: -49px; top: -140px; text-align: center; padding-top: 15px; background: url(../images/footerflex.png) 1px top no-repeat; display: none; }
/*button*/
.footer_flex li:hover .flex-footera { display: block; }
.footer_flex li .flex-footera { width: 146px; height: 124px; position: absolute; left: -49px; top: 50px; text-align: center; padding-top: 15px; background: url(../images/footerflex.png) 1px top no-repeat; display: none; }
/*right*/
.footer_flex li:hover .flex-footerb { display: block; }
.footer_flex li .flex-footerb { width: 146px; height: 124px; position: absolute; left: 42px; top: -48px; text-align: center; padding-top: 15px; background: url(../images/footerflex.png) 1px top no-repeat; display: none; }