.floatbar a{text-decoration:none}
.floatbar a,.floatbar div,.floatbar p,.floatbar span{margin:0;padding:0}
.icons-float-bar{display:inline-block;vertical-align:middle}
.icons-float-bar.f1{width:20px;height:17px;background:url(../images/faqicon.svg) no-repeat;border-radius:1px}
.float-bar-nav .sub-inner .left{flex:0 0 50px;align-self:center;text-align:center}
.float-bar-nav .sub-inner .left i{display:block;margin:0 auto;font-size:22px;color:#333}
.float-bar-nav .sub-inner .right{padding-right:15px;margin-right:15px}
.icons-float-bar.to-top{font-size:20px;color:#666}
.float-bar-nav .item:hover>a .icons-float-bar,.sub-inner :hover .icons-float-bar{opacity:1}
.page-nav-btn{width:25px;height:2px;display:inline-block;vertical-align:middle;background-color:#fff;position:relative}
.page-nav-btn:after,.page-nav-btn:before{content:"";border-bottom:2px solid #fff;display:inline-block;width:25px;position:absolute;top:-9px;left:0}
.page-nav-btn:after{top:auto;bottom:-9px}
.float-sidebar{position:fixed;z-index:1000;bottom:40px;right:20px}
.float-bar-nav>.item{background-color:#fff;text-align:center;line-height:48px;width:48px;height:48px;font-size:0;transition:background-color .3s ease-out}
.float-bar-nav>.item.tel{height:auto;margin-bottom:10px;background-color:#88BC35;line-height:0;cursor:default}
.float-bar-nav>.item.tel>.icons-float-bar{margin:12px auto}
.float-bar-nav>.item.tel>p{position:relative;padding:10px 16px;background-color:#fff;font-size:14px;color:#333;line-height:16px;text-align:center;border-bottom-left-radius:2px;border-bottom-right-radius:2px}
.float-bar-nav>.item.tel>p:before{content:"";position:absolute;top:50%;left:50%;width:3px;height:3px;margin-top:-1px;margin-left:-1px;border-radius:50%;background-color:#333}
.float-bar-nav .item,.float-bar-nav .sub-nav-main{border-radius:2px;box-shadow:0 4px 10px 0 rgba(138,141,147,.2)}
.float-bar-nav>.item.to-top-btn:hover .to-top{color:#88BC35}
.float-bar-nav>.item.to-top-btn{visibility:hidden;opacity:0;transition:opacity .3s ease-out}
.show-totop>.item.to-top-btn{visibility:visible;opacity:1}
.float-bar-nav .item{position:relative}
.float-bar-nav .sub-nav-layer{position:absolute;top:0;right:100%;padding-right:5px;font-size:14px;opacity:0;visibility:hidden;transform:scale(.95);transform-origin:right;transition:opacity .4s,transform .3s ease-out}
.float-bar-nav .item:hover .sub-nav-layer{opacity:1;transform:scale(1);visibility:visible}
.float-bar-nav .page-nav .sub-nav-layer{position:fixed;right:94px;bottom:90px;top:auto;min-height:292px}
.oldIE .float-bar-nav .sub-nav-layer{visibility:hidden}
.sub-nav-main .phone{width:140px;display:inline-block;vertical-align:top;text-align:center;line-height:30px}
.sub-nav-main .text{font-size:14px;color:#666;line-height:18px}
.sub-nav-main .num{font-size:16px;color:#333}
.sub-nav-main .num span{font-weight:700}
.sub-nav-main ul.info{display:inline-block;width:140px;text-align:left;border-left:1px dotted #d4d4d4;margin:15px 0;height:125px;padding:10px 20px 0}
.sub-nav-main ul.info li{line-height:24px;color:#999;font-size:12px}
@media (max-height:800px){.float-bar-nav .page-nav-list .item{padding:10px 30px}
}
.float-bar-nav .sub-nav-main{width:220px;white-space:nowrap;background-color:#fff;line-height:40px;display:block;padding:10px 0}
.sub-inner .icons-float-bar{float:left;margin:10px 20px 0 18px}
.sub-inner{line-height:44px;height:44px;text-align:left;position:relative;display:flex}
.sub-inner.inner{height:auto;min-height:60px;line-height:20px;padding-top:10px;padding-bottom:10px;padding-right:10px}
.sub-inner .faq,.sub-inner .info{display:block;margin-top:5px;margin-left:0;background:0 0;padding:0;font-size:14px}
.sub-inner .title{font-size:14px;color:#333;text-align:left}
.sub-inner .info{line-height:22px}
.sub-inner .faq{line-height:30px}
.sub-inner.inner .title{font-size:14px;line-height:18px;color:#333}
.sub-inner.inner .title .email{color:#666}
.sub-inner.inner .email{font-size:14px;line-height:18px;color:#666}
.sub-inner.inner .icons-float-bar{float:left;margin-top:0}
.sub-inner .faq[href]:hover,.sub-inner .info[href]:hover,.sub-inner>a:first-child:hover .title{color:#2e7bfb}
.float-bar-nav .telephone{font-weight:700;margin-left:5px}
.float-sidebar .shown-btn{position:fixed;bottom:40px;right:20px;width:40px;height:40px;line-height:40px;background:rgba(116,116,116,.4);border-radius:50%;font-size:0;display:none;cursor:pointer;text-align:center}
.float-sidebar .shown-btn>.dot{width:4px;height:4px;border-radius:50%;display:inline-block;background-color:#fff;vertical-align:middle}
.float-sidebar .shown-btn>.dot:after,.float-sidebar .shown-btn>.dot:before{content:"";width:4px;height:4px;border-radius:50%;background-color:#fff;vertical-align:middle;position:absolute;margin-left:-10px}
.float-sidebar .shown-btn>.dot:after{margin-left:6px}
@media (max-width:1366px){.float-sidebar{right:20px}
.page-nav:hover .sub-nav-layer{right:64px}
}
@media (max-width:1023px){.float-sidebar .shown-btn{display:block}
.float-sidebar{right:-200px;transition:right .3s ease-out}
.float-sidebar.show{right:0}
.float-sidebar .page-nav .sub-nav-layer{visibility:hidden!important}
.float-sidebar.show .page-nav:hover .sub-nav-layer{visibility:visible!important;right:44px}
.float-bar-nav>.item.tel>p,.float-sidebar.show .shown-btn{display:none}
.float-bar-nav .sub-nav-layer{top:auto;right:-50px;bottom:0}
.show-totop .float-bar-nav .sub-nav-layer{bottom:-58px}
.show .float-bar-nav .sub-nav-layer{right:100%}
}
@media (max-width:768px){.floatbar{display:none}
}