keyanchengguo
/
new_file15.html

<!DOCTYPE html>

<html>
<!-- head -->

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

">
    <link rel="stylesheet" href="css/l_css/header.css">
    <link rel="stylesheet" href="css/l_css/main.css">
    <!--<link rel="stylesheet" type="text/css" href="css/main_style.css" />-->
    <style type="text/css">
    	.title {
	width:100%;

	margin-bottom:8px;
}
.title  .wrap {
	width:1200px;
	margin:auto;
}
 .title a {
	width:173px;
	height:37px;
	display:inline-block;

	text-align: center;
	line-height: 37px;
}
 .title .selected {
 	color:#fff;
	background:#ff8a00;
 }
 .vertical {
    width: 44px;
     background-color:white;
    display: block;
    widows: 10px;
    height: 166px;
    text-align: center;
    line-height: 42px;
    color: #fff;
    font-size: 22px;
}
div#nav_top>div.container>div.fr {
    width: 850px;
}
#header_form {
    float: left;
    width: 100%;
    margin-top: 60px;
    position: relative;
}
#header_form input {
    width: 60%;
    height: 52px;
    float: left;
    padding-left: 117px;
    border: 1.5px solid rgb(255,138,0);
    border-right: none;
    outline: none;
    font-size: 12px;
    font-size: 17px;
}


#header_form .img {
    position: absolute;
    top: 50%;
    left: 1px;
    height: 50px;
    width: 110px;
        font-size: 18px;
    padding: 0 5px;
    color: rgb(255,138,0);
    border-left: 1px solid rgb(255,138,0);
    border-top: 1px solid rgb(255,138,0);
    border-bottom: 1px solid rgb(255,138,0);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
#header_form button {
    float: left;
    width: 15.75757576%;
    height: 52px;
    background: rgb(255,138,0);
    border: 1px solid rgb(255,138,0);
    color: #fff;
    cursor: pointer;
    outline: none;
    font-size: 18px;
}

.sun_form_a {
    display: inline-block;
    width: 120px;
    height: 52px;
    line-height: 52px;
    background-color: rgb(6,185,254);
    color: white;
    margin-left: 27px;
    text-align: center;
    border-radius: 3px;
}
.mainList .content .list li .active {
    width: 15%;
    border-left: 1px solid #d6d6d6;
    padding-left: 20px;
    padding-right: 20px;
}

    </style>
    <script src="new_js/jquery-1.11.3.js"></script>
    <script>
        $(function () {
            $('#front_header .header_wrap .right').hover(function () {
                $('#front_header .header_wrap .top_r .main .icon img').attr('src', 'images/icon2.png');
                $('#front_header .header_wrap .top_r .out').show();
            }, function () {
                $('#front_header .header_wrap .top_r .main .icon img').attr('src', 'images/icon1.png');
                $('#front_header .header_wrap .top_r .out').hide();
            });
            $('#sorts').on('mouseover', 'li', function () {
                $(this).find('span img').attr('src', 'images/icon4.png');
            });
            $('#sorts').on('mouseout', 'li', function () {
                $(this).find('span img').attr('src', 'images/icon5.png');
            });

            $('.mainList .content .left li').click(function () {
                $(this).addClass('selected').siblings().removeClass('selected');
            });
            $('.mainList .content .search .item .right ul li').click(function () {
                $(this).addClass('selected').siblings().removeClass('selected');
            });
        });


    </script>


</head>
<!-- head end-->
<!-- body -->

<body style="background: #fff">
    <!-- header-->
    <div id="front_header" class="header">
        <div class="header_wrap">
            <div class="top_l">
                <img src="images/home.png" />
                <span>欢迎访问仪器共享平台</span>
            </div>
            <div class="top_r" letter-spacing="10px" style="margin-left: 15px;">
                <a href="#this">海洋装备</a>
            </div>
            <div class="top_r right">


                <div class="main">
                    <div class="user_pic fl">
                        <img src="images/user.png" />
                    </div>
                    <div class='user_name fl'>一日一记忆</div>
                    <div class='icon fl'>
                        <img src="images/icon1.png" />
                    </div>
                </div>


                <div class="out" style="display: none;">
                    <div class="user_center">
                        <a href="javascript:void(0)">用户中心</a>
                    </div>
                    <div class="log_out" id="root">
                        <a href="#this">退出登录</a>
                    </div>
                    <div class="tri">
                        <img src="images/icon9.png" />
                    </div>
                </div>
            </div>
            <div class="top_r" style="margin-right: 15px;">
                <a href="#this" >注册</a>
            </div>
        </div>
    </div>


    <div class="nav" id="nav_top">
        <div class="container">
            <div class="fl">
                <a href="/">
                    <span style="color: rgb(255,138,0);font-size: 34px;">科研成果共享平台</span>
                </a>
            </div>
            <div class="fr">
                <form action="#" id="header_form">
                    <input type="text" name="name" placeholder="关键词">
                    <input type="text" name="limit" hidden="hidden" value="10" placeholder="关键词">
                    <input type="text" name="offset" hidden="hidden" value="0" placeholder="关键词">
                    <button type="button" id="search-btn"><img src="images/searchIcon.png" />
                    	搜索</button>
                    <a class="sun_form_a" href="#">发布成果</a>
                    <!--<img src="images/search.png" />-->
                    <select class="img">
								<option>科研成果</option>

