@charset "utf-8";

.banner_box{padding: 0px;position: relative;z-index: 3;overflow: hidden; height: 100vh;}
.banner{overflow: visible;}
.banner li{ 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: 23vh;display: none;}
.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: calc(100vh - 1rem); transition: 0s; transform: scale(1) !important; }
.banner .imgBox .img video{ opacity: 1;}
.banner.on ul li.swiper-slide-active .a .imgBox, .banner.on ul li.swiper-slide-duplicate-active .a .imgBox, .banner.on ul li.swiper-slide-prev .a .imgBox{ animation: sca 6s linear 0s normal both;}
@keyframes sca {
    0% {
        transform: scale(1.06);
    }
    100% {
        transform: scale(1);
    }
}
.banner .top{position: absolute;right: 0;bottom: 2.56rem;left: 0;z-index: 2;}
.banner .top h3{font-size: .8rem;color: #fff;line-height: 1;width: 10.2rem;max-width: 100%;filter: drop-shadow(0 0 .2rem rgba(0,0,0,.2));}
.banner .top h3 span{display: inline-block;opacity: 0;filter: blur(.3rem);-webkit-filter: blur(.3rem);transform: translateY(-16px);transition: .5s;font-weight: normal;}
.banner .top h3 span{ min-width: .2rem}
.banner_box.on .banner .top h3 span{ opacity: 1; filter: blur(0px); -webkit-filter: blur(0px); transform: translateY(0px);}
.banner .bottom{ position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; align-items: flex-end;}
.banner .bottom .box{width: calc(100% - 3.2rem - 12vw);height: 3.2rem;background: url(../images/ba_b1.jpg) center no-repeat;background-size: cover;margin-bottom: -1rem;border-radius: 0 .24rem .24rem 0;padding: 0 1.18rem 0 calc((100vw - 16rem)/2);flex-direction: column;justify-content: center;}
.banner .bottom .box .line{ width: 1.8rem; height: 2px; background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);}
.banner .bottom .box p{font-size: .24rem;color: #fff;line-height: 1.5;width: 8.3rem;max-width: 100%;margin: .3rem 0 0;}
.banner .bottom .box h6{font-size: .22rem;color: #fff;line-height: 1.2;align-self: flex-end;}
.banner .bottom .box1{ width: 3.2rem; height: 1.2rem; align-items: center;}
.banner .bottom .box1 .num *{     font-family: "Roboto Light";}
.banner .bottom .box1 .num{ align-items: center; justify-content: center; width: 50%; height: 100%; background: rgba(0, 0, 0, .3); margin: 0 1px 0 0; font-size: .2rem; color: #fff;}
.banner .bottom .box1 .num span{width: 1px;height: .12rem;background: #fff;margin: 0 .15rem 0 .2rem;transform: rotate(70deg);}
.banner .bottom .box1 .num .total{color: rgba(255, 255, 255, 0.56);}

.banner .dotsw{ justify-content: center; align-items: center; width: auto; flex: 1; overflow: hidden; height: 100%; background: rgba(0, 0, 0, .44);}
.banner .dots{ width: .5rem;height: .48rem; position: relative; background: url(../images/bdot.svg) center no-repeat; background-size: cover; animation: 30s roted infinite linear;}
.banner .dots span{background-size: 100% 100% !important;margin: 0 !important;opacity: 1;position: absolute; transition: .5s;}
.banner .dots span:nth-child(1){width: .21rem;height: .2rem;background: url(../images/bdot_1s.svg) center no-repeat;left: -1%;top: 34%;}
.banner .dots span:nth-child(2){width: .21rem;height: .2rem;background: url(../images/bdot_2s.svg) center no-repeat;left: 7%;top: 3%;}
.banner .dots span:nth-child(3){width: .21rem;height: .2rem;background: url(../images/bdot_3s.svg) center no-repeat;left: 48%;top: 1%;}
.banner .dots span:nth-child(4){width: .21rem;height: .2rem;background: url(../images/bdot_4s.svg) center no-repeat;left: 56%;top: 37%;}
.banner .dots span:nth-child(5){width: .21rem;height: .2rem;background: url(../images/bdot_5s.svg) center no-repeat;left: 30%;top: 58%;}

.banner .dots span.active ~ span{ opacity: 0}

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

.tit1{margin-bottom: .7rem;align-items: flex-end;}
.tit1 h3{font-size: .56rem;color: #000000;line-height: 1;font-weight: normal;}

.home1{background-size: cover;position: relative;z-index: 1;overflow: visible;}
/*.home1::before{content: "";position: absolute;width: 39.0625vw;height: 23.7vw;background: rgba(114, 41, 198, 0.07);filter: blur(7.4vw);top: 18%;left: -12vw;}*/
.home1 .light1{content: "";position: absolute;width: 39.0625vw;height: 39.0625vw;top: 0;left: 0;}
.home1 .light1 span{background: rgba(114, 41, 198, 0.07);filter: blur(7.4vw);position: absolute;width: 100%;height: 100%;display: block;left: 0;top: 0;}
.home1 .wp{ align-items: center;}
.home1 .left{width: 6.12rem;position: relative;z-index: 2;}
.home1 .right{width: calc(100% - 6.12rem - .3rem);margin: -8vw 0 -11vw;}

.home1 .left .box{width: 100%;background: #fff;position: relative;z-index: 1;border-radius: .12rem;}
.home1 .left .box:before{content: "";position: absolute;top: -1.5px;right: 0;bottom: 0;left: -1.5px;border-radius: .12rem;z-index: -1;background: linear-gradient(135deg, rgba(114,41,198,.8) 0%, transparent 40%);/* box-shadow: 0px 4px 28px 0px rgba(114, 41, 198, 0.1); *//* filter: blur(1px); */}
.home1 .left .box:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #fff;box-shadow: 0px 4px 28px 0px rgba(114, 41, 198, 0.1);border-radius: .12rem;z-index: -1}

.lt1{ position: relative; z-index: 1}
.lt1:before{content: "";position: absolute;top: .38rem;left: -1px;width: 1px;height: 4.7rem;background: linear-gradient(180deg, rgba(114, 41, 198, 0.1) 57%, rgba(114, 41, 198, 0.08) 88%);}
.lt1 li{ position: relative;}
.lt1 li:nth-child(1){ box-shadow: 0px 4px 28px 0px rgba(114, 41, 198, 0.1);}
.lt1 li:nth-child(1):after{content: "";position: absolute;left: 0;right: .2rem;height: 1px;background: rgba(114, 41, 198, 0.1); }
.lt1 .a{ padding: 0 .2rem 0 .75rem; position: relative}
.lt1 .a:before{content: "";position: absolute;background: url(../images/lt1_s1.svg) center no-repeat;width: .05rem;height: .05rem;left: 2px;bottom: 2px; background-size: cover}
.lt1 .a:after{content: "";position: absolute;background: url(../images/lt1_s2.svg) center no-repeat;width: .05rem;height: .05rem;left: 2px;top: calc(100% + 2px); background-size: cover}
.lt1 li .top .a0{ height: 1.16rem;align-items: center;}
.lt1 li .top h4{font-size: .28rem;color: #2E2E31;transition: .5s;}
.lt1 li .top i{font-size: .34rem;color: #7229C6;font-family: 'lib';transform: rotate(90deg);opacity: .4;transition: .5s;}
.lt1 li .bottom{position: relative;display: none;overflow: hidden;}
.lt1 li .bottom dl{ padding: .3rem 0; border-top: rgba(114, 41, 198, 0.1) 1px solid;}
.lt1 li .bottom:after{ content:""; position: absolute; top: 0; right: 0; width: 1.05rem; height: 1px; background: linear-gradient(270deg, rgba(131, 56, 185, 0) 13%, rgba(184, 51, 214, 0.6) 59%, #7229C6 100%); opacity: 1; transition: .5s}
.lt1 dd .a1{font-size: .2rem;color: #000;transition: .5s;display: flex;align-items: center;line-height: 1.5;padding: .08rem 0;}
.lt1 dd .a1 i{display: inline-block;font-size: .14rem;color: #7229C6;font-family: 'lib';transform: rotate(-45deg);opacity: .4;transition: .5s;margin: .04rem 0 0 .15rem;}
.lt1 li .bottom:after{ opacity: 1; animation: shimmer 2s infinite linear;}

.lt1 li.active .top h4{ color: #7229C6; }
.lt1 li.active .top i{ opacity: 1}

.home1 .right{ position: relative; z-index: 1;}
/* .home1 .right::before{content: "";position: absolute;background: url(../images/lt2_b.svg) center no-repeat;top: 0;right: 0;bottom: 0;left: 0;background-size: cover;transform: translate(4.2%, 7.28%);}
.home1 .right::after{content: "";position: absolute;background: url(../images/lt2_b1.png) center no-repeat;top: -1%;left: 1.5%;background-size: cover;width: 103.34%;height: 103.34%;} */
.home1 .right::after{content: "";position: absolute;background: url(../images/lt2_b3.png) center no-repeat;top: -8.35%;left: -8.35%;background-size: cover;width: 11.18rem;height: 11.18rem;max-width: 116.8%;max-height: 116.8%;z-index: -1;pointer-events: none;}

.lt2{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0; }
.lt2 .a{display: block;width: 100%;height: 100%;position: relative;}
.lt2 .imgBox .img{padding-bottom: 100%;background: none;}
.lt2 .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.lt2 .ico{ position: absolute; transform: translate(-50%, -50%);}
.lt2 .ico svg{ opacity: .3; transition: .5s;}

.lt2 li:nth-child(1) .ico{width: 1.6rem;left: 69%;top: 55%;}
.lt2 li:nth-child(2) .ico{width: 2.01rem;left: 33%;top: 82%;}
.lt2 li:nth-child(3) .ico{width: 2.78rem;left: 71%;top: 24%;}
.lt2 li:nth-child(4) .ico{width: 1.98rem;left: 28%;top: 26.5%;}

.lt2 .con{position: absolute;transform: translate(-50%, -50%);text-align: center;white-space: nowrap;}
.lt2 h4{font-size: .8rem;color: #7C28B2;line-height: 1;}
.lt2 h6{ font-size: .18rem; color: #7C28B2; }
.lt2 li:nth-child(1) .con{left: 59%;top: 80%;}
.lt2 li:nth-child(2) .con{left: 61%;top: 59%;}
.lt2 li:nth-child(3) .con{left: 74%;top: 48%;}
.lt2 li:nth-child(4) .con{left: 56%;top: 42%;}

.lt2 li:nth-child(2) h4, .lt2 li:nth-child(2) h6{ color: #8E45D2}
.lt2 li:nth-child(3) h4, .lt2 li:nth-child(3) h6{ color: #440DB9}
.lt2 li:nth-child(4) h4, .lt2 li:nth-child(4) h6{ color: #9E12C1}

.home2{padding-top: 0 !important;overflow: visible;position: relative;z-index: 1;}

.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border-width: 0;}

.home2 .slide{width: 100%;position: relative;z-index: 1;box-shadow: 25px 20px 45px 0px rgba(114, 41, 198, 0.1);box-shadow: 0px 4px 39px 0px rgba(114, 41, 198, 0.1);border-radius: .1rem;padding: .4rem .5rem;}
.home2 .slide .bg{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #fff;border-radius: .1rem;z-index: 1;cursor: pointer;pointer-events: none;backdrop-filter: blur(14px);}
.home2 .slide:before{content: "";position: absolute;top: -1.5px;right: -1.5px;bottom: -1.5px;left: -1.5px;border-radius: .1rem;z-index: -1;background: linear-gradient(150deg, rgba(114, 41, 198, .8) 0%, transparent 25%);/* filter: blur(1px); */transition: .5s;opacity: 0;}
.home2 .slide:after{content: "";position: absolute;top: -1px;right: -1px;bottom: -1px;left: -1px;border-radius: .1rem;z-index: -1;background: linear-gradient(330deg, rgba(114, 41, 198, .8) 0%, transparent 25%);/* filter: blur(1px); */transition: .5s;opacity: 0;}

.container3d{width: 100%;height: 6.2rem;position: relative;z-index: 3;perspective: 100px;perspective-origin: 50% 50%;}
.container3d .slide{position: absolute;bottom: 0;left: 0;width: 100%;height: 4.9rem;transition: all .5s;/* overflow: hidden; */}

.home2 .light1{content: "";position: absolute;width: 45vw;height: 45vw;top: 0;left: 0;}
.home2 .light1 span{background: rgba(114, 41, 198, 0.07);filter: blur(7.4vw);position: absolute;width: 100%;height: 100%;display: block;}

#slide_1 {transform: translate3d(0, 0%, 0);z-index: 3;}
#slide_2 {transform: translate3d(0, -16%, -.1rem);z-index: 2;opacity: 1;}
#slide_3 {transform: translate3d(0, -32%, -.2rem);z-index: 1;opacity: .6;}

.home2 .slide.active:before, .home2 .slide.active:after{ opacity: 1;}

.home2 .slide .box{position: relative;z-index: 2;width: 100%;transition: .5s;filter: blur(.06rem); align-items: flex-start;}
.home2 .slide .box .left{/* flex: 1; */width: calc(100% - 6.2rem - 7.4vw);}
.home2 .slide .box .left .con{height: 3.26rem;overflow-y: scroll;padding: 0 .25rem 0 0;margin: 0 -.25rem 0 0;}
.home2 .slide .box .left .con::-webkit-scrollbar{width:2px;height:4px}
.home2 .slide .box .left .con::-webkit-scrollbar-track{background:transparent;}
.home2 .slide .box .left .con::-webkit-scrollbar-thumb{background:#7229C6;}
.home2 .slide .box .left .ll{display: flex;width: .72rem;height: .4rem;background: #7229C6;border-radius: 50vw;align-items: center;justify-content: center;font-size: .24rem;color: #fff;margin: 0 .34rem 0 0;}
.home2 .slide .box .left .ll::after{content: "";width: 1px;height: .16rem;background: #fff;margin: 0 0 0 .1rem;transform: rotate(25deg);}
.home2 .slide .box .left .rr{width: calc(100% - .72rem - .34rem);}
.home2 .slide .box .left .rr h4{font-size: .28rem;color: #7229C6;margin: 0 0 .3rem;}
.home2 .slide .box .right{width: 6.2rem;margin: .2rem 0 0 7.4vw;}
.home2 .img_1 .arc-con{margin: 0 0 .6rem;min-height: 2rem;}

.more1{align-items: center;justify-content: center;width: 1.02rem;height: .34rem;border-left: #7229C6 1px solid;border-bottom: #7229C6 1px solid;border-top: transparent;border-right: transparent;position: relative;transition: .5s;overflow: hidden;}
.more1::before{content: "";width: 1px;height: .1rem;background: #7229C6;transform: rotate(35deg);position: absolute;bottom: .03rem;left: .08rem;transition: .5s cubic-bezier(0, 0, 0.2, 1);}
.more1 span{font-size: .16rem;color: #2E2E31;text-transform: capitalize;transform: translate(.06rem, -.06rem);transition: .5s;}

@keyframes move {
    0% {
        top: 50%;
        opacity: 1;
    }
    100% {
        top: 100%;
        opacity: 0;
    }
}
.home2 .slide.active .box{ filter: blur(0)}

.lt3 li{ border-bottom: rgba(114, 41, 198, 0.1) 1px solid; position: relative;}
.lt3 li:after{content:"";position: absolute;bottom: -1px;left: 0;width: 1.05rem;height: 1px;background: linear-gradient(270deg, rgba(131, 56, 185, 0) 13%, rgba(184, 51, 214, 0.6) 59%, #7229C6 100%);opacity: 0;transition: .5s;}
.lt3 li .a{ height: .74rem; align-items: center;}
.lt3 .ll1{font-size: .22rem;color: #2E2E31;width: 1.8rem;padding: 0 0 0 .12rem;position: relative;margin: 0 .3rem 0 0;transition: .5s;}
.lt3 .ll1:before{ content: ""; position: absolute; right: 0; width: 1px; height: .14rem; background: #050505; top: 50%; transform: translateY(-50%)}
.lt3 .rr1{ font-size: .2rem; color: #2E2E31; flex: 1; overflow: hidden; transition: .5s;}

.lt3 li.on .ll1, .lt3 li.on .rr1{ color: #7229C6;}
.lt3 li.on:after{ opacity: 1}

.home3{ padding: 0 !important;}
.home3 .wp{ align-items: center;}
.home3 .left{width: 6.4rem;padding: .75rem .5rem .75rem 0; position: relative;}
.home3 .left .bg{position: absolute;top: 57%;left: 16%;transform: translate(-50%, -50%);width: 10.92rem;z-index: -1;}
.home3 .left .bg img{ width: 100%}
.home3 .right{width: calc(100% - 6.4rem);}
.home3 .right .box{width: calc((100vw - 16rem)/2 + 100%);height: 12.44rem;-webkit-mask: linear-gradient(0deg, transparent 2%, black 35.5%, black, black, black, black 65.5%, transparent 98%);mask: linear-gradient(0deg, transparent 2%, black 35.5%, black, black, black, black 65.5%, transparent 98%); align-items: center;}

.lt6{margin: 0;position: relative;z-index: 10;justify-content: center;padding: .1rem 0 0;}
.lt6 li {position: relative;margin: 0 .09rem;}
.lt6 li .a {display: flex;transition: .5s;position: relative;z-index: 1;width: .54rem;height: .54rem;border-radius: 50vw;align-items: center;justify-content: center;color: #8338B9;font-size: .22rem;font-family: 'lib';background: #F1EEF5;}
.lt6 li .a i,.swi-shipinhao,.swi-weixin0 {font-family: 'lib' }
.lt6 li .a svg{fill: #7229C6;width: .22rem;height: .22rem;transition: .5s;}
.lt6 li .a img {width: .69rem;height: .69rem;position: relative;z-index: 1;transition: all 0.5s }
.lt6 li .ewm {width: 1.4rem;background: #fff;border-radius: 0;position: absolute;padding: 0;top: 140%;left: 50%;margin-left: -.7rem;z-index: 1;opacity: 0;visibility: hidden;transition: all 0.5s;transform: translateY(.1rem);box-shadow: 0 0 0.1rem rgba(0, 0, 0, .2)}
.lt6 li .ewm:before {content: "";position: absolute;width: .12rem;height: .12rem;background: #fff;transform: rotate(45deg);top: -.06rem;left: 50%;margin-left: -.06rem }
.lt6 li .ewm img {width: 100% }
.lt6 li .a.swi-yutobe{font-size: .16rem;}

.lt6 li:hover .a {color: #fff;background: #7229C6;}
.lt6 li:hover .a svg{ fill: #fff;}
.lt6 li:hover .a:after {transform: translate(-50%, -50%) scale(1) }
.lt6 li:hover .a img {opacity: 1 }
.lt6 li:hover .ewm {opacity: 1;visibility: visible;transform: translateY(0) }
.lt6 li:last-child {margin-right: 0 !important;}

.lt7{ margin: 1.7rem 0 0; padding: 0 .75rem;}
.lt7 .imgBox{ width: 1.62rem; border-radius: 50vw;}
.lt7 .imgBox .img{ padding-bottom: 100%;}
.lt7 h4{font-size: .28rem;color: #7229C6;line-height: .36rem;margin: .5rem 0 0;}
.lt7 p{margin: .2rem 0 1.1rem;}

.lt8Box{width: calc(33.33% - .05rem);height: 100%;}
.lt8 li{ margin: 0 0 .1rem;}
.lt8 .a{ display: block; position: relative;}
.lt8 .imgBox:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0,0,0,.8) 100%);z-index: 1;height: 1rem; opacity: 0; transition: .5s}
.lt8 .imgBox .img{ padding-bottom: 103.82%;}
.lt8 .txt{position: absolute;/* top: 0; */right: 0;bottom: 0;left: 0;align-items: flex-start;padding: 0 .2rem .15rem; opacity: 0; transition: .5s}
.lt8 .ico{width: .3rem;height: .3rem;background: #8338B9;border-radius: 50vw;margin: 0 .15rem 0 0;font-size: .16rem;font-family: 'lib';display: flex;justify-content: center;align-items: center;color: #fff;}
.lt8 h4{ color: #fff !important; flex: 1;}

.str_wrap{overflow: hidden;position: relative;height: 100%;}
.str_move{ white-space:nowrap;position:absolute; top:0; left:0;cursor:move;}
.str_vertical .str_move,.str_down .str_move {white-space:normal;width:100%;}

.home4{ min-height: 100vh; padding-top: .6rem;}
.home4 .more1{ margin: 0 calc(((100vw - 16rem)/2 - .7rem)*-1) 0 0}
.home4 .content{display: grid;grid-template-columns: repeat(3, 1fr);position: relative;z-index: 1;margin: 0 calc(((100vw - 16rem)/2 - .7rem)*-1) 0 0;}
.home4 .content .line1{position: absolute;top: 0;right: .6rem;width: calc(100% + .72rem);height: 1px;border;border-top: 1px solid rgba(114, 41, 198, 0.1);z-index: 2;}
.home4 .content .line2{position: absolute;top: .6rem;right: 0;width: 1px;height: 100vh;border-right: 1px solid rgba(114, 41, 198, 0.1);z-index: 2;}
.home4 .content .line3{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: #7229C6 1px solid;z-index: 2;border-radius: 0 .5rem 0 0;border-bottom: none;border-left: none;-webkit-mask: linear-gradient(-90deg, transparent 0%, #fff 15vw);mask: linear-gradient(25deg, transparent 70%, #fff 100%);pointer-events: none;}
.home4 .content .box{ min-width: 0; position: relative;}
.home4 .content .box:nth-child(4):before{content: "";position: absolute;top: 0;bottom: 0;left: 0; width: 1px;background: linear-gradient(180deg, rgba(114, 41, 198, 0.102) 0%, rgba(114, 41, 198, 0) 100%);border-radius: 0 .5rem 0 0;z-index: -1;}
.home4 .content .box:nth-child(5):before{content: "";position: absolute;top: 0;bottom: 0;left: 0; width: 1px;background: linear-gradient(180deg, rgba(114, 41, 198, 0.102) 0%, rgba(114, 41, 198, 0) 100%);border-radius: 0 .5rem 0 0;z-index: -1;}
.home4 .content .box:nth-child(5):after{content: "";position: absolute;top: 0;bottom: 0;right: -1px;width: 1px;background: linear-gradient(180deg, rgba(114, 41, 198, 0.102) 0%, rgba(114, 41, 198, 0) 100%);border-radius: 0 .5rem 0 0;z-index: -1;}
.home4 .content .box .con{padding: .75rem .72rem .3rem;position: relative;transition: .5s;}
.home4 .content .box .con:before{content: "";position: absolute;background: url(../images/lt9_s1.svg) center no-repeat;width: .05rem;height: .05rem;left: 3px;top: 2px;background-size: cover}
.home4 .content .box .con:after{content: "";position: absolute;background: url(../images/lt9_s2.svg) center no-repeat;width: .05rem;height: .05rem;right: calc(100% + 2px);top: 2px;background-size: cover}
.home4 .content .box .con .tit{ padding: 0 0 .24rem; border-bottom: rgba(114, 41, 198, 0.1) 1px solid; margin: 0 0 .36rem}
.home4 .content .box .con .tit span{height: .42rem;display: flex;align-items: center;padding: 0 .18rem;font-size: .24rem;color: #2E2E31;border-radius: 50vw;background: #F7F7F7;border: 1px solid #EBEBEB; transition: .5s;}

.lt9 li{ overflow: hidden}
.lt9 a{position: relative;padding: .36rem 0;}
.lt9 .a{ display: block}
.lt9 li:first-child .a{ border-bottom: rgba(114, 41, 198, 0.1) 1px solid; }
.lt9 li:first-child .a:after{content:"";position: absolute;bottom: -1px;right: 0;width: 1.05rem;height: 1px;background: linear-gradient(270deg, rgba(131, 56, 185, 0) 13%, rgba(184, 51, 214, 0.6) 59%, #7229C6 100%);opacity: 0;transition: .5s;}
.lt9 h4{height: .48rem;}
.lt9 h6{margin: .1rem 0 0;font-size: .18rem;color: #2E2E31;}
.lt9 .imgBox{ margin: 0 0 .2rem;}
.lt9 .imgBox .img{ padding-bottom: 58.82%;}

.lt9 li:first-child .a{ padding-top: 0;}
@keyframes shimmer {
	0%{transform:translateX(100%);}
	100%{transform:translateX(-800%);}
}

@media(min-width: 769px){
    .lt1 dd .a1:hover{color: #7229C6;}
    .lt1 dd .a1:hover i{ opacity: 1}

    .lt2 .a:hover .ico svg{ opacity: 1;}

    .more1:hover{border: #7229C6 1px solid;background: #7229C6;color: #fff;border-radius: 50vw;}
    .more1:hover span{transform: translate(0, 0);color: #fff;}
    .more1:hover::before{transform: rotate(35deg) translate(0, -.5rem);/* border-radius: 50vw; */}
    
    .lt8 .a:hover .txt{ opacity: 1;}
    .lt8 .a:hover .imgBox:after{ opacity: 1;}

    .home4 .content .box .con:hover{ border-radius: .12rem; background: #FFFFFF; box-shadow: 0px 4px 33px 0px rgba(114, 41, 198, 0.1);}
    .home4 .content .box:nth-child(6) .con:hover{  border-radius: .12rem .5rem .12rem .12rem;}
    .home4 .content .box .con:hover .tit span{ background: #7229C6; border: #7229C6 1px solid; color: #fff;}

    
    .lt9 .a:hover:after{ opacity: 1}
    .lt9 li:first-child .a:hover:after{ opacity: 1; animation: shimmer 2s infinite linear;}
}
@media(max-width: 1025px){
    .banner .imgBox .img{padding-bottom: 60%;}

    .banner .dots{ bottom: .2rem;}

    
}
@media(max-width: 769px){
    .pad1{ padding: .4rem 0;}

    .banner_box{ height: auto;}
    .banner .top{top: 26%;transform: translateY(-50%);bottom: auto;}
    .banner .top h3{font-size: .24rem;line-height: 1.5;width: 3.8rem;}
    .banner .top h3 span{min-width: .08rem;}

    .banner .bottom{position: relative;margin: -.5rem 0 0;}
    .banner .bottom .box{width: calc(100% - 30px);height: auto;padding: .3rem 15px;order: 1;border-radius: .15rem;margin: .3rem 15px 0;}
    .banner .bottom .box1{width: 100%;height: .5rem;}
    .banner .dots{bottom: 0;transform: scale(.6);}
    @keyframes roted{
        0%{transform: rotate(0deg) scale(.6);}100%{transform: rotate(360deg) scale(.6);}
    }
    .banner .bottom .box h6{ margin: .1rem 0 0;}
    .banner .bottom .box .line{ width: .8rem}
    .banner .bottom .box p{font-size: .18rem;margin: .18rem 0 0;}
    .more1{ height: .28rem}
    .more1::before{height: .08rem;left: .05rem;}

    .tit1{margin-bottom: .3rem}
    .tit1 h3{font-size: .26rem;}

    .lt1 .a{padding: 0 .15rem 0 .2rem;}
    .lt1 li .bottom dl{padding: .16rem 0;}
    .lt1 li .top .a0{height: .7rem;}
    .lt1 li .top h4{font-size: .22rem;}
    .lt1 dd .a1{font-size: .18rem;padding: .04rem 0;}

    .home1 .left{ width: 100%;}
    .home1 .right{margin: 0;width: 100%;}

    .lt2 .ico{ transform: translate(-50%, -50%) scale(.4)}
    .lt2 h4{font-size: .36rem;}
    .lt2 h6{ width: 1.8rem; white-space: normal}
    .lt2 li:nth-child(1) .ico{ top: 40%;}
    .lt2 li:nth-child(1) .con{ top: 74%;}
    .lt2 li:nth-child(2) .con{ top: 45%;}
    .lt2 li:nth-child(3) .con{ top: 55%;}
    .lt2 li:nth-child(4) .con{top: 50%;}

    .container3d{ height: auto}
    .home2 .slide{padding: .3rem 15px;height: auto;position: relative;transform: none !important;margin: 0 0 .2rem;opacity: 1 !important;}
    .home2 .slide .box .left{ flex: auto; width: 100%;}
    .home2 .slide .box .right{width: 100%;margin: .3rem 0 0;}
    .home2 .slide .box{ filter: blur(0);}
    .home2 .slide .box .left .ll{width: .5rem;height: .3rem;font-size: .2rem;margin: 0 .2rem 0 0;}
    .home2 .slide .box .left .ll::after{ height: .13rem}
    .home2 .slide .box .left .rr h4{font-size: .24rem;margin: 0 0 .1rem;}

    .home2 .slide .box .left .con{ height: auto;}
    .home2 .img_1 .arc-con{ margin: 0 0 .3rem;}
    .lt3 .ll1{font-size: .16rem;width: 1.26rem;margin: 0 .18rem 0 0;padding: 0 0 0 .06rem;}
    .lt3 .rr1{font-size: .16rem;}
    .lt3 li .a{height: .55rem;}

    .home3 .left{ width: 100%; padding: 0}
    .home3 .right{ width: 100%; margin: .4rem 0 0;}

    .lt6 li .a{ width: .4rem; height: .4rem; font-size: .16rem}
    .lt6 li .a.swi-yutobe{font-size: .14rem}

    .home3 .left .bg{width: 4rem;top: 48%;left: 11%;}
    .lt7{padding: 0;margin: .3rem 0 0;}
    .lt7 .imgBox{width: 1rem;}

    .lt7 h4{ margin: .25rem 0 0}
    .lt7 p{margin: .2rem 0 .4rem;}
    .lt9 .a{ padding: .15rem 0}
    .lt9 h6{ font-size: .14rem}
    .home3 .right .box{width: 100%;height: 4rem;}

    .home4 .content{grid-template-columns: repeat(1, 1fr);margin: 0 -14px 0 0;}
    .home4 .content .box .con{ padding: .3rem .2rem;}
    .home4 .content .box .con .tit span{ font-size: .18rem;}
    .home4 .content .box .con .tit{ padding: 0 0 .15rem; margin-bottom: .2rem;}
    .home2 .slide .box .left .rr{width: 100%;flex: auto;margin: .2rem 0 0;}
    .home4 .content .line3{border-radius: 0 .3rem 0 0;border-right: none;}
    
    .home4 .content .box:nth-child(5):after{ display: none;}
    .home4 .content .box:nth-child(6):after{content: "";position: absolute;top: 0;bottom: 0; left: 0;width: 1px;background: linear-gradient(180deg, rgba(114, 41, 198, 0.102) 0%, rgba(114, 41, 198, 0) 100%);border-radius: 0 .5rem 0 0;z-index: -1;}
    .home4 .more1{ margin: 0}
    .more1 span{transform: translate(.04rem, -.04rem);font-size: .14rem;}
}