

.articleListTitle{overflow: hidden;margin-bottom: 20px;line-height: 24px;}
.articleListTitle .more{float: right;}
.articleListTitle .more img{vertical-align: middle;}
.articleListTitle h2{height: 24px;border-left: 2px solid #006ebf;padding-left: 15px;color: #006EBF;font-size: 22px;font-weight: bold;}
@media screen  and (max-width:1024px){
	.articleListTitle h2{font-size: 20px;}
} 
@media screen  and (max-width:640px){
	.articleListTitle h2{font-size: 18px;}
} 

.mode01{margin-top: 17px;}
.mode01 .left{width: 480px;float: left;display: block;}
.mode01 .left .img{padding-bottom: 56.25%;position: relative;}
.mode01 .left .img .time{position: absolute;left: 0;bottom: 0;line-height: 25px;height: 25px;border-radius: 0 6px 0 0;color: #fff;padding: 0 12px;background: #006EBF;}
.mode01 .left .title{line-height: 24px;height: 48px;color: #006EBF;margin-top: 6px;}
.mode01 .left:hover .title{font-weight: bold;}
.mode01 .right{margin-left: 516px;border-left: 1px solid #ededed;padding:0 16px 0 36px;}
.mode01 .right a{line-height: 42px;display: block;width: 100%;}
.mode01 .right a .rightDate{float: right;font-size: 12px;color: #999;margin-left: 16px;}
.mode01 .right a .title{white-space: nowrap;}
.mode01 .right a:hover .title{font-weight: bold;}
@media screen  and (max-width:992px){
	.mode01 .left{float: none;margin: 0 auto 20px;width: 80%;}
	.mode01 .right{margin: 0;border: 0;padding: 0 10px;}
}
@media screen  and (max-width:480px){
	.mode01 .left{float: none;margin: 0 auto 10px;width: 100%;}
	.mode01 .right{margin: 0;border: 0;padding: 0 0px;}
}

.mode02{margin-top: 30px;}
.mode02 .flexslider{width:100%;margin: 0 auto;position: relative;max-width: 1080px;}
.mode02 .flexslider .slides li .img{padding-bottom: 56.25%;}

.mode03{margin-top:47px;margin-bottom: 26px;overflow: hidden;}
.mode03 .articleListTitle{margin-bottom: 13px;}
.mode03 .left{float: left;padding: 20px 1.25%;background: #f7f7f7;width: 48%;}
.mode03 .left .info{font-size: 14px;line-height: 30px;}
.mode03 .left .info p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.mode03 .right{padding: 20px 0;margin-left: 53.3%;}
.mode03 .right .info{font-size: 14px;line-height: 30px;}
.mode03 .right .info p{max-height: 120px;overflow: hidden;}
@media screen  and (max-width:639px){
	.mode03 .left{float: none;width: auto;}
	.mode03 .left .info p{white-space: normal;}
	.mode03 .right{margin: 0;}
	.mode03 .right .info p{max-height: inherit;}
}