@charset "utf-8";

.banner_box{padding: 0px;position: relative;z-index: 3;overflow: hidden;}
.banner{ overflow: hidden; }
.banner:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);z-index: 1;height: 1.5rem;}
.banner .a{ display: block; position: relative; z-index: 1; overflow: hidden; }
.banner .imgBox{ overflow: hidden; width: 100%; transform: scale(1);}
.banner .imgBox .img{padding-bottom: 100vh;transition: 0s;background: none;}
.banner .imgBox .img img{ transition: 0s;}
.banner .down{background: url(../images/bat.svg) center no-repeat;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 2;width: 2.27rem;height: .86rem;background-size: cover;align-items: center;justify-content: center;}
.banner .down img{width: .64rem;animation: roted 20s infinite linear;}
.banner .wp{ justify-content: flex-end}
.banner .dots{position: absolute;bottom: .3rem;display: flex;left: auto;z-index: 2;justify-content: center;}
.banner .dots span{width: .09rem;height: .09rem;border: #fff 1px solid;margin: 0 .12rem !important;opacity: 1;background: none; position: relative; transition: .5s;}
.banner .dots span:after{content: "";position: absolute;background: url(../images/ba_d.png) center no-repeat;width: .42rem;height: .28rem;left: 50%;top: 50%;transform: translate(-50%, -50%);opacity: 0;transition: .5s;background-size: 100% auto;}
.banner .dots span.active{ border: transparent 1px solid; margin: 0 .22rem !important}
.banner .dots span.active:after{ opacity: 1}

.pad1{ padding: .8rem 0; overflow: hidden;}

.home1-2-3{background: url(../images/ho1-2-3b.jpg) center top no-repeat;background-size: cover;position: relative;z-index: 1;}
.home1-2-3 .b1{ position: absolute; top: 4.3rem;}

.tit1{margin: 0 0 .75rem;}
.tit1 .ll{position: relative;padding: 0 .24rem;z-index: 1;pointer-events: none;}
.tit1 .ll:before{content: "";position: absolute;top: .17rem;right: 0;left: 0;background: #ede8f3;height: 1px;z-index: -1;}
.tit1 .ll:after{content: "";position: absolute;bottom: .02rem;right: 0;left: -.2rem;background: #ede8f3;height: 1px;z-index: -1;}
.tit1 .ll h3{font-size: 1rem;line-height: 1;position: relative;z-index: 1;font-family: "MulishRoman ExtraBold";text-transform: uppercase;}
.tit1 .ll h3:before{content: "";position: absolute;top: -.15rem;bottom: -.42rem;left: .06rem;background: #ede8f3;width: 1px;z-index: -1;}
.tit1 .ll h3:after{content: "";position: absolute;top: -.25rem;bottom: -.15rem;right: .02rem;background: #ede8f3;width: 1px;z-index: -1;}
.tit1 .ll h3 span.span1{background: linear-gradient(59deg, #4524a1, #8831c5);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;display: inline-block;line-height: 1;position: relative;z-index: 1;}
.tit1 .ll h3 span.span2{text-stroke: 1px rgba(0,0,0,.36);-webkit-text-stroke: 1px rgba(0,0,0,.36);color: transparent;-webkit-mask: linear-gradient(0deg, transparent 0%, black 100%, transparent 100%);mask: linear-gradient(0deg, transparent 20%, black 100%, transparent 100%);line-height: 1;}
.tit1 .ll h3 span.span1:before{content: "";position: absolute;background: url(../images/circle.svg) center no-repeat;background-size: cover;width: 1.04rem;height: 1.04rem;opacity: .08;left: -.45rem;bottom: -.42rem;}
.tit1 .ll h4{font-size: .42rem;color: #333333;line-height: 1;margin: -.5rem 0 0 .8rem;}

.tit1w .ll h3 span.span1{background: linear-gradient(59deg, rgb(135,36,211), rgb(162,64,210));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.tit1w .ll h3:before, .tit1w .ll h3:after, .tit1w .ll:before, .tit1w .ll:after{ background: rgba(255,255,255,.08)}
.tit1w .ll h3 span.span2{text-stroke: 1px rgba(255,255,255,.1);-webkit-text-stroke: 1px rgba(255,255,255,.1);-webkit-mask: linear-gradient(0deg, transparent 0, black 0%);mask: linear-gradient(0deg, transparent 0, black 0%);}
.tit1w .ll h4{ color: #fff}

.more1{align-items: center;font-size: .15rem;color: #9c57cf;font-weight: 400;}
.more1 img{ width: .48rem; margin: 0 0 0 .08rem}

.home1 .tit1{ padding: 0 .9rem 0 0;}
.home1 .content{ padding: 0 .3rem; align-items: flex-start;}
.home1 .left{width: 7.5rem;position: relative;z-index: 1;height: 5.9rem;}
.home1 .left::before{content: "";position: absolute;right: 0;bottom: 0;left: -.6rem;height: 3.34rem;background: url(../images/lt1_b.jpg) center no-repeat;background-size: cover;clip-path: polygon(0 .54rem, .6rem 0, calc(100% - .6rem) 0, calc(100% - .6rem) 0, 100% .6rem, 100% 100%, 0 100%, 0 100%);z-index: -1;}
.home1 .right{width: calc(100% - 7.5rem);height: 5.9rem;filter: drop-shadow(0 .16rem .3rem rgba(119, 84, 142, 0.08));position: relative;z-index: 1; padding: 0 .52rem;}
.home1 .right:before{content: "";position: absolute;top: -.6rem;right: 0;bottom: 0;left: 0;background: url(../images/ho1_b1.jpg) center no-repeat;background-size: cover;z-index: -1;pointer-events: none;}

.lt1{ background: #fff;}
.lt1 .a{ display: block; position: relative}
.lt1 .imgBox .img{ padding-bottom: 64%;}
.lt1 .imgBox:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, .6) 100%);z-index: 1}
.lt1 .txt{position: absolute;right: 0;bottom: .2rem;left: 0;padding: 0 .3rem;}
.lt1 h4{ font-size: .24rem; color: #fff !important}

.lt1Box .dots{display: flex;align-items: center;justify-content: flex-start;margin: .4rem 0;}

.dots1{ align-items: center;justify-content: center;}
.dots1 span{width: .09rem;height: .09rem;border: #fff 1px solid;margin: 0 .12rem !important;opacity: 1;background: none; position: relative; transition: .5s;}
.dots1 span:after{content: "";position: absolute;background: url(../images/ba_d.png) center no-repeat;width: .42rem;height: .28rem;left: 50%;top: 50%;transform: translate(-50%, -50%);opacity: 0;transition: .5s;background-size: 100% auto;}
.dots1 span.active{ border: transparent 1px solid; margin: 0 .22rem !important}
.dots1 span.active:after{ opacity: 1}

.more2{ font-size: .15rem; color: #fff; width: .86rem; height: .3rem; background: #8233a8; align-items: center; justify-content: center; transition: .5s;}

.lt2 .a{ align-items: center;}
.lt2 .imgBox{width: 3rem;margin: 0 .44rem 0 0;}
.lt2 .imgBox .img{ padding-bottom: 66.66%;}
.lt2 .txt{ flex: 1; overflow: hidden;}
.lt2 h4{ color: #571b89; margin: .13rem 0 .32rem;}

.lt3{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: .4rem;margin: .4rem 0 0;overflow: hidden;}
.lt3 li{min-width: 0;position: relative;padding: .35rem 0 0;}
.lt3 li:before{content: "";position: absolute;top: 0;right: -.2rem;left: -.2rem;height: 0;border-top: #e9e1f2 1px dashed;}
.lt3 h4{ margin: .1rem 0 0}

.ar1{ width: 1.54rem; align-items: center;}
.home2{padding-top: 0;position: relative;}
.home2 .tit1 .more1{/* display: none; */align-self: end;transform: translateY(.05rem);}
.home2 .tit1 .line{background: #ede8f3;flex: 1;height: 1px;align-self: flex-end;margin: 0 0 .02rem;}

.ar1{margin: 0 .3rem 0 .56rem;align-items: center;transform: translateY(.4rem);}
.ar1 .ar{width: .6rem;height: .6rem;background: #fff;box-shadow: 0px 6px 10px 0px rgba(23, 156, 139, 0.1);border-radius: 50vw;display: flex;align-items: center;justify-content: center;transition: .5s;cursor: pointer;}
.ar1 .ar.prev1{ transform: rotateY(180deg)}
.ar1 .ar svg{ width: .3rem; height: .3rem; fill: #bdc0c6; transition: .5s}

.home2 .left{width: .6rem;text-align: center;display: none;}
.home2 .left .line{width: 1px;height: 1.64rem;background: #efeaf3;margin: 0 auto;}
.home2 .left .more1{margin: .38rem auto 0;writing-mode: tb-rl;display: none;}
.home2 .left .more1 img{ margin: .1rem 0 0 0;}

.home2 .right{width: 100%;}

.lt4Box{ padding: 0 0 .3rem;}
.lt4 li{ position: relative;}
.lt4 li:before{content: "";position: absolute;top: 0; bottom: 0; left: 0; width: 0; background: #fff; transition: .5s; opacity: 0; backdrop-filter: blur(10px);} 
.lt4 li:after{content: "";position: absolute;top: 0; bottom: 0; left: 0; width: 3px; background: #8233a8; opacity: 0; transition: .5s;}
.lt4 .a{ display: block; padding: .3rem .3rem; height: 3.6rem; position: relative; z-index: 1; transition: .5s;}
.lt4 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/lt4_b.png) left center no-repeat; background-size: auto 100%; z-index: -1; opacity: 0; transition: .5s;}
.lt4 .txt{ display: flex; flex-direction: column; align-items: flex-start;}
.lt4 .time{ text-align: center;}
.lt4 .time h3{font-size: .42rem;color: #571b89;font-family: "MulishRoman ExtraBold";line-height: 1;}
.lt4 .time h6{ font-size: .12rem; color: #571b89;}
.lt4 h4{ margin: .1rem 0 0}
.lt4 .line{ margin: .4rem 0 .3rem; width: 100%; height: 1px; background: #ede7f3; background-image: linear-gradient( 0deg, rgb(87,27,137) 18%, rgb(135,55,174) 100%); opacity: .1}

.home3{padding-top: 0 !important;overflow: visible;padding-bottom: 1.5rem;}
.home3 .tit1 .ll h3:before{ top: -1.5rem}
.home3 .wp{ position: relative; z-index: 1;}
.home3 .wp:before{content: "";position: absolute;left: .3rem;top: calc(100% - 1.2rem);width: 1px;height: 4rem;background: #ede7f3;}
.home3 .wrj{position: absolute;bottom: -.8rem;left: .4rem;width: 2.71rem;max-width: 15vw; animation: fei 2s ease-in-out infinite alternate;}
@keyframes fei{
    0%{transform: translateY(0)}
    100%{transform: translateY(.1rem)}
}

.lt5Box{padding-bottom: .3rem;margin-bottom: .3rem;width: calc(100% - .6rem);}
.lt5 li{height: auto;display: flex;flex-direction: column;justify-content: flex-end;min-height: 5.4rem;}
.lt5 .a{ display: block; transition: .5s;}
.lt5 .imgBox .img{ padding-bottom: 63.43%;}
.lt5 .imgBox:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, .6) 100%);z-index: 1;transition: .5s;opacity: 0;}
.lt5 .imgW{padding: 0;transition: .5s;position: relative;z-index: 1;}
.lt5 .imgW:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/lt5_b.jpg) center no-repeat; background-size: cover; z-index: -1; opacity: 0; transition: .5s;}
.lt5 .txt{height: 1.32rem;align-items: center;padding: 0 .4rem;transition: .5s;}
.lt5 h4{ height: .6rem}


.lt5Box .dots1{position: absolute;bottom: 2rem;z-index: 2;}

.home4{background: url(../images/ho4_b.png) 88% top no-repeat;background-size: cover;margin: -1.9rem 0 0;position: relative;z-index: 2;padding-top: 1.7rem;}
.home4 .tit1{margin-bottom: -.7rem;}
.more1w{ color: #fff;}

.home4 .wp{align-items: center;}
.home4 .center{width: 5.73rem;position: relative;z-index: 1;margin: 0;}
.home4 .center>img{ opacity: 0; transition: 1s;}
.home4 .box{width: calc((100% - 5.73rem)/2 - .1rem);padding: .1rem 0 0;position: relative;z-index: 2;}
.home4 .right{margin: -.6rem 0 0;}
#lizi{position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%; transition: 1s;}
#lizi1{position: absolute;top: 0;right: 0;bottom: 0;left: 0;opacity: 0;transition: 1s;}

#lizi.hide{ opacity: 0;}
#lizi1.show, #lizi2.show{ opacity: 1;}

.tit2{ align-items: center}
.tit2 .a1{ font-size: .16rem; color: #fff}
.tit2 .ll{align-items: center;margin: 0;display: inline-block;line-height: .42rem;}
.tit2 img{height: .16rem;margin: -.05rem 0 0;}
.tit2 span{font-size: .2rem;color: #fff;margin: 0 .06rem;}
.home4 .left .tit2{justify-content: flex-end;margin-right: -.6rem;background: #8052cc;float: right;}
.tit2s1 .ll{background: #ad74da;}
.tit2s2 .ll{background: #c491c0;}

.jiange1{margin: .2rem 0;height: 1px;}

.lt6Box{ overflow: visible}
.lt6Box .swiper-slide{ max-width: 100%}
.lt6 li{ position: relative}
.lt6 li:before{content: "";position: absolute;width: .05rem;height: .05rem;border: rgba(255,255,255,.25) 1px solid;border-radius: 50vw;right: -.08rem;bottom: .42rem; transition: .5s}
.lt6 .a{font-size: .16rem;color: #e2d6ed;position: relative;padding: 0 .4rem 0 .15rem;align-items: center;line-height: 1.35;min-height: .7rem;flex-wrap: nowrap;overflow: hidden;text-overflow: ellipsis;}
.lt6 .a:before{ content: ""; position: absolute; left: 0; bottom: 0; right: .4rem; height: 1px; background: rgba(255,255,255,.25); transition: .5s}
.lt6 .a:after{ content: ""; position: absolute; left: calc(100% - .4rem); bottom: 0; width: .6rem; height: 1px; background: rgba(255,255,255,.25); transform-origin: left bottom; transform: rotate(-45deg); transition: .5s}
.lt6 img{width: .44rem;height: .44rem;margin: 0 .04rem 0 0;}

.ar2{width: 1.4rem;margin: -.4rem 0 0 3rem;align-items: center;}
.ar2 .ar{width: .55rem;height: .55rem;border: rgba(255,255,255,.7) 1px solid;box-shadow: 0px 6px 10px 0px rgba(23, 156, 139, 0.1);border-radius: 50vw;display: flex;align-items: center;justify-content: center;transition: .5s;cursor: pointer;}
.ar2 .ar.prev1{ transform: rotateY(180deg)}
.ar2 .ar svg{width: .26rem;height: .26rem;fill: rgba(255,255,255,.7);transition: .5s}

.tit1c{ justify-content: center; position: relative;}
.tit1c .more1{ position: absolute; right: 0; bottom: .15rem;}

.home5-6-7-8-9-10{ background: url(../images/home5-6-7-8-9-10b.jpg) center top no-repeat; background-size: cover; /*height: 41.31rem;*/}

.lt7Box{ padding: 1rem 0; margin: -.5rem 0;}
.lt7{ align-items: center;}
.lt7 .a{ display: block; transition: .5s;}
.lt7 .imgBox{clip-path: polygon(0 0, 0 0, 100% 0, calc(100% - 0.2rem) 0, 100% 0.2rem, 100% 100%, 0 100%, 0 100%);-webkit-mask: linear-gradient(0deg, transparent 0%, black 20%);mask: linear-gradient(0deg, transparent 0%, black 20%);}
.lt7 .imgBox .img{ padding-bottom: 135.2%;}
.lt7 .tit{position: absolute;top: 0;left: 0;z-index: 1;min-width: 1rem;line-height: .36rem;text-align: center;font-size: .14rem;color: #fff; padding: 0 .3rem 0 .15rem}
.lt7 .tit:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1;  transform: skewX(-30deg); transform-origin: top right}
.lt7  .fl1:before{ background: #ad74da}
.lt7  .fl2:before{ background: #ad74da}
.lt7  .fl3:before{ background: #c491c0}

.lt7 .txt{padding: 1rem .42rem 0;height: 1.95rem;position: relative;z-index: 1;margin: -1.1rem 0 0;text-align: center;position: relative;z-index: 1;transition: .5s;}
.lt7 .txt::before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, #d5d6f5 45%);z-index: -1;/* opacity: 0; */transition: .5s}
.lt7 .txt::after{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/lt7_b.png) center no-repeat; background-size: 100% 100%; z-index: -1; opacity: 0; transition: .5s}
.lt7 h4{justify-content: center;align-items: center;margin: 0 0 .06rem;transition: .5s;}
.lt7 h4 span{font-size: .25rem; background: linear-gradient(30deg, #571b89, #8233a8);-webkit-background-clip: text;background-clip: text;color: transparent;}
.lt7 h4:before{content: "";flex: 1;height: 1px;background: #48249b;opacity: .1;margin: 0 .1rem 0 0;transition: .5s;}
.lt7 h4:after{ content: ""; flex: 1; height: 1px; background: #48249b; opacity: .1; margin: 0 0 0 .1rem}
.lt7 p{ font-size: .16rem; color: #333333; opacity: .7}
.lt7 .swiper-slide-active .a{ transform: scale(1.2);}
.lt7 .swiper-slide-active .txt{ padding-top: .8rem}
.lt7 .swiper-slide-active .txt::before{ opacity: 0}
.lt7 .swiper-slide-active .txt::after{ opacity: 1}

.lt7 .swiper-slide-prev .a{ transform: translateX(-15px);}

.lt7 .swiper-slide-active h4:before, .lt7 .swiper-slide-active h4:after{background: #fff;}
.lt7 .swiper-slide-active *{ color: #fff !important}
.lt7 .swiper-slide-next .a{ transform: translateX(15px);}

.dots2{align-items: center;justify-content: center;position: relative;width: .6rem;height: .6rem;margin: 0 -1vw; background: url(../images/dots2.png) center no-repeat; background-size: .36rem auto;}
.dots2 span{width: .09rem;height: .09rem;border: #e9e0f4 1px solid;margin: 0 .12rem !important;opacity: 1;background: none;position: relative;transition: .5s;}
.dots2 span:after{content: "";position: absolute;background: url(../images/dots2.png) center no-repeat;width: .48rem;height: .32rem;left: 50%;top: 50%;transform: translate(-50%, -50%);opacity: 0;transition: .5s;background-size: 100% auto;}
.dots2 span.active{ border: transparent 1px solid; margin: 0 .22rem !important}
.dots2 span.active:after{ opacity: 1}

.slider-nav__outline{position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;border-radius: 50vw;transform: rotate(-90deg);}
.slider-nav__outline rect {fill: none;width: calc(100% - 1px);height: calc(100% - 1px);transform-origin: 50% 50%;stroke: #e9e0f4;stroke-width: 1.25;stroke-dasharray: 1,1;stroke-dashoffset: 2;rx: 50vw;ry: 50vw;}

.slider-nav__outline rect+rect{stroke-dashoffset: 1;opacity: 1;stroke: #551688;transition: .5s;transform: rotateY(180deg);stroke-width: 2;}
.slider-nav__outline rect+rect.ani{-webkit-animation-name: anil;animation-name: anil;-webkit-animation-duration: 9.5s;animation-duration: 9.5s;-webkit-animation-timing-function: linear;animation-timing-function: linear;}
@-webkit-keyframes anil{
    0%{ stroke-dashoffset: 1}
    100%{ stroke-dashoffset: 2.6}
}
@keyframes anil{
    0%{ stroke-dashoffset: 1}
    100%{ stroke-dashoffset: 2.6}
}

.home5 .bottom{position: relative;z-index: 2;margin: .4rem 0 0; align-items: center}
.home5 .bottom .line{flex: 1;height: 1px;background: #e9e0f4;margin: 0;}
.home5 .bottom .line:nth-child(2){ order: -1}
.home5 .bottom .line:nth-child(4){ order: 1}

.ar3{font-size: .24rem;color: #571b89;font-family: 'lib';cursor: pointer;margin: 0 3vw;}

.home6 .wp{ align-items: flex-start}
.home6 .left{width: 6.4rem;margin: -.15rem 0 0;}
.home6 .right{ width: calc(100% - 6.4rem - 1rem); position: relative; z-index: 1}
.home6 .right:before{ content: ""; position: absolute; top: .25rem; right: calc((100vw - 15.6rem)/2*-1); bottom: -.55rem; left: .8rem; z-index: -1; background: url(../images/lt9_b.png) bottom left repeat-x; background-size: cover; }

.lt8 .top{height: .8rem; align-items: center;padding: .1rem .3rem 0 .55rem; background: url(../images/lt8_b.png) bottom left repeat-x; background-size: auto 1px;}
.lt8 .top .a{ font-size: .24rem; color: #571b89; align-items: center;}
.lt8 .top img{ width: .32rem; margin: 0 .16rem 0 0;}
.lt8 .ico{ background: url(../images/lt8_i.png) center no-repeat; background-size: 100% 100% !important; width: .21rem; height: .21rem; margin: 0 0 0 .16rem; cursor: pointer; transition: .5s;}

.lt8 li.on .ico{ transform: rotateY(180deg);  background: url(../images/lt8_is.png) center no-repeat;}

.lt8 .box{display: none;background: url(../images/lt8_b.png) bottom left repeat-x;background-size: auto 1px;}
.lt8 dl{display: grid;grid-template-columns: 1fr 1fr;grid-gap: .3rem;margin: .44rem 0;padding: 0 0 0 .5rem;}
.lt8 dd{ min-width: 0;}
.lt8 .a1 img{ width: 1rem; margin: 0 .3rem 0 0; transition: .5s}
.lt8 .a1{ font-size: .24rem; color: #444444; align-items: center;}

.lt9{width: calc((100vw - 15.6rem)/2 + 100%);clip-path: polygon(0 .52rem, .52rem 0, 100% 0, 100% 0, 100% 0, 100% 100%, 0 100%, 0 100%);}
.lt9 .a{ display: block; position: relative;}
.lt9 .imgBox{ background: #000}
.lt9 .imgBox .img{padding-bottom: 61%;opacity: .7;}
.lt9 .ico{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1.26rem; height: 1.26rem; transition: .5s; z-index: 2;}
.lt9 .ico::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/video.png);animation: roted 10s linear infinite;background-size: cover;}
.lt9 .ico img{ width: 100%}

.home5-6-7-8-9-10{ position: relative; z-index: 1;}
.home5-6-7-8-9-10 .bg1{position: absolute;top: 12rem;width: 100%;z-index: -1;}

.home6{position: relative;padding-top: 3.85vw;}
.home6 .bg2{ position: absolute; top: 0; left: 0; width: 100%;}


.lt10Box .imgBox{ background-image: linear-gradient( 90deg, rgb(69,36,161) 18%, rgb(136,49,197) 100%);}
.lt10Box .imgBox .img{ padding-bottom: 67.8%;}
.lt10Box .txt{padding: .25rem .2rem;}
.lt10Box h4{margin: .1rem 0 .2rem;height: .6rem;}

.lt10W1{padding: .3rem 0;}
.lt10W1 .lt10Box .txt{background: #fff;min-height: 2rem;padding: .25rem .2rem;}

.lt10W .swiper-scrollbar{width: 100%;height: 4px;z-index: 1;background: none;margin: .5rem 0 0;}
.lt10W .swiper-scrollbar:before{ content: ""; position: absolute; top: 50%; width: 100%; left: 0; height: 2px; background: #efe7f6; top: 50%; transform: translateY(-50%); z-index: -1}
.lt10W .swiper-scrollbar-drag{ border-radius: 0; background-image: linear-gradient( 90deg, rgb(69,36,161) 18%, rgb(136,49,197) 100%);}
.home7{position: relative;z-index: 2;}
.home8{position: relative;overflow: visible;}
.home8 .bg3{position: absolute;top: 58%;left: 50%;transform: translate(-50%, -50%);width: 100vw;pointer-events: none;-webkit-mask: linear-gradient(0deg, transparent 0%, black 25%, black, black 75%, transparent 100%);mask: linear-gradient(0deg, transparent 0%, black 25%, black, black 75%, transparent 100%); transition: .5s;}
.home8.on .bg3{ opacity: 0;}

.home8 .content{ align-items: center;}
.home8 .left, .home8 .right{width: calc((100% - 24vw)/2 - 1.2rem);}
.home8 .right{ padding: 0 0 0 3vw}
.home8 .center{ align-self: flex-end}

.lt11{gap: .57rem .9rem;}
.lt11 li{width: calc(50% - .45rem);padding: 0;}
.lt11 .imgBox .img{ padding-bottom: 41.17%; background: none}

.lt12W{ overflow: visible;}
.lt12W>.swiper-wrapper>.swiper-slide{height: 100%;}
.lt12W>.swiper-wrapper>.swiper-slide .content1{ height: 100%;}

.lt12Box{height: 10.5rem;-webkit-mask: linear-gradient(0deg, transparent 0%, black 50%, black, black 50%, transparent 100%);mask: linear-gradient(0deg, transparent 0%, black 50%, black, black 50%, transparent 100%);margin: -1.96rem 0;}
.lt12 li{display: flex;height: 100%;justify-content: flex-end;transform-origin: right center;}
.lt12 .a{display: block;width: 100%;height: 100%;position: relative;transform-origin: right;transition: .5s;}
.lt12 .imgBox{height: 100%;}
.lt12 .imgBox:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, .6) 100%);z-index: 1;transition: .5s; opacity: 0}
.lt12 .imgBox .img{padding-bottom: 0;height: 100%;position: relative;}
.lt12 .imgBox .img img{ position: relative}
.lt12 .txt{position: absolute;right: 0;bottom: 0;left: 0;z-index: 1;padding: 0 .15rem .1rem; opacity: 0; transition: .5s}
.lt12 h4{font-size: .18rem;color: #fff !important;line-height: .24rem;}


.home8 .tit1{ position: relative; z-index: 2;}
.mtab1 .hd ul{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;display: flex;gap: .3rem;align-items: flex-end;}
.mtab1 .hd ul .a{display: block;position: relative;padding: 0 0 0 .45rem;background: url(../images/mtab1_p.png) left center no-repeat;background-size: .3rem .16rem !important;}
.mtab1 .hd ul .a span{ font-size: .22rem; color: #777777; transition: .5s;}
.mtab1 .hd ul li.on .a span{ font-size: .3rem;background: linear-gradient(30deg, #571b89, #8233a8);-webkit-background-clip: text;background-clip: text;color: transparent;}
.home8 .more1{ position: absolute; right: 0; bottom: .15rem;}

.home9{padding-bottom: 9vw;position: relative;z-index: 2;}
.home9 .tit1 .ll h3:before, .home9 .tit1 .ll h3:after, .home9 .tit1 .ll:before, .home9 .tit1 .ll:after{ background: #dad8f4;}

.home8 .content1{position: relative;margin: 0 -.7rem;}

.lt13{ display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: .5rem .15rem; }
.lt13 li{ min-width: 0}
.lt13 .a{ align-items: center;}
.lt13 img{ width: .8rem; margin: 0 .25rem 0 0;}
.lt13 .txt{ flex: 1; overflow: hidden;}
.lt13 h3 big{font-size: .46rem;color: transparent;font-family: "MulishRoman ExtraBold";line-height: .9;position: relative;font-family: "ShipporiMincho";/* font-style: normal; *//* font-weight: 700; */font-display: swap;}
.lt13 h3 big span{ position: absolute; left: 0; color: #222222;}
.lt13 h3 small{font-size: .18rem;color: #222222;line-height: 1;font-weight: normal;margin: 0 0 0 .05rem;}
.lt13 h6{ font-size: .2rem; color: #666666; margin: .1rem 0 0}

.home9::after{content: "";background: url(../images/jianzhu.png) center no-repeat;background-size: cover;position: absolute;left: 74%;bottom: 0;width: 1.56rem;height: 1.2rem;}

.lt14Box{ overflow: visible;}
.lt14Box .ar1{margin: -.6rem auto 0;}

.lt14{display: grid;grid-template-columns: calc(((100% - 20vw)/2 - .6rem))  1fr calc(((100% - 20vw)/2 - .6rem));grid-gap: .3rem .2rem;padding: .2rem 0 .5rem;}
.lt14 li{ min-width: 0;}
.lt14 .a{/* height: 1.36rem; */align-items: center;padding: 0;transition: .5s;}
.lt14 .ll{width: .8rem;height: .9rem;display: flex;align-items: center;justify-content: center;margin: 0 .15rem 0 0;}
.lt14 .rr{ flex: 1; overflow: hidden;}
.lt14 .rr1 big{ font-size: .2rem; color: #333333;}
.lt14 .rr .top{ align-items: center;}
.lt14 .rr1 small{ font-size: .14rem; color: #742c9e; margin: 0 0 0 .1rem;}
.lt14 .rr1{ flex: 1}
.lt14 .rr2{ font-size: .14rem; color: #742c9e; margin: 0 0 0 .1rem;}
.lt14 .line{background: rgba(0,0,0,.1);height: 1px;margin: .1rem 0;}
.lt14 dl{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: .05rem .15rem;}
.lt14 dl dd{ min-width: 0; font-size: .14rem; color: #666666;}

@media(min-width: 768px){
    .lt14 .kong {grid-area: 1 / 2 / span 4 / span 1;}
    .tit2s1 .ll{margin-left: -1.4rem;}
    .tit2s2 .ll{margin-left: .2rem;}

    .lt14 li:nth-child(4){ transform: translateX(-.5rem);}
    .lt14 li:nth-child(5){ transform: translateX(.5rem);}
    .lt14 li:nth-child(6){ transform: translateX(-.5rem);}
    .lt14 li:nth-child(7){ transform: translateX(.5rem);}

    .lt14 li:nth-child(1) dl, .lt14 li:nth-child(2) dl, .lt14 li:nth-child(6) dl, .lt14 li:nth-child(7) dl{ grid-template-columns: repeat(1, 1fr);}
    .lt14 li:nth-child(1) .rr2, .lt14 li:nth-child(2) .rr2, .lt14 li:nth-child(6) .rr2, .lt14 li:nth-child(7) .rr2{/* display: none; */}
}
@media(max-width: 768px){
    .home8 .content1{ margin: 0}
    .lt14 .a{height: auto;padding: .05rem 0;}
    .lt14{grid-template-columns: repeat(1, 1fr);grid-gap: .1rem .3rem;padding: 0;}
    .lt14 dl{ grid-template-columns: repeat(1, 1fr); }
    .lt14 .ll{ width: .8rem; height: .8rem;}

    .lt14 .kong,.home8 .bg3{ display: none;}
    .lt14 li:nth-child(1), .lt14 li:nth-child(2), .lt14 li:nth-child(3), .lt14 li:nth-child(4){ display: block}
    .lt12W>.swiper-wrapper>.swiper-slide{ height: auto}
}

@media(min-width: 769px){
    .more2:hover{ background: #571b89; color: #fff;}

    .ar1 .ar:hover{ box-shadow: 0px 6px 10px 0px rgba(119, 84, 142, 0.2);}
    .ar1 .ar:hover svg{ fill: #571b89}

    .lt4 li:hover:before{ width: 100%; opacity: .2; box-shadow: 0px .16rem .3rem rgba(119, 84, 142, 0.3);}
    .lt4 li:hover:after{ opacity: 1;}
    .lt4 li:hover .a::before{ opacity: 1;}
    .lt4 li:hover .a{ padding: .3rem .44rem;}

    .left .lt6 .a{justify-content: flex-end;flex-wrap: nowrap;padding: 0 .15rem 0 .4rem;}
    .left .lt6 .a:before{left: .4rem;right: .1rem;}
    .left .lt6 li:nth-child(1) .a{margin-right: -.15rem;}
    .left .lt6 li:nth-child(4) .a{margin-right: -.4rem;}
    .left .lt6 li:nth-child(5) .a{margin-right: -.8rem;}
    .left .lt6 li:nth-child(1) .a{ padding: 0 .1rem 0 .4rem}
    .left .lt6 li:nth-child(4) .a{ padding: 0 .44rem 0 .4rem}
    .left .lt6 li:nth-child(5) .a{ padding: 0 .77rem 0 .4rem}

    .right .lt6Boxs1 .lt6 li:nth-child(1){margin-left: -1.2rem;}
    .right .lt6Boxs1 .lt6 li:nth-child(2){margin-left: -.6rem;}
    .right .lt6Boxs1 .lt6 li:nth-child(3){margin-left: -.2rem;}
    .right .lt6Boxs1 .lt6 li:nth-child(4){margin-left: .15rem;}
    .right .lt6Boxs1 .lt6 li:nth-child(1) .a{ padding: .2rem .4rem .2rem .1rem}
    .right .lt6Boxs2 .lt6 li:nth-child(1){margin-left: 0rem;}
    .right .lt6Boxs2 .lt6 li:nth-child(2){margin-left: -.4rem;}
    .right .lt6Boxs2 .lt6 li:nth-child(3){margin-left: -.8rem;}
    .right .lt6Boxs2 .lt6 li:nth-child(4){margin-left: -1.7rem;}

    .left .lt6 li:before{ left: -.08rem;bottom: .42rem;}
    .left .lt6 .a:after{ left: auto; right: calc(100% - .4rem); transform-origin: right bottom; transform: rotate(45deg)}

    .lt6 li:hover:before{ border: #fff 1px solid}
    .lt6 li:hover .a:before{ background: #fff}
    .lt6 li:hover .a:after{ background: #fff}
    .lt6 li:hover .a{ color: #fff}

    .ar2 .ar:hover{ border: #fff 1px solid;}
    .ar2 .ar:hover svg{ fill: #fff}
    .lt10 .a:hover .imgBox .img{ transform: scale(.89, .88);}

    .lt5 li.swiper-slide-active .a{margin: 0 -100px;}
    .lt5 li.swiper-slide-active .imgW{padding: .4rem .4rem 0;clip-path: polygon(0 .36rem, .36rem 0, 100% 0, 100% 0, 100% 0, 100% 100%, 0 100%, 0 100%);}
    .lt5 li.swiper-slide-active .imgW:before{ opacity: 1;}
    .lt5 li.swiper-slide-active .imgBox:after{ opacity: 1}
    .lt5 li.swiper-slide-active .txt{ box-shadow: 0px .16rem .3rem rgba(119, 84, 142, 0.06); background: rgba(255,255,255,.51); }

    .lt10Box li:nth-child(2n){ margin: .7rem 0 0;}
    .lt10W1 .lt10Box li:nth-child(2n){margin: 0;}

    .lt12 li.swiper-slide.pr3 .a{transform: translateY(2.75rem); }
    .lt12 li.swiper-slide.pr2 .a{transform: translateY(2.75rem);}
    .lt12 li.swiper-slide-prev .a{transform: translateY(.4rem) scale(.9);}
    .lt12 li.swiper-slide-active .a{ transform: translateY(0)}
    .lt12 li.swiper-slide-next .a{ transform: translateY(-.4rem) scale(.9)}
    .lt12 li.swiper-slide-next + li .a{ transform: translateY(-2.75rem)}
    .lt12 li.swiper-slide-next + li + li .a{ transform: translateY(-2.75rem)}
    .lt12 li.swiper-slide-active .txt, .lt12 li.swiper-slide-active .imgBox:after{ opacity: 1}

    .lt11 li:nth-child(1), .lt11 li:last-child{align-self: center;margin: 0 0 0 calc(50% - .45rem);}
    .lt11 li:nth-child(2), .lt11 li:nth-child(3), .lt11 li:nth-child(6), .lt11 li:nth-child(7){ transform: translateX(.5rem)}

    .lt8 .a1:hover img{ transform: rotateY(360deg)}
    .lt8 .a1:hover{ color: #571b89}
    
}
@media(max-width: 1025px){
    .banner .imgBox .img{ padding-bottom: 50%;}

    .banner .dots{ bottom: .2rem;}
}
@media(max-width: 769px){
    .pad1{padding: .4rem 0;margin: 0;}
    .banner .down{width: 1rem;height: .35rem;}
    .banner .down img{ width: .28rem}

    .tit1 .ll h3{font-size: .5rem;}
    .tit1 .ll h4{font-size: .24rem;margin: -.3rem 0 0 .36rem;}
    .home1 .tit1{ padding: 0}
    .more1{ font-size: .13rem}
    .more1 img{ width: .36rem}
    .tit1 .ll h3 span.span1:before{width: .5rem;height: .5rem;left: -.22rem;bottom: -.2rem;}
    .tit1 .ll h3:before{bottom: -.2rem;left: .02rem;}
    .tit1 .ll:before{top: .08rem;}
    .tit1 .ll:after{left: -.12rem;bottom: .02rem;}
    .tit1 .ll h3:after{right: 0;top: -.15rem;bottom: -.05rem;}
    .tit1 .ll{ padding: 0 .1rem}
    .tit1{margin: 0 0 .3rem;}
    .home4 .tit1{margin-bottom: .3rem;}
    .home1 .left{width: 100%;height: auto;}
    .home1 .right{width: 100%;height: auto;padding: .25rem 15px;margin: .25rem 0 0;}
    .home1 .content{ padding: 0}
    .home1 .right:before{ top: 0}
    .lt1Box .dots{justify-content: center;margin: .25rem 0;}
    .home1 .left::before{ height: 40vw}

    .lt2 .imgBox{width: 100%;margin: 0 0 .15rem;}
    .lt2 .txt{width: 100%;flex: auto;}
    .lt2 h4{ margin: .1rem 0 .2rem}
    .more2{ font-size: .14rem}
    .lt3{ gap: .15rem 14px}
    .lt3 li{ padding: .25rem 0 0;}

    .ar1{margin: 0 0 0 .1rem;align-items: center;transform: translate(-50%, 0);width: .96rem;position: absolute;bottom: 0;left: 50%;}
    .ar1 .ar{width: .4rem;height: .4rem;}
    .ar1 .ar svg{ font-size: .2rem; height: .2rem}
    .home2 .right{width: 100%;}
    .lt4 .a{padding: .2rem 0;height: auto;}
    .lt4 .line{ margin: .25rem 0 .15rem}
    .home2 .left .line{ height: 1.3rem;}
    .lt4 .time h3Z{ font-size: .36rem;}
    .lt4Box{ padding: 0;}
    .home2 .tit1 .line{/* display: none; */}

    .lt5Box{width: 100%;margin-bottom: 0;}
    .lt5 li{ min-height: inherit;}
    .lt14Box .ar1{margin: .4rem auto 0;position: relative;left: auto;transform: none;margin-top: .25rem !important;}

    .lt5 .txt{background: #fff;height: 1rem;padding: 0 15px;}
    .lt5Box .dots1{bottom: 1.5rem;}
    .lt5 .imgBox:after{ opacity: 1}
    .home3 .wrj{bottom: -.4rem;max-width: 24vw;}

    .home4 .box{width: 100%;margin: 0;}

    .lt6 .a{min-height: .5rem;font-size: .14rem;}
    .lt6 img{ width: .3rem; height: .3rem}
    #lizi{ opacity: 0; visibility: hidden;}
    .home4 .center>img, #lizi1{ opacity: 1;}
    .home4 .center{width: 100%;margin: .2rem 20vw;}
    .home4 .left .tit2{justify-content: center;margin: 0 auto .1rem;float: left;}
    .tit2{margin: 0 auto .1rem;}

    .ar2{margin: .25rem auto 0;float: inherit;width: 1.1rem;}
    .ar2 .ar{ width: .44rem; height: .44rem}
    .ar2 .ar svg{ width: .2rem; height: .2rem}

    .home3{ padding-bottom: 30vw}
    .home4{padding-top: 28vw;margin: -30vw 0 0;}

    .tit2 span{font-size: .2rem;}
    .tit2 .a1{ font-size: .14rem}
    .lt7Box{padding: .1rem 0;margin: -.15rem 0;}

    .lt7 .txt {padding: 1rem 15px 0;}
    .lt7 .a{transform: scale(.8) !important;}
    .lt7 .swiper-slide-active .a{ transform: scale(1) !important;}
    .dots2 span{width: .06rem;height: .06rem;margin: 0 .08rem !important;}

    .lt8 .top {height: .7rem;align-items: center;padding: 0 .1rem 0 .15rem;}
    .lt8 .top .a{ font-size: .2rem}
    .lt8 .top img{ width: .24rem}
    .lt8 .a1 img{ width: .6rem; margin: 0 .15rem 0 0;}
    .lt8 dl{padding: 0 0 0 15px;margin: .25rem 0;}
    .lt8 .a1{ font-size: .18rem;}
    .tit1c{ justify-content: flex-start}

    .home7{ padding-top: 0}

    .mtab1 .hd{width: 100%;display: flex;justify-content: space-between;margin: .25rem 0 0;align-items: center;}
    .mtab1 .hd ul{position: relative;left: auto;transform: none;gap: .15rem;}

    .mtab1 .hd ul li .a span{ font-size: .18rem}
    .mtab1 .hd ul li.on .a span{ font-size: .18rem}
    .home8 .more1{ bottom: 0}

    .home8 .left, .home8 .right{ width: 100%;}
    .home8 .right{ padding-top: .3rem}
    .home8 .center{width: 100%;justify-content: center;margin: .25rem  auto 0;order: 1;display: flex;}
    .lt11{gap: .1rem 10vw;display: grid;grid-template-columns: repeat(3, 1fr);margin: 0;}
    .lt11 li{ min-width: 0; width: auto; padding: 0;}
    .home8 .center .ar1{ margin: 0}

    .lt12Box{ height: auto; margin: 0; mask: none}
    .lt12 li{ transform: none !important}
    .lt13{grid-template-columns: repeat(4, 1fr);grid-gap: .15rem .15rem;}
    .lt13 .a{flex-direction: column;align-items: center;text-align: center;}
    .lt13 img{width: .36rem;margin: 0 auto}
    .lt13 h3{ justify-content: center}
    .lt13 h3 big{font-size: .24rem;}
    .lt13 .txt{flex: auto;width: 100%;text-align: center;margin: .1rem 0 0;}
    .lt13 h6{font-size: .13rem;margin: .05rem 0 0}
    .lt13 h3 small{margin: .04rem 0 0;font-size: .14rem;}
    .lt10W .swiper-scrollbar{ margin: .2rem 0 0;}
    .home8{ padding-top: .2rem;}

    .home6 .left{ width: 100%}
    .home9{ padding-top: 0; padding-bottom: .6rem}
    .lt10W1{ padding: 0;}
    .lt10W1 .lt10Box .txt{ margin: 0 0 .1rem;}
    
}
.home6 .tit1{margin: 0 0 .55rem;}
.lt8 .box{ overflow: hidden}
.lt8 .li1 .top{ padding-top: 0 !important;}
.lt8 .li1 dl{display: flex;grid-gap: 0;padding: .3rem 0;margin: 0;justify-content: space-between;}
.lt8 .li1 dl dt{width: .22rem;position: relative;display: flex;flex-direction: column;align-items: center;font-size: .22rem;color: #72469b;padding: 0 .1rem;text-align: center;line-height: 1;}
.lt8 .li1 dl dt::before{content: "";width: 1px;height: .28rem;background: rgba(114,70,155,.15);margin-bottom: .12rem;}
.lt8 .li1 dl dt::after{content: "";/* position: absolute; */width: 1px;top: 1rem;bottom: -.4rem;flex: auto;background: rgba(114,70,155,.15);margin: .12rem 0 -.6rem;}
.lt8 .li1 dl .dd{ width: calc(100% - .54rem); display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: .2rem;}
.lt8 .li1 dl .a1{ flex-wrap: nowrap;}
.lt8 .li1 .a1 img{width: .8rem;margin: 0 .15rem 0 0;}
.lt8 .li1 .a1{ font-size: .18rem;}
.lt8 .li1 dl:last-child  dt::before{ height: 0}
.lt8 .li1 dl:last-child dt:after{margin: .12rem 0 -.1em;}
.lt8 .li1 dl:last-child{padding-top: 0;}

.lt8 .li2 .top{ background: none;}
.lt9 .imgBox .img{padding-bottom: 66%;}

@media(max-width: 769px){
    .lt8 .li1 dl .dd{ width: calc(100% - .54rem); grid-template-columns: repeat(2, 1fr);grid-gap: .2rem;}
    .lt8 .li1 .a1 img{ width: .6rem; margin: 0 .15rem 0 0;}
    .lt8 .li1 dl dt{ font-size: .2rem; width: .2rem;}
    .home6 .tit1{margin: 0 0 .2rem;}
    .home2{ margin-bottom: .4rem}
}