.news_detail{padding:30px 0; background:#f2f2f2;}
.news_detail .shownews-body{background:#ffffff;}
.news_detail .details-title{padding:20px; border-bottom:1px solid #999999;}
.news_detail .details-title h1{font-size:30px; line-height:1.5; color:#000000;}
.news_detail .details-title .info{font-size:16px; color:#888;}
.news_detail .details-title .info span{padding-right:10px;}
.news-content{padding:30px; width:100%; max-width:100%; word-wrap:break-word;}
.news-both{border-top:1px solid #999; padding:30px;}
.news-both:after{display:block; content:''; clear:both;}
.news-both dir{display:block;}
.news-both dir dl{max-width:49%; border:1px solid #999; position:relative; padding:9px 15px; border-radius:3px; white-space:nowrap; overflow:hidden;}
.news-both dir dl.prev{float:left;}
.news-both dir dl.next{float:right;}
.news-both dir dl dt{display:inline;}
.news-both dir dl dt b{font-weight:normal; color:#686868;}
.news-both dir dl dt:after{content:':'; display:inline-block; padding-right:4px;}
.news-both dir dl dd{display:inline;}
.news-both dir dl dd a{color:#686868;}
.news-both dir dl dd a:before{position:absolute; inset:0; z-index:88; content:'';}
.news-both dir dl dd a:hover{color:#d01817;}
@media (min-width:768px){
.news_detail.right .shownews-body{float:right;}
}
@media (max-width:1440px){
.news_detail .details-title h1{font-size:24px;}
}
@media (max-width:767px){
.news_detail .details-title{padding-bottom:10px;}
.news_detail .details-title h1{font-size:22px;}
.news_detail .details-title .info{font-size:14px;}
.news-content{padding:15px;}
.news-both dir dl dt:after{display:none;}
.news-both dir dl dd{font-size:0;} 
}
.news_detail .tag{font-size:14px; color:#000000; padding:0 30px 30px;}
.news_detail .tag a{color:#000000; padding:5px;}
.news_detail .tag a:hover{color:#d01817;}
.news_detail .news-list{border-top:1px solid #fff; border-color:#999999; padding:20px 0;}
.news_detail .news-list b{display:block; font-weight:normal; font-size:18px; padding:0 0 10px 30px;}
.news_detail .news-list ul:after{display:block; content:''; clear:both;}
.news_detail .news-list ul li{float:left; width:50%; list-style:none; margin:0; padding:5px 0 5px 30px;}
.news_detail .news-list ul li:before{width:5px; height:5px; background:#000000; content:''; border-radius:5px; margin:0 6px 0 0; display:inline-block; opacity:.5}
.news_detail .news-list ul li a{color:#000000;}
.news_detail .news-list ul li a:hover{color:#d01817;}
@media (max-width:767px){
.news_detail .news-list ul li{width:100%}
}