/* 手机设备 */
@media only screen and (max-width: 768px) {

    /* 样式规则 */
    .container .aboutBannerBox {
        width: 100vw;
        height: 18.75rem
            /* 300/16 */
        ;
    }

    .container .aboutBannerBox img {
        width: 100%;
        height: 100%;
    }

    .container .productCenterBox {
        width: 100vw;
        /* height: 81.75rem */
        /* 1308/16 */
        /* ; */

        padding: 3.75rem
            /* 60/16 */
            1.88rem
            /* 30/16 */
            /* 360/16 */
            0 1.88rem;
        box-sizing: border-box;
        /* align-items: center; */
    }

    .container .productCenterBox .newBoxTop {
        /* height: 58.13rem */
        /* 930/16 */
        /* ; */
        margin-bottom: 6.25rem
            /* 100/16 */
        ;
    }

    .container .productCenterBox .newBoxLeft {
        width: 13.75rem
            /* 220/16 */
        ;
        height: 45.63rem
            /* 730/16 */
        ;
        background: #224AA1;
        margin-right: 1.88rem
            /* 30/16 */
        ;
    }

    .container .productCenterBox .newBoxLeft .newBoxLeftTop {
        width: 100%;
        height: 9.38rem
            /* 150/16 */
        ;
        padding: 2.69rem
            /* 43/16 */
            1.94rem
            /* 31/16 */
            0 1.94rem
            /* 31/16 */
        ;
        box-sizing: border-box;
    }

    .container .productCenterBox .newBoxLeft .newBoxLeftTop .newBoxLeftTopTitle {
        height: 1.63rem
            /* 26/16 */
        ;
        font-family: SourceHanSansSC;
        font-weight: bold;
        font-size: 1rem
            /* 16/16 */
            /* 26/16 */
        ;
        color: #FFFFFF;
        line-height: 1.63rem
            /* 26/16 */
        ;
        margin-bottom: .69rem
            /* 11/16 */
        ;
    }

    .container .productCenterBox .newBoxLeft .newBoxLeftTop .newBoxLeftTopXian {
        height: .06rem
            /* 1/16 */
        ;
        width: 100%;
        background: #4E6EB4;
        margin-bottom: .63rem
            /* 10/16 */
        ;
    }

    .container .productCenterBox .newBoxLeft .newBoxLeftTop .fuTitle {
        height: 1.13rem
            /* 18/16 */
        ;
        font-family: SourceHanSansSC;
        font-weight: 400;
        font-size: 1.13rem;
        /* 18/16 */
        color: #FFFFFF;
        line-height: 1.13rem;
        text-align: right;
    }

    .container .productCenterBox .newBoxBottom {
        width: 100%;
        height: 36.25rem
            /* 580/16 */
        ;
        background: #2459A9;
        padding: .94rem
            /* 10/16 */
            .94rem
            /* 15/16 */
            0 .94rem
            /* 15/16 */
        ;
        box-sizing: border-box;
    }

    .container .productCenterBox .newBoxBottom .newBoxBottomActive {
        height: 2.75rem
            /* 44/16 */
        ;
        background: #224AA1;
        font-family: SourceHanSansSC;
        font-weight: 400;
        font-size: 1rem
            /* 16/16 */
        ;
        line-height: 2.75rem;
        color: #FFFFFF;
        cursor: pointer;
        padding-left: 1.19rem
            /* 19/16 */
        ;
        box-sizing: border-box;
    }

    .container .productCenterBox .newBoxBottom .newBoxBottomTab {
        height: 2.75rem
            /* 44/16 */
        ;
        font-family: SourceHanSansSC;
        font-weight: 400;
        font-size: 1rem
            /* 16/16 */
        ;
        line-height: 2.75rem;
        color: #FFFFFF;
        cursor: pointer;
        padding-left: 1.19rem
            /* 19/16 */
        ;
        box-sizing: border-box;
    }

    .container .productCenterBox .newBoxBottom .newBoxBottomTab:hover {
        background: #224AA1;
    }

    .container .productCenterBox .newBoxBottom .newBoxBottomTab a {
        color: #fff;
    }

    .container .productCenterBox .newBoxBottom .newBoxBottomActive a {
        color: #fff;
    }

    .container .productCenterBox .newBoxBottom .newBoxLeftTopXian {
        height: .06rem
            /* 1/16 */
        ;
        width: 100%;
        background: #4E6EB4;
        margin-top: 1.25rem
            /* 20/16 */
        ;
    }

    .container .productCenterBox .newBoxRight {
        width: 27.5rem
            /* 440/16 */

            /* height: 58.13rem */
            /* 930/16 */
            /* ; */
    }

    .container .productCenterBox .newBoxRight .productDisplayList {
        width: 100%;
        /* height: 58.13rem */
        /* 930/16 */
        /* ; */
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        /* align-content: space-between; */
    }

    .container .productCenterBox .newBoxRight .productDisplayList .productDisplayListItem {
        /* width: 18.13rem */
        /* 290/16 */
        /* ; */
        /* width: 49%; */
        width: 13.13rem
            /* 210/16 */
        ;
        height: 12.5rem;
        /* 200/16 */
        background: #FFFFFF;
        border: 1px solid #E4E2E2;
        margin-bottom: 1.88rem
            /* 30/16 */
        ;
        padding: 1.25rem
            /* 20/16 */
            1.25rem
            /* 20/16 */
            0 1.25rem
            /* 20/16 */
        ;
        box-sizing: border-box;
        position: relative;
        cursor: pointer;
    }

    .container .productCenterBox .newBoxRight .productDisplayList:after {
        content: '';
        width: 49%;
        /* 290/16 */
    }

    .container .productCenterBox .newBoxRight .productDisplayList .productDisplayListItem .mask {
        /* width: 15.63rem */
        /* 250/16 */
        height: 13.75rem
            /* 220/16 */
        ;
        background-color: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 1.25rem
            /* 20/16 */
        ;
        left: 1.25rem
            /* 20/16 */
        ;
        opacity: 0;
        transition: opacity 0.5s ease;
        z-index: 5;
    }

    .container .productCenterBox .newBoxRight .productDisplayList .productDisplayListItem:hover .mask {
        opacity: 1;
        cursor: pointer;
    }

    .container .productCenterBox .newBoxRight .productDisplayList .productDisplayListItem:hover .productDisplayListItemTitle {
        height: 1rem
            /* 16/16 */
        ;
        font-family: Microsoft YaHei;
        font-weight: bold;
        font-size: 1rem
            /* 16/16 */
        ;
        color: #2459A9;
        line-height: 1rem
            /* 16/16 */
        ;
        text-align: center;
        cursor: pointer;
    }

    .container .productCenterBox .newBoxRight .productDisplayList .productDisplayListItem .productDisplayListItemImg {
        width: 100%;
        height: 8.13rem
            /* 130/16 */
        ;
        cursor: pointer;
        margin-bottom: .94rem
            /* 15/16 */
        ;
    }

    .container .productCenterBox .newBoxRight .productDisplayList .productDisplayListItem .productDisplayListItemImg img {
        width: 100%;
        height: 100%;
    }

    .container .productCenterBox .newBoxRight .productDisplayList .productDisplayListItem .productDisplayListItemTitle {
        height: 1rem
            /* 16/16 */
        ;
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 1rem
            /* 16/16 */
        ;
        color: #333333;
        line-height: 1rem
            /* 16/16 */
        ;
        text-align: center;
    }



  

    .container .productCenterBox .newBoxRight .newBoxRightTitle {
        height: 1.5rem
            /* 24/16 */
        ;
        font-family: SourceHanSansSC;
        font-weight: bold;
        font-size: 1.5rem
            /* 24/16 */
        ;
        color: #224AA1;
        margin-top: .31rem
            /* 5/16 */
        ;
        margin-bottom: 1.19rem
            /* 19/16 */
        ;

    }

    .container .productCenterBox .newBoxRight .newBoxRightXian {
        width: 100%;
        height: .13rem
            /* 2/16 */
        ;
        background: #E6E6E6;
        margin-bottom: 2.5rem
            /* 40/16 */
        ;
    }

    .container .productCenterBox .newBoxRight .newBoxRightTop {
        display: flex;
        margin-bottom: 3.69rem
            /* 59/16 */
        ;

    }

    .container .productCenterBox .newBoxRight .newBoxRightTop .newBoxRightTopImg {
        width: 18.75rem
            /* 300/16 */
        ;
        height: 18.75rem
            /* 300/16 */
        ;
        background: #FFFFFF;
        border: 2px solid #E6E6E6;
        margin-right: 2.5rem
            /* 40/16 */
        ;
    }

    .container .productCenterBox .newBoxRight .newBoxRightTop .newBoxRightTopImg img {
        width: 100%;
        height: 100%;
    }

    .container .productCenterBox .newBoxRight .newBoxRightTop .newBoxRightTopList {
        padding-top: 1.25rem
            /* 20/16 */
        ;
        box-sizing: border-box;
    }

    .container .productCenterBox .newBoxRight .newBoxRightTop .newBoxRightTopList .newBoxRightTopListTitle {
        /* height: 1.5rem */
        /* 24/16 */
        /* ; */
        font-family: SourceHanSansSC;
        font-weight: bold;
        font-size: 1.5rem;
        color: #333333;
        margin-bottom: 2.63rem
            /* 42/16 */
        ;
    }

    .container .productCenterBox .newBoxRight .newBoxRightTop .newBoxRightTopList .newBoxRightTopListText {
        /* height: 1rem */
        /* 16/16 */
        /* ; */
        font-family: SourceHanSansSC;
        font-weight: 400;
        font-size: 1rem
            /* 16/16 */
        ;
        color: #666666;
        margin-bottom: 1.25rem
            /* 20/16 */
        ;
    }

    .container .productCenterBox .newBoxRight .newBoxRightTop .newBoxRightTopList .newBoxRightTopListButton {
        width: 11.25rem
            /* 180/16 */
        ;
        height: 3.13rem
            /* 50/16 */
        ;
        background: #2459A9;
        border-radius: .31rem
            /* 5/16 */
        ;
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 1rem
            /* 16/16 */
        ;
        color: #FFFFFF;
        line-height: 3.13rem
            /* 50/16 */
        ;
        text-align: center;
        margin-top: 2.31rem
            /* 37/16 */
        ;
    }

    .newBoxRightBottom img {
        width: 25.13rem
            /* 402/16 */
        ;
        height: 19.75rem
            /* 316/16 */
        ;
    }

    .newBoxRightBottomText {
        margin-top: 1.81rem
            /* 29/16 */
        ;
        color: #666666;
        font-size: 1rem
            /* 16/16 */
        ;
        line-height: 2;
    }


}



