.wrapbanner{background: #f1f2f2;position: relative;padding: 102px 0 60px;z-index: 2;}
.wrapbanner::before{content: '';position: absolute;left: 0;top: 0;bottom: 0;background: #dce9f1;width: 543px;}
.banner{position: relative;z-index: 5;margin: 0 0 0 260px;}
.banner a{display: block;position: relative;}
.banner .slick-img{display: block;height: 0;padding-bottom: calc(818% / 16.6);overflow: hidden;position: relative;}
.banner .slick-current .slick-img{animation: bigger 6s linear 0s;}
@keyframes bigger{
	0%{transform:none;}
	100%{-moz-transform: scale(1.08);-webkit-transform: scale(1.08);-o-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08);}
}
.banner .title{color: #fff;text-shadow: 0 4px 0 rgba(0,0,0,.14);text-stroke:1px rgba(231,217,183,.46);-webkit-text-stroke:1px rgba(231,217,183,.46);position: absolute;top: 60%;transform: translateY(-50%);left: 4.2%;font-family: 'Didot-Bold';font-weight: bold;text-transform: uppercase;max-width: 38%;line-height: 47px;max-height: 94px;}

.banner .slick-arrow{border: 0;width: 48px;height: 48px;font-size: 0;outline: none;top: auto;bottom: 31px;border: 1px solid rgba(255,255,255,.4);background-color: rgba(0,0,0,.4) !important;border-radius: 50%;transform: none;}
.banner .slick-arrow:after{display: none;}
.banner .slick-next{right: 100px;background: url(../images/banner_next.png) center center no-repeat;}
.banner .slick-prev{left: auto;right: 160px; background: url(../images/banner_prev.png) center center no-repeat;}

.banner .slick-dots{bottom: 43px;height: 30px;line-height: 30px;right: 230px;width: auto;}
.banner .slick-dots li{margin: 0 5px;display: none;color: #49a1fa;font-size: 20px;font-family: arial;}
.banner .slick-dots li button{display: none;}
.banner .slick-dots li i{display: inline-block;*display: inline;*zoom:1;width: 14px;height: 24px;vertical-align: middle;background: url(../images/banner_line.png) center no-repeat;margin: 0 6px 0 0;}
.banner .slick-dots li span{display: inline-block;*display: inline;*zoom:1;vertical-align: middle;}
.banner .slick-dots li.slick-active{display: block;}

.banner .progressBar{position: absolute;right: 313px;width: 180px;height: 2px;bottom: 54px;background: #e6e6e6;overflow: hidden;}
.banner .progressBar p{background: #8cc6ff;position: absolute;left: 0;top: 0;bottom: 0;width: 20%;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}

.index_title{overflow: hidden;margin-bottom: 13px;line-height: 48px;text-transform: uppercase;}
.index_title .more{position: relative;z-index: 2;display: inline-block;*display: inline;*zoom:1;background: url(../images/index_more.png) left center no-repeat;margin: 0 0 0 8px;padding: 5px 0 0 19px;line-height: 39px;vertical-align: middle;color: #a57f20;font-style: italic;font-family: 'Calibri-Italic';}
.index_title h2{height: 48px;color: #014892;font-weight: normal;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;}

.wrap_mode01{padding: 53px 0 95px;position: relative;background: #F1F2F2;}
.wrap_mode01 .bg{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: calc(50vw + 740px);background: 51px 126px no-repeat #fff;}
.mode01{position: relative;z-index: 2;}
.index_01 ul{margin: 0 0 0 -55px;padding: 0 0 0;}
.index_01 li{width: 33.3%;}
.index_01 a{margin: 0 0 0 55px;padding: 15px 0 0 15px;}
.index_01 .img{padding-bottom: calc(197% / 3.5);transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.index_01 .box{max-height: 169px;overflow: hidden;margin: 0 0 43px;}
.index_01 .title{margin: 19px 0 26px;max-height: 66px;line-height: 22px;font-weight: bold;}
.index_01 .info{color: #646464;max-height: 80px;line-height: 20px;font-family: arial;}
.index_01 .time{color: #b4964a;margin: 0 0 0;border-top: 1px solid #b4964a;line-height: 46px;height: 46px;padding: 0 0 0 2px;position: relative;text-transform: uppercase;}
.index_01 .time::after{content: '';display: block;position: absolute;left: 0;bottom: 0;width: 120px;height: 1px;background: #b4964a;}
.index_01 a:hover .img{box-shadow: -15px -15px 0 #004c9a;}

.wrap_mode02{padding: 70px 0 70px;background: 96.8% 62.5% no-repeat;}
/* .wrap_mode02{content: '';background: #F1F2F2;position: absolute;right: 0;top: 0;bottom: 0;width: calc(50vw - 740px);} */
.mode02{position: relative;}

.index_02{position: relative;}
.index_02 .left{width: 900px;}
.index_02 .img{padding-bottom: calc(56.2% / .9);}
.index_02 .right{margin: 0 0 0 0;padding: 40px 63px 43px 53px;background: url(../images/mode02_bg2.png);position: absolute;right: 0;top: 50%;transform: translateY(calc( -50% + 9px));width: 374px;box-shadow: 0 5px 20px 2px rgba(0,0,0,.1);}
.index_02 .title{margin: 0 0 13px;height: 48px;line-height: 48px;color: #014892;}
.index_02 .box{padding: 0 0 0;border-bottom: 1px solid rgba(217,208,186,.5);border-top: 1px solid rgba(217,208,186,.5);}
.index_02 .info{margin: 16px 0 20px;height: 192px;line-height: 24px;font-family: 'Avenir-Light';font-weight: lighter;}
.index_02 .more{display: block;width: 132px;border: 1px solid #ede5d1;padding: 0 16px 0 0;text-align: center;height: 40px;line-height: 40px;color: #b4964a;text-transform: uppercase;position: relative;margin: 30px 7px 0 0;float: right;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.index_02 .more::after{content: '';display: block;width: 29px;height: 9px;background: url(../images/mode02_more.png) center no-repeat;position: absolute;top: 50%;transform: translateY(-50%);right: -16px;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.index_02 .more:hover{background: #fff;padding: 0 36px 0 0;}
.index_02 .more:hover::after{right: 10px;}

.wrap_mode03{padding: 47px 0 51px;background: #022355;position: relative;overflow: hidden;}
.wrap_mode03::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;height: 310px;background: #004c9a;border-right: 260px solid #fff;}
.wrap_mode03 .bg{content: '';display: block;width: 832px;height: 803px;background: left center no-repeat;position: absolute;left: 1px;top: -15px;background-size: auto 100%;}
.mode03{position: relative;z-index: 3;}
.mode03 .index_title h2{color: #fff;}

.index_03 > ul{margin: 0 -86px 100px;padding: 25px 0 0;}
/* .index_03 .slick-slide{margin: 0 0 0 173px;} */
.index_03 a{display: block;text-align: center;margin: 0 86px;padding: 15px 13px 0 0;}

.index_03 .img{padding-bottom: calc(411% / 2.74);box-shadow: 13px -15px rgba(255,255,255,.48);transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.index_03 .title{margin: 11px 0 9px;height: 30px;line-height: 30px;color: #0472e8;}
.index_03 .info{margin: 0 0 0;color: #fff;height: 30px;line-height: 30px;font-family: 'Avenir-Roman';}
.index_03 .img:hover{box-shadow: 13px -15px #fff;}

.index_03 .slick-arrow{border: 0;width: 48px;height: 48px;font-size: 0;outline: none;top: auto;bottom: -93px;border: 1px solid rgba(255,255,255,.4);background-color: rgba(0,0,0,.4) !important;border-radius: 50%;transform: none;}
.index_03 .slick-arrow:after{display: none;}
.index_03 .slick-next{right: 88px;background: url(../images/banner_next.png) center center no-repeat;}
.index_03 .slick-prev{left: auto;right: 148px;background: url(../images/banner_prev.png) center center no-repeat;}

.index_03 .slick-dots{bottom: -82px;height: 30px;line-height: 30px;right: 216px;width: auto;font-family: arial;}
.index_03 .slick-dots li{margin: 0 5px;display: none;color: #49a1fa;font-size: 20px; width:70px;}
.index_03 .slick-dots li button{display: none;}
.index_03 .slick-dots li i{display: inline-block;*display: inline;*zoom:1;width: 14px;height: 24px;vertical-align: middle;background: url(../images/banner_line.png) center no-repeat;margin: 0 6px 0 0;}
.index_03 .slick-dots li span{display: inline-block;*display: inline;*zoom:1;vertical-align: middle;}
.index_03 .slick-dots li.slick-active{display: block;}

.index_03 .progressBar{position: absolute;right: 214px;width: 180px;height: 2px;bottom: -70px;background: #e6e6e6;overflow: hidden;}
.index_03 .progressBar p{background: #8cc6ff;position: absolute;left: 0;top: 0;bottom: 0;width: 20%;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}





@media screen  and (min-width: 992px){
	
	
	
	
}
@media screen and (max-width: 1480px){
	.banner{margin: 0 0 0 80px;}
	.banner .slick-prev{right: 70px;}
	.banner .slick-next{right: 10px;}
	.banner .slick-dots{right: 140px;}
	.banner .title{max-width: 800px;}
	.banner .progressBar{right: 210px;}
	
	.wrap_mode01 .bg{width: 100%;}
	
	
}
@media screen  and (max-width:1240px){
	.banner .slick-arrow{width: 48px;height: 48px;}
	
	.index_03 > ul{margin: 0 -50px 100px;}
	.index_03 a{margin: 0 50px;}
	.index_03 .progressBar{right: 240px;}
	
}
@media screen and (max-width: 992px){
	.wrapbanner{padding: 100px 0 20px;}
	.banner{margin: 0 0 0 40px;}
	.banner .slick-arrow{display: none !important;}
	.banner .title{line-height: 34px;max-height: 68px;}
	.banner .slick-dots{right: 10px;bottom: 10px;}
	.banner .progressBar{right: 80px;bottom: 22px;}
	
	.index_01 ul{margin: 0 0 0 -40px;}
	.index_01 a{margin: 0 0 0 24px;}
	
	.wrap_mode03::before{border: 0;}
	.index_03 > ul{margin: 0 -30px 100px;}
	.index_03 a{margin: 0 30px;}
	
	.index_03 .slick-next{right: 30px;}
	.index_03 .slick-prev{right: 90px;}
	.index_03 .slick-dots{right: 160px;}
	
}
@media screen and (max-width: 767px){
	.wrapbanner::before{width: 100%;}
	.wrapbanner {padding: 70px 0 6px;}

	.banner .title,.banner .progressBar{display: none;}
	.banner{margin: 0;}
	
	.index_title{margin: 0;}
	
	.wrap_mode01{padding: 20px 0 60px;}
	.index_01 ul{margin: 0 0 -16px -40px;}
	.index_01 li{width: 100%;}
	.index_01 a{margin: 0 0 16px 24px;}
	.index_01 .box{margin: 0 0 20px;}
	.index_01 .title{margin: 10px 0 16px;}
	
	.wrap_mode02{padding: 40px 0 20px;}
	.index_02{padding: 0 0 20px;}
	.index_02 .left{width: auto;}
	.index_02 .right{position: relative;left: 0;right: 0;top: 0;bottom: 0;transform: none;padding: 20px;width: auto;overflow: hidden;}
	
	.index_03 > ul{margin: 0 -30px 0;}
	.index_03 .title{margin: 0;}
	.index_03 .slick-arrow{display: none !important;}
	.index_03 .slick-dots{display: none !important;}
	
	
}
@media screen  and (max-width:413px){
	
	
	
}