*{margin:0;padding:0;box-sizing:border-box;border:0;outline:none;resize:none}
html{font-size:62.5%;overflow-x:hidden}
body{font-family:'microsoft yahei';color:#333;font-size:1.4rem;overflow-x:hidden;}
ul,li{list-style:none}
img{display:block}
a{text-decoration:none;color:#333;transition:.3s;display:block}
input,textarea{font-family:'microsoft yahei';font-size:1.4rem;color:#333;border:1px #333 solid;border-radius:.5rem;}
input:focus,textarea:focus{border:1px #0048FF solid !important;}
input::placeholder,textarea::placeholder{font-family:'microsoft yahei';font-size:1.4rem;color:#333}

.width{max-width:128rem;margin:0 auto;width:calc(100% - 4rem)}

.space{height:9rem;}

.img_bg{overflow:hidden;display:flex;justify-content:center;align-items:center}
.bg{background-size:cover;background-repeat:no-repeat;background-position:center center;transition:.3s}

.clear{clear:both;zoom: 1;}

.empty{text-align:center;padding:3rem 0}

.dot{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dot2,.dot3,.dot4,.dot5{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical}
.dot2{-webkit-line-clamp:2}
.dot3{-webkit-line-clamp:3}
.dot4{-webkit-line-clamp:4}
.dot5{-webkit-line-clamp:5}

.mCS-myscroll.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#E1E1E1}
.mCS-myscroll.mCSB_scrollTools .mCSB_draggerRail{background:#F2F2F2}

.layui-layer-hmg{border-radius:50px !important}
.layui-layer-btn .layui-layer-btn0{background:#0048FF;color:#fff;border-color:#0048FF}
.layui-layer-btn{padding:0 15px 20px}
.layui-layer-btn .layui-layer-btn0{border-color:#0048FF !important;background-color:#0048FF !important}

.page{text-align:center;}
.page a,.page .page-num-current{display:inline-block;width:5rem;height:5rem;line-height:5rem;margin-right:2rem;color:#333;background:#f5f5f5}
.page .page-num-current{background:#0048FF;color:#fff}

@media (max-width:1400px){
    html{font-size:56.25%}
}

@media (max-width:950px){
    html{font-size:62.5%}
    .space{height:7rem}
    
    .page{margin:0 auto}
    .page a,.page .a_cur{margin-right:0.5rem;width:4rem;height:4rem;line-height:3.8rem;font-size:1.4rem}
    .page a, .page .page-num-current{width: 4rem;height: 4rem;line-height: 4rem;margin-right: 0.5rem;}
}

@media (any-hover:hover){
	.layui-layer-btn .layui-layer-btn0:hover{color:#fff !important}
	
	.img_bg .bg:hover{transform:scale(1.1)}
    
    .page a:hover{background:#0048FF;color:#fff}
}

.header{background:#fff;position:fixed;top:0;width:100%;z-index:999}
.header .width{max-width:140rem;display:flex;justify-content:space-between;align-items:center;height:9rem;}
.header .logo{width:20rem;height:5.3rem}
.header .header-r{display:flex;align-items:center;width:calc(100% - 20rem);justify-content:flex-end}
.header .nav{display:flex;}
.header .nav .item{position:relative}
.header .nav .item>a{margin:0 3rem;padding:0 1rem;font-size:1.8rem;font-weight:bold;line-height:9rem;position:relative;}
.header .nav .item.active>a{color:#0048FF}
.header .nav .item.active>a::after{content:'';position:absolute;bottom:0;left:0;height:2px;background:#0048FF;animation:headerNav .5s forwards}
@keyframes headerNav{
    from{width:0}
    to{width:100%}
}
.header .nav .child{display:none;width:20rem;position:absolute;background:#f5f5f5;border-radius:1rem;top:12rem;left:0;z-index:999;}
.header .nav .child::before{content:'';position:absolute;height:3rem;width:100%;top:-3rem;left:0;}
.header .nav .child::after{content:'';position:absolute;width:1.5rem;height:1.5rem;top:-.75rem;left:10%;background:#f5f5f5;transform:rotate(45deg);}
.header .nav .item:nth-child(4) .child::after{left:15%}
.header .nav .child.pos-r{left:auto;right:0}
.header .nav .child.pos-r::after{left:auto;right:10%}
.header .nav .item:last-child .child.pos-r::after{left:auto;right:12%}
.header .nav .child>div{display:flex;padding:2rem;}
.header .nav .child .img_bg{width:31rem}
.header .nav .child .img{width:100%;padding-bottom:64.5%}
.header .nav .child .info{width:calc(100%);}
.header .nav .child .info>span{font-size:2rem}
.header .nav .child .info>a{position:relative;padding-left:1.5rem;color:#666;margin-top:1.5rem}
.header .nav .child .info>a::before{content:'';width:5px;height:5px;border-radius:50%;background:#0048FF;top:50%;left:0;transform:translateY(-50%);position:absolute;}
.header .icon{cursor:pointer;height:9rem;position:relative;display:flex;align-items:center}
.header .lang{height:9rem;background:url(../images/lang.png) no-repeat left center/1.8rem;margin:0 3rem;filter:grayscale(100%);padding-left:2.5rem;line-height:9rem}
.header .lang-popup{display:none;position:absolute;top:8rem;left:50%;width:10rem;transform:translateX(-50%);box-shadow:0 0 .5rem #ccc;background:#fafafa;z-index:999}
.header .lang-popup>a{line-height:4rem;text-align:center;border-bottom:1px #eee solid}
.header .lang-popup>a:last-child{border-bottom:0}
.header .search{width:1.8rem;height:1.8rem;filter:grayscale(100%);background:url(../images/search.png) no-repeat center center/1.8rem;}
.header .search-popup{display:none;position:absolute;top:100%;right:0;width:30rem;height:5rem;z-index:999}
.header .search-popup form>div{display:flex}
.header .search-popup .input{width:calc(100% - 5rem);padding:0 1.5rem;background:#f9f9f9;border:0;border-radius:0}
.header .search-popup .btn{width:5rem;height:5rem;background:#0048FF url(../images/search-w.png) no-repeat center center/1.8rem;cursor: pointer;}
.header .menu{display:none;width:1.8rem;height:7rem;background:url(../images/menu.png) no-repeat center center/1.8rem;margin-left:.8rem}
.header .close{display:none;width:1.8rem;height:7rem;background:url(../images/close.png) no-repeat center center/1.8rem;margin-left:.8rem}

.nav-m{display:none;position:fixed;top:7rem;left:0;bottom:0;width:100%;background:#fff;overflow-y:auto;z-index:1000;padding-top:2rem;border-top:1px solid #eee}
.nav-m li{border-bottom:.1rem solid rgba(255,255,255,.1);padding-bottom:1.5rem;margin-bottom:1.5rem;position:relative;border-bottom:1px #eee solid}
.nav-m li.active::after{position:absolute;top:1.2rem;right:0;transform:translateY(-50%);content:'';width:.7rem;height:1.1rem;background:url(../images/arrow.png) no-repeat center center/.7rem;transition:.3s}
.nav-m li.rotate::after{transform:rotate(90deg);top:.5rem}
.nav-m li>a{display:inline-block;color:#333;font-size:1.6rem}
.nav-m .child{display:none;margin-left:2rem;margin-bottom:2rem}
.nav-m .child>a{padding:1rem 0;border-bottom:1px #eee solid;font-size:1.6rem}

.footer{background:#141313;padding:8rem 0 3rem 0;color:#fff}
.footer .width{max-width:140rem;display:flex;justify-content:space-between}
.footer .footer-l{width:18%}
.footer .footer-l .logo{width:23rem;height:6.2rem}
.footer .footer-l .item{margin-bottom:2rem}
.footer .footer-l .item>p{font-size:2rem;line-height:3rem;margin-top:1.5rem;font-weight:bold;}
.footer .footer-l .item>p a{color: #fff;}
.footer .footer-m{width:calc(66% - 12rem);display:flex;justify-content:space-between;margin:0 8%}
.footer .footer-m .item{margin-right:8%}
.footer .footer-m .item:last-child{margin-right:0}
.footer .footer-m .item>span{color:#fff;font-size:1.8rem;font-weight:bold}
.footer .footer-m .child{margin-top:2rem}
.footer .footer-m .child>a{color:#fff;opacity:.6;margin-top:1.5rem}
.footer .footer-r{display:flex;flex-direction:column;align-items:center;width:12rem}
.footer .footer-r .con{width:12rem}
.footer .footer-r .qr{display:none}
.footer .footer-r .qr:first-child{display:block}
.footer .footer-r .qr .img{width:12rem;height:12rem;}
.footer .footer-r .qr .name{font-size:1.6rem;color:#999;text-align:center;margin-top:1rem}
.footer .footer-r .icons{width:12rem;display:flex;flex-wrap:wrap;margin-top:2rem}
.footer .footer-r .icon{cursor:pointer;width:3.5rem;height:3.5rem;border-radius:50%;border:1px solid rgba(255,255,255,.5);margin-right:.75rem;margin-bottom:1rem;opacity:.5}
.footer .footer-r .icon:nth-child(3n){margin-right:0}
.footer .footer-r .icon.active{opacity:1;background-color:#0048FF !important;border:1px solid #0048FF}
.footer .footer-b{margin-top:4rem;border-top:1px solid rgba(255,255,255,.2);padding-top:3rem;color:#fff;}
.footer .footer-b>div p{opacity:.7}
.footer .footer-b>div{display:flex;justify-content:flex-end}
.footer .footer-b a{color:#fff;opacity:.7;margin-left:1.5rem}

.inner-banner{position:relative}
.inner-banner .pc{padding-bottom:26.3%}
.inner-banner .m{display:none}
.inner-banner .width{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.inner-banner .info{width:50%;padding-left:4.7%;position:relative}
.inner-banner .info::before{content:'';width:16rem;height:16rem;background:url(../images/29.png) no-repeat center center/16rem;position:absolute;top:-3rem;left:0;border-radius:50%}
.inner-banner .name{margin-top:-1rem;padding:1rem 1rem 0 0;display:inline-block;color:#fff;font-size:4.2rem;font-weight:bold;background:url(../images/30.png) no-repeat right .5rem/3rem;}
.inner-banner .note{color:#fff;font-size:1.8rem;margin-top:1.5rem;line-height:2.8rem}

.position{background:#F5F5F5;line-height:8rem}
.position .width{display:flex;position: relative;}
.position .pos-l{width:30%;display:flex;font-size:1.6rem;color:#666}
.position .pos-l>a{color:#666;padding-left: 5px;padding-right: 5px;}
.position .pos-l>em{padding:0 1rem;font-style:normal}
.position .pos-l>span{color:#0048FF}
.position .pos-r{width:70%;display:flex;justify-content:flex-end;align-items: center;}
.position .pos-r>a{line-height:2rem;margin-right:4.5rem;font-size:1.6rem;color:#666;position:relative}
.position .pos-r>a.active{color:#0048FF}
.position .pos-r>a.active::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#0048FF}
.position .pos-r>a:last-child{margin-right:0}

/*产品导航*/
.product-position{margin-bottom: 5rem;}
.position .pos-r .pos-pro{}
.position .pos-r .pos-pro>a{line-height:2rem;margin-right:4.5rem;font-size:1.6rem;color:#666;position:relative}
.position .pos-r .pos-pro>a.active{color:#0048FF}
.position .pos-r .pos-pro>a.active::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#0048FF}
.position .pos-r .pos-pro:last-child{margin-right:0}
.position .pos-r .pos-pro .activeno{display: none;}
.position .pos-r .pos-pro ul{
    overflow-x: auto;
    position: absolute;
    top: 100%;
    left: 0;
    width:100%;
        display: none;
    justify-content: center;
    align-items: center;
}
.position .pos-r .pos-pro.active ul{
    display: flex;
}
.position .pos-r .pos-pro ul li{margin-left: 1rem;margin-right: 1rem;}
.position .pos-r .pos-pro ul li a{color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    padding: 1rem 2rem;
    display: inline-block;
    line-height: 1.5;
}
.position .pos-r .pos-pro ul li.active a{color:#0048FF;position: relative;border:1px solid #0048FF;border-radius: 0.3rem;}


.video-popup{display:none;position:fixed;z-index:1001;background:rgba(0,0,0,.7);width:100%;height:100%;top:0;left:0;}
.video-popup .con{width:70%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}
.video-popup video{max-width:100%;max-height:100%;}
.video-popup .close{position:absolute;width:2.4rem;height:2.3rem;background:url(../images/close1.png) no-repeat center center/2.4rem;right:-5rem;top:-5rem;cursor:pointer;z-index:1002;}

.comment{background:#F2F3F3;padding:10rem 0}
.comment .tit-name{text-align:center;font-size:4.8rem}
.comment .tit-note{text-align:center;font-size:1.6rem;line-height:2.8rem;margin-top:1rem;color:#666}
.comment .con{display:flex;flex-wrap:wrap;margin-top:4rem}
.comment .input{width:calc(50% - 1rem);border:1px #fff solid;padding:1.5rem 2rem;margin-bottom:2rem;color:#666}
.comment .input::focus{border:1px #0048FF solid;}
.comment .input:nth-child(2n+1){margin-right:2rem}
.comment .content{width:100%;height:23rem;padding:2rem;border:1px #fff solid;color:#666;margin-bottom:2rem}
.comment .input::placeholder,.comment .content::placeholder{color:#666}
.comment .btns{text-align:center;width:100%}
.comment .btn{display:inline-block;padding:1.5rem 5rem;border-radius:5rem;background:#fff;cursor:pointer;transition:.3s}
.comment .btn:last-child{background:#0048FF;color:#fff;margin-left:2rem}
.comment .form-group{width:100%;height:auto;padding:2rem;border:1px #fff solid;color:#666;margin-bottom:5rem;background: #fff;display: flex;align-items: center;}
.comment .form-group input{height:3rem;padding:1.5rem 2rem;border:1px #e5e5e5 solid;color:#666;margin: 0 2rem;}

/* search */
.text-secondary{text-align: center;margin: 6rem 0;}
.justify-content-center{display: flex;justify-content: center!important;margin-bottom: 6rem;}
.justify-content-center .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.justify-content-center .btn-info {
    color: #fff;
    background-color: #0048FF;
    border-color: #0048FF;
        border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
}

@media (max-width:1400px){
    .header .nav .item>a{margin:0 2rem;}
}

@media (max-width:950px){
    .header .width{height:7rem;}
    .header .logo{width:15.1rem;height:4rem;background-size:15.1rem auto !important}
    .header .nav{display:none;}
    .header .icon{height:7rem;}
    .header .lang{height:7rem;margin:0 .8rem;background-position:center center}
    .header .lang>span{display:none}
    .header .search{margin:0 .8rem}
    .header .lang-popup{top:6rem;}
    .header .menu{display:block;}
    
    .footer{padding:3rem 0}
    .footer .width{display:block}
    .footer .footer-l{width:100%}
    .footer .footer-l .logo{margin:0 auto 2rem;width:20rem;height:5.4rem;background-size:20rem auto !important}
    .footer .footer-l .item{margin-top:0;display:flex;align-items:center;justify-content:center}
    .footer .footer-l .item>span{line-height:3.2rem;font-size:1.6rem;}
    .footer .footer-l .item>p{font-size:1.6rem;margin-top:0;line-height:3.2rem}
    .footer .footer-m{width:100%;display:block;margin:2rem 0 0}
    .footer .footer-m .item{margin-right:0;margin-top:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);position:relative}
    .footer .footer-m .item::after{content:'';position:absolute;top:.5rem;right:0;background:url(../images/arrow-w.png) no-repeat center center/.7rem;width:.7rem;height:1.1rem}
    .footer .footer-m .item.rotate::after{transform:rotate(90deg);}
    .footer .footer-m .item>span{font-size:1.6rem;}
    .footer .footer-m .child{margin-top:1rem;margin-left:2rem;display:none}
    .footer .footer-m .child>a{font-size:1.4rem;opacity:1;margin-top:0;border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 0}
    .footer .footer-m .child>a:last-child{border-bottom:0}
    .footer .footer-r{display:block;margin:3rem auto 0}
    .footer .footer-r .con{height:15rem}
    .footer .footer-r .qr .name{font-size:1.4rem;}
    .footer .footer-b{margin-top:2rem;padding-top:2rem;text-align:center}
    .footer .footer-b>div{display:block}
    .footer .footer-b a{margin-top:.5rem}
    
    .video-popup .con{width:90%;}
    .video-popup .close{right:0;top:-5rem}
    
    .inner-banner .pc{display:none}
    .inner-banner .m{display:block;padding-bottom:60%}
    .inner-banner .width{top:30%}
    .inner-banner .info{width:100%}
    .inner-banner .info::before{display:none}
    .inner-banner .info::after{display:none}
    .inner-banner .name{display:block;margin-top:0;padding:0;font-size:2.5rem;background:none;text-align:center}
    .inner-banner .note{font-size:1.4rem;margin-top:1rem;line-height:2.2rem;text-align:center}
    
    .position{line-height:auto}
    .position .width{display:block;}
    .position .pos-l{width:100%;font-size:1.4rem;line-height:5rem;white-space:nowrap;overflow-x:auto}
    .position .pos-l>em{padding:0 .5rem}
    .position .pos-r{width:100%;justify-content:center;border-top:1px #ddd solid}
    .position .pos-r>a{font-size:1.4rem;line-height:5rem;margin-right:3rem;}
    /*产品二级*/
    .position .pos-r .pos-pro>a{font-size:1.4rem;line-height:5rem;margin-right:3rem;}
    .position .pos-r .pos-pro.active ul{
    display: flex;
        justify-content: flex-start;
    white-space: nowrap;
    overflow-x: auto;
}

    
    .comment{padding:3rem 0}
    .comment .tit-name{font-size:2rem}
    .comment .tit-note{font-size:1.4rem;line-height:2.4rem;margin-top:.5rem}
    .comment .con{display:block;margin-top:2rem}
    .comment .input{width:100%;padding:1.5rem;margin-bottom:1rem}
    .comment .input:nth-child(2n+1){margin-right:0}
    .comment .content{margin-bottom:1rem}
    .comment .btn{display:inline-block;padding:1rem 3rem}
    .comment .form-group input{padding: 2rem 1rem;}
}

@media (any-hover:hover){
    .header .nav .item:hover>a{color:#0048FF}
    .header .nav .item:hover>a::after{content:'';position:absolute;bottom:0;left:0;height:2px;background:#0048FF;animation:headerNav .5s forwards}
    .header .lang:hover,.header .search:hover{filter:grayscale(0)}
    .header .search-popup .btn:hover{background-color:#0042FD}
    .header .nav .child .info>a:hover{color:#0048FF}
    
    .footer .footer-m .child>a:hover{opacity:1}
    .footer .footer-b a:hover{opacity:1}
    
    .position .pos-l>a:hover{color:#0048FF}
    .position .pos-r>a:hover{color:#0048FF}
    .position .pos-r>a:hover::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#0048FF}
    
    .comment .btn:hover{background:#0048FF;color:#fff}
    .comment .btn:last-child:hover{background:#0042FD}
}

/* 在线客服 */

 .pb-aside-right {
    width: auto;
    height: auto;
    position: fixed;
    right: 10px;
    bottom: 48px;
    top: unset;
    left: unset;
    z-index: 1001;
    box-shadow: none
}
.new-bt-aside-top{
    width: 48px;
    height: auto;
    background: #fff;
    -webkit-box-shadow: 1px 2px 4px 0 rgba(0,0,0,.04), -1px -1px 4px 0 rgba(0,0,0,.04);
    box-shadow: 1px 2px 4px 0 rgba(0,0,0,.04), -1px -1px 4px 0 rgba(0,0,0,.04);
    border-radius: 24px;
    padding: 20px 0;
}
.new-bt-aside-bottom {
    width: 48px;
    height: 48px;
    margin-top: 16px;
}
.new-bt-aside-item {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    color: rgba(0,0,0,.5);
    font-size: 12px;
    line-height: 14px;
    padding: 0 8px;
    position: relative;
    cursor: pointer;
    display: block;
}
.new-bt-aside-item .item-icon {
    width: 100%;
    display: block;
    margin: 0 auto;
}
.new-bt-aside-item .fa{
    font-size: 2.2rem;
    margin-bottom: 0.3rem;
}
.new-bt-aside-item:hover .fa{
    color:#0042FD;
}
.new-bt-aside-item .aside-item-list {
    z-index: -1;
    position: absolute;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}
.new-bt-aside-bottom .aside-bottom-item {
    width: 48px;
    height: 48px;
    border-radius: 24px;
    background: #fff;
    -webkit-box-shadow: 1px 2px 4px 0 rgba(0,0,0,.04), -1px -1px 4px 0 rgba(0,0,0,.04);
    box-shadow: 1px 2px 4px 0 rgba(0,0,0,.04), -1px -1px 4px 0 rgba(0,0,0,.04);
    cursor: pointer;
    overflow: hidden;
}
.new-bt-aside-bottom .aside-bottom-item img {
    width: 32px;
    margin: 8px auto;
    display: block;
}
.new-bt-aside-item:not(:last-child) {
    margin-bottom: 16px;
}
.new-bt-aside-item:hover .aside-item-list {
    opacity: 1;
    visibility: visible
}
.new-bt-aside-item:hover .aside-item-list.position-middle {
    -webkit-transform: translate3d(-100%,-50%,0);
    transform: translate3d(-100%,-50%,0)
}

.new-bt-aside-item:hover .aside-item-list.position-bottom,.new-bt-aside-item:hover .aside-item-list.position-top {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}
.new-bt-aside-item.item-qy .entry-img {
    width: 200px;
}
.emailbox{ background: #fff; display: block;
    padding: 20px; border-radius: 8px;box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .04), -1px -1px 4px 0 rgba(0, 0, 0, .04);}
.emailbox span{font-size: 1.4rem;line-height: 1.5;}

.new-bt-aside-item .aside-item-kefu {
    display: block;
    padding: 20px;
    width: 256px;
    /* height: 276px; */
    background: #fff;
    -webkit-box-shadow: 1px 2px 4px 0 rgba(0,0,0,.04),-1px -1px 4px 0 rgba(0,0,0,.04);
    box-shadow: 1px 2px 4px 0 rgba(0,0,0,.04),-1px -1px 4px 0 rgba(0,0,0,.04);
    border-radius: 8px;
    text-align: left
}

.new-bt-aside-item .aside-item-kefu .item-kefu-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}
.new-bt-aside-item .aside-item-kefu .item-kefu-content:last-child{
    margin-bottom: 0;
} 

.new-bt-aside-item .aside-item-kefu .item-kefu-content .icon-kf {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    margin-right: 8px
}

.new-bt-aside-item .aside-item-kefu .kefu-info .title {
    font-size: 14px;
    color: rgba(0,0,0,.9);
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 8px;
    display: block
}

.new-bt-aside-item .aside-item-kefu .kefu-info span {
    display: block;
    font-size: 1.4rem;
    color: rgba(0,0,0,.6);
    line-height: 14px;
    margin-bottom: 8px
}

.new-bt-aside-item .aside-item-kefu .contactKF {
    display: inline-block;
    text-align: center;
    line-height: 22px;
    font-size:1.4rem;
    color: #fff;
    width: 64px;
    height: 22px;
    background: -webkit-gradient(linear,left top,right top,from(#ffae36),to(#ff792f));
    background: linear-gradient(90deg,#ffae36,#ff792f);
    border-radius: 4px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.new-bt-aside-item .aside-item-kefu .contactKF:hover {
    opacity: .9
}

.new-bt-aside-item .aside-item-kefu .contactKF.qy_udesk01,.new-bt-aside-item .aside-item-kefu .contactKF.qy_udesk02 {
    color: #78472b;
    background: linear-gradient(156deg,#f5e1cb,#e7c09c)
}

.new-bt-aside-item .aside-item-kefu .contactKF.qy_udesk01 {
    margin-right: 9px
}

.new-bt-aside-item .aside-item-kefu .item-kefu-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 32px;
    margin-left: -8px
}

.new-bt-aside-item .aside-item-kefu .item-kefu-bottom .bottom-btn {
    position: relative;
    font-size: 12px;
    color: rgba(0,0,0,.4);
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

.new-bt-aside-item .aside-item-kefu .item-kefu-bottom .bottom-btn:hover {
    color: rgba(0,0,0,.8)
}

.new-bt-aside-item .aside-item-kefu .item-kefu-bottom .bottom-btn .iconfont {
    font-size: 12px;
    margin-right: 4px
}

.new-bt-aside-item .aside-item-kefu .item-kefu-bottom .bottom-btn .iconfont.icon-yijian {
    font-size: 14px
}

.new-bt-aside-item .aside-item-kefu .item-kefu-bottom .bottom-btn:not(:last-child) {
    margin-right: 19px
}

.new-bt-aside-item .aside-item-kefu .item-kefu-bottom .bottom-btn:not(:last-child):after {
    content: "";
    position: absolute;
    width: 1px;
    height: 8px;
    background: #d8d8d8;
    right: -10px;
    top: 3px
}
.new-bt-aside-item .aside-item-list.position-bottom {
    bottom: 0;
}
.new-bt-aside-item.item-qy .aside-item-list {
    top: -40px;
}