.notice1 {
    padding: 74px 0
}

.notice1 .cut {
    display: flex;
    align-items: center
}

.notice1 .cut .list {
    font-weight: 400;
    font-size: 20px;
    color: #333333;
    position: relative;
    transition: .6s ease;
    cursor: pointer
}

.notice1 .cut .list.on {
    color: #111111;
    font-weight: bold
}

.notice1 .cut .list:not(:last-child) {
    margin: 0 60px 0 0
}

.notice1 .cut .list:not(:last-child):after {
    content: '';
    position: absolute;
    width: 1px;
    height: 21px;
    background: #E3E6EC;
    top: 50%;
    transform: translateY(-50%);
    right: -30px
}

.notice1 .content {
    margin: 48px 0 0 0
}

.notice1 .content .flex .item {
    position: relative;
    z-index: 1;
    height: 460px;
    display: flex;
    align-items: center;
    padding: 0 97px
}

.notice1 .content .flex .item:not(:last-child) {
    margin: 0 0 50px
}

.notice1 .content .flex .item .text .p1 {
    font-weight: bold;
    font-size: 24px;
    color: #111111;
    margin: 0 0 25px
}

.notice1 .content .flex .item .text .p2 {
    width: 756px;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 30px
}

.notice1 .content .flex .item .text .more {
    width: fit-content;
    display: flex;
    align-items: center;
    margin: 67px 0 0 0
}

.notice1 .content .flex .item .text .more .circle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color)
}

.notice1 .content .flex .item .text .more .circle .iconfont {
    font-size: 13px;
    color: #fff
}

.notice1 .content .flex .item .text .more p {
    margin: 0 0 0 10px;
    color: var(--color);
    font-size: 16px
}

@media screen and (max-width: 1919px) {
    .notice1{
        padding: 3.8541666667vw 0px;
    }
    .notice1 .cut .list{
        font-size: 1.0416666667vw;
    }
    .notice1 .cut .list:not(:last-child){
        margin: 0px 3.125vw 0px 0px;
    }
    .notice1 .cut .list:not(:last-child)::after{
        height: 1.09375vw;
        right: -1.5625vw;
    }
    .notice1 .content{
        margin: 2.5vw 0px 0px;
    }
    .notice1 .content .flex .item{
        height: 23.9583333333vw;
        padding: 0px 5.0520833333vw;
    }
    .notice1 .content .flex .item:not(:last-child){
        margin: 0px 0px 2.6041666667vw;
    }
    .notice1 .content .flex .item .text .p1{
        font-size: 1.25vw;
        margin: 0px 0px 1.3020833333vw;
    }
    .notice1 .content .flex .item .text .p2{
        width: 39.375vw;
        font-size: 0.8333333333vw;
        line-height: 1.5625vw;
    }
    .notice1 .content .flex .item .text .more{
        margin: 3.4895833333vw 0px 0px;
    }
    .notice1 .content .flex .item .text .more .circle{
        width: 1.25vw;
        height: 1.25vw;
    }
    .notice1 .content .flex .item .text .more .circle .iconfont{
        font-size: 0.6770833333vw;
    }
    .notice1 .content .flex .item .text .more p{
        margin: 0px 0px 0px 0.5208333333vw;
        font-size: 0.8333333333vw;
    }
}

@media screen and (max-width: 1024px) {
    .notice1{
        padding: 60px 0;
    }
    .notice1 .cut .list:not(:last-child) {
        margin: 0 15px 0 0;
    }
    .notice1 .cut .list{
        font-size: 12px;
    }
    .notice1 .cut .list:not(:last-child)::after {
        height: 10px;
        right: -8px;
    }
}