

 
 
<!DOCTYPE HTML>
<!DOCTYPE html PUBLIC "" ""><HTML><HEAD><META content="IE=11.0000" 
http-equiv="X-UA-Compatible">
 
<META charset="gb2312"> 
<META name="viewport" content="width=device-width, initial-scale=1"> 
<TITLE>水凝胶 纳米医学 生物纳米材料  北科纳米  纳米递送系统 纳米酶   纳米微球</TITLE> 
























	<META content=纳米医学 生物纳米材料 纳米递送系统 纳米酶 水凝胶 纳米微球 name=keywords>

<META content=创新纳米药物 纳米肿瘤学 纳米药物递送系统 纳米机器人 纳米分子医学成像 纳米创新诊疗方法 空间代谢组学成像  纳米生物医学传感与检测 name=description>



<LINK href="image/index.css" rel="stylesheet" type="text/css"> 




 

 <link href="image/wz.base.css" rel="stylesheet"> 

 <link href="image/font-awesome.min.css" rel="stylesheet" type="text/css">

  <link href="image/jquery.treemenu.css" rel="stylesheet"> 

  <link href="image/style.css" rel="stylesheet"> 

  <link rel="stylesheet" href="swiper/dist/css/swiper.css"> 

  

  

   







<SCRIPT src="image/jquery1.8.3.js"></SCRIPT>

 

<SCRIPT src="image/chinaz.js"></SCRIPT>

 

<SCRIPT src="image/jquery.SuperSlide.2.1.1.js"></SCRIPT>

 

<SCRIPT src="image/jquery.searchMeme.js"></SCRIPT>

 

<SCRIPT src="image/TouchSlide.1.1.js"></SCRIPT>




    <script src="swiper/dist/js/swiper.min.js"></script>










 

<META name="GENERATOR" content="MSHTML 11.00.9600.17842"></HEAD> 





<body class="body-white">















<style>

.header {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  background-color: #f2f2f2;
}

.register-link {
  color: #333;
  text-decoration: none;
}

.you a {
  display: inline-block;
  padding: 4px 4px;
  margin-left: 20px;
  color: #0066cb;
  text-decoration: none;
  border-radius: 4px;
}

.you a:hover {
  background-color: #0066cb;
  color: #fff;
}


.zuo{

padding-left: 10px;
}

.you{

padding-right: 10px;
}



</style>














<style>



.dhbg{
 width: 100%;
 
 
 /*
 background-image: url(image/dhbg.jpg);
	background-repeat: no-repeat;
	background-position: center center
	*/
	
	background-color: rgba(0, 0, 0, 0.2);
	
	
	position:relative;top:200px;
	z-index:60;
	
}




.daohang {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 10px 0px; /*上下 和左右*/
  display: flex;
  justify-content: space-between;
  align-items: center;
  /*
 background-image: url(image/dhbg.jpg);*
	background-repeat: no-repeat;
	background-position: center center;
	
	*/
 
}



@media only screen and (max-width: 768px) {

.daohang{
padding:0px 0px; /*上下 和左右*/

}

}


/*搜索框效果*/

.search-box {
  display: flex;
  align-items: center;
  width: 240px;
  height: 32px;
  border-radius: 16px;
  border: 1px solid #ccc;
  overflow: hidden;
}

input[type="text"] {
  flex: 1;
  height: 100%;
  width:100px;
  padding: 0 10px;
  border: none;
  outline: none;
}

.button {
  width: 50px;
  height: 100%;
  color: #fff;
  background-color: #000;
  border: none;
  outline: none;
  cursor: pointer;
}










/*导航*/


.main-nav {
  
  font-size: 16px;
  line-height: 1.5;

}

.main-nav ul {
  list-style: none;
}

.main-nav li {
  display: inline-block;
  position: relative;
}

.main-nav li a {
  color: #fff;
  display: block;
  padding: 12px 20px;
  text-decoration: none;
}






.main-nav li:hover > a {
  background-color: #fff;
  color: #0071c5;
}

.main-nav .has-submenu:hover > ul {
  display: block;
}

.main-nav ul ul {
  background-color: #fff;
  border: 1px solid #0066cb;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 0;
  padding: 0;
  z-index: 999;
}

.main-nav ul ul li {
  display: block;
}

.main-nav ul ul li a {
  color: #0066cb;
  display: block;
  padding: 12px 22px;
  text-decoration: none;
  white-space: nowrap;
}

.main-nav ul ul li:hover > a {
  background-color: #0066cb;
  color: #fff;
}













/*医学平台*/



.service-block {
  height: 280px;
   width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}

.service-text {
width:200px;
  font-size: 36px;
  font-weight: bold;
  color: #000;
  text-align:center;
}


@media (max-width: 768px) {
  .service-text {
    font-size: 26px;
  }
}



.line {
  width: calc((100% - 200px)/2);
  height: 3px;
  background-color: #000;
}










/*公司介绍*/


.gsjs {
  display: flex;
 width: 100%;
  max-width: 1400px;
  margin: 0 auto;


}

.left {
  flex: 1;
  padding: 10px;
  display: flex;
  justify-content: left;
  align-items: left;
}

.left h1 {
  font-size: 26px;
  font-weight: bold;
  color: #000;
  text-align: center;
  line-height: 1.2;
}

.right {
  flex: 1;
  padding: 10px;
  display: flex;
  justify-content: right;
  align-items: right;
}

.right p {
  font-size: 16px;
  color: #000;
  text-align: center;
  line-height: 1.5;
}





/*中部三张图*/

