@charset "utf-8";

@font-face {
    font-family: 'SourceHanSansCN-Heavy';
    src: url('../fonts/SourceHanSansCN-Heavy.woff') format('woff');
    font-display: swap;
}
@font-face {font-family: "PingFang";src: url("../fonts/PingFang.ttf") format("truetype");font-display: swap;}

.n_banner .img img{
    display: block;
    width: 100%;
}
.n_banner .top{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1.88rem;
    z-index: 5;
}
.n_banner .top h2{
    font-size: .7rem;
    line-height: .88rem;
    color: #FFFFFF;
    font-family: oppo;
    text-transform: uppercase;
}
.n_banner .top h2 span{
    color: #861A98;
}
.posi{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: .11rem;
}
.posi img{
    display: block;
    width: .23rem;
    height: .19rem;
    margin-right: .1rem;
    transform: translateY(-.03rem);
}
.posi a,
.posi span{
    display: block;
    font-size: .18rem;
    line-height: .28rem;
    color: #FFFFFF;

}
.posi span{
    margin: 0 .08rem;
}
.n_banner:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: url("../images/n-bmask.png") no-repeat top left/auto 100%;
}
.n_banner{
    position: relative;
}

/*n_dh*/

.n_erji{
    gap: 0 .75rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}
.n_erji li a{
    height: .9rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: .18rem;
    line-height: .26rem;
    color: #FFFFFF;
    /* text-align: left; */
}
.n_erji li:after{
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0;
    height: .03rem;
    background: #fff;
    transition: .5s;
}
.n_erji li:hover:after,
.n_erji li.active:after{
    left: 0;
    right: 0;
}
.n_erji li {
    position: relative;
}

.n_dh{
    position: relative;
    background: url("../images/n_dh.png") no-repeat 50%/cover;
}
.inner-page{
    position: relative;
    padding: 1rem 0;
    z-index: 2;
    background: url("../images/inner-page1.png") no-repeat top left/contain;
}
.inner-page:after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 9.59rem;
    height: 6.83rem;
    background: url("../images/inner-page2.png") no-repeat 50%/100%;
    z-index: -1;
}
.inner-page .inner_bg1{
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 28.38vw;
    height: 47.4vw;
    background: url("../images/inner-page3.png") no-repeat bottom center/100%;
    z-index: -1;
}
.inner-page2{
    background: url("../images/inner-page4.png") no-repeat top center/cover;
}
.inner-page2:before,
.inner-page2:after{
    display: none;
}
.inner-page3:before,
.inner-page3:after,
.inner-page4:before,
.inner-page4:after,
.inner-page5:before,
.inner-page5:after{
    display: none;
}
.inner-page3{
    padding: 0;
    background: transparent;
}
.inner-page4{
    background: url("../images/inner-page5.jpg") no-repeat bottom center/cover;
}
.inner-page5{
    background: #fff url("../images/inner-page6.png") no-repeat bottom center/100% auto;
}

.inner-page6{
    background: #fafafe url("../images/n-img-63.png") no-repeat top center/100% auto;
}

/*inner_s1*/

