@charset "utf-8";
/*显示器大于800时候生效*/
.footLayer{display: none;}
.mobileFuwu{display: none;}
.nav,.tool-bar,.m-bottom{display:none;}
/*显示器小于800时候生效*/
@media screen and (max-width: 800px) {
/*底部导航*/
.m-bottom{width:100%;position: fixed;bottom:0;background: #004dac;color:#fff;height: 0.9rem;line-height: 0.9rem;z-index: 110;display: block;}	
.m-bottom .istel{width:50%;color:#fff;float:left;text-align:center;}
.m-bottom .telbtn{display: inline-block;position: absolute;z-index: 999;border: 1px solid rgba(255,255,255,0.1);bottom: 0;width: 1.2rem;height: 1.2rem;background: #c00000;
border-radius: 50%;left: 50%;margin-left: -0.6rem;background-image: url(../pic/phone.png);background-repeat: no-repeat;background-size: 0.8rem 0.8rem;background-position: center;}

/*导航，分类，搜索*/
.footLayer{position:fixed;border-top: #00a1ec solid 2px;background:#f6f6f6;width:100%;z-index:101;left:0;bottom:0;height: 1.4rem;display: block;}
.footLayer li{ float:left; width:25%; height:1.4rem; position:relative;}
.footLayer li:after{ content:''; position:absolute; right:0; top:50%; width:1px; height:0.8rem; margin-top:-0.4rem; background:#d3d3d3;}
.footLayer li:last-child:after{ display:none;}
.footLayer li a{ display:block; width:100%; height:100%; position:relative; text-align:center;}
.footLayer li .ico{ padding:0.2rem 0;}
.footLayer li .ico img{ width:0.46rem;}
.footLayer li .ico2{ position:absolute; left: 50%; margin-left:-0.55rem; top:-0.5rem; border-radius:50%; box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.28);}
.footLayer li .ico2 img{ width:1.1rem;}
.footLayer li p{ font-size:0.26rem; color:#3f3f3f; position:absolute; left:0; bottom:0.2rem; width:100%;}

.mobileFuwu{position: fixed;top: 0;left: 0;bottom: 0px;width: 100%;height: 0;background: #fff;z-index: 98;transition: all .5s ease;overflow: hidden;display: unset;}
.mobileNavbar{position: fixed;top: 1.58rem;right: 0;bottom: 0px;width: 0;height: calc(100% - 2.3rem);background: #fff;z-index: 101;transition: all .3s ease;display: unset;overflow: auto;border-top: 1px solid #009ee6;}
.mobileNavbar .subNav{cursor: pointer;display: block;height: auto;line-height: 0.9rem;padding-left: 0.3rem;position: relative;font-size: 0.28rem;border-bottom: #e3e3e3 solid 1px;background:url(http://c.b2b168.net/pic/mobilePop/ico3.png) right center no-repeat;;background-size: 0.42rem;transition: all .3s ease;overflow: hidden;height: auto;}
.mobileNavbar .currentDt{background: url(http://c.b2b168.net/pic/mobilePop/ico3on.png) right 0.4rem no-repeat;background-size: 0.42rem;}
.mobileNavbar .navContent{height: 0;overflow: hidden;/* transition: all .3s ease; */opacity: 1;/* background: unset; */width: 100%;position: unset;background: #fff}
.mobileNavbar .navContent a{display:block;height: 0.7rem;line-height: 0.7rem;font-size:0.24rem;padding-left:0.5rem;border-top: #e3e3e3 solid 1px;color:#666;border-bottom: 0;text-align: left;margin: 0;}
.mobileFuwu .leftDiv{width: 3.2rem;float: left;background: #00a1ec;height: 100%;padding-top: 1.4rem;padding-top: 1.71rem;}
.mobileFuwu .leftDiv li{height: 0.8rem;line-height: 0.8rem;padding-left: 0.25rem;font-size: 0.28rem;color: #fff;border-bottom: #fff solid 1px;position: relative;padding-right: 0.8rem;}
.mobileFuwu .leftDiv li.on{background: #0b91d0;}
.mobileFuwu .rightDiv{width: 48%;float: right;margin-right: 0.3rem;padding-top: 1.4rem;padding-top: 1.95rem;}
.mobileFuwu .rightDiv a{display: block;text-align: left;height: 0.7rem;line-height: 0.7rem;font-size: 0.24rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;/* border: #b5b5b5 solid 1px;*//* background: #f6f6f6;*//* border-radius: 0.08rem;*/}
.mobileFuwu .rightDiv .tabContent{display: none;}
.mobileFuwu .leftDiv li::after{content: "";background: url(/pic/mobilePop/ico3-1.png) right center no-repeat;background-size: 0.42rem;width: 0.5rem;height: 0.5rem;position: absolute;top: 0.15rem;right: 0;}
.mobileFuwu .leftDiv li.on::after{content: "";background: url(/pic/mobilePop/ico3-1on.png) right center no-repeat;background-size: 0.42rem;width: 0.5rem;height: 0.5rem;position: absolute;top: 0.15rem;right: 0;}
.mobileFuwu .leftDiv li a{color:#fff;width: 100%;overflow: hidden;display: block;height: 100%;}

.search{display: block;background: url(/pic/mobilePop/searchIco.png) 0 0 no-repeat;background-size: 0.4rem;width: 0.4rem;height: 0.4rem;position: absolute;top: 0.1rem;right: 0.6rem;display: none;}
.mobileSearch{position: fixed;top: 0;left: 0;bottom: 0px;width: 100%;height: 0;background: #fff;z-index: 98;transition: all .5s ease;overflow: hidden;display: unset;box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);}
.bannerH{height: 1rem;margin: 0;padding: 0;background: url(/pic/mobilePop/searchBg.jpg) center no-repeat;background-size: cover;}
.closeBox .searchClose{width: 0.4rem;position: absolute;bottom: 0.1rem;left: calc(50% - 0.2rem);}
.closeBox .searchClose img{width:0.3rem;}

}

.only-fiveline, .only-twoline {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.company-index{background-color:#fff}
.company-index .info{display:flex;justify-content:flex-start;align-items:flex-start;padding:12px 0 16px 15px;background:linear-gradient(121deg,#faebdb,#fef8f0)}
.company-index .info .info-logo{height:50px;max-width:100px;margin-right:10px;border-radius:5px}
.company-index .info .info-text{height:50px;max-width:calc(100% - 62px);flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
.company-index .info .info-text .info-name{font-size:18px;font-weight:700;color:#333;line-height:26px}
.company-index .info .info-text .info-tag-list{display:flex;justify-content:flex-start;align-items:center}
.company-index .info .info-text .info-tag-list .info-tag{padding:0 4px;text-align:center;font-size:10px;height:20px;line-height:20px;color:#fff;border-radius:2px;background-color:#ed4646}
.company-index .info .info-text .info-tag-list .info-tag+.info-tag{margin-left:6px}
.company-index .desc{padding:27px 22px 14px 29px;position:relative;border-radius:8px;background-color:#fffcf8;font-size:12px;line-height:20px}
.company-index .desc .desc-text{margin-bottom:6px;overflow:hidden;word-break:break-all;color:#666;font-size:14px}
.company-index .desc .desc-text.hide{height:60px}
.company-index .desc .bottom-right,.company-info .desc .top-left{width:14px;height:11px;position:absolute}
.company-index .desc .top-left{top:9px;left:16px}
.company-index .desc .bottom-right{right:10px;bottom:12px}
.company-index .desc .action-btn-box{display:flex;justify-content:flex-end;margin-right:15px}
.company-index .desc .action-btn-box .action-btn{box-sizing:border-box;height:18px;padding:0 6px;line-height:16px;border-radius:2px;border:1px solid;font-size:12px;color:#336fff}
.company-index .desc .action-btn-box .action-btn.hide{display:none}


.nav-container {
    position: relative;
    background: #fff;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .07)
}

.nav-container * {
    box-sizing: border-box
}

.nav-container .trigger {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 53px;
    position: absolute;
    right: 0;
    top: 0;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .8) 20%, #fff)
}

.nav-container .trigger .icon, .nav-container .trigger .icon-active {
    width: 16px;
    height: 16px
}

.nav-container .trigger .icon {
    display: block
}

.nav-container .trigger.active .icon, .nav-container .trigger .icon-active {
    display: none
}

.nav-container .trigger.active .icon-active {
    display: block
}

.nav-all, .nav-content {
    width: 100vw
}

.nav-all .nav-item, .nav-content .nav-item {
    min-width: calc(25vw - 9px);
    display: inline-block;
    padding: 0 10px
}

.nav-all .nav-item .nav-item-content, .nav-content .nav-item .nav-item-content {
    box-sizing: border-box;
    color: #666;
    line-height: 53px;
    text-align: center;
    font-size: 14px
}

.nav-all .nav-item .nav-item-content.active, .nav-content .nav-item .nav-item-content.active {
    font-size: 16px;
    font-weight: 700;
    color: #336fff
}

.nav-content {
    box-sizing: border-box;
    padding: 0 60px 0 0;
    overflow-x: auto;
    white-space: nowrap;
    border-bottom: 1px solid #f5f5f5
}

.nav-content .nav-item .nav-item-content {
    font-size: 16px;
    border-bottom: 3px solid transparent
}

.nav-content .nav-item .nav-item-content.active {
    border-bottom-color: #336fff
}

.nav-all {
    height: 0;
    opacity: 0;
    transition: height .5s, opacity .2s;
    padding: 0 8px
}

.nav-all .nav-item .nav-item-content {
    line-height: 44px
}

.nav-all.active {
    padding: 15px 8px;
    opacity: 1;
    height: auto;
    color: #336fff
}

.sell-container {
    margin-bottom: 10px;
    padding: 0 12px;
    background-color: #fff
}

.sell-container .sell-title {
    position: relative;
    padding: 16px 9px 12px;
    font: 700 16px/16px PingFangSC-Medium, PingFang SC;
    color: #333;
    border-bottom: 1px solid #eee
}

.sell-container .sell-title .prefix-box {
    position: absolute;
    top: 16px;
    left: 0;
    width: 3px;
    height: 15px;
    background: #336fff
}

.sell-container .sell-content {
    padding: 16px 0
}
.products .product-hot {
    display: flex;
    flex-direction: column;
    width: 48.5%;
    position: relative;
    margin-bottom: 20px;
    background-color: #fff
}

.products .product-hot.video:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 17%;
    width: 40px;
    height: 40px;
    transform: translateX(-50%);
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABsCAMAAAC4uKf/AAAAqFBMVEUAAAAAAAAAAAAAAAAAAAAAAAC/v78AAAAAAAAAAAAAAAAAAAAAAAAAAAAMDAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD7+/v4+PhtbW01NTXu7u7n5+coKCj////JycnFxcWhoaGZmZmTk5NgYGBCQkL19fXr6+vk5OTi4uLR0dHNzc24uLipqal6enpUVFQhISHY2NjW1taKior////luF/rAAAAN3RSTlOAAAN8eGTMCls1D0tDKIJwamBXUEhGPyMeG/r4oo7v6Yr+0s+7trOckvXs5uTY1ce+qJiJ3NyvtZcixAAAAsVJREFUaN7VmolS2zAQhv/owJZs5z4JN4VytLT0yvu/WTMpIJgA0a6Omu8FvpkdWdbu/ugQsDNTlbrfU1KqXl+XlZnZDgFfmZhPBxKvIAfTuYgpK0yp8A6qNEUcmWiGEjuRw0YEy4pawRNVF0EyO5YgIMeWLSsqCSKyKlgyYRQYKCPosoUGE70gysQEAUwERWY1gtDWX9YoBKIaX1mNCNReMjFCFEZit0yUiEQpdskKjWjo4n2Z0IiIFlsySg35ldyWjRCZ0duyGtGp35I1SEDzuswqJEBZZwD9IPKPpJNNkIjJtmyBZCycjFhEfiGdzCAh5qWsUEiIKl7IKiSlei6zEkmR9plsjMSMnayQSIwsnmQ1klM/yoRCcpR4kDXIQPMgGyIDw42MfDz4RwT+N9XJ+fXy7ApczEZWwovu8WrN/vcueJRrmfdZ/LP6x9EB+zyiM4cf31aPfD0Eh/laNoUfe6sn9j9xajldywb+MscNo5aDtUxSZI4zci1lBxYkmWNJrqXFjCpzHH8GiRkMXeY4PwEBg4ohcywv4E+FkiVz3PrXsoTmyRynez/hh0afK3NcX8KLPnp8mePLD3jQgwqQOfZ9bhQFGSJzHHl84TJQ5rjykal8MoVeHNmt1wHpR5EdHXodfU2V8b9rTb2u+F8ZUKIKlS0v/S9iEyY7JfxlDP3nyf9/zqjPAv7fDLDoSLbs7AQUJPkp5zg+AI0B/ZHq3qmcR+qcI7s75D2/hSLLbg64jUWnpDQW/K6ppDSD92E9DAypzb3bXO/37DaX1MB3L3//uuiCyTDraCLr0CXnOCnroCznCDDrcDPn2DbrQDrnqD3rEiHneiTn4ifrSivnsu7/ryHTLFjbsTpOsBRvy7o/dpChTRGNmOGTtsVqIgWG2hmFCg95tTe+FhTMa3vkkBem/CgxUVoA9qNFeyOGlrPGsf8C2eyo8x7aSZcAAAAASUVORK5CYII=");
    background-size: 100%;
    cursor: pointer
}

.products .product-hot .product__img {
    width: 100%;
    /*height: 177px;*/
    margin-bottom: 14px;
    border-radius: 4px
}

.products .product-hot .product__name {
    margin-bottom: 6px;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    line-height: 18px;
    border-bottom: 1px dashed #ebebeb;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.products .product-hot .product__content {
    height: 36px;
    margin-bottom: 14px;
    line-height: 18px;
    font-size: 14px;
    color: #999
}

.products .product-hot .product__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    padding: 6px 0;
    background: #336fff;
    border-radius: 12px;
    font-size: 14px;
    line-height: 14px;
    color: #fff
}

.products .product-hot .product__btn .icon {
    width: 11px;
    height: 14px;
    margin-right: 5px
}

.products {
    margin-bottom: -14px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.products .product-new {
    display: flex;
    flex-direction: column;
    width: 48.5%;
    margin-bottom: 20px;
    position: relative;
    background-color: #fff
}


.products .product-new .product__img {
    width: 100%;
    /*height: 177px;*/
    margin-bottom: 10px;
    border-radius: 4px
}

.products .product-new .product__name {
    font-size: 14px;
    font-weight: 500;
    color: #333
}

/*联系方式*/
.aboutusm {
    position: relative;
    margin-bottom: 10px;
    padding: 0 12px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.aboutusm > img.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1
}

.aboutusm .aboutus-block-title {
    position: relative;
    padding: 16px 9px 12px;
    line-height: 16px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    border-bottom: 1px solid hsla(0, 0%, 92.2%, .3)
}

.aboutusm .aboutus-block-title:before {
    content: "";
    position: absolute;
    top: 16px;
    left: 0;
    width: 3px;
    height: 16px;
    background: #fff
}

.aboutusm .aboutus-block-content {
    padding: 20px 4px
}

.aboutusm .aboutus-block-content .aboutus-item {
    display: flex;
    justify-content: start;
    align-items: center;
    position: relative
}

.aboutusm .aboutus-block-content .aboutus-item + .aboutus-item {
    margin-top: 15px
}

.aboutusm .aboutus-block-content .aboutus-item .aboutus-icon {
    width: 40px;
    height: 40px;
    margin-right: 12px
}

.aboutusm .aboutus-block-content .aboutus-item .aboutus-text {
    margin-right: 20px;
    font-size: 14px;
    line-height: 16px;
    max-width: 265px;
    color: hsla(0, 0%, 100%, .8)
}

.aboutusm .aboutus-block-content .aboutus-item .aboutus-text .aboutus-info {
    font-weight: 700;
    color: #fff
}

.aboutusm .aboutus-block-content .aboutus-item .copy-data {
    display: block;
    width: 72px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    border-radius: 999px;
    color: #336fff;
    background: #fff
}

.aboutusm .aboutus-block-content .aboutus-item .more {
    width: 9px;
    height: 9px;
    position: absolute;
    top: 50%;
    right: 17px;
    transform: rotate(45deg) translateY(-80%);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff
}

.aboutus-content-box {
    padding: 20px 16px;
    margin-top: -10px;
    background: #fff
}

.aboutus-content {
    font-size: 14px;
    color: #333;
    line-height: 26px
}

.aboutus-content p.active {
    display: block
}

.aboutusm .click-to-expand {
    border-radius: 16px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #ddd;
    color: #999;
    font-size: 12px;
    display: inline-block;
    width: 122px;
    text-align: center;
    margin-top: 15px;
    position: relative
}

.aboutusm .click-to-expand:after {
    content: "";
    width: 5px;
    height: 5px;
    border: 1px solid #999;
    border-bottom: none;
    border-left: none;
    position: absolute;
    right: 25px;
    top: calc(50% + 2px);
    transform: translateY(-50%) rotate(-45deg)
}

.aboutusm .click-to-expand.active:after {
    top: calc(50% - 2px);
    transform: translateY(-50%) rotate(135deg)
}


/*新闻*/
.news-list-title-box {
    padding: 0 12px;
    background: #fff
}

.news-list-title-box .block-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 16px 9px;
    font: 700 16px/16px PingFangSC-Medium, PingFang SC;
    color: #333;
    box-sizing: border-box;
    border-bottom: 1px solid #eee
}

.news-list-title-box .block-title .prefix-box {
    position: absolute;
    top: 16px;
    left: 0;
    width: 3px;
    height: 15px;
    background: #336fff
}

.news-list-title-box .block-title .more {
    font: 12px/1 PingFangSC-Regular, PingFang SC;
    color: #999
}
.news-list {
    padding: 0 12px;
    background-color: #fff;
    margin-bottom: 10px
}

.news-list .item {
    display: flex;
    box-sizing: border-box;
    align-items: center;
    padding: 11px 4px;
    border-bottom: 1px solid #ebebeb
}

.news-list .item .left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    border-radius: 0 0 16px 0
}

.news-list .item .left .day {
    margin-bottom: 2px;
    font-size: 20px;
    font-weight: 700;
    color: #666;
    line-height: 20px
}

.news-list .item .left .year-month {
    font-size: 12px;
    color: #999
}

.news-list .item .right {
    width: 75%;
    margin-left: 14px
}

.news-list .item .right .title {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    line-height: 14px
}

.news-list .item .right .desc {
    font-size: 14px;
    line-height: 14px;
    color: #999
}



/*留言*/
.contact-form {
    position: relative
}

.contact-form > img.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1
}

.contact-form .block-title {
    position: relative;
    width: auto;
    padding: 16px 9px;
    margin: 0 12px;
    font: 700 16px/16px PingFangSC-Medium, PingFang SC;
    color: #fff;
    border-bottom: 1px solid hsla(0, 0%, 92.2%, .3)
}

.contact-form .block-title .prefix-box {
    position: absolute;
    top: 16px;
    left: 0;
    width: 3px;
    height: 15px;
    background: #336fff
}

.contact-form .contact-form-list {
    padding: 20px 15px 10px
}

.contact-form .contact-form-list .a-content-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 20px;
    font-size: 14px
}

.contact-form .contact-form-list .a-content-item .item-label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 12px;
    color: #fff
}

.contact-form .contact-form-list .a-content-item .item-label .labe-icon {
    font-size: 16px;
    color: #f46
}

.contact-form .contact-form-list .a-content-item input {
    width: 92%;
    border: none;
    border-radius: 2px;
    padding: 16px 12px;
    font-size: 14px;
    color: #999;
    background-color: #f7f7f7;
    -webkit-appearance: none
}

.contact-form .contact-form-list .form-item {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 20px
}

.contact-form .contact-form-list .form-item button {
    width: 100%;
    height: 50px;
    margin-top: 10px;
    border: none;
    text-align: center;
    color: #fff;
    line-height: 50px;
    border-radius: 25px;
    font-size: 16px;
    background: #336fff
}

.contact-form .contact-form-list .form-item.required label {
    position: relative
}

.contact-form .contact-form-list .form-item.required label:after {
    content: "*";
    position: absolute;
    right: -15px;
    font-size: 16px;
    color: #f46
}

.contact-form .contact-form-list .a-slider {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.contact-form .contact-form-list .a-slider label {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: left;
    margin-bottom: 8px;
    margin-left: 4px;
    min-width: 47px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 22px
}

.contact-form .contact-form-list .a-slider input[type=range] {
    width: 100%;
    height: 44px;
    background: linear-gradient(90deg, #55cea7 calc(var(--value) * (100% - 40px) / 100), #fff calc(var(--value) * (100% - 40px) / 100), #fff);
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
    appearance: none
}

.contact-form .contact-form-list .a-slider input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 40px;
    height: 44px;
    border-radius: 5px;
    background: #55cea7;
    cursor: pointer;
    padding: 0;
    margin: 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1)
}

.contact-form .contact-form-list .slider-hint {
    position: absolute;
    top: 16px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    color: #ddd
}


/*产品页面*/
.tab-header {
    width: 100%;
    background-color: #fff;
    font-size: 16px;
    position: relative
}

.tab-header .sample {
    display: flex;
    align-items: center;
    flex-flow: nowrap;
    overflow-x: auto;
    margin: 0 12px;
    height: 48px;
    border-top: 1px solid #f2f2f2
}

.tab-header .sample::-webkit-scrollbar {
    display: none
}

.tab-header .sample a {
    display: inline-block;
    margin-right: 15px;
    color: #666
}

.tab-header p {
    font-size: 12px;
    white-space: nowrap;
    padding: 8px 10px
}

.tab-header img {
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 16px 14px;
    position: absolute;
    right: 0;
    top: 1px;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .8) 20%, #fff)
}
.all {
    display: none;
    background-color: #fff;
    position: fixed;
    top: 0;
    right: 0;
    width: 70%;
    height: 100%;
    z-index: 11;
    padding: 30px 20px
}

.all .tag-lay {
    display: block;
    margin-bottom: 16px;
    font: 14px/14px PingFangSC-Regular, PingFang SC;
    color: #333
}

.all .tag-lay.allTag {
    margin-top: 20px
}

.all a {
    display: inline-block;
    margin-right: 15px;
    background-color: #f2f2f2;
    border-radius: 17px;
    margin-bottom: 15px;
    color: #666
}

.all a p {
    font-size: 12px;
    padding: 8px 10px
}

.all .btn {
    width: 100%;
    text-align: center
}

.all .btn button {
    width: 80%;
    height: 40px;
    background-color: #fff;
    border: 1px solid #f58c91;
    color: #ec2525;
    margin: 30px auto 0;
    font-size: 14px
}

.all a > p, .tab-header .sample a > p {
    color: #666
}

.all a > p.active, .tab-header .sample a > p.active {
    border-radius: 999px;
    background: #eaf1ff;
    color: #336fff
}

.mask {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-tap-highlight-color: transparent
}

.products {
    padding: 16px 12px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #fff
}

.products .product {
    position: relative;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    width: 48.5%;
    margin-bottom: 12px
}

.products .product__img {
    overflow: hidden;
    position: relative;
    border-radius: 4px
}

.products .product__img .hot-icon {
    height: 21px;
    width: auto;
    position: absolute;
    bottom: 0;
    left: 0
}

.products .product__img img {
    width: 100%
}

/*.products .product__img img:first-child {*/
/*    height: 162px*/
/*}*/

.products .product p {
    color: #333;
    margin: 12px 0 20px;
    font-weight: 700;
    font-size: 14px
}



/*产品详情*/
.product-detail .pro-top {
    background-color: #fff
}

.product-detail .pro-top img {
    display: block;
    margin: auto;
    width: 100%;
    /*height: 375px*/
}

.product-detail .pro-top .pro-meta {
    padding: 16px
}

.product-detail .pro-top .pro-meta h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px
}

.product-detail .pro-top .pro-meta p {
    margin-top: 16px;
    font-size: 14px;
    color: #666
}

.product-detail .pro-top .pro-meta p > span {
    color: #333
}

.product-detail .pro-top .pro-meta p > span.pro-meta-price {
    color: #f60
}

.product-detail .pro-bottom {
    background-color: #fff;
    margin: 10px 0;
    
}

.product-detail .pro-bottom .pro-title {
    position: relative;
    padding: 16px 9px;
    border-bottom: 1px solid #f2f2f2;
    margin: 0 12px 14px
}

.product-detail .pro-bottom .pro-title > h4 {
    font: 700 16px/16px PingFangSC-Regular, PingFang SC
}

.product-detail .pro-bottom .pro-title .prefix-box {
    position: absolute;
    top: 16px;
    left: 0;
    width: 3px;
    height: 15px;
    background: #336fff
}

.product-detail .pro-bottom .pro-pic {
    text-align: center;
    padding-bottom: 30px
}

.product-detail .pro-bottom .pro-pic img {
    max-width: 290px
}

.product-detail .pro-bottom .pro-content {
    height: auto;
    background-color: #fff;
    padding: 0 20px 15px;
    font-size: 14px;
    line-height: 24px;
    word-break: break-word
}

.product-detail .pro-bottom .pro-content img {
    width:100%;
}

.product-detail .video-con {
    position: relative;
    margin: auto;
    width: 100%;
    height: 66vw
}

.product-detail .video-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #000
}

.product-detail .video-wrapper video {
    flex: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 9
}

.product-detail .video-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    cursor: pointer
}

.product-detail .video-cover img {
    width: 100%;
    height: 100%
}

.company-info {
    background-color: #fff;
    margin: 10px 0;
    padding: 16px;
    display: flex
}

.company-info .info-logo {
    width: 56px;
    height: 56px;
    border-radius: 4px;
    overflow: hidden;
    /*margin-bottom: 30px*/
}

.company-info .info-logo > img {
    width: 100%;
    height: 100%
}

.company-info .info-right {
    flex: 1;
    margin-left: 14px
}

.company-info .info-right h3 {
    font-size: 18px
}

.company-info .info-right .company-medals {
    font-size: 12px;
    display: flex;
    align-items: center;
    /*padding: 15px 0;*/
    /*border-bottom: 1px solid #e8e8e8;*/
    margin-bottom: 15px
}

.company-info .info-right .company-medals .medal-shop {
    width: 80px;
    height: 20px;
    background: url(//file.baixing.net/202205/3a8b2c36ef596941b54afc53bec14bbb.png) no-repeat 50%/100%;
    margin-right: 12px
}

.company-info .info-right .company-medals .medal-bx {
    width: 80px;
    height: 20px;
    background: url(//file.baixing.net/202205/2437fb93cbdbfc25ef3637a65f2257a5.png) no-repeat 50%/100%
}

.company-info .info-right .company-certificate {
    display: flex;
    font-size: 12px
}

.company-info .info-right .company-certificate .certificate-label {
    color: #b39772
}

.company-info .info-right .company-certificate > img {
    width: 16px;
    height: 18px;
    margin: 0 8px;
    vertical-align: middle
}

.product-recommend {
    margin: 10px 0;
    background-color: #fff
}

.product-recommend .pro-title {
    position: relative;
    padding: 16px 9px;
    border-bottom: 1px solid #f2f2f2;
    margin: 0 12px 14px
}

.product-recommend .pro-title > h4 {
    font: 700 16px/16px PingFangSC-Regular, PingFang SC
}

.product-recommend .pro-title .prefix-box {
    position: absolute;
    top: 16px;
    left: 0;
    width: 3px;
    height: 15px;
    background: #336fff
}

.product-recommend .pro-box {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 0 16px;
    box-sizing: border-box
}

.product-recommend .pro-box::-webkit-scrollbar {
    display: none
}

.product-recommend .pro-box .pro-box-product {
    display: block;
    width: 140px;
    margin-right: 20px;
    position: relative;
    box-sizing: border-box
}


.product-recommend .pro-box .pro-box-product img {
    overflow: hidden;
    height: 120px;
    width: 120px;
    border: 1px solid #eee;
    border-radius: 3px
}

.product-recommend .pro-box .pro-box-product .pro-desc {
    margin-top: 10px;
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
    line-height: 22px
}

/*新闻*/
.news-list {
    /*width: 100%;*/
    margin-top: 10px;
    /*padding-bottom: 13px;*/
    background-color: #fff
}

.news-list .one-line {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.news-list h3 {
    font: 700 14px/1 PingFangSC-Medium, PingFang SC
}

.news-list a {
    display: block;
    font-size: 14px;
    border-bottom: 1px solid #ebebeb;
    padding: 18px 16px
}

.news-list a:last-child {
    border-bottom: none
}

.news-list a p {
    font-size: 14px;
    color: #666
}

.news-list a > .text {
    color: #666;
    position: relative;
    padding-right: 15px;
    margin: 12px 0
}

.news-list a > .text:after {
    content: "";
    width: 8px;
    height: 8px;
    border: 1px solid #666;
    border-bottom: none;
    border-left: none;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 5px);
    right: 3px
}

/*新闻详情*/
.news-detail {
    background-color: #fff;
    padding: 16px 0
}

.news-detail h3 {
    font: 700 18px/30px PingFangSC-Medium, PingFang SC;
    padding: 0 16px
}

.news-detail .news-detail-time {
    font-size: 12px;
    color: #666;
    margin: 9px 0 24px;
    padding: 0 16px
}

.news-detail .news-detail-pic {
    margin-bottom: 30px
}

.news-detail .news-detail-pic img {
    width: 100%
}

.news-detail .news-detail-content {
    height: auto;
    font-size: 14px;
    line-height: 24px;
    color: #333;
    word-break: break-word;
    margin-bottom: 29px;
    padding:12px 15px;
}

.news-detail .news-detail-content img {
    width: 100%
}

.news-detail .news-nav {
    font-size: 14px;
    border-top: 1px solid #ebebeb;
    padding: 0 16px
}

.news-detail .news-nav span {
    display: inline-block;
    color: #336fff;
    margin-top: 24px
}

.news-detail .news-nav a {
    color: #666
}
.madv{
    background: #fff;
    margin-bottom:10px;
    padding: 0 12px;
}
.madv .sell-title {
    position: relative;
    padding: 16px 9px 12px;
    font: 700 16px/16px PingFangSC-Medium, PingFang SC;
    color: #333;
    border-bottom: 1px solid #eee
}
.madv .sell-title .prefix-box {
    position: absolute;
    top: 16px;
    left: 0;
    width: 3px;
    height: 15px;
    background: #336fff
}

#chatIframe{height:calc(100% - 200px);}
.qimo_chatpup{margin-top:200px;}


.company-adv{width:100%;height:auto;background: #fff;padding-bottom:10px;}
.company-adv .adv-list{height:100%;}
.company-adv .adv-list .adv-item{width:100%;margin:10px 0px;padding-bottom:10px;box-sizing:border-box;box-shadow:2px 2px 5px 0 rgba(220,220,220,.5); border-radius: 5px;}
.company-adv .adv-list .adv-item .adv-img{position: relative;}
.company-adv .adv-list .adv-item img{border-top-left-radius: 5px;border-top-right-radius: 5px;}
.company-adv .adv-list .adv-item span{display: block;background:#336FFF;width:30px;height:30px;line-height:30px;border-radius: 5px;position: absolute;right:0px;top:0px;font-size:15px;font-weight: 600;color:#fff;text-align: center}
.company-adv .adv-list .adv-item .adv-text{padding:20px 15px 0px 15px;}
.company-adv .adv-list .adv-item .adv-text h4{font-size:20px;font-weight: 700;margin-bottom:10px;}
.company-adv .adv-list .adv-item .adv-text p{text-align: justify}
.company-adv .adv-list .adv-item .adv-text a {border-bottom: 1px solid #dfdfdf;display: inline-block;width: 95%;margin-top: 10px;}
.company-adv .adv-list .adv-item .adv-text a em {width: 10px;height: 10px;background: #336FFF;display: block;float: right;position: relative;top: 5px;transform: rotate(135deg);}