@charset "utf-8";
.banner{
    position: relative;
}

.banner a img{
    display: block;
    width: 100%;
}
.banner img
{
    display: block;
    width: 100%;
    cursor: pointer;
}
.banner .swidot{
    font-size: 0;
    bottom: .14rem;
}

.banner .swidot span{
    width: .1rem;
    height: .1rem;
    margin: 0 .08rem;
    background: #fff no-repeat 50%/100%;
    opacity: .5;
    vertical-align: middle;
}
.banner .swidot span.active{
    opacity: 1;
    width: .18rem;
    height: .18rem;
    background-image: url("../images/dots.png");
    background-color: transparent;
}
.title001 h2{
    display: flex;
    align-items: center;
    font-size: .24rem;
    line-height: .3rem;
    color: #333333;
    text-align: center;
    font-family: 'SourceHanSansCN-Medium', sans-serif;
}
.title001 h2 img{
    display: block;
    height: .3rem;
    margin-right: .1rem;
}
.title001 .more a{
    display: flex;
    align-items: center;
    font-size: .16rem;
    line-height: .24rem;
    color: #75207d;
}
.title001 .more a img{
    display: block;
    height: .07rem;
    margin-left: .08rem;
}

.title001{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.index-s1 .left{
    width: 48.625%;
}

.list_box1 ul li{
    position: relative;
    font-size: .16rem;
    line-height: .38rem;
    border-bottom: 1px solid #e7e7e7;
}
.list_box1 ul li a{
    color: #333333;
    padding: 0 1rem 0 .19rem;
    transition: .5s;
}
.list_box1 ul li time{
    position: absolute;
    right: 0;
    top: 0;
    color: #75207d;
}
.list_box1 ul li:before{
    position: absolute;
    content: '';
    left: .04rem;
    top: 50%;
    width: .05rem;
    height: .05rem;
    background: #75207d;
    border-radius: .5rem;
    transform: translateY(-50%);
}
.list_box1 ul li:last-child{
    border-color: transparent;
}
.list_box1 ul li:hover a{
    color: #75207d;
}
.list_box1{
    margin-top: .19rem;
    padding: .08rem .2rem .07rem;
    border: 1px solid #fff;
    background: linear-gradient(180deg,#faf6fb 0%,#ffffff 43%);
    box-shadow: 0 0 .2rem rgba(127, 124, 127, 0.08);
    border-radius: .1rem;
}

.index-s1 .right{
    width: 48.75%;
}

.list_box2 li{
    position: relative;
    line-height: .52rem;
    border-bottom: 1px solid #e7e7e7;
}
.list_box2 li a{
    font-size: .16rem;
    color: #333333;
    padding: 0 1rem 0 0;
    transition: .5s;
}
.list_box2 li time{
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: baseline;
    font-size: .14rem;
    color: #75207d;
}
.list_box2 li time span{
    display: block;
    font-size: .24rem;
    margin-right: .09rem;
}
.list_box2 li:last-child{
    border-color: transparent;
}
.list_box2 li:hover a{
    color: #75207d;
}
.list_box2{
    margin-top: .19rem;
    padding: .06rem .3rem ;
    border: 1px solid #fff;
    background: linear-gradient(180deg,#faf6fb 0%,#ffffff 43%);
    box-shadow: 0 0 .2rem rgba(127, 124, 127, 0.08);
    border-radius: .1rem;
}

.index-s1 .wp{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.list_box3 ul{
    display: flex;
    flex-wrap: wrap;
}
.list_box3 li{
    width: 25%;
    position: relative;
}
.list_box3 li:before{
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 1px;
    height: 1.1rem;
    background: #dddddd;
    transform: translateY(-50%);
}
.list_box3 li:nth-child(4n+1):before{
    display: none;
}
.list_box3 li a{
    display: block;
    padding: .16rem .3rem;
}
.list_box3 li time{
    display: flex;
    align-items: baseline;
    font-size: .16rem;
    color: #75207d;
    line-height: 1;
}
.list_box3 li time span{
    display: block;
    font-size: .24rem;
    margin-right: .1rem;
}
.list_box3 li h3{
    margin-top: .11rem;
    font-size: .16rem;
    line-height: .24rem;
    color: #333333;
    height: .48rem;
    transition: .5s;
}
.list_box3 li h6{
    margin-top: .05rem;
    height: .28rem;
    background: url("../images/s2-img-1.png") no-repeat right center/auto 100%;
    transition: .5s;
}
.list_box3 li:hover h3{
    color: #75207d;
}
.list_box3 li:hover h6{
    background-image: url("../images/s2-img-2.png");
}

.list_box3{
    margin-top: .22rem;
    border: 1px solid #fff;
    background: linear-gradient(180deg,#faf6fb 0%,#ffffff 43%);
    box-shadow: 0 0 .2rem rgba(127, 124, 127, 0.08);
    border-radius: .1rem;
}

.index-s2{
    margin-top: .4rem;
}

.home-1{
    padding: .4rem 0;
    background: #fff url("../images/home-1.png") no-repeat right center/auto 100%;
}

.list_box4{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.list_box4 .li h3{
    position: relative;
    font-size: .22rem;
    line-height: 1;
    color: #75207d;
    padding-left: .13rem;
    font-family: 'SourceHanSansCN-Medium', sans-serif;
}
.list_box4 .li h3:before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    width: .04rem;
    background: #75207d;
}
.list_box4 .li ul{
    margin-top: .16rem;
    /*display: flex;
    flex-wrap: wrap;*/
    font-size: 0;
}
.list_box4 .li ul li{
    position: relative;
    margin-right: .22rem;
    font-size: .16rem;
    color: #333333;
    line-height: .32rem;
    display: inline;
}
.list_box4 .li ul li a{
    transition: .5s;
}
.list_box4 .li ul li:hover a{
    color: #75207d;
}

.list_box4 .li{
    margin-top: .2rem;
    padding: .18rem .1rem .17rem .28rem;
    background: rgba(255, 255, 255, 0.32);
    border: 1px solid #fff;
    box-shadow: 0 0 .2rem rgba(66, 81, 150, 0.13);
    border-radius: .1rem;
}
.list_box4 .li1{
    width: 49.4375%;
}
.list_box4 .li2{
    width: 24.125%;
}
.list_box4 .li3{
    width: 24.125%;
}
.list_box4 .li4{
    width: 24.125%;
}
.list_box4 .li5{
    width: 49.4375%;
}
.list_box4 .li6{
    width: 24.125%;
}
.list_box4 .li7{
    width: 24.125%;
}
.list_box4 .li8{
    width: 24.125%;
}
.list_box4 .li9{
    width: 24.125%;
}
.list_box4 .li10{
    width: 24.125%;
}

.index-s3{
    padding: .41rem 0 .87rem;
    background: url("../images/index-s3.png") no-repeat 50%/cover;
}

@media (max-width: 1025px) {
    .banner .swidot span.active{
        width: .12rem;
        height: .12rem;
    }
    .banner .swidot span{
        width: .08rem;
        height: .08rem;
        margin: 0 .05rem;
    }
    .list_box2 li time span{
        font-size: .2rem;
    }
    .title001 h2 img{
        margin-right: .05rem;
    }
    .index-s1 .left{
        width: 100%;
    }
    .index-s1 .right{
        width: 100%;
        margin-top: .4rem;
    }
    .list_box1{
        margin-top: .2rem;
        padding: .05rem .2rem;
    }
    .list_box1 ul li{
        font-size: .18rem;
        line-height: .52rem;
    }
    .list_box1 ul li a{
        padding-right: 1.1rem;
    }
    .list_box2{
        margin-top: .2rem;
        padding: .05rem .2rem;
    }
    .list_box2 li a{
        font-size: .18rem;
    }
    .list_box2 li a{
        padding-right: 1.1rem;
    }
    .list_box3 li{
        width: 50%;
    }
    .list_box3 li a{
        padding: .15rem .2rem;
    }
    .list_box3 li:nth-child(2n+1):before{
        display: none;
    }
    .list_box3 li h3{
        font-size: .18rem;
        line-height: .28rem;
        height: .56rem;
        margin-top: .1rem;
    }
    .list_box3{
        margin-top: .2rem;
    }
    .list_box4 .li{
        width: 100% !important;
        padding: .15rem;
    }
    .list_box4 .li ul{
        margin-top: .1rem;
    }
    .list_box4 .li ul li{
        font-size: .18rem;
        margin-right: .15rem;
        line-height: .36rem;
    }
    .index-s3{
        padding: .4rem 0;
    }
}

@media (max-width: 769px) {
    .list_box3 li{
        width: 100%;
    }
    .list_box3 li:before{
        display: block!important;
        left: 0;
        right: 0;
        top: 0;
        bottom: auto;
        height: 1px;
        width: auto;
        transform: none;
    }
    .list_box3 li:first-child:before{
        display: none !important;
    }
}