.inner_s1 .tab-tit{
    display: flex;
    flex-wrap: wrap;
    gap: 0 .6rem;
}
.inner_s1 .tab-tit .li:before{
    position: absolute;
    content: '';
    left: 50%;
    top: calc(100% + .2rem);
    width: .78rem;
    height: .73rem;
    background: url("../images/n-img-1.png") no-repeat 50%/100%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.inner_s1 .tab-tit .li:after{
    position: absolute;
    content: '';
    left: 50%;
    top: calc(100% + .97rem);
    width: .01rem;
    height: 0;
    background: rgba(134, 26, 152, 0.3);
    transform: translateX(-50%);
    transition: .5s;
}

.inner_s1 .tab-tit .li{
    font-size: .28rem;
    line-height: .58rem;
    color: #861A98;
    position: relative;
    text-transform: uppercase;
    cursor: pointer;
    transition: .5s;
}
.inner_s1 .tab-tit .li.active:before{
    opacity: 1;
    visibility: visible;
}
.inner_s1 .tab-tit .li.active:after{
    height: .8rem;
}
.inner_s1 .tab-tit .li.active{
    font-size: .38rem;
    font-weight: 700;
}
.inner_s1 .box_motto .box_r{
    width: 53.87%;
    padding: .37rem .81rem .45rem .37rem;
    background: url("../images/n-img-3.png") no-repeat bottom right/cover;
}
.inner_s1 .box_motto .txt-box h3{
    font-size: .28rem;
    line-height: .42rem;
    color: #FFFFFF;
    font-weight: 700;
    margin-bottom: .27rem;
}
.inner_s1 .box_motto .txt-box .p{
    font-size: .18rem;
    line-height: .28rem;
    color: #FFFFFF;
}
.inner_s1 .box_motto .txt-box .p h4{
    font-weight: 700;
}
.inner_s1 .box_motto .txt-box .p + .p{
    margin-top: .25rem;
}
.inner_s1 .box_motto .box_l{
    width: 50.06%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 5;
}
.inner_s1 .box_motto .box_l .img{
    height: 3.8rem;
    padding: .28rem;
    display: flex;
    align-items: center;
    justify-content: center;

}
.inner_s1 .box_motto .box_l .img img{
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
}
.inner_s1 .box_motto .img img{
    display: block;
    width: 100%;
}
.inner_s1 .box_motto .img{
    background: #FFFFFF;
    box-shadow: 0 .02rem .14rem rgba(134, 26, 152, 0.2067);
}
.inner_s1 .box_motto{
    position: relative;
}
.inner_s1 .tab-cont .child{
    display: none;
}
.inner_s1 .tab-cont .child.active{
    display: block;
}
.inner_s1 .tab-cont{
    margin-top: 1.84rem;
}
.inner_s1 .top{
    padding-bottom: .83rem;
    border-bottom: 1px solid rgba(134, 26, 152, 0.2);
}
.inner_s1 .bot ul li a{
    padding: .235rem .39rem .235rem .57rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: url("../images/n-img-5.png") no-repeat 50%/cover;
    border-radius: .5rem;
}
.inner_s1 .bot ul li h4{
    flex: 1;
    font-size: .2rem;
    line-height: .3rem;
    color: #FFFFFF;
}
.inner_s1 .bot ul li img{
    display: block;
    width: .32rem;
    height: .32rem;
    margin-left: .2rem;
    flex-shrink: 0;
}

.inner_s1 .bot ul li{
    padding: .05rem;
    position: relative;
    border: .01rem solid #861A98;
    border-radius: .5rem;
}
.inner_s1 .bot ul li + li{
    margin-top: .35rem;
}
.inner_s1 .bot{
    margin-top: .83rem;
}
.inner_s1:after{
    position: absolute;
    content: '';
    right:calc((100vw - 15rem) / -2);
    top: -1.09rem;
    width: 6.13rem;
    height: 11.59rem;
    background: url("../images/n-img-6.png") no-repeat 50%/100%;
    z-index: -1;
}
.inner_s1{
    position: relative;
    margin: .09rem 0 1.68rem;
}
/*inner_s2*/

.inner_s2 .top h3{
    font-size: .5rem;
    line-height: .52rem;
    color: #333333;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
}
.inner_s2 .top h3 span{
    color: #861A98;
}
.inner_s2 .top h3:after{
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0;
    width: 2.66rem;
    height: 1.7rem;
    background: url("../images/n-img-7.png") no-repeat 50%/100% auto;
    transform: translateX(-50%);
    z-index: -1;
}
.inner_s2 .top{
    position: relative;
}

.inner_s2 ul li{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.inner_s2 ul li .con{
    width: 50%;
    padding-left: .7rem;
    position: relative;
}
.inner_s2 ul li .con .img-box{
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    background: url("../images/n-img-9.png") repeat-y right bottom/1.08rem auto;
}
.inner_s2 ul li .img-box time{
    width: 1.1rem;
    margin-top: .42rem;
    flex-shrink: 0;
    display: flex;
    justify-content: flex-end;
}
.inner_s2 ul li .img-box time span{
    display: block;
    font-size: .7rem;
    line-height: 1;
    color: #861A98;
    opacity: .2;
    writing-mode: tb-lr;
    writing-mode: vertical-lr;
    font-family: 'SourceHanSansCN-Heavy',sans-serif;
    max-height: 100%;
}
.inner_s2 ul li .img-box .img{
    flex: 1;
    height: 3.59rem;
}
.inner_s2 ul li .txt-box h4{
    font-size: .18rem;
    line-height: .27rem;
    color: #666666;
    /*height: .54rem;*/
}
.inner_s2 ul li .txt-box h5{
    font-size: .2rem;
    line-height: .3rem;
    color: #861A98;
    font-weight: bold;
    margin-top: .14rem;
}
.inner_s2 ul li .txt-box{
    padding: .31rem 1.1rem .2rem .4rem;
}
.inner_s2 ul li .con a:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: .01rem solid rgba(134, 26, 152, 0.2);
    z-index: -1;
}
.inner_s2 ul li .con a{
    display: block;
    position: relative;
    background: #fff;
    z-index: 2;
}
.inner_s2 ul li .con .dots{
    position: absolute;
    top: .43rem;
    left: -.205rem;
    height: .41rem;
}
.inner_s2 ul li .con .dots:before{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    width: .41rem;
    background: url("../images/n-img-10.png") no-repeat 50%/100%;
}
.inner_s2 ul li .con .dots:after{
    position: absolute;
    content: '';
    top: 50%;
    left: .41rem;
    width: .5rem;
    height: .01rem;
    background: rgba(134, 26, 152, 0.46);
}
.inner_s2 ul li .con a:hover .txt-box h4{
    color: #861A98;
}
.inner_s2 ul li + li .con{
    margin-top: -1.49rem;
}
.inner_s2 ul:before{
    position: absolute;
    content: '';
    left: 50%;
    top: 0;
    bottom: 0;
    width: .01rem;
    background: #861A98;
    opacity: .46;
}
.inner_s2 ul{
    position: relative;
    padding-top: .62rem;
}
.inner_s2 .bot{
    padding-top: .38rem;
}
.inner_s2{
    margin: .67rem 0 1.26rem;
}
/*inner_s3*/
.inner_s3 .top h3 span{
    color: #861A98;
}
.inner_s3 .top h3{
    font-size: .62rem;
    line-height: .86rem;
    color: #111111;
    text-transform: uppercase;
}
.inner_s3 .top i{
    display: block;
    width: .49rem;
    height: .02rem;
    background: #861A98;
    margin-top: .44rem;
}

.inner_s3 .bot ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .5rem 0;
}
.inner_s3 .bot li{
    width: 47.33%;
    position: relative;
}
.inner_s3 .bot li a{
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.inner_s3 .bot li .img{
    width: 2.2rem;
    height: 2.86rem;
    border-radius: .1rem;
}
.inner_s3 .bot li .txt{
    width: calc(100% - 2.7rem);
    margin-top: .87rem;
    padding-right: .3rem;
}
.inner_s3 .bot li h3{
    font-size: .34rem;
    line-height: .44rem;
    color: #861a98;
    transition: .5s;
}
.inner_s3 .bot li i{
    display: block;
    width: .48rem;
    height: .04rem;
    background: #861A98;
    margin-top: .12rem;
    margin-bottom: .24rem;
    transition: .5s;
}
.inner_s3 .bot li p{
    font-size: .2rem;
    line-height: .36rem;
    color: #333333;
    font-weight: 100;


    transition: .5s;
}
.inner_s3 .bot li:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: .01rem solid rgba(134, 26, 152, 0.2);
    border-radius: .1rem;
}
.inner_s3 .bot li:after{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: url("../images/n-img-12.png") no-repeat right top/100% 100%;
    border-radius: .1rem;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.inner_s3 .bot li:hover h3{
    color: #fff;
}
.inner_s3 .bot li:hover i{
    background: #fff;
}
.inner_s3 .bot li:hover p{
    color: #fff;
}
.inner_s3 .bot li:hover:after{
    opacity: 1;
    visibility: visible;
}

.inner_s3 .bot{
    margin-top: .59rem;
}
.inner_s3{
    margin-bottom: .7rem;
}

/*inner_s4*/

.inner_s4 .item1 .item_l{
    width: 42%;
    margin-top: .22rem;
}
.inner_s4 .item1 .item_l h3 span{
    color: #861A98;
}
.inner_s4 .item1 .item_l h3{
    font-size: .62rem;
    line-height: .86rem;
    color: #111111;
    font-family: "oppo";
    text-transform: uppercase;
}
.inner_s4 .item1 .item_l i{
    display: block;
    width: .49rem;
    height: .02rem;
    background: #861A98;
    margin-top: .39rem;
}
.inner_s4 .item1 .desc{
    font-size: .18rem;
    line-height: .36rem;
    color: #333333;
    font-weight: 100;
    margin-top: .66rem;
}
.inner_s4 .item1 .item_r{
    width: 50.13%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.inner_s4 .item1 .item_r .ll{
    width: 49.2%;
}
.inner_s4 .item1 .item_r .ll .img{
    height: 3.18rem;
    border-radius: .1rem;
}
.inner_s4 .item1 .item_r .ll .img:nth-child(2){
    margin-top: .14rem;
}
.inner_s4 .item1 .item_r .rr{
    width: 49.2%;
}
.inner_s4 .item1 .item_r .rr .img{
    height: 5.18rem;
    border-radius: .1rem;
}
.inner_s4 .item1:before{
    position: absolute;
    content: '';
    right: -1.66rem;
    top: -.03rem;
    width: 7.27rem;
    height: 2.65rem;
    background: url("../images/n-img-18.png") no-repeat 50%/100%;
    z-index: -1;
    display: none;
}
.inner_s4 .item1:after{
    position: absolute;
    content: '';
    right: -1.56rem;
    bottom: -.76rem;
    width: 4.68rem;
    height: 3.2rem;
    background: url("../images/n-img-17.png") no-repeat 50%/100%;
    z-index: -1;
    display: none;
}
.inner_s4 .item1{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.inner_s4 .item2 h3{
    font-size: .62rem;
    line-height: .86rem;
    color: #111111;
    font-family: "oppo";
    text-transform: uppercase;
}
.inner_s4 .item2 h3 span{
    color: #861A98;
}
.inner_s4 .item2 .desc{
    font-size: .22rem;
    line-height: .36rem;
    color: #333333;
    font-weight: 100;
}
.inner_s4 .item2 .desc p + p{
    margin-top: .42rem;
}
.inner_s4 .item2 .img-box img{
    display: block;
    width: 100%;
}
.inner_s4 .item2 .img-box{
    position: absolute;
    left: 0;
    right: -.07rem;
    bottom: -.67rem;
}
.inner_s4 .item2{
    margin-top: 1.34rem;
    margin-right: .07rem;
    padding: .69rem .53rem 2.39rem;
    position: relative;
    background: #efeefe;
    border-radius: .1rem;
}
.inner_s4{
    margin: .22rem 0 1.87rem;
}

/*inner_s5*/


.inner_s5 .item_l{
    width: 42%;
    margin-top: .22rem;
}
.inner_s5 .item_l h3 span{
    color: #861A98;
}
.inner_s5 .item_l h3{
    font-size: .62rem;
    line-height: .86rem;
    color: #111111;
    font-family: "oppo";
    text-transform: uppercase;
}
.inner_s5 .item_l i{
    display: block;
    width: .49rem;
    height: .02rem;
    background: #861A98;
    margin-top: .39rem;
}
.inner_s5 .desc{
    font-size: .18rem;
    line-height: .36rem;
    color: #333333;
    font-weight: 100;
    margin-top: .66rem;
    margin-bottom: .61rem;
}

.inner_s5 .umore .a{display: flex;align-items: center; color:  #861a98;font-size: .18rem;position: relative;  }
.inner_s5 .umore .a img{height: .44rem;margin-right: .1rem;user-select: none;pointer-events: none}

.inner_s5 .item_r{
    width: 50.13%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.inner_s5 .item_r .ll{
    width: 49.2%;
}
.inner_s5 .item_r .ll .img{
    height: 3.18rem;
    border-radius: .1rem;
}
.inner_s5 .item_r .ll .img:nth-child(2){
    margin-top: .14rem;
}
.inner_s5  .item_r .rr{
    width: 49.2%;
}
.inner_s5 .item_r .rr .img{
    height: 5.18rem;
    border-radius: .1rem;
}
.inner_s5 .item_r:after{
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    width: 1.64rem;
    height: 1.64rem;
    background: url("../images/n-img-19.png") no-repeat 50%/100%;
    transform: translate(-50%,-50%);
    z-index: 5;
}
.inner_s5:before{
    position: absolute;
    content: '';
    right: .44rem;
    top: 1.18rem;
    width: 7.27rem;
    height: 2.65rem;
    background: url("../images/n-img-18.png") no-repeat 50%/100%;
    z-index: -1;
}
.inner_s5:after{
    position: absolute;
    content: '';
    right:.54rem;
    bottom: .58rem;
    width: 4.68rem;
    height: 3.2rem;
    background: url("../images/n-img-17.png") no-repeat 50%/100%;
    z-index: -1;
}
.inner_s5 .wp{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.inner_s5{
    position: relative;
    padding: 1.21rem 0 1.34rem;
    background: url("../images/n-img-63.png") no-repeat bottom center/cover;
}

.inner_s6 .desc{
    font-size: .22rem;
    line-height: .36rem;
    color: #fff;
    font-weight: 100;
    text-align: center;
    margin:  0 .9rem;
}
.inner_s6 .list ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.inner_s6 .list li{
    width: 32%;
}
.inner_s6 .list li a{
    display: block;
    position: relative;
}
.inner_s6 .list li .imgBox{
    height: 4.3rem;
}
.inner_s6 .list li .txt{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: .66rem .4rem .71rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}
.inner_s6 .list li h3{
    font-size: .4rem;
    line-height: .5rem;
    color: #111111;
    font-weight: 700;
    position: relative;
    padding-left: .19rem;
    text-transform: uppercase;
    transition: .5s;
}
.inner_s6 .list li h3:before{
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    width: .06rem;
    height: .06rem;
    background: linear-gradient(90deg,#861a98 0%,#590ace 100%);
    border-radius: 50vw;
    transform: translateY(-50%);
}
.inner_s6 .list li h6{
    display: flex;align-items: center; color:  #861a98;font-size: .18rem;position: relative;
}
.inner_s6 .list li h6 img{
    height: .44rem;margin-right: .1rem;user-select: none;pointer-events: none
}
.inner_s6 .list li:hover h3{
    color: #861a98;
}
.inner_s6 .list{
    margin-top: .94rem;
}
.inner_s6 .bg-1{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 1.5rem;
    background: url("../images/n-img-24.png") no-repeat 50%/cover;
}
.inner_s6{
    padding: 1.32rem 0 0;
    position: relative;
    z-index: 3;
}

/*inner_s7*/
.inner_s7 .top h3 span{
    color: #861a98;
}
.inner_s7 .top h3{
    font-size: .62rem;
    line-height: .86rem;
    color: #111111;
    font-family: "oppo";
    text-transform: uppercase;
}
.inner_s7 .top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.inner_s7 .slide-a a{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.inner_s7 .slide-a .img{
    width: 4.67rem;
    height: 2.81rem;
}
.inner_s7 .slide-a .txt{
    width: calc(100% - 5.18rem);
    margin-top: .6rem;
}
.inner_s7 .slide-a time{
    display: block;
    font-size: .72rem;
    line-height: .82rem;
    color: #861a98;
    font-family: "oppo";
}
.inner_s7 .slide-a p{
    font-size: .18rem;
    line-height: .28rem;
    color: #666666;
    height: 1.12rem;
    margin-top: .25rem;
}
.cursor {
    user-select: none;
    width: 1.27rem;
    height: 1.27rem;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: 120;
    visibility: hidden;
    opacity: 0;
    background: url(../images/n-img-27.png) no-repeat 50%;
    background-size: 100% 100%;
    border-radius: 50%
}

.cursor.on {
    visibility: visible;
    opacity: 1
}

.cursor.on.ona {
    visibility: hidden;
    opacity: 0
}

.inner_s7{
    overflow: hidden;
    margin-top: -1.5rem;
    padding: 3.16rem 0 1.9rem;
    background: url("../images/n-img-26.jpg") no-repeat bottom center/cover;
}
@media (min-width: 993px) {

    .inner_s2 ul li:nth-child(2n) .img-box{
        flex-direction: row-reverse;
        background-position: left bottom;
    }
    .inner_s2 ul li:nth-child(2n) .txt-box{
        padding: .31rem .4rem .2rem 1.1rem;
    }
    .inner_s2 ul li:nth-child(2n) .con .dots:after{
        left: auto;
        right: 0;
    }
    .inner_s2 ul li:nth-child(2n) .con .dots{
        left: auto;
        right: .205rem;
    }
    .inner_s2 ul li:nth-child(2n) .con{
        padding-left: 0;
        padding-right: .7rem;
    }
    .inner_s2 ul li:nth-child(2n){
        justify-content: flex-start;
    }
    .inner_s7 .slide-a .swiper-slide{
        margin-top: 0;
        transition: margin-top .5s;
    }
    .inner_s7 .slide-a .swiper-slide-active{
        margin-top: 0;
    }
    .inner_s7 .slide-a{
        padding-top: .5rem;
        height: 3.31rem;
    }
    .inner_s7 .bot{
        width: 20.09rem;
        position: relative;
        left: 0;
        margin-top: -.09rem;
    }
}

/*手机端内页菜单*/

#m_n_nav {
    display: none;
    line-height: 50px;
    position: relative;
    z-index: 9;
    width: 100%;
    background: url("../images/n_dh.png") no-repeat 50%/cover;
}

#bnt_back {
    position: absolute;
    left: 15px;
    top: 0px;
}

#bnt_back img {
    height: 18px;
    display: inline-block;
    vertical-align: middle;
}

#bnt_back svg {
    fill: rgb(255, 255, 255);
    height: 30px;
    vertical-align: middle;
    width: 26px;
}

#m_n_nav i {
}

#m_n_nav h1 {
    font-size: 14px;
    color: rgb(255, 255, 255);
    text-align: center;
    margin: 0px;
    line-height: 50px;
}

#bnt_sub_nav {
    position: absolute;
    right: 15px;
    top: 0px;
    height: 50px;
    cursor: pointer;
    color: rgb(255, 255, 255);
    font-size: 18px;
    display: flex;
    align-items: center;
}

#bnt_sub_nav svg {
    fill: rgb(255, 255, 255);
    height: 20px;
    vertical-align: middle;
    width: 20px;
}

