@media screen and (min-width: 1025px) {
    .sustainability-container{
        width: 100%;
        margin-top: var(--header-height);
        margin-bottom: 1rem;
    }
    .sustainability-padding-container{
        width: 100%;
        padding: 0 2.2rem;
    }
    .banner{
        width: 100%;
        height: 4.15rem;
        position: relative;
    }
    .banner .pc_img{
        width: 100%;
        height: 100%;
    }
    .banner .m_img{
        width: 100%;
        height: 100%;
        display: none;
    }
    .banner h1{
        color: #FFFFFF;
        position: absolute;
        top: 1.74rem;
        width: 100%;
        text-align: center;
    }
    .oc-main-sam-breadcrumb{
        margin-top: 0 !important;
    }
    .description{
        width: 100%;
        margin-top: 0.7rem;
        display: flex;
        justify-content: space-between;
    }
    .description .description-left{
        width: 6rem;
        line-height: 0.66rem;
        font-weight: 800;
        font-size: 0.36rem;
    }
    .description .description-right{
        width: 8rem;
        line-height: 0.32rem;
        font-weight: 500;
        font-size: 0.2rem;
        color: #666666;
    }
    .img-tab{
        width: 100%;
        margin-top: 1rem;
        display: flex;
        justify-content: space-between;
    }
    .img-tab .img-tab-item{
        width: 4.8rem;
        height: 3.2rem;
        cursor: pointer;
        position: relative;
    }
    .img-tab .img-tab-item .tab-hover-item{
        width: 2.2rem;
        height: 0.45rem;
        position: absolute;
        left: 0;
        bottom: 0;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
    }
    .img-tab .img-tab-item .tab-hover-item img{
        width: 100%;
        height: 100%;
    }
    .img-tab .img-tab-item .tab-hover-item p{
        font-size: 0.2rem;
        line-height: 0.26rem;
        color:#FFFFFF;
        position: absolute;
        left: 0.2236rem;
        top: 0.1rem;
    }
    .img-tab .our_people{
        background-image: url('../img/sustainability/our_people.png');
    }
    .img-tab .our_operations{
        background-image: url('../img/sustainability/our_operations.png');
    }
    .img-tab .our_community{
        background-image: url('../img/sustainability/our_community.png');
    }
    .img-tab .img-tab-item:hover .tab-hover-item {
        opacity: 1;
        visibility: visible;
    }
    .img-tab-detail{
        width: 100%;
        height: 5.54rem;
        margin-top: 0.8rem;
        position: relative;
    }
    .img-tab-detail .pc_earth{
        width: 11.32rem;
        height: 5.54rem;
        position: absolute;
        left: 0;
        top: 0;
    }
    .img-tab-detail .m_earth{
        position: absolute;
        left: 0;
        top: 0;
        display: none;
    }
    .img-tab-detail .trapezoid{
        width: 10.22rem;
        height: 5.54rem;
        position: absolute;
        right: 0;
        top: 0;
    }
    .img-tab-detail .img-tab-detail-description{
        position: relative;
        display: none;
    }
    .img-tab-detail .img-tab-detail-description:first-of-type{
        display: block;
    }
    .img-tab-detail .img-tab-detail-description .img-tab-detail-description-box{
        width: 5.78rem;
        position: absolute;
        top: 0.4rem;
        right: 2.11rem;
    }
    .img-tab-detail .img-tab-detail-description .img-tab-detail-description-box .description-title{
        font-weight: 800;
        font-size: 0.28rem;
        line-height: 0.4rem;
        color:#FFFFFF
    }
    .img-tab-detail .img-tab-detail-description .img-tab-detail-description-box .description-content{
        margin-top: 0.2rem;
        font-weight: 500;
        font-size: 0.18rem;
        line-height: 0.32rem;
        color: #FFFFFF;
    }
    .img-tab-detail .img-tab-detail-description .img-tab-detail-description-box .description-ul li{
        position: relative;
        font-weight: 500;
        font-size: 0.18rem;
        line-height: 0.32rem;
        color: #FFFFFF;
        padding-left: 0.2rem;
    }
    .img-tab-detail .img-tab-detail-description .img-tab-detail-description-box .description-ul li:before{
        content: '';
        position: absolute;
        left: 0;
        top: 0.14rem;
        width: 0.06rem;
        height: 0.06rem;
        background-color: #FFFFFF;
        border-radius: 50%;
    }
    .calculate{
        width: 100%;
        height: 3.55rem;
        margin-top: 1rem;
        padding: 0 2.2rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    .calculate .calculate-box{
        width: 100%;
        display: flex;
        justify-content: space-evenly;
    }
    .calculate .home_btn{
        width: 2.88rem;
        height: 0.6rem;
        line-height: 0.6rem;
        background-color: #2F67B3;
        font-size: 0.2rem;
        font-weight: 800;
        color: #FFFFFF;
        text-align: center;
        border-radius: 0.06rem;
    }
    .calculate .calculate-box .calculate-box-detail{
        height: 2.36rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    .calculate .calculate-box .calculate-box-detail img{
        width: 1.68rem;
        height: 1.68rem;
    }
    .calculate .calculate-box .calculate-box-detail span{
        font-size: 0.2rem;
        font-weight: 800;
        line-height: 0.32rem;
        color: #333333;
    }
    .sustainability-container .product-x{
        width: 100%;
        height: 4rem;
        padding: 0 2.31rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 0.96rem;
    }
    .sustainability-container .product-x .product-x-m{
        display: none;
    }
    .sustainability-container .product-x .product-x-pc{
        display: block;
    }
    .sustainability-container .product-x img{
        width: 6rem;
        height: 4rem;
    }
    .sustainability-container .product-x .product_detail{
        width: 7.93rem;
    }
    .sustainability-container .product-x .product_detail .product_title{
        width: 100%;
        font-size: 0.28rem;
        font-weight: 800;
        line-height: 0.36rem;
        color: #000000;
    }
    .sustainability-container .product-x .product_detail .product_desc{
        margin-top: 0.32rem;
        display: flex;
        flex-direction: column;
        gap: 0.24rem;
        position: relative;
    }
    .sustainability-container .product-x .product_detail .product_desc li{
        font-size: 0.18rem;
        line-height: 0.24rem;
        color: #666666;
        position: relative;
        padding-left: 0.3rem;
    }
    .sustainability-container .product-x .product_detail .product_desc li:before{
        content: '';
        position: absolute;
        left: 0.1rem;
        top: 0.1rem;
        width: 0.06rem;
        height: 0.06rem;
        background-color: #666666;
        border-radius: 50%;
    }
    .sustainability-container .product-y{
        width: 100%;
        margin-top: 0.92rem;
        padding: 0 2.2rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 0.5rem;
    }
    .sustainability-container .product-y .product_detail{
        width: 14.44rem;
    }
    .sustainability-container .product-y .product_detail .product_title{
        font-size: 0.28rem;
        font-weight: 800;
        line-height: 0.36rem;
        color: #333333;
    }
    .sustainability-container .product-y .product_detail .product_desc{
        margin-top: 0.32rem;
        font-size: 0.18rem;
        line-height: 0.24rem;
        color: #666666;
    }
    .sustainability-container .product-y img{
        width: 15rem;
        height: 3.32rem;
    }
    .sustainability-container .sam-form-inquiry{
        margin-top: 0.46rem;
    }

}

@media screen and (max-width: 1024px) {
    .sustainability-container{
        width: 100%;
        margin-top: var(--header-height);
        margin-bottom: 1rem;
    }
    .sustainability-padding-container{
        width: 100%;
        padding: 0 0.15rem;
    }
    .banner{
        width: 100%;
        height: 10rem;
        position: relative;
    }
    .banner .pc_img{
        width: 100%;
        height: 100%;
        display: none;
    }
    .banner .m_img{
        width: 100%;
        height: 100%;
    }
    .banner h1{
        width: 4.33rem;
        color: #FFFFFF;
        position: absolute;
        top: 2.2rem;
        left: 1.58rem;
        text-align: center;
    }
    .oc-main-sam-breadcrumb{
        margin-top: 0 !important;
    }
    .description{
        width: 100%;
        margin-top: 0.3rem;
        padding: 0 0.03rem;
        display: flex;
        flex-direction: column;
        gap: 0.28rem;
    }
    .description .description-left{
        width: 5.86rem;
        line-height: 0.66rem;
        font-weight: 800;
        font-size: 0.36rem;
    }
    .description .description-right{
        width: 100%;
        line-height: 0.32rem;
        font-weight: 500;
        font-size: 0.22rem;
        color: #333333;
    }
    .img-tab{
        width: 100%;
        padding: 0 0.03rem;
        margin-top: 0.83rem;
        display: flex;
        flex-direction: column;
        gap: 0.56rem;
    }
    .img-tab .img-tab-item{
        width: 6.9rem;
        height: 4.61rem;
        cursor: pointer;
        position: relative;
    }
    .img-tab .img-tab-item .tab-hover-item{
        width: 2.45rem;
        height: 0.53rem;
        position: absolute;
        left: 0;
        bottom: -0.02rem;
    }
    .img-tab .img-tab-item .tab-hover-item img{
        width: 100%;
        height: 100%;
    }
    .img-tab .img-tab-item .tab-hover-item p{
        position: absolute;
        left: 0.2236rem;
        top: 0.14rem;
        font-size: 0.24rem;
        line-height: 0.26rem;
        color:#FFFFFF;
    }
    .img-tab .our_people{
        background: url('../img/sustainability/our_people.png') no-repeat;
        background-size: cover;
    }
    .img-tab .our_operations{
        background: url('../img/sustainability/our_operations.png') no-repeat;
        background-size: cover;
    }
    .img-tab .our_community{
        background: url('../img/sustainability/our_community.png') no-repeat;
        background-size: cover;
    }
    .img-tab-detail{
        width: 100%;
        margin-top: 1.17rem;
        display: flex;
        flex-direction: column;
    }
    .img-tab-detail .pc_earth,.trapezoid{
        display: none;
    }
    .img-tab-detail .img-tab-detail-description{
        width: 100%;
        background-color: #184480;
        display: none;
    }
    .img-tab-detail .img-tab-detail-description:first-of-type{
        display: block;
    }
    .img-tab-detail .img-tab-detail-description .img-tab-detail-description-box{
        width: 100%;
        padding: 0 0.3rem;
        margin-bottom: 0.56rem;
    }
    .img-tab-detail .img-tab-detail-description .img-tab-detail-description-box .description-title{
        font-weight: 800;
        font-size: 0.28rem;
        line-height: 0.5rem;
        color:#FFFFFF;
        margin-top: 0.56rem;
    }
    .img-tab-detail .img-tab-detail-description .img-tab-detail-description-box .description-content{
        margin-top: 0.32rem;
        font-size: 0.22rem;
        line-height: 0.24rem;
        color: #FFFFFF;
    }
    .img-tab-detail .img-tab-detail-description .img-tab-detail-description-box .description-ul{
        margin-top: 0.32rem;
        display: flex;
        flex-direction: column;
        gap: 0.32rem;
    }
    .img-tab-detail .img-tab-detail-description .img-tab-detail-description-box .description-ul li{
        position: relative;
        font-weight: 500;
        font-size: 0.22rem;
        line-height: 0.24rem;
        color: #FFFFFF;
        padding-left: 0.2rem;
    }
    .img-tab-detail .img-tab-detail-description .img-tab-detail-description-box .description-ul li:before{
        content: '';
        position: absolute;
        left: 0;
        top: 0.14rem;
        width: 0.06rem;
        height: 0.06rem;
        background-color: #FFFFFF;
        border-radius: 50%;
    }
    .calculate{
        width: 100%;
        height: 4.15rem;
        margin-top: 1.34rem;
        padding: 0 0.36rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        gap: 0.5rem;
    }
    .calculate .calculate-box{
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .calculate .home_btn{
        width: 2.88rem;
        height: 0.6rem;
        line-height: 0.6rem;
        background-color: #2F67B3;
        font-size: 0.2rem;
        font-weight: 800;
        color: #FFFFFF;
        text-align: center;
        border-radius: 0.06rem;
    }
    .calculate .calculate-box .calculate-box-detail{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.36rem;
    }
    .calculate .calculate-box .calculate-box-detail img{
        width: 1.68rem;
        height: 1.68rem;
    }
    .calculate .calculate-box .calculate-box-detail span{
        width: 1.44rem;
        font-size: 0.2rem;
        font-weight: 800;
        line-height: 0.32rem;
        color: #333333;
        text-align: center;
    }
    .sustainability-container .product-x{
        width: 100%;
        padding: 0 0.31rem;
        margin-top: 0.9rem;
        display: flex;
        flex-direction: column;
        gap: 0.58rem;
    }
    .sustainability-container .product-x.product-first{
        margin-top: 1.14rem;
    }
    .sustainability-container .product-x .product-x-m{
        display: block;
    }
    .sustainability-container .product-x .product-x-pc{
        display: none;
    }
    .sustainability-container .product-x img{
        width: 100%;
    }
    .sustainability-container .product-x .product_detail{
        width: 100%
    }
    .sustainability-container .product-x .product_detail .product_title{
        width: 100%;
        font-size: 0.28rem;
        font-weight: 800;
        line-height: 0.5rem;
        color: #333333;
    }
    .sustainability-container .product-x .product_detail .product_desc{
        margin-top: 0.32rem;
        display: flex;
        flex-direction: column;
        gap: 0.32rem;
        position: relative;
    }
    .sustainability-container .product-x .product_detail .product_desc li{
        font-size: 0.22rem;
        line-height: 0.32rem;
        color: #666666;
        position: relative;
        padding-left: 0.3rem;
    }
    .sustainability-container .product-x .product_detail .product_desc li:before{
        content: '';
        position: absolute;
        left: 0.1rem;
        top: 0.13rem;
        width: 0.08rem;
        height: 0.08rem;
        background-color: #666666;
        border-radius: 50%;
    }
    .sustainability-container .product-y{
        width: 100%;
        margin-top: 0.9rem;
        padding: 0 0.31rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 0.58rem;
    }
    .sustainability-container .product-y .product_detail{
        width: 100%;
    }
    .sustainability-container .product-y .product_detail .product_title{
        font-size: 0.28rem;
        font-weight: 800;
        line-height: 0.5rem;
        color: #333333;
    }
    .sustainability-container .product-y .product_detail .product_desc{
        margin-top: 0.32rem;
        font-size: 0.22rem;
        line-height: 0.32rem;
        color: #666666;
    }
    .sustainability-container .product-y img{
        width: 100%;
    }
    .sustainability-container .sam-form-inquiry{
        margin-top: 0.3rem;
    }

}