.image-container {
width:100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.image-container a {
  margin-top: 10px;
}

.image-container img {
  width: 100%;
}









/*支持培训三张图*/


.zcpx {
  display: flex;
 width: 100%;
  max-width: 1200px;
  
  justify-content:  space-between;
    margin: 0 auto;
}


.zcpxzuo {
  display: flex;
 width: 33%;
 flex-direction: column;
  justify-content:  space-between;
 
}





/*合作单位*/


.hzdw {
  display: flex;
 width: 100%;
  max-width: 1200px;
  flex-flow:row wrap;
 justify-content: center;
    margin: 0 auto;
}



/*项目流程*/
.xmlc {
 width: 100%;
  max-width: 1200px;
    margin: 0 auto;
	text-align:center
}


.xmlc img {
  display: block;
  margin: 0 auto;
}

.bf20 {
 width:20%;
}




/*手机版*/
@media only screen and (max-width: 768px) {

.main-nav {
  
  font-size: 12px;
  line-height: 1.5;

}
  .main-nav li a {
    color: #fff;
	font-size:12px;
  display: block;
  padding: 10px 2px;
  text-decoration: none;
  }
  
    .daohang img{width:80px;}
  
.service-block {
  height: 120px;
}




.zcpx {
  display: flex;
 width: 100%;
  flex-direction: column;
  max-width: 1200px;
  
    margin: 0 auto;
}


.zcpxzuo {
  display: flex;
 width: 100%;
 flex-direction: column;
 
}



.bf20 {
 width:50%;
}

.pcyou {
 display: none;
}

}


@media only screen and (max-width: 768px) {
.pcyou {
display: none !important;
}




}



@media only screen and (min-width: 768px) {


.pcyin {
      display: none;

}

}










</style>



<div>
</div>
<!--手机导航-->



<META name="viewport" content="width=device-width, initial-scale=1"> 






<STYLE>

 #navline{z-index:999}

</STYLE>





<DIV class="clearit"></DIV>

<DIV class="nav pcyin">

<DIV class="nav1"><NAV>

<DIV id="menu_button_wrapper"><A class="name" style="width: 50%; color: rgb(255, 255, 255); line-height: 36px; font-size: 14px; float: left; " 

href="#">北科纳米</A>		 

<DIV id="menu_button">Menu&nbsp;&nbsp;			 

<DIV id="hamburger"><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN></DIV></DIV>



<DIV class="clearfix"></DIV></DIV>

<UL id="menu_list">













  <LI class="li"><A   href="index.php">首页</A></LI>



<!--
   <LI ><A style="font-size: 16px"  href="news.php?id=1538">生物3d打印平台</A></LI>

  

   <LI ><A style="font-size: 16px"  href="news.php?id=1539">生物成像平台</A></LI>

 -->


  <LI class="li"><A   href="news.php?id=1564">医学平台</A></LI>
  

  

  <LI class="li" ><A   href="cpzs.php">产品中心</A></LI>

  
  <LI class="li"><A  href="pxkc.php">培训课程</A></LI>


	

  <LI class="li" ><A   href="news.php?id=1542">学术前沿</A></LI>
  

  

  

  <LI class="li"><A  href="news.php?id=760">关于我们</A></LI>

  

  

  <LI class="li" ><A   href="indexen.php">English</A></LI>
	
	
	






















 

 </UL></NAV>

<SCRIPT>

	$(function(){

				var navH = $(".nav1").offset().top;

		

				$(window).scroll(function(){

					var scroH = $(this).scrollTop();

					if(scroH>navH){

						$(".nav").attr('id','navline');

						$(".name").css('display','block');

					}else if(scroH<navH+500){

						$(".nav").removeAttr('id','navline');

						$(".name").css('display','block');

					}

					//console.log(scroH==navH);

				})

			})

		

			function showbox(id)

			{

				$("#menu_list"+id).css('display','block');

			}

		

		

			colsebox(2);

			colsebox(3);

			colsebox(10);

			function colsebox(id)

			{

				$('#menu_list'+id).mouseleave(function()

				{

					$("#menu_list"+id).css('display','none');

				})

			}

</SCRIPT>

 

<SCRIPT type="text/javascript">

	function addListener(element, type, callback) {

		if (element.addEventListener) {

			element.addEventListener(type, callback);

		} else if (element.attachEvent) {

			element.attachEvent('on' + type, callback);

		}

	}



	addListener(document, 'DOMContentLoaded', function () {

		

		var mq = window.matchMedia("(max-width: 760px)");

		if (mq.matches) {

			document.getElementById("menu_list").classList.add("hidden");

		}



		addListener(document.getElementById("menu_button"), 'click', function () {

			document.getElementById("menu_list").classList.toggle("hidden");

		});

		

		addListener(window, 'resize', function () {

			var width = window.innerWidth ||

						document.documentElement.clientWidth ||

						document.body.clientWidth;

			

			if (width > 760) {

				document.getElementById("menu_list").classList.remove("hidden");

			} else {

				document.getElementById("menu_list").classList.add("hidden");

			}

		});

		

	});

</SCRIPT>

 
</DIV>



<SCRIPT type="text/javascript">

  

         $(document).ready(function(){

  

  $("#ljhinput").click(function(){

  

      $("#leoinput").slideToggle(100);

  

    });

  

  });  

  

  </SCRIPT>

 </DIV>







<DIV class="clearit"></DIV>

<!--AI手机导航结束-->



<div class="dhbg shouyin" style="position:relative;top:0px;z-index:60;">

<div class="daohang">

  <div><img src="image/logobai.png"></div>
  <div style=" display: flex;
  align-items: right;flex-direction: column;">    <div    style="margin-left: auto;padding:5px">
		   
		   
		     <div class="main-nav">
  <ul>

	
	
	
	
	
	
	
	
	

  <LI><A   href="index.php">首页</A></LI>



<!--
   <LI ><A style="font-size: 16px"  href="news.php?id=1538">生物3d打印平台</A></LI>

  

   <LI ><A style="font-size: 16px"  href="news.php?id=1539">生物成像平台</A></LI>

 -->


  <LI><A   href="news.php?id=1564">医学平台</A></LI>
  

  

  <LI ><A   href="cpzs.php">产品中心</A></LI>

  

	

  <LI  class="pcyou"><A   href="news.php?id=1542">学术前沿</A></LI>
  

  

  <LI ><A  href="pxkc.php">培训课程</A></LI>

  

  <LI ><A  href="news.php?id=760">关于我们</A></LI>

  

  

  <LI   class="pcyou" ><A   href="indexen.php">English</A></LI>
	
	
	
	
	
	
	
	
	
	
	
	
  </ul>
</div>

</div>
  
  
  </div>



</div>

</div>








<STYLE>

 #navline{z-index:999}

</STYLE>












<DIV class="clearit"></DIV>






































































































<style>



#bottom {

	position: fixed;

	width: 100%;

	max-width: 640px;

	margin: 0 auto;

	height: 50px;

	bottom: 0;

/*	border-top: #fff solid 2px;*/

	background: #05a4e9;

	z-index: 999;

}

#bottom ul {

	height: 45px;

	line-height: 45px

}

#bottom ul li {

	width: 25%;

	float: left;

	color: #FFF

}

#bottom ul li dl {

	width: auto;

	margin: 0 auto;

	border-right: 1px solid #15aef1;

	box-shadow: 1px 0px 0 #0698d7;

	text-align: center

}

#bottom ul li dt {

	width: auto;

	height: 30px;

	text-align: center;

}

#bottom ul li dd {

	width: auto;

	height: 20px;

	font-size: 12px;

	color: #fff;

	line-height: 20px;

	text-align: center;

}

</style>













<div id="bottom">

  <ul>

    <li> <!--<a href="http://www.szbknm.com/beikedenglu/openid/getinfo.php?tiao=1">-->
	
	<a href="login.php">

      <dl>

        <dt style="text-align: center;"><img  src="imagee/icon_3.png" width="22" height="22" style=" margin-top:5px;text-align: center;"></dt>

        <dd>登录</dd>

      </dl>

      </a> </li>

    <li> <a href="sms:18101240246">

      <dl>

        <dt><img src="imagee/icon_4.png" width="22" height="22" style="margin-top: 5px; " class="wow flash animated" data-wow-delay="2s"></dt>

        <dd>发送短信</dd>

      </dl>

      </a> </li>

    <li> <a href="tel:17715390137">

      <dl>

        <dt><img src="imagee/icon_5.png" width="22" height="22" style="margin-top: 5px;" class="wow flash animated" data-wow-delay="3s"></dt>

        <dd>电话咨询</dd>

      </dl>

      </a> </li>

	  

	  

      <li> <a href="newse.php?id=190" target="_blank">

      <dl>

        <dt><img src="imagee/icon_map.png" width="22" height="22" style=" margin-top:5px;"></dt>

        <dd>联系我们</dd>

      </dl>

      </a> </li>

  </ul>

</div>































 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 









												
												
												
												
												
												
												
												
												
												
												
												
												
												
												
												
												
		<!--轮播-->				
								
		
		
		<style>
.swiper-pagination-bullet-active {
  width: 30px; /* 设置当前图片对应的圆点的宽度 */
  height: 8px; /* 设置当前图片对应的圆点的高度 */
  opacity: 1; /* 设置当前图片对应的圆点的透明度 */
  margin: 0 5px; /* 设置当前图片对应的圆点的间距 */
  border-radius: 4px; /* 设置当前图片对应的圆点的圆角 */
}



@media (max-width: 768px) {
  .swiper-container {
    /* 在手机端设置轮播容器的样式 */
    /* 例如，可以设置轮播容器的宽度为100% */
    width: 100%;
  }
  
  .swiper-slide {
    /* 在手机端设置轮播项的样式 */
    /* 例如，可以设置轮播项的宽度为100% */
    width: 100%;
  }
  
  
  
  .luntop{top:0px;}
  
  
}

@media (min-width: 768px) {

  
  
  .luntop{top:-130px;}
  
  
}




</style>
		
		
	<div class="luntop" style="position:relative;
	z-index:0;max-width: 100%;
  margin: 0 auto; ">	
		
		
	<div class="swiper-container" style="position:relative;z-index:0;max-width: 100%;">
  <div class="swiper-wrapper">
  
  
  

<style>

.banner_text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 100;
}


.swiper-slide video {
  max-width: 100%; /* 设置视频的最大宽度为100% */
  height: auto; /* 根据宽度自动调整高度 */
}