#bnt_sub_nav img {
    display: block;
    height: 20px;
}

#bnt_sub_nav.on img {
    transform: rotate(-180deg);
}

#sub_nav_content {
    background: rgb(240, 243, 245);
    display: none;
    box-shadow: rgb(153, 153, 153) 0px 0px 5px;
    z-index: 9;
}

#sub_nav_content ul {
    display: none;
}
#sub_nav_content ul li {
    display: block;
    line-height: 28px;

}

#sub_nav_content ul li a {
    display: block;

    height: 30px;
    line-height: 30px;
    font-size: 13px;
    padding-left: 10px;
    color: rgb(83, 84, 85);
}

#sub_nav_content ul li.on a {
    color: #861a98;
}

#sub_nav_content dl {
    font-size: 0px;
    overflow: hidden;
    background: rgb(255, 255, 255);
    padding: 10px 0px;
}

#sub_nav_content dt {
    position: relative;
    background: rgb(255, 255, 255);
    z-index: 999;
    width: 100%;
    display: block;
    margin-bottom: 0px;
    /*float: left;*/
    line-height: 30px;
    padding: 0 20px;
}
#sub_nav_content dt i{
    float: right;
    font-family: simsun;
    font-style: normal;
    font-weight: bold;
    font-size: .16rem;
}
#sub_nav_content dt a {

    display: inline-block;
    width: 88%;
    color: rgb(91, 83, 73);
    line-height: 30px;
    font-size: 14px;
    font-weight: 400;
    vertical-align: top;
}

#sub_nav_content dt a i {
    position: absolute;
    right: 15px;
    top: 0px;
    opacity: 0;
    display: none;
}

#sub_nav_content dt a {
}



#sub_nav_content dd {
    display: none;
}

#sub_nav_content dd .box {
    padding: 0px;
}

#sub_nav_content dd a {
    padding: 0px 25px;
    line-height: 30px;
    border-top: 1px solid rgb(231, 231, 231);
    font-size: 12px;
    color: rgb(91, 83, 73);
    display: block;
    height: 30px;
}

#sub_nav_content dd a.on {
    color: #861a98;
}

@media (max-width: 997px){

    #m_n_nav{
        display: block;
    }
    .n_banner .top h2,
    .n_dh{
        display: none;
    }
    .posi{
        margin-top: 0;
    }
    .n_banner .top{
        bottom: .1rem;
    }
    .posi a, .posi span{
        font-size: max(.22rem,13px);
        line-height: 1.5;
    }
    .inner-page{
        padding: .5rem 0;
        min-height: 60vh;
    }

    .inner_s5 .item_l{
        width: 100%;
        margin-top: 0;
    }
    .inner_s5 .item_l h3{
        font-size: .52rem;
        line-height: 1.5;
        text-align: center;
    }
    .inner_s5 .item_l i{
        margin: .35rem auto 0;
    }
    .inner_s5 .desc{
        font-size: .24rem;
        text-align: center;
        line-height: 1.8;
        margin: .5rem 0;
    }
    .inner_s5 .umore .a{
        font-size: .24rem;
    }
    .inner_s5 .umore{
        display: flex;
        justify-content: center;
    }
    .inner_s5 .item_r{
        width: 8.5rem;
        margin: .5rem auto 0;
    }
    .inner_s5 .item_r:after{
        width: 1.2rem;
        height: 1.2rem;
    }
    .inner_s5{
        margin-top: -.5rem;
        padding: .5rem 0 .8rem;
        background-size: 100% auto;
        background-position: top center;
        background-color: #fafafe;
    }
    .inner_s6 .desc{
        font-size: .26rem;
        text-align: center;
        line-height: 1.8;
        margin: 0 0 0.5rem ;
    }
    .inner_s6 .list li .txt{
        padding: .4rem;
    }
    .inner_s6 .list li h3{
        font-size: .38rem;
        line-height: .48rem;
    }
    .inner_s6 .list li h6{
        font-size: .24rem;
    }
    .inner_s6 .list li .imgBox{
        height: 2.4rem;
        background: #fff;
    }
    .inner_s6 .list li .imgBox img{
        object-fit: contain;
        inset: unset;
        right: 0;
        top: 0;
        bottom: 0;
        width: auto;
        height: 100%;
    }
    .inner_s6 .list li{
        width: 100%;
    }
    .inner_s6 .list ul{
        gap: .4rem 0;
    }
    .inner_s6 .list{
        margin-top: 0;
    }
    .inner_s6{
        padding: .4rem 0 0;
    }
    .inner_s7 .top h3{
        font-size: .52rem;
        line-height: 1.5;
        text-align: center;
    }
    .inner_s7 .slide-a time{
        font-size: .5rem;
        line-height: .6rem;
    }
    .inner_s7 .slide-a p{
        font-size: .24rem;
        line-height: 1.8;
        height: auto;
        margin-top: .15rem;
    }
    .inner_s7 .slide-a .img{
        width: 100%;
        height: 27vw;
    }
    .inner_s7 .slide-a .txt{
        width: 100%;
        margin-top: .3rem;
    }
    .inner_s7 .bot{
        margin-top: .5rem;
    }
    .inner_s7{
        margin-top: 0;
        padding: .5rem 0 .8rem;
    }
    .inner_s4 .item1 .item_l{
        width: 100%;
        margin-top: 0;
    }
    .inner_s4 .item1 .item_l h3{
        font-size: .52rem;
        line-height: 1.5;
        text-align: center;
    }
    .inner_s4 .item1 .item_l i{
        margin: .35rem auto 0;
    }
    .inner_s4 .item1 .desc{
        font-size: .24rem;
        line-height: 1.8;
        text-align: center;
        margin-top: .5rem;
    }
    .inner_s4 .item1 .item_r{
        width: 8.5rem;
        margin: .5rem auto 0;
    }
    .inner_s4 .item1:before{
        right: -.4rem;
    }
    .inner_s4 .item1:after{
        right: -.4rem;
    }
    .inner_s4 .item2 h3{
        font-size: .52rem;
        line-height: 1.5;
    }
    .inner_s4 .item2 .desc{
        font-size: .24rem;
        line-height: 1.8;
        margin-top: .3rem;
    }
    .inner_s4 .item2 .desc p + p{
        margin-top: .3rem;
    }
    .inner_s4 .item2{
        margin-top: .6rem;
        padding: .4rem;
    }
    .inner_s4 .item2 .img-box{
        position: relative;
        margin: -.2rem -.4rem 0;
    }
    .inner_s4{
        margin: 0 0 .6rem;
    }
    .inner_s1 .tab-tit .li.active{
        font-size: .4rem;
    }
    .inner_s1 .tab-tit .li{
        font-size: .34rem;
        line-height: 1.5;
    }
    .inner_s1 .tab-tit .li:before{
        top: 100%;
        width: 0.4rem;
        height: 0.3rem;
    }
    .inner_s1 .tab-tit .li:after{
        top: calc(100% + 0.5rem);
    }
    .inner_s1 .tab-tit .li.active:after{
        height: .5rem;
    }
    .inner_s1 .tab-tit{
        gap: .2rem 0;
        align-items: center;
        justify-content: space-between;
    }
    .inner_s1 .box_motto .box_l{
        width: 100%;
        position: static;
        transform: none;
    }
    .inner_s1 .box_motto .txt-box h3{
        font-size: .38rem;
        line-height: 1.5;
    }
    .inner_s1 .box_motto .txt-box .p{
        font-size: .24rem;
        line-height: 1.8;
    }
    .inner_s1 .box_motto .box_r{
        width: 100%;
        padding: .3rem;
        margin-top: .4rem;
    }
    .inner_s1 .tab-cont{
        margin-top: 1rem;
    }
    .inner_s1 .top{
        padding-bottom: .4rem;
    }
    .inner_s1 .bot ul li h4{
        font-size: .26rem;
        line-height: 1.5;
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
    }
    .inner_s1 .bot ul li a{
        padding: .2rem .3rem;
        border-radius: .2rem;
    }
    .inner_s1 .bot ul li img{
        width: .4rem;
        height: .4rem;
    }
    .inner_s1 .bot ul li{
        border-radius: .2rem;
    }
    .inner_s1 .bot{
        margin-top: .5rem;
    }
    .inner_s1{
        margin: 0 0 .5rem;
    }
    .inner_s1:after{
        right: -.4rem;
    }
    .inner_s2 .top h3{
        font-size: .52rem;
        line-height: 1.5;
        text-align: left;
    }
    .inner_s2 .top h3:after{
        width: 1.86rem;
        height: 1.4rem;
    }
    .inner_s2 .top{
        display: flex;
        justify-content: center;
    }
    .inner_s2 ul:before{
        left: 0;
    }
    .inner_s2 ul li .con{
        width: 100%;
    }
    .inner_s2 ul li + li .con{
        margin-top: 0;
    }
    .inner_s2 ul li + li{
        margin-top: .4rem;
    }
    .inner_s2 ul li .img-box .img{
        height: 50vw;
    }
    .inner_s2 ul li .txt-box h4{
        font-size: .24rem;
        line-height: 1.8;
        /* height: 3.6em; */
    }
    .inner_s2 ul li .txt-box h5{
        font-size: .26rem;
        line-height: 1.5;
    }
    .inner_s2 ul li .txt-box{
        padding: .3rem;
    }
    .inner_s2 ul{
        padding-top: .5rem;
    }
    .inner_s2 .bot{
        margin-top: .3rem;
        padding-top: 0;
    }
    .inner_s2 {
        margin: 0.4rem 0 0.6rem;
    }
    .inner_s3 .top h3{
        font-size: .52rem;
        line-height: 1.5;
        text-align: center;
    }
    .inner_s3 .top i{
        margin: .35rem auto 0;
    }
    .inner_s3 .bot li h3{
        font-size: .38rem;
        line-height: 1.5;
    }
    .inner_s3 .bot li i{
        margin-top: .2rem;
        margin-bottom: .2rem;
    }
    .inner_s3 .bot li p{
        font-size: .24rem;
        line-height: 1.55;
        height: auto;
    }
    .inner_s3 .bot li .txt{
        width: calc(100% - 2.6rem);
        margin-top: 0;
        align-self: center;
    }
    .inner_s3 .bot li{
        width: 100%;
    }
    .inner_s3 .bot ul{
        gap: .4rem 0;
    }
    .inner_s3 .bot{
        margin-top: .5rem;
    }
}

