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

#vsb_content td { padding:15px;}
#vsb_content .vsbcontent_img { margin: 0 auto; margin-top:10px; margin-bottom:10px; }
/*  以上为文章内容表格及图片样式  */

/*banner*/
.banner{ width:100%; height:366px; overflow:hidden; position:relative;}
.banner img{ position:absolute;left:50%; margin-left:-960px;}
.banner h1{ width:400px; height:80px; line-height:80px; text-align:center; position:absolute; right:330px; bottom:145px;  color:#fff; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; font-size:30px;}
.about h1{ background:#007cc3;}
.schools h1{ background:#f07742 ;}
.hospitals h1{ background:#126dc1;}
.research h1{ background:#ef9b11;}
.international h1{ background:#663abb; }
.students h1{ background:#007d4b;}


/*主体*/
.main{ width:1260px; margin:0 auto; overflow:hidden; zoom:1; }

/*文章内容-新闻*/
.article-page a:hover{ color:#4788b9;}

/*当前位置*/
.now{ width:1260px; height:30px; border-bottom:1px solid #ddd; margin:30px 0; font-size:18px; font-family:Calibri, sans-serif; color:#777; }
.now a{ color:#777; padding:0 4px;}
.now span{ padding:0 4px;}

/*侧边栏*/
.sidebar{ width:285px; float:left; font-family:Calibri, sans-serif;}
.sidebar>span{ display:inline-block; color:#186299; font-size:30px; height:30px; line-height:30px; padding:0 10px 5px 10px; border-bottom:4px solid #ef9b11;  }
.sidebar img{ width:285px; height:396px; margin-top:20px;} 
.sidebar .calendar{ margin-top:20px; width:285px;}
.sidebar ul{ margin-top:20px;}
.sidebar ul li{ width:275px; line-height:50px; float:left; padding-left:10px; font-size:20px;}
.sidebar ul .li1 a{ color:#555;} 
.sidebar ul .li2{ background:#fafafa url(../images/arrow_1.png) no-repeat 265px center;}
.sidebar ul .li2 a,.sidebar ul .li1 a:hover{ color:#4788b9;}


/*正文页，正文页-新闻*/
.content-content{ float:right; width:905px; padding:0 10px; color:#444; line-height:30px; font-family:Calibri, sans-serif; font-size:18px;text-align:justify;}
.content-content p{line-height:30px; margin:15px 0; text-align:justify;  }
.content-content a span{color:#444; }
.content-content a:hover,.content-content a span:hover{color:#4788b9;}
.content-content table p{line-height:24px;margin:0px;text-align:justify;}

/*正文页-图片文章，schools二级师资*/
.schools-subcontent{ float:left; width:935px; }
.fl{float:left; }
.fr{float:right;}
.clear{ clear:both;}
.content-shizi{float:right; width:880px; padding-left:55px; }
.content-shizi li{width:270px; height:250px; margin:10px 20px 30px 0; float:left; display:block;}
.content-shizi .sz-img{width:120px; height:160px; overflow:hidden;}
.content-shizi .wenzi{width:290px; overflow:hidden;}
.content-shizi .wenzi .bt{ width:290px; overflow:hidden;height:30px; line-height:30px;text-align:left;margin:0 auto;
font-family:Arial, Helvetica, sans-serif; color:#165c91;font-weight:bold; }
.content-shizi .wenzi .zy{ width:290px; overflow:hidden;height:30px; line-height:30px; text-align:left;margin:0 auto;color:#555; font-family:Arial, Helvetica, sans-serif; }

/*正文页-领导*/
.content-main2{ width:905px; float:right;padding-left:35px; }
.content-main2 a{color:#555;}
.content-main2 a:hover{color:#fe6000;}
.content-shizi2{ width:450px;}
.s-left{  float:left;}
.s-right{ float:right;}
.content-shizi2 .biaoti{font-size:20px; font-weight:bold;color:#165c91;width:410px;height:30px; line-height:30px;margin-bottom:20px;}
.content-shizi2 ul{ width:410px;}
.content-shizi2 ul li{width:390px; height:140px; margin:9px; float:left; display:block;}
.content-shizi2 .sz-img2{width:100px; height:140px; overflow:hidden;}
.content-shizi2 .wenzi2{width:240px; margin:20px 0 0 10px;overflow:hidden;}
.content-shizi2 .wenzi2 .bt2{ width:240px; overflow:hidden;height:30px; line-height:30px;text-align:left;margin:0 auto;font-family:Arial, Helvetica, sans-serif;color:#126dc1;font-weight:bold;}
.content-shizi2 .wenzi2 .zy2{ width:240px; overflow:hidden;height:60px; line-height:30px; text-align:left;margin:10px auto 0 auto;color:#666; font-family:Arial, Helvetica, sans-serif;}
.content-shizi2 .wenzi2 .zy2:hover{color:#4788b9;}

/* schools */
.school{ width:935px; float:right; }
.school .school-list{ width:467px; float:left;}
.school .list_1{ border-right:1px solid #eee;}
.school .school-list ul li{ float:left; width:427px; padding-left:40px; line-height:40px; font-size:18px;font-family:Georgia, "Times New Roman", Times, serif;}
.school .school-list ul li a{ color:#666;}
.school .school-list ul li a:hover{ color:#4788b9;}

/* campus内容（栏目页-图片） */
.campus-content{ width:935px; float:right; margin-top:10px; }
.campus-content a span:hover{ color:#4788b9;}
.campus-content img{ width:285px; height:180px;  border-bottom:4px solid #007d4b; }

/* 栏目页 */
.list{ float:right; width:935px; font-family:Georgia, "Times New Roman", Times, serif; }
.list ul{ padding-bottom:30px; }
.list ul li{ float:left; width:875px;  padding:5px 20px 5px 30px; margin-bottom:10px; border-bottom:dashed 1px #eee; background:url(../images/dot-grey.png) no-repeat 10px center;}
.list ul li a{ float:left;  width:724px; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; color:#555;}
.list ul li a:hover{ color:#4788b9;}
.list ul li span{ float:right; color:#888;}


/* 日历-events */
.events-content{ width:935px; float:right; font-family:Verdana, Geneva, sans-serif; }
.events-content ul li{ float:left;  margin-bottom:30px; background:#f7f7f7;}
.events-content ul li .date{ width:60px; height:90px; border-right:1px solid #ddd; float:left; padding-top:20px;  padding-left:25px; background:#4788b9; }
.events-content ul li .month{ width:45px;  display:block; float:left; font-size:20px;  color:#fff;}
.events-content ul li .day{ width:45px;  display:block; float:left; font-size:30px;  color:#fff;}
.events-content ul li a{ font-size:16px; line-height:30px; color:#555; float:right; width:820px; padding-top:10px; padding-left:25px;}
.events-content ul li:hover{ background:#eee;}
.events-content ul li a b{ font-size:18px; color:#4788b9; font-family:Georgia, "Times New Roman", Times, serif; width:820px; display:block; line-height:30px; height:30px; overflow:hidden;}

/*Alunmi栏目*/
.content-main{ width:905px; padding-left:30px; float:right; }
.biaodan-top{width:700px;margin:10px auto;line-height:30px;text-align:center;font-size:22px;}
.biaodan{width:700px;margin:0 auto;line-height:18px;padding-bottom:10px;}
.biaodan input{margin:5px 0;width:300px;}
.biaodan h5{color:#333;font-size:18px;margin:0;padding:0; float:left;font-weight:normal;}
.biaodan h6{color:#888;font-size:14px;width:285px;margin:0;padding:0; float:left;font-weight:normal;}
.biaodan-jx{width:550px;margin-top:15px;}
.biaodan li{margin-top:20px;padding:0;list-style-type:none;}
.biaodan dl{margin-top:20px;padding:0;}

.bd-list-top{width:700px;padding:10px 0 0 0; margin:0 auto;border-top:1px solid #999;line-height:30px;text-align:left;font-size:22px;}
.bd-list{ width:700px; margin:10px auto;}
.bd-list ul{list-style:none;}
.bd-list ul li{height:34px; line-height:34px;width:700px;font-size:16px;}
.bd-list ul li a{color:#333;height:34px; line-height:34px;width:700px;}
.bd-list ul li a:hover{color:#4788b9;height:34px; line-height:34px;width:700px;}


/* Website A-Z */
.website{margin:0 auto; padding:0; width:900px;}
.website-bt{width:900px; height:32px; margin:10px auto;}
.website-bt ul{ list-style:none;}
.website-bt ul li{ width:30px; height:30px; margin:0 2px; font-size:18px; display:block; float:left; display:inline;}
.website-bt ul li a{width:30px; height:30px; background:#287ec3; color:#ffffff; text-align:center; line-height:30px;display:block;}
.website-bt ul li a:hover{width:32px; height:32px; background:#0455fb; color:#ffffff; text-align:center; line-height:32px;display:block; font-weight:bold;}
.website-bt a{color:#fff;}
.website-list{width:900px;}
.website-list H1{ width:900px; height:60px; font-size:60px; font-weight:bold; color:#024274;padding-top:15px;}
.website-list ul{list-style:none; margin:25px 0 15px 0;}
.website-list ul li{width:850px; padding-left:20px;height:26px; line-height:26px;background: url(../images/nav-erji-list.jpg) no-repeat 10px 13px; font-size:14px;}
.website-list ul li a{ color:#555;font-size:14px;}
.website-list ul li a:hover{ color:#1b437c;font-size:16px;}


/*三级页面*/
/*标题*/
.main h2{ font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; color:#176199; font-size:24px; text-align:center; margin-bottom:40px; }

/*右侧边栏*/
.sidebar_r{ width:285px; float:right; }
.sidebar_r ul li{ width:265px; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; float:left; padding-left:20px; height:40px; line-height:40px; margin-bottom:15px; border-bottom:1px solid #eeeeee;}
.sidebar_r ul .li1 a{ color:#555;}
.sidebar_r ul .li2 a,.sidebar_r ul .li1 a:hover{ color:#4788b9; }


/*二级本专科，二级眼科*/
.lanmu-main-right{width:935px;}
.lanmu-main-right .content-main{ width:900px; }
.lanmu-main-right .content-main a{color:#555;}
.lanmu-main-right .content-main a:hover{color:#fe6000;}
.tab{ width:920px; margin:0px auto; font-size:18px;}
.tab h2{ width:440px; overflow:hidden; font-size:18px;margin:0 auto;}
.tab h2 span,.tab h2 a{ float:left; width:200px; line-height:40px;text-align:center; cursor:pointer; line-height:40px; display:block; background:#f2f2f2; color:#555; font-weight:bold; margin:0 10px;}
.tab h2 .current{width:200px; line-height:40px;text-align:center; cursor:pointer; line-height:40px; display:block;font-weight:bold;background:#4788b9;color:#fff;margin:0 10px;}
.tab ul{ padding-top:25px; margin:0; width:920px;list-style:none;}
.tab ul .benzhuan{width:920px;margin:0px;padding:0px;}



/* 可持续发展 */
.sustainability{ width:1260px; }
.sustainability h1 { text-align: center; }

/** 可持续发展申明 */
.sustainability .statement { height:285px; }
.sustainability .statement ul li { position: relative;float: left; width: 285px; height: 285px; margin-right: 30px; cursor: pointer; transition: all 0.5s ease;}
.sustainability .statement ul li:hover {  transform: translateY(-5px); /* 上移5像素 */ background-color: #f0f8ff; /* 添加背景色 */  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 可选：添加阴影增强效果 */}
.sustainability .statement ul li img { width:100%; heigth:100%; object-fit:contain; border-radius:10px;}
.sustainability .statement ul li .title { height: 30px; overflow: hidden; position: absolute;bottom: 0px;margin-bottom: 0px;text-align: center;width: 100%; color: #176199; border-radius: 0 0 10px 10px;}
.sustainability .statement ul li:nth-of-type(1) .title {background-color: #b7c7e9}
.sustainability .statement ul li:nth-of-type(2) .title {background-color: #f8cdab}
.sustainability .statement ul li:nth-of-type(3) .title {background-color: #f4b7bf}
.sustainability .statement ul li:nth-of-type(4) .title {background-color: #c9e5b4}

/** 可持续发展研究*/
.sustainability .research ul li { width:240px; height: 187px; margin-bottom: 30px;  margin-right:0px; margin-left: 30px; cursor: pointer; transition: all 0.5s ease; }
.sustainability .research ul li:hover { transform: translateY(-5px); /* 上移5像素 */ background-color: #f0f8ff; /* 添加背景色 */  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 可选：添加阴影增强效果 */}
.sustainability .research ul li img { width:240px; height:187px; object-fit:contain; border-radius:10px;}
.sustainability .research ul li .title { height: 60px; overflow: hidden; position: absolute; bottom: 0px; margin-bottom: 60px; text-align:center; width: 100%; color: #176199;}

.sustainability-news-list { width: 1260px; margin-top:80px; background: #fafafa; position: relative;}
#left1{ position:absolute; left:0; top:120px; width:16px; height:31px; background:url(../images/left-1.png);}
#left1:hover{ background:url(../images/left-2.png)}
#right1{ position:absolute; right:0; top:120px;  width:16px; height:31px; background:url(../images/right-1.png);}
#right1:hover{ background:url(../images/right-2.png)}
#scroll1{ width:1200px; margin:0 auto; overflow:hidden;}
.sustainability-news-list ul { position: relative; height: 300px; }
.sustainability-news-list ul li{ float:left; width:280px; padding-right:20px;}
.sustainability-news-list ul li img{ width:280px; height:160px; border-radius:10px; }
.sustainability-news-list ul li h2{  width:280px; font-size:16px; line-height:24px; height:48px; overflow:hidden; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; }
.sustainability-news-list ul li h2 a{  color:#666;}
.sustainability-news-list ul li span{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#999; display:block; width:140px; padding-top:5px; margin-top:5px; border-top:1px solid #ccc;}
.sustainability-news-list ul li .title { 
  width: 280px;
  text-align: left;
  font-weight: 900;
  padding: 10px 0;
  /* 核心多行截断属性 */
  display: -webkit-box;
  -webkit-box-orient: vertical; /* 必须加，指定垂直排列 */
  -webkit-line-clamp: 2; /* 限制2行 */
  overflow: hidden; /* 隐藏超出部分 */
  text-overflow: ellipsis; /* 兜底（部分场景生效） */
  white-space: normal; /* 允许换行（多行必需） */
  /* 移除固定height，改用min-height/auto，避免高度不匹配 */
  min-height: auto;
  /* 可选：如果需要固定行高，可设置line-height保证两行高度可控 */
  line-height: 1.5; /* 建议设置行高，比如1.5倍，两行+padding更可控 */
  /* 可选：如果必须固定高度，计算合理值（例：line-height=1.5，font-size=14px → 两行高度=14*1.5*2=42px + padding上下10px → 总高度62px） */
  height: 42px;
  
}
.sustainability-news-list ul li .date{  border-top:1px solid #ccc; margin-top: 10px; padding-top: 10px; }

/**可持续发展课程*/
.sustainability .course{position:relative; width:1260px; overflow:hidden; margin-top: 0px;}
.sustainability .course span{ cursor:pointer;}
.sustainability .course h1{ text-align: center; margin-top: 80px; margin-bottom: 60px; }
#left{ position:absolute; left:0; top:400px; width:16px; height:31px; background:url(../images/left-1.png);}
#left:hover{ background:url(../images/left-2.png)}
#right{ position:absolute; right:0;top:400px;  width:16px; height:31px; background:url(../images/right-1.png);}
#right:hover{ background:url(../images/right-2.png)}
#scroll{ width:1200px; margin:0 auto; overflow:hidden;}
.sustainability .course ul { position: relative; height: 500px; }
.sustainability .course ul li{ float:left; width:380px; padding-right:20px;}
.sustainability .course ul li img{ width:380px; height:500px; margin-bottom:10px; border-radius:10px; }
.sustainability .course ul li h2{  width:380px; font-size:16px; line-height:24px; height:48px; overflow:hidden; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; }
.sustainability .course ul li h2 a{  color:#666;}
.sustainability .course ul li span{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#999; display:block; width:140px; padding-top:5px; margin-top:5px; border-top:1px solid #ccc;}
.sustainability .course ul li .title {  width:380px; position: absolute; top: 0px; color: #ffffff; background-color: #91ace3; border-radius: 10px 10px 0 0 ; height: 30px; text-align: center; font-weight: 900; padding: 10px 0;}
.sustainability .course ul li .content { position: absolute; width: 370px; top: 55px; color: #ffffff; height:435px; text-align: center; padding-top: 5px; display: flex; flex-direction: column; justify-content: center;; padding: 5px; }
.sustainability .course ul li .content .item { padding: 3px 0; padding-bottom: 11px; line-height: 17px; }

/** 可持续发展社团 */
.sustainability .club { margin-top: 80px; height: 100%; }
.sustainability .club h1{ text-align: center;  margin-bottom: 60px; }
.sustainability .club h2{ width: 630px; text-align: center;  margin-bottom: 20px; color: #000000; }
.sustainability .club ._list{ width: 1260px }
.sustainability .club ._list img{ width: 600px; object-fit:contain; margin: 15px;}
.sustainability .club .honor { height: 500px; margin-top: 40px;}
.sustainability .club .honor ul { height: 380px; overflow: auto; padding: 20px; margin-top: 60px; }
.sustainability .club .honor ul li { margin-bottom: 25px; }
.sustainability .club .honor ul li .year { width: 60px; height: 50px; border-right: 2px solid #4874cb; float: left; margin-left: 25px; padding-right: 20px;}
.sustainability .club .honor ul li .content { display: block;  font-size: 18px; line-height: 30px; height: 60px; overflow: hidden; color: #555555;  width: 1094px;  margin-left: 125px; }


/** 绿色校园 */
.sustainability .greenCampus { margin-top: 80px }
.sustainability .greenCampus .list{ width: 1260px }
.sustainability .greenCampus .list img{ width: 400px; object-fit:contain; margin: 10px;}