<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>卢浮宫</title>
<style type="text/css">
body{text-align: center;}
div{margin:0auto;}
#additiona{text-decoration:none;}
#headerulli{float:left; list-style:none; text-align: center; height:37px; line-height:37px; width:15%;}
#headerdivul{background-color:#880B1B;}
#headerdivullia{color: white; text-decoration:none;}
#headerdivulliul{background-color:#C4022E; width:85%; position:relative;z-index:1;}
#headerdivulliulli{margin:0px;padding:0px; width:100%;position:relative;left:-30px; background-color:#C4022E;}
#headerdivulliullia{text-decoration:none;text-align: center;}
#guidea:hover{color: orange;}
.select{background-image: url(img/navChose.png);}
#guideli:hover{background-image: url(img/navChose.png);background:cover;background-repeat:no-repeat;background-position: center;}
#guideliulli:hover{background-image:none;}
#retateli{float:left;margin:20px;background-color: orange;width:25px;}
#retatelia{text-decoration:none;color: white;}
#retateli:hover{background-image: url(img/navBg.png);background-position:center;}
#addition{position:absolute; top:0px; right:0px;}
#guide{position:relative; top:-20px; margin:0px; padding:0px; width:100%; background-color:#880B1B;}
#content{width:100%; height:500px; background-color: ;position:relative;top:-35px; margin:0px; padding:0px;z-index:0;}
.public{float:left; width:25%; height:500px; position:relative; top:-53px;}
.contentimg{float:left;width:30%; height:auto;}
.contentp{text-align:left;}
.publiclia{text-decoration:none;}
#pictureimg{position:relative; top:-55px; width:15%; left:400px;}
#picture{background-image: url(img/titleBg.png); overflow:hidden; background-repeat:no-repeat; height:30px;}
.publich4{text-align:left; position:relative;top:-15px; left:20px; color: white;}
.content{height:400px;}
#footer{width:80%; height:200px;position:relative; top:250px; left:60px; background-image: url(img/footerBg.png); background-size:auto100%;}
#footerli{margin:10px; float:left;list-style:none;}
#footerlia{text-decoration:none; color: white;}
#footerlia:hover{color:orange;}
#footerul{width:100%;height:50px;position:relative; top:-450px;left:300px;}
#footerp{width:100%; height:100px; position:relative; top:-400px;left:-400px; color: white;}
</style>
<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
<script>
$(document).ready(function(){
$(".sec1").hide();
$(".sec2").hide();
$("div>ul>li:first").removeClass("select")
$("li").has(".sec1").mouseenter(function(){
$(".sec1").show()
})
$("li").has(".sec1").mouseleave(function(){
$(".sec1").hide()
})
$("li").has(".sec2").mouseenter(function(){
$(".sec2").show()
})
$("li").has(".sec2").mouseleave(function(){
$(".sec2").hide()
})
$("#retate").find("li").click(function(){
var n=$("#retateli").index(this);
$("#retation li").not(n).siblings().hide();
$("#retation li").eq(n).fadeIn();
})
})
</script>
<script type="text/javascript">
<script type="text/javascript">
//设为首页 www.ecmoban.com
functionSetHome(obj,url){
try{
obj.style.behavior='url(#default#homepage)';
obj.setHomePage(url);
}catch(e){
if(window.netscape){
try{
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
}catch(e){
alert("抱歉，此操作被浏览器拒绝！\n\n请在浏览器地址栏输入“about:config”并回车然后将[signed.applets.codebase_principal_support]设置为'true'");
}
}else{
alert("抱歉，您所使用的浏览器无法完成此操作。\n\n您需要手动将【"+url+"】设置为首页。");
}
}
}
functionAddFavorite(title, url) {
try {
window.external.addFavorite(url, title);
}
catch(e) {
try {
window.sidebar.addPanel(title, url, "");
}
catch (e) {
alert("抱歉，您所使用的浏览器无法完成此操作。\n\n加入收藏失败，请使用Ctrl+D进行添加");
}
}
}
</script>
</script>
</head>
<body>
<div id="header">
<div>
<img src="img/headBg.png"/>
</div>
<div id="addition">
<a href="javascript:void(0);" onclick="SetHome(this,'new_file.html');">设为主页</a> |
<a href="javascript:void(0);"onclick="AddFavorite('我的网站',location.href)">收藏本页</a> |
<a href="new_file.html">在线网络</a>
</div>
<div id="guide">
<ul style="width:50%; height:37px;position:relative;right:-400px;">
<li class="select"><a href="#">首页</a></li>
<li><a href="#">产品列表</a><ul class="sec1">
<li><a href="#">学厨师</a></li>
<li><a href="#">挖掘机</a></li>
<li><a href="#">到山东</a></li>
<li><a href="#">找蓝翔</a></li>
</ul></li>
<li><a href="#">新闻中心</a></li>
<li><a href="#">解决方案</a>
<ul class="sec2">
<li><a href="#">学厨师</a></li>
<li><a href="#">挖掘机</a></li>
<li><a href="#">到山东</a></li>
<li><a href="#">找蓝翔</a></li>
</ul>
</li>
<li><a href="#">售后服务</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</div>
</div>
<div id="content">
<div style="position:relative; left:-150px ; overflow:hidden; width:70%;height:490px;">
<ul id="retation" style="width:100%; height:500px; list-style:none;position:relative;top:-15px;">
<li><img src="img/01.png"width="70%"></li>
<li><img src="img/02.png"width="70%"/></li>
<li><img src="img/03.png"width="70%"/></li>
<li><img src="img/04.png"width="70%"/></li>
</ul>
</div>
<div style="position:relative; left:1000px; top:-80px;z-index:2;">
<ul id="retate" style="width:px; height:px; list-style:none; ">
<li class="selection"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
</ul>
</div>
<div style="float:initial; position:relative;top:-508px;left:1000px; height:500px;">
<table border="0">
<tr>
<td>
<img src="img/banner01.png" width="140%"/>
</td>
</tr>
<tr>
<td>
<img src="img/banner02.png"/ width="140%">
</td>
</tr>
</table>
</div>
</div>
<div class="public">
<div id="picture">
<h4>产品展示</h4>
<img src="img/more.png"/>
</div>
<div class="content">
<p>LV650数控加工中心</p>
<img src="img/product02.png"/>
<p>
机床特点：
●床身结构坚固，能承受高G运动产生的惯量；
●高速静音丝杆，静音线轨使热变位少、精度高。
●直接高速主轴反应快，钻孔攻牙效率大大提高。
●三轴高速位移，可节省大量非加工时间。
</p>
</div>
</div>
<div class="public">
<div id="picture">
<h4>解决方案</h4>
<img src="img/more.png"/>
</div>
<div class="content">
<img src="img/product01.png"/>
<p>
数控车床又称为 CNC车床，即计算机数字控制车床，是目前国内使用量最大，覆盖面最广的一种数控机床，
一般由输入、输出装置、数控装置、伺服系统、检测反馈装置和机床主机等组成。
它是数控机床的主要品种之一，解决了大部分机械零件的自动化加工问题成为最主要的机械加工设
备，在数控机床中占有非常重要的位置，几十年来一直受到世界各国的普遍重视并得到了迅速的发展……
</p>
</div>
</div>
<div class="public">
<div id="picture">
<h4>新闻列表</h4>
<img src="img/more.png"/>
</div>
<div class="content">
<ul>
<li><a href="new_file.html">最新产品研发档案汇总 2012-8-9</a></li>
<li><a href="new_file.html">最新产品研发档案汇总 2012-8-9</a></li>
<li><a href="new_file.html">最新产品研发档案汇总 2012-8-9</a></li>
<li><a href="new_file.html">最新产品研发档案汇总 2012-8-9</a></li>
<li><a href="new_file.html">最新产品研发档案汇总 2012-8-9</a></li>
<li><a href="new_file.html">最新产品研发档案汇总 2012-8-9</a></li>
<li><a href="new_file.html">最新产品研发档案汇总 2012-8-9</a></li>
<li><a href="new_file.html">最新产品研发档案汇总 2012-8-9</a></li>
<li><a href="new_file.html">最新产品研发档案汇总 2012-8-9</a></li>
<li><a href="new_file.html">最新产品研发档案汇总 2012-8-9</a></li>
<li><a href="new_file.html">最新产品研发档案汇总 2012-8-9</a></li>
</ul>
</div>
</div>
<div id="footer">
<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>
<li><a href="#">关于我们</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">关于我们</a></li>
</ul>
<p>asdasdasdasdasdasdasdasdasdasdasd</p>
</div>
</body>
</html>
