large_instrument_html
/
machine13.html

<!DOCTYPE html>

<html>

	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

		<title>仪器共享</title>

		<meta name="keywords" content="科研仪器，生命科学仪器，环境检测仪器，实验常用设备，分析仪器">

		<meta name="description" content="中国领先的科研仪器共享平台，让您快速找到各种类型的科学研究仪器。提升闲置仪器利用率，产生更大科研价值。涵盖：生命科学仪器、环境检测仪器、实验常用设备、分析仪器、仪表、物性测试、测量/计量仪器、在线及过程控制仪器。

">

		<!-- 引入 Bootstrap 的 CSS 文件 -->

		<link href="css/bootstrap.min.css" rel="stylesheet">

		<link rel="stylesheet" href="css/index.css?t=201711101207">
		<link rel="stylesheet" type="text/css" href="css/owl.carousel.css" />
		<link href="css/sun_jigou.css" rel="stylesheet">
<link rel="stylesheet" href="css/new_css/zTreeStyle.css">
<link type="text/css" rel="stylesheet" href="css/new_css/tab-control.min.css">
		<style type="text/css">
	.sun_div{
		background-color: rgb(241,246,252);
	}
	.check_system{
		    line-height: 62px;
    height: 62px;
	}
	.sun_ul{
     border-top: 5px solid #0083E7;
	}
.admin-side-toggle, .admin-side-full {
    position: absolute;
    cursor: pointer;
    z-index: 19940201;
    left: 200px;
    color: white;
    text-align: center;
    width: 30px;
    height: 30px;
    background-color: rgb(0,131,213);
    line-height: 30px;
    top: 25%;
    border-radius: 50%;
}
.sun_icon .left img,.sun_icon .right img{
	width: 25px;
	height: 25px;
}
.sun_icon .left{
	margin-right: 10px;
}
.reset .container{
	border:none;
}
.div_menu{
	border-bottom:2px solid rgb(240,240,240);
	border-right:2px solid rgb(240,240,240);
	border-left:2px solid rgb(240,240,240);
}
.sun_where{
	position: absolute;
    top: -34px;
    left: 15px;
}
.sun_content{
	height: 720px;
	padding:0px 5px;
}
.sun_title{
	width: 100%;
	height: 50px;
	line-height: 50px;
	border-bottom: 2px solid rgb(240,240,240);
}
.sun_title .sun_title_index{
	height: 50px;
	line-height: 50px;
	border-bottom: 2px solid rgb(255,138,0);
	display:inline-block;
	font-size: 15px;
}
.sun_title .sun_title_stu{
	height: 50px;
	line-height: 50px;
	display:inline-block;
	margin-left: 20px;
	font-size: 15px;
}
.sun_list{
	width: 100%;
	text-align: center;
}

.sun_list .sun_box{
	display: inline-block;
	width: 500px;
	height: auto;
}
.sun_list .sun_box .sun_row{
	    width: 100%;
    margin-top: 22px;
}
.sun_list .sun_box .sun_row label{
	    display: inline-block;
    width: 23%;
    font-size: 14px;
    letter-spacing: 4px;
}
.sun_list .sun_box .sun_row input{
	    width: 75%;
    font-size: 14px;
    height: 56px;
    padding-left: 10px;
    outline: none;
}
.sun_list .sun_box .sun_row .div_input{
	display: inline-block;
	    width: 75%;
    height: 180px;
    padding-left: 10px;
    outline: none;
}
.sun_box .sun_row>.div_buttom{
	width: 150px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background-color: rgb(255,138,0);
	border-radius: 4px;
	color: white;
	display: inline-block;
	float: left;
}
input[type="text"]{
	border-radius: 0px;
}
#con tr:nth-child(even){
    		background-color: rgb(254,244,232);
    	}
    	 .layui-table th{
    	 	text-align: center;
    	 	font-size: 12px;
    	 }
 .layui-table td {
	    position: relative;
    padding: 20px 15px;
    min-height: 40px;
    line-height: 20px;
    font-size: 12px;
}
div#nav_top > div.container > div.fl > div.web_name {
    font-size: 22px;
    color: #585858;
    margin-left: 15px;
    line-height: 22px;
    float: left;
    margin-top: 0px!important;
}
.sun_image,.sun_button{
	text-align: left;
}
.sun_button{
	background-color: rgb(255,138,0);
	border-radius: 21px;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: white;
	margin-left: 14px;
}
.sun_top_title{

	height: 50px;
}
.sun_top_title .title{
	height: 50px;
	line-height: 50px;
	display: inline-block;
	border-bottom: 2px solid rgb(255,138,0);
}
.s_row{
	margin-bottom: 25px;
}
.sun_content{
	width: 100%;
	padding: 10px;

}
.article_title{
	text-align: center;
	font-size: 29px;
}
.article_know{
	border-left: 1px solid rgb(255,138,0);
	margin-bottom: 30px;
}
.article_info{
	padding-bottom: 40px;
	border-bottom: 1px solid rgb(247,247,247);
}
.s_button{
	margin-top: 100px;
	text-align: center;
}
.s_button .button_box{
	width: 300px;
	height: 55px;
	line-height: 55px;
	color: white;
	background-color: rgb(255,138,0);
	display: inline-block;
	border-radius: 8px;
}
	/*.sun_blue{
		    border-top: 5px solid rgb(1,129,213);
	}*/
