.customer{width: 70px;position:fixed;right:0; top:50%; margin-top: -177px; z-index:99;}
.customer dl{width: 100%;height: 70px;position: relative; z-index: 2; margin-bottom: 1px;}
.customer dl dt{width: 70px;height: 70px; box-sizing: border-box; padding: 7px 0; color:#FFFFFF;background-color: #666;cursor: pointer;position: relative; z-index: 5;transition: all 0.6s ease; text-align: center; }
.customer dl dt i{ display: inline-block; font-size:24px;font-weight: normal;}
.customer dl dt p{ font-size: 12px; margin-top: 3px;font-weight: normal;}
.customer dl:hover dt{background-color: #0478cb;}
.customer dl.icon1 dd{width: 150px;background-color:#2386ce;padding: 10px 0;position: absolute; top: 0;right:-150px;z-index: 1;transition: all 0.6s ease; }
.customer dl.icon1 dd a{display: block; color: #fff; width: 135px; margin: 10px auto; padding-left: 45px;border-radius: 17px;text-align: left; line-height: 34px; border: solid 1px #fff; background: url(../images/fdqq.gif) center left 15px no-repeat;}
.customer dl.icon1 dd a:hover{ background-color: #ff4229; border-color: #ff4229; color: #fff;}
.customer dl.icon2 dd{width: 150px; height: 150px;position: absolute; top: 0; right: -300px; z-index: 1; transition: all 0.6s ease; }
.customer dl.icon2 dd img{ width: 100%; display: block;  border: solid 1px #eee;box-sizing: border-box;}
.customer dl.icon3 dd{width: 200px;height: 70px;padding: 10px 15px;box-sizing: border-box; color: #fff;font-size: 26px; line-height: 50px;background-color:#2386ce; position: absolute; top: 0;right: -300px; z-index: 1; font-family: "helev"; transition: all 0.5s ease;}
.customer dl:hover dd{right: 70px;}