</style>


     <!-- <div class="swiper-slide" style="max-width: 100%;" >
                    
					
					<video preload="none" src="photo/da1.mp4" autoplay loop playsinline muted ></video>

                    
                    <div class="banner_text" style="color:#FFFFFF" >
                       <h1 style="text-align: center;font-size:42px"><b>纳米医学</b><br>
纳米技术与生物技术的巧妙结合</h1>
                    </div>
   </div>
				-->
				
				
				
				
				
				
				 <!--
     <div class="swiper-slide" style="max-width: 100%;" >
                    
					
					<video preload="none" src="photo/da2.mp4" autoplay loop playsinline muted ></video>

                    
                    <div class="banner_text" style="color:#FFFFFF" >
                       <h1 style="text-align: center;font-size:42px"><b>NIRII  近红外二区小动物活体成像： 看得深 看得准</b></h1>
                    </div>
   </div>-->
				
				
				
				
				
				
				  <!-- 
				
				
     <div class="swiper-slide" style="max-width: 100%;" >
                    
					
					<video preload="none" src="photo/da3.mp4" autoplay loop playsinline muted ></video>

                    
                    <div class="banner_text" style="color:#FFFFFF" >
                     <h1 style="text-align: center;font-size:42px"><b>NIRII  近红外二区小动物活体成像： 看得深 看得准</b></h1>
                    </div>
   </div>
				
							-->
				
				

				
					

<!---->
    	
	 <div class="swiper-slide" style="max-width: 100%;"><a href=""><IMG  style="max-width: 100%;" alt="" src="photo/1689586072.jpg"> </A></div>
	
	 <div class="swiper-slide" style="max-width: 100%;"><a href=""><IMG  style="max-width: 100%;" alt="" src="photo/1689588791.jpg"> </A></div>
	






   
    <!-- 添加更多的轮播图 -->
  </div>
  <div class="swiper-pagination"></div>
  <div class="swiper-button-next"></div>
  <div class="swiper-button-prev"></div>
</div>



</div>
		
	<script>


var swiper = new Swiper('.swiper-container', {
  slidesPerView: 1,
  spaceBetween: 10,
  navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
  },
  pagination: {
    el: '.swiper-pagination',
    clickable: true,
  },
  autoplay: {
    delay: 30000,
    disableOnInteraction: false,
  },
  on: {
    slideChange: function () {
      if (this.activeIndex === 0) {
        this.autoplay.stop(); // 停止自动播放
        setTimeout(function () {
          swiper.autoplay.start(); // 7秒后重新开始自动播放
        }, 10000);
      }
    },
  },
});

</script>	


			
						
						
			
	
						
	<style>
.gsjs {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.gsjs .left {
  text-align: center;
}

.gsjs .right {
  text-align: right;
  margin-top: 10px;
 
}


.f50{
line-height:60px;font-size:30px;
font-weight: bold;
color: #3d3d3d;
}

.f20{
line-height:30px;;font-size:24px;
color: #d0d0d0;
font-family: "微软雅黑";

}






</STYLE>


<STYLE>

.button-container {
 
   display: flex;
}

.button-container button {
  background-color: #ddd;
  border: none;
  padding:0 10px;
  margin: 10px;
  color:#4c4c4c;
  font-size: 16px;
   border-radius: 10px;
  cursor: pointer;
}

.button-container button.active {
  background-color: #4c4c4c;
  color: white;
  border-radius: 15px;
}









.buttonId {
  display: none;
  padding: 20px;
  background-color: #fff;
  border-radius: 15px;
}




.content {
  display: none;
  padding: 20px;
  background-color: #fff;
  border-radius: 15px;
}


.contentb {
  display: none;
  padding: 20px;
  background-color: #fff;
  border-radius: 15px;
}

.contentc {
  display: none;
  padding: 20px;
  background-color: #fff;
  border-radius: 15px;
}




.content.show {
  display: block;
}


.contentb.show {
  display: block;
}


.contentc.show {
  display: block;
}


</STYLE>









<STYLE>

@media only screen and (max-width: 768px) {



  .gsjs {
  width:100%;
   display: flex;
  flex-direction: column;
    flex-direction: center;
	 text-align: center;
  }
  .gsjs .left {
    width:100%;
   display: flex;
  flex-direction: column;
    flex-direction: center;
	 text-align: center;
  }
  .gsjs .right {
    width:100%;
   display: flex;
  flex-direction: column;
    flex-direction: center;
	 text-align: center;
  }
  
  
  
.f50{
line-height:20px;font-size:20px;
}

.f20{
line-height:20px;;font-size:16px;

}

.shouyin {
      display: none;

}




.button-container {
 align-items: center;
 justify-content: center;
  margin-bottom: 0px;
   width:100%;
   text-align: center;
   display: flex;
   margin-top:-10px;
    margin-bottom: -10px;
   
}

.button-container button {
  background-color: #ddd;
  border: none;
  padding:0 10px;
  margin:0 10px;
  color:#4c4c4c;
  font-size: 16px;
   border-radius: 10px;
  cursor: pointer;
}




}
</style>





<style>
@media screen and (min-width: 768px) {
  .gsjs {
    flex-direction: row;
  }
  .gsjs .left {
    text-align: left;
  }
  .gsjs .right {
    text-align: left;
  }
}

</style>						
				




<style>

@media (max-width: 768px) {

  
  
  .fwtop{margin-top:20px;}
  
  
}

@media (min-width: 768px) {

  
  
  .fwtop{margin-top:-100px;}
  
  
}



</style>


<div class="gsjs fwtop" >
  <div >
  
  <div class="f50">北科纳米医学平台</div> <div class="f20">BKNANO-MEDICAL PLATFORM</div>
   
   
   
  </div>
  <div class="right">
   
	
	
	
<div id="group1">
<div class="button-container">
  <button id="mxene-button" class="active" onClick="showDiv('div1', 'mxene-button')">医学平台</button>
  <button id="max-button" onClick="showDiv('div2', 'max-button')"><a href="news.php?id=1570">技术平台</a></button>
  <button id="max-cx" onClick="showDiv('div3', 'max-cx')"><a href="news.php?id=1551">设备平台</a></button>
    <button id="max-cx" onClick="showDiv('div3', 'max-cx')"><a href="news.php?id=1564">药物平台</a></button>
	  <button id="max-cx" onClick="showDiv('div3', 'max-cx')"><a href="news.php?id=1563">材料平台</a></button>
</div>
</div>



<div class="shouyin" style="margin-left:20px;margin-top:6px"><a href="news.php?id=1564">READ MORE +</a></div>


   
   
   
  </div>
</div>		
												
												
	





<DIV class="clearit"></DIV>

		
								
						
					
					
					
					
					
					
					
			
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
	
		
						
			<style>
.product-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 -10px;
}

.product-item {
  width: calc(33% - 20px);
  margin: 10 10px;
  padding: 10px;
  box-sizing: border-box;
  position: relative;
  transition: all 0.3s ease;
}

.product-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.product-image {
  display: block;
  width: 100%;
  height: auto;
}

