#logo{
    width: 100%;
    height: 1.3rem;
    background: #fff;
    top: 0;
    left: 0;
    align-items: center;
    position: initial;
}
#logo h1 img{
    width: 1.55rem;
    height: .4rem;
}
#logo .nav li span {
    color:#000;
}

#banner{
    width: 100%;
    height: 4.89rem;
}
.banner-container {
    width: 100%;
    height: 100%;
    background-image: url('../imgs/news_banner.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
}

#newsList{
    width: 100%;
    /* height: 11.74rem; */
    background: #F5F5F5;
}

.news-container{
    width: 100%;
    height: 100%;
    background: url('../imgs/news_list_bg.png') no-repeat left 0.07rem;
    background-size: 5.41rem 1.38rem;
    padding: .29rem 3.6rem .62rem;
    display: flex;
}
.news-content-left {
    width: 2.4rem;
    margin-right: .3rem;
}
.news-content-left .tip{
    margin-bottom: .3rem;
}
.news-content-left .tip p{
    color: #8A8A8A;
    font-size: .18rem;
}
.news-content-left .tip p a{
    font-size: .18rem;
    color:#313131;
}
.news-content-left .tip p i{
    color: #8A8A8A;
    font-size: .14rem;
    letter-spacing: -2px;
    margin: 0 .1rem 0 .05rem;
}
.news-content-left .tip p span{
    font-size: .18rem;
    color:#EF6646;
    cursor: pointer;
}
.news-content-left .contact{
    width: 2.4rem;
    height: 2.4rem;
    background: #EF6646;
    padding: .22rem .12rem 0 .18rem;
}
.contact h2{
    font-size: .24rem;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: .32rem;
}
.contact ul li{
    display: flex;
    margin-bottom: .21rem;
    align-items: flex-start;
}
.contact ul li a{
    width: 100%;
    display: flex;
}
.contact ul li img{
    width: .19rem;
    height: .17rem;
    margin-right: .12rem;
    margin-top: .02rem;
}
.contact ul li span{
    font-size: .16rem;
    line-height: .22rem;
    font-weight: 500;
    color: #FFFFFF;
}

.news-content-right{
    width: 9.3rem;
    height: 100%;
    margin-top: .48rem;
}
.news-content-right .news-list {
    width: 100%;
    /* height: 9.68rem; */
    background: #fff;
    padding: .27rem .42rem .16rem .42rem;
}
.news-content-right .news-list li {
    width: 100%;
    height: .92rem;
    padding: 0 .06rem 0 .05rem;
    border-bottom: 1px solid #d2d2d2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.news-content-right .news-list li:hover{
    border-bottom: 1px solid #EF6646;
}
.news-content-right .news-list li:hover p{
    color: #EF6646;
}
.news-content-right .news-list a:last-of-type li{
    border-bottom: 0;
}
.news-content-right .news-list li p {
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .24rem;
    font-weight: 400;
    color: #575656;
}
.news-content-right .news-list li span{
    font-size: .18rem;
    font-weight: 400;
    color: #A8A8A8;
}
.page-box{
    margin-top: .53rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-box img{
    width: .09rem;
    height: .15rem;
    margin-right: .29rem;
    cursor: pointer;
}
.page-box .pages-list{
    display: flex;
    align-items: center;
}
.page-box .pages-list li{
    font-size: .18rem;
    font-weight: 400;
    margin-right: .2rem;
    cursor: pointer;
}
.page-box .pages-list li a{
    color: #222;
}
.page-box .pages-list li:hover a{
    color:#EF6646;
}
.page-box .pages-list .active a{
    color: #478CFE;
    font-weight: 500;
}
.jump{
    display: flex;
    align-items: center;
}
.jump span{
    font-size: .18rem;
    color: #222;
}
.jump input{
    width: .4rem;
    height: .38rem;
    border: 1px solid #ccc;
    margin: 0 .15rem;
    font-size: .18rem;
    color:#333;
    text-align: center;
    border-radius: .03rem;
    outline: none;
}
.jump .submit{
    width: .80rem;
    height: .38rem;
    margin: 0rem .07rem;
    border-radius: .03rem;
    border: 1px solid #ddd;
    text-align: center;
    line-height: .38rem;
    color:#333;
    font-size: .18rem;
    cursor: pointer;
}
.jump .submit:hover{
    background: #10c55b;
    color: #fff;
}