/* 产品中心-铝门窗五金系统-系列 */
.md34595.s-main{position: relative;width: 100%;padding: 1.2rem 0 .9rem; background-size: 100% auto;background-position: bottom center;background-repeat: no-repeat;}
.md34595.s-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md34595.s-main .layout{width: 16rem;max-width: 92%;margin: 0 auto;} 
.md34595.s-main .my-navbox{width: 100%;text-align: center;font-size: 0;padding-bottom: .6rem;}
.md34595.s-main .my-nav{display: inline-block;vertical-align: top;margin: 0 0 .3rem;width: 16.66%;padding: 0 .1rem;text-align: center;cursor: pointer;}
.md34595.s-main .my-nav_icon{display: inline-block;}
.md34595.s-main .my-nav_icon1{display: block;height: .5rem;line-height: .5rem;}
.md34595.s-main .my-nav_icon1 img{max-width: .5rem;max-height: 100%;}
.md34595.s-main .my-nav_icon2{display: none;height: .5rem;line-height: .5rem;}
.md34595.s-main .my-nav_icon2 img{max-width: .5rem;max-height: 100%;} 
.md34595.s-main .my-nav_text{width: 100%;padding-top: .13rem;color: #444444;line-height: 1.7;}
.md34595.s-main .my-nav:hover .my-nav_icon1{display: none;}
.md34595.s-main .my-nav:hover .my-nav_icon2{display: block;}
.md34595.s-main .my-nav:hover .my-nav_text{color: var(--theme);}
.md34595.s-main .my-nav.active .my-nav_icon1{display: none;}
.md34595.s-main .my-nav.active .my-nav_icon2{display: block;}
.md34595.s-main .my-nav.active .my-nav_text{color: var(--theme);}

.md34595.s-main .s-cont{width: 100%;}
.md34595.s-main .s-item{transition: all  .3s;display: flex;flex-wrap: wrap; align-items: center;cursor: pointer;width: 100%;margin-bottom: .4rem; background-color: #fef6f1;border-radius: .2rem;overflow: hidden;}
.md34595.s-main .s-imgbox{width: calc(1120/1600*100%);}
.md34595.s-main .s-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(543/1120*100%);}
.md34595.s-main .s-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md34595.s-main .s-text{width: calc(480/1600*100%);padding: .15rem .9rem;}
.md34595.s-main .s-name{width: 100%;margin-bottom: .3rem;color: #000;font-weight: bold;line-height: 1.15;}
.md34595.s-main .s-intro{width: 100%;margin-bottom: .5rem;max-width: 17em; color: #3D3D3D;line-height: 1.5;}
.md34595.s-main .s-intro *{line-height: inherit;}
.md34595.s-main .s-more{transition: all  .3s;display: flex;align-items: center;justify-content: center;width: .46rem;height: .46rem;border-radius: 50%; background-color: #ffffff;}
.md34595.s-main .s-more svg{transition: all  .3s;color: var(--theme);width: .14rem;}

.md34595.s-main .s-item:hover{background-color: #ffffff;box-shadow: 0px 0px .5rem 0px #fff4ec;}
.md34595.s-main .s-item:hover .s-img img{transform: scale(1.05);}
.md34595.s-main .s-item:hover .s-name{color: var(--theme);}
.md34595.s-main .s-item:hover .s-more{background-color: var(--theme);}
.md34595.s-main .s-item:hover .s-more svg{color: #fff;}

@media (max-width: 1150px) {
   .md34595.s-main .s-text{padding: .15rem .5rem;}
   .md34595.s-main .s-intro{margin-bottom: .3rem;}
}
@media (max-width: 750px) {
  .md34595.s-main .my-nav{margin: 0 0 .3rem;width: 33.33%;padding: 0 .1rem;}
  .md34595.s-main .s-imgbox{width: 100%;}
  .md34595.s-main .s-text{width: 100%;}
   .md34595.s-main .s-text{padding: .3rem;}
}