.banner-con{
    background: url(../images/news-center-bg.jpg) top left no-repeat;
    min-height: 680px;
    color: #ffffff;
}
.banner-con .banner{
    width: 100%;
}
.banner-con .banner p{
    max-width: 650px;
    margin: 30px 0;
}
.banner-con .banner a{
    color: #1a1a1a;
    width: 200px;
    height: 40px;
    background: #fdb825;
    border-radius: 10px;
    font-weight: bold;
    letter-spacing: 3px;
}
.dynamic-con .dynamic .h2-more a{
    position: relative;
    color: #02408b;
    padding-right: 15px;
    border-bottom: 1px solid #02408b;
    font-weight: bold;
}
.dynamic-con .dynamic .h2-more a:after{
     content: "";
    background: url(../images/arrow-blue.png) no-repeat;
    width: 10px;
    height: 11px;
    position: absolute;
    top: 7px;
    right: 0;
}
.dynamic-con .dynamic .left-right-con{
    gap: clamp(20px,4vw,80px);
}
.dynamic-con .dynamic .left-right-con .left-con,.dynamic-con .dynamic .left-right-con .right-con{
    flex: 1;
}
.dynamic-con .dynamic .left-right-con .left-con{
    position: relative;
    max-width: 50%;
}
.dynamic-con .dynamic .left-right-con .left-con:after{
    content: "";
    width: 1px;
    height: 100%;
    background: #cccccc;
    right: calc(clamp(20px,4vw,80px) / -2);
    top: 0;
    position: absolute;
}
.dynamic-con .dynamic .left-right-con .left-con a{
    display: block;
    position: relative;
    color: #ffffff;
}
.dynamic-con .dynamic .left-right-con .left-con a .title-desc-more{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    padding: 30px;
    max-width: 100%;
}
.dynamic-con .dynamic .left-right-con .left-con a img{
    width: 100%;
}
.dynamic-con .dynamic .left-right-con .left-con a .title-desc-more .title{
    font-size: 20px;
}
 .title-desc-more span{
    white-space: nowrap;
    position: relative;
    color: #02408b;
    padding-right: 15px;
    border-bottom: 1px solid #02408b;
    font-weight: bold;
}
 .title-desc-more span:after{
    content: "";
    background: url(../images/arrow-blue.png) no-repeat;
    width: 10px;
    height: 11px;
    position: absolute;
    top: 7px;
    right: 0;
}
.dynamic-con .dynamic .left-right-con .left-con a .title-desc-more .title-desc{
    max-width: 81%;
}
.dynamic-con .dynamic .left-right-con .left-con a .title-desc-more .title-desc .desc{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dynamic-con .dynamic .left-right-con .right-con ul{
    gap: 30px;
    height: 100%;
}
.dynamic-con .dynamic .left-right-con .right-con .img{
    max-width: 370px;
    flex: 1;
}
.dynamic-con.baike .dynamic .left-right-con .right-con .img{
    max-width: 100%;
}
.dynamic-con .dynamic .left-right-con .right-con .title-desc-more{
    padding: 20px;
    flex: 1;
}
.dynamic-con.baike .dynamic .left-right-con .right-con ul li{
    background: #ffffff;
}
.dynamic-con.baike .dynamic .left-right-con .right-con ul li a{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.dynamic-con .dynamic .left-right-con .right-con .title-desc-more .title{
    font-size: 20px;
    line-height: inherit;
}
.dynamic-con .dynamic .left-right-con .right-con .title-desc-more .desc{
    line-height: 2;
    color: #666666;
}
.dynamic-con .dynamic .left-right-con .right-con .title-desc-more span{
    display: inline-flex;
    margin: 20px 0;
    width: fit-content;
}
.dynamic-con .dynamic .left-right-con .right-con .title-desc-more .date{
    margin-bottom: 0;
    color: #808080;
}
.baike{
    background: #f7f7f7;
}

.dynamic-con.zhishi .dynamic .left-right-con .left-con a .title-desc-more{
    position: static;
    color: #1a1a1a;
    padding-left: 0;
    padding-right: 0;
   
}

.dynamic-con.zhishi .dynamic .left-right-con .left-con a .title-desc-more .title-date-desc{
    gap: 5vw!important;
    margin-bottom: 20px;
}
.dynamic-con.zhishi .dynamic .left-right-con .left-con a .title-desc-more .date{
    margin-bottom: 0;
    color: #808080;
}
.dynamic-con.zhishi .dynamic .left-right-con .left-con a .title-desc-more .title{
    line-height: inherit;
}
.dynamic-con.zhishi .dynamic .left-right-con .left-con a .title-desc-more .title-desc{
    flex: 1;
}
.dynamic-con.zhishi .dynamic .left-right-con .left-con a .title-desc-more .desc{
    flex: 1;
}
.dynamic-con.zhishi .dynamic .left-right-con .right-con ul{
    gap: 0;
}
.dynamic-con.zhishi .dynamic .left-right-con .right-con ul li{
    position: relative;
}
.dynamic-con.zhishi .dynamic .left-right-con .right-con ul li:not(:last-child):after{
    content: "";
    width: calc(100% + clamp(20px,4vw,80px) / 2);
    height: 1px;
    background: #cccccc;
    position: absolute;
    bottom: 0;
    left: calc(clamp(20px,4vw,80px) / -2);
}
.dynamic-con.zhishi .dynamic .left-right-con .right-con .title-desc-more .title{
    margin-bottom: 0;
}

@media (max-width:1080px){
    .gongchang .right-con ul li a{
        flex-wrap: wrap;
    }
    .dynamic-con.gongchang .dynamic .left-right-con .right-con .img,.dynamic-con.gongchang .dynamic .left-right-con .right-con .title-desc-more{
        max-width: 100%;
        flex: auto;
    }
  
    .dynamic-con.gongchang .dynamic .left-right-con .right-con ul{
        flex-direction: row!important;
    }
    .dynamic-con .dynamic .left-right-con .left-con a .title-desc-more{
        flex-wrap: wrap;
        position: static;
        color: #1a1a1a;
    }
    .dynamic-con.zhishi .dynamic .left-right-con .left-con a .title-desc-more{
        flex-wrap: wrap;
    }
    .dynamic-con.zhishi .dynamic .left-right-con .left-con a .title-desc-more .title-desc{
        max-width: 100%;
        flex: auto;
    }
    .dynamic-con.zhishi .dynamic .left-right-con .left-con a .title-desc-more .title-date-desc{
        flex-wrap: wrap;
        gap: 0!important;
    }
}

@media (max-width:768px){
    .dynamic-con .dynamic .left-right-con{
        flex-wrap: wrap;
    }
    .dynamic-con .dynamic .left-right-con .left-con{
        max-width: 100%;
        flex: auto;
    }
    .dynamic-con.gongchang .dynamic .left-right-con .right-con ul,.dynamic-con .dynamic .left-right-con .right-con ul{
        flex-direction: column!important;
    }
}