
.nanner {
    width: 100%;
    position: relative;
}

.nanner .imgs {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.nanner .imgs .img {
    width: 100%;
    padding-top: 26.0416%;
}

.nanner .nox {
    position: absolute;
    z-index: 4;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.nanner .nox .nit {
    width: 100%;
    color: #fff;
    line-height: 1.5;
}

.produm{width:100%;padding:0.5rem 0}.produm .propm{width:100%;font-size:0;display:flex;flex-wrap:wrap;justify-content:space-between}.produm .propm .prl{display:inline-block;vertical-align:top;width:calc((310 / 1400 * 100%));padding-top:0.8rem}.produm .propm .prl .pit{width:100%;background-color:#2269d5;color:#fff;font-weight:bold;line-height:1.5;padding:0.2rem 0.3rem}.produm .propm .prl .reul{width:100%}.produm .propm .prl .reul .rli{width:100%;background-color:#f4f4f5;position:relative}.produm .propm .prl .reul .rli .ras{width:100%;font-size:0;border-bottom:solid 1px #eee}.produm .propm .prl .reul .rli .ras>a{display:inline-block;vertical-align:middle;line-height:2;color:#333;font-weight:bold;padding:0.1rem 0.2rem}.produm .propm .prl .reul .rli .ras>a:hover{color:#2269d5}.produm .propm .prl .reul .rli .eul{width:100%;position:relative;display:none;background:#fff;border-top:solid 1px #eee;padding:0 0.1rem}.produm .propm .prl .reul .rli .eul .el{width:100%;border-bottom:solid 1px #eee;position:relative}.produm .propm .prl .reul .rli .eul .el:after{content:' ';position:absolute;right:0.2rem;top:0.25rem;width:14px;height:9px;background-image:url("../images/x.png");background-size:100% 100%;transition:all ease 0.5s;text-align:center;display:none}.produm .propm .prl .reul .rli .eul .es{width:auto;display:inline-block;vertical-align:middle;line-height:3;color:#666;padding-left:0.2rem;position:relative}.produm .propm .prl .reul .rli .eul .es:hover{color:#2269d5}.produm .propm .prl .reul .rli .eul .el.has-navss:after{display:inline-block}.produm .propm .prl .reul .rli .eul .el.has-navss.show:after{content:' ';transform:rotate(180deg)}.produm .propm .prl .reul .rli .eul .sul{width:100%;display:none;border-top:solid 1px #eee;padding:0.2rem 0.3rem}.produm .propm .prl .reul .rli .eul .sul a{width:100%;line-height:2.2;color:#666;display:block}.produm .propm .prl .reul .rli .eul .sul a.active{color:#2269d5}.produm .propm .prl .reul .rli .eul .sul a:hover{color:#2269d5}.produm .propm .prl .reul .rli:after{content:' ';position:absolute;right:0.2rem;top:0.25rem;width:14px;height:9px;display:block;transition:all ease 0.5s;background-image:url("../images/x.png");background-size:100% 100%;color:#000;display:none}.produm .propm .prl .reul .rli.has-navs:after{display:block}.produm .propm .prl .reul .rli.has-navs.show:after{content:' ';transform:rotate(180deg)}.produm .propm .prr{display:inline-block;vertical-align:top;width:calc((1045 / 1400 * 100%))}.produm .propm .prr .maul{width:100%}.produm .propm .prr .sacem{width:100%;display:none}.produm .propm .prr .sacem.active{display:block}.produm .propm .prr .sit{width:100%;color:#222434;line-height:1.5;font-weight:bold;margin-bottom:0.15rem}.produm .propm .prr .sorm{width:100%}.produm .propm .prr .sorm form{width:100%;display:block;font-size:0}.produm .propm .prr .sorm .inpt{display:inline-block;vertical-align:top;margin-right:calc(5 / 1045 * 100%);margin-bottom:0.1rem;width:calc(290 / 1045 * 100%)}.produm .propm .prr .sorm .inpt .select-con{width:100%;display:inline-block;vertical-align:middle;position:relative;font-size:0;background-color:#fff;border:solid 1px #d2d2d2;padding:0 0.4rem 0 0.2rem;overflow:hidden}.produm .propm .prr .sorm .inpt .select-con .select-value{display:inline-block;vertical-align:middle;width:100%;line-height:3.2;height:3.2em;color:#333}.produm .propm .prr .sorm .inpt .select-con select{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;opacity:0}.produm .propm .prr .sorm .inpt .select-con select option{color:#666;font-size:calc(12px - 0.12rem + 0.14rem);line-height:2.8;background:#fff}.produm .propm .prr .sorm .inpt .select-con:after{display:inline-block;content:"";position:absolute;right:0.2rem;top:50%;transform:translateY(-50%);z-index:1;width:0;height:0;border:solid 0.05rem;border-color:#919191 transparent transparent transparent}.produm .propm .prr .sorm .sub{display:inline-block;vertical-align:top;width:calc((159 / 1045) * 100%);text-align:center;height:3.2em;line-height:3.2;color:#fff;position:relative;background-color:#2269d5;overflow:hidden}.produm .propm .prr .sorm .sub span{display:inline-block;vertical-align:middle;width:22px;margin-right:0.1rem}.produm .propm .prr .sorm .sub span img{width:100%;display:block}.produm .propm .prr .sorm .sub input{position:absolute;top:0;left:0;width:100%;height:100%;display:block;opacity:0;cursor:pointer}.produm .propm .prr .sacemlis{width:100%;font-size:0}.produm .propm .prr .sacemlis .cemas{display:inline-block;vertical-align:top;width:calc((335 / 1045 * 100%));margin-right:calc((19 / 1045 * 100%));margin-bottom:0.2rem;background-color:#fff;transition:all ease 0.5s;border:solid 1px #e8e8f4}.produm .propm .prr .sacemlis .cemas .stm{width:100%}.produm .propm .prr .sacemlis .cemas a{width:100%;display:block;padding:0.3rem}.produm .propm .prr .sacemlis .cemas .imgs{width:100%;position:relative;overflow:hidden}.produm .propm .prr .sacemlis .cemas .imgs .img{width:100%;padding-top:54.54%;transition:all ease 0.5s}.produm .propm .prr .sacemlis .cemas .xit{width:100%;text-align:center;color:#222434;line-height:1.5;margin-top:0.1rem}.produm .propm .prr .sacemlis .cemas .xim{width:100%;text-align:center;color:#81838e;line-height:1.5;height:3em;margin:0.12rem 0}.produm .propm .prr .sacemlis .cemas .add{width:0.34rem;height:0.34rem;display:block;margin:0 auto;transition:all ease 0.5s}.produm .propm .prr .sacemlis .cemas .add img{width:100%;display:block}.produm .propm .prr .sacemlis .cemas .add img:first-child{display:block}.produm .propm .prr .sacemlis .cemas .add img:last-child{display:none}.produm .propm .prr .sacemlis .cemas .vob{width:100%;background-color:#f4f4f5;display:flex;flex-wrap:wrap;align-items:center}.produm .propm .prr .sacemlis .cemas .vob a{display:inline-block;vertical-align:middle;width:0.48rem;height:0.48rem;padding:0}.produm .propm .prr .sacemlis .cemas .vob a img{width:100%;height:100%;display:block}.produm .propm .prr .sacemlis .cemas .vob .xt{display:inline-block;vertical-align:middle;flex:1;text-align:center;color:#333;line-height:1.5}.produm .propm .prr .sacemlis .cemas .stm:hover .imgs .img{transform:scale(1.1)}.produm .propm .prr .sacemlis .cemas .stm:hover .add{background-color:#2269d5}.produm .propm .prr .sacemlis .cemas .stm:hover .add img:first-child{display:none}.produm .propm .prr .sacemlis .cemas .stm:hover .add img:last-child{display:block}.produm .propm .prr .sacemlis .cemas:nth-child(3n){margin-right:0}.produm .propm .prr .sacemlis .cemas:hover{box-shadow:8px 6px 30px 0px rgba(216,216,232,0.4)}.produm .propm .prr .descm{width:100%;padding:0.3rem 0}.produm .propm .prr .descm .detop{width:100%;background-color:#f4f4f5;padding:5px 5px 0;font-size:0}.produm .propm .prr .descm .detop span{display:inline-block;vertical-align:middle;background-color:#fff;color:#222434;line-height:2.5;padding:0 0.4rem}.produm .propm .prr .descm .dinp{width:100%;margin:0.3rem 0;color:#666;line-height:1.8;padding:0 3px}.produm .propm .prr .descm .dinp p{color:#666;line-height:1.8}.produm .propm .prr .descm .nob{width:100%;margin-top:0.3rem;font-size:0}.produm .propm .prr .descm .nob .nab{width:49%;margin-right:2%;display:inline-block;vertical-align:middle}.produm .propm .prr .descm .nob .nab a{width:100%;display:block;background-color:#ffffff;border:solid 1px #e8e8f4;padding:0.1rem 0.3rem;color:#666;line-height:1.5;text-align:center}.produm .propm .prr .descm .nob .nab a:hover{color:#fff;background-color:#2269d5;border:solid 1px #2269d5}.produm .propm .prr .descm .nob .nab:nth-child(2n){margin-right:0}.produm .propm .prr .relateds .relatper .bl{left:-0.25rem}.produm .propm .prr .relateds .relatper .br{right:-0.25rem}.produm .propm .prr .proeom{width:100%;font-size:0;display:flex;flex-wrap:wrap;justify-content:space-between}.produm .propm .prr .proeom .poml{display:inline-block;vertical-align:top;width:calc(600 / 1045 * 100%);display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}.produm .propm .prr .proeom .poml .elper{width:calc((120 / 600) * 100%);margin-left:calc((15 / 600) * 100%);position:relative;box-sizing:border-box}.produm .propm .prr .proeom .poml .elper .swiper-container{width:100%;height:calc(100% - 62px);padding:0.1rem 0}.produm .propm .prr .proeom .poml .elper .swiper-slide{width:100%;transition:all ease 0.5s;cursor:pointer;height:auto;border:solid 1px #ccc}.produm .propm .prr .proeom .poml .elper .swiper-slide .img{width:100%;padding-top:100%}.produm .propm .prr .proeom .poml .elper .swiper-slide.on{border:solid 1px #2269d5}.produm .propm .prr .proeom .poml .elper .btn{position:relative;width:31px;height:31px;margin:0 auto 0rem;cursor:pointer;border-radius:50%;border:solid 1px #e8e8f4}.produm .propm .prr .proeom .poml .elper .btn img{width:100%;display:block}.produm .propm .prr .proeom .poml .elper .btn img:first-child{display:block}.produm .propm .prr .proeom .poml .elper .btn img:last-child{display:none}.produm .propm .prr .proeom .poml .elper .btn:hover{border:solid 1px #2269d5;background-color:#2269d5}.produm .propm .prr .proeom .poml .elper .btn:hover img:first-child{display:none}.produm .propm .prr .proeom .poml .elper .btn:hover img:last-child{display:block}.produm .propm .prr .proeom .poml .erper{width:calc((460 / 600) * 100%)}.produm .propm .prr .proeom .poml .erper .swiper-slide{width:100%}.produm .propm .prr .proeom .poml .erper .swiper-slide .img{width:100%;padding-top:100%;border:solid 1px #ccc}.produm .propm .prr .proeom .pomr{display:inline-block;vertical-align:top;width:calc((370 / 1045* 100%))}.produm .propm .prr .proeom .pomr .pir{width:100%;font-size:0}.produm .propm .prr .proeom .pomr .pir .pt{display:inline-block;vertical-align:middle;color:#222434;line-height:1.5;position:relative}.produm .propm .prr .proeom .pomr .pir .ic{position:absolute;top:50%;width:19px;height:19px;left:103%;top:0}.produm .propm .prr .proeom .pomr .pir .ic .cm{width:100%;height:100%;display:block}.produm .propm .prr .proeom .pomr .pir .ic .sm{width:1rem;height:1rem;width:100px;height:100px;max-width:none;position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);display:block;opacity:0;transition:all ease 0.5s}.produm .propm .prr .proeom .pomr .pir .ic:hover .sm{opacity:1}.produm .propm .prr .proeom .pomr .pinp{width:100%;color:#666;line-height:1.5;margin:0.2rem 0}.produm .propm .prr .proeom .pomr .pinp p{color:#666;line-height:1.5}.produm .propm .prr .proeom .pomr .numbers{width:100%;font-size:0;margin:0.35rem 0}.produm .propm .prr .proeom .pomr .numbers span{display:inline-block;vertical-align:middle;color:#333;line-height:2.2}.produm .propm .prr .proeom .pomr .numbers .cum{display:inline-block;vertical-align:middle;font-size:0;margin-left:0.2rem}.produm .propm .prr .proeom .pomr .numbers .cum .ctn{display:inline-block;vertical-align:middle;width:0.4rem;height:0.4rem;cursor:pointer;width:2.2em;height:2.2em;line-height:2.2em;border:solid 1px #313131}.produm .propm .prr .proeom .pomr .numbers .cum .ctn img{width:100%;display:block}.produm .propm .prr .proeom .pomr .numbers .cum .counx{display:inline-block;vertical-align:middle;width:66px;margin:0 0.1rem}.produm .propm .prr .proeom .pomr .numbers .cum .counx input{width:100%;height:0.4rem;line-height:0.4rem;height:2.2em;line-height:2.2em;text-align:center;display:block;background-color:#ffffff;border:solid 1px #313131;color:#222}.produm .propm .prr .proeom .pomr .ptm{width:100%;font-size:0;display:flex;flex-wrap:wrap}.produm .propm .prr .proeom .pomr .ptm .pas{display:inline-block;vertical-align:middle;color:#fff;line-height:2.8;width:auto;padding:0 40px;margin-right:0.12rem;background-color:#2269d5}.produm .propm .prr .proeom .pomr .ptm .vas{display:inline-block;vertical-align:middle;flex:1;color:#fff;line-height:2.8;text-align:center;background-color:#222434}.produm .propm .prr .proeom .pomr .ptm .vas span{display:inline-block;vertical-align:middle;position:relative;top:-0.02rem;width:21px;margin-right:0.06rem}.produm .propm .prr .proeom .pomr .ptm .vas span img{width:100%;display:block}.produm .propm .pack{display:none}@media (max-width:800px){.crumbs .crum .cenu{display:block}.produm .propm{padding-top:0}.produm .propm .prl{width:80%;position:fixed;left:0;top:0;right:auto;height:100vh;background-color:#fff;margin-right:0;overflow:auto;z-index:501;transition:transform .3s;padding:0.5rem 0.2rem;display:block;text-align:left;display:none}.produm .propm .prr{width:100%}.produm .propm .prr .sorm .inpt{width:100%;margin-right:0}.produm .propm .prr .sorm .sub{width:100%}.produm .propm .prr .sacemlis{width:100%}.produm .propm .prr .sacemlis .cemas .vob a{width:30px;height:30px}.produm .propm .prr .proeom .poml .elper{font-size:0}.produm .propm .prr .proeom .poml .elper .btn{display:inline-block;vertical-align:middle;transform:rotate(-90deg)}.produm .propm .prr .proeom .poml .elper .swiper-container{width:calc(100% - 62px - 0.2rem);margin:0 0.1rem;height:auto;padding:0.1rem 0;display:inline-block;vertical-align:middle}.produm .propm .pack{position:fixed;right:0;top:0;left:auto;height:100vh;width:100%;background-color:rgba(0,0,0,0.7);overflow:auto;z-index:500;transition:transform .3s;padding:0.1rem;display:block;text-align:left;display:none}}.qj-main{width:100%;padding-top:.45rem}.qj-form{width:100%}.qj-titles{color:#327ae6;line-height:1.38;font-weight:bold;margin-bottom:.15rem}.qj-form input::-webkit-input-placeholder,.qj-form textarea::-webkit-input-placeholder{color:#d2d3d6 !important}.qj-form input:-moz-placeholder,.qj-form textarea:-moz-placeholder{color:#d2d3d6 !important}.qj-form input::-moz-placeholder,.qj-form textarea::-moz-placeholder{color:#d2d3d6 !important}.qj-form input:-ms-input-placeholder,.qj-form textarea:-ms-input-placeholder{color:#d2d3d6 !important}.crumbs{width:100%}.crumbs .crum{width:100%;font-size:0;display:flex;flex-wrap:wrap;align-items:center;padding:0.1rem 0;position:relative}.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:#333;line-height:3}.crumbs .crum .cul a span{display:inline-block;color:#333;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 .cenu{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:24px;cursor:pointer;right:0.1rem;display:none}.crumbs .crum .cenu img{width:100%;display:block}.w1400{width:14rem;margin:0 auto;position:relative;font-size:0}@media (max-width:1420px){.w1400{width:94%}}.q-input{display:block;width:100%;padding:0 .1rem;height:.42rem;color:#333;border:solid 1px #dcdce2}.q-item{display:block;width:100%;margin-bottom:.1rem}.q-cont{width:100%;margin-bottom:.1rem;display:flex;justify-content:space-between;align-items:center}.q-lt{width:61.93%}.q-code{width:35.48%;border:solid 1px #dcdce2}.q-code img{width:100%;height:.42rem;object-fit:contain;cursor:pointer}.q-submit{display:block;width:100%;border:none;cursor:pointer;height:.42rem;text-align:center;line-height:.42rem;color:#ffffff;background-color:#327ae6}@media(max-width:800px){.z1{max-width:500px !important;width:100% !important;margin:0 auto !important;padding:0 !important;float:none !important;display:block !important}.z2,.z3,.z4,.z5{float:none !important;display:inline-block !important;vertical-align:top !important;margin:0 2% 2% 0 !important}.z2{width:49% !important}.z3{width:32% !important}.z4{width:23.5% !important}.z5{width:18.4% !important}.z2:nth-child(2n),.z3:nth-child(3n),.z4:nth-child(4n),.z5:nth-child(5n){margin-right:0 !important}.mb3{margin-bottom:30px !important}.mb2{margin-bottom:20px !important}.mb1{margin-bottom:10px !important}.mt1{margin-top:10px !important}.l1{padding-left:10px !important}.r1{padding-right:10px !important}.t1{padding-top:10px !important}.b1{padding-bottom:10px !important}.l2{padding-left:20px !important}.r2{padding-right:20px !important}.t2{padding-top:20px !important}.b2{padding-bottom:20px !important}.l3{padding-left:30px !important}.r3{padding-right:30px !important}.t3{padding-top:30px !important}.b3{padding-bottom:30px !important}.t0{top:0 !important}.f1{flex:1}.p0{padding:0 !important}.hauto{height:auto !important}.none{display:none !important}.tl{text-align:left !important}.trs{text-align:right !important}.tcn{text-align:center !important}.nblock{display:block !important}.epsnone{-webkit-line-clamp:100}.bnone{border:none !important}.jfls{justify-content:flex-start !important}}

/* 文本域 */
.qj-main{width:100%;padding-top:.45rem}.qj-form{width:100%}.qj-titles{color:#327ae6;line-height:1.38;font-weight:bold;margin-bottom:.15rem}.q-item{display:block;width:100%;margin-bottom:.1rem}.q-input{display:block;width:100%;padding:0 .1rem;height:.42rem;color:#333;border:solid 1px #dcdce2}.q-textarea{display:block;width:100%;padding:.05rem .1rem;height:1rem;line-height:.32rem;color:#333;border:solid 1px #dcdce2}.q-cont{width:100%;margin-bottom:.1rem;display:flex;justify-content:space-between;align-items:center}.q-lt{width:61.93%}.q-code{width:35.48%;border:solid 1px #dcdce2}.q-code img{width:100%;height:.42rem;object-fit:contain;cursor:pointer}.q-buttom{width:100%;padding-top:.1rem}.q-submit{display:block;width:100%;border:none;cursor:pointer;height:.42rem;text-align:center;line-height:.42rem;color:#ffffff;background-color:#327ae6}.qj-form input::-webkit-input-placeholder,.qj-form textarea::-webkit-input-placeholder{color:#d2d3d6 !important}.qj-form input:-moz-placeholder,.qj-form textarea:-moz-placeholder{color:#d2d3d6 !important}.qj-form input::-moz-placeholder,.qj-form textarea::-moz-placeholder{color:#d2d3d6 !important}.qj-form input:-ms-input-placeholder,.qj-form textarea:-ms-input-placeholder{color:#d2d3d6 !important}@media (max-width:1200px){.q-input{height:30px}.q-textarea{height:80px;line-height:20px;padding:5px .1rem}.q-code img{height:30px}.q-submit{height:30px;line-height:30px}}
