<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="animate.min.css">
<link rel="stylesheet" href="swiper.min.css">
<link rel="stylesheet" href="index.css">
<title>首页</title>
</head>
<div class="headpc">
<div class="container clearfix">
<span>您好，欢迎访问弘伟建筑材料有限公司官方网站，我们将竭诚为您服务！</span>
<span class="right">
<a href="#">产品中心</a>
<b>|</b>
<a href="#">联系我们</a>
</span>
</div>
</div>
<div class="logo">
<div class="container clearfix">
<a href="javascript:;" class="menu-btn"><span></span></a>
<div class="logos img-center">
<a href="/">
<img src="images/logo2.png" alt="">
</a>
</div>
<div class="textimg" style="margin-top: 8px;">
<img src="images/wx.png" />
</div>
<div class="text">
<span>专注加固材料研发生产</span>
专注技术 专心质量 专业服务
</div>
<div class="tel">
全国咨询热线：<strong>13711815613</strong>
</div>
</div>
<div class="nav">
<div class="container">
<ul>
<li class="active">
<a href="#">首页</a>
</li>
<li class="dropdown">
<a href="#">产品展示</a>
<div class="dropdown-box">
<p><a href="#">混凝土表面增强剂</a></p>
<p><a href="#">环氧树脂砂浆</a></p>
<p><a href="#">高强聚合物砂浆</a></p>
</div>
</li>
<li class="dropdown">
<a href="#">工程案例</a>
<div class="dropdown-box">
</div>
</li>
<li class="dropdown">
<a href="#">新闻动态</a>
<div class="dropdown-box">
<p><a href="#">公司新闻</a></p>
<p><a href="#">行业新闻</a></p>
</div>
</li>
<li class="dropdown">
<a href="#">公司风采</a>
<div class="dropdown-box">
</div>
</li>
<li class="dropdown">
<a href="#">关于我们</a>
<div class="dropdown-box">
<p><a href="#">荣誉证书</a></p>
</div>
</li>
<li class="dropdown">
<a href="#">联系我们</a>
<div class="dropdown-box">
<p><a href="#">混凝土表面增强剂</a></p>
<p><a href="#">环氧树脂砂浆</a></p>
<p><a href="#">高强聚合物砂浆</a></p>
</div>
</li>
<li class="dropdown">
<a href="#">在线留言</a>
<div class="dropdown-box">
<p><a href="#">混凝土表面增强剂</a></p>
<p><a href="#">环氧树脂砂浆</a></p>
<p><a href="#">高强聚合物砂浆</a></p>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="container clearfix">
<div class="nav2">
<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>
</ul>
</div>
</div>
<div class="container clearfix popup">
<div class="nav3">
<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>
</ul>
</div>
</div>
<div class="swiper-container banner" >
<ul class="swiper-wrapper">
<li class="swiper-slide" style="background-image: url(images/banner1.jpg);"></li>
<li class="swiper-slide" style="background-image: url(images/banner2.jpg);"></li>
</ul>
<div class="swiper-pagination"></div>
</div>
<div class="in-seach">
<div class="container clearfix">
<div class="tel">咨询服务电话：<strong>13711815613</strong></div>
<div class="hform">
<form>
<input type="text" placeholder="请输入关键字" onfocus="if(this.value=='请输入关键字'){this.value='';}" onblur="if(this.value==''){this.value='请输入关键字';}" >
<button type="submit" >搜索</button>
</form>
<p>
<strong>热门关键词：</strong>
<a href='#'>混凝土表面增强剂</a>
<a href='#'>环氧树脂砂浆</a>
<a href='#'>高强聚合物砂浆</a>
</p>
</div>
<div class="text"><strong>弘伟建筑材料有限公司</strong>为您提供一体化解决方案</div>
</div>
</div>
<div class="section bg1">
<div class="container">
<div class="section-title">
<strong>产品中心</strong>
<p> 为您一站式提供加固材料及解决方案！</p>
</div>
<ul class="in-prod-menu clearfix">
<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 class="in-prod-con">
<div class="in-prod-con swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="procontainerlie">
<a href="#">
<div class="img-cover">
<span style="background-image: url(images/product1.jpg);"></span>
</div>
<p>进口型混凝土表面增强剂</p>
</a>
</div>
<div class="procontainerlie">
<a href="#">
<div class="img-cover">
<span style="background-image: url(images/product2.jpg);"></span>
</div>
<p>超强型混凝土表面增强剂</p>
</a>
</div>
<div class="procontainerlie">
<a href="#">
<div class="img-cover">
<span style="background-image: url(images/product3.jpg);"></span>
</div>
<p>改性环氧树脂砂浆</p>
</a>
</div>
<div class="procontainerlie">
<a href="#">
<div class="img-cover">
<span style="background-image: url(images/product4.jpg);"></span>
</div>
<p>普通型混凝土表面增强剂</p>
</a>
</div>
<div class="procontainerlie">
<a href="#">
<div class="img-cover">
<span style="background-image: url(images/product5.jpg);"></span>
</div>
<p>聚合物防腐防水砂浆</p>
</a>
</div>
<div class="procontainerlie">
<a href="#">
<div class="img-cover">
<span style="background-image: url(images/product6.jpg);"></span>
</div>
<p>高强聚合物砂浆</p>
</a>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
<div class="img-btn-list2"></div>
</div>
</div>
</div>
<div class="section bg4">
<div class="container">
<ul class="in-adv clearfix">
<li>
<div class="wrap">
<div class="img-center"><img src="images/adv_a_1.png" alt=""></div>
<p>产品质量稳定</p>
</div>
</li>
<li>
<di
html+css+jquery 官网首页
需积分: 5 44 浏览量
2022-04-23
11:04:16
上传
评论
收藏 3.76MB ZIP 举报
官网 (4).zip （67个子文件） 
jquery-3.6.0.min.js 87KB index.js 2KB
images 
kefu.png 4KB ren_d_1.png 7KB ftwx.png 23KB
news1.jpg 64KB ren_f_1.png 6KB erweima.png 2KB wx.png 23KB searchbg_1.jpg 4KB list4.jpg 64KB tel1.png 2KB renbg_1.jpg 24KB ren_c_1.png 6KB list3.jpg 112KB footerbg_1.jpg 3KB adv_d_1.png 7KB ccbg_1.jpg 38KB adv_b_1.png 8KB news2.jpg 116KB product4.jpg 297KB jian_more_1.png 1KB 21.jpg 16KB nav_line_1.png 933B jt-1.png 3KB about.png 452KB ren_a_1.png 7KB ren_e_1.png 8KB foot3.png 7KB foot2.png 7KB foot1.png 6KB n_list_titbg.jpg 10KB banner2.jpg 387KB gou_1.png 4KB list2.jpg 89KB advbg_1.jpg 86KB logo2.png 28KB product3.jpg 185KB product1.jpg 277KB adv2_1.jpg 50KB huidaodingbu.png 2KB title_i.png 3KB product5.jpg 177KB foot4.png 4KB list1.jpg 86KB logo.png 37KB product6.jpg 188KB product2.jpg 299KB banner1.jpg 432KB lianxi.png 1KB ren_b_1.png 4KB ftlogo.png 19KB jt-2.png 3KB qq.png 2KB adv_a_1.png 7KB new1.jpg 113KB adv_c_1.png 8KB swiper.min.js 126KB
list2.html 11KB animate.min.css 55KB index.html 18KB reset.css 2KB swiper.min.css 19KB list.html 13KB swiper.min.js.map 445KB artical.html 10KB index.css 29KB
评论0