dengzhiguo 7 years ago
parent
commit
3966dbcb46

BIN
img/Technology_21.png


BIN
img/Technology_22.jpg


BIN
img/Technology_25.png


BIN
img/Technology_26.png


BIN
img/search_bg.png


BIN
img/search_line.png


BIN
img/technology_bg.png


BIN
img/technology_gain.png


BIN
img/technology_question.png


BIN
img/technology_text.png


+ 112 - 0
src/css/Technologytrading.css

@@ -0,0 +1,112 @@
+*{box-sizing: border-box;}
+.clear_line{width:100%;height:1px;}
+#technology{width:100%;height:420px;box-shadow: 0 8px 8px 0 #E4E4E4;}
+.technolo{width:1200px;height:420px;padding-top:40px;margin:0 auto;
+    position: relative;}
+.technolo_left{width:390px;height:340px;display:inline-block;
+    position: absolute;top:40px;left:0;}
+
+.technolo>div>div{width:390px;height:235px;
+    margin-top:45px;position: relative;}
+.technolo>div>h3{color:#256195;}
+.technolo>div>div:hover{background: url("../../img/technology_bg.png") center center;
+background-size: 390px 235px;}
+.technolo_text{width:365px;height:210px;border:1px solid #F4F4F4;
+    margin:12px auto;border-radius: 10px;padding: 50px 10px 35px 30px;}
+.technolo_text>div{margin-bottom: 10px;}
+.technolo_text h5{color:#FF951D;margin:0;}
+.technolo_text p{display: inline-block;}
+.technolo_text a{display: inline-block;color:#FF951D;}
+.technolo>div>div>img{position: absolute;top:-40px;left:20px;}
+.technolo>div>div>span{width:75px;height:35px;background: #FFB200;
+    border-radius: 10px;position: absolute;left:40px;bottom:0;text-align: center;
+    line-height: 35px;color:#fff;}
+.technolo_center{width:390px;height:340px;display:inline-block;
+    position: absolute;top:40px;left:400px;}
+.technolo_right{width:390px;height:340px;display:inline-block;
+    position: absolute;top:40px;right:0;}
+
+/*search*/
+#search{width:100%;height:270px;background: #F5F5F5;padding-top: 25px;margin-top: 10px;}
+.search{width:1200px;height:215px;background: url("../../img/search_bg.png") center center;
+background-size: 1200px 215px;margin:0 auto;position: relative;}
+.search_cont{width:690px;height:180px;position: absolute;top:20px;left:140px;}
+.search_cont>h3{text-align: center;line-height: 60px;color:#000;}
+.search_cont>input{display: block;width:665px;height:40px;
+    border: 1px solid #DDB14B;border-radius: 20px;padding-left: 25px;
+    margin-left:12px; }
+.search_cont>span{width:35px;height:35px;position: absolute;top:63px;right:30px;
+    background: url("../../img/search_line.png") center center;cursor: pointer;}
+.search_cont>div{display: block;width:665px;height:40px;
+    padding-left: 15px;margin-left:12px;margin-top:15px;}
+.search_cont>div>span{font-size: 16px;font-weight: bold;margin-right: 5px;color:#414141;}
+
+
+/*li*/
+.container{width: 1200px;}
+.industry{background: #ffffff;overflow: hidden;margin-bottom: 30px;}
+.industry_left{float: left;width: 300px;height:1000px;text-align: center;
+    padding-top: 40px;background: #2a9ee2;}
+.industry_left h3{font-size: 24px;margin-bottom: 22px;color: #FFFFFF;font-weight:normal;}
+.industry_left ul li a{font-size:16px ;color: #ffffff;}
+.industry_left ul li{line-height: 36px;height: 36px;}
+.title_details{width: 840px;clear: both;margin-bottom: 36px;}
+.industry_right{float: left;padding-left: 30px;width: 870px;}
+.title_details ol {width: 100%;overflow: hidden;border-bottom: 1px solid #CCCCCC;}
+.title_details ol li{float: left;padding-left: 12px;padding-right: 12px;
+    font-size: 24px;color: #333333;border-bottom: 1px solid transparent;
+    line-height: 50px;cursor: pointer;}
+.act{color:#074d88 !important;border-bottom: 1px solid #074d88!important;}
+.action_li{box-shadow: 0 0 10px 0 #ddd inset}
+.checked_no{display:none;}
+.main_details ul{overflow: hidden;}
+.main_details ul li{width: 260px;height:380px;float: left;position: relative;z-index: 10;box-shadow: 0 0 15px #CCCCCC;margin-left: 10px;margin-right: 10px;margin-bottom: 20px;}
+.main_details ul li img{;width: 260px;}
+.main_details ul li .details_fix{position: absolute;top: 145px;background: rgba(131,146,145,0.5);z-index: 12;width: 260px;height: 70px;text-align: center;color: #FFFFFF;}
+.details_fix p{line-height: 25px;}
+.details_fix p:first-child{margin-top: 10px;}
+.details_fix p span{color: #333333;margin-left: 5px;}
+.details_text{width:260px;padding-top:10px ;position: absolute;left: 0;bottom:0px;}
+.details_text p{width: 200px;margin:5px auto;color: #f68705;font-size: 16px;}
+.details_text p span{color: #333333;display: inline-block;width: 160px;overflow: hidden;height: 20px;vertical-align: top;text-overflow: ellipsis;white-space: nowrap;}
+.details_text p b{font-weight:normal;color: #333333;width:160px;height:40px ;display: inline-block;vertical-align: top; }
+.details_text a{width: 80px;height: 26px;display: inline-block;
+    background: #ffb200;border-radius: 10px;float: right;
+    line-height: 26px;text-align: center;color: #ffffff;
+    margin-right: 30px;margin-bottom: 16px;margin-top:15px;}
+
+.pagination_box{width: 840px;}
+.pagination_box  .totalCount{ float:right; line-height: 74px;margin-right: 20px;color: #999;}
+.pagination_box .pagination{float: right;}
+.pagination_box .pagination li{float: left;}
+.detail_interest_sub li{transition: all .5s;}
+.detail_interest_sub li:hover{transform: scale(.985)}
+.detail_interest_sub li:hover .interest_list_title>p{color: #fe9507;}
+
+.channel{background: url(../../img/Technology_22.jpg)no-repeat center center; text-align: center;height: 540px;background-position-y: 20px;}
+.channel h5{font-size: 24px;color: #074d88;margin-top: 50px;}
+.channel ul{overflow: hidden;margin-top: 65px;margin-left: 10px;}
+.channel ul li{width: 195px;float: left;height: 195px;margin-left: 40px;}
+.channel ul li:first-child{margin-left: 0;}
+.channel ul li a{color: #ffffff;font-size: 20px;line-height: 195px;height: 195px;display: inline-block;width: 195px;display: inline-block;}
+.channel ul li:nth-child(2n+1){background: url(../../img/Technology_25.png)no-repeat center;}
+.channel ul li:nth-child(2n){background: url(../../img/Technology_26.png)no-repeat center;margin-top: 50px;}
+.checkd{display:block;}
+#bottom{margin-top: -150px;}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+ 49 - 0
src/js/Technologytrading.js

@@ -5,3 +5,52 @@ import '../css/main_banner.css';
 import './public.js';
 import './main_banner.js';
 import '../css/Technologytrading.css';
+
+(function(){
+    $(".title_details ol li").click(function(){
+        $(this).addClass("act").siblings().removeClass("act");
+       var left_val=$(".industry_ul li.action_li").val();
+       var right_val = $(this).val();
+        $.ajax({
+            method: "get",
+            dataType: "json",
+            url: globalConfig.context + "/portal/search/demandList",
+            data: {
+                category:left_val,
+                fieldA:right_val
+            },
+            success: function (data) {
+                console.log(data);
+            }
+        })
+    });
+    $(".industry_ul li").click(function() {
+        $(".title_details ol li").eq(0).addClass("act").siblings().removeClass("act");
+        $(this).addClass("action_li").siblings().removeClass("action_li");
+        var left_val = $(this).val();
+        var right_val = $(".title_details ol li").eq(0).val();
+        $.ajax({
+            method: "get",
+            dataType: "json",
+            url: globalConfig.context + "/portal/search/demandList",
+            data: {
+                category:left_val,
+                fieldA:right_val
+            },
+            success: function (data) {
+                console.log(data);
+            }
+        })
+    })
+})();
+
+
+
+
+
+
+
+
+
+
+

+ 7 - 7
src/js/service.js

@@ -1,10 +1,10 @@
-import '../css/bootstrap.less';
-import 'bootstrap/dist/js/bootstrap.js';
-import '../css/public.css';
-import '../css/service.css';
-import '../css/main_banner.css';
-import './public.js';
-import './main_banner.js'
+//import '../css/bootstrap.less';
+//import 'bootstrap/dist/js/bootstrap.js';
+//import '../css/public.css';
+//import '../css/service.css';
+//import '../css/main_banner.css';
+//import './public.js';
+//import './main_banner.js'
 (function(){     
     $("#office").click(function(){
         $(this).removeClass("that").addClass("that");

+ 372 - 9
template/Technologytrading.html

@@ -9,9 +9,10 @@
 	<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=no">
 	<meta http-equiv="x-ua-compatible" content="ie=edge">
     <title>科技服务</title>
-    <!--<link rel="stylesheet" href="../src/css/bootstrap.css" />
-    <link rel="stylesheet" href="../src/css/public.css" />
-    <link rel="stylesheet" type="text/css" href="../src/css/service.css"/>-->
+    <!--<link rel="stylesheet" href="../src/css/bootstrap.css" />-->
+    <!--<link rel="stylesheet" href="../src/css/public.css" />-->
+	<!--<link rel="stylesheet" href="../src/css/main_banner.css"/>-->
+    <!--<link rel="stylesheet" type="text/css" href="../src/css/Technologytrading.css"/>-->
 </head>
 <body>  	
   	<header>
@@ -51,11 +52,373 @@
 		</a>
 	</div>
   	<!--主体内容区域开始-->
- 
+ 	<div id="technology">
+		<div class="technolo">
+			<div class="technolo_left">
+				<h3>技术交易政策</h3>
+				<div>
+					<div class="clear_line"></div>
+					<div class="technolo_text">
+						<div>
+							<h5>高新是什么?</h5>
+							<p>高新是高科技和新技术的结合...</p>
+							<a href="#">了解更多</a>
+						</div>
+						<div>
+							<h5>高新是什么?</h5>
+							<p>高新是高科技和新技术的结合...</p>
+							<a href="#">了解更多</a>
+						</div>
+						<div>
+							<h5>高新是什么?</h5>
+							<p>高新是高科技和新技术的结合...</p>
+							<a href="#">了解更多</a>
+						</div>
+					</div>
+					<img src="../img/technology_text.png" alt=""/>
+					<span>更 多</span>
+				</div>
+			</div>
+			<div class="technolo_center">
+				<h3>技术交易政策</h3>
+				<div>
+					<div class="clear_line"></div>
+					<div class="technolo_text">
+						<div>
+							<h5>高新是什么?</h5>
+							<p>高新是高科技和新技术的结合...</p>
+							<a href="#">了解更多</a>
+						</div>
+						<div>
+							<h5>高新是什么?</h5>
+							<p>高新是高科技和新技术的结合...</p>
+							<a href="#">了解更多</a>
+						</div>
+						<div>
+							<h5>高新是什么?</h5>
+							<p>高新是高科技和新技术的结合...</p>
+							<a href="#">了解更多</a>
+						</div>
+					</div>
+					<img src="../img/technology_gain.png" alt=""/>
+					<span>更 多</span>
+				</div>
+			</div>
+			<div class="technolo_right">
+				<h3>技术交易政策</h3>
+				<div>
+					<div class="clear_line"></div>
+					<div class="technolo_text">
+						<div>
+							<h5>高新是什么?</h5>
+							<p>高新是高科技和新技术的结合...</p>
+							<a href="#">了解更多</a>
+						</div>
+						<div>
+							<h5>高新是什么?</h5>
+							<p>高新是高科技和新技术的结合...</p>
+							<a href="#">了解更多</a>
+						</div>
+						<div>
+							<h5>高新是什么?</h5>
+							<p>高新是高科技和新技术的结合...</p>
+							<a href="#">了解更多</a>
+						</div>
+					</div>
+					<img src="../img/technology_question.png" alt=""/>
+					<span>更 多</span>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div id="search">
+		<div class="search">
+			<form action="">
+				<div class="search_cont">
+					<h3>快速搜索</h3>
+					<input type="text" placeholder="医药生物"/>
+					<span class="search_click"></span>
+					<div>
+						<span>医药</span>
+						<span>教育</span>
+						<span>生物</span>
+						<span>医药</span>
+						<span>教育</span>
+						<span>生物</span>
+						<span>医药</span>
+						<span>教育</span>
+						<span>生物</span>
+					</div>
+				</div>
+			</form>
+		</div>
+	</div>
+	<div class="industry">
+		<div class="container">
+			<div class="industry_left">
+				<h3>行业分类</h3>
+				<ul class="industry_ul">
+					<li class="action_li" value="0"><a href="javascript:;">医学类</a></li>
+					<li value="1"><a href="javascript:;">教育咨询</a></li>
+					<li value="2"><a href="javascript:;">航天航空</a></li>
+					<li value="3"><a href="javascript:;">医学类</a></li>
+					<li value="4"><a href="javascript:;">教育咨询</a></li>
+					<li value="5"><a href="javascript:;">航天航空</a></li>
+					<li value="6"><a href="javascript:;">医学类</a></li>
+					<li value="7"><a href="javascript:;">教育咨询</a></li>
+					<li value="8"><a href="javascript:;">航天航空</a></li>
+				</ul>
+			</div>
+			<div class="industry_right">
+				<div class="title_details">
+					<ol>
+						<li class="act" value="999" id="patent">专利交易</li>
+						<li value="0" id="attorn">精品技术转让</li>
+						<li value="1" id="nedd">精品创业需求</li>
+					</ol>
+				</div>
+				<div class="main_details checked">
+					<ul id="demandList_patent">
+						<li>
+							<img src="../img/Technology_21.png" alt="" />
+							<div class="details_text">
+								<p>行业 <span>怒吼道胡非常胡海峰回复</span></p>
+								<p>价格 <span>10000</span></p>
+								<p>简介 <b>怒吼道胡非常胡海峰回复怒吼道胡非常胡海峰回复</b></p>
+								<a href="#">了解详情</a>
+							</div>
+							<div class="details_fix">
+								<p>专利名 <span> 医疗四分局王死哦风景</span></p>
+								<p>所有人 <span> 胡海峰</span></p>
+							</div>
+						</li>
+						<li>
+							<img src="../img/Technology_21.png" alt="" />
+							<div class="details_text">
+								<p>行业 <span>怒吼道胡非常胡海峰回复</span></p>
+								<p>价格 <span>10000</span></p>
+								<p>简介 <b>怒吼道胡非常胡海峰回复怒吼道胡非常胡海峰回复</b></p>
+								<a href="#">了解详情</a>
+							</div>
+							<div class="details_fix">
+								<p>专利名 <span> 医疗四分局王死哦风景</span></p>
+								<p>所有人 <span> 胡海峰</span></p>
+
+							</div>
+						</li>
+						<li>
+							<img src="../img/Technology_21.png" alt="" />
+							<div class="details_text">
+								<p>行业 <span>怒吼道胡非常胡海峰回复</span></p>
+								<p>价格 <span>10000</span></p>
+								<p>简介 <b>怒吼道胡非常胡海峰回复怒吼道胡非常胡海峰回复</b></p>
+								<a href="#">了解详情</a>
+							</div>
+							<div class="details_fix">
+								<p>专利名 <span> 医疗四分局王死哦风景</span></p>
+								<p>所有人 <span> 胡海峰</span></p>
+
+							</div>
+						</li>
+						<li>
+							<img src="../img/Technology_21.png" alt="" />
+							<div class="details_text">
+								<p>行业 <span>怒吼道胡非常胡海峰回复</span></p>
+								<p>价格 <span>10000</span></p>
+								<p>简介 <b>怒吼道胡非常胡海峰回复怒吼道胡非常胡海峰回复</b></p>
+								<a href="#">了解详情</a>
+							</div>
+							<div class="details_fix">
+								<p>专利名 <span> 医疗四分局王死哦风景</span></p>
+								<p>所有人 <span> 胡海峰</span></p>
+
+							</div>
+						</li>
+						<li>
+							<img src="../img/Technology_21.png" alt="" />
+							<div class="details_text">
+								<p>行业 <span>怒吼道胡非常胡海峰回复</span></p>
+								<p>价格 <span>10000</span></p>
+								<p>简介 <b>怒吼道胡非常胡海峰回复怒吼道胡非常胡海峰回复</b></p>
+								<a href="#">了解详情</a>
+							</div>
+							<div class="details_fix">
+								<p>专利名 <span> 医疗四分局王死哦风景</span></p>
+								<p>所有人 <span> 胡海峰</span></p>
+							</div>
+						</li>
+
+					</ul>
+				</div>
+				<!--<div class="main_details checked_no">-->
+					<!--<ul id="demandList_attorn">-->
+						<!--<li>-->
+							<!--<img src="../img/Technology_21.png" alt="" />-->
+							<!--<div class="details_text">-->
+								<!--<p>行业 <span>怒吼道胡非常胡海峰回复</span></p>-->
+								<!--<p>价格 <span>10000</span></p>-->
+								<!--<p>简介 <b>怒吼道胡非常胡海峰回复怒吼道胡非常胡海峰回复</b></p>-->
+								<!--<a href="#">了解详情</a>-->
+							<!--</div>-->
+							<!--<div class="details_fix">-->
+								<!--<p>专利名 <span> 医疗四分局王死哦风景</span></p>-->
+								<!--<p>所有人 <span> 胡海峰</span></p>-->
+
+							<!--</div>-->
+						<!--</li>-->
+						<!--<li>-->
+							<!--<img src="../img/Technology_21.png" alt="" />-->
+							<!--<div class="details_text">-->
+								<!--<p>行业 <span>怒吼道胡非常胡海峰回复</span></p>-->
+								<!--<p>价格 <span>10000</span></p>-->
+								<!--<p>简介 <b>怒吼道胡非常胡海峰回复怒吼道胡非常胡海峰回复</b></p>-->
+								<!--<a href="#">了解详情</a>-->
+							<!--</div>-->
+							<!--<div class="details_fix">-->
+								<!--<p>专利名 <span> 医疗四分局王死哦风景</span></p>-->
+								<!--<p>所有人 <span> 胡海峰</span></p>-->
+
+							<!--</div>-->
+						<!--</li>-->
+						<!--<li>-->
+							<!--<img src="../img/Technology_21.png" alt="" />-->
+							<!--<div class="details_text">-->
+								<!--<p>行业 <span>怒吼道胡非常胡海峰回复</span></p>-->
+								<!--<p>价格 <span>10000</span></p>-->
+								<!--<p>简介 <b>怒吼道胡非常胡海峰回复怒吼道胡非常胡海峰回复</b></p>-->
+								<!--<a href="#">了解详情</a>-->
+							<!--</div>-->
+							<!--<div class="details_fix">-->
+								<!--<p>专利名 <span> 医疗四分局王死哦风景</span></p>-->
+								<!--<p>所有人 <span> 胡海峰</span></p>-->
+
+							<!--</div>-->
+						<!--</li>-->
+						<!--<li>-->
+							<!--<img src="../img/Technology_21.png" alt="" />-->
+							<!--<div class="details_text">-->
+								<!--<p>行业 <span>怒吼道胡非常胡海峰回复</span></p>-->
+								<!--<p>价格 <span>10000</span></p>-->
+								<!--<p>简介 <b>怒吼道胡非常胡海峰回复怒吼道胡非常胡海峰回复</b></p>-->
+								<!--<a href="#">了解详情</a>-->
+							<!--</div>-->
+							<!--<div class="details_fix">-->
+								<!--<p>专利名 <span> 医疗四分局王死哦风景</span></p>-->
+								<!--<p>所有人 <span> 胡海峰</span></p>-->
+							<!--</div>-->
+						<!--</li>-->
+
+					<!--</ul>-->
+				<!--</div>-->
+				<!--<div class="main_details checked_no">-->
+					<!--<ul id="demandList_nedd">-->
+						<!--<li>-->
+							<!--<img src="../img/Technology_21.png" alt="" />-->
+							<!--<div class="details_text">-->
+								<!--<p>行业 <span>怒吼道胡非常胡海峰回复</span></p>-->
+								<!--<p>价格 <span>10000</span></p>-->
+								<!--<p>简介 <b>怒吼道胡非常胡海峰回复怒吼道胡非常胡海峰回复</b></p>-->
+								<!--<a href="#">了解详情</a>-->
+							<!--</div>-->
+							<!--<div class="details_fix">-->
+								<!--<p>专利名 <span> 医疗四分局王死哦风景</span></p>-->
+								<!--<p>所有人 <span> 胡海峰</span></p>-->
+							<!--</div>-->
+						<!--</li>-->
+						<!--<li>-->
+							<!--<img src="../img/Technology_21.png" alt="" />-->
+							<!--<div class="details_text">-->
+								<!--<p>行业 <span>怒吼道胡非常胡海峰回复</span></p>-->
+								<!--<p>价格 <span>10000</span></p>-->
+								<!--<p>简介 <b>怒吼道胡非常胡海峰回复怒吼道胡非常胡海峰回复</b></p>-->
+								<!--<a href="#">了解详情</a>-->
+							<!--</div>-->
+							<!--<div class="details_fix">-->
+								<!--<p>专利名 <span> 医疗四分局王死哦风景</span></p>-->
+								<!--<p>所有人 <span> 胡海峰</span></p>-->
+
+							<!--</div>-->
+						<!--</li>-->
+						<!--<li>-->
+							<!--<img src="../img/Technology_21.png" alt="" />-->
+							<!--<div class="details_text">-->
+								<!--<p>行业 <span>怒吼道胡非常胡海峰回复</span></p>-->
+								<!--<p>价格 <span>10000</span></p>-->
+								<!--<p>简介 <b>怒吼道胡非常胡海峰回复怒吼道胡非常胡海峰回复</b></p>-->
+								<!--<a href="#">了解详情</a>-->
+							<!--</div>-->
+							<!--<div class="details_fix">-->
+								<!--<p>专利名 <span> 医疗四分局王死哦风景</span></p>-->
+								<!--<p>所有人 <span> 胡海峰</span></p>-->
+
+							<!--</div>-->
+						<!--</li>-->
+						<!--<li>-->
+							<!--<img src="../img/Technology_21.png" alt="" />-->
+							<!--<div class="details_text">-->
+								<!--<p>行业 <span>怒吼道胡非常胡海峰回复</span></p>-->
+								<!--<p>价格 <span>10000</span></p>-->
+								<!--<p>简介 <b>怒吼道胡非常胡海峰回复怒吼道胡非常胡海峰回复</b></p>-->
+								<!--<a href="#">了解详情</a>-->
+							<!--</div>-->
+							<!--<div class="details_fix">-->
+								<!--<p>专利名 <span> 医疗四分局王死哦风景</span></p>-->
+								<!--<p>所有人 <span> 胡海峰</span></p>-->
+
+							<!--</div>-->
+						<!--</li>-->
+						<!--<li>-->
+							<!--<img src="../img/Technology_21.png" alt="" />-->
+							<!--<div class="details_text">-->
+								<!--<p>行业 <span>怒吼道胡非常胡海峰回复</span></p>-->
+								<!--<p>价格 <span>10000</span></p>-->
+								<!--<p>简介 <b>怒吼道胡非常胡海峰回复怒吼道胡非常胡海峰回复</b></p>-->
+								<!--<a href="#">了解详情</a>-->
+							<!--</div>-->
+							<!--<div class="details_fix">-->
+								<!--<p>专利名 <span> 医疗四分局王死哦风景</span></p>-->
+								<!--<p>所有人 <span> 胡海峰</span></p>-->
+							<!--</div>-->
+						<!--</li>-->
+
+					<!--</ul>-->
+				<!--</div>-->
+				<div class="pagination_box">
+					<nav aria-label="Page navigation" class="clearfix">
+						<ul class="pagination">
+							<li class="pagePre">
+								<a href="#" aria-label="Previous">
+									<span aria-hidden="true">&laquo;</span>
+								</a>
+							</li>
+							<li class="pageNumber"><a href="#" value="1">1</a></li>
+							<li class="pageNext">
+								<a href="#" aria-label="Next">
+									<span aria-hidden="true">&raquo;</span>
+								</a>
+							</li>
+						</ul>
+						<span class="totalCount">共0条数据</span>
+					</nav>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="channel">
+		<div class="container">
+			<h5>快速通道</h5>
+			<ul>
+				<li><a href="">技术评估</a></li>
+				<li><a href="">专利申请</a></li>
+				<li><a href="">专利征集</a></li>
+				<li><a href="">发布技术</a></li>
+				<li><a href="">发布需求</a></li>
+			</ul>
+		</div>
+	</div>
   	<!--主体内容区域结束-->
 	<div id="bottom">
 		<div class="bottom">
-			<img src="../img/bottom1_02.png" alt=""/>
 			<div class="bottom_text">
 				<div class="text_top">
 					<a href="#">关于公司/</a>
@@ -178,8 +541,8 @@
 	</div>
 	<div class="smg"><input type="text" name="msg" value="" id="msg"/></div>
 </body>
-<!--<script type="text/javascript" src="../src/js/jquery-2.1.0.js"></script>
-<script type="text/javascript" src="../src/js/service.js"></script>
-<script type="text/javascript" src="../src/js/public.js"></script>-->
-
+<!--<script type="text/javascript" src="../src/js/jquery-2.1.0.js"></script>-->
+<!--<script type="text/javascript" src="../src/js/service.js"></script>-->
+<!--<script type="text/javascript" src="../src/js/public.js"></script>-->
+<!--<script type="text/javascript" src="../src/js/Technologytrading.js"></script>-->
 </html>