/* 项目故事 */
@media (min-width: 768px) {
    .projectstory_header {
        min-width: 1400px;
    }



    .projectstory_title {
        padding: 200px 0 138px 0;
        text-align: center;
    }

    .projectstory_title .text {
        font-size: 40px;
        line-height: 32px;
        color: #ffffff;
        margin: 16px 0;
    }

    .projectstory_article {
        display: flex;
        width: 1200px;
        margin: 0 auto;
        position: relative;
        padding: 128px 0;
    }

    .projectstory_article .article_content {
        padding-top: 28px;
    }

    .projectstory_article .article_title .text {
        font-size: 22px;
        color: #000000;
        font-weight: bold;
    }

    .projectstory_article .line {
        display: block;
        width: 28px;
        height: 6px;
        background-color: #ffc600;
        margin-top: 28px;
    }

    .projectstory_article .article_item {
        margin-top: 25px;
    }

    .projectstory_article .article_item .article_label {
        font-size: 18px;
        font-weight: bold;
        color: #333333;
        margin-bottom: 10px;
        display: block;
    }

    .projectstory_article .article_item .article_text {
        font-size: 16px;
        color: #333333;
    }

    .projectstory_article .article_img {
        width: 644px;
        height: 382px;
        border-radius: 10px;
        margin-left: 70px;
    }

    .projectstory_article .circle_bg {
        width: 571px;
        height: 571px;
        background-color: #ffc600;
        border-radius: 50%;
        position: absolute;
        top: 34px;
        right: -202px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: -1;
    }

    .projectstory_article .circle_bg .circle_center {
        width: 360px;
        height: 360px;
        background-color: #fff;
        border-radius: 50%;
        display: inline-block;
    }
}

@media (max-width: 768px) {
    .projectstory_article {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 0 4vw;
    }

    .article_content {
        width: calc(100% - 8vw);
        margin: 0 0 0 10px;
    }

    .article_img {
        order: -1;
        height: auto;
        width: calc(100% - 8vw);
        background-color: #ffc600;
        border-radius: 1vw;
    }

    .article_item {
        font-size: 12px;
        color: #333333;
        font-weight: bold;
        margin-top: 20px;
    }

    .article_text {
        font-weight: normal;
        color: #666;
    }

    .story_show {
        width: calc(100% - 8vw);
        margin: 33px 4vw 20px 4vw;
    }

    .story_show_title {
        display: block;
        font-size: 15px;
        line-height: 15px;
        font-weight: bold;
        color: #000000;
        border-left: 2px solid #ffc600;
        padding-left: 5px;
        margin-bottom: 10px;
    }

    .story_list {
        display: flex;
        gap: 20px;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        /* scroll-snap-type: x mandatory; */
    }

    .story_item {
        position: relative;
        /* scroll-snap-align: start;
        scroll-snap-stop: always; */
    }

    .story_item_content {
        position: absolute;
        bottom: 15px;
        left: 14px;
    }

    .story_item_content .label {
        font-size: 12px;
        color: #ffc600;

    }

    .story_item_content .title {
        font-size: 12px;
        color: #fff;
    }

    .story_item_content .text,
    .story_item_content .detail_btn {
        display: none;
    }

    .story_item .story_bg {
        display: none;
    }

    .story_item .story_bg1 {
        display: block;
        width: 280px;
        height: 170px;
        background-color: #3aa9fe;
        border-radius: 5px;
    }

    .story_detail_box {
        margin: 0 4vw;
        min-height:calc(100vh - 309px) ;
        padding-bottom: 20px;
        box-sizing: border-box;
    }

    .story_detail_box .story_detail_title {
        display: none;
    }

    .story_img {
        width: 100%;
        height: auto;
        border-radius: 5px;
    }

    .story_detail_content {
        margin-top: 10px;
    }

    .story_detail_content p {
        font-size: 12px;
        color: #666;
        text-indent: 2em;
    }

    .corporation_msg {
        display: none;
    }

}