




.crumbs {
    width: 100%;
    background-color: #f4f6f8;
    position: relative;
}

.crumbs:before {
    content: ' ';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 9.4rem;
    display: block;
    height: 0.8rem;
    background-color: #3b8fff;
}

.crumbs .crum {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    z-index: 2;
    font-size: 0;
    justify-content: space-between;
}

.crumbs .crum .cul {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.crumbs .crum .cul .home {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.15rem;
    width: 20px;
}

.crumbs .crum .cul .home img {
    width: 100%;
    display: block;
}

.crumbs .crum .cul a {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 0.8rem;
}

.crumbs .crum .cul a span {
    display: inline-block;
    color: #fff;
    margin: 0 0.1rem;
}

.crumbs .crum .cul a span img {
    width: 100%;
    display: block;
}

.crumbs .crum .cul a:last-child span {
    display: none;
}

.crumbs .crum .cur {
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

.crumbs .crum .cur .curm {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.crumbs .crum .cur .curm.fixed {
    position: fixed;
    z-index: 5;
    width: 106%;
    left: 50%;
    padding: 0 6%;
    transform: translateX(-50%);
    background-color: #fff;
}

.crumbs .crum .cur .swiper-slide {
    display: inline-block;
    vertical-align: middle;
}

.crumbs .crum .cur .swiper-slide {
    display: inline-block;
    vertical-align: bottom;
    width: auto;
    height: auto;
}

.crumbs .crum .cur .swiper-slide a {
    display: inline-block;
    vertical-align: bottom;
    color: #333;
    line-height: 0.8rem;
    padding: 0 0.3rem;
    width: auto;
    transition: all ease 0.5s;
}

.crumbs .crum .cur .swiper-slide.on a,
.crumbs .crum .cur .swiper-slide:hover a {
    color: #fff;
    background-color: #3b8fff;
}

/*! w3018 生产商1 start */
.oemdms{width:100%;padding:.7rem 0;overflow:hidden}
.oemdms .oemdm{width:100%;font-size:0;position:relative}
.oemdms .oemdm .odl{display:inline-block;vertical-align:top;width:calc((660 / 1520 * 100%))}
.oemdms .oemdm .odl .oit{width:100%;color:#333;line-height:1.3;font-weight:700;margin-bottom:.4rem}
.oemdms .oemdm .odl .oit p{color:#333;font-weight:700;line-height:1.3}
.oemdms .oemdm .odl .oit .subtitle{color:#3b8fff;}
.oemdms .oemdm .odl .oinp{width:100%;color:#666;line-height:1.8;min-height: 10.8em;}
.oemdms .oemdm .odl .oinp p{color:#666;line-height:1.8}
.oemdms .oemdm .odm{display:inline-block;vertical-align:top;width:calc((760 / 1520 * 100%));position:absolute;z-index:2;right:0;top:0;overflow:hidden}
.oemdms .oemdm .odm .img{width:100%;padding-top:86.84%}
.oemdms .oemdm .odr{display:block;margin-top:1rem;width:calc((860 / 1520 * 100%));z-index:3;position:relative;background-color:#3b8fff;padding:.6rem .5rem .4rem}
.oemdms .oemdm .odr .icd{position:absolute;left:100%;top:0;width:0;height:0;border-top:solid .4rem #3b8fff;border-right:solid .5rem transparent}
.oemdms .oemdm .odr .odrlis{width:100%;font-size:0}
.oemdms .oemdm .odr .odrlis .oli{width:47.5%;display:inline-block;vertical-align:top;margin-right:5%;margin-bottom:.4rem}
.oemdms .oemdm .odr .odrlis .oli .om{display:inline-block;vertical-align:top;width:18px;height:18px;margin-right:.1rem;position:relative;top:-.02rem;margin-top:calc(.75em - 9px)}
.oemdms .oemdm .odr .odrlis .oli .om img{width:100%;display:block}
.oemdms .oemdm .odr .odrlis .oli .pm{display:inline-block;vertical-align:top;width:calc(100% - 18px - .1rem);color:#fff;line-height:1.5}
.oemdms .oemdm .odr .odrlis .oli:nth-child(2n){margin-right:0}
.oemdms .imgpers{width:100%;padding:.5rem 0}
.oemdms .imgpers .swiper-slide{width:100%;position:relative;overflow:hidden}
.oemdms .imgpers .swiper-slide .img{width:100%;padding-top:56.25%;transition:all ease .5s}
.oemdms .feels{width:100%}
.oemdms .feels .fetop{width:100%;margin-bottom:.3rem}
.oemdms .feels .fetop .fit{width:100%;color:#333;line-height:1.5;font-weight:700;text-align:center}
.oemdms .feels .fetop .fit span{color:#3b8fff}
.oemdms .feels .fetop .fmm{width:100%;color:#666;line-height:1.5;text-align:center}
.oemdms .feels .fetop .fmm p{color:#666;line-height:1.5}
.oemdms .feels .freeom{width:100%;font-size:0;padding:.5rem}
.oemdms .feels .freeom form{width:100%;display:block}
.oemdms .feels .freeom .row{width:100%;font-size:0;margin-bottom:.25rem}
.oemdms .feels .freeom .row .input{width:calc(330 / 1420 * 100%);margin-right:calc((32 / 1420 * 100%));display:inline-block;vertical-align:top}
.oemdms .feels .freeom .row .input .int{width:100%;color:#fff;line-height:1.5;margin-bottom:.1rem}
.oemdms .feels .freeom .row .input .int{color: #fff;}
.oemdms .feels .freeom .row .input input{width:100%;line-height:3.2em;height:3.2em;color:#333;border:none;padding:0 .2rem;background-color:#fff}
.oemdms .feels .freeom .row .input .area{width:100%;display:block;background-color:#fff;padding:.1rem .2rem;line-height:1.5;color:#333}
.oemdms .feels .freeom .row .input.w100{width:100%;margin-right:0}
.oemdms .feels .freeom .row .input:nth-child(4n){margin-right:0}
.oemdms .feels .freeom .row .stn{display:inline-block;vertical-align:middle;width:100%;text-align:center}
.oemdms .feels .freeom .row .stn input{display:inline-block;vertical-align:middle;width:auto;padding:0 .35rem;color:#fff;background-color:#3b8fff;line-height:3.2em;height:3.2em;text-align:center;cursor:pointer;border:none}
.oemdms .feels .freeom .row .upload{width:100%;font-size:0}
.oemdms .feels .freeom .row .upload .utn{display:inline-block;vertical-align:middle;width:auto;padding:0 .35rem;color:#fff;background-color:#3b8fff;line-height:3.2em;height:3.2em;text-align:center;cursor:pointer;border:none}
.oemdms .feels .freeom .chox{width:100%;font-size:0}
.oemdms .feels .freeom .chox .choxm{display:inline-block;vertical-align:middle;width:100px;height:100px;position:relative;background-color:#fff;border:solid 1px #d2d2d2;line-height:100px;text-align:center;margin-right:.2rem;margin-bottom:.1rem;font-size:24px;color:#3b8fff}
.oemdms .feels .freeom .chox .choxm div{color:#3b8fff}
.oemdms .feels .freeom .chox .choxm input{position:absolute;z-index:4;left:0;top:0;width:100%;height:100%;opacity:0;display:block;cursor:pointer}
.oemdms .feels .freeom .chox .choxm .c-img{max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.oemdms .feels .freeom .chox .choxm .c-delete{width:.3rem;height:.3rem;line-height:.3rem;border-radius:50%;border:1px solid #eee;background-color:#fff;text-align:center;position:absolute;right:-.15rem;top:-.15rem;z-index:10;cursor:pointer;box-sizing:border-box}
.oemdms .feels .freeom .chox .choxm .uv-x{display:inline-block;vertical-align:top;line-height:.25rem;font-size:calc(12px - .12rem + .3rem)}
.oemdms .feels .freeom .chox #uvPicker:after{content:' ';position:absolute;z-index:2;width:90%;height:90%;left:50%;top:50%;border:dashed 1px #ddd;transform:translate(-50%,-50%)}
@media (max-width:800px){.oemdms .oemdm .odl{width:100%;margin-bottom:.3rem}
.oemdms .oemdm .odm{width:100%;position:relative;margin-bottom:.3rem}
.oemdms .oemdm .odr{width:100%;margin-top:0}
}
/*! w3018 生产商1 end */

.rightnav {
    position: fixed;
    right: 0;
    bottom: 20%;

    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 0.7rem;
    z-index: 10;
}

.rightnav .ritm {
    flex: 1;
    display: block;
    font-size: 0;
    position: relative;
    background-color: #3b8fff;
    width: 0.7rem;
    height: 0.7rem;
    box-shadow: 0px 0px 16px 0px rgba(4, 0, 0, 0.08);
}

.rightnav .ritm a {
    display: block;
    white-space: nowrap;
    right: 0;
    font-size: 0;
    width: 0.7rem;
}

.rightnav .ritm .atom {
    display: inline-block;
    vertical-align: middle;
    width: 0.7rem;
    height: 0.7rem;
}

.rightnav .ritm .atom img {
    width: 100%;
    display: block;
}

.rightnav .ritm .vm {
    display: inline-block;
    vertical-align: middle;
    color: #fff;

    transition: all ease 0.5s;
    width: 0;
}

.rightnav .ritm.long {
    width: auto;
    background-color: #3b8fff;
}

.rightnav .ritm.long a {
    width: auto;
    overflow: auto;
}

.rightnav .ritm.long .vm {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    padding-left: 0.05rem;
    padding-right: 0.15rem;
}

.rightnav .ritm+.ritm {
    margin-top: 1px;
}

@media (max-width: 800px) {
    .rightnav .ritm {
        width: 0.8rem;
        height: 0.8rem;
    }

    .rightnav .ritm a {
        width: 0.8rem;
    }

    .rightnav .ritm .atom {
        width: 0.8rem;
        height: 0.8rem;
    }
}
