产品中心
1.HTML
<div class="object1"> <h2>产品中心</h2> <h5>燃油、气锅炉系列/电加热锅炉系列/有机热载体炉系列/生物质锅炉系列/真空热水锅炉系列/热风炉系列/<br>木材防腐压力容器设备/循环流化床锅炉 </h5> <div class="one1"> <div class="n1"><li><a herf="#"><img src="images/o1.png"><h5>卧式电加热蒸汽锅炉</h5><br> <p>产品简介:WDR系列全自动卧式电加热蒸汽锅炉,采用炉体电控制柜分离方式,避免了电器元件受热老化而影响使用寿命。电热管选用国内外优质产品、正常使用寿命约20000小时,热效率近99%,运行安静、清 元件受热老化而影响使用寿命。</p></a></li> </div> <div class="n2"><li><a herf="#"><img src="images/o2.png"><h5>立式电加热热水锅炉</h5><br> <p>产品简介:CLDR系列全自动立式电加热热水锅炉,采用炉体电控制柜分离方式,避免了电器元件受热老化而影响使用寿命。电热管选用国内外优质产品、正常使用寿命约20000小时,热效率近99%,运行安静、清</p></a></li> </div> <div class="n3"><li><a herf="#"><img src="images/o3.png"><h5>燃油(气)卧式热水锅炉</h5><br> <p>产品简介:CWNS系列卧式燃油(气)热水锅炉为内燃三回程热水锅炉。采用偏置炉胆湿背式结构。高温烟气依次;冲刷第二及第三回程烟管,然后由后烟室经烟囱排入大气。锅炉装有活动的前后烟箱盖,使锅炉</p></a></li> </div> <div class="n5"><li><a herf="#"><img src="images/o5.png"><h5>卧式电加热热水锅炉</h5><br> <p>产品简介:CWDR全自动卧式电加热热水锅炉,采用炉体电控制柜分离方式,避免了电器元件受热老化而影响使用寿命。电热管选用国内外优质产品、正常使用寿命约20000小时,热效率近99%,运行安静、清洁。</p></a></li></div> <div class="n6"><li><a herf="#"><img src="images/o6.png"><h5>低氮型燃气蒸汽锅炉</h5><br> <p>产品简介:一般燃料燃烧所生成的NO主要来自两个方面:一是燃烧所用空气(助燃空气)中氮的氧化;二是燃料中所含氮化物在燃烧过程中热分解再氧化。</p> </a></li></div> <div class="n4"><li><a herf="#"><img src="images/o4.png"><h5>燃油(气)冷凝式蒸汽锅炉</h5><br> <p>产品简介:冷凝锅炉就是利用高效的泠凝器与节能器来吸收锅炉排除的高温烟气中的显热和水蒸汽凝结索释放的潜热,以达到提高锅炉热效率的目的。</p></a></li> </div> </div> </div>
2.css
.one1{ /*height: 500px;*/ width: 100%; /*background-color: pink;*/ list-style-type: none; float: left; } .n1{ width: 500px; height: 600px; margin-left: 10px; float: left; } .n1 img{ width: 100%; height: 200%; } .n2{ margin-left: 90px; width: 490px; height: 600px; float: left; } .n3{ margin-left: 90px; width: 500px; height: 600px; float: left; } .n3 img{ width: 100%; } .n4{ margin-left: 90px; width: 490px; height: 600px; float: left; margin-top: 10px; /*margin-right: 0;*/ } .n4 img{ width: 100%; /*height: 400px;*/ /*float: left;*/ /*float: right;*/ } .n5{ width: 500px; height: 600px; float: left; margin-left: 10px; margin-top: 10px; } .n5 img{ width: 100%; } .n6{ width: 500px; height: 600px; margin-left: 90px; float: left; margin-top: 10px; }
关于我们
1.html
<div class="un2"> <div class="un3"> <h2>关于我们</h2> <h5>良好的企业信誉,优质的产品性能,完善的各项服务,是太锅永久的承诺!</h5> </div> <div class="p1"> <li class="p2"><a herf="#"><img src="images/p1.jpg"><h5>公司实力</h5> 河南省太锅锅炉制造有限公司,太锅锅炉是国家定点具有锅炉许可、压力容器的专业厂家。<h6>了解详情</h6> </a></li> <li class="p3"><a herf="#"><img src="images/p2.png"><h5>技术核心</h5> 太锅锅炉始终坚持以人为本,科技创新的发展战略,拥有一支高素质的管理、技术、生产及营销人才队伍,为企业的发展奠定了坚实的基础。 <h6>了解详情</h6> </a></li> <li class="p4"><a herf="#"><img src="images/p3.png"><h5>生产能力</h5> 公司成立了独立的新产品研发中心,近年来相继研发生产了,八个系列,近百个规格型号产品,为锅炉产品行业的更新换代做出了贡献。 <h6>了解详情</h6> </a></li> </div> </div>
2.css
} .p1 li{ list-style-type: none; float: left; top: 180px; } .p2{ margin-top: 50px; width: 350px; height: 500px; background-color: white; margin-left: 300px; } .p2:hover{ border: 1px solid red; } .p3:hover{ border: 1px solid red; } .p4:hover{ border: 1px solid red; } .p2 h5{ margin-top: 40px; } .p3 h5{ margin-top: 40px; } .p4 h5{ margin-top: 40px; } .p2 h6{ width: 150px; line-height: 30px; margin-top: 50px; margin-left: 100px; border: 1px solid red; color: red; } .p3 h6{ width: 150px; line-height: 30px; margin-top: 40px; margin-left: 100px; border: 1px solid red; color: red; }