@import url("header.css");
@import url("banner.css");
@import url("footer.css");

.products{width: 100%; height: auto;font-size: 0.12rem;;text-align: center;margin-bottom: 0.5rem}
.newslist{width: 10rem;height: auto;margin: 0 auto;margin-top: 0.3rem;}
.newslist .newsitem{width: calc(33.33% - 0.3rem);height: 3rem;display: inline-block;margin-right: 0.1rem;text-align: center;float: left;cursor: pointer;text-decoration: none;color: #000000;}
.newslist .newsitem img{width: 95%;height: 2.2rem;border-radius: 0.1rem;}
.newslist .newsitem .name{text-align: left;width: 95%;padding: 0 2.5%; font-size: 0.14rem;font-weight: bold;height: 0.2rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;word-break:break-all;word-wrap: break-word;}
.newslist .newsitem .desc{text-align: left;width: 95%;padding: 0 2.5%;font-size: 0.12rem;margin-top: 0.05rem;height: 0.32rem;
    overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break:break-all;word-wrap: break-word;
}
.pagewap{width: 10rem;height: 0.4rem;margin: 0 auto;text-align: center;display: flex;}
.pagination{width: auto;height: 0.4rem;margin: 0 auto;display: flex;list-style: none;text-align: center;}
.pagination li{width: 0.3rem;height: 0.3rem;text-align: center;line-height: 0.3rem;border: 1px solid #dddddd;margin: 0 2px;}
.pagination li a,.pagination li span{text-decoration: none;font-size: 0.16rem;}

@media screen and (max-width: 1200px) {
    .newslist,.pagewap{
        width: 100%;
    }
    .newslist .newsitem{
        width: calc(33.33% - 0.1rem);
        height: 3.3rem;
    }
    .newslist .newsitem .name{
        height: 0.25rem;
        line-height: 0.25rem;
    }
}