.list-page{background: #fff; margin-top: .2rem}
.list-page .news-nav{width: 100%; margin-left: .1rem}
.list-page .news-nav ul li{float: left;background: #dcdcdc;font-size: .25rem;color:#333;border-radius: .03rem;margin-bottom: .15rem;}
.list-page .news-nav ul li a{ display: block; color: #333;background: #dcdcdc; padding: .15rem .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 #9a9a9a;}
.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: .26rem;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: .24rem;}
.up-down>a{border: 1px solid #c1c1c1;padding:.1rem; font-size: .24rem;}
.up-down>span>a{border: 1px solid #c1c1c1;padding:.1rem .2rem; color:#333; font-size: .24rem;}
.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: .25rem;color:#999;}
.details-page>.cont,.details-page>.cont p,.details-page>.cont span{font-size: .27rem;color:#333;line-height:1.6;text-align: left;}
.details-page>.cont{margin: .15rem 0; line-height: 1.6}
.details-page>.cont p{margin: .05rem 0;}
.details-page>.cont img{display: block;width: 100% !important;height:auto !important;}

.next-box{clear: both; overflow: hidden; padding: 0 0.15rem; margin:0.5rem 0 .1rem 0; border-radius: 0.1rem; box-shadow: 0 0 0.15rem rgba(30,37,79,0.4); -webkit-box-shadow: 0 0 0.15rem rgba(30,37,79,0.4); -moz-box-shadow: 0 0 0.15rem rgba(30,37,79,0.4); background-color: #FFF; }
.next-box p{ display: flex; font-size: .25rem; border-bottom: 1px dashed #D0D0D0; padding:0.2rem 0; line-height: 1.5; align-items: flex-start;}
.next-box p:last-child{ border-bottom: none; }
.next-box>p>a{ color: #333 }
.details-wz{ border-bottom:1px #ddd solid;background: #fff; 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; line-height: 1.6 }
.about-us{ padding:.1rem .2rem }

.bgh{ background: #f2f2f2; width: 98%; box-shadow: 0 0 .1rem #ddd; margin: 0 auto; border-radius: .15rem; margin-bottom: .25rem;padding: .4rem 0 0 0 }
.nyxg-tit{ padding: 0 .2rem; margin-bottom: .15rem;}
.nyxg-tit h2{ display: inline-block; font-size: .35rem;}
.nyxg-tit h2 img{ float: left; width: .34rem; margin-right: 0.2rem;}
.tit-more{ position: relative; float: right; color: #666; font-size: 0.24rem; line-height: 1.4; padding-left:.55rem; }
.tit-more:before{ content:''; position:absolute; left:0; top:0.1rem; width:.1rem; height:.1rem; border-radius:50%; background:#EFBD45;}
.tit-more:after{ content:''; position:absolute; left:0.2rem; top:0.1rem; width:.1rem; height:.1rem; border-radius:50%; background:#5C6DCB;}

.wtit{ height:.8rem; line-height: .8rem; color: #0f1835; font-size: .26rem; border-radius:.1rem; background:#f5f5f5; box-shadow: 0 0 .08rem #888; font-weight: bold; margin-top: .2rem; clear: both; }
.wtit li{ display: inline-block; width:32%; text-align: center; border-right: 1px #ddd solid  }
.wtit li:last-child{ border-right: 0 }

.pro-ser{ clear: both; overflow: hidden; margin-top: .3rem }
.pro-ser ul{ clear: both; overflow: hidden; padding: 0.2rem .15rem; background: url(../Images/dot-bg02.png) left top;  background-size: .1rem .1rem}
.pro-ser ul li{ float: left; width: 25%; color: #666; font-size: 0.28rem; line-height: 1.1; text-align: left; }
.pro-ser ul li img{ float: left; width: 0.26rem; height: 0.26rem; margin: 0.01rem 0.05rem 0 0; }
.pro-tels{ clear: both; overflow: hidden; position: relative; font-size: 0.26rem; line-height: 1.1; margin: 0.25rem 0; text-align: right; color: #666 }
.pro-tels:before{ content: " "; display: block; position: absolute; left: 0; top: 0.15rem; width: 100%; border-bottom: 1px dashed #7896DE; z-index: 5; }
.pro-tel{ position: inherit; z-index: 6; float: right; padding:0 0.15rem; background-color: #FFF; }
.pro-tel img{ width: .35rem; height: .35rem; margin-right: 0.1rem; }
.pro-tel a{ font-size:.32rem; }