

.Banner { position: relative;  }
.Banner .rslides .img { display: block; height: auto; float: left; width: 100%; border: 0; }
.Banner .rslides li {  -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; }
.Banner .rslides li:first-child { position: relative; display: block; float: left; }
.Banner .rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.Banner .slide .img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.Banner .slide li { position: absolute; width: 100%; }
.Banner .slide li a img{ width: 100%; }
.Banner .slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.Banner .slide_container { position: relative;  width: 100%;overflow:hidden; }
.Banner .slide_nav { position: absolute;  opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden;  }
.Banner .slide_nav.prev { bottom: 40px; width: 24px; height: 26px; background-size: 24px 26px; left: 50%; margin: 0px 0 0 -600px; background:url(../images/arrow_left_03.png) no-repeat left top;  }
.Banner .slide_nav.next { bottom: 40px;  width: 27px; height: 26px; background-size: 27px 26px; left: 50%; margin: 0px 0 0px -580px; background:url(../images/arrow_right_03.png) no-repeat left top; }
.Banner .slide_nav.prev:active,.Banner .slide_nav.prev:hover { background: url(../images/arrow_left_03.png) no-repeat; }
.Banner .slide_nav.next:active,.Banner .slide_nav.next:hover { background: url(../images/arrow_right_03.png) no-repeat; }
.Banner .slide_tabs li a{ width: 10px; height: 10px; background:url(../images/a_03.png); background: rgba(255,255,255,1); border-radius: 5px; display: inline-block;  text-indent:-999em;}
.Banner .slide_tabs li.slide_here a { background:url(../images/a_hover_03.png); background:#4559ff;width:10px;height:10px; border-radius: 50px; }
.Banner .slide_tabs li{width:10px;height:10px; display: inline; margin:0 10px 0 0;  color:#fff;}
.Banner .slide_tabs{position:absolute; bottom:44px;z-index:999; width: auto; text-align: center; left: 22%;
}
.Banner .slider {position: absolute; width: 580px; height: 110px; color: #ffffff; font-family: 'times_new_romanbold','Times New Roman','Arial'; bottom: 85px; left: 50%; margin: 0 0 0 -600px; font-size: 30px; text-shadow: 2px 2px 2px #000000; }


.banner{ width:100%; overflow: hidden; position: relative;}
.close{position:absolute;right:0;bottom:0;width:25px;height:25px;cursor:pointer;display:block;z-index:9999;}
.wrap_content { width:100%; margin: 0px auto 0; z-index: 99; position: relative; }
.content{margin: 0 auto 0; }
.mode01 { position: relative; max-width: 1200px; margin: 0 auto; }
.events {background: #ffffff; width: 38.5%; border: 1px solid #f1f1f1; border-top: 4px solid #9a38c8; right: 0px; top: -46px; position: absolute; border-bottom: 0px; }
.events .title { padding: 35px 0 25px 0; text-align: center; background: url(../images/event_line.png) no-repeat center bottom; }
.events .title h2 { font-size: 24px; font-family: 'times_new_romanbold','times_new_romanbold','Times New Roman','Arial'; }
.events .title .more { display: none; }
.events ul { padding: 0 90px; }
.events ul li { padding: 25px 0 25px 0; background: url(../images/event_line.png) no-repeat bottom center; }
.events ul span {  display: block; font-size: 14px; font-family: Arial; color: #9a38c8; margin: 0 auto; text-align: center; }
.events ul a { font-size: 16px; color: #333333; text-align: center; display: block; margin: 5px 0 0 0; }
.events ul a:hover { color: #9a38c8; }
.events p { text-align: center; font-size: 14px; padding: 10px 0 40px 0; }
.events p a { color: #999999; }
.events p a:hover { font-weight: bold; }



.news { width: 56.8%; float: left; }
.news .title{  overflow: hidden;margin: 25px 0 13px 0; height: 30px; line-height: 30px; }
.news .title h2 { width: auto; float: left; color: #9a38c8; font-family: 'times_new_romanbold','Times New Roman','Arial'; font-size: 26px; }
.news .title a{ width: auto; float: right; font-size: 14px; color: #999999; height: 30px; line-height: 30px; }
.news ul { margin: 0 -1.5%; overflow: hidden; }
.news ul li { width: 46%; float: left; margin: 0 2%; *width: 42.5%; }
.news ul span { height: 0px; padding: 0 0 55.1% 0;display: block; overflow: hidden; }
.news ul p { font-size: 16px; margin: 15px 0 40px 0; line-height: 20px; height: 40px; overflow: hidden; }
.news ul p:hover { color: #9a38c8; }

.mode02 { margin: 12px auto 0;  }
.Publications .wrap_title { max-width: 1200px; margin: 0 auto; }
.Publications .title { width: 56.8%; overflow: hidden; }
.Publications .title h2 { width: auto; float: left; font-size: 26px; color: #9a38c8; font-family:'times_new_romanbold','Times New Roman','Arial';  }
.Publications .title a { width: auto; float: right; font-size: 14px; color: #999999; height: 30px; line-height: 30px; }
.wrap_pub { background: #efeeeb; padding: 23px 0; }
.Publications_con { max-width: 1200px; margin: 0 auto; }
.pub_top { overflow: hidden; padding: 0 0 20px 0; border-bottom: 1px solid #d7d6d3; }
.pub_top span { height: 0px; display: block; width: 50%; overflow: hidden; float: left; padding-bottom: 28%; }
.pub_top img { width: 100%;}
.pub_right { width: 47%; float: right; }
.pub_right h3{ font-size: 16px; color: #333333; }
.pub_con { font-size: 14px; color: #666666; margin: 10px 0 10px 0; line-height: 24px; }
.pub_right p { font-size: 14px; color: #999999; padding: 0 0 0 24px; background: url(../images/clock.png) no-repeat left center; }
.pub_bottom ul { overflow: hidden; margin: 20px 0 0 0; background: url(../images/pub_line.png) no-repeat top center; }
.pub_bottom ul li { width: 47%; padding: 10px 0 10px 2%; float: left; background: url(../images/li.png) no-repeat left 14px; border-bottom: 1px solid #d7d6d3; }
.pub_bottom ul li:nth-child(even) { width: 47%; float: right; padding: 10px 0 10px 2%; }
.pub_bottom ul a { margin: 0 0 13px 0; display: block; font-size: 16px; height: 18px; overflow: hidden; }
.pub_bottom ul p { padding: 0 0 0 25px; background: url(../images/clock.png) no-repeat left center; font-size: 14px; font-family: Arial; color: #999999; }
.pub_bottom ul li:nth-child(5) { border-bottom: 0px; }
.pub_bottom ul li:nth-child(6) { border-bottom: 0px; }



.mode03 { max-width: 1200px; margin: 0 auto; }
.student { margin: 0 0 30px 0; }
.Banner01 { position: relative; *width: 1200px; }
.Banner01 .rslides .img { display: block; height: auto; float: left; width: 100%; border: 0; }
.Banner01 .rslides li {  -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; *width: 1200px; }
.Banner01 .rslides li:first-child { position: relative; display: block; float: left; }
.Banner01 .rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.Banner01 .slide .img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.Banner01 .slide li { position: absolute; width: 100%; }
.Banner01 .slide li a { float: right; width: 49.7%; }
.Banner01 .slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.Banner01 .slide_container { position: relative;  width: 100%;overflow:hidden; }
.Banner01 .slide_nav { position: absolute;  opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden;  }
.Banner01 .slide_nav.prev { bottom: 0px; width: 40px; height: 40px;  left: 47%; background:url(../images/student_left.png) no-repeat left top;  }
.Banner01 .slide_nav.next { bottom: 40px;  width: 40px; height: 40px;  left: 47%; background:url(../images/student_right.png) no-repeat left top; }
.Banner01 .slide_nav.prev:active,.Banner01 .slide_nav.prev:hover { background: url(../images/student_left_hover.png) no-repeat; }
.Banner01 .slide_nav.next:active,.Banner01 .slide_nav.next:hover { background: url(../images/student_right_hover.png) no-repeat; }
.Banner01 .slide_tabs li a{ width: 10px; height: 10px; background:url(../images/a_03.png); background: rgba(255,255,255,1); border-radius: 5px; display: inline-block;  text-indent:-999em;}
.Banner01 .slide_tabs li.slide_here a { background:url(../images/a_hover_03.png); background:#4559ff;width:10px;height:10px; border-radius: 50px; }
.Banner01 .slide_tabs li{width:10px;height:10px; display: inline; margin:0 10px 0 0;  color:#fff;}
.Banner01 .slide_tabs{position:absolute; bottom:44px;z-index:999; width: auto; text-align: center; left: 22%; display: none;
}
.Banner01 .slider {position: absolute; width: 43.5%; height: 140px; color: #999999; font-family: Arial; top: 0px; padding: 30px 0 0 0; background: url(../images/student_line.png) no-repeat left top;  font-size: 14px; line-height: 24px; left: 0px; }


.student .title { margin: 20px auto; overflow: hidden;}
.student .title h2 { width: auto; float: left; font-size: 26px; font-family: 'times_new_romanbold','Times New Roman','Arial'; color: #9a38c8; }
.student .title a { width: auto; float: right; font-size: 14px; color: #999999; height: 35px; line-height: 35px; }





@media screen  and (max-width:1386px) {
.Banner .slide_nav.prev { left: 3%; margin-left: 0px; } 
.Banner .slide_nav.next { left: 5%; margin: 0px; } 
.mode01 { max-width: 1000px; margin: 0 auto; }
.Banner .slide_tabs { left: 9%; }
.Banner .slider { margin: 0 0 0 -500px; font-size: 28px; }
.mode01 { max-width: 1000px; }
.events ul { padding: 0 20px; }
.news ul p { font-size: 14px; }
.mode02 { margin: -10px auto; }
.Publications .wrap_title { max-width: 1000px; }
.Publications_con { max-width: 1000px; }
.mode03 { max-width: 1000px; }
.events .title h2 a { font-style: 24px; }
.news .title h2 { font-size: 24px; }
.Publications .title h2 { font-size: 24px; }
.student .title h2 { font-size: 24px; }
}


/* CSS Document */


@media screen  and (max-width:1023px) {
	.Banner .slide_nav.prev { bottom: 20px; left: 15px;  }
	.Banner .slide_nav.next { bottom: 20px; left: 39px;  }
	.Banner .slide_tabs { left: 80px; bottom: 28px; }
	.Banner .slider { left: 15px; margin: 0px; }
	.content { margin: 35px 0px 0 0px; }
	.mode01 { margin: 35px 15px 0 15px; }
	.events { width: 100%; float: none; border: 0px; position: static; top: 0px; }
	.events .title .more { display: block; }
	.events .title { padding: 0px; overflow: hidden; }
	.events .title h2 { width: auto; float: left; }
	.events .title h2 a { font-family: 'times_new_romanbold','Times New Roman','Arial'; color: #9a38c8; font-size: 22px; }
	.events .title span { float: right; font-size: 14px; color: #999999; height: 35px; line-height: 35px; }
	.events .title span a { color: #999999; font-size: 14px; }
	.events ul { padding: 0px; }
	.events ul li { height: 30px; line-height: 30px; padding: 0px; background: none; overflow: hidden; }
	.events ul span { float: right; margin: 0px; text-align: right; }
	.events ul a { text-align: left; margin: 0px; float: left; width: 60%; }
	.events .title{ background: none; margin: 0 0 15px 0; }
	.events p { display: none; }
	.news { width: auto; float: none; }
	.news ul li img { width: 100%; }
	.news ul p { margin: 10px 0 30px 0; font-size: 16px; }
.pub_top span { width: 100%; float: none; padding-bottom: 56%; }
.pub_right { width: 100%; float: none; margin: 15px 0 0 0; }
.Publications .title { width: 96%; margin: 0 2%; }
.Publications_con { margin: 0 15px; }
.pub_bottom ul { background: none; }
.pub_bottom ul li { width: auto; float: none; background-position: left 14px; padding: 10px 0 10px 20px;}

.pub_bottom ul li:nth-child(even) { float: none; width: auto; background-position: left 14px; padding: 10px 0 10px 20px; }
.pub_bottom ul li:nth-child(5) { border-bottom: 1px solid #d7d6d3; }
.mode03 { margin: 0 15px 20px; }
.Banner01 .slide li a { float: none; }
.Banner01 .slide li a img { width: 100%; }
.Banner01 .slider{ position: static; float: none; width:93%; height: auto; padding: 15px 0 0 0; }
.Banner01 .slide_nav.prev { left: 0px; }
.Banner01 .slide_nav.next { left: 0px; }
.Banner01 .slide { margin: 0 0 0 40px; width: auto; }

}


@media screen and (max-width:768px) {
.Banner .slider { display: none; }
.news ul li { width: 100%; float: none; margin: 0px; }
.news ul { margin: 0px; }
.news ul p { margin: 10px 0 20px 0; }
.Publications .title h2 { width: 60%; }
.events .title h2 a { font-style: 22px; }
.news .title h2 { font-size: 22px; }
.Publications .title h2 { font-size: 22px; overflow: hidden; }
.student .title h2 { font-size: 22px; }

}





