webfront / zhongyingwen · 提交

转到一个项目

作者 李洪娟
提交 feb679dc753b282add42dbdef17c75259d8327f7 2 个父辈 9dd3a644 065f5f82

合并分支 'lhj' 到 'master' 

Lhj



查看合并请求 !3
内嵌 并排对比
正在显示 7 个修改的文件 包含 460 行增加 和 126 行删除
@@ -64,7 +64,7 @@ img{ @@ -64,7 +64,7 @@ img{
64 64
65 } 65 }
66 .entershu{ 66 .entershu{
67 - width:200px; 67 + width:210px;
68 /*height:24px;*/ 68 /*height:24px;*/
69 69
70 } 70 }
@@ -89,8 +89,9 @@ img{ @@ -89,8 +89,9 @@ img{
89 } 89 }
90 .souimg{ 90 .souimg{
91 width:16px; 91 width:16px;
92 - height:22px; 92 + height:20px;
93 font-size: 0; 93 font-size: 0;
  94 + margin-bottom:5px;
94 95
95 96
96 } 97 }
@@ -451,19 +452,33 @@ img{ @@ -451,19 +452,33 @@ img{
451 height:526px; 452 height:526px;
452 background: #fff; 453 background: #fff;
453 position: relative; 454 position: relative;
  455 + padding-top: 140px;
454 } 456 }
455 .neiadvantage{ 457 .neiadvantage{
456 - width:80%; 458 + /*width:80%;*/
457 height:320px; 459 height:320px;
458 position: absolute; 460 position: absolute;
459 left:50%; 461 left:50%;
460 transform: translateX(-50%); 462 transform: translateX(-50%);
461 - bottom:-87px;  
462 - z-index:99  
463 -  
464 - 463 + bottom:-66px;
  464 + z-index:99;
465 465
  466 + padding: 0 88px;
  467 + box-sizing: border-box;
  468 + background:rgba(255,255,255,1);
  469 + box-shadow:0px 0px 12px rgba(0,0,0,0.12);
  470 + opacity:1;
466 } 471 }
  472 +/*.youshiitem{*/
  473 +/* width:30%;*/
  474 +/* margin-right:3%*/
  475 +/*}*/
  476 +.youshinei{
  477 + margin-top:48px;
  478 +}
  479 +/*.zhuanyetitle{*/
  480 +/* margin-top:140px;*/
  481 +/*}*/
