.bg-contain{background-position:center;background-repeat:no-repeat;background-size:contain;}
.c-pic{overflow:hidden;}
.c-pic .img{-webkit-transition:all .35s;-o-transition:all .35s;transition:all .35s;}
.c-pic .img img{display:none;}
.c-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.md-prod-1{background:#f8f8f8;padding-top:.9rem;padding-bottom:.4rem;}
.md-prod-1 .hd{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
 
.md-prod-1 .bd{margin-top:.51rem;}
.md-prod-1 .prod{display:block;float:left;margin-bottom:.6rem;background:#fff; padding: 2em;}
.md-prod-1 .prod .text{padding:.94rem .6rem .6rem;}
.md-prod-1 .prod .name{margin-top:.04rem;}
.md-prod-1 .prod .desc{line-height:1.875;margin-top:0.35rem;}
 
.md-prod-1 .prod:nth-of-type(5n+1),.md-prod-1 .prod:nth-of-type(5n+2){display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;}
.md-prod-1 .prod:nth-of-type(5n+1) .c-pic,.md-prod-1 .prod:nth-of-type(5n+2) .c-pic{width:calc(960 / 1520 * 100%);}
.md-prod-1 .prod:nth-of-type(5n+1) .img,.md-prod-1 .prod:nth-of-type(5n+2) .img{padding-top:calc(540 / 960 * 100%);min-height:100%;}
.md-prod-1 .prod:nth-of-type(5n+1) .text,.md-prod-1 .prod:nth-of-type(5n+2) .text{-webkit-box-flex:1;-ms-flex:1;flex:1;}
 
@media (max-width: 700px){
.md-prod-1 .prod:nth-of-type(5n+1),.md-prod-1 .prod:nth-of-type(5n+2){display:block;}
.md-prod-1 .prod:nth-of-type(5n+1) .c-pic,.md-prod-1 .prod:nth-of-type(5n+2) .c-pic{width:100%;}
.md-prod-1 .prod:nth-of-type(5n+1) .text,.md-prod-1 .prod:nth-of-type(5n+2) .text{padding:6%;}
}
.md-prod-1 .prod:nth-of-type(5n+1) .c-pic{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;}
.md-prod-1 .prod:nth-of-type(5n+1) .text{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;}
.md-prod-1 .prod:nth-of-type(5n+3){width:calc(730 / 1520 * 100%);margin-right:calc(60 / 1520 * 100%);}
.md-prod-1 .prod:nth-of-type(5n+3) .img{padding-top:calc(470 / 730 * 100%);}
.md-prod-1 .prod:nth-of-type(5n+3) .text{padding-top:.8rem;padding-bottom:.39rem;}
.md-prod-1 .prod:nth-of-type(5n+3) .desc{margin-top:.25rem;}
 
@media (max-width: 700px){
.md-prod-1 .prod:nth-of-type(5n+3){width:100%;margin-right:0;}
.md-prod-1 .prod:nth-of-type(5n+3) .text{padding:6%;}
}
.md-prod-1 .prod:nth-of-type(5n+4),.md-prod-1 .prod:nth-of-type(5n+5){width:calc(730 / 1520 * 100%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.md-prod-1 .prod:nth-of-type(5n+4) .c-pic,.md-prod-1 .prod:nth-of-type(5n+5) .c-pic{width:calc(410 / 730 * 100%);}
.md-prod-1 .prod:nth-of-type(5n+4) .img,.md-prod-1 .prod:nth-of-type(5n+5) .img{padding-top:100%;}
.md-prod-1 .prod:nth-of-type(5n+4) .text,.md-prod-1 .prod:nth-of-type(5n+5) .text{padding-bottom:.2rem;padding-top:0.8rem;padding-left:0.59rem;padding-right:0;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;}
.md-prod-1 .prod:nth-of-type(5n+4) .desc,.md-prod-1 .prod:nth-of-type(5n+5) .desc{margin-top:.25rem;}
 
@media (max-width: 700px){
.md-prod-1 .prod:nth-of-type(5n+4),.md-prod-1 .prod:nth-of-type(5n+5){width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.md-prod-1 .prod:nth-of-type(5n+4) .c-pic,.md-prod-1 .prod:nth-of-type(5n+5) .c-pic{width:50%;}
.md-prod-1 .prod:nth-of-type(5n+4) .text,.md-prod-1 .prod:nth-of-type(5n+5) .text{padding:4%;padding-right:1%;}
}
.md-prod-1 .c-pagination{margin-top:0.2rem;}
.md-prod-pop{position:fixed;left:0;top:0;z-index:20;width:100%;height:100%;visibility:hidden;}
.md-prod-pop .mask{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;background:rgba(0, 0, 0, 0.5);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.md-prod-pop .main{position:absolute;right:0;top:0;width:3.9rem;min-width:300px;height:100%;background:#fff url(https://www.mentech.com/static/home/images/bg5.jpg) no-repeat center bottom/100% auto;padding-left:.6rem;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.md-prod-pop .main .hd{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;height:1.6rem;border-bottom:1px solid #e5e5e5;padding-right:0.3rem;padding-bottom:.24rem;}
.md-prod-pop .main .hd-cnt{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.md-prod-pop .main .hd .close{width:0.14rem;min-width:14px;height:0.14rem;min-height:14px;background:url(https://www.mentech.com/static/home/images/close.png) no-repeat center/contain;cursor:pointer;}
.md-prod-pop .main .bd{height:calc(100% - 1.6rem - 1.56rem);padding-top:0.37rem;padding-bottom:.3rem;overflow-y:auto;}
.md-prod-pop .main .foot{height:1.56rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
 
.md-prod-pop .main .cate{margin-bottom:.17rem;}
.md-prod-pop .main .cate-tit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.md-prod-pop .main .cate-tit:before{content:'';width:0.17rem;min-width:15px;height:0.17rem;min-height:15px;background:url(https://www.mentech.com/static/home/images/radio.png) no-repeat center/contain;margin-right:.08rem;}
.md-prod-pop .main .cate-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:0.26rem;}
.md-prod-pop .main .cate-opt{width:calc(130 / 330 * 100%);margin-right:calc(20 / 330 * 100%);margin-bottom:.2rem;cursor:pointer;}
.md-prod-pop .main .cate-opt .text{border:solid 0.01rem #e5e5e5;height:.4rem;min-height:40px;border-radius:0.05rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#666;}
.md-prod-pop .main .cate-opt input:checked + .text{border-color:#0049ce;color:#0049ce;}
.md-prod-pop .main .cate-opt input:checked + .text:before{content:'';width:.13rem;height:0.13rem;min-width:10px;min-height:10px;background:url(https://www.mentech.com/static/home/images/radio.png) no-repeat center/contain;margin-right:.1rem;}
@media (max-width: 1920px){
.md-prod-pop .main .cate-opt .text{border-radius:5px;}
}
@media (max-width: 900px){
.md-prod-pop .main .cate-opt{width:45%;margin-right:5%;}
}