<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="UTF-8" />
<title>北京泛博化学股份有限公司</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="css/reset.css" rel="stylesheet" />
<link href="css/main.css" rel="stylesheet"/>
</head>
<body>
<div class="top">
<div class="wrap">
<div class="fl">欢迎来到北京泛博清洁技术研究院有限公司官方网站！</div>
<div class="r_icon">
<span class="sina"><a href="#">新浪微博</a></span>
<span class="weixin"><a href="#">微信</a></span>
</div>
</div>
</div>
<div class="header">
<div class="navbar">
<div class="wrap">
<a href="#" class="logo"><img src="images/logo.png"/></a>
<div class="nav">
<ul>
<li><a href="index.html" title="网站首页">网站首页</a></li>
<li><a href="index.html" title="研究院简介">研究院简介</a></li>
<li><a href="index.html" title="研究院动态">研究院动态</a></li>
<li><a class="on" href="index.html" title="产品展示">产品展示</a></li>
<li><a href="index.html" title="电子商务">电子商务</a></li>
<li><a href="index.html" title="项目众筹">项目众筹</a></li>
<li><a href="index.html" title="联系我们">联系我们</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="s_content">
<div class="wrap">
<div class="pr_left">
<h2 class="local">Product / 产品展示</h3>
<div class="h20"></div>
<span class="cp_sy">产品快速索引</span>
<ul class="left_menu">
<li><a href="#" class="curr">产品大类1</a>
<ul style="display:block">
<li><a href="#">产品小类1</a></li>
<li><a href="#" class="on">产品小类1</a></li>
<li><a href="#">产品小类1</a></li>
<li><a href="#">产品小类1</a></li>
</ul>
</li>
<li><a href="#">产品大类1</a></li>
<li><a href="#">产品大类1</a></li>
<li><a href="#">产品大类1</a></li>
<div class="clear"></div>
</ul>
<div class="h20"></div>
<div class="r_bor">
<div class="tit">
<h3>推荐产品</h3>
<a href="#" class="more"><img src="images/more.gif"/></a>
</div>
<div class="rec_list">
<div class="cp_one first">
<div class="pic"><a href="#" class="pic"><img src="images/cp.jpg" width="130" height="90"/></a></div>
<div class="txt">
<a href="#" class="name" title="酸性毛皮燃料">酸性毛皮燃料</a>
酸性毛皮燃料酸性毛皮燃料酸性毛皮燃料酸性毛皮
<a href="#" class="cp_more">查看详细</a>
</div>
<div class="clear"></div>
</div>
<div class="cp_one">
<div class="pic"><a href="#" class="pic"><img src="images/cp.jpg" width="130" height="90"/></a></div>
<div class="txt">
<a href="#" class="name" title="酸性毛皮燃料">酸性毛皮燃料</a>
酸性毛皮燃料酸性毛皮燃料酸性毛皮燃料酸性毛皮
<a href="#" class="cp_more">查看详细</a>
</div>
<div class="clear"></div>
</div>
<div class="cp_one">
<div class="pic"><a href="#" class="pic"><img src="images/cp.jpg" width="130" height="90"/></a></div>
<div class="txt">
<a href="#" class="name" title="酸性毛皮燃料">酸性毛皮燃料</a>
酸性毛皮燃料酸性毛皮燃料酸性毛皮燃料酸性毛皮
<a href="#" class="cp_more">查看详细</a>
</div>
<div class="clear"></div>
</div>
<div class="cp_one">
<div class="pic"><a href="#" class="pic"><img src="images/cp.jpg" width="130" height="90"/></a></div>
<div class="txt">
<a href="#" class="name" title="酸性毛皮燃料">酸性毛皮燃料</a>
酸性毛皮燃料酸性毛皮燃料酸性毛皮燃料酸性毛皮
<a href="#" class="cp_more">查看详细</a>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div class="pr_right">
<div class="h10"></div>
<div class="shop_zoom">
<div id="preview" class="spec-preview"> <span class="jqzoom"><img jqimg="images/pb1.jpg" src="images/s1.jpg" /></span> </div>
<!--缩图开始-->
<div class="spec-scroll"> <a class="prev"><</a> <a class="next">></a>
<div class="items">
<ul>
<li><img alt="佳能" bimg="images/pb1.jpg" src="images/s1.jpg" onmousemove="preview(this);"></li>
<li><img alt="佳能" bimg="images/pb2.jpg" src="images/s2.jpg" onmousemove="preview(this);"></li>
<li><img alt="佳能" bimg="images/pb3.jpg" src="images/s3.jpg" onmousemove="preview(this);"></li>
<li><img alt="佳能" bimg="images/pb1.jpg" src="images/s1.jpg" onmousemove="preview(this);"></li>
<li><img alt="佳能" bimg="images/pb3.jpg" src="images/s3.jpg" onmousemove="preview(this);"></li>
<li><img alt="佳能" bimg="images/pb1.jpg" src="images/s1.jpg" onmousemove="preview(this);"></li>
<li><img alt="佳能" bimg="images/pb2.jpg" src="images/s2.jpg" onmousemove="preview(this);"></li>
<li><img alt="佳能" bimg="images/pb1.jpg" src="images/s1.jpg" onmousemove="preview(this);"></li>
<li><img alt="佳能" bimg="images/pb2.jpg" src="images/s2.jpg" onmousemove="preview(this);"></li>
<li><img alt="佳能" bimg="images/pb2.jpg" src="images/s2.jpg" onmousemove="preview(this);"></li>
<li><img alt="佳能" bimg="images/pb1.jpg" src="images/s1.jpg" onmousemove="preview(this);"></li>
<li><img alt="佳能" bimg="images/pb2.jpg" src="images/s2.jpg" onmousemove="preview(this);"></li>
</ul>
</div>
</div>
<!--缩图结束-->
</div>
<!-- The Scripts -->
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript" src="js/jquery.jqzoom.js"></script>
<script type="text/javascript" src="js/base.js"></script>
<div class="r_detail">
<div class="h5"></div>
<div class="shop_tit"><h1>节水节能转鼓（多体机）</h1>由项目组自主研发，申请多项专利</div>
<div class="shop_price">价格<span><i>￥</i>20000</span></div>
<div class="h30"></div>
<div class="shop_guige">规格<span class="on">节能一级<i></i></span><span>节能二级<i></i></span></div>
<div class="h20"></div>
<div class="shop_num">
<span>数量</span>
<div class="shop_bor"><input id="min" name="" type="button" value="-" class="jian"/>
<input id="text_box" name="" type="text" value="1" class="text_box"/>
<input id="add" name="" type="button" value="+" class="jia"/>
</div>
</div>
<script>
$(document).ready(function(){
//获得文本框对象
var t = $("#text_box");
//初始化数量为1,并失效减
$('#min').attr('disabled',true);
//数量增加操作
$("#add").click(function(){
t.val(parseInt(t.val())+1)
if (parseInt(t.val())!=1){
$('#min').attr('disabled',false);
}
})
//数量减少操作
$("#min").click(function(){
t.val(parseInt(t.val())-1);
if (parseInt(t.val())==1){
$('#min').attr('disabled',true);
}
})
});
</script> <div class="h120"></div>
</script> <div class="buy_bar"><a href="#" class="buy">立即购买</a><a href="#" class="mess">在线咨询</a></div>
</div>
<div class="clear"></div>
<div class="pro_tit"><img src="images/cp_t_img.gif"/></div>
<div class="pro_con">
<p>2015年7月15日通过了中国轻工业联合会的工业联合会的工业联合会的工业联合会的工业联合会轻工业联合会的工业联合的鉴定…</p>
<p>2015年7月15日通过了中国轻工业联合会的工业联合会的工业联
html中文网页模板 蓝色大气的泛博化学科技公司网站静态模板.zip
版权申诉
55 浏览量
2023-03-11
14:39:24
上传
评论
收藏 2.32MB ZIP 举报
html中文网页模板 蓝色大气的泛博化学科技公司网站静态模板.zip （60个子文件） 
蓝色大气的泛博化学科技公司网站静态模板 
product_detail.html 11KB js 
login.js 4KB jquery.zalki_hover_img.min-0.2.js 18KB jquery.jqzoom.js 5KB base.js 2KB jquery.SuperSlide.2.1.1.js 11KB product.html 10KB css main.css 19KB reset.css 3KB login.html 6KB index.html 9KB about.html 10KB images 
big.png 3KB
t1.gif 6KB gou.gif 568B icon3.gif 5KB
about_img.jpg 64KB q2.jpg 39KB b1.jpg 292KB fot_bg.gif 2KB pb3.jpg 177KB dot.png 15KB news_d.gif 1KB more.gif 1KB ad_ctr.png 4KB b2.jpg 374KB about1.jpg 27KB jt.gif 1KB s1.jpg 26KB q1.jpg 18KB t2.png 4KB s2.jpg 9KB sj.gif 1KB pb1.jpg 93KB jia.gif 1KB s_b1.jpg 62KB logo.png 17KB nav_xx.gif 1KB wb.gif 2KB login_bg.jpg 179KB cp_t_img.gif 8KB q3.jpg 16KB q4.jpg 22KB b3.jpg 298KB cp.jpg 33KB icon2.gif 5KB icon1.gif 6KB dot8.png 232B li.gif 2KB b4.jpg 356KB about2.jpg 40KB li_h.png 1KB code.png 9KB pr_ban.jpg 64KB phe.gif 3KB cp1.jpg 30KB s3.jpg 39KB pb2.jpg 35KB about3.jpg 27KB icon_clubs.gif 15KB资源评论