.product-name {
  text-align: center;
  margin-top: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

@media (max-width: 767px) {
  .product-item {
    width: calc(50% - 10px);
    margin: 0 5px;
  }
  
  .product-list {
    justify-content: center;
  }
}












.product-item {
  position: relative;
  
}

.product-description {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  color: #fff; /* 设置文字颜色 */
  padding: 50px;
  box-sizing: border-box;
  opacity: 0; /* 初始时隐藏文字 */
  transition: opacity 0.3s ease;
    opacity: 1; /* 鼠标悬浮时显示文字 */
  
}

.product-item:hover .product-description {

}

</style>		
				
					
					
	

<div id="div1" class="content show">

				
					
					
					
					
						
						
						
						

<div style="width:100%;max-width:1400px;margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;">
  <div class="product-list">
 	  
							 
											
	     		
    <div class="product-item
	
	
	
		
	
	" 
	
	
	
	>
      <a  style="color:#FFFFFF" href="news.php?id=1570">
        <img class="product-image" src="photo/1691399346.jpg" alt="北科创新技术平台">
		
		
		<!--<div class="product-description">
		
		
      BK Innovative Technology Platform<br>

	    <p><b>北科创新技术平台</b></p>

 </a>
													
	        <a style="color:#FFFFFF" href="bonews.php?id=928">·北科溶瘤病毒平台-溶瘤病毒治疗</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=923">·北科-NIRII技术平台 | 近红外二区成像</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=929">·北科细胞膜平台-膜包被纳米颗粒</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=921">·北科NIR-II 成像 | CP-OCT和SWIR反射成像监测乳牙病变活动性</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=889">·北科工程菌-适配体与细菌表面相结合</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=596">·北科-NIR-II荧光骨质疏松诊断试剂开发</a><br>

 
 		
		
		
		
		
		
		
        </div>-->
		
		
        <div class="product-name">  </div>
     
    </div>
    		
    <div class="product-item
	
	
	
		
	
	" 
	
	
	
	>
      <a  style="color:#FFFFFF" href="news.php?id=1551">
        <img class="product-image" src="photo/1691205403.jpg" alt="北科创新设备平台">
		
		
		<!--<div class="product-description">
		
		
      BK Innovative device platform<br>

	    <p><b>北科创新设备平台</b></p>

 </a>
													
	        <a style="color:#FFFFFF" href="bonews.php?id=924">·北科NIRII-近红外二区荧光活体成像系统（设备）</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=925">·北科NIR- 全光谱荧光活体成像系统(设备）</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=927">·北科NIR -全光谱荧光显微成像系统(设备）</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=926">·北科NIR - 全光谱荧光-X射线多模态活体成像系统(设备）</a><br>

 
 		
		
		
		
		
		
		
        </div>-->
		
		
        <div class="product-name">  </div>
     
    </div>
    		
    <div class="product-item
	
	
	
		
	
	" 
	
	
	
	>
      <a  style="color:#FFFFFF" href="news.php?id=1564">
        <img class="product-image" src="photo/1688635410.jpg" alt="创新纳米药物">
		
		
		<!--<div class="product-description">
		
		
      Innovative nano-drugs<br>

	    <p><b>创新纳米药物</b></p>

 </a>
													
	        <a style="color:#FFFFFF" href="bonews.php?id=610">·高分子纳米药物与生物血管</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=604">·自组装肽纳米药物</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=605">·离子液体基凝胶在药物递送中使用</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=598">·纳米药物克服肿瘤多药耐药</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=609">·微生物智能载体递送系统</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=597">·普鲁士蓝纳米酶的生物医学应用</a><br>

 
 		
		
		
		
		
		
		
        </div>-->
		
		
        <div class="product-name">  </div>
     
    </div>
    		
    <div class="product-item
	
	
	
		
	
	" 
	
	
	
	>
      <a  style="color:#FFFFFF" href="news.php?id=1563">
        <img class="product-image" src="photo/1688635361.jpg" alt="纳米生物材料">
		
		
		<!--<div class="product-description">
		
		
      Nano biomaterials<br>

	    <p><b>纳米生物材料</b></p>

 </a>
													
	        <a style="color:#FFFFFF" href="bonews.php?id=742">·基于过渡金属硫属化合物构建高效肿瘤纳米光热诊疗平台</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=743">·人工细胞囊泡介导的表观遗传调控</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=741">·类病毒纳米药物诱导自噬和阻断自噬通量用于癌症治疗</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=616">·金属螯合纳米胶束生物制药</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=612">·金属有机框架纳米颗粒功能设计及肿瘤治疗</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=600">·手性水凝胶生物材料</a><br>

 
 		
		
		
		
		
		
		
        </div>-->
		
		
        <div class="product-name">  </div>
     
    </div>
    		
    <div class="product-item
	
	
	
		
	
	" 
	
	
	
	>
      <a  style="color:#FFFFFF" href="news.php?id=1566">
        <img class="product-image" src="photo/1688635507.jpg" alt="纳米肿瘤学">
		
		
		<!--<div class="product-description">
		
		
      Nanooncology<br>

	    <p><b>纳米肿瘤学</b></p>

 </a>
													
	        <a style="color:#FFFFFF" href="bonews.php?id=625">·配位聚合物药物递送系统改善肿瘤免疫治疗</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=624">·射频热响应纳米血管栓塞剂</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=724">·智能多肽自组装纳米材料与肿瘤靶向治疗</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=744">·细胞膜基纳米材料表面靶向工程化</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=712">·载酶纳米凝胶的催化诊疗</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=723">·光镊辅助的液相分析芯片及应用：用于肿瘤标志物检测和癌症诊断</a><br>

 
 		
		
		
		
		
		
		
        </div>-->
		
		
        <div class="product-name">  </div>
     
    </div>
    		
    <div class="product-item
	
	
	
		
	
	" 
	
	
	
	>
      <a  style="color:#FFFFFF" href="news.php?id=1565">
        <img class="product-image" src="photo/1688635467.jpg" alt="药物递送系统">
		
		
		<!--<div class="product-description">
		
		
      Drug delivery system<br>

	    <p><b>药物递送系统</b></p>

 </a>
													
	        <a style="color:#FFFFFF" href="bonews.php?id=787">·生物响应性超分子前药水凝胶用于肿瘤化疗和免疫治疗</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=772">·载药微气泡超声造影剂的制备及其体内外研究</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=759">·过程仿生细胞外基质材料</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=749">·基于缓控释微针的药物递送策略</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=748">·基于光控释血小板的脑胶质瘤靶向光动力治疗</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=635">·抗原自纳米化疫苗</a><br>

 
 		
		
		
		
		
		
		
        </div>-->
		
		
        <div class="product-name">  </div>
     
    </div>
    		
    <div class="product-item
	
	
	
		
	
	" 
	
	
	
	>
      <a  style="color:#FFFFFF" href="news.php?id=1569">
        <img class="product-image" src="photo/1690166790.jpg" alt="纳米机器人与微纳检测">
		
		
		<!--<div class="product-description">
		
		
      Nano-robot and micro-nano detection<br>

	    <p><b>纳米机器人与微纳检测</b></p>

 </a>
													
	        <a style="color:#FFFFFF" href="bonews.php?id=667">·肝肾器官芯片系统用于药物安全性评价研究</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=662">·药物载体递送系统体内命运</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=661">·药物载体递送系统体内命运</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=644">·联合递药微纳米马达及应用探索</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=853">·超声富集分析</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=852">·分辨神经微纳电极阵列与系统</a><br>

 
 		
		
		
		
		
		
		
        </div>-->
		
		
        <div class="product-name">  </div>
     
    </div>
    		
    <div class="product-item
	
	
	
		
	
	" 
	
	
	
	>
      <a  style="color:#FFFFFF" href="news.php?id=1568">
        <img class="product-image" src="photo/1688635643.jpg" alt="微纳创新诊疗方法">
		
		
		<!--<div class="product-description">
		
		
      Minimally invasive diagnosis and treatment<br>

	    <p><b>微纳创新诊疗方法</b></p>

 </a>
													
	        <a style="color:#FFFFFF" href="bonews.php?id=810">·细胞内原位聚合用于肿瘤精准治疗</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=812">·多模式诊疗一体化纳米材料构建及研究</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=815">·用于脑出血后继发性脑损伤的纳米生物材料</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=628">·磁共振引导下的光热-光动力纳米诊疗</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=838">·超亲水氟- 19 磁共振成像造影剂的设计及在体定量研究</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=803">·环境响应性药物载体用于肿瘤光化疗联合疗法</a><br>

 
 		
		
		
		
		
		
		
        </div>-->
		
		
        <div class="product-name">  </div>
     
    </div>
    		
    <div class="product-item
	
	
	
		shouyin
		
	
	" 
	
	
	
	>
      <a  style="color:#FFFFFF" href="news.php?id=1567">
        <img class="product-image" src="photo/1688635559.jpg" alt="纳米分子医学成像">
		
		
		<!--<div class="product-description">
		
		
      Nano-molecular medical imaging<br>

	    <p><b>纳米分子医学成像</b></p>

 </a>
													
	        <a style="color:#FFFFFF" href="bonews.php?id=847">·近红外二区光学脑影像和治疗</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=845">·基于β-环糊精的无芳香环AIE型荧光纳米粒子的设计、合成及生物成像应用</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=836">·动脉粥样硬化的分子影像诊疗</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=829">·小分子荧光探针有序组装及原位生物成像应用</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=850">·计算机辅助设计分子编码及其在高通量跨平台医学成像分析中的应用</a><br>

 
    <a style="color:#FFFFFF" href="bonews.php?id=844">·光声功能影像技术与应用</a><br>

 
 		
		
		
		
		
		
		
        </div>-->
		
		
        <div class="product-name">  </div>
     
    </div>
      </div>
</div>

						
						
						
						
											
						
						
		</div>


<div id="div2" class="content">














	
					
					
						
						
						
						

<div style="width:100%;max-width:1400px;margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;">
  <div class="product-list">
 	  
							 
											
	       </div>
</div>

						
						
						
						


</div>


				
	
<div id="div3" class="content">








	
					
					
						
						
						
						

<div style="width:100%;max-width:1400px;margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;">
  <div class="product-list">
 	  
							 
											
	       </div>
</div>

						
						
						

</div>				
					
					
					
					
					
			
	
<script>
function showDiv(divId, buttonId) {
  const divs = document.getElementsByClassName('content');

  
  
    
var group1 = document.getElementById("group1");
var buttons = group1.querySelectorAll("button");



  for (let i = 0; i < divs.length; i++) {
    divs[i].classList.remove('show');
	
	
  }
  
  for (let i = 0; i < buttons.length; i++) {
    buttons[i].classList.remove('active');
  }
  
  document.getElementById(divId).classList.add('show');
  document.getElementById(buttonId).classList.add('active');
}


</script>				
						
						
						
						
						

						
						
						
						
						
		<!--下面是案例-->	
		
		
	<style>
	
	



/*项目案例*/


.xmal {
  display: flex;
  height: auto;
 width: 100%;
  max-width: 1400px;
  margin: 0 auto;
background: rgba(255, 255, 255, 0.3) url('image/fwbj.jpg');
background-size: cover;


}

.alleft {
  flex: 1;
  display: flex;
  padding: 40px;
  justify-content: center;
  align-items: center;
  flex-flow:row wrap;
}

.alleft h1 {
  font-size: 26px;
  font-weight: bold;
  color: #000;
  text-align: center;
  line-height: 1.2;
}

.alright {
  flex: 1;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: left;
 
 
}

.alright  {
  font-size: 16px;
  color: #000;
  text-align: right;
  line-height: 1.5;
  margin: 0; /* 可选，去除段落的默认上下边距 */
}

.f22{font-size:32px;}

@media screen and (max-width: 767px) {
  .xmal {
    flex-direction: column;
    background-size: contain;
  }
  
  .alleft {
    padding: 20px;
  }
  
  .alleft h1 {
    font-size: 20px;
  }
  
  .alright {
    padding: 20px;
  }
  
  .alright p {
    font-size: 14px;
	
  }
  .f22{font-size:18px;}
}

						
	</style>


			
					
						
						
						
						
		<div class="xmal">
  <div class="alleft">
   
   
         
  <a href="news.php?id=1554"> <img src="photo/1688636130.png" border="0" style="width:150px;margin:5px;"></a>


   
  <a href="news.php?id=1557"> <img src="photo/1688636181.png" border="0" style="width:150px;margin:5px;"></a>


   
  <a href="news.php?id=1561"> <img src="photo/1688636231.png" border="0" style="width:150px;margin:5px;"></a>


   
  <a href="news.php?id=1556"> <img src="photo/1688636298.png" border="0" style="width:150px;margin:5px;"></a>


   
  <a href="news.php?id=1555"> <img src="photo/1688636344.png" border="0" style="width:150px;margin:5px;"></a>


   
  <a href="news.php?id=1558"> <img src="photo/1688636383.png" border="0" style="width:150px;margin:5px;"></a>


   
  <a href="news.php?id=1559"> <img src="photo/1688636433.png" border="0" style="width:150px;margin:5px;"></a>


   
  <a href="news.php?id=1560"> <img src="photo/1690772967.jpg" border="0" style="width:150px;margin:5px;"></a>


   
   
  </div>
  <div class="alright">
  
  

  <font class="f50">项目案列</font>

	<a href="news.php?id=1540">
  <font class="f20"> PROJECT CASE</font>
  
	
	<br>

	
	
    作为一家技术企业，我们为客户提供卓越的端到端科研
CRO服务，旨在生命科学、生物医药、生物检测领域开发新的
纳米材料及其应用技术和产品，并为相关科研机构及药物研发
单位提供纳米医药的技术支持及合作研究服务。	
	<br>
<br>

	
	查看更多 》
	
	
	
	
	
	</a></span>
  </div>
</div>
						
								
						
						
						
						
						
						
						
						
						
		





<DIV class="clearit"></DIV>

				
						
						
						
						
						
						
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
	<!--明星产品-->	
	
					




<div class="gsjs">
  <div >
  
  <div class="f50" style="margin-top:20px">北科明星产品</div> <div class="f20">BKSTAR PRODUCT</div>
   
   
   
  </div>
  <div class="right">
   
	
	
	
<div id="group2">
<div class="button-container">
 <button  id="mxene-button2" class="active" onClick="showDivb('divb1', 'mxene-button2')"><a style="color:#FFFFFF" href="cpzs.php">爆款推荐</a></button>

  
  
  
    <button  id="max-cx2" onClick="showDivb('divb3', 'max-cx2')"><a href="news.php?id=1570">创新平台</a></button>
	  <button  id="max-cx2" onClick="showDivb('divb3', 'max-cx2')"><a href="news.php?id=1551">设备平台</a></button>
	    <button  id="max-cx2" onClick="showDivb('divb3', 'max-cx2')"><a href="cpzs.php?id=830">水凝胶</a></button>
		  <button  id="max-cx2" onClick="showDivb('divb3', 'max-cx2')"><a href="cpzs.php?id=1252">纳米酶</a></button>
</div></div>




<div class="shouyin"  style="margin-left:20px;margin-top:6px"><a href="cpzs.php">READ MORE +</a></div>


   
   
   
  </div>
</div>		
					
					
					
												
	
<script>
function showDivb(divIdb, buttonIdb) {
  const divsb = document.getElementsByClassName('contentb');
  
var group2 = document.getElementById("group2");
var buttonsb = group2.querySelectorAll("button");

  
  
  for (let i = 0; i < divsb.length; i++) {
    divsb[i].classList.remove('show');
  }
  
  for (let i = 0; i < buttonsb.length; i++) {
    buttonsb[i].classList.remove('active');
  }
  
  document.getElementById(divIdb).classList.add('show');
  document.getElementById(buttonIdb).classList.add('active');
}
</script>





				
				
				
				
				
				
				
				
				


		
						
			<style>
.productb-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 -10px;
}

.productb-item {
  width: calc(25% - 20px);
  margin: 0 10px;
  padding: 10px;
  box-sizing: border-box;
  position: relative;
  transition: all 0.3s ease;
}

.productb-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.productb-image {
  display: block;
  width: 100%;
  height: auto;
}

.productb-name {
  text-align: center;
  margin-top: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

@media (max-width: 767px) {
  .productb-item {
    width: calc(50% - 10px);
    margin: 0 5px;
  }
  
  .productb-list {
    justify-content: center;
  }
}
</style>






<div id="divb1" class="contentb show">

	
						



<div style="width:100%;max-width:1400px;margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;">
  <div class="productb-list">
        <div class="productb-item">
      <a href="cpzs.php?id=830">
        <img class="productb-image" src="photo/1690529553.jpg" alt="水凝胶">
        <div class="productb-name">水凝胶</div>
      </a>
    </div>
        <div class="productb-item">
      <a href="cpzs.php?id=1252">
        <img class="productb-image" src="photo/1690532529.jpg" alt="纳米酶">
        <div class="productb-name">纳米酶</div>
      </a>
    </div>
        <div class="productb-item">
      <a href="cpzs.php?id=1693">
        <img class="productb-image" src="photo/1691040460.jpg" alt="铜掺杂改性铅磷灰石（LK99晶体粉末）">
        <div class="productb-name">铜掺杂改性铅磷灰石（LK99晶体粉末）</div>
      </a>
    </div>
        <div class="productb-item">
      <a href="cpzs.php?id=1602">
        <img class="productb-image" src="photo/1690532959.jpg" alt="巨噬细胞">
        <div class="productb-name">巨噬细胞</div>
      </a>
    </div>
        <div class="productb-item">
      <a href="cpzs.php?id=1607">
        <img class="productb-image" src="photo/1690533337.jpg" alt="铁死亡">
        <div class="productb-name">铁死亡</div>
      </a>
    </div>
        <div class="productb-item">
      <a href="cpzs.php?id=1640">
        <img class="productb-image" src="photo/1690851349.jpg" alt="工程菌">
        <div class="productb-name">工程菌</div>
      </a>
    </div>
        <div class="productb-item">
      <a href="cpzs.php?id=1649">
        <img class="productb-image" src="photo/1690533936.jpg" alt="肿瘤早期诊断">
        <div class="productb-name">肿瘤早期诊断</div>
      </a>
    </div>
        <div class="productb-item">
      <a href="cpzs.php?id=1651">
        <img class="productb-image" src="photo/1690533248.jpg" alt="细胞移植">
        <div class="productb-name">细胞移植</div>
      </a>
    </div>
      </div>
</div>

						
						
						
						
				
					
</div>					
		
						
						
						
									
						
						
						
	
<div id="divb2" class="contentb">


						



<div style="width:100%;max-width:1400px;margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;">
  <div class="productb-list">
        <div class="productb-item">
      <a href="cpzs.php?id=0">
        <img class="productb-image" src="photo/903.jpg" alt="多层 Ti3C2 胶体水溶液">
        <div class="productb-name">多层 Ti3C2 胶体水溶液</div>
      </a>
    </div>
        <div class="productb-item">
      <a href="cpzs.php?id=1198">
        <img class="productb-image" src="photo/903.jpg" alt="风琴状Ti2C MXenes材料  1g">
        <div class="productb-name">风琴状Ti2C MXenes材料  1g</div>
      </a>
    </div>
        <div class="productb-item">
      <a href="cpzs.php?id=1196">
        <img class="productb-image" src="photo/903.jpg" alt="单/少层粉末材料Ti2C">
        <div class="productb-name">单/少层粉末材料Ti2C</div>
      </a>
    </div>
        <div class="productb-item">
      <a href="cpzs.php?id=1462">
        <img class="productb-image" src="photo/903.jpg" alt=" Ti3C2 MXene 负载铝 ">
        <div class="productb-name"> Ti3C2 MXene 负载铝 </div>
      </a>
    </div>
        <div class="productb-item">
      <a href="cpzs.php?id=985">
        <img class="productb-image" src="photo/903.jpg" alt="Mxene V4C3  纳米线">
        <div class="productb-name">Mxene V4C3  纳米线</div>
      </a>
    </div>
        <div class="productb-item">
      <a href="cpzs.php?id=1195">
        <img class="productb-image" src="photo/903.jpg" alt="VCrAIC MAX">
        <div class="productb-name">VCrAIC MAX</div>
      </a>
    </div>
        <div class="productb-item">
      <a href="cpzs.php?id=992">
        <img class="productb-image" src="photo/903.jpg" alt="MXene复合纳米碳薄膜">
        <div class="productb-name">MXene复合纳米碳薄膜</div>
      </a>
    </div>
        <div class="productb-item">
      <a href="cpzs.php?id=986">
        <img class="productb-image" src="photo/903.jpg" alt="全溴基团 mxene Ti2C-Br">
        <div class="productb-name">全溴基团 mxene Ti2C-Br</div>
      </a>
    </div>
      </div>
</div>

						
						
				
				
				

</div>					
						
						
						
						
			
						
	
<div id="divb3" class="contentb">

						



<div style="width:100%;max-width:1400px;margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;">
  <div class="productb-list">
        <div class="productb-item">
      <a href="cpzs.php?id=1262">
        <img class="productb-image" src="photo/1252.jpg" alt="纳米酶：硫铁矿纳米酶">
        <div class="productb-name">纳米酶：硫铁矿纳米酶</div>
      </a>
    </div>
        <div class="productb-item">
      <a href="cpzs.php?id=1253">
        <img class="productb-image" src="photo/1252.jpg" alt="纳米酶：氧化铈纳米酶">
        <div class="productb-name">纳米酶：氧化铈纳米酶</div>
      </a>
    </div>
        <div class="productb-item">
      <a href="cpzs.php?id=1255">
        <img class="productb-image" src="photo/1252.jpg" alt="纳米酶：普鲁士蓝纳米酶&#160;">
        <div class="productb-name">纳米酶：普鲁士蓝纳米酶&#160;</div>
      </a>
    </div>
        <div class="productb-item">
      <a href="cpzs.php?id=1453">
        <img class="productb-image" src="photo/1252.jpg" alt="纳米酶：超小铜基纳米酶">
        <div class="productb-name">纳米酶：超小铜基纳米酶</div>
      </a>
    </div>
        <div class="productb-item">
      <a href="cpzs.php?id=1258">
        <img class="productb-image" src="photo/1252.jpg" alt="纳米酶：氧化钴纳米酶">
        <div class="productb-name">纳米酶：氧化钴纳米酶</div>
      </a>
    </div>
        <div class="productb-item">
      <a href="cpzs.php?id=1273">
        <img class="productb-image" src="photo/1252.jpg" alt="纳米酶：铂纳米酶">
        <div class="productb-name">纳米酶：铂纳米酶</div>
      </a>
    </div>
        <div class="productb-item">
      <a href="cpzs.php?id=1274">
        <img class="productb-image" src="photo/1252.jpg" alt="纳米酶：蛋白纳米酶">
        <div class="productb-name">纳米酶：蛋白纳米酶</div>
      </a>
    </div>
      </div>
</div>

						
						
				

</div>					
						
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
				
				
	<!--培训课程-->	
	
					




<div class="gsjs">
  <div >
  
  <div class="f50" style="margin-top:20px">培训课程</div> <div class="f20">Training Course</div>
   
   
   
  </div>
  <div class="right">
   
	
	
	
<div id="group3">
<div class="button-container">
 <button  id="mxene-button3" class="active" onClick="showDivbc('divbc1', 'mxene-button3')"><a style="color:#FFFFFF" href="pxkc.php">培训课程</a></button>
 
 
</div></div>




<div class="shouyin"  style="margin-left:20px;margin-top:6px"><a href="pxkc.php">READ MORE +</a></div>


   
   
   
  </div>
</div>		
					
					
					
												
	
<script>
function showDivc(divIdc, buttonIdc) {
  const divsc = document.getElementsByClassName('contentc');
  
var group3 = document.getElementById("group3");
var buttonsc = group2.querySelectorAll("button");

  
  
  for (let i = 0; i < divsb.length; i++) {
    divsb[i].classList.remove('show');
  }
  
  for (let i = 0; i < buttonsb.length; i++) {
    buttonsb[i].classList.remove('active');
  }
  
  document.getElementById(divIdb).classList.add('show');
  document.getElementById(buttonIdb).classList.add('active');
}
</script>
			
				
				
				
				
				
				
				
				
				
				
				
				
				

<div id="divc1" class="contentc show">

	
						



<div style="width:100%;max-width:1400px;margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;">
  <div class="productb-list">
        <div class="productb-item">
      <a href="bopxkc.php?id=8062">
        <img class="productb-image" src="photo/1571.jpg" alt="纳米医学培训">
        <div class="productb-name">纳米医学培训</div><br>
<font color="#FF0000">价格：
询价		

			    </font>	
		
		
		
		
		
		
      </a>
    </div>
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	 <div class="productb-item">
      <a href="bopxkc.php?id=8062">
        <img class="productb-image" src="photo/1571.jpg" alt="纳米医学培训">
        <div class="productb-name">纳米医学培训</div><br>
<font color="#FF0000">价格：
询价		

			    </font>	
		
		
		
		
		
		
      </a>
    </div>
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	 <div class="productb-item">
      <a href="bopxkc.php?id=8062">
        <img class="productb-image" src="photo/1571.jpg" alt="纳米医学培训">
        <div class="productb-name">纳米医学培训</div><br>
<font color="#FF0000">价格：
询价		

			    </font>	
		
		
		
		
		
		
      </a>
    </div>
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	 <div class="productb-item">
      <a href="bopxkc.php?id=8062">
        <img class="productb-image" src="photo/1571.jpg" alt="纳米医学培训">
        <div class="productb-name">纳米医学培训</div><br>
<font color="#FF0000">价格：
询价		

			    </font>	
		
		
		
		
		
		
      </a>
    </div>
      </div>
</div>

						
						
						
						
				
					
</div>					
		
						
						
						
						
						
				
	<!--北科荣誉-->	
	
					




<div class="gsjs" style="background-color: #efefef; padding: 10px;">
  <div >
  
  <div class="f50">北科荣誉</div> <div class="f20">BK HONOR</div>
   
   
   
  </div>
  <div class="right">
   
	
	
	
	<div id="group3">
<div class="button-container">
  <button id="mxene-button3" class="active" onClick="showDiv('divc1', 'mxene-button3')">学术盛宴</button>
  <button id="max-button3" onClick="showDiv('divc2', 'max-button3')"><a href="news.php?id=1542">学术前沿</a></button>
  <button id="max-cx3" onClick="showDiv('divc3', 'max-cx3')"><a href="news.php?id=760">关于我们</a></button>
</div>
</div>



<div class="shouyin"  style="margin-left:20px;margin-top:6px"><a href="news.php?id=760">READ MORE +</a></div>


   
   
   
  </div>
</div>		
												
												
	

				
				
				
				
				
				
				
	


<style>
.container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  background-color: #efefef;
  padding: 10px;
}

.zuot {
  width: 600px;
  height: 300px;
  background-color: #333;
}

.zhongt {
  width: 400px;
   height: 100px;
  margin-left: 10px;
  margin-right: 10px;
}

.yout {
  width: 380px;
}

@media screen and (max-width: 1400px) {
  .container {
    flex-wrap: wrap;
  }

  .container > div {height:auto;
    width: calc(50% - 10px);
    margin: 0 5px;
  }

  .zuot {height:auto;
    width: 100%;
    margin-right: 0;
  }

  .zhongt {height:auto;
    width: 100%;
    margin: 0;
  }

  .yout {height:auto;
    width: 100%;
    margin-left: 0;
  }
}

@media screen and (max-width: 768px) {
  .container > div {
    width: 100%;
    margin: 0;
  }
}
</style>


				
				
	
<style>

@media (max-width: 768px) {

  
  
  .tutop{margin-top:10px;}
  
  
}

@media (min-width: 768px) {

  
  
  .tutop{margin-top:0px;}
  
  
}



</style>			
				
				
				
				
		<div class="container">
		
		
  <div class="zuot">
  
  
  
  
                    
      <a href="bonews.php?id=587">
    <div class="custom-slide">
     <img src="photo/1686647988.jpg" height="300" alt="东方心脏病会议" style="height:300px">
      <div class="slide-caption">东方心脏病会议</div>
    </div></a>
		
    <!-- 添加更多的轮播内容 -->
 
 
<style>
.custom-slide {
  position: relative;
}

.custom-slide img {
  width: 100%;
  height: auto;
}

.custom-slide .slide-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 5px;
  box-sizing: border-box;
}

