.productItem1 {
    margin-top: 1vh !important;
}

@media (min-width: 922px) {
    .ast-container {
        max-width: 100% !important;
        padding: 0
    }
}

body, html {
    margin: 0;
    padding: 0;
    overflow-X: hidden
}

.newsItemContentTop {
    color: #000;
    text-align: center;
}

.boxCenter {
    margin: 0 auto;
    width: 80%;
    position: relative;
}

.boxCenterImg {
    width: 100%;
    position: relative;
}

.boxCenterTitle {
    position: absolute;
    left: 10%;
    top: 50%;
    margin-top: -35px;
    color: #fff;
}

.boxCenterTitle > h4 {

    color: #fff;
}

.boxCenterTitle > p {

}

.newsContentLeft {
    width: 50%;
    position: absolute;
    left: 0;
}

.newsContentR {
    position: relative;
    width: 100%;
    /* 			height:70vh; */
}

.newsBox {
    /* 			position:absolute; */
    /* 			right:0; */
    /* 			width:50%; */
    /* 			height: 100%; */

}

.newsContentRight {
    width: 100%;
    position: absolute;
    right: 0;
}

.imgLeft {
    /* 			position:absolute; */
    /* 			float:left; */
    /* 			width:40%; */
    height: 80%;
    position: relative;
    /* 			display:inline-block; */
}

.newsItemName, .newItemContent {
    /* 			display:inline-block; */

}

.newItemContent {
    float: left;
}

.newsTime {
    margin: 0;
    color: #333;
}

.newsTimeYear {
    margin: 0
}

.newsItemName {
    margin-left: 30px
}

.newsContentBox {
    position: relative;
    margin-top: 3vh
}

.newsItemLink {
    color: #333 !important;
}

.newsContentMsg {
    line-height: 32px;
    color: #333 !important;
}

p {
    margin-bottom: 0
}

.newsTimeBox {
    position: absolute;
    left: 1vh;
    top: -1vh;
}

.newsTimeYear {
    background: #3a3a3a;
    border-radius: 10px;
    width: 35px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    display: inline-block;
}

