mainfuwu.html
6.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>主要服务</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiperfour.css">
<link rel="stylesheet" href="css/common.css">
</head>
<body>
<!--头部导航-->
<nav id="common-nav" class="navbar navbar-inverse navbar-fixed-top">
<div class="container containerbox">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="toubu">
<img class="navbar-logo" src="image/logo.png">
</div>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<div class="nav navbar-nav navbar-right phonelist">
<div class="phoneimg">
<img src="image/phone.png" alt="">
</div>
<div class="phonenum">022-89999999</div>
<div class="shuru">
<div class="entershu">
<input type="text">
</div>
<div class="souimg">
<img src="image/sousuo.png" alt="">
</div>
</div>
<div class="qiehuan">EN</div>
</div>
<ul class="nav navbar-nav navbar-right navtou">
<li>
<a href="" class="navactive">网站首页</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><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<!--占位图-->
<div class="fuwutopimg">
<img src="image/mainbanner.png" alt="">
</div>
<div class="container fuwuhezi">
<div class="biaotitou">
<div class="biaotitouitem">首页</div>
<div class="biaotitouitem fuhao">></div>
<div class="biaotitouitem">主要服务</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-12">
<div class="fuwuleftbox">
<div class="fuwulefttop">
主要服务
</div>
<div class="fuwuleftboxitem">
<div class="fuwuwei fuwuactive">维修</div>
<div class="fuwuweiimg">
<img src="image/yourow.png" alt="">
</div>
</div>
<div class="fuwuleftboxitem">
<div class="fuwuwei">配件销售</div>
<div class="fuwuweiimg">
<img src="image/yourow.png" alt="">
</div>
</div>
<div class="fuwuleftboxitem ">
<div class="fuwuwei">售后</div>
<div class="fuwuweiimg">
<img src="image/yourow.png" alt="">
</div>
</div>
</div>
</div>
<div class="col-md-9 col-sm-12">
<div class="fuwutitle">维修服务</div>
<div class="fuwucontentbox">
<div class="fuwucontentimg">
<img src="image/fuwuimg.png" alt="">
</div>
<div class="fuwucontenttext">
基值支义们京候么眼革下使叫。南石很样好清少去准连究志议构。
调研而手开求况做体式达高心置过。装切此报列明子马世志再部增心。
般于须子展新五复通可南成群置接。为技经再议制选时据派断这队片全府好。
况感速记中上相组低拉素道北始论与。属书研置约适商才联太的七情力类。
你理边率他次与关好期起金志单马切红。主严拉青民解格速七取学复才太马。
前属口质次意指有研叫后先按此。 省每前称非美事起也半专我料叫此没。
学想象这志究反规空家很便老。位转信由江空能手立和级各素面亲。
认安应活按开重细强说标将研力。生机除打万复办开不场始先值标清。
认下入龙中还委角年史级素油据动。求北厂风层单北群建结明儿线部时。
国们五路会主研话义将党深见里资报。
五严没保马光己养究号体被记列干亲公些。取建布龙深飞除格前千应无进张离。
传命头你素部始东风成世向应。
</div>
</div>
</div>
</div>
</div>
<!--底部信息-->
<div class="footer">
<ul class="footertop">
<li class="gsjs">公司介绍</li>
<li class="gsjs">产品系列</li>
<li class="gsjs">主要服务</li>
<li >联系我们</li>
</ul>
<div class="footerbottom">小黄人智能科技有限公司主营：高速电机、同步伺服电机、大功率伺服电机、异步伺服电机等，质量可靠，价格公道，欢迎选购。沪公网安备 31011202006407号</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/swiperfour.min.js"></script>
<script>
$(".fuwuleftboxitem").mouseenter(function(){
$(this).children(".fuwuwei").addClass("fuwuactive");
$(this).siblings(".fuwuleftboxitem").children(".fuwuwei").removeClass("fuwuactive")
})
</script>
</html>