﻿.page3 .wp{align-items: flex-start;}
.page3 .right{width: 5.6rem;position: relative;left: .3rem}
.page3 .right .swiDots {margin-top: .3rem;justify-content: center;display: flex}
.page3 .right .swiDots span{width: .1rem;height: 3px;background: #ddd;border-radius: 3px;opacity: 1;margin: 0 .05rem;transition: .3s}
.page3 .right .swiDots span.active{width: .3rem;background: linear-gradient(268deg, #AE6EF6 16%, #685AE1 88%)}
.page3 .right .slide-3r .item{background: url(../images/1125/686bg.png) no-repeat center;background-size: 100% 100%;border-radius: .15rem}
.page3 .right .slide-3r .item+.item{margin-top: .2rem}
.page3 .right .slide-3r .item a{display: flex;align-items: center;padding: .2rem}
.page3 .right .slide-3r .item .img{width: 1.58rem;height: 2.1rem}
.page3 .right .slide-3r .item .txt{margin-left: .3rem;flex:1;overflow: hidden;}
.page3 .right .slide-3r .item .txt h4{font-size: .22rem;line-height: 1.5em;height: 3em}
.page3 .right .slide-3r .item .txt .info{font-size: .16rem;line-height: 1.6em;color: #666666;padding-top: .15rem;margin-top: .15rem;border-top: 1px solid #dfcfff}
.page3 .right .slide-3r .item .txt .info p{background-repeat: no-repeat;background-position: left center;background-size: .18rem .18rem;padding-left: .25rem;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.page3 .right .slide-3r .item .txt .info p:nth-child(1){background-image: url(../images/1125/1.png);}
.page3 .right .slide-3r .item .txt .info p:nth-child(2){background-image: url(../images/1125/2.png);margin-top: .05rem}
.page3 .right .slide-3r .item .txt .info p:nth-child(3){background-image: url(../images/1125/3.png);margin-top: .05rem}
@media (max-width: 992px){
.page3 .intit{margin-bottom: .4rem}
.page3 .right{width: 100%;position: relative;left: 0} 
.page3 .right .slide-3r .item a{padding: .3rem} 
.page3 .right .slide-3r .item .txt .info p{background-size: .26rem .26rem;padding-left: .35rem}
.page3 .right .slide-3r .item .txt h4{font-size: .28rem; height: auto}
.page3 .right .slide-3r .item .txt .info{font-size: .24rem; }
.page3 .right .slide-3r .item .img{width: 2.2rem;height: 2.9rem}
}

/**/
.page4 .img{background: transparent}
.page4 .box{margin-top: -1rem}
.page4  .intit{max-width: 8.1rem;}
.page4 .slide-4sp{width: 5.4rem;height: 5.4rem;position: relative;}
.page4 .slide-4sp:after{content:"";position: absolute;width: 9rem;height: 9rem;left: 50%;top: 50%;margin-left: -4.5rem;margin-top: -4.5rem;z-index: 0;background: url(../images/1125/709.png) no-repeat center;background-size: 100% 100%;pointer-events: none;animation: roteds 50s linear infinite}
.page4 .slide-4sp .img{width:100%;height:100%;border-radius: 50%;z-index: 3}
.page4 .slide-4sp a{display: block;width: 5.4rem;height: 5.4rem;padding: .3rem;position: relative;}
.page4 .slide-4sp a:after{content:"";position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 0;background: url(../images/1125/709s.png) no-repeat center;background-size: 100% 100%;border-radius: 50%;pointer-events: none;animation: roted 10s linear infinite}
.page4 .teaListp{flex:1;margin-right: 1.5rem;max-width: 8.1rem;}
.page4 .teaList li h4:after{width: 100%}
.page4 .teaList li .desc{font-size: .2rem;height: 12em}
.page4 .teaList li h4{padding-bottom: .3rem;margin-bottom: .25rem;font-size: .32rem}
.page4 .swiBtns{position: absolute; right:0;top: .1rem;z-index: 88;display: flex;justify-content: center;align-items: center}
.page4 .swiBtns .swiDots{ font-size: .2rem;color: #6f2cad;display: flex;align-items: center;justify-content: center;margin:  0 .2rem}
.page4 .swiBtns .swiDots span{display: block;line-height:1em;margin: 0 .05rem;  }
.page4 .swiBtns .swiDots .swiper-pagination-current{ font-size: .3rem;position: relative;top: -.05rem }
.page4 .swiBtns a{display: block;font-size: .3rem;color: #6f2cad}
.page4 .swiBtns a.prev{ }
.page4 .swiBtns a.next{ }
.page4 .swiBtns .swiDots{width: auto}
@media (max-width: 992px){
.page4{padding: .8rem 0 1rem}
.page4 .box{margin-top: 0}
.page4  .intit{max-width: inherit;}
.page4 .teaListp{flex:inherit;margin-right:0;max-width: 8.1rem;width: 100%;margin:  0 auto 1rem}
.page4 .slide-4sp{width: 50vw;height: 50vw;position: relative;margin:  0 auto}
.page4 .slide-4sp a{display: block;width: 50vw;height: 50vw;padding: .3rem;position: relative;}
.page4 .slide-4sp:after{ width: 80vw;height: 80vw; margin-left: -40vw;margin-top: -40vw; }
.page4 .teaList li .desc{font-size: .24rem;height: auto}
.page4 .teaList li h4{ font-size: .4rem}
.page4 .swiBtns .swiDots{ font-size: .26rem;margin:  0 .2rem}
.page4 .swiBtns .swiDots .swiper-pagination-current{ font-size: .4rem;top: -.05rem }
.page4 .swiBtns a{font-size: .4rem;}
}
@media (max-width: 597px){
.page4 .teaList li h4{ font-size: .5rem}
.page4 .swiBtns{top: .2rem}
.page4 .slide-4sp{width: 60vw;height: 60vw;position: relative;margin:  0 auto}
.page4 .slide-4sp a{display: block;width: 60vw;height: 60vw;padding: .3rem;position: relative;}
.page4 .slide-4sp:after{ width: 100vw;height: 100vw; margin-left: -50vw;margin-top: -50vw; }
.page4 .teaList li .desc{font-size: .26rem;height: auto}  
}