
/* 产品 */
.md26797.u-main{width: 100%;padding: .2rem 0 0;position: relative;}
.md26797.u-main .my-id{position: absolute;top: -.9rem;}
.md26797.u-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md26797.u-main .layout{width: 14.4rem;max-width: 92%;margin: 0 auto;}
.md26797.u-main input::-webkit-input-placeholder,
.md26797.u-main textarea::-webkit-input-placeholder{color: #999999;}
.md26797.u-main input:-moz-placeholder,
.md26797.u-main textarea:-moz-placeholder{color: #999999;}
.md26797.u-main input::-moz-placeholder,
.md26797.u-main textarea::-moz-placeholder{color: #999999;}
.md26797.u-main input:-ms-input-placeholder,
.md26797.u-main textarea:-ms-input-placeholder{color: #999999;}
.md26797.u-main .u-cont{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.md26797.u-main .u-left{width: 3.85rem;}
.md26797.u-main .u-form{width: 100%;}
.md26797.u-main .u-search{display: flex;align-items: center;width: 100%;margin-bottom: .35rem;background-color: #f5f5f5;}
.md26797.u-main .u-inputbox{flex: 1;}
.md26797.u-main .u-input{display: block;width: 100%;border: none;background-color: transparent;color: #333;padding-left: .3rem;height: .5rem;}
.md26797.u-main .u-submit{display: block;cursor: pointer;border: none;background-color: transparent;width: .6rem;height: .5rem;background-image: url('../images/a35.png');background-size: .19rem auto;background-position: center center;background-repeat: no-repeat;}
.md26797.u-main .u-navbox{width: 100%;}
.md26797.u-main .u-nav{display: block;width: 100%;margin-bottom: .15rem;background-color: #ffffff;}
.md26797.u-main .u-onebox{display: block;cursor: pointer;padding: .12rem calc(1em + .25rem) .12rem 0;width: 100%;position: relative;}
.md26797.u-main .u-buttom{display: none;transform: rotate(0);transition: all .3s;content: '';position: absolute;top: 0;right: 0;width: .77em;height: 100%;align-items: center;}
.md26797.u-main .u-buttom svg{width: 100%;color: #333333;}
.md26797.u-main .u-one{font-family: 'Poppins-Medium', sans-serif;display: inline-block;color: #333333;line-height: 1.11;}
.md26797.u-main .u-one:hover{color: var(--theme);}

.md26797.u-main .u-twobox{display: none;width: 100%;padding: .2rem  0 .15rem;}
.md26797.u-main .u-two{display: block;cursor: pointer;position: relative;margin-bottom: .15rem;padding-left: calc(.93em + .2rem); width: 100%;color: #333333;line-height: 1.6;}
.md26797.u-main .u-two:before{content: '';position: absolute;top: 0;left: 0;width: .93em;height: 1.6em;background-image: url('../images/a36.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.md26797.u-main .u-two:hover{color: var(--theme);} 
.md26797.u-main .u-two.active:before{background-image: url('../images/a36-b.png');}

.md26797.u-main .u-nav.has-two .u-buttom{display: flex;}
.md26797.u-main .u-nav.has-two.show .u-buttom{transform: rotate(-180deg);}

.md26797.u-main .u-right{width: calc(100% - 4.4rem);border-left: 1px solid #eeeeee;padding-left: .5rem;padding-bottom: 1.1rem;}
.md26797.u-main .u-list{width: 100%;display: flex;flex-wrap: wrap;padding-bottom: .1rem;}
.md26797.u-main .u-item{display: block;cursor: pointer;width: 31.57%;margin-right: 2.64%;margin-bottom: .55rem;}
.md26797.u-main .u-item:nth-child(3n){margin-right: 0;}
.md26797.u-main .u-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(300/300*100%);background: #f5f5f5;}
.md26797.u-main .u-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md26797.u-main .u-img1{opacity: 1;z-index: 1;}
.md26797.u-main .u-img2{opacity: 0;z-index: -1;}
.md26797.u-main .u-text{width: 100%;text-align: center;padding-top: .15rem;}
.md26797.u-main .u-name{font-family: 'Poppins-Medium', sans-serif;width: 100%;color: #333333;line-height: 1.33;}
.md26797.u-main .u-intro{font-family: 'Poppins-Medium', sans-serif;width: 100%;color: #333333;line-height: 1.33;}
.md26797.u-main .u-item:hover .u-img1{opacity: 0;z-index: -1;}
.md26797.u-main .u-item:hover .u-img2{opacity: 1;z-index: 1;}
 
 
@media (max-width: 750px) {
  .md26797.u-main .u-left{width: 100%;}
  .md26797.u-main .u-input{height: .6rem;}
  .md26797.u-main .u-submit{height: .6rem;}
  .md26797.u-main .u-right{width: 100%;padding-left: 0;border: none;}
  .md26797.u-main .u-item{width: calc(50% - .15rem);margin-right: .3rem;}
  .md26797.u-main .u-item:nth-child(3n){margin-right: .3rem;}
  .md26797.u-main .u-item:nth-child(2n){margin-right: 0;}
}

/* 分页 */
.paging{width: 100%;text-align: center;font-size: 0;}
.paging-item{transition: all  .3s;display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem;min-width: .5rem;height: .5rem;line-height: .5rem;border-radius: .25rem;color: #333333;background-color: #eeeeee;}
.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 .3rem;min-width: .5rem;height: .5rem;border-radius: .25rem;color: transparent;background-color: #eeeeee;background-image: url('../images/a13.png');background-size: .5em auto;background-position: center center;background-repeat: no-repeat;}
.paging-up:hover{background-color: var(--theme);background-image: url('../images/a13-b.png');} 
.paging-next{transition: all  .3s;transform: rotate(-180deg);display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem .3rem;min-width: .5rem;height: .5rem;border-radius: .25rem;color: transparent;background-color: #eeeeee;background-image: url('../images/a13.png');background-size: .5em auto;background-position: center center;background-repeat: no-repeat;}
.paging-next:hover{background-color: var(--theme);background-image: url('../images/a13-b.png');} 
 
@media (max-width: 1150px) {
  .paging-item{min-width: .8rem;height: .8rem;line-height: .8rem;border-radius: .4rem;}
  .paging-up{margin: .1rem;min-width: .8rem;height: .8rem;line-height: .8rem;border-radius: .4rem;}
  .paging-next{margin: .1rem;min-width: .8rem;height: .8rem;line-height: .8rem;border-radius: .4rem;}
}
