/* 产品中心-工程案例 */
.md33139.o-main{position: relative;width: 100%;padding: 1.15rem 0 .9rem; background-size: 100% auto;background-position: bottom center;background-repeat: no-repeat;}
.md33139.o-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md33139.o-main .layout{width: 16rem;max-width: 92%;margin: 0 auto;} 
.md33139.o-main .o-top{width: 100%;margin-bottom: .5rem;text-align: center;}
.md33139.o-main .o-navbox{display: inline-block;max-width: 100%;padding: .05rem;background-color: #fffaf6;border-radius: calc(.15rem + .8em);}
.md33139.o-main .o-nav{display: inline-block;vertical-align: middle;cursor: pointer;padding: .1rem .3rem;border-radius: calc(.1rem + .8em);color: #222222;line-height: 1.6;}
.md33139.o-main .o-nav:hover{color: var(--theme);}
.md33139.o-main .o-nav.active{color: #fff;background-color: var(--theme);}

.md33139.o-main .o-cont{width: 100%;padding-bottom: .3rem; display: flex;flex-wrap: wrap;}
.md33139.o-main .o-item{display: block;cursor: pointer;position: relative; width: 31.5%;margin-right: 2.75%;margin-bottom: .4rem;}
.md33139.o-main .o-item:nth-child(3n){margin-right: 0;}
.md33139.o-main .o-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(284/504*100%);border-radius: .2rem;}
.md33139.o-main .o-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md33139.o-main .o-img:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 50.7%;background: linear-gradient(180deg, rgba(0,0,0,.01) 0%, #000 100%);opacity: .7;}
.md33139.o-main .o-text{position: absolute;bottom: 0;left: 0;width: 100%;padding: .25rem .3rem;}
.md33139.o-main .o-place{width: 100%;margin-bottom: .05rem;color: #ffffff;line-height: 1.6;}
.md33139.o-main .o-name{width: 100%;color: #ffffff;font-weight: bold;line-height: 1.4;}
.md33139.o-main .o-item:hover .o-img img{transform: scale(1.05);}

@media (max-width: 750px) {
   .md33139.o-main .o-navbox{white-space: nowrap;overflow: auto;}
   .md33139.o-main .o-nav{padding: .1rem .2rem;}
   .md33139.o-main .o-item{width: 100%;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 .04rem;min-width: .48rem;height: .48rem;line-height: .48rem;border-radius: .24rem;color: #666666;}
.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 .04rem;min-width: .48rem;height: .48rem;border-radius: .24rem;color: transparent;background-image: url('../images/a10.png');background-size: .5em auto;background-position: center center;background-repeat: no-repeat;}
.paging-up:hover{background-color: var(--theme);background-image: url('../images/a10-b.png');}  
.paging-next{transition: all  .3s;transform: rotate(-180deg); display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem .04rem;min-width: .48rem;height: .48rem;border-radius: .24rem;color: transparent;background-image: url('../images/a10.png');background-size: .5em auto;background-position: center center;background-repeat: no-repeat;}
.paging-next:hover{background-color: var(--theme);background-image: url('../images/a10-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;}
}