/*翻页条*/
/*.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 .imgBox .img img{
      height: auto;
      max-height: none;
  }
  .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: 0;z-index: -1;overflow: hidden;}
  #waveContainer canvas{ transform: translateY(7vw)}
  .n_b1::before{ display: none;}
  @media(max-width: 769px){
      #waveContainer{bottom: 0;}
    #waveContainer canvas{ transform: translateY(55vw)}
  }
  #ylfq_canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
  }