.newsdetail{background:; }
.newsdetail h1{text-align:center; margin-bottom:8px;font-size: 26px;color: #000;font-weight:bold;}
.newsdetail article>main{width: 688px;float:left;}
.newsdetail article>main .news_conent{border: solid 1px #d5d5d5;padding: 15px;overflow: hidden;background: #fff;}
.newsdetail article>main div.news_top{margin-bottom:18px; text-align:center; opacity:.68;line-height: 24px;border-bottom: 1px solid #E5E5E5;padding-bottom: 20px;}
.newsdetail article>main div.news_top b{font-weight:inherit;}
.newsdetail article>main div.news_top i{font-style:inherit; margin-right:18px;}
.newsdetail article>main div.news_top i:last-child{margin:0;}

.newsdetail aside{margin-bottom:18px;padding: 30px 15px 0 10px;overflow: hidden;} 
.newsdetail dir{padding-top:18px; border-top:1px solid #f0f0f0;}
.newsdetail dir:after{display:block; content:''; clear:both;}
.newsdetail dir>dl{background: #f7f7f7;padding: 10px;}
.newsdetail dir>dl:after{display:block; content:''; clear:both;}
.newsdetail dir>dl:first-child{}
.newsdetail dir>dl>dt{float:left; margin-right:8px; opacity:.88;}
.newsdetail dir>dl>dt b{font-weight:inherit;}
.newsdetail dir>dl>dd{float:left;}
.newsdetail dir>dl>dd i{font-style:inherit;}
.newsdetail dir>dl>dd a{ font-weight: bold;color: #104291; }
.newsdetail dir>dl>dd a:hover{ text-decoration: underline;color: #c63614;}

.newsdetail .tag{margin-bottom:18px; text-align:left;}
.newsdetail .tag a{display:inline-block; margin-right:8px; border:1px solid #f0f0f0; padding:2px 8px; border-radius:3px;}

.newsdetail article>main .detail_product{border: solid 1px #d7d7d7;background: #fff;margin-top: 15px;display: grid;}
.newsdetail article>main .detail_product h4.title{margin-bottom: 10px;background: #008CE1;line-height: 30px;text-indent: 15px;font-weight: bold;color: #fff;}
.newsdetail article>main .detail_product .com_con{display: inline-flex;}
.newsdetail article>main .detail_product dl{padding: 10px;float: left;}
.newsdetail article>main .detail_product dl dt a{border: solid 1px #d7d7d7;padding: 1px;display: block;}
.newsdetail article>main .detail_product dl dt a:hover{border: solid 1px #008CE1;}
.newsdetail article>main .detail_product dl dt a img{display: block;width: 100%;}
.newsdetail article>main .detail_product dl dd {overflow: hidden;line-height: 40px;text-align: center;}
.newsdetail .sidebar{width: 275px;float: right;border: solid 1px #d5d5d5;background: #fff;overflow: hidden;}
.newsdetail .sidebar h4.title{background: #E2E2E2;line-height: 28px;text-indent: 15px;color: #000;font-weight: bold;}
.newsdetail .sidebar ul{background: url(../box/images/news_list_bg.gif) no-repeat 10px 10px; margin: 8px auto;overflow: hidden;padding: 5px 15px;}
.newsdetail .sidebar ul li{line-height: 24px;overflow: hidden;text-overflow: ellipsis;padding-left: 20px;height: 24px;overflow: hidden;}
@media(max-width:767px){
.newsdetail .tag{margin-bottom:8px;}
.newsdetail .tag a{margin-right:4px; padding:2px 8px;}
}
@media(min-width:992px){
.newsdetail{padding-top:28px; padding-bottom:28px;}
.newsdetail dir>dl{width: 50%;float: left;}
}
@media(max-width:991px){
.newsdetail{padding-top:18px; padding-bottom:18px;} 
.newsdetail dir>dl{width: 100%;float: none;}
.newsdetail dir>dl:last-child{border-top: 1px solid #f0f0f0;}
}
@media(max-width:768px){
.newsdetail article>main{width: 100%;float: none;}
.newsdetail .sidebar{width: 100%;float: none;margin-top: 15px;}
}
@media(max-width:767px){
.newsdetail h1{font-size:24px; margin-bottom:4px;}
.newsdetail aside{margin-bottom:8px;} 
.newsdetail dir{padding-top:8px;}
.newsdetail article>main div.news_top{margin-bottom:8px;}
.newsdetail article>main .detail_product .com_con{display: block;}
}