.sideBar {
  right: 0;
  top: 50%;
  display: flex;
  align-items: flex-start;
  transition: right 0.5s ease-in-out;
  z-index: 999; }
  .sideBar.footer {
    bottom: 0;
    top: unset;
    right: unset;
    width: 100%;
    left: 0;
    transition: footer-bar .5s ease-in-out; }
  .sideBar:hover {
    right: 0;
    cursor: pointer; }
  .sideBar .sideTitle {
    font-size: 1.125rem;
    color: #fff;
    background: #ff6600;
    padding: .5rem .625rem;
    writing-mode: vertical-lr; }
  .sideBar .sideList {
    border-radius: .95rem;
    background: #fff; }
    .sideBar .sideList a {
      display: flex;
      align-items: center;
      flex-flow: column;
      justify-content: center;
      padding: 0.8rem .5rem;
      position: relative; }
      .sideBar .sideList a:nth-child(1) {
        padding-top: 2.2rem; }
      .sideBar .sideList a:last-child {
        padding-bottom: 2.2rem; }
      .sideBar .sideList a .img_box {
        width: 37px;
        height: 37px;
        overflow: hidden;
        margin-bottom: .5rem;
        border-radius: 50%; }
      .sideBar .sideList a img {
        width: 100%;
        height: 100%;
        transition: all 0.4s ease; }
      .sideBar .sideList a p {
        font-size: .875rem;
        color: #666; }
      .sideBar .sideList a:hover img {
        transform: scale(1.2); }
      .sideBar .sideList a:hover p {
        color: #ff6600; }
      .sideBar .sideList a.phone:hover .phone_box {
        display: flex;
        left: -13rem; }
        .sideBar .sideList a.phone:hover .phone_box.address_box {
          left: -14.2rem;
          top: 1rem; }
    .sideBar .sideList .phone_box {
      padding: 0.5rem .8rem;
      color: #333;
      font-size: .93rem;
      position: absolute;
      top: 2rem;
      left: 0;
      background: #fff;
      display: none;
      align-items: center;
      transition: left .4s ease;
      border-radius: .5rem; }
      .sideBar .sideList .phone_box p {
        color: #ff6600;
        font-size: 1.1rem;
        font-weight: bold; }
        .sideBar .sideList .phone_box p.address {
          font-size: 1rem;
          font-weight: normal;
          color: #666; }
      .sideBar .sideList .phone_box.address_box {
        max-width: 13rem; }
  .sideBar .footer_box {
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    padding: .625rem; }

.toTop {
  position: fixed;
  right: .6rem;
  bottom: 5rem;
  opacity: .45; }
  .toTop .iconfont {
    font-size: 2rem;
    color: #666; }
  .toTop:hover {
    cursor: pointer; }
    .toTop:hover .iconfont {
      color: #fff; }
  .toTop img {
    width: 3.5rem; }

/*mobile*/
.float_shortcuts {
  position: fixed;
  bottom: 120px;
  left: 0;
  z-index: 900;
  display: none; }
  .float_shortcuts .plug-menu {
    width: 36px;
    height: 36px;
    border-radius: 36px;
    position: absolute;
    bottom: 16px;
    left: 16px;
    z-index: 999;
    -moz-box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);
    background-color: #ff6600; }
    .float_shortcuts .plug-menu span {
      display: block;
      width: 28px;
      height: 28px;
      background: url(../../static/image/plugmenu.png) no-repeat;
      background-size: 28px 28px;
      text-indent: -999px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -14px;
      margin-left: -14px;
      overflow: hidden;
      -webkit-transition: -webkit-transform 200ms; }
      .float_shortcuts .plug-menu span.open {
        -webkit-animation-name: open;
        -webkit-transform: rotate(135deg); }
      .float_shortcuts .plug-menu span.close {
        -webkit-animation-name: close;
        -webkit-transform: rotate(0deg); }
  .float_shortcuts .plug-btn {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    -moz-box-shadow: 0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 20px;
    margin-left: 20px;
    z-index: 998;
    -webkit-transition: -webkit-transform 200ms; }
    .float_shortcuts .plug-btn span {
      display: block;
      width: 2rem;
      height: 2rem;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -1rem;
      margin-left: -1rem;
      overflow: hidden;
      background-repeat: no-repeat;
      background-size: 24px 24px; }
      .float_shortcuts .plug-btn span img {
        width: 2rem;
        height: 2rem; }
    .float_shortcuts .plug-btn.plug-btn1.close, .float_shortcuts .plug-btn.plug-btn2.close, .float_shortcuts .plug-btn.plug-btn3.close, .float_shortcuts .plug-btn.plug-btn4.close, .float_shortcuts .plug-btn.plug-btn5.close {
      -webkit-transform: translate(0, 0) rotate(0deg); }
    .float_shortcuts .plug-btn.plug-btn1.open {
      -webkit-transform: translate(0, -125px) rotate(720deg); }
    .float_shortcuts .plug-btn.plug-btn2.open {
      -webkit-transform: translate(41px, -107px) rotate(720deg); }
    .float_shortcuts .plug-btn.plug-btn3.open {
      -webkit-transform: translate(80px, -83px) rotate(720deg); }
    .float_shortcuts .plug-btn.plug-btn4.open {
      -webkit-transform: translate(107px, -44px) rotate(720deg); }
    .float_shortcuts .plug-btn.plug-btn5.open {
      -webkit-transform: translate(125px, 0) rotate(720deg); }
    .float_shortcuts .plug-btn.plug-btn6.open {
      display: block;
      width: 310px;
      height: 310px;
      border-radius: 310px;
      background-color: rgba(255, 255, 255, 0);
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      z-index: 997;
      left: -170px;
      top: -170px;
      overflow: hidden; }
    .float_shortcuts .plug-btn.plug-btn6.close {
      display: none; }

.footerSideBar {
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  padding: 10px;
  z-index: 999; }
  .footerSideBar .item {
    background-color: #ff6600;
    color: #fff;
    font-size: 16px;
    border-radius: 3rem;
    padding: 4px 20px;
    box-shadow: 0 0 4px #fc7a24; }
    .footerSideBar .item a {
      color: #fff; }
    .footerSideBar .item:nth-child(2) {
      padding: 5px 10px; }
    .footerSideBar .item .iconfont {
      font-size: 20px;
      color: #fff;
      margin-right: 5px; }
      .footerSideBar .item .iconfont.icon-24gf-telephone2 {
        margin: 0; }

@keyframes footer-bar {
  0% {
    -webkit-transform: translate3d(0, 175px, 0);
    transform: translate3d(0, 175px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@media screen and (max-width: 768px) {
  .sideBar .sideList {
    display: none; } }

/*# sourceMappingURL=sideBar.css.map */