/* 桌面设备 */
@media only screen and (min-width: 769px) and (max-width: 1920px) {

    /* 样式规则 */
    .container .aboutBannerBox {
        width: 100vw;
        height: 31.25rem
            /* 500/16 */
            /* 700/16 */
        ;
    }

    .container .aboutBannerBox img {
        width: 100%;
        height: 100%;
    }

    .container .productCenterBox {
        width: 100vw;
        height: 81.75rem
            /* 1308/16 */
        ;

        padding: 3.75rem
            /* 60/16 */
            22.5rem
            /* 360/16 */
            0 22.5rem;
        box-sizing: border-box;
        /* align-items: center; */
    }

    .container .productCenterBox .newBoxTop {
        height: 58.13rem
            /* 930/16 */
        ;
        margin-bottom: 6.25rem
            /* 100/16 */
        ;
    }

    .container .productCenterBox .newBoxLeft {
        width: 13.75rem
            /* 220/16 */
        ;
        height: 45.63rem
            /* 730/16 */
        ;
        background: #224AA1;
        margin-right: 3.75rem
            /* 60/16 */
        ;
    }

    .container .productCenterBox .newBoxLeft .newBoxLeftTop {
        width: 100%;
        height: 9.38rem
            /* 150/16 */
        ;
        padding: 2.69rem
            /* 43/16 */
            1.94rem
            /* 31/16 */
            0 1.94rem
            /* 31/16 */
        ;
        box-sizing: border-box;
    }

    .container .productCenterBox .newBoxLeft .newBoxLeftTop .newBoxLeftTopTitle {
        height: 1.63rem
            /* 26/16 */
        ;
        font-family: SourceHanSansSC;
        font-weight: bold;
        font-size: 1.63rem
            /* 26/16 */
        ;
        color: #FFFFFF;
        line-height: 1.63rem
            /* 26/16 */
        ;
        margin-bottom: .69rem
            /* 11/16 */
        ;
    }

    .container .productCenterBox .newBoxLeft .newBoxLeftTop .newBoxLeftTopXian {
        height: .06rem
            /* 1/16 */
        ;
        width: 100%;
        background: #4E6EB4;
        margin-bottom: .63rem
            /* 10/16 */
        ;
    }

    .container .productCenterBox .newBoxLeft .newBoxLeftTop .fuTitle {
        height: 1.13rem
            /* 18/16 */
        ;
        font-family: SourceHanSansSC;
        font-weight: 400;
        font-size: 1.13rem;
        /* 18/16 */
        color: #FFFFFF;
        line-height: 1.13rem;
        text-align: right;
    }

    .container .productCenterBox .newBoxBottom {
        width: 100%;
        height: 36.25rem
            /* 580/16 */
        ;
        background: #2459A9;
        padding: .94rem
            /* 10/16 */
            .94rem
            /* 15/16 */
            0 .94rem
            /* 15/16 */
        ;
        box-sizing: border-box;
    }

    .container .productCenterBox .newBoxBottom .newBoxBottomActive {
        height: 2.75rem
            /* 44/16 */
        ;
        background: #224AA1;
        font-family: SourceHanSansSC;
        font-weight: 400;
        font-size: 1rem
            /* 16/16 */
        ;
        line-height: 2.75rem;
        color: #FFFFFF;
        cursor: pointer;
        padding-left: 1.19rem
            /* 19/16 */
        ;
        box-sizing: border-box;
    }

    .container .productCenterBox .newBoxBottom .newBoxBottomTab {
        height: 2.75rem
            /* 44/16 */
        ;
        font-family: SourceHanSansSC;
        font-weight: 400;
        font-size: 1rem
            /* 16/16 */
        ;
        line-height: 2.75rem;
        color: #FFFFFF;
        cursor: pointer;
        padding-left: 1.19rem
            /* 19/16 */
        ;
        box-sizing: border-box;
    }

    .container .productCenterBox .newBoxBottom .newBoxBottomTab:hover {
        background: #224AA1;
    }

    .container .productCenterBox .newBoxBottom .newBoxBottomTab a {
        color: #fff;
    }

    .container .productCenterBox .newBoxBottom .newBoxBottomActive a {
        color: #fff;
    }

    .container .productCenterBox .newBoxBottom .newBoxLeftTopXian {
        height: .06rem
            /* 1/16 */
        ;
        width: 100%;
        background: #4E6EB4;
        margin-top: 1.25rem
            /* 20/16 */
        ;
    }

    .container .productCenterBox .newBoxRight {
        width: 57.5rem
            /* 920/16 */
        ;

        height: 58.13rem
            /* 930/16 */
        ;
    }

    .container .productCenterBox .newBoxRight .productDisplayList {
        width: 100%;
        height: 58.13rem
            /* 930/16 */
        ;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        /* align-content: space-between; */
    }

    .container .productCenterBox .newBoxRight .productDisplayList .productDisplayListItem {
        width: 18.13rem
            /* 290/16 */
        ;
        height: 18.13rem
            /* 290/16 */
        ;
        background: #FFFFFF;
        border: 1px solid #E4E2E2;
        margin-bottom: 1.88rem
            /* 30/16 */
        ;
        padding: 1.25rem
            /* 20/16 */
            1.25rem
            /* 20/16 */
            0 1.25rem
            /* 20/16 */
        ;
        box-sizing: border-box;
        position: relative;
        cursor: pointer;
    }

    .container .productCenterBox .newBoxRight .productDisplayList:after {
        content: '';
        width: 18.13rem
            /* 290/16 */
    }

    .container .productCenterBox .newBoxRight .productDisplayList .productDisplayListItem .mask {
        width: 15.63rem
            /* 250/16 */
        ;
        height: 13.75rem
            /* 220/16 */
        ;
        background-color: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 1.25rem
            /* 20/16 */
        ;
        left: 1.25rem
            /* 20/16 */
        ;
        opacity: 0;
        transition: opacity 0.5s ease;
        z-index: 5;
    }

    .container .productCenterBox .newBoxRight .productDisplayList .productDisplayListItem:hover .mask {
        opacity: 1;
        cursor: pointer;
    }

    .container .productCenterBox .newBoxRight .productDisplayList .productDisplayListItem:hover .productDisplayListItemTitle {
        height: 1rem
            /* 16/16 */
        ;
        font-family: Microsoft YaHei;
        font-weight: bold;
        font-size: 1rem
            /* 16/16 */
        ;
        color: #2459A9;
        line-height: 1rem
            /* 16/16 */
        ;
        text-align: center;
        cursor: pointer;
    }

    .container .productCenterBox .newBoxRight .productDisplayList .productDisplayListItem .productDisplayListItemImg {
        width: 100%;
        height: 13.63rem
            /* 218/16 */
        ;
        cursor: pointer;
        margin-bottom: .94rem
            /* 15/16 */
        ;
    }

    .container .productCenterBox .newBoxRight .productDisplayList .productDisplayListItem .productDisplayListItemImg img {
        width: 100%;
        height: 100%;
    }

    .container .productCenterBox .newBoxRight .productDisplayList .productDisplayListItem .productDisplayListItemTitle {
        height: 1rem
            /* 16/16 */
        ;
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 1rem
            /* 16/16 */
        ;
        color: #333333;
        line-height: 1rem
            /* 16/16 */
        ;
        text-align: center;
    }



  

    .container .productCenterBox .newBoxRight .newBoxRightTitle {
        height: 1.5rem
            /* 24/16 */
        ;
        font-family: SourceHanSansSC;
        font-weight: bold;
        font-size: 1.5rem
            /* 24/16 */
        ;
        color: #224AA1;
        margin-top: .31rem
            /* 5/16 */
        ;
        margin-bottom: 1.19rem
            /* 19/16 */
        ;

    }

    .container .productCenterBox .newBoxRight .newBoxRightXian {
        width: 100%;
        height: .13rem
            /* 2/16 */
        ;
        background: #E6E6E6;
        margin-bottom: 2.5rem
            /* 40/16 */
        ;
    }

    .container .productCenterBox .newBoxRight .newBoxRightTop {
        display: flex;
        margin-bottom: 3.69rem
            /* 59/16 */
        ;

    }

    .container .productCenterBox .newBoxRight .newBoxRightTop .newBoxRightTopImg {
        width: 18.75rem
            /* 300/16 */
        ;
        height: 18.75rem
            /* 300/16 */
        ;
        background: #FFFFFF;
        border: 2px solid #E6E6E6;
        margin-right: 2.5rem
            /* 40/16 */
        ;
    }

    .container .productCenterBox .newBoxRight .newBoxRightTop .newBoxRightTopImg img {
        width: 100%;
        height: 100%;
    }

    .container .productCenterBox .newBoxRight .newBoxRightTop .newBoxRightTopList {
        padding-top: 1.25rem
            /* 20/16 */
        ;
        box-sizing: border-box;
    }

    .container .productCenterBox .newBoxRight .newBoxRightTop .newBoxRightTopList .newBoxRightTopListTitle {
        /* height: 1.5rem */
        /* 24/16 */
        /* ; */
        font-family: SourceHanSansSC;
        font-weight: bold;
        font-size: 1.5rem;
        color: #333333;
        margin-bottom: 2.63rem
            /* 42/16 */
        ;
    }

    .container .productCenterBox .newBoxRight .newBoxRightTop .newBoxRightTopList .newBoxRightTopListText {
        /* height: 1rem */
        /* 16/16 */
        /* ; */
        font-family: SourceHanSansSC;
        font-weight: 400;
        font-size: 1rem
            /* 16/16 */
        ;
        color: #666666;
        margin-bottom: 1.25rem
            /* 20/16 */
        ;
    }

    .container .productCenterBox .newBoxRight .newBoxRightTop .newBoxRightTopList .newBoxRightTopListButton {
        width: 11.25rem
            /* 180/16 */
        ;
        height: 3.13rem
            /* 50/16 */
        ;
        background: #2459A9;
        border-radius: .31rem
            /* 5/16 */
        ;
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 1rem
            /* 16/16 */
        ;
        color: #FFFFFF;
        line-height: 3.13rem
            /* 50/16 */
        ;
        text-align: center;
        margin-top: 2.31rem
            /* 37/16 */
        ;
    }

    .newBoxRightBottom img {
        width: 25.13rem
            /* 402/16 */
        ;
        height: 19.75rem
            /* 316/16 */
        ;
    }

    .newBoxRightBottomText {
        margin-top: 1.81rem
            /* 29/16 */
        ;
        color: #666666;
        font-size: 1rem
            /* 16/16 */
        ;
        line-height: 2;
    }


}