@media (max-width: 597px){
    .inner_s5 .desc{
        font-size: .26rem;
    }
    .inner_s7 .slide-a .img{
        height: 54vw;
    }
    .inner_s7 .slide-a p{
        font-size: .26rem;
    }
    .inner_s4 .item1 .desc,
    .inner_s4 .item2 .desc{
        font-size: .26rem;
    }
    .inner_s1 .tab-tit .li:before,
    .inner_s1 .tab-tit .li:after{
        display: none;
    }
    .inner_s1 .tab-tit .li.active{
        font-size: .34rem;
    }
    .inner_s1 .tab-tit .li{
        width: 50%;
        text-align: center;
    }
    .inner_s1 .tab-cont{
        margin-top: .5rem;
    }
    .inner_s1 .box_motto .box_l .img {
        height: 2.4rem;
    }
    .inner_s1 .box_motto .txt-box h3{
        font-size: .4rem;
    }
    .inner_s1 .box_motto .txt-box .p{
        font-size: .26rem;
    }
    .inner_s2 ul li .txt-box h4{
        font-size: .26rem;
    }
    .inner_s2 ul li .txt-box h5{
        font-size: .28rem;
    }
    .inner_s3 .bot li p{
        font-size: .26rem;
    }
}

/*inner_s8*/
.n_title01 h3 span{
    color: #861a98;
}
.n_title01 h3{
    font-size: .62rem;
    line-height: .86rem;
    color: #111111;
    font-family: "oppo";
    text-transform: uppercase;
}
.n_title01 i {
    display: block;
    width: .49rem;
    height: .02rem;
    background: #861A98;
    margin-top: .39rem;
}

.inner_s8 .desc{
    font-size: .22rem;
    line-height: .36rem;
    color: #333333;
    font-weight: 100;
    margin-top: .48rem;
}
.inner_s8 .list ul{
    display: flex;
    flex-wrap: wrap;
    gap: .8rem 3.2%;
}
.inner_s8 .list li{
    width: 31.2%;
}
.inner_s8 .list li a{
    display: block;
    background: #efeefe;
    border-radius: .2rem;
    transition: .5s;
}
.inner_s8 .list li .img{
    height: 3.54rem;
    border-radius: .2rem;
}
.inner_s8 .list li h4{
    font-size: .24rem;
    line-height: .36rem;
    color: #111111;
    height: .72rem;
    font-weight: 700;
    text-align: center;
    transition: .5s;
    text-transform: uppercase;
}
.inner_s8 .list li .txt{
    padding: .34rem .3rem .44rem;
}
.inner_s8 .list li:hover h4{
    color: #fff;
}
.inner_s8 .list li:hover a{
    background: #861a98;
}
.inner_s8 .list{
    margin-top: 1.24rem;
}
.inner_s8{
    margin: 0 0 1.25rem;
}

/*inner_s9*/

.inner_s9 .top{
    position: relative;
    margin: 0 1.325rem;
    z-index: 2;
}
.inner_s9 .top .imgBox{
    height: 2.97rem;
}
.inner_s9 .top:before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    width: 53.6%;
    background: linear-gradient(270deg, rgba(97, 33, 200, 0) 0%, #86249C 100%);
    z-index: 1;
}
.inner_s9 .top:after{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    width: .1rem;
    background: #F49405;
    z-index: 2;
}
.inner_s9 .top h3{
    font-size: .3rem;
    line-height: .42rem;
    color: #FFFFFF;
    font-weight: 700;
}
.inner_s9 .top .txt{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 5;
    padding: .75rem .53rem;
}

