* {
 margin: 0;
 padding: 0;
}

body {
 background: #F3F8FB;
}


.line {
 background: #0D5E94;
 height: 4px;
 width: 50px;
 margin: 0 auto;
}

.about_pics {
 height:460px;
 width: 100%;
}

.about_pics img {
 width: 100%;
 height: 100%;
}


.news_content {
 width: 1210px;
 margin: 40px auto;
 text-align: center;
}

.life_title_e {
 color: #000;
 font-size: 46px;
 font-weight: 700;
 line-height: 72px;
}

.life_title_c {
 color: #000;
 font-size: 48px;
 font-weight: 350;
 line-height: 72px;
 position: relative
}

.news_list {
 margin: 0 auto;
}

.tab {
 margin-top: 38px;

}

.tab a {
 width: 72px;
 height: 40px;
 line-height: 40px;
 text-align: center;
 font-size: 14px;
 color: #333333;
 background: #fff;
 padding: 8px;
 margin: 0 8px;
 text-decoration: none;
 cursor: pointer;
}

.tab a:hover,
.tab .active {
 background-color: #0D5E94;
 color: #fff;
}

.content {
 font-size: 20px;
 border-radius: 10px;
 margin-top: 40px;
}

.content .mao {
 display: none;
}

.mao {
 display: flex;
 flex-wrap: wrap;
}

.content .mao:target {
 /* display: block; */
 display: flex;
 flex-wrap: wrap;
}

.new_con {
 width: 390px;
 height: 459px;
 margin-top: 20px;
 background-color: #fff;
 box-shadow: 0px 1px 10px rgb(0 0 0 / 10%);
 margin-right: 20px
}

.new_con_a {
 width: 350px;
 height: 219px;
 padding: 20px;
}

.new_con_a img {
 width: 350px;
 height: 219px;
}

a{
 text-decoration:none;
}

.new_con_title {
 font-size: 16px;
 font-weight: 700;
 line-height: 24px;
 text-align: left;
 padding: 0 20px;
 margin-top: 5px;
 color: #333333;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 cursor: pointer;
}

.new_con_title:hover{
 color: #0D5E94;
}

.new_con_ab {
 height: 72px;
 font-size: 14px;
 font-weight: 350;
 line-height: 24px;
 color: #666;
 text-align: left;
 padding: 0 20px;
 margin-top: 16px;
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
}

.new_con_foot {
 display: flex;
 justify-content: space-between;
 padding: 0 20px;
 margin-top: 28px;
}

.new_con_time {
 display: flex;
 align-items: center;
}

.new_con_time img {
 width: 20px;
 height: 20px;
}

.new_con_time span {
 display: block;
 width: 100px;
}

.time {
 font-size: 14px;
 font-weight: 350;
 line-height: 24px;
 color: #999;
}

.detail {
 width: 106px;
 height: 28px;
 background: #0D5E94;
 color: #fff;
 font-size: 14px;
 font-weight: 350;
 line-height: 24px;
 line-height: 28px;
 border-radius: 30px;
 cursor: pointer;
}

.detail:hover{
 background: #2171A6;
}

.reallyslow {
 animation-duration: 3s !important;
 animation-delay: 0s;
}