/*==========================
 <-- 新闻中心头图样式 -->
===========================*/
.new-head {
    background: url('../image/newHead.png');
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: .80rem;
}

.new-head .area-content {
    padding: 2.04rem 0 1.84rem 0;
}

.new-head h1 {
    color: #fff;
    text-align: center;
    font-size: .48rem;
    line-height: .67rem;
    margin-bottom: .15rem;
}

.new-head h3 {
    color: rgba(255, 255, 255, .5);
    font-size: .36rem;
    line-height: .50rem;
    text-align: center;
}

/*==========================
 <-- 新闻中心列表样式 -->
===========================*/
.new-detail {
    background-color: #F8FBFF;
}

.new-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: .70rem .77rem;
}

.new-list-item {
    background-color: #fff;
    display: flex;
    align-items: center;
    border-radius: .08rem;
    box-shadow: 0 .02rem .12rem 0 #E7EDF3;
    transition-duration: .5s;
}

.new-left {
    min-width: 2.86rem;
    height: 100%;
}

.new-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .08rem 0 0 .08rem;
}

.new-right {
    padding: .32rem .32rem .32rem .40rem;
}

.new-right h2 {
    font-size: .20rem;
    line-height: .28rem;
    margin-bottom: .37rem;
}

.new-right h4 {
    font-size: .16rem;
    line-height: .22rem;
    margin-bottom: .38rem;
    font-weight: 400;
}

.new-right .new-right-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.new-right .new-right-info .new-time {
    font-size: .14rem;
    line-height: .20rem;
    color: var(--primary-font-color3);
}

.new-right .new-right-info .new-count {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .14rem;
    line-height: .20rem;
    color: var(--primary-font-color3);
}

.new-right .new-right-info .new-count img {
    width: .20rem;
    height: .20rem;
    margin-right: .08rem;
}

.new-list-item:hover {
    position: relative;
    transform: translateY(-0.10rem);
}

.new-list-item:hover .new-right h2 {
    color: var(--primary-color);
}

/*==========================
 <-- 新闻中心详情样式 -->
===========================*/
.bread-head {
    background-color: #F8FBFF;
    margin-top: .80rem;
}

.bread-head .area-content {
    padding: .26rem 0 .29rem 0;
}

.bread-head .info-text-head {
    display: flex;
    align-items: center;
}

.bread-head .info-text-head a {
    color: var(--primary-font-color3);
    font-size: .18rem;
    line-height: .25rem;
    margin-right: .12rem;
}

.bread-head .info-text-head img {
    width: .16rem;
    height: .16rem;
    margin-right: .12rem;
}

.bread-head .info-text-head .info-text-head-title {
    font-size: .18rem;
    line-height: .25rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    line-clamp: 1;
}

.info-text .info-message {
    padding: 0 0 .60rem 0;
    max-width: 10.00rem;
    margin: 0 auto;
}

.info-text .info-message .info-message-head {
    padding-bottom: .18rem;
    margin-bottom: .40rem;
    border-bottom: .01rem solid #eee;
}

.info-text .info-message .info-message-head h1 {
    font-size: .44rem;
    line-height: .62rem;
    margin-bottom: .24rem;
}

.info-text .info-message .info-message-head h6 {
    font-size: .14rem;
    line-height: .20rem;
    color: var(--primary-font-color3);
}

.info-text .info-message p {
    font-size: .16rem;
    line-height: .25rem;
    margin-bottom: .48rem;
}

.info-text .info-message .info-message-item {
    margin-bottom: .48rem;
}

.info-text .info-message h2 {
    font-size: .24rem;
    line-height: .34rem;
    margin-bottom: .32rem;
}

.info-text .info-message h6 {
    font-size: .16rem;
    line-height: .24rem;
    font-weight: 500;
    margin-bottom: .20rem;
}

.info-text .info-message h6:last-child {
    margin-bottom: 0;
}

.info-text .info-message img {
    width: 100%;
    margin-bottom: .48rem;
}