@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;}
/******************************************************************************************************************************************/

/**布局开始**/
.banner{position:relative;width:90%;height: auto;margin: 0 auto;overflow:hidden;}
.lmbanner{width:100%;float:left; margin-top:10px;}
.lmbanner img{width:100%;float:left;}
.banner .hd {
	list-style: none;
	position: absolute;
	width: 100%;
	/* padding-top: 250px; */
	height: 40px;
	right: 0;
	bottom:0px;
	z-index: 1;
	display: block;
}
.banner .hd ul{float:right;width: 100%;margin-right: 0;text-align: center;}
.banner .hd ul li {
	display: inline-block;
	text-align: center;
	width:10px;
	height:10px;
	border-radius:100%;
	color: #fff;
	background-color: #fff;
	font-size: 20px;
	cursor: pointer;
	margin: 0 5px;
	border-bottom: 0;
}
.banner .hd ul li.on{
	background-color: #005cbb;
}
.banner .bd{position:relative;
	float:left;width:100%;height:100%;
	overflow: hidden;}
.banner .bd li {
	position:relative;
	float:left;width:100%;height:100%;
	overflow: hidden;
}

.banner .bd li img{
	width: 100%;
	
	height: 100%;
}
.banner .bd li .img{-webkit-transform: scale(1);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    transition: linear 5s;
    background-size: cover !important;}



.banner .prev {
	position: absolute;
	left: 0;
	top:calc(50% - 30px);
	width:100px;
	height:60px;
	font-size: 30px;
	z-index: 9;
	color: #fff;
	background:url(./img/bannav_left.png) no-repeat left center;
}

.banner .next {
	position: absolute;
	right: 0;
	top:calc(50% - 30px);
	width:100px;
	height:60px;
	font-size: 30px;
	z-index: 9;
	color: #fff;background:url(./img/bannav_right.png) no-repeat left center;
}

body {
	background:#fff;
}

body,
p {
	font: 14px/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: 45px;
	border-bottom: 1px solid #e8e8e8;
	height: 45px;
	box-sizing: border-box;
}
.post .banner .title {
	font-size: 18px;
	float: left;
	display: block;
	text-align: center;
	color: #0474d1;
	border-bottom: 1px solid #0474d1;
	height: 45px;
	box-sizing: border-box;
}

.post .more-btn {
	float: right;
	display: block;
	text-align: center;
}
.post .con {
	margin:0 auto;
}
.post .news-list .news {
	overflow: hidden;
	display: block;
	line-height: 40px;
	padding-left: 15px;
	background: url(images/li_dian.png) left center no-repeat;
	border-bottom: 1px #d1d1d1 dashed;
}
.post .news-list .news .news-title {
	display: block;
	float: left;
	width: 80%;
	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: 20%;
	text-align: right;
}




