@font-face {font-family: "iconfont";
  src: url('img/font_1144939_pdz8umy9ap.eot'); /* IE9 */
  src: url('img/font_1144939_pdz8umy9ap.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/e6ad80958bbf4a83a7da9614fb1b2c55.woff') format('woff2'),
  url('img/font_1144939_pdz8umy9ap.woff') format('woff'),
  url('img/font_1144939_pdz8umy9ap.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('img/font_1144939_pdz8umy9ap.svg') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-shijian:before {
  content: "\e63e";
}

.icon-add:before {
  content: "\e62b";
}

.icon-close:before {
  content: "\e639";
}

.icon-dots-horizontal:before {
  content: "\e705";
}

.icon-top:before {
  content: "\e607";
}

.icon-qq:before {
  content: "\e646";
}

.icon-wangwang:before {
  content: "\e8a0";
}

.icon-down:before {
  content: "\e638";
}

.icon-phone:before {
  content: "\e700";
}

.icon-chakan:before {
  content: "\e6c6";
}

.icon-message:before {
  content: "\e604";
}

.icon-search:before {
  content: "\e605";
}

.icon-menu:before {
  content: "\e61c";
}

.icon-right-arrow:before {
  content: "\e61f";
}

.icon-ewm:before {
  content: "\e606";
}

.icon-left-arrow:before {
  content: "\e620";
}



/*在线咨询*/
#toolbar {
    position: fixed;
    z-index: 9999;
    right: 17px;
    bottom: 10%
}

#toolbar li {
    margin-bottom: 3px;
    position: relative
}

#toolbar li,#toolbar li a {
    font-size: 0;
    width: 57px;
    height: 57px;
    right: 0
}

#toolbar li a {
    display: block;
    position: absolute;
    z-index: 9;
    top: 0;
    overflow: hidden;
    background: #1f4397;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    white-space: nowrap
}

#toolbar li .iconfont {
    width: 57px;
    height: 57px;
    background-color: #d9d9d9;
    text-align: center;
    color: #2b2b2b;
    font-size: 26px
}

#toolbar li .iconfont,#toolbar li .wz {
    display: inline-block;
    vertical-align: middle;
    line-height: 57px
}

#toolbar li .wz {
    font-size: 14px;
    color: #fff;
    padding-left: 10px
}

#toolbar li.ewm .ewm-box {
    position: absolute;
    z-index: 1;
    padding: 5px;
    background: #1f4397;
    width: 110px;
    right: 120%;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s
}

#toolbar li.ewm .ewm-box p {
    margin-bottom: 0
}

#toolbar li.ewm .ewm-box img {
    max-width: 100%
}

#toolbar li.ewm .ewm-box:after {
    content: "";
    position: absolute;
    right: -5px;
    bottom: 20px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #1f4397;
    border-right: none
}

#toolbar li.ewm:hover .icon {
    background-position: -57px -180px
}

#toolbar li.ewm:hover .ewm-box {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#toolbar li.backtop {
    cursor: pointer
}

#toolbar li.backtop .iconfont {
    color: #fff;
    background-color: #1f4397
}

#toolbar li:hover a {
    width: 200px
}

#toolbar li:hover .iconfont {
    background-color: #1f4397;
    color: #fff
}