/* CSS Document */

.news{ width:60%; float:left;}
.news_li{ position:relative; padding:40px 0; position:relative; border-bottom:1px solid #ccc;}
.news_li img{position:absolute;left:0; top:40px;width:154px; height:114px}
.news_li a { display:block}
.news_li a div{  color:#333; padding-left:187px;}
.news_li a div h4{ margin-bottom:10px; display:block; width:100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_li a:hover div h4{ color:#b72115}
.news_li a div p.p1{ line-height:26px; margin-bottom:12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; height:49px;}
.news_li a div p.p2{ font-family:Arial, Helvetica, sans-serif}
.news_li a div p.p2 span{position:relative; padding-left:25px; color:#666}
.news_li a div p.p2 span.sp2{ margin-left:20px; }
.news_li a div p.p2 span:before {content: " "; display:inline-block; height:20px;  width:20px; left:0; top:-2px; position:absolute}
.news_li a div p.p2 span.sp1:before{ background:url(../winimages/ico1.png) no-repeat center;}
.news_li a div p.p2 span.sp2:before{ background:url(../winimages/ico2.png) no-repeat center;}
.news_li a div p.p2 span.sp3{ background-color:#b72115; padding:2px 5px; font-family:"微软雅黑";margin-left:20px; color:#FFF; border-radius:3px;}

.relevant{ float:right; width:25%}
.relevant_news{ margin-bottom:40px;}
.relevant_news a{ margin-bottom:10px; color:#333; display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.relevant_title{ font-size:20px; font-weight:bold; margin-bottom:20px;}
.relevant_news p.video{ display:block}
.relevant_news p.video img{ width:100%}



.news_title{ text-align:center; color:#000; font-weight:bold}
.news_stitle{ margin-top:20px; text-align:center}
.news_stitle span{ font-family:Arial, Helvetica, sans-serif; position:relative; padding-left:25px; color:#666}
.news_stitle span:before {content: ""; display:inline-block; height:20px;  width:20px; left:0; top:-2px; position:absolute}
.news_stitle span.sp1:before{ background:url(../winimages/ico1.png) no-repeat center;}
.news_stitle span.sp2{ margin-left:30px}
.news_stitle span.sp2:before{ background:url(../winimages/ico2.png) no-repeat center;}

.news_content{ line-height:2em; overflow:hidden; margin-top:5%;}
.news_content img{ max-width:100%;}

.video_li{ width:50%; float:left; margin-bottom:5%}
.video_li a { display:block;margin-right:5%   }
.video_li:nth-child(even) a{ margin-left:5%; margin-right:0}
.video_li a div{  color:#333;}
.video_li a img{ width:100%}
.video_li a div h4{ margin-bottom:10px; display:block; width:100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin-top:10px}
.video_li a:hover div h4{ color:#b72115}
.video_li a div p.p2{ font-family:Arial, Helvetica, sans-serif}
.video_li a div p.p2 span{position:relative; padding-left:25px; color:#666}
.video_li a div p.p2 span.sp2{ margin-left:20px; }
.video_li a div p.p2 span:before {content: " "; display:inline-block; height:20px;  width:20px; left:0; top:-2px; position:absolute}
.video_li a div p.p2 span.sp1:before{ background:url(../winimages/ico1.png) no-repeat center;}
.video_li a div p.p2 span.sp2:before{ background:url(../winimages/ico2.png) no-repeat center;}
.video_li a div p.p2 span.sp3{ background-color:#b72115; padding:2px 5px; font-family:"微软雅黑";margin-left:20px; color:#FFF; border-radius:3px;}
.news_content iframe{ height:600px; width:100%;}

@media(max-width:1080px)
{
	
	.news{ float:none; width:100%}
	.relevant{ float:none;  width:100%; margin-top:40px}
	.relevant_news{margin-bottom:20px;}
}
@media(max-width:640px)
{
	.news_li{ padding:15px 0;position:relative}
	.news_li img{ top:15px;width:100px; height:74px}	
	.news_li a i{ height:20px; width:3px;  left:-21px; top:37px;}
	.news_li a div{  color:#333; padding-left:115px;}
	.news_li a div h4{ margin-bottom:8px; font-size:15px;}
	.news_li a div p.p1{ line-height:20px; margin-bottom:8px; height:40px; font-size:12px}
	.news_li a div p.p2{ font-size:12px;}
	.news_li a div p.p2 span{padding-left:20px; }
	.news_li a div p.p2 span.sp2{ margin-left:12px; }
	.news_li a div p.p2 span:before {height:16px;  width:16px; left:0; top:-1px; position:absolute;}
	.news_li a div p.p2 span.sp1:before{ background-size:16px}
	.news_li a div p.p2 span.sp2:before{ background-size:16px}
	.news_li a div p.p2 span.sp3{ padding:1px 3px; margin-left:12px; font-size:10px}
	.relevant{ margin-top:20px}
	
	.news_title{ font-size:20px; line-height:1.5em; margin-top:10px}
	.news_stitle span{ padding-left:20px; }
	.news_stitle span:before {height:16px;  width:16px; left:0; top:-1px; position:absolute;}
	.news_stitle span.sp1:before{ background-size:16px}
	.news_stitle span.sp2{ margin-left:30px}
	.news_stitle span.sp2:before{ background-size:16px}
	
	.video_li{ width:100%; float:none; margin-bottom:5%}
	.video_li a { display:block;margin-right:0%   }
	.video_li:nth-child(even) a{ margin-left:0%;}
	.video_li a div p.p1{ line-height:20px; margin-bottom:8px; height:40px; font-size:12px}
	.video_li a div p.p2{ font-size:12px;}
	.video_li a div p.p2 span{padding-left:20px; }
	.video_li a div p.p2 span.sp2{ margin-left:12px; }
	.video_li a div p.p2 span:before {height:16px;  width:16px; left:0; top:-1px; position:absolute;}
	.video_li a div p.p2 span.sp1:before{ background-size:16px}
	.video_li a div p.p2 span.sp2:before{ background-size:16px}
	.news_content iframe{ height:200px; width:100%;}
}