.Banner{position: relative;z-index: 5;overflow: hidden;}
.Banner .slick-slider{margin:0 auto;}
.Banner .slick-slide > a{display: block;position: relative;}
.Banner .slick-slide > a img{opacity: 0.5;transition: opacity 0.2s ease-in-out;}
.Banner .slick-current > a img{opacity: 1;}
.Banner .slick-img{display: block;height: 0;padding-bottom: 28.9%;overflow: hidden;position: relative;}
.Banner .slick-img::after{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url(../images/banner_cover.png) bottom repeat-x;background-size: 100% auto;z-index: 2;}
.Banner .slick-list{overflow: visible;}
.Banner .slick-txt{position: absolute;left: 50%;width: 100%;bottom: 33px;z-index: 3;color: #fff;box-sizing: border-box;transform: translateX(-50%);max-width: 1200px;padding: 0 14px;height: 50px;line-height: 50px;font-weight: bold;}
.content{overflow: hidden;position: relative;}

.article_list_title{overflow: hidden;margin-bottom: 25px;line-height: 30px;}
.article_list_title .more{float: right;position: relative;z-index: 2;line-height: 20px;margin: 10px 3px 0 0;color: #999;}
.article_list_title h2{height: 30px;/* color: #006EBF; */font-weight: bold;}
.article_list_title .more:hover{color:  #254790;}

/*mode01*/
.mode01{margin-bottom: 116px;margin-top: 34px;}

.article_list01 ul{margin: 0 -16px 0;}
.article_list01 li{}
.article_list01 a{margin: 0 16px 0;display: block;}
.article_list01 .title{margin: 0 0 0;height: 24px;line-height: 24px;padding: 18px 23px 0 1px;white-space: nowrap;letter-spacing: 0.32px;}
.article_list01 .info{margin: 12px 0 17px;color: #999;height: 66px;line-height: 22px;padding: 0 23px 0 3px;}
.article_list01 .gp-img-responsive{padding-bottom: 68%;}
.article_list01 .time{color: #666;}
.article_list01 .time::before{color: #f8bd01;font-size: 18px;padding: 0 6px 0 4px;}
.article_list01 .noimg .info{height: 176px;}

.wrap_mode02{background: #f0f0f0;}
.mode02 .lf{width: 47%;float: left;padding: 51px 0 0 6px;}
.article_list021 ul{}
.article_list021 li{line-height: 40px;}
.article_list021 a{margin: 0 0 0;display: block;position: relative;}
.article_list021 a::before{content: '';display: block;width: 5px;height: 5px;background:;position: absolute;left: 0;background: #c4c4c4;top: 50%;transform: translateY(-50%);}
.article_list021 .title{white-space: nowrap;padding: 0 0 0 15px;}
.article_list021 .rightDate{color: #999;margin: 0 0 0 16px;}

.mode02 .rt{width: 46.7%;float: right;margin: -70px 3px 0 0;}
.mode02 .rt .gp-img-responsive{padding-bottom: 71.4%;}

.article_list022 ul{margin: 30px -60px 0;padding: 0 0 30px;}
.article_list022 li{width: 16.66%;}
.article_list022 a{margin: 0 60px 0;}
.article_list022 .top_box{padding: 0 0 0 0;width: 80px;height: 80px;border: 3px solid;border-radius: 50%;margin: 0 auto 10px;}
.article_list022 .top_box img{max-width: 50%;}
.article_list022 .top_box.color1{background: #02bbc4;border-color: #96dcdf;}
.article_list022 .top_box.color2{background: #58b530;border-color: #b3d8a3;}
.article_list022 .top_box.color3{background: #fabe10;border-color: #f4dc96;}
.article_list022 .top_box.color4{background: #f18200;border-color: #f0c490;}
.article_list022 .top_box.color5{background: #dd2b37;border-color: #e8a1a6;}
.article_list022 .top_box.color6{background: #982a8b;border-color: #cda1c8;}
.article_list022 .title{margin: 0 0 0;max-height: 48px;line-height: 24px;text-align: center;}

.mode03{padding: 52px 0 68px;}
.mode03 .lf{width: 53.16%;float: left;display: block;overflow: hidden;background: #254790;}
.mode03 .rt{width: 43%;float: right;padding: 3px 0 0;}
.mode03 .lf .left{width: 360px;float: left;}
.mode03 .lf .right{margin: 0 0 0 360px;padding: 27px 25px 0 34px;}
.mode03 .lf .gp-img-responsive{padding-bottom: calc( 287% / 3.6);}
.mode03 .lf .title{height:52px;line-height: 26px;color: #fff;margin: 0 0 16px;}
.mode03 .lf .info{line-height: 26px;opacity: 0.63;color: #fff;height: 156px;}

.mode03 .article_list_title{padding: 0 0 7px 6px;}

.wrap_mode04{padding: 78px 0 75px;background: #eee;position: relative;}
.wrap_mode04::before{content: '';display: block;position: absolute;left: 50%;right: 0;top: 0;bottom: 0;background: url(../images/mode04.png) no-repeat;background-size: cover;}
.mode04{position: relative;z-index: 2;}

.article_list04{overflow: hidden;background: #fafafa;margin: 0 200px 0 0;}
.article_list04 .slider-nav{width: 177px;float: left;text-align: center;}
.article_list04 .slider-nav a{display: block;height: 94px;line-height: 94px;}
.article_list04 .slider-nav .slick-current a{color: #fff;background: #254790;}
.article_list04 .slick-vertical .slick-slide{border-bottom: 1px solid #dadada;}

.article_list04 .slider-for{margin: 0 0 0 177px;background: #fff;}
.article_list04 ul{margin: 32px 29px 49px;}
.article_list04 li{width: 50%;}
.article_list04 ul a{margin: 0 20px 0;padding: 13px 0;border-bottom: 1px solid #eee;}
.article_list04 .title{margin: 0 0 5px;height: 48px;line-height: 24px;}
.article_list04 .time{color: #666;}
.article_list04 .time::before{color: #999;font-size: 18px;padding: 0 6px 0 0px;}

@media screen  and (min-width:1020px) {
	.article_list01 li,.article_list021 .title,.article_list022 a{transition: transform 0.35s ease-in-out;}
	.article_list021 .title:hover{transform: translateX(10px);}
	.article_list01 li:hover,.article_list022 a:hover{transform: translateY(-10px);}
	/* .bit-list4 > li:hover > a{box-shadow: 0 0 10px rgba(0,0,0,0.15);transform: translateY(-10px);} */
	
	.article_list04 .slider-for .slick-active{	-webkit-animation-name: fade ;animation-name: fade ;animation-duration: 0.3s;-webkit-animation-duration: 0.3s;}
	@keyframes fade{
		from {
			-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
			opacity: 0.4;
		}
		to {
			-webkit-transform: perspective(400px);
			transform: perspective(400px);
			opacity: 1;
		}
	}
}
@media screen  and (max-width:1386px){
	.Banner .slick-txt{bottom: 22px;}
	
	.article_list_title{margin-bottom: 16px;}
	
	.mode01{margin-bottom: 30px;margin-top: 30px;}
	
	.mode02 .rt{margin: 0 3px 0 0;}
	.article_list022 ul{margin: 30px -40px 0;}
	.article_list022 a{margin: 0 40px 0;}
	
	.mode03{padding: 40px 0 50px;}
}
@media screen  and (max-width:1200px){
	.mode03 .lf{width: 540px;}
	.mode03 .rt{float: none;margin: 0 0 0 560px;width: auto;}
	
}
@media screen  and (max-width:996px) {
	.Banner .slick-txt{display: none;}
	
	.mode01{margin-bottom: 20px;margin-top: 20px;}
	
	.mode02 .lf{width: auto;float: none;padding: 20px 0;}
	.mode02 .rt{width: auto;float: none;}
	.article_list022 ul{padding-bottom: 10px;}
	.article_list022 li{width: 33.33%;margin-bottom: 20px;}
	
	.mode03{padding: 30px 0 ;}
	.mode03 .lf{width: auto;float: none;}
	.mode03 .rt{margin:10px 0 0;width: auto;}
	
	.article_list04 .slider-nav{width: auto;float: none;}
	.article_list04{margin: 0;}
	.article_list04 .slider-for{margin: 0;}
	.article_list04 .slider-nav a{line-height: 60px;height: 60px;}
	.article_list04 ul {margin: 10px 8px 26px;}
	.wrap_mode04::before{left: 0;}
	
}
@media screen and (max-width: 767px) {
	.slick-slide > a{margin: 0;}
	.slick-slide > a{border-width: 4px;}
	.slick-txt{height: 50px;line-height: 50px;background-size: auto 50px;font-size: 14px;}
	
	.article_list01 a{margin-bottom: 20px;}
	
	.mode03 .lf .left{width: auto;float: none;}
	.mode03 .lf .right{margin: 0;padding: 10px 16px;}
	.mode03 .lf .title{height: auto;margin: 0 0 10px;}
	.mode03 .lf .info{height: auto;}
	.article_list01 .time::before,.article_list04 .time::before{font-size: 14px;}
}
@media screen and (max-width:480px) {
	.article_list01 .title{padding: 4px 0;}
	.article_list01 .info,.article_list01 .noimg .info{height: auto;padding: 0;margin: 0 0 12px;}
	
	.article_list022 ul{margin: 30px -20px 0;}
	.article_list022 a{margin: 0 20px 0;}
	.article_list022 .top_box{width: 10px;height: 10px;padding: 20px;}
	
	.article_list04 .slider-nav a{font-size: 14px;}
	
}
@media screen and (max-width:414px){
	.article_list04 li{width: 100%;}
	
}