
.md28787.j-main .swp-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2em;height:2em;border-radius:50%;background:transparent;border:1px solid var(--theme);pointer-events:auto;cursor:pointer;color:var(--theme);transition:.3s}
.md28787.j-main .swp-btn:hover{color:#fff;background-color:var(--theme)}
.md28787.j-main .swp-turner{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:.3rem;pointer-events:none;z-index:5}
.md28787.j-main{position:relative;width:100%;padding:.8rem 0 .25rem}
.md28787.j-main img{display:inline-block;vertical-align:middle;max-width:100%}
.md28787.j-main .layout{width:14rem;max-width:92%;margin:0 auto}
.md28787.j-main .j-top{width:100%;margin-bottom:.7rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;flex-direction:row-reverse}
.md28787.j-main .j-left{width:7rem}
.md28787.j-main .j-box1{width:100%;margin-bottom:.95rem}
.md28787.j-main .j-titles{width:100%;margin-bottom:.2rem;color:#111;font-weight:700;line-height:1.22}
.md28787.j-main .j-synopsis{width:100%;margin-bottom:.5rem;color:#666;line-height:1.5}
.md28787.j-main .j-more{display:inline-block;cursor:pointer;padding:.07rem .07rem .07rem .3rem;color:#111;line-height:.46rem;border-radius:.3rem;border:solid .02rem rgba(0,0,0,.1)}
.md28787.j-main .j-icon{display:inline-block;vertical-align:middle;margin-left:.55rem;width:.46rem;text-align:center;line-height:.46rem;border-radius:50%;background-color:var(--theme)}
.md28787.j-main .j-icon svg{display:inline-block;color:#fff;width:.17rem}
.md28787.j-main .j-more:hover{color:var(--theme);border:.02rem solid var(--theme)}
.md28787.j-main .j-box2,.md28787.j-main .j-tr{width:100%}
.md28787.j-main .j-td{display:flex;width:100%}
.md28787.j-main .j-tip{color:#666;line-height:1.7}
.md28787.j-main .j-intro{flex:1;color:#666;line-height:1.7}
.md28787.j-main .j-right{width:6rem}
.md28787.j-main .j-swiper{width:100%;background-color:#f3f3f3}
.md28787.j-main .j-item{display:block;width:100%}
.md28787.j-main .j-box{display:block;position:relative;width:100%}
.md28787.j-main .j-logo{position:absolute;bottom:0;right:0;width:3.52rem}
.md28787.j-main .j-logo img{width:100%}
.md28787.j-main .j-img{width:100%;position:relative;z-index:1;overflow:hidden;padding-top:100%}
.md28787.j-main .j-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transform:scale(1);transition:all ease .5s}
.md28787.j-main .j-bottom{width:100%}
.md28787.j-main .j-one{width:100%;margin-bottom:.65rem}
.md28787.j-main .j-subtitle{position:relative;padding-bottom:.28rem;margin-bottom:.35rem;width:100%;color:#000;font-weight:700;line-height:1.29}
.md28787.j-main .j-subtitle:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#00000014}
.md28787.j-main .j-subtitle:after{content:"";position:absolute;bottom:0;left:0;width:.42rem;height:3px;background-color:var(--theme)}
.md28787.j-main .j-textbox{width:100%;color:#666;line-height:1.7}
.md28787.j-main .j-textbox *{line-height:inherit}
.md28787.j-main .ja-main{position:relative;left:-.1rem;width:calc(100% + .2rem)}
.md28787.j-main .ja-swiper{width:100%}
.md28787.j-main .ja-item{width:33.33%;padding:0 .1rem}
.md28787.j-main .ja-link{display:block;cursor:pointer;width:100%}
.md28787.j-main .ja-img{width:100%;position:relative;overflow:hidden;padding-top:56.2913907285%}
.md28787.j-main .ja-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:all ease .5s}
.md28787.j-main .ja-text{width:100%;padding-top:.15rem}
.md28787.j-main .ja-name{transition:all .3s;width:100%;color:#666;line-height:1.5}
.md28787.j-main .ja-link:hover .ja-img img{transform:scale(1.05)}
.md28787.j-main .ja-link:hover .ja-name{color:var(--theme)}
.md28787.j-main .ja-bottom{width:33.33%;padding:.4rem .1rem 0;display:flex;align-items:center}
.md28787.j-main .ja-lt{position:relative;width:1.02rem;height:.46rem}
.md28787.j-main .ja-prev{transition:all .3s;left:0;margin-top:-.23rem;display:flex;align-items:center;justify-content:center;width:.46rem;height:.46rem;border-radius:50%;border:solid 1px rgba(0,0,0,.08);background-size:0 0}
.md28787.j-main .ja-prev svg{transition:all .3s;width:.17rem;color:var(--theme)}
.md28787.j-main .ja-prev:hover{background-color:var(--theme);border:solid 1px var(--theme)}
.md28787.j-main .ja-prev:hover svg{color:#fff}
.md28787.j-main .ja-next{transition:all .3s;right:0;margin-top:-.23rem;display:flex;align-items:center;justify-content:center;width:.46rem;height:.46rem;border-radius:50%;border:solid 1px rgba(0,0,0,.08);background-size:0 0}
.md28787.j-main .ja-next svg{transition:all .3s;width:.17rem;color:var(--theme)}
.md28787.j-main .ja-next:hover{background-color:var(--theme);border:solid 1px var(--theme)}
.md28787.j-main .ja-next:hover svg{color:#fff}
.md28787.j-main .ja-rt{flex:1;padding-left:.2rem}
.md28787.j-main .ja-scrollbar{width:100%;height:2px;background-color:#00000014}
.md28787.j-main .ja-scrollbar .swiper-scrollbar-drag{background-color:var(--theme)}
@media(max-width:750px){
	.md28787.j-main .j-left{width:100%}
.md28787.j-main .j-right{width:100%;margin-bottom:.3rem}
.md28787.j-main .ja-item,.md28787.j-main .ja-bottom{width:50%}
}
