a{
    text-decoration: none;
}


.top-info{
    display: flex;
    justify-content: space-between;
}
.image-info{
    width: 41%;
    height: 438px;
    padding: 0 20px 0 16px;
    box-sizing: border-box;
    box-shadow: 0px 0px 4px 0px #00000026;
    background: #FFFFFF;
}
.image-title{
    height: 56px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #EAEAEA;
}
.title{
    font-weight: 400;
    font-size: 18px;
}
.title span{
    color: #BDBDBD;
}
.active{
    color: #342A2A !important;
}
.more a {
    font-weight: 400;
    font-size: 14px;
    color: #115198;
}
.img-box{
    width: 100%;
    height: 352px;
}
.img-item{
    width: 100%;
    height: 100%;
}

.new-dynamic{
    width: 57.5%;
    height: 437px;
    padding: 0 20px 0 16px;
    box-sizing: border-box;
    box-shadow: 0px 0px 4px 0px #00000026;
    background: #FFFFFF;
}

.item-news{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}
.news-left{
    display: flex;
    align-items: center;
}
.news-circle{
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #154977;
    margin-right: 13px;
}
.new-dynamic .news-title {
  width: 478px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-dynamic .news-title > a {
  font-size: 16px;
  color: #342a2a;
}
.new-dynamic .news-title > a:hover {
  color: #115198;
}
.news-time{
    font-weight: 400;
    font-size: 16px;
    color: #BFBFBF;
}
.middle-info{
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
}
.middle-items {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.middle-item {
  width: 24.5%;
  height: 120px;
  background: #115198;
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  line-height: 120px;
  color: #ffffff;
}

.middle-item a{
    color: #FFFFFF;
}

.middle-banner {
  height: 106px;
  font-weight: 600;
  font-size: 50px;
  letter-spacing: 13px;
  text-align: center;
  line-height: 106px;
  color: #ffffff;
  background: #0778be;
  margin: 20px 0;
}

.middle-banner a {
  color: #ffffff;
}

.content-items{
    padding-top: 20px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.content-item{
    width: 49.4%;
    height: 441px;
    border: 1px solid #EAEAEA;
    box-shadow: 0px 0px 4px 0px #00000026;
    padding: 0 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.item-title{
    height: 56px;
    border-bottom: 1px solid #EAEAEA;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.content-item .news-title {
  width: 387px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content-item .news-title > a {
  font-weight: 400;
  font-size: 16px;
  color: #342a2a;
}
.content-item .news-title > a:hover {
  color: #115198;
}

.title-box-cs{
    display: flex;
}

.title-video{
    margin-left: 10px;
    cursor: pointer;
}
.title-img{
    margin-right: 10px;
    cursor: pointer;
}

.carousel-item video {
    width: 100%;
    height: 100%;
}

.cl-gray{
    font-size: 16px;
    color: #999999;
}