@charset "utf-8";

/*响应式文章列表1*/
.newslist a{display:block;padding:30px;border:1px solid #f3f3f3;border-bottom:1px solid #ddd;color:#888;background-color:#fcfcfc;}
.newslist .item:nth-child(odd) a{background-color:#f6f6f6;}
.newslist-a{margin-right:30px;width:70px;font-size:16px;line-height:1;text-align:center;}
.newslist-a p{margin-bottom:1px;font-size:60px;font-weight:bold;}
.newslist-b{width:850px;overflow:hidden;}
.newslist .item2 .newslist-b{width:1100px;}
.newslist-b{color:#888;}
.newslist-b h3{margin-top:5px;font-size:20px;font-weight:bold;color:#333;}
.newslist-b p{font-size:14px;}
.newslist-b p span{display:none;}
.newslist-b>span{display:block;max-height:48px;line-height:24px;overflow:hidden;}
.newslist-c{width:240px;height:160px;overflow:hidden;}
/*
.newslist a:hover{background-color:#f08519;}
.newslist a:hover .newslist-a, .newslist a:hover .newslist-b, .newslist a:hover .newslist-b h3{color:#fff;}
*/
.newslist a:hover .newslist-c img{transform:scale(1.05);}
.newslist a:hover{border-color:#f08519;}
.newslist a:hover i.time, .newslist a:hover i.click, .newslist a:hover i.source{background-position:0 0;}
@media(max-width:1399px){
	.newslist-b{width:700px;}
	.newslist .item2 .newslist-b{width:960px;}
}
@media(max-width:1199px){
	.newslist-b{width:500px;}
	.newslist .item2 .newslist-b{width:760px;}
}
@media(max-width:991px){
	.newslist-b{width:390px;}
	.newslist .item2 .newslist-b{width:670px;}
	.newslist-b h3{font-size:large;}
	.newslist-b p span{display:inline;}
	.newslist-b>span{max-height:40px;line-height:20px;}
}
@media(max-width:767px){
	.newslist a{padding:15px 10px;}
	.newslist-b{width:100%;}
	.newslist .item2 .newslist-b{width:100%;}
	.newslist-b h3{font-size:medium;}
}
/*响应式文章列表2*/
.newslist2 .item .pull-left{padding:35px;width:900px;}
.newslist2 .item .pull-right{overflow:hidden;}
.newslist2 .item a{display:block;border:1px solid #f3f3f3;border-bottom-color:#ddd;color:#999;background-color:#fcfcfc; transition:all ease .5s;}
.newslist2 .item:nth-child(odd) a{background-color:#f6f6f6;}
.newslist2 .item a h3{position:relative;margin-top:0;margin-bottom:15px;padding-top:20px;font-size:large;color:#111; transition:color ease .5s;}
.newslist2 .item a h3:before{display:block;position:absolute;top:0;left:0;width:2em;height:5px;font-size:24px;background:#fd8700;overflow:hidden;content:"";transition:background ease .5s;}
.newslist2 .item a p{margin-bottom:15px;font-size:14px;}
.newslist2 .item a span{display:block;height:72px;font-size:14px;line-height:24px;overflow:hidden;text-align:justify;}
.newslist2 .item a img{transition:all ease .5s;}
.newslist2 .item a:hover{background:#004389;text-decoration:none;}
.newslist2 .item a:hover h3:before{background:#fff;}
.newslist2 .item a:hover, .newslist2 .item a:hover h3{color:#fff;}
.newslist2 .item a:hover img{transform:scale(1.05);}
.newslist2 .item2 a{padding:35px;}
.newslist2 .item2 a span{height:48px;}
@media(max-width:1399px){
	.newslist2 .item .pull-left{width:750px;}
}
@media (max-width: 1199px){
	.newslist2 .item .pull-left{width:560px;}
	.newslist2 .item a p{margin-bottom:12px;}
	.loadmore .btn{width:40%;}
}
@media (max-width: 991px){
	.newslist2 .item .pull-left{width:430px;}
	.newslist2 .item .pull-right{width:280px;}
	.newslist2 .item a .pull-left{padding:22px 25px;}
	.newslist2 .item a h3{font-size:large;}
	.newslist2 .item a p{margin-bottom:8px;}
	.newslist2 .item2 a{padding:30px;}
	.loadmore  .btn{width:50%;}
}
@media (max-width: 767px){
	.newslist2 .item .pull-left{width:100%;}
	.newslist2 .item2 a{padding:25px;}
	.loadmore  .btn{width:80%;}
}
/*响应式文章列表3*/
.newslist3 a{position:relative;display:block;padding:2%;border:1px solid #f3f3f3;border-bottom-color:#ddd;text-decoration:none;background-color:#fcfcfc;}
.newslist3 a:nth-child(odd){background-color:#f6f6f6;}
.newslist3 a:hover{border-color:#f94e00;}
.newslist3-1{float:left;width:20%;overflow:hidden;}
.newslist3 a:hover img{transform:scale(1.05);}
.newslist3-2{padding-right:12%;padding-left:23%;width:100%;}
.newslist3 .item-no-image .newslist3-2{padding-left:0 !important;}
.newslist3-2 h3{margin:10px 0 20px;max-height:56px;line-height:28px;font-weight:bold;color:#555;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.newslist3-2 .summary{margin-bottom:25px;max-height:48px;line-height:24px;color:#666;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.newslist3-2 .info{display:inline-block;margin-bottom:0;border:1px solid #ddd;background-color:#fff;font-size:14px;line-height:24px;color:#999;border-radius:20px;}
.newslist3-2 .info span{display:inline-block;float:left;padding:0 15px;border-left:1px solid #e3e3e3;}
.newslist3-2 .info span:nth-child(2){border-left-width:0;}
.newslist3-2 .info>.date{display:none;}
.newslist3-2>.date{display:none;font-size:14px;line-height:1;color:#888;}
.newslist3-3{position:absolute;top:50%;right:2%;margin-top:-60px;font-family:Arial;font-size:20px;font-weight:bold;text-align:center;color:#888;}
.newslist3-3 span{display:block;font-size:56px;line-height:1;}
.newslist3 a:hover, .newslist3 a:hover .newslist3-3{color:#f94e00;}
.newslist3 a:hover h3{color:#000;}
.newslist3 .item-video .newslist3-1{position:relative;}
.newslist3 .item-video .newslist3-1:after{content:"";display:block;position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:url(../images/video_play.png) center center no-repeat;}
@media(max-width:1599px){
	.newslist3-2 h3{margin-bottom:15px;max-height:52px;font-size:22px;line-height:26px;}
	.newslist3-2 .summary{margin-bottom:20px;}
}
@media(max-width:1399px){
	.newslist3-1{width:22%;}
	.newslist3-2{padding-left:25%;}
}
@media(max-width:1199px){
	.newslist3-2{padding-right:0;}
	.newslist3-2 h3{margin-top:0;max-height:48px;font-size:20px;line-height:24px;}
	.newslist3-2 .summary{max-height:40px;line-height:20px;}
	.newslist3-2 .info span:first-child{border-left-width:0;}
	.newslist3-2 .info span:nth-child(2){border-left-width:1px;}
	.newslist3-2 .info>.date{display:block;}
	.newslist3-3{display:none;}
}
@media(max-width:991px){
	.newslist3 a{padding:3% 15px;border-width:0;border-bottom:1px dashed #ddd;}
	.newslist3-2 h3{margin-bottom:10px;max-height:38px;font-size:medium;line-height:19px;white-space:normal;}
	.newslist3-2 .summary{margin-bottom:10px;}
	.newslist3-2 .info{display:none;}
	.newslist3-2 .date{display:block;}
}
@media(max-width:767px){
	.newslist3-2 .info>.date{display:display:none;}
}
@media(max-width:575px){
	.newslist3 a{padding:4% 15px;}
	.newslist3-1{width:25%;}
	.newslist3-2{padding-left:28%;}
	.newslist3-2 h3{max-height:none;font-weight:normal;-webkit-line-clamp:3;}
	.newslist3-2 .summary{display:none;}
	.newslist3 .item-video .newslist3-1:after{background-size:32px auto;}
}
@media(max-width:479px){
	.newslist3-1{width:33%;}
	.newslist3-2{padding-left:37%;}
}
.newslist3b .newslist3-2{padding-right:0;}
.newslist3b .newslist3-3{display:none;}
/*响应式文章列表4*/
.newslist4 a{display:block;padding:2%;border:1px solid #fff;border-bottom-color:#eee;background-color:#fff;text-decoration:none;}
.newslist4-1{position:relative;float:left;width:114px;height:104px;background-color:#f2f5fa;}
.newslist4-1 span{display:block;font-size:54px;line-height:104px;text-align:center;font-weight:bold;color:#b1b1b1;}
.newslist4-1 div{position:absolute;top:60px;right:6px;padding:0 5px;font-size:12px;line-height:16px;color:#333;background-color:#f2f5fa;}
.newslist4-2{margin-left:150px;}
.newslist4-2 h3{margin:0;padding:10px 0;font-weight:bold;font-size:large;color:#333;}
.newslist4-2 .info{display:none;margin-bottom:10px;height:20px;font-size:14px;line-height:20px;color:#888;}
.newslist4-2 .summary{display:block;max-height:40px;line-height:20px;color:#888;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.newslist4 a:hover{border-color:#e00;}
.newslist4 a:hover .newslist4-1 span, .newslist4 a:hover .newslist4-1 div, .newslist4 a:hover .newslist4-2 h3{color:#e00;}
.newslist4 a:hover .info, .newslist4 a:hover .summary{color:#333;}
@media(min-width:768px){
	.newslist4-2 h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}
@media(max-width:767px){
	.newslist4 a{padding:3% 2%;}
	.newslist4-1{display:none;}
	.newslist4-2{margin-left:0;}
	.newslist4-2 h3{padding-top:0;font-size:medium;}
	.newslist4-2 .info{display:block;}
}
@media(max-width:575px){
	.newslist4 a{padding:15px 10px;}
}
/*响应式文章列表5-左边圆形图片，右边标题+内容（无日期/浏览量等）*/
.newslist5 a{display:block;clear:both;margin-top:25px;padding-top:25px;border-top:1px dashed #ccc;}
.newslist5 a:first-child{margin-top:0;padding-top:0;border-top:0;}
.newslist5 em{display:block;position:relative;float:left;padding:5px;border:1px solid #666;width:170px;height:170px;border-radius:50%;-webkit-border-radius:50%;overflow:hidden;}
.newslist5 em:after{display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid #fff;content:"";border-radius:50%;-webkit-border-radius:50%;}
.newslist5 em img{display:block;position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);transition:ease .5s;}
.newslist5 div{padding-left:220px;}
.newslist5 h3{margin:0;padding:10px 0 20px;line-height:1.25;font-size:large;font-weight:bold;}
.newslist5 p{margin-bottom:1em;height:3.6em;color:#666;line-height:1.8;overflow:hidden;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.newslist5 span{display:inline-block;padding:0 20px;border:1px solid #999;font-size:14px;line-height:2.2;border-radius:15px; transition:ease .5s;-webkit-transition:ease .5s;}
.newslist5 a:hover img{transform:translateY(-50%) scale(1.05);}
.newslist5 a:hover p{color:#333;}
.newslist5 a:hover span{color:#fff;border-color:#337ab7;background-color:#337ab7;}
@media(max-width:991px){
	.newslist5 em{width:150px;height:150px;}
	.newslist5 div{padding-left:200px;}
	.newslist5 h3{padding:5px 0 15px;}
}
@media(max-width:767px){
	.newslist5 em{width:120px;height:120px;}
	.newslist5 div{padding-left:150px;}
}
@media(max-width:575px){
	.newslist5 em{width:100px;height:100px;}
	.newslist5 div{padding-left:120px;}
	.newslist5 h3{padding:0 0 10px;font-size:medium;}
	.newslist5 p{margin-bottom:10px;font-size:14px;line-height:1.5;height:3em;}
	.newslist5 span{display:none;}
}
@media(max-width:399px){
	.newslist5 em{width:82px;height:82px;}
	.newslist5 div{padding-left:100px;}
	.newslist5 p{margin-bottom:0;}
}