body,td{font-size:14px;font-family:Microsoft Yahei;line-height:180%;margin:0 ;padding:0;}
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }

ul,ol,li{list-style:none;margin:0;padding:0;}
img{ border:0; max-width: 100%; height: auto; display: block;}
a{text-decoration:none;color:#000;}
a:hover{color:#1959b3;height:32px;}


p,h1,h2,h3,h4,h5,ul,dl,dd{ font-weight: normal; margin:0; padding:0;}
input,textarea,button{outline:none !important;}
textarea{resize:none}
button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}




.wholewrap{
  max-width: 1300px;
  width: 100%;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
/*头部logo*/
.center{ max-width: 1200px; width: 100%; margin: 0 auto; padding: 0 15px; box-sizing: border-box;}
.index-center{
  width: 100%; 
  display: flex; 
  flex-wrap: wrap; 
  gap: 13px; 
  align-items: flex-start;
  justify-content: flex-start;
}
.header{max-width:1200px; width: 100%; background:url(../images/background2.jpg);height:250px; margin-right:auto;margin-left: auto;background-size:100% 100%; box-sizing: border-box;}
.header-inner{max-width:1200px; width: 100%; margin:0 auto;background:url(../images/background.jpg); box-sizing: border-box;}
.header-banner{background:url(../images/background.jpg) no-repeat;height:156px;max-width:1200px; width: 100%; margin-right:auto;margin-left: auto; box-sizing: border-box;}
.header-banner-searchBox{padding:120px 0 0 944px;height:38px;}


.logo-wrap{width: 100%; height: 80px;overflow: hidden;background: white}
.logo-wrap .logo{    padding: 10px;  padding-left: 15px;}
.logo-wrap .logo img{width: auto;  height: 60px;max-width: 550px}
.logo-wrap .logo h1 a{    color: #000;  font-family: '微软雅黑';  font-size: 35px;}
/*头部logo*/

/*banner*/

.banner-wrap{     max-width: 1179px; width: 100%;  margin: 0 auto;   height: 350px;margin-top: 10px; padding: 0 15px; box-sizing: border-box;}
.fullSlide{ width:100%;  position:relative;  height:460px; background:#000;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:460px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:350px; }

.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px;  text-align:center;
 _background:#000; _filter:alpha(opacity=60);
}
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px;  overflow:hidden;
 line-height:9999px;
}

/*banner插件更改*/
.fullSlide .hd ul .on{ background-position:0 0; }
.fullSlide {  width: 100%;  position: relative;  height: 100% !important;  background: #000;  }
.fullSlide .bd {  margin: 0 auto;  position: relative;  z-index: 0;  overflow: hidden;  height: 100% !important;  }
.fullSlide .bd ul {  width: 100% !important;  height: 100% !important;  }
.fullSlide .bd li {  width: 100% !important;  height: 100% !important;  overflow: hidden;  text-align: center;  background-size: 100% 100% !important;  }
/*banner*/




/*导航*/

.nav .active{background: #6eacbd}
.nav-wrap .nav-li-a:hover{background: #6eacbd}
.nav-li-a-active{background: #6eacbd}
.nav-wrap .nav-li-a{font-size: 16px; color: white;display: block;float: left;     text-align: center; }
.nav-li{    height: 50px;  width: 125px; float: left;position: relative; margin-right: 0px}
.dropdown{   display: none; position: absolute;  z-index: 99;top: 50px}
.dropdown .dropdown-li{       text-align: center;  height: 36px;  width: 125px;  line-height: 36px;    background: #6eacbd;}
.dropdown .dropdown-li a{         line-height: 36px;  color: white;}
.dropdown .dropdown-li:hover a{     color: #b0eeff}
/*导航*/

/* 软院导航 */
.nav-wrap{background: #198fb3;  height: 50px;    max-width: 1200px; width: 100%; margin: 0 auto; box-sizing: border-box;}
.nav-wrap .nav{float: left}
#nav{height: 50px;width:100%;margin-right:auto;margin-left: auto; box-sizing: border-box;}
#nav ul{font-size: 15px;margin-right:auto;margin-left: auto;list-style-position:outside;list-style-type: none;}
#nav li{float:left;height:50px;position:relative;z-index:9999999999;}
#nav li a{float:left;display:block;height:48px;overflow:hidden;line-height:48px;}
/* 主导航栏颜色 */
#nav li a span{float:left;display:block;line-height:50px;font-size:15px;color:rgb(250, 246, 246);cursor:pointer;text-align:center; width: 125px;  height: 50px;  line-height: 50px;}
#nav li.selected a,#nav li a.selected{background-color:#16a0a5;text-decoration:none;}
#nav li.selected a span,#nav li a.selected span{background:#16a0a5 ;}
#nav li.selected .submenu,submenu.pull-left{display:block;width:170px!important;float:right;right:auto;left:0;}
#nav li .submenu{display:none;position:absolute;top:50px;right: -1px;}
#nav li .submenu{border-style:solid;border-width:0px 0px 0px 0px;border-color:#FFFFFF;background:rgb(245, 243, 243);}
#nav li .submenu li{ float:left;padding:0;background:none;height:auto;/*border-bottom:dotted 1px #075197;*/}
#nav li .submenu li a{float:none; background:#098be7; color:#fff; font-size:15px; width:170px; height:40px; line-height:40px; display:block; text-align:center;opacity: 5;}
/*#nav li .submenu li .team-a{float:none; background:#098be7; color:#fff; font-size:15px; width:170px; height:120px; line-height:40px; display:block; text-align:center;opacity: 5;}

#nav li .submenu li .team-a:hover{background:#45cbcf;color:rgb(248, 242, 242);}*/

#nav li .submenu li .team-a {
    float: none;
    background: #098be7; /* 正常状态背景颜色 */
    color: #fff; /* 正常状态字体颜色 */
    font-size: 15px;
    width: 170px;
    /* 重新计算高度，假设行高 20px，上下内边距各 10px，刚好两行 */
    height: calc(2 * 20px + 2 * 10px);
    line-height: 20px; /* 行高 */
    padding: 10px; /* 内边距 */
    display: block;
    text-align: center;
    opacity: 0.5; /* 修正 opacity 值 */
    box-sizing: border-box;
    white-space: normal; /* 允许文字换行 */
}

#nav li .submenu li .team-a:hover {
    background: #45cbcf; /* 悬停状态背景颜色 */
    color: rgb(248, 242, 242); /* 悬停状态字体颜色 */
}

#nav li .submenu li a:hover{background:#45cbcf;color:rgb(248, 242, 242);}
/* 软院导航 */

/* 滚动栏及右侧说明 */

/* 轮播图 */

/* 替换固定宽度为百分比 */
#nav {
    width: 100%; /* 动态适配 */
}
.submenu {
    width: 100%; /* 确保子菜单宽度适配父容器 */
}
@media screen and (max-width: 768px) {
    #nav {
        flex-direction: column; /* 手机屏幕下菜单垂直排列 */
    }
    .submenu {
        width: 100%; /* 子菜单占满父容器宽度 */
    }
}


.wrap {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

.index-row1 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.index-row1 .area1{
  float: left;
  width: calc(56.67% - 10px);
  max-width: 680px;
  height: 440px;
  position: relative;
  box-sizing: border-box;
}


.index-row1 .area1 .imgbox .images{
  width: 100%;
  height: 100%;
  position: absolute;
  transition: all .8s;
  opacity: 0;
}

.index-row1 .area1 .imgbox .images.active{
  z-index: 100;
  opacity: 1;
}



.index-row1 .area1 .images img{  
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index-row1 .area1 .images .text{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(../images/opacity.png);
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 20px;
  line-height: 50px;
    font-weight:bold;
}
.index-row1 .area1 li .text:hover{color: #757aa7
}
.point ul{
  padding: 0;
  margin: 0;
  list-style: none;
 
}
.point .point_kid{
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background-color: #ccc;
  float: left;
  margin-right: 10px;
  border-style: solid;
  border-width: 3px;
  border-color: #5b528b;
  cursor: pointer;
}

.point_kid.active{
  background-color: rgb(142, 209, 226);
}

.point .point_kid:hover{
  background-color: rgb(252, 248, 248);

}

.point{
  position: absolute;
  bottom: 20px;
  right: 5px;
  z-index: 1000;
}

.button-left{
  width: 35px;
  height: 70px;
  
  color: #ccc;
  position: absolute;
  top: 155px;
  border-radius: 0 5px 5px 0;
  text-align: center;
  line-height: 70px;
  font-size: 27px;
  z-index: 100;
  cursor: pointer;
}

.button-left:hover{
  background-color:#00000050;
  color: #fff;
}

.button-right{
  width: 35px;
  height: 70px;
  
  color: #ccc;
  position: absolute;
  top: 155px;
  border-radius: 0 5px 5px 0;
  text-align: center;
  line-height: 70px;
  font-size: 27px;
  right: 0;
  z-index: 100;
  cursor: pointer;
}

.button-right:hover{
  background-color:#00000050;
  color: #fff;
}








.index-row1 .c2 {
  float: right;
  width: calc(39.17% - 10px);
  max-width: 470px;
  height: 440px;
  box-sizing: border-box;
}

.index-row1 .c2 .main-list {
    overflow: hidden;
  width: 90%;
  height: 90%;
  margin-top: 20px;
  padding-left: 40px;
  background: url(../images/yaowen.png) left center no-repeat;    background-size: 6%;
  background-color: rgb(243, 244, 245);
}
.index-row1 .c2 .main-list ul{
    margin-top: 10px ;

}

.index-row1 .c2 .main-list li {
    margin-bottom: 4px;background-position: 0 7px;background-size: auto;    height: auto;    width: 100%; max-width: 400px; overflow: hidden; box-sizing: border-box;
}
.index-row1 .c2 .main-list li a{
    font-size: 18px; font-weight:bold;  margin-right: 10px;   color: #333333;  width: calc(100% - 100px); max-width: 400px;  display: block;  height: auto;  float: left;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; box-sizing: border-box;
}
.index-row1 .c2 .main-list li:hover a{color: #3b92c1
}
.index-row1 .c2 .main-list li span{     font-size: 14px;  color: #999999;  float: right;}
.index-row1 .c2 .more {
  text-align: center;
  margin-top: 6px;
}





/*新闻*/
.con-wrap{    width: 100%;  background: white;  padding: 20px 0;}
.con-wrap .index-news {max-width: 378px; width: 100%; height: 313px;overflow: hidden;    border: 1px solid #ddd;    margin-right: 20px;float: left; box-sizing: border-box;}
.con-wrap .index-news .index-news-title  {background: #789bc3;height: 50px;}
.con-wrap .index-news .index-news-title h3{margin-left:10px;  background-position: 0 14px;background-size: auto;line-height: 50px;
 font-size: 16px;  color: white;  padding-left: 30px;    width: 200px;  overflow: hidden;  float: left;    }
.con-wrap .index-news .index-news-title a{    display: block;  float: right;  line-height: 50px;  margin-right: 15px;  font-size: 14px;  color: white;}
.con-wrap .index-news .index-news-desc{padding: 10px;width: 340px;    overflow: hidden;}
.con-wrap .index-news .index-news-desc .img-wrap{  display: block;  width: 90px;  height: 90px;  margin-right: 20px;  float: left;}
.con-wrap .index-news .index-news-desc img{    width: 90px;  height: 90px;}
.con-wrap .index-news .index-news-desc h4 {float: left;  max-width: 220px;  overflow: hidden;}
.con-wrap .index-news .index-news-desc h4 a{       font-size: 14px;  line-height: 26px;  color: #333333;  height: 26px;  width: 229px;  display: block;  overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.con-wrap .index-news .index-news-desc h4 a:hover{color: #789bc3;    }
.con-wrap .index-news .index-news-desc p{     margin-top: 16px;   float: left;  width: 229px;  font-size: 14px;  line-height: 24px;  color: #666666;  overflow: hidden;}
.con-wrap .index-news .index-news-list{    padding: 0 9px;}
.con-wrap .index-news .index-news-list li{ background-position: 0 7px;background-size: auto;    height: 30px;  padding-left: 15px;  width: 365px;}
.con-wrap .index-news .index-news-list li a{      margin-right: 64px;  font-size: 14px;  color: #333333;  width: 230px;  display: block;  height: 30px;  float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.con-wrap .index-news .index-news-list li span{     font-size: 14px;  color: #999999;  }
/*新闻*/

/*团队动态*/
.con-wrap{    width: 100%;  background: white;  padding: 20px 0;}
.con-wrap .index-team {
  flex: 0 0 calc(65% - 6.5px); 
  min-width: 300px; 
  min-height: 313px; 
  height: auto; 
  overflow: hidden;    
  border: 1px solid #ddd;   
  margin-top: 0; 
  box-sizing: border-box; 
  display: flex; 
  flex-direction: column;
  float: none;
  align-self: flex-start;
}
.con-wrap .index-team .index-team-title  {
 background: -webkit-linear-gradient(left, #661ac9 , #6a77e9); /* Safari 5.1 - 6.0 */
 background: -o-linear-gradient(right, #661ac9, #6a77e9); /* Opera 11.1 - 12.0 */
 background: -moz-linear-gradient(right, #661ac9, #6a77e9); /* Firefox 3.6 - 15 */
 background: linear-gradient(to right, #661ac9 , #6a77e9); /* 标准的语法 */;height: 50px;}
.con-wrap .index-team .index-team-title h3{margin-left:10px;  background-position: 0 14px;background-size: auto;line-height: 50px;
 font-size: 16px;  color: white;  padding-left: 30px;    width: 200px;  overflow: hidden;  float: left;    }
.con-wrap .index-team .index-team-title a{    display: block;  float: right;  line-height: 50px;  margin-right: 15px;  font-size: 14px;  color: white;}
.con-wrap .index-team .index-team-desc{padding: 10px;width: 340px;    overflow: hidden;}
.con-wrap .index-team .index-team-desc .img-wrap{  display: block;  width: 90px;  height: 90px;  margin-right: 20px;  float: left;}
.con-wrap .index-team .index-team-desc img{    width: 90px;  height: 90px;}
.con-wrap .index-team .index-team-desc h4 {float: left;  max-width: 220px;  overflow: hidden;}
.con-wrap .index-team .index-team-desc h4 a{       font-size: 14px;  line-height: 26px;  color: #333333;  height: 26px;  width: 229px;  display: block;  overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.con-wrap .index-team .index-team-desc h4 a:hover{color: #789bc3;    }
.con-wrap .index-team .index-team-desc p{     margin-top: 16px;   float: left;  width: 229px;  font-size: 14px;  line-height: 24px;  color: #666666;  overflow: hidden;}
.con-wrap .index-team .index-team-list{    padding: 0 9px; flex: 1; display: flex; flex-direction: column;}
.con-wrap .index-team .index-team-list li{ background-position: 0 7px;background-size: auto;    height: 30px;  padding-left: 15px;  width: 100%; max-width: 365px; box-sizing: border-box;}
.con-wrap .index-team .index-team-list li a{      margin-right: 64px;  font-size: 14px;  color: #333333;  width: calc(100% - 100px); max-width: 230px;  display: block;  height: 30px;  float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; box-sizing: border-box;}
.con-wrap .index-team .index-team-list li span{     font-size: 14px;  color: #999999;  }
/*团队动态*/

/*资料共享*/
.con-wrap{    width: 100%;  background: white;  padding: 20px 0;}
.con-wrap .index-share {
  flex: 0 0 calc(35% - 6.5px); 
  min-width: 300px; 
  min-height: 313px; 
  height: auto; 
  overflow: hidden; 
  margin-top: 0;   
  border: 1px solid #ddd;   
  box-sizing: border-box; 
  display: flex; 
  flex-direction: column;
  float: none;
  align-self: flex-start;
}
.con-wrap .index-share .index-share-title  {
 background: -webkit-linear-gradient(left, #6a77e9 , #6dd3ec); /* Safari 5.1 - 6.0 */
 background: -o-linear-gradient(right, #6a77e9, #6dd3ec); /* Opera 11.1 - 12.0 */
 background: -moz-linear-gradient(right, #6a77e9, #6dd3ec); /* Firefox 3.6 - 15 */
 background: linear-gradient(to right, #6a77e9 , #6dd3ec); height: 50px;}
.con-wrap .index-share .index-share-title h3{margin-left:10px; background-position: 0 14px;background-size: auto;line-height: 50px;
 font-size: 16px;  color: white;  padding-left: 30px;    width: 200px;  overflow: hidden;  float: left;    }
.con-wrap .index-share .index-share-title a{    display: block;  float: right;  line-height: 50px;  margin-right: 15px;  font-size: 14px;  color: white;}
.con-wrap .index-share .index-share-desc{padding: 10px;width: 340px;    overflow: hidden;}
.con-wrap .index-share .index-share-desc .img-wrap{  display: block;  width: 90px;  height: 90px;  margin-right: 20px;  float: left;}
.con-wrap .index-share .index-share-desc img{    width: 90px;  height: 90px;}
.con-wrap .index-share .index-share-desc h4 {float: left;  max-width: 220px;  overflow: hidden;}
.con-wrap .index-share .index-share-desc h4 a{       font-size: 14px;  line-height: 26px;  color: #333333;  height: 26px;  width: 229px;  display: block;
 overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.con-wrap .index-share .index-share-desc p{     margin-top: 16px;   float: left;  width: 229px;  font-size: 14px;  line-height: 24px;  color: #666666;  overflow: hidden;}
.con-wrap .index-share .index-share-list{    padding: 0 9px; flex: 1; display: flex; flex-direction: column;}
.con-wrap .index-share .index-share-list ul{       padding-top: 5px; flex: 1;}
.con-wrap .index-share .index-share-list li{ background-position: 0 7px;background-size: auto;    height: 29px;  padding-left: 15px;  width: 100%; max-width: 365px; box-sizing: border-box;}
.con-wrap .index-share .index-share-list li .dc{      margin-right: 10px;  font-size: 14px;  color: #333333;  width: 305px;  display: block;  height: 29px;  float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.con-wrap .index-share .index-share-list li .dc:hover{ color:#789bc3 }
.con-wrap .index-share .index-share-list li span{     font-size: 14px;  color: #999999;  }
/*资料共享*/

/*教学动态*/
.con-wrap{    width: 100%;  background: white;  padding: 20px 0;}
.con-wrap .index-teach {
  flex: 0 0 calc(50% - 6.5px); 
  min-width: 300px; 
  min-height: 400px; 
  height: auto; 
  overflow: hidden;    
  border: 1px solid #ddd;   
  margin-top: 0; 
  box-sizing: border-box; 
  display: flex; 
  flex-direction: column;
  float: none;
  align-self: flex-start;
}
.con-wrap .index-teach .index-teach-title  { background: -webkit-linear-gradient(left, #77b9dc , #577af0); /* Safari 5.1 - 6.0 */
 background: -o-linear-gradient(right, #272d80, #6b89ee); /* Opera 11.1 - 12.0 */
 background: -moz-linear-gradient(right, #272d80, #6b89ee); /* Firefox 3.6 - 15 */
 background: linear-gradient(to right, #272d80 , #6b89ee);height: 50px;    margin-bottom: 10px;}
.con-wrap .index-teach .index-teach-title h3{margin-left:10px;  background-position: 0 14px;background-size: auto;line-height: 50px;
 font-size: 16px;  color: white;  padding-left: 30px;    width: 200px;  overflow: hidden;  float: left;    }
.con-wrap .index-teach .index-teach-title a{    display: block;  float: right;  line-height: 50px;  margin-right: 15px;  font-size: 14px;  color: white;}
.con-wrap .index-teach .index-teach-desc{padding: 10px;width: 358px;    overflow: hidden;}

.con-wrap .index-teach .index-teach-desc h4 {    margin-bottom: 4px;float: left;  max-width:360px;  overflow: hidden;}
.con-wrap .index-teach .index-teach-desc h4 a{       font-size: 16px;  line-height: 26px;  color: #333333;  height: 26px;  width: 360px;  display: block;  overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.con-wrap .index-teach .index-teach-desc h4 a:hover{color: #789bc3;    }
.con-wrap .index-teach .index-teach-desc span {    display: block;    margin-top: 5px;  float: left;  margin-right: 14px; }
.con-wrap .index-teach .index-teach-desc span:nth-of-type(2n){display: none}
.con-wrap .index-teach .index-teach-desc  .a4{      height: 29px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  line-height: 30px;    display: block;  width: 170px;  color: #666666;  font-size: 14px;  float: left; }
.con-wrap .index-teach .index-teach-list{    padding: 0 9px;overflow: hidden; flex: 1; display: flex; flex-direction: column;}
.con-wrap .index-teach .index-teach-list li{    margin-bottom: 4px;
 background-position: 0 7px;background-size: auto;    height: auto;  padding-left: 15px;  width: 100%; max-width: 550px; overflow: hidden; box-sizing: border-box;}
.con-wrap .index-teach .index-teach-list li a{    margin-right: 10px;  font-size: 14px;  color: #333333;  width: calc(100% - 100px); max-width: 440px;  display: block;  height: auto;  float: left;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; box-sizing: border-box;}
.con-wrap .index-teach .index-teach-list li:hover a{color:#77b9dc }
.con-wrap .index-teach .index-teach-list li span{     font-size: 14px;  color: #999999;  float: right;}
/*教学动态*/

/*教学成果*/
.con-wrap{    width: 100%;  background: white;  padding: 20px 0;}
.con-wrap .index-res {
  flex: 0 0 calc(50% - 6.5px); 
  min-width: 300px; 
  min-height: 400px; 
  height: auto; 
  overflow: hidden;    
  border: 1px solid #ddd;   
  margin-top: 0; 
  box-sizing: border-box; 
  display: flex; 
  flex-direction: column;
  float: none;
  align-self: flex-start;
}
.con-wrap .index-res .index-res-title  { background: -webkit-linear-gradient(left, #77b9dc , #577af0); /* Safari 5.1 - 6.0 */
 background: -o-linear-gradient(right, #6b89ee, #60f5e1); /* Opera 11.1 - 12.0 */
 background: -moz-linear-gradient(right, #6b89ee, #60f5e1); /* Firefox 3.6 - 15 */
 background: linear-gradient(to right, #6b89ee , #60f5e1);height: 50px;    margin-bottom: 10px;}
.con-wrap .index-res .index-res-title h3{margin-left:10px;  background-position: 0 14px;background-size: auto;line-height: 50px;  font-size: 16px;  color: white;  padding-left: 30px;    width: 200px;  overflow: hidden;  float: left;    }
.con-wrap .index-res .index-res-title a{    display: block;  float: right;  line-height: 50px;  margin-right: 15px;  font-size: 14px;  color: white;}
.con-wrap .index-res .index-res-desc{padding: 10px;width: 358px;    overflow: hidden;}

.con-wrap .index-res .index-res-desc h4 {    margin-bottom: 4px;float: left;  max-width:360px;  overflow: hidden;}
.con-wrap .index-res .index-res-desc h4 a{       font-size: 16px;  line-height: 26px;  color: #333333;  height: 26px;  width: 360px;  display: block;  overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.con-wrap .index-res .index-res-desc span {    display: block;    margin-top: 5px;  float: left;  margin-right: 14px; }
.con-wrap .index-res .index-res-desc span:nth-of-type(2n){display: none}
.con-wrap .index-res .index-res-desc  .a4{      height: 29px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  line-height: 30px;    display: block;  width: 170px;  color: #666666;  font-size: 14px;  float: left; }
.con-wrap .index-res .index-res-list{    padding: 0 9px;overflow: hidden; flex: 1; display: flex; flex-direction: column;}
.con-wrap .index-res .index-res-list li{overflow: hidden;margin-bottom: 4px;background-position: 0 7px;background-size: auto;    height: auto;  padding-left: 15px;  width: 100%; max-width: 555px; box-sizing: border-box;}
.con-wrap .index-res .index-res-list li a{    margin-right: 10px;  font-size: 14px;  color: #333333;  width: calc(100% - 100px); max-width: 440px;  display: block;  height: auto;  float: left;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; box-sizing: border-box;}
.con-wrap .index-res .index-res-list li span{     font-size: 14px;  color: #999999; float: right; }
.con-wrap .index-res .index-res-list li:hover a{color:#77b9dc }
/*教学成果*/

/*友情链接*/
.con-wrap{    width: 100%;  background: white;  padding: 20px 0;}
.con-wrap .index-link {float: left; background-color:rgb(243, 244, 247); max-width:1167px; width: 100%; height: auto; min-height: 100px; padding-left:15px;padding-right: 15px ;margin-left: auto;margin-right: auto;   border: 1px solid #ddd; box-sizing: border-box;}
.con-wrap .index-link .index-link-title{max-width: 1167px; width: 100%; height: 50px; box-sizing: border-box;}
.con-wrap .index-link .index-link-title .title-col{width: 100% ;position: relative; min-height: 1px;padding-right: 15px; padding-left: 15px;}
.con-wrap .index-link .index-link-title .title-col h3{border-bottom: 1px solid #6187ce; margin-bottom: 20px;margin-top: 15px;text-align: center;padding-top: 5px;padding-bottom: 10px;font-size: 18px;color: rgb(138, 124, 228);}
.con-wrap .index-link .index-link-title .title-col h3 a{border-bottom: 4px solid #23AC3A;padding-bottom: 5px;}
.con-wrap .index-link  .index-link-list{max-width: 1170px; width: 100%; text-align: center; box-sizing: border-box;}
.con-wrap .index-link  .index-link-list a{color: dodgerblue;font-size: 16px;}
.con-wrap .index-link  .index-link-list a:hover{color:#111397 ;}
/*友情链接*/

.footer-wrap{background: #ebebeb;width: 100%;padding:30px 0; overflow: hidden;clear: both}
.footer-wrap .footer-contact{    width: 350px;  float: left;}
.footer-wrap .footer-contact h6{      font-size: 16px;  color: #666666;  margin-top: 0;  margin-bottom: 25px;  }
.footer-wrap .footer-contact .address{  background-position: 0 0;background-size: auto}
.footer-wrap .footer-contact .email{    background-position: 0 0;background-size: auto}
.footer-wrap .footer-contact .tel{    background-position: 0 0;background-size: auto}
.footer-wrap .footer-contact p{    font-size: 14px;  color: #888888;  padding-left: 26px;  height: 40px;}
.footer-wrap .footer-nav{    width: 635px;  float: left;}
.footer-wrap .footer-nav li{  width: 81px;  float: left;  margin-right: 90px;text-align: center}
.footer-wrap .footer-nav li:last-child{  width: 81px;  float: left;  margin-right: 0px;}
.footer-wrap .footer-nav li a{ font-size: 16px;  color: #666666;}
.footer-wrap .footer-nav li .sub-nav{margin-top: 15px}
.footer-wrap .footer-nav li .sub-nav li{text-align: center}
.footer-wrap .footer-nav li .sub-nav a{    font-size: 14px;     line-height: 30px; color: #888888;}
.footer-wrap .footer-erweima{    float: left;}
.footer-wrap .footer-erweima span{     display: block;  font-size: 14px;  color: #888888;}




.list-wrap{/*background: url("../img/bg.jpg") no-repeat;*/ background-position: 0 0;background-size: auto;    max-width: 1200px; width: 100%;
 margin: 0 auto;    overflow: hidden; padding: 0 15px; box-sizing: border-box;}
 .top-center{ max-width: 1200px; width: 100%; margin: 0 auto; padding: 0 15px; box-sizing: border-box;}
.list-wrap .location-wrap {height: 50px;background-color: aliceblue;}
.list-wrap .location-wrap .location .top{background: url("../images/home.png") no-repeat; background-position: 0 3px;background-size: auto;    font-size: 15px;  color: #666666;  line-height: 50px;  padding-left: 25px;}
.list-wrap .location-wrap .location a{    font-size: 15px;  color: #666666;  line-height: 50px;  }
.text-center{ 
  max-width: 1200px; 
  width: 100%; 
  margin: 0 auto; 
  padding: 0 15px; 
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-start;
}
.list-wrap .menu-wrap{     
  flex: 0 0 280px;
  min-width: 250px;
  width: 280px;
  height: auto;  
  overflow: hidden;  
  box-sizing: border-box;
}
.list-wrap .menu-wrap .menu {    
  border: 1px solid #ddd;    
  background: white;
  margin-bottom: 20px;
  box-sizing: border-box;
}
.list-wrap .menu-wrap .menu h4{ 
  width: 100%;  
  height: 50px;  
  background: url("../images/listbacg.png");  
  font-size: 18px;  
  color: white;  
  line-height: 50px;  
  padding-left: 20px;
  box-sizing: border-box;
}
.list-wrap .menu-wrap .menu a{
  display:block; 
  background-position: 35px 20px;
  background-size: auto;    
  font-size: 15px;  
  color: #666666;  
  height: 50px;  
  width: 100%;    
  padding-left: 60px;  
  line-height: 50px;
  box-sizing: border-box;
}
.list-wrap .menu-wrap .menu h5{
  width: 100%;
  box-sizing: border-box;
}
.list-wrap .menu-wrap .menu h5:hover{
  background: #eef7fa;
  color: #111397;
  border-left: 5px solid #3129a1;
  width: calc(100% - 5px);
}
.list-wrap .menu-wrap .menu a:hover{color: #6eacbd; }
.active{background: #eef7fa;color: #6eacbd}

.list-wrap .menu-wrap .news{
  background: white;    
  border: 1px solid #ddd;    
  margin-bottom: 10px;
  box-sizing: border-box;
}
.list-wrap .menu-wrap .news h4{
  background:url("../images/listbacg2.png"); 
  background-position: 0 0;
  background-size: auto; 
  width: 100%; 
  padding-left: 20px; 
  height: 50px;
  font-size: 18px;  
  color: white;  
  line-height: 50px;
  box-sizing: border-box;
}
.list-wrap .menu-wrap .news a{ 
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;   
  border-bottom: 1px solid #ddd; 
  background-position: 10px 14px;
  background-size: auto;    
  height: 37px;  
  padding: 0 10px;  
  line-height: 37px;  
  display: block;  
  font-size: 14px;  
  color: #666666;  
  width: 100%;  
  padding-left: 30px;
  box-sizing: border-box;
}
.list-wrap .menu-wrap .news a:hover{color:  #6eacbd  }
.list-wrap .list{
  flex: 1;
  min-width: 300px;
  width: auto;
  max-width: calc(100% - 300px);
  border: 1px solid #ddd;    
  margin-bottom: 40px;
  box-sizing: border-box;
}
.list-wrap .list .ls-top{    background: #789bc3;}
.list-wrap .list .ls-top h4{background-color: rgb(90, 146, 197); background-position: 9px 15px;background-size: auto;height: 50px;  width: 100%;  line-height: 50px;    padding-left: 20px;  font-size: 18px;  color: rgb(243, 244, 245);}
.list-wrap .list .list-ul{    
  padding: 20px;  
  width: 100%; 
  max-width: 838px;
  height: auto;  
  overflow: hidden;
  box-sizing: border-box;
}
.list-wrap .list .list-ul li{      width: 100%;  height: auto;overflow: hidden;  border-bottom: 1px dashed #ddd;    padding: 10px;
 box-sizing: border-box;}
.list-wrap .list .list-ul li .date{  display: none;     width: 90px;  height: 80px;  border: 1px solid #ddd;  float: left;  margin-right: 35px;}
.list-wrap .list .list-ul li .date .day{       display: block;  text-align: center;  height: 50px;  background: #cccccc;  color: white;  font-size: 30px;  line-height: 50px;}
.list-wrap .list .list-ul li .date .y-m{      font-size: 14px;  color: #ccc;  text-align: center;  display: block;  line-height: 30px; }
.list-wrap .list .list-ul li .list-title {       
  float: left;
  margin-left: 20px;    
  width: calc(100% - 20px);
  max-width: 787px;
  box-sizing: border-box;
}
.list-wrap .list .list-ul li .list-title a{  
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;  
  color: #333333;  
  width: 100%; 
  max-width: 560px;
  height: auto;
  max-height:100px;
  display: block;
  box-sizing: border-box;
}
.list-wrap .list .list-ul li .list-desc{ display: none;    margin-top: 10px; float: right;  width: 710px;   }
.list-wrap .list .list-ul li .list-desc a{display: block;width: 700px;  height: 50px; overflow: hidden;text-overflow: ellipsis;;      font-size: 14px;  line-height: 26px;  color: #666666;  }
.list-wrap .list .list-ul li:hover .date{border: 1px solid #ff9900;}
.list-wrap .list .list-ul li:hover .date .day{background: #ff9900;}
.list-wrap .list .list-ul li:hover .date .y-m{color: #ff9900;}
.list-wrap .list .list-ul li:hover .list-title a{color: #ff9900;}
.list-wrap .list .pagenation{    text-align: center;  margin-top: 20px;  margin-bottom: 50px;}
.list-wrap .list .list-ul li:before{
 content: '';    display: block;

 width: 10px;
 height: 17px;
 float: left;
 background-position: center center;
}

/*人才列表*/
.list-wrap .list .list-ul-personnel{    
  padding: 20px;  
  width: 100%; 
  max-width: 838px;
  height: auto;  
  overflow: hidden;
  box-sizing: border-box;
}
.list-wrap .list .list-ul-personnel li.paper-item{   
  border-bottom: 1px solid #ddd;
  padding: 20px 0; 
  height: auto;
  min-height: 160px;
  overflow: hidden;
  clear: both;
  cursor: pointer;
  transition: background-color 0.3s ease;
  box-sizing: border-box;
}
.list-wrap .list .list-ul-personnel li.paper-item:first-child{   
  padding-top: 0;
}
.list-wrap .list .list-ul-personnel li.paper-item:hover{   
  background-color: #f5f5f5;
}
.list-wrap .list .list-ul-personnel .personnel-img{      
  margin-right: 20px;  
  width: 160px;  
  height: 160px;  
  float: left;
  flex-shrink: 0;
  box-sizing: border-box;
}
.list-wrap .list .list-ul-personnel .personnel-img img{
  height: 160px;    
  width: auto;
  max-width: 160px;
  object-fit: cover;
  display: block;
}
.list-wrap .list .list-ul-personnel .paper-content{    
  overflow: hidden;
  padding-left: 180px;
  box-sizing: border-box;
}
.list-wrap .list .list-ul-personnel .paper-title{    
  margin-bottom: 15px;
  line-height: 1.6;
}
.list-wrap .list .list-ul-personnel .paper-title .title-link{ 
  font-size: 18px;  
  color: #333333;  
  line-height: 1.6;
  text-decoration: none;
  display: block;
  font-weight: bold;
}
.list-wrap .list .list-ul-personnel .paper-title .title-link:hover{ 
  color: #265ed5;
}
.list-wrap .list .list-ul-personnel .paper-link{    
  margin-top: 10px;
}
.list-wrap .list .list-ul-personnel .paper-link .external-link{ 
  font-size: 14px;  
  color: #666666;  
  line-height: 1.5;
  text-decoration: none;
  display: inline-block;
  word-break: break-all;
}
.list-wrap .list .list-ul-personnel .paper-link .external-link:hover{ 
  color: #265ed5;
}
.list-wrap .list .list-ul-personnel .paper-link .external-link span{ 
  color: #2e3baf;
}
/* 兼容旧样式 */
.list-wrap .list .list-ul-personnel .list-title{    
  width: 647px;  
  float: right;  
}
.list-wrap .list .list-ul-personnel .list-title .dd{  
  font-size: 18px;  
  color: #333333;  
  line-height: 61px;  
}
.list-wrap .list .list-ul-personnel .list-title:hover .dd span{ 
  color: #265ed5;
}
.list-wrap .list .list-ul-personnel .list-desc{    
  width: 647px;  
  float: right;  
}
.list-wrap .list .list-ul-personnel .list-desc a{ 
  display: block; 
  overflow: hidden;
  text-overflow: ellipsis;    
  width: 635px;  
  height: 85px;     
  font-size: 15px;  
  color: #666666;  
  line-height: 30px;  
}
/*人才列表*/

/*文章详情页*/
.list-wrap .list  .article-wrap{    
  padding: 30px;  
  margin-bottom: 40px;  
  overflow: hidden;
  box-sizing: border-box;
}
.list-wrap .list  .article-wrap .article-title h3{       
  width: 100%; 
  max-width: 800px;
  height: auto; 
  text-align: center;  
  font-size: 20px;  
  line-height: 26px;  
  color: #333333;
  margin: 0 auto;
  box-sizing: border-box;
}
.list-wrap .list  .article-wrap .info{  margin-bottom: 30px; width: 100%;    padding: 20px 0;  text-align: center;  border-bottom: 1px dashed #ddd;}
.list-wrap .list  .article-wrap .article {    font-size: 15px !important;  font-family: '微软雅黑' !important;}

.list-wrap .list  .article-wrap .article table{border-collapse: collapse;}
.list-wrap .list  .article-wrap .article p{ font-family: '微软雅黑' !important;  font-size: 15px !important;  line-height: 30px !important;}
.list-wrap .list  .article-wrap .article span{ font-family: '微软雅黑' !important;  font-size: 15px !important;  line-height: 30px !important;}
.list-wrap .list  .article-wrap .article li{list-style: inherit}
.list-wrap .list  .article-wrap .info span{       font-size: 14px;  color: #666666;}
.list-wrap .list  .article-wrap .info .date{display:block }
.list-wrap .list  .article-wrap .info .share{float: right;    margin-top: 10px;}
.list-wrap .list  .article-wrap .pre-next{     background: #f5f5f5;  padding: 20px;  margin: 40px 0;    overflow: hidden;}
.list-wrap .list  .article-wrap .pre-next span{        font-size: 14px;  color: #777777;  line-height: 30px;display: block;float: left}
.list-wrap .list  .article-wrap .pre-next a{      
  height:30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;      
  font-size: 14px;  
  color: #777777;
  line-height: 30px;    
  display: block;
  width: 100%;
  max-width: 720px;
  box-sizing: border-box;
}
.list-wrap .list  .article-wrap .news-list{
    color: rgb(62, 62, 62);
    line-height: 23px;
    font-size: 12px;
    width: 100%;
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    border-spacing: 2px;
    border-color: grey;
}
.news-dot{line-height: 150%;
    color: #222222;
    font-size: 9pt;}

.article .lab_sign{
  align-items: center;
  width: 400px;
  height: 300px;
  margin-left: 200px  ;
}


.list-wrap .list  .article-wrap .pre-next a:hover{color: #6eacbd;       }
/*文章详情页*/
.list-wrap .list  .article-wrap .info{position: relative}
.share-wrap{    position: absolute;
 top: 0;
 right: 0;
}
.bdshare-button-style0-32 a {
 float: left;
 width: 25px !important;
 line-height: 32px;
 height: 25px !important;

 background-repeat: no-repeat;
 cursor: pointer;
 margin: 6px 6px 6px 0;
 text-indent: -100em;
 overflow: hidden;
 color: #3a8ceb;
 background-size: 25px !important;
}
.bdshare-button-style0-32 .bds_qzone {
 background-position: 0 -41px !important;
}
.bdshare-button-style0-32 .bds_tsina {
 background-position: 0 -81px !important;
}
.bdshare-button-style0-32 .bds_tqq {
 background-position: 0 -203px !important;
}
.bdshare-button-style0-32 .bds_renren {
 background-position: 0 -162px !important;
}
.bdshare-button-style0-32 .bds_weixin {
 background-position: 0 -1259px !important;
}

/*分页开始*/
.pagenation-wrap {   margin-top: 20px;    overflow: hidden; text-align: center;  width: 100%;  margin-bottom: 20px;  margin-left: 20px;}
.pagenation-wrap .pagenation{    display: inline-block;  padding-left: 0;  margin: 20px 0;  border-radius: 4px;}
.pagenation-wrap  .pagination>li {  display: inline;  }
.pagination>li:last-child>a, .pagination>li:last-child>span {  border-top-right-radius: 4px;  border-bottom-right-radius: 4px;  }
.pagenation-wrap  .pagination>li:first-child>a, .pagination>li:first-child>span {  margin-left: 0;  border-top-left-radius: 4px;  border-bottom-left-radius: 4px;  }
.pagenation-wrap  .pagination>li>a, .pagination>li>span {  position: relative;  float: left;  padding: 6px 12px;  margin-left: -1px;  line-height: 1.42857143;  color: #337ab7;  text-decoration: none;  background-color: #fff;  border: 1px solid #ddd;  }
.pagenation-wrap  .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {  z-index: 3;  color: #fff;  cursor: default;  background-color: #337ab7;  border-color: #337ab7;  }
.active {  background: #eef7fa;  color: #6eacbd;  }
.pagination>li>a, .pagination>li>span {  position: relative;  float: left;  padding: 6px 12px;  margin-left: -1px;  line-height: 1.42857143;  color: #337ab7;  text-decoration: none;  background-color: #fff;  border: 1px solid #ddd;  }

/*分页结束*/

/*资料下载*/
.download-list-ul{    padding: 10px;}
.download-list-ul li{      height: 30px;  line-height: 30px;}
.download-list-ul li .dc{     display: block;  float: left;  width: 80%;  height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}



.m-header{ display: none}
.m-nav,.back , .ms{display: none}
.picScroll-left .pageState{display: none}



.list-ul-download{padding: 10px;    overflow: hidden;}
.list-ul-download .file-name{    width: 90%;  display: block; height: 30px;  line-height: 30px; float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-ul-download .file-name:hover{color:#337ab7 }
.list-ul-download .download{display: block;float: right; width: 10%;    line-height: 30px;}
.list-ul-download .download:hover{color:#337ab7 }




/*2018年1月9号更改*/

.con-wrap .index-team .index-team-title h3 {
 margin-left: 10px;

 background-position: 0 14px;
 background-size: auto;
}



/* 本例子css */
.con-wrap .pic-list{ width:100%;  overflow:hidden; position:relative;    }
.con-wrap .pic-list .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.con-wrap .pic-list .bd{     max-width: 757px; width: 100%; padding: 10px; box-sizing: border-box; }
.con-wrap .pic-list .bd ul{ position: relative; overflow:hidden;max-width: 757px; width: 100%; height: 252px; }
.con-wrap .pic-list .bd ul li{ position:relative;margin-right:8px; float:left;  overflow:hidden; text-align:center;    width: calc(33.33% - 6px); max-width: 247px; height: 252px; box-sizing: border-box;  }
.con-wrap .pic-list .bd ul li:nth-of-type(3){margin-right: 0}
.con-wrap .pic-list .bd ul li .pic{ text-align:center; width: 100%; max-width: 247px; height: 227px; box-sizing: border-box;}
.con-wrap .pic-list .bd ul li .pic img{ float:left; display:block;width: calc(100% - 4px); max-width: 241px; height: 221px;  padding:2px; border:1px solid #ccc; box-sizing: border-box; }
.con-wrap .pic-list .bd ul li .pic a:hover img{ border-color:#999;  }
.con-wrap .pic-list .bd ul li .title{ line-height:24px;   }
.con-wrap .pic-list .bd ul li .title a{     display: block;  width: 100%; max-width: 241px;  overflow: hidden;  text-align: center;  text-overflow: ellipsis;  white-space: nowrap;  }

.con-wrap .picScrolls-left .bd ul li .pic img {
    width: 241px;;height: 221px;    object-fit: cover;
}



.copyright {
    max-width: 1200px;
    width: 100%;
    height: auto;
    min-height: 200px;
    text-align: center;
    padding: 10px 15px;
    background-color: #5495ec;
    margin:0 auto;
    overflow: hidden;
    box-sizing: border-box;
}
.copyright p{
 line-height: 25px;
}

.labname{
    position: relative;
  float: left;
  width: 400px;
  height: 100px;
  padding: 40px;
  
}
.bottomlogo{
    background-image: url("../images/logo_noback100×100.svg");

  width: 100px;
  height: 100px;
  float: left;
 
}
.labname .bottomname{
  color: rgb(222, 230, 236);
 
}
.labname .bottomENname{
  color: #217687;
  font-size: 8px;
}
.info{width: 310px;
    position: relative;
 float: right;
padding: 20px;
padding-right: 60px;}
.info p{
  color: rgb(198, 216, 236);
}
.footer-erweima{
 position: relative;
 width: 20%;
 float: right;
 overflow: hidden;
 padding-right: 80px;
 padding-top: 20px;
}
.footer-erweima .erweima{
    background-image: url("../images/");
    width: 120px;
   height: 120px;
    position: relative;
   left: 60px;
   }

.footer-erweima span{display: block;}


/* 响应式媒体查询 */
@media (max-width: 1200px) {
  .wholewrap {
    padding: 0 15px;
  }
  .index-row1 {
    flex-direction: column;
  }
  .index-row1 .area1 {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    float: none;
  }
  .index-row1 .c2 {
    width: 100%;
    max-width: 100%;
    float: none;
  }
  .index-center {
    gap: 10px;
  }
  .con-wrap .index-teach,
  .con-wrap .index-res {
    flex: 0 0 calc(50% - 5px);
    min-width: 280px;
  }
  .con-wrap .index-team {
    flex: 0 0 calc(65% - 5px);
    min-width: 280px;
  }
  .con-wrap .index-share {
    flex: 0 0 calc(35% - 5px);
    min-width: 280px;
  }
  .con-wrap .index-news {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .con-wrap .pic-list .bd ul li {
    width: calc(50% - 4px);
    margin-bottom: 10px;
  }
  .con-wrap .pic-list .bd ul li:nth-of-type(3) {
    margin-right: 8px;
  }
  .index-row1 .c2 .main-list li a {
    width: calc(100% - 100px);
    max-width: 100%;
  }
  .text-center {
    gap: 15px;
  }
  .list-wrap .menu-wrap {
    flex: 0 0 250px;
    min-width: 220px;
  }
  .list-wrap .list {
    max-width: calc(100% - 270px);
  }
}

@media (max-width: 900px) {
  .text-center {
    flex-direction: column;
  }
  .list-wrap .menu-wrap {
    flex: 0 0 100%;
    width: 100%;
    min-width: 100%;
  }
  .list-wrap .list {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
 .pc{display: none}
 .m{display: block}
 .body{min-width: 320px !important;}
 .wholewrap {
   padding: 0 10px;
 }
 .center {
   padding: 0 10px;
 }
 .header {
   height: auto;
   min-height: 200px;
   background-size: cover;
 }
 .header-banner {
   height: auto;
   min-height: 120px;
   background-size: cover;
 }
 .nav-wrap {
   height: auto;
   min-height: 50px;
 }
 #nav {
   height: auto;
   min-height: 50px;
 }
 #nav li {
   float: none;
   width: 100%;
   display: block;
   height: auto;
   min-height: 50px;
 }
 #nav li a {
   height: auto;
   min-height: 48px;
 }
 #nav li a span {
   width: 100%;
   height: auto;
   min-height: 50px;
   line-height: 50px;
 }
 #nav li .submenu {
   position: static;
   width: 100% !important;
   display: none;
 }
 #nav li.selected .submenu {
   display: block;
   width: 100% !important;
 }
 .index-row1 .area1 {
   height: auto;
   min-height: 250px;
 }
 .index-row1 .area1 .imgbox .images {
   position: relative;
   height: auto;
   min-height: 250px;
 }
 .index-row1 .c2 {
   height: auto;
   min-height: 300px;
 }
 .index-row1 .c2 .main-list {
   width: 100%;
   padding-left: 20px;
 }
 .index-row1 .c2 .main-list li {
   width: 100%;
   max-width: 100%;
 }
 .index-row1 .c2 .main-list li a {
   width: calc(100% - 100px);
   max-width: 100%;
   font-size: 16px;
 }
 .index-center {
   gap: 10px;
 }
 .con-wrap .index-teach,
 .con-wrap .index-res,
 .con-wrap .index-team,
 .con-wrap .index-share {
   flex: 0 0 100%;
   min-width: 100%;
   width: 100%;
 }
 .con-wrap .pic-list .bd ul li {
   width: 100%;
   margin-right: 0;
   margin-bottom: 15px;
   height: auto;
 }
 .con-wrap .pic-list .bd ul li .pic {
   width: 100%;
   max-width: 100%;
   height: auto;
 }
 .con-wrap .pic-list .bd ul li .pic img {
   width: 100%;
   max-width: 100%;
   height: auto;
 }
 .text-center {
   flex-direction: column;
   gap: 15px;
 }
 .list-wrap .menu-wrap {
   flex: 0 0 100%;
   width: 100%;
   min-width: 100%;
 }
 .list-wrap .list {
   flex: 0 0 100%;
   width: 100%;
   max-width: 100%;
 }
 .list-wrap .list .list-ul {
   padding: 15px;
 }
 .list-wrap .list .list-ul li .list-title {
   width: calc(100% - 20px);
   margin-left: 10px;
 }
 .list-wrap .list .list-ul-personnel li.paper-item {
   padding: 15px 0;
   min-height: 120px;
 }
 .list-wrap .list .list-ul-personnel .personnel-img {
   width: 120px;
   height: 120px;
   margin-right: 15px;
 }
 .list-wrap .list .list-ul-personnel .personnel-img img {
   height: 120px;
   max-width: 120px;
 }
 .list-wrap .list .list-ul-personnel .paper-content {
   padding-left: 135px;
 }
 .list-wrap .list .list-ul-personnel .paper-title .title-link {
   font-size: 16px;
 }
 .list-wrap .list .list-ul-personnel .paper-link .external-link {
   font-size: 12px;
 }
 .list-wrap .list  .article-wrap {
   padding: 15px;
 }
 .copyright {
   padding: 15px 10px;
 }
 .labname {
   width: 100%;
   float: none;
   padding: 20px;
 }
 .info {
   width: 100%;
   float: none;
   padding: 20px;
 }
 .button-left,
 .button-right {
   display: none;
 }
 .point {
   bottom: 10px;
 }
}
 .list-wrap .slide-menu-wrap .slide-menu h5:hover{border:none;background: none;color: #6eacbd;width: 123px;    background: #eef7fa;
  color: #6eacbd;

  }
 .m{    width: 100%;  padding: 0 5px;  box-sizing: border-box;}
 .m li{    width: 49.5%;  float: left;  margin-right: 1%;}
 .m li:nth-of-type(2n){    margin-right: 0;}
 .m li img{    width: 100%;  object-fit: cover;  margin-top: 5px;height: 135px}
 .m li .title a{    display: block;  width: 100%;  text-align: center;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
 .con-wrap .picScroll-left{ width:100%;  overflow:hidden; position:relative;    }
 .con-wrap .picScroll-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
 .con-wrap .picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;}
 .con-wrap  {cursor:pointer; }
 .con-wrap .picScroll-left .hd .next{ background-position:0 -50px;  }
 .con-wrap .picScroll-left .hd .prevStop{ background-position:-60px 0; }
 .con-wrap .picScroll-left .hd .nextStop{ background-position:-60px -50px; }
 .con-wrap .picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
 .con-wrap .picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; }
 .con-wrap .picScroll-left .hd ul li.on{ background-position:0 0; }
 .con-wrap .picScroll-left .bd{ padding:10px;   }
 .con-wrap .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
 .con-wrap .picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
 .con-wrap .picScroll-left .bd ul li .pic{ text-align:center; }
 .con-wrap .picScroll-left .bd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
 .con-wrap .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
 .con-wrap .picScroll-left .bd ul li .title{ line-height:24px;   }






}