</style>

     
  
  
  
  
  </div>
  
  
  
  <div class="zhongt">
   
		   
		   
		       <a href="bonews.php?id=560"> 
    <div class="custom-slide tutop" style="background-color:#993300">
     <img src="photo/1687156021.jpg" alt="中国国际药物信息大会" style="height:145px">
      <div class="slide-caption">中国国际药物信息大会</div>
    </div></a>
			   
		   
		   
		    
		  		        <a href="bonews.php?id=558">
    <div class="custom-slide" style="margin-top:10px">
     <img src="photo/1686649317.jpg" alt="中国生物医学工程 大会"  style="height:145px">
      <div class="slide-caption">中国生物医学工程 大会</div>
    </div></a>
			  
		  
		  
		  
		  
		  
		  
		  
		  
		  
  </div>
  
  
  
  <div class="yout">
   
      <style>
	  .xinwen {
  width: 100%;
  height: 93px;
  background-color: white;
  display: flex;
  display: flex;
  align-items: center;
}

.date {
  flex: 1;
  padding: 10px;
  width:30%;
  text-align:center;
}

.title {
  flex: 1;
  padding: 10px;
}

	  
	  </style>
	  
	  







	     	
	  
	  <div class="xinwen" 
	  
	  	  
	  
	  >
  <div class="date">
  
 21<br>2023-03  
  </div>
  <div class="title"><a href="bonews.php?id=560"><b>中国国际药物信息大会</b><br>

  
  
  >>
  
  </a>
  
  </div>
