@charset "utf-8";

/* Base Reset */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video 
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}


/* HTML5 display-role reset for older browsers */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section 
{
	display: block;
}

:focus {
	outline: 0;
}

img {
	border: 0;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.logo-rb input {
	margin: 0;
	padding: 0;
	border: 0;
}

.clear{
	width: 100%;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	clear: both;
	display: block;
	_display: inline;
}

.none {
	display: none;
}

.hidden {
	visibility: hidden;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix {
	display: block;
	*zoom: 1;
}
.db{display: block !important;}
.dn{display: none !important;}
/******************************************************************************************************************************************/

/**布局开始**/

body {
	background:#fff;
}

body,
p {
	font: 16px/1 "Microsoft YaHei", "\u5b8b\u4f53", Tahoma, Geneva, sans-serif;
	color: #3c3c3c;
}

a {
	color: #333333;
	text-decoration: none;
}

a:link {
	color: #333333;
	text-decoration: none;
}

a:hover {
	color: #333333;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

.wrapper {
	width: 100%;
	margin: 0 auto;
}

.wrapper .inner {
	/**页面全局宽度**/
	width: 1200px;
	margin: 0 auto;
}

/*新闻列表*/
.post {
	
}
.post .banner {
	margin: 0 auto;
	line-height: 40px;
	border-bottom: 1px solid #105c9e;
}
.post .banner .title {
	font-size: 20px;
	float: left;
	display: block;
	text-align: center;
	padding: 0 25px;
}

.post .more-btn {
	float: right;
	display: block;
	text-align: center;
	font-size: 14px;
}
.post .con {
	margin:0 auto;
}
.post .news-list .news {
	overflow: hidden;
	display: block;
	line-height: 34px;
	padding-left: 15px;
	background: url(images/li_dian.png) left center no-repeat;
	border-bottom: 1px #d1d1d1 dotted;
}
.post .news-list .news .news-title {
	display: block;
	float: left;
	width: 74%;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	text-align: left;

}
.post .news-list .news .news-date {
	display: block;
	float: right;
	font-size: 14px;
	width: 26%;
	text-align: right;
}

.post1 .banner .title {background: url(images/post1_titbg.png) left center no-repeat;}
.post1 .news-list .news .news-date {background: #005197;color: #FFFFFF;padding: 0 10px;width: auto; text-align: center;line-height: 20px;margin: 7px 0;}
.post1 .news-list .news {height: 35px;border: none;}
.post2 .banner .title {background: url(images/post2_titbg.png) left center no-repeat;}
.post3 .banner .title {background: url(images/post3_titbg.png) left center no-repeat;}
.post4 .banner .title {background: url(images/post4_titbg.png) left center no-repeat;}
.post5 .banner .title {background: url(images/post5_titbg.png) left center no-repeat;}
.post6 .banner .title {background: url(images/post6_titbg.png) left center no-repeat;}
.post7 .banner .title {background: url(images/post7_titbg.png) left center no-repeat;}


.post5 .con .news1{margin-bottom: 12px;}
.post5 .con .news1 *{display: block;}
.post5 .con .news1 .tu{float:left; }
.post5 .con .news1 .tu img{ width: 180px;height: 128px;}
.post5 .con .news1 .btjj{ width: 170px; float: right;}
.post5 .con .news1 .btjj .bt{font-size: 16px; line-height: 28px;}
.post5 .con .news1 .btjj .jj{font-size: 12px; line-height: 25px;color: #666666;}

/*学院新闻*/

/*头部*/

#top{background: #004179;}

.xx{ float: left;position: relative;}
.xx a{color: #FFFFFF;line-height: 30px;}
.sjtp,.yztp{position: absolute;z-index: 100;display: none;}
.yztp{left: 68px;}

.toplink{float: right;}
.toplink a{ color: #FFFFFF; line-height: 30px;}
.toplink a:hover{ color: #0089ff}
.ss{
	height: 24px;
	background: url(images/ss_bg.png) center center no-repeat;
	float: right;
	margin: 3px 0;
}

.ssk {
	float: left;
	width: 0px;
	height: 24px;
	padding: 0;
	margin: 0;
	border: 0;
	background: #FFFFFF;
	transition: all 1s ease .1s;
	-webkit-transition: all 1s ease .1s;
	-moz-transition: all 1s ease .1s;
	-ms-transition: all 1s ease .1s;
	-o-transition: all 1s ease .1s;
}

.ss_btn {
	width: 24px;
	height: 24px;
	cursor: pointer;
	padding: 0;
	margin: 0;
	border: 0;
	background:url(images/ss_btn.png) center center no-repeat;
}
.ss .active {
	width: 150px;
}


#header { background:#0066be;border-bottom: 1px solid #005197;}
#header .inner { position: relative;}

.logo {
	position: relative;
	padding: 15px 0;
	overflow: hidden;
}

.logo img {
	max-width: 100%;
	height: auto;
	float: left;
}
.logo-r{float: right; margin: 20px 0;}


.js{ float: left; line-height: 24px;}
.js a{ color: #FFFFFF; font-size: 18px;margin:0 10px;}

.ss{
	height: 24px;
	background: url(images/ss_bg.png) center center no-repeat;
	float: right;
}

.ssk {
	float: left;
	width: 0px;
	height: 24px;
	padding: 0;
	margin: 0;
	border: 0;
	background: #FFFFFF;
	transition: all 1s ease .1s;
	-webkit-transition: all 1s ease .1s;
	-moz-transition: all 1s ease .1s;
	-ms-transition: all 1s ease .1s;
	-o-transition: all 1s ease .1s;
}

.ss_btn {
	width: 24px;
	height: 24px;
	cursor: pointer;
	padding: 0;
	margin: 0;
	border: 0;
	background:url(images/ss_btn.png) center center no-repeat;
}
.ss .active {
	width: 150px;
}

/*导航*/
#nav {background: #0066be;border-top: 1px solid #0089ff;}
.nav {height: 46px;}
.navList{width:100%;overflow:hidden;}
.navList > li{float:left; width:11.1%;height:100%;line-height:46px;font-size:16px; }
.navList li a{display:block;text-align:center; color: #FFFFFF;}
.navList li a:hover{background: #0574d0; color: #FFFFFF;}

.navList .subnav{z-index: 100;position: relative;display: none;}
.navList .subnav li{background: rgba(0,102,190,1);}
.navList .subnav a{ background: none;line-height: 36px; font-size: 14px; color: #FFFFFF;}

/*汉堡包样式*/
.navBtns{position: absolute; right:0; bottom:0;width:30px;height:30px;background: url(images/menu-button-bg.png) no-repeat center center; background-size: 60% 60%; display:none; }
/*--------------------------- welcome ----------------------------*/
.welcome{width:100%;height:100%;background:#fff;z-index:200;}
.welBox{}
.welList a{font:20px/1em "微软雅黑";color:#333;display:block;text-align: center;padding:15px 0;}
.welList a:hover{color:#EF3333;background:#ccc;}
.comeList{width:100%;display:none;}
.comeList a{font:16px/1em "微软雅黑";display:block;padding:10px 0;}



/*大图*/
.txt {
	z-index: 12;
	display: block;
	bottom: 80px;
	left: 50px;
	position: absolute;
	background:rgba(255,255,255,0.5);
	line-height: 50px;
	filter: alpha(apacity=50);
	color: #005768;
	font-size: 22px;
	padding: 0 20px;
}
.xf{position: absolute;top:50%;right: 0;width: 70px;z-index: 1;margin-top: -144px;}
.wxewm{display: none;position: absolute;left: -90px;top: 216px;}


/*tab切换*/
/*选项卡*/
/* tabbtn */
.tabbtn{border-bottom: 1px solid #105c9e;}
.tabbtn li{float:left;}
.tabbtn li > a{display:block;height:40px;line-height:40px; padding:0 25px; text-align:center;font-size:20px;}
.tabbtn li.current{}
/*选中状态*/
.tabbtn li.current > a{color:#000;}
/* tabcon */
.tabcon{ width: 395px;}
.tabcon .sublist{}
/* sublist */
.tabcon .news-list .news {
	overflow: hidden;
	display: block;
	line-height: 34px;
	border-bottom: 1px #d1d1d1 dotted;
	padding:0 0 0 15px;
	background: url(images/li_dian.png) left center no-repeat;
}
.tabcon .news-list .news .news-title {
	display: block;
	width: 74%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    font-size: 16px;
    float: left;
}
.tabcon .news-list .news .news-date {
	display: block;
	float: right;
	font-size: 14px;
	width: 26%;
	text-align: right;
	
}
#normalcon1{float: right;}
.tabbtn .xyxw{background: url(images/xyxw_icon.png) left center no-repeat;}
.tabbtn .ybdt{background: url(images/ybdt_icon.png) left center no-repeat;}
.tabcon .more-btn{position:absolute;display: block;text-align: center;font-size: 14px; right: 0;top: 0;line-height: 40px;}

/*小图切换*/
.slideBox {
	overflow: hidden;
	position: relative;
	float: left;
}

.slideBox .hd {
	overflow: hidden;
	position: absolute;
	right: 5px;
	bottom: 15px;
	z-index: 1;
}

.slideBox .hd ul {
	overflow: hidden;
	zoom: 1;
	float: left;
}

.slideBox .hd ul li {
	float: left;
	margin-right: 5px;
	width: 10px;
	height: 10px;
	line-height: 14px;
	text-align: center;
	background: #fff;
	cursor: pointer;
	border-radius: 5px;
}

.slideBox .hd ul li.on {
	background: #0077d7;
}

.slideBox .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}

.slideBox .bd li {
	zoom: 1;
	vertical-align: middle;
}
.slideBox .bd li a{ display: block;}
.slideBox .bd li .qhbt{position: absolute;bottom: 0;left: 0;color: #FFFFFF;line-height: 40px;font-size: 16px;width: 100%;text-indent: 5px;background: rgba(0,0,0,0.5);}

.slideBox .bd img {
	width: 360px;
	height: 245px;
	display: block;
}

/*中间*/
#mod1{}
.mod1{padding: 20px 0;}
.mod1l{width: 64%;float: left;position: relative;}
.mod1r{width: 32%;float: right;}
.yxlj{ font-size: 0;margin-top: 20px;}
.yxlj li{ width: 171px;display: inline-block;text-align: center;}

#mod2{background: #f8f8f8;}
.mod2{ padding: 20px 0;}
.mod2l{width: 30%; float: left;}
.mod2m{width: 30.83%; float: left;margin-left: 38px;}
.mod2r{width: 32%;float: right;}

.mod3{ padding: 20px 0;}
.mod3l{width: 30%; float: left;}
.mod3m{width: 30.83%; float: left;margin-left: 38px;}
.mod3r{width: 32%;float: right;}

/*页脚*/
#footer {
	background: #004179;
}
#footer .inner {overflow: hidden;padding: 16px 0;}
.foot {width: 53%; float: left;}
.copyright{ line-height: 24px; color: #fff;font-size: 14px;}
.footr{float: right;}
.dblj a,.dblj i{display: inline-block;color: #FFFFFF;font-size: 14px;}

/*列表页*/
.col {
	padding-top: 30px;
	padding-bottom: 40px;
}

.col-menu { /**列表页左侧栏目**/
	width:20.8%;
	float:left;
	background: #FFFFFF;
} 

.col-menu-head { /*列表头部*/
	width: 100%;
	margin: 0 auto;
	background: url(../images/l_titbg.png) no-repeat;
}
.col-menu-head .col-name {/**位置栏目字体栏目名称图标**/
	color: #FFFFFF;
	background: #0066be;
	display: block;
	line-height: 70px;
	text-align: center;
	font-size: 24px;
}




/*多级栏目列表*/
#listdt img{width: 100%;}
.col-menu-con{ width: 100%; float: right; background: url(images/col-menu-con-bg.png) right bottom no-repeat #eeeeee; min-height: 685px;}

.col-list  {}
.col-list li{}
.col-list .column-1 a {margin:15px 15px 0;font-weight: 100; color: #000000;display: block; height: 40px; line-height: 40px;  font-size: 16px;background:url(images/list-l-li-bg.png) 80% center no-repeat #f6f6f6; text-indent: 20px;} 	/**一级子栏目及图标**/

.col-list  .column-1 a:hover,.col-list  .column-1 a.selected {color:#0064c9;background:url(images/list-l-li-bg-h.png) 80% center no-repeat #f6f6f6;} 	/**鼠标经过或选中一级子栏目**/
.col-list  .column-1 .wp_subcolumn .column-1-1 a{ height: 26px; line-height: 26px; font-size: 16px;}


.col-news { /**列表页右侧新闻**/
	width:75.8%; 
	float:right;
	background: #FFFFFF;
	min-height: 790px;
} 
.col-news-head {
	margin: 0px;
	border-bottom:1px solid #DDDDDD;
}
 .col-path { /**当前位置**/
	display:inline-block;
	white-space:nowrap; 
	height:50px;
	line-height: 50px;
	text-align: right;
	float: right;
} 
.col-path a {
	color: #999999;
	font-size: 14px;
}

.col-title { /**当前栏目**/
	display:inline-block; 
	white-space:nowrap; 
	height:47px; 
	line-height:50px;
	float: left;
	font-size:18px;
	color:#000000;
	border-bottom: 3px solid #0066be;
	padding: 0 10px;
} 

.col-news-con {
	margin:0px;
	padding: 0 ;
}
.col-news-list {}
 /**栏目新闻列表**/
.col-news-list  .list_item{ display: block; overflow: hidden; padding: 0 0 0 15px; background: url(images/li_dian.png) left center no-repeat; }
.col-news-list  .list_item *{display: block;height: 45px; line-height: 45px; font-size: 14px;}
.col-news-list  .list_item .news-title{ float: left;}
.col-news-list  .list_item .news-date{ float: right;}
.fenye,.fenye table{margin: 0 auto; text-align: center;}

/*英文列表*/


/*单片标题*/
.dpbt{font-size: 18px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;}

/*图片列表*/
.pic-list{ overflow: hidden; padding-top: 20px;}
.pic-list .pic-news{ width: 20%; height: 250px; float:left; text-align: center;}
.pic-list .pic-news .news-pic img{ margin: 0 auto;border: 2px solid #DDDDDD; display: block;}
.pic-list .pic-news .news-name{ line-height: 30px;}


.pic-list2{ overflow: hidden; padding-top: 20px;}
.pic-list2 .pic-news{ width: 33%; height: 240px; float:left; text-align: center;}
.pic-list2 .pic-news .news-pic img{ margin: 0 auto;display: block;}
.pic-list2 .pic-news .news-name{line-height: 30px;}


/*快速访问*/

.teacher{overflow: hidden; border-bottom: 1px solid #dddddd;}

.teacher h1 {
    line-height: 36px;
    font-size: 18px;
    color: #0574d0;
    text-indent: 10px;
    margin-top: 10px;
}

.teacher_ul {
	overflow: hidden;
    width: 100%;
}

.teacher_ul li {
    float: left;
    padding:20px 30px
}
.teacher_ul li a{ font-size: 16px; color: #666666;}

/*现任领导*/
.xrld{}
.xrld li{ width: 48%; float: left; margin: 1%;}
.xrld li .tu{ display: block; float: left;}
.xrld li .tw{ float: right; width: 60%; padding: 40px 0;}
.xrld li .tw a{ display: block;}
.xrld li .tw .xm{ font-size: 18px;}
.xrld li .tw .zw{ font-size: 16px;color: #0574d0; margin: 20px 0;}
.xrld li .tw .jj{ line-height: 24px;}

/*文章页*/
.infobox {
	margin:0px auto;
	background-color:#FFF;
}
.article { padding: 0 20px;}
.article h1.arti_title { /**文章标题**/
	font-family: Microsoft YaHei;
	text-align:center;
	font-weight: bold;
	font-size: 22px;
	color:#333333;
	line-height: 50px;
} 
.article .arti_metas {
	padding:10px 0;
	text-align:center;
	background: #f4f4f4;
	font-size: 14px;
}
.article .arti_metas span { /**文章其他属性**/
	margin:0 5px; 
	color:#787878;
} 
.article .read{
padding-top: 20px;
}  
.article .read p {
	line-height:2;
	font-size:14px;
	color:#333;
}
.article  .read img { /**文章阅读部分图片大小限制**/
	max-width:940px; _width:expression(this.width > 940 ? "940px" : this.width); 
}

.mod1 a:hover,.mod2 a:hover,.mod3 a:hover{color: #FF0000 !important;}


/* 大屏幕（大桌面显示器，小于等于 1200px） */

@media only screen and (max-width: 1199px) {
	.wrapper .inner{width:99%;}
	#mod1 .inner,#mod2 .inner,#mod3 .inner{width: 95%;}
	.slideBox{display: none;}
	.tabcon{ width: 100%;}
	.mod1l,.mod1r{ width: 49%;}
	.yxlj li{ width: 24.5%;margin-bottom: 20px;}
	.post5 .con .news1 .btjj{ display:none;}
	.post5 .con .news1 .tu{float: none;text-align: center;}
	.post5 .con .news1 .tu img{ width: 100%;}
	.txt{bottom: 0;left: 0;width: 100%;line-height: 35px;}
}
@media only screen and (max-width: 1024px) {
		.logo-r{ display:none;}
		.xf{display: none;}
}
/* 小屏幕（平板，小于等于 768px） */
@media only screen and (max-width: 768px) {
	.mod1,.mod2,.mod3{padding: 0;}
	#top{/* display: none; */}
	.xx{display:none;}
	.ss{display:none;}
	.toplink a:last-child{display:none;}
	.toplink a{font-size:14px}
	.navBtns {display: block;}
	.navList {}
	#nav {display: none;}
	.mod1l, .mod1r{ width: 100%;float: none;}
	.mod2l,.mod2m,.mod2r{ width: 100%;float: none;}
	.mod2m{margin-left:0;}
	.mod3l,.mod3m,.mod3r{ width: 100%;float: none;}
	.mod3m{margin-left:0;}
	.post5 .con .news1 .tu{display: none;}
	.post5 .con .news1 .btjj{ display: block; float:none;width: 100%;}
	.foot{width: auto;float: none;text-align: center;}
	
	
	/*列表页*/
	.col-menu{display: none;}
	.col-news{ width: 100%;float: none;}
	
	/*文章页*/
	.read #vsb_content_2 IMG{width: 95% !important;}
}
@media only screen and (max-width: 700px) {
}
@media only screen and (max-width: 600px) {
	.yxlj li{ width: 49.5%;margin-bottom: 10px;}
}
@media only screen and (max-width: 500px) {
}
@media only screen and (max-width: 400px) {
}
@media only screen and (max-width: 350px) {
}
