.header-box {
    background: #04498e;
}

/* 标题 */
.tit-box {
    background: #f7f7f7;
    height: 3.3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 1.35rem;
}

.tit-box .date {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: .15rem;
}

.tit-box .date img {
    max-width: .3rem;
    margin-right: .15rem;
}

.tit-box .date span {
    font-size: .18rem;
    color: #9e9e9e;
}

.tit-box h1 {
    font-size: .48rem;
    color: #100f14;
    line-height: 120%;
}

/* 正文 */
.main-box {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.main-box .cont-box {
    width: calc(100% - 5.2rem);
}

.main-box .cont-box .cont {
    font-size: .18rem;
    border-bottom: 1px solid #333;
    padding-bottom: .8rem;
}

.main-box .cont-box .cont img {
    max-width: 100%;
    width: auto;
    display: initial;
}

.main-box .cont-box .page {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.main-box .cont-box .page,
.main-box .cont-box .page a {
    font-size: .18rem;
}


.main-box .news-box {
    width: 4.5rem;
}

.main-box .news-box .item {
    width: 100%;
    margin-right: .9rem;
    background: #f7f7f7;
    overflow: hidden;
    border-radius: .2rem;
    height: 2.7rem;
    margin-bottom: .15rem;
}

.main-box .news-box .item a {
    display: flex;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
    align-content: center;
}

.main-box .news-box .item:nth-child(3n) {
    margin-right: 0;
}

.main-box .news-box .item img {
    width: auto;
}

.main-box .news-box .item .date,
.main-box .news-box .item .tit,
.main-box .news-box .item .icon {
    width: 80%;
    margin: 0px auto;
}

.main-box .news-box .item .date {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: .25rem;
}

.main-box .news-box .item .date span {
    font-size: .18rem;
    color: #9e9e9e;
}

.main-box .news-box .item .date img {
    max-width: .3rem;
    margin-right: .15rem;
}

.main-box .news-box .item .tit {
    font-size: .18rem;
    color: #333333;
    line-height: 160%;
}

.main-box .news-box .item .icon {
    margin-top: .45rem;
}

.main-box .news-box .item .icon img {
    max-width: .45rem;
}

/* （2k以上） */
@media only screen and (min-width:1441px) {}

/*（2k） */
@media only screen and (max-width:1440px) {}

/*（包含1080） */
@media only screen and (max-width:1200px) {
    .tit-box{
        height: auto;
        padding: 15px 10px;
    }
    .tit-box .date img {
        max-width: 20px;
    }

    .tit-box .date span {
        font-size: 14px;
    }
    .tit-box h1{
        font-size: 28px;
    }
    .main-box .cont-box .cont{
        font-size: 14px;
    }
    .main-box .cont-box .page, .main-box .cont-box .page a{
        font-size: 16px;
    }
    .main-box .news-box .item .date span{
        font-size: 14px;
    }
    .main-box .news-box .item .date img{
        max-width: 20px;
    }
    .main-box .news-box .item .tit{
        font-size: 14px;
    }
    .main-box .news-box .item .icon{
        margin-top: 10px;
    }
    .main-box .news-box .item .icon img{
        max-width: 30px;
    }
}

/*（2010年到2016年间的笔记本和屏幕）*/
@media only screen and (max-width:960px) {
    .main-box .cont-box .page{
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .main-box .cont-box{
        width: 90%;
        margin: 0px auto;
    }
    .main-box .news-box{
        display: none;
    }
    
    .main-box .cont-box .page .item{
        width: 100%;
    }
}

/*（或者760px与480px） */
@media only screen and (max-width:760px) {
    .tit-box{
        margin-top: 70px;
    }
    .tit-box h1{
        font-size: 24px;
    }
}