.post2 .con .news1{}
.post2 .con .news1 *{display: block;}
.post2 .con .news1 .tu{float:left; }
.post2 .con .news1 .tu img{width: 195px;height: 123px;}
.post2 .con .news1 .btjj{width: 290px;float: right;}
.post2 .con .news1 .btjj .bt{font-size: 15px;line-height: 25px;}
.post2 .con .news1 .sj{color: #005e4d;background: url(images/time_bg.png) left center no-repeat;padding-left: 20px;line-height: 33px;}
.post2 .con .news1 .btjj .jj{font-size: 12px; line-height: 20px;color: #666666;}

.post3 *{display: block;}
.post3 .tit{text-align: center;line-height: 45px;background: #0474d1;font-size: 18px;color: #FFFFFF;}
.post3 ul{border: 1px solid #CCCCCC;overflow: hidden;}
.post3 ul li{float:left;margin: 7px 0;width: 50%;}
.post3 ul li a{display: block;}
.post3 ul li a img{margin: 0 auto;}

.post4{margin: 17px 0;}
.post4 *{display: block;}
.post4 ul{overflow: hidden;}
.post4 ul .li1{float: left;}
.post4 ul .li2{float:right;}


.post8 .tit{display:block;text-align: center;line-height: 45px;background: #0474d1;font-size: 18px;color: #FFFFFF;}
.post8 div{padding: 9px 10px;text-align: center;background: #f3f3f3;}
.post8 div p{font-weight: bold;line-height: 19px;}

/*学院新闻*/

/*头部*/


#header { background:url(images/logo_bg.png) center top no-repeat;}
#header .inner { position: relative;}

.logo {
	position: relative;
	padding: 43px 0;
	overflow: hidden;
}

.logo img {
	max-width: 100%;
	height: auto;
	float: left;
}
.logo-r{float: right; margin: 8px 0;}




/*导航*/
#nav {background: #0474d1;}
.nav {height: 45px;}
.navList{width:100%;overflow:hidden;}
.navList > li{float:left; width:12.5%;height:100%;line-height:45px;font-size:16px;background: url(images/nav_li_bg.png) right center no-repeat;}
.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,0.5);}
.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;
}

.wyfc{display:block;width: 20px;font-size: 20px;background: #0474d1;color: #FFFFFF;text-align: center;padding: 53px 20px;float: left;}
/* 本例子css */
.picScroll-left{width: 1138px;overflow:hidden;position:relative;border:1px solid #ccc;float: left;}
.picScroll-left .bd{ padding:14.5px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center; position: relative;}
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:195px; height:155px; display:block; }
.picScroll-left .bd ul li .pic a:hover img{ transform: scale(1.1);transition:all .4s; }
.picScroll-left .bd ul li .title{display: block; line-height:35px;background:rgba(5,116,208,.6);color: #FFFFFF;position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;}

/*中间*/
#mod0{margin-top: 20px;}
.mod0l{width: 30.83%;float: left;}
.mod0m{width: 41.66%;float: left;margin-left: 30px;}
.mod0r{width: 22.5%;float: right;}

#mod1{margin-top: 20px;}
.mod1l{width: 30.83%;float: left;}
.mod1m{width: 41.66%;float: left;margin-left: 30px;}
.mod1r{width: 22.5%;float: right;}



#mod2{margin-top: 20px;}
.mod2l{width: 30.83%; float: left;}
.mod2m{width: 41.66%; float: left;margin-left: 38px;}
.mod2r{width: 22.5%;float: right;}

#mod3{margin-top: 20px;}

#mod4{margin-top: 20px;background:#f2f2f2;}
#mod4 .inner .lmbt,#mod4 .inner a,#mod4 .inner i{float: left;line-height: 40px;}
#mod4 .inner .lmbt{ font-size: 15px; font-weight: bold; color:#0474d1;}
#mod4 .inner a{font-size: 14px;/* padding: 0 10px; */text-align: center;width: calc((100% - 89px)/7);}

/*页脚*/
#footer {
	background: url(images/foot_bg.png) center top;
}
#footer .inner {}
.foot {padding: 16px 0;}
.copyright{ line-height: 24px; color: #fff; text-align: center; font-size: 15px; }


/*列表页*/
.col {
	padding-top: 30px;
	padding-bottom: 40px;
}

.col-menu { /**列表页左侧栏目**/
	width:22.5%;
	float:left;
	background: #FFFFFF;
} 

.col-menu-head { /*列表头部*/
	width: 100%;
	margin: 0 auto;
	background: url(template_files/1/images/l_titbg.png) no-repeat;
}
.col-menu-head .col-name {/**位置栏目字体栏目名称图标**/
	color: #FFFFFF;
    background: #0474d1;
    display: block;
    line-height: 51px;
    text-align: center;
    font-size: 20px;
}




/*多级栏目列表*/
.col-menu-con{width: 100%;float: right;}
.col-list  {border: 1px solid #CCCCCC;margin-bottom: 30px;}
.col-list li{}
.col-list .column-1 a {margin: 0 15px;font-weight: 100;color: #000000;display: block;height: 40px;line-height: 40px;font-size: 16px;text-align: center;border-bottom: 1px #cccccc dashed;} 	/**一级子栏目及图标**/
.col-list  .column-1 a:hover,.col-list  .column-1 a.selected {color:#0066be;} 	/**鼠标经过或选中一级子栏目**/
.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: 12px;
}
.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%;}

	.picScroll-left{width: calc(100% - 62px);}
	.post2 .con .news1{height: 123px;overflow: hidden;}
	.post2 .con .news1 .tu{display: none;}
	.post2 .con .news1 .btjj{width: auto;float: none;}
	
	.mod0l,.mod0m,.mod0r{width: 31%;}

	.mod1l,.mod1m,.mod1r{width: 31%;}
	
	.mod2l,.mod2m,.mod2r{width: 31%;}
	
}
@media only screen and (max-width: 1024px) {
		.logo-r{ display:none;}	
}

@media only screen and (max-width: 1024px) {
.col-menu-con .post8{display: none;}
}

/* 小屏幕（平板，小于等于 768px） */
@media only screen and (max-width: 768px) {
	.mod1,.mod2,.mod3{padding: 0;}
	#top{ display: none;}
	.navBtns {display: block;}
	.navList {}
	#nav {display: none;}
	
	.mod0l, .mod0m, .mod0r{float:none;width: 100%;margin: 0;}
	.post2 .con .news1{height: auto;}
	.post3 ul li{width: 25%;}
	.post4{display: none;}
	.mod1l, .mod1m, .mod1r {float:none;width: 100%;margin: 0;}
	.mod2l, .mod2m, .mod2r{float:none;width: 100%;margin: 0;}
	
	
	.foot{width: auto;float: none;text-align: center;}
	.footr{display: none;}
	
	/*列表页*/
	.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) {
	#mod4 .inner a{padding: 0 10px;width: auto;}
	
}
@media only screen and (max-width: 600px) {
}
@media only screen and (max-width: 500px) {
	.post3 ul li{width: 50%;}
}
@media only screen and (max-width: 400px) {
}
@media only screen and (max-width: 350px) {
}