/*商用产品start*/
/*pc*/
@media only screen and (min-width: 901px) {
    .sycp {
        width: 100%;
    }

    /*商用产品banner start*/
    .sycp .sycp_banner {
        width: 100%;
        height: auto;
        position: relative;
    }

    .sycp .sycp_banner .sycp_banner_bg {
        width: 100%;
        height: 350px;
    }

    .sycp .sycp_banner .sycp_banner_bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    /*商用产品banner end*/
    .sycp .sycp_content {
        width: 100%;
        height: auto;
        background-color: white;
    }

    .sycp .sycp_content .content_box {
        width: 1400px;
        height: auto;
        margin: 0 auto;
        background-size: 140% auto;
        background-position: -650px 100px;
        background-repeat: no-repeat;
    }

    .sycp .sycp_content .content_box .content {
        width: 1180px;
        margin: 0 auto;
    }

    /*头部标题start*/
    .sycp .sycp_content .content_box .content .product_title {
        width: 300px;
        height: 166px;
        margin: 10px auto;
        position: relative;
    }

    .sycp .sycp_content .content_box .content .product_title .product_title_bg {
        width: 100%;
        height: 100%;
    }

    .sycp .sycp_content .content_box .content .product_title .product_title_bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .sycp .sycp_content .content_box .content .product_title .product_title_content {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .sycp .sycp_content .content_box .content .product_title .product_title_content .title {
        float: left;
        font-size: 28px;
        color: black;
        font-weight: bold;
        text-align: center;
        display: inline-block;
        width: 160px;
    }

    .sycp .sycp_content .content_box .content .product_title .product_title_content .line {
        float: left;
        width: 70px;
        border-top: 2px solid black;
        margin-top: 20px;
        display: inline-block;
    }

    /*头部标题end*/
    .sycp .sycp_content .content_box .content .product_list {
        width: 100%;
        height: auto;
    }

    .sycp .sycp_content .content_box .content .product_list .product_class_one {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

    .sycp .sycp_content .content_box .content .product_list .product_class_one .product_class_one_title {
        width: 100%;
        height: auto;
        padding: 10px 0;
    }

    .sycp .sycp_content .content_box .content .product_list .product_class_one .product_class_one_title > .name {
        padding-bottom: 5px;
    }

    .sycp .sycp_content .content_box .content .product_list .product_class_one .product_class_one_title > .name > p {
        font-weight: bold;
        font-size: 18px;
    }

    .sycp .sycp_content .content_box .content .product_list .product_class_one .product_class_one_title > .msg > p {
        font-size: 14px;
    }

    .sycp .sycp_content .content_box .content .product_list .product_class_one .product_class_one_list {
        width: 100%;
        height: auto;
        padding: 10px 0;
    }

    .sycp .sycp_content .content_box .content .product_list .product_class_one .product_class_one_list.top_line {
        border-top: 2px solid #626262;
    }

    .sycp .sycp_content .content_box .content .product_list .product_class_one .product_class_one_list.bottom_line {
        border-bottom: 2px solid #626262;
    }

    .sycp .sycp_content .content_box .content .product_list .product_class_one .product_class_one_list .product_class_two {

    }

    .sycp .sycp_content .content_box .content .product_list .product_class_one .product_class_one_list .product_class_two .product_class_two_title {
        margin: 10px 0;
    }

    .sycp .sycp_content .content_box .content .product_list .product_class_one .product_class_one_list .product_class_two .product_class_two_list {

    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    .product_box {
        float: left;
        width: 550px;
        display: flex;
        flex-direction: row;
    }

    .product_box:nth-child(odd) {
        margin-right: 80px;
    }

    .product_box.top_line {
        border-top: 2px solid #626262;
    }

    .product_box.bottom_line {
        border-bottom: 2px solid #626262;
    }


    .product_box .l {
        float: left;
        width: 60%;
        padding: 15px 0;
        display: flex;
        flex-direction: column;
    }

    .product_box .l .title {
        width: 100%;
        height: auto;
    }

    .product_box .l .title > p {
        color: #0075c2;
        font-size: 16px;
    }

    .product_box .l .arg {
        width: 100%;
        height: auto;
    }

    .product_box .l .arg > div {
        width: 100%;
        margin: 10px 0;
    }

    .product_box .l .arg > div .k {
        color: white;
        font-size: 14px;
        padding: 0 5px;
        border-radius: 10px;
        display: inline-block;
        min-width: 50px;
        text-align: center;
        background-color: black;
    }

    .product_box .l .arg > div .k.cold {
        background-color: #0359a4;
    }

    .product_box .l .arg > div .k.hot {
        background-color: #ff6f00;
    }

    .product_box .l .arg > div .k.hot2 {
        background-color: #8dc21f;
    }

    .product_box .l .arg > div .k.hot3 {
        background-color: #f4ab2a;
    }

    .product_box .l .arg > div .k.wind {
        background-color: #00adc3;
    }


    .product_box .l .arg > div .v {
        font-size: 14px;
        margin: 0 10px;
        display: inline-block;
    }

    /*right*/
    .product_box .r {
        float: right;
        width: 40%;
        margin: 15px 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .product_box .r .img_box {
        width: 180px;
        height: 180px;
    }

    .product_box .r .img_box img {
        width: 180px;
        height: 180px;
        max-width: 100%;
        max-height: 100%;
        object-fit: scale-down;
        object-position: center;
    }
}

/*mobile*/
@media only screen and (max-width: 900px) {
    .sycp {
        width: 100%;
    }

    .sycp .sycp_banner {
        width: 100%;
        height: auto;
        position: relative;
    }

    .sycp .sycp_banner .sycp_banner_bg {
        width: 100%;
        height: 200px;
    }

    .sycp .sycp_banner .sycp_banner_bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .sycp .sycp_content {
        width: 100%;
        height: auto;
        background-color: white;
    }

    .sycp .sycp_content .content_box {
        width: 100%;
        margin: 0 auto;
    }

    .sycp .sycp_content .content_box .content {
        width: 100%;
        margin: 0 auto;
    }

    .sycp .sycp_content .content_box .content .product_title {
        width: 100%;
        height: 100px;
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .sycp .sycp_content .content_box .content .product_title .product_title_content {
        width: 300px;
    }

    .sycp .sycp_content .content_box .content .product_title .product_title_content .title {
        float: left;
        font-size: 24px;
        color: black;
        font-weight: bold;
        width: 160px;
        text-align: center;
        display: inline-block;
    }

    .sycp .sycp_content .content_box .content .product_title .product_title_content .line {
        float: left;
        width: 70px;
        border-top: black solid 2px;
        margin-top: 18px;
        display: inline-block;
    }

    .sycp .sycp_content .content_box .content .product_list {
        width: 100%;
    }

    .sycp .sycp_content .content_box .content .product_list .product_class_one {
        width: 90%;
        margin: 0 auto;
    }

    .sycp .sycp_content .content_box .content .product_list .product_class_one .product_class_one_title {
        width: 100%;
        position: relative;
    }

    .sycp .sycp_content .content_box .content .product_list .product_class_one .product_class_one_title .product_class_one_title_bg {
        width: 100%;
    }

    .sycp .sycp_content .content_box .content .product_list .product_class_one .product_class_one_title .product_class_one_title_bg > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .sycp .sycp_content .content_box .content .product_list .product_class_one .product_class_one_title .product_class_one_title_con {
        position: absolute;
        top: 50%;
        left: 0%;
        transform: translate(0%, -50%);
        width: 90%;
        padding: 0 5%;
        display: flex;
        justify-content: center;
        align-items: center;
    }


    .sycp .sycp_content .content_box .content .product_list .product_class_one .product_class_one_title .product_class_one_title_con > .l {
        display: inline-block;
        width: 20px;
        height: 100%;
    }

    .sycp .sycp_content .content_box .content .product_list .product_class_one .product_class_one_title .product_class_one_title_con > .l > span {
        border-left: 3px solid white;
        display: inline-block;
        height: 20px;
    }

    .sycp .sycp_content .content_box .content .product_list .product_class_one .product_class_one_title .product_class_one_title_con > .m {
        display: inline-block;
        width: calc(100% - 40px);

    }

    .sycp .sycp_content .content_box .content .product_list .product_class_one .product_class_one_title .product_class_one_title_con > .m > .name {
        color: white;
        font-size: 18px;
        padding: 2px 0;
    }

    .sycp .sycp_content .content_box .content .product_list .product_class_one .product_class_one_title .product_class_one_title_con > .m > .name > p {
        white-space: nowrap; /* 不折行显示文本 */
        overflow: hidden; /* 超出部分隐藏 */
        text-overflow: ellipsis; /* 超出显示省略号 */
    }


    .sycp .sycp_content .content_box .content .product_list .product_class_one .product_class_one_title .product_class_one_title_con > .m > .msg {
        padding: 2px 0;
    }

    .sycp .sycp_content .content_box .content .product_list .product_class_one .product_class_one_title .product_class_one_title_con > .m > .msg > p {
        color: white;
        white-space: nowrap; /* 不折行显示文本 */
        overflow: hidden; /* 超出部分隐藏 */
        text-overflow: ellipsis; /* 超出显示省略号 */
    }


    .sycp .sycp_content .content_box .content .product_list .product_class_one .product_class_one_title .product_class_one_title_con > .r {
        display: inline-block;
        width: 20px;
    }

    .sycp .sycp_content .content_box .content .product_list .product_class_one .product_class_one_title .product_class_one_title_con > .r > span {
        color: white;
        font-size: 30px;
    }


    .sycp .sycp_content .content_box .content .product_list .product_class_one .product_class_one_list {
        width: 100%;
    }

    .product_box {
        width: 96%;
        padding: 2%;
        border: 1px solid #e9e9e9;
        border-radius: 5px 30px;
        box-shadow: 2px 2px 4px 1px #e9e9e9;
        margin: 15px 0;
        display: flex;
        flex-direction: row;
    }

    .product_box > .l {
        width: 40%;
        float: left;
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        justify-content: center;
    }

    .product_box > .l > .img_box {
        width: 100%;
        /*height: 180px;*/
        max-height: 180px;
        aspect-ratio: 1;
        display: flex;
        justify-content: center;
        align-items: center;

    }

    .product_box > .l > .img_box > img {
        width: 70%;
        height: 70%;
        max-width: 100%;
        max-height: 100%;
        object-fit: scale-down;
        object-position: center;
    }

    .product_box > .r {
        width: 60%;
        float: right;
        display: flex;
        flex-direction: column;
    }

    .product_box > .r > .title {
        width: 100%;
        padding: 5px 0;
        border-bottom: 1px solid black;
    }

    .product_box > .r > .title > p {
        font-size: 16px;
        color: #0b6fa2;
        font-weight: bold;
    }

    .product_box > .r > .arg {
        width: 100%;
        margin: 2% 0;
    }

    .product_box > .r > .arg > div {
        width: 100%;
        padding: 2px 0;
        /*white-space: nowrap; !* 不折行显示文本 *!*/
        /*overflow: hidden; !* 超出部分隐藏 *!*/
        /*text-overflow: ellipsis; !* 超出显示省略号 *!*/
    }

    .product_box > .r > .arg > div > .k {
        color: white;
        background-color: black;
        padding: 0 4px;
        min-width: 40px;
        display: inline-block;
        text-align: center;
    }

    /*制冷量*/
    .product_box > .r > .arg > div > .k.cold {
        background-color: #0359a4;
    }

    /*制热量*/
    .product_box > .r > .arg > div > .k.hot {
        background-color: #ff6f00;
    }

    /*热量回收*/
    .product_box > .r > .arg > div > .k.hot2 {
        background-color: #9d9a9a;
    }

    /*水环工况制热量*/
    .product_box > .r > .arg > div > .k.hot3 {
        background-color: #f4ab2a;
    }

    /*风量*/
    .product_box > .r > .arg > div > .k.wind {
        background-color: #00adc3;
    }

    /*空*/
    .product_box > .r > .arg > div > .k.kong {
        background-color: white;
    }


    .product_box > .r > .arg > div > .v {
        padding-left: 10px;
    }
}

/*商用产品end*/