@charset "utf-8";

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

@media only screen and (max-width: 767px) {
    .banner-txt{
        text-align: center!important;
    }
    .banner-content {
        margin-left: 0!important;
        padding: 0 10px 0 10px!important;
    }

    .banner-txt p{
        width: 100%!important;
    }

    .mobile-heading{
        margin-top: -18px !important;
    }

    .mobile-heading .pt-heading{
        font-weight: normal;
        line-height: 22px;
    }
    .pt-fancybox-2{
        padding: 10px;
    }
    .pt-fancybox-2 p{
        line-height: 22px;
    }
    .col-xl-3,.col-xl-6,.col-xl-4{
        width: 50%;
    }
    .row .mobile-white,.mobile-white .pt-fancybox-2 {
        background-color: white;
        color: #192436 ;
    }
    .row .mobile-white .pt-fancybox-2 .text-white{
        color: #192436 !important;

    }
    .row .mobile-back,.mobile-back .pt-fancybox-2  {
        background-color: #1b2435;
        color: white;
    }

    .row .mobile-back h4{
        color: white !important;
    }
    h4{
        font-size: 22px;
        line-height: 24px;
    }
    .det-box-ietm.det-box-ietm_single{
        padding:0 10px !important;
    }
    .big-text{
        font-size: 20px!important;
        margin-top: 0px!important;
        line-height: 24px!important;
    }
    .div_hr{
        margin: 20px 0 10px;
    }
    .pa{
        top: 10px;
        padding: 0 10px;
    }
    .choice-us{
        padding: 45px 15px 45px 15px!important;
    }
    .IGV-img{
        width: 90%!important;
    }
    h5{
        font-size: 14px!important;
        line-height: 20px!important;
    }
    .pt-icon-list-items{
        text-align: left!important;
        font-size: 12px!important;
    }

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

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

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

    .hero-item.item-4 {
        background-image: url(../../images/standard/banner/m-4.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: 'More Parameters';
        color: #ff5317;
    }

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

    .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-2::after {
        content: 'More Parameters';
        color: #ff5317;
    }

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