/*dp20240328*/
* {margin:0px; padding:0px;  }
img{ border:0 none; padding:0;}
input,button,select,textarea{outline:none} 
textarea{resize:none}
table{border-spacing:0;}

html,body{ font-size:17px; position: relative; margin:0 auto; color:#444444; font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Georgia,Helvetica,Arial,sans-serif;}
@media screen and (max-width:600px){
html,body{ font-size:15px; min-width:375px;}
}
a{color:#444444; font-size:17px; text-decoration:none;  font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Georgia,Helvetica,Arial,sans-serif; }
a:hover{ color:#25499D;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}

/***************************************首页*****************/
.block{ width:100%;  margin:0 auto; max-width:1200px; height:auto; }
@media screen and (max-width:1199px){
.block{ width:96%; max-width:96%;}
}
.top{ width:100%; margin:0 auto; height:180px; background:url(topbg.png) #ffffff no-repeat 50% 0%; background-size:100%;}
.top .logo{ float:left;}
.top .logo img{ display:block;  width:1038px; height:auto; margin-top:35px; }
.top .pcsousuo {
	float:right;
    width: 200px;
    height:28px;
	position:relative;
	margin-right:0;
	margin-top:60px; 
	background-color:#ffffff;
}
.pcsousuo .s-l {
	position:absolute;
	left:0;
	top:0;
  	width: 160px;
	height:28px;
	line-height:28px;
	background-color:#ffffff;
	text-indent:10px;
}
.pcsousuo .s-r {
	position:absolute;
	right:5px;
	top:5px;
}

/*pc导航*/
.navbox{ width:100%; height:45px; background-color:#25489D;}
#pcnav{ width:100%; margin:0 auto; text-align:center;}
#pcnav, #pcnav ul{height:45px; line-height:45px;z-index:5; position:relative;}
#pcnav .yiji{display:inline-block; height:45px; line-height:45px;  margin-right:-4px;/*去掉li间的空白*/ position:relative; z-index:20; float:left; list-style:none;}
#pcnav .yiji a{display:block; height:45px; line-height:45px; padding:0 30px;  text-align:center; font-size:18px; color:#ffffff;  z-index:35;  }/*一级栏目间距*/
#pcnav .erji{position:absolute; display:none; width:100%; top:45px;}/*二级列表菜单*/
#pcnav .erji a{ width:100%; padding:0; height:45px; line-height:45px; font-size:1rem; text-align:center; color:#ffffff; position:relative;}/*二级栏目间距*/
#pcnav .sanji{position:absolute; left:170px;  top:0; width:170px; }		
#pcnav a:hover,  #pcnav a:focus, #pcnav a.xuanzhong{color:#0D9488; font-weight:bold;}
#pcnav .erji li{background-color:#25489D; margin-right:0; position:relative; list-style:none;}/*二级菜单样式背景色*/
#pcnav .erji a:hover, #pcnav .erji a:focus{background-color:#25489D; color:#0D9488; border-bottom:1px solid #0D9488; }/*二级菜单鼠标经过样式背景色*/
#pcnav li:hover ul ul, #pcnav li:hover ul ul ul, #pcnav li:hover ul ul ul ul{display:none;}
#pcnav li:hover ul, #pcnav li li:hover ul, #pcnav li li li:hover ul, #pcnav li li li li:hover ul{display:block;}

.m_header_box { display:none;}
#m_nav{ display:none;}

@media screen and (max-width:1199px){
	
.top{ display:none;}/*pc顶部不显示*/
.navbox{ display:none;}/*pc导航不显示*/
.m_header_box { display:block; background-color:#D3DBE5; transition:.6s; height:60px; z-index: 100000;  position: fixed; top:0; left:0; right:0;}
/*------------------------------------------------------手机端顶部开始------------------------------*/
.m_header_box header{padding:0; height:60px; background:url(topbg.png) no-repeat 0% 100%; z-index:100; display:flex; justify-content:space-between; align-items:center; }
.m_header_box header #logo img{width:480px; margin-left:10px;}
.m_header_box header #logo{padding:0; width: 100%;}
nav {
    box-sizing: border-box;/*很重要，不加这句点开手机导航按钮，最下面的链接看不到，无法继续滚动*/
}
#m_nav{ display:block;}
#m_nav .list1 li .a{ color: #fff}

/*手机端顶部导航按钮开始*/
#nav_btn_box.on { background: none; }
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before {/* background: #fff; */}
#nav_btn_box{position:relative; width:3rem; height:4rem; display:flex; align-items: center; justify-content: center; z-index: 1; min-width:3rem;}

#nav_btn { cursor: pointer; text-align: center; z-index: 99999; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; outline: none; box-shadow: none; }

#nav_btn .point {display:inline-block; width:20px; height:18px; position:relative; outline:none;}
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before {width: 100%;}
#nav_btn .navbtn {position: absolute;top: 50%;left: 0;display: inline-block;width: 100%;height: 2px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #25489D;margin-top: -1px;}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0;display: inline-block;width: 100%;height: 2px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #25489D;}
#nav_btn .navbtn::after {top: -8px;}
#nav_btn .navbtn::before {top: 8px;}
#nav_btn .point.on .navbtn {background: transparent;}
#nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }

.m_nav_list {flex-direction: column;/* justify-content: center; */width: 100%;height: 100%;overflow: auto;align-items: center;display: flex;background: rgba(255,255,255,.1);}
.m_nav_list::-webkit-scrollbar { display:none}

#m_nav {z-index:99999; position:fixed; width:100%; height:100vh;  top:0;  padding:80px 0; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; display: block; background:#25489D; background-size:cover; opacity: 0; visibility: hidden; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); overflow: hidden; overflow-y: scroll;}
#m_nav .close{position:absolute;top: 7px;right: 15px;left: 15px;font-size: 30px;color: #333;z-index: 10000;/* background: rgba(255,255,255,.1); */width: auto;height: 35px;border-radius: 0;display: flex;align-items: center;justify-content: flex-end;padding: 0 0;}
#m_nav.act {pointer-events: auto;right: 0;opacity: 1;visibility: visible;}
#m_nav .list1{justify-content: center;}

.list_box_nav_mobile{width:100%; padding: 0 0 10px; margin: 0;/* flex: 1; */}
.list_box_nav_mobile>li{width: 100%;overflow: hidden;padding: 0;position: relative;margin: 0 auto;}
.list_box_nav_mobile>li .con{ position:relative; padding-left:25px;}
.list_box_nav_mobile>li .a{width: 100%; border-bottom: 1px solid rgba(255,255,255,.15); line-height:4rem; color: #ffffff; padding: 0; font-size:15px; display: flex; position: relative; transition:.5s;}
.list_box_nav_mobile>li i{opacity: 1; filter: alpha(opacity=100);  width:4rem; height:4rem; display: inline-block; background: url(arr-down.png) center no-repeat; background-size: 12px 12px !important; position: absolute; display: block; right:1rem; top: 0;}
.list_box_nav_mobile>li.on1 i{ background: url(arr-r.png) center no-repeat; background-size: 12px 12px !important;}

.list_box_nav_mobile>li.on .a{color: rgba(255,255,255,1);}

/*三级导航 开始*/
.list_box_nav_mobile>li .list{padding:10px 25px;border-bottom: 1px solid rgba(255, 255, 255, 0.1); display:none}
.list_box_nav_mobile>li .list a{display:block;font-size:13px; color: #D3DBE5; line-height: 2.5; width:49%; float:left;}


/*-----------------------------------------------------------------------------end 手机端顶部-----------------------------------------------------------------------------------------------------*/
}
@media screen and (max-width:600px){
.m_header_box header #logo img{width:300px;  margin-left:10px;}
}


/*首页大图切换 swiper*/
.wrapbanner{ width:1200px; margin:0 auto; position:relative;}
.swiper1 .swiper-slide img{width:100%; max-width:100%;}
.swiper-button-prev.swiper-button-prev1, .swiper-container-rtl .swiper-button-next1 {
    background-image: url(arr-left.png);
    left: 10px;
    right: auto;
}
.swiper-button-next.swiper-button-next1, .swiper-container-rtl .swiper-button-prev1 {
    background-image: url(arr-right.png);
    right: 10px;
    left: auto;
}
.swiper-button-next.swiper-button-next1.swiper-button-disabled, .swiper-button-prev.swiper-button-prev1.swiper-button-disabled {
    opacity: .65;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-next.swiper-button-next1, .swiper-button-prev.swiper-button-prev1 {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
}
@media screen and (max-width:1000px){
.wrapbanner{ margin-top:60px;}
}
@media screen and (max-width:600px){
.swiper-button-next.swiper-button-next1, .swiper-button-prev.swiper-button-prev1 {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size:40px 40px;
    background-position: center;
    background-repeat: no-repeat;
}
}
/*首页团队介绍-----------------------------------------------------------*/
.mainbody{ background:url(indexbg.png) #F5F7FA no-repeat 50% 100%; background-size:100%; padding-top:40px; padding-bottom:50px;}

.menu{ width:100%; position:relative; margin-bottom:28px;   }
.menu span{ position:relative; display:inline-block; font-size:32px; line-height:32px; color:#25489D; padding-left:15px; font-weight:600; }
.menu span:before{ content:''; width:6px; height:35px; background-color:#0D9488; position:absolute; left:0; top:0; border-radius:3px;}
.menu a{ display:inline-block; position:absolute; right:0; top:0; width:80px; height:30px; line-height:30px; border:1px solid #0D9488; color:#0D9488; text-align:center;  font-size:14px; font-weight:600; border-radius:20px; transition:all 0.2s ease-out 0s;}
.menu a:hover{ background-color:#0D9488; color:#ffffff; }

.intro{margin-bottom:55px;}
.intro-wrap{
    background: rgba(255, 255, 255, 1);
    border-radius: 12px;
    padding: 2rem;
    position: relative;
    z-index: 2;
    overflow: hidden;
	line-height:35px;	
}
/*研究方向*/
.research{margin-bottom:55px;}
.research-wrap{
    background: rgba(255, 255, 255, 1);
    border-radius: 12px;
    padding: 2rem;
    position: relative;
    z-index: 2;
    overflow: hidden;
	line-height:35px;	
}

/*课题组新闻*/
.news{margin-bottom:55px;}
.news-wrap{
    background: rgba(255, 255, 255, 1);
    border-radius: 12px;
    padding: 2rem;
    position: relative;
    z-index: 2;
    overflow: hidden;
	line-height:35px;	
}
.news-wrap a{
	position:relative;
	display:block;
	float:left;
	width:48%;
	margin-right:4%;
	height:45px;
	line-height:45px;
	border-bottom:1px solid #eee;
	text-indent:15px;
	overflow:hidden;
}
.news-wrap a:nth-of-type(2n+2){ margin-right:0;}
.news-wrap a::before{
	content:"";
	position:absolute;
	left:0;
	top:20px;
	width:6px;
	height:6px;
	background-color:#25499D;
	border-radius:100%;
}
.news-wrap a:hover{
	font-weight:600;
	border-bottom:1px solid #25499D;}
@media (max-width: 768px) {
	.news-wrap a{
		width:100%;
		margin-right:0;
	}
}	
/*转化应用*/
.project{margin-bottom:55px;}
.project-wrap {
    width: 100%;
    margin: 0 auto;
}
.pro-item {
    display: block;
    float: left; /* 使用浮动兼容IE */
    width: calc((100% - 60px) / 3); /* 计算宽度：总宽减去2个30px间距后除以3 */
    margin-right: 30px; /* 右侧间距 */
    background-color: #ffffff;
    text-decoration: none;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}
.pro-item:nth-of-type(3n+3) {
    margin-right: 0;
}


.pro-img {
    width: 100%;
	padding-bottom: 75%;
    position: relative;
    background-color: #e0e0e0;
    overflow: hidden;
}
.pro-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 现代浏览器 */
    display: block;
	transition: transform 0.4s ease, opacity 0.4s ease; /* 添加平滑过渡效果 */
}

/* IE兼容：确保图片比例 */
.pro-img img {
    /* 针对IE的降级处理 */
    font-family: 'object-fit: cover;'; /* 配合object-fit polyfill */
}
.pro-name {
    margin: 12px 16px;
    font-size: 16px;
    color: #333333;
    line-height: 24px;
    word-break: break-word;
    word-wrap: break-word; /* 兼容旧浏览器换行 */
    background-color: #ffffff;
    
    /* 最多两行显示 - 现代浏览器 */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height:48px;
    position: relative;
}

.pro-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.project-wrap:before,
.project-wrap:after {
    content: "";
    display: table;
    clear: both;
}

/* 响应式：平板设备 */
@media (max-width: 768px) {
    .pro-item {
        width: calc((100% - 30px) / 2); /* 一行2个，间距30px */
        margin-right: 30px;
		margin-bottom:20px;
    }
    
 .pro-item:nth-of-type(2n+2) {
        margin-right: 0;
    }
    
    .pro-item:nth-of-type(3n+3) {
        margin-right: 30px;
    }
    

}
@media (max-width: 600px) {
	.pro-name { font-size:15px;}
}
/* 响应式：手机设备 */
@media (max-width: 480px) {
    .pro-item {
        width: 100%; /* 一行1个 */
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    .pro-item:last-child {
        margin-bottom: 0;
    }
	.pro-name {
        height: auto;
        min-height: 48px;
    }
}	
	
/*底部版权*/
.footer{
	background-color:#262E42;
	padding:30px 0;
	text-align:center;
	color:#E2E8F0;
}
.footer-contact{ margin-bottom:20px;}
.footer-contact span {
    display: inline-block;
    margin: 0 0.8rem;
	font-size:16px;
}
.footer-contact i{ color:#0D9488;}
.copyright{ border-top:1px solid #343A4D; padding-top:20px; font-size:14px; color:#A9AFBB;}


@media screen and (max-width:1199px){
 .mainbody{ padding-top:80px;}
 .menu { margin-bottom:20px;}
 .menu span{
	 font-size:22px;
	 line-height:22px;
  }
  .menu span:before {
	  height:23px;
  }
  .menu a {
	  height:22px;
	  line-height:22px;
	  width:60px;
  }
  .intro{ margin-bottom:35px;} 
  .intro-wrap {
	  padding:20px;
	  line-height:30px;
  }
  .research{ margin-bottom:35px;} 
  .research-wrap{
	   padding:20px;
	  line-height:30px;
   }
   .news{ margin-bottom:35px;} 
   .news-wrap{
	   padding:20px;
	  line-height:30px;
   }
}
@media screen and (max-width:600px){
	.mainbody{ padding-bottom:10px;}
	.menu span{
	 font-size:18px;
	 line-height:18px;
	}
	.menu span:before {
	  height:20px;
	}
	.menu a {
	  height:20px;
	  line-height:20px;
	  width:60px;
	  font-size:13px;
	}
	.news-wrap a{ font-size:15px;}
	.footer{ padding:20px 0;}
	.footer-contact{ margin-bottom:10px;}
	.footer-contact span {
	   font-size:12px;
	}
	.copyright{ font-size:12px; padding-top:10px;}
}

/*------------------------------------------文字列表页-------------------------------------------------------------------------------------*/

.subpage{margin:0 auto; min-height:20rem; padding-top:20px; padding-bottom:50px; background-color:#F5F7FA; }
.sub_left{ width:250px; float:left;}
.sub_right{ width:calc(100% - 250px - 30px); float:right; background-color:#ffffff; border-radius:10px;}
.sub_con{ padding:20px; min-height:30rem;}
.msub-box{ display:none;}

/*列表页左侧*/

.side-nav{ padding:1rem; background-color:#ffffff; border-radius:10px;}
.side-nav .nav-name{  background-color:#25489D; color:#ffffff; font-size:18px; line-height:25px; padding:20px 20px; border-radius:5px;}
.side-nav .nav-box{ border-bottom:1px solid #CCE6F9; }
.side-nav .p-yiji a{ position:relative; display:block; font-size:16px; line-height:20px; padding:15px 20px;}
.side-nav .p-yiji a:hover{color:#1659AC; font-weight:700;}
.side-nav .p-yiji a.xuanzhong1 { color:#25489D; font-weight:700; }
.side-nav .p-yijibox{display:none;  padding-left:2rem;}
.side-nav .p-yijibox a{ position:relative; display:block; font-size:1rem; line-height:1rem; padding:1rem;}
.side-nav .p-yijibox a.xuanzhong{ color:#1659AC; font-weight:700; }


.lujing{ width:100%; position:relative; border-bottom:1px solid #25489D;}
.weizhi, .weizhi a{ display:inline-block; line-height:20px; padding:10px 0; color:#888; font-size:0.875rem; font-weight:normal; margin:0 .2rem;}
.ul-list li { border-bottom:1px solid #eee; list-style:none;}
.ul-list li .a { display: flex; padding:5px 0; align-items: center;}
.ul-list li .a .time {  width:95px; padding: 0 6px; font-size: 1rem; color: #666; display: flex; align-items: center; position: relative; z-index: 1; font-family: "Times New Roman", Times, serif;}
.ul-list li .a .time:before {
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    height: 1rem;
    background: #80C1F0;
}
.ul-list li .a .time img {  margin: 0 .5rem 0 0; height:6px; vertical-align: middle;}
.ul-list li h4 {  flex: 1; padding: 0 0 0 6px; font-size: 16px; font-weight: normal; height:45px; line-height: 45px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.ul-list li .a:hover .time{ color:#1659AC;}
.ul-list li .a:hover h4{ color:#1659AC; font-weight:700;}

@media screen and (max-width:1199px){
	.subpage{
		padding-top:80px;
	}
}
@media screen and (max-width:1024px){

.sub_left{ display:none;}
.side-nav{ display:none;}
.sub_right{ width:100%;}
}
@media screen and (max-width:600px){	
.weizhi, .weizhi a{ padding:5px 0;}
.ul-list li .a .time {padding: 0 0;}
.ul-list li h4 { font-size:15px;}
}

/*-------------------------------------------------------------内容页详情-------------------------------*/
.nr-box {
    margin: 0 auto;
}
.nr-box .nr-title{ font-size:18px; font-weight:bold; padding:20px 0 10px; line-height:25px; text-align:center;}
.nr-box .nr-time{ font-size:14px; color:#999999;  font-family: 'bebasregular'; text-align:center; font-weight:normal;}
.nr-box .nr-article{ font-size:16px; line-height:2; margin:20px;}
.nr-box .nr-article img{ margin:10px auto; max-width:100% !important; height: auto !important; text-indent:0; text-align:center;}
.shangyitiao, .xiayitiao, .shangyitiao a, .xiayitiao a{ font-size:15px; color:#666;}
.shangyitiao{ margin-top:3rem; margin-bottom:1rem;}
.xiayitiao{margin-bottom:2rem;}
/*----------------------------------单页------------------------------------------------------------------------*/
.danye-title{
	font-size: 1.5rem;
    font-weight: bold;
    padding-bottom: 1rem;
    margin-bottom:3rem;
    border-bottom: 1px #eeeeee solid;
    color: #333;}
.danye-nr p{  font-size:1.125rem; line-height:2; margin-bottom:1rem; font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Georgia,Helvetica,Arial,sans-serif;}
.danye-nr p img{ max-width:800px; text-align:center; margin:0 auto;}
@media screen and (max-width:1024px){
	
}
@media screen and (max-width:600px){
	.nr-box .nr-title{ font-size:16px;}
	.nr-box .nr-article{ font-size:15px; line-height:2; margin:20px 0;}
}

/*导师列表页------------------------------------------*/
.daoshi-list {
    margin: 0 auto;
    padding: 20px;
    overflow: hidden;
}

.daoshi-item {
    display: block;
    text-decoration: none;
    color: inherit;
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-bottom: 30px;
    overflow: hidden; /* 清除内部浮动 */
    zoom: 1; /* IE清除浮动 */
}
.daoshi-left {
    float: left;
    width: 150px;
    text-align: center;
}
.daoshi-img {
    width: 150px;
    height: 214px; /* 150/7*10 ≈ 214 */
    overflow: hidden;
    border-radius: 8px;
    background: #f0f0f0;
}
.daoshi-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.daoshi-name {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    text-align: center;
    margin-top: 12px;
    transition: font-weight 0.2s;
}
.daoshi-right {
    display: block;
    margin-left: 180px; /* 左侧宽度150px + 间距30px */
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    text-align: justify;
}
.daoshi-item:hover .daoshi-name {
    font-weight: 800;
    color: #25489D;
}
.daoshi-item:hover .daoshi-img img {
    transform: scale(1.05);
}
.daoshi-img img {
    transition: transform 0.2s;
}
@media (max-width: 768px) {
    .daoshi-left {
        float: none;
        margin: 0 auto;
    }
    
    .daoshi-right {
        margin-left: 0;
        margin-top: 15px;
        text-align: left;
    }
    
    .daoshi-item {
        text-align: center;
    }
}
@media (max-width: 600px) {
	.daoshi-name { font-size:16px;}
	.daoshi-right { font-size:15px;}
	.daoshi-list { padding:20px 5px;}

}