@charset "utf-8";
/*  */

/*浮动客服*/
.toolbar{position: fixed; bottom: 5%;right: 1.5%;margin-top: -163px;z-index: 10000;width: 80px;}
.toolbar dd{position: relative;float: left;width: 80px;height: 80px;background: #1e56ad;margin: 2px 0 0 0;border-radius: 5px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;}
.toolbar dd:first-child{margin-top: 0;}
.toolbar dd i{width: 100%;height: 30px;display: block;margin-top: 13px;background: url(../images/toolbar.png) no-repeat center 0;}
.toolbar dd.qq i{background-position-y: 0;}
.toolbar dd.tel i{background-position-y: -30px;}
.toolbar dd.code i{background-position-y: -60px;}
.toolbar dd.atop i{background-position-y: -90px;}
.toolbar dd span{display: block;color: #fff; text-align:center}
.toolbar dd.tel .box{ position: absolute; top: 0; width: 190px; right: -200px; height: 100%; margin-right: 10px; padding-top:15px; padding-bottom:70px; border-radius: 5px; background: #1e56ad; opacity: 0;transition: all .5s; text-align:center}
.toolbar dd.tel .box p{font-size: 14px;margin: 15px auto 7px; text-align:center}
.toolbar dd.tel .box h3{font-size: 18px; color:#fff; line-height:20px; font-weight: bold; text-align:center}
.toolbar dd.tel .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #1e56ad;border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;}
.toolbar dd.code .box{ position: absolute; top:0; width: 162px; height: 162px; right: -172px; margin-right: 10px; border-radius: 5px; background: #1e56ad; opacity: 0; transition: all .5s;}
.toolbar dd.code .box img{ width: 140px; height: 140px; padding: 6px; margin-top:10px;}
.toolbar dd.code .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #1e56ad;border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;right: -18px;margin-left: -12px;}
.toolbar dd:hover{background: #fa1a24;}
.toolbar dd.tel:hover .box{opacity: 1;right: 80px;}
.toolbar dd.code:hover .box{opacity: 1;right: 80px;}


@media (max-width: 1180px) {
  .toolbar{ display:none;}
  }