/* 桌面设备 */
@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 .newBox {
        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 .newBox .newBoxTop {
        height: 73.75rem
            /* 1180/16 */
        ;
    }

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

    .container .newBox .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 .newBox .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 .newBox .newBoxLeft .newBoxLeftTop .newBoxLeftTopXian {
        height: .06rem
            /* 1/16 */
        ;
        width: 100%;
        background: #4E6EB4;
        margin-bottom: .63rem
            /* 10/16 */
        ;
    }

    .container .newBox .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 .newBox .newBoxBottom {
        width: 100%;
        height: 13.13rem
            /* 210/16 */
        ;
        background: #2459A9;
        padding: .94rem
            /* 10/16 */
            .94rem
            /* 15/16 */
            0 .94rem
            /* 15/16 */
        ;
        box-sizing: border-box;
    }

    .container .newBox .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 .newBox .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 .newBox .newBoxBottom .newBoxBottomTab:hover {
        background: #224AA1;
    }

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

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

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

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

    }

    .container .newBox .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 .newBox .newBoxRight .newBoxRightXian {
        width: 100%;
        height: .13rem
            /* 2/16 */
        ;
        background: #E6E6E6;
        margin-bottom: 2.5rem
            /* 40/16 */
        ;
    }

    .container .newBox .newBoxRight .newBoxList {
        width: 100%;
        height: 8.44rem
            /* 135/16 */
        ;
        border-bottom: .06rem
            /* 1/16 */
            solid #E6E6E6;
        display: flex;
        margin-bottom: 2.5rem
            /* 40/16 */
        ;

    }

    .container .newBox .newBoxRight .newBoxList .newBoxListLeft {
        width: 6.25rem
            /* 100/16 */
        ;
        height: 6.25rem
            /* 100/16 */
        ;
        background: #E5EEF7;
        padding: 1.06rem
            /* 17/16 */
            1.19rem
            /* 19/16 */
            1.13rem
            /* 18/16 */
            1.06rem
            /* 17/16 */
        ;
        box-sizing: border-box;
        margin-right: 1.56rem
            /* 25/16 */
        ;
    }

    .container .newBox .newBoxRight .newBoxList .newBoxListLeft .day {
        font-size: 1.5rem
            /* 24/16 */
        ;
        color: #224AA1;
        font-weight: bold;
        text-align: center;
    }

    .container .newBox .newBoxRight .newBoxList .newBoxListLeft .year {
        font-size: 1rem
            /* 16/16 */
        ;
        color: #224AA1;
        font-weight: bold;
        text-align: center;
    }

    .container .newBox .newBoxRight .newBoxList .newBoxListLeft .xian {
        height: .06rem
            /* 1/16 */
        ;
        background: #005BAD;
        margin-top: .31rem
            /* 5/16 */
        ;
        margin-bottom: .31rem
            /* 5/16 */
        ;
    }

    .container .newBox .newBoxRight .newBoxList .newBoxListRight {
        width: 48.81rem
            /* 781/16 */
        ;
        height: 6.25rem
            /* 100/16 */
        ;
        padding-top: .63rem
            /* 10/16 */
        ;
        box-sizing: border-box;
    }

    .container .newBox .newBoxRight .newBoxList .newBoxListRight .newBoxListRightTitle {
        width: 100%;
        height: 1.19rem
            /* 19/16 */
        ;
        font-family: Microsoft YaHei;
        font-weight: bold;
        font-size: 1.19rem
            /* 19/16 */
        ;
        color: #333333;
        line-height: 1.19rem
            /* 19/16 */
        ;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 1.19rem
            /* 19/16 */
        ;
    }

    .container .newBox .newBoxRight .newBoxList .newBoxListRight .newBoxListRightContent {
        width: 100%;
        height: 2.94rem
            /* 47/16 */
        ;
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 1rem
            /* 16/16 */
            /* 19/16 */
        ;
        color: #999999;
        /* line-height: 1.19rem */
        /* 19/16 */
        ;
        line-height: 1.5;
        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;
    }
    .container .newBox .newBoxRight .newBoxRightTopListTitle{
        /* text-align: center; */
        /* background: red; */
        text-align: center;
        font-size: 1.5rem;
        
    }
    .container .newBox .newBoxRight .newBoxRightTopListText{
        /* text-align: center; */
        /* background: red; */
        text-align: center;
        font-size: 1rem;
        color: #999999;
        margin-bottom: 2.38rem;

    }

  


}

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

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

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

    .container .newBox {
        width: 100vw;
        /* height: 81.75rem */
        /* 1308/16 */
        /* ; */
        padding: 3.75rem
            /* 60/16 */
            1.88rem
            /* 360/16 */
            0 1.88rem;
        box-sizing: border-box;
        /* align-items: center; */
    }

    .container .newBox .newBoxTop {
        /* height: 73.75rem */
        /* 1180/16 */
        /* ; */
        height: 45.63rem
            /* 730/16 */
        ;
        margin-bottom: 6.25rem;
    }

    .container .newBox .newBoxLeft {
        width: 13.75rem
            /* 220/16 */
        ;
        height: 22.5rem
            /* 360/16 */
        ;
        background: #224AA1;
        margin-right: 1.88rem
            /* 60/16 */
        ;
    }

    .container .newBox .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 .newBox .newBoxLeft .newBoxLeftTop .newBoxLeftTopTitle {
        height: 1.63rem
            /* 26/16 */
        ;
        font-family: SourceHanSansSC;
        font-weight: bold;
        font-size: 1rem
            /* 26/16 */
        ;
        color: #FFFFFF;
        line-height: 1.63rem
            /* 26/16 */
        ;
        margin-bottom: .69rem
            /* 11/16 */
        ;
    }

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

    .container .newBox .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 .newBox .newBoxBottom {
        width: 100%;
        height: 13.13rem
            /* 210/16 */
        ;
        background: #2459A9;
        padding: .94rem
            /* 10/16 */
            .94rem
            /* 15/16 */
            0 .94rem
            /* 15/16 */
        ;
        box-sizing: border-box;
    }

    .container .newBox .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 .newBox .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 .newBox .newBoxBottom .newBoxBottomTab:hover {
        background: #224AA1;
    }

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

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

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

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

    }

    .container .newBox .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 .newBox .newBoxRight .newBoxRightXian {
        width: 100%;
        height: .13rem
            /* 2/16 */
        ;
        background: #E6E6E6;
        margin-bottom: 2.5rem
            /* 40/16 */
        ;
    }
   

    .container .newBox .newBoxRight .newBoxList {
        width: 100%;
        height: 8.44rem
            /* 135/16 */
        ;
        border-bottom: .06rem
            /* 1/16 */
            solid #E6E6E6;
        display: flex;
        margin-bottom: 2.5rem
            /* 40/16 */
        ;

    }

    .container .newBox .newBoxRight .newBoxList .newBoxListLeft {
        width: 6.25rem
            /* 100/16 */
        ;
        height: 6.25rem
            /* 100/16 */
        ;
        background: #E5EEF7;
        padding: 1.06rem
            /* 17/16 */
            1.19rem
            /* 19/16 */
            1.13rem
            /* 18/16 */
            1.06rem
            /* 17/16 */
        ;
        box-sizing: border-box;
        margin-right: 1.56rem
            /* 25/16 */
        ;
    }

    .container .newBox .newBoxRight .newBoxList .newBoxListLeft .day {
        font-size: 1.5rem
            /* 24/16 */
        ;
        color: #224AA1;
        font-weight: bold;
        text-align: center;
    }

    .container .newBox .newBoxRight .newBoxList .newBoxListLeft .year {
        font-size: 1rem
            /* 16/16 */
        ;
        color: #224AA1;
        font-weight: bold;
        text-align: center;
    }

    .container .newBox .newBoxRight .newBoxList .newBoxListLeft .xian {
        height: .06rem
            /* 1/16 */
        ;
        background: #005BAD;
        margin-top: .31rem
            /* 5/16 */
        ;
        margin-bottom: .31rem
            /* 5/16 */
        ;
    }

    .container .newBox .newBoxRight .newBoxList .newBoxListRight {
        width: 20rem
            /* 320/16 */
        ;
        height: 6.25rem
            /* 100/16 */
        ;
        padding-top: .63rem
            /* 10/16 */
        ;
        box-sizing: border-box;
    }

    .container .newBox .newBoxRight .newBoxList .newBoxListRight .newBoxListRightTitle {
        width: 100%;
        height: 1.19rem
            /* 19/16 */
        ;
        font-family: Microsoft YaHei;
        font-weight: bold;
        font-size: 1.19rem
            /* 19/16 */
        ;
        color: #333333;
        line-height: 1.19rem
            /* 19/16 */
        ;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 1.19rem
            /* 19/16 */
        ;
    }

    .container .newBox .newBoxRight .newBoxList .newBoxListRight .newBoxListRightContent {
        width: 100%;
        height: 2.94rem
            /* 47/16 */
        ;
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 1rem
            /* 16/16 */
            /* 19/16 */
        ;
        color: #999999;
        /* line-height: 1.19rem */
        /* 19/16 */
        ;
        line-height: 1.5;
        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;
    }

  
}