
/* 产品列表 */
.md36650.n-main{width: 100%;padding: 0 0 .8rem; background-color: #f7f7fa;}
.md36650.n-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md36650.n-main .layout{width: 14rem;max-width: 92%;margin: 0 auto;}
.md36650.n-main input::-webkit-input-placeholder,
.md36650.n-main textarea::-webkit-input-placeholder{color: #999999;}
.md36650.n-main input:-moz-placeholder,
.md36650.n-main textarea:-moz-placeholder{color: #999999;}
.md36650.n-main input::-moz-placeholder,
.md36650.n-main textarea::-moz-placeholder{color: #999999;}
.md36650.n-main input:-ms-input-placeholder,
.md36650.n-main textarea:-ms-input-placeholder{color: #999999;}
.md36650.n-main .n-cont{width: 100%;padding-top: .3rem;}
.md36650.n-main .n-top{width: 100%;display: flex;align-items: center;flex-wrap: wrap;} 
.md36650.n-main .n-lt{font-size: 0;margin-bottom: .2rem;}
.md36650.n-main .n-search{display: block;position: relative;width: 5rem;padding-right: .8rem; background-color: #ffffff;}
.md36650.n-main .n-input{width: 100%;border: none;background-color: transparent;padding-left: .2rem;height: .6rem;color: #333;}
.md36650.n-main .n-submit{position: absolute;top: 0;right: 0;display: block;cursor: pointer;border: none;background-color: transparent; width: .8rem;height: 100%;background-image: url('../images/wa1.png');background-size: .19rem auto;background-position: center center;background-repeat: no-repeat;}
.md36650.n-main .n-rt{flex: 1;text-align: right;}
.md36650.n-main .n-nub{margin-bottom: .2rem;color: #999999;line-height: 1.7;}
.md36650.n-main .n-nub span{color: var(--theme);}
.md36650.n-main .n-bottom{width: 100%;}
.md36650.n-main .n-tr{width: 100%;display: flex;align-items: center;background-color: var(--theme);}
.md36650.n-main .n-th{padding:.17rem .05rem;color: #ffffff;line-height: 1.6;text-align: center;}
.md36650.n-main .n-th:nth-child(1){flex: 1;text-align: left;padding-left: 1.4rem;}
.md36650.n-main .n-th:nth-child(2){width: 12.85%;}
.md36650.n-main .n-th:nth-child(3){width: 12.85%;}
.md36650.n-main .n-th:nth-child(4){width: 12.85%;}
.md36650.n-main .n-th:nth-child(5){width: 15.71%;}
.md36650.n-main .n-th:nth-child(6){width: 21.42%;}
.md36650.n-main .n-list{width: 100%;padding-bottom: .3rem;}
.md36650.n-main .n-item{width: 100%;display: flex;align-items: center;border-bottom: 1px solid #eaeaea;background-color: #ffffff;}
.md36650.n-main .n-td{padding:.2rem .05rem;color: #666666;line-height: 1.7;text-align: center;}
.md36650.n-main .n-td:nth-child(1){flex: 1;text-align: left;padding-left: .2rem;}
.md36650.n-main .n-td:nth-child(2){width: 12.85%;}
.md36650.n-main .n-td:nth-child(3){width: 12.85%;}
.md36650.n-main .n-td:nth-child(4){width: 12.85%;}
.md36650.n-main .n-td:nth-child(5){width: 15.71%;}
.md36650.n-main .n-td:nth-child(6){width: 21.42%;}
.md36650.n-main .n-intro{width: 100%;color: #666666;line-height: 1.7;}
.md36650.n-main .n-product{display: flex;align-items: center;width: 100%;cursor: pointer;}
.md36650.n-main .n-product_img{width: .8rem;border: solid 1px #f1f1f1;overflow: hidden;}
.md36650.n-main .n-product_img img{width: 100%;height: .8rem;object-fit: contain;transform: scale(1.00);transition: all ease .5s;}
.md36650.n-main .n-product_text{flex: 1;padding-left: .2rem;}
.md36650.n-main .n-product_name{transition: all  .3s;width: 100%;color: #333333;line-height: 1.7;}
.md36650.n-main .n-product:hover .n-product_img img{transform: scale(1.05);}
.md36650.n-main .n-product:hover .n-product_name{color: var(--theme);}
.md36650.n-main .n-preview{transition: all  .3s; display: inline-block;vertical-align: middle;cursor: pointer;margin: .05rem .1rem;color: #666666;line-height: 1.4;}
.md36650.n-main .n-preview img{width: 1.5em;margin-right: .08rem;}
.md36650.n-main .n-preview:hover{color: var(--theme);}
.md36650.n-main .n-download{transition: all  .3s; display: inline-block;vertical-align: middle;cursor: pointer;margin: .05rem .1rem;color: #666666;line-height: 1.4;}
.md36650.n-main .n-download img{width: 1.2em;margin-right: .08rem;}
.md36650.n-main .n-download:hover{color: var(--theme);}
.md36650.n-main .n-enquiry{transition: all  .3s; display: inline-block;vertical-align: middle;cursor: pointer;margin: .05rem;min-width: 1rem;padding:.08rem .15rem;text-align: center;line-height: 1.7; color: var(--active);border: solid 1px var(--active);}
.md36650.n-main .n-enquiry:hover{color: #fff;background-color: var(--active);}
.md36650.n-main .n-apply{transition: all  .3s; display: inline-block;vertical-align: middle;cursor: pointer;margin: .05rem;min-width: 1rem;padding:.08rem .15rem;text-align: center;line-height: 1.7; color: var(--theme);border: solid 1px var(--theme);}
.md36650.n-main .n-apply:hover{color: #fff;background-color: var(--theme);}

.md36650.n-main .na-main{width: 100%;}
.md36650.n-main .na-top{width: 100%;padding: .05rem .3rem;background-color: #ffffff;}
.md36650.n-main .na-one{width: 100%;padding-top: .25rem;padding-bottom: .15rem;display: flex;flex-wrap: wrap;}
.md36650.n-main .na-one_item{transition: all  .3s;display: inline-block;vertical-align: middle;cursor: pointer;margin-right: .1rem;margin-bottom: .1rem;padding: .09rem .2rem;color: #333333;line-height: 1.6;border-radius:calc(.09rem + .8em);}
.md36650.n-main .na-one_item:hover{color: var(--theme);}
.md36650.n-main .na-one_item.active{color: #fff;background-color: var(--theme);}
.md36650.n-main .na-two{width: 100%;padding-top: .25rem;padding-bottom: .15rem;border-top: 1px solid #f1f1f1;}
.md36650.n-main .na-hide{width: 100%;display: flex;align-items: flex-start;}
.md36650.n-main .na-classifybox{flex: 1;display: flex;align-items: center;flex-wrap: wrap;}
.md36650.n-main .na-classify{transition: all  .3s;display: inline-block;vertical-align: middle;cursor: pointer;margin-right: .1rem;margin-bottom: .1rem;padding: 0 .2rem;color: #333333;line-height: 2;border-radius:1em;}
.md36650.n-main .na-classify:hover{color: var(--theme);}
.md36650.n-main .na-classify.active{color: var(--theme);background-color: #e7eefa;}
.md36650.n-main .na-buttom{opacity: 0;visibility: hidden;display: flex;align-items: center;cursor: pointer;margin-bottom: .1rem;padding: 0 .1rem;min-height: 2em; background-color: #f7f7fa;}
.md36650.n-main .na-buttom_text1{display: block;color: #000000;line-height: 1;}
.md36650.n-main .na-buttom_text2{display: none;color: #000000;line-height: 1;}
.md36650.n-main .na-buttom svg{transform: rotate(0);transition: all .3s;margin-left: .07rem;width: .71em;color: #000;}
.md36650.n-main .na-two.hide .na-hide{height: calc(2em + .1rem);overflow: hidden;}
.md36650.n-main .na-two.hide .na-buttom{opacity: 1;visibility: visible;}
.md36650.n-main .na-two.show .na-hide{height: auto;}
.md36650.n-main .na-two.show .na-buttom_text1{display: none;}
.md36650.n-main .na-two.show .na-buttom_text2{display: block;}
.md36650.n-main .na-two.show svg{transform: rotate(-180deg);}

.md36650.n-main .na-bottom{width: 100%;padding-top: .2rem;display: flex;flex-wrap: wrap;align-items: center;}
.md36650.n-main .na-selectbox{display: flex;align-items: center;flex-wrap: wrap;padding-right: .1rem;}
.md36650.n-main .na-select{margin: .1rem .1rem 0 0; padding:.05rem 0 .05rem.1rem;display: flex;align-items: center;border: solid 1px #eaeaea;}
.md36650.n-main .na-select_text{flex: 1;color: var(--theme);line-height: 1.57;}
.md36650.n-main .na-select_del{display: block;cursor: pointer;padding: 0 .1rem;}
.md36650.n-main .na-select_del svg{width: .57em;color: #666666;}
.md36650.n-main .na-select_del:hover svg{color: var(--theme);}
.md36650.n-main .na-empty{display: block;cursor: pointer;margin-top: .1rem;color: var(--theme);line-height: 1.7;}
.md36650.n-main .na-empty svg{display: inline-block;vertical-align: middle;margin-right: .07rem;width: 1.07em;color: var(--theme);}
@media (max-width: 750px) { 
   .md36650.n-main .n-lt{width: 100%;}
   .md36650.n-main .n-search{width: 100%;}
   .md36650.n-main .n-rt{width: 100%;text-align: left;}
   .md36650.n-main .n-bottom{overflow: auto;}
   .md36650.n-main .n-tr{min-width: 12rem;}
   .md36650.n-main .n-list{min-width: 12rem;}
   .md36650.n-main .n-enquiry{min-width: 2rem;}
   .md36650.n-main .n-apply{min-width: 2rem;}
}

/* 分页 */
.paging{width: 100%;text-align: center;font-size: 0;}
.paging-item{transition: all .3s;display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem .05rem;min-width: 3.12em;height: 3.12em;line-height: 3.12em;color: #333333; background-color: #ffffff;}
.paging-item:hover{color: #fff;background-color: var(--theme);}
.paging-item.active{color: #fff;background-color: var(--theme);}
.paging-up{transition: all .3s;display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem .05rem;min-width: 3.12em;height: 3.12em;color: transparent;background-color: #ffffff;background-image: url('/static/home/images/wa4.png');background-size: .5em auto;background-position: center center;background-repeat: no-repeat;}
.paging-up:hover{background-image: url('/static/home/images/wa4-b.png');background-color: var(--theme);}
.paging-next{transform: rotate(-180deg);transition: all .3s;display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem .05rem;min-width: 3.12em;height: 3.12em;color: transparent;background-color: #ffffff;background-image: url('/static/home/images/wa4.png');background-size: .5em auto;background-position: center center;background-repeat: no-repeat;}
.paging-next:hover{background-image: url('/static/home/images/wa4-b.png');background-color: var(--theme);}

@media (max-width: 500px) {
   .paging-item{min-width: 2.6em;height: 2.6em;line-height: 2.6em;}
   .paging-up{min-width: 2.6em;height: 2.6em;}
   .paging-next{min-width: 2.6em;height: 2.6em;}
}
