@charset "utf-8";

.banner_box{padding: 0px;position: relative;z-index: 3;overflow: hidden;}
.banner{ overflow: hidden; }
.banner .a{ display: block; position: relative; z-index: 1; overflow: hidden; }
.banner .imgBox{ overflow: hidden; width: 100%; }
.banner .imgBox .img{padding-bottom: 35%;transition: 0s;}
.banner.on ul li.swiper-slide-active .a .imgBox img, .banner.on ul li.swiper-slide-duplicate-active .a .imgBox img, .banner.on ul li.swiper-slide-prev .a .imgBox img{ animation: sca 6s linear 0s normal both;}
@keyframes sca {
    0% {
        transform: scale(1.06);
    }
    100% {
        transform: scale(1);
    }
}

.banner .bottom{position: absolute;right: 0;left: 0;bottom: -1px;z-index: 2;}
.banner .bottom .wp{ display: flex; justify-content: center}
.banner .dots{justify-content: center;align-items: center;clip-path: polygon(.3rem 0,calc(100% - .3rem) 0, 100% 100%, 0 100%);background: rgba(114,25,137,.75);height: .6rem;padding: 0 .5rem;}
.banner .dots span{width: .36rem;height: .36rem;background: none;font-size: .16rem;color: #fff;opacity: 1;margin: 0 .07rem !important;position: relative;z-index: 1}
.banner .dots span:before{content: "";position: absolute;top: 50%;left: 50%;width: .1rem;height: .1rem;background: #fff;transition: .5s;transform: translate(-50%, -50%);border-radius: 50vw;}
.banner .dots span:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/dots1s.png) center no-repeat;background-size: cover;opacity: 0;transition: .5s;}

.banner .dots span.active:before{ opacity: 0}
.banner .dots span.active:after{ opacity: 1}

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

