@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/wbfont/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/wbfont/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/wbfont/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/wbfont/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/wbfont/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/wbfont/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fawb {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.online{position:fixed;width:50px;top:200px;right:10px}
.online .imgs:hover{background:rgba(0,0,0,0.2)}

.tels .imgs,.share .imgs,.wechat .imgs,.tops .imgs{position:relative;z-index:9999}
.tels,.share,.wechat,.tops{position:relative}

.tels .tls{position:absolute;width:160px;left:-160px;height:50px;line-height:50px;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);z-index:999;top:0px;opacity:0;transition:0.8s}
.tels .tls .txts{width:150px;background-color:#f3f3f3;padding:0 20px;font-size:14px;color:#333}
.tels:hover .tls{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity:1}
.tels .arrowPanel{top: 15px;}

.wechat .tls{position:absolute;width:210px;left:-210px;top:-100px;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);z-index:999;opacity:0;transition:0.8s}
.wechat:hover .tls{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity:1}
.wechat .txts{width:200px;height:200px;background-color:#f3f3f3;padding:10px;}
.wechat .txts img{width:100%;height:100%}
.wechat .arrowPanel{top: 116px;}

.share .tls{position:absolute;width:252px;left:-252px;height:50px;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);z-index:999;opacity:0;transition:0.8s;top:0px}
.share .tls .txts{width:242px;background-color:#f3f3f3;padding:13px 20px;font-size:14px;color:#333;height:50px;}
.share:hover .tls{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity:1}
.share .arrowPanel{top: 15px;}

.arrowPanel {width: 10px;height: 30px;position: absolute;right: 1px;}

.arrowPanel .arrow01 {border-left: 10px solid #f3f3f3;left: 1px;}
.arrowPanel .arrow02 {border-left: 10px solid #f3f3f3;left: 1px;}
.arrow01 {width: 0;height: 0;font-size: 0;line-height: 0;border-top: 10px solid transparent;_border-top: 10px solid black;_filter: chroma(color=black);border-right: 10px solid transparent;_border-right: 10px solid black;_filter: chroma(color=black);border-bottom: 10px solid transparent;_border-bottom: 10px solid black;_filter: chroma(color=black);border-left: 10px solid #ddd;position: absolute;bottom: 0;position: absolute;left: 2px;top: 0;}
.arrow02 {width: 0;height: 0;font-size: 0;line-height: 0;border-top: 10px solid transparent;_border-top: 10px solid black;_filter: chroma(color=black);border-right: 10px solid transparent;_border-right: 10px solid black;_filter: chroma(color=black);border-bottom: 10px solid transparent;_border-bottom: 10px solid black;_filter: chroma(color=black);border-left: 10px solid #fff;position: absolute;bottom: 0;position: absolute;left: 0;top: 0;}


.online2{background-color: #fafafa;height:70px;width:100%;padding:10px 0;position:fixed;bottom:0}
.mbNavs{display: flex;}
.mbNavs div{width:25%;height:50px;}
.mbNavs a{display:block;width:100%;height:50px;text-align: center;font-size: 12px;}
.mbShare a:before{font-family:FontAwesome;content:"\f045";display:block;font-size: 24px;}
.mbTel a:before{font-family:FontAwesome;content:"\f10b";display:block;font-size: 25px;}
.mbContent a:before{font-family:FontAwesome;content:"\f044";display:block;font-size: 23px;}
.mbTop a:before{font-family:FontAwesome;content:"\f0aa";display:block;font-size: 24px;}



.msr{background-color: #fafafa;height:auto;width:auto;padding:10px 20px;position:fixed;bottom:75px;border-radius:5px;overflow:hidden;display:none}