467 .uoushitop{ 482 .uoushitop{
468 width:103px; 483 width:103px;
469 height:103px; 484 height:103px;
@@ -480,6 +495,7 @@ img{ @@ -480,6 +495,7 @@ img{
480 color:#5B5E63; 495 color:#5B5E63;
481 font-size: 12px; 496 font-size: 12px;
482 line-height: 1.5; 497 line-height: 1.5;
  498 + margin-top:6px;
483 } 499 }
484 .zhuanyetitlename{ 500 .zhuanyetitlename{
485 color:#5B5E63; 501 color:#5B5E63;
@@ -504,7 +520,7 @@ img{ @@ -504,7 +520,7 @@ img{
504 } 520 }
505 .zongzhitop{ 521 .zongzhitop{
506 522
507 - width:80%; 523 + width:82%;
508 position: absolute; 524 position: absolute;
509 top:35%; 525 top:35%;
510 left:50%; 526 left:50%;
@@ -557,7 +573,10 @@ img{ @@ -557,7 +573,10 @@ img{
557 } 573 }
558 .listitem{ 574 .listitem{
559 575
560 - margin-right:3%; 576 + margin-right:3.5%;
  577 +}
  578 +.listitem:last-child{
  579 + margin-right:0
561 } 580 }
562 .connectlistitem:last-child{ 581 .connectlistitem:last-child{
563 margin-right:0 582 margin-right:0
@@ -617,3 +636,99 @@ img{ @@ -617,3 +636,99 @@ img{
617 top:0; 636 top:0;
618 right:0 637 right:0
619 } 638 }
  639 +#container{
  640 + width:66%;
  641 + height:379px;
  642 + margin:64px auto 0;
  643 +}
  644 +/*主要服务*/
  645 +.fuwutopimg{
  646 + width:100%;
  647 + height:360px;
  648 + font-size: 0;
  649 + margin-top:130px;
  650 +}
  651 +.biaotitou{
  652 + overflow: hidden;
  653 + margin-top:18px;
  654 +}
  655 +.biaotitouitem{
  656 + float:left;
  657 + color:#3D444D;
  658 + font-size: 18px;
  659 +}
  660 +.fuhao{
  661 + padding: 0 5px;
  662 +}
  663 +.fuwulefttop{
  664 + height:91px;
  665 + background: #2D70EF;
  666 + color:#F9F9F9;
  667 + font-size:24px;
  668 + padding: 0 24px;
  669 + line-height: 91px;
  670 +
  671 +}
  672 +.fuwuleftbox{
  673 + width:100%;
  674 + border:1px solid #BDC4CE;
  675 + border-bottom:none;
  676 + margin-top:32px;
  677 +}
  678 +.fuwuleftbox{
  679 + cursor: pointer;
  680 +}
  681 +.fuwuleftboxitem{
  682 + padding: 0 24px;
  683 + display:flex;
  684 + align-items: center;
  685 + justify-content: space-between;
  686 + height:68px;
  687 +}
  688 +.fuwuwei{
  689 + color:#5B5E63;
  690 + font-size: 16px;
  691 +}
  692 +.fuwuweiimg{
  693 + width:15px;
  694 + height:15px;
  695 + font-size: 0;
  696 +}
  697 +.fuwuleftboxitem{
  698 + border-bottom:1px solid #BDC4CE;
  699 +}
  700 +.fuwutitle{
  701 + color:#3D444D;
  702 + font-size: 24px;
  703 + position: relative;
  704 + text-align: center;
  705 +}
  706 +.fuwutitle:after{
  707 + width:50px;
  708 + height:4px;
  709 + background: #2D70EF;
  710 + position: absolute;
  711 + display:block;
  712 + content:'';
  713 + bottom:-20px;
  714 + left:50%;
  715 + transform: translateX(-50%);
  716 +}
  717 +.fuwucontentimg{
  718 + width:90%;
  719 + height:417px;
  720 + font-size: 0;
  721 + margin:40px auto 0;
  722 +}
  723 +.fuwucontenttext{
  724 + color:#3D444D;
  725 + font-size: 18px;
  726 + line-height: 1.5;
  727 + margin-top:41px;
  728 +}
  729 +.fuwuhezi{
  730 + margin-bottom:50px;
  731 +}
  732 +.fuwuactive{
  733 + color:#2D70EF
  734 +}
@@ -19,8 +19,23 @@ @@ -19,8 +19,23 @@
19 .zongzhitop{ 19 .zongzhitop{
20 top:15% 20 top:15%
21 } 21 }
  22 + #container{
  23 + width:80%
  24 + }
  25 + .connectlistitem{
  26 + margin-bottom:20px;
  27 + }
  28 + .neiadvantage{
  29 + box-shadow: none;
  30 +
  31 + }
  32 + .swiper-slide{
  33 + height:250px;
  34 + }
22 35
23 } 36 }
  37 +
  38 +
24 @media (min-width:768px) { 39 @media (min-width:768px) {
25 .navbar-nav { 40 .navbar-nav {
26 float: left; 41 float: left;
@@ -36,6 +51,9 @@ @@ -36,6 +51,9 @@
36 padding-bottom: 15px 51 padding-bottom: 15px
37 } 52 }
38 } 53 }
  54 +@media (min-width:1000px) {
  55 +
  56 +}
39 @media (max-width:1020px){ 57 @media (max-width:1020px){
40 .toubu{ 58 .toubu{
41 width:56px; 59 width:56px;
@@ -53,12 +71,17 @@ @@ -53,12 +71,17 @@
53 bottom:0 71 bottom:0
54 } 72 }
55 .ouradvantage{ 73 .ouradvantage{
56 - height:705px; 74 + height:933px;
57 } 75 }
58 76
  77 +
59 } 78 }
60 @media (max-width:1200px){ 79 @media (max-width:1200px){
61 .listitem{ 80 .listitem{
62 - margin-right:0 81 + margin-right:2.8%
  82 + }
  83 + .neiadvantage{
  84 + box-shadow: none;
  85 +
63 } 86 }
64 } 87 }
@@ -10,13 +10,7 @@ @@ -10,13 +10,7 @@
10 <link rel="stylesheet" href="css/base.css"> 10 <link rel="stylesheet" href="css/base.css">
11 <link rel="stylesheet" href="css/swiperfour.css"> 11 <link rel="stylesheet" href="css/swiperfour.css">
12 <link rel="stylesheet" href="css/common.css"> 12 <link rel="stylesheet" href="css/common.css">
13 - <style>  
14 - #container {  
15 - width: 75%;  
16 - height: 379px;  
17 - margin: 64px auto 0;  
18 - }  
19 - </style> 13 +
20 </head> 14 </head>
21 15
22 <body> 16 <body>
@@ -195,145 +189,153 @@ @@ -195,145 +189,153 @@
195 189
196 </div> 190 </div>
197 191
198 - <!--我们的优势-->  
199 - <div class="ouradvantage">  
200 - <div class="neiadvantage">  
201 - <div class="container">  
202 - <div class="zhuanyetitle">  
203 - <div class="zhuanyetitlename">our advantages</div>  
204 - <div class="zhuanyetitletext">我们的优势</div>  
205 - </div>  
206 - <div class="row">  
207 - <div class="col-md-4 col-sm-12">  
208 - <div class="uoushitop">  
209 - <img src="image/tuandui.png" alt="">  
210 - </div>  
211 - <div class="zhuanyename">专业的维修团队</div>  
212 - <div class="zhuantetext">基值支义们京候么眼革下使叫。南石很样好清少去准连究志议构。 调研而手开求况做体式达高心置过。装切此报列明子马世志再部增心。  
213 - </div> 192 +</div>
  193 +
  194 +<!--我们的优势-->
  195 +<div class="ouradvantage">
  196 + <div class="zhuanyetitle">
  197 + <div class="zhuanyetitlename">our advantages</div>
  198 + <div class="zhuanyetitletext">我们的优势</div>
  199 + </div>
  200 + <div class="neiadvantage">
  201 + <div class="container youshinei">
  202 +
  203 + <div class="row">
  204 + <div class="col-md-4 col-sm-12 youshiitem">
  205 + <div class="uoushitop">
  206 + <img src="image/tuandui.png" alt="">
214 </div> 207 </div>
215 - <div class="col-md-4 col-sm-12">  
216 - <div class="uoushitop">  
217 - <img src="image/tuandui.png" alt="">  
218 - </div>  
219 - <div class="zhuanyename">专业的维修团队</div>  
220 - <div class="zhuantetext">基值支义们京候么眼革下使叫。南石很样好清少去准连究志议构。 调研而手开求况做体式达高心置过。装切此报列明子马世志再部增心。  
221 - </div> 208 + <div class="zhuanyename">专业的维修团队</div>
  209 + <div class="zhuantetext">基值支义们京候么眼革下使叫。南石很样好清少去准连究志议构。
  210 + 调研而手开求况做体式达高心置过。装切此报列明子马世志再部增心。</div>
  211 + </div>
  212 + <div class="col-md-4 col-sm-12 youshiitem">
  213 + <div class="uoushitop">
  214 + <img src="image/tuandui.png" alt="">
222 </div> 215 </div>
223 - <div class="col-md-4 col-sm-12">  
224 - <div class="uoushitop">  
225 - <img src="image/tuandui.png" alt="">  
226 - </div>  
227 - <div class="zhuanyename">专业的维修团队</div>  
228 - <div class="zhuantetext">基值支义们京候么眼革下使叫。南石很样好清少去准连究志议构。 调研而手开求况做体式达高心置过。装切此报列明子马世志再部增心。  
229 - </div> 216 + <div class="zhuanyename">完善的产品检测设备</div>
  217 + <div class="zhuantetext">基值支义们京候么眼革下使叫。
  218 + 南石很样好清少去准连究志议构。调研而手开求况做体式达高心置过。
  219 + 装切此报列明子马世志再部增心。</div>
  220 + </div>
  221 + <div class="col-md-4 col-sm-12 youshiitem">
  222 + <div class="uoushitop">
  223 + <img src="image/tuandui.png" alt="">
230 </div> 224 </div>
231 - 225 + <div class="zhuanyename">维修周期短质量高</div>
  226 + <div class="zhuantetext">基值支义们京候么眼革下使叫。
  227 + 南石很样好清少去准连究志议构。调研而手开求况做体式达高心置过。
  228 + 装切此报列明子马世志再部增心。</div>
232 </div> 229 </div>
  230 +
233 </div> 231 </div>
234 </div> 232 </div>
235 </div> 233 </div>
  234 +</div>
236 235
237 - <!--我们的宗旨-->  
238 - <div class="zongzhi">  
239 -  
240 - <div class="zongzhitop">  
241 - <div class="zongzhitext">  
242 - 本公司本着“诚信服务、合理价格”的宗旨 为新老客户提供优质服务  
243 - </div>  
244 - <div class="huanghengxian"></div>  
245 - <div class="shuomingbox">  
246 - <div class="shuomingboxtop">公司拥有专业的维修团队，经验丰富。</div>  
247 - <div class="shuomingboxtop">从技术咨询、到现场故障诊断，都可以提供专业服务，维修周期短、修复质量高、及时解决问题。</div>  
248 - <div class="shuomingboxtop">本公司备有大量现货，价格优惠，交货快捷， 质量可靠。</div>  
249 - <div class="shuomingboxtop">为企业节省了大量的资金，缩短了停产周期，提高了工作效率，在用户中树立了良好的口碑。</div>  
250 - </div> 236 +<!--我们的宗旨-->
  237 +<div class="zongzhi">
251 238
  239 + <div class="zongzhitop">
  240 + <div class="zongzhitext">
  241 + 本公司本着“诚信服务、合理价格”的宗旨
  242 + 为新老客户提供优质服务
  243 + </div>
  244 + <div class="huanghengxian"></div>
  245 + <div class="shuomingbox">
  246 + <div class="shuomingboxtop">公司拥有专业的维修团队，经验丰富。</div>
  247 + <div class="shuomingboxtop">从技术咨询、到现场故障诊断，都可以提供专业服务，维修周期短、修复质量高、及时解决问题。</div>
  248 + <div class="shuomingboxtop">本公司备有大量现货，价格优惠，交货快捷， 质量可靠。</div>
  249 + <div class="shuomingboxtop">为企业节省了大量的资金，缩短了停产周期，提高了工作效率，在用户中树立了良好的口碑。</div>
252 </div> 250 </div>
253 -  
254 251
255 </div> 252 </div>
256 253
257 - <!--联系我们-->  
258 - <div class="connectus">  
259 - <div class="connectopbox">  
260 - <div class="connectustop">contact us</div>  
261 - <div class="connectusname">联系我们</div>  
262 - </div>  
263 254
264 - <div class="connectmap">  
265 - <div id="container"></div> 255 +</div>
266 256
267 - </div>  
268 - <div class="connectlist">  
269 - <div class="container">  
270 - <div class="row">  
271 - <div class="col-md-2 listitem">  
272 - <div class="connectlistitem">  
273 - <div class="connectitemimg">  
274 - <img src="image/address.png" alt="">  
275 - </div>  
276 - <div class="addressname">天津市西青区华科大街1号</div> 257 +<!--联系我们-->
  258 +<div class="connectus">
  259 + <div class="connectopbox">
  260 + <div class="connectustop">contact us</div>
  261 + <div class="connectusname">联系我们</div>
  262 + </div>
  263 +
  264 + <div class="connectmap">
  265 + <div id="container" ></div>
  266 +
  267 + </div>
  268 + <div class="connectlist">
  269 + <div class="container">
  270 + <div class="row">
  271 + <div class="col-md-2 listitem">
  272 + <div class="connectlistitem">
  273 + <div class="connectitemimg">
  274 + <img src="image/address.png" alt="">
277 </div> 275 </div>
  276 + <div class="addressname">天津市西青区华科大街1号</div>
278 </div> 277 </div>
279 - <div class="col-md-2 listitem">  
280 - <div class="connectlistitem">  
281 - <div class="connectitemimg">  
282 - <img src="image/dianhua.png" alt="">  
283 - </div>  
284 - <div class="addressname">18888888888</div> 278 + </div>
  279 + <div class="col-md-2 listitem">
  280 + <div class="connectlistitem">
  281 + <div class="connectitemimg">
  282 + <img src="image/dianhua.png" alt="">
285 </div> 283 </div>
  284 + <div class="addressname">18888888888</div>
286 </div> 285 </div>
287 - <div class="col-md-2 listitem">  
288 - <div class="connectlistitem">  
289 - <div class="connectitemimg">  
290 - <img src="image/pingban.png" alt="">  
291 - </div>  
292 - <div class="addressname">15688888888</div> 286 + </div>
  287 + <div class="col-md-2 listitem">
  288 + <div class="connectlistitem">
  289 + <div class="connectitemimg">
  290 + <img src="image/pingban.png" alt="">
293 </div> 291 </div>
  292 + <div class="addressname">15688888888</div>
294 </div> 293 </div>
295 - <div class="col-md-2 listitem">  
296 - <div class="connectlistitem">  
297 - <div class="connectitemimg">  
298 - <img src="image/weixin.png" alt="">  
299 - </div>  
300 - <div class="addressname">15688888888</div> 294 + </div>
  295 + <div class="col-md-2 listitem">
  296 + <div class="connectlistitem">
  297 + <div class="connectitemimg">
  298 + <img src="image/weixin.png" alt="">
301 </div> 299 </div>
  300 + <div class="addressname">15688888888</div>
302 </div> 301 </div>
303 - <div class="cil-md-2 listitem">  
304 - <div class="connectlistitem">  
305 - <div class="connectitemimg">  
306 - <img src="image/xinxi.png" alt="">  
307 - </div>  
308 - <div class="addressname">88888888@163.com</div> 302 + </div>
  303 + <div class="col-md-2 listitem">
  304 + <div class="connectlistitem">
  305 + <div class="connectitemimg">
  306 + <img src="image/xinxi.png" alt="">
309 </div> 307 </div>
  308 + <div class="addressname">88888888@163.com</div>
310 </div> 309 </div>
311 </div> 310 </div>
  311 +
  312 +
312 </div> 313 </div>
313 </div> 314 </div>
314 -  
315 </div> 315 </div>
316 316
317 - <!--底部信息-->  
318 - <div class="footer">  
319 - <ul class="footertop">  
320 - <li class="gsjs">公司介绍</li>  
321 - <li class="gsjs">产品系列</li>  
322 - <li class="gsjs">主要服务</li>  
323 - <li>联系我们</li>  
324 - </ul>  
325 - <div class="footerbottom">小黄人智能科技有限公司主营：高速电机、同步伺服电机、大功率伺服电机、异步伺服电机等，质量可靠，价格公道，欢迎选购。沪公网安备 31011202006407号</div> 317 +</div>
  318 +
  319 +<!--底部信息-->
  320 +<div class="footer">
  321 + <ul class="footertop">
  322 + <li class="gsjs">公司介绍</li>
  323 + <li class="gsjs">产品系列</li>
  324 + <li class="gsjs">主要服务</li>
  325 + <li >联系我们</li>
  326 + </ul>
  327 + <div class="footerbottom">小黄人智能科技有限公司主营：高速电机、同步伺服电机、大功率伺服电机、异步伺服电机等，质量可靠，价格公道，欢迎选购。沪公网安备 31011202006407号</div>
  328 +</div>
  329 +
  330 +<!--客服-->
  331 +<div class="kefubox">
  332 + <div class="kefutop">
  333 + <img src="image/kefu.png" alt="">
326 </div> 334 </div>
327 -  
328 - <!--客服-->  
329 - <div class="kefubox">  
330 - <div class="kefutop">  
331 - <img src="image/kefu.png" alt="">  
332 - </div>  
333 - <div class="kefutop dingbu">  
334 - <img src="image/top.png" alt="">  
335 - </div> 335 + <div class="kefutop dingbu">
  336 + <img src="image/top.png" alt="">
336 </div> 337 </div>
  338 +</div>
337 339
338 340
339 341
@@ -343,7 +345,13 @@ @@ -343,7 +345,13 @@
343 <script type="text/javascript" src="js/swiperfour.min.js"></script> 345 <script type="text/javascript" src="js/swiperfour.min.js"></script>
344 <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.2&key=735d888fa7a9599eea4de210edc32335"></script> 346 <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.2&key=735d888fa7a9599eea4de210edc32335"></script>
345 <script> 347 <script>
346 - var mySwiper = new Swiper('.swiper-container', { 348 +
  349 + <!-- 页面返回到顶部-->
  350 +
  351 + $('.dingbu').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});
  352 +
  353 +
  354 + var mySwiper = new Swiper ('.swiper-container', {
347 355
348 loop: true, 356 loop: true,
349 // autoplay:true, 357 // autoplay:true,
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +<head>
  4 + <meta charset="UTF-8">
  5 + <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6 + <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  7 + <title>主要服务</title>
  8 + <link rel="stylesheet" href="css/bootstrap.min.css">
  9 + <link rel="stylesheet" href="css/base.css">
  10 + <link rel="stylesheet" href="css/swiperfour.css">
  11 + <link rel="stylesheet" href="css/common.css">
  12 +</head>
  13 +<body>
  14 +<!--头部导航-->
  15 +<nav id="common-nav" class="navbar navbar-inverse navbar-fixed-top">
  16 + <div class="container containerbox">
  17 + <div class="navbar-header">
  18 + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  19 + <span class="sr-only">Toggle navigation</span>
  20 + <span class="icon-bar"></span>
  21 + <span class="icon-bar"></span>
  22 + <span class="icon-bar"></span>
  23 + </button>
  24 + <div class="toubu">
  25 + <img class="navbar-logo" src="image/logo.png">
  26 + </div>
  27 + </div>
  28 +
  29 + <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  30 + <div class="nav navbar-nav navbar-right phonelist">
  31 + <div class="phoneimg">
  32 + <img src="image/phone.png" alt="">
  33 + </div>
  34 + <div class="phonenum">022-89999999</div>
  35 + <div class="shuru">
  36 + <div class="entershu">
  37 + <input type="text">
  38 + </div>
  39 + <div class="souimg">
  40 + <img src="image/sousuo.png" alt="">
  41 + </div>
  42 + </div>
  43 + <div class="qiehuan">EN</div>
  44 + </div>
  45 +
  46 +
  47 + <ul class="nav navbar-nav navbar-right navtou">
  48 + <li>
  49 + <a href="" class="navactive">网站首页</a>
  50 + </li>
  51 +
  52 + <li>
  53 + <a href="">
  54 + 公司介绍
  55 + </a>
  56 +
  57 + </li>
  58 + <li>
  59 + <a href="" >
  60 + 产品系列
  61 +
  62 + </a>
  63 + </li>
  64 + <li>
  65 + <a href="">
  66 + 主要服务
  67 + </a>
  68 + </li>
  69 + <li>
  70 + <a href="">
  71 + 资料下载
  72 +
  73 + </a>
  74 + </li>
  75 +
  76 + <li>
  77 + <a href="">
  78 + 联系我们
  79 + </a>
  80 + </li>
  81 +
  82 +
  83 +
  84 +
  85 +
  86 + </ul>
  87 + </div><!-- /.navbar-collapse -->
  88 +
  89 +
  90 + </div><!-- /.container-fluid -->
  91 +</nav>
  92 +
  93 +<!--占位图-->
  94 +<div class="fuwutopimg">
  95 + <img src="image/mainbanner.png" alt="">
  96 +</div>
  97 +
  98 +
  99 +<div class="container fuwuhezi">
  100 + <div class="biaotitou">
  101 + <div class="biaotitouitem">首页</div>
  102 + <div class="biaotitouitem fuhao">></div>
  103 + <div class="biaotitouitem">主要服务</div>
  104 + </div>
  105 + <div class="row">
  106 + <div class="col-md-3 col-sm-12">
  107 + <div class="fuwuleftbox">
  108 + <div class="fuwulefttop">
  109 + 主要服务
  110 + </div>
  111 + <div class="fuwuleftboxitem">
  112 + <div class="fuwuwei fuwuactive">维修</div>
  113 + <div class="fuwuweiimg">
  114 + <img src="image/yourow.png" alt="">
  115 + </div>
  116 + </div>
  117 + <div class="fuwuleftboxitem">
  118 + <div class="fuwuwei">配件销售</div>
  119 + <div class="fuwuweiimg">
  120 + <img src="image/yourow.png" alt="">
  121 + </div>
  122 +
  123 + </div>
  124 + <div class="fuwuleftboxitem ">
  125 + <div class="fuwuwei">售后</div>
  126 + <div class="fuwuweiimg">
  127 + <img src="image/yourow.png" alt="">
  128 + </div>
  129 + </div>
  130 +
  131 + </div>
  132 + </div>
  133 + <div class="col-md-9 col-sm-12">
  134 + <div class="fuwutitle">维修服务</div>
  135 + <div class="fuwucontentbox">
  136 + <div class="fuwucontentimg">
  137 + <img src="image/fuwuimg.png" alt="">
  138 + </div>
  139 + <div class="fuwucontenttext">
  140 + 基值支义们京候么眼革下使叫。南石很样好清少去准连究志议构。
  141 + 调研而手开求况做体式达高心置过。装切此报列明子马世志再部增心。
  142 + 般于须子展新五复通可南成群置接。为技经再议制选时据派断这队片全府好。
  143 + 况感速记中上相组低拉素道北始论与。属书研置约适商才联太的七情力类。
  144 + 你理边率他次与关好期起金志单马切红。主严拉青民解格速七取学复才太马。
  145 + 前属口质次意指有研叫后先按此。 省每前称非美事起也半专我料叫此没。
  146 + 学想象这志究反规空家很便老。位转信由江空能手立和级各素面亲。
  147 + 认安应活按开重细强说标将研力。生机除打万复办开不场始先值标清。
  148 + 认下入龙中还委角年史级素油据动。求北厂风层单北群建结明儿线部时。
  149 + 国们五路会主研话义将党深见里资报。
  150 + 五严没保马光己养究号体被记列干亲公些。取建布龙深飞除格前千应无进张离。
  151 + 传命头你素部始东风成世向应。认下入龙中还委角年史级素油据动。求北厂风层单北群建结明儿线部时。
  152 + 国们五路会主研话义将党深见里资报。
  153 + 五严没保马光己养究号体被记列干亲公些。取建布龙深飞除格前千应无进张离。
  154 + 传命头你素部始东风成世向应。
  155 + </div>
  156 + </div>
  157 + </div>
  158 + </div>
  159 +</div>
  160 +
  161 +
  162 +
  163 +
  164 +
  165 +
  166 +
  167 +<!--底部信息-->
  168 +<div class="footer">
  169 + <ul class="footertop">
  170 + <li class="gsjs">公司介绍</li>
  171 + <li class="gsjs">产品系列</li>
  172 + <li class="gsjs">主要服务</li>
  173 + <li >联系我们</li>
  174 + </ul>
  175 + <div class="footerbottom">小黄人智能科技有限公司主营：高速电机、同步伺服电机、大功率伺服电机、异步伺服电机等，质量可靠，价格公道，欢迎选购。沪公网安备 31011202006407号</div>
  176 +</div>
  177 +</body>
  178 +<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
  179 +<script type="text/javascript" src="js/bootstrap.min.js"></script>
  180 +<script type="text/javascript" src="js/swiperfour.min.js"></script>
  181 +
  182 +<script>
  183 + $(".fuwuleftboxitem").mouseenter(function(){
  184 + $(this).children(".fuwuwei").addClass("fuwuactive");
  185 + $(this).siblings(".fuwuleftboxitem").children(".fuwuwei").removeClass("fuwuactive")
  186 + })
  187 +</script>
  188 +</html>