/*å›¾ç‰‡è½®æ’­*/
.wrap_banner{padding:0 60px 0 110px;position: relative;background: url(../images/wrap_banner_bg.png);overflow: hidden;}
.wrap_banner::after{content: '';display: block;position: absolute;left: 0;bottom: 0;background: #113cac;width: 440px;height: 100px;z-index: 1;}
.banner{overflow: hidden;position: relative;z-index: 2;}
.banner::after{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url(../images/banner_bg.png) left top no-repeat;z-index: -1;}
.banner a{display: block;padding: 0 0 0 280px;}
.banner a .img{padding-bottom: calc(824% / 14.7);position: relative;transition:transform 6000ms linear 0s;border-radius: 0 0 60px 0;}

.banner .til_slides{display: block;line-height: 44px;color: #062470;position: absolute;left: 93px;font-weight: bold;width: 337px;top: 50%;transform: translateY(-50%);padding: 6px 10px;background: url(../images/wrap_banner_bg.png);text-align: justify;}

.banner .arrow_box{position: absolute;left: 280px;bottom: 0;}
.banner .slick-arrow{border: 0;width: 100px;height: 100px;font-size: 0;outline: none;position: relative;transform: none;top: auto;display: inline-block;*display: inline;*zoom:1;}
.banner .slick-arrow:after{display: none;}
.banner .slick-next{right: 0px;background: url(../images/banner_next1.png) center center no-repeat #fff;}
.banner .slick-prev{left: 0px;background: url(../images/banner_prev1.png) center center no-repeat #fff;}
.banner .slick-next:hover{background: url(../images/banner_next2.png) center center no-repeat #062470;}
.banner .slick-prev:hover{background: url(../images/banner_prev2.png) center center no-repeat #062470;}

.banner .slick-dots{width: auto;left: 0;bottom: 0;height: 100px;background: #113cac;line-height: 100px;width: 270px;padding: 0 10px 0 0;}
.banner .slick-dots li{width: 10px;height: 10px;margin: 0 10px;}
.banner .slick-dots li button{text-indent: 0;background: #fff;outline: none;font-size: 0;opacity: 0.5;}
.banner .slick-dots li.slick-active button{text-indent: 0;opacity: 1;}
/* bannerç»“æŸ */

/* æ ç›®æ ‡é¢˜å¼€å§‹ */
.article_list_title{overflow: hidden;margin-bottom: 22px;background: url(../images/title_bg12.png) left top no-repeat;}
.article_list_title .more{float: right;position: relative;z-index: 2;line-height: 1.1;padding: 35px 0 0;color: #757575;}
.article_list_title .more:hover{color: #113cac;}

.article_list_title h2{color: #222;float: left;background: url(../images/title_bg11.png) right bottom no-repeat;padding: 0 0 0 0;}
.article_list_title h2 span{padding: 16px 30px 0 0;display: inline-block;*display: inline;*zoom:1;vertical-align: top;font-weight: normal;}
.article_list_title h2 img{display: inline-block;*display: inline;*zoom:1;padding: 2px 41px 0 0;}
/* æ ç›®æ ‡é¢˜ç»“æŸ */

.wrap_mode01{padding: 74px 0 69px;}
.mode01{position: relative;}
.article_list011 ul{margin: 0 -1px 0;padding: 0 0 0;overflow: hidden;}
.article_list011 li{width: 50%;}
.article_list011 a{margin: 0 1px 0;overflow: hidden;background: #f5f5f5;padding: 20px;}
.article_list011 .type1 .left{float: left;}
.article_list011 .type2 .right{float: right;}
.article_list011 .type1 .left,.article_list011 .type2 .right{width: 444px;}
.article_list011 .type1 .right{margin: 0 0 0 464px;padding: 2px 16px 0 0;text-align: justify;}
.article_list011 .type2 .left{margin: 0 464px 0 0;padding: 2px 0 0 20px;text-align: justify;}
.article_list011 .img{padding-bottom: calc(250% / 4.44);}
.article_list011 .title{margin: 0 0 22px;height: 128px;line-height: 32px;}
.article_list011 .time{width: 82px;height: 82px;text-align: center;line-height: 82px;color: #fff;background: url(../images/mode011_time.png) center no-repeat;background-size: 100% 100%;}
.article_list011 .type2 .time{float: right;}

.article_list012 ul{margin: 0 -5px 0;padding: 0 0 0;}
.article_list012 li{width: 20%;}
.article_list012 li::before{content: '';display: block;height: 20px;width: 100%;background: url(../images/mode012_top.png) center no-repeat;background-size: auto 100%;}
.article_list012 a{margin: 0 5px 0;background: url(../images/mode012_lf_tp.png) left top no-repeat,url(../images/mode012_lf_bt.png) left bottom no-repeat,url(../images/mode012_rt_bt.png) right bottom no-repeat,url(../images/mode012_rt_tp.png) right top no-repeat #f5f5f5;padding: 18px;}
.article_list012 .box{padding: 14px 20px;background: #fff;text-align: justify;}
.article_list012 .title{margin: 0 0 20px;height: 81px;line-height: 27px;}
.article_list012 .time{color: #757575;margin: 0 0 15px;padding: 0 0 16px 21px;line-height: 20px;border-bottom: 1px solid #eee;background: url(../images/mode012_time.png) left 2px no-repeat;}
.article_list012 .info{margin: 0 0 0;color: #999;height: 48px;line-height: 24px;}

.wrap_mode02{padding: 74px 0 0;background: url(../images/mode02_bg.png) center no-repeat;background-size: cover;position: relative;}
.wrap_mode02::before{content: '';display: block;position: absolute;left: 0;right: 50%;top: 0;bottom: 0;margin: 0 -150px 0 0;background: #c7c7d8;opacity: 0.4;z-index: 1;}
.mode02{position: relative;z-index: 2;}
.mode02 .lf{width: calc(50% + 100px);}
.article_list02 ul{margin: 0 0 0;padding: 0 21px 46px;background: #264bab;}
.article_list02 li{width: 100%;}
.article_list02 a{margin: 0 0 0;display: block;line-height: 31px;padding: 15px 0 17px;border-bottom: 1px solid #3a5cb2;}
.article_list02 a.first{padding: 20px 0;}
.article_list02 .title{white-space: nowrap;position: relative;margin: 0 0 0 127px;color: #fff;}
.article_list02 .time{color: #fff;margin: 0 20px 0 0;float: left;width: 107px;font-weight: bold;text-align: center;background: url(../images/mode02_time.png) center no-repeat;background-size: 100% 100%;}

.wrap_mode03{}
.mode03{position: relative;}
.mode03 .lf{width: calc(50% + 75px);float: left;padding: 93px 0 90px;}
.mode03 .rt{width: calc(50% - 101px);position: absolute;right: 0;bottom: 15px;}
.article_list031 ul{margin: 0 -25px 0 0;padding: 0 0 0;}
.article_list031 li{width: 50%;}
.article_list031 a{margin: 0 25px 20px 0;display: block;background: url(../images/mode012_lf_tp.png) left top no-repeat,url(../images/mode012_lf_bt.png) left bottom no-repeat,url(../images/mode012_rt_bt.png) right bottom no-repeat,url(../images/mode012_rt_tp.png) right top no-repeat #f5f5f5;background-size: 12px 12px;padding: 22px 24px 16px;}
.article_list031 .title{position: relative;padding: 0 0 0 0;line-height: 26px;text-align: justify;height: 52px;}
.article_list031 .time{color: #113cac;margin: 0 0 14px;padding: 0 0 14px 33px;background: url(../images/mode031_time.png) 2px 2px no-repeat;font-weight: bold;border-bottom: 1px solid #fff;}

.mode03 .rt .img{padding-bottom: 133.3%;position: relative;z-index: 2;}
.index_link032 .bottom_box{position: absolute;z-index: 3;padding: 23px 30px 28px;background: #113cac;border-radius: 0 16px 0 0;bottom: 47px;left: -181px;width: 179px;}
.index_link032 .title{color: #fff;line-height: 28px;height: 84px;text-align: justify;margin: 0 0 24px;}
.index_link032 .time{color: #a6b0d8;padding: 0 0 0 22px;background: url(../images/mode032_time.png) left center no-repeat;line-height: 15px;}
.index_link032 .shadow{position: absolute;z-index: 1;background: #eee;bottom: 61px;left: -195px;width: 240px;height: 174px;}

.wrap_mode04{padding: 87px 0 85px;background: url(../images/mode04_bg.png) center no-repeat;background-size: cover;}
.mode04{position: relative;overflow: hidden;}
.mode04 .article_list_title{background: url(../images/title_bg22.png) left top no-repeat;}
.mode04 .article_list_title .more,.mode04 .article_list_title h2 span{color: #fff;}
.mode04 .article_list_title h2{background: url(../images/title_bg21.png) right bottom no-repeat;}

.mode04 .slick-slider .slick-track{transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;}
.article_list041{width: 512px;height: 540px;margin: 5px 0 0 -24px;float: left;position: relative;z-index: 1;}
.article_list041 .slick-list{overflow: visible;}
.article_list041 .slick-slide{width: 464px;margin-top: 280px;transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;transition-delay: 0s !important;}
.article_list041 .slick-slider a{display: block;position: relative;padding: 0 24px 20px;}
.article_list041 .img{padding-bottom: calc(500% / 8.88);}
.article_list041 .slick-slide.slick-active{width: 936px !important;margin-top: 0;}

.article_list042{margin: 78px 100px 0 882px;position: relative;z-index: 2;}
.article_list042::before{content: '';display: block;height: 1px;position: absolute;bottom: -28px;left: -154px;width: 320px;background: #e0ac1b;}
.article_list042 .slick-slide a{display: block;padding: 0 0 0 46px;position: relative;}
.article_list042 .title{white-space: normal;margin: 0 0 18px;color: #fff;text-align: justify;line-height: 34px;height: 68px;}
.article_list042 .title span{padding: 0 0 0 18px;font-size: 0.666em;}
.article_list042 .info{white-space: normal;line-height: 30px;color: #333;height: 90px;}
.article_list042 .slick-slide.slick-active a{-webkit-animation-name: bottom_fade_in ;animation-name: bottom_fade_in ;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;}
@keyframes bottom_fade_in{
	from {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0;
		bottom: -10px;
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		opacity: 1;
		bottom: 0;
	}
}
.article_list041 .arrow_box{position: absolute;left: 124px;bottom: 0;}
.article_list041 .slick-arrow{border: 0;width: 60px;height: 60px;font-size: 0;outline: none;position: relative;transform: none;top: auto;margin: 0 10px 0 0;display: inline-block;*display: inline;border-radius: 8px;*zoom:1;}
.article_list041 .slick-arrow:after{display: none;}
.article_list041 .slick-next{right: 0px;background: url(../images/mode04_next1.png) center center no-repeat #fff;}
.article_list041 .slick-prev{left: 0px;background: url(../images/mode04_prev1.png) center center no-repeat #fff;}
.article_list041 .slick-next:hover{background: url(../images/mode04_next2.png) center center no-repeat #062470;}
.article_list041 .slick-prev:hover{background: url(../images/mode04_prev2.png) center center no-repeat #062470;}

.wrap_mode05{padding: 80px 0 85px;background: #e6e6e6;}
.mode0{position: relative;overflow: hidden;}
.article_list05.scroll_box{padding: 9px 0;overflow: hidden;margin: 0;position: relative;z-index: 2;}
.article_list05.scroll_box #box{width: 10000%;}
.article_list05.scroll_box #left,.scroll_box #right {float:left;}
.article_list05.scroll_box li{width: 467px;float:left;}
.article_list05.scroll_box a{display: block;margin: 0 -1px 0 0;position: relative;padding: 41px 0 32px;/* height: 280px; */}
.article_list05.scroll_box .left{width: 200px;position: absolute;left: 20px;top: 0;z-index: 3;}
.article_list05.scroll_box .img{padding-bottom: 140%;}
.article_list05.scroll_box .right{border: 1px solid #fff;border-radius: 0 20px 0 0;margin: 0 0 0;padding: 27px 28px 33px 260px;text-align: justify;position: relative;z-index: 2;}
.article_list05.scroll_box .right::after{content: '';display: block;width: 44px;height: 1px;background: #113cac;position: absolute;bottom: -1px;left: 220px;}
.article_list05.scroll_box .title{margin: 0 0 14px;line-height: 26px;white-space: nowrap;color: #222;padding: 0 46px 0 0;}
.article_list05.scroll_box .title::after{content: '';background: #fff;width: 6px;height: 6px;border-radius: 50%;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;margin: 0 0 0 40px;}
.article_list05.scroll_box .info{line-height: 24px;max-height: 96px;color: #757575;}
.article_list05.scroll_box a:hover{}

@media screen  and (min-width:1024px){
	.banner .slick-active img{-webkit-animation-name: bannerIn ;animation-name: bannerIn ;animation-duration: 6s;-webkit-animation-duration: 6s;}
	.banner .slick-active .til_slides{-webkit-animation-name: bannerIn2 ;animation-name: bannerIn2 ;animation-duration: 0s;-webkit-animation-duration: 0s;}
	@keyframes bannerIn{
		from {
			-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
			-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);
		}
		to {
			-webkit-transform: perspective(400px);
			transform: perspective(400px);
			-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);
		}
	}
	@keyframes bannerIn2{
		from {
			-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
			opacity: 0;transform: translateX(-40px) translateY(-50%);
		}
		to {
			-webkit-transform: perspective(400px);
			transform: perspective(400px);
			opacity: 1;transform: translateX(0px) translateY(-50%);
		}
	}
	
	.article_list011 a:hover img{transform: scale(1.05);-ms-transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);-o-transform: scale(1.05);}
	.article_list011 a,.article_list012 a,.article_list02 a .title,.article_list031 a,.index_link032 .bottom_box,.index_link032 .shadow{transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;}
	
	.article_list011 a:hover,.article_list012 a:hover,.article_list031 a:hover{transform: translateY(-10px);}
	.article_list02 a:hover .title{text-indent: 10px;}
	.index_link032:hover .bottom_box,.index_link032:hover .shadow{transform: translateX(40px);}
	
}

@media screen  and (max-width:1500px){
	.wrap_banner{padding: 0 40px;}
	
}


@media screen  and (max-width:1300px){
	.wrap_banner{padding: 0px;overflow: hidden;}
	.banner a{padding: 0;}
	.wrap_banner::after{height: 60px;}
	.banner .slick-dots{line-height: 60px;height: 60px;width: 200px;}
	.banner .arrow_box{left: 210px;}
	.banner .slick-arrow{width: 60px;height: 60px;}
	.banner .til_slides{left: 0;}
	
	.article_list011 li{width: 960px;float: right;max-width: 100%;margin: 0 0 2px;}
	.article_list011 li:first-child{float: left;}
	.article_list012 {clear: both;}
	
	.article_list041{width: 340px;height: 360px;}
	.article_list041 .slick-slide{margin-top: 180px;}
	.article_list041 .slick-slide.slick-active{width: 624px !important;}
	.article_list042{margin: 78px 0 0 620px;}
	.article_list042 .slick-slide a{padding: 0;}
	
}
@media screen  and (max-width:1100px){
	.wrap_mode02::before{right: 0;margin: 0;}
	.mode02 .lf{width: auto;}
	
}
@media screen  and (max-width:992px){
	.banner .til_slides{display: none;}
	.wrap_banner::after{height: 40px;}
	.banner .slick-dots{line-height: 40px;height: 40px;width: 200px;}
	.banner .arrow_box{left: 210px;}
	.banner .slick-arrow{width: 40px;height: 40px;}
	
	.article_list012 li{width: 100%;}
	.article_list012 .title,.article_list012 .info{line-height: 1.5;height: auto;}
	
	.mode03 .lf{float: none;width: auto;padding-bottom: 20px;}
	.mode03 .rt{position: relative;bottom: 0;width: auto;padding-bottom: 70px;}
	.index_link032 .bottom_box{left: 0;bottom: 40px;width: 60%;}
	.index_link032 .title{height: auto;}
	
	.article_list041{width: 230px;height: 240px;}
	.article_list041 .slick-slide{margin-top: 120px;}
	.article_list041 .slick-slide.slick-active{width: 416px !important;}
	.article_list042{margin: 30px 0 0 400px;}
	.article_list042::before{bottom: -10px;}
	.article_list041 .arrow_box{left: 40px;}
	
	.article_list041 .slick-arrow{width: 40px;height: 40px;}
	
}
@media screen  and (max-width:767px){
	.banner .slick-dots{background: transparent;}
	.banner .slick-arrow{display: none !important;}
	
	.article_list_title h2 img{display: none;}
	
	.wrap_banner::after{display: none;}
	.wrap_mode01{padding: 40px 0;}
	.article_list011 .type1 .left,.article_list011 .type2 .right{width: auto;float: none;}
	.article_list011 .type1 .right,.article_list011 .type2 .left{margin:10px 0 0;padding: 0;}
	.article_list011 .title{line-height: 1.8;max-height: initial;margin: 0 0 10px;}
	
	.mode03 .lf{padding-top: 40px;}
	.mode03 .rt{padding-bottom: 40px;}
	.article_list031 li{width: 100%;}
	.article_list031 .title{line-height: 1.8;height: auto;}
	
	.mode04{position: relative;}
	.article_list041{width: 230px;height: 350px;}
	.article_list041 .slick-slide{margin-top: 120px;opacity: 0;}
	.article_list041 .slick-slide.slick-active{width: 400px !important;opacity: 1;}
	.article_list042{position: absolute;top: 280px;margin:0px;left: 0;right: 0;}
	.article_list042::before{display: none;}
	
}
@media screen  and (max-width:413px){
	.article_list02 .time{float: none;margin: 4px 0 0;}
	.article_list02 .title{margin: 6px 0 0;}
	.index_link032 .bottom_box{padding: 12px 20px 16px;}
	.index_link032 .title{margin: 0 0 12px;}
	
	.article_list041{width: 230px;height: 290px;}
	.article_list041 .slick-slide{margin-top: 10px;opacity: 0;}
	.article_list041 .slick-slide.slick-active{width: 280px !important;opacity: 1;}
	.article_list042{position: absolute;top: 220px;margin:0px;left: 0;right: 0;}
	
	.wrap_mode04,.wrap_mode05{padding: 50px 0;}
	
}
@media screen  and (max-width:400px){
	
	
}

