/* w3011 产品 start */
.producom{width:100%;padding:.8rem 0}
.producom .pronav{width:100%;padding-bottom:.2rem;border-bottom:solid 1px #ddd;margin-bottom:.3rem}
.producom .pronav .swiper-slide{display:inline-block;vertical-align:bottom;width:auto;margin-right:.3rem;height:auto}
.producom .pronav .swiper-slide a{display:inline-block;vertical-align:bottom;color:#333;line-height:20px;font-size:14px;transition:all ease .5s}
.producom .pronav .swiper-slide.on a{color:#58c747;font-size:16px}
.producom .pronav .swiper-slide:hover a{color:#58c747}
.producom .procont{width:100%}
.producom .procont .proem{width:100%;display:none}
.producom .procont .proem.on{display:block}
.producom .solulis{width:100%;font-size:0}
.producom .solulis .solum{display:inline-block;vertical-align:top;width:calc((480 / 1520 * 100%));margin-right:calc((39 / 1520 * 100%));margin-bottom:.4rem}
.producom .solulis .solum a{width:100%;display:block}
.producom .solulis .solum .imgs{width:100%;position:relative;overflow:hidden}
.producom .solulis .solum .imgs .img{width:100%;padding-top:56.25%;transition:all ease .5s}
.producom .solulis .solum .vod{width:100%;background-color:#f4f6f8;padding:.3rem;border-bottom:solid .05rem transparent}
.producom .solulis .solum .vod .vt{width:100%;color:#333;font-weight:700;line-height:1.5;height:3em;margin-bottom:.15rem}
.producom .solulis .solum .vod .vt p{font-weight:700;line-height:1.5}
.producom .solulis .solum .vod .vm{width:100%;color:#666;line-height:1.5;height:4.5em}
.producom .solulis .solum:nth-child(3n){margin-right:0}
.producom .solulis .solum:hover{transition:all ease .5s;box-shadow:0 10px 40px 0 rgba(0,32,64,.1)}
.producom .solulis .solum:hover .imgs .img{transform:scale(1.1)}
.producom .solulis .solum:hover .vod{width:100%;background-color:#fff;transition:all ease .5s;border-bottom:solid .05rem #58c747}
.producom .solulis .solum:hover .vod .vt{color:#58c747}
.producom .solulis .solum:hover .vod .vt p{color:#58c747}
.producom .seromd{width:100%;padding-bottom:.2rem;border-bottom:solid 1px #ddd;margin-bottom:.3rem}
.producom .seromd form{width:100%;display:block;font-size:0}
.producom .seromd .inpt{display:inline-block;vertical-align:top;margin-right:calc(9 / 1520 * 100%);margin-bottom:.1rem;width:calc(440 / 1520 * 100%)}
.producom .seromd .inpt .select-con{width:100%;display:inline-block;vertical-align:middle;position:relative;font-size:0;background-color:#fff;border:solid 1px #999;padding:0 .4rem 0 .2rem;overflow:hidden}
.producom .seromd .inpt .select-con .select-value{display:inline-block;vertical-align:middle;width:100%;line-height:3.2;height:3.2em;color:#333}
.producom .seromd .inpt .select-con select{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;opacity:0}
.producom .seromd .inpt .select-con select option{color:#666;font-size:calc(12px - .12rem + .14rem);line-height:2.8;background:#fff}
.producom .seromd .inpt .select-con:after{display:inline-block;content:"";position:absolute;right:.2rem;top:50%;transform:translateY(-50%);z-index:1;width:12px;height:6px;background-image:url(/static/home/images/x1.png);background-size:100% 100%}
.producom .seromd .sub{display:inline-block;vertical-align:top;width:calc((170 / 1520) * 100%);text-align:center;height:3.2em;line-height:3.2;color:#fff;position:relative;background-color:#002040;overflow:hidden;padding:0 .2rem}
.producom .seromd .sub span{display:inline-block;vertical-align:middle;width:19px;margin-right:.1rem;position:relative;top:-.02rem}
.producom .seromd .sub span img{width:100%;display:block}
.producom .seromd .sub input{position:absolute;top:0;left:0;width:100%;height:100%;display:block;opacity:0;cursor:pointer}
.protem{width:100%;padding:.7rem 0}
.protem .potem{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:row-reverse}
.protem .potem .pol{display:inline-block;vertical-align:middle;width:calc((760 / 1520 * 100%))}
.protem .potem .pol .elper{width:100%;position:relative;box-sizing:border-box}
.protem .potem .pol .elper .swiper-slide{width:100%;transition:all ease .5s;cursor:pointer;height:auto}
.protem .potem .pol .elper .swiper-slide .img{width:100%;padding-top:75%}
.protem .potem .pol .elper .swiper-slide.on{box-shadow:0 15px 40px 0 rgba(0,32,64,.3)}
.protem .potem .pol .elper .btn{position:absolute;top:50%;transform:translateY(-50%);width:.4rem;height:.4rem;margin:0 auto 0;cursor:pointer;z-index:5;background-color:rgba(0,32,64,.5)}
.protem .potem .pol .elper .btn img{width:100%;display:block}
.protem .potem .pol .elper .btn:hover{background-color:rgba(88,199,71,.8)}
.protem .potem .pol .elper .bl{left:0}
.protem .potem .pol .elper .br{right:0}
.protem .potem .pol .erper{width:100%;display:block;margin-bottom:.2rem}
.protem .potem .pol .erper .swiper-slide{width:100%}
.protem .potem .pol .erper .swiper-slide .img{width:100%;padding-top:75%}
.protem .potem .por{width:calc((660 / 1520 * 100%));display:inline-block;vertical-align:middle;display:flex;flex-wrap:wrap}
.protem .potem .por .piu{width:100%;color:#333;font-weight:700;line-height:1.3;margin-bottom:.3rem}
.protem .potem .por .pom{width:100%}
.protem .potem .por .pom .pp{width:100%;color:#333;line-height:1.5}
.protem .potem .por .pom .line{width:100%;height:1px;background-color:#999;margin:.15rem 0}
.protem .potem .por .pom .pinp{width:100%;color:#666;line-height:1.6}
.protem .potem .por .pom .pinp p{color:#666;line-height:1.6}
.protem .potem .por .vomlis{width:100%;margin-top:.2rem}
.protem .potem .por .vomlis .vli{width:100%;display:flex;flex-wrap:wrap;padding:.02rem 0}
.protem .potem .por .vomlis .vli .dm{display:inline-block;vertical-align:top;color:#333;line-height:1.5;font-weight:700;margin-right:.05rem}
.protem .potem .por .vomlis .vli .pm{flex:1;display:inline-block;vertical-align:top;color:#666;line-height:1.5}
.protem .potem .por .numbers{width:100%;font-size:0;margin:.2rem 0}
.protem .potem .por .numbers span{display:inline-block;vertical-align:middle;color:#333;line-height:2.2}
.protem .potem .por .numbers .cum{display:inline-block;vertical-align:middle;font-size:0;margin-left:.2rem}
.protem .potem .por .numbers .cum .ctn{display:inline-block;vertical-align:middle;width:.4rem;height:.4rem;cursor:pointer;width:2.2em;height:2.2em;line-height:2.2em;border:solid 1px #313131}
.protem .potem .por .numbers .cum .ctn img{width:100%;display:block}
.protem .potem .por .numbers .cum .counx{display:inline-block;vertical-align:middle;width:66px;margin:0 .1rem}
.protem .potem .por .numbers .cum .counx input{width:100%;height:.4rem;line-height:.4rem;height:2.2em;line-height:2.2em;text-align:center;display:block;background-color:#fff;border:solid 1px #313131;color:#222}
.protem .potem .por .vot{width:100%;font-size:0;margin-top:.2rem}
.protem .potem .por .vot .pas{display:inline-block;vertical-align:middle;background-color:#58c747;color:#fff;line-height:3;padding:0 .5rem}
.protem .potem .por .vot .vas{display:inline-block;vertical-align:middle;color:#fff;line-height:3;text-align:center;background-color:#58c747;margin-left:.3rem;padding:0 .3rem}
.protem .potem .por .vot .vas span{display:inline-block;vertical-align:middle;position:relative;top:-.02rem;width:21px;margin-right:.06rem}
.protem .potem .por .vot .vas span img{width:100%;display:block}
.protem .pemes{width:100%;margin-top:.5rem}
.protem .pemes .pit{width:100%;background-color:#f4f6f8;padding:.15rem .3rem;margin-bottom:.2rem}
.protem .pemes .pit span{display:inline-block;vertical-align:middle;color:#333;line-height:1.5}
.protem .pemes .pinp{width:100%;color:#666;line-height:1.6}
.protem .pemes .pinp p{color:#666;line-height:1.6}
.protem .pemes .pinp img{max-width:100%}
.protem .relateds{width:100%;padding-top:.5rem}
.protem .relateds .pit{width:100%;background-color:#f4f6f8;padding:.15rem .3rem;margin-bottom:.2rem}
.protem .relateds .pit span{display:inline-block;vertical-align:middle;color:#333;line-height:1.5}
.protem .relateds .recomper{width:100%;position:relative}
.protem .relateds .recomper .swiper-slide{width:100%;display:inline-block;vertical-align:top;position:relative}
.protem .relateds .recomper .swiper-slide a{width:100%;display:block}
.protem .relateds .recomper .swiper-slide .imgs{width:100%;position:relative;overflow:hidden}
.protem .relateds .recomper .swiper-slide .imgs .img{width:100%;padding-top:75%;transition:all ease .5s}
.protem .relateds .recomper .swiper-slide .vom{position:absolute;bottom:0;width:calc(100% - .6rem);background-color:#fff;right:0;padding:.25rem .65rem .25rem .3rem;box-shadow:0 0 30px 0 rgba(0,0,0,.1)}
.protem .relateds .recomper .swiper-slide .vom .xim{width:100%;color:#333;font-weight:700;line-height:1.5;height:3em}
.protem .relateds .recomper .swiper-slide .vom .add{position:absolute;right:0;bottom:0;background-color:#002040;line-height:.5rem;width:.5rem;height:.5rem;z-index:2;font-weight:lighter;color:#fff;text-align:center}
.protem .relateds .recomper .swiper-slide:hover .imgs .img{transform:scale(1.1)}
.protem .relateds .recomper .swiper-slide:hover .vom{background-color:#58c747}
.protem .relateds .recomper .swiper-slide:hover .vom .xim{color:#fff}
.protem .relateds .recomper .swiper-slide:hover .vom .add{background-color:#fff;color:#58c747}
.protem .relateds .recomper .btn{display:inline-block;vertical-align:middle;width:.6rem;height:.6rem;cursor:pointer;top:calc(50% - .2rem);transform:translateY(-50%);position:absolute;z-index:5;background-color:#f3f5f8;border-radius:50%}
.protem .relateds .recomper .btn img{width:100%;display:block}
.protem .relateds .recomper .btn img:first-child{display:block}
.protem .relateds .recomper .btn img:last-child{display:none}
.protem .relateds .recomper .btn:hover{background-color:#58c747}
.protem .relateds .recomper .btn:hover img:first-child{display:none}
.protem .relateds .recomper .btn:hover img:last-child{display:block}
.protem .relateds .recomper .bl{left:-.8rem}
.protem .relateds .recomper .br{right:-.8rem}
@media (max-width:1540px){.protem .relateds .recomper .bl{left:-.2rem}
.protem .relateds .recomper .br{right:-.2rem}
}
/* w3011 产品 end */