</style>

<script src="js/new_js/jquery-2.0.3.min.js"></script>
<script src="js/new_js/jquery.tips.js"></script>
<script src="js/new_js/jquery-ui-1.10.3.full.min.js"></script>
<script src="js/new_js/jquery.md5.js"></script>
<script src="js/new_js/amazeui.min.js"></script>
<script src="js/new_js/jy.main.js"></script>
<!--bootstrap日期时间start  -->
<script src="js/new_js/bootstrap-datetimepicker.min.js"></script>
<!-- 字体插件(默认英文)  可全部引入-->
<script src="js/new_js/locales/bootstrap-datetimepicker.zh-CN.js"></script>

<script type="text/javascript" src="js/new_js/jquery.ztree.core-3.5.min.js"></script>
<script type="text/javascript" src="js/new_js/jquery.ztree.excheck-3.5.js"></script>


		<!---------->
		<script src="js/jquery-1.11.3.js"></script>

		<!-- 引入 Bootstrap 的 JS 文件 -->

		<script src="js/bootstrap.min.js"></script>

		<!--[if lt IE 9]><![endif]-->

		<script src="js/html5shiv.min.js"></script>
		<script src="js/owl.carousel.min.js"></script>
		<script src="js/page.js"></script>

		<script src="js/respond.min.js"></script>

		<script src="js/baidu.js"></script>
		<script>
			$(function() {
				$('.content .container .box .tab li').click(function() {
					$(this).addClass('selected').siblings().removeClass('selected');
					$('.content .container .box .form li').eq($(this).index()).show().siblings().hide();
				});
			});
		</script>

	</head>

	<body>

		<link rel="stylesheet" href="css/header_footer.css?t=1">
		<link rel="stylesheet" href="css/sunstyle.css">

		<div id="front_header" class="header">
			<div class="header_wrap">
				<div class="fl left">
					<img src="images/home.png" />
					<span>欢迎访问仪器共享平台</span>
				</div>
				<div class="fr right">
					<a href="#this">登录</a>
					<a href="#this" class="color">注册</a>
				</div>
			</div>
		</div>

		<div class="nav" id="nav_top">

			<div class="container">
				<div class="fl">

					<div class="logo ">

						<a href="/"><img src="images/logo.png" alt=""></a>

					</div>
<div class="web_name">
						<img src="images/icon3.png" />
						<p>yq.shang.com</p>
					</div>

				</div>
			    <div class="fr">

					<form action="/apparatus/lists" id="header_form">

						<input type="text" name="ky" placeholder="请输入想要的仪器名称或单位名称">
						<button type="button" id="search-btn">订单搜索</button>
						<img src="images/search.png" />

					</form>

				</div>

			</div>
		</div>
		<div class="reset">
			<div class="container" style="height: 700px;position: relative;border: 1px solid rgb(217,217,217); margin-top: 20px; padding: 10px;">
				<div class="sun_where">您的位置:&nbsp;&nbsp;&nbsp;首页》<span>&nbsp;仪器中心》</span><span style="color: rgb(255,138,0);">&nbsp;湿度发生器</span></div>
				<div>
		<!--菜单  -->
		<div class="sun_top_title s_row"><div class="title">下载仪器知识</div></div>
		<div class="sun_content">
			<div class="s_row article_title">湿度发生器 </div>
			<div class="s_row article_know">&nbsp;&nbsp;仪器知识信息 </div>
			<div class="s_row article_user">上传人：<span style="color: rgb(159,159,150=9);">张三</span></div>
			<div class="s_row article_content">仪器知识概述：<span style="color: rgb(159,159,159);">张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三
			张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张
			张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张
			张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张
			张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张
			张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张</span></div>

			<div class="s_row article_info">上传时间：<span style="color: rgb(159,159,159);">2017-04-24</span>&nbsp;&nbsp;
			文件格式：<span style="color: rgb(159,159,159);">2017-04-24</span>&nbsp;&nbsp;
			文件大小：<span style="color: rgb(159,159,159);">2017-04-24</span>&nbsp;&nbsp;
			文件分类：<span style="color: rgb(159,159,159);">2017-04-24</span>&nbsp;&nbsp;</div>

			<div class="s_button">
        	<div class="button_box">下载仪器知识</div>
        </div>
		</div>


<!-- 主要界面 右边    -->


	</div>