.tit1{align-items: center;position: relative;justify-content: center;margin-bottom: .3rem;}
.tit1 .ll{align-items: center;font-size: .4rem;color: #000000;font-weight: bold;line-height: 1;}
.tit1 .ll img{ width: .44rem; margin: 0 .12rem 0 0;}

.tit1 .more1{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

.more1{ align-items: center; width: 1.6rem; height: .44rem; border: #721989 1px solid; padding: 0 .15rem; font-size: .16rem; color: #721989; cursor: pointer; transition: .5s;}
.more1 i{ font-size: .22rem; color: #721989; font-family: 'lib'; transition: .5s;}

.ls1{ margin: 0 -.23rem;}
.ls1 li{ width: 33.33%; padding: 0 .23rem; margin-bottom: .28rem;}
.ls1 .a{position: relative;display: block;transition: .5s;}
.ls1 .a::before{content: "";position: absolute;top: 100%;left: 0;width: 100%;height: .12rem;background: url(../images/touyin.png) center top no-repeat;background-size: 100% 100%;transition: .5s;}
.ls1 .imgBox .img{ padding-bottom: 57.77%;}
.ls1 .txt{background: #fff;padding: 0 .24rem;height: 1.44rem;position: relative;}
.ls1 .txt:before{content: "";position: absolute;left: 0;width: 0px;height: 2px;background: #721989;transition: .5s;bottom: 0;}
.ls1 .time{width: .8rem;height: .6rem;background: rgba(114,25,137,.75);display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;top: -.3rem;margin-bottom: -.05rem;}
.ls1 .time h3{font-size: .3rem;color: #fff;line-height: 1;font-weight: normal;}
.ls1 .time h6{font-size: .14rem;color: #fff;margin: .04rem 0 0;}

.ls2{ margin: 0 -.23rem;}
.ls2 li{ width: 33.33%; padding: 0 .23rem;}
.ls2 .a{height: 1.3rem;background: #fff;align-items: center;padding: 0 .24rem 0 .1rem;position: relative;transition: .5s;}
.ls2 .a::before{content: "";position: absolute;top: 100%;left: 0;width: 100%;height: .12rem;background: url(../images/touyin.png) center top no-repeat;background-size: 100% 100%;transition: .5s;}
.ls2 h4{ flex: 1;}
.ls2 .time{width: .96rem;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;margin: 0 .2rem 0 0;}
.ls2 .time:before{content: "";position: absolute;top: 50%;width: 1px;height: .8rem;background: #dcdcdc;right: 0;transform: translateY(-50%); transition: .5s;}
.ls2 .time h3{font-size: .26rem;color: #000000;line-height: 1;font-weight: 600; transition: .5s;}
.ls2 .time h6{font-size: .18rem;color: #333333;margin: .04rem 0 0; transition: .5s;}

.index2 .content{background: #fff;padding: .25rem;box-shadow: 0 .1rem .2rem rgba(0,0,0,.1);}

.ls3W{ margin: 0 -.15rem}
.ls3Box{padding: .1rem .1rem;margin: -.1rem -.1rem;}
.ls3{margin: 0;}
.ls3 li{ width: 33.33%; padding: 0 .15rem; margin-bottom: .3rem;}
.ls3 .a{height: 1.1rem;background: #fff;align-items: center;padding: 0 .2rem 0 .05rem;position: relative;z-index: 1;}
.ls3 .a:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #721989 url(../images/ls3_b.png) right center no-repeat;z-index: -1;transition: .5s;opacity: 0;background-size: auto 100%;}
.ls3 .a:after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #721989 1px solid; z-index: -1; transition: .5s; }
.ls3 h4{ flex: 1;}
.ls3 .time{width: .96rem;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;margin: 0 .2rem 0 0;}
.ls3 .time:before{content: "";position: absolute;top: 50%;width: 1px;height: .6rem;background: #dcdcdc;right: 0;transform: translateY(-50%);transition: .5s;}
.ls3 .time h3{font-size: .26rem;color: #000000;line-height: 1;font-weight: 600; transition: .5s;}
.ls3 .time h6{font-size: .18rem;color: #333333;margin: .14rem 0 0;transition: .5s;position: relative;}
.ls3 .time h6:before{content: "";position: absolute;left: 50%;top: -.06rem;width: .2rem;height: 2px;background: #6f1188;transform: translateX(-50%);transition: .5s}

.dots2{ justify-content: center;}
.dots2 span{ width: .08rem; height: .08rem; background: #721989; border-radius: 50vw; margin: 0 .05rem; transition: .5s; opacity: 1;}
.dots2 span.active{ width: .48rem; }

.index1-2-3{ position: relative; z-index: 1;padding:.5rem 0;}

.tit1w .ll{ color: #fff;}

.index3 .content{/* background: #fff; *//* padding: .2rem; */}
.index3 .left{ width: 51.42%; padding: 0 .1rem 0 0;}
.index3 .right{ width: calc(100% - 51.42%); padding: 0 0 0 .1rem;}

.ls4 .a{ display: block; position: relative; z-index: 1;}
.ls4 .imgBox .img{ padding-bottom: 61.11%;}
.ls4 .imgBox:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(0deg, rgba(0,0,0,.8) 0%, transparent 100%);height: .8rem;}
.ls4 .txt{ position: absolute; right: 0; bottom: 0; left: 0; padding: 0 .2rem .1rem;}
.ls4 h4{color: #fff !important;}

.ls5{ margin: 0 -.1rem -.2rem;}
.ls5 .a{ display: block; position: relative; z-index: 1;}
.ls5 .imgBox .img{ padding-bottom: 65.625%;}
.ls5 .imgBox:after{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; background: linear-gradient(0deg, rgba(0,0,0,.8) 0%, transparent 100%); height: .8rem}
.ls5 li{ width: 50%; padding: 0 .1rem; margin-bottom: .2rem;}
.ls5 .txt{ position: absolute; right: 0; bottom: 0; left: 0; padding: 0 .2rem .1rem;}
.ls5 h4{ color: #fff !important;}

.ls6W{position: relative;z-index: 1;display: none;}
.ls6W::before{content: "";position: absolute;top: 0;right: calc(100% - 4.9rem);left: calc((100vw - 14.4rem)/2*-1);height: 100%;background: url(../images/ls6_b.jpg) center top no-repeat;background-size: cover;z-index: -1;}

.ls6 .left{width: 3.4rem;padding: .8rem 0 .65rem;}
.ls6 .imgBox .img{ padding-bottom: 135.29%;}
.ls6 .right{width: calc(100% - 3.4rem - 2.1rem);border-top: #dcdcdc 1px solid;padding: .3rem 0 0;}
.ls6 .right .flex{ justify-content: flex-end;}
.ls6 p{font-size: .16rem;color: #818181;line-height: .3rem;max-height: 1.2rem\0;margin: .2rem 0;}
.ls6 .right i{font-size: .5rem;color: #721989;font-family: 'lib'}
.more1w{ margin: .5rem auto 0; border: #fff 1px solid; color: #fff; }
.more1w i{ color: #fff;}

.ls7W{margin: 0.3rem 0 0 0;/* background: #fff; *//* padding: .15rem .8rem 0 .56rem; */position: relative;z-index: 2;min-height: 3.8rem;display: flex;align-items: flex-end;}
.ls7W::before{content: "";position: absolute;top: 0;right: calc((100vw - 14.4rem)/2*-1);left: 0;height: 100%;background: url(../images/ls7_b.jpg) center top no-repeat;background-size: cover;z-index: -1;display: none;}
.ls7Box{ width: 100%}
.ls7 .imgBox .img{padding-bottom: 75%;}
.ls7 .txt{ height: .82rem; padding: .12rem 0 0; text-align: center; position: relative;}
.ls7 .txt:before{content: "";position: absolute; bottom: 0;left: 0;width: 0;height: .03rem;background: #721989;transition: .5s;}

.h3-1{font-size: .36rem;color: #000000;font-weight: bold;position: relative;padding: 0 0 0 .2rem;}
.h3-1::before{ content: ""; position: absolute; top: 50%; left: 0; width: .08rem; height: .32rem; background: #721989; transform: translateY(-50%);}

.ls7 h4{font-size: .16rem;line-height: .24rem;max-height: .48rem \0;}
.ls7 li:hover  h4{ color: #721989;}
.ls7 li:hover .txt:before{ width: 100%;}

.ar1{position: absolute;top: 50%;transform: translateY(-50%);width: .5rem;height: .5rem;background: #fff;box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.25);font-size: .28rem;color: #721989;border-radius: 50%;cursor: pointer;z-index: 1;right: 0;transition: .5s;font-family: 'lib';justify-content: center;align-items: center;display: flex;}
.ar1.prev{left: -.25rem;}
.ar1.next{ right: -.25rem;}

.index4{ padding-top: 0 !important;}

.index5{ padding-top: 0 !important;}

.ls8 li{/* flex: 1; */text-align: center;}
.ls8 .ico{background: url(../images/ls8_b.png) center top no-repeat;background-size: cover !important;width: 1rem;height: 1rem;transition: .5s;margin: 0 auto;}
.ls8 .ico img{ width: 100%;}
.ls8 h4{ margin: .15rem 0 0}

@media(min-width: 769px){
    .ls1 .a:hover, .ls2 .a:hover{ transform: translateY(-.1rem)}
    .ls1 .a:hover .txt:before{ width: 100%}

    .ls2 .a:hover .time:before{ background: #721989;}
    .ls2 .a:hover .time h3, .ls2 .a:hover .time h6{ color: #721989;}

    .ls3 .a:hover .time:before{ background: #721989;}
    .ls3 .a:hover .time h3, .ls3 .a:hover .time h6{ color: #721989;}
    .ls3 .a:hover .time h6:before{ background: #fff}
    .ls3 .a:hover h4{ font-weight: bold}

    .ls4 .a:hover .imgBox:after{ background: linear-gradient(0deg, rgba(114,25,137,1) 0%, transparent 100%);}
    .ls5 .a:hover .imgBox:after{ background: linear-gradient(0deg, rgba(114,25,137,1) 0%, transparent 100%);}

    .ls4 .imgBox .img{ padding-bottom: 4.4rem;}
    .ls5 .imgBox .img{ padding-bottom: 2.1rem;}

    .more1:hover{ background: #721989; color: #fff;}
    .more1:hover i{ color: #fff; transform: rotate(90deg);}

    .more1w:hover{ background: #721989; color: #fff;}
    .more1w:hover i{ color: #fff;}

    .ls8 .a:hover .ico{ background: url(../images/ls8_b1.png) center top no-repeat; background: url(../images/ls8_b.png) center top no-repeat\0;}
    .ls8 .a:hover .ico img{filter: brightness(8); filter: brightness(0)\0;}

    .ls3 .a:hover:before{ transform: translate(.05rem, .05rem); opacity: 1}
    .ls3 .a:hover:after{ transform: translate(-.05rem, -.05rem);}
    .ls3 .a:hover *{ color: #fff !important}
    .ls3 .a:hover .time:before{background: rgba(255,255,255,1);}
}
@media(max-width: 769px){
    .banner .imgBox .img{padding-bottom: 50%;}
    .banner .dots span{transform: scale(.5);margin: 0 -.05rem !important;}
    .banner .dots{height: .3rem;}

    .pad1{ padding: .4rem 0;}
    .tit1{justify-content: space-between;margin-bottom: .3rem;}
    .tit1 .ll img{ width: .28rem;}
    .tit1 .ll{ font-size: .26rem;}
    .more1{width: 1.1rem;height: .4rem;padding: 0 .1rem;font-size: .14rem;}

    .ls1 li{width: 100%;margin-bottom: .15rem;}
    .ls2 li{width: 100%;margin-bottom: .15rem;}
    .ls1 .time h3{ font-size: .24rem;}

    .ls3 li{width: 100%;margin-bottom: .15rem;}
    .index2 .content{ padding: .25rem 15px;}
    .ls3 .a, .ls2 .a{ height: 1.1rem;}
    .ls3 .time:before, .ls2 .time:before{ height: .6rem;}

    .index3 .left{ width: 100%; padding: 0;}
    .index3 .right{ width: 100%; padding: .2rem 0 0;}
    .index3 .content{padding: 15px;overflow: hidden;}

    .ls5{ margin: 0 -.1rem 0;}
    .ls5 li{ width: 50%; padding: 0 7px; margin-bottom: .15rem;}

    .ls6 .imgBox{ margin: 0 30%;}
    .ls6 .left{width: 100%;padding: .3rem 0 .3rem;}
    .ls6 .right{width: 100%;padding: .3rem 0 .15rem;border: navajowhite;}
    .ls6W::before{right: -15px;left: -15px;height: 78vw;}

    .ls7W{margin:  0 0 0;padding: 0;min-height: auto;}

    .more1w{ margin: .25rem auto 0}

    .ar1{ width: .36rem; height: .36rem; font-size: .2rem;}
    .ar1.prev{ left: -.18rem;}
    .ar1.next{ right: -.18rem;}
    .ls7 .txt{/* height: .6rem; */}
    .h3-1{ font-size: .24rem;}
    .ls6 .right i{ font-size: .32rem;}

    .ls8{ justify-content: center}
    .ls8 li{ width: 25%; margin-bottom: .15rem}
    .ls8 .ico{ width: .5rem; height: .5rem;}
    .ls8 h4{ margin: .05rem 0 0}

    .ls1 .txt{ height: 1.24rem;}
    .ls1 .time{ margin-bottom: -.15rem;}
}


.xxiaohui{background: #fff;text-align: center;padding: .2rem 0;display: none;}
.xxiaohui img{ width: 6rem; max-width: 100%;}
.banner .imgBox .img{ padding-bottom: calc(100vh - 1.65rem);}
@media(max-width: 769px){
    .xxiaohui img{ max-width: 80%;}
    .banner .imgBox .img{padding-bottom: 50%;}
}
@media(min-width: 769px){
    .banner_box{
        margin-top:1rem;
    }
}



.index1 .left{
    width: 49.65%;
}

.list1w li a{
    display: block;
}
.list1w li a .imgBox .img{ padding-bottom: 4.57rem;}
.list1w li a h4{
    font-size: .2rem;
    line-height: .3rem;
    color: #333333;
    height: .6rem;
    transition: all .5s;
}
.list1w li a p{
    font-size: .18rem;
    line-height: .3rem;
    color: rgba(51, 51, 51, 0.6);
    height: .6rem;
    margin-top: .2rem;
}
.list1w li a .text{
    margin-top: .22rem;
}
.list1w li time{
    position: absolute;
    left: .24rem;
    top: 0;
    width: .96rem;
    height: .8rem;
    background: #721989;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #FFFFFF;
}
.list1w li time span{
    display: block;
    font-size: .28rem;
    line-height: 1;
    font-family: 'roboto regular',sans-serif;
}
.list1w li time i{
    display: block;
    width: .2rem;
    height: .02rem;
    background: #fff;
    opacity: .3;
    margin-top: .1rem;
}
.list1w li time em{
    display: block;
    font-size: .18rem;
    line-height: 1;
    margin-top: .05rem;
}
.list1w .swiDots{
    font-size: 0;
    bottom: 1.87rem;
}
.list1w .swiDots span{
    width: .08rem;
    height: .08rem;
    background: #FFFFFF;
    margin: 0 .05rem;
    border-radius: 50vw;
    opacity: 1;
}
.list1w .swiDots span.active{
    width: .47rem;
}
.index1 .right{
    width: 49.65%;
}

.list-box1 li a{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: .32rem .22rem .36rem .34rem;
}
.list-box1 li time{
    display: block;
    padding: 0 .26rem 0 0;
    color: #721989;
    position: relative;
    flex-shrink: 0;
    margin-right: .23rem;
}
.list-box1 li time span{
    display: block;
    font-size: .28rem;
    line-height: 1;
    font-weight: 700;
}
.list-box1 li time em{
    display: block;
    font-size: .18rem;
    line-height: .24rem;
    margin-top: .05rem;
}
.list-box1 li time:before{
    position: absolute;
    content: '';
    right: 0;
    top: .04rem;
    width: .01rem;
    height: .2rem;
    background: #333333;
    opacity: .1;
}
.list-box1 li .text{
    flex: 1;
    overflow: hidden;
}
.list-box1 li h4{
    font-size: .18rem;
    line-height: .28rem;
    color: #333333;
    transition: all .5s;
}
.list-box1 li p{
    font-size: .16rem;
    line-height: .24rem;
    color: rgba(51, 51, 51, 0.6);
    height: .48rem;
    margin-top: .09rem;
    transition: all .5s;
}
.list-box1 li:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: .01rem;
    background: #3b3b3b;
    opacity: .2;
}
.list-box1 li:after{
    position: absolute;
    content: '';
    left: 0;
    right: 100%;
    bottom: 0;
    height: .02rem;
    background: #721989;
    transition: all .5s;
}
.list-box1 li{
    position: relative;
}
.list-box1 li:hover h4{
    color: #721989;
    font-weight: 700;
}
.list-box1 li:hover p{
    color: #721989;
}
.list-box1 li:hover:after{
    right: 0;
}
.list-box1:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    height: .01rem;
    background: #3b3b3b;
    opacity: .2;
}
.list-box1{
    position: relative;
}

.list2w li a{
    display: block;
}
.list2w li a .img{
    padding-bottom: 2.6rem;
}
.list2w .swiDots{
    font-size: 0;
    position: static;
    margin-top: .44rem;
}
.list2w .swiDots span{
    width: .08rem;
    height: .08rem;
    margin: 0 .05rem;
    background: #721989;
    border-radius: 50vw;
    opacity: 1;
    transition: width .5s;
}
.list2w .swiDots span.active{
    width: .47rem;
}

@media (max-width: 769px) {
    .index1 .left{
        width: 100%;
    }
    .list1w li a .imgBox .img{
        padding-bottom: 63.91%;
    }
    .list1w li a p{
        line-height: .28rem;
        height: .56rem;
        margin-top: .1rem;
    }
    .list1w li a .text{
        margin-top: .15rem;
    }
    .list1w .swiDots{
        bottom: 1.55rem;
    }
    .index1 .right{
        width: 100%;
        margin-top: .4rem;
    }
    .list-box1 li a{
        padding: .2rem 0;
    }
    .list-box1 li time span{
        font-size: .26rem;
        line-height: .3rem;
    }
    .list-box1 li time em{
        line-height: 1;
        margin-top: .05rem;
    }
    .list-box1 li time{
        padding-right: .2rem;
        margin-right: .2rem;
    }
    .list-box1 li p{
        margin-top: .05rem;
    }
    .list2w li a .img{
        padding-bottom: 56.52%;
    }
    .list2w .swiDots{
        margin-top: .2rem;
    }
}

{

}

.ls7Box time{
    position: absolute;
    left: .24rem;
    top: 0;
    width: .96rem;
    height: .8rem;
    background: #721989;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #FFFFFF;
}
.ls7Box time span{
    display: block;
    font-size: .28rem;
    line-height: 1;
    font-family: 'roboto regular',sans-serif;
}
.ls7Box time i{
    display: block;
    width: .2rem;
    height: .02rem;
    background: #fff;
    opacity: .3;
    margin-top: .1rem;
}
.ls7Box time em{
    display: block;
    font-size: .18rem;
    line-height: 1;
    margin-top: .05rem;
}

@media (max-width:769px){
    .banner_box{
        margin-top:.7rem
    }
}