</div>


	
	  
	  <div class="xinwen" 
	  
	  	  style="margin-top:10px"
	  	  
	  
	  >
  <div class="date">
  
 06<br>2023-06  
  </div>
  <div class="title"><a href="bonews.php?id=587"><b>东方心脏病会议</b><br>

  
  
  >>
  
  </a>
  
  </div>
</div>


	
	  
	  <div class="xinwen" 
	  
	  	  style="margin-top:10px"
	  	  
	  
	  >
  <div class="date">
  
 21<br>2023-03  
  </div>
  <div class="title"><a href="bonews.php?id=558"><b>中国生物医学工程 大会</b><br>

  
  
  >>
  
  </a>
  
  </div>
</div>










  </div>
  
  
  
  
  
  
</div>
		
				
								
						
	

<DIV class="clearit" style="margin-top:20px"></DIV>





<DIV class="clearit"></DIV>

		
			
			
			
			
			
			
		<div class="image-container">
		
			
  </div>
	
			
			
			
			
		
				
<DIV class="clearit" style="margin-top:20px"></DIV>
		
								
		
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
<!--网站底部-->	
	
	
<style>


.bglanhei{  background-color: #05071c;padding:20px;

background-image: url(image/dibj.png);
	background-repeat: no-repeat;
	background-position: center center;
	}