<!--
				<div class="sun_page">
          	<div id="test23"></div>
          </div>-->

			</div>

		</div>


		<div id="footer">
			© 2015-2020 科研仪器 版权所有 技术支持：科研仪器共享平台 支持电话：010-123658987 拷贝
		</div>
		<!--new-->
        <script src="js/new_js/tab-control.min.js"></script>
	<script src="js/new_js/index.js"></script>
	<!--new-->
		<script>
			var _hmt = _hmt || [];

			(function() {

				var hm = document.createElement("script");

				hm.src = "https://hm.baidu.com/hm.js?9a7529b195e63ca5cf0016682ef0519e";

				var s = document.getElementsByTagName("script")[0];

				s.parentNode.insertBefore(hm, s);

			})();
		</script>

		<style>
			/*侧边栏的设计*/

			#newBridge .icon-right-center {
				right: 0 !important;
				bottom: 285px !important;
				height: 105px !important;
			}

			#newBridge .nb-icon-base .nb-icon-inner-wrap {
				border-radius: 0 !important;
			}

			#sidebar {
				position: fixed;
				top: 50%;
				right: 0px;
				z-index: 2000;
				width: auto;
				margin-top: 63px;
			}

			#sidebar>div.aside {
				float: right;
				clear: both;
				margin-bottom: 1px;
			}

			#sidebar>div>p {
				color: #333;
				width: 50px;
				margin-right: 0;
				position: relative;
				z-index: 100;
				height: 50px;
				padding: 10px;
				font-size: 14px;
				letter-spacing: 1px;
				line-height: 15px;
				background: #eee;
				cursor: pointer;
				margin-bottom: 0;
			}

			#sidebar>div>a,
			#sidebar>div>span {
				color: #596b75;
				display: inline-block;
				width: 172px;
				height: 50px;
				padding: 10px;
				font-size: 14px;
				letter-spacing: 1px;
				line-height: 30px;
				cursor: pointer;
				position: absolute;
				padding-right: 0;
				padding-left: 54px;
				background: url(images/tel2.png) 12px 13px no-repeat;
				background-color: #eeeeee;
				left: 60px;
				opacity: 0;
			}

			#sidebar>div>span:hover {
				background-color: #eeeeee;
				color: #fca947;
			}

			#sidebar>div>a.qq {
				background: url(images/qq2.png) 12px 13px no-repeat;
				background-color: #eeeeee;
			}

			#sidebar>div>a.vip {
				background: url(images/vip-side2.png) 12px 13px no-repeat;
				background-color: #eeeeee;
			}

			#sidebar>div>a.qq:hover {
				background-color: #eeeeee;
				text-decoration: none;
				color: #fca947;
			}

			#sidebar>div>a.vip:hover {
				background-color: #eeeeee;
				text-decoration: none;
				color: #fca947;
			}

			#sidebar>div>p.TOtop {
				background: url(images/top_a.png) 12px no-repeat;
				background-color: #eee;
			}

			#sidebar>div>p.TOtop:hover {
				height: 50px;
				background: url(images/top_b.png) 12px no-repeat;
				background-color: #f60;
			}

			#sidebar>div>p.vip {
				background: url(images/vip_service.png) no-repeat;
				background-size: 100% 100%;
			}

			#sidebar>div>p.vip:hover {
				background: url(images/vip-b.png) 12px no-repeat;
				background-color: #f60;
				color: #f60;
				text-indent: 100%;
				white-space: nowrap;
				overflow: hidden;
			}

			#sidebar>div>p.aside {
				background: url(images/fwrexian.png) no-repeat;
				background-size: 100% 100%;
			}

			#sidebar>div>p.aside:hover {
				background: url(images/tell-b.png) 12px no-repeat;
				background-color: #f60;
				color: #f60;
				text-indent: 100%;
				white-space: nowrap;
				overflow: hidden;
			}
		</style>
        <script type="text/javascript" src="js/new_js/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="js/new_js/layui.js"></script>
<script type="text/javascript" src="js/new_js/laypage.js"></script>
<script>
layui.use('laypage', function(){
  var laypage = layui.laypage;
  //执行一个laypage实例
  laypage.render({
    elem: 'test23' //注意，这里的 test1 是 ID，不用加 # 号
    ,limit:10
    ,count: 100
    ,prev:'<'
    ,next:'>'
     ,jump: function(obj, first){
      if(!first){
        layer.msg('第'+ obj.curr +'页');
      }
    }
     ,layout: ['count', 'prev', 'page', 'next', 'limit', 'skip']//数据总数，从服务端得到
  });
});
</script>
		<!--ayc:底部快速预约end-->

		<script>
			$(function() {

				//    侧边栏的点击事件

				$("#sidebar p").mouseover(function() {

					$(this).siblings().animate({
						left: "-172px",
						opacity: 1
					}, 500)

				})

				$("#sidebar div.aside").mouseleave(function(e) {

					//            alert(0)

					$(this).find("p").siblings().animate({
						left: "0px",
						opacity: 0
					}, 500)

				})

				$("p.TOtop").click(function() {

					$('html,body').animate({
						scrollTop: 0
					}, 500)

				})

			})
		</script>

		<script src="js/index.js?t=201709201011"></script>
		<script>
			var html = new page();
			html.menu();
			html.bannerHeigth();
			html.owl();
			html.scrollEnetr();
		</script>

	</body>

</html>