@charset "utf-8";
/* CSS Document */




.content {
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
}

.mode01 {

	overflow: hidden;
}

.mode01 .lf {
	max-width: 1366px;
}



.mode02 {
	width: 1366px;
	overflow: hidden;
	margin: 0 auto;
	/* min-width: 1366px; */
}

.mode02 .lf {
	width: 48.5%;
	float: left;
	overflow: hidden;
}

.mode02 .rt {
	width: 48.5%;
	float: right;
	overflow: hidden;
}

.mode03 {
	max-width: 1366px;
	overflow: hidden;
	margin: 0 auto;
}

.mode03 .lf {
	width: 48.5%;
	float: left;
	overflow: hidden;
}

.mode03 .rt {
	width: 48.5%;
	float: right;
	overflow: hidden;
}

.mode04 {
	max-width: 1366px;
	overflow: hidden;
	margin: 0 auto;
}


/*mode01*/
/*图片轮播*/
/*FlexSlider默认样式*/
.Banner {
	width: 100%;
}

.Banner .flexslider {
	width: 100%;
	background: #fff;
	position: relative;
	zoom: 1;
	overflow: hidden;
}

.Banner .flexslider ul.slides li {
	list-style: none;
	height: 0;
	padding-bottom: 33vw;
	overflow: hidden;
	*
	height: auto;
	*
	padding-bottom: 0;
}

.Banner .flexslider ul li img {
	border: none;
}

.Banner .flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.Banner .loading .flex-viewport {}

.Banner .flexslider .slides {
	zoom: 1;
	width: 100%;
	padding: 0;
}

.Banner .carousel li {
	margin-right: 5px;
}

/*icon小点*/
.Banner .flex-control-nav {
	width: 99px;
	position: absolute;
	bottom: 6px;
	right: 0;
	text-align: center;
	z-index: 9999;
}

