/* 2025.05.16 */
html {
    font-size: 100px;
}
.none{display: none;}
.news_img{    padding-top: 66.67%;    overflow: hidden;
    position: relative;}
.news_img img{position: absolute;width:100%;height:100%;top:0;left:0;transition: .5s;object-fit: cover;}
.main3 {
    background: none;
    margin: 20px 0;
}

.post-31 .news .news_wz {
    padding: 0;
    height: auto;
    background: none
}

.post-31 .news {
    float: none
}

.main3 .tt_cn {
    font-size: 0.2rem;
    color: #0167b280;
    line-height: 1;
}

.main3 .tab-menu li {
    line-height: 1.2;
}

.main3 .tab-menu {
    display: flex;
    gap: .1rem;
    justify-content: flex-end;
    margin-top: -.4rem;
    padding-right: 1.3rem;
    border: none;
}

.post-21 .more_btn a {
    background: url(images/morebottom2.svg) no-repeat right bottom / contain
}

.post-21 .more_btn .more_text {
    color: rgba(255, 255, 255, .54);
}

.main3 .titlebox .more_btn a {
    font-size: 0.18rem;
    color: #0167b9;
    display: inline-block;
    line-height: 1;
}

.main3 .titlebox .more_btn .more_text {
    font-size: 0.18rem;
    color: #017fcd;
}

.main3 .titlebox .more_btn {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 1;
    margin: 0;
}

.main3 .titlebox {
    position: relative;
}

.main3 .selected .tt_cn {
    color: #0167b2;
    font-weight: 600
}

.main3 .tab-menu li.selected {background: none;}

.post-31 .news_list {
    margin: 0
}

.post-31 .news {
    width: auto;
}

.main3 .box1 .list1 {
    width: 60.87%;
    float: left;
    display: flex;
    justify-content: space-between;
}

.main3 .box1 .list2 {
    width: 35.375%;
    float: right;
}

.main3 .box1 .list1 .news {
    width: 48.9%;
}

.main3 .tab-con {
    margin-top: .61rem;
    position: relative;
}

.main3 .post-31.box1 .list1 .news .news_wz {
    background: #F2E9DE;
    padding: 0.35rem 0.3rem .4rem
}

.main3 .post-31.box1 .list1 .news .news_wz .news_time {
    width: .7rem;
    float: left;
    padding-top: .1rem;
}

.main3 .post-31.box1 .list1 .news .news_wz .news_time span {
    color: #0167b2;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-family: 'ppb';
}

.main3 .post-31.box1 .list1 .news .news_wz .news_time span.news_dd {
    font-size: 0.18rem;
}

.main3 .post-31.box1 .list1 .news .news_wz .news_time span.news_yy {
    font-size: 0.24rem;
    line-height: 0.37rem;
}

.main3 .post-31.box1 .list1 .news:hover .news_wz {
    background: #0167b2
}

.main3 .post-31.box1 .list1 .news:hover .news_title,
.main3 .post-31.box1 .list1 .news:hover .news_wz .news_time span,
.main3 .post-31.box1 .list1 .news:hover .news_text {
    color: #fff
}


.post-31 .news .news_title {
    margin-bottom: 0
}

.main3 .post-31.box1 .list1 .news .news_title {
    width: calc(100% - .7rem);
    font-size: 0.18rem;
    padding-left: .3rem;
    box-sizing: border-box;
    line-height: 0.32rem;
    float: right;
}

.main3 .post-31.box1 .list1 .news .news_text {
    display: none;
    font-size: 0.16rem;
    color: #0167b2b3;
    margin-top: .32rem;
}

.main3 .post-31.box1 .list2 .news .news_meta {
    font-size: 0.16rem;
    margin-bottom: 0.16rem;
    color: #0167b2;
    float: none;
    width: 100%;
    height: auto;
    display: block;
    text-align: left;
    line-height: 1;
}

.main3 .post-31.box1 .list2 .news .news_title {
    font-size: 0.18rem;
    color: #2B2B2B;
    line-height: 1.5;
    float: none;
}

.post-31 .news .news_box {
    margin: 0;
    box-shadow: none;
}

.main3 .post-31.box1 .list2 .news .news_box {
    display: block;
    padding: 0.18rem 0;
}

