/********news-detail*********/
.w980{ width: 100%; max-width: 980px; margin: 0 auto; padding: 0px 15px;}
.w800{ width: 100%; max-width: 800px; margin: 0 auto; padding: 0px 15px;}
.news-detail{ padding-top:100px; color: #242424; position: relative;}
.news-detail a{ color: #242424;}
.news-detail a:hover{ color: #df3343;}
.news-detail .title{padding: 0px 20px; max-width: 1000px; margin: 0 auto; text-align: center; font-weight: normal; line-height: 32px; font-size: 28px; }
.news-detail .date{ padding:10px 0px 20px; text-align: center; color: #df3343; font-size:15px; }
.news-detail article{ color: #2d2d2d; font-size: 15px; line-height: 26px; padding-bottom:8%;}
.news-detail .video{ padding:3% 0px; width: 100%; max-width: 790px; margin: 0 auto; }
.news-detail .font25{ font-size: 25px;}
.news-div-fl{ float: left;}
.news-div-fr{ float:right;}
.news-detail .div38{ width: 38%;}
.news-detail .div58{ width: 58%;}

@media screen and (max-width:960px) {
	.news-detail{ padding-top:80px;}
	.news-detail .title{line-height: 22px; font-size:18px; }
	.news-detail .date{ font-size:12px; }
	.news-detail article{ font-size: 12px; line-height: 20px;}
	.news-detail .font25{ font-size: 18px;}
	.news-div-fl{ float:none;}
	.news-div-fr{ float:none;}
	.news-detail .div38{ width: 100%;}
	.news-detail .div58{ width: 100%;}
}




/********news list*********/
.news{ padding-bottom: 100px;}
.news .box{ margin-top: -2.5%; padding: 15px; border: 1px solid #19a2d2; background: rgba(0,0,0,.6);}
.news .box a{ display: block; cursor: pointer; position: relative;}
.news .box .aimg{ float: left; width: 58%; position: relative;}
.news .box .aimg img{ position: absolute; top:0px; left:0px; width: 100%; height: 100%;}
.news .box .aimg i{ display: inline-block; padding-bottom: 68%;}
.news .box .con{ float: right; width:38%; padding-bottom: 30px;}
.news .box .con .date{ display:block; height: 30px; line-height: 30px; font-size: 12px; color: #df3343; font-style: normal;}
.news .box .con .tit{ margin-top: 5px; font-size: 20px;}
.news .box .con p{ margin-top: 10px; line-height: 22px; font-size: 13px;}
.news .box .con span{ position: absolute; bottom:0px; right:0px; display: inline-block; height: 30px; line-height: 30px;}
.news .box .con span i{ position: absolute; left:-13px; top:9px;border-style: dashed dashed dashed solid;  border-color: transparent transparent transparent #df3343; border-width: 6px;}


.list{ overflow: hidden;}
.list ul{ margin: 0px -12px;}
.list li{ float: left; width: 33.3%; padding: 0px 12px; margin-top: 27px; }
.list li a{ display: block; cursor: pointer; padding:10px; border: 1px solid #19a2d2; background: rgba(0,0,0,.6);}
.list li .aimg{ width: 100%; position: relative; overflow: hidden;}
.list li .aimg img{ position: absolute; top:0px; left:0px; width: 100%; height: 100%; z-index: 1;}
.list li .aimg i{ display: inline-block; padding-bottom: 68%;}
.list li .aimg span{ position: absolute; top:0px; left:0px; transform:skew(-20deg);-ms-transform:skew(-20deg);-moz-transform:skew(-20deg); -webkit-transform:skew(-20deg); -o-transform:skew(-20deg); padding: 3px 20px 3px 30px; margin-left: -10px; z-index: 2;}
.list li .aimg span.blue{ background: #02457d;}
.list li .aimg span.red{ background: #cf4455;}
.list li .aimg span em{ display: inline-block;transform:skew(20deg);-ms-transform:skew(20deg);-moz-transform:skew(20deg); -webkit-transform:skew(20deg); -o-transform:skew(20deg); font-style: normal;}
.list li .con{ padding-bottom: 30px; position: relative;}
.list li .con p{ display: block; height: 30px; line-height: 30px; font-size: 12px; color: #df3343; font-style: normal;}
.list li .con .tit{ font-size: 15px; line-height: 22px; height: 44px; overflow: hidden;}
.list li .con span{ position: absolute; bottom:0px; right:0px; display: inline-block; height: 30px; line-height: 30px;}
.list li .con span i{ position: absolute; left:-13px; top:9px; border-style: dashed dashed dashed solid;  border-color: transparent transparent transparent #df3343; border-width: 6px;}

@media screen and (max-width:1000px) {
	.news .box{ padding: 10px;}
	.news{ padding-bottom: 70px;}
	.news .box .con .tit{ font-size:18px;}
	.list ul{ margin: 0px -5px;}
	.list li{ padding: 0px 5px; margin-top:10px; }
	.list li a{ padding: 5px;}
	.list li .con .tit{ font-size: 14px;}
}
@media screen and (max-width:780px) {
	.news{ padding-bottom:30px;}
	.news .box .aimg{ float: none; width: 100%;}
	.news .box .con{ float: none; width: 100%;}
	.news .box .con .tit{ margin-top: 0px; font-size: 16px;}
	.news .box .con p{ line-height: 20px; font-size: 12px;}
	.list li{ width: 50%;}
	.list li .con .tit{ font-size: 12px; line-height: 20px; height: 60px; }
}