@charset "utf-8";



@font-face {font-family: "dinB";font-weight: 100;src: url("../fonts/DIN-Alternate-Bold.otf") format("opentype");font-display: swap;}
@font-face {font-family: "PingFang";src: url("../fonts/PingFang.ttf") format("truetype");font-display: swap;}


.hd-g1{}
.hd-g1 .title{
    font-family: "oppo";
    padding-bottom: 0.28rem;
    font-size: 0.5rem;
    color: #333333;
    font-weight: normal;
    line-height: 1.26;
    text-transform: uppercase;
    position: relative;
}
.hd-g1 .title:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0.44rem;
    height: 0.06rem;
    background-color: #861A98;
}
.hd-g1 .title span{
    color: #861A98;
}
.hd-g1.v2{}
.hd-g1.v2 .title{
    padding-bottom: 0.4rem;
    font-size: 0.62rem;
}
.hd-g1.v2 .title:before{
    width: 0.5rem;
    height: 2px;
}

.hd-g2{}
.hd-g2 .title{
    font-family: "oppo";
    font-size: 0.62rem;
    color: #111111;
    font-weight: normal;
    line-height: 1.3;
    text-transform: uppercase;
}
.hd-g2 .title span{
    color: #861A98;
}
.hd-g2.c1{}
.hd-g2.c1 .title, .hd-g2.c1 .title span{
    color: #fff;
}
.hd-g2.v2{}
.hd-g2.v2 .title{
    font-size: 0.5rem;
}

