/*! w3016 页头 start */header{width:100%;position:fixed;top:0;left:0;right:0;z-index:20;transition:all ease .5s;background-color:transparent}
header .hops{width:100%;padding:.1rem 0;background-color:#1b1b1b}
header .hop{width:100%;font-size:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
header .hop .hol{display:inline-block;vertical-align:middle;font-size:0}
header .hop .hol .hiom{display:inline-block;vertical-align:middle;color:#fff;line-height:1.5}
header .hop .hol .hiom span{display:inline-block;vertical-align:middle;width:18px;margin-right:.1rem}
header .hop .hol .hiom span img{width:100%;display:block}
header .hop .hol .hiom+.hiom{margin-left:.3rem}
header .hop .hor{display:inline-block;vertical-align:middle}
header .hop .share{display:inline-block;vertical-align:middle;font-size:0}
header .hop .share .am{display:inline-block;vertical-align:middle;width:.22rem;height:.22rem;margin:0 .05rem}
header .hop .share .am a,header .hop .share .am img{width:100%;display:block}
header .hobs{width:100%;background-color:#1f1f1f;box-shadow:0 0 16px 0 rgba(4,0,0,.08);border-top:solid 2px #771965}
header .hob{width:100%;font-size:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
header .hob .logo{display:inline-block;vertical-align:middle;width:0.8rem}
header .hob .logo a,header .hob .logo img{width:100%;display:block}
header .hob .rav{display:inline-block;vertical-align:middle;font-size:0;margin-left:.2rem}
header .hob .rav .menu{vertical-align:middle;width:24px;height:24px;margin-left:.1rem;cursor:pointer;display:none;position:relative}
header .hob .rav .menu img{width:100%;display:block}
header .hob .rav .menu .clk{width:100%;height:100%;color:#fff;font-size:20px;line-height:24px;text-align:center;position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);display:none}
header .hob .rav .stvm{display:inline-block;vertical-align:middle;position:relative;overflow:hidden}
header .hob .rav .stvm .input{display:inline-block;vertical-align:middle;width:0;border-bottom:solid 1px #eee;transition:all ease .3s}
header .hob .rav .stvm .input input{width:100%;display:block;border:none;background-color:transparent;line-height:2.5;color:#fff}
header .hob .rav .stvm .input input::-webkit-input-placeholder,header .hob .rav .stvm .input textarea::-webkit-input-placeholder{color:rgba(255,255,255,.5)}
header .hob .rav .stvm .input input:-moz-placeholder,header .hob .rav .stvm .input textarea:-moz-placeholder{color:rgba(255,255,255,.5)}
header .hob .rav .stvm .input input::-moz-placeholder,header .hob .rav .stvm .input textarea::-moz-placeholder{color:rgba(255,255,255,.5)}
header .hob .rav .stvm .input input:-ms-input-placeholder,header .hob .rav .stvm .input textarea:-ms-input-placeholder{color:rgba(255,255,255,.5)}
header .hob .rav .stvm .clost{display:inline-block;vertical-align:middle;font-size:0;color:#fff;cursor:pointer;transition:all ease .3s}
header .hob .rav .stvm .clost img{width:100%;display:block}
header .hob .rav .stvm .vic{display:inline-block;vertical-align:middle;height:22px;cursor:pointer;width:0;position:relative}
header .hob .rav .stvm .vic img{width:100%;display:block}
header .hob .rav .stvm .vic .vis{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:2;cursor:pointer;opacity:0}
header .hob .rav .stvm.long .input{width:1.5rem}
header .hob .rav .stvm.long .input input{padding:0 .15rem}
header .hob .rav .stvm.long .clost{display:inline-block}
header .hob .rav .stvm.long .clost{font-size:20px}
header .hob .rav .stvm.long .vic{width:22px;margin:0 .1rem}
header .hob .rav .hm{display:inline-block;vertical-align:middle;background-color:rgba(255,255,255,.15);border-radius:50%;width:.43rem;height:.43rem;margin:0 .1rem}
header .hob .rav .hm img{width:100%;display:block}
header .hob .rav .hm:hover{background-color:#771965}
header .hob .rav .languages{width:auto;display:inline-block;vertical-align:middle;font-size:0;text-align:left;margin:0 .1rem}
header .hob .rav .languages .lauges{width:100%;display:inline-block;vertical-align:middle;position:relative}
header .hob .rav .languages .lauges .lashow{width:100%;color:#fff;position:relative;cursor:pointer;font-size:0}
header .hob .rav .languages .lauges .lashow .am{width:100%;font-size:0}
header .hob .rav .languages .lauges .lashow .am .xm{display:inline-block;vertical-align:middle;width:.43rem;height:.43rem;background-color:rgba(255,255,255,.15);border-radius:50%}
header .hob .rav .languages .lauges .lashow .am .xm img{width:100%;display:block}
header .hob .rav .languages .lauges .lashow .am .laps{display:inline-block;vertical-align:middle;color:#fff;line-height:1.5;visibility:hidden;opacity:0;z-index:-1;width:0;height:0;position:absolute}
header .hob .rav .languages .lauges .language{position:absolute;z-index:10;top:100%;display:none;width:80px;left:50%;transform:translateX(-50%)}
header .hob .rav .languages .lauges .language .latem{width:100%}
header .hob .rav .languages .lauges .language .latem a{width:100%;display:block;color:#fff;padding:0 .1rem;line-height:3;background:rgba(119,25,101,.5)}
header .hob .rav .languages .lauges .language .latem:hover a{background:#771965;color:#fff}
header .hob .rav .languages .lauges .language .latem.on a{background:#771965;color:#fff}
header .hob .rav .languages .lauges:hover .lashow .am .xm{background-color:#771965}
header .hob nav{display:inline-block;vertical-align:middle;flex:1;text-align:right}
header .hob nav .natem{width:auto;display:inline-block;vertical-align:middle;position:relative;text-align:left}
header .hob nav .natem .nas{width:auto;display:inline-block;position:relative;margin:0 .1rem}
header .hob nav .natem .nas a{display:inline-block;line-height:1rem;color:#fff;position:relative;padding:0 .15rem}
header .hob nav .natem .nas:after{content:' ';position:absolute;left:50%;bottom:0;transform:translateX(-50%);opacity:0;width:100%;height:2px;background-color:#771965}
header .hob nav .natem .navuls{width:max-content;position:absolute;z-index:101;left:calc(50%);top:100%;transform:translateX(-50%);background-color:#fff;box-shadow:0 0 7px 0 rgba(0,0,0,.09);display:none}
header .hob nav .natem .navuls ul{width:100%}
header .hob nav .natem .navuls ul li{width:100%;position:relative}
header .hob nav .natem .navuls ul li .njm{width:100%;font-size:0;background-color:rgba(255,255,255,.5)}
header .hob nav .natem .navuls ul li .ns{width:100%;display:inline-block;vertical-align:middle;line-height:3;color:#222;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:0 .15rem;position:relative;background-color:rgba(255,255,255,.5)}
header .hob nav .natem .navuls ul li .theul{width:100%;background-color:#f4f4f5;display:none;position:absolute;left:100%;top:0}
header .hob nav .natem .navuls ul li .theul li{width:100%;font-size:0}
header .hob nav .natem .navuls ul li .theul li .xn{display:inline-block;vertical-align:middle;color:#81838e;line-height:2.5;padding:0 .2rem;width:100%}
header .hob nav .natem .navuls ul li .theul li:hover{background-color:#e5e5ed}
header .hob nav .natem .navuls ul li .theul li:hover .xn{color:#771965}
header .hob nav .natem .navuls ul li:hover .ns{background-color:#771965}
header .hob nav .natem .navuls ul li.has-the:after{content:" ";display:inline-block;width:8px;height:11px;position:absolute;right:.08rem;left:auto;transform:translateY(-50%);top:50%;background-image:url(../images/r1.png);background-size:100% 100%;background-position:center}
header .hob nav .natem .navuls ul li.has-the.show:after{content:"-"}
header .hob nav .natem.on .nas a{color:#771965}
header .hob nav .natem.on .nas:after{opacity:1}
header .hob nav .natem:hover .nas a{color:#771965}
header .hob nav .natem:hover .nas:after{opacity:1}
@media (max-width:840px){header .hop .hol{width:100%;text-align:center;margin-bottom:.06rem}
header .hop .hor{width:100%;text-align:center}
header .hop .share .am{width:18px;height:18px}
header .hop .languages .lauges .lashow{padding-right:.3rem}
header .hob{height:1rem}
header .hob nav{width:100%;position:fixed;right:0;top:calc(1rem);left:auto;height:calc(100vh - 1rem);background-color:#fff;margin-right:0;overflow:auto;z-index:500;transition:transform .3s;padding-left:.1rem;padding:.1rem;text-align:left;display:none;border-top:solid 1px #e5e5e5}
header .hob nav .natem{display:inline-block;vertical-align:middle;position:relative;width:100%;padding:.1rem 0;opacity:0;transform:translate(-10px,-30px);transition:all .8s ease}
header .hob nav .natem .nas{display:inline-block;width:100%;margin:0}
header .hob nav .natem .nas a{width:auto;display:inline-block;vertical-align:middle;line-height:2.5;color:#333;font-weight:700;padding:0 .3rem;position:relative}
header .hob nav .natem .nas a:hover{color:#771965;background-color:transparent}
header .hob nav .natem .navuls{width:100%;position:relative;z-index:101;left:0;top:0;transform:translateX(0);background:#fff;box-shadow:0 0 7px 0 rgba(0,0,0,.09);display:none;text-align:left}
header .hob nav .natem .navuls ul{width:100%;padding:.1rem .2rem}
header .hob nav .natem .navuls ul li{width:100%;display:block;position:relative;margin-bottom:0}
header .hob nav .natem .navuls ul li .ns{width:auto;display:inline-block;vertical-align:middle;line-height:3;color:#333;text-align:left!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:0 .2rem;background:#fff;position:relative}
header .hob nav .natem .navuls ul li .ns:hover{color:#771965}
header .hob nav .natem .navuls ul li .theul{width:100%;background-color:#fff;display:none;left:0;top:0;position:relative}
header .hob nav .natem .navuls ul li .theul li{width:100%;font-size:0}
header .hob nav .natem .navuls ul li .theul li .xn{display:inline-block;vertical-align:middle;color:#333;line-height:2.5;padding:0 .2rem}
header .hob nav .natem .navuls ul li .theul li .xn:hover{color:#00479d}
header .hob nav .natem .navuls ul li+li{border-top:solid 1px #eee}
header .hob nav .natem .navuls ul li:hover .ns{background-color:transparent;color:#771965}
header .hob nav .natem .navuls ul li.has-the:after{top:.4rem}
header .hob nav .natem:before{display:none!important}
header .hob nav .natem .prosubnav{display:none}
header .hob nav .natem.on .nas:after{display:none}
header .hob nav .natem.has-nav:after{content:"+";display:inline-block;width:36px;height:36px;line-height:36px;text-align:center;position:absolute;background:0 0;right:0;left:auto;transform:translateX(0);top:.05rem;font-size:20px;color:#333;border:none}
header .hob nav .natem.has-nav.show:after{content:"-"}
header .hob nav .natem.animate{opacity:1;transform:translate(0,0)}
header .hob .rav .menu{display:inline-block}
header .hob .rav .stvm{position:fixed;left:0;top:0;width:100%;height:1rem;z-index:10;background-color:rgba(0,0,0,.8);align-items:center;padding:.15rem 2%;display:none}
header .hob .rav .stvm form{width:100%;display:flex;align-items:center}
header .hob .rav .stvm .clost{display:inline-block;vertical-align:middle;width:23px;height:23px;font-size:20px;color:#fff!important;line-height:23px;text-align:center;position:relative;margin-right:.1rem}
header .hob .rav .stvm .input{display:inline-block;vertical-align:middle;width:calc(100% - 23px - 1rem)}
header .hob .rav .stvm .input input::-webkit-input-placeholder,header .hob .rav .stvm .input textarea::-webkit-input-placeholder{color:#fff}
header .hob .rav .stvm .input input:-moz-placeholder,header .hob .rav .stvm .input textarea:-moz-placeholder{color:#fff}
header .hob .rav .stvm .input input::-moz-placeholder,header .hob .rav .stvm .input textarea::-moz-placeholder{color:#fff}
header .hob .rav .stvm .input input:-ms-input-placeholder,header .hob .rav .stvm .input textarea:-ms-input-placeholder{color:#fff}
header .hob .rav .stvm .input input{color:#fff}
header .hob .rav .stvm .vic{width:.4rem;text-align:center}
header .hob .rav .stvm .vic .sub{width:100%}
header .hob .rav .hm{width:30px;height:30px}
header .hob .rav .languages .lauges .lashow .am .xm{width:30px;height:30px}
header.menu-state .hob .rav .menu img{opacity:0}
}
@media (max-width:450px){header .hop .hm{display:none}
header .hop .hk{width:100%;text-align:center}
}
/*! w3016 页头 end */

.nanner {
  width: 100%;
  position: relative;
}

.nanner .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.nanner .imgs .img {
  width: 100%;
  padding-top: 25.52%;
}

.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:.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:.8rem}
.produm .propm .prl .pit{width:100%;background-color:#771965;color:#fff;font-weight:700;line-height:1.5;padding:.2rem .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:700;padding:.1rem .2rem}
.produm .propm .prl .reul .rli .ras>a:hover{color:#771965}
.produm .propm .prl .reul .rli .eul{width:100%;position:relative;display:none;background:#fff;border-top:solid 1px #eee;padding: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:.2rem;top:.25rem;width:14px;height:9px;background-image:url(/static/home/images/x.png);background-size:100% 100%;transition:all ease .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:.2rem;position:relative}
.produm .propm .prl .reul .rli .eul .es:hover{color:#771965}
.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:.2rem .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:#771965}
.produm .propm .prl .reul .rli .eul .sul a:hover{color:#771965}
.produm .propm .prl .reul .rli:after{content:' ';position:absolute;right:.2rem;top:.25rem;width:14px;height:9px;transition:all ease .5s;background-image:url(/static/home/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 .prl .prom{width:100%;margin-top:.6rem}
.produm .propm .prl .prom .piv{width:100%;color:#222434;line-height:1.5;margin-bottom:.05rem}
.produm .propm .prl .prom form{width:100%;display:block}
.produm .propm .prl .prom .input{width:100%;font-size:0;margin-bottom:.1rem}
.produm .propm .prl .prom .input input{width:100%;display:block;border:solid 1px #dcdce2;background-color:#fff;padding:0 .12rem;color:#222434;line-height:3;height:3em}
.produm .propm .prl .prom .input.yzm{display:flex;align-items:center}
.produm .propm .prl .prom .input.yzm input{display:inline-block;vertical-align:middle;flex:1}
.produm .propm .prl .prom .input.yzm .img{width:auto;display:inline-block;vertical-align:middle;height:3em;border:solid 1px #dcdce2;margin-left:.1rem}
.produm .propm .prl .prom .input.yzm .img img{height:100%;display:block}
.produm .propm .prl .prom .text{width:100%;font-size:0;margin-bottom:.1rem}
.produm .propm .prl .prom .text textarea{width:100%;display:block;border:solid 1px #dcdce2;background-color:#fff;padding:.12rem;color:#222434;line-height:1.5}
.produm .propm .prl .prom .sub{width:100%;margin-top:.2rem}
.produm .propm .prl .prom .sub input{width:100%;display:block;color:#fff;line-height:3;text-align:center;cursor:pointer;border:none;background-color:#771965}
.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:700;margin-bottom:.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:.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 .4rem 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 - .12rem + .14rem);line-height:2.8;background:#fff}
.produm .propm .prr .sorm .inpt .select-con:after{display:inline-block;content:"";position:absolute;right:.2rem;top:50%;transform:translateY(-50%);z-index:1;width:0;height:0;border:solid .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:#771965;overflow:hidden}
.produm .propm .prr .sorm .sub span{display:inline-block;vertical-align:middle;width:22px;margin-right:.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:.2rem;background-color:#fff;transition:all ease .5s;border:solid 1px #e8e8f4}
.produm .propm .prr .sacemlis .cemas .stm{width:100%}
.produm .propm .prr .sacemlis .cemas a{width:100%;display:block;padding:.3rem}
.produm .propm .prr .sacemlis .cemas .imgs{width:100%;position:relative;overflow:hidden}
.produm .propm .prr .sacemlis .cemas .imgs .img{width:100%;padding-top:calc(210 / 192 * 100%);transition:all ease .5s}
.produm .propm .prr .sacemlis .cemas .imgs .img img{object-fit:contain}
.produm .propm .prr .sacemlis .cemas .xit{width:100%;text-align:center;color:#222434;line-height:1.5;margin-top:.1rem}
.produm .propm .prr .sacemlis .cemas .xim{width:100%;text-align:center;color:#81838e;line-height:1.5;height:3em;margin:.12rem 0}
.produm .propm .prr .sacemlis .cemas .add{width:.34rem;height:.34rem;display:block;margin:0 auto;transition:all ease .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:.48rem;height:.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:#771965}
.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 0 rgba(216,216,232,.4)}
.produm .propm .prr .descm{width:100%;padding:.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 .4rem}
.produm .propm .prr .descm .dinp{width:100%;margin:.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:.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:#fff;border:solid 1px #e8e8f4;padding:.1rem .3rem;color:#666;line-height:1.5;text-align:center}
.produm .propm .prr .descm .nob .nab a:hover{color:#fff;background-color:#771965;border:solid 1px #771965}
.produm .propm .prr .descm .nob .nab:nth-child(2n){margin-right:0}
.produm .propm .prr .relateds .relatper .bl{left:-.25rem}
.produm .propm .prr .relateds .relatper .br{right:-.25rem}
.produm .propm .prr .proeom{width:100%;font-size:0;display:flex;flex-wrap:wrap;justify-content:space-between}
.produm .propm .prr .proeom .poml{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:.1rem 0}
.produm .propm .prr .proeom .poml .elper .swiper-slide{width:100%;transition:all ease .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 #771965}
.produm .propm .prr .proeom .poml .elper .btn{position:relative;width:31px;height:31px;margin:0 auto 0;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 #771965;background-color:#771965}
.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;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: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 .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.7;margin:.2rem 0}
.produm .propm .prr .proeom .pomr .pinp p{color:#666;line-height:1.7}
.produm .propm .prr .proeom .pomr .numbers{width:100%;font-size:0;margin:.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:.2rem}
.produm .propm .prr .proeom .pomr .numbers .cum .ctn{display:inline-block;vertical-align:middle;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 .1rem}
.produm .propm .prr .proeom .pomr .numbers .cum .counx input{width:100%;height:2.2em;line-height:2.2em;text-align:center;display:block;background-color:#fff;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:3;width:auto;padding:0 40px;margin-right:.12rem;border-radius:1.5em;background-color:#771965}
.produm .propm .prr .proeom .pomr .ptm .vas{display:inline-block;vertical-align:middle;flex:1;color:#771965;line-height:3;text-align:center;background-color:#222434;border-radius:1.5em}
.produm .propm .prr .proeom .pomr .ptm .vas span{display:inline-block;vertical-align:middle;position:relative;top:-.02rem;width:21px;margin-right:.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:.5rem .2rem;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 - .2rem);margin:0 .1rem;height:auto;padding:.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,.7);overflow:auto;z-index:500;transition:transform .3s;padding:.1rem;text-align:left;display:none}
}
.crumbs{width:100%}
.crumbs .crum{width:100%;font-size:0;display:flex;flex-wrap:wrap;align-items:center;padding:.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:.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 .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:.1rem;display:none}
.crumbs .crum .cenu img{width:100%;display:block}

/*! w3016 页尾 start */footer.footer3425{width:100%;background-color:#222}
footer.footer3425 .ftop{width:100%;padding:1.2rem 0 .7rem}
footer.footer3425 .ftop .fop{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}
footer.footer3425 .ftop .fop .ftls{display:inline-block;vertical-align:top;width:calc((455 / 1400 * 100%))}
footer.footer3425 .ftop .fop .ftls .share{width:100%}
footer.footer3425 .ftop .fop .ftls .share .siv{width:100%;color:#fff;line-height:1.5;margin-bottom:.2rem}
footer.footer3425 .ftop .fop .ftls .share .som{width:100%;font-size:0}
footer.footer3425 .ftop .fop .ftls .share .som .sm{display:inline-block;vertical-align:middle;width:.42rem;height:.42rem;border-radius:50%;margin-right:.15rem;background-color:rgba(0,0,0,.22)}
footer.footer3425 .ftop .fop .ftls .share .som .sm a,footer.footer3425 .ftop .fop .ftls .share .som .sm img{width:100%;display:block}
footer.footer3425 .ftop .fop .ftls .share .som .sm:hover{background-color:#771965}
footer.footer3425 .ftop .fop .ftls .uom{width:100%;margin-top:.6rem}
footer.footer3425 .ftop .fop .ftls .uom .tx{width:100%;color:rgba(255,255,255,.5);line-height:1.5}
footer.footer3425 .ftop .fop .ftls .uom .nk{width:100%;color:#fff;font-weight:700;line-height:1.5;margin-top:.05rem}
footer.footer3425 .ftop .fop .fcom{width:calc((365 / 1400 * 100%));display:inline-block;vertical-align:top}
footer.footer3425 .ftop .fop .fcom .flist{display:inline-block;vertical-align:top;width:calc(50%);padding-right:.1rem}
footer.footer3425 .ftop .fop .fcom .flist .fit{width:100%;font-size:0;margin-bottom:.15rem}
footer.footer3425 .ftop .fop .fcom .flist .fit a{display:inline-block;vertical-align:middle;color:#fff;line-height:1.5;font-weight:700;transition:all ease .5s;padding:.04rem 0}
footer.footer3425 .ftop .fop .fcom .flist .fit a:hover{color:#fff}
footer.footer3425 .ftop .fop .fcom .flist .ful{width:100%}
footer.footer3425 .ftop .fop .fcom .flist .ful a{width:100%;display:inline-block;vertical-align:middle;color:rgba(255,255,255,.5);transition:all ease .5s;line-height:2}
footer.footer3425 .ftop .fop .fcom .flist .ful a:hover{color:#fff}
footer.footer3425 .ftop .fop .fcom .flist .ful div{width:100%;display:inline-block;vertical-align:middle;color:rgba(255,255,255,.5);line-height:2;transition:all ease .5s}
footer.footer3425 .ftop .fop .frtm{width:calc((320 / 1400 * 100%));display:inline-block;vertical-align:top}
footer.footer3425 .ftop .fop .frtm .fit{width:100%;font-size:0;margin-bottom:.15rem}
footer.footer3425 .ftop .fop .frtm .fit a{display:inline-block;vertical-align:middle;color:#fff;line-height:1.5;font-weight:700;transition:all ease .5s;padding:.04rem 0}
footer.footer3425 .ftop .fop .frtm .fit a:hover{color:#fff}
footer.footer3425 .ftop .fop .frtm .fok{width:100%;font-size:0}
footer.footer3425 .ftop .fop .frtm .fok .hiom{width:100%;display:inline-block;vertical-align:middle;padding:.06rem 0}
footer.footer3425 .ftop .fop .frtm .fok .hiom .xk{display:inline-block;vertical-align:top;width:17px;margin-right:.1rem;margin-top:calc(.75em - 8px)}
footer.footer3425 .ftop .fop .frtm .fok .hiom .xk img{width:100%;display:block}
footer.footer3425 .ftop .fop .frtm .fok .hiom .km{display:inline-block;vertical-align:top;width:calc(100% - 17px - .1rem);color:rgba(255,255,255,.6);line-height:1.5}
footer.footer3425 .fbot{width:100%;border-top:solid 1px rgba(255,255,255,.2)}
footer.footer3425 .fbot .fot{width:100%;padding:.3rem 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
footer.footer3425 .fbot .fot .fm{display:inline-block;vertical-align:middle;color:rgba(255,255,255,.3);line-height:1.5}
@media (max-width:800px){footer.footer3425 .ftop{padding:.3rem 0}
footer.footer3425 .ftop .fop{flex-direction:column-reverse}
footer.footer3425 .ftop .fop .frtm{width:100%;margin-bottom:.3rem}
footer.footer3425 .ftop .fop .fcom{width:100%;margin-bottom:.3rem}
footer.footer3425 .ftop .fop .fcom .flist{width:100%;border-bottom:solid 1px #e5e5e5;position:relative;border-top:solid 1px #e5e5e5}
footer.footer3425 .ftop .fop .fcom .flist .fit{width:100%;margin-bottom:0;padding:.3rem 0}
footer.footer3425 .ftop .fop .fcom .flist .lx{display:none}
footer.footer3425 .ftop .fop .fcom .flist .ful{width:100%;font-size:0;padding-bottom:.15rem;display:none}
footer.footer3425 .ftop .fop .fcom .flist .ful a{line-height:2}
footer.footer3425 .ftop .fop .fcom .flist.has-ful:after{content:" ";display:inline-block;width:14px;height:8px;background-image:url(../images/x1.png);background-position:center;background-size:100% 100%;text-align:center;position:absolute;right:.2rem;left:auto;transform:translateX(0);top:.4rem;color:#333;border:none;transition:all ease .5s}
footer.footer3425 .ftop .fop .fcom .flist.has-ful.show:after{content:" ";transform:translateX(0) rotate(180deg)}
footer.footer3425 .ftop .fop .fcom .flist+.flist{border-top:none}
footer.footer3425 .ftop .fop .ftls{width:100%}
footer.footer3425 .ftop .fop .ftls .share .som .sm{width:30px;height:30px}
footer.footer3425 .ftop .fop .ftls .uom{margin-top:.2rem}
}
.social-share a{margin:0;padding:4px}
.rightnav{position:fixed;right:.2rem;bottom:20%;display:flex;flex-wrap:wrap;justify-content:flex-end;width:.6rem;z-index:10}
.rightnav .ritm{flex:1;display:block;font-size:0;position:relative;background-color:#f9f9f9;width:.6rem;height:.6rem;border-radius:50%;box-shadow:0 0 16px 0 rgba(4,0,0,.08);border:solid 1px #e5e5e5}
.rightnav .ritm a{display:block;white-space:nowrap;overflow:hidden;right:0;font-size:0;width:.6rem}
.rightnav .ritm .atom{display:inline-block;vertical-align:middle;width:.6rem;height:.6rem}
.rightnav .ritm .atom img{width:100%;display:block}
.rightnav .ritm .atom img:first-child{display:block}
.rightnav .ritm .atom img:last-child{display:none}
.rightnav .ritm .vm{display:inline-block;vertical-align:middle;color:#fff;transition:all ease .5s;width:0}
.rightnav .ritm .codm{position:absolute;right:110%;top:50%;transform:translateY(-50%);width:1.5rem;background-color:#fff;padding:.05rem;box-shadow:0 0 16px 0 rgba(4,0,0,.08);display:none}
.rightnav .ritm .codm img{width:100%;display:block}
.rightnav .ritm.long{width:auto;background-color:#771965;border-radius:.3rem;border:solid 1px #771965}
.rightnav .ritm.long a{width:auto;overflow-y:hidden;overflow-x:visible}
.rightnav .ritm.long .atom img:first-child{display:none}
.rightnav .ritm.long .atom img:last-child{display:block}
.rightnav .ritm.long .vm{width:auto;display:inline-block;vertical-align:middle;padding-left:.05rem;padding-right:.15rem}
.rightnav .ritm+.ritm{margin-top:.1rem}
.rightnav .ritm:hover .codm{display:block}
@media (max-width:800px){.rightnav .ritm{width:.8rem;height:.8rem}
.rightnav .ritm a{width:.8rem}
.rightnav .ritm .atom{width:.8rem;height:.8rem}
}
/*! w3016 页尾 end */

.pages {
  text-align: center;
  width: 100%;
  font-size: 0;
  display: block;
  padding-top: 0.3rem;
}

.pages .page {
  display: inline-block;
  vertical-align: middle;
  width: 0.42rem;
  height: 0.42rem;
  line-height: 0.42rem;
  text-align: center;
  color: #000;
  cursor: pointer;
  background-color: #f4f4f5;
  margin: 0 0.05rem;
  transition: all ease 0.3s;
}

.pages .page.ltn {
  background-image: url("../images/b1.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.pages .page.rtn {
  background-image: url("../images/b2.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.pages .page.on {
  background-color: #771965;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #fff;
}

.pages .page.on.ltn, .pages .page.ltn:hover {
  background-image: url("../images/b3.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  opacity: 1;
}

.pages .page.on.rtn, .pages .page.rtn:hover {
  background-image: url("../images/b4.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  opacity: 1;
}

.pages .page:hover {
  background-color: #771965;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #fff;
}

@media (max-width: 900px) {
  .pages .page {
    width: 0.7rem;
    height: 0.7rem;
    line-height: 0.7rem;
  }
}