.main3 .post-31.box1 .list2 .news {
    position: relative;
    border-bottom: 1px dashed #0167b3;
    width: 100%;
}

.main3 .post-31.box1 .list2 .news::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #0167b2;
    position: absolute;
    bottom: -1px;
    left: 0;
    transition: .5s;
}

.main3 .post-31.box1 .list2 .news:hover::after {
    width: 100%
}



.main3 .boxswiper .imgbox {
    width: 49.25%;
    float: left
}

.main3 .boxswiper .news_wz {
    width: 47.25%;
    float: right;
}

.main3 .boxswiper .news_title {
    font-size: 0.22rem;
    color: #333333;
    font-family: 'shb';
    margin-bottom: 0.32rem;
    line-height: 1.5;
    float: none;
}

.main3 .boxswiper .news_con {
    font-size: 0.16rem;
    color: #666666;
    line-height: 0.32rem;
}

.main3 .boxswiper .news:hover .news_con,
.main3 .boxswiper .news:hover .news_title {
    color: #0167b2
}


.main3 .boxswiper .mySwiper,
.main3 .boxswiper .mySwiper4 {
    width: 47.25%;
    margin: 0;
    position: absolute;
    right: -0;
    bottom: 0;
}

.main3 .boxswiper .mySwiper .news,
.main3 .boxswiper .mySwiper4 .news {
    padding: 0 0.09rem;
    box-sizing: border-box
}

.main3 .boxswiper .mySwiper li .news_img,
.main3 .boxswiper .mySwiper4 li .news_img {
    border: 3px solid transparent;
    box-sizing: border-box;
}

.main3 .boxswiper .mySwiper li.swiper-slide-thumb-active .news_img,
.main3 .boxswiper .mySwiper4 li.swiper-slide-thumb-active .news_img {}

.main3 .inner {
    padding-bottom: 1.5rem
}



.main3 .sudy-tab .title.active {
    position: relative;
}

.post-tt .title {
    font-size: 0.4rem;
    color: #333333;
}

.post-tt .tt_en {
    font-size: 0.18rem;
    font-family: Merriweather;
    color: #0167b2;
    display: inline-block;
    position: relative;
    padding-left: .3rem;
}

.post-tt .tt_en::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 0.17rem;
    height: 0.03rem;
    background: #0167b2;
    top: 0;
    bottom: 0;
    margin: auto;
}

.post-tt .tit {
    display: flex;
    gap: 0.1rem;
    position: relative;
    flex-direction: column;
}


.post-tt .tt {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border: none;
}
.line2 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.line8 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}
@media screen and (max-width: 999px){
    html{font-size: 65px;}
    .main3 .box1 .list1, .main3 .box1 .list2 {
        float: none;
        width: 100%;
    }
    .post-31 .news {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .main3 .post-31.box1 .list2 .news{
        border-bottom: 1px dashed #0167b3;
    }
    .main3 .post-31.box1 .list2 .news .news_box{
        padding: 10px 0;
    }
    .main3 .boxswiper .news_con {
        -webkit-line-clamp: 5;
    }
}
@media screen and (max-width: 767px){
    .main3 .boxswiper .imgbox {
        width: 100%;
        float: none;
    }
    .main3 .boxswiper .news_wz {
        width: 100%;
        float: none;
        margin-top: .4rem;
    }
    .main3 .boxswiper .mySwiper, .main3 .boxswiper .mySwiper4 {
        width: 100%;
        margin: 0;
        position: static;
    }
    .main3 .boxswiper .news_title{margin-bottom: 0;}
    .main3 .boxswiper .news_con{display: none;}
}
@media screen and (max-width: 640px){
    .main3 .tab-menu {
        /* margin-top: 0.35rem; */
        justify-content: flex-start;
    }
    .main3 .tab-con{margin-top:10px;}
}
@media screen and (max-width: 479px){
    .main3 .box1 .list1 {
        display: block;
    }
    .main3 .box1 .list1 .news {
        width: 100%;
    }
}
@media screen and (max-width: 450px){
    .main3 .tab-menu {
        padding-right: 0;
        gap: 0;
        justify-content: space-between;
    }
    .main3 .titlebox .more_btn {
        /* top: 140%; */
    }
}