@charset "utf-8";
/*翻页条*/
/*.pagebar{margin:.8rem auto 0 auto;display: flex;align-items: center;justify-content: center;}
.pagebar>.p_t{align-self: flex-start;line-height: .38rem;}
.p_pages{text-align: center;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
.pagebar *{font-size: .14rem;white-space: nowrap;}
.p_pages span{padding: 0 .1rem;height: .36rem;display: flex;margin: 0 .04rem;box-sizing: border-box;border-radius: 0;min-width: .36rem;color: #333;align-items: center;justify-content: center;position: relative;z-index: 1;margin-bottom: .1rem;}
.p_pages span:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #e5e5e5 1px solid; border-radius: .04rem; z-index: -1}
.p_pages span a{display: flex;align-items: center;border-radius: .04rem;justify-content: center;margin: 0 -.1rem;height: 100%;width: calc(100% + .2rem);padding: 0 .1rem; transition: .5s;}
.p_pages svg{width: .16rem;height: .16rem; transition: .5s;}
.p_pages .p_last + span, .p_pages .p_last + span + span{padding: 0;margin-right: -.05rem;}
.p_pages .p_goto + span{ padding: 0;}
.p_pages .p_t:before{ display: none}
.p_goto{ margin: 0 .03rem}
.p_goto input{display: flex;align-items: center;justify-content: center;height: .36rem;padding: 0;transition: .5s;position: relative;z-index: 1;border: none;border-radius: 0;width: .3rem;}
.p_goto a{display: flex;align-items: center;border-radius: .04rem;justify-content: center;height: .36rem;padding: 0 .1rem;transition: .5s;position: relative;z-index: 1;}
.p_goto a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #e5e5e5 1px solid; border-radius: .04rem; z-index: -1; transition: .5s;}

.p_pages a:hover, .p_pages a.on, .p_goto a:hover{background: #823387;color:#fff!important;}
.p_pages a:hover svg{ fill: #fff}
.p_goto a:hover::before{ border: #823387 1px solid;}*/



.pb_sys_common{
  margin-top: 0.6rem;
  font-family: 'SF-Pro-Text-Regular', "PingFang SC","Microsoft YaHei",Arial,sans-serif,Helvetica Neue,"Helvetica Neue", "Open Sans", "Hiragino Sans GB", sans-serif!important;
}
.pb_sys_style1 .p_no_d{
      border: 1px solid #7e33a4!important;
    background-color: #7e33a4!important;
}
.pb_sys_common{
      font-size: 14px!important;
}
.pb_sys_common .p_fun_d, .pb_sys_common .p_no_d, .pb_sys_common .p_no_o, .pb_sys_common .p_fun a, .pb_sys_common .p_no a{
  border-radius:3px;
      padding: 5px 13px!important;
    height: 34px!important;
    line-height: 22px!important;
   border: 1px solid #e5e5e5!important;
}
.pb_sys_common .p_goto input{
      width: 34px!important;
}
.pb_sys_common .p_goto input, .pb_sys_common .p_search input{
      border: 1px solid #e5e5e5!important;
    height: 34px!important;
    line-height: 22px!important;
   border-radius:3px;
}
.pb_sys_common .p_goto a, .pb_sys_common .p_search a{
      border: 1px solid #e5e5e5!important;
    height: 34px!important;
    line-height: 22px!important;
  border-radius:3px;
}
@media(max-width: 769px){
    /*.pagebar{ margin: .4rem auto 0;}*/

    .pb_sys_common{
  margin-top: 0.4rem;
}
} 

