.floating_ck {
    position: fixed;
    right: 20px;
    top: 30%;
    z-index: 9999;
    font-size: 14px;
    width: 115px;
    height: 436px;
    background: url(./icon/bg.png) no-repeat;
}

.floating_ck dl {
    padding:100px 22px 50px;
    color: #fff;
}


.floating_ck dl dt {
	width: 70px;
    height: 20px;

}

.floating_ck dl dd {
    position: relative;
    width: 70px;
    height: 70px;
    text-align: center;
    cursor: pointer;
	background: url(./icon/line.gif) center bottom no-repeat;
	
}
.floating_ck dl dd:last-child {
	background: none;
	
}


.floating_ck dl dd i { width: 70px; height: 70px; display: block; transition: all 0.3s;}

.floating_ck dl dd .i1{background: url(./icon/i1.png) no-repeat center;}
.floating_ck dl dd .i2{background: url(./icon/i2.png) no-repeat center;}
.floating_ck dl dd .i3{background: url(./icon/i3.png) no-repeat center;}
.floating_ck dl dd .i4{background: url(./icon/i4.png) no-repeat center;}


.floating_ck dl dd:hover .i1{background: url(./icon/i11.png) no-repeat center;}
.floating_ck dl dd:hover .i2{background: url(./icon/i22.png) no-repeat center;}
.floating_ck dl dd:hover .i3{background: url(./icon/i33.png) no-repeat center;}
.floating_ck dl dd:hover .i4{background: url(./icon/i44.png) no-repeat center;}


.floating_ck dd:hover .floating_left {
	 width: 180px;
	 padding:0 10px; 
}


.floating_ck dd .floating_left {
	 line-height: 60px;
	 font-size: 20px;
	 font-weight: bold;
}


.floating_ck dd .floating_left {
    position: absolute;
    right: 60px;
    top: 0px;
    width: 0;
    overflow: hidden;
    height: 60px;
    background-color: #613c20;
    border-radius: 40px 0 0 40px;
    transition: all 0.3s;
}

.floating_ck #ewm {line-height: 20px; width: 0; height: 160px; padding:0; top:-40px;}


.floating_ck dd:hover #ewm { width: 160px; padding:20px; }


.floating_ck #ewm li {float: left; width: 100px; margin:0 10px; text-align: center; font-size: 16px; font-weight: normal;}