body{padding-top: 1.34rem;}

header{width: 100%;position: fixed;left: 0;top: 0;z-index: 12345;transition: all 1s cubic-bezier(.25,.1,.25,1);background-color: #fff;box-shadow: 0 0 4px rgba(0,0,0,0.1);}

.h-top{width: 100%;background-color: #0f3e39;}

.h-inner{max-width: 14.4rem;margin: 0 auto;width: 100%;}

.h-index{display: inline-block;margin-top: 0.05rem;float: left;}

.h-logo{height: .8rem;}

.h-left{float: left;color: #fff;line-height: .44rem;}

.h-right{float: right;font-size: 0;}

.h-menu{display: none;width: 46px;height: 46px;background-repeat: no-repeat;background-position: center center;background-image: url(/static/home/images/menu.png);background-size: 28px 28px;}

.h-mask{background-color: rgba(0,0,0,.6);position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 998;transition:all .5s;opacity: 0;visibility: hidden;}

.h-nav{display: inline-block;vertical-align: middle;font-size: 0;white-space: nowrap;}

.h-li{display: inline-block;vertical-align: top;position: relative;margin-left: .73rem;white-space: normal;}

.h-link{color: #111;display: block;line-height: 0.9rem;height: 0.9rem;font-weight: bold;}

.h-li.active .h-link{color: #ffd700;border-bottom: 2px solid #ffd700;}

.h-sub{display: none;width: 10em;background-color: #fff;position: absolute;left: 50%;margin-left: -5em;top: 100%;z-index: 1000;padding: 0.05rem 0;border-radius: .1rem;}

.h-sub>li>a{display: block;width: 100%;line-height: 1.71;padding: .06rem 0.03rem;text-align: center;color: #111;transition: background-color .3s;}

header.show-menu .h-nav{right: 0;}

header.show-menu .h-mask{opacity:1;visibility:visible;}

header.show-menu .h-lang{z-index: 1;}

.h-search{width: .4rem;height: .4rem;display: none;vertical-align: middle;border-radius: 50%;background-color: #ffd700;background-image: url(/static/home/images/4.png);background-size: 100% auto;background-repeat: no-repeat;background-position: center center;cursor: pointer;}



.h-lang{display: inline-block;vertical-align: middle;margin-left: .3rem;position: relative;z-index: 1234;}

.h-cur{color: #fff;line-height: .44rem;font-weight: bold;display: block;}

.h-cur:before{content: "";display: inline-block;vertical-align: middle;width: 1em;height: 1em;position: relative;top: -1px;background-image: url(/static/home/images/3.png);background-size: 100% 100%;margin-right: .57em;}

.h-cur:after{content: "";display: inline-block;vertical-align: middle;border-top: .357em solid #fff;border-left: .285em solid transparent;border-right: .285em solid transparent;margin-left: .2em;}

.h-items{min-width: 100%;background-color: #fff;position: absolute;left: 0;top: 100%;box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);border-radius: .1rem;visibility: hidden;opacity: 0;transition: all .3s;padding: .05rem 0;}

.h-item{display: block;color: #333;line-height: 2;padding: 0 1.57em;cursor: pointer;white-space: nowrap;}

.h-lang.show .h-items{visibility: visible;opacity: 1;}



.h-inq{display: inline-block;vertical-align: middle;position: relative;z-index: 1;}

.h-inc{color: #fff;line-height: .44rem;font-weight: bold;cursor: pointer;display: block;}

.h-inc:before{content: "";display: inline-block;vertical-align: middle;width: 1.14em;height: 1.14em;position: relative;top: -1px;background-image: url(/static/home/images/2.png);background-size: 100% 100%;margin-right: .4375em;}

.h-cart{width: .44rem;height: .44rem;display: inline-block;vertical-align: top;margin-right: .22rem;cursor: pointer;background-image: url(/static/home/images/i13.png);background-size: .21rem .21rem;background-repeat: no-repeat;background-position: center center;}

@media(min-width: 1201px){

    .h-item:hover{color: #ffd700;}

    .h-link:hover{color: #ffd700;}

    .h-sub>li>a:hover{color: #ffd700;}

    .h-sch{display: inline-block;vertical-align: top;width: 1.96rem;margin-top: .05rem;margin-left: .4rem;}

    .h-form{width: 100%;position: relative;}

    .h-text{width: 100%;height: .34rem;background-color: #fff;border-radius: .05rem;border: none;padding-left: .15rem;padding-right: .39rem;}

    .h-smt{width: .39rem;height: .34rem;position: absolute;right: 0;top: 0;font-size: 0;background-color: transparent;border: none;background-image: url(/static/home/images/4.png);background-size: .15rem .15rem;background-repeat: no-repeat;background-position: center center;}

}

@media(max-width: 1920px){

    body{padding-top: calc(44px + 0.9rem);}

    .h-left{line-height: 44px;}

    .h-cur{line-height: 44px;}

    .h-inc{line-height: 44px;}

    .h-cart{width: 44px;height: 44px;background-size: 21px 21px;}

    .h-sch{width: 196px;margin-top: 5px;}

    .h-text{height: 34px;border-radius: 5px;padding-left: 15px;padding-right: 39px;}

    .h-smt{width: 39px;height: 34px;background-size: 15px 15px;}

    

}

@media(max-width: 1450px){

    .h-search{width: 30px;height: 30px;}

}

@media(max-width: 750px){

    header.show-sch .h-text{width: 220px;}

}

@media(max-width: 1200px){

    header{height: 46px;padding-left: 10px;position: fixed;}

    .h-top{position: absolute;right: 92px;width: auto;background-color: #fff;display: block !important;}

    .h-search{height: 46px;width: 46px;display: inline-block;vertical-align: top;margin-left: 0;background-color: transparent;background-size: 15px auto;}

    .h-sch{display: none;margin-top: 0;width: 100%;padding: 40px 0;position: fixed;top: 0;right: 0;margin-right: 0;z-index: 1234;background-color: #fff;font-size: 0;text-align: center;}

    .h-form{width: 100%;background-color: transparent;position: relative;overflow: hidden;font-size: 0;}

    .h-text{width: 380px;height: 40px;line-height: 40px;padding: 0 10px 0 5px;border: none;border-radius: 0;border-bottom: 1px solid #ccc;border-right: none;vertical-align: top;background-color: transparent;color: #333;text-align: left;vertical-align: top;}

    .h-smt{background-image: url(/static/home/images/4.png);background-position: center center;width: 40px;height: 40px;background-size: 22px 22px;background-repeat: no-repeat;color: transparent;cursor: pointer;border: none;border-bottom: 1px solid #ccc;background-color: transparent;transition: all .3s;vertical-align: top;}

    header.show-sch .h-mask{opacity:1;visibility:visible;}

    header.show-sch .h-sch{display: block;}

    header.show-sch .h-lang{z-index: 1;}

    .h-lang{line-height: 46px;padding: 0;vertical-align: top;margin-left: 0;margin-right: 0;transition: all 1s;}

    .h-cur{line-height: 46px;color: #666;background-color: #fff;padding-left: 10px;padding-right: 10px;}

    .h-cur:before{width: 14px;height: 14px;background-image: url(/static/home/images/37.png);}

    .h-cur:after{border-top-color: #666;}

    .h-items{border-radius: 0 0 0.05rem 0.05rem;}

    .h-inq{padding: 0 10px;}

    .h-inc{line-height: 46px;color: #666;}

    .h-inc:before{width: 16px;height: 16px;border: 1px solid #666;border-radius: 3px;box-sizing: border-box;}

    body{padding-top: 46px;}

    .h-space{display: none;}

    .h-inner{max-width: 100%;}

    .h-index{margin-top: 11px;}

    .h-logo{height: 26px;}

    .h-nav{width: 280px;height: 100%;position: fixed;right: -280px;top: 0;padding: 10px 0;left: auto;transform: translate(0,0);background-color: #fff;z-index: 12345;overflow: auto;transition: all .3s;}

    .h-li{display: block;margin: 0;}

    .h-li.active .h-link{border-bottom: none;}

    .h-sub{width: 100%;margin-left: 0;top: 0;position: relative;left: 0;padding: 0;}

    .h-sub>li>a{text-align: left;padding: 10px 0 10px 40px;color:#666;}

    .h-li.has-nav:after{content: "+";display: inline-block;width: 40px;height: 46px;line-height: 46px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #666;}

    .h-li.has-nav.show:after{content: "-";}

    .h-link{line-height: 46px;padding: 0 46px 0 20px;}

    .h-menu{display: inline-block;}

    .h-smt{background-size: 17px auto;}

    .h-link{color: #333;}

    header.show-lang .h-mask{opacity:1;visibility:visible;}

    .h-sub{background-color: #fff;}

    .h-left{display: none;}

    .h-cur{line-height: 46px;}

    .h-cart{width: 46px;height: 46px;background-image: url(/static/home/images/38.png);margin-right: 0;}

}

@media(max-width: 500px){

    .h-inc{font-size: 0;width: 46px;text-align: center;}

    .h-inq{padding: 0;}

    .h-lang{margin-right: 0;margin-left: 0;}

    .h-cur{font-size: 0;width: 46px;text-align: center;}

}

@media(max-width: 390px){

    .h-cur{width: 40px;padding: 0;}

    .h-inc{width: 40px;}

    .h-cart{width: 40px;}

    .h-search{width: 40px;right: 40px;}

    .h-top{right: 80px;}

    .h-menu{width: 40px;}

}

@media(max-width: 370px){

    .h-index{margin-top: 14px;}

    .h-logo{height: 20px;}

}



.qh-sub {display: none; width: max-content;  background-color: #fff; position: absolute;left: 50%;top: .9rem;transform: translate(-50% ,0); z-index: 1000;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}

.qh-item{display: block;width: 100%;position: relative;white-space: nowrap;}

.qh-one{display: block;cursor: pointer;width: 100%;padding: 10px .2rem; line-height:1.4;  color: #333;transition: all .3s;word-break: break-all;}

.qh-item.has-two .qh-one{padding-right: .5rem;}

.qh-item.has-two .qh-one:after{content: '>';position: absolute;top: 50%;right: 0;transform: translate(0,-50%); width: .5rem;text-align: center;}

.qh-twobox{display: none; position: absolute;top: 0;left: 100%; width: max-content; background-color: #fff; z-index: 1000;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}

.qh-two{display: block;cursor: pointer;width: 100%;padding: 10px .2rem;line-height:1.4;color: #333;transition: all .3s;word-break: break-all;}

.qh-sub:hover{overflow: visible !important;}

.qh-item:hover .qh-twobox{display: block;}

@media(min-width: 1201px){

    .qh-item:hover .qh-one{background-color: #ffd700;color: #fff;} 

    .qh-two:hover{background-color: #ffd700;color: #fff;} 

}

@media (max-width: 1200px) { 

    .h-li.has-sub:after {content: "";background-image: url('/static/home/images/qa-right.png');background-size:auto 12px ;background-position: center center;background-repeat: no-repeat; display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #333;}

    .h-li.has-sub.show:after {background-image: url('/static/home/images/qa-down.png');background-size:auto 14px ;}

    .qh-sub {position: relative;top: 0;background-color: #fff;box-shadow: none;left: 0;transform: translate(0,0);width: 100%;}

    .qh-one{text-align: left;padding-left: 40px;font-size: 14px;} 

    .qh-item.has-two .h-one:after{display: none;}

    .qh-twobox{display: block;position: relative;right: 0;width: 100%; padding-left: 60px;    box-shadow: none;}

    header.show-menu .qh-opa{display: block;}

    header.show-menu  .qh-h{transform: translate(0,0);}

}

/* w3014 产品页banner start */

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

.nanner .img{width:100%;padding-top:26%; position: relative;}

.nanner .img .mg{position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%; object-fit: cover; opacity: 0;}

.nanner .nox{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%)}

.nanner .nox .nit,

.nanner .nox .nim{width:100%;color:#fff;line-height:1.5;font-weight: bold;}

@media (max-width: 500px) {

    .nanner .img{ padding-top: 50%; }

}

/* w3014 产品页banner end */

/* w3014 产品列表 start */

.w1400{width:14rem;margin:0 auto;position:relative;font-size:0;max-width: 100%;}

@media (max-width:1420px){ .w1400{ width: 90%; } }

/* 面包屑 */

.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:#81838e;line-height:3;font-weight: bold;}

.crumbs .crum .cul a span{display:inline-block;color:#81838e;margin:0 0.04rem}

.crumbs .crum .cul a:first-child,

.crumbs .crum .cul a:first-child span{color: #222434;}

.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}

/* 产品 */

.produm{width:100%;padding-bottom: .94rem;}

.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: .2rem;}

.produm .propm .prl .pit{width:100%;background-color:#0f3e39;color:#ffd700;font-weight:bold;line-height:1.5;padding:0.2rem;border-radius: .13rem .13rem 0 0;}

.produm .propm .prl .reul{width:100%;border-radius: 0 0 .13rem .13rem;overflow: hidden;}

.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.3rem}

.produm .propm .prl .reul .rli .ras>a:hover{color:#ffd700}

.produm .propm .prl .reul .rli .eul{width:100%;position:relative;display:none;background:#fff;border-top:solid 1px #eee;padding:0 0.3rem}

.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:1.5em;padding-right: 1em;font-size: calc(14 * 1rem / 100);width:14px;height:9px;margin-top: -4px;background-image:url("/static/home/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;max-width: 100%;display:inline-block;vertical-align:middle;line-height:3;color:rgba(34,36,52,0.5);position:relative;padding-right: 1em;word-break: break-all;}

.produm .propm .prl .reul .rli .eul .es:hover{color:#ffd700}

.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 .el.active .es{color: #ffd700;}

.produm .propm .prl .reul .rli .eul .el.active:before{content: "";display: inline-block;border-left: .5em solid #ffd700;border-top: .357em solid transparent;border-bottom: .357em solid transparent;position: absolute;right: 0;top: 1.5em;margin-top: -0.357em;font-size: calc(14 * 1rem / 100);}

.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:rgba(34,36,52,0.5);display:block}

.produm .propm .prl .reul .rli .eul .sul a.active{color:#ffb829}

.produm .propm .prl .reul .rli .eul .sul a:hover{color:#ffb829}

.produm .propm .prl .reul .rli:after{content:' ';position:absolute;right:0.3rem;top:0.25rem;width:14px;height:9px;display:block;transition:all ease 0.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 .prr{display:inline-block;vertical-align:top;width:calc((1045 / 1400 * 100%))}

.produm .propm .prr .w1400{width: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:#333;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.33rem;width:calc(290 / 1045 * 100%)}

.produm .propm .prr .sorm .inpt .select-con{width:100%;border-radius: .05rem;display:inline-block;vertical-align:middle;position:relative;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;border-radius: 1.6em;line-height:3.2;color:#fff;position:relative;background-color:#f3c726;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-bottom: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:58.2%;transition:all ease 0.5s;position: relative;}

.produm .propm .prr .sacemlis .cemas .imgs .img .mg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

.produm .propm .prr .sacemlis .cemas .xit{width:100%;color:#333;line-height:1.33;margin-top:0.33rem;font-weight: bold;padding: 0 .3rem;text-align: center;}

.produm .propm .prr .sacemlis .cemas .xim{width:100%;color:#81838e;line-height:1.43;height:2.86em;margin:0.08rem 0 0;padding: 0 .3rem;text-align: center;}

.produm .propm .prr .sacemlis .cemas .add{width:0.34rem;height:0.34rem;display:block;margin:0 auto;transition:all ease 0.5s;display: none;}

.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%;border-top: 1px solid #eee;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:first-child{border-right: 1px solid #eee;}

.produm .propm .prr .sacemlis .cemas .vob a:last-child{border-left: 1px solid #eee;}

.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;height: auto;}

.produm .propm .prr .sacemlis .cemas .stm:hover .imgs .img{transform:scale(1.1)}

.produm .propm .prr .sacemlis .cemas .stm:hover .add{background-color:#ffd700}

.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:#f5f5f5;border-radius: .13rem .13rem 0 0;padding-left: .06rem;padding-top: .05rem;}

.produm .propm .prr .descm .detop span{display:inline-block;vertical-align:middle;color:#222434;line-height:2.5;padding:0 0.4rem;background-color: #fff;font-weight: bold;text-transform: uppercase;border-radius: 0.13rem 0.13rem 0 0;}

.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:#fff;border:solid 1px #e8e8f4;padding:0 0.3rem;color:#666;line-height: .44rem;border-radius: .23rem;text-align:center;transition: all .3s;}

.produm .propm .prr .descm .nob .nab a:hover{color:#fff;background-color:#ffd700;border:solid 1px #ffd700}

.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: 100%;position:relative;box-sizing:border-box}

.produm .propm .prr .proeom .poml .elper .swiper-container{width:100%;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:58.135%}

.produm .propm .prr .proeom .poml .elper .swiper-slide.on{border:solid 1px #ffd700}

.produm .propm .prr .proeom .poml .elper .btn{position:relative;width:31px;height:31px;margin:0 auto 0rem;display: none;margin-top: -16px;cursor:pointer;border-radius:50%;border:solid 1px #e8e8f4}

.produm .propm .prr .proeom .poml .elper .btn.br{left: auto;right: 0;}

.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 #ffd700;background-color:#ffd700}

.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 .elper .btn{position: absolute;left: 0;top: 50%;z-index: 123;}

.produm .propm .prr .proeom .poml .erper{width:100%;}

.produm .propm .prr .proeom .poml .erper .swiper-slide{width:100%}

.produm .propm .prr .proeom .poml .erper .swiper-slide .img{width:100%;padding-top:58.135%;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;position:relative;line-height: 1.153;font-weight: bold;}

.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 #eee;border-radius: .05rem;overflow: hidden;}

.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:50px;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:#fff;border:solid 1px #eee;color:#666;border-radius: .05rem;}

.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;border-radius: 1.4em;width:auto;padding:0 40px;margin-right:0.12rem;background-color:#ffd700}

.produm .propm .prr .proeom .pomr .ptm .vas{display:inline-block;vertical-align:middle;flex:1;color:#fff;line-height:2.8;border-radius: 1.4em;text-align:center;background-color:#333;}

.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: 1783px){

    .produm .propm .prl .reul .rli .eul .el:after{font-size: 13px;}

    .produm .propm .prl .reul .rli .eul .el.active:before{font-size: 13px;}

}

@media(max-width: 1300px){

    .produm .propm .prr .descm .nob .nab a{line-height: 30px;border-radius: 16px;}

}

@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:1234567;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: 100%;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: #111;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;border-radius: .1rem;}

.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;position: relative;}

.q-lt{width: 100%;}

.q-code{width: 35.48%;height: calc(0.42rem - 2px);position: absolute;right: 0;top: 1px;z-index: 123;border: none;padding-right: 1px;overflow: hidden;display: block;}

.q-code img{width: 100%;height: 100%;cursor: pointer;}

.q-buttom{width: 100%;padding-top: .1rem;}

.q-submit{display: block;width: 100%;border: none;cursor: pointer; height: .42rem;line-height: .42rem;border-radius: .21rem;text-align: center;color: #fff;background-color: #f3c726; }



.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: 1280px){

    .q-input{height: 28px;}

    .q-textarea{height: 67px;}

    .q-code{height: 26px;}

    .q-submit{height: 28px;line-height: 28px;border-radius: 14px;}

}


.produm .newlist{width:100%;padding-bottom: .46rem;}
.produm .newlist .nawom{width:100%;padding:0.3rem 0;border-bottom:solid 1px #efeff5;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;flex-direction:row-reverse}
.produm .newlist .nawom .imgs{display:inline-block;vertical-align:middle;width:calc((400 / 1400 * 100%));position:relative;overflow:hidden}
.produm .newlist .nawom .imgs a{width:100%;display:block;border-radius: .13rem;overflow: hidden;}
.produm .newlist .nawom .imgs .img{width:100%;padding-top:61.81%;transition:all ease 0.5s;border-radius: .13rem;overflow: hidden;transform: translate(0,0);}
.produm .newlist .nawom .imgs:hover .img{transform:scale(1.1)}
.produm .newlist .nawom .imgs .mg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.produm .newlist .nawom .loms{width:calc(930 / 1400 * 100%);display:inline-block;vertical-align:middle}
.produm .newlist .nawom .loms .lit{width:100%;color:#222434;line-height:1.5;display:block;margin-bottom:0.1rem;font-weight: bold; }
.produm .newlist .nawom .loms .lit:hover{color:#ffd700}
.produm .newlist .nawom .loms .time{width:100%;color:#c0c0cc;line-height:1.5;margin-bottom:0.15rem}
.produm .newlist .nawom .loms .time span{display:inline-block;vertical-align:middle;width:19px;margin-right:0.06rem;position:relative;top:-0.04rem}
.produm .newlist .nawom .loms .pix{width:100%;color:#81838e;line-height:1.5;height:4.5em}
.produm .newlist .nawom .loms .pix p{color:#81838e;line-height:1.5}
.produm .newlist .nawom .loms .lob{width:100%;margin-top:0.35rem;font-size:0}
.produm .newlist .nawom .loms .lob a{display:inline-block;vertical-align:middle;color:#fff;line-height:2.8;border-radius: 1.4em;font-weight: bold;background-color:#f3c726;top:0;position:relative;transition:all ease 0.5s;width:auto;padding:0 0.3rem}
.produm .newlist .nawom .loms .lob a span{display:inline-block;vertical-align:middle;width:24px;margin-left:0.1rem}
.produm .newlist .nawom .loms .lob a span img{width:100%;display:block}
.produm .newlist .nawom .loms .lob a:hover{background-color:#ffd700;top:-0.06rem}
@media (max-width: 800px) {
    .produm .newlist .nawom .imgs{ width: 100%; margin-bottom: 10px; }
    .produm .newlist .nawom .loms{ width: 100%; }
}


/* w3014 产品列表 end */

/* w3014 侧边客服 start */

.rightnav{position:fixed;top:60%;right:0.2rem;transform:translateY(-50%);z-index:20;border-radius: .32rem;display: none !important;}

.rightnav .ritm{width:0.6rem;height:0.6rem;display:block;position: relative;background-color: #ffd700;border-radius: 50%;margin-bottom: .07rem;}

.rightnav .ritm:last-child{margin-bottom: 0;}

.rightnav .ritm a{width:100%;height: 100%;display:inline-block;text-align: center;padding-top: .05rem;}

.rightnav .ritm img{width: .5rem;height: .5rem;}

.rightnav .ritm.has-text a{position: absolute;right: 0;top: 0;transition: all .3s;white-space: nowrap;overflow: hidden;font-size: 0;}

.r-phone{width: auto;display: inline-block;vertical-align: middle;white-space: nowrap;color: #fff;padding-right: .13rem;font-weight: bold;display: none;}

.rightnav .ritm.has-text.active a{width:  2.6rem;background-color: #ffd700;border-radius: .32rem;}

.rightnav .ritm.has-text.active .r-phone{display: inline-block;}

/* w3014 侧边客服 end */

/* w3014 底部 start */

footer{width: 100%;background-color: #0f3e39;}

.f-inner{width: 100%;max-width: 14rem;margin: 0 auto;position: relative;}

.f-top{padding-top: 0.84rem;padding-bottom: 0.42rem;border-bottom: 1px solid #1A6F64;overflow: hidden;width: 100%;display: flex;align-items: flex-end;justify-content: space-between;}

.f-index{display: inline-block;vertical-align: top;}

.f-logo{height: 1rem;}

.f-share{font-size: 0;}

.f-one{margin-left: 0.13rem;display: inline-block;vertical-align: top;width: 0.36rem;height: 0.36rem;}

.f-one:first-child{margin-left: 0;}

.f-icon{vertical-align: top;width: 100%;height: 100%;}

.f-bot{width: 100%;padding-bottom: .8rem;padding-top: .62rem;}

.f-left{float: left;font-size: 0;}

.f-item{display: inline-block;vertical-align: top;width: 2.3rem;padding-right: .1rem;}

.f-item:last-child{width: 4rem;}

.f-tit{color: #fff;line-height: 1;margin-bottom: .34rem;}

.f-links{width: 100%;}

.f-a,

.f-r{margin-bottom: 0.642em;color: rgba(255,255,255,0.5);display: block;line-height: 1.43;}

.f-r{padding-left: 1.57em;position: relative;}

.f-r a{color: inherit;}

.f-i{position: absolute;left: 0;top: 0.715em;transform: translate(0,-50%);width: 1.142em;}

.f-right{float: right;}

.f-form{width: 4.5rem;}

.f-row{font-size: 0;width: 100%;}

.f-txt{color: #fff;margin-right: 2.675%;margin-bottom: 2.675%;border: none;display: inline-block;vertical-align: top;width: 31.55%;height: .46rem;padding: 0 1em;border-radius: .05rem;background-color: #165D54;}

.f-txt:nth-child(3n){margin-right: 0;}

.f-txt::placeholder{color: #fff;}

.f-area{width: 100%;height: 0.8rem;margin-bottom: 2.675%;border-radius: .05rem;color: #fff;line-height: 1.43;background-color: #165D54;border: none;padding: .5em 1em;}

.f-area::placeholder{color: #fff;}

.f-cont{width: 100%;}

.f-last{width: 100%;}

.f-sub{vertical-align: top;color: #fff;line-height: 0.45rem;text-align: center;width: 100%;height: 0.45rem;border-radius: .05rem;background-color: #ffd700;border: none;}

.f-copy{width: 100%;background-color: #0C3530;padding-top: .45rem;padding-bottom: .35rem;}

.f-cp{color: #fff;text-align: center;line-height: 1.43;}

.f-cp *{line-height: inherit;color: inherit;}

.f-el{display: inline-block;vertical-align: top;padding: 0 .1rem;}

.f-form input::-webkit-input-placeholder,

.f-form textarea::-webkit-input-placeholder{color: #fff;}

.f-form input:-moz-placeholder,

.f-form textarea:-moz-placeholder{color: #fff;}

.f-form input::-moz-placeholder,

.f-form textarea::-moz-placeholder{color: #fff;}

.f-form input:-ms-input-placeholder,

.f-form textarea:-ms-input-placeholder{color: #fff;}

@media(min-width: 1201px){

    .f-a{cursor: pointer;}

    .f-a:hover{color: #fff;}

    .f-el a:hover{color: #fff;}

}

@media(max-width: 1500px){

    .f-one{width: 28px;height: 28px;margin-left: 9px;}

    .f-txt{height: 36px;border-radius: 3px;}

    .f-area{height: 63px;border-radius: 3px;}

    .f-form{width: 351px;}

    .f-sub{height: 35px;line-height: 35px;border-radius: 3px;}

    .f-item{width: 180px;}

}

@media(max-width: 1250px){

    .f-inner{width: 905px;max-width: 94%;}

}

@media(max-width: 1200px){

    .f-logo{height: 26px;}

}

@media(max-width: 1000px){

    .f-item{width: 33.33%;padding-right: 0;}

    .f-left{float: none;width: 100%;}

    .f-right{float: none;width: 100%;}

    .f-form{width: 100%;}

}

@media(max-width: 500px){

    .f-top{padding-top: 30px;}

    .f-item{width: 100%;margin-bottom: 20px;}

    .f-tit{margin-bottom: 15px;}

    .f-links{font-size: 0;}

    .f-a{width: 50%;display: inline-block;vertical-align: top;}

    .f-txt{width: 100%;}

    .f-bot{padding-bottom: 30px;}

}

@media(max-width: 370px){

    .f-logo{height: 20px;}

}

/* w3014 底部 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;border-radius: .21rem;text-align:center;color:#333;cursor:pointer;background-color:#f4f4f5;margin:0 0.025rem;transition:all ease 0.3s}

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

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

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

.pages .page.on.ltn,.pages .page.ltn:hover{background-image:url("/static/home/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("/static/home/images/b4.png");background-position:center;background-size:100% 100%;background-repeat:no-repeat;opacity:1}

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

@media (max-width:900px){

    .pages .page{width:0.7rem;height:0.7rem;line-height:0.7rem;border-radius: .35rem;}

}