body{background: #d9e6fc;}

.wrapbanner{background: #f0f2f5;}
.banner{position: relative;z-index: 5;margin: 0 auto;}
.banner a{display: block;position: relative;}
.banner .slick-img{display: block;height: 0;padding-bottom: calc(920% / 19.2);overflow: hidden;position: relative;}
.banner .slick-img::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url(../images/banner_cover.png) bottom repeat-x;background-size: auto calc(257% / 9.2);}
.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 .box{position: absolute;bottom: 0;left: 50%;margin: 0 0 0 -650px;width: 786px;}
.banner .title{font-weight: bold;color: #fff;text-shadow: 0 3px 16px rgba(0,0,0,.8);}
.banner .info{line-height: 30px;height: 90px;color: rgba(255,255,255,.6);margin: 17px 0 36px;}

.banner .slick-arrow{border: 0;width: 90px;height: 90px;font-size: 0;outline: none;top: 50%;}
.banner .slick-arrow:after{display: none;}
.banner .slick-next{right: 100px;background: url(../images/banner_next.png) center center no-repeat;background-size: cover;}
.banner .slick-prev{left: 100px;background: url(../images/banner_prev.png) center center no-repeat;background-size: cover;}

.banner .slick-dots{bottom: 3px;height: 43px;line-height: 43px;}
.banner .slick-dots li{width: 17px;height: 3px;margin: 0 5px;border: 1px solid #4b75ff;}
.banner .slick-dots li button{display: none;}
.banner .slick-dots li.slick-active{background: #4b75ff;}

.index_title{overflow: hidden;margin-bottom: 24px;line-height: 60px;}
.index_title .more{position: relative;z-index: 2;color: #999;padding: 11px 0 6px 23px;background: url(../images/index_more.png) left center no-repeat;line-height: 16px;margin: 27px 0 0 28px;float: left;}
.index_title .more:hover{color: #4b75ff;}
.index_title h2{color: #0c234b;font-weight: normal;position: relative;float: left;}

.wrap_mode01{padding: 56px 0 146px;overflow: hidden;}
.mode01{position: relative;}

.index_01_menu{position: relative;float: right;}
.index_01_menu .slick-arrow{position: static;transform: none;float: left;margin: 0 0 0 16px;border: 3px solid #dfeafd;display: block;width: 74px;height: 74px;font-size: 0;}
.index_01_menu .slick-arrow:after{display: none;}
.index_01_menu .slick-next{background: url(../images/mode01_next.png) center no-repeat rgba(0,0,0,.3);}
.index_01_menu .slick-prev{background: url(../images/mode01_prev.png) center no-repeat rgba(0,0,0,.3);}
.index_01_menu .slick-arrow:hover{border: 3px solid #ecf3fe;}
.index_01_menu .slick-next:hover{background: url(../images/mode01_next.png) center no-repeat #8b0015;}
.index_01_menu .slick-prev:hover{background: url(../images/mode01_prev.png) center no-repeat #8b0015;}

.index_01 .slick-list{overflow: visible !important;}
.index_01 > ul{margin: 0 290px 0 0;padding: 0 0 0;}
.index_01 li{}
.index_01 a{margin: 0 90px 0 0;overflow: hidden;display: block;position: relative;padding: 50px 0 0 0;}
.index_01 a::after{content: '';display: block;position: absolute;right: 0;top: 0;left: 400px;background: #f4f8fe;height: 50px;}
.index_01 .left{width: 600px;float: left;}
.index_01 .right{padding: 40px 35px 38px 48px;margin: 0 0 0 600px;background: #F4F8FE;}
.index_01 .img{padding-bottom: 75%;}
.index_01 .tip{position: relative;padding: 0 0 0 30px;color: #8b0015;line-height: 20px;margin: 0 0 32px;}
.index_01 .tip::before{content: '';display: block;width: 20px;height: 1px;background: #8ba4d1;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.index_01 .title{margin: 0 0 38px;max-height: 90px;line-height: 30px;color: #0c234b;}
.index_01 .info{margin: 0 0 70px;color: #999;height: 104px;line-height: 26px;}
.index_01 .time{color: #999;}

.wrap_mode02{position: relative;}
.wrap_mode02::after{content: '';display: block;position: absolute;left: 0;right: 0;top: 150px;bottom: 150px;background: #0c234b;z-index: 1;}
.mode02{position: relative;z-index: 2;}
.index_021 li.off{display: none;}
.index_021 ul{margin: 0 0 0;padding: 0 0 0;}
.index_021 li{width: 100%;}
.index_021 a{margin: 0 0 0;overflow: hidden;display: block;}
.index_021 .left{width: 1000px;float: left;}
.index_021 .right{margin: 0 0 0 1000px;padding: 201px 15px 0 49px;}
.index_021 .img{padding-bottom: 70%;}
.index_021 .title{margin: 0 0 60px;max-height: 60px;line-height: 60px;color: #fff;}
.index_021 .tip{position: relative;color: #fff;line-height: 20px;margin: 0 0 32px;}
.index_021 .info{margin: 0 0 23px;color: rgba(255,255,255,.5);height: 260px;line-height: 26px;}
.index_021 .right::after{height: 20px;background: url(../images/mode02_arrow.png) left center no-repeat;content: '';display: block;}

.index_021 .slick-arrow{border: 0;width: 50px;height: 50px;font-size: 0;outline: none;background-size: auto 50% !important;}
.index_021 .slick-arrow:after{display: none;}
.index_021 .slick-next{background: url(../images/mode01_next.png) center no-repeat rgba(0,0,0,.3);right: 0;}
.index_021 .slick-prev{background: url(../images/mode01_prev.png) center no-repeat rgba(0,0,0,.3);left: 0;}

.index_022{overflow: hidden;}
.index_022 ul{margin: 21px -12px 0 0;padding: 30px 0 0;overflow: hidden;white-space: nowrap;}
.index_022 li{width: calc(100% / 6 - 1.8px);padding: 35px 0 0;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_022 a{margin: 0 12px 0 0;display: block;position: relative;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_022 a::after{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 1px solid #fff;z-index: -1;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_022 .img{padding-bottom: 75%;position: relative;}
.index_022 .img::after{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;padding-bottom: 46%;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;
background: -webkit-linear-gradient(top, rgba(0,0,0,0) , #000); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(bottom, rgba(0,0,0,0) , #000); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , #000); /* Firefox 3.6 - 15 */
background: linear-gradient(to bottom, rgba(0,0,0,0) , #000); /* 标准的语法 */}
.index_022 .title{margin: 0 0 0;height: 24px;line-height: 24px;position: absolute;left: 0;right: 0;bottom: 19px;text-align: center;color: #fff;}

.index_022 li.on{width: calc(100% / 6 + 9px);padding: 0;}
.index_022 li.on a{margin: 0 12px 0 21px;}
.index_022 li.on a::after{left: -20px;right: 20px;top: -20px;bottom: 20px;}
.index_022 li.on .img::after{padding-bottom: 0;}
.index_022 li.on .title{display: none;}

.wrap_mode03{padding: 111px 0 98px;overflow: hidden;}
.mode03{position: relative;}

.index_031{display: block;position: relative;margin: -16px 0 151px;}
.index_031::before{content: '';display: block;position: absolute;bottom: -70px;right: 370px;top: 90px;width: 100000px;background: #f0f5fe;z-index: 0;border-bottom: 10px solid #8b0015;}
.index_031 .right{width: 922px;float: right;position: relative;z-index: 2;}
.index_031 .left{margin: 0 922px 0 0;padding: 171px 56px 0 0px;position: relative;z-index: 2;}
.index_031 .img{padding-bottom: calc(520% / 9.22);position: relative;background: #000;}
.index_031 .img::after{content: '';display: block;width: 100px;height: 100px;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);background: url(../images/mode03_video1.png);}
.index_031 .img img{opacity: .65;}
.index_031 .img:hover img{opacity: 1;}
.index_031 .title{margin: 0 0 28px;max-height: 90px;line-height: 30px;color: #0c234b;}
.index_031 .info{margin: 0 0 83px;color: #0c234b;height: 120px;line-height: 30px;opacity: .4;}
.index_031 .left::after{height: 20px;background: url(../images/mode03_arrow1.png) left center no-repeat;content: '';display: block;margin: 0 0 0 13px;}

.index_032 ul{margin: 0 0 0 -60px;}
.index_032 li{width: 50%;}
.index_032 a{margin: 0 0 0 60px;}
.index_032 .img{padding-bottom: calc(520% / 9.22);position: relative;background: #000;border-bottom: 6px solid #8b0015;}
.index_032 .img::after{content: '';display: block;width: 80px;height: 80px;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);background: url(../images/mode03_video2.png);}
.index_032 .img img{opacity: .65;}
.index_032 .img:hover img{opacity: 1;}
.index_032 .title{margin: 26px 0 18px;line-height: 30px;color: #0c234b;white-space: nowrap;}
.index_032 .info{margin: 0 0 13px;color: #0c234b;height: 60px;line-height: 30px;opacity: .4;}
.index_032 a::after{height: 20px;background: url(../images/mode03_arrow1.png) left center no-repeat;content: '';display: block;}

.wrap_mode04{background: url(../images/mode04_bg.png) center no-repeat;background-size: cover;padding: 138px 0 109px;}
.index_04 .title{margin: 0 0 0;height: 54px;line-height: 54px;color: #fff;text-align: center;}
.index_04 .title::before{content: '';display: inline-block;*display: inline;*zoom:1;vertical-align: top;width: 40px;height: 27px;background: url(../images/mode04_title1.png) center no-repeat;margin: 0 50px 0 0;}
.index_04 .title::after{content: '';display: inline-block;*display: inline;*zoom:1;vertical-align: bottom;width: 40px;height: 27px;background: url(../images/mode04_title2.png) center no-repeat;margin: 0 0 0 50px;}
.index_04 .info{margin: 32px auto 61px;color: rgba(255,255,255,.6);line-height: 28px;max-width: 1110px;text-align: center;padding: 0 20px;}
.index_04 .more{width: 160px;height: 50px;line-height: 50px;text-align: center;color: #fff;background: rgba(139,0,21,.8);margin: 0 auto;display: block;transition: all ease-in-out .2s;-ms-transition: all ease-in-out .2s;-moz-transition: all ease-in-out .2s;-webkit-transition: all ease-in-out .2s;-o-transition: all ease-in-out .2s;}
.index_04 .more:hover{background: #8b0015;}


@media screen  and (min-width: 992px){
	.index_012 a,.index_011,.index_03 a{transition: all ease-in-out 0.2s;-ms-transition: all ease-in-out 0.2s;-moz-transition: all ease-in-out 0.2s;-webkit-transition: all ease-in-out 0.2s;-o-transition: all ease-in-out 0.2s;}
	
	.index_01.effect,.mode02.effect{opacity: 0;transition: all 0.8s ease-out;transform: translateY(70px);}
	.index_031.effect .right{opacity: 0;transition: all 0.8s ease-out;transform: translateX(-140px);}
	
	.index_01.isView,.mode02.isView,.index_031.isView .right{opacity: 1;transform: none;}
	
	.index_021 .title{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_021 a:hover .title{-webkit-animation-name: rubberBand;animation-name: rubberBand;animation-duration: 0.8s;-webkit-animation-duration: 0.8s;}
	.index_021 li.on{-webkit-animation-name: backInUp;animation-name: backInUp;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;}
	@-webkit-keyframes backInUp {
		0% {
			-webkit-transform: translateY(30px) scale(.9);
			transform: translateY(30px) scale(.9);
			opacity: .7
		}
	
		80% {
			-webkit-transform: translateY(0) scale(.9);
			transform: translateY(0) scale(.9);
			opacity: .7
		}
	
		to {
			-webkit-transform: scale(1);
			transform: scale(1);
			opacity: 1
		}
	}
	
	@keyframes backInUp {
		0% {
			-webkit-transform: translateY(30px) scale(.9);
			transform: translateY(30px) scale(.9);
			opacity: .7
		}
	
		80% {
			-webkit-transform: translateY(0) scale(.9);
			transform: translateY(0) scale(.9);
			opacity: .7
		}
	
		to {
			-webkit-transform: scale(1);
			transform: scale(1);
			opacity: 1
		}
	}

	
	@-webkit-keyframes rubberBand {
		0% {
			-webkit-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1)
		}
	
		30% {
			-webkit-transform: scale3d(1.25, .75, 1);
			transform: scale3d(1.25, .75, 1)
		}
	
		40% {
			-webkit-transform: scale3d(0.75, 1.25, 1);
			transform: scale3d(0.75, 1.25, 1)
		}
	
		50% {
			-webkit-transform: scale3d(1.15, .85, 1);
			transform: scale3d(1.15, .85, 1)
		}
	
		65% {
			-webkit-transform: scale3d(.95, 1.05, 1);
			transform: scale3d(.95, 1.05, 1)
		}
	
		75% {
			-webkit-transform: scale3d(1.05, .95, 1);
			transform: scale3d(1.05, .95, 1)
		}
	
		100% {
			-webkit-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1)
		}
	}
	
	@keyframes rubberBand {
		0% {
			-webkit-transform: scale3d(1, 1, 1);
			-ms-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1)
		}
	
		30% {
			-webkit-transform: scale3d(1.25, .75, 1);
			-ms-transform: scale3d(1.25, .75, 1);
			transform: scale3d(1.25, .75, 1)
		}
	
		40% {
			-webkit-transform: scale3d(0.75, 1.25, 1);
			-ms-transform: scale3d(0.75, 1.25, 1);
			transform: scale3d(0.75, 1.25, 1)
		}
	
		50% {
			-webkit-transform: scale3d(1.15, .85, 1);
			-ms-transform: scale3d(1.15, .85, 1);
			transform: scale3d(1.15, .85, 1)
		}
	
		65% {
			-webkit-transform: scale3d(.95, 1.05, 1);
			-ms-transform: scale3d(.95, 1.05, 1);
			transform: scale3d(.95, 1.05, 1)
		}
	
		75% {
			-webkit-transform: scale3d(1.05, .95, 1);
			-ms-transform: scale3d(1.05, .95, 1);
			transform: scale3d(1.05, .95, 1)
		}
	
		100% {
			-webkit-transform: scale3d(1, 1, 1);
			-ms-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1)
		}
	}
	
}
@media screen and (max-width: 1480px){
	.banner .slick-prev{left: 10px;}
	.banner .slick-next{right: 10px;}
	.banner .slick-dots{}
	.banner .box{margin: 0;left: 20px;}
	.banner .title{max-width: 800px;}
	
	.index_01{overflow: hidden;}
	.index_01 > ul{margin: 0;}
	.index_01 a{margin: 0;}
	
	.wrap_mode02::after{top: 80px;bottom: 80px;}
	.index_021 .left{width: 800px;}
	.index_021 .right{margin: 0 0 0 800px;padding: 120px 15px 0 49px;}
	.index_021 .info{height: 130px;}
	
	.index_031::before{top: 60px;}
	.index_031 .right{width: 680px;}
	.index_031 .left{margin: 0 680px 0 0;padding: 90px 56px 0 0px;}
	.index_031 .info{margin: 0 0 40px;}
	
}
@media screen  and (max-width:1240px){
	.banner .slick-arrow{width: 48px;height: 48px;}
	
	
}
@media screen and (max-width: 992px){
	.banner .slick-arrow{display: none !important;}
	.banner .box{right: 20px;width: auto;}
	.banner .title{white-space: nowrap;}
	.banner .info{height: 30px;margin: 12px 0;}
	
	.wrap_mode01{padding: 56px 0 60px;}
	.index_01_menu .slick-arrow{width: 50px;height: 50px;}
	.index_01 a{padding: 0;}
	.index_01 a::after{top: 30px;width: 30px;bottom: 0;height: auto;left: auto;}
	.index_01 .left{width: auto;float: none;margin: 0 30px 0 0;}
	.index_01 .right{padding: 18px 30px 30px;margin: 0 0 0 30px;}
	.index_01 .tip{margin: 0 0 12px;}
	.index_01 .title{margin: 0 0 12px;}
	.index_01 .info{height: 52px;margin: 0 0 20px;}
	
	.wrap_mode02::after{top: 30px;bottom: 24px;}
	.index_021 .left{width: 400px;}
	.index_021 .right{margin: 0 0 0 400px;padding: 40px 15px 0;}
	.index_021 .title{margin: 0 0 12px;}
	.index_021 .tip{margin: 0 0 10px;}
	.index_021 .info{height: 78px;}
	
	.index_022 ul{margin: 24px -12px 0 0;}
	.index_022 li{padding: 12px 0 0;}
	.index_022 li.on a::after{left: -10px;right: 10px;top: -10px;bottom: 10px;}
	
	.wrap_mode03{padding: 40px 0;}
	.index_031{margin: -10px 0 80px;}
	.index_031::before{right: 30px;bottom: -40px;}
	.index_031 .right{width: auto;float: none;}
	.index_031 .left{margin: 0 30px 0 0;padding: 20px 20px 0 0px;}
	.index_031 .title{margin: 0 0 12px;}
	.index_031 .info{margin: 0 0 12px;height: 60px;}
	.index_031 .left::after{margin: 0;}
	
	.wrap_mode04{padding: 60px 0;}
	
}
@media screen and (max-width: 767px){
	.banner .box{bottom: 10px;}
	.banner .info{display: none;}
	
	.index_title{line-height: 48px;margin-bottom: 16px;}
	.index_title .more{margin: 18px 0 0 11px;padding: 5px 0px 0px 17px;}
	
	
	.wrap_mode01{padding: 20px 0 36px;}
	.index_01_menu .slick-arrow{width: 41px;height: 40px;background-size: auto 50%;}
	.index_01 a{padding: 0;}
	.index_01 a::after{top: 30px;width: 10px;bottom: 0;height: auto;left: auto;}
	.index_01 .left{width: auto;float: none;margin: 0 10px 0 0;}
	.index_01 .right{padding: 18px 30px 30px;margin: 0 0 0 10px;}
	.index_01 .tip{margin: 0 0 12px;}
	.index_01 .title{margin: 0 0 12px;}
	.index_01 .info{height: 52px;margin: 0 0 20px;}
	
	.wrap_mode02::after{top: 30px;bottom: -20px;}
	.index_021 .left{width: auto;float: none;}
	.index_021 .right{margin: 0;padding: 10px 15px 0;}
	.index_021 .title{margin: 0 0 12px;line-height: 40px;height: 40px;}
	.index_021 .tip{margin: 0 0 10px;}
	.index_021 .info{height: 78px;}
	
	.index_022{display: none;}
	
	.wrap_mode03{padding: 40px 0;}
	.index_031{margin: -10px 0 80px;}
	.index_031::before{right: 0;bottom: -40px;}
	.index_031 .right{width: auto;float: none;}
	.index_031 .left{margin: 0;padding: 20px 10px 0px;}
	.index_031 .title{margin: 0 0 12px;}
	.index_031 .info{margin: 0 0 12px;height: 60px;}
	.index_031 .left::after{margin: 0;}
	.index_031 .img::after,.index_032 .img::after{width: 60px;height: 60px;background-size: cover;}
	.index_032 li{width: 100%;}
	.index_032 .title{margin: 12px 0 5px;}
	.index_032 a{margin-bottom: 30px;}
	
	.wrap_mode04{padding: 60px 0;}
	.index_04 .title::before{margin: 0 20px 0 0;background-size: 24px auto;}
	.index_04 .title::after{margin: 0 0 0 20px;background-size: 24px auto;}
	
}
@media screen  and (max-width:413px){
	
	
	
}