</select>
                </form>
            </div>

                <div>

                </div>

        </div>
    </div>


    <!---->
    <div class="title" style="border-bottom:2px solid #ff8a00;">
			<div class="wrap"><a href="#this">科研成果展示</a><a href="#this" class="selected">科研需求展示</a><a href="#this">专家展示</a><a href="#this">交易大厅</a><a href="#this">难题发布</a></div>
		</div>
    <!-- header end-->
    <div class="mainList" style="background: #fff">

        <div class="content">


            <div class="list">
                <ul>
                    <li>
                        <div class="vertical">

                        </div>
                        <div class="info">
                            <div class="title">一种感应发亮的鞋底的实用新型专利定制</div>
                            <div class="row2">
                                <div class="font">需求简介：
                                    <span>一种感应发亮的鞋底的实用新型专利定制</span>
                                </div>
                                <div class="font">地址：
                                    <span>浙江 温州</span>
                                </div>
                                <div class="font">发布时间：
                                    <span>2018-5-24</span>
                                </div>
                                <div class="font">行业类型：
                                    <span>教育领休闲</span>
                                </div>
                            </div>
                            <div class="row3">预算：
                                <span>5-10万</span>
                            </div>
                        </div>

                        <div class="active">
                        	<!--<div >
                                <p style="color: rgb(255,138,0);">预算：5-10万</p>
                            </div>-->
                            <div>
                                <a href="#" style="background-color: rgb(255,138,0);">查看详情</a>
                            </div>

                        </div>
                    </li>
                    <li>
                        <div class="vertical">

                        </div>
                        <div class="info">
                            <div class="title">一种感应发亮的鞋底的实用新型专利定制</div>
                            <div class="row2">
                                <div class="font">需求简介：
                                    <span>一种感应发亮的鞋底的实用新型专利定制</span>
                                </div>
                                <div class="font">地址：
                                    <span>浙江 温州</span>
                                </div>
                                <div class="font">发布时间：
                                    <span>2018-5-24</span>
                                </div>
                                <div class="font">行业类型：
                                    <span>教育领休闲</span>
                                </div>
                            </div>
                            <div class="row3">预算：
                                <span>5-10万</span>
                            </div>
                        </div>

                        <div class="active">
                        	<!--<div >
                                <p style="color: rgb(255,138,0);">预算：5-10万</p>
                            </div>-->
                            <div>
                                <a href="#" style="background-color: rgb(255,138,0);">查看详情</a>
                            </div>

                        </div>
                    </li>
                    <li>
                        <div class="vertical">

                        </div>
                        <div class="info">
                            <div class="title">一种感应发亮的鞋底的实用新型专利定制</div>
                            <div class="row2">
                                <div class="font">需求简介：
                                    <span>一种感应发亮的鞋底的实用新型专利定制</span>
                                </div>
                                <div class="font">地址：
                                    <span>浙江 温州</span>
                                </div>
                                <div class="font">发布时间：
                                    <span>2018-5-24</span>
                                </div>
                                <div class="font">行业类型：
                                    <span>教育领休闲</span>
                                </div>
                            </div>
                            <div class="row3">预算：
                                <span>5-10万</span>
                            </div>
                        </div>

                        <div class="active">
                        	<!--<div >
                                <p style="color: rgb(255,138,0);">预算：5-10万</p>
                            </div>-->
                            <div>
                                <a href="#" style="background-color: rgb(255,138,0);">查看详情</a>
                            </div>

                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="pageButton"></div>
        <!--找个分页插件插入-->
    </div>

    <div id="footer">
        © 2015-2020 科研仪器 版权所有 技术支持：科研仪器共享平台 支持电话：010-123658987 拷贝
    </div>


</body>


<!-- body end-->