@charset "utf-8";

.banner_box{padding: 0px;position: relative;z-index: 3;overflow: hidden;}
.banner{ overflow: hidden; }
.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 .bottom{ position: absolute;bottom: 6vw; right: 0; left: 0; z-index: 2;}
.banner .dots{display: flex;left: auto;z-index: 2;justify-content: left;align-items: flex-end;}
.banner .dots span{width: .32rem;height: .27rem;background: url(../images/dots1_b2.svg) center no-repeat;margin: 0 .16rem !important;opacity: 1;border-radius: 0;background-size: 100% 100% !important;text-align: center;line-height: .27rem;font-size: .14rem;color: #fff;font-weight: bold;transition: .5s;}
.banner .dots span.active{ background: url(../images/dots1_b1.svg) center no-repeat; transform: scale(1.6875); color: #8341D3; transform-origin: bottom; margin: 0 .26rem !important}

.yj1{position: absolute;right: 0;bottom: -1px;left: 0;z-index: 2;display: flex;align-items: flex-end;}

.more1{ font-size: .14rem; color: #fff !important; position: relative; z-index: 1; border-radius: 50vw; width: 1.25rem; height: .36rem; justify-content: center; align-items: center; overflow: hidden; transition: .5s;}
.more1::before{ content: ""; position: absolute; width: 1.25rem; height: 1.25rem; background: linear-gradient(270deg, #861A98 0%, #571FD1 100%); z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: .5s;}
.more1 i{font-size: .1rem;color: #fff;font-family: 'lib';margin: 0 0 0 .06rem;}

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

.tit1{align-items: center;margin: 0 0 .4rem;position: relative;z-index: 3;}
.tit1 h3{ font-size: .4rem; color: #222222; line-height: 1;}
.tit1 h6{font-size: .14rem;color: #757575;align-items: center;margin: .08rem 0 0;min-width: 2.34rem;font-weight: 300;}
.tit1 h6:after{content:"";flex: 1;height: 1px;background: #D3B280;margin: .04rem 0 0 .04rem;}

.home1{ padding: .4rem 0 .68rem;}

.home1 .left{width: 15%;}
.home1 .right{ width: 81.25%;}
.home1 .right .ll1{width: 46.15%;}
.home1 .right .rr1{width: 49.84%;}

.lt1 svg{ width: .4rem;}
.lt1 li{ margin: 0 0 -.46rem;}
.lt1 .cls-1{fill:#333333;fill-rule:evenodd; transition: .5s}
.lt1 .a{height: 2.7rem;background: #FBF8FF;border-radius: .2rem;flex-direction: column;justify-content: center;align-items: center;box-shadow: 0 -.06rem .06rem rgba(0,0,0,.02);transition: .5s;padding: 0 15px .46rem;position: relative;z-index: 1;overflow: hidden;}
.lt1 .a::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background: linear-gradient(270deg, #861A98 0%, #571FD1 100%);z-index: -1;opacity: 0;transition: .5s;border: 1px solid #EDCD9C;}
.lt1 h4{ font-size: .24rem; color: #333; font-weight: 500; margin: .04rem 0 0; transition: .5s;}
.lt1 li:last-child .a{ padding-bottom: 0 !important;}

.lt1 li.on .a::before{ opacity: 1}
.lt1 li.on .ico *, .lt1 li.on:nth-child(3) .cls-2{ fill:#fff;}
.lt1 li.on:nth-child(3) .cls-1{ stroke:#fff;}
.lt1 li.on h4{ color: #fff;}

.lt1 li:nth-child(3) .cls-1{fill:none;stroke:#333;stroke-width:1.23px; transition: .5s}
.lt1 li:nth-child(3) .cls-2{fill:#333;fill-rule:evenodd; transition: .5s}

.h3-1{font-size: .24rem;color: #3D3D3D;margin: 0 0 .16rem;}

.lt2 .a{height: 1.11rem;align-items: center;position: relative;z-index: 1;padding: 0 .2rem 0 .3rem;transition: .5s;}
.lt2 .a:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;width: 0;background: linear-gradient(270deg, #861A98 0%, #571FD1 100%);border: 1px solid #EDCD9C;border-radius: .2rem;z-index: -1;opacity: 0;transition: .5s}
.lt2 .time{ width: 1.16rem; position: relative;}
.lt2 .time:before{content: "";position: absolute;width: 1px;background: #D8D8D8;height: .46rem;left: .88rem;transition: .5s;top: 50%;transform: translateY(-50%);}
.lt2 .time h3{font-size: .34rem;color: #75207F;font-family: 'Bebas Bold';font-weight: normal;line-height: 1;transition: .5s;}
.lt2 .time h3 span{ font-size: .16rem; transition: .5s;}
.lt2 .time h6{font-size: .12rem;color: #75207F;align-items: center;font-family: Bebas;margin: .04rem 0 0;transition: .5s;} 
.lt2 h4{ font-weight: 600; -webkit-line-clamp: 1;}
.lt2 h6 svg{width: 32px;fill: #75207F;margin: 0 0 0 .04rem;transition: .5s;}
.lt2 .txt{ width: calc(100% -  1.16rem);}
.lt2 .cls-1{fill:#75207f; transition: .5s}
.lt2 p{color: rgba(255, 255, 255, 0.5) !important;height: 0;margin: .06rem 0 0;}

.lt3{display: flex;align-items: flex-end;margin: -.06rem 0 0;}
.lt3 li{opacity: 0;transition: .5s;flex: auto;}
.lt3 li img{ width: 100%}
.lt3.aos-animate li{ animation: bounce-drop 1s cubic-bezier(0.34, 1.56, 0.64, 1); animation-delay: 0s; animation-fill-mode: both;}
.lt3.aos-animate li:nth-child(1){ animation-delay: 0s;}
.lt3.aos-animate li:nth-child(2){ animation-delay: .15s;}
.lt3.aos-animate li:nth-child(3){ animation-delay: .3s;}
.lt3.aos-animate li:nth-child(4){ animation-delay: .45s;}
.lt3.aos-animate li:nth-child(5){ animation-delay: .6s;}
.lt3.aos-animate li:nth-child(6){ animation-delay: .75s;}

@keyframes bounce-drop {
    0% {
        transform: translateY(-100px) scale(0.95);
        opacity: 0;
    }
    60% {
        transform: translateY(-8px) scale(1.02);
        opacity: 1;
    }
    100% {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

.lt4{background: #FBF8FF;border-radius: .2rem;padding: .1rem .4rem;margin: .14rem 0 0;height: 5.3rem;flex-direction: column;}
.lt4 li{width: 100%;flex: 1;display: flex;align-items: center; transition: .5s;}
.lt4 .a{ display: block; width: 100%}
.lt4 h4{ font-weight: 600; margin: .06rem 0 .02rem}
.lt4 p{ opacity: 0; }

.home2{background: url(../images/ho2_b.jpg) center top no-repeat;background-size: cover;/*height: 11.27rem;*/border-radius: .2rem;position: relative;z-index: 1;padding-bottom: 0 !important;}
.home2 .bg1{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background: url(../images/ho2_b1.png) center bottom no-repeat;background-size: 100% auto;}

.home2 .wp{ align-items: center;}
.home2 .left{width: 49.0625%; position: relative; z-index: 1;}
.home2 .left .before{content: "";position: absolute;top: 50%;right: 0;width: 100%;transform: translateY(-50%);}
.home2 .left .before>img{ width: 100%}
.home2 .left .before .xian{position: absolute;width: 30.82%; top: 50%;left: 74.5%;transform: translate(-50%, -50%);display: flex;justify-content: center;align-items: center;}
.home2 .left .before .xian img{width: 100%;}
.home2 .left .before .xian img.on{ animation: roted1s 1.5s cubic-bezier(0.4, 0.2, 0.2, 1);}
@keyframes roted1s {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.home2 .right{ width: calc(100% - 49.0625%);}
.home2 .fl1{padding: .3rem 0 20.76vw;}

.lt6Box{width: 6.52rem;max-width: 80%;margin: 0;padding: 0 .06rem;}
.lt5Box{width: 52.48%;margin: 0}
.lt5 .imgBox{ border-radius: 50vw}
.lt5 .imgBox .img{ padding-bottom: 100%}

.lt6{height: 1.26rem;align-items: center;margin: 0 0 .16rem;}
.lt6 li{margin: 0 .32rem 0 0;display: flex;align-items: center;justify-content: center; padding: 0 .1rem}
.lt6 .a{display: block;width: 100%;padding: .08rem;transition: .5s;position: relative;}
.lt6 .a::before{content: "";position: absolute;top: .03rem;right: .03rem;bottom: .03rem;left: .03rem;border: .028rem solid #6D20BC;border-radius: 50vw;pointer-events: none;transition: .5s;opacity: 0;}
.lt6 .imgBox{ border-radius: 50vw;}
.lt6 .imgBox .img{ padding-bottom: 100%}

.lt6 li.on .a{ transform: scale(1.3)}
.lt6 li.on .a::before{ opacity: 1}

.lt7Box{height: 2.78rem;background: linear-gradient(270deg, #75207D 0%, #6B20CC 100%);border-radius: .2rem;}
.lt7 .a{display: flex;height: 100%;flex-direction: column;justify-content: center;padding: 0 .48rem;background: url(../images/lt7_b.svg) calc(100% - .38rem) .27rem no-repeat;background-size: 1.2rem auto;}
.lt7 .name{align-items: flex-end;margin: 0 0 .2rem;}
.lt7 .name big{ font-size: .22rem; color: #fff; font-weight: 600; padding: 0 0 .18rem; position: relative;}
.lt7 .name big::before{ content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 2.5px; background: #fff;}
.lt7 .name small{font-size: .17rem;color: rgba(255, 255, 255, 0.5);padding: 0 0 .18rem;margin: 0 0 0 .1rem;font-weight: 300;}
.lt7 h6{font-size: .14rem;color: #fff;line-height: 1.75;font-weight: 300;}
.lt7 .line{width: 100%;height: 1px;background: rgba(255, 255, 255, 0.1);margin: .12rem 0 .1rem;}
.lt7 p{font-size: .14rem;color: rgba(255,255,255,.7);font-weight: 300;line-height: .22rem;}

.ar1W{ align-items: center; margin: .35rem 0 0;}
.ar1W .ar1{ display: flex; width: .5rem; height: .5rem; border: 1px solid rgba(0, 0, 0, 0.1); background: #fff; border-radius: 50vw; cursor: pointer; font-size: .24rem; color: #74207A; font-family: 'lib'; align-items: center; justify-content: center; transition: .5s;}
.ar1W .swiper-scrollbar{margin: 0 .13rem;width: 1.15rem;height: 2px;background: rgba(216, 216, 216, 0.31);}
.ar1W .swiper-scrollbar .swiper-scrollbar-drag{ background: #74207A;}

.home3{ margin: -19.72vw 0 0; position: relative; z-index: 2; padding-bottom: 0;}

.lt8W{ width: calc((100vw - 16rem)/2 + 100%);}
.lt8Box{ filter: drop-shadow(0px 8px 28px rgba(0, 0, 0, 0.1));}
.lt8 .a{ display: block; position: relative; border-radius: .2rem; overflow: hidden;}
.lt8 .imgBox .img{ padding-bottom: 43.11%;}
.lt8 .imgBox::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 54%); z-index: 1; opacity: 0; transition: .5s;}
.lt8 .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 2;padding: 0 .4rem .2rem;display: flex;flex-direction: column;justify-content: flex-end; }
.lt8 h4{ font-size: .24rem; color: #fff !important; font-weight: 600; transform: translateY(-.2rem)}
.lt8 .p{margin: .18rem 0 0;padding: .18rem .4rem .2rem;background: url(../images/lt8_b.svg) .4rem top no-repeat;background-size: .53rem auto;position: absolute;right: 0;bottom: 0;left: 0;transition: .5s;transform: translateY(1rem);}
.lt8 p{ font-size: .16rem; color: rgba(255, 255, 255, 0.7); }

.home3{ padding-top: 1.05rem;}

.home4{ padding-top: 1.05rem;}
.home4 .wp{align-items: center;}
.home4 .left{width: calc(100% - 4.12rem);margin: -1.8rem 0 0;position: relative;z-index: 2;}
.home4 .right{width: 4.12rem;position: relative;z-index: 1;min-height: 8.26rem;margin: -1.8rem 0 0;}
.home4 .right svg{position: absolute;top: 50%;right: calc(100% - .64rem);transform: translateY(-50%);width: 124vw;-webkit-mask: linear-gradient(90deg, transparent 35%, black 70%, black, black 70%, transparent 100%);mask: linear-gradient(90deg, transparent 35%, black 70%, black, black 70%, transparent 100%);z-index: -1;}
.home4 .right .cls-1{fill:none;stroke:#02459d; opacity: .2;}

.lt10svg{position: absolute;top: 50%;transform: translateY(-50%);right: calc((100vw - 16rem)/2*-1 - 13vw);left: 0;z-index: -1;max-width: inherit;/* background: #fff; */}

.lt10Box{ overflow: visible;}
.lt10{position: absolute;flex-direction: column;width: 2.2rem;z-index: 1;left: 50%;bottom: 12%;gap: .14rem;transform: translateX(-50%);}
.lt10 .a{height: .72rem;align-items: center;justify-content: center; font-size: .24rem;color: #75207F;transition: .5s;position: relative;z-index: 1;}
.lt10 .a::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background: #fff;border: 1px solid rgba(0, 0, 0, 0.2);z-index: -1;transition: .5s; border-radius: 50vw;}
.lt10 .a::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background: linear-gradient(270deg, #861A98 0%, #571FD1 100%);z-index: -1;opacity: 0;transition: .5s; border-radius: 50vw;}

.lt10 li.on .a{color: #fff;}
.lt10 li.on .a::before{ opacity: 0;}
.lt10 li.on .a::after{ opacity: 1;}

.home4 .left .content{align-items: flex-start;}
.home4 .left .ll1{width: calc(100% - 5.66rem);padding: 3.1rem 0 0;}
.home4 .left .rr1{ width: 5.66rem;}

.lt11Box{height: 8.2rem;margin-right: -2rem;padding-right: 2rem;-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%);}
.lt11 li{ padding: 0 .7rem 0 0; }
.lt11 .a{display: flex;height: 100%;align-items: center;justify-content: center;background: linear-gradient(270deg, #861A98 0%, #571FD1 100%);border-radius: .2rem;position: relative;transition: 1s;}
.lt11 li:after{content: "";position: absolute;width: .22rem;height: .22rem;background: #6E20B6;right: -.6rem;margin: -.11rem -.11rem 0 0;border-radius: 50%;top: 50%;transform: scale(.9);transition: 1s;}

.lt11 li.swiper-slide-prev .a{ transform: translateY(-.2rem);}
.lt11 li.swiper-slide-next .a{ transform: translateY(.2rem);}
.lt11 li.swiper-slide-prev:after{right: -.22rem;transform: scale(.8);background: #BA90BF;margin: -.31rem -.11rem 0 0;}
.lt11 li.swiper-slide-next:after{ right: -.22rem; transform: scale(.8);background: #BA90BF;margin: .09rem -.11rem 0 0;}
.lt11 li.swiper-slide-active:after{right: 0;transform: scale(1)}

.ar2W{position: absolute;right: .6rem;top: 50%;transform: translateY(-50%);width: .5rem;height: 1.28rem;flex-direction: column;justify-content: space-between;}
.ar2W .ar2{ display: flex; width: .5rem; height: .5rem; border: 1px solid rgba(0, 0, 0, 0.1); background: #fff; border-radius: 50vw; cursor: pointer; font-size: .24rem; color: #74207A; font-family: 'lib'; align-items: center; justify-content: center; transition: .5s;}
.ar1W .swiper-scrollbar{margin: 0 .13rem;width: 1.15rem;height: 2px;background: rgba(216, 216, 216, 0.31);}

/* 
.lt11 li.prev1-slide .a{ transform: scale(.6);}
.lt11 li.next1-slide .a{ transform: scale(.6);}
.lt11 li.prev-slide .a{ transform: scale(.8);}
.lt11 li.next-slide .a{ transform: scale(.8);}
.lt11 li.active-slide .a{ transform: scale(1);}

.lt11 li.prev-slide .a:after{right: -.84rem; transform: scale(.8);background: #BA90BF;}
.lt11 li.next-slide .a:after{ right: -.84rem; transform: scale(.8);background: #BA90BF;}
.lt11 li.active-slide .a:after{ right: -.7rem; transform: scale(1)} */

.lt9Box{ overflow: visible}
.lt9 h4{ font-size: .28rem; color: #3D3D3D; font-weight: 600; padding: 0 .8rem 0 0;}
.lt9 p{ font-size: .16rem; color: #3D3D3D; line-height: 1.75; margin: .2rem 0 .4rem; padding: 0 .8rem 0 0;}
.more2{ margin: 0 0 .66rem;}
.lt9 dl{padding: .16rem 0;border-bottom: #D8D8D8 1px solid;margin: 0 -1.1rem 0 0;align-items: flex-end;}
.lt9 dl:last-child{ border-bottom: none;}
.lt9 dl dt{min-width: 1.24rem;font-size: .16rem;color: #3D3D3D;align-items: baseline;line-height: 1;padding: .02rem 0;}
.lt9 dl dt span{font-size: .48rem;color: #801D80;font-weight: 600;line-height: 1;}
.lt9 dl .dd{ flex: 1; overflow: hidden;} 
.lt9 dl dd{ margin: .03rem .16rem .03rem 0}
.lt9 dl dd .a1{font-size: .16rem;color: rgba(51, 51, 51, 0.6);transition: .5s;}

.lt9 dl dd:last-child{ margin-right: 0;}

.home5{padding-top: 0 !important;padding-bottom: 1.26rem;}
.home5 .left{ width: 28%;}
.home5 .right{ width: 69.75%;}

.lt12 .a{display: block;border-radius: .2rem;overflow: hidden;position: relative;}
.lt12 .imgBox .img{ padding-bottom: 66.29%;}
.lt12 .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; align-items: center; justify-content: center;}
.lt12 .top i{ background: url(../images/lt12_s.svg) center no-repeat; width: .3rem; height: .3rem; background-size: cover;}
.lt12 .imgBox::after{ content: ""; position: absolute; height: 2rem; right: 0; bottom: 0; left: 0; background: linear-gradient(0deg, rgba(0,0,0,.7) 0%, rgba(0, 0, 0, 0) 54%); z-index: 1;  transition: .5s;}
.lt12 .txt{position: absolute;right: 0;bottom: 0;left: 0;z-index: 2;padding: 0 .22rem .12rem;align-items: center;}
.lt12 .txt img{ width: .16rem; margin: 0 .1rem 0 0}
.lt12 h4{ flex: 1; font-size: .16rem; color: #fff !important}

.lt13{ margin: .06rem 0 0}
.lt13 li{border-bottom: rgba(0, 0, 0, 0.1) 1px solid;}
.lt13{display: flex;height: 3.56rem;flex-direction: column;margin: .06rem 0 -.5rem;}
.lt13 li{width: 100%;flex: 1;display: flex;align-items: center; transition: .5s;}
.lt13 .a{ display: block; width: 100%}
.lt13 h4{ font-weight: 600; margin: .06rem 0 .02rem}
.lt13 p{opacity: 0;height: 0;}
.lt13 li:last-child{ border: none}

.lt14 .a{ display: block; border-radius: .2rem; overflow: hidden; position: relative;}
.lt14 .imgBox .img{ padding-bottom: 56.27%;}
.lt14 .imgBox::after{ content: ""; position: absolute; height: 2rem; right: 0; bottom: 0; left: 0; background: linear-gradient(0deg, rgba(0,0,0,.7) 0%, rgba(0, 0, 0, 0) 54%); z-index: 1;  transition: .5s;}
.lt14 .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; align-items: center; justify-content: center;}
.lt14 .top i{ background: url(../images/lt12_s.svg) center no-repeat; width: .74rem; height: .74rem; background-size: cover;}
.lt14 .txt{position: absolute;right: 0;bottom: 0;left: 0;z-index: 2;padding: 0 .4rem .34rem;align-items: flex-end;}
.lt14 h4{font-size: .24rem;color: #fff !important;margin: .1rem 0 0;font-weight: 600;}
.lt14 h6{ font-size: .16rem; color: #fff !important;}
.lt14 .ll{ flex: 1; overflow: hidden}

.lt14Box .dots{justify-content: left;align-items: flex-end;margin: 0 -.16rem 0 .1rem;}
.lt14Box .dots span{width: .32rem;height: .27rem;background: url(../images/dots1_b2.svg) center no-repeat;margin: 0 .16rem !important;opacity: 1;border-radius: 0;background-size: 100% 100% !important;text-align: center;line-height: .27rem;font-size: .14rem;color: #fff;font-weight: bold;transition: .5s;}
.lt14Box .dots span.active{ background: url(../images/dots1_b1.svg) center no-repeat; transform: scale(1.6875); color: #8341D3; transform-origin: bottom; margin: 0 .26rem !important}

@media(min-width: 769px){
    .more1:hover::before{transform: translate(-50%, -50%) rotate(180deg);}
    .more1:hover{ letter-spacing: .01rem}

    .ar1W .ar1:hover{ background: #74207A; border: #74207A 1px solid; color: #fff;}

    .lt8 .a:hover .imgBox::after{ opacity: 1;}
    .lt8 .a:hover h4{ transform: translateY(-.86rem)}
    .lt8 .a:hover .p{ transform: translateY(0)}

    .ar2W .ar2:hover{ background: #6E20B6; border: #6E20B6 1px solid; color: #fff;}

    .lt2 li.on p{height: .24rem;}
    .lt2 li.on .a:before{ width: 100%; left: 0; opacity: 1}
    .lt2 li.on *{ color: #fff}
    .lt2 li.on .cls-1{ fill: #fff}
    .lt2 li.on .time:before{height: .65rem;background: #D8D8D8;}

    .lt4 li.on{ flex: 1.1; padding-bottom: .3rem;}
    .lt4 li.on p{ opacity: 1}

    .lt13 li.on{ flex: 1.1; padding-bottom: .3rem;}
    .lt13 li.on p{ opacity: 1; height: .24rem;}
}
@media(max-width: 1025px){
    .banner .imgBox .img{padding-bottom: 54%;}

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

    .banner .dots span{transform: scale(.7);margin: 0 .04rem !important;}
    .banner .dots span.active{transform: scale(1);margin: 0 .1rem !important;}
    .banner .bottom{ bottom: .2rem}

    .tit1 h3{ font-size: .24rem}
    .tit1 h6{font-size: .12rem;min-width: 1.8rem;}

    .more1{width: 1rem;height: .32rem;}

    .home1 .left{ width: 100%;}
    .home1 .right{ width: 100%; padding: .3rem 0 0}

    .home1 .right .ll1{ width: 100%;}
    .home1 .right .rr1{width: 100%;margin: .25rem 0;}

    .lt1{ display: flex;}
    .lt1 li{flex: 1;margin: 0;}
    .lt1 .a{height: 1rem;padding: 0 5px;box-shadow: -.06rem 0 .06rem rgba(0, 0, 0, .02);}
    .lt1 h4{font-size: .18rem;}
    .lt1 svg{ width: .3rem}
    .tit1{ margin: 0 0 .25rem;}

    .h3-1{font-size: .2rem;margin: 0 0 .1rem;}

    .lt2 .a{height: .75rem;padding: 0;}
    .lt2 .time h3{font-size: .24rem;}
    .lt2 .time h3 span{ font-size: .14rem}
    .lt2 li.on .time:before{ height: .46rem}
    .lt2 h4{white-space: normal;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

    .lt2 .time{ width: 1rem;}
    .lt2 .txt{ width: calc(100% -  1rem);}
    .lt2 .time:before{left: .74rem;}
    .lt3 li{ opacity: 1;}

    .lt4 p{ display: none}
    .lt4{height: 3.6rem;padding: .2rem 15px;}

    .home2 .left{width: 100%;transform: scale(.7);margin: -8vw 0;}
    .home2 .right{ width: 100%; padding: .3rem 0 0;}

    .lt6{ display: none;}
    .lt7Box{ height: 2.6rem}
    .lt7 .a{padding: 0 .25rem;background: url(../images/lt7_b.svg) calc(100% - .25rem) .2rem no-repeat;background-size: .6rem auto;}

    .ar1W{justify-content: center;margin: .25rem 0 0;}
    .ar1W .ar1{ width: .4rem; height: .4rem;}

    .home2 .fl1{padding-bottom: 40vw;}
    .lt8W{ width: 100%;}
    .home3{margin: -40.72vw 0 0;}
    .lt8 .txt{ padding: 0 15px 15px}
    .lt8 h4{ transform: none}

    .home4 .left{width: 100%;margin: 0;order: 1;}
    .home4 .right{width: 100%;min-height: auto;margin: -.2rem 0 0;}

    .home4 .left .ll1{width: 100%;padding: .15rem 0 0;}
    .home4 .left .rr1{width: 100%;margin: .1rem 0 0;/* display: none; */}
    .lt9 h4{padding: 0;font-size: .22rem;}
    .lt9 p{padding: 0;margin: .15rem 0 .25rem;}
    .lt9 dl{margin: 0;}
    .more2{ margin: 0 0 .2rem;}
    .lt9 dl dt span{ font-size: .36rem}
    .lt9 dl .dd{flex: auto;width: 100%;margin: .06rem 0 0;}
    .lt11Box{height: auto;margin: 0;padding: 0;}
    .lt11{height: 0;overflow: hidden;opacity: 0;visibility: hidden;}
    .ar2W{position: relative;right: 0;left: 0;top: auto;transform: none;width: 100%;flex-direction: row;height: auto;justify-content: center;}

    .ar2W .ar2{ transform: rotate(-90deg); margin: 0 .12rem}
    .home4{ padding-top: 0;}
    .home4 .right svg{right: -15px;width: 200vw;pointer-events: none;top: 120vw;}
    .lt10svg{position: relative;top: auto;right: 0;transform: none;padding: 0 20% .75rem;}

    .lt10{flex-direction: row;width: 100%;position: absolute;bottom: 0;left: 0;transform: none;justify-content: center;margin: 0 0 .25rem;}
    .lt10 .a{width: 1.3rem;height: .45rem;font-size: .2rem;}

    .home5 .left{ width: 100%}
    .home5 .right{width: 100%;padding: .15rem 0 0;}

    .lt13{height: auto;margin: .1rem 0 0;}
    .lt13 li{ padding: .16rem 0}

    .lt14Box .dots{ display: none}
    .lt14Box .dots span{transform: scale(.7);margin: 0 .04rem !important;}
    .lt14Box .dots span.active{transform: scale(1);margin: 0 .1rem !important;}
    .lt14 .txt{ padding: 0 15px 15px}
    .lt14 .top i{ width: .4rem; height: .4rem}
    .lt12 .top i{ width: .4rem; height: .4rem}
    .lt9 dl dd .a1{ font-size: .14rem}
}