body.list .bannerBox .left_box>.col_list{display: none;}
.mainbox01 .inner{padding: 1rem 0 0.7rem;}
.mainbox01 .post9{display: none;}
.mainbox01 .post9.showSelf{display: block;}
.mainbox01 .title{margin-bottom: 0.5rem;}
.mainbox01 .title_cn{
    font-size: 0.5rem;
    font-family: 'HY';
}
.mainbox01 .title_en{
    font-size: 0.36rem;
    font-family: 'Ges';
    margin-left: 0.57rem;
    margin-top: 0.1rem;
}
.mainbox01 .news{
    float:left;
    width:22.96%;
    margin-right:2.7%;
    margin-bottom:1rem;
}
.mainbox01 .news:nth-child(4n){margin-right:0;}
.mainbox01 .news_imgs{padding-top:73.67%;margin-bottom:0.15rem;}
.mainbox01 .news_imgs img{object-fit:contain;}
.mainbox01 .news_con>a{
    padding-left: 0.4rem;
    display:block;
    background:url(../images/sous3.png) no-repeat left top 0.1rem / 0.24rem auto;
}
.mainbox01 .news_con:hover>a .news_title{color: #00000080;}

.mainbox02 .inner{padding-bottom:0.4rem;}
.mainbox02 .news{
    float: left;
    border-left:0.04rem solid #000;
    padding-left:0.2rem;
    margin-bottom:1rem;
    width:26.5%;
    margin-right:10.1%;
    box-sizing:border-box;
    background:url(../images/arrow05.png) no-repeat right top / 0.18rem auto;
    transition:0.4s;
}
.mainbox02 .news.hideSelf{display: none;}
.mainbox02 .news:nth-child(3n){margin-right:0;}
.mainbox02 .news .news_title,
.mainbox02 .news .short_title{
    line-height:1;
}
.mainbox02 .news .news_title{
    margin-bottom:0.15rem;
}
.mainbox02 .news .short_title{
    font-size:0.2rem;
    font-family:'Ges';
    color:#000;
}
.mainbox02 .news:hover{
    border-left:0.04rem solid #2f74ff;
    background-image:url(../images/arrow05_b.png);
}
.mainbox02 .news:hover a{opacity:0.5;}
@media screen and (max-width: 999px){
    .mainbox01 .inner{padding:40px 0;}
    .mainbox01 .title_cn{font-size:22px;}
    .mainbox01 .title{margin-bottom:20px;}
    .mainbox01 .news{
        width:31.3%;
        margin:10px 1%;
    }
}
@media screen and (max-width: 767px){
    .mainbox01 .news{width:48%;}
    .mainbox02 .news_list .news{width:40%;margin:10px 5%;}
}
@media screen and (max-width: 479px){
    .mainbox01 .news{width:98%;}
    .mainbox02 .news_list .news{width:100%;margin:10px 0;}
}