.btns-g1{}
.btns-g1 .s1{
    font-size: 0.18rem;
    color: #861A98;
    text-transform: uppercase;
    line-height: 0.5rem;
}
.btns-g1 .s1 .icon-arrow{
    margin-right: 0.09rem;
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    background: url(../images/g-arrow1.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    flex-shrink: 0;
}

.btns-g2{}
.btns-g2 .s1{
    font-size: 0.18rem;
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 0.5rem;
}
.btns-g2 .s1 .icon-line{
    margin-left: 0.14rem;
    width: 1.82rem;
    height: 1px;
    background-color: #FFFFFF;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.btns-g2 .s1:hover{}
.btns-g2 .s1:hover .icon-line{
    -webkit-transform: translateX(0.2rem);
    -ms-transform: translateX(0.2rem);
    -o-transform: translateX(0.2rem);
    transform: translateX(0.2rem);
}



.swiper-g1{
    position: relative;
}
.swiper-g1 .swi-arrow{
    position: absolute;
    right: 2.64rem;
    bottom: 0;
    z-index: 10;
    display: flex;
    align-items: center;
}
.swiper-g1 .swi-arrow .prev, .swiper-g1 .swi-arrow .next{
    margin-right: 0.16rem;
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    background-size: contain;
    cursor: pointer;
    flex-shrink: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.swiper-g1 .swi-arrow .prev{
    background-image: url(../images/g-arrow4.png);
}
.swiper-g1 .swi-arrow .next{
    background-image: url(../images/g-arrow3.png);
}
.swiper-g1 .swi-arrow .prev:hover{
    background-image: url(../images/g-arrow2.png);
}
.swiper-g1 .swi-arrow .next:hover{
    background-image: url(../images/g-arrow1.png);
}
.swiper-g1 .swiper-slide{
    height: auto;
    position: relative;
}
.swiper-g1 .swiper-slide .con{
    height: 100%;
}
.swiper-g1 .swiper-for{
    padding: 0 0 0.4rem 0.48rem;
    width: calc(100% - 4.14rem);
    position: relative;
    z-index: 1;
    flex-shrink: 0;
}
.swiper-g1 .swiper-for:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 10.42rem;
    height: 4.39rem;
    background: url(../images/g-ls_bg2.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1;
}
.swiper-g1 .swiper-for .slider{
    height: 7.5rem;
    position: relative;
    overflow: hidden;
}
.swiper-g1 .swiper-for .img{
    height: 100%;
}
.swiper-g1 .swiper-for .text{
    padding: 0.37rem 0.42rem;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
}
.swiper-g1 .swiper-for .text:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 2.3rem;
    background: url(../images/g-ls_bg1.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: -1;
}
.swiper-g1 .swiper-for .tit{
    font-size: 0.26rem;
    color: #FFFFFF;
    font-weight: normal;
    line-height: 1.38;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
.swiper-g1 .swiper-nav{
    margin: -0.15rem;
    padding: 0.15rem;
    width: 4.04rem;
    height: 7.27rem;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}
.swiper-g1 .swiper-nav .img{
    height: 100%;
}
.swiper-g1 .swiper-nav .img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper-g1 .swiper-nav .mask{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(134, 26, 152, .5708);
    z-index: 10;
    opacity: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.swiper-g1 .swiper-nav .icon-point{
    margin: -0.34rem 0 0 -0.34rem;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0.68rem;
    height: 0.68rem;
    background: url(../images/g-point1.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.swiper-g1 .swiper-nav .swiper-slide-thumb-active{
    box-shadow: 0 0.02rem 0.14rem 0 rgba(134, 26, 152, 0.3604);
}
.swiper-g1 .swiper-nav .swiper-slide-thumb-active .mask{
    opacity: 1;
}
.swiper-g1 .swiper-nav .swiper-slide-thumb-active .icon-point{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.swiper-g2{
    position: relative;
    align-items: flex-start;
}
.swiper-g2 .swi-btns{
    position: absolute;
    left: 0.25rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
}
.swiper-g2 .swi-arrow{
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 0.16rem auto;
    background-size: 0.16rem auto;
    cursor: pointer;
}
.swiper-g2 .swi-arrow.prev{
    background-image: url(../images/g-arrow5.png);
}
.swiper-g2 .swi-arrow.next{
    background-image: url(../images/g-arrow6.png);
}
.swiper-g2 .swi-pagination{
    margin: 0.08rem 0;
}
.swiper-g2 .swi-pagination .swiper-pagination-bullet{
    margin: 0.075rem auto !important;
    display: block;
    width: 0.1rem;
    height: 0.1rem;
    background-color: #fff;
    border-radius: 50%;
    opacity: 1;
}
.swiper-g2 .swi-pagination .swiper-pagination-bullet-active{
    background-color: #F4961D;
}
.swiper-g2 .swiper-slide{
    height: auto;
    transition-property: opacity;
}
.swiper-g2 .swiper-imgs{
    padding: 0 0 0.2rem 0.8rem;
    width: 6.98rem;
    position: relative;
    z-index: 1;
    flex-shrink: 0;
}
.swiper-g2 .swiper-imgs:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0.8rem;
    top: 0.2rem;
    background: linear-gradient(90deg, #861A98 0%, #590ACE 100%);
    border-radius: 50%;
    z-index: -1;
}
.swiper-g2 .swiper-imgs .slider{
    height: 6.18rem;
    border: 0.1rem solid #FFFFFF;
    background-color: #fff;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
}
.swiper-g2 .swiper-imgs .img{
    height: 100%;
    overflow: hidden;
}
.swiper-g2 .swiper-imgs .img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper-g2 .swiper-text{
    padding: 0.63rem 0 1.8rem;
    padding-left: 0.7rem;
    width: calc(100% - 6.98rem);
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}
.swiper-g2 .swiper-text .slider{
    padding: 0 0.2rem;
    position: relative;
    overflow: hidden;
}
.swiper-g2 .swiper-text .t1{}
.swiper-g2 .swiper-text .name{
    padding-right: 0.22rem;
    margin-right: 0.15rem;
    font-size: 0.4rem;
    color: #861A98;
    font-weight: bold;
    position: relative;
}
.swiper-g2 .swiper-text .name:before{
    content: '';
    margin-top: -0.06rem;
    position: absolute;
    right: 0;
    top: 50%;
    width: 2px;
    height: 0.2rem;
    background-color: #666666;
}
.swiper-g2 .swiper-text .country{
    padding-top: 0.12rem;
    font-size: 0.24rem;
    color: #111111;
    font-weight: bold;
}
.swiper-g2 .swiper-text .t2{
    margin-top: 0.07rem;
    font-size: 0.2rem;
    color: rgba(17, 17, 17, .7);
    font-weight: bold;
}
.swiper-g2 .swiper-text .line{
    margin: 0.33rem 0 0.33rem;
    height: 1px;
    background-color: #C9C8E7;
}
.swiper-g2 .swiper-text .t3{
    padding-bottom: 0.22rem;
    font-size: 0.18rem;
    color: #333333;
    line-height: 2.06;
    position: relative;
}
.swiper-g2 .swiper-text .t3:before, .swiper-g2 .swiper-text .t3:after{
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    background-size: contain;
    z-index: -1;
}
.swiper-g2 .swiper-text .t3:before{
    left: -0.14rem;
    top: -0.12rem;
    width: 0.57rem;
    height: 0.36rem;
    background-image: url(../images/g-yh3.png);
    opacity: .1;
}
.swiper-g2 .swiper-text .t3:after{
    right: 0;
    bottom: 0;
    width: 0.33rem;
    height: 0.21rem;
    background-image: url(../images/g-yh4.png);
}
.swiper-g2 .swiper-nav{
    margin: 0 -0.2rem;
    padding: 0 0.2rem;
    position: absolute;
    right: 0;
    bottom: 0.4rem;
    width: 10.9rem;
    z-index: 10;
    overflow: hidden;
}
.swiper-g2 .swiper-nav .con{
    padding: 0.06rem 0.08rem;
    padding-right: 0.2rem;
    background-color: #EFEEFE;
    border-radius: 0.53rem;
    overflow: hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.swiper-g2 .swiper-nav .img{
    margin-right: 0.2rem;
    width: 0.92rem;
    height: 0.92rem;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}
.swiper-g2 .swiper-nav .img img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;''
}
.swiper-g2 .swiper-nav .right{
    width: calc(100% - 1.12rem);
    flex-shrink: 0;
}
.swiper-g2 .swiper-nav .t1{
    font-size: 0.14rem;
    color: #111111;
    line-height: 1.3;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.swiper-g2 .swiper-nav .name{
    padding-right: 0.14rem;
    margin-right: 0.12rem;
    position: relative;
}
.swiper-g2 .swiper-nav .name:before{
    content: '';
    margin-top: -0.1rem;
    position: absolute;
    right: 0;
    top: 50%;
    width: 2px;
    height: 0.2rem;
    background-color: #666666;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.swiper-g2 .swiper-nav .country{}
.swiper-g2 .swiper-nav .t2{
    margin-top: 0.08rem;
    font-size: 0.14rem;
    color: #666666;
    line-height: 1.3;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.swiper-g2 .swiper-nav .t2, .swiper-g2 .swiper-nav .t2 p{
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
.swiper-g2 .swiper-nav .con:hover{
    background-color: #861A98;
}
.swiper-g2 .swiper-nav .con:hover .t1, .swiper-g2 .swiper-nav .con:hover .t2{
    color: #fff;
}
.swiper-g2 .swiper-nav .con:hover .name:before{
    background-color: #fff;
}

.swiper-g3{
    height: 7.88rem;
    position: relative;
    overflow: hidden;
}
.swiper-g3 .swi-btns{
    position: absolute;
    left: calc((100vw - 15rem)/2);
    bottom: 0.34rem;
    z-index: 10;
}
.swiper-g3 .swi-arrow{
    width: 0.3rem;
    height: 0.3rem;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 0.1rem auto;
    background-size: 0.1rem auto;
    cursor: pointer;
}
.swiper-g3 .swi-arrow.prev{
    background-image: url(../images/g-arrow7.png);
}
.swiper-g3 .swi-arrow.next{
    background-image: url(../images/g-arrow8.png);
}
.swiper-g3 .swi-pagination{
    margin: 0 0.12rem;
    font-size: 0;
    text-align: center;
}
.swiper-g3 .swi-pagination .swiper-pagination-bullet{
    margin: 0 0.04rem !important;
    display: inline-block;
    vertical-align: middle;
    width: 0.1rem;
    height: 0.1rem;
    background-color: #861A98;
    border-radius: 50%;
    opacity: 1;
}
.swiper-g3 .swi-pagination .swiper-pagination-bullet-active{
    background-color: #F4961D;
}
.swiper-g3 .swiper-slide{
    height: auto;
}
.swiper-g3 .img{
    height: 100%;
    overflow: hidden;
}
.swiper-g3 .img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-g4{
    position: relative;
}
.swiper-g4 .swi-arrow{
    margin: 0 -0.08rem;
    position: absolute;
    right: 0;
    bottom: 1.64rem;
    z-index: 10;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.swiper-g4 .swi-arrow .prev, .swiper-g4 .swi-arrow .next{
    margin: 0 0.08rem;
    width: 0.4rem;
    height: 0.4rem;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    background-size: contain;
    cursor: pointer;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.swiper-g4 .swi-arrow .prev{
    background-image: url(../images/g-arrow4.png);
}
.swiper-g4 .swi-arrow .next{
    background-image: url(../images/g-arrow3.png);
}
.swiper-g4 .swi-arrow .prev:hover{
    background-image: url(../images/g-arrow2.png);
}
.swiper-g4 .swi-arrow .next:hover{
    background-image: url(../images/g-arrow1.png);
}
.swiper-g4 .swiper-for{
    position: relative;
    overflow: hidden;
}
.swiper-g4 .swiper-for .con{
    display: flex;
}
.swiper-g4 .swiper-for .img{
    margin-right: 0.42rem;
    width: 48.67%;
    height: 4.1rem;
    overflow: hidden;
    flex-shrink: 0;
}
.swiper-g4 .swiper-for .right{
    padding-top: 0.43rem;
    padding-bottom: 2.15rem;
    width: calc(51.33% - 0.42rem);
    flex-shrink: 0;
}
.swiper-g4 .swiper-for .tit{
    font-size: 0.2rem;
    color: #861A98;
    font-weight: normal;
    line-height: 1.5;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
.swiper-g4 .swiper-for .desc{
    margin-top: 0.17rem;
    font-size: 0.16rem;
    color: #666666;
    line-height: 1.5;
    height: 3em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
}
.swiper-g4 .swiper-for .date{
    margin-top: 0.32rem;
    font-size: 0.18rem;
    color: #666666;
    line-height: 1.5;
}
.swiper-g4 .swiper-nav{
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(51.33% - 0.42rem);
    overflow: hidden;
    z-index: 10;
}
.swiper-g4 .swiper-nav .con{
    display: block;
    cursor: pointer;
}
.swiper-g4 .swiper-nav .img{
    height: 1.32rem;
    overflow: hidden;
}
.swiper-g4 .swiper-nav .img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-g5{
    padding-bottom: 0.7rem;
    position: relative;
    overflow: hidden;
}
.swiper-g5 .swi-btns{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
}
.swiper-g5 .swi-arrow{
    width: 0.28rem;
    height: 0.28rem;
    position: relative;
    opacity: 0.2743;
    cursor: pointer;
    flex-shrink: 0;
}
.swiper-g5 .swi-arrow:before{
    content: '';
    margin: -0.1rem 0 0 -0.1rem;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0.2rem;
    height: 0.2rem;
    background-color: #861A98;
    border-radius: 50%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.swiper-g5 .swi-arrow:after{
    content: '';
    margin: -0.045rem 0 0 -0.025rem;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0.05rem;
    height: 0.09rem;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.swiper-g5 .swi-arrow.prev{}
.swiper-g5 .swi-arrow.prev:after{
    background-image: url(../images/g-arrow9.png);
}
.swiper-g5 .swi-arrow.next{}
.swiper-g5 .swi-arrow.next:after{
    background-image: url(../images/g-arrow10.png);
}
.swiper-g5 .swi-arrow:hover{
    opacity: 1;
}
.swiper-g5 .swi-arrow:hover:before{
    margin: -50% 0 0 -50%;
    width: 100%;
    height: 100%;
}
.swiper-g5 .swi-arrow:hover:after{
    margin: -0.06rem 0 0 -0.035rem;
    width: 0.07rem;
    height: 0.12rem;
}
.swiper-g5 .swi-pagination{
    margin: 0 0.12rem;
    font-size: 0;
}
.swiper-g5 .swi-pagination .swiper-pagination-bullet{
    margin: 0 0.055rem;
    display: inline-block;
    vertical-align: bottom;
    width: auto;
    height: auto;
    font-size: 0.2rem;
    color: #861A98;
    background-color: transparent;
    opacity: .5;
}
.swiper-g5 .swi-pagination .swiper-pagination-bullet-active{
    font-size: 0.26rem;
    font-weight: bold;
    opacity: 1;
}
.swiper-g5 .con{
    display: block;
    height: 4.86rem;
    position: relative;
    overflow: hidden;
}
.swiper-g5 .img{
    height: 100%;
}
.swiper-g5 .text{
    padding: 0.23rem 0.3rem;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
}
.swiper-g5 .text:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1.14rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    z-index: -1;
}
.swiper-g5 .date{
    font-size: 0.18rem;
    color: #FFFFFF;
    line-height: 1.39;
}
.swiper-g5 .tit{
    margin-top: 0.13rem;
    font-size: 0.2rem;
    color: #FFFFFF;
    font-weight: normal;
    line-height: 1.4;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.swiper-g6{
    margin: 0 -0.2rem;
    padding: 0.2rem;
    position: relative;
}
.swiper-g6 .swiper-slide{
    height: auto;
}
.swiper-g6 .con{
    padding: 0.3rem 0.28rem 0.34rem;
    display: block;
    height: 100%;
    background-color: #FFFFFF;
    box-shadow: 0px 2px 24px 2px rgba(134, 26, 152, 0.0756);
    position: relative;
    z-index: 1;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.swiper-g6 .con:before{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 2.65rem;
    height: 100%;
    background: url(../images/g-flower3.png) right bottom no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    z-index: -1;
}
.swiper-g6 .date{
    margin-bottom: 0.38rem;
    width: 1.1rem;
    height: 1.1rem;
    position: relative;
    border-radius: 50%;
    background-color: #861A98;
}
.swiper-g6 .date:before{
    content: '';
    position: absolute;
    left: 0.3rem;
    top: 0.25rem;
    width: 0.27rem;
    height: 0.36rem;
    background: url(../images/g-line1.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}
.swiper-g6 .date span{
    display: block;
    font-size: 0.26rem;
    color: #FFFFFF;
    line-height: 1.38;
    position: absolute;
}
.swiper-g6 .date .s1{
    left: 0.16rem;
    top: 0.14rem;
}
.swiper-g6 .date .s2{
    left: 0.38rem;
    bottom: 0.1rem;
}
.swiper-g6 .tit{
    font-size: 0.2rem;
    color: #333333;
    font-weight: normal;
    line-height: 1.3;
    height: 3.9em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.swiper-g6 .desc{
    margin-top: 0.2rem;
    font-size: 0.16rem;
    color: #666666;
    line-height: 1.5;
    height: 7.5em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    overflow: hidden;
}
.swiper-g6 .btns{
    margin-top: 0.32rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.swiper-g6 .btns .icon-arrow{
    display: block;
    width: 0.56rem;
    height: 0.57rem;
    background: url(../images/g-arrow11.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}
.swiper-g6 .con:hover{
    box-shadow: 0 0.02rem 0.24rem 0.02rem rgba(134, 26, 152, 0.3393);
}
.swiper-g6 .con:hover .tit{
    color: #861A98;
}


.swiper-g7{
    position: relative;
    background-color: #EFEEFE;
    overflow: hidden;
}
.swiper-g7 .swi-arrow{
    margin: 0 -0.18rem;
    position: absolute;
    right: 0.58rem;
    bottom: 0.38rem;
    font-size: 0.16rem;
    color: #333333;
    text-transform: uppercase;
    line-height: 2.5;
    cursor: pointer;
    display: flex;
    align-items: center;
    z-index: 10;
}
.swiper-g7 .swi-arrow .prev, .swiper-g7 .swi-arrow .next{
    padding: 0 0.18rem;
    position: relative;
    display: flex;
    align-items: center;
}
.swiper-g7 .swi-arrow .prev{}
.swiper-g7 .swi-arrow .prev:before{
    content: '';
    margin-top: -0.07rem;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 0.14rem;
    background-color: #BBBBBB;
}
.swiper-g7 .swi-arrow .prev i{
    margin-right: 0.1rem;
    background-image: url(../images/g-arrow12.png);
}
.swiper-g7 .swi-arrow .next{}
.swiper-g7 .swi-arrow .next i{
    margin-left: 0.1rem;
    background-image: url(../images/g-arrow13.png);
}
.swiper-g7 .swi-arrow i{
    display: block;
    width: 0.31rem;
    height: 0.08rem;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    background-size: contain;
    flex-shrink: 0;
}
.swiper-g7 .swi-arrow .prev:hover, .swiper-g7 .swi-arrow .next:hover{
    color: #861A98;
}
.swiper-g7 .swi-arrow .prev:hover i{
    background-image: url(../images/g-arrow14.png);
}
.swiper-g7 .swi-arrow .next:hover i{
    background-image: url(../images/g-arrow15.png);
}
.swiper-g7 .con{}
.swiper-g7 .img{
    width: 50%;
    height: 4.5rem;
    flex-shrink: 0;
}
.swiper-g7 .right{
    padding: 0.86rem 0.5rem;
    padding-left: 0.7rem;
    width: 50%;
    flex-shrink: 0;
}
.swiper-g7 .date{
    font-size: 0.18rem;
    color: #861A98;
}
.swiper-g7 .tit{
    margin-top: 0.08rem;
    font-size: 0.3rem;
    color: #111111;
    font-weight: normal;
    line-height: 1.5;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
.swiper-g7 .line{
    margin: 0.17rem 0 0.2rem;
    height: 1px;
    background-color: #DBDBDB;
}
.swiper-g7 .desc{
    font-size: 0.18rem;
    color: #333333;
    line-height: 2.06;
    max-height: 6.18em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow:hidden;
}
.swiper-g7 .con:hover{}
.swiper-g7 .con:hover .tit{
    color: #861A98;
}

.swiper-g8{
    padding: 0 0.84rem;
    margin: 0 -0.84rem;
    position: relative;
}
.swiper-g8 .swi-arrow{
    margin-top: -0.22rem;
    position: absolute;
    top: 50%;
    width: 0.44rem;
    height: 0.44rem;
    border: 1px solid #861A98;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 0.24rem auto;
    background-size: 0.24rem auto;
    cursor: pointer;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.swiper-g8 .swi-arrow:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #861A98 0%, #590ACE 100%);
    border-radius: 50%;
    z-index: -1;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.swiper-g8 .swi-arrow.prev{
    left: 0;
    background-image: url(../images/g-arrow14.png);
}
.swiper-g8 .swi-arrow.next{
    right: 0;
    background-image: url(../images/g-arrow15.png);
}
.swiper-g8 .swi-arrow:hover:before{
    opacity: 1;
}
.swiper-g8 .swi-arrow.prev:hover{
    background-image: url(../images/g-arrow16.png);
}
.swiper-g8 .swi-arrow.next:hover{
    background-image: url(../images/g-arrow17.png);
}
.swiper-g8 .slider{
    position: relative;
    overflow: hidden;
}
.swiper-g8 .swiper-slide{
    height: auto;
}
.swiper-g8 .con{
    padding: 0.3rem 0.34rem 0.82rem;
    display: block;
    height: 100%;
    background-color: #EFEEFE;
    border-radius: 2.34rem;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.swiper-g8 .img{
    margin: 0 auto 0.46rem;
    padding-top: 100%;
    position: relative;
    border: 0.06rem solid #861A98;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.swiper-g8 .img img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper-g8 .text{}
.swiper-g8 .t1{
    font-size: 0.2rem;
    color: #111111;
    text-align: center;
    line-height: 1.3;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.swiper-g8 .t2{
    margin-top: 0.08rem;
    font-size: 0.3rem;
    color: #861A98;
    text-align: center;
    font-weight: bold;
    line-height: 1.3;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.swiper-g8 .con:hover{
    background-color: #861A98;
}
.swiper-g8 .con:hover .img{
    border-color: #FFFFFF;
}
.swiper-g8 .con:hover .t1, .swiper-g8 .con:hover .t2{
    color: #fff;
}















.tabs-g1{}
.tabs-g1 ul{
    margin: 0 -0.15rem -0.2rem;
}
.tabs-g1 li{
    padding: 0 0.15rem;
    margin-bottom: 0.2rem;
    flex-shrink: 0;
}
.tabs-g1 a{
    font-family: "dinB";
    padding: 0 0.26rem;
    display: block;
    min-width: 1.6rem;
    font-size: 0.18rem;
    color: #666666;
    font-weight: bold;
    text-align: center;
    line-height: 0.44rem;
    border-radius: 0.23rem;
    border: 1px solid rgba(134, 26, 152, .298);
}
.tabs-g1 .on{}
.tabs-g1 .on a, .tabs-g1 a:hover{
    color: #fff;
    border-color: transparent;
    background-color: rgba(134, 26, 152, .6975);
}


.ls-g1{
    margin: 0 -0.3rem -0.5rem;
}
.ls-g1 li{
    padding: 0 0.3rem;
    margin-bottom: 0.5rem;
    width: 50%;
    flex-shrink: 0;
}
.ls-g1 .img{
    height: 4.05rem;
    position: relative;
    overflow: hidden;
}
.ls-g1 .text{
    margin: 0 0.2rem;
    margin-top: -0.52rem;
    padding: 0 0.38rem 0 0.4rem;
    height: 1.04rem;
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: #fff;
    box-shadow: 0 0.02rem 0.08rem 0 rgba(224, 224, 224, 0.5);
    position: relative;
}
.ls-g1 .text:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0.05rem;
    background-color: #861A98;
}
.ls-g1 .tit{
    width: calc(100% - 0.6rem);
    max-width: 100%;
    flex-grow: 1;
    font-size: 0.3rem;
    color: #333333;
    font-weight: normal;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
.ls-g1 .icon-arrow{
    margin-left: 0.2rem;
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    background: url(../images/g-arrow1.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    flex-shrink: 0;
}

.ls-g2{
    padding-top: 91.87%;
    position: relative;
}
.ls-g2 .con{
    display: block;
    height: 100%;
}
.ls-g2 li{
    position: absolute;
}
.ls-g2 .img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.ls-g2 .text{
    padding: 0.84rem 0.58rem;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: flex;
    flex-direction: column;
}
.ls-g2 .text:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 60%;
    background: linear-gradient(180deg, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: -1;
}
.ls-g2 .tit{
    padding-bottom: 0.18rem;
    font-size: 0.4rem;
    color: #FFFFFF;
    font-weight: normal;
    line-height: 1.5;
    position: relative;
}
.ls-g2 .tit:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0.88rem;
    height: 0.03rem;
    background-color: #FFFFFF;
}
.ls-g2 .desc{
    margin-top: 0.3rem;
    font-size: 0.18rem;
    color: #FFFFFF;
    line-height: 1.5;
}
.ls-g2 .i1{
    left: 0;
    top: 0;
    width: 40.6%;
    height: 58.93%;
}
.ls-g2 .i1 .text:before{
    background: linear-gradient(180deg, rgba(40, 81, 157, .9) 0%, rgba(140, 180, 255, 0) 100%);
}
.ls-g2 .i2{
    right: 0;
    top: 0;
    width: 57.07%;
    height: 32.44%;
}
.ls-g2 .i2 .text{
    text-align: right;
}
.ls-g2 .i2 .tit:before{
    left: auto;
    right: 0;
}
.ls-g2 .i3{
    left: 42.93%;
    top: 34.98%;
    width: 23.2%;
    height: 23.95%;
}
.ls-g2 .i3 .text{
    text-align: center;
    justify-content: center;
}
.ls-g2 .i3 .tit:before{
    left: 50%;
    width: 0.64rem;
    margin-left: -0.32rem;
}
.ls-g2 .i4{
    right: 0;
    top: 34.98%;
    width: 31.53%;
    height: 41.73%;
}
.ls-g2 .i4 .text{
    text-align: right;
}
.ls-g2 .i4 .text:before{
    background: linear-gradient(180deg, rgba(40, 81, 157, .9) 0%, rgba(140, 180, 255, 0) 100%);
}
.ls-g2 .i4 .tit:before{
    left: auto;
    right: 0;
}
.ls-g2 .i5{
    left: 0;
    bottom: 0;
    width: 31.87%;
    height: 38.53%;
}
.ls-g2 .i5 .text{
    padding: 0.74rem 0.58rem;
}
.ls-g2 .i5 .tit:before{
    width: 0.64rem;
}
.ls-g2 .i6{
    left: 34.27%;
    bottom: 0;
    width: 31.87%;
    height: 38.53%;
}
.ls-g2 .i6 .text{
    padding: 0.74rem 0.58rem;
    text-align: center;
}
.ls-g2 .i6 .tit:before{
    left: 50%;
    margin-left: -0.44rem;
}
.ls-g2 .i7{
    right: 0;
    bottom: 0;
    width: 31.53%;
    height: 20.75%;
}
.ls-g2 .i7 .text{
    padding-left: 0.1rem;
    text-align: right;
}
.ls-g2 .i7 .text:before{
    display: none;
}
.ls-g2 .i7 .tit:before{
    left: auto;
    right: 0;
}

.ls-g3{
    margin-bottom: -0.68rem;
}
.ls-g3 li{
    margin-bottom: 0.68rem;
}
.ls-g3 .con{
    align-items: flex-start;
}
.ls-g3 .bx-imgs{
    margin-right: 0.52rem;
    padding-bottom: 0.1rem;
    width: 3.25rem;
    position: relative;
    z-index: 1;
    flex-shrink: 0;
}
.ls-g3 .bx-imgs:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 3.25rem;
    background-color: #861A98;
    border-radius: 50%;
    z-index: -1;
}
.ls-g3 .img{
    padding-top: 100%;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
}
.ls-g3 .img img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.ls-g3 .right{
    padding-top: 0.24rem;
    width: calc(100% - 3.77rem);
    flex-shrink: 0;
}
.ls-g3 .t1{
    padding-bottom: 0.29rem;
    font-size: 0.38rem;
    color: #333333;
    font-weight: normal;
    line-height: 1.5;
    position: relative;
}
.ls-g3 .t1 span{
    color: #861A98;
}
.ls-g3 .line{
    height: 1px;
    background-color: rgba(151, 151, 151, .219);
    position: relative;
}
.ls-g3 .line:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: -0.03rem;
    width: 2.12rem;
    height: 0.07rem;
    background: linear-gradient(90deg, #83239E -5%, #6926C9 100%);
}
.ls-g3 .t2{
    margin-top: 0.34rem;
    font-size: 0.24rem;
    color: #861A98;
    line-height: 1.5;
}
.ls-g3 .t3{
    margin-top: 0.4rem;
    font-size: 0.18rem;
    color: #666666;
    line-height: 1.5;
    position: relative;
    z-index: 1;
}
.ls-g3 .t3:before{
    content: '';
    position: absolute;
    left: -0.3rem;
    top: -0.012rem;
    width: 0.22rem;
    height: 0.19rem;
    background: url(../images/g-yh1.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    z-index: -1;
}
.ls-g3 .t3 p:last-child:after{
    content: '';
    margin-left: 2px;
    display: inline-block;
    vertical-align: middle;
    width: 0.22rem;
    height: 0.18rem;
    background: url(../images/g-yh2.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    position: relative;
    z-index: -1;
}
.ls-g3 li:nth-child(even){}
.ls-g3 li:nth-child(even) .bx-imgs{
    margin: 0;
    margin-left: 0.5rem;
    order: 2;
}
.ls-g3 li:nth-child(even) .right{
    order: 1;
}

.ls-g4{}
.ls-g4 li{}
.ls-g4 .con{
    padding: 0.52rem 0;
    position: relative;
    align-items: flex-start;
}
.ls-g4 .con:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    background-color: rgba(151, 151, 151, .4);
}
.ls-g4 .con:after{
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 1.74rem;
    height: 2px;
    background-color: #861A98;
}
.ls-g4 .img{
    margin-left: 0.7rem;
    width: 4.06rem;
    height: 2.29rem;
    flex-shrink: 0;
    order: 2;
}
.ls-g4 .left{
    padding-top: 0.22rem;
    width: calc(100% - 4.76rem);
    max-width: 100%;
    flex-grow: 1;
    align-items: flex-start;
}
.ls-g4 .date{
    margin-right: 0.3rem;
    width: 1.2rem;
    flex-shrink: 0;
}
.ls-g4 .date span{
    display: block;
}
.ls-g4 .date .s1{
    font-size: 0.4rem;
    color: #861A98;
    line-height: 1.2;
    font-family: 'PingFangSC',sans-serif;
}
.ls-g4 .date .s2{
    font-size: 0.18rem;
    color: #666666;
    line-height: 1.39;
    font-family: 'PingFangSC',sans-serif;
}
.ls-g4 .text{
    padding-top: 0.12rem;
    width: calc(100% - 1.5rem);
    flex-shrink: 0;
}
.ls-g4 .tit{
    font-size: 0.2rem;
    color: #333333;
    font-weight: normal;
    line-height: 1.4;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.ls-g4 .desc{
    margin-top: 0.2rem;
    font-size: 0.16rem;
    color: #666666;
    line-height: 1.5;
    max-height: 4.5em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow:hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.ls-g4 .con:hover{}
.ls-g4 .con:hover .tit, .ls-g4 .con:hover .desc{
    color: #861A98;
}

.ls-g5{
    margin-top: -0.2rem;
}
.ls-g5 li{}
.ls-g5 .con{
    padding: 0.21rem 0 0.18rem;
    padding-left: 0.1rem;
    display: block;
    position: relative;
    z-index: 1;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.ls-g5 .con:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: linear-gradient(90deg, #7721AC 2%, #5E26D4 100%);
    z-index: -1;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.ls-g5 .date{
    font-size: 0.18rem;
    color: #861A98;
    line-height: 1.39;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.ls-g5 .tit{
    margin-top: 0.13rem;
    font-size: 0.2rem;
    color: #333333;
    font-weight: normal;
    line-height: 1.3;
    max-height: 2.6em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow:hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.ls-g5 li.on .con{
    padding: 0.33rem 0 0.3rem;
    padding-left: 0.3rem;
}
.ls-g5 li.on .con:before{
    width: calc(100% + (100vw - 15rem)/2);
}
.ls-g5 li.on .con .tit, .ls-g5 li.on .con .date{
    color: #fff;
}

.ls-g6{
    margin: 0 -0.9rem -0.4rem;
}
.ls-g6 li{
    padding: 0 0.9rem;
    margin-bottom: 0.4rem;
    width: 33.33%;
}
.ls-g6 .con{
    display: block;
}
.ls-g6 .bx-icon{
    margin: 0 auto .4rem;
    width: 3.26rem;
    height: 3.26rem;
    background: url(../images/g-bg15.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 1;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 0.02rem 0.2rem 0 rgba(134, 26, 152, 0.1181);
}
.ls-g6 .bx-icon:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/g-bg16.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    animation: roted 20s linear infinite;
}
.ls-g6 .icon{
    width: 2.4rem;
    height: 2.4rem;
    background-color: #fff;
    border-radius: 50%;
}
.ls-g6 .icon img{
    display: block;
    max-width: 1.48rem;
    max-height: 1.48rem;
}
.ls-g6 .text{}
.ls-g6 .tit{
    font-size: 0.3rem;
    color: #861A98;
    text-align: center;
    font-weight: normal;
    line-height: 1.5;
    font-weight: 600;
}
.ls-g6 li:nth-child(2){}
.ls-g6 li:nth-child(2) .bx-icon:before{
    animation-delay: -2s;
}
.ls-g6 li:nth-child(3){}
.ls-g6 li:nth-child(3) .bx-icon:before{
    animation-delay: -4s;
}

.ls-g7{
    margin: 0 -0.4rem;
    margin-bottom: -0.5rem;
}
.ls-g7 li{
    margin-bottom: 0.5rem;
    width: 20%;
    flex-shrink: 0;
}
.ls-g7 .con{
    padding: 0 0.5rem;
    display: block;
    height: 100%;
    position: relative;
}
.ls-g7 .con:before{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background-color: #861A98;
    opacity: .2481;
}
.ls-g7 .num{
    font-size: 0.7rem;
    color: #861A98;
    text-align: center;
    line-height: 1.4;
    display: flex;
    justify-content: center;
    align-items: baseline;
}
.ls-g7 .num span{
    font-family: "PingFang"
}
.ls-g7 .t1{
    margin-top: 0.08rem;
    font-size: 0.18rem;
    color: #333333;
    text-align: center;
    line-height: 1.44;
    font-weight: 600;
}
.ls-g7 li:last-child{}
.ls-g7 li:last-child .con:before{
    display: none;
}

.ls-g8{
    margin: 0 -0.05rem -0.7rem;
}
.ls-g8 li{
    padding: 0 0.05rem;
    margin-bottom: 0.7rem;
    width: 33.33%;
    flex-shrink: 0;
}
.ls-g8 .con{}
.ls-g8 .tit{
    font-size: 0.3rem;
    color: #FFFFFF;
    text-align: center;
    line-height: 1.5;
}

.ls-g9{}
.ls-g9 li{
    margin-bottom: 0.84rem;
}
.ls-g9 li:last-child{
    margin-bottom: 0;
}
.ls-g9 .con{}
.ls-g9 .left{
    margin-right: 0.5rem;
    padding-bottom: 0.2rem;
    width: 3.25rem;
    position: relative;
    z-index: 1;
    flex-shrink: 0;
}
.ls-g9 .left:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0.2rem;
    right: 0;
    bottom: 0;
    background-color: #861A98;
    border-radius: 50%;
    z-index: -1;
}
.ls-g9 .right{
    width: calc(100% - 3.75rem);
    flex-shrink: 0;
}
.ls-g9 .img{
    height: 3.25rem;
    overflow: hidden;
    border-radius: 50%;
}
.ls-g9 .img img{
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important;
}
.ls-g9 .tit{
    font-size: 0.38rem;
    color: #333333;
    font-weight: normal;
    line-height: 1.5;
}
.ls-g9 .tit span{
    color: #861A98;
}
.ls-g9 .line{
    margin: 0.26rem 0 0.38rem;
    height: 1px;
    background-color: rgba(151, 151, 151, .219);
    position: relative;
}
.ls-g9 .line:before{
    content: '';
    position: absolute;
    left: 0;
    top: -0.035rem;
    width: 2.12rem;
    height: 0.07rem;
    background: linear-gradient(90deg, #83239E -6%, #6926C9 100%);
}
.ls-g9 .desc{
    font-size: 0.18rem;
    color: #666666;
    line-height: 1.5;
}

.ls-g10{
    margin: 0 -0.38rem -0.4rem;
}
.ls-g10 li{
    margin-bottom: 0.4rem;
    width: 33.33%;
    flex-shrink: 0;
}
.ls-g10 .con{
    padding: 0.07rem 0.58rem 0.16rem;
    display: block;
    height: 100%;
    position: relative;
}
.ls-g10 .con:before{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #DBDBDB;
}
.ls-g10 .date{
    font-size: 0.14rem;
    color: #666666;
    line-height: 1.3;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.ls-g10 .tit{
    margin-top: 0.1rem;
    font-size: 0.18rem;
    color: #333333;
    font-weight: normal;
    line-height: 1.44;
    max-height: 2.88em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow:hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.ls-g10 li:last-child .con:before{
    display: none;
}
.ls-g10 .con:hover{}
.ls-g10 .con:hover .date, .ls-g10 .con:hover .tit{
    color: #861A98;
}

.ls-g11{}
.ls-g11 li{
    margin-bottom: 1.2rem;
}
.ls-g11 li:last-child{
    margin-bottom: 0;
}
.ls-g11 .con{
    padding: 0.34rem 0.3rem;
    padding-right: 1.46rem;
    background-color: #EFEEFE;
    border-radius: 2.34rem;
    min-height: 4.68rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.ls-g11 .con:before{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 99.9%;
    height: 100%;
    background: url(../images/g-bg23.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: -1;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.ls-g11 .img{
    margin-right: 0.7rem;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: 0.06rem solid #861A98;
    overflow: hidden;
    flex-shrink: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.ls-g11 .right{
    width: calc(100% - 4.7rem);
    flex-shrink: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.ls-g11 .tit{
    margin-bottom: 0.28rem;
    font-size: 0;
    color: #111111;
    font-weight: bold;
    line-height: 1.5;
    position: relative;
    text-transform: uppercase;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.ls-g11 .tit:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background-color: #C9C7E4;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.ls-g11 .tit span{
    padding-bottom: 0.26rem;
    display: inline-block;
    font-size: 0.36rem;
    max-width: 100%;
    border-bottom: 4px solid #861A98;
    position: relative;
    z-index: 10;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.ls-g11 .desc{
    font-size: 0.16rem;
    color: #333333;
    line-height: 1.68;
    /* max-height: 5.04em; */
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow:hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.ls-g11 .btns-g1{
    margin-top: 0.2rem;
}
.ls-g11 li:nth-child(even){}
.ls-g11 li:nth-child(even) .con{
    padding: 0.34rem 0.3rem;
    padding-left: 1.46rem;
}
.ls-g11 li:nth-child(even) .img{
    margin: 0;
    margin-left: 0.7rem;
    order: 2;
}
.ls-g11 li:nth-child(even) .right{
    order: 1;
}
.ls-g11 .con:hover{
    padding: 0 !important;
    padding-right: 1.2rem !important;
}
.ls-g11 .con:hover:before{
    opacity: 1;
}
.ls-g11 .con:hover .img{
    width: 4.68rem;
    height: 4.68rem;
    border: 0.1rem solid #fff;
}
.ls-g11 .con:hover .right{
    width: calc(100% - 5.38rem);
}
.ls-g11 .con:hover .tit, .ls-g11 .con:hover .desc{
    color: #fff;
}
.ls-g11 .con:hover .tit:before{
    background-color: #C9C7E4;
}
.ls-g11 .con:hover .tit span{
    border-color: #F4961D;
}
.ls-g11 .con:hover .btns-g1{}
.ls-g11 .con:hover .btns-g1 .s1{
    color: #FFFFFF;
}
.ls-g11 .con:hover .btns-g1 .s1 .icon-arrow{
    background-image: url(../images/g-arrow18.png);
}
.ls-g11 li:nth-child(even) .con:hover{
    padding: 0 !important;
    padding-left: 1.2rem !important;
}










.row-bg1{
    position: absolute;
    right: 0;
    top: 0;
    width: 5.45rem;
    z-index: -1;
}
.row-bg1 img{
    display: block;
    max-width: 100%;
}
.row-bg2{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.row-bg2 img{
    margin: 0 auto;
    display: block;
    max-width: 100%;
}
.row-bg3{
    position: absolute;
    right: 0;
    bottom: 0.2rem;
    width: 1.73rem;
    z-index: -1;
}
.row-bg3 img{
    margin: 0 auto;
    display: block;
    max-width: 100%;
}
.row-bg4{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.row-bg4 img{
    margin: 0 auto;
    display: block;
    max-width: 100%;
}
.sec-bg1{
    position: absolute;
    left: 0;
    top: 10.92rem;
    width: 3.36rem;
    z-index: -1;
}
.sec-bg1 img{
    display: block;
    max-width: 100%;
}

.sec-box1{
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.sec-box2{
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.row-g1{
    padding: 1.03rem 0 1.72rem;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.row-g2{
    padding: 1rem 0 1.8rem;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
}
.row-g2 .hd-g1{
    margin-bottom: 0.4rem;
}
.row-g3{
    padding: 0.54rem 0 1.5rem;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
}
.row-g3 .tabs-g1{
    margin-bottom: 1.1rem;
}
.row-g4{
    padding: 1.1rem 0 1rem;
    overflow: hidden;
}
.row-g4 .hd-g2{
    margin-bottom: 0.7rem;
}
.row-g5{
    padding: 1rem 0 2.01rem;
    overflow: hidden;
}
.row-g5 .wp{
    height: 100%;
    position: relative;
}
.row-g5 .hd-g2{
    position: absolute;
    left: 0;
    top: 0.4rem;
    z-index: 10;
}
.row-g6{
    overflow: hidden;
}
.row-g6 .swiper-g3{
    width: 50.63%;
    flex-shrink: 0;
}
.row-g6 .boxIf-g2{
    width: 49.37%;
    flex-shrink: 0;
}
.row-g7{
    height: 6rem;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
}
.row-g8{
    padding: 0.7rem 0 1.6rem;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.row-g8 .swiper-g4{
    margin-bottom: 0.74rem;
}
.row-g9{
    padding: 0.78rem 0 0.8rem;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.row-g9 .hd-g2{
    margin-bottom: 0.45rem;
}
.row-g10{
    padding: 0.7rem 0 2.02rem;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
}
.row-g10 .hd-g2{
    margin-bottom: 0.25rem;
}
.row-g11{
    padding: 1.1rem 0 0.5rem 0.94rem;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
}
.row-g12{
    padding: 0rem 0 1rem;
    overflow: hidden;
}
.row-g13{
    padding: 0rem 0 2.04rem;
    background-repeat: no-repeat;
    background-position: center bottom;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
}
.row-g14{
    padding: 0.54rem 0 1.97rem;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
}
.row-g14 .tabs-g1{
    margin-bottom: 0.71rem;
}
.row-g14 .hd-g2{
    margin-bottom: 0.52rem;
}
.row-g14 .boxIf-g5{
    margin-bottom: 0.86rem;
}
.row-g14 .boxIf-g6{
    margin-top: 1.7rem;
}
.row-g15{
    padding: 1.2rem 0 0.77rem;
    overflow: hidden;
}
.row-g16{
    padding: 0.77rem 0 0.72rem;
    overflow: hidden;
}
.row-g16 .hd-g2{
    margin-bottom: 0.45rem;
}
.row-g16 .swiper-g7{
    margin-bottom: 0.46rem;
}
.row-g17{
    padding: 0.72rem 0 2.23rem;
    overflow: hidden;
}
.row-g17 .hd-g2{
    margin-bottom: 0.8rem;
}
.row-g18{
    padding: 1.1rem 0 2.77rem;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.row-g18 .hd-g1{
    margin-bottom: 0.47rem;
}
.row-g18 .boxIf-g8{
    margin-bottom: 1.2rem;
}




.boxIf-g1{}
.boxIf-g1 img{
    margin: 0 auto;
    max-width: 100%;
    height: auto !important;
}

.boxIf-g2{
    padding: 0.8rem;
    height: 7.56rem;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.boxIf-g2 .btns-g2{
    margin-top: 0.42rem;
}

.boxIf-g3{}
.boxIf-g3 .btns-g1{
    margin-top: 0.76rem;
}

.boxIf-g4{}
.boxIf-g4 .box-items{
    /* margin-bottom: 1.4rem;*/
    align-items: flex-start;
    position: relative;
    z-index: 1;
}
.boxIf-g4 .box-items:last-child{
    margin-bottom: 0;
}
.boxIf-g4 .box-items:before{
    content: '';
    position: absolute;
    z-index: -1;
}
.boxIf-g4 .box-items.v1{
    padding-top: 0.04rem;
}
.boxIf-g4 .box-items.v1:before{
    right: calc((15rem - 100vw)/2);
    top: 0;
    width: 12.4rem;
    height: 5.59rem;
    background: url(../images/g-bg17.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}
.boxIf-g4 .box-items.v1 .pic{
    left: calc((15rem - 100vw)/2);
}
.boxIf-g4 .box-items.v1 .right{
    margin-left: -27.4%;
    padding-top: 0.56rem;
}
.boxIf-g4 .box-items.v1 .hd-g2, .boxIf-g4 .box-items.v1 .btns-g1{
    padding-left: 3rem;
}
.boxIf-g4 .box-items.v2{
    padding-top: 0.78rem;
}
.boxIf-g4 .box-items.v2:before{
    content: '';
    position: absolute;
    left: calc((15rem - 100vw)/2);
    top: 0;
    width: 14.43rem;
    height: 5.49rem;
    background: linear-gradient(90deg, #84249D 17%, rgba(142, 35, 163, 0) 92%);
    opacity: .1;
}
.boxIf-g4 .box-items.v2 .pic{
    order: 2;
}
.boxIf-g4 .box-items.v2 .right{
    margin-right: -27.4%;
    padding-top: 0.6rem;
    order: 1;
}
.boxIf-g4 .box-items.v2 .hd-g2, .boxIf-g4 .box-items.v2 .btns-g1{
    padding-right: 3rem;
}
.boxIf-g4 .pic{
    width: 60.53%;
    height: 5.8rem;
    position: relative;
    overflow: hidden;
}
.boxIf-g4 .pic img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.boxIf-g4 .right{
    width: 66.87%;
    position: relative;
    z-index: 10;
}
.boxIf-g4 .btns-g1{
    margin-top: 0.6rem;
}
.boxIf-g4 .text{
    margin-top: 0.9rem;
    padding: 0.5rem 0.4rem;
    padding-top: 0.93rem;
    background-color: #FFFFFF;
    box-shadow: 0.02rem 0.04rem 0.1rem 0.01rem rgba(155, 155, 155, 0.2);
    position: relative;
}
.boxIf-g4 .text:before{
    content: '';
    position: absolute;
    left: 0.4rem;
    top: 0.5rem;
    right: 0.4rem;
    height: 1px;
    background-color: #861A98;
    opacity: .19;
}
.boxIf-g4 .text:after{
    content: '';
    position: absolute;
    left: 0.4rem;
    top: 0.5rem;
    width: 0.82rem;
    height: 2px;
    background-color: #861A98;
}
.boxIf-g4 .desc{
    font-size: 0.18rem;
    color: #666666;
    line-height: 1.56;
}

.boxIf-g5{
    min-height: 6.58rem;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.boxIf-g5 .left{
    padding: 1.41rem 0.84rem 0.6rem;
    width: calc(100% - 3.63rem);
    flex-shrink: 0;
}
.boxIf-g5 .right{
    width: 3.63rem;
    background: linear-gradient(90deg, rgba(132, 35, 157, 0.845) -1%, rgba(90, 32, 207, 0.845) 100%);
    flex-shrink: 0;
}
.boxIf-g5 .right .icon{
    margin: 0 auto 0.4rem;
    height: 0.92rem;
    line-height: 0.92rem;
    font-size: 0;
    text-align: center;
}
.boxIf-g5 .right .icon img{
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}
.boxIf-g5 .right .num{
    font-size: 0.7rem;
    color: #FFFFFF;
    text-align: center;
    line-height: 1.4;
}
.boxIf-g5 .right .num span{}
.boxIf-g5 .right .t1{
    font-size: 0.4rem;
    color: #FFFFFF;
    text-align: center;
    line-height: 1.5;
}

.boxIf-g6{
    font-size: 0.18rem;
    color: #666666;
    line-height: 1.54;
}
.boxIf-g6 .its1{
    margin-bottom: 0.77rem;
    position: relative;
    align-items: flex-start;
}
.boxIf-g6 .its1 .icon{
    margin: -2.59rem 0 0 -2.59rem;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 5.18rem;
    height: 5.18rem;
    line-height: 5.18rem;
    font-size: 0;
    text-align: center;
    background-color: #F1E2F4;
    border-radius: 50%;
}
.boxIf-g6 .its1 .icon:before{
    content: '';
    margin: -2.01rem 0 0 -2.01rem;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 4.02rem;
    height: 4.02rem;
    background-color: #861A98;
    border-radius: 50%;
    z-index: 2;
}
.boxIf-g6 .its1 .icon img{
    display: inline-block;
    vertical-align: middle;
    max-width: 2.5rem;
    max-height: 2.5rem;
    position: relative;
    z-index: 10;
}
.boxIf-g6 .its1 .its1-itm{
    width: 50%;
    flex-shrink: 0;
}
.boxIf-g6 .its1 .pic{
    height: 4.47rem;
    overflow: hidden;
}
.boxIf-g6 .its1 .pic img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.boxIf-g7{
    align-items: flex-start;
}
.boxIf-g7 .left{
    padding-top: 0.1rem;
    width: 53.33%;
    flex-shrink: 0;
}
.boxIf-g7 .hd-g1{
    margin-bottom: 0.45rem;
}
.boxIf-g7 .desc{
    font-size: 0.18rem;
    color: #333333;
    line-height: 2.06;
    max-height: 16.48em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    display: -webkit-box;
    overflow:hidden;
}
.boxIf-g7 .btns-g1{
    margin-top: 0.4rem;
}
.boxIf-g7 .pic{
    margin-right: calc((15rem - 100vw)/2);
    width: 56.9%;
    height: 5.64rem;
    border-radius: .1rem;
    overflow: hidden;
    flex-shrink: 0;
}
.boxIf-g7 .pic img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.boxIf-g8{
    font-size: 0.22rem;
    color: #333333;
    line-height: 1.68;
}

.boxFac-g1{
    margin-right: calc((15rem - 100vw)/2);
}
.boxFac-g1 .item{
    width: 14.85%;
    height: 2.54rem;
    position: relative;
    flex-shrink: 0;
    order: 10;
}
.boxFac-g1 .item.i1{
    width: 47.95%;
    height: 5.4rem;
    align-self: flex-end;
    order: 2;
}
.boxFac-g1 .item.i2{
    margin-left: 29.71%;
    width: 22.34%;
    height: 3.82rem;
    align-self: flex-end;
    order: 1;
}
.boxFac-g1 .item.i3{
    margin-left: 14.85%;
}
.boxFac-g1 .item.i4{
    margin-right: 55.45%;
}
.boxFac-g1 .item.i4 .tit{
    color: #111111;
}
.boxFac-g1 .item.i5{}
.boxFac-g1 .item.i5 .tit{
    color: #111111;
}
.boxFac-g1 .item.i6{
    margin-right: 14.85%;
}
.boxFac-g1 .item.i6 .tit{
    color: #111111;
}
.boxFac-g1 .item.i7{
    width: 22.34%;
    height: 3.82rem;
}
.boxFac-g1 .item.i8{}
.boxFac-g1 .img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
}
.boxFac-g1 .img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.boxFac-g1 .con{
    height: 100%;
}
.boxFac-g1 .con .icon{
    margin: 0 auto 0.12rem;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
}
.boxFac-g1 .con .icon img{
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}
.boxFac-g1 .con .tit{
    font-size: 0.24rem;
    color: #FFFFFF;
    text-align: center;
    line-height: 1.3;
    font-weight: bold;
}

.boxNews-g1{
    align-items: flex-start;
}
.boxNews-g1 .box-col{
    width: 57.6%;
    flex-shrink: 0;
}
.boxNews-g1 .box-cor{
    width: 40.7%;
    flex-shrink: 0;
}












@media (min-width: 993px){}

@media(max-width: 1024px){
    .swiper-g3{height: 6.81rem;}
    .swiper-g8{margin: 0;}
    .ls-g5 li.on .con:before{width: 103vw;}
    .row-g7{height: 5.16rem;}
    .boxFac-g1{margin-right: -3%;}
    .boxFac-g1 .item{height: 2.16rem;}
    .boxFac-g1 .con .icon{margin-bottom: 0.1rem; width: 0.86rem; height: 0.86rem; line-height: 0.86rem;}
    .boxFac-g1 .item.i1{height: 4.59rem;}
    .boxFac-g1 .item.i2, .boxFac-g1 .item.i7{height: 3.25rem;}
    .boxIf-g2{height: 6.5rem;}
    .boxIf-g3 .btns-g1{margin-top: 0.65rem;}
    .boxIf-g4 .right{width: 58.87%;}
    .boxIf-g4 .box-items.v1:before{right: -4%;}
    .boxIf-g4 .box-items.v1 .pic{left: -4%;}
    .boxIf-g4 .box-items.v2:before{left: -4%;}
    .boxIf-g7 .left{width: 49%;}
    .boxIf-g7 .pic{margin-right: -4%; width: 50%;}
}

@media(max-width: 992px){
    .hd-g1 .title{padding-bottom: 0.2rem !important; font-size: 0.52rem !important;}
    .hd-g1 .title:before{width: 0.5rem;}
    .hd-g2{margin-bottom: 0.4rem !important;}
    .hd-g2 .title{font-size: 0.52rem !important;}
    .btns-g1 .s1 .icon-arrow{margin-right: 0.06rem; width: 0.4rem; height: 0.4rem;}
    .swiper-g1 .swi-arrow{right: 1.6rem;}
    .swiper-g1 .swiper-for{padding: 0 0 0.2rem 0.25rem; width: calc(100% - 3.2rem);}
    .swiper-g1 .swiper-for:before{width: 6rem; height: 2.53rem;}
    .swiper-g1 .swiper-for .slider{height: 5.6rem;}
    .swiper-g1 .swiper-nav{width: 3rem;}
    .swiper-g1 .swiper-nav{height: 5.4rem;}
    .swiper-g2{display: block;}
    .swiper-g2 .swiper-imgs{margin: 0 auto 0.2rem; padding: 0; padding-left: 0.8rem; width: 6.4rem;}
    .swiper-g2 .swiper-imgs .slider{height: 5.6rem;}
    .swiper-g2 .swiper-text{padding: 0; width: 100%;}
    .swiper-g2 .swiper-nav{margin-top: 0.25rem; position: static; width: auto;}
    .swiper-g3{height: auto;}
    .swiper-g3 .swi-btns{left: 3%;}
    .swiper-g4 .swi-arrow{bottom: 1.35rem;}
    .swiper-g4 .swiper-for .img{height: 3.35rem;}
    .swiper-g4 .swiper-for .right{padding-top: 0.1rem; padding-bottom: 1.9rem;}
    .swiper-g4 .swiper-for .desc{margin-top: 0.1rem;}
    .swiper-g4 .swiper-for .date{margin-top: 0.2rem;}
    .swiper-g4 .swiper-nav .img{height: 1.2rem;}
    .swiper-g5 .swi-btns{width: 100%;}
    .swiper-g5 .con{height: 53vw;}
    .swiper-g7 .swi-arrow{bottom: 0.2rem;}
    .swiper-g7 .img{height: 3.8rem;}
    .swiper-g7 .right{padding: 0.6rem 0.4rem;}
    .swiper-g8{padding: 0 0.6rem;}
    .swiper-g8 .con{padding: 0.2rem; padding-bottom: 0.6rem;}
    .swiper-g8 .img{margin-bottom: 0.25rem;}
    .tabs-g1 ul{margin: 0 -0.05rem -0.1rem;}
    .tabs-g1 li{padding: 0 0.05rem; margin-bottom: 0.1rem;}
    .tabs-g1 a{padding: 0 0.15rem; min-width: 1.1rem; line-height: 0.4rem;}
    .ls-g1 li{width: 100%;}
    .ls-g1 .img{height: 56vw;}
    .ls-g2 .text{padding: 0.35rem 0.2rem !important;}
    .ls-g2 .tit{padding-bottom: 0.1rem; line-height: 1.3; font-size: 0.28rem;}
    .ls-g2 .desc{margin-top: 0.1rem;}
    .ls-g4 .con{padding: 0.4rem 0;}
    .ls-g4 .img{margin-left: 0.5rem; width: 3.6rem; height: 2.03rem;}
    .ls-g4 .left{width: calc(100% - 4.1rem);}
    .ls-g6{margin: 0 -0.2rem -0.5rem;}
    .ls-g6 li{padding: 0 0.2rem; margin-bottom: 0.5rem;}
    .ls-g6 .bx-icon{margin-bottom: 0.2rem; width: 2.6rem; height: 2.6rem;}
    .ls-g6 .icon{width: 1.8rem; height: 1.8rem;}
    .ls-g6 .icon img{max-width: 0.9rem; max-height: 0.9rem;}
    .ls-g6 .tit{line-height: 1.3;}
    .ls-g7{margin-bottom: -0.4rem;}
    .ls-g7 li{margin-bottom: 0.4rem;}
    .ls-g7 .con{padding: 0 0.1rem;}
    .ls-g7 .num{font-size: 0.52rem;}
    .ls-g7 .t1{line-height: 1.3;}
    .ls-g8{margin-bottom: -0.4rem;}
    .ls-g8 li{margin-bottom: 0.4rem;}
    .ls-g8 .tit{font-size: 0.26rem;}
    .ls-g10{margin: 0; margin-bottom: -0.4rem;}
    .ls-g10 .con{padding: 0.1rem 0.2rem;}
    .ls-g11 li{margin-bottom: 0.4rem;}
    .ls-g11 .con, .ls-g11 .con:hover{padding: 0.2rem !important; padding-right: 0.8rem !important; min-height: 3.8rem;}
    .ls-g11 .img, .ls-g11 .con:hover .img{margin-right: 0.4rem; width: 3.4rem; height: 3.4rem;}
    .ls-g11 .right, .ls-g11 .con:hover .right{width: calc(100% - 3.8rem);}
    .ls-g11 .tit{margin-bottom: 0.2rem;}
    .ls-g11 .tit span{padding-bottom: 0.1rem;}
    .ls-g11 .btns-g1{margin-top: 0.2rem;}
    .ls-g11 li:nth-child(even) .con{padding: 0.2rem !important; padding-left: 0.8rem !important;}
    .ls-g11 li:nth-child(even) .img{margin: 0 !important; margin-left: 0.4rem !important;}
    .row-g1, .row-g2, .row-g3, .row-g8, .row-g9, .row-g10, .row-g11, .row-g12, .row-g13, .row-g14, .row-g18{padding: 0.8rem 0;}
    .row-g15{padding: 0.8rem 0 0.4rem;}
    .row-g16{padding: 0.4rem 0;}
    .row-g17{padding: 0.4rem 0 0.8rem;}
    .row-g4{padding: 0.8rem 0 0.4rem;}
    .row-g5{padding: 0.4rem 0 0.8rem;}
    .row-g2 .hd-g1{text-align: center;}
    .row-g2 .hd-g1 .title:before{left: 50%; margin-left: -0.25rem;}
    .row-g3 .tabs-g1{margin-bottom: 0.4rem;}
    .row-g5 .hd-g2{position: static; display: flex; justify-content: center;}
    .row-g6 .swiper-g3, .row-g6 .boxIf-g2{width: 100%;}
    .row-g6 .boxIf-g2{order: 1;}
    .row-g6 .swiper-g3{order: 2;}
    .row-g7{height: 4rem;}
    .row-g8 .swiper-g4{margin-bottom: 0.6rem;}
    .row-g10 .hd-g2{margin-bottom: 0.2rem !important;}
    .row-g14 .tabs-g1{margin-bottom: 0.4rem;}
    .row-g14 .boxIf-g5{margin-bottom: 0.6rem;}
    .row-g14 .boxIf-g6{margin-top: 0.9rem;}
    .row-g18 .boxIf-g8{margin-bottom: 0.4rem;}
    .boxFac-g1 .item{margin: 0 !important; width: 25% !important; height: 2.4rem !important;}
    .boxFac-g1 .item.i1{display: none;}
    .boxIf-g2{padding: 0.6rem 3%; height: 4rem;}
    .boxIf-g2 .hd-g2{margin: 0 !important;}
    .boxIf-g3 .hd-g2{margin: 0 !important;}
    .boxIf-g3 .btns-g1{margin-top: 0.4rem;}
    .boxIf-g4 .box-items{margin-bottom: 0.4rem; display: block;}
    .boxIf-g4 .pic, .boxIf-g4 .right{width: 100%; margin: 0 !important; padding: 0 !important; position: static !important;}
    .boxIf-g4 .pic{margin-bottom: 0.3rem !important;}
    .boxIf-g4 .hd-g2, .boxIf-g4 .btns-g1{padding: 0 !important; margin: 0 !important;}
    .boxIf-g4 .btns-g1{margin-top: 0.3rem !important;}
    .boxIf-g4 .text{margin-top: 0.3rem; padding: 0.6rem 0.4rem 0.3rem;}
    .boxIf-g4 .text:before, .boxIf-g4 .text:after{top: 0.3rem;}
    .boxIf-g5{display: block;}
    .boxIf-g5 .left, .boxIf-g5 .right{width: 100%;}
    .boxIf-g5 .left{padding: 0.6rem 0.4rem;}
    .boxIf-g5 .right{padding: 0.4rem;}
    .boxIf-g5 .right .icon{margin-bottom: 0.2rem;}
    .boxIf-g6 .its1 .icon{margin: -2rem 0 0 -2rem; width: 4rem; height: 4rem; line-height: 4rem;}
    .boxIf-g6 .its1 .icon:before{margin: -1.6rem 0 0 -1.6rem; width: 3.2rem; height: 3.2rem;}
    .boxIf-g6 .its1 .icon img{max-width: 2rem; max-height: 2rem;}
    .boxIf-g6 .its1 .pic{height: 3.47rem;}
    .boxIf-g7{display: block;}
    .boxIf-g7 .left, .boxIf-g7 .pic{width: 100%;}
    .boxIf-g7 .pic{margin-top: 0.4rem; height: 53vw;}
    .boxIf-g7 .hd-g1{margin-bottom: 0.3rem;}
    .boxIf-g7 .btns-g1{margin-top: 0.2rem;}
    .boxNews-g1 .box-col{width: 100%;}
    .boxNews-g1 .box-cor{display: none;}
}

@media(max-width: 680px){
    .hd-g2{display: block;}
    .hd-g2 .title{text-align: center;}
    .btns-g1{margin-top: 0.15rem; justify-content: center;}
    .btns-g1 .s1{font-size: 0.28rem;}
    .btns-g1 .s1 .icon-arrow{margin-right: 0.16rem; width: 0.48rem; height: 0.48rem;}
    .btns-g2{justify-content: center;}
    .btns-g2 .s1{font-size: 0.28rem;}
    .swiper-g1{padding-bottom: 0.9rem; display: block;}
    .swiper-g1 .swi-arrow{left: 0; right: 0; justify-content: center;}
    .swiper-g1 .swi-arrow .prev, .swiper-g1 .swi-arrow .next{margin: 0 0.12rem; width: 0.6rem; height: 0.6rem;}
    .swiper-g1 .swiper-for, .swiper-g1 .swiper-nav{min-width: 100%; width: auto;}
    .swiper-g1 .swiper-for{margin-bottom: 0.25rem;}
    .swiper-g1 .swiper-for .slider{height: 56vw;}
    .swiper-g1 .swiper-for .text{padding: 0.3rem;}
    .swiper-g1 .swiper-for .tit{font-size: 0.32rem;}
    .swiper-g1 .swiper-nav{height: 20vw;}
    .swiper-g2 .swi-arrow{width: 0.4rem; height: 0.4rem; -webkit-background-size: 0.24rem auto; background-size: 0.24rem auto;}
    .swiper-g2 .swi-pagination{margin: 0;}
    .swiper-g2 .swiper-text .name{font-size: 0.4rem;}
    .swiper-g2 .swiper-text .country{font-size: 0.32rem;}
    .swiper-g2 .swiper-text .t2{font-size: 0.28rem; line-height: 1.3;}
    .swiper-g2 .swiper-text .t3{font-size: 0.24rem; line-height: 1.6;}
    .swiper-g2 .swiper-nav .con{padding: 0.2rem; padding-right: 0.4rem; border-radius: 1rem;}
    .swiper-g2 .swiper-nav .img{margin-right: 0.3rem; width: 1.4rem; height: 1.4rem;}
    .swiper-g2 .swiper-nav .right{width: calc(100% - 1.7rem);}
    .swiper-g2 .swiper-nav .t1{font-size: 0.28rem;}
    .swiper-g2 .swiper-nav .t2{font-size: 0.24rem;}
    .swiper-g3 .swi-arrow{width: 0.4rem; height: 0.4rem; -webkit-background-size: 0.14rem auto; background-size: 0.14rem auto;}
    .swiper-g4 .swi-arrow{position: static;}
    .swiper-g4 .swi-arrow .prev, .swiper-g4 .swi-arrow .next{margin: 0; position: absolute; top: 26.5vw; width: 0.6rem; height: 0.6rem; z-index: 10; margin-top: -0.3rem;}
    .swiper-g4 .swi-arrow .prev{left: 0;}
    .swiper-g4 .swi-arrow .next{right: 0;}
    .swiper-g4 .swiper-for .con{display: block;}
    .swiper-g4 .swiper-for .img, .swiper-g4 .swiper-for .right{width: 100%; margin: 0;}
    .swiper-g4 .swiper-for .img{margin-bottom: 0.25rem; height: 53vw;}
    .swiper-g4 .swiper-for .right{padding: 0;}
    .swiper-g4 .swiper-for .tit{font-size: 0.4rem;}
    .swiper-g4 .swiper-for .desc{font-size: 0.28rem;}
    .swiper-g4 .swiper-for .date{font-size: 0.24rem;}
    .swiper-g4 .swiper-nav{display: none;}
    .swiper-g5{padding-bottom: 0.9rem;}
    .swiper-g5 .swi-pagination .swiper-pagination-bullet{margin: 0 0.1rem; font-size: 0.28rem;}
    .swiper-g5 .swi-pagination .swiper-pagination-bullet-active{font-size: 0.36rem;}
    .swiper-g5 .swi-arrow{width: 0.6rem; height: 0.6rem;}
    .swiper-g5 .swi-arrow:before{width: 100%; height: 100%; margin: -50% 0 0 -50%;}
    .swiper-g5 .swi-arrow:after{width: 0.14rem; height: 0.2rem; margin: -0.1rem 0 0 -0.07rem;}
    .swiper-g5 .date{font-size: 0.24rem;}
    .swiper-g5 .tit{font-size: 0.32rem;}
    .swiper-g6 .date{width: 1.3rem; height: 1.3rem;}
    .swiper-g6 .date:before{left: 0.38rem; width: 0.54rem; height: 0.72rem;}
    .swiper-g6 .date .s1{left: 0.25rem; font-size: 0.4rem;}
    .swiper-g6 .date .s2{left: 0.5rem; font-size: 0.37rem;}
    .swiper-g6 .tit{font-size: 0.32rem;}
    .swiper-g6 .desc{font-size: 0.26rem;}
    .swiper-g6 .btns .icon-arrow{width: 0.9rem; height: 0.91rem;}
    .swiper-g7{padding-bottom: 0.8rem;}
    .swiper-g7 .swi-arrow{left: 0; right: 0; font-size: 0.26rem; justify-content: center;}
    .swiper-g7 .swi-arrow .prev:before{height: 0.24rem; margin-top: -0.12rem;}
    .swiper-g7 .con{display: block;}
    .swiper-g7 .img, .swiper-g7 .right{width: 100%;}
    .swiper-g7 .img{height: 53vw;}
    .swiper-g7 .right{padding: 0.3rem;}
    .swiper-g7 .date{font-size: 0.24rem;}
    .swiper-g7 .tit{font-size: 0.32rem;}
    .swiper-g7 .desc{font-size: 0.26rem;}
    .swiper-g8{padding: 0 1.1rem;}
    .swiper-g8 .swi-arrow{margin-top: -0.4rem; width: 0.8rem; height: 0.8rem; -webkit-background-size: 0.36rem auto; background-size: 0.36rem auto;}
    .swiper-g8 .con{padding: 0.3rem; padding-bottom: 0.8rem;}
    .swiper-g8 .t1{font-size: 0.26rem;}
    .swiper-g8 .t2{font-size: 0.4rem;}
    .tabs-g1 a{padding: 0 0.25rem; font-size: 0.28rem; line-height: 0.54rem; border-radius: 0.5rem;}
    .ls-g1 .tit{width: calc(100% - 0.8rem); font-size: 0.32rem;}
    .ls-g1 .icon-arrow{width: 0.6rem; height: 0.6rem;}
    .ls-g2{padding: 0; margin-bottom: -0.4rem;}
    .ls-g2 li{margin-bottom: 0.4rem; position: relative; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; width: auto !important; height: auto !important; padding-top: 74% !important;}
    .ls-g2 .con{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
    .ls-g2 .text{padding: 0.8rem 0.5rem !important;}
    .ls-g2 .text:before{height: 80%;}
    .ls-g2 .tit{padding-bottom: 0.2rem; font-size: 0.4rem !important;}
    .ls-g2 .tit:before{height: 2px;}
    .ls-g2 .desc{margin-top: 0.3rem; font-size: 0.26rem;}
    .ls-g3{margin-bottom: -0.5rem;}
    .ls-g3 li{margin-bottom: 0.5rem;}
    .ls-g3 .con{display: block;}
    .ls-g3 .bx-imgs{width: 100%; margin: 0 !important;}
    .ls-g3 .bx-imgs:before{top: 0.1rem; height: auto;}
    .ls-g3 .right{width: 100%;}
    .ls-g3 .t1{padding-bottom: 0.2rem; line-height: 1.2; font-size: 0.4rem;}
    .ls-g3 .line:before{height: 3px; bottom: -1px;}
    .ls-g3 .t2{margin-top: 0.25rem; font-size: 0.28rem;}
    .ls-g3 .t3{margin-top: 0.2rem; font-size: 0.24rem;}
    .ls-g4 .con{display: block;}
    .ls-g4 .img, .ls-g4 .left{width: 100%; margin: 0; padding: 0;}
    .ls-g4 .img{margin-bottom: 0.25rem; height: 53vw;}
    .ls-g4 .date{width: 1.4rem;}
    .ls-g4 .date .s1{font-size: 0.6rem;}
    .ls-g4 .date .s2{font-size: 0.22rem;}
    .ls-g4 .text{padding-top: 0.1rem; width: calc(100% - 1.7rem);}
    .ls-g4 .tit{font-size: 0.36rem;}
    .ls-g4 .desc{font-size: 0.24rem;}
    .ls-g6{margin: 0 -0.1rem -0.4rem;}
    .ls-g6 li{padding: 0 0.1rem; margin-bottom: 0.4rem;}
    .ls-g6 .bx-icon{width: 2rem; height: 2rem;}
    .ls-g6 .icon{width: 1.4rem; height: 1.4rem;}
    .ls-g6 .tit{font-size: 0.24rem;}
    .ls-g7 li{width: 33.33%;}
    .ls-g7 li:nth-last-child(1), .ls-g7 li:nth-last-child(2){width: 50%;}
    .ls-g7 .num{font-size: 0.56rem;}
    .ls-g7 .t1{font-size: 0.22rem;}
    .ls-g9 .con{display: block;}
    .ls-g9 .left{margin: 0 auto 0.2rem; width: 4.6rem;}
    .ls-g9 .img{height: 4.6rem;}
    .ls-g9 .right{width: 100%;}
    .ls-g9 .tit{font-size: 0.36rem;}
    .ls-g9 .line{margin: 0.2rem 0 0.3rem;}
    .ls-g9 .desc{font-size: 0.26rem;}
    .ls-g10 li{width: 100%;}
    .ls-g10 .con:before{display: none;}
    .ls-g10 .date{font-size: 0.24rem;}
    .ls-g10 .tit{font-size: 0.28rem;}
    .ls-g11 li:nth-child(even) .con, .ls-g11 .con, .ls-g11 .con:hover, .ls-g11 li:nth-child(even) .con:hover{padding: 0.2rem !important; padding-bottom: 0.6rem !important; display: block; border-radius: 50rem 50rem 10rem 10rem !important; min-height: 0 !important;}
    .ls-g11 .con:before{background: #861A98 !important;}
    .ls-g11 .img, .ls-g11 .right{width: 100% !important; margin: 0 !important;}
    .ls-g11 .right{padding: 0 0.3rem;}
    .ls-g11 .img, .ls-g11 li:nth-child(even) .img{margin: 0 !important; margin-bottom: 0.2rem !important; height: auto; padding-top: 98%; border-width: 0.1rem !important;}
    .ls-g11 .img img{position: absolute; left: 0; top: 0;}
    .ls-g11 .tit{text-align: center;}
    .ls-g11 .desc{font-size: 0.26rem;}
    .boxFac-g1 .item{width: 50% !important;}
    .boxFac-g1 .con .tit{font-size: 0.32rem;}
    .boxIf-g4 .hd-g2, .boxIf-g4 .btns-g1{justify-content: flex-start;}
    .boxIf-g4 .hd-g2 .title{text-align: left; font-size: 0.4rem !important;}
    .boxIf-g4 .desc{font-size: 0.24rem;}
    .boxIf-g6{font-size: 0.26rem;}
    .boxIf-g6 .its1{margin-bottom: 0.5rem;}
    .boxIf-g6 .its1 .icon{width: 3rem; height: 3rem; margin: -1.5rem 0 0 -1.5rem; line-height: 3rem;}
    .boxIf-g6 .its1 .icon:before{width: 2.4rem; height: 2.4rem; margin: -1.2rem 0 0 -1.2rem;}
    .boxIf-g6 .its1 .icon img{max-width: 1.6rem; max-height: 1.6rem;}
    .boxIf-g6 .its1 .pic{height: 2.47rem;}
    .boxIf-g7 .desc{font-size: 0.26rem; line-height: 1.8; max-height: 14.4em;}
    .boxIf-g8{font-size: 0.26rem;}
}
@media(max-width: 597px){
    .boxIf-g4 .box-items.v1:before{right: -6vw;}
    .boxIf-g4 .box-items.v2:before{left: -6vw;}
}