@media screen and (min-width: 390px) and (max-width: 630px) {
    .container {
        padding:12px;
    }

    .site-info {
        width: 100%;
        margin-top: 40px;
    }

    #carousel-container-home {
        height: 40vh;
    }

    .site-info #top-list {
        width: 100%;
        padding:12px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: row;
    }

    .site-info #top-list li {
        width: 40%; /*219px*/
        text-align: center;
    }

    .site-info #top-list li .title {
        width: 100%;
        text-align: center;
        font-family: PingFang SC, PingFang SC;
        font-weight: 500;
        font-size: 20px;
        color: #222222;
        margin-top: 14px;
    }

    .site-info #top-list li .desc {
        width: 100%;
        text-align: center;
        font-family: PingFang SC, PingFang SC;
        font-weight: 500;
        font-size: 14px;
        color: #666666;
    }

    /****************************/
    #company-introduction {
        width: 100%;
        /*height: 125vw;*/
        margin-top: 60px;
        background-size: cover;
        display: block;
        height: auto;
    }

    .img-1 {
        width: 100%;
        height: 100vw;
    }

    #company-introduction .container {
        width: 100%;
        position: absolute;
        /*left: 0;*/
        /*top: 0;*/
    }

    #company-img-2 {
        height: 100%;
    }

    .img-2 {
        width: 100%;
    }

    #company-introduction #company-img {
        width: 100%;
        height: auto;
        /*height: 100%;*/
    }

    .intr-box {
        width: 100%;
        color:#fff;
        padding:12px;
        overflow: hidden;
    }

    .intr-box h1 {
        margin:0;
        font-size: 2rem;
    }
    .intr-box h2 {
        font-size: 1.6rem;
    }
    .intr-box .txt {
        margin-top: 24px;
        font-size: 1rem;
        overflow: hidden;
        height: 100%;
        max-height: 300px;
        text-overflow: ellipsis;
        /*background: #1c7430;*/
    }

    .flower-shop-container {
        width: 100%;
        margin-top:140px;
    }
    /********************************/

    .flower-shop-container {
        width: 100%;
        margin-top: 20px;
    }

    .title-wrap {
        /*height: 60px;*/
        /*width: 240px;*/
        /*width: 100%;*/
        /*height: 74px;*/
        /*font-family: PingFang SC, PingFang SC;*/
        /*font-weight: bold;*/
        /*font-size: 3.2rem;*/
        /*color: #222222;*/
        /*text-align: left;*/
        /*font-style: normal;*/
        /*text-transform: none;*/
        /*position: relative;*/
    }

    .title {

    }

    #today-info {
        margin-top: 80px;
    }


    .title-bg {
        width: 238px;
        height: 16px;
        background: linear-gradient(90deg, #78B7FF 0%, rgba(120, 183, 255, 0) 100%);
        border-radius: 8px 8px 8px 8px;
        position: absolute;
        bottom: 9px;
    }

    .sub-title {
        /*height: 80px;*/
        /*line-height: 80px;*/
        width: 100%;
        margin-top: 14px;
    }


    .sub-title h2 {
        /*width: 224px;*/
        /*height: 32px;*/
        /*line-height: 32px;*/
        /*font-family: PingFang SC, PingFang SC;*/
        /*font-weight: bold;*/
        /*font-size: 2rem;*/
        /*color: #222222;*/
        /*text-align: left;*/
        /*font-style: normal;*/
        /*text-transform: none;*/
        /*margin: 0;*/
    }

    .desc {
        margin-top: 24px;
        width: 100%;
        /*height: 80px;*/
        font-family: PingFang SC, PingFang SC;
        font-weight: 400;
        font-size: 1rem;
        color: #222222;
        line-height: 40px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }

    .shop-list-wrap {
        width: 100%;
        margin-top: 60px;
    }

    .shop-list {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .shop-list li {
        width: 100%;
        /*width: 446px;*/
        height: 40vw;
        background: #FFFFFF;
        border-radius: 16px 16px 16px 16px;
        /*border: 1px solid #CCCCCC;*/
        overflow: hidden;
        margin-bottom: 20px;
        padding: 8px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;

    }

    .shop-list li .video {
        width: 38vw;
        height: 38vw;
        border-radius: 0px 0px 0px 0px;
        float: left;
    }

    .shop-list li .video img, .shop-list li .video video {
        width: 35vw;
        height: 35vw;
        border-radius: 16px 16px 16px 16px;
    }

    .info-wrap {
        width: calc(100% - 40vw);

    }

    .shop-info-wrap {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .face {
        width: 4vw;
        height: 4vw;
        margin-left: 0px;
        float: left;
    }

    .face img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

    .shop-name {
        line-height: 4vw;
        height:4vw;
        font-size: 1rem;
        font-family: PingFang SC, PingFang SC;
        font-weight: 400;
        color: #222222;
        text-align: left;
        font-style: normal;
        text-transform: none;
        float: left;
        margin-left: 5px;
    }

    .smile {
        float: left;
        margin-left: 5px;
        height: 4vw;
    }


    .smile img {
        float: left;
        height: 4vw;
    }

    .progress-outer {
        width: 25vw;
        height: 100%;
        line-height: 4vw;
        border-radius: 14px 14px 14px 14px;
        border: 1px solid #F06E00;
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .progress-inner {
        display: block;
        width: 12vw;
        height: 4vw;
        line-height: 4vw;
        background: #F06E00;
        border-radius: 14px 14px 14px 14px;
    }

    .progress-inner .emotion {
        color: #fff;
        margin-left: 6px;
        font-size: 0.6rem;
        display: block;
        height: 100%;
        line-height: 4vw;
        align-items: center;
        text-align: center;
    }

    .progress-outer .progress-text {
        height: 4vw;
        font-family: PingFang SC, PingFang SC;
        font-weight: 500;
        font-size: 0.6rem;
        color: #F06E00;
        line-height: 4vw;
        padding-left:10px;
        text-align: center;
        font-style: normal;
        text-transform: none;
        margin-left: 5px;
        align-items: center;

    }

    /**********************title**********************/
    .shop-title-wrap {
        width: 100%;
        padding-left: 0px;
        margin-top: 10px;
    }

    .shop-title {
        width: 100%;
        height: 4vw;
        font-family: PingFang SC, PingFang SC;
        font-weight: bold;
        font-size: 1rem;
        color: #222222;
        line-height: 4vw;
        text-align: left;
        font-style: normal;
        text-transform: none;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .grade {
        width: 47px;
        height: 20px;
        font-family: PingFang SC, PingFang SC;
        font-weight: 500;
        font-size: 1rem;
        color: #94DA19;
        line-height: 20px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }

    /**********************tag-wrap**********************/
    .tag-wrap {
        padding-left: 0px;
        width: 100%;
        margin-top: 10px;
    }

    .sale-info {
        display: block;
        width: 17vw;
        height: 4vw;
        line-height: 4vw;
        background: #388EF0;
        border-radius: 4px 4px 4px 4px;
        font-family: PingFang SC, PingFang SC;
        font-weight: 500;
        font-size: 0.8rem;
        color: #FFFFFF;
        text-align: center;
        font-style: normal;
        text-transform: none;
        float: left;
    }

    .goods-type {
        display: block;
        width: 13vw;
        height: 4vw;
        line-height: 4vw;
        text-align: center;
        font-weight: 500;
        font-size: 0.8rem;
        color: #FFFFFF;
        background: #FFA82F;
        border-radius: 4px 4px 4px 4px;
        float: left;
        margin-left: 20px;
    }

    .goods-type::after {
        display: block;
        content: " ";
        clear: both;
    }

    /**********************more**********************/
    .progress {

        width: 100%;
        height: 4vw;
        background: #F3EFE9;
        border-radius: 12px 12px 12px 12px;
        margin: 10px auto;
        display: flex;

    }

     .progress .outer {
        height: 4vw;
        width: 100%;
         display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .progress .outer .inner {
        display: block;
        width: 60%;
        height: 4vw;
        font-size: 0.8rem;
        line-height: 4vw;
        padding-left: 5px;
        color: #fff;
        font-weight: 500;
        background: #FFA82F;
        border-radius: 12px 12px 12px 12px;
    }



    .progress .outer .text {
        display: block;
        font-family: PingFang SC, PingFang SC;
        font-weight: 500;
        font-size: 0.8rem;
        color: #666666;
        line-height: 4vw;
        font-style: normal;
        text-transform: none;
        width: 35%;
        text-align: right;
    }

    /**********************more**********************/
    .price-wrap {
        width: 100%;

        padding-left: 0px;
        padding-right: 0px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-deriction: row;
    }

    .price-wrap .price {
        height: 20vw;
        font-family: PingFang SC, PingFang SC;
        font-weight: bold;
        color: #DD2323;

        text-align: left;
        font-style: normal;
        text-transform: none;
    }

    .price-wrap .price .num {
        font-size: 1.6rem;
        display: inline-block;
    }

    .price-wrap .price .unit {
        display: inline-block;
    }

    .price-wrap .btn-wrap {
        width: 20vw;
        height: 8vw;

        background: #82B8FF;
        border-radius: 20px 20px 20px 20px;
    }

    .price-wrap .btn-wrap .btn {
        display: block;
        width: 100%;
        height: 8vw;
        color: #fff;
        line-height: 8vw;
    }

    /**********************more**********************/
    .more-wrap {
        height: 18vw;
        width: 53vw;
        position: relative;
        margin: 80px auto;
    }

    .see-more {
        width:  50vw;
        height: 15vw;
        background: #78B7FF;
        border-radius: 8px 8px 8px 8px;
        text-align: center;
        line-height: 15vw;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 99;
    }

    .see-more a {
        display: inline-block;
        /*width: 30vw;*/
        /*height: 15vw;*/
        text-align: center;
        font-style: normal;
        text-transform: none;
        color: #fff;
        font-size: 1.6rem;

    }

    .see-more img {
        margin-left: 0;
        /*margin-top: -16px;*/
        /*width: 10vw;*/
        display: inline-block;
    }

    .see-more2 {
        width: 50vw;
        height: 15vw;
        border-radius: 8px 8px 8px 8px;
        border: 2px solid #78B7FF;
        position: absolute;
        right: 0px;
        bottom: 0px;
    }

    /*****************************************************************************/
    section {
        margin-top: 150px;
    }

    /********************************************************************************/
    .table-wrap {
        width: 100%;
    }

    .table-wrap ul {
        width: 100%;
    }


    .table-wrap table th {

    }

    .table-wrap ul li {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
        height: 100px;
        line-height: 100px;
    }

    .table-wrap ul li div {
        width: 30%;
    }

    .table-wrap ul li .last {
        text-align: right;
    }

    .table-wrap ul .row {
        border-bottom: 1px #ccc solid;
    }

    .table-wrap ul .row div {

    }

    .table-wrap ul .row div .tag {
        display: inline-block;
        width: 36px;
        height: 24px;
        font-size: 14px;
        color: #fff;
        line-height: 24px;
        text-align: center;
        background: #78B7FF;
        border-radius: 8px 8px 8px 8px;
    }

    .table-wrap ul .row div .name {

    }

    .table-wrap ul .row div .price {
        font-size: 1rempx;
    }

    .table-wrap ul .row div .add-price {
        font-size: 0.6rem;
    }

     .table-wrap ul .row div .add-price img{
        width: 10px;
        height: 10px;
    }


    .increase {
        display: inline-block;
        text-align: center;
        width: 120px;
        height: 40px;
        line-height: 40px;
        color: #fff;
        /*background: #DD2323;*/
        border-radius: 8px 8px 8px 8px;
    }

    .middle {
        text-align: center;
    }

    /************************************商学院********************************************/
    .list-wrap {
        width: 100%;
    }

    .list-wrap ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
    }

    .list-wrap ul li {
        width:45%;
        height: 45vw;
        margin-top: 10px;
    }

    .list-wrap ul li video, .list-wrap ul li img {
        width: 100%;
        border-radius: 6px;
    }

    /************************************加盟合作********************************************/
    #cooperation {
        margin-top: 10px;
        overflow-x: hidden;
    }

    .intr {
        margin-top: 0px;
        display: block ;
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
        position: relative;
        height: auto;
    }

    .txt-wrap {
        width: 100%;
        /*min-height: 100vw;*/
        height: auto;
        padding-bottom: 0px;
        position: relative;
        /*border: solid 1px #4a6bdf;*/
    }

    .intr img {
        width: 100%;
        /*height: 100%;*/
        /*position: absolute;*/
        /*top:0;*/
        /*left: 0;*/
    }

    .txt-wrap .txt {
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        padding: 20px;
        color:#fff;

    }

    .txt-wrap .txt .tit {
        font-family: Source Han Sans SC, Source Han Sans SC;
        font-weight: bold;
        font-size: 2rem;
        color: #FFFFFF;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }

    .txt-wrap .txt .desc {
        color:#fff;
    }

    .img-wrap {
        width: 100%;
    }




    .form-wrap {
        margin-top: 20px;
        width: 100%;
        height: 420px;
        background: url("../../images/form-bg.png") no-repeat 100% 100%;
        padding: 20px;
        background-size: cover;
        border-radius: 10px 10px 10px 10px;
    }

    .form-wrap .tit {
        width: 100%;
        height: 42px;
        font-family: PingFang SC, PingFang SC;
        font-weight: bold;
        font-size: 32px;
        color: #222222;
        line-height: 42px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }

    .form-wrap .row {
        width: 100%;
        height: 40px;
        line-height: 40px;
        /*background: #fff;*/
        /*margin-top: 32px;*/
        border-radius: 4px;
        /*padding-left: 6px;*/
    }

    .form-wrap .row label {
        display: inline-block;
        width: 80px;
    }

    .form-wrap .row input {
        /*width: calc(100% - 100px);*/
        /*border: none;*/
    }

    .sub-btn {
        display: block;
        text-align: center;
        width: 160px;
        height: 40px;
        line-height: 40px;
        background: #78B7FF;
        border-radius: 8px 8px 8px 8px;
        margin: 32px auto;
        color: #fff;
    }

    .sub-btn:hover {
        color: #fff;
    }

    /*******聚合融合介绍*********/
    .intr2 {
        margin-top: 60px;
        width: 100%;
    }

    .intr2 .left {
        float: right;
        width: 38vw;
        height: 38vw;

    }

    .intr2 .left img {
        width: 100%;
        height: 100%;
    }

    .intr2 .right {
        width: 100%;
        float: right;
        margin-right: 20px;
    }

    .intr2 .tit {
        text-align: right;
        width: 100%;
        font-family: PingFang SC, PingFang SC;
        font-weight: bold;
        font-size: 1.6rem;
        color: #222222;
        font-style: normal;
        text-transform: none;
    }

    .intr2 .right .desc {
        width: 100%;
    }

    /**********************************人才招聘**********************************************/
    .recruitment {
        margin-top:20px;
    }

    .recruitment .list {
        margin-top: 20px;
        width: 100%;
    }

    .recruitment .list ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
    }

    .recruitment .list li {
        width: 48%;
        height: 50vw;
        background: #F4FCFF;
        border-radius: 16px 16px 16px 16px;
        border: 1px solid #CCCCCC;
        padding: 10px;
        box-sizing: border-box;
        margin-bottom: 20px;
    }

    .recruitment .list li .tit {
        width: calc(100% - 20px);
        height: 40px;
        font-family: PingFang SC, PingFang SC;
        font-weight: bold;
        font-size: 1rem;
        color: #222222;
        line-height: 40px;
        text-align: left;
        font-style: normal;
        text-transform: none;

    }

    .recruitment .list li .row {
        width: calc(100% - 20px);
        height: 8vw;
        font-family: PingFang SC, PingFang SC;
        font-weight: 400;
        font-size: 1rem;
        color: #222222;
        line-height: 32px;
        text-align: left;
        font-style: normal;
        text-transform: none;
        margin-top: 10px;
    }

    .recruitment .list li .detail {
        margin-top: 10px;
    }

    .recruitment .list li .detail a {
        display: inline-block;
        /*width: 20vw;*/
        /*height: 8vw;*/
        font-family: PingFang SC, PingFang SC;
        font-weight: 500;
        font-size:1rem;
        color: #388EF0;
        /*line-height: 32px;*/
        text-align: left;
        font-style: normal;
        text-transform: none;
    }

    .recruitment .list li .detail img {
        display: inline-block;
        /*height: 5vw;*/
        /*margin-top: -8px;*/
        margin-left:0;
    }

    /********************************************************************************/
    .title-s {
        width: 100%;
        height: 67px;
        margin-top: 60px;
    }

    .title-s span {
        display: inline-block;
        height: 67px;
        font-family: PingFang SC, PingFang SC;
        font-weight: bold;
        font-size: 2rem;
        color: #222222;
        text-align: center;
        font-style: normal;
        text-transform: none;
    }

    .title-s .left-s {
        margin-top: -60px;
        margin-right: 8px;
    }

    .title-s .right-s {
        margin-left: 8px;
    }

    .service-list {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 60px;
    }

    .service-list li {
        width: 98%;
    }

    .service-list li img {
        display: block;
        width: 100%;
    }

    .service-list li p.intr {
        margin-top: 20px;
    }

    /***********************************time line*********************************************/
    .time-line-wrap {
        margin-top: 20px;
    }

    /********************************************************************************/
    .zs-wrap {
        margin-top: 20px;
        width: 100%;
        padding: 20px;
        height: 340px;
        background: url("../../images/zs-bg.png") no-repeat;
        background-size: cover;
    }

    .zs-wrap .title {
        width: 100%;
        margin: 0px auto;
        font-family: PingFang SC, PingFang SC;
        font-weight: 400;
        font-size: 1.1rem;
        color: #222222;
        line-height: 1.5;
        text-align: center;
        font-style: normal;
        text-transform: none;
    }


    .zs-wrap ul {
        margin-top: 60px;
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: flex-end; /* 底部对齐 */
        gap: 10px; /* 设置图片之间的间距 */
        padding: 0; /* 移除默认的列表项内边距 */
        list-style: none; /* 移除列表项的默认样式 */

    }

    .zs-wrap ul li {
        width: 18%;
        /*height: 395px;*/
        /*border:solid 1px #ccc;*/
        display: flex;
        justify-content: center; /* 子项内部水平居中 */
        align-items: flex-end; /* 底部对齐 */
    }

    .zs-wrap ul li img {
        height: 80%;
        width: 80%;
        display: block;
    }

    .zs-wrap ul li.current {

    }

    .zs-wrap ul li.current img {
        height: 100%;
        width: 100%;
    }

    /********************************************************************************/
    .media-title {
        margin-top: 60px;
    }

    .news-list {
        width: 100%;
    }

    .news-list li {
        width: 100%;
        /*height: 140vw;*/
        margin-top: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .news-list li .cover {
        display: block;
        width: 100%;
    }

    .news-list li .right-part {
        float: left;
        width: 100%;
        /*height: 100%;*/
        position: relative;
        /*padding-left: 40px;*/
        padding:0;
    }

    .news-list li .right-part .title {
        height: 40px;
        font-family: PingFang SC, PingFang SC;
        font-weight: bold;
        font-size: 1.3rem;
        color: #222222;
        line-height: 40px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }

    .news-list li .right-part .date-part {
        margin-top: 10px;
        height: 30px;
        font-family: PingFang SC, PingFang SC;
        font-weight: 500;
        font-size:1rem;
        color: #666666;
        line-height: 30px;
        text-align: left;
        font-style: normal;
        text-transform: none;

        /*display: flex;*/
        /*flex-wrap: wrap;*/
        /*flex-direction: row;*/
        /*justify-content: space-between;*/
    }

    .news-list li .right-part .date-part span {
        margin-right: 40px;
    }

    .news-list li .right-part .date-part .author {

    }

    .news-list li .right-part .date-part .date {

    }

    .news-list li .right-part .desc-part {
        margin-top: 20px;
        font-family: PingFang SC, PingFang SC;
        font-weight: 400;
        font-size: 1rem;
        color: #222222;
        line-height: 1.6;
        text-align: left;
        font-style: normal;
        text-transform: none;
        /*height: 180px;*/
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .news-list li .right-part .see-detail {
        /*position: absolute;*/
        /*left: 0;*/
        /*bottom: 0;*/
        color: #388EF0;
        margin-top: 20px;
    }

    .news-list li .right-part .see-detail a {
        color: #388EF0;
    }

    .news-list li .right-part .see-detail a:hover {
        color: #388EF0;
    }

    .news-list li .right-part .see-detail img {

    }


}