.core .title,
.circle .title,
.kernel .title,
.business .title,
.dynamic .title,
.product .title,
.invite .title,
.media .title,
.operate .title,
.news .title {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 177px;
}

.core .title div,
.circle .title div,
.kernel .title div,
.business .title div,
.dynamic .title div,
.product .title div,
.invite .title div,
.operate .title div,
.media .title div,
.news .title div {
    line-height: 88px;
    position: relative;
}

.core .title div span,
.circle .title div span,
.kernel .title div span,
.business .title div span,
.product .title div span,
.operate .title div span,
.invite .title div span,
.media .title div span,
.dynamic .title div span,
.news .title div span {
    font-size: 4rem;
    color: #333333;
    font-weight: bold;
    position: relative;
}

.core .title div:after,
.circle .title div:after,
.kernel .title div:after,
.media .title div:after,
.operate .title div:after,
.invite .title div:after,
.business .title div:after,
.product .title div:after,
.dynamic .title div:after,
.news .title div:after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 58px;
    height: 4px;
    background: #a80017;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);

}


/*鍏敤title 1*/
.img-title {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-title .img-title-pos {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-title .img-title-case {
    width: 33%;
    height: 23%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-title .img-title-case div {
    width: 90%;
    height: 80%;
    color: #fff;
    font-size: 3.3rem;
    font-weight: bold;
    line-height: 108px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
}

/*鍏叡title 2*/
.public-bar-bg {
    width: 100%;
    position: relative;
}

.public-bar-bg img {
    width: 100%;
}

.public-bar-bg .public-cover {
    width: 100%;
    height: 29%;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
    left: 0;
}

.public-bar-bg .public-title {
    max-width: 1200px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.public-bar-bg span,
.public-bar-bg span a {
    color: #fff;
    font-size: 1.5rem;
}

.public-bar-bg span {
    margin: 0 4px;
}

.public-attention-title {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.public-attention-title .item:nth-child(2) {
    flex: 1;
    height: 100%;
    display: flex;
    justify-content: flex-end;
}

.public-attention-title .item:nth-child(2) div {
    width: 88px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.public-attention-title .item:nth-child(2) div a {
    color: #fff;
    margin-top: 6px;
    font-size: 1.3rem;
}

.public-attention-title .item:nth-child(2) div.activeds {
    background: #a91f24;
    display: flex;
    align-items: center;
    justify-content: center;
}

.public-attention-title .item:nth-child(2) div.activeds a {
    color: #fff;
    margin-top: 6px;
}
.nav_active{
    color: #222 !important;
}