/* 案例 */
.md26862.l-main{width: 100%;padding: .55rem 0 1.1rem;}
.md26862.l-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md26862.l-main .layout{width: 14.4rem;max-width: 92%;margin: 0 auto;}
.md26862.l-main .my-more{display: flex;align-items: center;cursor: pointer;font-size: 0;}
.md26862.l-main .my-more_text{font-family: 'Poppins-Medium', sans-serif;padding: 0 .26rem;color: var(--theme);line-height: .5rem;background-color: #fff;border-radius: .25rem;}
.md26862.l-main .my-more_icon{display: flex;align-items: center;justify-content: center;width: .5rem;height: .5rem;border-radius: .25rem;background-color: #fff;}
.md26862.l-main .my-more_icon svg{transform: rotate(0);transition: all .3s;width: .14rem;color: var(--theme);}
.md26862.l-main .my-more:hover .my-more_text{border-radius: .25rem 0 0 .25rem;}
.md26862.l-main .my-more:hover .my-more_icon{border-radius:0 .25rem .25rem 0;}
.md26862.l-main .my-more:hover .my-more_icon svg{transform: rotate(45deg);} 
.md26862.l-main .l-top{width: 100%;margin-bottom: .8rem;}
.md26862.l-main .l-swiper{width: 100%;border-bottom: 1px solid #eeeeee;}
.md26862.l-main .l-nav{font-family: 'Poppins-Medium', sans-serif;transition: all  .3s;width: auto;cursor: pointer;position: relative;margin-right: .55rem;padding-bottom: .25rem;color: #333333;line-height: 1.5;}
.md26862.l-main .l-nav:after{transition: all  .3s;content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 3px;background-color: var(--theme);}
.md26862.l-main .l-nav:hover{color: var(--theme);}
.md26862.l-main .l-nav:hover:after{width: 100%;}
.md26862.l-main .l-nav.active{color: var(--theme);}
.md26862.l-main .l-nav.active:after{width: 100%;}
.md26862.l-main .l-bottom{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.md26862.l-main .l-item{display: block;cursor: pointer;width: calc(50% - .4rem);margin-bottom: .75rem;}
.md26862.l-main .l-imgbox{position: relative;width: 100%;}
.md26862.l-main .l-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(465/680*100%);}
.md26862.l-main .l-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md26862.l-main .l-img:after{opacity: 0;transition: all  .3s;content: '';position: absolute;bottom: 0;left: 0;z-index:2;width: 100%;height:81.2%;background: linear-gradient(180deg, rgba(114,179,43,.001)  0%, var(--theme) 100%);}
.md26862.l-main .l-more{opacity: 0;transition: all  .3s;position: absolute;bottom: 0;left: 0;z-index: 8; padding: .5rem;display: flex;justify-content: flex-end;width: 100%;}
.md26862.l-main .l-text{width: 100%;padding-top: .35rem;}
.md26862.l-main .l-name{font-family: 'Poppins-Medium', sans-serif;transition: all  .3s;width: 100%;margin-bottom: .2rem;color: #333333;line-height: 1.45;}
.md26862.l-main .l-intro{width: 100%;color: #666666;line-height: 1.6;}
.md26862.l-main .l-item:hover .l-img img{transform: scale(1.05);}
.md26862.l-main .l-item:hover .l-img:after{opacity: 1;}
.md26862.l-main .l-item:hover .l-more{opacity: 1;}
.md26862.l-main .l-item:hover .l-name{color: var(--theme);}

@media (max-width: 750px) {
  .md26862.l-main .my-more_text{line-height: .6rem;border-radius: .3rem;}
  .md26862.l-main .my-more_icon{width: .6rem;height: .6rem;border-radius: .3rem;}
  .md26862.l-main .l-item{width: calc(50% - .15rem);}
  .md26862.l-main .l-more{padding: .15rem;}
}

/* 案例-在线留言 */
.md26863.m-main{width: 100%;padding: .75rem 0 1.2rem; background-color: #f8f8f8;}
.md26863.m-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md26863.m-main .layout{width: 14.4rem;max-width: 92%;margin: 0 auto;}
.md26863.m-main input::-webkit-input-placeholder,
.md26863.m-main textarea::-webkit-input-placeholder{color: #666;}
.md26863.m-main input:-moz-placeholder,
.md26863.m-main textarea:-moz-placeholder{color: #666;}
.md26863.m-main input::-moz-placeholder,
.md26863.m-main textarea::-moz-placeholder{color: #666;}
.md26863.m-main input:-ms-input-placeholder,
.md26863.m-main textarea:-ms-input-placeholder{color: #666;}
.md26863.m-main .m-titles{font-family: 'Poppins-Bold', sans-serif;width: 100%;text-align: center;padding-bottom: .55rem;color: #333333;line-height: 1.2;font-style: italic;}
.md26863.m-main .m-two{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.md26863.m-main .m-item{width: 100%;margin-bottom: .25rem;}
.md26863.m-main .m-tip{font-family: 'Poppins-Medium', sans-serif;width: 100%;padding-bottom: .15rem;color: #333333;line-height: 1.6;}
.md26863.m-main .m-tip span{color: #ff0000;}
.md26863.m-main .m-b{width: 100%;position: relative;}
.md26863.m-main .m-input{width: 100%;padding: 0 .3rem;color: #000;height: .5rem;background-color: #ffffff;border-radius: .25rem;border: solid 1px #f1f1f1;}
.md26863.m-main .m-textarea{width: 100%;padding: .15rem .3rem;line-height: 1.6;color: #000;height:7.5em;background-color: #ffffff;border-radius: .25rem;border: solid 1px #f1f1f1;}
.md26863.m-main .m-buttom{width: 100%;display: flex;justify-content: center;padding-top: .35rem;}
.md26863.m-main .m-submit_box{display: inline-block;position: relative;}
.md26863.m-main .m-submit{position: absolute;top: 0;left: 0;z-index: 18;width: 100%;height: 100%;opacity: 0;display: block;cursor: pointer;}
.md26863.m-main .m-submit_buttom{display: flex;align-items: center;cursor: pointer;font-size: 0;}
.md26863.m-main .m-submit_text{font-family: 'Poppins-Medium', sans-serif;padding: 0 .26rem;color: #ffffff;line-height: .5rem;background-color: var(--theme);border-radius: .25rem;}
.md26863.m-main .m-submit_icon{display: flex;align-items: center;justify-content: center;width: .5rem;height: .5rem;border-radius: .25rem;background-color: var(--theme);}
.md26863.m-main .m-submit_icon svg{transform: rotate(0);transition: all .3s;width: .14rem;color: #fff;}
.md26863.m-main .m-submit_box:hover .m-submit_text{border-radius: .25rem 0 0 .25rem;}
.md26863.m-main .m-submit_box:hover .m-submit_icon{border-radius:0 .25rem .25rem 0;}
.md26863.m-main .m-submit_box:hover .m-submit_icon svg{transform: rotate(45deg);} 

@media (min-width: 750px) {
  .md26863.m-main .m-two .m-item{width: calc(50% - .2rem);}
}
@media (max-width: 750px) {
  .md26863.m-main .m-input{height: .6rem;border-radius: .3rem;}
  .md26863.m-main .m-submit_text{line-height: .6rem;border-radius: .3rem;}
  .md26863.m-main .m-submit_icon{width: .6rem;height: .6rem;border-radius: .3rem;}
}

/* 分页 */
.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;}
}