@charset "utf-8";

/*
PC
*/
@media(min-width:769px){
	
	
	body{ background:#ccc;}
	
	.banner{ height:450px; overflow:hidden;background: url(/images/news/bg.jpg) top center no-repeat;background-attachment: scroll; background-size: auto;background-size: cover;background-attachment: fixed; background-color:#222;}

	.banner_video{ height:450px; overflow:hidden; }
	.banner_video video{ width:100%; display:none;}

	.banner_bottom{ height:450px; overflow:hidden; position:relative; top:-450px;}
	
	
	.banner .banner_box{ height:390px; overflow:hidden;}
	
	.banner .banner_box .title{  font-size: 24px; color:#fff;}
	.banner .banner_box .title_sub{ margin-top:150px;font-size: 58px; color:#fff; font-weight:bold; font-family: Cambria; padding-bottom:10px;}
	
	
	

	.category .category_bg{ height:60px; background:#c70c1f;height:60px; -moz-opacity: 0.8;opacity: .80;filter: alpha(opacity=80);}
	.category_nav{ position:relative; height:60px; top:-60px;}
	.category ul li { float:left;  width:150px;}
	.category ul li a{ display:block; height:60px; line-height:60px; font-size:16px; color:#fff; text-align:center;}
	.category ul li a:hover,
	.category #chk{color:#c70c1f; background:#222;
	-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease;
	}
	
	
	
	
	.page{ padding:50px 0px;}
	
	.news_lst a{ width:390px; height:260px; background:#fff; display:block; float:left; margin-right:15px; margin-bottom:15px;border-radius:5px;  box-shadow: 0 0 10px 0 rgba(0,0,0,.1);}
	.news_lst a:hover{box-shadow: 0 0 10px 0 rgba(0,0,0,.1);}
	.news_lst #clearBorder{ margin:0px;}
	
	.news_lst .box{ padding:35px;}
	.news_lst .date{ line-height:25px; font-size:30px;font-weight:bold; padding-bottom:10px;font-family: Arial; color:#222;}
	.news_lst .hit{line-height:25px; color:#aaa;}
	.news_lst .tit{ font-size:18px;  height:70px; line-height:35px;  color:#222; overflow: hidden;
			display: block;
			display: -webkit-box;
			white-space: normal !important;
			text-overflow: ellipsis;
			word-wrap: break-word;
			word-break: break-all;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}
	.news_lst .desc{ height:70px; overflow:hidden; padding-top:10px; }
	.news_lst .pic{ margin-top:5px;width:100px; height:70px; overflow:hidden;}
	.news_lst .pic img{ width:100px; height:70px;}
	.news_lst .txt{
			width:210px; font-size:14px;height:70px;line-height:25px; overflow:hidden; color:#666;
			display: block;
			display: -webkit-box;
			white-space: normal !important;
			text-overflow: ellipsis;
			word-wrap: break-word;
			word-break: break-all;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
		 }
	.news_lst a:hover .tit{color:#c70c1f; text-decoration:underline;}
	.news_lst a:hover img{
			-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease;
			-webkit-transform: scale(1.3, 1.3);-moz-transform: scale(1.3, 1.3);-o-transform: scale(1.3, 1.3);transform: scale(1.3, 1.3);
		}





	.news_detail{ background:#fff;box-shadow: 0 0 10px 0 rgba(0,0,0,.1); padding:50px 100px; margin-top:70px;}
	.news_detail .title{font-size: 30px; color:#222;font-weight: normal;line-height: 45px;}
	
	.news_detail .info{color:#aaa; font-size:14px; padding:30px 0px;font-family: PingFangSC-Regular,Helvetica,Arial,Microsoft Yahei,sans-serif;}
	.news_detail .content{ font-size:18px; line-height:32px; color:#333;}
	.news_detail .content img{ max-width:100%;}
	
	
	.news_detail .tag{ padding:40px 0px;}
	.news_detail .tag span{ float:left; display:block; background:#bc0000;color:#fff; height:30px; line-height:30px; padding:0px 10px; margin-right:10px; }
	.news_detail .tag a{background: #ebebeb  url("/images/news/tag.png") no-repeat right top; display:block; float:left; height:30px; line-height:30px; padding:0px 10px; margin-right:10px; color:#222;}
	.news_detail .tag a:hover{background: #bc0000 url("/images/news/tag_hover.png") no-repeat right top; color:#fff;}
	
	
	
	.news_other .news_tit{ height:35px; line-height:35px; background:url("/images/news/tit.png"); background-repeat:no-repeat; background-position:left; padding-left:45px; font-size:30px; color:#222; font-weight:bold; }
	
	.news_other ul{ padding:30px 0px;}
	.news_other ul li{ border-bottom:1px solid #eee; padding:20px 0px;}
	.news_other	.pic{ width:200px; height:140px; overflow:hidden;border-radius:5px;}
	.news_other	.pic img{width:200px; height:140px; }
	.news_other li:hover img{
			-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease;
			-webkit-transform: scale(1.3, 1.3);-moz-transform: scale(1.3, 1.3);-o-transform: scale(1.3, 1.3);transform: scale(1.3, 1.3);
		}
	
	
	.news_other	.desc{ width:780px;}
	
	.news_other	.tit{ font-size:18px; padding-bottom:10px; overflow:hidden; white-space:nowrap;}
	.news_other	.txt{ font-size:14px; color:#aaa; height:75px; line-height:25px; overflow:hidden; margin-bottom:10px;}
	.news_other .date,
	.news_other .hit{color:#aaa;}
	
	
}


/*
PHONE
*/
@media (max-width:769px){	
	

	.banner_video{  display:none;}

	
	.banner .banner_box .title{ font-size:20px;color:#fff; background:#c70c1f; padding:10px 0px; text-align:center;}
	.banner .banner_box .title_sub{ display:none;}
	
	.category_nav{ background:#fff; padding:20px 0px;}
	.category_nav li{ float:left; width:25%;}
	.category_nav li a{ width:90%; height:30px; line-height:30px; margin:0 auto; border-radius:15px; display:block; text-align:center; color:#222; font-size:14px;}
	.category_nav li #chk{ background:#222; color:#fff;}
	
	
	.news_lst{ padding:0px 15px;}
	.news_lst a{ display:block; border-top:1px solid #eee; padding:20px 0px;}
	.news_lst .date,
	.news_lst .hit{ display:none;}
	.news_lst .tit{ font-size:18px;white-space:nowrap; overflow:hidden;text-overflow: ellipsis;padding-bottom:5px;}
	.news_lst .pic{ width:25%; overflow:hidden; float:left;}
	.news_lst .pic img{ width:100%; border-radius:3px}
	
	.news_lst .txt{ width:73%; overflow:hidden; float:right; height:60px; line-height:20px; color:#222;
		display: block;
		display: -webkit-box;
		white-space: normal !important;
		text-overflow: ellipsis;
		word-wrap: break-word;
		word-break: break-all;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;	
	}
	
	
	.news_detail{ padding:0px 15px;}
	.news_detail .title{font-size: 20px; color:#222; margin-top:10px;font-weight: normal;line-height:35px;}
	.news_detail .info{color:#fff; background:#222; font-size:12px; padding:10px 5px; text-align:center; margin:10px 0px;}
	.news_detail .info em{ display:none;}
	.news_detail .content{ font-size:16px; line-height:32px; color:#333;}
	.news_detail .content img{ max-width:100%;}
	
	
	
	.news_detail .tag{ padding:20px 0px;}
	.news_detail .tag span{ float:left; display:block; background:#bc0000;color:#fff; height:30px; line-height:30px; padding:0px 10px; margin-right:10px; }
	.news_detail .tag a{background: #ebebeb  url("/images/news/tag.png") no-repeat right top; display:block; float:left; height:30px; line-height:30px; padding:0px 10px; margin-right:10px; color:#222;}
	
	
	
	.news_other .news_tit{ border-left:5px solid #c70c1f; padding-left:15px; height:20px; line-height:20px; font-size:20px; color:#222; }
	

	.news_other ul{ padding:10px 0px;}
	.news_other ul li{ display:block; border-top:1px solid #eee; padding:20px 0px;}
	
	
	.news_other	.pic{ width:25%; float:left; overflow:hidden;}
	.news_other	.pic img{width:100%;border-radius:5px;}


	.news_other	.desc{ width:73%; float:right; overflow:hidden;}
	.news_other	.tit{ font-size:18px;white-space:nowrap; overflow:hidden;text-overflow: ellipsis;padding-bottom:5px;}
	
	.news_other	.txt{ overflow:hidden; float:right; height:36px; line-height:18px; color:#222;
		display: block;
		display: -webkit-box;
		white-space: normal !important;
		text-overflow: ellipsis;
		word-wrap: break-word;
		word-break: break-all;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;	
	}

	.news_other .date,
	.news_other .hit{ display:none;}
	
}