﻿*{
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    color: #656565;
}
.news{
    width: 1200px;
    min-height: 900px;
    margin: auto;
}
.news-top{
    width: 100%;
    height: 30vh;
    background: url("../images/newslist-top.jpg") no-repeat center;
    background-size: cover;
    margin-top: 90px;
}
.news-center{
    width: 850px;
    margin: auto;
    padding-top: 50px;
}
.news-center-title{
    width: 100%;
    border-bottom: 1px solid #eeeeee;
}
.center-title-text{
    width: 100%;
    height: 148px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-top: 10px;
}
.bus-detail-title{
    width: 85%;
    margin:  0 auto;
}
.bus-detail-title h1{
    font-size: 22px;
    font-weight: inherit;
    color: #333333;
}
.bus-time{
    font-size:  15px;
    margin-top: 15px;
    color: #333;
}
.bus-time span{
    font-size: 13px;
    margin-left: 10px;
    color:  #888;
}
h1{
    font-size: 24px;
    font-weight: bold;
    color: #333333;
}

.news-center-box{
    width: 100%;
    margin:45px auto 0;
    text-align: center;
}
.news-center-text{
    text-align: left;
    margin-top: 50px;
}
p{
    height: auto;
    color: #656565;
    padding-bottom: 10px;
}
.news-center-text p{
    color: #656565;
    padding-bottom: 10px;
    line-height: 25px;
    font-size: 14px;}
.news-center-box img{width: 100%;}
.detail-page{
    width: 850px;
    margin: auto;
}

/*手机端样式*/
@media screen and (max-width: 1025px) and (min-width: 320px){
    .news-top {
        width: 100%;
        height: 4rem;
        margin-top: 1rem;
    }
    .news-center {
        width: 90%;
        height: auto;
        margin: 0 auto;
    }
    .news-center-title{
        height: auto;
        margin-bottom: 0.3rem;
    }
    .news {
        width: 100%;
        height: auto;
    }
    .news-center-box {
        height: auto;
        flex-direction:column;
        align-content: space-between;
        margin: 0.3rem auto 0;
        width: 100%;
    }
    .news-center-box img {
        width: 100%;
    }
    .news-center-text p {
        width: 100%;
        padding-bottom: 0.2rem;
        line-height: 0.4rem;
        margin: 0 auto;
        text-indent: inherit;
    }
    .news-center-text img{
        width: 100% !important;
        height: auto !important;
        margin: 0 auto;
    }
    .center-title-text {
        width: 100%;
        height: auto;
        margin: 0.2rem 0;
    }
    h1 {
        font-size: 0.35rem;
        font-weight: bold;
        color: #333333;
    }
    .center-title-text p{
        font-size:0.26rem !important;
        line-height:0.4rem;
        padding: 0.2rem 0;
    }
    .center-title-text span{
        font-size:0.26rem !important;
        line-height:0.4rem;
    }
    .news-center-text {
        text-align: left;
        margin-top: 0.5rem;
    }
    .detail-page{
        width: 100%;
    }
}