.post9 .tt{margin-bottom: 40px;display:flex;justify-content:space-between;align-items:center;}
.post9 .title{
    color: #5399D9;
    font-size: 22px;
}
.post9 .tt .more_btn .more_text{
    display:block;
    width:20px;
    height:20px;
    background:url(../images/moreico.png) no-repeat center;
}
.l-banner{background-size:cover;position:relative;}
.l-banner::after{
    content: '';
    position: absolute;
    z-index: 40;
    left: 0;
    bottom:0;
    display: block;
    width: 100%;
    height: 55%;
    background:linear-gradient(to bottom,#00000001,#02314580);
}
div#dw{z-index:50;}
.news_title{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.news_text{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.news_imgs{position: relative;}
.news_imgs img{
    position: absolute;
    z-index: 50;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.xmain1 .inner{padding-top: 78px;}
.xmain2 .inner{padding: 94px 0 112px;}

.xmain1 .post9 .title{
    color: #333333;
    font-size: 28px;
    font-weight: bold;
}
.xmain1 .img_box{
    width: 720px;
    float: left;
}
.xmain1 .news_imgs{
    padding-top: 62.9%;
}
.xmain1 .news_con{
    width: 655px;
    float: right;
}
.xmain1 .text_title{
    background-color: #458EDA33;
    color: #5399D9;
    font-size: 22px;
    padding-left: 18px;
    height: 66px;
    line-height: 66px;
    margin-bottom: 36px;
}
.xmain1 .news_list .news .news_text{
    display: block;
    font-size: 16px;
    line-height: 20px;
    color: #458EDA;
}
.xmain1 .news_list .news .news_text p{line-height:30px;}

.xmain2 .ml{
    width: 564px;
    float: left;
}
.xmain2 .ml .news{
    padding: 30px 24px 23px;
    position:relative;
}
.xmain2 .ml .news::before{
    content: '';
    position: absolute;
    z-index: 50;
    left: 0;
    top: 0;
    display: block;
    width: 4px;
    height: 0;
    background-color: #458EDA;
    transition:4s;
}
.xmain2 .ml .news.selected::before{
    height:78%;
}
.xmain2 .ml .news_title{
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 25px;
}
.xmain2 .ml .news .news_text{
    font-size: 16px;
    line-height: 30px;
    color: #333;
    margin-bottom: 12px;
}
.xmain2 .ml .news.selected .news_text{
    -webkit-line-clamp: 4;
}
.xmain2 .ml .news .news_more{
    display: none;
    font-size: 16px;
    line-height: 16px;
    float: right;
    color: #458EDA;
}
.news_more a{color: inherit;}
.xmain2 .ml .news.selected .news_more{display: block;}
.xmain2 .ml .news.selected{background-color: #458EDA33;}

.xmain2 .mr{
    width: 807px;
    float: right;
    position: relative;
}
.xmain2 .mr .news_list{padding-top: 72%;}
.xmain2 .mr .news{
    position: absolute;
    z-index: 50;
    left: 50%;
    transform: translateX(-50%);
}
.xmain2 .mr .news.selected{
    width: 100%;
    z-index: 60;
    top: 0;
}
.xmain2 .mr .news.next{
    width: 92.3%;
    z-index: 50;
    top: 16%;
}
.xmain2 .mr .news.last{
    width: 83.8%;
    z-index: 40;
    top: 31%;
}
.xmain2 .mr .news_imgs{
    padding-top: 62.8%;
    position: relative;
}

.xmain3 .col_img{
    padding-top: 26.9%;
    position: relative;
}
.xmain3 .col_img img{
    position: absolute;
    z-index: 50;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.xmain3 .news_list .news{
    line-height: 30px;
    padding: 45px 0;
    border-bottom: 1px solid #70707080;
}
.xmain3 .news_title{
    font-size: 20px;
    color: #333333;
    padding-left: 13px;
    position: relative;
}
.xmain3 .inner{padding-bottom: 110px;}
.xmain3 .news_title::before{
    content: '';
    position: absolute;
    z-index: 50;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 4px;
    height: 17px;
    background-color: #458EDA;
}
#container-1 .inner{display:none;}
@media screen and (max-width: 999px){
    .post9 .tt{margin-bottom:25px;}
    .xmain1.wrapper .inner{padding-top:30px;}
    .xmain2.wrapper .inner{padding: 30px 10px 50px;}
    .xmain1 .img_box,
    .xmain1 .news_con,
    .xmain2 .ml,
    .xmain2 .mr{
        width: 100%;
        float: none;
    }
.xmain2 .ml .news{
    padding: 20px 24px;
}
.xmain2 .ml .news_title{font-size:16px;}
.xmain2 .ml .news .news_text{font-size:15px}
    .xmain1 .img_box{margin-bottom: 20px;}
    .xmain3 .news_title{font-size:16px;}
.xmain3 .news_list .news{padding:20px 0;}
.xmain1 .post9 .title{font-size:20px}
}