@charset "utf-8";
/* CSS Document */
.sy_news{width: 300px;overflow:hidden;}
div.wrapper { width: 100%;  position: relative;}
.fn-clear { zoom: 1;}
.box_skitter { position: relative; background: none;}
.box_skitter ul { display: none;}
.box_skitter .container_skitter { overflow: hidden; position: relative;}
.box_skitter .image { overflow: hidden;}
.box_skitter .image img { display: none;}
.box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 40px; overflow: hidden; display: none; z-index: 20;}
.box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20;}
.box_skitter .prev_button { position: absolute; top: 50%; left:10px; z-index: 100; width: 20px; height: 44px; overflow: hidden; text-indent: -9999em; margin-top: -22px; opacity: 0.3;}
.box_skitter .next_button { position: absolute; top: 50%; right:10px; z-index: 100; width: 20px; height:44px; overflow: hidden; text-indent: -9999em; margin-top: -22px; opacity: 0.3;}
.box_skitter .label_skitter { z-index: 150; position: absolute; display:block ;
background:url(/jwc/dfiles/12680/images/banner_bg.jpg) repeat;height: 40px;line-height: 40px;font-weight:bold;color:#fff;display: block;text-align: center;font-size: 15px;}
.box_skitter .label_skitter  i{font-style: normal;margin:0 15px;display: block;}
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url() no-repeat left top; width: 31px; height: 31px;}
#slideshow { width: 300px; height: 225px;}
#slideshow ul { display: none;}
#slideshow  img{max-width: none;width:auto;width: 300px; height: 225px;}
#slideshow li{position: relative;}
.title_slider{position: absolute;bottom: 0;left:0;background:url(/jwc/dfiles/12680/images/banner_bg.jpg) repeat;height: 30px;line-height: 30px;font-weight:bold;color:#000;display: block;text-align: center;}
.aside_left{width: 300px;float: left;}
/*tab选项卡学生教师公共服务*/
.serviceTab{padding-top: 20px;}
.tabMenu01{height: 42px;border:1px solid #ccc;background:left url(../images/tab_bg01.jpg) repeat-x;}
.tabMenu01 .til_tab{width: 33.3%;float: left;font-size: 15px;text-align: center;font-weight: bold;height: 42px;line-height: 42px;}
.tabMenu01 .til_tab:hover,.tabMenu01 .til_tab.on{background:url(/jwc/dfiles/12680/images/tab_bg_hover.jpg) repeat-x;}
.tabMenu01 .til_tab:hover a,.tabMenu01 .til_tab.on a{color:#fff;}
.tabList{}
.tabListBox{display: none;}
.linkList01{border-right: 1px solid #e6e6e6;}
.linkList01 li{height: 49px;line-height: 49px;border-bottom: 1px solid #e6e6e6;border-left: 2px solid #00a0e9;background:url(/jwc/dfiles/12680/images/tab_bg02.jpg) repeat-x;padding-left: 20px;font-size: 15px;transition: all 0.4s ease-in-out;}
.linkList01 li span{width: 25px;float: left;margin-right: 15px;}
.linkList01 li img{vertical-align: middle;}
.linkList01 li a{display: block;background:url(/jwc/dfiles/12680/images/more2.jpg) no-repeat right 15px center;}
.linkList01 li.nth2{border-left-color:#62d9d3;}
.linkList01 li.nth3{border-left-color:#7ecef4;}
.linkList01 li:hover,.linkList02 li a:hover,.list02 li:hover{text-indent: 10px;}
.content.current{margin-top: 130px;}
/*学院新闻*/
.content{width: 1200px;margin:30px auto 50px;}
.content .lf{width: 100%;float:left;}
.content .row01{/* margin-right:290px; */}
.main_md{margin-left: 330px;width: 30%;position: absolute;}
.articleList01{padding-bottom: 15px;}
.listTitle01{height: 42px;background:url(/jwc/dfiles/12680/images/title_bg.jpg) no-repeat top center;border-radius: 5px;line-height: 42px;}
.listTitle01 .more{float: right;width:38px;height: 42px;background:url(/jwc/dfiles/12680/images/more.jpg) no-repeat center;}
.listTitle01 .more a{display: block;width: 100%;height: 100%;}
.listTitle01 h2{font-size: 18px;padding-left: 10px;color:#fff;}
.listTitle01 h2 span{font-family: 'Arial';font-size: 16px;font-weight: normal;color:#adccf7;margin-left: 8px;}
.list02 {padding-top: 10px;}
.list02 li{height: 38px;line-height: 38px;overflow:hidden;position: relative;padding-left: 20px;transition: all 0.3s ease-in-out;}
.list02 li span{float: right;font-style: italic;color:#999;font-family: 'Arial';margin-left: 6px;}
.list02 li i.circle{width: 6px;height: 6px;border-radius: 50%;border:1px solid #00a0e9;position: absolute;left: 0;top: 50%;margin-top: -4px;}
.list02 li i.circle:before{content: '';width: 2px;height: 2px;border-radius: 50%;background-color: #00a0e9;position: absolute;left: 50%;top: 50%;margin:-1px 0 0 -1px;}
.list02 li a{font-size: 15px;}
/*教学公告*/
.list03 li{height: 49px;line-height: 49px;border-bottom: 1px dashed #ccc;overflow:hidden;}
.list-date{width: 50px;height: 30px;margin-top: 10px;border-right: 1px dashed #ccc;float:left;}
.list-date strong,.list-date i{display: block;font-style: normal;font-weight: normal;text-align: center;line-height: 20px;}
.list-date strong {font-size: 20px;color:#0b6aca;height: 20px;}
.list-date i{font-size: 12px;color:#999;height: 14px;line-height: 14px;}
.list03 li a{margin-left:64px;display: block;font-size: 15px;}
.content .rt{float: right;width: 260px;position: relative;margin-left:-260px;}
.listTitle02{background:url(/jwc/dfiles/12680/images/title_bg02.jpg) no-repeat left center;}
.listTitle02 h2{font-size: 16px;}
.linkList02{padding-top: 8px;}
.linkList02 li{height: 36px;line-height: 36px;box-shadow: -1px 2px 2px rgba(0,0,0,0.1);background:url(/jwc/dfiles/12680/images/li_bg03.jpg) repeat-x;border-radius: 4px;margin-bottom: 7px;font-size: 15px;}
.linkList02 li a{display: block;background:url(/jwc/dfiles/12680/images/li_bg01.jpg) no-repeat 19px center;padding-left: 43px;border:1px solid #fff;transition: all 0.3s ease-in-out;}

.articleList04{margin-top: 8px;}
.listTitle03{background:url(/jwc/dfiles/12680/images/title_bg03.jpg) no-repeat left center;}
.linkList03 li a{background:url(/jwc/dfiles/12680/images/li_bg02.jpg) no-repeat 19px center;}
/*友情链接*/
.articleList05{margin-top: 8px;}
.listTitle04{height: 36px;line-height: 36px;border-bottom: 1px solid #d9d9d9;}
.listTitle04 h2{font-size: 16px;}
.listTitle04 .more04{width: 36px;height: 36px;background:url(/jwc/dfiles/12680/images/more03.jpg) no-repeat center;float: right;}
.listTitle04 .more04 a{display: block;width: 100%;height: 100%;}
.friendLinkList{padding-top: 12px;}
.friendLinkList li{width: 46%;float: left;padding:10px 0;margin-right: 4%;}
.friendLinkList li a{display: block;height: 15px;line-height: 15px;overflow:hidden;border-right: 1px solid #ccc;}
.friendLinkList li:nth-child(2n){margin:0 0 0 4%;}
.friendLinkList li:nth-child(2n) a{border-right: none;}
@media screen  and (max-width:1600px) {
       .main_md{margin-left: 330px;width: 38%;position: absolute;}
}
@media screen  and (max-width:1500px) {
       .main_md{margin-left: 330px;width: 40%;position: absolute;}
}
@media screen  and (max-width:1300px) {
	
	.content{width: 1000px;}
	.sy_news,#slideshow,#slideshow img{width: 300px;height: 220px;}
	.aside_left{width: 280px;}
	.main_md{margin-left: 305px;/* position: absolute; */}
       .main_md{margin-left: 330px;width: 32%;position: absolute;}
	.content .rt{width: 240px;}
	.linkList02 li a{padding-left: 35px;}
	.linkList02 li a{background-position: 12px center;}
	.linkList02 li,.list02 li a,.list03 li a,.linkList01 li{font-size: 14px;}
	.articleList04{margin-top: 15px;}
	.articleList05{margin-top: 13px;}
	.content .row01{margin-right: 265px;}
	

}
@media screen  and (max-width:1200px) {
	
 
       .main_md{margin-left: 330px;width: 35%;position: absolute;}
	 

}
@media screen  and (max-width:1020px) {
	
	.content{width:auto;padding:0 15px 0;}
	
 .main_md{margin-left: 330px;width: 39%;}

.br2 {
 
    width: 240px;
   
}

}

@media screen  and (max-width:992px) {
	.content{margin-top: 0;}
	.content .rt{/* float: none; */margin:10px 0 0;width: 100%;}
	.content .row01{margin-right: 0;}
	.content .lf{float: none;}
	.listTitle02{background-size: cover;}
	.linkList02 li{width: 50%;float: left;}
	.listTitle01{background-size: cover;}
	.sy_news{margin:0 auto;}
       .main_md{margin-left: 330px;width: 55%;}
.br2 {
 
    width: 100%;
   
}
}


@media screen and (max-width: 767px) {
	.box_skitter .label_skitter{font-size: 14px;}
 .main_md{margin-left: 330px;width: 47%;}
}
@media screen  and (max-width:640px) {
	.aside_left{width: 100%;float: none;}
	.main_md{margin:15px 0 0 0;width: 100%;position: relative;}

}


@media screen and (max-width:480px) {
	.linkList02 li{width: 100%;float: none;}
}