@charset "utf-8";
/****************************news******************************/
/*newsTit*/
.newsTit { width: 100%; overflow: hidden; height: 3rem; line-height: 3rem; }
.newsTit h3 { font-size: 1.6rem; color: #333; float: left; line-height: 3rem;}
.newsTit i { font-size: 1rem; color: #aaa; float: right; }

/*NewsLeft*/
.NewsContent { background:#f5f5f5; overflow: hidden; padding: 4rem 0; }
.NewsLeft { overflow: hidden; padding: 0 2% 0 0; }
.NewsLeft .tab-hd { overflow:hidden; background: #fff; }
.NewsLeft .tab-hd li { font-size: 1.4rem; color:#333; box-sizing: border-box; padding: 2rem 0 1rem 0; border-bottom: 1px solid #e6e6e6; text-align:center; cursor:pointer;}
.NewsLeft .tab-hd li.active { border-bottom: 2px solid #ff7800; color: #ff7800; }
.NewsLeft .tab-bd { background: #fff; overflow: hidden; }
.NewsLeft .tab-bd ul { display:none; padding:0 3%; border-top:0 none; font-size:24px; }
.NewsLeft .tab-bd ul.thisclass { display:block;}
.NewsLeft .tab-bd ul li { border-bottom: 1px solid #f0f0f0; overflow: hidden; padding: 3% 0; }
.NewsLeft .tab-bd ul li .article-img { height: 12rem; }
.NewsLeft .tab-bd ul li .article-img figure { width:100%; height:12rem; overflow:hidden; display: table-cell; vertical-align:middle; text-align:center;}
.NewsLeft .tab-bd ul li .article-img figure img {max-width:100%; max-height:12rem; display:block; margin:0 auto;}
.NewsLeft .tab-bd ul li .article-content { overflow: hidden; padding: 0 0 0 3%; }
.NewsLeft .tab-bd ul li .article-content h3 { font-size: 1.8rem; height: 2rem; line-height: 2rem; color: #333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.NewsLeft .tab-bd ul li .article-content p { font-size: 1.3rem; color: #666; line-height: 2rem; height: 4rem; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.NewsLeft .tab-bd ul li .article-content .article-author { font-size: 1.2rem; color: #999; overflow: hidden; padding: 1rem 0; }
.NewsLeft .tab-bd ul li .article-content .article-author div { float: left; padding: 0 3rem 0 0; }
.NewsLeft .tab-bd ul li .article-content .article-author div i { font-size: 1.2rem; vertical-align: middle; display: inline-block; margin: -2px 5px 0 0; }
.NewsLeft .tab-bd ul li .article-content .article-tag { font-size: 1.2rem; padding: 1rem 0 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.NewsLeft .tab-bd ul li .article-content .article-tag h4 { font-size: 1.2rem; color: #999; display: inline-block; }
.NewsLeft .tab-bd ul li .article-content .article-tag span { color: #ff7800; padding: 0 1rem 0 0; }


/*NewsRight*/
.NewsRight { overflow: hidden; }
.HotBox { background: #fff; overflow: hidden; padding: 1rem; margin: 0 0 1rem 0; }

/*NewsSearch*/
.NewsSearch div { border:0.1rem solid #ececec; background: #fafafa; height: 3rem; line-height: 2.8rem; border-radius: 2rem; }
.NewsSearch div .NewsSearchInput { float: left; font-size: 1.2rem; color: #757575; width: 80%; background: #fafafa; border:none; border-radius: 2rem; padding: 0 0 0 5%; }
.NewsSearch div .NewsSearchButton { float: left; width: 20%; border:none; background: url(../images/news/searchicon.png) no-repeat center center; background-size:1.8rem; }

/*HotProduct*/
.HotProduct ul li { height: 4rem; line-height: 4rem; text-align: center; border-bottom: 1px solid #f2f2f2; overflow: hidden; }
.HotProduct ul li i { float:left; width: 10%; font-size: 2rem; color: #aeafaf; }
.HotProduct ul li span { float: left; width: 65%; text-align: center; font-size: 1.4rem; color: #666; }
.HotProduct ul li b { float: left; font-weight: normal; width: 23%; border: 1px solid #dcdcdc; height: 2.2rem; line-height: 2rem; margin: 0.8rem 0; font-size: 1.2rem; color: #aaa; border-radius: 1rem;  }
.HotProduct ul li:hover i,.HotProduct ul li:hover span { color: #ff7800; }
.HotProduct ul li:hover b { background:#ff7800; color: #fff; border: 1px solid #ff7800;  }
.HotProduct ul li a { display: block; width: 100%; height: 100%; overflow: hidden; }

/*HotSearch*/
.HotSearch ul li { float: left; height: 2.8rem; line-height: 2.8rem; font-size: 1.4rem; margin: 0.8rem 0.5rem 0 0; }
.HotSearch ul li a { color: #666; display: block; border: 1px solid #dcdcdc; padding: 0 1.5rem; border-radius: 3rem;  }
.HotSearch ul li a:hover { background:#ff7800; color: #fff; border: 1px solid #ff7800; }

/*NewsGuide*/
.NewsGuide .guideImg { width: 100%; height: 13rem; overflow: hidden; margin:0.5rem 0;}
.NewsGuide .guideImg a { display: block; width: 100%; height: 100%; overflow: hidden; }
.NewsGuide ul li { font-size: 1.4rem; line-height: 2.5rem; }
.NewsGuide ul li a { display: block; color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.NewsGuide ul li a:hover { color: #ff7800; }

/*HotNews*/
.HotNews ul li { width: 100%; overflow: hidden; border-bottom: 1px solid #f2f2f2; padding: 1.5rem 0; }
.HotNews ul li .article-img { height: 5rem; }
.HotNews ul li .article-txt { height: 5rem; padding: 0 0 0 5%; }
.HotNews ul li .article-txt h3 { font-size: 1.4rem; height: 2rem; line-height: 1.5rem; color: #333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.HotNews ul li .article-txt p { font-size: 1.2rem; color: #999; line-height: 1.5rem; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.HotNews ul li a:hover .article-txt h3{ color: #ff7800; }


/****************************news_show******************************/
.NewsDetail { background: #fff; padding: 0 0 2rem 0; }
.News_place {  font-size: 1.4rem; color:#999; padding: 1.8rem 3% 1.2rem 3%; border-bottom: 1px solid #eee; overflow: hidden; }
.News_place a { color: #333; display: inline-block; }.News_place a:hover { color: #ff7800; }
.News_head { padding: 3%; overflow: hidden; }
.News_head .article-title { font-size: 2.6rem; color: #333; }
.News_head .article-author { font-size: 1.4rem; color: #999; overflow: hidden; padding: 1rem 0 1.5rem 0; }
.News_head .article-author div { padding: 0 1.5rem 0 0; }
.News_head .article-author div i { font-size: 1.4rem; vertical-align: middle; display: inline-block; margin: -2px 5px 0 0; }
.News_head .article-author div a { color: #ff7800; }
.News_head .article-abstract { background: #f5f5f5; padding:1.5% 2%; font-size: 1.4rem; color: #999; line-height: 2rem; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.News_con { padding: 3%; font-size: 1.4rem; line-height: 2; color: #545454; overflow: hidden; text-indent: 2em; }
.News_con h2 { font-size: 2rem; color: #333; font-weight: 700; padding-bottom: 1rem; border-bottom: 1px solid #e5e5e5; margin-bottom: 1rem; margin-top: 2rem;text-indent: 0;}
.News_con h3 { font-size: 1.8rem; color: #333; padding-left: 1.2rem; line-height: 1.5rem; position: relative; margin-top: 2.5rem; margin-bottom: 1.4rem;text-indent: 0;}
.News_con h3:after { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%;
    background: #ff7800;
    background: linear-gradient(to bottom,#ffa423 0,#ff7800 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa423', endColorstr='#ff7800', GradientType=0);
}
.News_page { width: 94%; margin: 0 3%; padding: 2% 0; overflow: hidden; font-size: 1.4rem; border-top: 1px solid #eee;}
.News_page ul { overflow: hidden; }
.News_page ul li { height: 2.5rem; line-height: 2.5rem; color: #999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.News_page ul li a { color: #666; display: inline-block;  }
.News_page ul li a:hover { text-decoration: underline; color: #ff7800; }
.News_recommend { width: 94%; margin: 0 auto; padding: 3% 0; border: 1px solid #eee; }
.News_recommend h2 { font-size: 2rem; color: #333; padding: 0 3% 2% 3%; }
.News_recommend ul { overflow: hidden; padding: 0 1%;  }
.News_recommend ul li { overflow: hidden; }
.News_recommend ul li a { display: block; width: 90%; margin: 0 auto; }
.News_recommend ul li span { display: block; width: 100%; height: 12rem; }
.News_recommend ul li p { font-size: 1.4rem; color: #666; padding: 1rem 0 0 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.News_recommend ul li a:hover p { color: #ff7800;  }
.bdsharebuttonbox { padding:1rem 3%; float: right; overflow: hidden;}


@media (min-width: 992px) and (max-width:1199px) {
	.HotProduct ul li span { width: 90%; }
	.HotProduct ul li b { display: none; }
}
@media (min-width: 768px) and (max-width: 992px) {
	.HotProduct ul li span { width: 90%; }
	.HotProduct ul li b { display: none; }
}
@media (min-width: 300px) and (max-width: 768px) {
	.HotProduct ul li span { width: 90%; }
	.HotProduct ul li b { display: none; }

	.NewsLeft { padding: 0; }
	.NewsRight { display: none; }
	.NewsLeft .tab-hd li { font-size: 1.6rem; }
}

@media (min-width: 700px) and (max-width: 812px) {

}
@media (min-width: 300px) and (max-width: 568px) {
	.NewsLeft .tab-bd ul li .article-img { height: 8rem; }
	.NewsLeft .tab-bd ul li .article-content p { height: 2rem; -webkit-line-clamp:1; }
	.NewsLeft .tab-bd ul li .article-content .article-author { padding: 0.4rem 0; }
	.NewsLeft .tab-bd ul li .article-content .article-tag { padding: 0.5rem 0 0 0; }

	.News_recommend ul li span { height: 8rem; }
}