.Banner .flex-control-nav li {
	margin: 0 5px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.Banner .flex-control-paging li a {
	float: left;
	width: 12px;
	height: 12px;
	display: block;
	background: url(../images/con1.png) no-repeat;
	cursor: pointer;
	text-indent: -9999px;
}

.Banner .flex-control-paging li a:hover {
	background: url(../images/con1.png) no-repeat;
}

.Banner .flex-control-paging li a.flex-active {
	background: url(../images/con2.png) no-repeat;
}
.Banner .flexslider .slides .flex-active-slide a img {
	transition: transform 8000ms linear 0s;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
  }
.Banner .slides h4 a {
	color: #fff;
	opacity: 1.0;
	font-size: 14px;
	text-decoration: none;
}

.Banner .slides h4 a:hover {
	color: #fff;
	font-size: 14px;
}

.flex-direction-nav {
	/* display: none; */
}

.Banner .flexslider ul li>div {
	position: absolute;
	bottom: 0px;
	right: 0;
	width: 100%;
	height: 35px;
	color: #fff;
	background: url(../images/banner_bg.png) repeat;
	line-height: 35px;
	overflow: hidden;
	text-indent: 20px;
	z-index: 9999;
}

.Banner .flexslider ul li>div a {
	font-size: 14px;
	color: #fff;
}

.newsImg .flexslider1{
	height: 330px;
}

.newsImg .flexslider1 ul li{
	height: 300px;
	overflow: hidden;
	position: relative;
}
.newsImg .flexslider1 ul li>div{
	margin-bottom: 5px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.newsImg .flexslider1 ul li>div a{
	line-height: 25px;
	font-size: 180%;
	white-space: nowrap;
}

.listTitle_01 {
	padding-left: 9%;
	padding-bottom: 2%;
	background: #fff;
	overflow: hidden;
}

.listTitle_02 {
	height: 46px;
	line-height: 46px;
	margin-bottom: 15px;
	/* overflow: hidden; */
	position: relative;
	margin-top: 30px;
}

.listTitle_02 .title {
	color: #003177;
	padding: 0 15px;
	font-size: 35px;
	font-weight: bolder;
	letter-spacing: 2px;
	position: relative;
	z-index: 5;
}

.listTitle_02 .title::before {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	position: absolute;
	background: #003177;
	border-radius: 50%;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
}

.listTitle_02 .titleBg {
	content: '学院新闻';
	position: absolute;
	/* bottom: -22px; */
	left: 15px;
	z-index: 0 !important;
	font-size: 35px;
	font-weight: bolder;
	color: #e9e9e9;
	white-space: nowrap;
	letter-spacing: 2px;
	bottom: 16px;
}

.listTitle_02 .titleLine_02 {
	width: 100%;
	position: absolute;
	z-index: 1;
	height: 0;
	border: 1px solid #d8d8d8;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 170px;
}

.listTitle_03 {
	height: 46px;
	line-height: 46px;
	margin-bottom: 15px;
	/* overflow: hidden; */
	position: relative;
	margin-top: 30px;
}

.listTitle_03 .title {
	color: #003177;
	/* padding: 0 15px; */
	text-align: center;
	font-size: 35px;
	font-weight: bolder;
	letter-spacing: 2px;
	position: relative;
	z-index: 5;
	left: 27.5px;
}

.listTitle_03 .titleBg {
	position: absolute;
	/* display: inline-block; */
	width: 200px;
	text-align: center;
	margin-left: 50%;
	left: -100px;
	z-index: 2 !important;
	font-size: 35px;
	font-weight: bolder;
	color: #e9e9e9;
	white-space: nowrap;
	letter-spacing: 2px;
	bottom: 16px;
	background: #fff;
}

.listTitle_03 .titleLine_03 {
	width: 100%;
	position: absolute;
	z-index: 1;
	height: 0;
	border: 1px solid #d8d8d8;
	top: 0;
	bottom: 0;
	margin: auto;
}

.articleConList {
	float: left;
	width: 50%;
	background: #edf5fc;
	overflow: hidden;
}

.articleConList .firstNews {
	padding: 3% 4% 3% 9%;
}

.articleConList .firstNews h3 {
	font-size: 1.8em;
	color: #333333;
	height: 26px;
	overflow: hidden;
}

.articleConList .firstNews p {
	font-size: 1.4em;
	color: #999999;
	border-bottom: #cccccc 2px solid;
	padding: 13px 0;
	line-height: 27px;
	height: 45px;
	overflow: hidden;
}


.articleConList ul {
	padding: 0 4% 3% 9%;
}

.articleConList ul li {
	margin: 10px 0;
	height: 35px;
	overflow: hidden;
	line-height: 35px;
}

.articleConList ul li a {
	font-size: 1.6em;
}

ul li span.rightDate {
	float: right;
	font-size: 1.6em;
	color: #999999;
	font-family: 'Arial';
}

.more {
	float: right;
	padding-left: 20px;
	background-color: #fff;
	position: relative;
	z-index: 999;
	display: block;
	height: 100%;
}

.more a {
	display: block;
	height: 100%;
}

.more a img {
	margin: 5.5px 0;
}



/*mode02*/

.articleListBox_02 {}

.articleListBox_02 aside {
	height: fit-content;
	display: block;
	float: left;
	margin-right: 33px;
	width: fit-content;
}

.articleListBox_02 aside .newsImg {
	overflow: hidden;
	width: 400px;
	height: fit-content;
	height: -webkit-fit-content;
	cursor: pointer;
	display: block;
}

.articleListBox_02 aside .newsBox .imgBox {
	position: relative;
}

.articleListBox_02 aside .newsBox img {
	display: block;
	height: 300px;
	width: 400px;
}

.articleListBox_02 aside .newsBox .date {
	position: absolute;
	bottom: 0;
	line-height: 20px;
	height: 20px;
	font-size: 140%;
	right: 0;
	color: #fff;
	background-color: rgba(102, 102, 102, 0.6);
}

.articleListBox_02 aside .newsBox .news {
	font-size: 160%;
	font-weight: normal;
	color: #3f3f3f;
	margin-top: 5px;
	font-family: cursive;
}

.articleListBox_02 section {
	display: block;
	width: 100%;
}

.articleConList02 ul {
	margin-top: 10px;
}

.articleConList02 ul li {
	padding: 7px 0;
	line-height: 28px;
	height: 28px;
	overflow: hidden;
	border-bottom: 2.5px dotted #d8d8d8;
}

.articleConList02 ul li:last-child {
	border: none;
}

.articleConList02 ul li a {
	font-size: 180%;
	/* font-weight: bold; */
}



/*tab start*/
.tabArticleList {
	position: relative;
}

.tabArticleList .tabListTitle {
	overflow: hidden;
	position: absolute;
	top: -54px;
	left: 200px;
}

.tabArticleList .tab_menu .more a {
	color: #ABAAAB;
}

.tabArticleList .tab_menu .more a:hover {
	color: #D54C48;
}

.tabArticleList .tab_menu h3 {
	width: 105px;
	height: 33px;
	line-height: 33px;
	float: left;
	margin: 0 5px;
}

.tabArticleList .tab_menu h3 a {
	display: block;
	height: 33px;
	text-align: center;
	line-height: 33px;
	float: left;
	font-size: 1.8em;
	cursor: pointer;
	color: #666666;
	font-weight: normal;
	width: 105px;
}

.tabArticleList .tab_menu h3:hover,
.tabArticleList .tab_menu h3.on {
	display: block;
	height: 33px;
	line-height: 33px;
	float: left;
	width: 105px;
}

.tabArticleList .tab_menu h3:hover a,
.tabArticleList .tab_menu h3.on a {
	display: block;
	background: url(../images/titlebg.png) no-repeat;
	color: #fff;
	width: 105px;
	height: 33px;
	text-align: center;
	line-height: 33px;
	font-weight: normal;
}

.tabArticleList .more_tab {
	display: none;
}

.tabArticleList .tabListTitle .more {
	float: right;
	padding-top: 10px;
}

.tabArticleList .tabList {
	position: relative;
}

.tabArticleList .tabListBox .more {
	position: absolute;
	right: 0;
	top: -52px;
	font-size: 18px;
}

.tabArticleList .tabListBox {
	display: none;
}

/*tab end*/



/*mode03*/
.articleListBox_03 {
	clear: both;
	position: relative;
	min-height: 350px;
}

.articleListBox_03 aside {
	width: 400px;
	position: absolute;
	right: 0;
	top: 0;
}

.articleListBox_03 aside .newsBox {}

.articleListBox_03 aside .newsBox .videoBox {}

.articleListBox_03 aside .newsBox video {}

/* .articleListBox_03 section {float: left;width: 900px;} */

.articleListBox_03 section .tab{
    clear: both;
    overflow: hidden;
}

.articleListBox_03 section .tab ul{
    display: block;
    clear: both;
    overflow: hidden;
    background: rgba(130,130,130,0.2);
}

.articleListBox_03 section .tab ul li{
    float: left;
    display: block;
    box-sizing: border-box;
    width: 15%;
    text-align: center;
    padding: 10px 0;
    margin: 0 5%;
    cursor: pointer;
}

.articleListBox_03 section .tab ul li span{
    font-size: 22px;
    color: #828282;
    font-weight: bold;
}

.articleListBox_03 section .tab ul li.on{
    border-bottom: 5px solid #003177;
    padding-bottom: 5px;
}

.articleListBox_03 section .tab ul li.on span{
    color: #003177;
}

.articleListBox_03 section .tabContent{}

.articleListBox_03 section .tabContent ul{
    display: none;
}

.articleListBox_03 section .tabContent ul li{
    font-size: 180%;
    /* font-weight: bold; */
    color: #3f3f3f;
    border-bottom: 2.5px dotted #d8d8d8;
    padding: 8px 0;
}
.articleListBox_03 section .tabContent ul li:last-child{
	border: none;
}

.articleListBox_03 section .tabContent ul li span.date{
    background: rgba(234,234,234,1);
    color: #003177;
    font-size: 80%;
    display: inline-block;
    margin-right: 20px;
}

.articleListBox_03 section .tabContent ul.on{
    display: block;
}

.articleListBox_03 section .tabContent ul.on li{}

.articleListBox_03 section .tabContent ul.on li span.date{}

.conferenceTitle{
    font-size: 22px;
    color: #003177;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
}
.conference{
    display: block;
    margin-bottom: 15px;
    background: rgba(130,130,130,0.2);
    padding: 5px;
}
.conference .conferenceDate{
    width: 60px;
    float: left;
    line-height: 29px;
    text-align: center;
    margin-right: 20px;
    border: 1px solid #003177;
}
.conference .conferenceDate .YYmm{
    color: #fff;
    background: #003177;
    /* text-align: center; */
    /* width: 60px; */
}
.conference .conferenceDate .dd{
    color: #003177;
    /* text-align: center; */
    /* border: 1px solid #003177; */
    background: #fff;
}
.conference .conferenceTheme{font-size: 16px;line-height: 60px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}



/*mode04*/
.friendLink {
	background: #f2f2f2;
	padding: 15px 20px;
	overflow: hidden;
}

.friendLink h2 {
	font-size: 20px;
	color: #e60012;
	padding-right: 10px;
	float: left;
}

.friendLink a {
	font-size: 16px;
	color: #666666;
	display: inline-block;
	padding: 0 10px;
	line-height: 25px;
	border-right: 1px solid #ddd;
}

@media screen and (min-height:66vw ) {
	.Banner .flexslider ul.slides li{
		padding-bottom: 49vw;
	}
	.flexslider .slides img{
		height: 49vw;
	}
}


/* @media screen  and (max-width:1366px) {
	
	.mode01,.mode02,.mode03,.mode04{width: 94%;margin: 30px auto;}
	.Banner{width: 100%;float: none;}
	.articleConList{float: none;width: 100%;margin-top: 30px;}
	.articleConList ul{padding:20px ;}
	.listTitle_01{padding-left: 0;}
	.listTitle_01 .title{font-size: 24px;}
	.listTitle_02 .title{font-size: 24px;}
	.articleConList ul{overflow: hidden;}
	.articleConList ul li{ width:46%; float:left; margin:0 2%;}
}
@media screen and (max-width:1000px){
       .Banner,.articleConList{ float:none; width:100%;}
	   	   .Banner{ margin-bottom:20px;}
	   .listTitle_01,.articleConList .firstNews,.articleConList ul{ padding-left:4%;}
       
       .listTitle_01 .title{font-size: 22px;}
	.listTitle_02 .title{font-size: 22px;}
}

@media screen and (max-width: 900px) {
      .tabArticleList .tab_menu h3{ margin:0;}
	 .tabArticleList .tabListTitle{ left:155px;}

 }


@media screen and (max-width: 800px) {
       
	   .articleConList02 ul li a,ul li span.rightDate{font-size: 14px;}
	   .address ul li {    font-size: 16px;      height: 30px;
}
	
	   .mode01 .lf{ width:100%; float:none;}
	   .mode01 .rt{ width:100%; float:none; margin-top:3%;}
	   .mode02 .lf,.mode03 .lf,.mode02 .rt,.mode03 .rt{ float:none; width:100%;}
	   .mode03 .rt,.mode02 .rt{ margin-top:2%;}
	   .articleList05 ul li{ width:31%;}
}


@media screen  and (max-width:640px) {
         .articleList02 ul.newsImg{ }
		 .articleList02 dl.hotnewsList dd{ float:none; width:100%;}
		 .information ul li{ float:none; width:auto; margin-right:0;}
		 .articleList02 ul.newsImg li{ width:100%; margin-right:0; margin-bottom:3%;}
		 
		 .articleListImg{ text-align:center; margin-bottom:2%;}
		 .articleListImg,.articleListText{ float:none; width:100%;}
          .articleConList ul li{ width:100%; float:none; margin:0;}
		 
}

@media screen  and (max-width:520px) {

.linkInfo_t {padding: 9% 2.8%;}

 .serviceList li{ width: 33.2%;}
}

@media screen and (max-width:480px){
     .tabArticleList .tab_menu h3{ margin:0;}
	 .tabArticleList .tabListTitle{ left:155px;}
}


@media screen /*and (min-width:320px)*/
and (max-width:360px) {}

*/