.header.on{ box-shadow: 0 0 0.1rem rgba(0,0,0,.1);}
.header.on::before{opacity: 1;top: 0;}
.header .logo p {color: #666666;}
.header .logo img.i1 {opacity: 0;visibility: hidden;}
.header .logo img.i2 {opacity: 1;visibility: visible;}
.header .topnav ul li > a {color: #101010;}
.header .toplink ul li:before {background: #666;opacity: 0.4;}
.header .toplink ul li .a {color: #666;}
.header .toplink ul li .showSear {color: #666;}
.header .toplink ul li .a i {color: #666;}
.header .topser a {color: #333;}
.header #openBtn .lcbody .lcitem div {background: #333;}
.header .toplink ul li svg {fill: #666;}
.menu-btn .line-1, .menu-btn .line-2, .menu-btn .line-3{ background: #333}

@media(min-width: 769px){
}
@media(max-width: 769px){
} 


.n_container{padding: 1.8rem 0 14.16vw;}

.n_yj{text-align: center;position: relative;padding-bottom: .24rem;margin-bottom: .12rem;}
.n_yj::before{content: "";position: absolute;right: 0;bottom: 0;left: 0;height: .14rem;background: url(../images/n_yj.png) center bottom no-repeat;background-size: auto 100%;} 
.n_yj h4{ font-size: .36rem; color: #333;}
.n_yj h4 font{ color: #823387;}

.n_ej{margin-bottom: .32rem;}
.n_ej ul{ justify-content: center}
.n_ej ul li{padding: 0 1vw;margin-bottom: .1rem;}
.n_ej ul li .a{display: flex;min-width: 1.83rem;height: .48rem;padding: 0 .1rem;justify-content: center;align-items: center;font-size: .24rem;color: #333333;transition: .5s;position: relative;z-index: 1;}
.n_ej ul li .a:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/n_ej.png) center no-repeat;background-size: 100% 100%; opacity: 0; transition: .5s}
.n_ej ul li.on .a:before{ opacity: 1}
.n_ej ul li .a:hover, .n_ej ul li.on .a{ color: #823387}

.ybbks .fl1{position: relative;background: url(../images/ybbks_b1.png) center 65% no-repeat;background-size: 100% auto;}
.ybbks .fl1 .wp{ position: relative}
.ybbks .fl1 .imgBox .img{ padding-bottom: 31.6875%;}
.ybbks i{display: flex;justify-content: center;align-items: center;background: url(../images/bf.png) center no-repeat;width: 10.72vw;height: 10.72vw;background-size: 100% 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.n_tit1{position: absolute;width: 3.06rem;height: 3.06rem;background: url(../images/lizi1.png) center no-repeat;background-size: 100% 100%;top: 14vw;right: .36rem;display: flex;justify-content: center;align-items: center;font-size: .32rem;color: #fff;padding: 0 .3rem;text-align: center;line-height: 1.2;transform-origin: right top;}   

.n_tit2{width: 2.22rem;height: 2.22rem;background: url(../images/lizi2.png) center no-repeat;background-size: 100% 100%;display: flex;justify-content: center;align-items: center;font-size: .32rem;color: #fff;padding: 0 .36rem;text-align: center;line-height: 1.2;}

.ybbks .fl1 .content{margin: .9rem 0 0;align-items: flex-start;}
.ybbks .fl1 .content .left{ width: 2.22rem; }
.ybbks .fl1 .content .right{flex: 1;overflow: hidden;padding: .45rem 0 0 .5rem;}

.ybbks .fl1 .content.bxts{
   display: inline;
}
.ybbks .fl1 .content .left.bxlf{
   float: right;
}
.ybbks .fl1 .content .right.bxrg{
   float: left;
    flex: auto;
    width: calc(100% - 2.72rem);
   padding-left:0rem;
}
.ybbks .fl1 .content .right.bxrg .arc-con p{
  position: relative;
  text-indent: 1.5em;
}
.ybbks .fl1 .content .right.bxrg .arc-con p::before {
    content: "";
    position: absolute;
    top: .1rem;
    left: 0;
    width: .1rem;
    height: .1rem;
    border: #e4cfe9 2px solid;
    border-radius: 50%;
    box-sizing: border-box;
    background: #fff;
}
.h3-1{font-size: .36rem;color: #823387;margin-bottom: .16rem;font-weight: normal;}

.n_b1{background: url(../images/n_b1.jpg) center top no-repeat;background-size: cover;position: relative;z-index: 1;}
.n_b1::before{content: "";position: absolute;height: 100vh;right: 0;bottom: 0;left: 0;background: url(../images/n_b.png) center bottom no-repeat;background-size: 100vw auto;z-index: -1;}

.ybbks .fl2{margin: .9rem 0 0;/* background: url(../images/ybbks_b2.png) center no-repeat; *//* background-size: 100% auto; */padding-bottom: .5rem;}
.ybbks .fl2 .wp{align-items: center;background: url(../images/ybbks_b2.png) center no-repeat;background-size: 100% auto;}
.ybbks .fl2 .box{width: calc((100% - 2.22rem)/2 - 9vw);}
.ybbks .fl2 .center{ width: 2.22rem;}

.ls6 li{ padding: 1vw 0;}
.ls6 .a{background: #fff url(../images/ls6_b1.jpg) left center no-repeat;background-size: cover !important;min-height: 1.6rem;box-shadow: 4.386px 14.345px .56rem 0px rgba(121, 50, 207, 0.14);align-items: center;padding: .2rem .15rem; transition: .5s;}
.ls6 .ico{ font-family:'Barlow italic'; font-size: .44rem; color: #fff;}
.ls6 .txt{flex: 1;overflow: hidden;padding: 0 .1rem 0 2.5vw;}
.ls6 .txt p{ font-size: .16rem; color: #333; line-height: .24rem;}
.ls6 li:nth-child(2){ transform: translateX(4vw)}



.n_tit2c{ margin: 0 auto .4rem; position: relative;}

.ybbks .fl3 p{ font-size: .18rem; color: #333333; text-align: center; margin-bottom: .12rem;}
.ybbks .fl3 .n_tit2c{ position: relative;}
.ybbks .fl3 .n_tit2c::before{ content: ""; position: absolute; left: 50%; top: 1.7rem; width: 1px; height: .76rem; background: #c6b4f8;}
.ybbks .fl3 .n_tit2c::after{content: "";position: absolute;left: 50%;top: 2.4rem;width: .07rem;height: .07rem;background: #8a46a6;border-radius: 50vw;transform: translateX(-50%);}

.ls7{ justify-content: center; }
.ls7 h4{ margin-bottom: .06rem;}
.ls7 h4 big{ font-size: .3rem; color: #333333;}
.ls7 h4 small{ font-size: .24rem; color: #333333; margin: 0 0 0 .1rem;}
.ls7 .imgBox{ width: .94rem; margin: 0 auto; border-radius: 50vw;}
.ls7 .imgBox .img{ padding-bottom: 100%;}

.ls7.flexjs{ justify-content: space-between;}
.ls7.flexjs li{position: relative;width: 1.8rem;text-align: center;}
.ls7.flexjs li::after{content: "";position: absolute;left: 50%;top: -.55rem;width: .07rem;height: .07rem;background: #8a46a6;border-radius: 50vw;transform: translateX(-50%);}
.ls7.flexjs li:nth-child(2)::before{content: "";position: absolute;left: 50%;bottom: calc(100% + .5rem);width: 1px;height: .3rem;background: #c6b4f8;margin: 0 0 0 -.5px;}

.ls7s{width: 8.6rem;max-width: 100%;position: relative;padding: .15rem 0 0;margin: .25rem auto 0;}
.ls7s:before{content: "";position: absolute;top: 0;right: .9rem;left: .9rem;height: 1px;background: #c6b4f8}

.ybbks .fl3-4{background: url(../images/ybbks_b3-4.png) center .6rem no-repeat;background-size: 100% auto;margin: -.4rem 0 0;}
.ybbks .fl4{ padding: .3rem 0 0; background: url(../images/ybbks_b4-1.png) center no-repeat; background-size: 100% 100%;}

.n_pad1{ overflow: hidden;}
.n_tit2W{position: relative;z-index: 2;margin-bottom: -.4rem;}
.n_tit2W .ar1{position: absolute;right: 0;bottom: .25rem;top: auto;transform: none;}

.ar1{ width: 1.1rem}
.ar1 .arrow{width: .44rem;height: 0.44rem;border: #8a4090 1px dashed;border-radius: 50vw;cursor: pointer;font-size: 0.26rem;color: #8a4090;font-family: "lib";display: flex;align-items: center;justify-content: center;transition: 0.5s;background: #fff;box-shadow: 0px 0px 0.3rem 0px rgb(212 226 255);}

.ls8Box{ margin-bottom: .6rem}
.ls8 li{ padding: .7rem 0 0;}
.ls8 .a{display: block;height: 3.5rem;background: #fff;border: #e4e2fc 1px solid;position: relative;z-index: 1;transition: .5s;}
.ls8 .a:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/ls8_b.jpg) center no-repeat;background-size: cover;transition: .5s;opacity: 0;}
.ls8 .top{padding: 0 .2rem;position: relative;top: -.4rem;align-items: flex-start;}
.ls8 .top .imgW{ width: 1.4rem; position: relative; z-index: 1;}
.ls8 .top .imgW::before{content: "";position: absolute;background: url(../images/ls8_b.png) center no-repeat;background-size: cover;width: 100%;height: 100%;transform: scale(1.2);z-index: 1;opacity: 0;transition: .5s;}
.ls8 .top .imgBox{ border-radius: 50vw;}
.ls8 .top .imgBox .img{ padding-bottom: 100%;}
.ls8 .top .txt{flex: 1;overflow: hidden;padding: .65rem 0 0 .2rem;}
.ls8 .top .txt h4{font-size: .2rem;color: #333333;margin-bottom: .06rem;}
.ls8 .top .txt p{font-size: .14rem;color: #666}

 .ls8 .top .imgBox .img img{
      height: auto;
    max-height: none;
}



.ls8 .bottom{padding: 0 .3rem;transform: translateY(0);transition: .5s;}
.ls8 .bottom h4{ font-size: .16rem; line-height: 1.35; }
.ls8 .bottom p{margin-top: .1rem;line-height: .24rem;max-height: calc(.24rem* 5) \0;
      max-height: 1.44rem;
    overflow-y: scroll;
    padding-right: 0.05rem;
    box-sizing: border-box;
}
.ls8 .a.lz{
  height: 2.5rem;
}
.ls8 .bottom h4.lz{
  height:2.7rem;
  overflow: hidden;
    text-overflow:ellipsis; 
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.more1{width: 0.52rem;height: 0.52rem;justify-content: center;align-items: center;position: relative;font-size: 0.12rem;color: #823387;font-family: "Barlow italic";}
.more1::before {content: "";position: absolute;top: 0;left: -0.04rem;width: 100%;height: 100%;background: url(../images/more1.png) center no-repeat;background-size: cover;transition: 0.5s;animation: 10s roted linear 0s infinite;}
.more1::after {content: "";position: absolute;top: 0;right: -0.04rem;width: 100%;height: 100%;background: url(../images/more1.png) center no-repeat;background-size: cover;transition: 0.5s;animation: 10s roted linear 0s infinite;}

.ls8 .a .more1{ position: absolute; right: .3rem; bottom: .2rem; opacity: 0; transition: .5s;}

.ybbks .fl4 .left{width: 2.22rem;order: 1;}
.ybbks .fl4 .right{flex: 1;overflow: hidden;padding: .6rem 1rem 0 .7rem;}

.ybbks .fl4 .right .kygkxq{
      margin-top: 0.5rem;
        float: left;
}

.h3-2{font-size: .5rem;color: #823387;margin-bottom: .16rem;font-weight: normal;font-family: 'Barlow italic';}

.ls9{align-items: center;margin: .1rem -7px 0;}
.ls9 li{ width: 33.33%; padding: 0 7px;}
.ls9 .a{align-items: center;padding: 0 0 0 .7rem;}
.ls9 .ico{ width: 1.36rem; margin: 0 .24rem 0 0;}
.ls9 .txt{ flex: 1; overflow: hidden;}
.ls9 h4{ font-size: .44rem;color: #823387; font-family: 'Barlow italic'; line-height: 1;}
.ls9 h6{ font-size: .18rem; color: #000; margin: .08rem 0 0;}

.ybbks .fl5{ padding: 1rem 0 .8rem;}

.ybbks .fl5 .n_tit2c{ margin-bottom: -2rem;}
.ybbks .fl6{ padding: 1rem 0 0;}
.ls10Box{ overflow: visible;}
.ls10 .a{width: calc(50% - 1.4rem);height: 3rem;background: url(../images/ls10_b.jpg) center no-repeat;background-size: cover;position: relative;z-index: 1;transition: .5s;border: #e4e2fc 1px solid;box-shadow: 4.769px 7.632px .38rem 0px rgba(217, 223, 247, 0.48);padding: 0 .24rem;align-items: center;}
.ls10 .imgBox{ width: 1.68rem;}
.ls10 .imgBox .img{ padding-bottom: 132.14%;}
.ls10 .txt{ flex: 1; overflow: hidden; padding: 0 .26rem;}
.ls10 .top{ margin-bottom: .15rem}
.ls10 .top .ll{ flex: 1; overflow: hidden;}
.ls10 h4{font-size: .2rem;color: #333333}
.ls10 p{font-size: .16rem;color: #333333; margin: .02rem 0 .1rem}
.ls10 h6{font-size: .16rem;color: #823387}
.ls10Box .ar1{position: absolute;left: 50%;transform: translateX(-50%);bottom: .4rem;z-index: 2;}

.h3-3{font-size: .36rem;color: #823387;margin-bottom: .4rem;font-weight: normal; text-align: center;}

.ls11 .a{display: block;position: relative; padding: 0 0 0 .12rem;}
.ls11 .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, 1) 100%);z-index: 1;height: 1rem;}
.ls11 .txt {position: absolute;right: 0;bottom: 0;left: 0;padding: 0 0.2rem 0.12rem .32rem;}
.ls11 .time {
width: 0.64rem;
    height: 0.6rem;
background: url(../images/ls1_b.png) center no-repeat;background-size: 100% 100%;flex-direction: column;justify-content: center;align-items: center;margin: 0 0.24rem 0 0;position: absolute;top: 0.12rem;left: 0;z-index: 1;}
.ls11 .time:before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image: linear-gradient(-37deg, rgb(115, 49, 252) 0%, rgb(130, 51, 135) 100%);z-index: -1;opacity: 0;transition: 0.5s;}
.ls11 .time:after {content: "";position: absolute;width: 0.4rem;height: 1px;background: #8a4090;top: 50%;transition: 0.5s;}
.ls11 .time h3, .ls11 .time h6 {font-size: 0.2rem;color: #8a4090;font-family: "Barlow italic";font-weight: normal;align-items: flex-start;line-height: 1.4;width: 0.6rem;transition: 0.5s;text-align: center;}
.ls11 .time h3 small {font-size: 0.12rem;margin: 0 0 0 0.04rem;transition: 0.5s;}
.ls11 .time h6 {justify-content: flex-end;transition: 0.5s;}
.ls11 h4 {font-size: 0.18rem;color: #fff !important;}

.dots1{margin: .5rem auto 0;justify-content: center;}
.dots1 span{width: .2rem;height: .04rem;background: #dcdcdc;border-radius: 50vw;margin: 0 .06rem !important;opacity: 1; transition: .5s;}
.dots1 span.active{ background: #8a4090; width: .5rem}

.ls10 .top .more1{opacity: 0;}

@media(min-width: 769px){
    .ar1 .arrow:hover{background: #8a4090;color: #fff;}

    .ls8 .a:hover{ border: #fff 1px solid}
    .ls8 .a:hover:before{ opacity: 1}
    .ls8 .a:hover .top .imgW::before{ opacity: 1}
    .ls8 .a:hover .more1{ opacity: 1;}
    .ls8 .a:hover .bottom{ transform: translateY(-.1rem)}

    .ls6 .a:hover{ background: #fff url(../images/ls6_b1s.jpg) left center no-repeat;}
    .right .ls6 .a:hover{ background: #fff url(../images/ls6_b2s.jpg) left center no-repeat;}

    .ls10 .a:hover{ background: #fff url(../images/ls10_bs.jpg) center no-repeat;}

    .right .ls6 .a{ background: #fff url(../images/ls6_b2.jpg) left center no-repeat;}
    .right .ls6 .ico{ order: 1;}
    .right .ls6 .txt{ padding: 0 2.5vw 0 .1rem;}
    .right .ls6 li:nth-child(2){ transform: translateX(-4vw)}

    .ls10 .a:hover .top .more1{ opacity: 1}
}
@media(max-width: 769px){
    .n_container{ padding: 1rem 0 14.16vw;}
    .n_yj h4{ font-size: .24rem;}
    .n_ej ul li .a{font-size: .16rem;min-width: .8rem;height: .36rem;}

    .n_ej{margin-bottom: .15rem;}

    .n_tit1{transform: scale(.4) !important;}

    .ybbks i{ width: 14vw; height: 14vw}

    .n_tit2{width: 1.3rem;height: 1.3rem;font-size: .18rem;padding: 0 .25rem;}
    .ybbks .fl1 .content .left{width: 1.3rem;margin: 0 auto;}
    .ybbks .fl1 .content .right{padding: .25rem 0 0 0;flex: auto;width: 100%;} 
    .ybbks .fl1 .content{ margin: .4rem 0 0}

   .ybbks .fl1 .content .right.bxrg{
      float: right;
      width: calc(100% - 0rem);
}
.ybbks .fl1 .content .left.bxlf{
   float: none;
}
    .h3-1{font-size: .24rem;}

    .ybbks .fl2 .box{ order: 1; width: 100%;}

    .ybbks .fl2{ margin: .4rem 0 0;}
    .ybbks .fl2 .center{ width: 1.3rem; margin: 0 auto;}
    .ls6 li{ transform: none !important;}
    .ls6 .ico{ font-size: .24rem}
    .ls6 .txt{padding: 0 0 0 25px;}
    .ybbks .fl3 .n_tit2c::before{top: 1.2rem;height: .36rem;}
    .ybbks .fl3 .n_tit2c::after{ top: 1.5rem}

    .ls7 h4 big{ font-size: .18rem; }
    .ls7 h4 small{ font-size: .14rem;}
    .ls7.flexjs li{ width: 33.33%;}
    .ls7s:before{ left: 16%; right: 16%;}

    .n_tit2W .ar1{ width: .9rem;}
    .ar1 .arrow{top: auto;transform: none;bottom: 0;width: .36rem;height: .36rem;font-size: .2rem;}
    .n_tit2c{ margin: 0 auto .2rem;}
    .ls8 .a{ height: 3.75rem;}

    .ybbks .fl4 .left{width: 1.3rem;margin: 0 auto;}
    .ybbks .fl4 .right{padding: .15rem 0 0 0;flex: auto;width: 100%;order: 1;}

    .h3-2{ font-size: .28rem}
    .ls8Box{ margin-bottom: .4rem}

    .ls9 .a{padding: 0;flex-direction: column;align-items: center;text-align: center;}
    .ls9{align-items: center;margin: .3rem -7px 0;}
    .ls9 .ico{width: .7rem;margin: 0 auto .15rem;}
    .ls9 h4{ font-size: .24rem}
    .ls9 h6{ font-size: .16rem}

    .ls10 .a{width: 100%;margin-bottom: .2rem;padding: .25rem 15px;height: auto;}

    .ybbks .fl5 .n_tit2c{ margin-bottom: .2rem;}
    .ybbks .fl5{ padding: .4rem 0;}

    .ls10 .top .more1{display: none;}
    .ls10 .top .ll{ width: 100%; flex: auto}

    .ls10 .imgBox{width: 1.4rem;}
    .ls10 p{ -webkit-line-clamp: 2;}
    .ls10 .txt{ padding: 0 0 0 .2rem;}

    .ls10Box{ padding-bottom: .4rem}
    .ls10Box .ar1{ bottom: 0}
    .ar1{ width: .9rem}

    .h3-3{ font-size: .24rem; margin-bottom: .25rem;}
    .ls11 .time{transform: scale(.8);transform-origin: left top;}

    .ybbks .fl3 .n_tit2c{ margin-bottom: .4rem;}
    .n_yj::before{ height: .1rem;}
    .n_yj{ padding-bottom: .18rem;}
}

.about .fl1 .left{ width: 40%; padding: 1.2rem 0 0;}
.about .fl1 .right{ width: 60%;
  padding-top:2vw;
}
.about .fl1 .right .img{ margin-right: calc((100vw - 16rem)/2*-0);}

.h3-4{ font-size: .36rem; color: #333333; margin-bottom: .3rem;}

.ls12{ padding: .3rem 0;}
.ls12 li{width: 33.33%;margin-bottom: .2rem;padding: 0 14px 0 0;}
.ls12 h3{ font-size: .5rem; color: #7631e3; position: relative; z-index: 1;}
.ls12 h3::before{content: "";position: absolute;top: -.06rem;left: .86rem;width: .27rem;height: .27rem;z-index: -1;border: #c461d9 2px dotted;border-radius: 50%; animation: roted 8s infinite linear;}
.ls12 h4{ font-size: .24rem; color: #333333; margin-bottom: .1rem;}
.ls12 h6{ font-size: .16rem; color: rgba(51,51,51,.6);}

.about .arc-con p{ font-size: .2rem;    text-indent: 2em }

.about .fl2{ margin: -10vw 0 0;}
.about .fl2 .left{ width: 40%; padding: 16.5vw 0 0; order: 1;}
.about .fl2 .right{ width: 60%; }
.about .fl2 .right .img{ margin-left: calc((100vw - 16rem)/2*-0);}

@media(max-width: 769px){
    .about .fl1 .left{width: 100%;padding: .1rem 0 0;}
    .about .fl1 .right{width: 100%;margin: -5vw 0 0;}
    .about .fl1 .right .img{ margin: 0;}

    .about .fl2 .left{ width: 100%; }
    .about .fl2 .right{ width: 100%; order: 2;}
    .about .fl2 .right .img{ margin: 0;}

    .h3-4{ font-size: .24rem}

    .ls12{ padding: .1rem 0;}
    .ls12 h3{ font-size: .32rem}
    .ls12 h3:before{ left: .55rem; width: .16rem; height: .16rem}

    .about .arc-con p{ font-size: .16rem}
    .about .fl2{ margin: -5vw 0 0;}
}

.yxdt .fl1 .left{width: 50%;}
.yxdt .fl1 .right{width: 50%; padding: 0 0 0 .2rem;}

.ls13 .a {display: block;position: relative;}
.ls13 .imgBox .img {padding-bottom: 75%;}
.ls13 .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, 1) 100%);z-index: 1;height: 1.5rem;}
.ls13 .txt {box-shadow: 0px 27px 29px 0px rgba(121, 50, 207, 0.03);padding: 0 0.5rem;position: absolute;height: 1.46rem;align-items: center;left: 0;right: 0;bottom: 0;}
.ls13 .time {
width: 0.64rem;
    height: 0.6rem;
background: url(../images/ls1_b.png) center no-repeat;background-size: 100% 100%;flex-direction: column;justify-content: center;align-items: center;margin: 0 0.24rem 0 0;position: relative;top: -0.6rem;z-index: 1;}
.ls13 .time:before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image: linear-gradient(-37deg, rgb(115, 49, 252) 0%, rgb(130, 51, 135) 100%);z-index: -1;opacity: 0;transition: 0.5s;}
.ls13 .time:after {content: "";position: absolute;width: 0.4rem;height: 1px;background: #8a4090;top: 50%;transition: 0.5s;}
.ls13 .time h3, .ls13 .time h6 {
  font-size: 0.2rem;
    color: #8a4090;
    font-family: "Barlow italic";
    font-weight: normal;
    align-items: flex-start;
    line-height: 1.4;
    width: 0.6rem;
    transition: 0.5s; 
  text-align: center;   
}
.ls13 .time h3 small {font-size: 0.12rem;margin: 0 0 0 0.04rem;transition: 0.5s;}
.ls13 .time h6 {justify-content: flex-end;transition: 0.5s;}
.ls13 .con {flex: 1;overflow: hidden;}
.ls13 h4 {margin-bottom: 0.12rem;color: #fff !important;}

.ls14{ margin: 0 -.1rem;}
.ls14 li{ width: 50%; padding: 0 .1rem;}
.ls14 .a{display: block;position: relative;}
.ls14 .imgBox .img{padding-bottom: 58%;}
.ls14 .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, 1) 100%);z-index: 1;height: 1rem;}
.ls14 .txt {position: absolute;right: 0;bottom: 0;left: 0;padding: 0 0.2rem 0.12rem}
.ls14 h4 {font-size: 0.18rem;color: #fff !important;}

.ls14 li:nth-child(1){width: 100%;margin-bottom: .2rem;}
.ls14 li:nth-child(1) .imgBox .img{padding-bottom: 46%;}

.more2{align-items: center;font-size: 0.16rem;color: #fff;position: relative;}
.more2 i {font-size: 0.36rem;color: #fff;font-family: "lib";position: relative;z-index: 1;display: flex;align-items: center;margin: 0 0 0 0.12rem;}
.more2 i::after {content: "";position: absolute;width: 0.18rem;height: 0.18rem;background: #fff;border-radius: 50vw;opacity: 0.15;top: 54%;transform: translateY(-50%);right: 0;z-index: -1;}

.ls15{ margin: .8rem 0 0; min-height:4.5rem;}
.ls15 li{ border-bottom: #ddd9e0 1px solid;}
.ls15 .a{ align-items: center; height: 1.6rem; position: relative; z-index: 1; padding: 0 .5rem;}
.ls15 .a::before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/ls15_b.jpg) center no-repeat; background-size: cover; opacity: 0; z-index: -1; transition: .5s;}   
.ls15 .time {
width: 0.64rem;
    height: 0.6rem;
background: url(../images/ls1_b.png) center no-repeat;background-size: 100% 100%;flex-direction: column;justify-content: center;align-items: center;margin: 0 0.24rem 0 0;position: relative;z-index: 1;}
.ls15 .time:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image: linear-gradient(-37deg, rgb(115, 49, 252) 0%, rgb(130, 51, 135) 100%);z-index: -1;opacity: 0;transition: 0.5s;}
.ls15 .time:after {content: "";position: absolute;width: 0.4rem;height: 1px;background: #8a4090;top: 50%;transition: 0.5s;}
.ls15 .time h3, .ls15 .time h6 {
  font-size: 0.2rem;
    color: #8a4090;
    font-family: "Barlow italic";
    font-weight: normal;
    align-items: flex-start;
    line-height: 1.4;
    width: 0.6rem;
    transition: 0.5s;
   text-align: center;  
}
.ls15 .time h3 small {font-size: 0.12rem;margin: 0 0 0 0.04rem;transition: 0.5s;}
.ls15 .time h6 {justify-content: flex-end;transition: 0.5s;}
.ls15 .txt{ flex: 1; overflow: hidden;}
.ls15 p{ margin: .1rem 0 0;}
.ls15 i{font-size: 0.32rem;color: #8a4090;font-family: "lib";position: relative;z-index: 1;display: flex;align-items: center;margin: 0 0 0 8vw;}
.ls15 i::after {content: "";position: absolute;width: 0.18rem;height: 0.18rem;background: #8a4090;border-radius: 50vw;opacity: 0.15;top: 54%;transform: translateY(-50%);right: 0;z-index: -1; transition: .5s; transform-origin: center 6%;}
.ls15.wtjjl{
  margin-top:0.2rem;
}

.ls15.ssjg{
    margin-top:0.2rem;
}
.ls15.ssjg .a{
      height: 0.8rem;
}
.ls15 .time2{
  width: 1.2rem;height: 0.8rem;
  line-height:0.8rem;
  font-size: 0.2rem;color: #8a4090;font-family: "Barlow italic";font-weight: normal;
}

.ssjg_no{
  width: 6rem;
    margin: 0.6rem auto;
   min-height:4.5rem;
}


@media(min-width: 769px){
    .ls13 .a:hover .time:before{opacity: 1;}
    .ls13 .a:hover .time *{ color: #fff}
    .ls13 .a:hover .time:after{ background: #fff;}
    .ls15 .a:hover::before{ opacity: 1;}

    .ls15 .a:hover{box-shadow: 0px 12px .3rem 0px rgba(121, 50, 207, 0.11);}
    .ls15 .a:hover i{ color: #fff;}
    .ls15 .a:hover i::after{ transform: scale(2) translateY(-50%); opacity: 1;}
    .ls15 .a:hover .time:before{opacity: 1;}
    .ls15 .a:hover .time *{ color: #fff}
    .ls15 .a:hover .time:after{ background: #fff;}

     .ssjg_no{
     width: 80%;
    margin: 0.4rem auto;
   }
}
@media(max-width: 769px){
    .yxdt .fl1 .left{ width: 100%;}
    .yxdt .fl1 .right{ width: 100%; padding: .2rem 0 0;}

    .ls13 .txt{padding: 0 15px;height: 1rem;}
    .ls13 .time{transform: scale(.8);transform-origin: left top;margin: 0;top: .06rem;}
    .ls13 .more2{ display: none}
    .ls13 h4{ margin-bottom: 0}

    .ls14{ margin: 0 -7px;}
    .ls14 li{ width: 100%; padding: 0 7px; margin-bottom: .2rem;}
    .ls14 .imgBox .img{padding-bottom: 58% !important;}

    .ls15{ margin: 0 0 0;}
    .ls15 .a{padding: 0;height: 1.2rem;}
    .ls15 .time{ transform: scale(.8); margin:0 .1rem 0 0}
    .ls15 p{ margin: .04rem 0 0;}
    .ls15 i{ margin: 0 0 0 .2rem; display: none}



}

.h3-5{align-items: flex-start;font-size: .3rem;color: #333333;margin-bottom: .25rem;}
.h3-5 img{margin: .06rem .12rem 0 0;height: .32rem;}


.ls16{margin: 0 -.25rem 0;padding: .4rem 0 0;}
.ls16 li{ padding: 0 .25rem; width: 33.33%; margin-bottom: .8rem;}
.ls16 .a{display: block;height: 2.2rem;background: #fff;position: relative;z-index: 1;transition: .5s; box-shadow: 4.769px 7.632px .38rem 0px rgba(217, 223, 247, 0.48);}
.ls16 .a:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/ls8_b.jpg) center no-repeat;background-size: cover;transition: .5s;opacity: 0;}
.ls16 .top{padding: 0 .2rem;position: relative;top: -.4rem;align-items: flex-start;}
.ls16 .top .imgW{ width: 1.4rem; position: relative; z-index: 1;}
.ls16 .top .imgW::before{content: "";position: absolute;background: url(../images/ls8_b.png) center no-repeat;background-size: cover;width: 100%;height: 100%;transform: scale(1.2);z-index: 1;opacity: 0;transition: .5s;}
.ls16 .top .imgBox{ border-radius: 50vw;}
.ls16 .top .imgBox .img{ padding-bottom: 100%;}
.ls16 .top .txt{flex: 1;overflow: hidden;padding: .65rem .8rem 0 .3rem;}
.ls16 .top .txt h4{font-size: .2rem;color: #333333;margin-bottom: .06rem;}
.ls16 .top .txt p{font-size: .16rem;color: #666;height: .44rem;overflow: hidden;}
.ls16 .bottom{padding: 0 .3rem;transform: translateY(-.1rem);transition: .5s;}
.ls16 .bottom h4{font-size: .16rem;line-height: 1.35;margin: 0 0 .06rem;}
.ls16 .bottom h4 img{
    height: .22rem;
 }
.ls16 .more1{position: absolute;top: .25rem;right: .25rem;opacity: 0;transition: .5s;}


.ls16 .top .imgBox .img img{
      height: auto;
    max-height: none;
}



@media(min-width: 769px){
    .ls16 .a:hover .more1{ opacity: 1}
    .ls16 .a:hover .top .imgW::before{ opacity: 1;}
    .ls16 .a:hover:before{ opacity: 1;}
}
@media(max-width: 769px){
    .ls16 li{ width: 100%; margin-bottom: .6rem;}
    .ls16 .a{height: 2.6rem;}
    .ls16 .bottom h4{ font-size: .16rem !important;}
    .ls16 .top .txt p{ font-size: .14rem;}
    .ls16 .top .txt{flex: 1;overflow: hidden;padding: .6rem .2rem 0 .2rem;}

    .h3-5{ font-size: .24rem;}
    .h3-5 img{margin: .07rem .12rem 0 0;height: .24rem;}
}

.yjspy .fl1{position: relative;background: url(../images/yjspy_b1.png) center 70% no-repeat;background-size: 100% auto;}

.h3-6{font-size: .4rem;color: #333333;writing-mode: tb-rl;font-weight: normal;letter-spacing: .03rem;}

.n_tit3{background: url(../images/n_tit3b.png) center no-repeat;background-size: cover;width: 2rem;padding: .56rem .35rem .56rem .15rem;flex-direction: column;align-items: center;height: 100%;min-width: 2rem;}
.n_tit3 img{width: .78rem;margin: 0 0 .2rem;}
.yjspy .fl2{ padding-bottom: .6rem;}
.yjspy .fl2 .left{margin: .74rem 0 0;width: 1.8rem;}
.yjspy .fl2 .right{ width: calc(100% - 1.8rem); position: relative; z-index: 1; margin: .1rem 0 0; padding: 0 .9rem  .6rem .9rem;}
.yjspy .fl2 .right::before{ content: ""; position: absolute; top: 1rem; right: 0; bottom: 0; left: 0; box-shadow: 4.386px 14.345px .3rem 0px rgba(121, 50, 207, 0.14); z-index: -1; background: #fff;}
.yjspy .fl2 .right .top{ align-items: flex-end; margin-right: -.9rem;}

.yjspy .fl2 .right .arc-con p{
   text-indent: 0em;
}



.yjspy .fl2 .box{ margin: 0 0 .3rem;}
.yjspy .fl2 .con{background: #f2ecfc;border-radius: .1rem;padding: .3rem .5rem;width: 48%;}
.yjspy .fl2 .con .arc-con p{ margin-bottom: 0;}
.yjspy .fl2 .con.w100{ width: 100%; margin-bottom: .1rem;}





.n_tit4{ margin-bottom: -.12rem; position: relative; z-index: 1; margin-top: .25rem;}
.h4-1{border: #c461d9 1px dotted;height: .44rem;border-radius: 50vw;padding: 0 .24rem 0 .14rem;align-items: center;font-size: .2rem;color: #823387;background: rgba(255,255,255,.7);}
.h4-1 i{ display: flex; justify-content: center; align-items: center; width: .25rem; height: .25rem; border: #c461d9 1px dotted; border-radius: 50vw; margin: 0 .12rem 0 0;}
.h4-1 i:before{ content: ""; display: block; width: .15rem; height: .15rem; border-radius: 50vw; background: #c461d9; background-image: linear-gradient( -139deg, rgb(115,49,252) 0%, rgb(130,51,135) 100%);}

.yjspy .fl3{ margin: -.5rem 0 0;}
.yjspy .fl3 .left{order: 1;display: flex;justify-content: flex-end;}

.ybbks .fl10{ background: none;}
.ybbks .fl10 .content{ margin: .2rem 0 0;}

@media(min-width: 769px){
    
}
@media(max-width: 769px){
    .n_tit3{width: 100%;flex-direction: row;padding: .25rem 15px;}
    .yjspy .fl2 .left{width: 100%;margin: .3rem 0 0;}
    .yjspy .fl2 .right{width: 100%;padding: 0 .2rem  0 .2rem;}
    .yjspy .fl2 .right .top{margin-right: 0;}
    .yjspy .fl2 .right::before{ top: .7rem}

    .h3-6{writing-mode: inherit;flex: 1;overflow: hidden; font-size: .24rem}

    .n_tit3 img{width: .4rem;margin: 0 .12rem 0 0;}
    .yjspy .fl2 .con{ padding: .3rem 15px; width: 100%; margin-bottom: .1rem}

    .yjspy .fl3 .right::before{ top: 0}
    .yjspy .fl3 .right .top{ margin-top: -.5rem}
    .n_tit4{ margin-top: .15rem}
    .h4-1{ font-size: .18rem}
    .yjspy .fl2{ padding-bottom: .3rem}
}

.more3 {background: url(../images/more3.png) center no-repeat;background-size: 100% 100%;width: 1.83rem;height: 0.48rem;align-items: center;justify-content: center;font-size: 0.18rem;color: #8a4090;transition: 0.5s;position: relative;z-index: 1;}
.more3:before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image: linear-gradient(-37deg, rgb(115, 49, 252) 0%, rgb(130, 51, 135) 100%);z-index: -1;opacity: 0;transition: 0.5s;}
.more3s::before {opacity: 1;}
.more3s {color: #fff !important;width: 2.4rem;margin: 0 auto;}

.ls17 li{ width: 1.38rem; transition: .5s;}
.ls17 li:nth-child(2n-1){ clip-path: polygon(0 0, 100% .22rem, 100% calc(100% - .22rem), 0 100%);}
.ls17 li:nth-child(2n){ clip-path: polygon(0 .22rem, 100% 0, 100% 100%, 0 calc(100% - .22rem));}

.ls17 .imgBox .img{ padding-bottom: 6.14rem; background: #000;}
.ls17 .imgBox .img img{ opacity: .7;}

.ls17 li.on .imgBox .img img{ opacity: 1;}
.ls17 li.on{ width: calc(100% - 1.38rem*4); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}

.ls18Box{ padding: 0 0 .6rem;}
.ls18{ padding: 0; text-align: center;}
.ls18 p{ margin: .3rem auto .4rem; width: 11.6rem; text-align: left; color: #333333}

.ls18Box .ar1{ margin: .3rem auto .2rem;}

.h3-1c{ text-align: center;}

.yszx .fl2{ padding: .6rem 0;}
.ls11Box{ margin: 0 -.25rem; padding: 0 .25rem}
.ls11s .txt{background: #fff;position: relative;height: 1rem;display: flex;align-items: center;padding: 0 .2rem; box-shadow: 4.386px 14.345px .25rem 0px rgba(121, 50, 207, 0.14);}
.ls11s h4{ color: #333 !important;}

@media(min-width: 769px){
    .more3s:hover{ letter-spacing: 0.02rem; color: #fff;}

    .ls11 .a:hover .time:before{opacity: 1;}
    .ls11 .a:hover .time *{ color: #fff}
    .ls11 .a:hover .time:after{ background: #fff;}
}
@media(max-width: 769px){
    .ls17{ position: relative;}
    .ls17 li{ width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: .5s; opacity: 0; visibility: hidden;}
    .ls17 .imgBox .img{ padding-bottom: 56.27%;}
    .ls17 li:nth-child(1){ position: relative;}
    .ls17 li.on{ opacity: 1; visibility: visible; width: 100%;}
    .ls18Box{padding: 0 0 .3rem;}
    .yszx .fl2{padding: .1rem 0 .4rem;}

    .ls11Box{ margin: 0 -.1rem; padding: 0 .1rem}
    .ls11s .txt{ box-shadow: 4.386px 14.345px .05rem 0px rgba(121, 50, 207, 0.14);}
    .more3{width: 1.2rem;height: .4rem;font-size: .16rem;}
    .more3s{width: 1.1rem;}
    .ls18 p{ margin: .15rem auto .25rem;
      box-sizing: border-box;
    width: auto;
}
}

.jszp .fl1{ padding: 0 0 1.1rem}

.ls19{margin: 0 -.4rem 1.1rem;}
.ls19 li{ width: 33.33%; padding: 0 .4rem;}
.ls19 li:nth-child(2){ margin-top: .55rem;}
.ls19 .a{display: block;position: relative;padding-bottom: .52rem;}
.ls19 .a::before{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; background: url(../images/ls19_b1.png) center no-repeat; background-size: cover; height: .52rem;}
.ls19 .imgBox .img{ padding-bottom: 125%;}
.ls19 .txt{position: absolute;right: 0;bottom: 0;left: 0;padding: 0 .3rem 1rem;z-index: 1;display: flex;justify-content: flex-end;}
.ls19 h4{font-size: .36rem;color: #fff !important;line-height: 1.15;text-align: center;}
.ls19 .txt i{position: absolute;bottom: .24rem;right: .36rem}
.ls19 .txt i img{ width: .62rem}

.ls20Box{ overflow: visible;}
.ls20 li{ width: calc(50% - .2rem); padding: .1rem 0;}
.ls20 .a{ align-items: center; height: 2rem; position: relative; z-index: 1; padding: 0 .4rem; background: #fff; box-shadow: 4.386px 14.345px .25rem 0px rgba(121, 50, 207, 0.14);}
.ls20 .a::before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/ls15_b.jpg) center no-repeat; background-size: cover; opacity: 0; z-index: -1; transition: .5s;}   
.ls20 .time {
 width: 0.64rem;
    height: 0.6rem;
background: url(../images/ls1_b.png) center no-repeat;background-size: 100% 100%;flex-direction: column;justify-content: center;align-items: center;margin: 0 0.24rem .3rem 0;position: relative;z-index: 1;}
.ls20 .time:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image: linear-gradient(-37deg, rgb(115, 49, 252) 0%, rgb(130, 51, 135) 100%);z-index: -1;opacity: 0;transition: 0.5s;}
.ls20 .time:after {content: "";position: absolute;width: 0.4rem;height: 1px;background: #8a4090;;top: 50%;transition: 0.5s;}
.ls20 .time h3, .ls20 .time h6 {
   font-size: 0.2rem;
    color: #8a4090;
    font-family: "Barlow italic";
    font-weight: normal;
    align-items: flex-start;
    line-height: 1.4;
    width: 0.6rem;
    transition: 0.5s;   
   text-align: center;  
}
.ls20 .time h3 small {font-size: 0.12rem;margin: 0 0 0 0.04rem;transition: 0.5s;}
.ls20 .time h6 {justify-content: flex-end;transition: 0.5s;}
.ls20 .txt{ flex: 1; overflow: hidden;}
.ls20 p{ margin: .1rem 0 0;}

@media(min-width: 769px){
    .ls20 .a:hover{box-shadow: 0px 12px .3rem 0px rgba(121, 50, 207, 0.11);}
    .ls20 .a:hover i::after{ transform: scale(2) translateY(-50%); opacity: 1;}
    .ls20 .a:hover .time:before{opacity: 1;}
    .ls20 .a:hover .time *{ color: #fff}
    .ls20 .a:hover .time:after{ background: #fff;}
    .ls20 .a:hover::before{ opacity: 1;}
    .ls20 .a:hover i{ color: #fff;}
}
@media(max-width: 769px){
    .ls19{margin: 0 -4px .2rem;}
    .ls19 li{width: 33.33%;padding: 0 4px; margin-bottom: .2rem}
    .ls19 li:nth-child(2){ margin: 0;}
    .ls20 li{ width:100%}
    .ls19 .a{ padding-bottom: .4rem}

    .ls20 .a{padding: 0 15px 0 10px;height: 1.5rem;}
    .ls20 .time{transform: scale(.8);margin: 0 .1rem .3rem 0;}
    .ls20 p{ margin: .04rem 0 0;}
    .jszp .fl1{ padding: 0 0 .4rem}
    .dots1{margin: .3rem auto 0;}
    .ls19 h4{ font-size: .18rem;}
    .ls19 .txt i img{width: .24rem;}
    .ls19 .txt i{bottom: .3rem;right: .24rem;}
    .ls19 .txt{padding: 0 .15rem .65rem;}
}


.ls1 .a {display: block;}
.ls1 .imgBox .img {padding-bottom: 56.028%;}
.ls1 .txt {background: #fff;box-shadow: 0px 27px 29px 0px rgba(121, 50, 207, 0.03);padding: 0 0.14rem;position: relative;height: 1.46rem;align-items: center;}
.ls1 .time {
width: 0.64rem;
    height: 0.6rem;
background: url(../images/ls1_b.png) center no-repeat;background-size: 100% 100%;flex-direction: column;justify-content: center;align-items: center;margin: 0 0.24rem 0 0;position: relative;top: -0.6rem;z-index: 1;}
.ls1 .time:before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image: linear-gradient(-37deg, rgb(115, 49, 252) 0%, rgb(130, 51, 135) 100%);z-index: -1;opacity: 0;transition: 0.5s;}
.ls1 .time:after {content: "";position: absolute;width: 0.4rem;height: 1px;background: #8a4090;top: 50%;transition: 0.5s;}
.ls1 .time h3, .ls1 .time h6 {
font-size: 0.2rem;color: #8a4090;font-family: "Barlow italic";font-weight: normal;display: flex;align-items: flex-start;line-height: 1;width: 0.6rem;transition: 0.5s;
text-align: center;  
}
.ls1 .time h3 small {font-size: 0.18rem;margin: 0 0 0 0.04rem;transition: 0.5s;}
.ls1 .time h6 {justify-content: flex-end;transition: 0.5s;}
.ls1 .con {flex: 1;overflow: hidden;}
.ls1 h4 {margin-bottom: 0.12rem;}

.xyfc .fl2{ padding: .6rem 0 0;}
.xyfc .left{ width: 55%; display: flex; flex-direction: column; align-items: flex-end;}
.xyfc .right{ width: 43.75%; display: flex; flex-direction: column; align-items: flex-start;}

.ls21 .a {display: block;}
.ls21 .imgBox .img {padding-bottom: 56.028%;}
.ls21 .txt {background: #fff;box-shadow: 0px 27px 29px 0px rgba(121, 50, 207, 0.03);padding: 0 0 0 .5rem;position: relative;height: 1.8rem;align-items: center; z-index: 1;}
.ls21 .txt::before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/ls15_b.jpg) center no-repeat; background-size: cover; opacity: 0; z-index: -1; transition: .5s;}   
.ls21 .time {
width: 0.64rem;
    height: 0.6rem;
background: url(../images/ls1_b.png) center no-repeat;background-size: 100% 100%;flex-direction: column;justify-content: center;align-items: center;margin: 0;position: relative;top: -0.7rem;z-index: 1;}
.ls21 .time:before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image: linear-gradient(-37deg, rgb(115, 49, 252) 0%, rgb(130, 51, 135) 100%);z-index: -1;opacity: 0;transition: 0.5s;}
.ls21 .time:after {content: "";position: absolute;width: 0.4rem;height: 1px;background: #8a4090;top: 50%;transition: 0.5s;}
.ls21 .time h3, .ls21 .time h6 {
  font-size: 0.2rem;
    color: #8a4090;
    font-family: "Barlow italic";
    font-weight: normal;
    align-items: flex-start;
    line-height: 1.4;
    width: 0.6rem;
    transition: 0.5s;
  text-align: center; 
}
.ls21 .time h3 small {font-size: 0.18rem;margin: 0 0 0 0.04rem;transition: 0.5s;}
.ls21 .time h6 {justify-content: flex-end;transition: 0.5s;}
.ls21 .con {flex: 1;overflow: hidden;padding: 0 .32rem;}
.ls21 h4 {margin-bottom: 0.12rem;}

.more2 {align-items: center;font-size: 0.16rem;color: #8a4090;position: relative;}
.more2 i {font-size: 0.36rem;color: #8a4090;font-family: "lib";position: relative;z-index: 1;display: flex;align-items: center;margin: 0 0 0 0.12rem;}
.more2 i::after {content: "";position: absolute;width: 0.18rem;height: 0.18rem;background: #8a4090;border-radius: 50vw;opacity: 0.15;top: 54%;transform: translateY(-50%);right: 0;z-index: -1;}

.ls21{ width: 100%;}
.ls22{ max-width: 100%;}
.ls22 li{ margin: .2rem 0 0;}
.ls22 .a {display: block; position: relative; z-index: 1;}
.ls22 .imgBox .img {padding-bottom: 59.5%;}
.ls22 .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, 1) 100%);z-index: 1;height: 1rem;}
.ls22 .txt {padding: 0 .3rem .15rem;position: absolute;align-items: center;right: 0;bottom: 0;left: 0;}
.ls22 .time {
width: 0.5rem;
    height: 0.46rem;
background: url(../images/ls1_b.png) center no-repeat;background-size: 100% 100%;flex-direction: column;justify-content: center;align-items: center;margin: 0 0.24rem 0 0;position: relative;z-index: 1;}
.ls22 .time:before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image: linear-gradient(-37deg, rgb(115, 49, 252) 0%, rgb(130, 51, 135) 100%);z-index: -1;opacity: 0;transition: 0.5s;}
.ls22 .time:after {content: "";position: absolute;width: 0.28rem;height: 1px;background: #8a4090;top: 50%;transition: 0.5s;}
.ls22 .time h3, .ls22 .time h6 {
  font-size: 0.16rem;
    color: #8a4090;
    font-family: "Barlow italic";
    font-weight: normal;
    align-items: flex-start;
    line-height: 1.4;
    width: 0.46rem;
    transition: 0.5s;
   text-align: center;
}
.ls22 .time h3 small {font-size: 0.12rem;margin: 0 0 0 0.04rem;transition: 0.5s;}
.ls22 .time h6 {justify-content: flex-end;transition: 0.5s;}
.ls22 .con {flex: 1;overflow: hidden;padding: 0;}
.ls22 h4{ font-size: .18rem; color: #fff !important}

.ls22s1{ width: 6.2rem; max-width: 100%;}
.ls22s2{ width: 100%;}
.ls22s2 li:nth-child(1){ width: 100%; margin-top: 0 !important}
.ls22s2 li:nth-child(2){ width: 5.6rem; max-width: 100%;}
.ls22s2 li:nth-child(3){ width: 4.58rem; max-width: 100%;}

.xyfc .fl2 .more3{ margin: .5rem auto 0;}

@media(min-width: 769px){
    .ls21 .a:hover .txt::before{ opacity: 1;}
    .ls21 .a:hover .time:before{opacity: 1;}
    .ls21 .a:hover .time *{ color: #fff}
    .ls21 .a:hover .time:after{ background: #fff;}

    .ls22 .a:hover .time:before{opacity: 1;}
    .ls22 .a:hover .time *{ color: #fff}
    .ls22 .a:hover .time:after{ background: #fff;}
}
@media(max-width: 769px){
    .xyfc .left{ width: 100%;}
    .xyfc .right{ width: 100%; padding: .2rem 0 0;}
    .ls22 .txt {padding: 0 15px .15rem;}
    .xyfc .fl2{ padding: .4rem 0 0;}
}
.xyfc{overflow: hidden;position: relative;z-index: 1;}
.xyfc{padding-bottom: 1rem;}
.xyfc .fl1{ padding-bottom: 1rem;}

.ls23Box{ padding: 0 1.3rem; overflow: visible;}
.ls23 .a{ align-items: center;}
.ls23 .imgBox{ width: 7.75rem; margin: 0 .45rem 0 0;}
.ls23 .imgBox .img{ padding-bottom: 56.12%;}
.ls23 .txt{ flex: 1; overflow: hidden;}
.ls23 p{ margin: .15rem 0 0;}
.ls23Box .ls23 p.ps5{
  font-size: .2rem;
}


.ls24W{ position: relative; z-index: 1; margin: .8rem 0 0;}
.ls24W .content{position: absolute;top: 0;left: 0;bottom: 0;z-index: 2;width: 100%;}
.ls24Box{height: calc(100% + 1.2rem);padding: .6rem 0;margin: -.6rem 0;}
.ls24{ height: 100%;}
.ls24 .a{ display: flex; height: 100%; flex-direction: column; align-items: center; justify-content: center; transition: .5s; position: relative; z-index: 1;}
.ls24 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/lizi1.png) center no-repeat; background-size: auto 100%; opacity: 0; z-index: -1; transition: .5s; animation: toted 10s linear infinite;}
.ls24 .dot{ width: .28rem; height: .28rem; border: #c461d9 2px dotted; border-radius: 50vw; display: flex; justify-content: center; align-items: center; transition: .5s;}
.ls24 .dot:before{ content: ""; display: block; width: .15rem; height: .15rem; border-radius: 50vw; background: #c461d9; background-image: linear-gradient( -139deg, rgb(115,49,252) 0%, rgb(130,51,135) 100%);}
.ls24 h4{ font-size: .3rem; color: #7631e3; font-weight: bold; margin: .12rem 0 0; transition: .5s;}
.ls24 .pr2 .a{transform: translateY(1.1vw);}
.ls24 .pr1 .a{transform: translateY(.1vw);}
.ls24 .swiper-slide-prev .a{transform: translateY(2.8vw);}
.ls24 .swiper-slide-prev + li .a{transform: translateY(3.3vw);}
.ls24 .swiper-slide-prev + li + li .a{transform: translateY(1.2vw);}
.ls24 .swiper-slide-prev + li + li + li .a{transform: translateY(0.3vw);}
.ls24 .swiper-slide-prev + li + li + li + li .a{transform: translateY(1.1vw);}

.ls24 li.swiper-slide-active .a::before{ opacity: 1;}
.ls24 li.swiper-slide-active .a .dot{ opacity: 0;}
.ls24 li.swiper-slide-active .a h4{ color: #fff; transform: scale(1.2) translateY(-.2rem);}

.ar2{width: .44rem;height: 0.44rem;border: #8a4090 1px dashed;border-radius: 50vw;cursor: pointer;font-size: 0.26rem;color: #8a4090;font-family: "lib";display: flex;align-items: center;justify-content: center;transition: 0.5s;background: #fff;box-shadow: 0px 0px 0.3rem 0px rgb(212 226 255); position: absolute; top: 50%; transform: translateY(-50%);}
.ar2.prev{ left: 0;}
.ar2.next{ right: 0;}

@media(min-width: 769px){
    .ar2:hover{background: #8a4090;color: #fff;}
}
@media(max-width: 769px){
    .ls23Box{ padding: 0 0 .6rem;}

    .ar2{top: auto;transform: none;bottom: 0;width: .36rem;height: .36rem;font-size: .2rem;}
    .ar2.prev{left: 50%;margin-left: -.45rem;}
    .ar2.next{right: 50%;margin-right: -.45rem;}

    .ls23 .imgBox{width: 100%;margin: 0 0 .2rem 0;}
    .ls23 .txt{ flex: auto; width: 100%;}

    .ls24W{ margin: .5rem 0 0;}
    .ls24 h4{font-size: .2rem;margin: .06rem 0 0;}
    .ls24 .dot:before{ width: .1rem; height: .1rem}
    .ls24 .a{height: .9rem;margin: -.3rem 0 0;}
    .ls24 li.swiper-slide-active .a h4{ color: #fff; transform: scale(1.2) translateY(-.15rem);}
    .xyfc{padding-bottom: .4rem;}
    .xyfc .fl1{ padding-bottom: .5rem;}
}

.yzjy .fl1{ padding: .4rem 0 0;}
.yzjy .wp{ align-items: flex-start;}
.yzjy .left{width: 3.84rem;padding: 0 0 .6rem .6rem;position: relative;z-index: 1;}
.yzjy .left::before{content: "";position: absolute;top: .6rem;left: 0;right: .6rem;bottom: 0;background: url(../images/yzjy_b.png) no-repeat center center;background-size: cover;z-index: -1;}
.yzjy .imgBox .img{ padding-bottom: 117.33%;}
.yzjy .right{ width: calc(100% - 3.84rem - 1rem);}
.yzjy .arc-con{position: relative;z-index: 1;padding: .36rem 0;}
.yzjy .arc-con::before{content: "";position: absolute;top: 0;width: .77rem;height: .66rem;left: 0;background: url(../images/yh1.png) center no-repeat;background-size: cover;z-index: -1;}
.yzjy .arc-con::after{content: "";position: absolute;right: 41%;width: .77rem;height: .66rem;bottom: 0;background: url(../images/yh2.png) center no-repeat;background-size: cover;z-index: -1;}
.yzjy .arc-con p{ text-indent: 2em;}
.qianming{ justify-content: flex-end; color: #333; padding: .15rem 0;}
.qianming h4{ font-size: .3rem}
.qianming p{ font-size: .24rem; margin: .06rem 0 0;}

@media(min-width: 769px){
    .ar2:hover{background: #8a4090;color: #fff;}
}
@media(max-width: 769px){
    .yzjy .left{width: 2rem;margin: 0 auto;padding: 0 0 .2rem .2rem;}
    .yzjy .right{width: 100%;}
    .yzjy .left::before{ top: .2rem; right: .2rem}
    .qianming h4{ font-size: .22rem}
    .qianming p{ font-size: .18rem;}
    .yzjy .fl1{ padding: .2rem 0 0;}
}

.ls25 li{ padding: .3rem .7rem; background: #fff; border-bottom: #caa6d7 1px solid; box-shadow: 4.769px 7.632px .3rem 0px rgba(217, 223, 247, 0.48); margin-bottom: .18rem;}
.ls25 .a{ margin: 0 -7px; }
.ls25 .box{ flex: 1; overflow: hidden; align-items: center; padding: 0 7px;}
.ls25 .imgBox{ width: 1.4rem; border-radius: 50%;}
.ls25 .imgBox .img{ padding-bottom: 100%;}
.ls25 .txt{padding: 0 .4rem;width: 1.8rem;}
.ls25 .txt h4{ font-size: .24rem; color: #823387;}
.ls25 .txt1{ padding: 0 0 0 .4rem; flex: 1; overflow: hidden;}
.ls25 .txt1 h4{ font-size: .3rem; color: #333}
.ls25 .txt1 p{ font-size: .16rem; color: #333; margin: .06rem 0 0}
.ls25 .txt1 p img{
  height: 0.25rem;
}
@media(min-width: 769px){
    .ar2:hover{background: #8a4090;color: #fff;}
}
@media(max-width: 769px){
    .ls25 li{ padding: 0 15px;}
    .ls25 .box{flex: auto;width: 100%;padding: .15rem 7px;}
    .ls25 .imgBox{ width: .8rem}
    .ls25 .txt h4{ font-size: .2rem;}
    .ls25 .txt1 h4{ font-size: .2rem;}
    .ls25 .txt1{ padding: 0 0 0 0; }
    .ls25 .txt1 p{ font-size: .14rem;}
    .ls25 .txt{padding: 0 15px;width: 1.3rem;}
}

.ls26Box{ margin: -.3rem 0; padding: .3rem 0;}
.ls26 li{ text-align: center;}
.ls26 .ico{ width: 1.52rem; height: 1.52rem; border-radius: 50%; background: #fff; box-shadow: 6px 10.392px .4rem 0px rgba(229, 217, 249, 0.73); background: url(../images/ls26_b.png) center no-repeat; background-size: cover; margin: 0 auto;}
.ls26 .ico img{ width: 100%;}
.ls26 .dot{ width: .25rem; height: .25rem; border: #c461d9 1px dotted; border-radius: 50vw; display: flex; justify-content: center; align-items: center; transition: .5s; margin: 0 auto; position: relative; z-index: 2;}
.ls26 .dot:before{ content: ""; display: block; width: .15rem; height: .15rem; border-radius: 50vw; background: #c461d9; background-image: linear-gradient( -139deg, rgb(115,49,252) 0%, rgb(130,51,135) 100%);}
.ls26 .txt{height: .68rem;border: #c461d9 1px dotted;border-radius: 50vw;align-items: center;justify-content: center;padding: 0 .1rem;background: #fff;margin: -.125rem 0 0;position: relative;z-index: 1;box-shadow: 6px 10.392px .4rem 0px rgba(229, 217, 249, 0.73);overflow: hidden;padding-top: .04rem;}
.ls26 .txt::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient( -139deg, rgb(115,49,252) 0%, rgb(130,51,135) 100%); z-index: -1; opacity: 0; transition: .5s;}
.ls26 .txt h4{font-size: .24rem;color: #823387;transition: .5s;line-height: 1.2;}


.ls26 li.on .txt::before{ opacity: 1;}
.ls26 li.on h4{ color: #fff;}


.ls27Box{ padding: .8rem 0 .64rem;}
.ls27 li{ width: 7.74rem;}
.ls27 .imgBox .img{ background: #fff;}
.ls27 .imgBox .img img{ opacity: .5;}
.ls27 li.swiper-slide-active .imgBox .img img{ opacity: 1;}


.h3-7{ align-items: center; font-size: .36rem; color: #823387; font-weight: normal; margin-bottom: .2rem;}
.h3-7 img{ width: .43rem; margin: 0 .1rem 0 0;}

.h4-3{margin-bottom: .2rem;font-size: .24rem !important;color: #823387;margin-bottom: .15rem;}

.yszx .content{background: #fff;box-shadow: 4.386px 14.345px .3rem 0px rgba(129, 76, 194, 0.2);padding: .55rem;margin-bottom: .35rem;}
.yszx .content .box{ margin: .4rem 0 0;}
.yszx .content .box .left{ width: calc(100% - 7.4rem);}
.yszx .content .box .right{ width: 7.4rem; padding: .3rem .3rem 0 1.9rem;}

.ls28{ margin: 0 -.1rem;}
.ls28 li{ width: 50%; padding: 0 .1rem; margin-bottom: .12rem;}
.ls28 .a{height: .68rem;border: #c461d9 1px dotted;border-radius: 50vw;align-items: center;padding: 0 .14rem;background: #fff;position: relative;z-index: 1;box-shadow: 6px 10.392px .4rem 0px rgba(229, 217, 249, 0.73);overflow: hidden;font-size: .24rem;color: #823387; transition: .5s;}
.ls28 .dot{width: .25rem;height: .25rem;border: #c461d9 1px dotted;border-radius: 50vw;display: flex;justify-content: center;align-items: center;transition: .5s;position: relative;z-index: 2;margin: 0 .2rem 0 0;}
.ls28 .dot:before{ content: ""; display: block; width: .15rem; height: .15rem; border-radius: 50vw; background: #c461d9; background-image: linear-gradient( -139deg, rgb(115,49,252) 0%, rgb(130,51,135) 100%);}

.ar3{width: .6rem;height: .6rem;border-radius: 50vw;cursor: pointer;font-size: 0.26rem;color: #8a4090;font-family: "lib";display: flex;align-items: center;justify-content: center;transition: 0.5s;background: #fff;box-shadow: 0px 0px 0.3rem 0px rgb(212 226 255);position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;}
.ar3:after{ content: ""; position: absolute; top: .06rem; right: .06rem; bottom: .06rem; left: .06rem; border: #8a4090 1px dashed; border-radius: 50vw;}
.ar3.prev{ left: 0;}
.ar3.next{ right: 0;}

@media(min-width: 769px){
    .ls28 .a:hover{ background: url(../images/ls28_b.png) center no-repeat; background-size: cover;}
    .ls28 li:nth-child(1), .ls28 li:nth-child(2){ transform: translateX(-.9rem);}
}
@media(max-width: 769px){
    .ls26 .ico{width: .7rem;height: .7rem;}
    .ls26 .txt h4{ font-size: .18rem}

    .ls27Box{padding: .4rem 0 1rem;}

    .ls27 li{ width: 100%}

    .ar3{top: auto;transform: none;bottom: .3rem;width: .48rem;height: .48rem;font-size: .2rem;}
    .ar3.prev{left: 50%;margin-left: -.55rem;}
    .ar3.next{right: 50%;margin-right: -.55rem;}

    .yszx .content{padding: .25rem 15px;box-shadow: 4.386px 14.345px 0.2rem 0px rgba(129, 76, 194, 0.2);}

    .h3-7{ font-size: .24rem;margin-bottom: .2rem;}
    .h3-7 img{ width: .3rem; }

    .yszx .content .box .left{ width: 100%}
    .yszx .content .box .right{width: 100%;padding: .2rem 0 0;}
    .ls28 .a{ font-size: .18rem}
    .ls28 .dot{ margin: 0 .1rem 0 0}
    .ls28 .dot:before{ width: .1rem; height: .1rem}
}

.xyjz .content{position: relative;z-index: 1;margin: -1.25rem .88rem 0;filter: drop-shadow(.04rem .14rem .5rem rgba(129, 76, 194, 0.16));}
.xyjz .content::before{content: "";position: absolute;top: 0;left: 0;bottom: 0;width: calc(50% - 4px);background: #fff;z-index: -1;border-radius: .08rem .4rem .4rem .08rem;border: #fff 2px solid;box-shadow: inset -.4rem 14.345px .5rem 0px rgba(0, 0, 0, 0.05);}
.xyjz .content::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;width: 50%;background: #fff;z-index: -1;border-radius: .4rem .08rem .08rem .4rem;}
.xyjz .content .box{ width: 50%; padding: .8rem; min-height: 6.4rem;}

.xyjz .content .box.left img{ width: 4.17rem; max-width: 100%; margin-bottom: .8rem;}
.xyjz .content .box.left h4{ font-size: .36rem; margin-bottom: .2rem;}

.h4-4{ font-size: .36rem; color: #7631e3; margin-bottom: .7rem; margin-top: .44rem;}

.ls29 li{ margin-bottom: .35rem; align-items: flex-start;}
.ls29 i{ display: block; width: .38rem; margin: .06rem .26rem 0 0;}
.ls29 i img{ width: 100%; }
.ls29 .con{ flex: 1; overflow: hidden;}
.ls29 h6{ font-size: .16rem; color: #8e8e8e;}
.ls29 p{ font-size: .2rem; color: #333333; margin: .1rem 0 0;}

@media(min-width: 769px){
    
}
@media(max-width: 769px){
    .xyjz .content{ margin: -.5rem 5px 0; }
    .xyjz .content .box{width: 100%;padding: .25rem;min-height: auto;background: #fff;border-radius: .08rem;margin: .2rem 0 0;}
    .xyjz .content::before{ display: none;}
    .xyjz .content::after{ display: none;}

    .xyjz .content .box.left img{ margin-bottom: .25rem;}

    .h4-4{font-size: .24rem;margin-bottom: 0.3rem;margin-top: 0.14rem;}
    .ls29 i{ width: .28rem; margin: .06rem .15rem 0 0;}
    .ls29 p{ font-size: .18rem; margin: .06rem 0 0;}
}
.ls30{
   min-height:5rem;
}
.ls30 li{ margin-bottom: .3rem;}
.ls30 .a{ background: #fff; padding: .45rem; box-shadow: 4.769px 7.632px .38rem 0px rgba(217, 223, 247, 0.48); align-items: flex-start;}
.ls30 .imgBox1{ width: 4.6rem;}
.ls30 .txt{ width: calc(100% - 4.6rem); padding: 0 1rem 0 .6rem;}
.ls30 h4{ font-size: .3rem; color: #333333; margin-bottom: .3rem;}
.ls30 .con{align-items: flex-start;margin-bottom: .35rem;}
.ls30 .con .ll{background: url(../images/ls30_b.png) center no-repeat;background-size: cover;padding: 0 .1rem;line-height: .3rem;font-size: .16rem;color: #fff;margin: 0 .2rem 0 0;min-width: .96rem;filter: drop-shadow(0px .06rem .18rem rgba(193, 151, 255, 0.48));}
.ls30 .con p{ flex: 1; overflow: hidden}
.ls30 .con .con1{ flex: 1; overflow: hidden;  align-items: center;}
.ls30 .cons{ align-items: center; margin-bottom: 0 !important;}
.ls30 .con .imgBox{ width: .78rem; margin: 0 .18rem 0 0; border-radius: 50vw;}
.ls30 .con .imgBox .img{ padding-bottom: 100%;}
.ls30 .con .rr{ flex: 1; overflow: hidden;}
.ls30 .con .rr h5{ font-size: .2rem; color: #333333;}
.ls30 .con .rr h6{ font-size: .2rem; color: #333333;}

.ls30 i{font-size: 0.32rem;color: #fff;font-family: "lib";position: absolute;z-index: 1;display: flex;align-items: center;margin: 0 0 0 8vw;top: 50%;right: .48rem;transform: translateY(-50%); opacity: 0;transition: .5s;}
.ls30 i::after {content: "";position: absolute;width: 0.18rem;height: 0.18rem;background: #8a4090;border-radius: 50vw;opacity: 1;top: 54%;transform: scale(2) translateY(-50%);right: 0;z-index: -1; transition: .5s; transform-origin: center 6%;}

.zwzpxx{
  font-size: .24rem;
    color: #823387;
    text-align: center;
    margin: .5rem auto;
    font-weight: bold;
    min-height: 400px;
}


@media(min-width: 769px){
    .ls30 .a:hover i{ opacity: 1;}
}
@media(max-width: 769px){
    .ls30 li{ margin-bottom: .2rem;}
    .ls30 .a{ padding: .25rem 15px;}
    .ls30 .imgBox1{ width: 100%;}
    .ls30 .txt{width: 100%;padding: .25rem 0 0;}
    .ls30 h4{ font-size: .2rem}
    .ls30 .con .imgBox{ width: .6rem}
    .ls30 .con .rr h5{ font-size: .18rem;}
    .ls30 .con .rr h6{ font-size: .18rem;}
    .ls30 .con .ll{ font-size: .14rem;}
}


.ls31{ margin: 0 -.57rem;}
.ls31 li{ width: 50%; padding: 0 .57rem; margin-bottom: .8rem;}
.ls31 .a{padding: 0 .5rem;align-items: center;position: relative;z-index: 1;}
.ls31 .a:before{ content: ""; position: absolute; background: rgba(255,255,255,.5); height: 2.76rem; box-shadow: 4.386px 14.345px .4rem 0px rgba(129, 76, 194, 0.1); top: 50%; transform: translateY(-50%); left: 0; right: 0; z-index: -1; transition: .5s;}
.ls31 .imgBox{ width: 2.62rem;}
.ls31 .imgBox .img{ padding-bottom: 141.22%;}
.ls31 .txt{ width: calc(100% - 2.62rem); padding: 0 0 0 .6rem;}
.ls31 h4{ font-size: .24rem;}
.ls31 .bottom{ align-items: center; margin: .45rem 0 0;}
.ls31 .bottom img{ width: .34rem;}
.ls31 .bottom span{margin: 0 .1rem 0 .15rem;font-size: .18rem;color: #823387;}
.ls31 i{font-size: 0.32rem;color: #8a4090;font-family: "lib";position: relative;z-index: 1;display: flex;align-items: center;}
.ls31 i::after {content: "";position: absolute;width: 0.18rem;height: 0.18rem;background: #8a4090;border-radius: 50vw;opacity: 0.15;top: 54%;transform: translateY(-50%);right: 0;z-index: -1; transition: .5s; transform-origin: center 6%;}

.n_saj{margin-bottom: .6rem;padding: .2rem 0 0;}
.n_saj ul{ justify-content: center;}
.n_saj ul li{padding: 0 4vw;}
.n_saj ul li a{align-items: center;font-size: .24rem;color: #823387;line-height: .3rem;}
.n_saj .dot{width: .25rem;height: .25rem;border: #c461d9 1px dotted;border-radius: 50vw;display: flex;justify-content: center;align-items: center;transition: .5s;margin: 0 .15rem 0 0;position: relative;z-index: 2; opacity: 0; transition: .5s;}
.n_saj .dot:before{ content: ""; display: block; width: .15rem; height: .15rem; border-radius: 50vw; background: #c461d9; background-image: linear-gradient( -139deg, rgb(115,49,252) 0%, rgb(130,51,135) 100%);}

.n_saj li.on .dot{ opacity: 1;}

@media(min-width: 769px){
    .ls31 .a:hover:before{ background: #dbd7fd;}
    .ls31 .a:hover i{ color: #fff;}
    .ls31 .a:hover i::after{ transform: scale(2) translateY(-50%); opacity: 1;}
    .n_saj .a:hover .dot{ opacity: 1;}
}
@media(max-width: 769px){
    .n_saj{margin-bottom: .4rem;padding: 0;}
    .n_saj ul li{padding: .05rem 4px;}
    .n_saj ul li a{ font-size: .2rem}
    .n_saj  .dot:before{ width: .11rem; height: .11rem}

    .ls31{ margin: 0 -7px;}
    .ls31 .a{ padding: 0 15px}
    .ls31 li{ width: 100%; padding: 0 7px; margin-bottom: .2rem;}
    .ls31 .imgBox{ width: 1.5rem;}
    .ls31 .a:before{ height: 1.6rem}
    .ls31 .txt{ width: calc(100% - 1.5rem); padding: 0 0 0 .2rem;}
    .ls31 .bottom{ margin: .15rem 0 0;}
    .ls31 .bottom img{ width: .2rem;}
    .ls31 .bottom span{margin: 0 .06rem 0 .1rem;font-size: .16rem;}
}

.n_pad2{ overflow: hidden; padding: .5rem 0;}
.zzjg .fl1{background: url(../images/maps.png) center top no-repeat;background-size: 100% auto;height: 86.875vw;margin: -17vw 0 0;position: relative;}
.zzjgs .fl1{
  min-height:4.5rem;
}
.ls32 li{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: .86rem; height: .86rem; cursor: pointer;}
.ls32 .box1{position: relative;transition: .5s;}
.ls32 .box1 span{position: absolute;top: 18%;left: 68%;font-size: .18rem;color: #7a64f9;white-space: nowrap;}
.ls32 .box2{position: absolute;width: 1.64rem;height: 2.42rem;background: url(../images/ls32_b1.png) center no-repeat;background-size: cover;left: 50%;transform: translateX(-50%);bottom: -18%;opacity: 0; visibility: hidden;transition: .5s;}
.ls32 .box2 .left{flex: 1;overflow: hidden;display: flex;flex-direction: column;}
.ls32 .box2 .left{ min-width: 2.18rem;}
.ls32 .box2 .right{width: .32rem;height: 1.7rem;position: relative;z-index: 1;padding: .15rem 0 0;text-align: center;margin: 0 0 0 .08rem;}
.ls32 .box2 .right:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: linear-gradient( 0deg, rgb(128,105,251) 0%, rgb(128,105,251) 100%);border: #fff 1px solid;border-radius: .08rem;-webkit-mask: linear-gradient(0deg, transparent 0%, #fff 100%);mask: linear-gradient(0deg, transparent 0%, #fff 100%);}
.ls32 .box2 .right img{ width: .16rem; margin: 0 0 .1rem 0}
.ls32 .box2 .right h4{font-size: .18rem;color: #fff;writing-mode: tb-rl;margin: 0 auto;}
.ls32 .box2 .con{flex-wrap: nowrap;position: absolute;right: .46rem;}
.ls32 .box2 .left h4{font-size: .15rem;color: #fff;background-color: rgb(128, 105, 251);border: #fff 1px solid;border-radius: .08rem;padding: .05rem;box-shadow: inset 0 0 .1rem rgba(255,255,255,1);margin-bottom: .06rem;}
.ls32 .box2 .left .imgBox{ border-radius: .08rem; border: #fff 1px solid;}

.ls32 li:nth-child(1){top: 42%;left: 56%;}
.ls32 li:nth-child(2){top: 34.5%;left: 65.5%;}
.ls32 li:nth-child(3){top: 43%;left: 71.5%;}
.ls32 li:nth-child(4){top: 44%;left: 75.5%;}

@media(min-width: 769px){
    .ls32 li:hover .box1{ opacity: 0; visibility: hidden;}
    .ls32 li:hover .box2{ opacity: 1; visibility: visible;}
}
@media(max-width: 769px){
    .ls32 li{ transform: translate(-50%, -50%)}
    .ls32 li .box1{transform: scale(.5);transform-origin: center 90%;}
}

.rydw_d .fl1 .left{ width: calc(100% - 3.82rem - .6rem);}
.rydw_d .fl1 .right{ width: 3.82rem;}
.rydw_d .fl1 .right .box{ padding: .6rem .44rem .9rem; background: url(../images/rydw_d_b.jpg) center no-repeat; background-size: cover; background-size: cover;}
.rydw_d .fl1 .right .con{ margin-bottom: .4rem;}
.rydw_d .fl1 .right h4{font-size: .24rem;color: #333;font-family:'SF-Pro-Text-Light';text-transform: capitalize;}
.rydw_d .fl1 .right h6{font-size: .18rem;color: #333;margin: .03rem 0 0;line-height: 1.5;
      word-break: break-all;
}
.rydw_d .fl1 .right h6 img{
  height: 0.22rem;
}
.sticky{position: sticky;top: 1.4rem;}

.rydw_d .h3-5{ margin-bottom: .15rem;}
.rydw_d .box1{ align-items: center; margin-bottom: .65rem;}
.rydw_d .box1 .imgBox{ width: 3rem; border-radius: 50%; margin: 0 .5rem 0 0;}
.rydw_d .box1 .imgBox .img{ padding-bottom: 100%;}
.rydw_d .box1 .con{ flex: 1; overflow: hidden;}
.rydw_d .box1 .con h3{ font-size: .5rem; color: #333333; font-weight: normal;}
.rydw_d .box1 .con .h4{ margin-bottom: .2rem;}
.rydw_d .box1 .con h4{ font-size: .36rem; color: #333333; font-weight: normal; }
.rydw_d .box1 .con h6{ font-size: .2rem; color: #333333; opacity: .7; margin-bottom: .25rem;}
.rydw_d .box1 .con p{ font-size: .2rem; color: #333333; line-height: .36rem;}

    .rydw_d .box1 .imgBox .img img{
       height: auto;
    max-height: none;
}

.rydw_d .box .arc-con p{ font-size: .18rem;    text-indent: 0rem;}

.rydw_d .box0{ margin-bottom: .5rem;}
.rydw_d .box0 .arc-con{ margin: 0 0 0 .5rem; position: relative}
.rydw_d .box2 .arc-cons1:before{ content: ""; position: absolute; left: .05rem; top: .16rem; bottom: .16rem; width: 1px; background: #e4cfe9}
.rydw_d .box2 .arc-cons1 p{ margin-bottom: .04rem !important; padding: 0 0 0 .24rem; position: relative;}
.rydw_d .box2 .arc-cons1 p:before{content: "";position: absolute;top: .12rem;left: 0;width: .1rem;height: .1rem;border: #e4cfe9 2px solid;border-radius: 50%;box-sizing: border-box; background: #fff}

.rydw_d .box0 .arc-cons1 p{ margin-bottom: .04rem !important;}

.h4-2{ position: relative; font-size: .24rem; color: #823387; padding: 0 0 0 .24rem; position: relative; margin-bottom: .12rem;}
.h4-2::before{content: "";position: absolute;top: 50%;left: 0;width: .11rem;height: .11rem;background: #823387;border-radius: 50%;transform: translateY(-50%);}

.ls33{ margin: 0 0 0 .5rem;}
.ls33 li{ width: calc(50% - .09rem); padding: .1rem 0;}
.ls33 .a{align-items: center;height: 1.4rem;position: relative;z-index: 1;padding: 0 .2rem;background: #fff;box-shadow: 4.386px .14rem .25rem 0px rgba(121, 50, 207, 0.14);}
.ls33 .a::before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/ls15_b.jpg) center no-repeat; background-size: cover; opacity: 0; z-index: -1; transition: .5s;}   
.ls33 .time {width: 0.65rem;height: 0.6rem;background: url(../images/ls1_b.png) center no-repeat;background-size: 100% 100%;flex-direction: column;justify-content: center;align-items: center;margin: 0 0.24rem 0 0;position: relative;z-index: 1;}
.ls33 .time:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image: linear-gradient(-37deg, rgb(115, 49, 252) 0%, rgb(130, 51, 135) 100%);z-index: -1;opacity: 0;transition: 0.5s;}
.ls33 .time:after {content: "";position: absolute;width: 0.4rem;height: 1px;background: #8a4090;top: 50%;transition: 0.5s;}
.ls33 .time h3, .ls33 .time h6 {
   font-size: 0.2rem;
    color: #8a4090;
    font-family: "Barlow italic";
    font-weight: normal;
    align-items: flex-start;
    line-height: 1.4;
    width: 0.6rem;
    transition: 0.5s;  
    text-align: center;   
}
.ls33 .time h3 small {font-size: 0.12rem;margin: 0 0 0 0.04rem;transition: 0.5s;}
.ls33 .time h6 {justify-content: flex-end;transition: 0.5s;}
.ls33 .txt{ flex: 1; overflow: hidden;}
.ls33 h4{ font-size: .16rem; line-height: .24rem; max-height: .72rem\0;}

@media(min-width: 769px){
    .ls33 .a:hover{box-shadow: 0px 12px .3rem 0px rgba(121, 50, 207, 0.11);}
    .ls33 .a:hover i::after{ transform: scale(2) translateY(-50%); opacity: 1;}
    .ls33 .a:hover .time:before{opacity: 1;}
    .ls33 .a:hover .time *{ color: #fff}
    .ls33 .a:hover .time:after{ background: #fff;}
    .ls33 .a:hover::before{ opacity: 1;}
    .ls33 .a:hover i{ color: #fff;}
}
@media(max-width: 769px){
    .rydw_d .fl1 .left{ width: 100%;}
    .rydw_d .fl1 .right{ width: 100%;}

    .rydw_d .box1 .imgBox{width: 1.5rem;margin: 0 .2rem 0 0;}
    .rydw_d .box1 .con h3{ font-size: .24rem;}
    .rydw_d .box1 .con h6{font-size: .16rem;margin-bottom: .15rem;}
    .rydw_d .box1 .con p{font-size: .16rem;line-height: 1.75;}

    .rydw_d .box0 .arc-con{ text-align: inherit}
    .rydw_d .box .arc-con p{ font-size: .16rem;
     word-break: break-all;
}
    .h4-2{ font-size: .2rem;}

    .ls33 li{ width: 100%;}
    .ls33 .a{padding: 0 15px 0 10px;height: 1.2rem;}
    .ls33 .time{transform: scale(.8);margin: 0 .1rem 0 0;}
    .ls33 p{ margin: .04rem 0 0;}

    .rydw_d .fl1 .right .box{ padding: .25rem 15px}
    .rydw_d .fl1 .right .con{ margin-bottom: .25rem;}
    .rydw_d .fl1 .right h4{ font-size: .22rem;}
    .rydw_d .fl1 .right h6{ font-size: .18rem;}

    .rydw_d .box1 .con h4{ font-size: .24rem;}
}

.details .fl1{ padding: .3rem 0 0;}
.details .fl1 .left{ 
  /*width: calc(100% - 3.82rem - .6rem);*/
  width:100%;
}
.details .fl1 .left .more3s{ margin: .6rem 0 0;}
.details .fl1 .right{ width: 3.82rem;
  display:none;
}

.arc-tit{
  margin-bottom: 0.3rem;
       border-bottom: #eee 1px solid;
    overflow: hidden;
    padding-bottom: 0.3rem;
}
.arc-tit h3{ font-size: .36rem; color: #333333; font-weight: normal; line-height: 1.35;
   text-align: center;
} 

.arc-tit h4{
      text-align: center;
    font-size: 0.16rem;
    margin-top: 0.12rem;
}

.ls34 li{ margin-bottom: .2rem;}
.ls34 .a{display: block;position: relative;}
.ls34 .imgBox .img{padding-bottom: 58%;}
.ls34 .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, 1) 100%);z-index: 1;height: 1rem;}
.ls34 .txt {position: absolute;right: 0;bottom: 0;left: 0;padding: 0 0.2rem 0.12rem}
.ls34 h4 {font-size: 0.18rem;color: #fff !important;}

@media(min-width: 769px){
}
@media(max-width: 769px){
    .details .fl1 .left{ width: 100%;}
    .details .fl1 .right{ width: 100%; margin: .4rem 0 0;}

    .details .fl1 .left .more3s{ margin: .3rem 0 0;}
    .arc-tit{ margin-bottom: .3rem;}
    .arc-tit h3{ font-size: .24rem;}
    .details .fl1{ padding: 0;}
    .ls27 .imgBox .img img{ opacity: 1;}
}

.ls35{ margin: 0 -.24rem;}
.ls35 li{ width: 33.33%; padding: 0 .24rem; margin-bottom: .28rem;}
.ls35 .a{ display: block; background: #fff; box-shadow: 4.769px 7.632px 38px 0px rgba(217, 223, 247, 0.48); padding: .4rem .4rem .48rem; box-shadow: 4.769px 7.632px .38rem 0px rgba(217, 223, 247, 0.48);}
.ls35 h4{ margin: .1rem 0 .15rem;}
.ls35 h6{ font-size: .24rem;}
.ls35 .more2{ margin: .4rem 0 0;}

@media(min-width: 769px){
}
@media(max-width: 769px){
    .ls35{ margin: 0 -7px;}
    .ls35 li{ width: 100%; padding: 0 7px; margin-bottom: .2rem;}
    .ls35 .more2{ margin: .2rem 0 0;}
    .ls35 .a{ padding: .25rem 15px;}
    .ls35 h6{ font-size: .2rem;}
    .ybbks .fl6{ padding: 0 0 0;}
}

.n_b1{ overflow: hidden;}
#waveContainer{position:absolute;left:0;right:0;bottom:-7vw; z-index: -1;}
.n_b1::before{ display: none;}
@media(max-width: 769px){
    #waveContainer{ bottom: -55vw;}
}
#ylfq_canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}