.wrapbanner{background: #f0f2f5;position: relative;}

.banner{position: relative;z-index: 2;margin: 0 auto;}
.banner a{display: block;position: relative;}
.banner a::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.banner .slick-img{display: block;height: 0;padding-bottom: calc(700% / 19.2);overflow: hidden;position: relative;}
.banner .slick-title{bottom: 46px;line-height: 42px;color: #fff;z-index: 3;white-space: nowrap;text-shadow: 0 0 16px rgba(0,0,0,.5);}
/* .banner .slick-current .slick-title{-webkit-animation-name: bannerTitle ;animation-name: bannerTitle ;animation-duration: 0.6s;-webkit-animation-duration: 0.6s;} */
/* @keyframes bannerTitle{
	from {-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;bottom: 100px;}
	to {opacity: 1;bottom: 178px;}
} */
.banner .slick-arrow{border: 0;width: 98px;height: 98px;font-size: 0;outline: none;border: 1px solid rgba(255,255,255,.5);border-radius: 50%;transform: translateY(36%);}
.banner .slick-arrow:after{display: none;}
.banner .slick-next{right: 60px;background: url(../images/banner_right.png) center center no-repeat rgba(0,0,0,.5);background-size: 46% auto;}
.banner .slick-prev{left: 60px;background: url(../images/banner_left.png) center center no-repeat rgba(0,0,0,.5);background-size: 46% auto;}
.banner .slick-dots{width: auto;right: 50%;bottom: 0px;margin: 0 -685px 0 0;overflow: hidden;cursor: pointer;}
.banner .slick-dots li{width: 24px;height: 48px;margin: 0 0 0 15px;border-radius: 0;vertical-align: top;border-radius: 12px 12px 0 0;background: url(../images/banner_dots.png) center 7px no-repeat #004ea2;vertical-align: bottom;opacity: .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;}
.banner .slick-dots li button{text-indent: 0;color: #fff;outline: none;border-radius: 0;background: none;display: none;}
.banner .slick-dots li.slick-active,.banner .slick-dots li:hover{height: 78px;opacity: 1;}

.index_title{overflow: hidden;text-align: center;display: block;margin: 0 0 39px;position: relative;z-index: 3;}
.index_title .left{display: inline-block;*display: inline;*zoom:1;font-size: 0;}
.index_title .right{display: inline-block;*display: inline;*zoom:1;}
.index_title .left span{vertical-align: middle;display: inline-block;*display: inline;*zoom:1;position: relative;}
.index_title .left span:first-child,.index_title .left span:nth-child(2){color: #015aa4;font-size: 42px;font-family: 'zzh';}
.index_title .left span:nth-child(3),.index_title .left span:nth-child(4){color: #333;font-size: 36px;font-family: 'zxhj';transform: scaleX(.8);}
.index_title .left span:nth-child(2){margin-top: 21px;}
.index_title .left span:nth-child(4){top: 14px;left: -6px;}
.index_title .en{color: #999;font-family: 'CenturyGothic';line-height: 43px;}
.index_title .more{float: right;position: relative;z-index: 2;color: #be9c5a;}

.mode02 .index_title .left span{color: #fff;}
.mode02 .index_title .en{color: #ddd;}
.mode02 .index_title .more{color: #fdc049;}

.wrap_mode01{padding: 66px 0 45px;background: url(../images/mode01_bg.png) top center no-repeat #ebedf0;}
.mode01{position: relative;}
.mode01 .lf{float: left;width: calc(64% - 12px);}
.mode01 .rt{float: right;width: calc(36% - 12px);}

.index_011{display: block;position: relative;}
.index_011 .img{}
.index_011 .bottom{padding: 23px 42px 22px 31px;position: absolute;right: 0;bottom: 0;background: rgba(0,0,0,.55);width: 47%;}
.index_011 .title{margin: 0 0 16px;height: 56px;line-height: 28px;color: #fff;font-weight: bold;}
.index_011 .time{display: inline-block;*display: inline;*zoom:1;line-height: 35px;height: 35px;position: relative;padding: 0 20px 0 40px;border-radius: 20px;background: #004ea2;color: #fff;}
.index_011 .time::before{content: '';display: block;width: 27px;height: 27px;background: url(../images/mode01_time1.png) center no-repeat #fff;border-radius: 50%;position: absolute;left: 4px;top: 50%;transform: translateY(-50%);}

.index_012{display: block;position: relative;top: 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_012 .img{}
.index_012 .bottom{padding: 25px 32px 34px;background: #fff;box-shadow: 0 0 16px rgba(0,0,0,.1);}
.index_012 .title{margin: 0 0 17px;height: 24px;line-height: 24px;white-space: nowrap;font-weight: bold;}
.index_012 .info{margin: 0 0 21px;color: #999;height: 48px;line-height: 24px;}
.index_012 .time{display: inline-block;*display: inline;*zoom:1;line-height: 33px;height: 33px;position: relative;padding: 0 20px 0 40px;border-radius: 20px;background: #fff;color: #999;border: 1px solid #015aa4;}
.index_012 .time::before{content: '';display: block;width: 27px;height: 27px;background: url(../images/mode01_time2.png) center no-repeat #015aa4;border-radius: 50%;position: absolute;left: 4px;top: 50%;transform: translateY(-50%);}
.index_012:hover{top: -20px;}

.index_013 ul{margin: 24px 0 0 -25px;padding: 0 0 0;}
.index_013 li{}
.index_013 a{margin: 0 0 25px 25px;position: relative;top: 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_013 .bottom{padding: 18px 24px 25px;background: #fff;box-shadow: 0 0 16px rgba(0,0,0,.1);}
.index_013 .title{margin: 0 0 18px;height: 52px;line-height: 26px;font-weight: bold;}
.index_013 .info{margin: 0 0 0;color: #999;height: 48px;line-height: 24px;}
.index_013 .time{display: inline-block;*display: inline;*zoom:1;line-height: 29px;height: 29px;position: relative;padding: 0 20px 0 40px;border-radius: 20px;background: #fff;color: #999;border: 1px solid #e5e5e5;}
.index_013 .time::before{content: '';display: block;width: 27px;height: 27px;background: url(../images/mode01_time3.png) center no-repeat #eee;border-radius: 50%;position: absolute;left: 2px;top: 50%;transform: translateY(-50%);}
.index_013 a:hover{top: -20px;}

.wrap_mode02{padding: 65px 0 170px;background: url(../images/mode02_bg.png) top center no-repeat,url(../images/mode03_bg.png);background-size: cover;}
.mode02{position: relative;}

.index_02 ul{margin: -38px 0 0 -25px;}
.index_02 li:nth-child(2),.index_02 li:nth-child(3){margin: 60px 0 0;}
.index_02 a{margin: 0 0 0 25px;padding: 24px 30px 35px;background:url(../images/mode02_bg3.png) right bottom #fff;border-radius: 5px 5px 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_02 .top{height: 142px;overflow: hidden;margin: 0 0 35px;}
.index_02 .title{margin: 0 0 15px;max-height: 56px;line-height: 28px;}
.index_02 .info{margin: 0 0 0;color: #666;height: 96px;line-height: 24px;}
.index_02 .time{display: inline-block;*display: inline;*zoom:1;line-height: 33px;height: 33px;position: relative;padding: 0 20px 0 40px;border-radius: 20px;background: #fff;color: #999;border: 1px solid #015aa4;}
.index_02 .time::before{content: '';display: block;width: 27px;height: 27px;background: url(../images/mode01_time2.png) center no-repeat #015aa4;border-radius: 50%;position: absolute;left: 4px;top: 50%;transform: translateY(-50%);}
.index_02 a:hover{background: url(../images/mode02_bg2.png) right bottom no-repeat #be9c5a;}
.index_02 a:hover .title{color: #fff;}
.index_02 a:hover .info{color: rgba(255,255,255,.6);}
.index_02 a:hover .time{background: rgba(255,255,255,.2);border: 1px solid transparent;color: #fff;}

.wrap_mode03{padding: 55px 0 72px;background: url(../images/mode03_bg.png);overflow: hidden;}
.mode03{position: relative;}

.index_03{background: url(../images/mode03_bg2.png) bottom center no-repeat;position: relative;padding: 46px 30px 70px;margin: 108px 0 0;}
.index_03 .slick_menu{position: absolute;right: 0;top: -60px;z-index: 2;}
.index_03 .slick-arrow{border: 0;width: 60px;height: 60px;font-size: 0;outline: none;background-position: center;background-repeat: no-repeat;background-color: rgba(0,0,0,.3);position: static;float: left;transform: none;margin: 0 0 0 4px;}
.index_03 .slick-arrow:after{display: none;}
.index_03 .slick-next{right: 0px;background-image: url(../images/mode03_next.png);}
.index_03 .slick-prev{left: 0px;background-image: url(../images/mode03_prev.png);}
.index_03 .slick-arrow:hover{background-color: #be9c5a;}

.index_031{margin: -287px 0 0;position: relative;}
.index_031 > ul{margin: 0 0 0 0;}
.index_031 .slick-list{}
.index_031 li{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_031 li.slick-active{}
.index_031 li.slick-current{}
.index_031 a{display: block;padding: 40px 40px 0;}
.index_031 li.slick-current a{margin: 0 45px 0 0;border: 0;}
.index_031 li.slick-current img{box-shadow: 0 0 44px rgba(0,0,0,.24);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_031 li.slick-current .box{display: block;}
.index_031 canvas{transform: skew(50deg);transform-origin:0 0;height: 40px;overflow: hidden;width: 100%;}
.index_031 li.slick-current canvas{}
.index_031 .left{width: 380px;float: left;}
.index_031 .reflect{overflow: visible !important;}
.index_031 .right{margin: 0 0 0 440px;padding: 250px 0 0;}
.index_031 img:hover{transform: scale(1.05);-ms-transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);-o-transform: scale(1.05);}

.index_031 .title{margin: 0 0 17px;height: 24px;line-height: 24px;white-space: nowrap;color: #fff;}
.index_031 .info{margin: 0 0 0;color: rgba(255,255,255,.7);height: 72px;line-height: 24px;}

.index_032{margin: -290px 0 0 480px;}
.index_032 ul{}
.index_032 li{width: 103px;opacity: 0;}
.index_032 li.slick-active{opacity: 1;}
.index_032 .slick-track{margin: 0 0 0 -103px;}
.index_032 a{margin: 0 20px 0 0;border: 3px solid rgba(255,255,255,.2);display: block;}
.index_032 img{display: block;width: 100%;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_032 img:hover{transform: scale(1.05);-ms-transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);-o-transform: scale(1.05);}

.wrap_mode04{padding: 67px 0;background: url(../images/mode04_bg.png) top center no-repeat,url(../images/mode03_bg.png);background-size: cover;}
.mode04{position: relative;}

.index_04{margin: 0 -15px;}
.index_04 ul{}
.index_04 li{}
.index_04 a{margin: 0 15px 30px;display: block;position: relative;top: 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_04 .img_box{max-width: 240px;border: 15px solid rgba(255,255,255,.4);border-bottom: 0;margin: 0 auto;}
.index_04 .img{padding-bottom: calc(292% / 2.4);}
.index_04 .bottom{padding: 22px 27px 24px;background: #fff;box-shadow: 0 0 16px rgba(0,0,0,.1);border-radius: 5px 5px 0 0;}
.index_04 .title{margin: 0 0 9px;height: 56px;line-height: 28px;}
.index_04 .info{margin: 0 0 0;color: #999;height: 48px;line-height: 24px;}
.index_04 a:hover{top: -10px;}

.index_042{max-width: 284px;height: 5px;position: relative;margin: 40px auto 0;overflow: hidden;border-radius: 5px;}
.index_042::before{content: '';display: block;height: 1px;position: absolute;top: 2px;left: 3px;right: 3px;background:#09b0ae;background: -webkit-linear-gradient(left, #09b0ae , #004ea2);background: -o-linear-gradient(right, #09b0ae, #004ea2);background: -moz-linear-gradient(right, #09b0ae, #004ea2);background: linear-gradient(to right, #09b0ae , #004ea2);}
.index_042 p{background: #fff;height: 5px;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:1024px){
	
	
}
@media screen and (max-width: 1600px){
	
	
}
@media screen and (max-width: 1480px){
	.banner .slick-arrow{width: 60px;height: 60px;margin: -12px 0 0;}
	.banner .slick-prev{left: 46px;}
	.banner .slick-next{right: 46px;}
	.banner .slick-title{max-width: 800px;bottom: 60px;}
	@keyframes bannerTitle{
		from {-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;bottom: 20px;}
		to {opacity: 1;bottom: 60px;}
	}
	.banner .slick-dots{margin: 0;right: 40px;}
	
	.wrap_mode01{padding: 40px 0 30px;}
	.index_012 .bottom{padding: 20px 32px;}
	
	.wrap_mode02{padding: 40px 0 120px;}
	.wrap_mode03{padding: 40px 0 60px;}
	
	.index_03{margin: 60px 0 0;padding: 46px 10px 40px;}
	.index_031{margin: -180px 0 0;}
	.index_031 .left{width: 240px;}
	.index_031 .right{margin: 0 0 0 280px;padding: 160px 0 0;}
	.index_032 {margin: -153px 0 0 320px;}
	
	.wrap_mode04{padding: 50px 0;}
	.index_04 .img_box{margin: 0 10px;}
	.index_042{margin: 20px auto 0;}
	
}
@media screen  and (max-width:1220px){
	.banner .slick-arrow{width: 40px;height: 40px;}
	.banner .slick-dots{margin: 0;right: 30px;}
	
	.banner .slick-title{bottom: 20px;max-width: calc(100% - 280px);}
	
	.index_012 .bottom{padding: 12px 20px;}
	.index_012 .title{margin: 0 0 6px;}
	.index_012 .info{margin: 0 0 12px;}
	
	.index_013 ul{margin: 20px 0 0 -16px;}
	.index_013 a {margin: 0 0 25px 16px;}
	.index_013 .bottom{padding: 12px 16px 20px;}
	.index_013 .title{margin: 0 0 12px;}
	
	.wrap_mode02{padding: 40px 0 80px;}
	.index_02 ul{margin: -38px 0 0 -16px;}
	.index_02 a{margin: 0 0 0 16px;padding: 16px 20px 24px;}
	.index_02 .top{margin: 0 0 20px;}
	
	.wrap_mode03{padding: 20px 0 60px;}
	.index_03{background-size: cover;padding: 30px 12px 50px;/* height: 480px; */margin: 10px 0 0;}
	
	.index_031 .right{padding: 20px 0 0;}
	.index_03::after{content: '';display: block;clear: both;}
	.index_031{margin: 0;}
	.index_031 a{padding: 0 10px;}
	.index_031 li.slick-current img{box-shadow: none;}
	.index_032{margin: -225px 0 0 290px;}
	
	
}


@media screen and (max-width: 992px){
	.banner .slick-arrow{}
	.banner .slick-dots{}
	.banner .slick-title{left: 20px;display: none;}
	
	.index_title{margin: 0 0 24px;}
	.index_title .left span:first-child, .index_title .left span:nth-child(2){font-size: 36px;}
	.index_title .left span:nth-child(3), .index_title .left span:nth-child(4){font-size: 30px;}
	.index_title .en{line-height: 24px;}

	.index_011 .bottom{padding: 18px 24px;width: 60%;}
	.index_012 .title{height: 48px;white-space: normal;}
	.index_012 .info{display: none;}
	
	.index_013 .title{height: 48px;line-height: 24px;}
	
	.wrap_mode02{padding: 20px 0 60px;background-size: auto 110%, 0 0;}
	.index_02 ul{margin-top: 0;}
	.index_02 li:nth-child(2), .index_02 li:nth-child(3){margin: 0;}
	.index_02 a{margin-bottom: 20px;}
	
	.index_031{overflow: hidden;}
	.index_032 .title{height: auto;}
	
}
@media screen  and (max-width:767px){
	.banner .slick-dots{display: none !important;}
	.banner .slick-title{bottom: 12px;font-size: 14px;}
	.banner .slick-dots{bottom: 0px;line-height: 15px;height: 20px;}
	.banner .slick-dots li{width: 6px;height: 6px;margin: 0 4px;}
	
	.mode01 .lf{width: auto;float: none;}
	.index_011 .bottom{position: static;width: auto;padding: 10px 20px;}
	.index_011 .title{height: auto;line-height: 24px;margin: 0 0 6px;}
	
	.mode01 .rt{width: auto;float: none;margin: 20px 0 0;}
	.index_012 .title,.index_013 .title{height: auto;margin: 0 0 8px;}
	
	.index_03{height: auto;}
	.index_03 .slick_menu{top: 50%;transform: translateY(-50%);width: 100%;height: 0;}
	.index_03 .slick-arrow{position: absolute;margin: 0;}
	
	.index_031{width: 80%;margin: 0 auto 20px;float: none;}
	.index_031 .left{width: auto;float: none;margin: 0 auto;}
	.index_031 img{display: block;width: 100%;}
	.index_031 .right{margin: 0 ;}
	.index_031 canvas{display: none !important;}
	
	.index_031 li.slick-current,.index_031 li{width: auto;margin: 0 !important;}
	.index_031 li.slick-current a,.index_031 a{margin: 0;border: 0;}
	.index_031 .reflect{display: block;height: auto !important;}
	.index_031 li.slick-current canvas{display: none !important;}
	
	.index_032{margin: 0;}
	
	.index_04 .img_box{margin: 0 auto;}
	
	
}
@media screen  and (max-width: 600px){
	
	
}
@media screen  and (max-width:480px){
	.banner .slick-arrow{display: none !important;}
	
	
}
@media screen  and (max-width:413px){
	
	
}