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

    /* 样式规则 */
    .container .bannerBox {
        width: 100vw;
        height: 17.06rem
            /* 273/16 */
            /* 273/16 */
        ;
    }

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

    .container .companyProfile {
        width: 100%;
        /* height: 16.75rem */
        /* 268/16 */
        /* 687/16 */
        ;
        padding: 2.38rem
            /* 38/16 */
            /* 97/16 */
            2.5rem
            /* 40/16 */
            /* 141/16 */
            0 2.5rem
            /* 141/16 */
            /* 360/16 */
        ;
        box-sizing: border-box;
        /* display: flex; */
        /* justify-content: space-between; */
        margin-bottom: 1.25rem
            /* 20/16 */
        ;
    }

    .container .companyProfile .companyProfileLeft {
        /* width: 13rem */
        /* 208/16 */
        /* ; */
        /* height: 11.25rem
        ; */
        /* display: flex; */
    }

    .container .companyProfile .companyProfileLeft .companyProfileLeftImg {
        /* width: 13rem */
        /* 208/16 */
        /* 531.3/16 */
        /* ; */
        /* height: 11.25rem */
        /* 180/16 */
        /* 462/16 */
        /* ; */
    }

    .container .companyProfile .companyProfileLeft .companyProfileLeftImg img {
        width: 100%;
        height: 100%;
    }

    .container .companyProfile .companyProfileRight {
        /* width: 14.56rem */
        /* 233/16 */
        /* 596/16 */
        /* ; */
        /* height: 11.25rem */
        /* 180/16 */
        /* 462/16 */
        /* ; */
        margin-top: 1.25rem
            /* 20/16 */
        ;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .container .companyProfile .companyProfileRight .xian {
        width: 5rem
            /* 80/16 */
        ;
        height: .25rem
            /* 4/16 */
        ;
        background: #2459A9;
        margin-bottom: .38rem
            /* 6/16 */
            /* 15/16 */
        ;
    }

    .container .companyProfile .companyProfileRight .about {
        /* height: .44rem */
        /* 7/16 */
        /* 17/16 */
        /* ; */
        font-family: Arial;
        font-weight: 400;
        font-size: 1.5rem
            /* 24/16 */
        ;
        color: #CCCCCC;
        /* line-height: .44rem */
        /* 7/16 */
        /* 17/16 */
        ;
        margin-bottom: .31rem
            /* 5/16 */
            /* 14/16 */
        ;
    }

    .container .companyProfile .companyProfileRight .title {

        font-family: SourceHanSansSC;
        font-weight: 500;
        font-size: 1.5rem
            /* 24/16 */
        ;
        color: #333333;
        line-height: .81rem
            /* 13/16 */
            /* 34/16 */
        ;
        margin-bottom: 1.25rem
            /* 20/16 */
            /* 52/16 */
        ;
    }

    .container .companyProfile .companyProfileRight .paragraph {
        /* width: 14.56rem */
        /* 233/16 */
        /* 233/16 */
        /* 596/16 */
        /* ; */
        /* height: 5.5rem */
        /* 88/16 */
        /* 226/16 */
        /* ; */
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 1.13rem
            /* 18/16 */
        ;
        color: #666666;
        /* line-height: 1.4 */
            /* 12/16 */
            /* 30/16 */
        /* ; */
        text-align: justify;
        margin-bottom: 1.44rem
            /* 23/16 */
            /* 58/16 */
        ;
    }

    .container .companyProfile .companyProfileRight .detail {
        width: 6.25rem
            /* 100/16 */
        ;
        height: 2.5rem;
        /* 40/16 */
        border: 1px solid #DADADA;
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 1.13rem
            /* 18/16 */
            /* 6/16 */
            /* 16/16 */
        ;
        color: #666666;
        line-height: 2.5rem
            /* 40/16 */
            /* 16/16 */
        ;
        text-align: center;

    }

    .container .companyProfile .companyProfileRight a {
        color: #666666;

    }

    .container .introduce {
        width: 100vw;
        height: 18.75rem
            /* 300/16 */
        ;
        /* background: #2459A9; */
        background: url('../images/bg1.png') no-repeat;
        background-size: 100% 100%;
        padding: 3.19rem
            /* 51/16 */
            9.13rem
            /* 146/16 */
            /* 401/16 */
        ;
        box-sizing: border-box;
    }

    .container .introduce .flexBox {
        width: 100%;
        height: 100%;
        /* height: 2.56rem */
        /* 41/16 */
        /* 104/16 */
        /* ; */
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .container .introduce .flexBox .flexBoxItem {
        width: 49%;

    }

    .container .introduce .flexBox .flexBoxItem .flexBoxItemNum {
        /* height: 1.5rem; */
        font-family: Arial;
        font-weight: bold;
        font-size: 2.5rem
            /* 30/16 */
        ;
        color: #FFFFFF;
        line-height: 2.5rem
            /* 30/16 */
        ;
        text-align: center;
    }

    .container .introduce .flexBox .flexBoxItem .flexBoxItemNum .wei {
        /* height: .88rem; */
        /* 30/16 */
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 1.5rem
            /* 24/16 */
            /* 40/16 */
            /* 18/16 */
        ;
        color: #FFFFFF;
        line-height: 1.5rem
            /* 24/16 */
        ;
    }

    .container .introduce .flexBox .flexBoxItem .flexBoxItemText {
        /* height: .44rem */
        /* 7/16 */
        /* 18/16 */
        /* ; */
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 1.25rem
            /* 20/16 */
            /* 7/16 */
            /* 18/16 */
        ;
        color: #FFFFFF;
        line-height: 1.25rem
            /* 20/16 */
            /* 7/16 */
            /* 18/16 */
        ;
        text-align: center;
    }

    .container .productDisplay {
        width: 100%;
        /* height: 29.81rem */
        /* 477/16 */
        /* ; */
        padding: 2.38rem 3.75rem
            /* 60/16 */
            0 3.75rem
            /* 80/16 */

        ;
        box-sizing: border-box;
    }

    .container .productDisplay .productDisplayTitle {
        /* height: .88rem */
        /* 14/16 */
        /* 35/16 */
        /* ; */
        font-family: SourceHanSansSC;
        font-weight: 500;
        font-size: 1.5rem
            /* 14/16 */
            /* 35/16 */
        ;
        color: #333333;
        line-height: .88rem
            /* 14/16 */
            /* 35/16 */
        ;
        text-align: center;
    }

    .container .productDisplay .productDisplayFuTitle {
        /* height: .44rem */
        /* 7/16 */
        /* 17/16 */
        /* ; */
        font-family: Arial;
        font-weight: 400;
        font-size: 1.5rem
            /* 7/16 */
            /* 17/16 */
        ;
        color: #CCCCCC;
        /* line-height: .44rem */
        /* 7/16 */
        /* 17/16 */
        ;
        text-align: center;
        margin-top: .31rem
            /* 5/16 */
            /* 12/16 */
        ;
        margin-bottom: .44rem
            /* 7/16 */
            /* 14/16 */
        ;
    }

    .container .productDisplay .xianBox {
        display: flex;
        justify-content: center;
        margin-bottom: 1.44rem
            /* 23/16 */
            /* 60/16 */
        ;
    }

    .container .productDisplay .xianBox .productDisplayXian {
        width: 5rem;
        height: .25rem
            /* 2/16 */
            /* 4/16 */
        ;
        background: #2459A9;
    }

    .container .productDisplay .productDisplayNav {
        width: 100%;

        padding-top: .81rem
            /* 13/16 */
            /* 33/16 */
        ;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        margin-bottom: 1.63rem
            /* 26/16 */
            /* 48/16 */
        ;
    }

    .container .productDisplay .productDisplayNav .productDisplayNavItem {
        width: 6.25rem
            /* 100/16 */

        ;
        height: 2.5rem;
        /* 40/16 */
        background: #EAEAEA;
        font-family: SourceHanSansSC;
        font-weight: 400;
        font-size: .88rem
            /* 14/16 */
            /* 7/16 */
            /* 18/16 */
        ;
        color: #333333;
        line-height: 2.5rem;
        text-align: center;
        cursor: pointer;
    }

    .container .productDisplay .productDisplayNav .productDisplayNavItemActive {
        width: 6.25rem
            /* 100/16 */

        ;
        height: 2.5rem;
        background: #2459A9;
        font-family: SourceHanSansSC;
        font-weight: 400;
        font-size: .88rem
            /* 18/16 */
        ;
        color: #fff;
        line-height: 2.5rem;
        text-align: center;
        cursor: pointer;
    }

    .container .productDisplay .productDisplayList {
        width: 100%;
        /* height: 18.31rem */
        /* 293/16 */
        /* 751/16 */
        /* ; */
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        /* align-content: space-between; */
    }

    .container .productDisplay .productDisplayList a {
        width: 49%;
        height: 50%
    }

    .container .productDisplay .productDisplayList .productDisplayListItem {
        /* width: 49%; */
        /* width: 8.63rem */
        /* 138/16 */
        /* 354/16 */
        /* ; */
        /* height: 50% */
        /* 136/16 */
        /* 348/16 */
        /* ; */
        background: #FFFFFF;
        border: 1px solid #E4E2E2;
        margin-bottom: 1.31rem;
        /* 21/16 */
        padding: .44rem;
        /* 7/16 */
        box-sizing: border-box;
        position: relative;
        cursor: pointer;
    }

    /* .container .productDisplay .productDisplayList:after {
        content: '';
        width: 8.63rem
    } */

    .container .productDisplay .productDisplayList .productDisplayListItem .mask {
        width: 7.81rem
            /* 125/16 */
            /* 320/16 */
        ;
        height: 6.56rem
            /* 105/16 */
            /* 270/16 */
        ;
        background-color: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: .44rem
            /* 7/16 */
        ;
        left: .44rem
            /* 7/16 */
        ;
        opacity: 0;
        transition: opacity 0.5s ease;
        z-index: 5;
    }

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

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

    .container .productDisplay .productDisplayList .productDisplayListItem .productDisplayListItemImg {
        width: 100%;
        /* height: 6.56rem */
        /* 105/16 */
        /* 270/16 */
        /* ; */
        cursor: pointer;
        margin-bottom: .5rem
            /* 8/16 */
            /* 21/16 */
        ;
    }

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

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

    .container .newsBox {
        width: 100%;
        /* height: 28.44rem */
        /* 455/16 */
        /* 911/16 */
        ;
        background: url('../images/news.jpg') no-repeat;
        background-size: 100% 100%;
        padding: 2.69rem
            /* 43/16 */
            /* 109/16 */
            3.75rem
            /* 140/16 */
            /* 362/16 */
            0 3.75rem
            /* 358/16 */
        ;
        box-sizing: border-box;
    }

    .container .newsBox .newsBoxTitle {
        /* height: .88rem */
        /* 14/16 */
        /* 35/16 */
        /* ; */
        font-family: SourceHanSansSC;
        font-weight: 500;
        font-size: 1.5rem
            /* 14/16 */
            /* 35/16 */
        ;
        color: #fff;
        line-height: .88rem
            /* 14/16 */
            /* 35/16 */
        ;
        text-align: center;
    }

    .container .newsBox .newsBoxFuTitle {
        /* height: .44rem */
        /* 7/16 */
        /* 17/16 */
        /* ; */
        font-family: Arial;
        font-weight: 400;
        font-size: 1.5rem
            /* 7/16 */
            /* 17/16 */
        ;
        color: #CCCCCC;
        /* line-height: .44rem */
        /* 7/16 */
        /* 17/16 */
        /* ; */
        text-align: center;
        margin-top: .38rem
            /* 6/16 */
            /* 12/16 */
        ;
        margin-bottom: .5rem
            /* 8/16 */
            /* 14/16 */
        ;

    }

    .container .newsBox .xianBox {
        display: flex;
        justify-content: center;
        margin-bottom: 2rem
            /* 32/16 */
            /* 81/16 */
        ;
    }

    .container .newsBox .xianBox .newsBoxXian {
        width: 5rem;
        height: .25rem
            /* 2/16 */
            /* 4/16 */
        ;
        background: #FBC71C;
    }

    .container .newsBox .newsBoxList {
        width: 100%;
        /* height: 13.44rem */
        /* 215/16 */
        /* 550/16 */
        /* ; */
        padding: .5rem
            /* 8/16 */
            0 .56rem
            /* 9/16 */
            .44rem
            /* 7/16 */
        ;
        box-sizing: border-box;
        /* display: flex; */
        background: #F4F4F4;
        margin-bottom: 1.88rem
            /* 30/16 */
        ;
    }

    .container .newsBox .newsBoxList .newsBoxListLeft {
        /* width: 13.81rem */
        /* 221/16 */
        /* 566/16 */
        /* ; */
        /* height: 12.38rem */
        /* 198/16 */
        /* 507/16 */
        /* ; */
        margin-right: .44rem
            /* 7/16 */
            /* 17/16 */
            /* 28/16 */
        ;
        display: none;
    }

    .container .newsBox .newsBoxList .newsBoxListLeft img {
        width: 100%;
        height: 100%;
    }

    .container .newsBox .newsBoxList .newsBoxListRight {
        /* width: 13.19rem */
        /* 211/16 */
        /* 563/16 */
        /* ; */
        /* height: 12.38rem */
        /* 198/16 */
        /* ; */
        box-sizing: border-box;
    }

    .container .newsBox .newsBoxList .newsBoxListRight .newsBoxListRightItem {
        width: 100%;
        height: 6.25rem
            /* 100/16 */
        ;
        /* height: 2.56rem */
        /* 41/16 */
        /* 104/16 */
        /* ; */
        display: flex;
        border-bottom: 1px solid #E6E6E6;
        margin-top: 1.25rem
            /* 20/16 */
        ;
        box-sizing: border-box;
        cursor: pointer;
    }

    .container .newsBox .newsBoxList .newsBoxListRight .newsBoxListRightItem .newsBoxListRightItemLeft {
        /* width: 1.81rem */
        /* 29/16 */
        /* 74/16 */
        /* ; */
        width: 18%;
        margin-right: .88rem
            /* 14/16 */
            /* 35/16 */
        ;

    }

    .container .newsBox .newsBoxList .newsBoxListRight .newsBoxListRightItem .newsBoxListRightItemLeft .newsBoxListRightItemLeftNum {
        /* height: .69rem */
        /* 11/16 */
        /* 29/16 */
        /* ; */
        font-family: Arial;
        font-weight: 400;
        font-size: 1.5rem
            /* 24/16 */
        ;
        color: #999999;
        /* line-height: .69rem */
        /* 11/16 */
        /* 29/16 */
        /* ; */
        text-align: center;
        margin-bottom: .44rem
            /* 7/16 */
            /* 19/16 */
        ;
        margin-top: .25rem
            /* 4/16 */
            /* 9/16 */
        ;
    }

    .container .newsBox .newsBoxList .newsBoxListRight .newsBoxListRightItem .newsBoxListRightItemLeft .newsBoxListRightItemLeftTime {
        /* height: .25rem */
        /* 4/16 */
        /* 14/16 */
        /* ; */
        font-family: Arial;
        font-weight: 400;
        font-size: .88rem
            /* 14/16 */
            /* 4/16 */
            /* 14/16 */
        ;
        color: #999999;
        /* line-height: .25rem */
        /* 4/16 */
        /* 14/16 */
        /* ; */
    }

    .container .newsBox .newsBoxList .newsBoxListRight .newsBoxListRightItem .newsBoxListRightItemRight {
        /* width: 10.5rem */
        /* 168/16 */
        /* 431/16 */
        /* ; */
        /* height: 4.81rem */
        /* 77/16 */
        /* ; */
    }

    .container .newsBox .newsBoxList .newsBoxListRight .newsBoxListRightItem .newsBoxListRightItemRight .title {
        width: 100%;
        /* height: .44rem */
        /* 7/16 */
        /* 18/16 */
        /* ; */
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 1.25rem
            /* 20/16 */
            /* 7/16 */
            /* 18/16 */
        ;
        color: #333333;
        /* line-height: .44rem */
        /* 7/16 */
        /* 18/16 */
        /* ; */
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: .5rem
            /* 8/16 */
            /* 21/16 */
        ;
    }

    .container .newsBox .newsBoxList .newsBoxListRight .newsBoxListRightItem .newsBoxListRightItemRight .content {
        width: 100%;
        /* height: .94rem */
        /* 15/16 */
        /* 39/16 */
        /* ; */
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 1rem
            /* 16/16 */
            /* 5/16 */
            /* 14/16 */
        ;
        color: #999999;
        line-height: 1.5;
        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;
    }

    .container .cooperate {
        width: 100%;

        /* height: 50%; */
        /* height: 4.44rem */
        /* 71/16 */
        /* 181/16 */
        /* ; */
        padding: 1.06rem
            /* 17/16 */
            /* 44/16 */
            1.88rem
            /* 30/16 */
            /* 141/16 */
            /* 360/16 */
            0 1.88rem;
        background: #F4F4F4;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-content: space-between;
        display: none;
    }

    .container .cooperate .cooperateItem {
        width: 49%;
        height: 12.5rem
            /* 200/16 */
        ;
        margin-bottom: 1.25rem
            /* 20/16 */
        ;
        /* height: 2.19rem */
        /* 35/16 */
        /* 90/16 */
        /* ; */
        background: #FFFFFF;
    }

}

/* 平板设备 */


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

    /* 样式规则 */
    .container .bannerBox {
        width: 100vw;
        height: 43.75rem
            /* 700/16 */
        ;
    }

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

    .container .companyProfile {
        width: 100vw;
        height: 42.94rem
            /* 687/16 */
        ;
        padding: 6.06rem
            /* 97/16 */
            22.5rem 0 22.5rem
            /* 360/16 */
        ;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
    }

    .container .companyProfile .companyProfileLeft {
        width: 33.21rem
            /* 531.3/16 */
        ;
        height: 28.88rem
            /* 462/16 */
        ;
        display: flex;
    }

    .container .companyProfile .companyProfileLeft .companyProfileLeftImg {
        width: 33.21rem
            /* 531.3/16 */
        ;
        height: 28.88rem
            /* 462/16 */
        ;
    }

    .container .companyProfile .companyProfileLeft .companyProfileLeftImg img {
        width: 100%;
        height: 100%;
    }

    .container .companyProfile .companyProfileRight {
        width: 37.25rem
            /* 596/16 */
        ;
        height: 28.88rem
            /* 462/16 */
        ;
    }

    .container .companyProfile .companyProfileRight .xian {
        width: 3.75rem
            /* 60/16 */
        ;
        height: .25rem
            /* 4/16 */
        ;
        background: #2459A9;
        margin-bottom: .94rem
            /* 15/16 */
        ;
    }

    .container .companyProfile .companyProfileRight .about {
        width: 13.25rem
            /* 212/16 */
        ;
        height: 1.06rem
            /* 17/16 */
        ;
        font-family: Arial;
        font-weight: 400;
        font-size: 1.06rem
            /* 17/16 */
        ;
        color: #CCCCCC;
        line-height: 1.06rem
            /* 17/16 */
        ;
        margin-bottom: .88rem
            /* 14/16 */
        ;
    }

    .container .companyProfile .companyProfileRight .title {
        width: 8.94rem
            /* 143/16 */
        ;
        height: 2.13rem
            /* 34/16 */
        ;
        font-family: SourceHanSansSC;
        font-weight: 500;
        font-size: 2.13rem
            /* 34/16 */
        ;
        color: #333333;
        line-height: 2.13rem
            /* 34/16 */
        ;
        margin-bottom: 3.25rem
            /* 52/16 */
        ;
    }

    .container .companyProfile .companyProfileRight .paragraph {
        width: 37.25rem
            /* 596/16 */
        ;
        /* height: 14.13rem */
            /* 226/16 */
        /* ; */
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 1rem
            /* 16/16 */
        ;
        color: #666666;
        /* line-height: 1.88rem */
            /* 30/16 */
        /* ; */
        text-align: justify;
        margin-bottom: 3.63rem
            /* 58/16 */
        ;
    }

    .container .companyProfile .companyProfileRight .detail {
        width: 8.13rem
            /* 130/16 */
        ;
        height: 2.63rem
            /* 42/16 */
        ;
        border: 1px solid #DADADA;
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 1rem
            /* 16/16 */
        ;
        color: #666666;
        line-height: 2.63rem;
        text-align: center;

    }

    .container .companyProfile .companyProfileRight a {
        color: #666666;

    }

    .container .introduce {
        width: 100vw;
        height: 23.13rem
            /* 370/16 */
        ;
        /* background: #2459A9; */
        background: url('../images/bg1.png') no-repeat;
        background-size: 100% 100%;
        padding: 8.19rem
            /* 131/16 */
            25.06rem
            /* 401/16 */
        ;
        box-sizing: border-box;
    }

    .container .introduce .flexBox {
        width: 100%;
        height: 6.5rem
            /* 104/16 */
        ;
        display: flex;
        justify-content: space-between;
    }

    .container .introduce .flexBox .flexBoxItem .flexBoxItemNum {
        height: 3.81rem
            /* 61/16 */
        ;
        font-family: Arial;
        font-weight: bold;
        font-size: 3.81rem;
        color: #FFFFFF;
        line-height: 3.81rem
            /* 61/16 */
        ;
    }

    .container .introduce .flexBox .flexBoxItem .flexBoxItemNum .wei {
        height: 1.88rem;
        /* 30/16 */
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 1.13rem
            /* 18/16 */
        ;
        color: #FFFFFF;
        line-height: 2.13rem
            /* 34/16 */
        ;
    }

    .container .introduce .flexBox .flexBoxItem .flexBoxItemText {
        height: 1.13rem
            /* 18/16 */
        ;
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 1.13rem
            /* 18/16 */
        ;
        color: #FFFFFF;
        line-height: 1.13rem
            /* 18/16 */
        ;
        text-align: center;
    }

    .container .productDisplay {
        width: 100%;
        height: 76.38rem
            /* 1222/16 */
        ;
        padding: 6rem
            /* 96/16 */
            22.5rem
            /* 360/16 */
            0 22.5rem
            /* 360/16 */
        ;
        box-sizing: border-box;
    }

    .container .productDisplay .productDisplayTitle {
        height: 2.19rem
            /* 35/16 */
        ;
        font-family: SourceHanSansSC;
        font-weight: 500;
        font-size: 2.19rem
            /* 35/16 */
        ;
        color: #333333;
        line-height: 2.19rem
            /* 35/16 */
        ;
        text-align: center;
    }

    .container .productDisplay .productDisplayFuTitle {
        height: 1.06rem
            /* 17/16 */
        ;
        font-family: Arial;
        font-weight: 400;
        font-size: 1.06rem
            /* 17/16 */
        ;
        color: #CCCCCC;
        line-height: 1.06rem
            /* 17/16 */
        ;
        text-align: center;
        margin-top: .75rem
            /* 12/16 */
        ;
        margin-bottom: .88rem
            /* 14/16 */
        ;
    }

    .container .productDisplay .xianBox {
        display: flex;
        justify-content: center;
        margin-bottom: 3.75rem
            /* 60/16 */
        ;
    }

    .container .productDisplay .xianBox .productDisplayXian {
        width: 3.75rem
            /* 60/16 */
        ;
        height: .25rem
            /* 4/16 */
        ;
        background: #2459A9;
    }

    .container .productDisplay .productDisplayNav {
        width: 100%;
        height: 6.63rem
            /* 106/16 */
        ;
        padding-top: 2.06rem
            /* 33/16 */
        ;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        margin-bottom: 3rem
            /* 48/16 */
        ;
    }

    .container .productDisplay .productDisplayNav .productDisplayNavItem {
        width: 11.75rem
            /* 188/16 */
        ;
        height: 3.38rem
            /* 54/16 */
        ;
        background: #EAEAEA;
        font-family: SourceHanSansSC;
        font-weight: 400;
        font-size: 1.13rem
            /* 18/16 */
        ;
        color: #333333;
        line-height: 3.38rem;
        text-align: center;
        cursor: pointer;
    }

    .container .productDisplay .productDisplayNav .productDisplayNavItemActive {
        width: 11.75rem
            /* 188/16 */
        ;
        height: 3.38rem
            /* 54/16 */
        ;
        background: #2459A9;
        font-family: SourceHanSansSC;
        font-weight: 400;
        font-size: 1.13rem
            /* 18/16 */
        ;
        color: #fff;
        line-height: 3.38rem;
        text-align: center;
        cursor: pointer;
    }

    .container .productDisplay .productDisplayList {
        width: 100%;
        height: 46.94rem
            /* 751/16 */
        ;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        /* align-content: space-between; */
    }

    .container .productDisplay .productDisplayList .productDisplayListItem {
        width: 22.13rem
            /* 354/16 */
        ;
        height: 21.75rem
            /* 348/16 */
        ;
        background: #FFFFFF;
        border: 1px solid #E4E2E2;
        margin-bottom: 3.44rem;
        padding: 17px 17px 0 17px;
        box-sizing: border-box;
        position: relative;
        cursor: pointer;
    }

    .container .productDisplay .productDisplayList:after {
        content: '';
        width: 22.13rem;
    }

    .container .productDisplay .productDisplayList .productDisplayListItem .mask {
        width: 20rem
            /* 320/16 */
        ;
        height: 16.88rem
            /* 270/16 */
        ;
        background-color: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 1.06rem
            /* 17/16 */
        ;
        left: 1.06rem
            /* 17/16 */
        ;
        opacity: 0;
        transition: opacity 0.5s ease;
        z-index: 5;
    }

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

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

    .container .productDisplay .productDisplayList .productDisplayListItem .productDisplayListItemImg {
        width: 100%;
        height: 16.88rem
            /* 270/16 */
        ;
        cursor: pointer;
        margin-bottom: 1.31rem
            /* 21/16 */
        ;
    }

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

    .container .productDisplay .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 .newsBox {
        width: 100%;
        height: 56.94rem
            /* 911/16 */
        ;
        background: url('../images/news.jpg') no-repeat;
        background-size: 100% 100%;
        padding: 6.81rem
            /* 109/16 */
            22.63rem
            /* 362/16 */
            0 22.38rem
            /* 358/16 */
        ;
        box-sizing: border-box;
    }

    .container .newsBox .newsBoxTitle {
        height: 2.19rem
            /* 35/16 */
        ;
        font-family: SourceHanSansSC;
        font-weight: 500;
        font-size: 2.19rem
            /* 35/16 */
        ;
        color: #fff;
        line-height: 2.19rem
            /* 35/16 */
        ;
        text-align: center;
    }

    .container .newsBox .newsBoxFuTitle {
        height: 1.06rem
            /* 17/16 */
        ;
        font-family: Arial;
        font-weight: 400;
        font-size: 1.06rem
            /* 17/16 */
        ;
        color: #CCCCCC;
        line-height: 1.06rem
            /* 17/16 */
        ;
        text-align: center;
        margin-top: .75rem
            /* 12/16 */
        ;
        margin-bottom: .88rem
            /* 14/16 */
        ;

    }

    .container .newsBox .xianBox {
        display: flex;
        justify-content: center;
        margin-bottom: 5.06rem
            /* 81/16 */
        ;
    }

    .container .newsBox .xianBox .newsBoxXian {
        width: 3.75rem
            /* 60/16 */
        ;
        height: .25rem
            /* 4/16 */
        ;
        background: #FBC71C;
    }

    .container .newsBox .newsBoxList {
        width: 100%;
        height: 34.38rem
            /* 550/16 */
        ;
        padding: 1.31rem
            /* 21/16 */
            0 1.38rem
            /* 22/16 */
            1.13rem
            /* 18/16 */
        ;
        box-sizing: border-box;
        display: flex;
        background: #F4F4F4;
    }

    .container .newsBox .newsBoxList .newsBoxListLeft {
        width: 35.38rem
            /* 566/16 */
        ;
        height: 31.69rem
            /* 507/16 */
        ;
        margin-right: 1.75rem
            /* 28/16 */
        ;
    }

    .container .newsBox .newsBoxList .newsBoxListLeft img {
        width: 100%;
        height: 100%;
    }

    .container .newsBox .newsBoxList .newsBoxListRight {
        width: 35.19rem
            /* 563/16 */
        ;
        height: 31.69rem
            /* 507/16 */
        ;
        box-sizing: border-box;
    }

    .container .newsBox .newsBoxList .newsBoxListRight .newsBoxListRightItem {
        width: 100%;
        height: 6.5rem
            /* 104/16 */
        ;
        display: flex;
        border-bottom: 1px solid #E6E6E6;
        margin-top: 1.63rem
            /* 26/16 */
        ;
        box-sizing: border-box;
        cursor: pointer;
    }

    .container .newsBox .newsBoxList .newsBoxListRight .newsBoxListRightItem .newsBoxListRightItemLeft {
        width: 4.63rem
            /* 74/16 */
        ;
        margin-right: 2.19rem
            /* 35/16 */
        ;

    }

    .container .newsBox .newsBoxList .newsBoxListRight .newsBoxListRightItem .newsBoxListRightItemLeft .newsBoxListRightItemLeftNum {
        height: 1.81rem
            /* 29/16 */
        ;
        font-family: Arial;
        font-weight: 400;
        font-size: 1.81rem
            /* 29/16 */
        ;
        color: #999999;
        line-height: 1.81rem
            /* 29/16 */
        ;
        text-align: center;
        margin-bottom: 1.19rem
            /* 19/16 */
        ;
        margin-top: .56rem
            /* 9/16 */
        ;
    }

    .container .newsBox .newsBoxList .newsBoxListRight .newsBoxListRightItem .newsBoxListRightItemLeft .newsBoxListRightItemLeftTime {
        height: .88rem
            /* 14/16 */
        ;
        font-family: Arial;
        font-weight: 400;
        font-size: .88rem
            /* 14/16 */
        ;
        color: #999999;
        line-height: .88rem
            /* 14/16 */
        ;
    }

    .container .newsBox .newsBoxList .newsBoxListRight .newsBoxListRightItem .newsBoxListRightItemRight {
        width: 26.94rem
            /* 431/16 */
        ;
        height: 4.81rem
            /* 77/16 */
        ;
    }

    .container .newsBox .newsBoxList .newsBoxListRight .newsBoxListRightItem .newsBoxListRightItemRight .title {
        width: 100%;
        height: 1.13rem
            /* 18/16 */
        ;
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 1.13rem
            /* 18/16 */
        ;
        color: #333333;
        line-height: 1.13rem
            /* 18/16 */
        ;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 1.31rem
            /* 21/16 */
        ;
    }

    .container .newsBox .newsBoxList .newsBoxListRight .newsBoxListRightItem .newsBoxListRightItemRight .content {
        width: 100%;
        height: 2.44rem
            /* 39/16 */
        ;
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: .88rem
            /* 14/16 */
        ;
        color: #999999;
        line-height: 1.5;
        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;
    }

    .container .cooperate {
        width: 100%;
        height: 11.31rem
            /* 181/16 */
        ;
        padding: 2.75rem
            /* 44/16 */
            22.5rem
            /* 360/16 */
            0 22.5rem;
        background: #F4F4F4;
        box-sizing: border-box;
        display: flex;
        /* justify-content: space-between; */
    }

    .container .cooperate .cooperateItem {
        width: 13.75rem
            /* 220/16 */
        ;
        height: 5.63rem
            /* 90/16 */
        ;
        background: #FFFFFF;
        margin-right: 1.63rem;
    }
    .container .cooperate .cooperateItem img{
        width: 100%;
        height: 100%;
    }

}