.wrapbanner{background: #f0f2f5;}
.banner{position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 1;}
.banner a{display: block;position: relative;}
.banner .slick-img{display: block;overflow: hidden;position: relative;width: 100%;}
.banner .slick-img{height: 0;padding-bottom: calc(860% / 19.2);}
/* .banner .slick-img img{position: absolute;width: auto;height: auto;min-width: calc(100% + 1px);min-height: calc(100% + 1px);top: 50%;left: 50%;-webkit-transform: translate3d(-50%,-50%,0) scale(1);transform: translate3d(-50%,-50%,0) scale(1);} */

.banner .slick-arrow{border: 0;width: 70px;height: 70px;font-size: 0;outline: none;top: calc(50% + 47px);}
.banner .slick-arrow:after{display: none;}
.banner .slick-next{right: 250px;background: url(../images/banner_right.png) center center no-repeat;background-size: cover;}
.banner .slick-prev{left: 250px;background: url(../images/banner_left.png) center center no-repeat;background-size: cover;}
.banner .slick-dots{width: auto;right: calc(50% - 600px);bottom: 43px;}
.banner .slick-dots li{width: 10px;height: 10px;margin: 0 0 0 15px;background: #fff;opacity: 0.5;border-radius: 50%;}
.banner .slick-dots li button{display: none;}
.banner .slick-dots li.slick-active{opacity: 1;}

.content{position: relative;z-index: 2;background: #fffef7;margin-top: calc(860% / 19.2);}

.index_title{overflow: hidden;margin-bottom: 20px;line-height: 24px;text-align: center;font-size: 60px;height: 80px;color: #5b215e;line-height: 80px;font-weight: bold;}
a.index_more{display: block;width: 436px;height: 60px;line-height: 60px;text-align: center;margin: 0 auto;font-weight: bold;color: #fff;
background: #5C2260;
background: -webkit-linear-gradient(bottom, #5C2260, #85308B); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(top, #5C2260, #85308B); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(top, #5C2260, #85308B); /* Firefox 3.6 - 15 */
background: linear-gradient(top, #5C2260, #85308B);}

a.index_more:hover{background: #85308B;}

.mode02 .index_title,.mode04 .index_title{color: #fff;}
.mode02 a.index_more{color: #6f4486;background: #fff;}
.mode02 a.index_more:hover{color: #85308B;}

.wrap_mode01{padding: 65px 0 81px;}
.mode01{position: relative;}
.index_01 ul{margin: 0 -12px 27px;padding: 32px 0 0;}
.index_01 li{width: 25%;}
.index_01 a{margin: 0 12px 24px;position: relative; box-shadow: 0px 6px 13px rgba(0,0,0,0.1);}
.index_01 .img{padding-bottom: calc(176% / 2.81);}
.index_01 .bottom{padding: 12px 13px 28px;background: #fff;}
.index_01 .title{height: 81px;line-height: 27px;font-weight: bold;}
.index_01 li:first-child,.index_01 li:nth-child(6){width: 50%;}
.index_01 a:hover .bottom{background: #6a276f;}
.index_01 a:hover .title{color: #fff;}
.index_01 li:first-child .img,.index_01 li:nth-child(6) .img{padding-bottom: calc(298% / 5.88);}
.index_01 li:first-child .bottom,.index_01 li:nth-child(6) .bottom{position: absolute;left: 0;right: 0;bottom: 0;padding: 19px 20px 2px;
	background: transparent;
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,1), rgba(0,0,0,0)); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0)); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0)); /* Firefox 3.6 - 15 */
	background: linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0));
}
.index_01 li:first-child .title,.index_01 li:nth-child(6) .title{color: #fff;}

.wrap_mode02{padding: 64px 0 60px;background: #5B215E;background: -webkit-linear-gradient(top, #843088, #5B215E); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(bottom, #843088, #5B215E); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(bottom, #843088, #5B215E); /* Firefox 3.6 - 15 */background: linear-gradient(bottom, #843088, #5B215E);}
.mode02{position: relative;}

.index_02 ul{margin: 0 0 37px -24px;padding: 32px 0 0;}
.index_02 li{width: 25%;}
.index_02 a{margin: 0 0 24px 24px;position: relative;}
.index_02 .img{padding-bottom: calc(211% / 2.82);}
.index_02 .bottom{padding: 34px 24px 27px;position: relative;background: #fff;}
.index_02 .title{height: 135px;line-height: 27px;font-weight: bold;}
.index_02 .time{color: #fff;margin: 0 0 0;text-align: center;width: 55px;height: 55px;background: #5B215E;position: absolute;left: 24px;top: -27px;background: -webkit-linear-gradient(top, #843088, #5B215E); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(bottom, #843088, #5B215E); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(bottom, #843088, #5B215E); /* Firefox 3.6 - 15 */background: linear-gradient(bottom, #843088, #5B215E);}
.index_02 .day{margin: 0 0 0 0;line-height: 17px;}
.index_02 .month{line-height: 25px;}

.wrap_mode03{padding: 55px 0 60px;}
.mode03{position: relative;}

.index_031{display: block;box-shadow: 0px 6px 13px rgba(0,0,0,0.1);position: relative;margin: 52px 0 0;}
.index_031 .img{padding-bottom: calc(653% / 12);}
.index_031 .bottom{position: absolute;left: 0;right: 0;bottom: 0;padding: 0 0 0 0;top: calc(363% / 6.53);
	background: transparent;
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,1), rgba(0,0,0,0)); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0)); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0)); /* Firefox 3.6 - 15 */
	background: linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0));
}
.index_031 .title{color: #fff;line-height: 28px;max-height: 56px;position: absolute;left: 31px;right: 31px;bottom: 23px;font-weight: bold;}

.index_032 ul{margin: 15px 0 56px -50px;}
.index_032 li{width: 33.3%;}
.index_032 a{margin: 0 0 25px 50px;}
.index_032 .title{margin: 0 0 5px;height: 27px;line-height: 27px;font-weight: bold;}
.index_032 .info{height: 58px;line-height: 29px;}

.wrap_mode04{padding: 55px 0 60px;background: #5B215E;background: -webkit-linear-gradient(top, #843088, #5B215E); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(bottom, #843088, #5B215E); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(bottom, #843088, #5B215E); /* Firefox 3.6 - 15 */background: linear-gradient(bottom, #843088, #5B215E);}
.mode04{position: relative;}

.index_04 ul{margin: 0 0 0 -198px;}
.index_04 li{width: 33.3%;}
.index_04 a{margin: 30px 0 0 198px;text-align: center;text-align: center;color: #fff;}
.index_04 .title{margin: 0 0 4px;height: 100px;line-height: 50px;font-weight: bold;}
.index_04 .info{height: 24px;line-height: 24px;}

.wrap_mode05{padding: 55px 0 60px;}
.mode05{position: relative;}

.index_05 ul{margin: 0 0 25px -24px;padding: 32px 0 0;}
.index_05 li{width: 33.3%;}
.index_05 a{margin: 0 0 24px 24px;}
.index_05 .img{padding-bottom: calc(238% / 3.84);box-shadow: 0px 6px 13px rgba(0,0,0,0.1);}
.index_05 .bottom{padding: 19px 0 0 0;}
.index_05 .title{margin: 0 0 5px;height: 27px;line-height: 27px;font-weight: bold;}
.index_05 .info{margin: 0 0 17px;height: 58px;line-height: 29px;}
.index_05 .tip{color: #1b7bc0;line-height: 22px;height: 22px;font-weight: bold;}
.index_05 .tip::after{content: '';display: inline-block;*display: inline;*zoom:1;width: 6px;height: 12px;vertical-align: middle;background: url(../images/mode05_arrow.png) center no-repeat;margin: 0 0 0 11px;}

@media screen  and (min-width:1024px){
	[class*=index] *{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_011:hover,.index_012 a:hover{background: #083c7d;box-shadow: 0 10px 40px rgba(0,54,120,0.5);z-index: 2;position: relative;}
	.index_012 a:hover .title::before{background: rgba(255,255,255,0.3);}
	.index_012 a:hover .time::before{background: rgba(255,255,255,0.2);}
	.index_011:hover .title,.index_011:hover .info,.index_012 a:hover .title,.index_012 a:hover .day,.index_012 a:hover .month{color: #fff;}
	.index_03 a:hover{transform: translateY(-10px);}
	
}
@media screen and (max-width: 1480px){
	.banner .slick-prev{left: 10px;}
	.banner .slick-next{right: 10px;}
	.banner .slick-dots{right: calc(50% - 500px);}
	
	.index_title{font-size: 52px;line-height: 60px;height: 60px;margin-bottom: 10px;}
	
	.index_01 .title{line-height: 24px;height: 72px;}
	.index_01 .bottom{padding: 12px 13px 16px;}
	
}
@media screen  and (max-width:1220px){
	.banner .slick-arrow{width: 48px;height: 48px;}
	
	
}
@media screen  and (max-width:992px){
	.banner .slick-arrow{display: none !important;}
	.banner .slick-dots{right: 20px;}
	
	.index_title{font-size: 40px;}
	
	.index_01 li:first-child{width: 100%;}
	.index_01 li,.index_02 li{width: 50%;}
	.index_01 li:nth-child(6){display: none;}
	
	.index_02 .bottom{padding: 20px 24px;}
	.index_02 .img{display: none;}
	.index_02 .title{height: 108px;margin: 0 0 0 60px;}
	.index_02 .time{left: 10px;top: 0;bottom: 0;margin: auto;}
	
	.index_04 li{width: 100%;}
	
	.wrap_mode01{padding: 40px 0 60px;}
	.index_01 ul{padding: 12px 0 0;}
	.index_02 ul{padding: 20px 0 0;}
	.index_031{margin: 30px 0 0;}
	
	.index_01 a{box-shadow: 0px 6px 13px rgba(0,0,0,0.05);}
	
}
@media screen  and (max-width:767px){
	/* .Banner .slick-dots{display: none !important;} */
	.banner .slick-dots{bottom: 13px;}
	.banner .slick-dots li{width: 6px;height: 6px;margin: 0 0 0 9px;}
	
	a.index_more{width: auto;}
	
	.index_title{font-size: 30px;line-height: 48px;height: 48px;margin-bottom: 10px;}
	.index_01 li:first-child .bottom, .index_01 li:nth-child(6) .bottom{position: relative;background: #fff;padding: 12px;}
	.index_01 li:first-child .title, .index_01 li:nth-child(6) .title{color: #333;height: auto;}
	.index_01 .bottom{padding: 12px;}
	.index_01 .title{height: auto;}
	.index_01 li, .index_02 li{width: 100%;}
	.index_01 ul{margin: 0 -12px;}
	
	.index_01 .img{display: none;}
	.index_01 li:first-child .img{display: block;}
	
	.wrap_mode02{padding: 36px 0;}
	.index_02 .title{height: auto;}
	
	.wrap_mode03{padding: 36px 0;}
	.index_032 li{width: 100%;}
	.index_032 ul{margin: 15px 0 10px -50px;}
	.index_032 .info{height: auto;}
	
	.wrap_mode05{padding: 40px 0;}
	.index_05 li{width: 100%;}
	.index_05 .info{line-height: 24px;height: auto;margin: 0 0 10px;}
	.index_05 ul{margin: 0 0 10px -24px;padding: 10px 0 0;}
	.index_05 .bottom{padding: 0;}
	.index_05 .img{display: none;}
	
}
@media screen  and (max-width:413px){
	
	
}