首页 发现 帮助
登录
zhangqi
/
yos_web
1
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
目录树: e7b1c0fe8a
分支列表 标签列表
yos_web
/
buildAnnexation
/
ZB
/
EN
/
index_EN.html

index_EN.html 67 KB
文件历史 原始文件

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199 
  1. <!doctype html>
    2. 

  2. <html lang="zh-cn">
    3. 

  3. <head>
    4. 

  4. 	<meta charset="UTF-8">
    5. 

  5. 	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
    6. 

  6. 	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
    7. 

  7. <link rel="icon" href="logo.ico" type="image/x-icon">  
    8. 

  8.  <link rel="shortcut icon" href="logo.ico" type="image/x-icon">  
    9. 

  9.     <meta name="renderer" content="webkit|ie-comp|ie-stand">
    10. 

  10. 	<title>班尼戈-德国班尼戈阀门【官网】</title>
    11. 

  11.     <meta name="keywords" content="班尼戈官网">
    12. 

  12.     <meta name="description" content="班尼戈官网">
    13. 

  13. 	<link href="../css/bootstrap.min.css" rel="stylesheet">
    14. 

  14. 	<link href="../css/font-awesome.css" rel="stylesheet">
    15. 

  15. 	<link href="../css/animate.css" rel="stylesheet">
    16. 

  16.     <link href="../css/swiper.min.css" rel="stylesheet">
    17. 

  17. 

  18. 	<link rel="stylesheet" href="../css/jquery.fullPage.css">
    19. 

  19.     <link href="../css/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />
    20. 

  20. 	<link href="../css/style.css" rel="stylesheet">
    21. 

  21.     <link href="../css/flip.min.css" rel="stylesheet">
    22. 

  22.     <link href="../css/bng.css" rel="stylesheet">
    23. 

  23. 

  24.     <script src="../js/jquery-1.10.1.js"></script>
    25. 

  25.     <script src="../js/prefixfree.min.js"></script>
    26. 

  26. 	<script src="../js/bootstrap.min.js"></script>
    27. 

  27.     <script src="../js/swiper.min.js"></script>
    28. 

  28.     <script src="../js/swiper.animate1.0.2.min.js"></script>
    29. 

  29.     <script src="../js/jquery.fullPage.js"></script>
    30. 

  30.     <script src="../js/public.js"></script>
    31. 

  31.     <script src="../js/jquery.waypoints.min.js"></script>
    32. 

  32.     <script src="../js/jquery.countup.js"></script>
    33. 

  33.     <script src="../js/flip.min.js"></script>
    34. 

  34.     <script type="module" src="../main.js"></script>
    35. 

  35. 

  36.     <script>
    37. 

  37.     
    38. 

  38.     $(function(){
    39. 

  39.         var $mlNav = $('.navbox');
    40. 

  40.         $('#hmpage').fullpage({
    41. 

  41.             verticalCentered:true,
    42. 

  42.             resize:false,
    43. 

  43.             anchors: ['page1', 'page2', 'page3', 'page4', 'page5', 'page6', 'page7', 'page8', 'foot'],
    44. 

  44.             menu: '#navPage',
    45. 

  45.             scrollOverflow: false,
    46. 

  46.             afterLoad: function(anchorLink, index){
    47. 

  47.                 $("#fp-nav ul li").eq(index-1).addClass("active");
    48. 

  48.                 if(index != 1){
    49. 

  49.                     $('header').addClass("active");
    50. 

  50.                 }
    51. 

  51. 				if(index == 5){$('.counter').countUp({time:3000});}
    52. 

  52.                 if(index == 8){
    53. 

  53.                     $('.mbox8Bg').addClass("cut");
    54. 

  54.                 }
    55. 

  55.                 if(index ==9){
    56. 

  56.                     $("#navPage").addClass("noactive");
    57. 

  57.                 }
    58. 

  58.             },
    59. 

  59.             onLeave: function(index, nextIndex, direction){
    60. 

  60.                 if(index != 1){
    61. 

  61.                     $('header').removeClass("active");
    62. 

  62.                 }
    63. 

  63.                 if(index == 8 && direction == 'up'){
    64. 

  64.                     $('.mbox8Bg').removeClass("cut");
    65. 

  65.                 }
    66. 

  66.                 if(index ==9){
    67. 

  67.                     $("#navPage").removeClass("noactive");
    68. 

  68.                 }
    69. 

  69.             }
    70. 

  70.         });
    71. 

  71. 		setTimeout(function(){$("#hmpage").css("opacity",1);},10);     
    72. 

  72.     });
    73. 

  73.     function showVideoModal () {
    74. 

  74.         const doc = document.getElementById('videoModal')
    75. 

  75.         const vd = document.getElementById('vd')
    76. 

  76.         vd.play()
    77. 

  77.         doc.style.display = 'block'
    78. 

  78.     }
    79. 

  79.     function hideVideoModal () {
    80. 

  80.         const doc = document.getElementById('videoModal')
    81. 

  81.         const vd = document.getElementById('vd')
    82. 

  82.         vd.pause()
    83. 

  83.         doc.style.display = 'none'
    84. 

  84.     }
    85. 

  85. 

  86.     let ht = 0
    87. 

  87.     let cot = 1
    88. 

  88.     function init  () {
    89. 

  89.         if (cot == 1) {
    90. 

  90.             setTimeout(() => {
    91. 

  91.                 let doc = document.getElementById('prev')
    92. 

  92.                 doc.style.pointerEvents = 'none'
    93. 

  93.             }, 2000);
    94. 

  94.             
    95. 

  95.         }
    96. 

  96.     }
    97. 

  97. 

  98.     function cardPrev () {
    99. 

  99.         cot--
    100. 

  100. 

  101.         let next = document.getElementById('next')
    102. 

  102.         next.style.pointerEvents = ''
    103. 

  103.         next.style.color = ''
    104. 

  104. 

  105.         if (cot == 1) {
    106. 

  106.             let doc = document.getElementById('prev')
    107. 

  107.             doc.style.pointerEvents = 'none'
    108. 

  108.             doc.style.color = '#ccc'
    109. 

  109.         } else {
    110. 

  110.             let doc = document.getElementById('timeLineBox')
    111. 

  111.             ht = ht + 70
    112. 

  112.             doc.style.top = (ht + 70) +'px'
    113. 

  113.         }
    114. 

  114.     }
    115. 

  115.     function cardNext () {
    116. 

  116.         cot++
    117. 

  117. 

  118.         let prev = document.getElementById('prev')
    119. 

  119.         prev.style.pointerEvents = ''
    120. 

  120.         prev.style.color = ''
    121. 

  121. 

  122.         if (cot == 10) {
    123. 

  123.             let doc = document.getElementById('next')
    124. 

  124.             doc.style.pointerEvents = 'none'
    125. 

  125.             doc.style.color = '#ccc'
    126. 

  126.         } else {
    127. 

  127.             let doc = document.getElementById('timeLineBox')
    128. 

  128.             ht = ht - 70
    129. 

  129.             doc.style.top = ht +'px'
    130. 

  130.         }
    131. 

  131.     }
    132. 

  132.     function linkOf(url) {
    133. 

  133.         window.location.href = url
    134. 

  134.     }
    135. 

  135.     init()
    136. 

  136.    </script>
    137. 

  137. 	<!--[if IE]>
    138. 

  138.         <script type="text/javascript" src="js/html5shiv.min.js"></script>
    139. 

  139.         <script type="text/javascript" src="js/respond.min.js"></script>
    140. 

  140.     <![endif]-->
    141. 

  141.     <style>
    142. 

  142.        
    143. 

  143.         /* HTML结构 */  
    144. 

  144.         .imgBg2{
    145. 

  145.             background-position: 80% !important;
    146. 

  146.             background-size: cover;
    147. 

  147.         }
    148. 

  148.         .mbox2TitEn{
    149. 

  149.             background-image: url('./../assets/bg3.pic.jpg')
    150. 

  150.         }
    151. 

  151.         .btn{
    152. 

  152.             background-color: rgba(255, 255, 255, 0.5);
    153. 

  153.             line-height: 38px;
    154. 

  154.         }
    155. 

  155.         @media (max-width:640px) {
    156. 

  156.             /* .mobile-mbox2Brief{
    157. 

  157.                 height: 300px;
    158. 

  158.                 overflow-y: scroll;
    159. 

  159.             } */
    160. 

  160.             .mobile-mgbt20{
    161. 

  161.                 margin-bottom: 20px;
    162. 

  162.             }
    163. 

  163.             .banText2{
    164. 

  164.                 margin-top: -60px;
    165. 

  165.             }
    166. 

  166.         }
    167. 

  167.     </style>
    168. 

  168. <!-- netconst.com Baidu tongji analytics -->
    169. 

  169. 

  170. </head>
    171. 

  171. <body>
    172. 

  172. <div id="videoModal">
    173. 

  173.     <div class="video-close"  onClick="hideVideoModal()">
    174. 

  174.         ×
    175. 

  175.     </div>
    176. 

  176.     <video id="vd" webkit-playsinline='true' playsinline='true' x5-video-player-type='h5-page' controls>  
    177. 

  177.         <source src="./../assets/0807.mp4">  
    178. 

  178.         Your browser does not support the video tag.  
    179. 

  179.     </video>
    180. 

  180. </div>
    181. 

  181. <div class="menuBg">
    182. 

  182. 	<div class="menuBtn">
    183. 

  183.     	<img src="../assets/logo@2x_col.jpg" style="width: 30px;">
    184. 

  184.         <div class="mBtnLine">
    185. 

  185.         	<span></span>
    186. 

  186.         	<span></span>
    187. 

  187.         	<span></span>
    188. 

  188.         </div>
    189. 

  189.     </div>
    190. 

  190.     <ul class="mOnLine list-unstyled text-center hidden-xs hidden-sm">
    191. 

  191.     	<li class="onLineWx loginInBtn">
    192. 

  192.             <div class="mOnLineIco"><a  id="usercenter" href="./login.html"><i class="fa fa-user"></i></a></div>
    193. 

  193.             <div class="mOnLineCon">
    194. 

  194.               <a class="lang-item" id="navlodin" href="./login.html" translate>登陆账号</a>
    195. 

  195.               <a class="lang-item" id="navlodinuser" href="./accountCenter.html" translate>个人中心</a>
    196. 

  196.               <a class="lang-item" id="navlodinloginout" onclick="tool.loginOut()" translate>退出登录</a>
    197. 

  197.             </div>
    198. 

  198.           </li>
    199. 

  199.         
    200. 

  200.     	<li class="onLineWx">
    201. 

  201.         	<div class="mOnLineIco"><i class="fa fa-weixin"></i></div>
    202. 

  202.             <div class="mOnLineCon">
    203. 

  203.             	<img src="assets/qrcode.png" class="img-responsive">
    204. 

  204.                     <img src="assets/qrcodeLY.png" class="img-responsive">
    205. 

  205.             </div>
    206. 

  206.         </li>
    207. 

  207.         <li class="onLineWx" >
    208. 

  208.             <div class="mOnLineLang">
    209. 

  209.                             <small style="font-size: 0;"><svg style="width: 12px;height: 12px;" t="1727425180240" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1933" width="200" height="200"><path d="M233.92 230.25l61.76 61.76A255.872 255.872 0 0 0 170.667 512c0 139.2 111.125 252.459 249.493 255.915l6.507 0.085h96.469L457.6 702.464l60.33-60.33 25.366 25.365-0.064 0.085 166.741 166.72c-31.893 11.157-65.92 17.707-101.333 18.837l-0.192 0.171-0.17-0.15-5.462 0.129-5.483 0.042H426.667c-188.523 0-341.334-152.81-341.334-341.333 0-116.992 58.88-220.245 148.587-281.75z m363.413-59.583c188.523 0 341.334 152.81 341.334 341.333 0 116.992-58.88 220.245-148.587 281.75l-61.76-61.76A255.872 255.872 0 0 0 853.333 512c0-141.376-114.624-256-256-256h-96.469l65.515 65.515-60.331 60.33-118.016-118.037 0.064-0.043-74.07-74.069a340.288 340.288 0 0 1 101.334-18.837l0.15-0.192 0.213 0.17 5.44-0.128 5.504-0.042h170.666z" p-id="1934" fill="#ffffff"></path></svg></small>&nbsp;<small  id="lang"></small>
    210. 

  210. 

  211.             </div>
    212. 

  212.             <div class="mOnLineCon" style="background-color: #fff;bottom:10px;">
    213. 

  213.                <p class="lang-item" id="zh"><small onclick="tool.changeLang('ZH')">简体中文</small></p>
    214. 

  214.                <p class="lang-item" id="en"><small onclick="tool.changeLang('en')">English</small></p>
    215. 

  215.             </div>
    216. 

  216.         </li>
    217. 

  217.     </ul>
    218. 

  218. </div>
    219. 

  219. <header class="headerBg">
    220. 

  220. 	<div class="header">
    221. 

  221.     	<div class="logo"><a href="index.html"><img style="max-height: 40px;" src="../assets/logo-1@2x.png" class="img-responsive shows"><img style="width: 200px;" src="../assets/logo@2x.png" class="img-responsive hides"></a></div>
    222. 

  222.         <div class="tel"><a class="hides" href="tel:86 573 89053730"><div></div></a><span><div class="fa fa-phone"></div> +86 0573 89053730</span></div>
    223. 

  223.         <div class="clear"></div>
    224. 

  224.     </div>
    225. 

  225. </header>
    226. 

  226. <div class="navBg">
    227. 

  227. 	<div class="navTop">
    228. 

  228.     	<div class="logo"><a href="index.html"><img style="max-height: 40px;" src="../assets/logo-1@2x.png" class="img-responsive"></a></div>
    229. 

  229.         <div class="navClose"><span></span><span></span></div>
    230. 

  230.         <div class="clear"></div>
    231. 

  231.     </div>
    232. 

  232.     <div class="navBot">
    233. 

  233.     	<ul class="navList list-unstyled">
    234. 

  234.         	<li>
    235. 

  235.                 <a class="menu">
    236. 

  236.                     <span class="navCn" onclick="tool.linkOf('./index_EN.html#page1')">Home page</span>
    237. 

  237.                     <div class="child-menu">
    238. 

  238.                         <p onclick="tool.linkOf('./index_EN.html#page2')">Company Introduction</p>
    239. 

  239.                         <p onclick="tool.linkOf('./index_EN.html#page3')">Brand Introduction</p>
    240. 

  240.                         <p onclick="tool.linkOf('./index_EN.html#page4')">Engineering Case</p>
    241. 

  241.                         <p onclick="tool.linkOf('./index_EN.html#page5')">Cooperative Partner</p>
    242. 

  242.                         <p onclick="tool.linkOf('./index_EN.html#page6')">Contact Us</p>
    243. 

  243.                     </div>
    244. 

  244.                 </a>
    245. 

  245.             </li> 
    246. 

  246.             	 
    247. 

  247.             <li>
    248. 

  248.                 <a class="menu">
    249. 

  249.                     <span class="navCn" onclick="linkOf('./projectsDemo.html')">工程案例</span>
    250. 

  250.                     <div class="child-menu" id="projectsDemo"></div>
    251. 

  251.                 </a>
    252. 

  252.             </li>
    253. 

  253.             <li>
    254. 

  254.                 <a class="menu">
    255. 

  255.                     <span class="navCn" onclick="tool.linkOf('./Servicesupport.html')" translate>服务支持</span>
    256. 

  256.                     <div class="child-menu">
    257. 

  257.                         <p onclick="tool.linkOf('./Servicesupport.html')" translate>服务查询</p>
    258. 

  258.                         <p onclick="tool.linkOf('./productList.html')" translate>产品名录</p>
    259. 

  259.                     </div>
    260. 

  260.                 </a>
    261. 

  261.             </li>
    262. 

  262.             <!-- <li>
    263. 

  263.                     <a class="menu">
    264. 

  264.                         <span class="navCn">关于我们</span>
    265. 

  265.                         <div class="child-menu">
    266. 

  266.                             <p>公司介绍</p>
    267. 

  267.                             <p>品牌介绍</p>
    268. 

  268.                             <p>联系我们</p>
    269. 

  269.                             <p>加入班尼戈</p>
    270. 

  270.                         </div>
    271. 

  271.                     </a>
    272. 

  272.                 </li> -->
    273. 

  273.             <li>
    274. 

  274.                 <a class="menu">
    275. 

  275.                     <span class="navCn" onclick="linkOf('./Bnews.html')">新闻资讯</span>
    276. 

  276.                     <div class="child-menu" id="navnews"></div>
    277. 

  277.                 </a>
    278. 

  278.             </li>
    279. 

  279.             <li>
    280. 

  280.                 <a class="menu">
    281. 

  281.                     <span class="navCn" id="mobileWorkStation" onclick="tool.linkOf('./accountCenter.html')" translate>个人中心</span>
    282. 

  282.                     <div class="child-menu">
    283. 

  283.                         <!-- <p>最新消息</p>
    284. 

  284.                         <p>我的账户</p> -->
    285. 

  285.                         <p id="workStation" onclick="tool.linkOf('./accountCenter.html')" translate>工作台</p>
    286. 

  286.                     </div>
    287. 

  287.                 </a>
    288. 

  288.             </li>
    289. 

  289.                             		 
    290. 

  290.         	<li class="menu-info-container" style="color: #fff;">
    291. 

  291.                 <div class="menu-info">
    292. 

  292.                     <div>
    293. 

  293.                         <img style="max-height: 30px;" src="../assets/logo-1@2x.png" class="img-responsive">
    294. 

  294.                     </div>
    295. 

  295.                     <!-- <p translate>浙江班尼戈流体控制有限公司</p> -->
    296. 

  296.                     <p class="menu-info-p"><i class="fa fa-map-marker"></i>&nbsp;&nbsp;No. 555, Zonglv Road, New Bridge District, Haiyan County, Jiaxing City, Zhejiang Province.</p>
    297. 

  297.                     <p class="menu-info-p" style="margin-top:30px ;">Haiyan Factory</p>
    298. 

  298.                     <p class="menu-info-p"><i class="fa fa-phone"></i>&nbsp;&nbsp;+86 0573 89053730</p>
    299. 

  299.                      <p class="menu-info-p"><i class="fa fa-phone"></i>&nbsp;&nbsp;13656628223</p>
    300. 

  300.                         <p class="menu-info-p" style="margin-top:30px ;" translate>液冷系统</p>
    301. 

  301.                         <p class="menu-info-p"><i class="fa fa-phone"></i>&nbsp;&nbsp;+86 19057508160</p>
    302. 

  302.                     <p style="margin-top: 30px;font-size: 2rem;">Bänninger, from Europe, takes root in China</p>
    303. 

  303.                 </div>
    304. 

  304.             </li>
    305. 

  305.         </ul>
    306. 

  306.     </div>
    307. 

  307. </div>
    308. 

  308. 

  309. <script type="text/javascript" src="js/search_common.js"></script>
    310. 

  310. <div id="hmpage">
    311. 

  311.     <div class="section">   
    312. 

  312.     	<div class="mbox mbox1">
    313. 

  313.         	<div class="swiper-container">
    314. 

  314.             	<div class="swiper-wrapper">
    315. 

  315.                 	<div class="swiper-slide">
    316. 

  316.                     	<div class="banImg"><div class="imgBg"><img src="../assets/banner@2x.png"></div></div>
    317. 

  317.                         <div class="banText2" style="display: flex;flex-wrap: wrap; align-items:center;justify-content: center;">
    318. 

  318.                             <p class="ani mobile-mgbt20" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s" style="font-size: 3rem;color:#fff">Reliable service provider of water industry control</p>
    319. 

  319.                             <div class="ani mobile-mgbt20" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s"><img src="../assets/logo-1@2x.png" class="img-responsive"></div>
    320. 

  320.                             <article class="ani mobile-mgbt20" swiper-animate-effect="fadeInUp" swiper-animate-duration="2s" swiper-animate-delay="0.8s" style="font-size: 1.75rem;text-indent:3.5rem;color:#fff;">Conex|Bänninger Group owns the century-old brand Conex|Bänninger. It provides consistent products and services globally. The products and services provided are all superior to the standards and regulations proposed by local governments for quality, environment, safety and employees to achieve the goal of sustainable development.
    321. 

  321.                             </article>
    322. 

  322.                             <div class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="2s" swiper-animate-delay="1s">
    323. 

  323.                                 <button style="color:#fff;" class="btn opacity-05 mr-20">Learn more</button>
    324. 

  324.                                 <a style="color:#003399" id="loginBtn" class="btn" href="./login.html">Register/Login</a>
    325. 

  325.                             </div>
    326. 

  326.                         </div>
    327. 

  327.                     </div>
    328. 

  328.                 </div>
    329. 

  329.                 <span class="swiper-pagination"></span>
    330. 

  330.             </div>
    331. 

  331.             <a href="#page2" class="welcome">
    332. 

  332.             	<span class="welcomeDot"></span>
    333. 

  333.                 <strong>WELCOME</strong>
    334. 

  334.                 <span class="welcomeLine"></span>
    335. 

  335.                 <i class="fa fa-angle-right"></i>
    336. 

  336.             </a>
    337. 

  337.         </div>
    338. 

  338.     </div>
    339. 

  339.     <div class="section mbox2Bg">
    340. 

  340.     	<div class="mbox mbox2">
    341. 

  341. 			<div class="box2ImgBg"><div class="imgBg imgBg2" onclick="showVideoModal()"><img src="../assets/section2.pic.jpg"></div></div> 
    342. 

  342.             <div class="videoPlayBtn fa fa-play-circle"  onclick="showVideoModal()"></div>
    343. 

  343.             <div class="mbox2Text">
    344. 

  344.                 <div style="display: flex;align-items: center;">
    345. 

  345.                     <div>
    346. 

  346.                         <h3 class="mbox2TitCn">Company Introduction</h3>
    347. 

  347.                         <!-- <h4 style="color:#333;font-weight:100 !important;">ABOUT US</h4> -->
    348. 

  348.                     </div>&emsp;
    349. 

  349.                     <div class="videoPlayBtnPhone breath-effect fa fa-play-circle"  onclick="showVideoModal()"></div>
    350. 

  350.                 </div>
    351. 

  351.                 <div class="mbox2Brief mobile-mbox2Brief">
    352. 

  352.                     <p>"Zhejiang Bänninger Fluid Control Co., Ltd. is a subsidiary of IBP Group (International building products Ltd) of the United Kingdom。</p>
    353. 

  353.                     <p>The Conex|Bänninger Group owns the century-old brand Conex|Bänninger. It provides consistent products and services globally. The products and services provided are superior to the standards and regulations proposed by local governments for quality, environment, safety and employees to achieve the goal of sustainable development。</p>
    354. 

  354.                     <p>Conex|Bänninger is continuously making global layouts, thus having the most complete product line in the field of fluid control and the ability to provide total solutions. Its continuous commitment to localization and serving users with better life cycle cost also makes us have stronger competitiveness</p>
    355. 

  355.                     <p>Conex|Bänninger not only focuses on the product itself, but more importantly, continuously improves user experience through the management of the whole life cycle of the project。</p>
    356. 

  356.                     <p>For a century, the trust of users has encouraged us to grow. In China, we firmly believe that we will grow together with Chinese users and strive to win more trust。</p>
    357. 

  357.                 </div>
    358. 

  358.                 <ul class="mbox2Bot list-unstyled list-inline">
    359. 

  359.                 	<li>
    360. 

  360.                     	<a href="javascript:;">
    361. 

  361.                         	<div class="mbox2Img"><img style="width: 50px;" src="../assets/2-1.png" class="img-responsive"></div>
    362. 

  362.                             <h3 class="mbox2BotH3">Save Water</h3>	
    363. 

  363.                         </a>
    364. 

  364.                     </li>
    365. 

  365.                 	<li>
    366. 

  366.                     	<a href="javascript:;">
    367. 

  367.                         	<div class="mbox2Img"><img style="width: 50px;" src="../assets/2-2.png" class="img-responsive"></div>
    368. 

  368.                             <h3 class="mbox2BotH3">Water Conveyance</h3>	
    369. 

  369.                         </a>
    370. 

  370.                     </li>
    371. 

  371.                 	<li>
    372. 

  372.                     	<a href="javascript:;">
    373. 

  373.                         	<div class="mbox2Img"><img style="width: 50px;" src="../assets/2-3.png" class="img-responsive"></div>
    374. 

  374.                             <h3 class="mbox2BotH3">Drinking Water Safety</h3>	
    375. 

  375.                         </a>
    376. 

  376.                     </li>
    377. 

  377.                 	<li>
    378. 

  378.                     	<a href="javascript:;">
    379. 

  379.                         	<div class="mbox2Img"><img style="width: 50px;" src="../assets/2-4.png" class="img-responsive"></div>
    380. 

  380.                             <h3 class="mbox2BotH3">Nvironmental Protection</h3>	
    381. 

  381.                         </a>
    382. 

  382.                     </li>
    383. 

  383.                     <li>
    384. 

  384.                     	<a href="javascript:;">
    385. 

  385.                         	<div class="mbox2Img"><img style="width: 50px;" src="../assets/2-5.png" class="img-responsive"></div>
    386. 

  386.                             <h3 class="mbox2BotH3">Intelligent Pipe Network</h3>	
    387. 

  387.                         </a>
    388. 

  388.                     </li>
    389. 

  389.                 </ul>
    390. 

  390.                 <div class="mbox2More text-center">
    391. 

  391.                     <a href="#page3" class="welcome">
    392. 

  392.                         <span class="welcomeDot"></span>
    393. 

  393.                         <strong>WELCOME</strong>
    394. 

  394.                         <span class="welcomeLine"></span>
    395. 

  395.                         <i class="fa fa-angle-right"></i>
    396. 

  396.                     </a>
    397. 

  397.                 </div>
    398. 

  398.             </div>
    399. 

  399.         </div>
    400. 

  400.     </div>
    401. 

  401.     <div class="section mbox3Bg">   
    402. 

  402.     	<div class="mbox mbox3">
    403. 

  403.         	<div class="mbox3Lef">
    404. 

  404.             	<div class="mbox3Tit">
    405. 

  405.                     <h3 class="mbox2TitCn">Brand Introduction</h3>
    406. 

  406.                     <!-- <h4 style="text-transform: uppercase;">Brand Introduction</h4> -->
    407. 

  407.                     <div class="mbox3Brief">
    408. 

  408.                         <p>The Conex|Bänninger (Bänninger®) Group owns the century-old brand Conex|Bänninger (Bänninger®)。</p>
    409. 

  409.                     </div>
    410. 

  410.                 </div>
    411. 

  411.                 <div class="mbox3LefCon" style="height: 400px;overflow: hidden;position: relative;">
    412. 

  412.                 	<ul class="mbox3LefItem list-unstyled" id="timeLineBox">
    413. 

  413.                  	  
    414. 

  414.                         <li  class="active" >
    415. 

  415.                                 <a href="javascript:void(0)" title="1909">
    416. 

  416.                                     <div class="mbox3Ico"><h3 class="mbox2TitCn" style="color:#fff">1909</h3></div>
    417. 

  417.                                     <i class="mbox3Line"></i>
    418. 

  418.                                     <div class="mbox3Name">
    419. 

  419.                                         <h3 class="mbox3H3" style="max-width: 250px;">Brand establishment</h3>
    420. 

  420.                                         <!-- <p class="text-uppercase" style="width: 200px;"></p> -->
    421. 

  421.                                     </div>
    422. 

  422.                                 </a>
    423. 

  423.                             </li>
    424. 

  424.                 
    425. 

  425.                         <li >
    426. 

  426.                                 <a href="javascript:void(0)" title="1920">
    427. 

  427.                                     <div class="mbox3Ico"><h3 class="mbox2TitCn" style="color:#fff">1920</h3></div>
    428. 

  428.                                     <i class="mbox3Line"></i>
    429. 

  429.                                     <div class="mbox3Name">
    430. 

  430.                                         <h3 class="mbox3H3" style="max-width: 250px;">Trademark establishment</h3>
    431. 

  431.                                         <!-- <p class="text-uppercase">Visual Identity</p> -->
    432. 

  432.                                     </div>
    433. 

  433.                                 </a>
    434. 

  434.                             </li>
    435. 

  435.                 
    436. 

  436.                         <li >
    437. 

  437.                                 <a href="javascript:void(0)" title="1932">
    438. 

  438.                                     <div class="mbox3Ico"><h3 class="mbox2TitCn" style="color:#fff">1932</h3></div>
    439. 

  439.                                     <i class="mbox3Line"></i>
    440. 

  440.                                     <div class="mbox3Name">
    441. 

  441.                                         <h3 class="mbox3H3" style="max-width: 250px;">The launch of bronze products</h3>
    442. 

  442.                                         <!-- <p class="text-uppercase">Precision marketing</p> -->
    443. 

  443.                                     </div>
    444. 

  444.                                 </a>
    445. 

  445.                             </li>
    446. 

  446.                 
    447. 

  447.                         <li >
    448. 

  448.                                 <a href="javascript:void(0)" title="1960">
    449. 

  449.                                     <div class="mbox3Ico"><h3 class="mbox2TitCn" style="color:#fff">1960</h3></div>
    450. 

  450.                                     <i class="mbox3Line"></i>
    451. 

  451.                                     <div class="mbox3Name">
    452. 

  452.                                         <h3 class="mbox3H3" style="max-width: 250px;">Launch brass and bronze series valve products.</h3>
    453. 

  453.                                         <!-- <p class="text-uppercase">Server operation and maintenance</p> -->
    454. 

  454.                                     </div>
    455. 

  455.                                 </a>
    456. 

  456.                             </li>
    457. 

  457.                     
    458. 

  458.                         <li >
    459. 

  459.                                 <a href="javascript:void(0)" title="1973">
    460. 

  460.                                     <div class="mbox3Ico"><h3 class="mbox2TitCn" style="color:#fff">1973</h3></div>
    461. 

  461.                                     <i class="mbox3Line"></i>
    462. 

  462.                                     <div class="mbox3Name">
    463. 

  463.                                         <h3 class="mbox3H3" style="max-width: 250px;">Expansion of market territory</h3>
    464. 

  464.                                         <!-- <p class="text-uppercase">Server operation and maintenance</p> -->
    465. 

  465.                                     </div>
    466. 

  466.                                 </a>
    467. 

  467.                             </li>
    468. 

  468. 

  469.                         <li >
    470. 

  470.                                 <a href="javascript:void(0)" title="2010">
    471. 

  471.                                     <div class="mbox3Ico"><h3 class="mbox2TitCn" style="color:#fff">2010</h3></div>
    472. 

  472.                                     <i class="mbox3Line"></i>
    473. 

  473.                                     <div class="mbox3Name">
    474. 

  474.                                         <h3 class="mbox3H3" style="max-width: 250px;">Land in China.</h3>
    475. 

  475.                                         <!-- <p class="text-uppercase">Server operation and maintenance</p> -->
    476. 

  476.                                     </div>
    477. 

  477.                                 </a>
    478. 

  478.                             </li>  
    479. 

  479.                         <li >
    480. 

  480.                                 <a href="javascript:void(0)" title="2011">
    481. 

  481.                                     <div class="mbox3Ico"><h3 class="mbox2TitCn" style="color:#fff">2011</h3></div>
    482. 

  482.                                     <i class="mbox3Line"></i>
    483. 

  483.                                     <div class="mbox3Name">
    484. 

  484.                                         <h3 class="mbox3H3" style="max-width: 250px;">Take root in China.</h3>
    485. 

  485.                                         <!-- <p class="text-uppercase">Server operation and maintenance</p> -->
    486. 

  486.                                     </div>
    487. 

  487.                                 </a>
    488. 

  488.                             </li>  
    489. 

  489.                         <li >
    490. 

  490.                                 <a href="javascript:void(0)" title="2015">
    491. 

  491.                                     <div class="mbox3Ico"><h3 class="mbox2TitCn" style="color:#fff">2015</h3></div>
    492. 

  492.                                     <i class="mbox3Line"></i>
    493. 

  493.                                     <div class="mbox3Name">
    494. 

  494.                                         <h3 class="mbox3H3" style="max-width: 250px;">The sales system is perfected</h3>
    495. 

  495.                                         <!-- <p class="text-uppercase">Server operation and maintenance</p> -->
    496. 

  496.                                     </div>
    497. 

  497.                                 </a>
    498. 

  498.                             </li>  
    499. 

  499.                             <li >
    500. 

  500.                                 <a href="javascript:void(0)" title="2018">
    501. 

  501.                                     <div class="mbox3Ico"><h3 class="mbox2TitCn" style="color:#fff">2018</h3></div>
    502. 

  502.                                     <i class="mbox3Line"></i>
    503. 

  503.                                     <div class="mbox3Name">
    504. 

  504.                                         <h3 class="mbox3H3" style="max-width: 250px;">The launch of new products.</h3>
    505. 

  505.                                         <!-- <p class="text-uppercase">Server operation and maintenance</p> -->
    506. 

  506.                                     </div>
    507. 

  507.                                 </a>
    508. 

  508.                             </li> 
    509. 

  509.                             
    510. 

  510.                         <li >
    511. 

  511.                                 <a href="javascript:void(0)" title="Future">
    512. 

  512.                                     <div class="mbox3Ico"><h3 class="mbox2TitCn" style="color:#fff">Future</h3></div>
    513. 

  513.                                     <i class="mbox3Line"></i>
    514. 

  514.                                     <div class="mbox3Name">
    515. 

  515.                                         <h3 class="mbox3H3" style="max-width: 250px;">In the future, we will do more...</h3>
    516. 

  516.                                         <!-- <p class="text-uppercase">Server operation and maintenance</p> -->
    517. 

  517.                                     </div>
    518. 

  518.                                 </a>
    519. 

  519.                             </li>    
    520. 

  520.                     </ul>
    521. 

  521.                 </div>
    522. 

  522.             </div>
    523. 

  523.             <div class="mbox3Rig">
    524. 

  524.             	<div class="box3RigImg"> 
    525. 

  525.                     
    526. 

  526.                	  
    527. 

  527.                    <div class="box3RigImgItem  active"><img src="../assets/timeline/1909@2x.png" class="img-responsive"><div class="clear"></div></div>
    528. 

  528.                               
    529. 

  529.                    <div class="box3RigImgItem"><img src="../assets/timeline/1920@2x.png" class="img-responsive"><div class="clear"></div></div>
    530. 

  530.                
    531. 

  531.                    <div class="box3RigImgItem "><img src="../assets/timeline/1932@2x.png" class="img-responsive"><div class="clear"></div></div>
    532. 

  532.                               
    533. 

  533.                    <div class="box3RigImgItem "><img src="../assets/timeline/1965@2x.png" class="img-responsive"><div class="clear"></div></div>
    534. 

  534. 

  535.                    <div class="box3RigImgItem "><img src="../assets/timeline/1985@2x.png" class="img-responsive"><div class="clear"></div></div>
    536. 

  536.                 
    537. 

  537.                    <div class="box3RigImgItem "><img src="../assets/timeline/2010-1@2x.png" class="img-responsive"><div class="clear"></div></div>
    538. 

  538.                     
    539. 

  539.                    <div class="box3RigImgItem "><img src="../assets/timeline/2011-1@2x.png" class="img-responsive"><div class="clear"></div></div>
    540. 

  540.                  
    541. 

  541.                    <div class="box3RigImgItem "><img src="../assets/timeline/2016-1@2x.png" class="img-responsive"><div class="clear"></div></div>
    542. 

  542. 

  543.                    <div class="box3RigImgItem "><img src="../assets/timeline/2018@2x.png" class="img-responsive"><div class="clear"></div></div>
    544. 

  544. 

  545.                    <div class="box3RigImgItem "><img src="../assets/timeline/wl-2@2x.png" class="img-responsive"><div class="clear"></div></div>
    546. 

  546.                     <div class="clear"></div>
    547. 

  547.                 </div>
    548. 

  548.                 <div class="box3RigText">
    549. 

  549.                 	<div class="swiper-container">
    550. 

  550.                     	<div class="swiper-wrapper">
    551. 

  551.                         
    552. 

  552.                   	  
    553. 

  553.                             <div class="swiper-slide">
    554. 

  554.                                 <!-- <h4 class="mbox3H4"><img src="images/mbox3IcoRed1.png" class="visible-sm">bänninger 先生在德国吉森创办的班尼戈公司</h4> -->
    555. 

  555.                                 <div class="mbox3Con">
    556. 

  556.                                     <p>The Bänninger company founded by Mr. Bänninger in Giessen, Germany mainly produced cast iron products at the beginning of its establishment。</p>
    557. 

  557.                                 </div>
    558. 

  558.                             </div>
    559. 

  559.                     
    560. 

  560.                             <div class="swiper-slide">
    561. 

  561.                                 <!-- <h4 class="mbox3H4"><img src="images/mbox3IcoRed3.png" class="visible-sm">飞翔的＞B＜作为班尼戈商 标开始</h4> -->
    562. 

  562.                                 <div class="mbox3Con">
    563. 

  563.                                     <p>The flying ∠B began to be used as the Bänninger trademark and has been in use ever since。</p>
    564. 

  564.                                 </div>
    565. 

  565.                             </div>
    566. 

  566.                     
    567. 

  567.                             <div class="swiper-slide">
    568. 

  568.                                 <!-- <h4 class="mbox3H4"><img src="images/mbox3IcoRed4.png" class="visible-sm">成为欧洲唯一生产青铜产品的制造
    569. 

  569.                                     企业</h4> -->
    570. 

  570.                                 <div class="mbox3Con">
    571. 

  571.                                     <p>Become the only manufacturing enterprise in Europe that produces bronze products。</p>
    572. 

  572.                                 </div>
    573. 

  573.                             </div>
    574. 

  574.                     
    575. 

  575.                             <div class="swiper-slide">
    576. 

  576.                                 <!-- <h4 class="mbox3H4"><img src="images/mbox3IcoRed5.png" class="visible-sm">借助于全球建筑市场的发 展，班
    577. 

  577.                                     尼戈进入快速成长阶段</h4> -->
    578. 

  578.                                 <div class="mbox3Con">
    579. 

  579.                                     <p>With the development of the global construction market, Bänninger has entered a stage of rapid development and launched a new concept of brass and bronze series valve products。</p>
    580. 

  580.                                 </div>
    581. 

  581.                             </div>
    582. 

  582.                         
    583. 

  583.                 
    584. 

  584.                             <div class="swiper-slide">
    585. 

  585.                                 <!-- <h4 class="mbox3H4"><img src="images/mbox3IcoRed6.png" class="visible-sm">品牌整合为 Conex/Banninger,并逐渐成为全球阀门管件行业领域
    586. 

  586.                                     最著名的品牌之一</h4> -->
    587. 

  587.                                 <div class="mbox3Con">
    588. 

  588.                                     <p>Bänninger has become a leading brand company in the world's valve and pipe fitting industry. Subsequently, Bänninger (Spain), Bänninger (Italy), and Bänninger (Poland) have been established. Manufacturing bases have been established in Spain and Poland.</p>
    589. 

  589.                                 </div>
    590. 

  590.                             </div>    	
    591. 

  591.                             <div class="swiper-slide">
    592. 

  592.                                 <!-- <h4 class="mbox3H4"><img src="images/mbox3IcoRed6.png" class="visible-sm">班尼戈启动了大中华区域 的业务
    593. 

  593.                                     拓展</h4> -->
    594. 

  594.                                 <div class="mbox3Con">
    595. 

  595.                                     <p>Bänninger has launched business expansion in the Greater China region and established Bänninger (China)。</p>
    596. 

  596.                                 </div>
    597. 

  597.                             </div>    
    598. 

  598.                             <div class="swiper-slide">
    599. 

  599.                                 <!-- <h4 class="mbox3H4"><img src="images/mbox3IcoRed6.png" class="visible-sm">设立浙江班尼戈流体控制有限公司</h4> -->
    600. 

  600.                                 <div class="mbox3Con">
    601. 

  601.                                     <p>Established Zhejiang Bänninger Fluid Control Co., Ltd. and successively launched sales in commercial buildings and municipal markets。</p>
    602. 

  602.                                 </div>
    603. 

  603.                             </div>   
    604. 

  604.                             <div class="swiper-slide">
    605. 

  605.                                 <!-- <h4 class="mbox3H4"><img src="images/mbox3IcoRed6.png" class="visible-sm">先后设立安徽班尼戈、台湾班尼戈、天津班尼戈、成都班尼戈</h4> -->
    606. 

  606.                                 <div class="mbox3Con">
    607. 

  607.                                     <p>Bänninger in Anhui, Bänninger in Taiwan, Bänninger in Tianjin and Bänninger in Chengdu have been established successively。</p>
    608. 

  608.                                 </div>
    609. 

  609.                             </div>   
    610. 

  610.                             <div class="swiper-slide">
    611. 

  611.                                 <!-- <h4 class="mbox3H4"><img src="images/mbox3IcoRed6.png" class="visible-sm">班尼戈（中国）启动了住宅市场的销售，并推出天然杀菌紫铜管道</h4> -->
    612. 

  612.                                 <div class="mbox3Con">
    613. 

  613.                                     <p>Bänninger (China) has launched sales in the residential market and introduced natural antibacterial copper pipes。</p>
    614. 

  614.                                 </div>
    615. 

  615.                             </div>
    616. 

  616.                             <div class="swiper-slide">
    617. 

  617.                                 <!-- <h4 class="mbox3H4"><img src="images/mbox3IcoRed6.png" class="visible-sm">我们将做得更多</h4> -->
    618. 

  618.                                 <div class="mbox3Con">
    619. 

  619.                                     <p>Bänninger, from Europe, takes root in China。</p>
    620. 

  620.                                 </div>
    621. 

  621.                             </div>		
    622. 

  622.                         </div>
    623. 

  623.                         
    624. 

  624.                         <div class="mbox3Btn">
    625. 

  625.                             <span id="prev" class="mbox3Prev" onclick="cardPrev()"><i class="fa fa-angle-left"></i></span>
    626. 

  626.                             <span class="mbox3Pause"><img src="../images/pause.png"></span>
    627. 

  627.                             <span id="next" class="mbox3Next" onclick="cardNext()"><i class="fa fa-angle-right"></i></span>
    628. 

  628.                         </div>
    629. 

  629.                     </div>
    630. 

  630.                 </div>
    631. 

  631.             </div>
    632. 

  632.             <div class="clear"></div>
    633. 

  633.         </div>
    634. 

  634.     </div>
    635. 

  635.     <div class="section mbox4Bg">
    636. 

  636.     	<div class="mbox4LefBtn visible-sm visible-xs"><i class="fa fa-th-large"></i></div>
    637. 

  637.     	<div class="mbox4Lef">
    638. 

  638.         	<div class="mbox4LefCon">
    639. 

  639.                 <div class="mbox4Tit">
    640. 

  640.                     <!-- <h3 class="mbox2TitEn">ENGINEERING CASE</h3> -->
    641. 

  641.                     <h3 class="mbox2TitCn">ENGINEERING CASE</h3>
    642. 

  642.                     <!-- <div class="mbox3Brief">
    643. 

  643.                         <p>ENGINEERING CASE</p>
    644. 

  644.                     </div> -->
    645. 

  645.                 </div>
    646. 

  646.                 <ul class="mbox4LefItem list-unstyled" id="projectsDemo2">
    647. 

  647.                 
    648. 

  648. 				<!-- <li><a href="#">机场项目<i class="mbox4LefLine"></i><i class="fa fa-angle-right"></i></a></li>
    649. 

  649. 			 
    650. 

  650. 				<li><a href="#">轨道交通项目<i class="mbox4LefLine"></i><i class="fa fa-angle-right"></i></a></li>
    651. 

  651. 			 
    652. 

  652. 				<li><a href="#">超高层项目<i class="mbox4LefLine"></i><i class="fa fa-angle-right"></i></a></li>
    653. 

  653. 			 
    654. 

  654. 				<li><a href="#">市政项目<i class="mbox4LefLine"></i><i class="fa fa-angle-right"></i></a></li>
    655. 

  655. 			 
    656. 

  656. 				<li><a href="#">数据中项目<i class="mbox4LefLine"></i><i class="fa fa-angle-right"></i></a></li> -->
    657. 

  657. 			 
    658. 

  658.          
    659. 

  659.                 </ul>
    660. 

  660.                 <a class="mbox4More" href="../projectsDemo.html">View all cases<div class="mbox4MoreIco"></div></a>
    661. 

  661.             </div>
    662. 

  662.         </div>  
    663. 

  663.     	<div class="mbox mbox4">
    664. 

  664. 			<div class="mbox4List">
    665. 

  665.                 <div class="swiper-container">
    666. 

  666.                     <div class="swiper-wrapper">
    667. 

  667.                         <div class="swiper-slide">
    668. 

  668.                             <a class="mbox4Link" title="上海市轨道交通9号线东延伸段项目">
    669. 

  669.                                 <div class="mbox4Img imgBg">
    670. 

  670.                                     <img src="../assets/projuct/subway/subway-1.jpg" title="上海市轨道交通9号线东延伸段项目" class="img-responsive">
    671. 

  671.                                 </div>
    672. 

  672.                                 <!-- <div class="mbox4Ico"></div> -->
    673. 

  673.                                 <div class="mbox4Text">
    674. 

  674.                                     <h3 class="ellipsis">上海市轨道交通9号线东延伸段项目</h3>
    675. 

  675.                                 </div>
    676. 

  676.                             </a>
    677. 

  677.                         </div>
    678. 

  678.                  
    679. 

  679.                         <div class="swiper-slide">
    680. 

  680.                             <a class="mbox4Link" title="嘉兴域外配水工厂">
    681. 

  681.                                 <div class="mbox4Img imgBg">
    682. 

  682.                                     <img src="../assets/projuct/city/city-1.jpeg" title="嘉兴域外配水工厂" class="img-responsive">
    683. 

  683.                                 </div>
    684. 

  684.                                 <!-- <div class="mbox4Ico"></div> -->
    685. 

  685.                                 <div class="mbox4Text">
    686. 

  686.                                     <h3 class="ellipsis">嘉兴域外配水工厂</h3>
    687. 

  687.                                 </div>
    688. 

  688.                             </a>
    689. 

  689.                         </div>
    690. 

  690.                  
    691. 

  691.                         <div class="swiper-slide">
    692. 

  692.                             <a class="mbox4Link" title="中国航信中央企业（嘉兴）公共信息中心">
    693. 

  693.                                 <div class="mbox4Img imgBg">
    694. 

  694.                                     <img src="../assets/projuct/database/database-1.jpg" title="中国航信中央企业（嘉兴）公共信息中心" class="img-responsive">
    695. 

  695.                                 </div>
    696. 

  696.                                 <!-- <div class="mbox4Ico"></div> -->
    697. 

  697.                                 <div class="mbox4Text">
    698. 

  698.                                     <h3 class="ellipsis">中国航信中央企业（嘉兴）公共信息中心</h3>
    699. 

  699.                                 </div>
    700. 

  700.                             </a>
    701. 

  701.                         </div>
    702. 

  702.                  
    703. 

  703.                         <div class="swiper-slide">
    704. 

  704.                             <a class="mbox4Link" title="上海虹桥t1">
    705. 

  705.                                 <div class="mbox4Img imgBg">
    706. 

  706.                                     <img src="../assets/projuct/airpalne/airpalne-1.jpg" title=" 上海虹桥t1" class="img-responsive">
    707. 

  707.                                 </div>
    708. 

  708.                                 <!-- <div class="mbox4Ico"></div> -->
    709. 

  709.                                 <div class="mbox4Text">
    710. 

  710.                                     <h3 class="ellipsis"> 上海虹桥t</h3>
    711. 

  711.                                 </div>
    712. 

  712.                             </a>
    713. 

  713.                         </div>
    714. 

  714.                  
    715. 

  715.                         <div class="swiper-slide">
    716. 

  716.                             <a class="mbox4Link" title="北京中国尊">
    717. 

  717.                                 <div class="mbox4Img imgBg">
    718. 

  718.                                     <img src="../assets/projuct/highBuilding/highBuilding-1.jpeg" title="北京中国尊" class="img-responsive">
    719. 

  719.                                 </div>
    720. 

  720.                                 <!-- <div class="mbox4Ico"></div> -->
    721. 

  721.                                 <div class="mbox4Text">
    722. 

  722.                                     <h3 class="ellipsis">北京中国尊</h3>
    723. 

  723.                                 </div>
    724. 

  724.                             </a>
    725. 

  725.                         </div>
    726. 

  726.                  
    727. 

  727.                         <div class="swiper-slide">
    728. 

  728.                             <a class="mbox4Link" title="常州市轨道交通1号线">
    729. 

  729.                                 <div class="mbox4Img imgBg">
    730. 

  730.                                     <img src="../assets/projuct/subway/subway-2.jpg" title="常州市轨道交通1号线" class="img-responsive">
    731. 

  731.                                 </div>
    732. 

  732.                                 <!-- <div class="mbox4Ico"></div> -->
    733. 

  733.                                 <div class="mbox4Text">
    734. 

  734.                                     <h3 class="ellipsis">常州市轨道交通1号线</h3>
    735. 

  735.                                 </div>
    736. 

  736.                             </a>
    737. 

  737.                         </div>
    738. 

  738.                  
    739. 

  739.                         <div class="swiper-slide">
    740. 

  740.                             <a class="mbox4Link" title="北京大兴机场">
    741. 

  741.                                 <div class="mbox4Img imgBg">
    742. 

  742.                                     <img src="../assets/projuct/airpalne/airpalne-2.jpg" title="北京大兴机场" class="img-responsive">
    743. 

  743.                                 </div>
    744. 

  744.                                 <!-- <div class="mbox4Ico"></div> -->
    745. 

  745.                                 <div class="mbox4Text">
    746. 

  746.                                     <h3 class="ellipsis">北京大兴机场</h3>
    747. 

  747.                                 </div>
    748. 

  748.                             </a>
    749. 

  749.                         </div>
    750. 

  750.                  
    751. 

  751.                         <div class="swiper-slide">
    752. 

  752.                             <a class="mbox4Link" title="重庆地铁6号线二支线项目">
    753. 

  753.                                 <div class="mbox4Img imgBg">
    754. 

  754.                                     <img src="../assets/projuct/subway/subway-3.jpg" title="重庆地铁6号线二支线项目" class="img-responsive">
    755. 

  755.                                 </div>
    756. 

  756.                                 <!-- <div class="mbox4Ico"></div> -->
    757. 

  757.                                 <div class="mbox4Text">
    758. 

  758.                                     <h3 class="ellipsis">重庆地铁6号线二支线项目</h3>
    759. 

  759.                                 </div>
    760. 

  760.                             </a>
    761. 

  761.                         </div>
    762. 

  762.                  
    763. 

  763.                         <div class="swiper-slide">
    764. 

  764.                             <a class="mbox4Link" title="北京人寿数据中心">
    765. 

  765.                                 <div class="mbox4Img imgBg">
    766. 

  766.                                     <img src="../assets/projuct/database/database-2.jpg" title="北京人寿数据中心" class="img-responsive">
    767. 

  767.                                 </div>
    768. 

  768.                                 <!-- <div class="mbox4Ico"></div> -->
    769. 

  769.                                 <div class="mbox4Text">
    770. 

  770.                                     <h3 class="ellipsis">北京人寿数据中心</h3>
    771. 

  771.                                 </div>
    772. 

  772.                             </a>
    773. 

  773.                         </div>
    774. 

  774.                   
    775. 

  775.        	    
    776. 

  776.                         
    777. 

  777.                     </div>
    778. 

  778.                 </div>
    779. 

  779.                 <span class="mbox4Btn mbox4Prev"><i class="fa fa-angle-left"></i></span>
    780. 

  780.                 <span class="mbox4Btn mbox4Next"><i class="fa fa-angle-right"></i></span>
    781. 

  781.             </div>
    782. 

  782.         </div>
    783. 

  783.     </div>
    784. 

  784.     <div class="section mbox5Bg"  style="position: relative;">   
    785. 

  785.     	<div class="mbox mbox5">
    786. 

  786.             <div class="mbox2TitEn">
    787. 

  787.                 <div class="mbox2TitEn_counter">
    788. 

  788.                     <span style="font-size: 16px;margin-right: 40px;">Bänninger has cumulatively sold valves</span>
    789. 

  789.                     <span id="numCount" class="mbox2NumSp counter" style="width: 300px;text-align: center;">7771234</span>
    790. 

  790.                 </div>
    791. 

  791.             </div>
    792. 

  792.             
    793. 

  793.             <div class="mbox5Tit mobileMbox5Tit">
    794. 

  794.                 <h3 class="mbox2TitCn">Cooperative Partner</h3>
    795. 

  795.                 <!-- <p style="color:#999">BUSINESS PARTNER</p> -->
    796. 

  796.             </div>
    797. 

  797.         	<div class="mbox5List">
    798. 

  798.             	<div class="swiper-container">
    799. 

  799.                 	<div class="swiper-wrapper">
    800. 

  800.                     	<div class="swiper-slide">
    801. 

  801.                         	<a class="mbox5Link" href="javascript:void(0)" >
    802. 

  802.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/ahzc.png" class="img-responsive"></div>
    803. 

  803.                                 <div class="mbox5Mask"></div>
    804. 

  804.                             	<div class="mbox5Hov">
    805. 

  805.                                     <h3>安徽中川水环境</h3>
    806. 

  806.                                 </div>
    807. 

  807.                             </a>
    808. 

  808.                         </div>
    809. 

  809.                
    810. 

  810.                     	<div class="swiper-slide">
    811. 

  811.                         	<a class="mbox5Link" href="javascript:void(0)" >
    812. 

  812.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/bmw.png" class="img-responsive"></div>
    813. 

  813.                                 <div class="mbox5Mask"></div>
    814. 

  814.                             	<div class="mbox5Hov">
    815. 

  815.                                     <h3>宝马</h3>
    816. 

  816.                                 </div>
    817. 

  817.                             </a>
    818. 

  818.                         </div>
    819. 

  819.                
    820. 

  820.                     	<div class="swiper-slide">
    821. 

  821.                         	<a class="mbox5Link" href="javascript:void(0)" >
    822. 

  822.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/bjcj.png" class="img-responsive"></div>
    823. 

  823.                                 <div class="mbox5Mask"></div>
    824. 

  824.                             	<div class="mbox5Hov">
    825. 

  825.                                     <h3>北京城建集团有限责任公司</h3>
    826. 

  826.                                 </div>
    827. 

  827.                             </a>
    828. 

  828.                         </div>
    829. 

  829.                
    830. 

  830.                     	<div class="swiper-slide">
    831. 

  831.                         	<a class="mbox5Link" href="javascript:void(0)" >
    832. 

  832.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/bjsb.png" class="img-responsive"></div>
    833. 

  833.                                 <div class="mbox5Mask"></div>
    834. 

  834.                             	<div class="mbox5Hov">
    835. 

  835.                                     <h3>北京思博朗国际机电设备有限公司</h3>
    836. 

  836.                                 </div>
    837. 

  837.                             </a>
    838. 

  838.                         </div>
    839. 

  839.                
    840. 

  840.                     	<div class="swiper-slide">
    841. 

  841.                         	<a class="mbox5Link" href="javascript:void(0)" >
    842. 

  842.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/cdhj.png" class="img-responsive"></div>
    843. 

  843.                                 <div class="mbox5Mask"></div>
    844. 

  844.                             	<div class="mbox5Hov">
    845. 

  845.                                     <h3>成都环境</h3>
    846. 

  846.                                 </div>
    847. 

  847.                             </a>
    848. 

  848.                         </div>
    849. 

  849.                
    850. 

  850.                     	<div class="swiper-slide">
    851. 

  851.                         	<a class="mbox5Link" href="javascript:void(0)" >
    852. 

  852.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/cdxr.png" class="img-responsive"></div>
    853. 

  853.                                 <div class="mbox5Mask"></div>
    854. 

  854.                             	<div class="mbox5Hov">
    855. 

  855.                                     <h3>成都市兴蓉安科建设工程有限公司</h3>
    856. 

  856.                                 </div>
    857. 

  857.                             </a>
    858. 

  858.                         </div>
    859. 

  859.                
    860. 

  860.                     	<div class="swiper-slide">
    861. 

  861.                         	<a class="mbox5Link" href="javascript:void(0)" >
    862. 

  862.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/cxlj.png" class="img-responsive"></div>
    863. 

  863.                                 <div class="mbox5Mask"></div>
    864. 

  864.                             	<div class="mbox5Hov">
    865. 

  865.                                     <h3>成信绿集成股份有限公司</h3>
    866. 

  866.                                 </div>
    867. 

  867.                             </a>
    868. 

  868.                         </div>
    869. 

  869.                
    870. 

  870.                     	<div class="swiper-slide">
    871. 

  871.                         	<a class="mbox5Link" href="javascript:void(0)" >
    872. 

  872.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/hzct.png" class="img-responsive"></div>
    873. 

  873.                                 <div class="mbox5Mask"></div>
    874. 

  874.                             	<div class="mbox5Hov">
    875. 

  875.                                     <h3>杭州城投</h3>
    876. 

  876.                                 </div>
    877. 

  877.                             </a>
    878. 

  878.                         </div>
    879. 

  879.                
    880. 

  880.                     	<div class="swiper-slide">
    881. 

  881.                         	<a class="mbox5Link" href="javascript:void(0)" >
    882. 

  882.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/hdjt.png" class="img-responsive"></div>
    883. 

  883.                                 <div class="mbox5Mask"></div>
    884. 

  884.                             	<div class="mbox5Hov">
    885. 

  885.                                     <h3>恒大集团</h3>
    886. 

  886.                                 </div>
    887. 

  887.                             </a>
    888. 

  888.                         </div>
    889. 

  889.                         <div class="swiper-slide">
    890. 

  890.                         	<a class="mbox5Link" href="javascript:void(0)" >
    891. 

  891.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/hw.png" class="img-responsive"></div>
    892. 

  892.                                 <div class="mbox5Mask"></div>
    893. 

  893.                             	<div class="mbox5Hov">
    894. 

  894.                                     <h3>华为</h3>
    895. 

  895.                                 </div>
    896. 

  896.                             </a>
    897. 

  897.                         </div>
    898. 

  898.                     	<div class="swiper-slide">
    899. 

  899.                         	<a class="mbox5Link" href="javascript:void(0)" >
    900. 

  900.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/jxsw.png" class="img-responsive"></div>
    901. 

  901.                                 <div class="mbox5Mask"></div>
    902. 

  902.                             	<div class="mbox5Hov">
    903. 

  903.                                     <h3>嘉兴水务</h3>
    904. 

  904.                                 </div>
    905. 

  905.                             </a>
    906. 

  906.                         </div>
    907. 

  907.                
    908. 

  908.                     	<div class="swiper-slide">
    909. 

  909.                         	<a class="mbox5Link" href="javascript:void(0)" >
    910. 

  910.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/jtl.png" class="img-responsive"></div>
    911. 

  911.                                 <div class="mbox5Mask"></div>
    912. 

  912.                             	<div class="mbox5Hov">
    913. 

  913.                                     <h3>金螳螂</h3>
    914. 

  914.                                 </div>
    915. 

  915.                             </a>
    916. 

  916.                         </div>
    917. 

  917.                
    918. 

  918.                     	<div class="swiper-slide">
    919. 

  919.                         	<a class="mbox5Link" href="javascript:void(0)" >
    920. 

  920.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/jhkg.png" class="img-responsive"></div>
    921. 

  921.                                 <div class="mbox5Mask"></div>
    922. 

  922.                             	<div class="mbox5Hov">
    923. 

  923.                                     <h3>净化控股集团股份有限公司</h3>
    924. 

  924.                                 </div>
    925. 

  925.                             </a>
    926. 

  926.                         </div>
    927. 

  927.                         <div class="swiper-slide">
    928. 

  928.                         	<a class="mbox5Link" href="javascript:void(0)" >
    929. 

  929.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/jnhj.png" class="img-responsive"></div>
    930. 

  930.                                 <div class="mbox5Mask"></div>
    931. 

  931.                             	<div class="mbox5Hov">
    932. 

  932.                                     <h3>巨能环境</h3>
    933. 

  933.                                 </div>
    934. 

  934.                             </a>
    935. 

  935.                         </div>
    936. 

  936.                
    937. 

  937.                     	<div class="swiper-slide">
    938. 

  938.                         	<a class="mbox5Link" href="javascript:void(0)" >
    939. 

  939.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/ldjt.png" class="img-responsive"></div>
    940. 

  940.                                 <div class="mbox5Mask"></div>
    941. 

  941.                             	<div class="mbox5Hov">
    942. 

  942.                                     <h3>绿地集团</h3>
    943. 

  943.                                 </div>
    944. 

  944.                             </a>
    945. 

  945.                         </div>
    946. 

  946.                
    947. 

  947.                     	<div class="swiper-slide">
    948. 

  948.                         	<a class="mbox5Link" href="javascript:void(0)" >
    949. 

  949.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/lybk.png" class="img-responsive"></div>
    950. 

  950.                                 <div class="mbox5Mask"></div>
    951. 

  951.                             	<div class="mbox5Hov">
    952. 

  952.                                     <h3>洛阳北控水务集团有限公司</h3>
    953. 

  953.                                 </div>
    954. 

  954.                             </a>
    955. 

  955.                         </div>
    956. 

  956.                
    957. 

  957.                     	<div class="swiper-slide">
    958. 

  958.                         	<a class="mbox5Link" href="javascript:void(0)" >
    959. 

  959.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/njxmj.png" class="img-responsive"></div>
    960. 

  960.                                 <div class="mbox5Mask"></div>
    961. 

  961.                             	<div class="mbox5Hov">
    962. 

  962.                                     <h3>南京西美杰机电科技有限公司</h3>
    963. 

  963.                                 </div>
    964. 

  964.                             </a>
    965. 

  965.                         </div>
    966. 

  966.                         <div class="swiper-slide">
    967. 

  967.                         	<a class="mbox5Link" href="javascript:void(0)" >
    968. 

  968.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/njxf.png" class="img-responsive"></div>
    969. 

  969.                                 <div class="mbox5Mask"></div>
    970. 

  970.                             	<div class="mbox5Hov">
    971. 

  971.                                     <h3>南京消防</h3>
    972. 

  972.                                 </div>
    973. 

  973.                             </a>
    974. 

  974.                         </div>
    975. 

  975.                         <div class="swiper-slide">
    976. 

  976.                         	<a class="mbox5Link" href="javascript:void(0)" >
    977. 

  977.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/rzct.png" class="img-responsive"></div>
    978. 

  978.                                 <div class="mbox5Mask"></div>
    979. 

  979.                             	<div class="mbox5Hov">
    980. 

  980.                                     <h3>日照城投</h3>
    981. 

  981.                                 </div>
    982. 

  982.                             </a>
    983. 

  983.                         </div>
    984. 

  984.                     	 
    985. 

  985.                         <div class="swiper-slide">
    986. 

  986.                         	<a class="mbox5Link" href="javascript:void(0)" >
    987. 

  987.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/syhz.png" class="img-responsive"></div>
    988. 

  988.                                 <div class="mbox5Mask"></div>
    989. 

  989.                             	<div class="mbox5Hov">
    990. 

  990.                                     <h3>山鹰华中纸业有限公司</h3>
    991. 

  991.                                 </div>
    992. 

  992.                             </a>
    993. 

  993.                         </div>
    994. 

  994.                         <div class="swiper-slide">
    995. 

  995.                         	<a class="mbox5Link" href="javascript:void(0)" >
    996. 

  996.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/shhh.png" class="img-responsive"></div>
    997. 

  997.                                 <div class="mbox5Mask"></div>
    998. 

  998.                             	<div class="mbox5Hov">
    999. 

  999.                                     <h3>上海和合工程技术有限公司</h3>
    1000. 

  1000.                                 </div>
    1001. 

  1001.                             </a>
    1002. 

  1002.                         </div>
    1003. 

  1003.                         <div class="swiper-slide">
    1004. 

  1004.                         	<a class="mbox5Link" href="javascript:void(0)" >
    1005. 

  1005.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/shrq.png" class="img-responsive"></div>
    1006. 

  1006.                                 <div class="mbox5Mask"></div>
    1007. 

  1007.                             	<div class="mbox5Hov">
    1008. 

  1008.                                     <h3>上海燃气</h3>
    1009. 

  1009.                                 </div>
    1010. 

  1010.                             </a>
    1011. 

  1011.                         </div>
    1012. 

  1012.                         <div class="swiper-slide">
    1013. 

  1013.                         	<a class="mbox5Link" href="javascript:void(0)" >
    1014. 

  1014.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/shaz.png" class="img-responsive"></div>
    1015. 

  1015.                                 <div class="mbox5Mask"></div>
    1016. 

  1016.                             	<div class="mbox5Hov">
    1017. 

  1017.                                     <h3>上海市安装工程集团有限公司</h3>
    1018. 

  1018.                                 </div>
    1019. 

  1019.                             </a>
    1020. 

  1020.                         </div>
    1021. 

  1021.                         <div class="swiper-slide">
    1022. 

  1022.                         	<a class="mbox5Link" href="javascript:void(0)" >
    1023. 

  1023.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/sgx.png" class="img-responsive"></div>
    1024. 

  1024.                                 <div class="mbox5Mask"></div>
    1025. 

  1025.                             	<div class="mbox5Hov">
    1026. 

  1026.                                     <h3>苏高新集团</h3>
    1027. 

  1027.                                 </div>
    1028. 

  1028.                             </a>
    1029. 

  1029.                         </div>
    1030. 

  1030.                         <div class="swiper-slide">
    1031. 

  1031.                         	<a class="mbox5Link" href="javascript:void(0)" >
    1032. 

  1032.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/sgxzls.png" class="img-responsive"></div>
    1033. 

  1033.                                 <div class="mbox5Mask"></div>
    1034. 

  1034.                             	<div class="mbox5Hov">
    1035. 

  1035.                                     <h3>苏州高新区自来水有限公司</h3>
    1036. 

  1036.                                 </div>
    1037. 

  1037.                             </a>
    1038. 

  1038.                         </div>
    1039. 

  1039.                         <div class="swiper-slide">
    1040. 

  1040.                         	<a class="mbox5Link" href="javascript:void(0)" >
    1041. 

  1041.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/zjhx.png" class="img-responsive"></div>
    1042. 

  1042.                                 <div class="mbox5Mask"></div>
    1043. 

  1043.                             	<div class="mbox5Hov">
    1044. 

  1044.                                     <h3>浙江鸿翔</h3>
    1045. 

  1045.                                 </div>
    1046. 

  1046.                             </a>
    1047. 

  1047.                         </div>
    1048. 

  1048.                         <div class="swiper-slide">
    1049. 

  1049.                         	<a class="mbox5Link" href="javascript:void(0)" >
    1050. 

  1050.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/zjlc.png" class="img-responsive"></div>
    1051. 

  1051.                                 <div class="mbox5Mask"></div>
    1052. 

  1052.                             	<div class="mbox5Hov">
    1053. 

  1053.                                     <h3>浙江绿城</h3>
    1054. 

  1054.                                 </div>
    1055. 

  1055.                             </a>
    1056. 

  1056.                         </div>
    1057. 

  1057.                         <div class="swiper-slide">
    1058. 

  1058.                         	<a class="mbox5Link" href="javascript:void(0)" >
    1059. 

  1059.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/zgdz.png" class="img-responsive"></div>
    1060. 

  1060.                                 <div class="mbox5Mask"></div>
    1061. 

  1061.                             	<div class="mbox5Hov">
    1062. 

  1062.                                     <h3>中国电子系统工程第四建设有限公司</h3>
    1063. 

  1063.                                 </div>
    1064. 

  1064.                             </a>
    1065. 

  1065.                         </div>
    1066. 

  1066.                         <div class="swiper-slide">
    1067. 

  1067.                         	<a class="mbox5Link" href="javascript:void(0)" >
    1068. 

  1068.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/zgwy.png" class="img-responsive"></div>
    1069. 

  1069.                                 <div class="mbox5Mask"></div>
    1070. 

  1070.                             	<div class="mbox5Hov">
    1071. 

  1071.                                     <h3>中国五冶集团有限公司</h3>
    1072. 

  1072.                                 </div>
    1073. 

  1073.                             </a>
    1074. 

  1074.                         </div>
    1075. 

  1075.                         <div class="swiper-slide">
    1076. 

  1076.                         	<a class="mbox5Link" href="javascript:void(0)" >
    1077. 

  1077.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/zjyj.png" class="img-responsive"></div>
    1078. 

  1078.                                 <div class="mbox5Mask"></div>
    1079. 

  1079.                             	<div class="mbox5Hov">
    1080. 

  1080.                                     <h3>中建一局</h3>
    1081. 

  1081.                                 </div>
    1082. 

  1082.                             </a>
    1083. 

  1083.                         </div>
    1084. 

  1084.                         <div class="swiper-slide">
    1085. 

  1085.                         	<a class="mbox5Link" href="javascript:void(0)" >
    1086. 

  1086.                             	<div class="mbox5Img"><img src="../assets/partnerlogo/ztsj.png" class="img-responsive"></div>
    1087. 

  1087.                                 <div class="mbox5Mask"></div>
    1088. 

  1088.                             	<div class="mbox5Hov">
    1089. 

  1089.                                     <h3>中铁三局</h3>
    1090. 

  1090.                                 </div>
    1091. 

  1091.                             </a>
    1092. 

  1092.                         </div>
    1093. 

  1093.                     </div>
    1094. 

  1094.                 </div>
    1095. 

  1095.                 <div class="mbox5Bot">
    1096. 

  1096.                 	<span class="mbox5Btn mbox5Prev"><i class="fa fa-angle-left"></i><strong class="text-uppercase">prev</strong><i class="mbox5Line"></i></span>
    1097. 

  1097.                 	<span class="mbox5Btn mbox5Next"><i class="mbox5Line"></i><strong class="text-uppercase">next</strong><i class="fa fa-angle-right"></i></span>
    1098. 

  1098.                     <span class="swiper-pagination"></span>
    1099. 

  1099.                 </div>
    1100. 

  1100.             </div>
    1101. 

  1101.         </div>
    1102. 

  1102.         
    1103. 

  1103.     </div>
    1104. 

  1104.     <div class="section mbox8Bg">   
    1105. 

  1105.     	<div class="mbox mbox8">
    1106. 

  1106.         	<div class="mbox8Wrap">
    1107. 

  1107.             	<div class="mbox8Left">
    1108. 

  1108.                     <h3 class="mbox2TitCn" style="text-align: left;color:#fff">Contact Us</h3>
    1109. 

  1109.                 	<!-- <p style="font-weight: 100;text-align: left;font-size: 16px;">CONTACT US</p> -->
    1110. 

  1110.                     <form method="post" action="?m=formguide&c=index&a=show&formid=12&siteid=1" name="myform" id="myform">
    1111. 

  1111.                     <ul class="mbox8Mes list-unstyled">
    1112. 

  1112.                     	<li><input type="text" name="info[f1]" v-model="form.name" placeholder="Your name"></li>
    1113. 

  1113.                     	<li><input type="text" name="info[f2]" v-model="form.phonenumber" placeholder="Your phone number"></li>
    1114. 

  1114.                     	<li><textarea name="info[f3]" v-model="form.notes" placeholder="Leave a message for us"></textarea></li>
    1115. 

  1115.                         <li style="display: flex;">
    1116. 

  1116.                             <a class="svbutton" style="border:1px solid #fff;color:#fff;margin-right: 10px;" href="">Reset</a>
    1117. 

  1117.                             <a class="svbutton" style="border:1px solid #009966;color:#fff;background-color: #009966;" @click="submit">Submit</a>
    1118. 

  1118.                         </li>
    1119. 

  1119.                     </ul>
    1120. 

  1120.                     </form>
    1121. 

  1121.                 </div>
    1122. 

  1122.             	<div class="mbox8Right">
    1123. 

  1123.                 	<h2 class="mbox8RigEn" style="color: #003399;font-size: 24px;margin-bottom: 17px;">Reliable service provider of water industry control</h2>
    1124. 

  1124.                     <h3 class="mbox8RigCn"><img src="./../assets/logo@2x.png" height="34" alt=""></h3>
    1125. 

  1125.                     <p class="mbox8RigTip"  style="color: #003399;">If you have cooperation intentions, please contact us in the following ways!</p>
    1126. 

  1126.                     <div style="text-align: center;">
    1127. 

  1127.                         <div class="mbox8RigBotflex">
    1128. 

  1128.                             <div class="mbox8RigBotflexmr">
    1129. 

  1129.                                 <h3>Haiyan Factory</h3>
    1130. 

  1130.                                 <p><i class="fa fa-phone"></i>&emsp;+86 0573 89053730</p>
    1131. 

  1131.                             </div>
    1132. 

  1132.                             <p><i class="fa fa-map-marker"></i>&emsp;No. 555, Zonglv Road, New Bridge District, Haiyan County, Jiaxing City, Zhejiang Province.</p>
    1133. 

  1133.                             <div class="mbox8RigBotflexmr mbox8RigBotflexmtop">
    1134. 

  1134.                                 <h3>Construction field</h3>
    1135. 

  1135.                                 <p><i class="fa fa-user"></i>&emsp;刘战军</p>
    1136. 

  1136.                                 <p><i class="fa fa-phone"></i>&emsp;13656628223</p>
    1137. 

  1137.                                 <p><i class="fa fa-envelope-o"></i>&emsp;ken.liu@ibpchina.com</p>
    1138. 

  1138.                             </div>
    1139. 

  1139.                             <div class="mbox8RigBotflexmr mbox8RigBotflexmtop">
    1140. 

  1140.                                 <h3>Municipal field</h3>
    1141. 

  1141.                                 <p><i class="fa fa-user"></i>&emsp;韩冬</p>
    1142. 

  1142.                                 <p><i class="fa fa-phone"></i>&emsp;13601110774</p>
    1143. 

  1143.                                 <p><i class="fa fa-envelope-o"></i>&emsp;alex.han@ibpchina.com</p>
    1144. 

  1144.                             </div>
    1145. 

  1145.                         </div>
    1146. 

  1146.                     </div>
    1147. 

  1147.                 </div>
    1148. 

  1148.                 <div class="clear"></div>
    1149. 

  1149.             </div>
    1150. 

  1150.         </div>
    1151. 

  1151.         <div class="footer">
    1152. 

  1152.            <p>©2024 浙江班尼戈流体控制有限公司 版权所有  浙ICP备17049334号-1  技术支持:嘉兴市云链信息技术有限公司</p><p><a href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33042402000625"><img src="./assets/2661734398653_.pic.jpg" width="15" alt="" style="margin: 2px 5px 0 0;"><small>浙公网安备33042402000625号</small></a></p>        
    1153. 

  1153.         </div>
    1154. 

  1154.     </div>
    1155. 

  1155.     
    1156. 

  1156. </div><!--homepage-->
    1157. 

  1157. <ul id="navPage" class="list-unstyled">
    1158. 

  1158.     <li class="active" data-menuanchor="page1"><a href="#page1"><i>Home page</i><span></span></a></li>
    1159. 

  1159.     <li data-menuanchor="page2"><a href="#page2"><i>Company Introduction</i><span></span></a></li>
    1160. 

  1160.     <li data-menuanchor="page3"><a href="#page3"><i>Brand Introduction</i><span></span></a></li>
    1161. 

  1161.     <li data-menuanchor="page4"><a href="#page4"><i>Engineering Case</i><span></span></a></li>
    1162. 

  1162.     <li data-menuanchor="page5"><a href="#page5"><i>Cooperative Partner</i><span></span></a></li>
    1163. 

  1163.     <li data-menuanchor="page6"><a href="#page6"><i>Contact Us</i><span></span></a></li>
    1164. 

  1164. </ul><!--navPage-->
    1165. 

  1165. <script src="../js/jquery.parallaxmouse.min.js"></script>
    1166. 

  1166. <script src="../vue/axios.min.js"></script>
    1167. 

  1167. <script src="../vue/api.js"></script>
    1168. 

  1168. 

  1169. <script src="../vue/vue.global.js"></script>
    1170. 

  1170. <script src="../questJs/home.js"></script>
    1171. 

  1171. <script src="../vue/formTool.js"></script>
    1172. 

  1172. 

  1173. <script>
    1174. 

  1174. 	$(window).parallaxmouse({
    1175. 

  1175. 		//invert: true,
    1176. 

  1176. 		//range: 400,
    1177. 

  1177. 		elms: [
    1178. 

  1178. 			{el: $('.ban3Ico1'), rate: 0.1},
    1179. 

  1179. 			{el: $('.ban3Ico2'), rate: 0.3},
    1180. 

  1180. 			{el: $('.ban3Ico3'), rate: 0.5},
    1181. 

  1181. 		]
    1182. 

  1182. 	});
    1183. 

  1183.     function setupFlip(tick) {
    1184. 

  1184.         
    1185. 

  1185.         Tick.helper.interval(function() {
    1186. 

  1186. 

  1187.             tick.value ++;
    1188. 

  1188.             
    1189. 

  1189.             if (tick.value == 7771234)
    1190. 

  1190.                 return false
    1191. 

  1191. 

  1192.             tick.root.setAttribute('aria-label', tick.value);
    1193. 

  1193. 

  1194.         }, 1000);
    1195. 

  1195. 

  1196.     }
    1197. 

  1197. </script>
    1198. 

  1198. </body>
    1199. 

  1199. </html>
    1200.