.newsContentBox-title {
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.newsContentBox-titleText {
    color: #333;
    font-weight: 600;
    flex-shrink: 0;
}

.titleboraer {
    float: left;
    width: 80%;
}

.newsContentBox-titlebutton {
    border: 1px solid #3670D2;
    cursor: pointer;
    text-align: center;
    height: 22px;
    width: 55px;
    line-height: 22px;
    padding: 0 5px;
    border-radius: 1.5vh;
    color: #3670D2;
    box-sizing: content-box;
}

.newsContentBox-titlebutton:hover {
    color: #3670D2;
}

.newsContentBox-titleboraer {
    width: 81%;
    border: 1px dotted #ccc;
    float: left;
}

.boxCenterImg img {
    width: 100%;
}

.newsItem {
    padding-bottom: 25px;
    box-sizing: border-box;
    border-bottom: 1px solid #804d0052;
    margin-top: 15px;
}

.newsItemBox {
    /*height:100%
*/
}

.imgNew {
    max-height: 100%;
    width: 100%;
    min-height: 90%;
}

.imgNewBox {
    display: inline-block;
    width: 40%;
    vertical-align: top;
    background: #ccc;
    height: 100%;
}

.textNewBox {
    width: 100%;
    vertical-align: top;
    display: flex;
    flex-direction: column;
}

.imgLeft {
    display: none
}

.dataSwitch {
    position: absolute;
    bottom: 4vh;
    right: 2vh;
    width: 6vw;
    height: 10vh;
}

.dataSwitch img {
    width: 45%;
    max-height: 100%;
}

.newJournalism {
    width: 90%;
    margin: 0 auto;
    color: #000;
}

.newTitles {
    width: 90%;
    margin: 3vh auto;
    color: #000;
}

.more {
    margin-top: 4vh
}

.more .textNewBox {
    display: inline-block;
    width: 90%;
    vertical-align: top;
}

.more {
    display: none;
}

.trendsBox {
    width: 100%;
    margin-top: 20px;
}

.trendsBox .trendsItem {
    display: inline-block;
    width: 48%;
    margin-left: 3%;
    margin-top: 1vh;
    vertical-align: top;
}

.trendsBox .trendsItem:nth-child(odd) {
    margin-left: 0px !important;
}

.trendsBox .trendsItem img {
    width: 126px;
    vertical-align: top;
    height: 65px;
}

.trendsContent {
    display: inline-block;
    width: calc(100% - 136px);
    margin-left: 5px;
}

.trendsTitle {
    color: #333;
}

.trendsTime {
    color: #333;
    font-size: 12px;
}

.trendsMsg {
    color: #333;
    margin-top: 10px;
}

.timeIcon {
    width: 10px !important;
    height: 10px !important;
    vertical-align: middle !important;
    margin-top: -0.2vh;
    margin-right: 1vh;
}

.eyesIcon {
    width: 3vh !important;
    height: 1.5vh !important;
    vertical-align: middle !important;
    margin-top: -0.2vh;
    margin-right: 1vh;
}

.productBox1 {
    width: 100%;
    margin-top: 20px;
}

.productBox1 .productItem {
    width: 100%;
    margin-top: 2vh;
}

.menuBox .productBox1 .productItem1 {
    width: 33%;
}

.productBox1 .productItem1 img {
    /* 			width: 106px; */
    width: 126px;
    /* 			height: 106px; */
    height: auto;
    vertical-align: top;
}

.productContent {
    display: inline-block;
    /* 			width: calc(100% - 130px); */
    width: calc(100% - 150px);
    margin-left: 10px;
}

.productTime {
    color: #000;
    margin-top: 1 vhp;
}

.productMsg {
    color: #000;
    margin-top: 1vh;
}

.productState {
    width: 100%;
    /* 			margin-top: 2vh; */
}

.productTime {
    display: inline-block;
    width: 20%;
}

.newItemContent > div:nth-child(1) {
    display: flex;
    align-items: center;
}

.newItemContent > div:nth-child(2) {
    margin-top: 10px;
}

@media (max-width: 1170px) {
    .trendsBox {
        display: flex;
        flex-direction: column;
    }

    .trendsBox > .trendsItem {
        width: 100%;
    }

    .trendsBox > .trendsItem:nth-child(2) {
        margin-left: 0;
    }
}

@media (max-width: 900px) {
    .boxCenterTitle {
        left: 10%;
        top: 20px;
        margin-top: 0;
    }

    .boxCenterTitle > h4 {

    }

    .boxCenterTitle > p {

        margin-top: 8px;
    }
}

@media (max-width: 850px) {
    .newsContentBox-titleboraer {
        width: 62%;
    }
}

@media (max-width: 650px) {
    .newsTime {

    }

    .newsItemName {
        margin-left: 14px;
        line-height: normal;
    }

    .newsItemContentTop {
        flex-shrink: 0;
    }

    .newsItemLink {

    }

    .newsContentMsg {

        line-height: 26px;
    }

    .trendsTitle {

    }

    .trendsMsg {

    }

    .trendsTime {

    }
}

@media (max-width: 499px) {
    .newsContentBox-titleText {
        flex-shrink: 0;
    }

    .newsContentBox-titleboraer {
        width: 55%;
    }

    .boxCenterTitle {
        top: 14px;
    }

    .boxCenterTitle > h4 {

    }

    .boxCenterTitle > p {

        margin-top: 0px;
    }
}

.nav-order {
    margin: 10px 10% 0 10%;
    color: #333;

}

@media (max-width: 600px) {
    .nav-order {

    }
}

.nav-order a:hover {
    color: #777;
}

img {
    object-fit: cover;
    object-position: top left;
}