.dibu {
 width:100%;
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: left;
}

.nav-item {
  color: #fff;
  font-size: 20px;
}

.content-item {
  text-align: center;
  padding: 8px;
}




.dibuzi{
 position: relative;
 display: flex;
 flex-flow:row wrap;
 justify-content:  space-between;
}




.dibuziwu{
 position: relative;
 display: flex;
 flex-flow:row wrap;
 justify-content:  space-between;
}




 .dibuzi::after {
        content: "";
        position: absolute;
        top: 0;
        right: 20px;
        height: 100%;
        width: 0;
        border-right: 2px solid #FFF;
    }

</style>	








<div class="bglanhei pcyou">

<div class="dibu " >
 
      <div class="pcyou bf20" >
	  
	            <div class="nav-item">医学平台</div>
	  
	              
				     <div class="dibuzi" >
				  
				  										
			  										
	     		
				          <div style="width:100%"><a style="color:#FFFFFF" href="news.php?id=1510">抗体-药物偶联开发服务 </a></div>

		
				          <div style="width:100%"><a style="color:#FFFFFF" href="news.php?id=1509">分子影像载体开发服务 </a></div>

		
				          <div style="width:100%"><a style="color:#FFFFFF" href="news.php?id=1508">免疫因子纳米载体服务 </a></div>

						  
						   
		</div>
    </div>
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	   
      <div  class="pcyou bf20"  style="width:20%">
	  
	            <div class="nav-item">产品中心</div>
	  
	              
				     <div class="dibuzi" >
				  
				  
				  			  										
	     	
				  
				  
				  
				  
				          <div style="width:100%"><a style="color:#FFFFFF" href="cpzs.php?id=830">水凝胶</a></div>
				       
					   
					   
					   
				
				  
				  
				  
				  
				          <div style="width:100%"><a style="color:#FFFFFF" href="cpzs.php?id=1252">纳米酶</a></div>
				       
					   
					   
					   
				
				  
				  
				  
				  
				          <div style="width:100%"><a style="color:#FFFFFF" href="cpzs.php?id=1586">国基热点</a></div>
				       
					   
					   
					   
					   
					   
					   
						  
						   
		</div>
    </div>
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		  
      <div  class="pcyou bf20"  >
	  
	            <div class="nav-item">帮助中心</div>
	  
	              
				     <div class="dibuzi" >
				  
				          <div style="width:50%"><a style="color:#FFFFFF" href="news.php?id=1542">支持培训</a></div>
				           <div style="width:50%"><a style="color:#FFFFFF" href="news.php?id=760">关于我们</a></div>
						     <div style="width:50%"><a style="color:#FFFFFF" href="news.php?id=1546">技术手册</a></div>
				           <div style="width:50%"><a style="color:#FFFFFF" href="news.php?id=1547">新闻资讯</a></div>
						   <div style="width:50%"><a style="color:#FFFFFF" href="news.php?id=1540">案例分享</a></div>
						   <div style="width:50%"><a style="color:#FFFFFF" href="news.php?id=1548">项目流程</a></div>
						  
						   
		</div>
    </div>
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		  
      <div class="bf20">
	  
	            <div class="nav-item">联系我们</div>
	  
	              
				     <div class="dibuziwu" >
				  
				          <div style="width:30%"><img src="image/dianhua.png" height="50"></div>
				           <div style="width:70%;color:#FFFFFF">17715390137<br>18101240246<br>




