.list-page{background: #fff;margin-bottom: .1rem;}
.list-page .news-nav{width: 100%; margin-left: .1rem}
.list-page .news-nav ul li{float: left;background: #dcdcdc;font-size: .24rem;color:#333;border-radius: .03rem;margin-bottom: .15rem;}
.list-page .news-nav ul li a{ display: block; color: #333;background: #dcdcdc; padding: .1rem .3rem;border-radius: .03rem;}
.list-page .news-nav ul li a.on{background: #02bab1;color:#fff; display: block;}
.list-page .news-nav ul li{margin-left: .15rem;}
.news-list{ padding:0 .1rem; }
.news-list a{display: block;width: 100%;overflow: hidden;margin-top: .2rem;padding-bottom: .2rem;border-bottom: 1px dashed #02bab1;}
.news-list a .img{width: 2.31rem;margin-right: .2rem;}
.news-list a .text{width: 4.5rem;}
.news-list a .text>p{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: .24rem;color:#333;}
.news-list a .text>span{display: block;width: 100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;font-size: .18rem;color:#666;line-height: .28rem;margin-top: .2rem;}
.up-down{margin:.2rem auto;text-align: center; font-size: .2rem;}
.up-down>a{border: 1px solid #c1c1c1;padding:.1rem; font-size: .2rem;}
.up-down>span>a{border: 1px solid #c1c1c1;padding:.1rem .2rem; color:#333; font-size: .2rem;}
.prevPage{color: red;}
.up-down>span>.on{color:#fff;background-color: orange;border: none;margin: .1rem;}
.up-down>span>.active{color:#fff;background-color: orange;border: none;margin: .1rem;}
.details-page{background: #fff;text-align: center;padding: .2rem;margin-bottom: .2rem;}
.details-page>h3{font-size: .3rem;color:#333;width: 100%;padding: .2rem 0;line-height: .38rem;}
.details-page>span{display: inline-block;margin-right: .2rem;font-size: .2rem;color:#999;}
.details-page>.cont,.details-page>.cont p,.details-page>.cont span{font-size: .22rem;color:#333;line-height: .3rem;text-align: left;}
.details-page>.cont{margin: .15rem 0; line-height: 1.8}
.details-page>.cont p{margin: .1rem 0;}
.details-page>.cont img{display: block;width: 100%;margin: .12rem auto;}
.next-box{ margin: .2rem 0; clear: both; font-size: .2rem; text-align: left; height: auto; overflow: hidden; }
.next-box>p{ line-height: 2.5; border-top:1px #ddd solid; }
.next-box>p>a{ color: #333 }
.details-wz{ background: #f5f5f5; line-height:3; padding: 0 .2rem; font-size:.25rem }
.details-wz a{ color:#333}


.midimg{ width: 95%; margin: .1rem 2%; border:1px #ddd solid; padding: 1px }
#marquee{ height: 2.5rem !important; overflow: hidden; }
#allmap{ width: 96%; margin: .1rem 2%; height: 4rem }
#article{ text-align: left; }
.about-us{ padding:.1rem .2rem }