@charset "utf-8";

.expander-1 {
    display: none;
}
.expander-2 {
    display: none;
}
.expander-3 {
    display: none;
}
.expander-4 {
    display: none;
}
.expander-5 {
    display: none;
}

@media only screen and (max-width: 767px) {
    .banner-h1{
        font-size: 40px!important;
    }

    .banner-pt{
        padding-top: 5em!important;
    }

    .m-overview{
        font-size: 12px;
    }

    /*banner*/
    .banner-text{
        padding-left: 15px;
        padding-right: 15px;
    }
    .hero-item.item-0 {
        background-image: url(../../images/solution/banner/m-solutions.jpg?t=3)!important;
    }
    .hero-item.item-1 {
        background-image: url(../../images/solution/banner/m-solutions.jpg?t=3)!important;
    }
    .hero-item.item-2 {
        background-image: url(../../images/solution/banner/m-railway.jpg?t=3)!important;
    }

    .hero-item.item-3 {
        background-image: url(../../images/solution/banner/m-robots.jpg?t=3)!important;
    }

    .hero-item.item-4 {
        background-image: url(../../images/solution/banner/m-infrastructure.jpg?t=3)!important;
    }

    .hero-item.item-5 {
        background-image: url(../../images/solution/banner/m-customized.jpg?t=3)!important;
    }

    /*文字缩放*/
    .read-more-1 {
        display: block;
    }

    .text-content-1 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .expander-1:checked + .text-container-1 .text-content-1 {
        display: block;
        -webkit-line-clamp: unset!important;
    }

    .read-more-1::after {
        content: 'Read More';
        color: #ff5317;
    }

    .expander-1:checked + .text-container-1 .read-more-1::after {
        content: 'Read Less';
    }

    .read-more-2 {
        display: block;
    }

    .text-content-2 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .expander-2:checked + .text-container-2 .text-content-2 {
        display: block;
        -webkit-line-clamp: unset!important;
    }

    .read-more-2::after {
        content: 'Read More';
        color: #ff5317;
    }

    .expander-2:checked + .text-container-2 .read-more-2::after {
        content: 'Read Less';
    }

    .read-more-3 {
        display: block;
    }

    .text-content-3 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .expander-3:checked + .text-container-3 .text-content-3 {
        display: block;
        -webkit-line-clamp: unset!important;
    }

    .read-more-3::after {
        content: 'Read More';
        color: #ff5317;
    }

    .expander-3:checked + .text-container-3 .read-more-3::after {
        content: 'Read Less';
    }

    .read-more-4 {
        display: block;
    }

    .text-content-4 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .expander-4:checked + .text-container-4 .text-content-4 {
        display: block;
        -webkit-line-clamp: unset!important;
    }

    .read-more-4::after {
        content: 'Read More';
        color: #ff5317;
    }

    .expander-4:checked + .text-container-4 .read-more-4::after {
        content: 'Read Less';
    }

    .read-more-5 {
        display: block;
    }

    .text-content-5 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .expander-5:checked + .text-container-5 .text-content-5 {
        display: block;
        -webkit-line-clamp: unset!important;
    }

    .read-more-5::after {
        text-align: right;
        content: 'Read More';
        color: #ff5317;
    }

    .expander-5:checked + .text-container-5 .read-more-5::after {
        content: 'Read Less';
    }
}