#l-container>.inner{padding-bottom: 1.25rem;}
.ttBox{
    margin-bottom: 0.62rem;
}
.ttBox .title{
    font-size: 0.3rem;
    font-family: 'HY';
}
.mainbox01{
    padding-bottom: 1.2rem;
}
.mainbox01 .ttBox{
    width: 14.73rem;
    margin: 1rem auto 0.62rem;
}
.mainbox01 .ttBox .title{color:#0A2F99;}
.mainbox01 .news_list.u1{margin-bottom: 0.3rem;}
.mainbox01 .news_list.u2{
    transform: rotate(180deg);
}
.mainbox01 .news_list.u2 .news{
    transform: rotate(-180deg);
}
.mainbox01 .news{
    margin: 0 0.15rem;
}
.mainbox01 .news_imgs{padding-top: 74.83%;}

.mainbox02 .inner{padding-bottom: 1.2rem;}
.mainbox02 .news{
    width: 31.86%;
    float: left;
    margin-right: 2.21%;
    margin-bottom: 0.5rem;
}
.mainbox02 .news:nth-child(3n){margin-right: 0;}
.mainbox02 .news_imgs{
    padding-top: 46.17%;
    filter:grayscale(1);
    transition:0.4s;
}
.mainbox02 .news_con{
    padding: 0.3rem 0;
    transition: 0.4s;
}
.mainbox02 .news_con>a{
    display: block;
    background: url(../images/arrow_r.png) no-repeat right center / 0.17rem 0.25rem;
    font-size: 0.21rem;
    transition: 0.4s;
}
.mainbox02 .news_title{
    font-size: 0.22rem;
}
.mainbox02 .news:hover .news_imgs{
    filter:grayscale(0);
}
.mainbox02 .news:hover .news_con>a{
    padding-left: 0.3rem;
    background-image: url(../images/arrow03.png);
}
.mainbox02 .news:hover .news_con>a .news_title{color: #00000080;}
@media screen and (max-width: 999px) {
    .ttBox,
    .mainbox01 .ttBox{
        width:100%;
        margin:30px 0;
    }
    .mainbox01,.mainbox02 .inner{padding-bottom:40px;}
    .mainbox01 .news{margin:0 5px;}
    .mainbox01 .news_list.u1{margin-bottom:10px;}
    .mainbox02 .news{margin-bottom:20px;}
    .mainbox02 .news_imgs{filter:grayscale(0);}
}
@media screen and (max-width: 767px){
    .mainbox02 .news_con{padding:10px 0;}
    .mainbox02 .news_list .news{
        width:48%;
        margin:10px 1%;
    }
}
@media screen and (max-width: 479px){
    .ttBox, .mainbox01 .ttBox{margin:20px 0;}
    .ttBox .title{font-size:20px;}
    .mainbox02 .news_title{font-size:16px;}
    .mainbox02 .news_con>a{background-size:10px auto;}
}