/* CSS变量定义 - 便于统一管理样式 */
:root {
    --homeview-img-height: 600px;
    --homeview-img-width: 100%;
    --homephon-img-hight: 250px;
}

/* 大屏幕PC端 (1200px以上) */
@media screen and (min-width: 1201px) {
    .ui-homeview .i>img {
        height: var(--homeview-img-height);
        width: var(--homeview-img-width);
        object-fit: cover;
    }

    /* 公司简介 */
    .ui-homebanner .view .img .tt {
        position: absolute;
        top: 50%;
        margin-top: -300px;
        left: 0;
        width: 100%;
        padding: 0 20px;
    }

    .ui-homebanner .view .img .tt h5.tt-text {
        font-size: 24px;
        color: #fff;
        border-bottom: 1px solid #fff;
        padding: 20px 0;
        text-shadow: 2px 2px 5px #000;
    }

    .ui-homebanner .view .img .tt h5.tt-text-company {
        font-size: 24px;
        color: #fff;
        margin: 20px 0px;
        text-shadow: 2px 2px 5px #000;
    }

    .ui-homebanner .view .img .tt .tt-text-span {
        font-size: 14px;
        color: #fff;
        width: 800px;
        text-align: left;
        line-height: 30px;
        text-indent: 2em;
    }

    /* 公司项目 */
    .ui-homehouse .i .img img {
        height: 417px;
    }

}

/* 中等屏幕PC端 (768px - 1200px) */
@media screen and (min-width: 768px) and (max-width: 1200px) {
    .ui-homebanner .view .img .tt {
        position: absolute;
        top: 38%;
        margin-top: -150px;
        left: 0;
        width: 100%;
        padding: 0 20px;
    }

    .ui-homebanner .view .img .tt h5.tt-text {
        font-size: 20px;
        color: #fff;
        border-bottom: 1px solid #fff;
        padding: 10px 0;
        text-shadow: 2px 2px 5px #000;
    }

    .ui-homebanner .view .img .tt h5.tt-text-company {
        font-size: 20px;
        color: #fff;
        margin: 10px 0px;
        text-shadow: 2px 2px 5px #000;
    }

    .ui-homebanner .view .img .tt .tt-text-span {
        font-size: 12px;
        color: #fff;
        width: 700px;
        text-align: left;
        line-height: 18px;
        text-indent: 2em;
    }

    .ui-homeview .i>img {
        height: var(--homeview-img-height);
        width: var(--homeview-img-width);
        object-fit: cover;
    }

    /* 公司项目 */
    .ui-homehouse .i .img img {
        height: 417px;
    }

}

/* 手机屏幕 (767px以下) */
@media screen and (max-width: 767px) {
    .ui-homebanner .view .img .tt {
        margin-top: -1px;
        padding: 0 20px;
    }

    .ui-homebanner .view .img .tt h5.tt-text {
        font-size: 16px;
        color: #fff;
        border-bottom: 1px solid #fff;
        padding: 10px 0;
        text-shadow: 2px 2px 5px #000;
    }

    .ui-homebanner .view .img .tt h5.tt-text-company {
        font-size: 16px;
        color: #fff;
        margin: 10px 0px;
        text-shadow: 2px 2px 5px #000;
    }

    .ui-homebanner .view .img .tt p {
        line-height: 1.3em !important;
    }

    .ui-homebanner .view .img .tt .tt-text-span {
        color: #fff;
        line-height: 1.5em;
        /* width: 300px; */
        white-space: nowrap;
        /* 禁止换行 */
        overflow: hidden;
        /* 超出隐藏 */
        text-overflow: ellipsis;
    }

    .ui-homeview .i>img {
        height: var(--homephon-img-hight);
        width: var(--homeview-img-width);
        object-fit: cover;
    }

    /* 公司项目 */
    .ui-homehouse .i .img img {
        height: 300px;
    }


}