/* 产品 */
.md21081.md-product{width: 100%;padding: 1rem 0 .9rem;background-color: #f7f7f7;}
.md21081.md-product img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md21081.md-product .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md21081.md-product input::-webkit-input-placeholder,
.md21081.md-product textarea::-webkit-input-placeholder{color: #666;}
.md21081.md-product input:-moz-placeholder,
.md21081.md-product textarea:-moz-placeholder{color: #666;}
.md21081.md-product input::-moz-placeholder,
.md21081.md-product textarea::-moz-placeholder{color: #666;}
.md21081.md-product input:-ms-input-placeholder,
.md21081.md-product textarea:-ms-input-placeholder{color: #666;}
.md21081.md-product .we-cont{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.md21081.md-product .we-left{width: 3rem;}
.md21081.md-product .we-form{position: sticky;top: 1.85rem;left: 0;}
.md21081.md-product .we-search{display: flex;align-items: center;width: 100%;margin-bottom: .1rem;background-color: #ffffff;}
.md21081.md-product .we-inputbox{flex: 1;}
.md21081.md-product .we-input{display: block;width: 100%;border: none;color: #333;padding-left: .25rem;height: .55rem;}
.md21081.md-product .we-submit{display: block;cursor: pointer;border: none;background-color: transparent;width: .65rem;height: .55rem;background-image: url('../images/a42.png');background-size: .16rem auto;background-position: center center;background-repeat: no-repeat;}
.md21081.md-product .we-resetbox{width: 100%;}
.md21081.md-product .we-reset{transition: all  .3s; display: block;cursor: pointer;width: 100%;text-align: center;line-height: .55rem;color: #ffffff;background-color: #acacac;}
.md21081.md-product .we-reset:hover{background-color: var(--theme);}
.md21081.md-product .we-navbox{width: 100%;}
.md21081.md-product .we-nav{display: block;width: 100%;margin-bottom: .1rem;background-color: #ffffff;}
.md21081.md-product .we-onebox{display: block;cursor: pointer;padding: .15rem calc(1em + .25rem) .15rem .25rem; width: 100%;position: relative;}
.md21081.md-product .we-onebox:after{display: none;transform: rotate(0);transition: all .3s;content: '';position: absolute;top: 0;right: .25rem;width: .75em;height: 100%;background-image: url('../images/a43.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.md21081.md-product .we-one{display: inline-block;color: #111111;line-height: 1.6;}
.md21081.md-product .we-one:hover{color: var(--active);}
.md21081.md-product .we-twobox{display: none;width: 100%;padding: .05rem .25rem 1px;}
.md21081.md-product .we-two{display: block;cursor: pointer;position: relative;margin-bottom: .15rem;padding-left: calc(1.38em + .1rem); width: 100%;color: #666666;line-height: 1.76;}
.md21081.md-product .we-two:before{content: '';position: absolute;top: calc(.19em - 1px);left: 0;width: 1.38em;height: 1.38em;border: solid 1px rgba(0,0,0,.1);background-size: cover;background-position: center center;background-repeat: no-repeat;}
.md21081.md-product .we-two:hover{color: var(--active);}
.md21081.md-product .we-two.active{color: var(--active);}
.md21081.md-product .we-two.active:before{background-image: url('../images/a44.png');background-color: var(--active);border: solid 1px var(--active);}
.md21081.md-product .we-nav.has-two .we-onebox:after{display: block;}
.md21081.md-product .we-nav.has-two.show .we-onebox:after{transform: rotate(-180deg);}

.md21081.md-product .we-right{width: calc(100% - 3.5rem);}
.md21081.md-product .we-box{width: 100%;display: flex;align-items: center;flex-wrap: wrap; padding-bottom: .1rem;margin-bottom: .3rem;border-bottom: 1px solid rgba(0,0,0,.08);}
.md21081.md-product .we-selectbox{display: block;font-size: 0;padding-right: .25rem;}
.md21081.md-product .we-select{display: inline-block;vertical-align: middle;margin-right: .3rem;margin-bottom: .15rem;}
.md21081.md-product .we-tip{display: inline-block;vertical-align: middle;margin-right: .1rem;color: #999999;line-height: 1.7;}
.md21081.md-product .we-del{display: inline-block;vertical-align: middle;cursor: pointer;width: 1.42em;height: 1.7em;background-size: .71em auto;background-image: url('../images/a77.png');background-position: center center;background-repeat: no-repeat;}
.md21081.md-product .we-del:hover{background-image: url('../images/a77-b.png');}
.md21081.md-product .we-reset2{display: block;cursor: pointer;margin-bottom: .15rem;color: #000000;line-height: 1.7;}
.md21081.md-product .we-reset2:before{content: '';display: inline-block;vertical-align: middle;margin-right: .1rem;width: 1.28em;height: 1.6em;background-image: url('../images/a78.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.md21081.md-product .we-reset2:hover{color: var(--theme);}

.md21081.md-product .we-top{width: 100%;padding-bottom: .3rem;}
.md21081.md-product .we-titles{width: 100%;color: #111111;font-weight: bold;line-height: 1.38;}
.md21081.md-product .we-synopsis{width: 100%;padding-top: .1rem;color: #666666;line-height: 1.7;}
.md21081.md-product .we-classifybox{width: 100%;}
.md21081.md-product .we-classify{width: 100%;}
.md21081.md-product .we-classify_name{width: 100%;margin-bottom: .15rem; color: #111111;font-weight: bold;line-height: 1.5;}
.md21081.md-product .we-bottom{width: 100%;padding-bottom: .2rem;display: flex;flex-wrap: wrap;}
.md21081.md-product .we-item{position: relative;display: flex;flex-wrap: wrap;align-content: space-between;cursor: pointer;padding: .3rem .3rem .6rem; width: 23.76%;margin-right: 1.65%;margin-bottom: .2rem;background-color: #ffffff;border: solid 1px #eeeeee;}
.md21081.md-product .we-item:nth-child(4n){margin-right: 0;}
.md21081.md-product .we-bg{opacity: 0;z-index: 3;transition: all .3s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.md21081.md-product .we-text{position: relative;z-index: 8;width: 100%;margin-bottom: .4rem;}
.md21081.md-product .we-name{transition: all  .3s;width: 100%;margin-bottom: .08rem;color: var(--theme);font-weight: bold;line-height: 1.5;}
.md21081.md-product .we-intro{transition: all  .3s;width: 100%;color: #666666;line-height: 1.7;word-break: break-all;}
.md21081.md-product .we-intro *{line-height: inherit;}
.md21081.md-product .we-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(160/240*100%);}
.md21081.md-product .we-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;transform: scale(1.00);transition: all ease .5s;}
.md21081.md-product .we-item:hover{background-color: #000;}
.md21081.md-product .we-item:hover .we-bg{opacity: 1;}
.md21081.md-product .we-item:hover .we-name{color: #fff;}
.md21081.md-product .we-item:hover .we-intro{color: #fff;}
.md21081.md-product .we-item:hover .we-img{opacity: 0;}

.md21081.md-product .we-menu{display: none;position: fixed;top: 30%;left: .1rem;z-index: 18;width: .7rem;height: .7rem;border-radius: 50%;background-color: var(--theme);}
.md21081.md-product .we-menu:before{animation: md21081we_opacity 2s  infinite;content: '';position: absolute;top: 0;left: -.1rem;width: 100%;height: 100%;background-image: url('../images/a1-b.png');background-size: .15rem auto;background-position: center center;background-repeat: no-repeat;}
.md21081.md-product .we-menu:after{animation: md21081we_opacity 2s 1s infinite;content: '';position: absolute;top: 0;left: .1rem;width: 100%;height: 100%;background-image: url('../images/a1-b.png');background-size: .15rem auto;background-position: center center;background-repeat: no-repeat;}
.md21081.md-product .we-opa {display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 388;cursor: pointer;}
@keyframes md21081we_opacity {
  0%{
      opacity: 0; 
   }
  100%{
      opacity: 1;  
  } 
}
@media (max-width: 1150px) {
  .md21081.md-product .we-item{width: 32.23%;}
  .md21081.md-product .we-item:nth-child(4n){margin-right: 1.65%;}
  .md21081.md-product .we-item:nth-child(3n){margin-right: 0;}
}
@media (max-width: 750px) { 
  .md21081.md-product .we-right{width: 100%;}
  .md21081.md-product .we-item{width: calc(50% - .15rem);margin-right: .3rem !important;} 
  .md21081.md-product .we-item:nth-child(2n){margin-right: 0 !important;}

  .md21081.md-product .we-left{position: fixed;left: auto;left: 0;top: 0;width: 260px;height: 100vh;text-align: left;margin: 0;padding: 10px;background-color: #f7f7f7;overflow: auto;z-index: 1000;transform: translate(-110%, 0);transition: transform .3s;}
  .md21081.md-product .we-form{position: static;top: 0;}
  .md21081.md-product .we-menu {display: block;}
  .md21081.md-product.menu-state .we-left{transform: translate(0, 0);}
  .md21081.md-product.menu-state .we-opa {display: block;}  
}