body {
    background: #e4e4e4
}

main .size50 {
    color: var(--color-default)
}

main .size50 span {
    color: var(--color-shen)
}

.pro_list {
    margin-top: calc((97 / 19.2) * 1%)
}

.pro_list .list_main {
    --pd: 57px;
    --mt: 76px;
    margin-top: 55px
}

.pro_list .list_main .img {
    padding-bottom: calc((144 / 4.28) * 1%)
}

.pro_list .list_main .img .title {
    font-family: Roboto;
    font-size: 30px;
    color: #ffffff;
    position: absolute;
    bottom: 30px;
    left: 47px;
    right: 47px
}

.pro_list .list_main .bot {
    padding: 28px 45px 0
}

.pro_list .list_main .bot li {
    margin-top: 10px
}

.pro_list .list_main .bot li:last-child {
    margin-top: 35px
}

.pro_list .list_main .bot li:last-child a {
    color: #333;
    text-decoration: underline
}

.pro_list .list_main .bot li a {
    color: #666666;
    font-size: 20px
}

.pro_list .list_main .bot li a:hover {
    color: var(--color-shen);
    text-decoration: underline
}

.streng {
    margin-top: calc((140 / 19.2) * 1%)
}

.streng .list {
    margin-top: calc((63 / 19.2) * 1%)
}

.streng .list .item {
    align-items: center
}

.streng .list .item:nth-child(even) {
    flex-direction: row-reverse
}

.streng .list .item .img {
    padding-bottom: calc((460 / 19.2) * 1%)
}

.streng .list .item .rrr {
    padding: 0 63px
}

.streng .list .item .rrr .flex_end {
    display: flex;
    align-items: flex-end
}

.streng .list .item .rrr .num {
    font-family: Roboto;
    font-size: 116px;
    color: rgba(var(--color-mains2), .1);
    color: var(--color-main);
    line-height: 1
}

.streng .list .item .rrr .tit35 {
    color: var(--color-shen);
    padding-bottom: 15px;
    margin-left: 5px
}

.streng .list .item .rrr .desc {
    margin-top: 46px;
    font-size: 18px;
    color: #666666;
    line-height: 30px
}

.hot_week_swiper_main .cells {
    margin-top: 60px
}

.hot_week_swiper_main .cells .cbtn {
    width: 46px;
    height: 46px;
    background: #ced0d0;
    border: 1px solid #ced0d0;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
    cursor: pointer
}

.hot_week_swiper_main .cells .cbtn.prev {
    background-image: url(../images/color/sw_left_.png)
}

.hot_week_swiper_main .cells .cbtn.next {
    background-image: url(../images/color/sw_right_.png)
}

.hot_week_swiper_main .cells .sw-pag {
    margin: 0 20px
}

.hot_week_swiper_main .cells .swiper-pagination-bullet {
    margin: 0 7px
}

.hot_week_swiper_main .cells .swiper-pagination-bullet-active {
    background: var(--color-main)
}

@media screen and (max-width:950px) {
    .pro_list {
        margin-top: 50px
    }

    .pro_list .list_main {
        margin-top: 20px
    }

    .streng {
        margin-top: 60px
    }

    .streng .list .item:nth-child(even) {
        margin-top: 30px
    }
}