@media (min-width: 992px) {
    .big-title {
        background-image: url("bluescope steel wave.jpg");
        width: 100%;

        .content-block {
            padding-left: 240px;
            padding-right: 240px;
            padding-top: 75px;
            padding-bottom: 75px;
        }

        h3 {
            width: 100%;
            font-weight: bold;
            margin: 0 0 16px 0;
            font-size: 36px;
            color: #FFFFFF;
            text-align: center;
        }

        p {
            font-weight: 500;
            font-size: 20px;
            color: #FFFFFF;
            line-height: 32px;
            text-align: center;
        }

        a {
            margin: auto;
            width: 150px;
            /* padding: 8px 2pc; */
            height: 41px;
            background: #FFFFFF;
            /* box-shadow: 0px 10px 15px 0px rgba(0, 68, 180, 0.2); */
            border-radius: 8px 8px 8px 8px;
            line-height: 41px;
            color: #0044B4;
            text-decoration: none;
            border: none;
            display: block;
            margin-top: 40px;
            font-size: 16px;
            text-align: center;
        }

        a:not(.btn):hover{
            text-decoration: none !important;
        }

        a:hover{
            text-decoration: none !important;
            color: #FFFFFF !important;
            background: #0044B4 !important;
            border: 1px solid #FFFFFF!important;
        }

        /* a:focus{
            color: #0044B4 !important;
        } */

    }
    .new-content-body{
        max-width: 90pc;
        width: 100%;
        height: 580px;
        
        .content-body-left{
            width: 50%;
            height: 100%;
            background-image: url("L2_Flex_Desktop.png");
            display: flex;
            justify-content: center;
            align-items: start;
            flex-direction: column;
            padding: 0 3.5pc 0 3.5pc;
            .content-body-left-title{
                display: flex;
                p{
                    font-size: 60px;
                    font-weight: bold;
                }
            }
            .content-body-left-desc{
                display: flex;
                padding-bottom: 1rem;
                p{
                    font-size: 16px;
                    color: #fff;
                }
            }
            a {
                padding: 8px 2pc;
                background: #FFFFFF;
                border-radius: 6px;
                color: #0044B4;
                text-decoration: none;
                border: 1px solid #FFFFFF!important;
                display: block;
                font-size: 16px;
                text-align: center;
            }

            a:not(.btn):hover{
                text-decoration: none !important;
            }

            a:hover{
                text-decoration: none !important;
                color: #FFFFFF !important;
                background: #0044B4 !important;
                border: 1px solid #0044B4!important;
            }
        }
    }
    .content-img {
        padding-left: 240px;
        padding-right: 240px;
        padding-bottom: 75px;
        padding-top: 75px;

        img {
            width: 100%;
            border-radius:8px 8px 8px 8px;
        }
    }

    .business-items {
        .business-content {
            padding: 40px 3.5pc  0px 3.5pc;

            h3 {
                font-weight: bold;
                font-size: 34px;
                color: #0044B4;
                line-height: 34px;
                text-align: left;
            }

            .content-info {
                display: inline-flex;
                margin-bottom: 70px;
                padding-top: 5px;
                padding-bottom: 5px;

                .content-block-left {
                    width: 50%;

                    img {
                        max-width: 590px;
                        width: 100%;
                        height: 400px;
                        border-radius: 8px 8px 8px 8px;
                    }
                }

                .content-block-right {
                    width: 50%;
                    display: flex;
                    flex-wrap: wrap;
                    align-content: center;

                    h3 {
                        flex:0 0 100%;
                        margin-top: 0px;
                        font-weight: bold;
                        font-size: 34px;
                        line-height: 45px;
                        color: #0044B4;
                        text-align: left;
                        /* font-family: "FZDHTJW" !important;

                        label{
                            font-family: "FZDHTJW" !important;
                        }
                        span{
                            font-family: "FZDHTJW" !important;
                        } */
                    }

                    p {
                        flex: 0 0 100%;
                        font-weight: 400;
                        font-size: 16px;
                        color: #002e7c;
                        line-height: 25px;
                        /* letter-spacing: 2px; */
                        text-align: left;
                        padding-top: 24px;
                        padding-bottom:24px;
                    }
                    a {
                        position: relative;
                        margin-top: auto;
                        /* width: 150px; */
                        height: 41px;
                        background: #0044B4;
                        /* box-shadow: 0px 10px 15px 0px rgba(0, 68, 180, 0.2); */
                        border-radius: 8px 8px 8px 8px;
                        /* line-height: 41px; */
                        padding: 8px 2pc;
                        color: #FFFFFF;
                        text-decoration: none;
                        border: none;
                        display: block;
                        /* margin-top: 40px; */
                        font-size: 16px;
                        text-align: center;
                    }

                    a:hover{
                        text-decoration: none !important;
                        color: #0044B4 !important;
                        background-color: #FFF !important;
                        border: 1px solid #0044b4!important;
                    }

                    .h3a{
                        width: auto;
                        background: none;
                        color: #0044B4;
                        height: auto;
                        border: none;
                        display: contents;
                        line-height: 0;
                        text-decoration: underline;
                        position: relative;
                        margin-top: auto;
                        border-radius: 0;
                        text-align: left;
                        cursor: pointer;
                    }

                    .h3a:hover{
                        text-decoration: none !important;
                        color: #0044B4 !important;
                        background-color: #FFF !important;
                        border: none !important;
                    }
                }

                .padding-left-48 {
                    padding-left: 48px;
                }

                .padding-right-48 {
                    padding-right: 48px;
                }
            }
        }
        .bluescope-content-info {
            display: flex;
            justify-content: center;
            margin: 0 auto;
            padding-left: 240px;
            padding-right: 240px;
            padding-bottom: 75px;

            .content-block {
                width: 25%;
                margin-left: 20px;
                text-align: center;
                /* 文字居中 */
                box-sizing: border-box;
                box-shadow: 0px 10px 15px 0px rgba(0, 68, 180, 0.2);
                border-radius: 8px 8px 8px 8px;

                /* 防止padding影响宽度 */
                .content-block-title {
                    font-weight: bold;
                    font-size: 14px;
                    color: #0044B4;
                    line-height: 12px;
                    text-align: center;

                    .plus {
                        color: #1CA8EB;
                    }
                }

                .content-block-img {
                    width: 100%;
                }
            }

            .content-split {
                display: none;
            }
        }

    }
}
:lang(zh-CN) {
    .business-items{
        .business-content{
            .content-info{
                .content-block-right{
                    /* p{
                        font-family: 'Noto Sans CJK' !important;
                    }
                    .h3a{
                        font-family: 'Noto Sans CJK' !important;
                    } */
                    .En-Font{
                        font-family: 'En-Font' !important;
                    }
                }
            } 
        }
    }
}
@media (min-width: 1440px) {
    .new-content-body{
        .content-body-left{
            padding: 0 7pc 0 7pc;
        }
    }
    .business-items {
        .business-content {
            padding: 40px 7pc  0px 7pc;
        }
    }
}
@media (max-width: 992px) {
    .big-title {
        background-image: url("bluescope steel wave.jpg");
        width: 100%;

        .content-block {
            padding: 15px;
        }

        h3 {
            width: 100%;
            font-weight: bold;
            margin: 0 0 16px 0;
            font-size: 24px;
            color: #FFFFFF;
            text-align: center;
        }

        p {
            font-weight: 500;
            font-size: 16px;
            color: #FFFFFF;
            line-height: 24px;
            text-align: center;
        }

        a {
            margin: auto;
            width: 244px;
            height: 56px;
            background: #FFFFFF;
            /* box-shadow: 0px 10px 15px 0px rgba(0, 68, 180, 0.2); */
            border-radius: 8px 8px 8px 8px;
            line-height: 56px;
            color: #0044B4;
            text-decoration: none;
            border: none;
            display: block;
            margin-top: 40px;
            font-size: 16px;
            text-align: center;
        }
    }
    .new-content-body{
        height: 280px;
        
        .content-body-left{
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: start;
            flex-direction: column;
            padding-left: 2pc;

            .content-body-left-title{
                display: flex;
                p{
                    font-size: 24px;
                    font-weight: bold;
                }
            }
            .content-body-left-desc{
                display: flex;
                p{
                    font-size: 16px;
                    color: #fff;
                }
            }
            a {
                padding: 8px 2pc;
                background: #FFFFFF;
                border-radius: 6px;
                color: #0044B4;
                text-decoration: none;
                border: 1px solid #FFFFFF!important;
                display: block;
                font-size: 16px;
                text-align: center;
            }

            a:not(.btn):hover{
                text-decoration: none !important;
            }

            a:hover{
                text-decoration: none !important;
                color: #FFFFFF !important;
                background: #0044B4 !important;
                border: 1px solid #0044B4!important;
            }
        }
    }

    .content-img {
        padding-top: 15px;
        padding-bottom: 15px;

        img {
            width: 100%
        }
    }

    .business-items {
        .business-content {
            padding: 15px 15px 15px 15px;

            h3 {
                font-weight: bold;
                font-size: 24px;
                color: #0044B4;
                line-height: 24px;
                text-align: left;
            }

            .content-info {
                padding-bottom: 15px;

                .content-block-left {
                    width: 100%;

                    img {
                        width: 100%;
                    }
                }

                .content-block-right {
                    margin-top: 10px;
                    width: 100%;
                    display: grid;
                    place-items: center;

                    h3 {
                        margin-top: 0px;
                        font-weight: bold;
                        font-size: 24px;
                        color: #0044B4;
                        text-align: center;
                        line-height:30px;
                    }

                    p {
                        flex: 1;
                        font-weight: 400;
                        font-size: 16px;
                        color: #002e7c;
                        line-height: 20px;
                        /* letter-spacing: 2px; */
                        text-align: center;
                        padding-top: 24px;
                    }

                    a {
                        width: 144px;
                        height: 56px;
                        background: #0044B4;
                        /* box-shadow: 0px 10px 15px 0px rgba(0, 68, 180, 0.2); */
                        border-radius: 8px 8px 8px 8px;
                        line-height: 56px;
                        color: #FFFFFF;
                        text-decoration: none;
                        border: none;
                        display: block;
                        /* margin-top: 40px; */
                        font-size: 16px;
                        text-align: center;
                    }

                    .h3a{
                        width: auto;
                        background: none;
                        color: #0044B4;
                        height: auto;
                        border: none;
                        display: contents;
                        line-height: 0;
                        text-decoration: underline;
                        position: relative;
                        margin-top: auto;
                        border-radius: 0;
                        text-align: left;
                        cursor: pointer;
                    }
                }

                .padding-left-48 {
                    padding-left: 0px;
                }

                .padding-right-48 {
                    padding-right: 0px;
                }
            }
        }

        .bluescope-content-info {
            display: flex;
            justify-content: center;
            margin: 0 auto;
            padding-left: 240px;
            padding-right: 240px;
            padding-bottom: 75px;

            .content-block {
                width: 25%;
                margin-left: 20px;
                text-align: center;
                /* 文字居中 */
                box-sizing: border-box;
                box-shadow: 0px 10px 15px 0px rgba(0, 68, 180, 0.2);
                border-radius: 8px 8px 8px 8px;

                /* 防止padding影响宽度 */
                .content-block-title {
                    font-weight: bold;
                    font-size: 14px;
                    color: #0044B4;
                    line-height: 12px;
                    text-align: center;

                    .plus {
                        color: #1CA8EB;
                    }
                }

                .content-block-img {
                    width: 100%;
                }
            }

            .content-split {
                display: none;
            }
        }

    }
}