.md31480.s-main{width: 100%;padding: .2rem 0 0;}
.md31480.s-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md31480.s-main .layout{width: 14.4rem;max-width: 92%;margin: 0 auto;}
.md31480.s-main .my-top{width: 100%;text-align: center;padding-bottom: .1rem;}
.md31480.s-main .my-titles{width: 100%;color: #333333;font-weight: bold;line-height: 1.16;}
.md31480.s-main .s-top{width: 100%;padding-bottom: .55rem;}
.md31480.s-main .s-bottom{width: 100%;padding: .35rem 0 .45rem;}
.md31480.s-main .s-cont{width: 100%;}
.md31480.s-main .s-item{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;width: 100%;padding: .45rem 0;}
.md31480.s-main .s-imgbox{width: 50%;}
.md31480.s-main .s-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(480/720*100%);border-radius: .6rem 0 .6rem 0;}
.md31480.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;}
.md31480.s-main .s-text{width: calc(100% - 7.85rem);}
.md31480.s-main .s-name{width: 100%;margin-bottom: .4rem;color: #333333;font-weight: bold;line-height: 1.2;}
.md31480.s-main .s-textbox{width: 100%;margin-bottom: .3rem;color: #666666;line-height: 1.5;}
.md31480.s-main .s-textbox *{line-height: inherit;}
.md31480.s-main .s-textbox p{position: relative;padding-left: .3rem;margin-bottom: .2rem;}
.md31480.s-main .s-textbox p:last-child{margin-bottom: 0;}
.md31480.s-main .s-textbox p:before{content: '';position: absolute;top: .75em;left: 0;margin-top: -.04rem;width: .08rem;height: .08rem;border-radius: 50%;background-color: var(--active);}
.md31480.s-main .s-textbox2{width: 100%;margin-bottom: .3rem;color: #666666;line-height: 1.8;}
.md31480.s-main .s-top .s-item:nth-child(2n + 1){flex-direction: row-reverse;}
.md31480.s-main .s-bottom .s-item:nth-child(2n){flex-direction: row-reverse;}

.md31480.s-main .s-center{width: 100%;padding: .65rem 0 .97rem;background-color: #000;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.md31480.s-main .s-titles{width: 100%;text-align: center;padding-bottom: .6rem;color: #ffffff;line-height: 1.2;font-weight: bold;}
.md31480.s-main .s-swiperbox{position: relative;left: -.22rem;width: calc(100% + .44rem);padding-bottom: 1.1rem;}
.md31480.s-main .s-one{width: 33.33%;height: auto;padding: 0 .22rem;}
.md31480.s-main .s-box{transition: all  .3s; display: block;width: 100%;height: 100%;padding: .5rem .15rem .55rem;text-align: center; background-color: #ffffff;border-radius: .25rem 0 .25rem 0;}
.md31480.s-main .s-nub{transition: all  .3s; display: inline-block;margin-bottom: .23rem;min-width: .6rem;color: #ffffff;line-height: .6rem;background-color: var(--theme);border-radius: .15rem;}
.md31480.s-main .s-intro{transition: all  .3s; width: 100%;max-width: 21em;margin: 0 auto;color: #333333;line-height: 1.87;}
.md31480.s-main .s-box:hover{background-color: var(--active);}
.md31480.s-main .s-box:hover .s-nub{background-color: #fff;color: var(--active);}
.md31480.s-main .s-box:hover .s-intro{color: #fff;}
.md31480.s-main .s-prev{transition: all  .3s;top: auto;bottom: 0;left: calc(50% - .7rem);margin-top: 0;display: flex;align-items: center;justify-content: center;width: .6rem;height: .6rem;border-radius:  0 .2rem 0 .2rem;background-color: #ffffff;background-size: 0 0;}
.md31480.s-main .s-prev svg{transition: all  .3s;transform: rotate(0);width: .2rem;color: var(--theme);}
.md31480.s-main .s-prev:hover{background-color: var(--active);}
.md31480.s-main .s-prev:hover svg{color: #fff;transform: rotate(45deg);}
.md31480.s-main .s-next{transition: all  .3s;top: auto;bottom: 0;right: calc(50% - .7rem);margin-top: 0;display: flex;align-items: center;justify-content: center;width: .6rem;height: .6rem;border-radius:  .2rem 0 .2rem 0;background-color: #ffffff;background-size: 0 0;}
.md31480.s-main .s-next svg{transition: all  .3s;transform: rotate(0);width: .2rem;color: var(--theme);}
.md31480.s-main .s-next:hover{background-color: var(--active);}
.md31480.s-main .s-next:hover svg{color: #fff;transform: rotate(-45deg);}

@media (max-width: 750px) {
   .md31480.s-main .s-imgbox{width: 100%;margin-bottom: .3rem;}
   .md31480.s-main .s-img{border-radius: .3rem 0 .3rem 0;}
   .md31480.s-main .s-text{width: 100%;}
   .md31480.s-main .s-swiperbox{left: -.15rem;width: calc(100% + .3rem);}
   .md31480.s-main .s-one{width: 50%;padding: 0 .15rem;}
}
@media (max-width: 500px) {
   .md31480.s-main .s-one{width: 80%;}
}