.content{position: relative;/* background: url(../images2020/contentTop.png) top center no-repeat,url(../images2020/contentBottom.png) bottom center no-repeat #f1f1f1; */}
.content::before{content: '';width: 100%;height: 70px;position: absolute;top: 0;left: 0;background: url(../images2020/contentTop.png) bottom center repeat-x;z-index: 2;}
.content::after{content: '';width: 100%;height: 70px;position: absolute;bottom: 0;left: 0;background: url(../images2020/contentBottom.png) top center repeat-x;}


.articleListTitle{margin-bottom: 15px;line-height: 24px;position: relative;}
.articleListTitle .more{position: relative;float: right;color: #999;line-height: 16px;margin: 10px 0 0 0;}
.articleListTitle h2{color: #B10F0F;font-weight: bold;padding: 0 0 0 30px;background: url(../images2020/articleListTitle.png) left center no-repeat;}
.articleListTitle::after{content: '';width: 100%;height: 1px;display: block;background: #cecece;margin: 15px 0 0;box-shadow:0 1px 1px #fff;}


.wrapMode01{position: relative;background: url(../images2020/mode01Bg.png) bottom center no-repeat;background-size: cover;padding: 0 0 16px 0;border-bottom: 5px solid #b10f0f;}

.mode01Banner{display: block;padding: 25px;background: #fff;box-shadow: 0 5px 5px rgba(0,0,0,0.1);position: relative;top: -25px;z-index: 3;}
.mode01Banner img,.mode02Banner img{display: block;width: 100%;}

.mode01 .lf{float: left;width: 71.67%;}
.mode01 .rt{float: right;width: 25%;}

.mode01First{display: block;overflow: hidden;background: #fff;}
.mode01First .left{width: 480px;float: left;}
.mode01First .img{padding-bottom: 56.25%;}
.mode01First .right{margin: 0 0 0 480px;padding: 20px;display: block;text-align: justify;}
.mode01First .title{line-height: 24px;max-height: 48px;margin: 25px 0px 9px 0;}
.mode01First .info{line-height: 22px;height: 44px;color: #999;margin: 0 0 28px 0;}
.mode01First .line{width: 35px;height: 1px;background: #eee;margin: 0 0 28px 0;}
.mode01First .time{padding: 0 0 0 24px;background: url(../images2020/time1.png) left center no-repeat;color: #999;}

.articleList011{margin: 5px 0 0;}
.articleList011 a{display: block;padding: 19px 0 0;}
.articleList011 a::after{content: '';display: block;width: 100%;height: 1px;margin: 11px 0 0;background: #CECECE;box-shadow:0 1px 1px #fff;clear: both;}
.articleList011 .time{float: left;width: 48px;border-right: 1px solid #ddd;height: 48px;color: #757575;}
.articleList011 .year{letter-spacing: 1.68px;color: #757575;}
.articleList011 .time span{color: #555;}
.articleList011 .title{line-height: 40px;white-space: nowrap;padding: 0px 0 8px 20px;}

.articleList012{margin: -5px 0 27px 0;}
.articleList012 .title{line-height: 24px;height: 48px;margin: 0 0 9px 0;}
.articleList012 .time{padding: 0 0 0 33px;background: url(../images2020/time2.png) left center no-repeat;color: #666;line-height: 28px;margin: 0px 0 10px 0;}
.articleList012 a::after{content: '';display: block;width: 100%;height: 1px;margin: 14px 0 10px;background: #CECECE;box-shadow:0 1px 1px #fff;clear: both;}

.articleList013{margin: -5px 0 27px 0;}
.articleList013 .title{line-height: 24px;height: 48px;margin: 0 0 6px 0;padding: 0 0 0 22px;background: url(../images2020/articleList013Li.png) 0px 4px no-repeat;}
.articleList013 .time{padding: 0 0 0 26px;background: url(../images2020/time3.png) left center no-repeat;color: #666;line-height: 28px;margin: 0px 0 0px 22px;}
.articleList013 a::after{content: '';display: block;width: 100%;height: 1px;margin: 10px 0 10px;background: #CECECE;box-shadow:0 1px 1px #fff;clear: both;}
.articleList013 li:last-child a::after{display: none;}

.wrapMode02{position: relative;background: url(../images2020/mode02TopBg.png) top center no-repeat #f1f1f1;/* background-size: 100% auto; */padding: 0 0 16px 0;}
.mode02Banner{display: block;padding: 9px 25px;z-index: 3;margin: 0 0 50px 0;}

.mode02{padding: 34px 0 102px;}
.mode02 .flexslider{/* margin: 0 -5px; */position: relative;}
.mode02 .carousel li{margin-right: 20px;}
.mode02 .img{padding-bottom: 47.5%;}
.mode02 .slides a{display: block;padding: 12px;background: #fff;box-shadow: 0 5px 5px rgba(0,0,0,0.1);margin-bottom: 30px;}

.mode02 .flex-direction-nav a{width: 8px;height: 9px;opacity: 1;border-radius: 0;margin-top: -12px;top: 100%;}
.mode02 .flex-direction-nav .flex-prev{left: 50%;background: url(../images2020/prev21.png) center center no-repeat;margin-left: -60px;}
.mode02 .flex-direction-nav .flex-next{right: 50%;background: url(../images2020/next21.png) center center no-repeat;margin-right: -60px;}
.mode02 .flex-direction-nav .flex-prev:hover{background: url(../images2020/prev22.png) center center no-repeat;}
.mode02 .flex-direction-nav .flex-next:hover{background: url(../images2020/next22.png) center center no-repeat;}

.mode02 .flex-control-nav{width: 100%;text-align: center;right: 0;bottom: 3px;}
.mode02 .flex-control-paging li a{width: 8px;height: 8px;border-radius: 50%;font-size: 0;background: #d8d8d8;background-size: cover;}
.mode02 .flex-control-paging li a.flex-active{background: #b10f0f;background-size: cover;}
.mode02 .flex-control-nav li{margin: 0 5px;}




@media screen and (min-width:1024px){
	.articleList011 .title,.articleList012 .title,.articleList013 a .title{transition:all 0.3s ease-in-out;}
	.articleList011 .title:hover,.articleList012 .title:hover,.articleList013 a:hover .title{text-indent: 10px;}
	.articleList04 a img{transition: all ease-in-out 1s;-ms-transition: all ease-in-out 1s;-moz-transition: all ease-in-out 1s;-webkit-transition: all ease-in-out 1s;-o-transition: all ease-in-out 1s;}
	
}
@media screen and (max-width:1366px){
	
}
@media screen and (max-width:1024px){
	
	
	
}
@media screen and (max-width:998px){
	.mode01Banner{top: 20px;margin: 0px 0 40px;padding: 10px;}
	.mode01 .lf{width: 100%;float: none;margin: 0 0 20px;}
	.mode01 .rt{width: 100%;float: none;}
	.articleList012 .title,.articleList013 .title{height: auto;}
	.mode02Banner{padding: 0 10px;}
	.mode02 .flex-control-nav,.mode02 .flex-direction-nav{display: none;}
	
	.mode01First .left{width: 300px;}
	.mode01First .right{margin: 0 0 0 300px;}
	.mode01First .title{margin: 0 0 25px;}
	.mode01First .info{display: none;}
	
}
@media screen and (max-width:768px){
	
}

@media screen and (max-width:767px){
	
}
@media screen and (max-width:639px){
	.mode01First .left{float: none;margin: 0 auto 10px;max-width: 100%;}
	.mode01First .right{margin: 0;padding: 0 12px 20px;}
	.mode01First .title{margin: 0 0 10px;}
	.mode01First .line{margin: 0 0 10px;}
	
	.mode02{background: #fff;border-bottom: 80px solid #f1f1f1;padding: 34px 0 16px;}
	
}
@media screen and (max-width:480px){
	
}
@media screen and (max-width:414px){
	
}
@media screen and (max-width:320px){
	
}