service.html 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>服务支持 - 炫酷的科技公司静态html模板 - xxx</title>
  6. <link rel="stylesheet" type="text/css" href="css/style.css" />
  7. <link rel="stylesheet" type="text/css" href="css/common.css">
  8. <link rel="stylesheet" type="text/css" href="css/animate.min.css">
  9. </head>
  10. <body>
  11. <div class="index-header clearfix">
  12. <div class="index- fl">
  13. <a href=""></a>
  14. </div>
  15. <ul class="index-nav fl">
  16. <li><a href="index.html">首页</a></li>
  17. <li><a href="about.html">关于我们</a></li>
  18. <li><a href="business.html">业务范围</a></li>
  19. <li><a href="products.html">产品中心</a></li>
  20. <li><a href="cases.html">应用案例</a></li>
  21. <li><a href="news.html">新闻资讯</a></li>
  22. <li><a href="jobs.html">人才招聘</a></li>
  23. <li><a href="service.html" class="active">服务支持</a></li>
  24. <li><a href="contact.html">联系我们</a></li>
  25. </ul>
  26. <div class="index-header-right fr">
  27. <a href="" class="search-btn">搜索</a>
  28. <a href="" class="erweima">
  29. <div class="erweima-pic">
  30. <img src="images/pic1.jpg">
  31. </div>
  32. </a>
  33. </div>
  34. <div class="clear"></div>
  35. </div>
  36. <div class="search_sec">
  37. <a href="#" title="" class="close-search"><i class=" la-close"><img src="images/icon5.png"></i></a>
  38. <div class="search_field">
  39. <div class="container">
  40. <form>
  41. <input type="text" name="search" placeholder="Search for...">
  42. <button type="submit"><img src="images/search2.png"></button>
  43. </form>
  44. </div>
  45. </div>
  46. </div>
  47. <!--search_sec end-->
  48. <div id="wrap">
  49. <section id="top clearfix">
  50. <div class="page-banner pic scroll-animate animated fadeInDownSmall" data-effect="fadeInDownSmall" >
  51. <img src="images/page-banner.jpg" class="banner">
  52. </div>
  53. <div class="clear"></div>
  54. <div class="msg">
  55. <h1 class="f-50 mb-12">服务支持</h1>
  56. <div id="down-more">
  57. <i class="wc"><img src="images/jt2.png"></i><br>
  58. <a class="">Scroll More</a>
  59. </div>
  60. </div>
  61. <section class="sub-menu clearfix">
  62. <div class="index-con">
  63. <div class="fl sub-menu-left">
  64. <em><img src="images/tu48.png"></em>
  65. <a href="">our news</a>
  66. <em><img src="images/tu10.jpg"></em>
  67. <a href="">我们的新闻</a>
  68. </div>
  69. <ul class="pinner fr">
  70. <li><a href="" class="link on">案例展示一</a></li>
  71. <li><a href="" class="link">案例展示二</a></li>
  72. <li><a href="" class="link">案例展示三</a></li>
  73. <li><a href="" class="link">案例展示四</a></li>
  74. </ul>
  75. </div>
  76. <div class="clear"></div>
  77. </section>
  78. </section>
  79. <div class="page-main">
  80. <div class="linian service">
  81. <div class="w1300">
  82. <div class="p-title">
  83. <div class="t">服务与支持</div>
  84. <i class="s"></i>
  85. <div class="c" style="font-family: arial; text-transform: uppercase;" >Service and support</div>
  86. </div>
  87. <ol class="mt50">
  88. <li>
  89. <a href="">
  90. <div class="ln_img fl"><img src="images/fw-pic1.jpg"></div>
  91. <div class="cont index-table fr">
  92. <div class="index-cell">
  93. <h1>服务承诺 </h1>
  94. <p>Service promise</p>
  95. <span></span>
  96. <figure>
  97. <p>消费者投诉,是指消费者为生活消费需要购买、使用商品或者接受服务,与经营者之间发生消费者权益争议后,请求消费者权益保护组织调解,要求保护其合法权益的行为。</p>
  98. </figure>
  99. </div>
  100. </div>
  101. </a>
  102. </li>
  103. </ol>
  104. <div class="bottom clearfix">
  105. <div class="left fl">
  106. <div class="title">
  107. <h1>投诉保修 </h1>
  108. <p>Warranty for complaints</p>
  109. <span></span>
  110. <div class="img">
  111. <img src="images/fw-pic2.jpg">
  112. </div>
  113. <figure>
  114. <p>消费者投诉,是指消费者为生活消费需要购买、使用商品或者接受服务,与经营者之间发生消费者权益争议后,请求消费者权益保护组织调解,要求保护其合法权益的行为。</p>
  115. </figure>
  116. </div>
  117. </div>
  118. <div class="right fr">
  119. <div class="liuyan">
  120. <ul>
  121. <li><input type="text" value="请输入您的姓名" class="text" onblur="if(this.value=='')this.value='请输入您的姓名';" onfocus="this.value='';" onkeydown="entersearch()"></li>
  122. <li><input type="text" value="请输入您的联系电话" class="text" onblur="if(this.value=='')this.value='请输入您的联系电话';" onfocus="this.value='';" onkeydown="entersearch()"></li>
  123. <li><input type="text" value="请输入您的常用邮箱" class="text" onblur="if(this.value=='')this.value='请输入您的常用邮箱';" onfocus="this.value='';" onkeydown="entersearch()"></li>
  124. <li class="on_11"><textarea placeholder="请在此处输入文本..."></textarea></li>
  125. <li class="on_22"><input type="submit" value="立即提交" class="sub"></li>
  126. </ul>
  127. </div>
  128. </div>
  129. </div>
  130. </div>
  131. </div>
  132. </div>
  133. <!--footer-->
  134. <div class="index-footer" style="margin-top: 0;">
  135. <div class="clearfix index-footer-info index-con">
  136. <div class=" fl">
  137. </div>
  138. <div class="lianxi fl">
  139. <h2>联系方式</h2>
  140. <p>前台电话: xxx </p>
  141. <p>报修电话:xxx</p>
  142. <P>地址:xxx省xxx市XX区XX1201号XXXXXX</P>
  143. <p>商务产业园x期x号楼东xxx室</p>
  144. </div>
  145. <div class="phone fl">
  146. xxx
  147. </div>
  148. <div class="erweima fr">
  149. <img src="images/pic1.jpg">
  150. <p>二维码</p>
  151. </div>
  152. </div>
  153. <div class="index-footer-bottom">
  154. <div class="index-con clearfix">
  155. <p class="fl">版权所有 © 2020 xxxx科技有限公司 皖ICP备xxxxxxxx号 x公网安备xxxxxxxxxxxxxxxxxx号</p>
  156. <a href="http://www.5imoban.net" target="_blank" class="fr">技术支持:静态网页模板</a>
  157. </div>
  158. </div>
  159. </div>
  160. <div class="clear"></div>
  161. </div>
  162. <script type="text/javascript" src="http://www.5imoban.net/download/jquery/jquery-3.2.1.min.js"></script>
  163. <script type="text/javascript" src="js/main.js"></script>
  164. <script type='text/javascript' src='js/base.js'></script>
  165. <script type="text/javascript" src='js/app.js'></script>
  166. <script src="js/more.js"></script>
  167. <script>
  168. scrolly.init({
  169. wrapper: '#bloc',
  170. targets: '.scr-el',
  171. bgParallax: true,
  172. wrapperSpeed: 0.08
  173. });
  174. </script>
  175. </body>
  176. </html>