
/*! w3018 页头 start */.md-head{height:.9rem}
.md-head.home{height:0}
.md-head.home .head_pc{background-color:transparent}
.md-head.home .head_pc .logo{filter:none}
.md-head.m_show .md-mob_sideNav{top:0;transform:translateY(0);opacity:1}
.md-head.m_show .mob_mask{display:block}
.md-head.is-fixed .head_pc,.md-head.white .head_pc{background-color:#fff}
.md-head.is-fixed .head_pc .logo .pi,.md-head.white .head_pc .logo .pi{display:none}
.md-head.is-fixed .head_pc .logo .mi,.md-head.white .head_pc .logo .mi{display:block}
.md-head.is-fixed .head_pc .ul1 .a1,.md-head.white .head_pc .ul1 .a1{color:#222}
.md-head.is-fixed .head_pc .ul1 .a1::before,.md-head.white .head_pc .ul1 .a1::before{background-color:#54256d}
.md-head.is-fixed .head_pc .h-search .hic,.md-head.white .head_pc .h-search .hic{box-shadow:0 0 0 1px inset rgba(0,0,0,.15);background-image:url(/static/home/images/h-mag-b.png)}
.md-head.white{height:1.3rem}
.md-head .mob_mask{display:none;top:0;left:0;position:fixed;z-index:99;width:100%;height:100%;background-color:rgba(0,0,0,.1);-webkit-backdrop-filter:blur(.1rem);backdrop-filter:blur(.1rem)}
@media screen and (max-width:900px){.md-head{height:.9rem!important}
}
.head_pc{position:fixed;top:0;left:0;width:100%;z-index:99;background-color:#fff;box-shadow:0 -1px 0 0 rgba(255,255,255,.15) inset;transition:all .3s}
@media screen and (max-width:900px){.head_pc{background-color:#fff!important}
}
.head_box{display:flex;align-items:center;justify-content:space-between;z-index:5}
.head_box .logo{flex-shrink:0}
.head_box .logo .la{display:inline-flex;align-items:center}
.head_box .logo img{height:.4rem}
.head_box .logo .mi{display:none}
.head_box .hb_ri{display:flex;align-items:center}
.head_box .ul1{display:flex;margin-right:.3rem}
.head_box .ul1 .li1{position:relative;margin-right:.3rem}
.head_box .ul1 .li1:last-child{margin-right:0}
.head_box .ul1 .li1:hover .a1{color:#54256d}
.head_box .ul1 .li1:hover .pic{background-image:url(/static/home/images/a10.png)}
.head_box .ul1 .li1:hover .ul2{top:100%;opacity:1;transition:all .3s;pointer-events:auto}
.head_box .ul1 .li1:hover .head-sub{top:100%;opacity:1;pointer-events:auto;transition:all .3s}
.head_box .ul1 .a1{display:block;white-space:nowrap;position:relative;line-height:.9rem;text-align:center;transition:all .3s}
.head_box .ul1 .a1::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;opacity:0;pointer-events:none;background-color:#fff}
.head_box .ul1 .a1.on::before{opacity:1}
.head_box .ul1 .pro_li{position:static}
.head_box .ul1 .pro_li .a1{display:inline-flex;align-items:center}
.head_box .ul1 .pic{width:.5em;height:.5em;margin-left:.5em;background-image:url(/static/home/images/a11.png);background-repeat:no-repeat;background-size:contain;background-position:center}
.head_box .ul1 .ul2{position:absolute;top:110%;left:50%;transform:translate(-50%);width:-moz-max-content;width:max-content;max-width:300%;opacity:0;box-shadow:0 0 .2rem 0 rgba(0,0,0,.2);text-align:center;pointer-events:none;transition:all .3s}
.head_box .ul1 .a2{display:block;text-align:center;padding:.15rem;background-color:#f4f4f4;color:#000;white-space:nowrap;position:relative;transition:all .3s}
.head_box .ul1 .a2:hover{background-color:#54256d;color:#fff;transition:all .3s}
.head_box .h-lang{position:relative;margin-right:1rem}
.head_box .h-lang:hover .bd{top:100%;opacity:1;pointer-events:auto;transform:translate(0%,0);transition:all .3s}
.head_box .h-lang .hd{position:relative;display:flex;align-items:center;cursor:pointer;padding:.2rem 0}
.head_box .h-lang .ic{width:1em;flex-shrink:0;background-repeat:no-repeat;background-size:contain;background-position:center}
.head_box .h-lang .sp{margin:0 .5em}
.head_box .h-lang .ar{width:.5em;height:.5em;background-image:url(/static/home/images/a11.png);background-repeat:no-repeat;background-size:contain;background-position:center;flex-shrink:0}
.head_box .h-lang .bord img{width:.1rem;min-width:auto}
.head_box .h-lang .bd{position:absolute;min-width:100%;width: max-content;top:150%;left:0%;opacity:0;pointer-events:none;transform:translate(0%,10%);transition:all .3s;background-color:#f4f4f4;border:1px solid #ddd;z-index:5}
.head_box .h-lang .b_a{display:flex;align-items:center;padding:.15rem;white-space:nowrap;background-color:#f4f4f4;color:#333}
.head_box .h-lang .b_a:hover{color:#54256d;background-color:#fafafa}
.head_box .h-lang .bic{width:1em;flex-shrink:0;margin-right:.5em}
.head_box .h-quote{line-height:2.75;background-color:#54256d;color:#fff;padding:0 .3rem;border-radius:.06rem;cursor:pointer;white-space:nowrap;border:none}
.head_box .h-more{cursor:pointer;display:none;margin-left:.2rem}
.head_box .h-more .ic{display:block;width:1em;height:1em;background-image:url(/static/home/images/h-more-b.png);background-repeat:no-repeat;background-size:contain;background-position:center}
@media (max-width:1280px){.head_box .ul1 .li1{margin-right:.2rem}
.head_box .h-lang{margin-right:.5rem}
}
@media screen and (max-width:750px){.head_box{height:1rem}
.head_box .logo .pi{display:none}
.head_box .logo .mi{display:block}
.head_box .ul1{display:none}
.head_box .h-lang{margin-right:.2rem}
.head_box .h-quote{display:none}
.head_box .h-more{display:block}
}
.head-sub{position:absolute;left:0;top:120%;width:100vw;box-shadow:0 .1rem .25rem 0 rgba(0,0,0,.1);background-color:#fff;opacity:0;pointer-events:none}
.head-sub .hs-box{padding:.3rem 0}
.head-sub .hs-list{display:flex;flex-wrap:wrap}
.head-sub .hp-item{width:25%;margin-bottom:.3rem;padding-left:.2rem}
.head-sub .hp-item:nth-child(5n){margin-right:0}
.head-sub .tit{line-height:1.8;padding-left:.14rem;border-left:.05rem solid #54256d}
.head-sub .ha1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.head-sub .hp_ul{margin-top:.2rem}
.head-sub .hp_li{padding-right:.2rem}
.head-sub .ha2{line-height:1.8;color:#666;transition:color .3s;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.head-sub .ha2:hover{color:#54256d}
.head-sub .hs_all{display:inline-block;padding:.14rem .32rem;border-radius:3px;background-color:#54256d;color:#fff;transition:all .3s}
.head-sub .hs_all:hover{background-color:#000}
.md-mob_sideNav{position:fixed;left:0;top:0;width:100%;max-height:100vh;transform:translateY(-100%);transition:all .2s linear;z-index:300}
.md-mob_sideNav .ul1{text-align:center;background-color:#fff}
.md-mob_sideNav .ul1 .li1{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:auto;border-bottom:1px dashed rgba(0,0,0,.3)}
.md-mob_sideNav .ul1 .a1{position:relative;display:block;line-height:50px;font-size:16px}
.md-mob_sideNav .ul1 .ul2{display:none}
.md-mob_sideNav .ul1 .ul2 .li2 .a2{margin:5px 0;line-height:30px;font-size:14px;display:block}
.md-mob_sideNav .ul1 .ul2 .li2 .a2:hover{color:#54256d}
.md-mob_sideNav .ul1 .dt{position:relative}
.md-mob_sideNav .ul1 .has_nav>.dt::after{content:"";width:.16rem;height:.16rem;position:absolute;right:20px;top:50%;transform:translateY(-50%);background-image:url(/static/home/images/hm_3.png);background-repeat:no-repeat;background-size:contain;background-position:center}
.md-mob_sideNav .ul1 .has_nav.show>.dt::after{background-image:url(/static/home/images/hm_4.png)}
.md-mob_sideNav .hmob_off{padding:10px 20px;height:50px;border-bottom:1px dashed rgba(0,0,0,.3);display:flex;justify-content:flex-end;background-color:#fff}
.md-mob_sideNav .m_off{width:30px;height:30px;border-radius:50%;box-shadow:0 0 0 1px #000;background-image:url(/static/home/images/m_off1.png);background-size:50% auto;background-position:center;background-repeat:no-repeat;cursor:pointer;opacity:.8}
.md-mob_sideNav .hmob_top{max-height:calc(100% - 50px);background-color:#fff;overflow-y:auto;scrollbar-width:thin}
.md-mob_sideNav .hmob_top::-webkit-scrollbar{width:5px;height:1px}
.md-mob_sideNav .hmob_top::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#fff}
.md-mob_sideNav .hmob_top::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}
.md-mob_sideNav .hmob_bot{height:.7rem;display:flex;justify-content:center;border-top:1px solid rgba(51,51,51,.3)}
.md-mob_sideNav .hmob_bot .btn{display:inline-flex;justify-content:center;align-items:center;line-height:1;cursor:pointer}
.md-mob_sideNav .hmob_bot img{width:20px;margin-right:5px}
.md-mob_sideNav .hmob_lang{position:absolute;right:-100%;top:0;width:100%;height:100%;padding:20px;padding-top:0;background-color:#fff;transition:all .2s}
.md-mob_sideNav .hmob_lang.show{right:0;transition:all .2s}
.md-mob_sideNav .hmob_back{display:flex;align-items:center;line-height:1;padding:20px 0;cursor:pointer}
.md-mob_sideNav .hmob_back img{margin-right:10px}
.md-mob_sideNav .ul3{display:none}
.md-mob_sideNav .ul3 li{padding:5px 0}
.md-mob_sideNav .hmob-money{padding:0 20px;margin-top:10px}
.md-mob_sideNav .hmob-money.show .ar{transform:translateY(-50%) rotate(180deg)}
.md-mob_sideNav .hmob-money .hd{position:relative;display:flex;align-items:center;cursor:pointer;padding:10px 0}
.md-mob_sideNav .hmob-money .ic{width:1em;height:1em;background-image:url(/static/home/images/h-money.png);background-repeat:no-repeat;background-size:contain;background-position:center}
.md-mob_sideNav .hmob-money .sp{margin-left:.3rem}
.md-mob_sideNav .hmob-money .ar{position:absolute;right:0;top:50%;transform:translateY(-50%);transform-origin:center;transition:transform .3s;width:1em;height:1em;background-image:url(/static/home/images/icon-23.png);background-repeat:no-repeat;background-size:contain;background-position:center}
.md-mob_sideNav .hmob-money .bd{margin-top:5px;display:none}
.md-mob_sideNav .hmob-money .b_a{display:block;padding:10px 0;color:#333;border-bottom:1px dashed #666}
@media (min-width:751px){.md-mob_sideNav .hmob-money{display:none}
}
/*! w3018 页头 end */

/*! w3018 产品详情-分类 start */
.pro-2 {
    padding-top: 1.1rem;
    padding-bottom: 0.9rem;
}

.pro-2 .list {
    display: flex;
    flex-wrap: wrap;
}

.pro-2 .li {
    width: 18.7301587302%;
    margin-right: 1.5873015873%;
    margin-bottom: 0.2rem;
}

.pro-2 .li:nth-child(5n) {
    margin-right: 0;
}

.pro-2 .dd {
    display: block;
    position: relative;
}

.pro-2 .dd:hover .h3 {
    transform: scale(1.05);
}

.pro-2 .img {
    position: relative;
    padding-top: 93.3333333333%;
    overflow: hidden;
}

.pro-2 .img::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.3);
    pointer-events: none;
}

.pro-2 .ii {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 0.3s;
}

.pro-2 .te {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0.36rem;
    padding: 0 0.3rem;
    text-align: center;
}

.pro-2 .h3 {
    color: #fff;
    transition: all 0.3s;
}

@media (max-width: 750px) {
    .pro-2 .li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5%;
        padding: 0 5%;
    }
}

/*! w3018 产品详情-分类 end */

/*! w3018 产品-应用范围 start */.pro-16{padding-top:1.05rem;padding-bottom:.6rem}
.pro-16 .tit{text-align:center}
.pro-16 .list{margin-top:.45rem}
.pro-16 .li{margin-bottom:.6rem}
.pro-16 .dd{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:.25rem;box-shadow:1px 1px .1rem 0 rgba(0,0,0,.5)}
.pro-16 .imgs{width:34.1463414634%}
.pro-16 .img{position:relative;padding-top:60.9756097561%}
.pro-16 .ii{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.pro-16 .text{width:59.3495934959%}
.pro-16 .intro{color:#666;line-height:1.8;margin-top:.2rem}
.pro-16 .btns{margin-top:.4rem}
.pro-16 .btn{display:inline-block;padding:.14rem .32rem;background-color:#54256d;color:#fff;cursor:pointer;transition:all .3s}
.pro-16 .btn:hover{background-color:#000}
@media (max-width:750px){.pro-16{padding:.7rem 0}
.pro-16 .imgs{width:100%}
.pro-16 .text{width:100%;margin-top:.3rem}
}
/*! w3018 产品-应用范围 end */

/*! w3018 产品详情-优势 start  */.pro-17{padding-top:1.1rem;padding-bottom:1.2rem}
.pro-17 .box{display:flex;justify-content:space-between;flex-wrap:wrap}
.pro-17 .text{width:49.21875%}
.pro-17 .imgs{width:42.1875%}
.pro-17 .img{position:relative;padding-top:61.1111111111%;margin:.2rem}
.pro-17 .ii{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.pro-17 .tit{line-height:1.3}
.pro-17 .txt{line-height:1.8;margin-top:.24rem;color:#666}
.pro-17 .btns{margin-top:.36rem}
.pro-17 .btn{display:inline-block;padding:.14rem .32rem;background-color:#54256d;color:#fff}
@media (max-width:750px){.pro-17{padding:.7rem 0}
.pro-17 .text{width:100%}
.pro-17 .imgs{width:100%}
}
/*! w3018 产品详情-优势 end  */

/*! w3018 产品详情-为什么选择 start  */.pro-18{padding-top:1.05rem;padding-bottom:1.1rem}
.pro-18 .tit{text-align:center}
.pro-18 .box1{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:.4rem}
.pro-18 .box1 .imgs{width:46.875%;margin:.2rem}
.pro-18 .box1 .img{position:relative;padding-top:56.5%}
.pro-18 .box1 .ii{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.pro-18 .txt{margin-top:.4rem;color:#666;line-height:1.8}
@media (max-width:750px){.pro-18{padding:.7rem 0}
.pro-18 .box1 .imgs{width:100%}
}
/*! w3018 产品详情-为什么选择 end  */

/*! w3018  产品详情-生产流程 start */.pro-21{padding-top:1.1rem;padding-bottom:1.2rem}
.pro-21 .list{display:flex;flex-wrap:wrap;margin-top:.3rem}
.pro-21 .li{width:31.25%;margin-right:3.125%;margin-bottom:.7rem}
.pro-21 .li:nth-child(3n){margin-right:0}
.pro-21 .img{position:relative;padding-top:63.1578947368%;overflow:hidden}
.pro-21 .ii{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.pro-21 .te{margin-top:.16rem}
.pro-21 .intro{line-height:1.8;color:#666;margin-top:.2rem}
@media (max-width:750px){.pro-21{padding:.7rem 0}
.pro-21 .li{width:100%;margin-bottom:.6rem}
}
/*! w3018  产品详情-生产流程 end */

/*! w3018 产品详情-关联产品 start */.pro-24{padding-top:.9rem;padding-bottom:.8rem}
.pro-24 .swiper{position:relative;margin-top:.27rem}
.pro-24 .sw{background-color:#fff}
.pro-24 .img{position:relative;padding-top:78.0487804878%;overflow:hidden}
.pro-24 .img::after{content:"";width:100%;height:100%;background-color:#000;position:absolute;left:0;top:0;opacity:0;transition:all .3s}
.pro-24 .ii{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s}
.pro-24 .bot{padding:.2rem;text-align:center;position:relative}
.pro-24 .h3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.pro-24 .btns{margin-top:.14rem}
.pro-24 .btn{display:inline-block;padding:.14rem .32rem;border-radius:3px;background-color:#54256d;color:#fff}
@media (max-width:750px){.pro-24 .swiper{padding:0 .4rem}
}
/*! w3018 产品详情-关联产品 end */

/* w3018 页尾 start */
.md-foot {
    position: relative;
    overflow: hidden;
    background-color: #000;
}

.md-foot .ul1 {
    display: flex;
    padding: 0 0.2rem;
}

.md-foot .ul1 .li1 {
    margin-right: 0.4rem;
}

.md-foot .ul1 .li1:last-child {
    margin-right: 0;
}

.md-foot .ul1 .a1 {
    color: #fff;
    transition: all 0.3s;
}

.md-foot .ul1 .a1:hover {
    transition: all 0.3s;
}

.md-foot .ul1 .ul2 {
    margin-top: 0.25rem;
    position: relative;
}

.md-foot .ul1 .li2 {
    margin-bottom: 0.16rem;
}

.md-foot .ul1 .li2:last-child {
    margin-bottom: 0;
}

.md-foot .ul1 .a2 {
    color: #fff;
    transition: color 0.3s;
}

.md-foot .ul1 .a2:hover {
    text-decoration: underline;
    transition: color 0.3s;
}

@media screen and (max-width: 900px) {
    .md-foot .ul1 .li1 {
        display: none;
        width: 100%;
        max-width: none;
    }

    .md-foot .ul1 .cti {
        display: block;
    }

    .md-foot .shares {
        justify-content: center;
    }

    .md-foot .shares .hd {
        width: 0.4rem;
        height: 0.4rem;
    }
}

.foot-1 {
    position: relative;
}

.foot-1 .box {
    padding-top: 0.78rem;
    padding-bottom: 0.52rem;
    display: flex;
    justify-content: space-between;
}

.foot-1 .le {
    width: 34.375%;
    flex-shrink: 0;
}

.foot-1 .ri {
    display: flex;
}

.foot-1 .logo {
    display: inline-block;
}

.foot-1 .logo img {
    height: 0.5rem;
}

.foot-1 .txt {
    line-height: 1.8;
    color: #fff;
    margin-top: 0.25rem;
}

.foot-1 .ctc {
    width: 3.9rem;
}

.foot-1 .d1 {
    color: #fff;
}

.foot-1 .te {
    color: #fff;
    line-height: 1.8;
    margin-top: 0.25rem;
}

.foot-1 .ti {
    display: flex;
    align-items: center;
    color: #fff;
}

.foot-1 .ti .ic {
    width: 1em;
    height: 1em;
    -o-object-fit: contain;
    object-fit: contain;
    flex-shrink: 0;
    margin-right: 1em;
}

.foot-1 .shares {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.38rem;
}

.foot-1 .shares .si {
    position: relative;
    margin-right: 0.16rem;
}

.foot-1 .shares .si:hover .hi {
    opacity: 1;
}

.foot-1 .shares .si:hover .bd {
    opacity: 1;
    pointer-events: auto;
}

.foot-1 .shares .hd {
    position: relative;
    display: inline-flex;
    width: 1em;
    height: 1em;
    background-color: transparent;
    transition: all 0.3s;
}

.foot-1 .shares .hd::before {
    display: none;
}

.foot-1 .shares .hi {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.foot-1 .shares .bd {
    position: absolute;
    left: 50%;
    bottom: 100%;
    transform: translate(-50%);
    opacity: 0;
    pointer-events: none;
    padding-top: 0.18rem;
    z-index: 5;
}

.foot-1 .shares .bd .bbox {
    background-color: #fff;
    position: relative;
}

.foot-1 .shares .bd img {
    width: 0.95rem;
    min-width: 80px;
    max-width: none;
}

@media screen and (max-width: 900px) {
    .foot-1 .box {
        flex-wrap: wrap;
    }

    .foot-1 .le {
        width: 100%;
        text-align: center;
    }

    .foot-1 .text {
        width: 100%;
        text-align: center;
        border: none;
    }

    .foot-1 .ri {
        width: 100%;
        flex-wrap: wrap;
    }

    .foot-1 .shares {
        justify-content: center;
    }

    .foot-1 .shares .si {
        margin: 0.1rem;
    }

    .foot-1 .d1 {
        text-align: center;
    }

    .foot-1 .ctc {
        width: 100%;
        margin-top: 0.3rem;
    }

    .foot-1 .ti {
        justify-content: center;
    }
}

.foot-3 {
    line-height: 1.8;
    position: relative;
    border-top: 1px solid #333;
}

.foot-3 .box {
    color: white;
    display: flex;
    justify-content: space-between;
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    position: relative;
}

.foot-3 .ri {
    text-align: right;
}

.foot-3 .te {
    margin-top: 0.12rem;
}

.foot-3 .href a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 900px) {
    .foot-3 .box {
        flex-wrap: wrap;
        padding: 0.2rem 0;
    }

    .foot-3 .href {
        width: 100%;
        text-align: center;
        order: 2;
    }

    .foot-3 .shares {
        width: 100%;
        order: 1;
    }
}

.md-sideNav {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 60;
    border-radius: 1rem;
}

.md-sideNav .sn_i {
    position: relative;
}

.md-sideNav .sn_i:last-child {
    margin-bottom: 0;
}

.md-sideNav .sn_i:hover .hd {
    background-color: #54256d;
    transition: all 0.3s;
}

.md-sideNav .sn_i:hover .hd .i1 {
    display: none;
}

.md-sideNav .sn_i:hover .hd .i2 {
    display: block;
}

.md-sideNav .sn_i:hover .hd .ic {
    filter: brightness(0) invert(1);
}

.md-sideNav .sn_i:hover .ht {
    color: #fff;
}

.md-sideNav .sn_i:hover .bd {
    opacity: 1;
    pointer-events: auto;
    transition: all 0.3s;
}

.md-sideNav #nform0.show .bd {
    opacity: 1;
    pointer-events: auto;
    transform: translate(0);
    transition: all 0.5s;
}

.md-sideNav .hd {
    width: 1em;
    height: 1em;
    display: block;
    position: relative;
    border-radius: 50%;
    cursor: pointer;

    background-color: #54256d;
    box-shadow: 0 0 0.15rem rgba(20, 47, 130, 0.15);
    transition: all 0.3s;
    margin: 0.1rem 0;
}

.md-sideNav .hd .ic {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.md-sideNav .hd img {
    width: 60%;
    height: 60%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    filter: brightness(0) invert(1);
}

.md-sideNav .hd .i2 {
    display: none;
}

.md-sideNav .hd .ht {
    margin-top: 0.07rem;
}

.md-sideNav .bd {
    position: absolute;
    right: 100%;
    top: 0;
    padding-right: 0.12rem;
    opacity: 0;
    pointer-events: none;
    transition: all 0.5s;
}

.md-sideNav .b_box {
    background-color: #4e4b66;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
    border-radius: 0.06rem;
    color: #fff;
}

.md-sideNav .ph {
    white-space: nowrap;
    padding: 0.5em;
    line-height: 1.5;
}

.md-sideNav .wx {
    padding: 0.1rem;
    text-align: center;
}

.md-sideNav .wx .d1 {
    line-height: 1.8;
}

.md-sideNav .wx .img {
    display: block;
    width: 1rem;
    min-width: 100px;
    max-width: none;
}

.md-sideNav #goTop {
    display: none;
}

.md-sideNav #goTop.show {
    display: block;
}

@media screen and (max-width: 1200px) {
    .md-sideNav .hd .ht {
        display: none;
    }
}

@media screen and (max-width: 900px) {
    .md-sideNav {
        display: none;
    }

    .md-sideNav .wx {
        width: 2rem;
    }
}

/* w3018 页尾 end */

/*! w3018 产品详情-弹窗表单 start  */.inquiry-dialog{display:none}
.inquiry-dialog.show{display:block}
.inquiry-dialog.show .box{transform:rotate(0);transition:all .5s}
.inquiry-dialog .dlg-cont{width:5.8rem}
.inquiry-dialog .box{background-color:#fff;padding:.5rem;border-radius:5px;position:relative;transform:rotate(-90deg)}
.inquiry-dialog .close{width:1em;height:1em;position:absolute;right:.2rem;top:.2rem;border:none;background-color:#fff;background-image:url(../images/m_off1.png);cursor:pointer}
.inquiry-dialog .tit{color:#54256d}
.inquiry-dialog .form .fbox{margin-top:.16rem}
.inquiry-dialog .form .fitem{margin-bottom:.15rem}
.inquiry-dialog .form .ip{width:100%;height:.5rem;min-height:40px;border:1px solid #69727d;padding:0 .1rem;border-radius:3px}
.inquiry-dialog .form .ta{width:100%;height:1.7rem;min-height:90px;border:1px solid #69727d;padding:.1rem;border-radius:3px}
.inquiry-dialog .form .submit{width:100%;height:.44rem;min-height:40px;padding:0 .6rem;border:none;cursor:pointer;border-radius:3px;background-color:#54256d;color:#fff;transition:all .3s}
.inquiry-dialog .form .submit:hover{background-color:#000}
.dlg-mask{position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.4);z-index:100}
.dlg-cont{position:fixed;left:50%;top:50%;z-index:101;transform:translate(-50%,-50%)}
/*! w3018 产品详情-弹窗表单 end  */