18914047343</div>
						   
						  
						   
		</div>
    </div>
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		  
      
 
 
</div>


















<style>



.banquan {
 width:100%;
   max-width: 1400px;
  margin: 0 auto;
  text-align:center;
  background-color:#315d80;
  height:50px;
  line-height: 50px;
  color:#FFFFFF
}



</style>





<div class="banquan"> 苏州北科纳米科技有限公司   <img src="image/gongan.png" width="20" align="absmiddle" /><a href="" rel="noreferrer" target="_blank">苏公网安备32059002005573</a>  <a href="https://beian.miit.gov.cn/" style="color:#FFFFFF"> 苏ICP备2020067807号-1 </a></div>



								   
	
</div>

							   
								   
								   
								   
								   
								   
								   
								   
								   
								   
								   
								   
								   
								   
								   
								   
								     
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								
										
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								 
								  
					   
					   
					   
					   
					   
					   
					   
					   
					   
					   
					   
					   
					   
					   
					   
					   
									
									
									<script src="image/jquery.min.js"></script> 
									 
									 <script src="image/jquery-migrate.min.js"></script> 
									  <script src="image/bootstrap.min.js"></script>
									  
									   <script src="layer/layer.js"></script> 
									  
									    <!-- JS Implementing Plugins --> <script src="image/wz.core.js"></script>
										 
										 
										 <!-- JS Plugins Init. --> <script>
    $(window).on('load', function () {
        // initialization of hamburger
        $.WZCore.components.WZHamburgers.init('.hamburger');
    });
</script> <!-- JS App --> <script>
    $(function () {
        $(".tree").treemenu({delay: 300}).openActive();
    });
</script> <iframe style="display:none;" class="qq_iframe" src=""></iframe> <script>
    // $(function () {
    //     var qq = "570816107"
    //     //console.log(qq);
    //     var url = "http://wpa.qq.com/msgrd?v=3&amp;uin=" + qq + "&Site=www.fuqiit.com&menu=yes";
    //     setTimeout(function () {
    //         $('.qq_iframe').attr('src', url)
    //     }, 15000)
    // })
</script> <!-- JS Implementing Plugins this page --> <script src="image/jarallax.min.js"></script> <script src="swiper/dist/js/swiper.min.js"></script> <script src="image/wz.swiper.js"></script> <script>
    $(document).on('ready', function () {
        $.WZCore.components.WZSwiper.init('.js-swiper');
        $('.jarallax').jarallax({
            speed: 0.2
        });
    });
</script>





































































<!-- 底部的内容-->



					   
					   
                                 <div id="backtotop"> <i class="fa fa-arrow-circle-up"></i> </div> <div id="qcode" style="display: none;"><img src="image/qcode.jpg"></div> 
									
									
									
									
									






















 <!--             

 <LINK href="kefu37/style.css" rel="stylesheet" type="text/css">  
<DIV class="floating_ck">
<DL>
  <DT></DT>
  <DD class="consult">
  
  
  <a  href="http://wpa.qq.com/msgrd?v=3&uin=541142052&site=qq&menu=yes" target="_blank">
  
  
  
 <SPAN>在线咨询</SPAN></A>         </DD>
  <DD class="words"><SPAN>电话咨询</SPAN>
  <DIV  class="floating_left" style="height:80px;">
  
  

17715390137

  
  
  
  
  
  
  
  
  </DIV></DD>
  <DD class="qrcord"><A href="#top"><SPAN>扫一扫</SPAN></A> 
  
  
  
  

  
            
    
  <DIV class="floating_left floating_ewm"><I></I>
  <P class="qrcord_p01">扫一扫<BR>加微信</P></DIV></DD>
  <DD class="return"><A href="#top"><SPAN></SPAN></A> </DD>
</DL></DIV>


 客服-->             









































<style>

img {
	margin: 0px;
	padding: 0px;
}






#bottom {
	
	display:none;
}




@media all and (max-width:768px){



#bottom {
	position: fixed;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	height: 50px;
	bottom: 0;
/*	border-top: #fff solid 2px;*/
	background: #05a4e9;
	z-index: 999;
	display:inline;
}



}





















#bottom ul {
	height: 45px;
	line-height: 45px
}
#bottom ul li {
	width: 25%;
	float: left;
	color: #FFF
}
#bottom ul li dl {
	width: auto;
	margin: 0 auto;
	border-right: 1px solid #15aef1;
	box-shadow: 1px 0px 0 #0698d7;
	text-align: center
}
#bottom ul li dt {
	width: auto;
	height: 30px;
	text-align: center;
}
#bottom ul li dd {
	width: auto;
	height: 20px;
	font-size: 12px;
	color: #fff;
	line-height: 20px;
	text-align: center;
}
</style>






<div id="bottom">
  <ul>
    <li> <a href="index.php">
      <dl>
        <dt style="text-align: center;"><table width="98%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center"><img  src="imagee/icon_3.png" width="22" height="22" style=" margin-top:5px;"></td>
  </tr>
</table>
</dt>
        <dd>首页</dd>
      </dl>
      </a> </li>
	  
	  
	  
	  
	  
	  
	  
	  
    <li> <a href="sms:18101240246">
      <dl>
        <dt>
		
		<table width="98%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center"><img src="imagee/icon_4.png" width="22" height="22" style="margin-top: 5px; " class="wow flash animated"></td>
  </tr>
</table>
		</dt>
        <dd>发送短信</dd>
      </dl>
      </a> </li>
	  
	  
	  
	  
	  
    <li> <a href="tel:17715390137">
      <dl>
        <dt>
		
		<table width="98%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center"><img src="imagee/icon_5.png" width="22" height="22" style="margin-top: 5px;" class="wow flash animated" ></td>
  </tr>
</table>
		</dt>
        <dd>电话咨询</dd>
      </dl>
      </a> </li>
	  
	  
	  
	  
	  
	  
      <li> <a href="news.php?id=762" >
      <dl>
        <dt>
		
		
		<table width="98%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center"><img  src="imagee/icon_map.png" width="22" height="22" style=" margin-top:5px;"></td>
  </tr>
</table>
		</dt>
        <dd>联系我们</dd>
      </dl>
      </a> </li>
	  
	  
	  
  </ul>
</div>

<script type="text/javascript" src="https://js.users.51.la/21704459.js"></script>



 </body> </html>

