/* 内页banner */
.md20270.md-banner{width: 100%;position: relative;background-color: #000;}
.md20270.md-banner .banner-cont{width: 100%;}  
.md20270.md-banner .banner-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(620/1920*100%);}
.md20270.md-banner .banner-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md20270.md-banner .banner-text{position: absolute;top:36.2%;left: 50%;transform: translate(-50%,0);width: 16rem;max-width: 92%;text-align: center;}
.md20270.md-banner .banner-titles{font-family: 'Poppins-SemiBold';width: 100%;max-width: 25em;margin: 0 auto .18rem;color: #ffffff;line-height: 1.2;}
.md20270.md-banner .banner-intro{font-family: 'Poppins-Medium';width: 100%;max-width: 39em;margin: 0 auto;color: #ffffff;line-height: 1.4;}

@media (max-width: 750px) {
  .md20270.md-banner .banner-text{top: 50%;transform: translate(-50%,-50%);}
}

/* 产品 */
.md19699.md-product{width: 100%;padding: .5rem 0 1.1rem;}
.md19699.md-product img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md19699.md-product .layout{width: 16rem;max-width: 92%;margin: 0 auto;} 
.md19699.md-product .t-titles{font-family: 'Poppins-SemiBold';width: 100%;margin-bottom: .25rem;color: #333333;line-height: 1.2;}
.md19699.md-product .t-navbox{width: 100%;display: flex;flex-wrap: wrap;padding-bottom: .3rem;}
.md19699.md-product .t-nav{flex: 1;display: block;cursor: pointer;position: relative;padding: 0 .15rem;text-align: center;margin-bottom: .25rem;}
.md19699.md-product .t-nav:before{content: '';position: absolute;top: 1.1rem;left: 0;width: 100%;height: .02rem;background-color: #e8e8e8;}
.md19699.md-product .t-icon{display: inline-block;position: relative;}
.md19699.md-product .t-icon:after{transition: all  .3s; content: '';position: absolute;left: 50%;bottom: -.02rem;transform: translate(-50%,0);width: 0;height: .04rem;background-color: var(--theme); background-image: linear-gradient(90deg, var(--theme) 0%, var(--active) 100%);}
.md19699.md-product .t-icon1{display: block;width: .66rem;height: 1.1rem;line-height: 1.1rem;}
.md19699.md-product .t-icon1 img{max-width: 100%;max-height: 60%;}
.md19699.md-product .t-icon2{display: none;width: .66rem;height: 1.1rem;line-height: 1.1rem;}
.md19699.md-product .t-icon2 img{max-width: 100%;max-height: 60%;}
.md19699.md-product .t-classify{width: 100%;padding-top: .15rem;}
.md19699.md-product .t-classify_name{width: 100%;color: #222;line-height: 1.5;}
.md19699.md-product .t-nav:hover .t-icon:after{width: 100%;}
.md19699.md-product .t-nav:hover .t-icon1{display: none;}
.md19699.md-product .t-nav:hover .t-icon2{display: block;}
.md19699.md-product .t-nav.active .t-icon:after{width: 100%;}
.md19699.md-product .t-nav.active .t-icon1{display: none;}
.md19699.md-product .t-nav.active .t-icon2{display: block;}

.md19699.md-product .t-cont{width: 100%;padding-bottom: .2rem;display: flex;flex-wrap: wrap;}
.md19699.md-product .t-item{display: block;cursor: pointer;position: relative;width: 23.75%;text-align: center;padding: .65rem .15rem .4rem;margin-right: 1.66%;margin-bottom: .3rem;background-color: #eff8ff;border-radius: .2rem;overflow: hidden;}
.md19699.md-product .t-item:before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: .04rem;background-color: #dce6ee;}
.md19699.md-product .t-item:after{transition: all  .3s; content: '';position: absolute;left: 50%;bottom: 0;transform: translate(-50%,0);width: .8rem;height: .04rem;background-color: var(--theme); background-image: linear-gradient(90deg, var(--theme) 0%, var(--active) 100%);}
.md19699.md-product .t-item:nth-child(4n){margin-right: 0;}
.md19699.md-product .t-imgbox{display: inline-block;width: 3rem;max-width: 100%;}
.md19699.md-product .t-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(300/300*100%);}
.md19699.md-product .t-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md19699.md-product .t-text{width: 100%;padding-top: .4rem;display: flex;justify-content: center;flex-wrap: wrap;}
.md19699.md-product .t-namebox{width: 100%;display: flex;justify-content: center;}
.md19699.md-product .t-name{font-family: 'Poppins-Medium';color: #222;line-height: 1.5;}
.md19699.md-product .t-intro{font-family: 'Poppins-Medium';color: #222;line-height: 1.5;}
.md19699.md-product .t-item:hover:after{width: 100%;}
.md19699.md-product .t-item:hover .t-img img{transform: scale(1.05);}
.md19699.md-product .t-item:hover .t-name{color: var(--theme);background-image: linear-gradient(90deg, var(--theme) 0%, var(--active)  100%);-webkit-background-clip:text; background-clip: text;-webkit-text-fill-color: transparent; text-fill-color: transparent;}
.md19699.md-product .t-item:hover .t-intro{color: var(--theme);background-image: linear-gradient(90deg, var(--theme) 0%, var(--active)  100%);-webkit-background-clip:text; background-clip: text;-webkit-text-fill-color: transparent; text-fill-color: transparent;}

@media (max-width: 750px) { 
   .md19699.md-product .t-item{width: calc(50% - .1rem);margin-right: .2rem;}
   .md19699.md-product .t-item:nth-child(2n){margin-right: 0;}
}

/* 分页 */
.paging{position: relative;z-index: 1;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: #222;background-color: #eff8ff;}
.paging-item:hover{color: #fff;background-color: var(--theme); background-image: linear-gradient(90deg, var(--theme) 0%, var(--active) 100%);}
.paging-item.active{color: #fff;background-color: var(--theme); background-image: linear-gradient(90deg, var(--theme) 0%, var(--active) 100%);}
.paging-up{transition: all  .3s;display: inline-block;vertical-align: middle;cursor: pointer;position: relative;margin: .1rem;min-width: .5rem;height: .5rem;line-height: .5rem;border-radius: .25rem;color: transparent;background-color: #eff8ff;}
.paging-up:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/a2.png');background-size: .43em auto;background-position: center center;background-repeat: no-repeat;}
.paging-up:hover{background-color: var(--theme); background-image: linear-gradient(90deg, var(--theme) 0%, var(--active) 100%);}
.paging-up:hover:after{background-image: url('../images/a2-b.png');}
.paging-next{transition: all  .3s;display: inline-block;vertical-align: middle;cursor: pointer;position: relative;margin: .1rem;min-width: .5rem;height: .5rem;line-height: .5rem;border-radius: .25rem;color: transparent;background-color: #eff8ff;}
.paging-next:after{transform: rotate(-180deg);content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/a2.png');background-size: .43em auto;background-position: center center;background-repeat: no-repeat;}
.paging-next:hover{background-color: var(--theme); background-image: linear-gradient(90deg, var(--theme) 0%, var(--active) 100%);}
.paging-next:hover:after{background-image: url('../images/a2-b.png');}

@media (max-width: 1150px) {
    .paging-item{min-width: .6rem;height: .6rem;line-height: .6rem;border-radius: .3rem;}
    .paging-up{min-width: .6rem;height: .6rem;line-height: .6rem;border-radius: .3rem;}
    .paging-next{min-width: .6rem;height: .6rem;line-height: .6rem;border-radius: .3rem;}
}