.inner_s9 .bot .bot_li{
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.inner_s9 .bot .bot_li .img{
    width: 5.77rem;
    height: 3.54rem;
    margin-right: .42rem;
    flex-shrink: 0;
}
.inner_s9 .bot .bot_li .txt{
    flex: 1;
    overflow: hidden;
}
.inner_s9 .bot .bot_li .txt i{
    display: block;
    width: .56rem;
    height: .04rem;
    background: #861A98;
}
.inner_s9 .bot .bot_li .desc{
    font-size: .18rem;
    line-height: .28rem;
    color: #666666;
    margin-top: .26rem;
}
.inner_s9 .bot .bot_li:nth-child(1) .txt{
    /* margin-top: 1.32rem; */
}
.inner_s9 .bot .bot_li + .bot_li{
    margin-top: .53rem;
}
.inner_s9 .bot{
    padding: .94rem 1.32rem 1.09rem 1.32rem;
    position: relative;
    margin-top: -1.8rem;
    background: #FFFFFF;
    box-shadow: 0 .02rem .2rem rgba(173, 173, 173, 0.5);
}
.inner_s9 {
    margin: .27rem 0 2.67rem;

}

/*inner_s10*/

.inner_s10 li a{
    position: relative;
    z-index: 2;
    padding: .51rem .39rem .32rem .51rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.inner_s10 li .img{
    width: 7.17rem;
    height: 4.03rem;
}
.inner_s10 li .txt{
    width: calc(100% - 7.55rem);
}
.inner_s10 li h3{
    font-size: .4rem;
    line-height: .51rem;
    color: #333333;
    font-family: "oppo";
    text-transform: uppercase;
}
.inner_s10 li h3 span{
    color: #861A98;
}
.inner_s10 li i{
    display: block;
    width: .89rem;
    height: .04rem;
    background: #861A98;
    margin-top: .23rem;
}
.inner_s10 li p{
    font-size: .18rem;
    line-height: .28rem;
    color: #666666;
    height: 1.68rem;
    margin-top: .23rem;
}
.inner_s10 li h6 img{
    height: .44rem;
    margin-right: .1rem;
    user-select: none;
}
.inner_s10 li h6{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #861a98;
    font-size: .18rem;
    position: relative;
    margin-top: .58rem;
}
.inner_s10 li .bg-box{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-shadow: 0 .02rem .25rem rgba(134, 26, 152, 0.0666);
}
.inner_s10 li .bg-box img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.inner_s10 li .bg-box:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff no-repeat right bottom/100% auto;
    opacity: 0;
    visibility: hidden;
}

.inner_s10 li + li{
    margin-top: 1.16rem;
}
.inner_s10 li{
    position: relative;
}
.inner_s10{
    margin: .09rem 0 1.38rem;
}

/*inner_s11*/

.inner_s11 .left{
    width: 47.53%;
    margin-top: .22rem;
}
.inner_s11 h3{
    font-size: .4rem;
    line-height: .51rem;
    color: #333333;
    font-family: "oppo";
    text-transform: uppercase;
    letter-spacing: -.06em;
}
.inner_s11 h3 span{
    color: #831b9d;
}
.inner_s11 .left i{
    display: block;
    width: .89rem;
    height: .04rem;
    background: #861A98;
    margin-top: .23rem;
}
.inner_s11 .desc{
    font-size: .18rem;
    line-height: .28rem;
    color: #666666;
    margin-top: .23rem;
    padding-right: .68rem;
}

.inner_s11 .umore .a{display: flex;align-items: center;justify-content: flex-end; color:  #861a98;font-size: .18rem;position: relative;  padding-right: .68rem; }
.inner_s11 .umore .a img{height: .44rem;margin-right: .1rem;user-select: none;pointer-events: none}
.inner_s11 .umore{
    margin-top: .58rem;
}
.inner_s11 .right{
    width: 51.26%;
    padding: 0 .39rem .39rem 0;
    position: relative;
}
.inner_s11 .right .img{
    height: 4.66rem;
    z-index: 2;
    position: relative;
}
.inner_s11 .right:after{
    position: absolute;
    content: '';
    left: .39rem;
    top: .39rem;
    right: 0;
    bottom: 0;
    background: url("../images/n-img-41.png") no-repeat 50%/cover;
}
.inner_s11{
    padding: 1.13rem 0 2.56rem;
    background: url("../images/n-img-42.png") no-repeat top left/auto 100%;
}

.inner_s12 .n_title01 h3{
    font-size: .4rem;
    line-height: .51rem;
    text-align: center;
}
.inner_s12 .n_title01 i{
    margin-left: auto;
    margin-right: auto;
    margin-top: .23rem;
}

.inner_s12 .left{
    width: 28.46%;
    padding: .39rem .51rem .37rem 0;
    position: relative;
}
.inner_s12 .left .img{
    width: 100%;
    max-width: 3.76rem;
    height: 4.63rem;
}
.inner_s12 .left h3{
    font-size: .3rem;
    line-height: .38rem;
    color: #fff;
    text-align: center;
    font-family: "oppo";
    margin-top: .34rem;
}
.inner_s12 .left:after{
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    bottom: 0;
    left: calc((100vw - 15rem) / -2);
    background: linear-gradient(90deg, #85239C -1%, #5B20D2 100%);
    z-index: -1;
}
.inner_s12 .right{
    width: 71.54%;
    position: relative;
    padding: .67rem .2rem .38rem .48rem;
}
.inner_s12 .name{
    display: flex;
    flex-wrap: wrap;

}
.inner_s12 .name h4{
    font-size: .3rem;
    line-height: .38rem;
    font-family: "oppo";
    color: #333333;
    margin-right: .45rem;
    padding-left: .27rem;
    position: relative;
}
.inner_s12 .name h4:before{
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    width: .05rem;
    height: .36rem;
    background: #861A98;
    transform: translateY(-50%);
}
.inner_s12 .name h5{
    font-size: .3rem;
    line-height: .38rem;
    font-family: "oppo";
    color: #861A98;
}
.inner_s12 .desc {
    font-size: .18rem;
    line-height: .28rem;
    color: #666666;
    height: 3.36rem;
    overflow: hidden;
    margin-top: .49rem;
}
.inner_s12 .umore .a{display: flex;align-items: center;justify-content: flex-end; color:  #861a98;font-size: .18rem;position: relative; }
.inner_s12 .umore .a img{height: .44rem;margin-right: .1rem;user-select: none;pointer-events: none}
.inner_s12 .umore{
    margin-top: .39rem;
}
.inner_s12 .right:after{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    right: calc((100vw - 15rem) / -2);
    opacity: 0.1046;
    background: linear-gradient(90deg, #84249D 17%, rgba(142, 35, 163, 0) 92%);
    z-index: -1;
}
.inner_s12 .content{
    margin-top: .54rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.inner_s12{
    position: relative;
    margin-top: -1.3rem;
}

.inner_s13 .n_title01 h3{
    font-size: .4rem;
    line-height: .51rem;
    text-align: center;
}
.inner_s13 .n_title01 i{
    margin-left: auto;
    margin-right: auto;
    margin-top: .23rem;
}

.inner_s13 .list li .a{
    display: flex;
    align-items: center;
}
.inner_s13 .list li .a img{
    width: .8rem;
    margin-right: .14rem;
    flex-shrink: 0;
}
.inner_s13 .list li .a h4{
    flex: 1;
    font-size: .2rem;
    line-height: .25rem;
    color: #333;
    letter-spacing: -.03em;
    transition: .5s;
}
.inner_s13 .img-box{
    position: absolute;
    width: 54.8%;
    left: 0;
    right: 0;
    bottom: .17rem;
    margin: 0 auto;
    border-radius: 50%;
}

.inner_s13 .img-box .img{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 36.73%;
    transform: translate(-50%,-50%);
}
.inner_s13 .img-box .img img{
    display: block;
    width: 100%;
}
.inner_s13 .img-box .span2{
    position: absolute;
    left: 1.07rem;
    right: 1.07rem;
    top: 1.07rem;
    bottom: 1.07rem;
    background: url("../images/n-img-46.png") no-repeat 50%/100% 100%;
}
.inner_s13 .img-box .span1{
    display: block;
    padding-top: 100%;
    border-radius: 50%;
    border: .01rem dashed rgba(134, 26, 152, 0.35);
}
.inner_s13 .content{
    margin-top: .95rem;
}
.inner_s13{
    padding: 1.03rem 0 2.1rem;
    background: url("../images/n-img-47.png") no-repeat right bottom/contain;
}
/*inner_s14*/

.inner_s14 .list .item_top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 1.2rem;
    padding: 0 .52rem;
    background: #eeeeff;
    position: relative;
    border: .01rem solid #662ab0;
    transition: .5s;
    cursor: pointer;
}
.inner_s14 .list .item_top h3{
    font-size: .4rem;
    line-height: .5rem;
    color: #111111;
    font-family: "oppo";
    position: relative;
    z-index: 2;
    transition: .5s;
}
.inner_s14 .list .item_top i{
    display: block;
    width: .35rem;
    height: .35rem;
    flex-shrink: 0;
    background: url("../images/n-img-48.png") no-repeat 50%/100% 100%;
    margin-left: .2rem;
    cursor: pointer;
    transition: .5s;
    position: relative;
    z-index: 2;
}
.inner_s14 .list .item_top:before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    width: .1rem;
    background: #662ab0;
    transition: .5s;
}
.inner_s14 .list .item_top:after{
    position: absolute;
    content: '';
    left: -.01rem;
    top: -.01rem;
    width: 0;
    height: .1rem;
    background: #f4961d;
    transition: .5s;
}
.inner_s14 .list .item_bot ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.inner_s14 .list .item_bot li{
    width: 49%;
    position: relative;
}
.inner_s14 .list .item_bot li a h4{
    display: block;
    font-size: .2rem;
    line-height: .3rem;
    color: #333333;
    transition: .5s;
}
.inner_s14 .list .item_bot li:before{
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: .4rem;
    height: .4rem;
    background: url("../images/n-img-50.png") no-repeat 50%/.2rem;
    transform: translateY(-50%);
    transition: .5s;
}
.inner_s14 .list .item_bot li a{
    display: block;
    padding-left: .53rem;
padding-top:0.2rem;
padding-bottom:0.2rem;
}
.inner_s14 .list .item_bot li:hover h4{
    color: #111111;
    font-weight: 700;
}
.inner_s14 .list .item_bot li:hover:before{
    background-image: url("../images/n-img-51.png");
    background-size: .4rem;
}
.inner_s14 .list .item_bot{
    display: none;
    padding: .2rem .34rem;
    background: #fff url("../images/n-img-52.png") no-repeat right bottom/contain;
}
.inner_s14 .list .item:nth-child(2n) .item_top:before{
    background: #81307f;
}
.inner_s14 .list .item:nth-child(2n){
    border-color: #81307f;
}
.inner_s14 .list .item.active .item_top h3{
    color: #fff;
}
.inner_s14 .list .item.active .item_top i{
    background-image: url("../images/n-img-49.png");
}
.inner_s14 .list .item.active .item_top:before{
    width: 100%;
    background: #861a98;
}
.inner_s14 .list .item.active .item_top:after{
    width: calc(100% + .02rem);
}
.inner_s14 .list .item.active{
    box-shadow: 0 0 .2rem rgba(134, 26, 152, 0.14);
}
.inner_s14 .list .item + .item{
    margin-top: .7rem;
}
.inner_s14 .list{
    margin-top: .6rem;
}
.inner_s14{
    margin-bottom: .85rem;
}
@media (min-width: 998px) {
    .inner_s10 li:nth-child(2n) h6{
        justify-content: flex-start;
    }
    .inner_s10 li:nth-child(2n) a{
        flex-direction: row-reverse;
    }
    .inner_s13 .list li{
        position: absolute;
        z-index: 5;
    }
    .inner_s13 .list li.li1{
        top: 11.79%;
        left: 0;
        width: 32.4%;
    }
    .inner_s13 .list li.li1 .a{
        flex-direction: row-reverse;
        text-align: right;
    }
    .inner_s13 .list li.li1 .a img{
        margin-right: 0;
        margin-left: .14rem;
    }
    .inner_s13 .list li.li2{
        top: 37.3%;
        left: -6.26%;
        width: 32.4%;
    }
    .inner_s13 .list li.li2 .a{
        flex-direction: row-reverse;
        text-align: right;
    }
    .inner_s13 .list li.li2 .a img{
        margin-right: 0;
        margin-left: .14rem;
    }

    .inner_s13 .list li.li3{
        top: 75.16%;
        left: -6.26%;
        width: 32.4%;
    }
    .inner_s13 .list li.li3 .a{
        flex-direction: row-reverse;
        text-align: right;
    }
    .inner_s13 .list li.li3 .a img{
        margin-right: 0;
        margin-left: .14rem;
    }

    .inner_s13 .list li.li4{
        top: 88.1%;
        left: 19.13%;
        width: 41.8%;
    }
    .inner_s13 .list li.li4 .a{
        flex-direction: column;
        text-align: center;
    }
    .inner_s13 .list li.li4 .a img{
        width: .7rem;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: .11rem;
    }

    .inner_s13 .list li.li5{
        top: 82.69%;
        left: 66.8%;
        width: 33.2%;
    }
    .inner_s13 .list li.li5 .a{
        text-align: left;
    }
    .inner_s13 .list li.li5 .a img{
        width: .75rem;
    }

    .inner_s13 .list li.li6{
        top: 46.29%;
        left: 71.86%;
        width: 30%;
    }
    .inner_s13 .list li.li7{
        top: 18.43%;
        left: 56.2%;
        width: 43.8%;
    }
    .inner_s13 .list li.li7 .a img{
        width: .69rem;
    }
    .inner_s13 .list li.li8{
        top: 0;
        left: 49.13%;
        width: 50.87%;
    }


    .inner_s13 .content{
        position: relative;
        height: 8.9rem;
    }
}

@media (max-width: 997px) {
    .n_title01 h3{
        font-size: .52rem;
        line-height: 1.5;
        text-align: center;
    }
    .n_title01 i{
        margin: .35rem auto 0;
    }
    .inner_s8 .desc{
        font-size: .24rem;
        line-height: 1.8;
        text-align: center;
        margin-top: .5rem;
    }
    .inner_s8 .list li{
        width: 49%;
    }
    .inner_s8 .list li .img{
        height: 35vw;
        border-radius: .1rem;
    }
    .inner_s8 .list li h4{
        font-size: .28rem;
        line-height: 1.5;
        height: 3em;
    }
    .inner_s8 .list li .txt{
        padding: .3rem ;
    }
    .inner_s8 .list li a{
        border-radius: .1rem;
    }
    .inner_s8 .list{
        margin-top: .5rem;
    }
    .inner_s8 .list ul{
        gap: .4rem 2%;
    }
    .inner_s8{
        margin-bottom: .4rem;
    }
    .inner_s9 .top{
        margin: 0;
    }
    .inner_s9 .top h3{
        font-size: .28rem;
        line-height: 1.5;
    }
    .inner_s9 .top .txt{
        padding: .4rem;
    }
    .inner_s9 .top:after{
        width: .05rem;
    }
    .inner_s9 .top .imgBox{
        height: 22vw;
    }
    .inner_s9 .bot{
        padding: .3rem;
        margin-top: 0;
    }
    .inner_s9 .bot .bot_li .desc{
        font-size: .24rem;
        line-height: 1.8;
    }
    .inner_s9 .bot .bot_li:nth-child(1) .txt{
        margin-top: 0;
        align-self: center;
    }
    .inner_s9{
        margin: 0 0 .5rem;
    }
    .inner_s10 li a{
        padding: .3rem;
    }
    .inner_s10 li .img{
        width: 100%;
        height: 51vw;
    }
    .inner_s10 li h3{
        font-size: .34rem;
        line-height: 1.5;
    }
    .inner_s10 li p{
        font-size: .24rem;
        line-height: 1.8;
        height: auto;
    }
    .inner_s10 li h6{
        margin-top: .3rem;
        font-size: .24rem;
        justify-content: flex-start;
    }
    .inner_s10 li .txt{
        width: 100%;
        margin-top: .3rem;
    }
    .inner_s10 li .bg-box img{
        opacity: 0;
        visibility: hidden;
    }
    .inner_s10 li:nth-child(1) .bg-box:after{
        background-image: url("../images/n-img-32.png");
    }
    .inner_s10 li:nth-child(2) .bg-box:after{
        background-image: url("../images/n-img-33.png");
    }
    .inner_s10 li:nth-child(3) .bg-box:after{
        background-image: url("../images/n-img-34.png");
    }
    .inner_s10 li:nth-child(4) .bg-box:after{
        background-image: url("../images/n-img-35.png");
    }
    .inner_s10 li .bg-box:after{
        opacity: 1;
        visibility: visible;
    }
    .inner_s10 li + li{
        margin-top: .4rem;
    }
    .inner_s10{
        margin: 0 0 .5rem;
    }
    .inner_s11 .left{
        width: 100%;
        margin-top: 0;
    }
    .inner_s11 h3{
        font-size: .52rem;
        line-height: 1.5;
        text-align: center;
    }
    .inner_s11 .left i{
        margin: .35rem auto 0;
    }
    .inner_s11 .desc{
        font-size: .24rem;
        line-height: 1.8;
        text-align: center;
        padding-right: 0;
        margin-top: .5rem;
    }
    .inner_s11 .umore .a{
        padding-right: 0;
        font-size: .24rem;
        justify-content: center;
    }
    .inner_s11 .umore{
        margin-top: .5rem;
    }
    .inner_s11 .right{
        width: 100%;
        margin-top: .5rem;
        padding: 0 .3rem .3rem 0;
    }
    .inner_s11 .right .img{
        height: 59vw;
    }
    .inner_s11{
        padding: .2rem 0 .5rem;
    }
    .inner_s12 .n_title01 h3{
        font-size: .52rem;
        line-height: 1.5;
    }
    .inner_s12 .left{
        width: 100%;
        padding: .3rem;
    }
    .inner_s12 .left .img{
        margin: 0 auto;
    }
    .inner_s12 .left h3{
        margin-top: .2rem;
    }
    .inner_s12 .left:after{
        left: -.4rem;
        right: -.4rem;
    }
    .inner_s12 .right{
        width: 100%;
        padding: .3rem;
    }
    .inner_s12 .name h4{
        font-size: .32rem;
        line-height: 1.5;
    }
    .inner_s12 .name h5{
        font-size: .32rem;
        line-height: 1.5;
    }
    .inner_s12 .desc{
        font-size: .24rem;
        line-height: 1.8;
        height: auto;
        margin-top: .3rem;
    }
    .inner_s12 .umore .a{
        font-size: .24rem;
        justify-content: flex-start;
    }
    .inner_s12 .umore{
        margin-top: .3rem;
    }
    .inner_s12{
        margin-top: .5rem;
    }
    .inner_s12 .content{
        margin-top: .4rem;
    }
    .inner_s13 .list li .a h4{
        font-size: .26rem;
        line-height: 1.5;
    }
    .inner_s13 .list li + li{
        margin-top: .3rem;
    }
    .inner_s13 .img-box{
        display: none;
    }
    .inner_s13 .content{
        margin-top: .4rem;
    }
    .inner_s13{
        padding: .5rem 0;
    }
    .inner_s14 .list .item_top h3{
        font-size: .34rem;
    }
    .inner_s14 .list .item_top{
        padding: 0 .3rem;
        height: 1.1rem;
    }
    .inner_s14 .list .item_top:before{
        width: .05rem;
    }
    .inner_s14 .list .item_top:after{
        height: .05rem;
    }
    .inner_s14 .list .item_bot li a h4{
        font-size: .26rem;
        line-height: 1.8;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }
    .inner_s14 .list .item_bot li a{
        padding-top: .2rem;
        padding-bottom: .2rem;
    }
    .inner_s14 .list .item_bot li{
        width: 100%;
    }
    .inner_s14 .list .item_bot{
        padding: .2rem .3rem;
    }
    .inner_s14 .list .item + .item{
        margin-top: .4rem;
    }
    .inner_s14 .list{
        margin-top: .4rem;
    }
    .inner_s14{
        margin-bottom: .5rem;
    }
}
@media (max-width: 820px) {
    .inner_s9 .bot .bot_li .img{
        width: 100%;
        height: 54vw;
        margin-right: 0;
        margin-bottom: .3rem;
    }
    .inner_s9 .bot .bot_li .txt{
        width: 100%;
        flex: auto;
    }
}
@media (max-width: 592px) {
    .inner_s8 .list li{
        width: 100%;
    }
    .inner_s8 .list li .img {
        height: 68vw;
    }
    .inner_s8 .desc{
        font-size: .26rem;
    }
    .inner_s9 .bot .bot_li .desc{
        font-size: .26rem;
    }
    .inner_s9 .top .txt{
        padding: .3rem;
    }
    .inner_s10 li p {
        font-size: .26rem;
    }
    .inner_s11 .desc{
        font-size: .26rem;
    }
    .inner_s12 .desc{
        font-size: .26rem;
    }
    .inner_s14 .list .item_bot li a h4{
        font-size: .28rem;
        line-height: 1.5;
    }
    .inner_s14 .list .item_top h3{
        font-size: .3rem;
    }
}

/*detail*/

.boxDeta-g1{max-width: 14rem;margin: 0 auto}
.boxDeta-g1 .hd{}
.boxDeta-g1 .hd .title{font-size: 0.3rem; color: #232323; font-weight: bold; line-height: 1.33; text-align: center;}
.boxDeta-g1 .hd .info{margin-top: 0.42rem; padding: 0.18rem 0.15rem; background-color: #e9e9e9; font-size: 0.18rem; color: #5A5A5A; line-height: 1.33; display: flex; flex-wrap: wrap; justify-content: center;}
.boxDeta-g1 .hd .info span{margin: 0 0.3rem; display: block;}
.boxDeta-g1 .cont{padding: 0.3rem 0; font-size: 0.18rem; color: #3A3A3A; line-height: 2; /*text-align: justify;*/ overflow: hidden; overflow-x: auto;}
.boxDeta-g1 .cont img{max-width: 100%;height: auto !important;margin-bottom: .3rem;}
.boxDeta-g1 .cont video{display: block !important;max-width: 100%;height: auto !important;margin: 0 auto;}
.boxDeta-g1 .cont iframe{display: block !important;max-width: 100%;margin: 0 auto;}
.boxDeta-g1 .dtPg{padding-top: 0.64rem; border-top: 1px dashed rgba(129, 48, 127, 0.3); font-size: 0.18rem; color: #343434; line-height: 2;}
.boxDeta-g1 .dtPg .item{}
.boxDeta-g1 .dtPg a{font-size: inherit; color: inherit; -webkit-transition: .8s; -o-transition: .8s; transition: .8s;}
.boxDeta-g1 .dtPg .item:hover{}
.boxDeta-g1 .dtPg .item:hover a{color: #81307f; text-decoration: underline;}

@media (max-width: 997px) {
    .boxDeta-g1 .hd .title{
        font-size: .34rem;
        line-height: 1.5;
    }
    .boxDeta-g1 .hd .info{
        font-size: .24rem;
        line-height: 1.8;
        text-align: center;
    }
    .boxDeta-g1 .cont{
        font-size: .26rem;
        line-height: 1.85;
    }
    .boxDeta-g1 .dtPg{
        font-size: .26rem;
        line-height: 1.85;
    }
    .boxDeta-g1 .dtPg .item{

    }
}


/*2025-09-19*/

.n_dh2 .showMore{
    position: absolute;
    right: 0;
    top: 0;
    height: .9rem;
    width: .8rem;
}
.n_dh2 .showMore a{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.n_dh .showMore img{
    display: block;
    width: .24rem;
    transition: .5s;
}
.n_dh2 .wp{
    position: relative;
}
.n_dh2 .n_erji{
    justify-content: flex-start;
    padding: 0 .8rem 0 0;
    max-height: .9rem;
    transition: .5s;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 2%;
}
.n_dh2 .n_erji.show{
    max-height: inherit;
}
.n_dh2 .showMore.on img{
    transform: rotate(180deg);
}


.inner_s7 .btnBox{
    position: absolute;
    top: -.93rem;
    left: 9.43rem;
    width: 1.27rem;
    height: 1.27rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("../images/n-img-53.png") no-repeat 50%/100% 100%;
    z-index: 10;
}
.inner_s7 .btn{
    width: .09rem;
    height: .17rem;
    margin: 0 .09rem;
    background: no-repeat 50%/100%;
    position: static;
    transform: none;
}
.inner_s7 .btn:after{
    display: none;
}
.inner_s7 .prev{
    background-image: url("../images/prev-1.png");
}
.inner_s7 .next{
    background-image: url("../images/next-1.png");
}
.inner_s7 .bot{
    position: relative;
}
@media (max-width: 997px) {
    .inner_s7 .btnBox{
        position: static;
        display: block;
        background: transparent;
        width: auto;
        height: auto;
    }
    .inner_s7 .btn{
        position: absolute;
        transform: translateY(-50%);
        background: transparent;
    }
    .inner_s7 .btn:after{
        display: block;
        font-size: .3rem;
        line-height: 1;
        color: #831b9d;
    }
    .inner_s7 .prev{
        left: -.4rem;
    }
    .inner_s7 .next{
        right: -.4rem;
    }
    .inner_s7 .bot{
        position: relative;
    }
}

.row-g2 .item2 .img a{
    display: block;
}
.row-g2 .item2 .img img{
    display: block;
    width: 100%;
}
.row-g2 .item2 .img{
    position: relative;
    margin-top: -1.6rem;
    z-index: 5;
}
.row-g2 .item2 .hd-g1 .title:before{
    opacity: 0;
}

@media (max-width: 992px) {
    .row-g2 .item2 .img{
        margin-top: -.4rem;
    }
    .row-g2 .item2 .hd-g1 .title:before{
        opacity: 1;
    }
}


/*2025-09-24*/

.inner_s15{
    min-height: 100vh;
    padding: .7rem 0;
}
.inner_s15 .inner_box{
    max-width: 17rem;
    margin: 0 auto;
    width: 94%;
    background: rgba(255, 255, 255, 0.7973);
    box-shadow: 0 .02rem .24rem rgba(134, 26, 152, 0.0759);
    border-radius: .2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}

.inner_s15 .inner_left{
    width: 69.94%;
    padding: .48rem .33rem .45rem .5rem;
    transition: width .5s;
}
.inner_s15 .inner_left .item1 a{
    display: block;
}
.inner_s15 .inner_left .item1 a img{
    display: block;
    height: .67rem;
}
.inner_s15 .inner_left .item2 .item_img img{
    display: block;
    height: 1.71rem;
    margin: 0 auto;
}
.inner_s15 .inner_left .item2 h3{
    font-size: .26rem;
    line-height: .38rem;
    color: #333333;
    text-align: center;
    font-weight: normal;
    margin-top: -.06rem;
}
.inner_s15 .inner_left .item2 .desc{
    font-size: .14rem;
    line-height: .21rem;
    color: #555555;
    text-align: center;
    margin-top: .2rem;
}
.inner_s15 .inner_left .item2{
    margin-top: -1.19rem;
}
.inner_s15 .inner_left .item3 .form{
    display: block;
    position: relative;
    background: #fff;
    border-radius: .1rem;
    overflow: hidden;
    box-shadow: 0 .02rem .13rem rgba(225, 225, 225, 0.5);
}
.inner_s15 .inner_left .item3 .form .ser_inp{
    display: block;
    width: 100%;
    height: .74rem;
    font-size: .2rem;
    color: rgba(102, 102, 102, 0.5);
    font-family: "pop";
    font-weight: 400;
    padding: 0 1.2rem 0 .3rem;
    position: relative;
    z-index: 2;
}
.inner_s15 .inner_left .item3 .form .ser_inp::placeholder{
    color: rgba(102, 102, 102, 0.5);
}
.inner_s15 .inner_left .item3 .form .ser_btn{
    position: absolute;
    width: .48rem;
    height: .48rem;
    right: .3rem;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    background: transparent;
    z-index: 2;
}
.inner_s15 .inner_left .item3 .form .ser_btn img{
    display: block;
    width: 100%;
}
.inner_s15 .inner_left .item3 .form:after{
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    bottom: 0;
    width: 52.71%;
    opacity: 0.1046;
    background: linear-gradient(270deg, #AE35CD 17%, rgba(142, 35, 163, 0) 92%);
}
.inner_s15 .inner_left .item3 {
    margin-top: .61rem;
}
.inner_s15 .inner_left .item4 ul li a{
    display: block;
    position: relative;
    padding-left: .23rem;
}
.inner_s15 .inner_left .item4 ul li h4{
    font-size: .16rem;
    line-height: .24rem;
    color: #666666;
    transition: .5s;
}
.inner_s15 .inner_left .item4 ul li a i:before{
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    width: .05rem;
    height: .05rem;
    background: #AE35CD;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    visibility: hidden;
    transition: .4s;
}
.inner_s15 .inner_left .item4 ul li a i{
    position: absolute;
    width: .13rem;
    height: .13rem;
    left: 0;
    top: .05rem;
    background: rgba(134, 26, 152, 0.1784);
    border-radius: 50%;
}
.inner_s15 .inner_left .item4 ul li + li{
    margin-top: .16rem;
}
.inner_s15 .inner_left .item4 ul li:hover h4{
    color: #831b9d;
}
.inner_s15 .inner_left .item4 ul li:hover i:before{
    opacity: 1;
    visibility: visible;
}
.inner_s15 .inner_left .item4{
    padding: .3rem .29rem .28rem;
    border: .01rem solid rgba(131, 27, 157, 0.6);
    border-radius: .1rem;
    margin-top: .41rem;
}

.inner_s15 .inner_right{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    width: 30.06%;
    background: #FFFFFF;
    box-shadow: 0 .02rem .23rem rgba(213, 213, 213, 0.5);
    padding: .36rem .5rem .45rem .33rem;
    transition: .5s;
}

.inner_s15 .ai-tit h4{
    font-size: .26rem;
    line-height: .38rem;
    color: #333333;
}
.inner_s15 .ai-tit h4 span{
    color: #861A98;
}
.inner_s15 .ai-tit .btn a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: .31rem;
    background: rgba(134, 26, 152, 0.05);
    border-radius: .16rem;
    font-size: .16rem;
    color: #666666;
}
.inner_s15 .ai-tit .btn a i{
    display: block;
    width: .11rem;
    height: .12rem;
    background: #831b9d no-repeat 50%/.11rem;
    clip-path: polygon(100% 50%, 0 0, 0 100%);
    flex-shrink: 0;
    margin-left: .07rem;
    transition: .5s;
}
.inner_s15 .ai-tit .btn{
    align-self: center;
}
.swiper-Newsletter .swiper-container{
    height: 6.56rem;
}
.swiper-Newsletter li a{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    background: rgba(134, 26, 152, 0.04);
    border-radius: .1rem;
    padding: 0 .19rem;
}
.swiper-Newsletter li h4{
    font-size: .16rem;
    line-height: .24rem;
    color: #666666;

    height: .48rem;
    position: relative;
    width: 100%;
    flex: 1;
}
.swiper-Newsletter li .txt{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.swiper-Newsletter li .txt .img-box{
    width: .26rem;
    flex-shrink: 0;
    padding-top: .05rem;
}
.swiper-Newsletter li .txt .img-box img{
    display: block;
    width: .16rem;
    height: .16rem;
}
.swiper-Newsletter li i.line{
    margin-top: .18rem;
    display: block;
    width: 100%;
    height: .01rem;
    background-image: linear-gradient(to right, rgba(134, 26, 152, 0.3) 80%, transparent 50%);
    background-size: .04rem 1px;
    background-repeat: repeat-x;
    background-position: bottom;
}
.swiper-Newsletter li .time{
    margin-top: .2rem;
    width: 100%;
}
.swiper-Newsletter li time{
    display: block;
    font-size: .16rem;
    line-height: .24rem;
    color: #666666;
}
.swiper-Newsletter li time span{
    color: #831b9d;
}
.swiper-Newsletter li h5{
    font-size: .16rem;
    line-height: .24rem;
    color: #666666;
}
.swiper-Newsletter li:hover h4{
    color: #831b9d;
}
.swiper-Newsletter .swiper-scrollbar{
    right: 0;
    width: .08rem;
    background: rgba(216, 216, 216, 0.4);
    top: 0;
    bottom: 0;
    position: absolute;
    left: auto;
    border-radius: 0;
}
.swiper-Newsletter .swiper-scrollbar-drag{
    width: 100%;
    background: #831b9d;
    border-radius: .04rem;
}
.swiper-Newsletter{
    position: relative;
    padding-right: .17rem;
    margin-top: .28rem;
}
.inner_s15 .inner_right .bot .btn_home a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: .73rem;
    height: .5rem;
    background: linear-gradient(270deg, rgba(174, 53, 205, 0.1) 17%, rgba(142, 35, 163, 0) 92%) #FFF;
    border-radius: .1rem;
    box-shadow: 0 .02rem .13rem rgba(225, 225, 225, 0.5);
}
.inner_s15 .inner_right .bot .btn_home{
    flex-shrink: 0;
}
.inner_s15 .inner_right .bot .btn_home a img{
    display: block;
    width: .29rem;
}
.inner_s15 .inner_right .backBtn a{
    width: 3.4rem;
    height: .5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(270deg, rgba(174, 53, 205, 0.1) 17%, rgba(142, 35, 163, 0) 92%) #FFF;
    border-radius: .1rem;
    box-shadow: 0 .02rem .13rem rgba(225, 225, 225, 0.5);
    padding: 0 .3rem;
    font-size: .2rem;
    color: #666666;
}
.inner_s15 .inner_right .backBtn a img{
    display: block;
    width: .08rem;
    margin-left: .1rem;
    flex-shrink: 0;
}
.inner_s15 .inner_right .bot{
    margin-top: .35rem;
}
.inner_s15 .back_top{
    position: absolute;
    top: 50%;
    right: .1rem;
    width: .54rem;
    height: 3rem;
    background: linear-gradient(360deg, rgba(174, 53, 205, 0.1) 17%, rgba(142, 35, 163, 0) 92%) #FFF;
    border-radius: .1rem;
    box-shadow: 0 .02rem .13rem rgba(225, 225, 225, 0.5);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    padding: .3rem 0;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
    transition: .5s;
}
.inner_s15 .back_top .toolbtn a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: .45rem;
    height: .45rem;
    font-size: .2rem;
    color: #831b9d;
    font-family: "oppo";
    background: linear-gradient(360deg, rgba(174, 53, 205, 0.1) 17%, rgba(142, 35, 163, 0) 92%) #FFF;
    border-radius: .05rem;
    box-shadow: 0 .02rem .13rem rgba(225, 225, 225, 0.5);
}
.inner_s15 .back_top .toolbtn a img{
    display: block;
    width: .25rem;
}
.inner_s15 .back_top .toolbtn a + a{
    margin-top: .2rem;
}

.inner_s15 .back_top .gotop{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}
.inner_s15 .back_top .gotop svg{
    display: block;
    width: .2rem;
    height: .2rem;
    fill: #831b9d;
}
.inner_s15 .back_top .gotop span{
    display: block;
    font-size: .16rem;
    color: #666;
    line-height: .24rem;
    text-align: center;
    margin-top: .01rem;
}

.inner_s15 .inner_left.show{
    width: 90%;
}
.inner_s15 .inner_right.hide{
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
}
.inner_s15 .back_top.show{
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}
.inner_s15 .tabs{
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: .8rem;
    gap: 0 .3rem;
    background: linear-gradient(270deg, rgba(174, 53, 205, 0.1) 17%, rgba(142, 35, 163, 0) 92%) #FFF;
    box-shadow: 0 .02rem .13rem rgba(225, 225, 225, 0.5);
    padding: 0 .4rem;
    z-index: 999;
}
.inner_s15 .tabs .li{
    font-size: .36rem;
    line-height: .8rem;
    color: #666;
    transition: .5s;
    cursor: pointer;
}
.inner_s15 .tabs .li.active{
    color: #831b9d;
    font-weight: bold;
}
.inner_s15 .ai-tit .btn.on a i{
    background-image: url("../images/AI-img-7.png") ;
    background-color: transparent;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

@media (min-width: 992px) {
    .inner_s15 .tabs{
        display: none;
    }
}
@media (max-width: 992px) {
    .inner_s15{
        padding: 1rem 0 .5rem;
    }
    .inner_s15 .inner_left{
        width: 100%;
        padding: .4rem;
    }
    .inner_s15 .inner_right{
        left: 0;
        right: 0;
        top: .8rem;
        bottom: 0;
        position: fixed;
        width: 100%;
        height: 100%;
        padding: .3rem;
        transform: translateX(100%);
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }
    .inner_s15 .inner_right.show{
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }
    .inner_s15 .inner_right .bot{
        display: none;
    }
    .inner_s15 .back_top{
        display: none;
    }
    .inner_s15 .inner_left .item2 .item_img img{
        height: 1.4rem;
    }
    .inner_s15 .inner_left .item2 h3{
        font-size: .34rem;
        line-height: 1.5;
    }
    .inner_s15 .inner_left .item2 .desc{
        font-size: .24rem;
        line-height: 1.8;
    }
    .inner_s15 .inner_left .item2{
        margin-top: .3rem;
    }
    .inner_s15 .inner_left .item3 .form .ser_inp{
        font-size: .24rem;
    }
    .inner_s15 .inner_left .item3{
        margin-top: .4rem;
    }
    .inner_s15 .inner_left .item4 ul li h4{
        font-size: .24rem;
        line-height: 1.8;
    }
    .inner_s15 .inner_left .item4 ul li a i{
        top: .12rem;
    }
    .inner_s15 .inner_left .item4{
        padding: .3rem;
        margin-top: .4rem;
    }
    .inner_s15 .ai-tit h4{
        font-size: .34rem;
        line-height: .5rem;
    }
    .inner_s15 .ai-tit .btn a{
        font-size: .26rem;
        line-height: 2;
        height:2em;
        width: 2rem;
        border-radius: 50vw;
    }
    .swiper-Newsletter li .txt .img-box{
        width: .35rem;
    }
    .swiper-Newsletter li .txt .img-box img{
        width: .25rem;
        height: .25rem;
    }
    .swiper-Newsletter li h4{

        font-size: .28rem;
        line-height: 1.5;
        height: 3em;
    }
    .swiper-Newsletter li h4:before{
        width: .24rem;
        height: .24rem;
        top: .07rem;
    }
    .swiper-Newsletter li time,
    .swiper-Newsletter li h5{
        font-size: .24rem;
        line-height: 1.5;
    }
    .swiper-Newsletter li i.line{
        height: 1px;
    }
    .swiper-Newsletter li a{
        height: auto;
        padding: .3rem;
    }
    .swiper-Newsletter li{
        height: auto !important;
    }
    .swiper-Newsletter .swiper-container{
        height: calc(100vh - 1.5rem);
    }
}

@media (max-width: 481px) {
    .inner_s15 .inner_left .item2 h3{
        font-size: .4rem;
    }
    .inner_s15 .inner_left .item2 .desc{
        font-size: .26rem;
    }
    .inner_s15 .inner_left .item4 ul li h4{
        font-size: .26rem;
    }
    .inner_s15 .inner_left .item4 ul li a i {
        top: 0.16rem;
    }

    .inner_s15 .tabs{
        height: 1rem;
    }
    .inner_s15 .tabs .li{
        line-height: 1rem;
    }
    .inner_s15 .inner_right{
        top: 1rem;
    }
    .inner_s15{
        padding: 1.5rem 0 .5rem;
    }
}

/*2025-09-28*/

.pagination {
    text-align: center;
    font-size: 0;
    padding-top: 1.46rem;
}

.pagination a {
    display: inline-block;
    min-width: .1rem;
    font-size: .16rem;
    line-height: 0.34rem;
    text-align: center;
    color: #333333;
    margin: 0 .15rem;
}
.pagination a img{
    display: block;
    width: .08rem;
    margin: 0 auto;
}
.pagination a.active {
    color: #831b9d;
}

.pagination a:hover {
    color: #831b9d;
}
.inner_s16 .item1 .desc{
    font-size: .2rem;
    line-height: .28rem;
    color: #333333;
    position: relative;
    padding-left: .43rem;
}
.inner_s16 .item1 .desc:before{
    position: absolute;
    content: '';
    width: .07rem;
    top: 0;
    bottom: 0;
    left: 0;
    background: #831b9d;
}
.inner_s16 .item1{
    padding: 1.49rem 0 1.75rem;
    background: url("../images/n-img-66.png") no-repeat left bottom/auto 100%;
}
.inner_s16 .item2 .left{
    width: 52.06%;
    position: relative;
    z-index: 2;
    padding: .71rem 0 1.73rem;
}
.inner_s16 .item2 .top h3{
    display: block;
    font-size: .4rem;
    line-height: .5rem;
    color: #FFFFFF;
}
.inner_s16 .item2 .top i{
    display: block;
    width: .89rem;
    height: .04rem;
    margin-top: .24rem;
    background: #fff;
}
.inner_s16 .item2 .desc{
    font-size: .2rem;
    line-height: .26rem;
    color: #fff;
    height: 1.3rem;
    overflow: hidden;
    margin-top: .88rem;
    padding-right: 1.45rem;
}
.inner_s16 .item2 .umore .a{
    color: #fff;
}
.inner_s16 .item2 .more{
    margin-top: .79rem;
}
.inner_s16 .item2 .left:after{
    position: absolute;
    content: '';
    left: calc((100vw - 15rem) / -2);
    right: 0;
    top: 0;
    bottom: 0;
    background: url("../images/n-img-64.png") no-repeat left center/100% 100%;
    z-index: -1;
}
.inner_s16 .item2 .right{
    width: 47.94%;
    margin-top: .71rem;
}
.inner_s16 .item2 .right .img{
    margin: 0 -1.21rem 0 -.52rem;
    height: 5.27rem;
    overflow: hidden;
}
.inner_s16 .item2 .right .img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.inner_s16 .item2{
    background: rgba(229, 229, 229, 0.1681);
}
.inner_s16{
    overflow: hidden;
    background: url("../images/n-img-67.png") no-repeat top center/100% auto;
}

/*inner_s17*/

.inner_s17 .list01 li a{
    padding: .35rem 0 .39rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.inner_s17 .list01 li .img{
    width: 4.06rem;
    height: 2.29rem;
}
.inner_s17 .list01 li .img:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: 76.42%;
    background: linear-gradient(180deg, rgba(132, 36, 158, 0) 0%, #7421B0 100%);
    z-index: 1;
}
.inner_s17 .list01 li .img h4{
    font-size: .3rem;
    line-height: .42rem;
    color: #fff;
    font-family: "PingFang";
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2.86rem;
    height: .84rem;
    transform: translate(-50%, -50%);
    z-index: 3;
}
.inner_s17 .list01 li .img time{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1.8rem;
    line-height: .41rem;
    color: #fff;
    font-size: .14rem;
    font-family: "PingFang";
    text-align: center;
    padding-left: .06rem;
    background: url("../images/n-img-69.png") no-repeat right center/100% 100%;
    z-index: 3;
}
.inner_s17 .list01 li .txt{
    width: calc(100% - 4.45rem);
}
.inner_s17 .list01 li .time{
    display: flex;
    flex-wrap: wrap;
    gap: 0 .19rem;
}
.inner_s17 .list01 li .time time{
    display: flex;
    align-items: center;
    font-size: .16rem;
    line-height: .24rem;
    color: #861A98;
}
.inner_s17 .list01 li .time time img{
    display: block;
    width: .18rem;
    margin-right: .1rem;
}
.inner_s17 .list01 li .time .line{
    display: block;
    width: .01rem;
    height: .16rem;
    background: #979797;
    opacity: .3;
}
.inner_s17 .list01 li .time h5{
    display: block;
    font-size: .16rem;
    color: #831b9d;
    line-height: .24rem;
}
.inner_s17 .list01 li h3{
    margin-top: .24rem;
    font-size: .2rem;
    line-height: .3rem;
    color: #333333;
    font-weight: normal;
    transition: .5s;
}
.inner_s17 .list01 li em{
    display: block;
    width: .6rem;
    height: .02rem;
    background: #F59503;
    margin-top: .28rem;
}
.inner_s17 .list01 li:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: .01rem;
    background: rgba(151, 151, 151, 0.3);
}
.inner_s17 .list01 li {
    position: relative;
}
.inner_s17 {
    padding: .79rem 0 1.59rem;
    background: url('../images/g-bg9.jpg') no-repeat top center/100% auto;
}

/*inner_s18*/
.inner_s18 ul{
    display: flex;
    flex-wrap: wrap;
    gap: .76rem 4.805%;
}
.inner_s18 li{
    width: 30.13%;
}
.inner_s18 li a{
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: .24rem .24rem .32rem .32rem;
    background: #EFEEFE;
    box-shadow: 0 .02rem .13rem rgba(193, 193, 193, 0.1701);
    transition: .5s;
}
.inner_s18 li .img{
    height: 6.07rem;
}
.inner_s18 li h4{
    font-size: .2rem;
    line-height: .3rem;
    color: #333;
    height: 1.2rem;
}
.inner_s18 li .txt{
    padding: .33rem .26rem .25rem;
}
.inner_s18 li:hover h4{
    color: #861A98;
    font-weight: bold;
}
.inner_s18 li:hover a{
    box-shadow: 0 .05rem .23rem rgba(134, 26, 152, 0.1783);
}

.inner_s18{
    padding: .76rem 0 1.35rem;
    background: url('../images/g-bg9.jpg') no-repeat top center/100% auto;
}

@media (max-width: 992px) {
    .inner_s16{
        margin-top: -.5rem;
    }
    .inner_s16 .item1{
        padding: .5rem 0;
    }
    .inner_s16 .item1 .desc{
        font-size: .24rem;
        line-height: 1.8;
        padding-left: .3rem;
    }
    .inner_s16 .item1 .desc:before{
        width: .05rem;
    }
    .inner_s16 .item2 .left:after{
        left: -4rem;
        right: -.4rem;
        background-image: url("../images/n-img-82.png");
        background-size: var();
    }
    .inner_s16 .item2 .left{
        width: 100%;
        padding: .5rem 0;
    }
    .inner_s16 .item2 .top h3{
        font-size: .46rem;
        line-height: 1.5;
        text-align: center;
    }
    .inner_s16 .item2 .top i{
        margin: .25rem auto 0;
    }
    .inner_s16 .item2 .desc{
        font-size: .24rem;
        line-height: 1.8;
        height: auto;
        overflow: visible;
        padding-right: 0;
        margin: .4rem 0 0;
        text-align: center;
    }
    .inner_s16 .item2 .more{
        margin-top: .4rem;
    }
    .inner_s16 .item2 .umore .a{
        justify-content: center;
    }
    .inner_s16 .item2 .right{
        width: 100%;
        margin-top: .4rem;
    }
    .inner_s16 .item2 .right .img{
        width: 100%;
        margin: 0 auto;
        height: 56vw;
    }
    .inner_s17 .list01 li .time time{
        font-size: .24rem;
        line-height: 1.65;
    }
    .inner_s17 .list01 li .time time img{
        width: .2rem;
        margin-right: .1rem;
        margin-top: -.05rem;
    }
    .inner_s17 .list01 li .time h5{
        font-size: .24rem;
        line-height: 1.65;
    }
    .inner_s17 .list01 li .time{
        align-items: center;
    }
    .inner_s17 .list01 li h3{
        font-size: .28rem;
        line-height: 1.5;
        margin-top: .2rem;
    }
    .inner_s17 .list01 li a{
        padding: .3rem 0;
    }
    .inner_s17{
        padding: .3rem 0 0;
        margin-top: -.5rem;
    }
    .pagination{
        padding-top: .4rem;
    }
    .inner_s18 li .img{
        height: auto;
        position: relative;
        padding-top: 143.12%;
    }
    .inner_s18 li .img img{
        position: absolute;
        left: 0;
        top: 0;
    }
    .inner_s18 li h4{
        font-size: .24rem;
        line-height: 1.5;
        height: 6em;
    }
    .inner_s18 li .txt{
        padding: .2rem;
    }
    .inner_s18 li a{
        border-radius: .1rem;
    }
    .inner_s18 li{
        width: 32%;
    }
    .inner_s18 ul{
        gap: .4rem 2%;
    }
    .inner_s18{
        padding: .5rem 0 0 ;
        margin-top: -.5rem;
    }
}
@media (max-width: 820px) {
    .inner_s17 .list01 li .img{
        width: 100%;
        height: auto;
        position: relative;
        padding-top: 56.4%;
    }
    .inner_s17 .list01 li .img img{
        position: absolute;
        left: 0;
        top: 0;
    }
    .inner_s17 .list01 li .img h4{
        font-size: .4rem;
        line-height: 1.5;
        width: 90%;
        height: auto;
    }
    .inner_s17 .list01 li .img time{
        font-size: .24rem;
        line-height: 2;
        width: 2.6rem;
    }
    .inner_s17 .list01 li .txt{
        width: 100%;
        margin-top: .3rem;
    }
}
@media (max-width: 597px) {
    .inner_s16 .item1 .desc{
        font-size: .26rem;
    }
    .inner_s16 .item2 .desc{
        font-size: .26rem;
    }
    .inner_s17 .list01 li h3{
        font-size: .3rem;
    }
    .inner_s18 li{
        width: 100%;
    }
    .inner_s18 li h4{
        font-size: .26rem;
    }
}


@media (max-width: 769px){
     .inner_s1 .tab-tit .li:before,
    .inner_s1 .tab-tit .li:after{
        display: none;
    }
}