.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(637% / 19.2);overflow: hidden;position: relative;}
.banner .title{width: 1100px;position: absolute;left: 0;right: 0;bottom: 11px;line-height: 63px;padding: 0 150px 0 50px;color: #fff;margin: auto;overflow: hidden;height: 63px;z-index: 3;background: rgba(0,0,0,0.4);left: 50%;transform: translateX(-50%);}
.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% - 640px);bottom: 20px;height: 43px;background: #47388c;line-height: 43px;padding: 0 20px;border-radius: 4px;}
.banner .slick-dots li{width: 9px;height: 9px;margin: 0 10px;background: #fff;opacity: 0.5;border-radius: 50%;}
.banner .slick-dots li button{display: none;}
.banner .slick-dots li.slick-active{opacity: 1;}

.index_title{overflow: hidden;margin-bottom: 15px;line-height: 40px;}
.index_title .more{float: right;position: relative;z-index: 2;color: #757575;}
.index_title h2{height: 40px;color: #222;font-weight: bold;}
.index_title .more:hover{color: #6b397f;}

.wrap_mode01{padding: 50px 0 80px;}
.mode01{position: relative;}
.mode01 .lf{width: calc(60% - 25px);float: left;}
.mode01 .rt{width: calc(40% - 35px);float: right;}

.index_011{margin: 0 0 0;display: block;box-shadow: 0 0 16px rgba(0,0,0,0.1);width: 348px;float: left;}
.index_011 .img{padding-bottom: calc(196% / 3.48);}
.index_011 .bottom{padding: 35px 30px;background: #fff;position: relative;text-align: justify;}
.index_011 .title{margin: 0 0 11px;height: 48px;line-height: 24px;}
.index_011 .time{color: #fff;margin: 0 0 0;background: #6b397f;position: absolute;left: 30px;top: -44px;width: 73px;height: 64px;}
.index_011 .info{margin: 0 0 0;color: #757575;height: 44px;line-height: 22px;}
.index_011 .day{margin: 13px 15px 4px;line-height: 20px;}
.index_011 .month{margin: 0 0 0 15px;line-height: 20px;}

.index_012{margin: 0 0 0 378px;border: 1px solid #eee;padding: 0 20px 24px;}
.index_012 ul{margin: 0 0 0;padding: 0 0 0;}
.index_012 li{width: 100%;}
.index_012 a{margin: 0 0 0;overflow: hidden;border-bottom: 1px dashed #ccc;}
.index_012 .left{width: 64px;float: left;height: 85px;position: relative;}
.index_012 .time{position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.index_012 .left::before{content: '';display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 41px;background: #ccc;}
.index_012 .day{color: #41224d;margin: 0 0 0 0;line-height: 20px;}
.index_012 .month{color: #47388c;margin: 0 0 0 0;line-height: 20px;}
.index_012 .right{margin: 0 0 0 84px;padding: 17px 0 0 0;position: relative;}
.index_012 .title{margin: 0 0 0;max-height: 48px;line-height: 24px;}

.index_013{}
.index_013 ul{margin: -8px 0 0;padding: 0 0 25px;border-bottom: 1px solid #eee;}
.index_013 li{width: 100%;}
.index_013 a{margin: 0 0 24px;overflow: hidden;border-bottom: 1px dashed #ccc;}
.index_013 li:last-child a{margin-bottom: 0;}
.index_013 .left{width: 44px;float: left;position: relative;white-space: nowrap;}
.index_013 .month{color: #47388c;margin: 0 0 0 0;line-height: 24px;}
.index_013 .day{color: #6b397f;margin: 0 0 0 0;line-height: 41px;border: 2px solid #ccc;text-align: center;}
.index_013 .right{margin: 0 0 0 65px;padding: 3px 0 0 0;position: relative;}
.index_013 .title{margin: 0 0 3px;max-height: 24px;line-height: 24px;}
.index_013 .info{margin: 0 0 0;max-height: 24px;line-height: 24px;color: #999;}

.mode02{position: relative;padding: 30px 50px 40px;background: url(../images/mode02_bg.png) center no-repeat;background-size: cover;}
.mode02 .box{max-width: 816px;margin: 0 auto;}
.box_title{display: block;color: #fff;font-weight: bold;text-shadow: 0 0 16px #000;}
.box_title p{line-height: 20px;margin: 0 0 0;}
.box_title:hover{text-shadow: 0 0 16px #fff;}

.index_02{margin: 28px 0 0;overflow: hidden;position: relative;display: block;background: #f3f0f5;}
.index_02 .left{width: 320px;float: left;}
.index_02 .right{margin: 0 0 0 320px;padding: 26px 40px 0;text-align: justify;}
.index_02 .img{padding-bottom: calc(56.25%);}
.index_02 .title{margin: 0 0 17px;line-height: 28px;color: #6b397f;font-weight: bold;}
.index_02 .info{color: #444;height: 90px;line-height: 30px;position: relative;}
.index_02 .info::after{content: '';display: block;width: 112px;height: 30px;background: #f3f0f5;position: absolute;right: 0;bottom: 0;}
.index_02 .more{width: 90px;height: 28px;background: #6b397f;position: absolute;right: 0;bottom: 2px;text-align: center;color: #fff;z-index: 2;border-radius: 14px;line-height: 28px;}

.wrap_mode03{padding: 80px 0 0px;}
.mode03{font-size: 0;text-align: justify; text-justify:inter-ideograph;}
.mode03::after{content: '';width: 100%;display: inline-block;*display: inline;*zoom:1;}
.index_03{display: inline-block;*display: inline;*zoom:1;width: calc(33.3% - 20px);}
.index_03 .img{padding-bottom: 56.25%;}
.index_03 .bottom{overflow: hidden;line-height: 40px;margin: -20px 30px 0;background: #fff;padding: 19px 27px 19px 28px;position: relative;border: 1px dashed #ccc;}
.index_03 .more{float: right;position: relative;z-index: 2;color: #757575;}
.index_03 h2{height: 40px;color: #222;font-weight: bold;}
.index_03 .more:hover{color: #6b397f;}

.wrap_mode04{padding: 70px 0 76px;}
.mode04{font-size: 0;text-align: justify;text-justify:inter-ideograph;padding: 30px 50px;box-shadow: 0 0 16px rgba(0,0,0,.1);}
.mode04::after{content: '';width: 100%;display: inline-block;*display: inline;*zoom:1;}
.mode04 h2{display: inline-block;*display: inline;*zoom:1;line-height: 49px;vertical-align: top;}
.mode04 .select_link{display: inline-block;*display: inline;*zoom:1;width: calc(25% - 54px);height: 49px;background: #eee;vertical-align: middle;border-radius: 3px;position: relative;vertical-align: top;}
.mode04 .select_link.on{border-radius: 0 0 3px 3px;}
.mode04 .select_link .arrow{width: 20px;height: 20px;position: absolute;right: 24px;bottom: 12px;background: url(../images/select_arrow.png) center center no-repeat;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;cursor: pointer;}
.mode04 .select_link .arrow.on{transform: rotate(-90deg);}
.mode04 .select_link > a{display: block;font-size: 16px;line-height: 49px;text-align: left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding: 0 42px 0 29px;}
.mode04 .select_link .alert_box{height: 0;position: absolute;left: -1px;bottom: 100%;background: #eee;right: -1px;border-radius: 3px 3px 0 0;padding: 6px 0 0;overflow: hidden;border: 0;opacity: 0;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;}
.mode04 .select_link .alert_box.on{opacity: 1;height: auto;z-index: 2;}
.mode04 .select_link .alert_box a{display: block;font-size: 14px;line-height: 1.5;padding: 6px 28px;}
.mode04 .select_link .alert_box a:hover{}

@media screen  and (min-width:1024px){
	.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;}
	
}
@media screen and (max-width: 1480px){
	.banner .slick-prev{left: 10px;}
	.banner .slick-next{right: 10px;}
	.banner .title{max-width: 800px;}
	.banner .slick-dots{right: calc(50% - 500px);}
	
	.mode01 .lf{width: calc(60% - 5px);}
	.mode01 .rt{width: calc(40% - 35px);}
	
	.index_011{width: 300px;}
	.index_011 .bottom{padding: 37px 30px;}
	.index_011 .info{height: 66px;}
	.index_012{margin: 0 0 0 330px;}
	
	.index_03 .bottom{padding: 12px 22px 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;}
	.banner .title{left: 20px;display: none;}
	
	.wrap_mode01{padding: 30px 0 40px;}
	.mode01 .lf{width: auto;float: none;}
	.mode01 .rt{width: auto;margin: 20px 0 0;float: none;}
	
	.wrap_mode03{padding: 40px 0 0;}
	.wrap_mode04{padding: 40px 0;}
	
	.index_03 .bottom{padding:6px 12px;margin: -20px 12px 0;}
	
	.mode04 h2{display: block;}
	.mode04 .select_link{width: calc(50% - 15px);margin: 0 0 20px;}
	
	
}
@media screen  and (max-width:767px){
	/* .Banner .slick-dots{display: none !important;} */
	.banner .title{bottom: 12px;font-size: 14px;}
	.banner .slick-dots{bottom: 13px;line-height: 15px;height: 20px;padding: 0 10px;}
	.banner .slick-dots li{width: 6px;height: 6px;margin: 0 4px;}
	
	.index_title{margin: 0 0 10px;}
	.index_more{font-size: 12px;}
	
	.index_011{width: auto;float: none;}
	.index_012{margin: 20px 0 0;}
	
	.index_02 .left{width: auto;float: none;}
	.index_02 .right{margin: 0;padding: 12px 12px 20px;}
	.index_02 .title{margin: 0 0 5px;}
	.index_03{width: 100%;margin: 0 0 20px;}
	
	.wrap_mode04{padding: 10px 0 0;}
	.mode04{padding: 20px 0;overflow: visible;}
	.mode04 .select_link{width: 100%;}
}
@media screen  and (max-width:413px){
	
}