.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%)); }
.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 .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{max-width: 100%;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;}
}