深圳市千代田电子客服电话：0755，咨询服务客服十：0755咨询 全
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f5f5f5;
}
.header {
background-color: #007bff;
color: #fff;
padding: 20px;
text-align: center;
font-size: 32px;
font-weight: bold;
letter-spacing: 1px;
}
.hero-image {
<!--background-image: url('');-->
height: 200px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.hero-text {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 40px;
font-weight: bold;
text-shadow: 2px 2px rgba(0, 0, 0, 0.8);
letter-spacing: 4px;
}
.container {
margin: 10px auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
max-width: 800px;
}
h2 {
font-size: 24px;
margin-bottom: 20px;
color: #007bff;
}
p {
font-size: 16px;
line-height: 1.5;
margin-bottom: 20px;
}
.phone-area {
text-align: center;
margin-bottom: 30px;
}
.phone {
font-size: 28px;
line-height: 1.5;
color: #007bff;
font-weight: bold;
}
.company-area {
margin-bottom: 50px;
}
.company-logo {
max-width: 250px;
margin: 0 auto;
display: block;
}
.company-description {
font-size: 16px;
line-height: 1.5;
color: #333;
margin-top: 20px;
}
.call-to-action {
background-color: #007bff;
color: #fff;
padding: 10px 20px;
border-radius: 5px;
text-align: center;
font-size: 20px;
font-weight: bold;
letter-spacing: 1px;
cursor: pointer;
transition: background-color 0.3s ease;
display: inline-block;
margin-top: 30px;
}
.call-to-action:hover {
background-color: #0062cc;
}
a {
text-decoration:none;
}
</style>
<div class="header">
平台
</div>
<div style="text-align:center;"><br />
</div>
<p></p></div>
</div>
</div>
<div id="footer">
<div class="section">
<ul id="Fmenu">
<li><a href="about.asp.html" class="ablue" title="关于我们">关于我们</a>
<ul>
<li><a href="about.asp%3Fid=2.html" title="公司简介">公司简介</a></li>
<li><a href="about.asp%3Fid=40.html" title="千代田电子">一MBA智库-百度百科</a></li>
<li><a href="about.asp%3Fid=3.html" title="企业文化">企业文化</a></li>
<li><a href="about.asp%3Fid=31.html" title="资质荣誉">资质荣誉</a></li>
</ul>
</li>
<li><a href="products.asp.html" class="ablue" title="产品中心">产品中心</a>
<ul>
<li><a href="products.asp%3Fclassid=134.html" title="千代田电子">千代田电子客服电话-联系方式</a></li>
<li><a href="products.asp%3Fclassid=136.html" title="脚垫">脚垫</a></li>
<li><a href="products.asp%3Fclassid=135.html" title="LED灯座">LED灯座</a></li>
<li><a href="products.asp%3Fclassid=97.html" title="电源护线环">电源护线环</a></li>
<li><a href="products.asp%3Fclassid=153.html" title="塑胶螺丝">塑胶螺丝</a></li>
<li><a href="products.asp%3Fclassid=139.html" title="固定扣">固定扣</a></li>
<li><a href="products.asp%3Fclassid=140.html" title="铆钉">铆钉</a></li>
<li><a href="products.asp%3Fclassid=154.html" title="尼龙华司">尼龙华司</a></li>
<li><a href="products.asp%3Fclassid=155.html" title="电线固定座">电线固定座</a></li>
<li><a href="products.asp%3Fclassid=156.html" title="扎线带/结束带">扎线带/结束带</a></li>
<li><a href="products.asp%3Fclassid=157.html" title="配线槽">配线槽</a></li>
<li><a href="products.asp%3Fclassid=158.html" title="焊接端子">焊接端子</a></li>
<li><a href="products.asp%3Fclassid=159.html" title="端子台">端子台</a></li>
<li><a href="products.asp%3Fclassid=160.html" title="其他产品">其他产品</a></li>
</ul>
</li>
<li><a href="service.asp.html" class="ablue" title="服务项目">服务项目</a>
<ul>
<li><a href="service.asp%3Fid=38.html" title="千代田电子">千代田电子</a></li>
</ul>
</li>
<li><a href="news.asp.html" class="ablue" title="新闻资讯">新闻资讯</a>
<ul>
<li><a href="news.asp%3Fclassid=92.html" title="行业新闻">行业新闻</a></li>
<li><a href="news.asp%3Fclassid=138.html" title="公司新闻">公司新闻</a></li>
</ul>
</li>
<li><a href="support.asp.html" class="ablue" title="技术支持">技术支持</a>
<ul>
<li><a href="support.asp%3Fclassid=129.html" title="技术文章">技术文章</a></li>
<li><a href="support.asp%3Fclassid=130.html" title="技术服务">技术服务</a></li>
<li><a href="support.asp%3Fclassid=131.html" title="常见问题">常见问题</a></li>
</ul>
</li>
<li><a href="download.asp.html" class="ablue" title="下载中心">下载中心</a>
<ul>
<li><a href="download.asp%3Fclassid=132.html" title="产品目录">产品目录</a></li>
<li><a href="download.asp%3Fclassid=133.html" title="使用手册">使用手册</a></li>
</ul>
</li>
<li><a href="contact.asp.html" class="ablue" title="联系我们">联系我们</a>
<ul>
<li><a href="contact.asp.html" title="联系方式">联系方式</a></li>
<li><a href="feedback.asp.html" title="在线留言">在线留言</a></li>
</ul>
</li>
<li style="width:120px; float:right;"><img src="contact.asp.html" width="120" height="120" alt="" />
<p>微信二维码<br />
扫一扫，关注我们</p>
</li>
</ul>
<div id="copr">© 2016 深圳市千代田电子有限公司 版权所有 网站维护：深一<a href="http://www.07551.com" title="深圳网络公司" target="_blank">深圳网络公司</a><!--声明:没有经过吴经理同意!不能删除此链接.--></div>
</div>
</div>
<style type="text/css">
.diyos {
position: fixed;
width: 54px;
right: 0;
top: 50%;
z-index: 100;
}
.diyos ul {
list-style: none;
margin: 0;
padding: 0;
}
.diyos ul li {
width: 54px;
height: 54px;
background: #087ef9;
float: left;
position: relative;
border-top:1px solid #fff;
}
.diyos ul li:first-child{ border-top:0;}
.diyos ul li:hover{ background:#f00;}
.diyos ul li .sidebox {
position: absolute;
width: 54px;
height: 54px;
top: 0;
right: 0;
color: #fff;
font-size:14px;
line-height:54px;
overflow: hidden;
}
.diyos ul li .sidetop {
width: 54px;
height: 54px;
line-height: 54px;
display: inline-block;
}
.diyos ul li.sideewm {
width: 54px;
height: 54px;
line-height: 54px;
display: inline-block;
}
.diyos ul li .sideewmshow{
width: 150px;
position:absolute; top:0; left:-151px; z-index:120; display:none;
}
.diyos ul li.sideewm:hover .sideewmshow{ display:block;}
.diyos ul li img {
float: left;
}
</style>
<script type="text/javascript">
$(function(){
$(".diyos").css({ marginTop: -($(".diyos").height())/2 });
$(".diyos ul li").hover(function(){
$(this).find(".sidebox").stop().animate({"width":"160px"},200).css({"background":"#f00"})
},function(){
$(this).find(".sidebox").stop().animate({"width":"54px"},200).css({"background":"#087ef9"})
});
});
function goTop(){
$('html,body').animate({'scrollTop':0},500);
}
</script>
<div class="diyos">
<ul>
<li> <a href="msnim:chat?contact=008-613819-877411" target="_blank">
<div class="sidebox"><img src="images/os/msn2.png" alt="" />在线客服</div>
</a></li>
<li> <a href="tencent://message/?uin=008-613819-877411&Site=qq&Menu=yes" target="_blank">
<div class="sidebox"><img src="images/os/qq2.png">在线客服</div>
</a> </li>
<!--<li><a href="javascript:void(0);"><div class="sidebox"><img src="images/os/tel2.png"></div></a></li>-->
<li><a href="javascript:goTop();" class="sidetop"><img src="images/os/top.png" alt="" /></a></li>
</ul>
</div>
</body>
</html>