Главная Обзор Помощь
Вход
zhangqi
/
yos_web
1
0
Ответвить 0
Файлы Задачи 0 Запросы на слияние 0 Вики
Ветка: ai
Ветки Метки
yos_web
/
buildAnnexation
/
ZB
/
en_index.html

en_index.html 82 KB
Постоянная ссылка История Исходник

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522 
  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.     <meta name="renderer" content="webkit|ie-comp|ie-stand">
    8. 

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

  9.     <link rel="icon" href="./favicon.ico" type="image/x-icon">  
    10. 

  10.     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">  
    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.     localStorage.setItem('lang','en')
    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 == 4){
    52. 

  52.                     $('.serviceBox1-leftBox-title').addClass(" fadeInDownBig");
    53. 

  53.                     $('.serviceBox1-leftBox-content-list-item').addClass("fadeInLeftBig");
    54. 

  54.                     $('.serviceBox1-leftBox-content').addClass("fadeIn");
    55. 

  55.                     $('.serviceBox1-leftBox-btn').addClass("fadeIn");
    56. 

  56.                     $('.serviceBox1 .img-responsive').attr("src","./assets/logo@2x.png");
    57. 

  57.                 }
    58. 

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

  59.                 if(index == 8){
    60. 

  60.                     $('.mbox8Bg').addClass("cut");
    61. 

  61.                 }
    62. 

  62.                 if(index ==9){
    63. 

  63.                     $("#navPage").addClass("noactive");
    64. 

  64.                 }
    65. 

  65.             },
    66. 

  66.             onLeave: function(index, nextIndex, direction){
    67. 

  67.                 if(index != 1){
    68. 

  68.                     $('header').removeClass("active");
    69. 

  69.                 }
    70. 

  70.                 if(index == 4){
    71. 

  71.                     
    72. 

  72.                     $('.serviceBox1-leftBox-title').removeClass(" fadeInDownBig");
    73. 

  73.                     $('.serviceBox1-leftBox-content-list-item').removeClass(" fadeInLeftBig");
    74. 

  74.                     $('.serviceBox1-leftBox-content').removeClass(" fadeIn");
    75. 

  75.                     $('.serviceBox1-leftBox-btn').removeClass(" fadeIn");
    76. 

  76.                     $('.serviceBox1 .img-responsive').attr("src","./assets/logo-1@2x.png");
    77. 

  77.                 }
    78. 

  78.                 if(index == 8 && direction == 'up'){
    79. 

  79.                     $('.mbox8Bg').removeClass("cut");
    80. 

  80.                 }
    81. 

  81.                 if(index ==9){
    82. 

  82.                     $("#navPage").removeClass("noactive");
    83. 

  83.                 }
    84. 

  84.             }
    85. 

  85.         });
    86. 

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

  87.     });
    88. 

  88.     function showVideoModal () {
    89. 

  89.         const doc = document.getElementById('videoModal')
    90. 

  90.         const vd = document.getElementById('vd')
    91. 

  91.         vd.play()
    92. 

  92.         doc.style.display = 'block'
    93. 

  93.     }
    94. 

  94.     function hideVideoModal () {
    95. 

  95.         const doc = document.getElementById('videoModal')
    96. 

  96.         const vd = document.getElementById('vd')
    97. 

  97.         vd.pause()
    98. 

  98.         doc.style.display = 'none'
    99. 

  99.     }
    100. 

  100.     function linkOf(url) {
    101. 

  101.         window.location.href = url
    102. 

  102.     }
    103. 

  103.     var curindex = 0; // 添加当前索引变量
    104. 

  104.     var totalItems = 3; // 总共3个项目
    105. 

  105. 

  106.     function s_pre() {
    107. 

  107.         if (curindex <= 0) return; // 如果是第一个则不执行
    108. 

  108.         curindex--;
    109. 

  109.         $('.serviceBox1-leftBox-content-item').css({
    110. 

  110.             'transform': `translateX(calc(-${curindex * 100}vw - ${curindex}px))`,
    111. 

  111.             'transition': 'transform 0.5s ease'
    112. 

  112.         });
    113. 

  113.     }
    114. 

  114. 

  115.     function s_next() {
    116. 

  116.         console.log(curindex)
    117. 

  117.         if (curindex >= totalItems - 1) return; // 如果是最后一个则不执行
    118. 

  118.         curindex++;
    119. 

  119.         
    120. 

  120.         $('.serviceBox1-leftBox-content-item').css({
    121. 

  121.             'transform': `translateX(calc(-${curindex * 100}vw - ${curindex}px))`,
    122. 

  122.             'transition': 'transform 0.5s ease'
    123. 

  123.         });
    124. 

  124.     }
    125. 

  125.    </script>
    126. 

  126. 	<!--[if IE]>
    127. 

  127.         <script type="text/javascript" src="js/html5shiv.min.js"></script>
    128. 

  128.         <script type="text/javascript" src="js/respond.min.js"></script>
    129. 

  129.     <![endif]-->
    130. 

  130.     <style>
    131. 

  131.        
    132. 

  132.         /* HTML结构 */  
    133. 

  133.         .imgBg2{
    134. 

  134.             background-position: 80% !important;
    135. 

  135.             background-size: cover;
    136. 

  136.         }
    137. 

  137.         .mbox2TitEn{
    138. 

  138.             background-image: url('./assets/bg3.pic.jpg')
    139. 

  139.         }
    140. 

  140.         .btn{
    141. 

  141.             background-color: rgba(255, 255, 255, 0.5);
    142. 

  142.             line-height: 38px;
    143. 

  143.         }
    144. 

  144.         .mbox3Tit{
    145. 

  145.             margin-left: 0 !important;
    146. 

  146.         }
    147. 

  147.         .fp-viewing-page5 .tel{
    148. 

  148.             color: #fff;
    149. 

  149.         }
    150. 

  150.         .fp-viewing-page5 .mBtnLine span{
    151. 

  151.             /* background: #000; */
    152. 

  152.         }
    153. 

  153.         .mbox8RigBotflexmtop{
    154. 

  154.             margin-top: 20px;
    155. 

  155.         }
    156. 

  156.         .stopClick{
    157. 

  157.             pointer-events: none;
    158. 

  158.             color:#999
    159. 

  159.         }
    160. 

  160.         .new-timeline-item{
    161. 

  161.             width: 9%;
    162. 

  162.         }
    163. 

  163.         .new-timeline-item h5{
    164. 

  164.             overflow: hidden; /* 确保超出的内容会被隐藏 */
    165. 

  165.             display: -webkit-box; /* 作为弹性伸缩盒子模型显示 */
    166. 

  166.             word-wrap:break-word;
    167. 

  167.             -webkit-line-clamp: 2; /* 限制在两行 */
    168. 

  168.             -webkit-box-orient: vertical; /* 垂直排列盒子 */
    169. 

  169.             text-overflow: ellipsis; /* 超出的文本显示为省略号 */
    170. 

  170.             white-space: normal; /* 允许文本换行 */
    171. 

  171.             transition: .5s ease-in-out;
    172. 

  172.         }
    173. 

  173.         .mbox4LefItem_news{
    174. 

  174.             height: 150px;
    175. 

  175.         }
    176. 

  176.         .flex-index{
    177. 

  177.             display: flex;
    178. 

  178.             align-items: center;
    179. 

  179.             justify-content: center;
    180. 

  180.             margin-top: 10px;
    181. 

  181.             color: #009966;
    182. 

  182.             margin-left: 30px;
    183. 

  183.         }
    184. 

  184.         .serviceBox1{
    185. 

  185.             position: relative;
    186. 

  186.             width: 100%;
    187. 

  187.             height: 100%;
    188. 

  188.             background-image: url('./assets/service_support@2x.jpg');
    189. 

  189.             background-size: cover;
    190. 

  190.             padding-left: 118px;
    191. 

  191.         }
    192. 

  192.         .serviceBox1-rightBox{
    193. 

  193.             position: absolute;
    194. 

  194.             right: 0;
    195. 

  195.             top: 0;
    196. 

  196.             width: 40%;
    197. 

  197.             height: 100%;
    198. 

  198.         }
    199. 

  199.         .serviceBox1-leftBox{
    200. 

  200.             width: 60%;
    201. 

  201.             height: 100%;
    202. 

  202.             text-align: left;
    203. 

  203.             display: flex;
    204. 

  204.             flex-direction: column;
    205. 

  205.             justify-content: center;
    206. 

  206.             padding-left: 118px;
    207. 

  207.             
    208. 

  208.         }
    209. 

  209.         .serviceBox1-leftBox-title{
    210. 

  210.             text-align: left;
    211. 

  211.             opacity: 0;
    212. 

  212. 

  213.         }
    214. 

  214.         .serviceBox1-leftBox-title h3{
    215. 

  215.             font-size: 24px;
    216. 

  216.             color: #009966;
    217. 

  217.             font-weight: 600;
    218. 

  218.             margin-bottom: 10px;
    219. 

  219.         }
    220. 

  220.         .serviceBox1-leftBox-title h1{
    221. 

  221.             line-height: 1.5em;
    222. 

  222.             margin-bottom: 60px;
    223. 

  223.         }
    224. 

  224.         .serviceBox1-leftBox-content{
    225. 

  225.             font-size: 16px;
    226. 

  226.             color: #333333;
    227. 

  227.             margin-bottom: 100px;
    228. 

  228.             opacity: 0;
    229. 

  229.         }
    230. 

  230.         .serviceBox1-leftBox-btn{
    231. 

  231.             display: flex;
    232. 

  232.             align-items: center;
    233. 

  233.             margin-bottom: 15px;
    234. 

  234.             opacity: 0;
    235. 

  235.         }
    236. 

  236.         .serviceBox1-leftBox-btn-item{
    237. 

  237.             width: 200px;
    238. 

  238.             height: 60px;
    239. 

  239.             background: #FFFFFF;
    240. 

  240.             border-radius: 10px 10px 10px 10px;
    241. 

  241.             border: 1px solid #003399;
    242. 

  242.             margin-right: 20px;
    243. 

  243.             text-align: center;
    244. 

  244.             line-height: 60px;
    245. 

  245.         }
    246. 

  246.         .serviceBox1-leftBox-btn-item:nth-child(2){
    247. 

  247.             background-color: #003399;
    248. 

  248.             color: #fff;
    249. 

  249.         }
    250. 

  250. 

  251.         .serviceBox1-leftBox-content-list{
    252. 

  252.             position: relative;
    253. 

  253.             display: flex;
    254. 

  254.             z-index: 99;
    255. 

  255.         }
    256. 

  256.         .serviceBox1-leftBox-content-list-item{
    257. 

  257.             position: absolute;
    258. 

  258.             width: 100vw;
    259. 

  259.             opacity: 0;
    260. 

  260.         }
    261. 

  261.         .serviceBox1-leftBox-content-item{
    262. 

  262.             display: flex;
    263. 

  263.             float: left;
    264. 

  264.             width: 18vw;
    265. 

  265.             margin-right: 30px;
    266. 

  266.             padding: 20px;
    267. 

  267.             background: #FFFFFF;
    268. 

  268.             box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.16);
    269. 

  269.             border-radius: 10px 10px 10px 10px;
    270. 

  270.             
    271. 

  271.         }
    272. 

  272.         .serviceBox1-leftBox-content-item img{
    273. 

  273.             width: 100px;
    274. 

  274.             height: 100px;
    275. 

  275.         }
    276. 

  276.         .serviceBox1-leftBox-content-item_left{
    277. 

  277.             display: flex;
    278. 

  278.             flex-direction: column;
    279. 

  279.             justify-content: space-between;
    280. 

  280.             padding-left: 10px;
    281. 

  281.         }
    282. 

  282.         .serviceBox1-leftBox-content-item_left h4{
    283. 

  283.             font-size: 16px;
    284. 

  284.             color: #003399;
    285. 

  285.             font-weight: 600;
    286. 

  286.         }
    287. 

  287.         .serviceBox1-leftBox-content-item_left p{
    288. 

  288.             font-size: 14px;
    289. 

  289.             color: #333333;
    290. 

  290.             font-weight: 300;
    291. 

  291.             overflow: hidden;
    292. 

  292.             text-overflow: ellipsis;
    293. 

  293.             display: -webkit-box;
    294. 

  294.             -webkit-line-clamp: 2;
    295. 

  295.             line-clamp: 2;
    296. 

  296.             -webkit-box-orient: vertical;
    297. 

  297.         }
    298. 

  298.         .serviceBox1-leftBox-content-item_left a{
    299. 

  299.             font-size: 14px;
    300. 

  300.             color: #003399;
    301. 

  301.         }
    302. 

  302.         .serviceBox1-rightBox-img-pc{
    303. 

  303.             display: block;
    304. 

  304.         }
    305. 

  305.         .serviceBox1-rightBox-img-mobile{
    306. 

  306.             display: none;
    307. 

  307.         }
    308. 

  308.         .serviceBox1-leftBox-content-item_img_pc{
    309. 

  309.             display: block;
    310. 

  310.         }
    311. 

  311.         .serviceBox1-leftBox-content-item_img_mobile{
    312. 

  312.             display: none;
    313. 

  313.         }
    314. 

  314.         .pre-next{
    315. 

  315.             display: none;
    316. 

  316.         }
    317. 

  317.         @media (max-width:640px) {
    318. 

  318.             /* .mobile-mbox2Brief{
    319. 

  319.                 height: 300px;
    320. 

  320.                 overflow-y: scroll;
    321. 

  321.             } */
    322. 

  322.             .mobile-mgbt20{
    323. 

  323.                 margin-bottom: 20px;
    324. 

  324.             }
    325. 

  325.             .banText2{
    326. 

  326.                 margin-top: -60px;
    327. 

  327.             }
    328. 

  328.         }
    329. 

  329.         @media (max-width: 460px) {
    330. 

  330.             .serviceBox1{
    331. 

  331.                 position: relative;
    332. 

  332.                 display: flex;
    333. 

  333.                 flex-direction: column;
    334. 

  334.                 padding: 0;
    335. 

  335.                 background-size: 230% 100%;
    336. 

  336.                 background-position: left;
    337. 

  337.             }
    338. 

  338.             .serviceBox1-leftBox{
    339. 

  339.                 display: block;
    340. 

  340.             }
    341. 

  341.             .serviceBox1-rightBox{
    342. 

  342.                 position: absolute;
    343. 

  343.                 width: 100%;
    344. 

  344.                 top:70%;
    345. 

  345.                 height: auto !important;
    346. 

  346.             }
    347. 

  347.             .serviceBox1-rightBox-img-pc{
    348. 

  348.                 display: none;
    349. 

  349.             }
    350. 

  350.             .serviceBox1-rightBox-img-mobile{
    351. 

  351.                 display: block;
    352. 

  352.                 width: 100%;
    353. 

  353.             }
    354. 

  354.             .serviceBox1-leftBox{
    355. 

  355.                 width: 100%;
    356. 

  356.                 padding: 10rem 15px 0 15px;
    357. 

  357.             }
    358. 

  358.             .serviceBox1-leftBox-title h1 {
    359. 

  359.                 font-size: 18px;
    360. 

  360.                 margin-bottom: 15px;
    361. 

  361.             }
    362. 

  362.             .serviceBox1-leftBox-title h3{
    363. 

  363.                 font-size: 16px;
    364. 

  364.             }
    365. 

  365.             .serviceBox1-leftBox-content{
    366. 

  366.                 margin-bottom: 20px;
    367. 

  367.             }
    368. 

  368.             .serviceBox1-leftBox-content-list-item{
    369. 

  369.                 width: 400vw;
    370. 

  370.                 overflow-x: hidden;
    371. 

  371.             }
    372. 

  372.             .serviceBox1-leftBox-content-item{
    373. 

  373.                 padding: 0;
    374. 

  374.                 flex-direction: column;
    375. 

  375.                 width: calc(100vw - 30px);
    376. 

  376.                 margin-right: 30px;
    377. 

  377.             }
    378. 

  378.             .serviceBox1-leftBox-content-item img{
    379. 

  379.                 width: 100%;
    380. 

  380.                 height: auto;
    381. 

  381.             }
    382. 

  382.             .serviceBox1-leftBox-content-item_img_pc{
    383. 

  383.                 display: none;
    384. 

  384.             }
    385. 

  385.             .serviceBox1-leftBox-content-item_img_mobile{
    386. 

  386.                 display: block;
    387. 

  387.             }
    388. 

  388.             .serviceBox1-leftBox-content-item_left{
    389. 

  389.                 padding: 15px;
    390. 

  390.             }
    391. 

  391.             .serviceBox1-leftBox-content-item_left h4{
    392. 

  392.                 margin-bottom: 10px;
    393. 

  393.             }
    394. 

  394.             .serviceBox1-leftBox-content-item_left p{
    395. 

  395.                 margin-bottom: 10px;
    396. 

  396.             }
    397. 

  397.             .pre-next{
    398. 

  398.                 display: inline-block;
    399. 

  399.                 float: right;
    400. 

  400.             }
    401. 

  401.             .pre-next a{
    402. 

  402.                 display: inline-block;
    403. 

  403.                 font-size: 20px;
    404. 

  404.                 color: #003399;
    405. 

  405.                 width: 20px;
    406. 

  406.             }
    407. 

  407.             .mbox8Left {
    408. 

  408.                 padding: 20px 20px 10px 20px;
    409. 

  409.             }
    410. 

  410.             .mbox2BotH3 {
    411. 

  411.                 font-size: 10px;
    412. 

  412.                 line-height: 20px;
    413. 

  413.             }
    414. 

  414.             .mbox2More .welcome {
    415. 

  415.                 width: 180px;
    416. 

  416.             }
    417. 

  417.             .footer{
    418. 

  418.                 display: none;
    419. 

  419.             }
    420. 

  420.         }
    421. 

  421.         .mbox2Bot li{
    422. 

  422.            width: 16%;
    423. 

  423.         }
    424. 

  424.         .brand-timeline-swiper {
    425. 

  425.             margin-left: auto;
    426. 

  426.             margin-right: auto;
    427. 

  427.             position: relative;
    428. 

  428.             overflow: hidden;
    429. 

  429.             z-index: 1;
    430. 

  430.         }
    431. 

  431.         .brand-timeline-swiper .swiper-wrapper {
    432. 

  432.             transition: transform 0.3s ease;
    433. 

  433.         }
    434. 

  434.     </style>
    435. 

  435. <!-- netconst.com Baidu tongji analytics -->
    436. 

  436. 

  437. </head>
    438. 

  438. <body>
    439. 

  439. <div id="videoModal">
    440. 

  440.     <div class="video-close"  onClick="hideVideoModal()">
    441. 

  441.         ×
    442. 

  442.     </div>
    443. 

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

  444.         <source src="./assets/0807.mp4">  
    445. 

  445.         Your browser does not support the video tag.  
    446. 

  446.     </video>
    447. 

  447. </div>
    448. 

  448. <div class="brandModal">
    449. 

  449.     <div class="navClose" onclick="closeBrandModal()">
    450. 

  450.         <span></span>
    451. 

  451.         <span></span>
    452. 

  452.     </div>
    453. 

  453.     <img width="25" style="margin-right: 60px;" src="./assets/arr-l.svg" onclick="pre()">
    454. 

  454.     <div class="modalImagePanel fadeInUpBig">
    455. 

  455.         <img style="width: 100%;" id="mdimg" src="" alt="">
    456. 

  456.         <div style="height: 190px;">
    457. 

  457.             <h5 id="h5"></h5>
    458. 

  458.             <p id="tips"></p>
    459. 

  459.         </div>
    460. 

  460.     </div>
    461. 

  461.     <img width="25" style="margin-left: 60px;"  src="./assets/arr-r.svg" alt="" onclick="next()">
    462. 

  462. </div>
    463. 

  463. <div class="menuBg">
    464. 

  464. 	<div class="menuBtn">
    465. 

  465.         <div class="mBtnLine">
    466. 

  466.         	<span></span>
    467. 

  467.         	<span></span>
    468. 

  468.         	<span></span>
    469. 

  469.         </div>
    470. 

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

  471.     </div>
    472. 

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

  473.     	<li class="onLineWx loginInBtn">
    474. 

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

  475.             <div class="mOnLineCon">
    476. 

  476.               <a class="lang-item" id="navlodin" href="./login.html" translate>登陆</a>
    477. 

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

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

  479.             </div>
    480. 

  480.           </li>
    481. 

  481.         
    482. 

  482.     	<li class="onLineWx">
    483. 

  483.         	<div class="mOnLineIco"><i class="fa fa-weixin"></i></div>
    484. 

  484.             <div class="mOnLineCon">
    485. 

  485.             	<img src="assets/qrcode.png" class="img-responsive">
    486. 

  486.                     <img src="assets/qrcodeLY.png" class="img-responsive">
    487. 

  487.             </div>
    488. 

  488.         </li>
    489. 

  489.         <li class="onLineWx" >
    490. 

  490.             <div class="mOnLineLang">
    491. 

  491.              <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>
    492. 

  492. 

  493.             </div>
    494. 

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

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

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

  497.             </div>
    498. 

  498.         </li>
    499. 

  499.     </ul>
    500. 

  500. </div>
    501. 

  501. <header class="headerBg">
    502. 

  502. 	<div class="header">
    503. 

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

  504.             <a href="index.html">
    505. 

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

  506.                 <!-- <img style="width: 200px;" src="./assets/logo@2x.png" class="img-responsive hides"> -->
    507. 

  507.                 <div class="flex-index">
    508. 

  508.                     <p class="flex-index"><small style="cursor: pointer;" onclick="tool.linkOf('https://conexbanninger.com/','_blank')">global&emsp;Banninger</small>
    509. 

  509.                        &emsp;<svg style="width: 30px;height: 16px;" t="1727329763942" class="icon" viewBox="0 0 1543 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2647" width="200" height="200"><path d="M77.150685 659.287671H1472.876712v294.575343H77.150685V659.287671z" fill="#FCD839" p-id="2648"></path><path d="M77.150685 364.712329H1472.876712v294.575342H77.150685V364.712329z" fill="#DC3A3A" p-id="2649"></path><path d="M77.150685 70.136986H1472.876712v294.575343H77.150685V70.136986z" fill="#221714" p-id="2650"></path></svg>
    510. 

  510.                     </p>
    511. 

  511.                     <p class="flex-index" style="margin-left: 15px;" onclick="tool.linkOf('./en_index.html')"><small>china&emsp;Banninger</small>
    512. 

  512.                         &emsp;<svg style="width: 30px;height: 15px;" t="1727330282351" class="icon" viewBox="0 0 1501 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6537" width="200" height="200"><path d="M0.205 1003.52h1500.023V0.683H0.205z" fill="#DE2910" p-id="6538"></path><path d="M516.3 413.286l-2.184 33.724 31.403 12.425-32.768 8.465-2.185 33.723-18.022-28.672-32.905 8.397 21.573-25.941-18.023-28.672 31.54 12.493 21.572-25.942z m80.897-103.15l10.24 32.153h33.928l-27.306 19.934 10.24 32.154-27.307-20.07-27.307 19.933 10.513-32.085-27.306-19.798h33.86l10.445-32.222z m34.543-137.08l-15.292 30.174 23.893 23.893-33.382-5.325-15.497 30.174-5.188-33.587-33.45-5.188 30.242-15.36-5.257-33.383 23.757 23.894 30.174-15.292zM516.437 63.693l-2.048 33.655 31.403 12.493-32.836 8.465-2.185 33.656-18.09-28.672-32.7 8.465 21.572-25.942-18.022-28.672 31.402 12.493 21.504-25.941z m-267.605 51.063l31.676 97.622h102.81l-83.081 60.28 31.676 97.825-83.15-60.348-83.08 60.348 31.676-97.826-83.08-60.348h102.809l31.676-97.621z" fill="#FFDE00" p-id="6539"></path></svg>
    513. 

  513.                     </p>
    514. 

  514.                 </div>
    515. 

  515.             </a>
    516. 

  516.         </div>
    517. 

  517.         <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>
    518. 

  518.         <div class="clear"></div>
    519. 

  519.     </div>
    520. 

  520. </header>
    521. 

  521. <div class="navBg">
    522. 

  522. 	<div class="navTop">
    523. 

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

  524.             <div style="display: flex; align-items: center;">
    525. 

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

  526.                 <div class="mobileLanglist">
    527. 

  527.                     <a class="mobileLang" onclick="tool.changeLang('ZH')">中</a>
    528. 

  528.                     <a class="mobileLang" onclick="tool.changeLang('en')">EN</a>
    529. 

  529.                     <a id="mobileNavLogin" class="mobileNavLogin" onclick="tool.linkOf('./login.html')">登陆</a>
    530. 

  530.                 </div>
    531. 

  531.             </div>
    532. 

  532.         </div>
    533. 

  533.         <div class="navClose"><span></span><span></span></div>
    534. 

  534.         <div class="clear"></div>
    535. 

  535.     </div>
    536. 

  536.     <div class="navBot">
    537. 

  537.     	<ul class="navList list-unstyled">
    538. 

  538.         	<li>
    539. 

  539.                 <a class="menu">
    540. 

  540.                     <span class="navCn" onclick="tool.linkOf('./en_index.html#page1')">Home</span>
    541. 

  541.                     <div class="child-menu">
    542. 

  542.                         <p onclick="tool.linkOf('./en_index.html#page2')">Company</p>
    543. 

  543.                         <p onclick="tool.linkOf('./en_index.html#page3')">Brand</p>
    544. 

  544.                         <p onclick="tool.linkOf('./en_index.html#page4')">Service</p>
    545. 

  545.                         <p onclick="tool.linkOf('./en_index.html#page5')">Project</p>
    546. 

  546.                         <p onclick="tool.linkOf('./en_index.html#page6')">News</p>
    547. 

  547.                         <p onclick="tool.linkOf('./en_index.html#page7')">Contact Us</p>
    548. 

  548.                     </div>
    549. 

  549.                 </a>
    550. 

  550.             </li> 
    551. 

  551.             	 
    552. 

  552.             <li>
    553. 

  553.                 <a class="menu">
    554. 

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

  555.                     <div class="child-menu" id="projectsDemo"></div>
    556. 

  556.                 </a>
    557. 

  557.             </li>
    558. 

  558.             <li>
    559. 

  559.                 <a class="menu">
    560. 

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

  561.                     <div class="child-menu">
    562. 

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

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

  564.                     </div>
    565. 

  565.                 </a>
    566. 

  566.             </li>
    567. 

  567.             <!-- <li>
    568. 

  568.                     <a class="menu">
    569. 

  569.                         <span class="navCn">关于我们</span>
    570. 

  570.                         <div class="child-menu">
    571. 

  571.                             <p>公司介绍</p>
    572. 

  572.                             <p>品牌介绍</p>
    573. 

  573.                             <p>联系我们</p>
    574. 

  574.                             <p>加入班尼戈</p>
    575. 

  575.                         </div>
    576. 

  576.                     </a>
    577. 

  577.                 </li> -->
    578. 

  578.             <li>
    579. 

  579.                 <a class="menu">
    580. 

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

  581.                     <div class="child-menu" id="navnews"></div>
    582. 

  582.                 </a>
    583. 

  583.             </li>
    584. 

  584.             <li>
    585. 

  585.                 <a class="menu">
    586. 

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

  587.                     <div class="child-menu">
    588. 

  588.                         <!-- <p>最新消息</p>
    589. 

  589.                         <p>我的账户</p> -->
    590. 

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

  591.                     </div>
    592. 

  592.                 </a>
    593. 

  593.             </li>
    594. 

  594.                             		 
    595. 

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

  596.                 <div class="menu-info">
    597. 

  597.                     <div>
    598. 

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

  599.                     </div>
    600. 

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

  601.                     <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>
    602. 

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

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

  604.                     <p class="menu-info-p"><i class="fa fa-phone"></i>&nbsp;&nbsp;+86 0573 89053726</p>
    605. 

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

  606.                     <p class="menu-info-p" style="margin-top:30px ;" translate>Liquid Cooling System</p>
    607. 

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

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

  609.                     <div style="margin-top: 20px;">
    610. 

  610.                         <p class="flex-index"><small style="cursor: pointer;" onclick="tool.linkOf('https://conexbanninger.com/','_blank')">global&emsp;Banninger</small>
    611. 

  611.                            &emsp;<svg style="width: 30px;height: 16px;" t="1727329763942" class="icon" viewBox="0 0 1543 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2647" width="200" height="200"><path d="M77.150685 659.287671H1472.876712v294.575343H77.150685V659.287671z" fill="#FCD839" p-id="2648"></path><path d="M77.150685 364.712329H1472.876712v294.575342H77.150685V364.712329z" fill="#DC3A3A" p-id="2649"></path><path d="M77.150685 70.136986H1472.876712v294.575343H77.150685V70.136986z" fill="#221714" p-id="2650"></path></svg>
    612. 

  612.                         </p>
    613. 

  613.                         <p class="flex-index" style="margin-top: 15px;" onclick="tool.linkOf('./en_index.html')"><small>china&emsp;Banninger</small>
    614. 

  614.                             &emsp;<svg style="width: 30px;height: 15px;" t="1727330282351" class="icon" viewBox="0 0 1501 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6537" width="200" height="200"><path d="M0.205 1003.52h1500.023V0.683H0.205z" fill="#DE2910" p-id="6538"></path><path d="M516.3 413.286l-2.184 33.724 31.403 12.425-32.768 8.465-2.185 33.723-18.022-28.672-32.905 8.397 21.573-25.941-18.023-28.672 31.54 12.493 21.572-25.942z m80.897-103.15l10.24 32.153h33.928l-27.306 19.934 10.24 32.154-27.307-20.07-27.307 19.933 10.513-32.085-27.306-19.798h33.86l10.445-32.222z m34.543-137.08l-15.292 30.174 23.893 23.893-33.382-5.325-15.497 30.174-5.188-33.587-33.45-5.188 30.242-15.36-5.257-33.383 23.757 23.894 30.174-15.292zM516.437 63.693l-2.048 33.655 31.403 12.493-32.836 8.465-2.185 33.656-18.09-28.672-32.7 8.465 21.572-25.942-18.022-28.672 31.402 12.493 21.504-25.941z m-267.605 51.063l31.676 97.622h102.81l-83.081 60.28 31.676 97.825-83.15-60.348-83.08 60.348 31.676-97.826-83.08-60.348h102.809l31.676-97.621z" fill="#FFDE00" p-id="6539"></path></svg>
    615. 

  615.                         </p>
    616. 

  616.                     </div>
    617. 

  617.                 </div>
    618. 

  618.             </li>
    619. 

  619.         </ul>
    620. 

  620.     </div>
    621. 

  621. </div>
    622. 

  622. 

  623. <script type="text/javascript" src="js/search_common.js"></script>
    624. 

  624. <div id="hmpage">
    625. 

  625.     <div class="section">   
    626. 

  626.     	<div class="mbox mbox1">
    627. 

  627.         	<!-- <div class="swiper-container">
    628. 

  628.             	<div class="swiper-wrapper">
    629. 

  629.                 	<div class="swiper-slide">
    630. 

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

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

  632.                             <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>
    633. 

  633.                             <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>
    634. 

  634.                             <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.
    635. 

  635.                             </article>
    636. 

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

  637.                                 <a href="#page2" style="color:#fff;" class="btn opacity-05 mr-20">Learn more</a>
    638. 

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

  639.                             </div>
    640. 

  640.                         </div>
    641. 

  641.                     </div>
    642. 

  642.                 </div>
    643. 

  643.                 <span class="swiper-pagination"></span>
    644. 

  644.             </div> -->
    645. 

  645.             <div style="height: 100%;">
    646. 

  646.                 <div class="banImg animated fadeInUp"><div class="imgBg"><img src="assets/banner@2x.jpg"></div></div>
    647. 

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

  648.                     <p class="animated fadeInDownBig" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.3s" style="font-size: 3rem;color:#fff">Reliable Services Provider of Water Industrial Control & Liquid Cooling Fluid Control</p>
    649. 

  649.                     <div class="animated fadeInDownBig" 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>
    650. 

  650.                     <article class="animated fadeInDownBig" 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.
    651. 

  651.                     </article>
    652. 

  652.                     <div class="animated fadeInUpBig" swiper-animate-effect="fadeInUp" swiper-animate-duration="2s" swiper-animate-delay="1s">
    653. 

  653.                         <a style="color:#fff;" class="btn opacity-05 mr-20" href="#page2">Learn more</a>
    654. 

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

  655.                     </div>
    656. 

  656.                 </div>
    657. 

  657.             </div>
    658. 

  658.             <a href="#page2" class="welcome">
    659. 

  659.             	<span class="welcomeDot"></span>
    660. 

  660.                 <strong>WELCOME</strong>
    661. 

  661.                 <span class="welcomeLine"></span>
    662. 

  662.                 <i class="fa fa-angle-right"></i>
    663. 

  663.             </a>
    664. 

  664.         </div>
    665. 

  665.     </div>
    666. 

  666.     <div class="section mbox2Bg">
    667. 

  667.     	<div class="mbox mbox2">
    668. 

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

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

  670.             <div class="mbox2Text">
    671. 

  671.                 <div style="display: flex;align-items: center;">
    672. 

  672.                     <div>
    673. 

  673.                         <h3 class="mbox2TitCn">Company</h3>
    674. 

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

  675.                     </div>&emsp;
    676. 

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

  677.                 </div>
    678. 

  678.                 <div class="mbox2Brief mobile-mbox2Brief">
    679. 

  679.                     <p>Zhejiang Conex Bänninger Fluid and Zhejiang Conex Bänninger Liquid Cooling are affiliated with the IBP Group based in the UK.(International Building Products Ltd) of the United Kingdom.</p>
    680. 

  680.                     <p>The products and services provided by Conex|Bänninger (Bänninger®) are all superior to the standards and regulations proposed by the local government for quality, environment, safety and employees, so as to achieve the goal of sustainable development.</p>
    681. 

  681.                     <p>Conex|Bänninger (Bänninger®) is continuously making global layout, thus having the most complete product line in the field of fluid control and the ability to provide overall solutions. Continuously committed to localization, it serves users with better life cycle costs and also makes us more competitive.
    682. 

  682.                     </p>
    683. 

  683.                     <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>
    684. 

  684.                 </div>
    685. 

  685.                 <ul class="mbox2Bot list-unstyled list-inline">
    686. 

  686.                 	<li>
    687. 

  687.                     	<a href="javascript:;">
    688. 

  688.                         	<div class="mbox2Img"><img style="width: 40px;" src="./assets/2-1.png" class="img-responsive"></div>
    689. 

  689.                             <h3 class="mbox2BotH3">Save Water</h3>	
    690. 

  690.                         </a>
    691. 

  691.                     </li>
    692. 

  692.                 	<li>
    693. 

  693.                     	<a href="javascript:;">
    694. 

  694.                         	<div class="mbox2Img"><img style="width: 40px;" src="./assets/2-2.png" class="img-responsive"></div>
    695. 

  695.                             <h3 class="mbox2BotH3">Water Conveyance</h3>	
    696. 

  696.                         </a>
    697. 

  697.                     </li>
    698. 

  698.                 	<li>
    699. 

  699.                     	<a href="javascript:;">
    700. 

  700.                         	<div class="mbox2Img"><img style="width: 40px;" src="./assets/2-3.png" class="img-responsive"></div>
    701. 

  701.                             <h3 class="mbox2BotH3">Drinking Water Safety</h3>	
    702. 

  702.                         </a>
    703. 

  703.                     </li>
    704. 

  704.                 	<li>
    705. 

  705.                     	<a href="javascript:;">
    706. 

  706.                         	<div class="mbox2Img"><img style="width: 40px;" src="./assets/2-4.png" class="img-responsive"></div>
    707. 

  707.                             <h3 class="mbox2BotH3">Nvironmental Protection</h3>	
    708. 

  708.                         </a>
    709. 

  709.                     </li>
    710. 

  710.                     <li>
    711. 

  711.                     	<a href="javascript:;">
    712. 

  712.                         	<div class="mbox2Img"><img style="width: 40px;" src="./assets/2-5.png" class="img-responsive"></div>
    713. 

  713.                             <h3 class="mbox2BotH3">Intelligent Pipe Network</h3>	
    714. 

  714.                         </a>
    715. 

  715.                     </li>
    716. 

  716.                     <li>
    717. 

  717.                     	<a href="javascript:;">
    718. 

  718.                         	<div class="mbox2Img"><img style="width: 40px;" src="./assets/2-6.svg" class="img-responsive"></div>
    719. 

  719.                             <h3 class="mbox2BotH3">Escort Liquid Cooling Safety</h3>
    720. 

  720.                         </a>
    721. 

  721.                     </li>
    722. 

  722.                 </ul>
    723. 

  723.                 <div class="mbox2More text-center">
    724. 

  724.                     <a href="#page3" class="welcome">
    725. 

  725.                         <span class="welcomeDot"></span>
    726. 

  726.                         <strong>WELCOME</strong>
    727. 

  727.                         <span class="welcomeLine"></span>
    728. 

  728.                         <i class="fa fa-angle-right"></i>
    729. 

  729.                     </a>
    730. 

  730.                 </div>
    731. 

  731.             </div>
    732. 

  732.         </div>
    733. 

  733.     </div>
    734. 

  734.     <div v-if="!isMobile()" class="section mbox5Bg">
    735. 

  735.         <div class="mbox2TitCn" style="
    736. 

  736.             position: relative;
    737. 

  737.             width: 1200px;
    738. 

  738.             height: 800px;
    739. 

  739.             margin: 60px auto 0 auto;
    740. 

  740.             background: url('./assets/timeline.svg') no-repeat;
    741. 

  741.             background-size: 100% 100%;
    742. 

  742.             background-position: 0px -100px;
    743. 

  743.             padding-top:30px;
    744. 

  744.             line-height: 20px;">
    745. 

  745.             <!-- <div class="mbox3Tit" style="text-align: left;">
    746. 

  746.                 <h3 class="mbox2TitCn">Brand</h3>
    747. 

  747.                 <h4 style="text-transform: uppercase;">Brand Introduction</h4>
    748. 

  748.             </div> -->
    749. 

  749.             <div class="timeline-item1 new-timeline-item" onclick="showIntrodModal(1)">
    750. 

  750.                 <div class="dot dot1"></div>
    751. 

  751.                 <img class="lineIcon" style="height: 110%;" src="./assets/lineIcon.svg" alt="">
    752. 

  752.                 <div>
    753. 

  753.                     <img style="width: 100%;" src="./assets/timeline/1920.jpg">
    754. 

  754.                     <div class="timeline-item-text">
    755. 

  755.                         <!-- The flying &gt;B&lt; began to be used as the Bänninger trademark and has been in use ever since。 -->
    756. 

  756.                     </div>
    757. 

  757.                     <h5>
    758. 

  758.                         1920【Trademark】
    759. 

  759.                         <!-- 1920【Trademark establishment】 -->
    760. 

  760.                     </h5>
    761. 

  761.                 </div>
    762. 

  762.             </div>
    763. 

  763.             <div class="timeline-item2 new-timeline-item" onclick="showIntrodModal(3)">
    764. 

  764.                 <div class="dot dot2"></div>
    765. 

  765.                 <img class="lineIcon" style="height: 100%;" src="./assets/lineIcon.svg" alt="">
    766. 

  766. 

  767.                 <div>
    768. 

  768.                     <img style="width: 100%;" src="./assets/timeline/1965.jpg">
    769. 

  769.                     <div class="timeline-item-text">
    770. 

  770.                         <!-- 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。 -->
    771. 

  771.                     </div>
    772. 

  772.                     <h5>1960【Launch brass and bronze series valve products】
    773. 

  773.                     </h5>
    774. 

  774.                 </div>
    775. 

  775.             </div>
    776. 

  776.             <div class="timeline-item3 new-timeline-item" onclick="showIntrodModal(5)">
    777. 

  777.                 <div class="dot dot3"></div>
    778. 

  778.                 <img class="lineIcon" style="height: 120%;" src="./assets/lineIcon.svg" alt="">
    779. 

  779.                 <div>
    780. 

  780.                     <img style="width: 100%;" src="./assets/timeline/2010.jpg">
    781. 

  781.                     <div class="timeline-item-text">
    782. 

  782.                         <!-- Bänninger has launched business expansion in the Greater China region and established Bänninger (China)。 -->
    783. 

  783.                     </div>
    784. 

  784.                     <h5>2010【Land in China】
    785. 

  785. 

  786.                     </h5>
    787. 

  787.                 </div>
    788. 

  788.             </div>
    789. 

  789.             <div class="timeline-item4 new-timeline-item" onclick="showIntrodModal(7)">
    790. 

  790.                 <div class="dot dot4"></div>
    791. 

  791.                 <img class="lineIcon" style="height: 150%;" src="./assets/lineIcon.svg" alt="">
    792. 

  792.                 <div>
    793. 

  793.                     <img style="width: 100%;" src="./assets/timeline/2012.jpg">
    794. 

  794.                     <div class="timeline-item-text">
    795. 

  795.                         <!-- Bänninger formally launched sales in the construction and municipal markets  -->
    796. 

  796.                     </div>
    797. 

  797.                     <h5>2012【market oriented】</h5>
    798. 

  798.                 </div>
    799. 

  799.             </div>
    800. 

  800.             <div class="timeline-item10 new-timeline-item" onclick="showIntrodModal(9)">
    801. 

  801.                 <div class="dot dot10"></div>
    802. 

  802.                 <img class="lineIcon" style="height: 170%;" src="./assets/lineIcon.svg" alt="">
    803. 

  803.                 <div>
    804. 

  804.                     <img style="width: 100%;" src="./assets/timeline/2023.jpg">
    805. 

  805.                     <div class="timeline-item-text">
    806. 

  806.                         <!-- 班尼戈（中国）正式启动了建筑市场、市政市场的销售 -->
    807. 

  807.                     </div>
    808. 

  808.                     <h5>2023【Expanding Smart Water Systems】</h5>
    809. 

  809.                 </div>
    810. 

  810.             </div>
    811. 

  811.             <div class="timeline-item5 new-timeline-item" onclick="showIntrodModal(7)">
    812. 

  812.                 <div class="dot dot5"></div>
    813. 

  813.                 <img class="lineIcon" style="height: 100%;" src="./assets/lineIcon.svg" alt="">
    814. 

  814. 

  815.                 <div>
    816. 

  816.                     <img style="width: 100%;" src="./assets/timeline/1909.jpg">
    817. 

  817.                     <div class="timeline-item-text">
    818. 

  818.                         <!-- The Bänninger company founded by Mr. Bänninger in Giessen, Germany mainly produced cast iron products at the beginning of its establishment -->
    819. 

  819.                     </div>
    820. 

  820.                     <h5>1909【Brand establishment】</h5>
    821. 

  821.                 </div>
    822. 

  822.             </div>
    823. 

  823.             <div class="timeline-item6 new-timeline-item" onclick="showIntrodModal(2)">
    824. 

  824.                 <div class="dot dot6"></div>
    825. 

  825.                 <img class="lineIcon" style="height: 100%;" src="./assets/lineIcon.svg" alt="">
    826. 

  826.                 <div>
    827. 

  827.                     <img style="width: 100%;" src="./assets/timeline/1932.jpg">
    828. 

  828.                     <div class="timeline-item-text">
    829. 

  829.                         <!-- Become the only manufacturing enterprise in Europe that produces bronze products。 -->
    830. 

  830.                     </div>
    831. 

  831.                     <h5>1932【The launch of bronze products】
    832. 

  832.                     </h5>
    833. 

  833.                 </div>
    834. 

  834.             </div>
    835. 

  835.             <div class="timeline-item7 new-timeline-item" onclick="showIntrodModal(4)">
    836. 

  836.                 <div class="dot dot7"></div>
    837. 

  837.                 <img class="lineIcon" style="height: 100%;" src="./assets/lineIcon.svg" alt="">
    838. 

  838.                 <div>
    839. 

  839.                     <img style="width: 100%;" src="./assets/timeline/1973.jpg">
    840. 

  840.                     <div class="timeline-item-text">
    841. 

  841.                         <!-- 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. -->
    842. 

  842.                     </div>
    843. 

  843.                     <h5>1973【Expansion of market territory】
    844. 

  844.                     </h5>
    845. 

  845.                 </div>
    846. 

  846.             </div>
    847. 

  847.             <div class="timeline-item8 new-timeline-item" onclick="showIntrodModal(6)">
    848. 

  848.                 <div class="dot dot8"></div>
    849. 

  849.                 <img class="lineIcon" style="height: 100%;" src="./assets/lineIcon.svg" alt="">
    850. 

  850.                 <div>
    851. 

  851.                     <img style="width: 100%;" src="./assets/timeline/2011.jpg">
    852. 

  852.                     <div class="timeline-item-text">
    853. 

  853.                         <!-- Established Zhejiang Bänninger Fluid Control Co., Ltd. and successively launched sales in commercial buildings and municipal markets。 -->
    854. 

  854.                     </div>
    855. 

  855.                     <h5>2011【Take root in China】
    856. 

  856.                     </h5>
    857. 

  857.                 </div>
    858. 

  858.             </div>
    859. 

  859.             <div class="timeline-item9 new-timeline-item" onclick="showIntrodModal(8)">
    860. 

  860.                 <div class="dot dot9"></div>
    861. 

  861.                 <img class="lineIcon" style="height: 100%;" src="./assets/lineIcon.svg" alt="">
    862. 

  862.                 <div>
    863. 

  863.                     <img style="width: 100%;" src="./assets/timeline/2020.jpg">
    864. 

  864.                     <div class="timeline-item-text">
    865. 

  865.                     </div>
    866. 

  866.                     <h5>2020【Establish a Joint R&D Center with Jiaxing University】</h5>
    867. 

  867.                 </div>
    868. 

  868.             </div>
    869. 

  869.             <div class="timeline-item11 new-timeline-item" onclick="showIntrodModal(10)">
    870. 

  870.                 <div class="dot dot11"></div>
    871. 

  871.                 <img class="lineIcon" style="height: 100%;" src="./assets/lineIcon.svg" alt="">
    872. 

  872.                 <div>
    873. 

  873.                     <img style="width: 100%;" src="./assets/timeline/2026.jpg">
    874. 

  874.                     <div class="timeline-item-text">
    875. 

  875.                     </div>
    876. 

  876.                     <h5>2025【Establish Conex Bänninger Liquid Cooling Dedicated Business Unit Fully deploy liquid cooling fluid control solutions for data centers.】</h5>
    877. 

  877.                 </div>
    878. 

  878.             </div>
    879. 

  879.             <!-- <div class="timeline-item9 new-timeline-item" onclick="showIntrodModal(8)">
    880. 

  880.                 <div class="dot dot9"></div>
    881. 

  881.                 <img class="lineIcon" style="height: 100%;" src="./assets/lineIcon.svg" alt="">
    882. 

  882.                 <div>
    883. 

  883.                     <img style="width: 100%;" src="./assets/timeline/future.jpg">
    884. 

  884.                     <div class="timeline-item-text">
    885. 

  885.                     </div>
    886. 

  886.                     <h5>【In the future, we will do more...】
    887. 

  887. 

  888.                     </h5>
    889. 

  889.                 </div>
    890. 

  890.             </div> -->
    891. 

  891.         </div>
    892. 

  892.     </div>
    893. 

  893.     <div v-if="isMobile()" class="section mbox3Bg">   
    894. 

  894.     	<div class="mbox mbox3">
    895. 

  895.         	<div class="mbox3Lef">
    896. 

  896.             	<div class="mbox3Tit">
    897. 

  897.                     <h3 class="mbox2TitCn">Brand</h3>
    898. 

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

  899.                     <div class="mbox3Brief">
    900. 

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

  901.                     </div>
    902. 

  902.                 </div>
    903. 

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

  904.                 	<ul class="mbox3LefItem list-unstyled" id="timeLineBox" :style="{top:-(timeLine * 70) + 'px'}">
    905. 

  905.                  	  
    906. 

  906.                         <li  class="active" >
    907. 

  907.                                 <a href="javascript:void(0)" title="1909">
    908. 

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

  909.                                     <i class="mbox3Line"></i>
    910. 

  910.                                     <div class="mbox3Name">
    911. 

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

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

  913.                                     </div>
    914. 

  914.                                 </a>
    915. 

  915.                             </li>
    916. 

  916.                 
    917. 

  917.                         <li >
    918. 

  918.                                 <a href="javascript:void(0)" title="1920">
    919. 

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

  920.                                     <i class="mbox3Line"></i>
    921. 

  921.                                     <div class="mbox3Name">
    922. 

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

  923.                                         <!-- <p class="text-uppercase">Visual Identity</p> -->
    924. 

  924.                                     </div>
    925. 

  925.                                 </a>
    926. 

  926.                             </li>
    927. 

  927.                 
    928. 

  928.                         <li >
    929. 

  929.                                 <a href="javascript:void(0)" title="1932">
    930. 

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

  931.                                     <i class="mbox3Line"></i>
    932. 

  932.                                     <div class="mbox3Name">
    933. 

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

  934.                                         <!-- <p class="text-uppercase">Precision marketing</p> -->
    935. 

  935.                                     </div>
    936. 

  936.                                 </a>
    937. 

  937.                             </li>
    938. 

  938.                 
    939. 

  939.                         <li >
    940. 

  940.                                 <a href="javascript:void(0)" title="1960">
    941. 

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

  942.                                     <i class="mbox3Line"></i>
    943. 

  943.                                     <div class="mbox3Name">
    944. 

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

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

  946.                                     </div>
    947. 

  947.                                 </a>
    948. 

  948.                             </li>
    949. 

  949.                     
    950. 

  950.                         <li >
    951. 

  951.                                 <a href="javascript:void(0)" title="1973">
    952. 

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

  953.                                     <i class="mbox3Line"></i>
    954. 

  954.                                     <div class="mbox3Name">
    955. 

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

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

  957.                                     </div>
    958. 

  958.                                 </a>
    959. 

  959.                             </li>
    960. 

  960. 

  961.                         <li >
    962. 

  962.                                 <a href="javascript:void(0)" title="2010">
    963. 

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

  964.                                     <i class="mbox3Line"></i>
    965. 

  965.                                     <div class="mbox3Name">
    966. 

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

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

  968.                                     </div>
    969. 

  969.                                 </a>
    970. 

  970.                             </li>  
    971. 

  971.                         <li >
    972. 

  972.                                 <a href="javascript:void(0)" title="2011">
    973. 

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

  974.                                     <i class="mbox3Line"></i>
    975. 

  975.                                     <div class="mbox3Name">
    976. 

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

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

  978.                                     </div>
    979. 

  979.                                 </a>
    980. 

  980.                             </li>  
    981. 

  981.                             
    982. 

  982.                              <li >
    983. 

  983.                                 <a href="javascript:void(0)" title="Future">
    984. 

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

  985.                                     <i class="mbox3Line"></i>
    986. 

  986.                                     <div class="mbox3Name">
    987. 

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

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

  989.                                     </div>
    990. 

  990.                                 </a>
    991. 

  991.                             </li>    
    992. 

  992.                     </ul>
    993. 

  993.                 </div>
    994. 

  994.             </div>
    995. 

  995.             <div class="mbox3Rig">
    996. 

  996.             	<div class="box3RigImg"> 
    997. 

  997.                     
    998. 

  998.                	  
    999. 

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

  1000.                               
    1001. 

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

  1002.                
    1003. 

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

  1004.                               
    1005. 

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

  1006. 

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

  1008.                 
    1009. 

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

  1010.                     
    1011. 

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

  1012.                  
    1013. 

  1013.                    <div class="box3RigImgItem "><img src="./assets/timeline/2011-2.jpg" class="img-responsive"><div class="clear"></div></div>
    1014. 

  1014.                    <div class="box3RigImgItem "><img src="./assets/timeline/2020.jpg" class="img-responsive"><div class="clear"></div></div>
    1015. 

  1015.                    <div class="box3RigImgItem "><img src="./assets/timeline/2023.jpg" class="img-responsive"><div class="clear"></div></div>
    1016. 

  1016.                    <div class="box3RigImgItem "><img src="./assets/timeline/2026.jpg" class="img-responsive"><div class="clear"></div></div>
    1017. 

  1017. 

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

  1019.                     <div class="clear"></div>
    1020. 

  1020.                 </div>
    1021. 

  1021.                 <div class="box3RigText">
    1022. 

  1022.                 	<div class="brand-timeline-swiper">
    1023. 

  1023.                     	<div class="swiper-wrapper">
    1024. 

  1024.                         
    1025. 

  1025.                   	  
    1026. 

  1026.                             <div class="swiper-slide">
    1027. 

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

  1028.                                 <div class="mbox3Con">
    1029. 

  1029.                                     <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>
    1030. 

  1030.                                 </div>
    1031. 

  1031.                             </div>
    1032. 

  1032.                     
    1033. 

  1033.                             <div class="swiper-slide">
    1034. 

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

  1035.                                 <div class="mbox3Con">
    1036. 

  1036.                                     <p>The flying &gt;B&lt; began to be used as the Bänninger trademark and has been in use ever since。</p>
    1037. 

  1037.                                 </div>
    1038. 

  1038.                             </div>
    1039. 

  1039.                     
    1040. 

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

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

  1042.                                     企业</h4> -->
    1043. 

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

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

  1045.                                 </div>
    1046. 

  1046.                             </div>
    1047. 

  1047.                     
    1048. 

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

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

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

  1051.                                 <div class="mbox3Con">
    1052. 

  1052.                                     <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>
    1053. 

  1053.                                 </div>
    1054. 

  1054.                             </div>
    1055. 

  1055.                         
    1056. 

  1056.                 
    1057. 

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

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

  1059.                                     最著名的品牌之一</h4> -->
    1060. 

  1060.                                 <div class="mbox3Con">
    1061. 

  1061.                                     <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>
    1062. 

  1062.                                 </div>
    1063. 

  1063.                             </div>    	
    1064. 

  1064.                             <div class="swiper-slide">
    1065. 

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

  1066.                                     拓展</h4> -->
    1067. 

  1067.                                 <div class="mbox3Con">
    1068. 

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

  1069.                                 </div>
    1070. 

  1070.                             </div>    
    1071. 

  1071.                             <div class="swiper-slide">
    1072. 

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

  1073.                                 <div class="mbox3Con">
    1074. 

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

  1075.                                 </div>
    1076. 

  1076.                             </div>   
    1077. 

  1077.                             <div class="swiper-slide">
    1078. 

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

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

  1080.                                     <p>Bänninger formally launched sales in the construction and municipal markets</p>
    1081. 

  1081.                                 </div>
    1082. 

  1082.                             </div>
    1083. 

  1083.                             <!-- <div class="swiper-slide">
    1084. 

  1084.                                 <div class="mbox3Con">
    1085. 

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

  1086.                                 </div>
    1087. 

  1087.                             </div>		 -->
    1088. 

  1088.                             <div class="swiper-slide">
    1089. 

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

  1090.                                 <div class="mbox3Con">
    1091. 

  1091.                                     <p>Establishment of</p>
    1092. 

  1092.                                     <p>Conex Bänninger -Jiaxing University Joint R&D Center</p>
    1093. 

  1093.                                     <p>Jiaxing University Science and Technology Innovation Base.</p>
    1094. 

  1094.                                 </div>
    1095. 

  1095.                             </div>
    1096. 

  1096.                             <div class="swiper-slide">
    1097. 

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

  1098.                                 <div class="mbox3Con">
    1099. 

  1099.                                     <p>Conex Bänninger's Smart Pipeline Network Strategy Fully Implemented</p>
    1100. 

  1100.                                     <p>Supports Low-Carbon and Intelligent Water Services.</p>
    1101. 

  1101.                                 </div>
    1102. 

  1102.                             </div>
    1103. 

  1103.                             <div class="swiper-slide">
    1104. 

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

  1105.                                 <div class="mbox3Con">
    1106. 

  1106.                                     <p>Establish</p>
    1107. 

  1107.                                     <p>Conex Bänninger Liquid Cooling Dedicated Business Unit</p>
    1108. 

  1108.                                     <p>Fully deploy liquid cooling fluid control solutions for data centers</p>
    1109. 

  1109.                                 </div>
    1110. 

  1110.                             </div>
    1111. 

  1111.                         </div>
    1112. 

  1112.                         
    1113. 

  1113.                         <div class="mbox3Btn">
    1114. 

  1114.                             <span id="prev" class="mbox3Prev" :class="timeLine == 0?'stopClick':stopClick?'stopClick':''" @click="cardPrev"><i class="fa fa-angle-left"></i></span>
    1115. 

  1115.                             <span class="mbox3Pause"><img src="images/pause.png"></span>
    1116. 

  1116.                             <span id="next" class="mbox3Next" :class="timeLine == 10?'stopClick':stopClick?'stopClick':''" @click="cardNext"><i class="fa fa-angle-right"></i></span>
    1117. 

  1117.                         </div>
    1118. 

  1118.                     </div>
    1119. 

  1119.                 </div>
    1120. 

  1120.             </div>
    1121. 

  1121.             <div class="animated fadeInDownBig" style="height: 50px;width: 350px;margin: 50px auto 0 auto;position: relative;">
    1122. 

  1122.                 <img src="./assets/dashed.svg" style="width: 100%;object-fit:fill;" alt="">
    1123. 

  1123.                 <div class="mobdot mobdot1 mobactive"></div>
    1124. 

  1124.                 <div class="mobdot mobdot2"></div>
    1125. 

  1125.                 <div class="mobdot mobdot3"></div>
    1126. 

  1126.                 <div class="mobdot mobdot4"></div>
    1127. 

  1127.                 <div class="mobdot mobdot5"></div>
    1128. 

  1128.                 <div class="mobdot mobdot6"></div>
    1129. 

  1129.                 <div class="mobdot mobdot7"></div>
    1130. 

  1130.                 <div class="mobdot mobdot8"></div>
    1131. 

  1131.                 <div class="mobdot mobdot9"></div>
    1132. 

  1132.                 <div class="mobdot mobdot10"></div>
    1133. 

  1133.                 <div class="mobdot mobdot11"></div>
    1134. 

  1134.             </div>
    1135. 

  1135.             <div class="clear"></div>
    1136. 

  1136.         </div>
    1137. 

  1137.     </div>
    1138. 

  1138.     <div class="section">
    1139. 

  1139.         <div class="serviceBox1 mbox">
    1140. 

  1140.             <div class="serviceBox1-leftBox" >
    1141. 

  1141.                 <div class="serviceBox1-leftBox-title animated">
    1142. 

  1142.                     <h3>Service support</h3>
    1143. 

  1143.                     <h1>Provide global users with<br>
    1144. 

  1144.                         Excellent fluid control solutions</h1>
    1145. 

  1145.                 </div>
    1146. 

  1146.                 <div class="serviceBox1-leftBox-content animated">
    1147. 

  1147.                     <p>Benego's global service support takes reliability as the cornerstone,<br> integrity as the bridge, and the system as the driving force.<br> It continuously creates value for global users and leads the fluid control industry to new heights.</p>
    1148. 

  1148.                 </div>
    1149. 

  1149.                 <div class="serviceBox1-leftBox-btn animated">
    1150. 

  1150.                     <a href="./Servicesupport.html" class="serviceBox1-leftBox-btn-item">Service support</a>
    1151. 

  1151.                     <a href="./productList.html" class="serviceBox1-leftBox-btn-item">Product catalog</a>
    1152. 

  1152.                 </div>
    1153. 

  1153.                 <div class="serviceBox1-leftBox-content-list">
    1154. 

  1154.                     <div class="serviceBox1-leftBox-content-list-item animated">
    1155. 

  1155.                         
    1156. 

  1156.                         <div class="serviceBox1-leftBox-content-item">
    1157. 

  1157.                             <img class="serviceBox1-leftBox-content-item_img_pc" src="./assets/169.jpg" alt="">
    1158. 

  1158.                             <div style="height: 100px;overflow: hidden;">
    1159. 

  1159.                                 <img class="serviceBox1-leftBox-content-item_img_mobile" src="./assets/m-176.jpg" alt="">
    1160. 

  1160.                             </div>
    1161. 

  1161.                             <div class="serviceBox1-leftBox-content-item_left" >
    1162. 

  1162.                                 <h4>Heating and Ventilation System
    1163. 

  1163.                                     <div class="pre-next">
    1164. 

  1164.                                         <a onclick="s_pre()" style="color: #999;"><i class="fa fa-angle-left"></i></a>
    1165. 

  1165.                                         <a onclick="s_next()" style="color: #009966;"><i class="fa fa-angle-right"></i></a>
    1166. 

  1166.                                     </div>
    1167. 

  1167.                                 </h4>
    1168. 

  1168.                                 <p>In an HVAC system, valves serve as crucial components, and the quality of their performance directly affects the operational effectiveness and energy consumption level of the entire system. An outstanding valve product for HVAC systems needs to possess a variety of indispensable characteristics.  </p>
    1169. 

  1169.                                 <a href="./productList.html?type=暖通系统">Learn more>></a>
    1170. 

  1170.                             </div>
    1171. 

  1171.                         </div>
    1172. 

  1172.                         <div class="serviceBox1-leftBox-content-item">
    1173. 

  1173.                             <img class="serviceBox1-leftBox-content-item_img_pc" src="./assets/173.jpg" alt="">
    1174. 

  1174.                             <div style="height: 100px;overflow: hidden;">
    1175. 

  1175.                                 <img class="serviceBox1-leftBox-content-item_img_mobile" src="./assets/m-177.jpg" alt="">
    1176. 

  1176.                             </div>
    1177. 

  1177.                             <div class="serviceBox1-leftBox-content-item_left">
    1178. 

  1178.                                 <h4>Water Affairs System
    1179. 

  1179.                                     <div class="pre-next">
    1180. 

  1180.                                         <a onclick="s_pre()" style="color: #009966;"><i class="fa fa-angle-left"></i></a>
    1181. 

  1181.                                         <a onclick="s_next()" style="color: #009966;"><i class="fa fa-angle-right"></i></a>
    1182. 

  1182.                                     </div>
    1183. 

  1183.                                 </h4>
    1184. 

  1184.                                 <p>In the field of municipal water affairs, the performance of valves is directly related to the stable and efficient operation of the entire water supply and drainage system, and it has an impact on the daily lives of thousands of households. A valve product suitable for municipal water affairs must possess a series of unique and important characteristics. </p>
    1185. 

  1185.                                 <a href="./productList.html?type=水务系统">Learn more>></a>
    1186. 

  1186.                             </div>
    1187. 

  1187.                         </div>
    1188. 

  1188.                         <div class="serviceBox1-leftBox-content-item">
    1189. 

  1189.                             <img class="serviceBox1-leftBox-content-item_img_pc" src="./assets/174.jpg" alt="">
    1190. 

  1190.                             <div style="height: 100px;overflow: hidden;">
    1191. 

  1191.                                 <img class="serviceBox1-leftBox-content-item_img_mobile" src="./assets/m-178.jpg" alt="">
    1192. 

  1192.                             </div>
    1193. 

  1193.                             <div class="serviceBox1-leftBox-content-item_left  ">
    1194. 

  1194.                                 <h4>Fire Fighting System
    1195. 

  1195.                                     <div class="pre-next">
    1196. 

  1196.                                         <a onclick="s_pre()" style="color: #009966;"><i class="fa fa-angle-left"></i></a>
    1197. 

  1197.                                         <a onclick="s_next()" style="color: #999;"><i class="fa fa-angle-right"></i></a>
    1198. 

  1198.                                     </div>
    1199. 

  1199.                                 </h4>
    1200. 

  1200.                                 <p>In the field of fire safety, valves shoulder the heavy responsibility of safeguarding the safety of lives and properties, and there can be no slightest error in their performance. A valve product that meets the requirements of fire safety must possess a series of stringent and crucial characteristics.</p>
    1201. 

  1201.                                 <a href="./productList.html?type=消防系统">Learn more>></a>
    1202. 

  1202.                             </div>
    1203. 

  1203.                         </div>
    1204. 

  1204.                         <div class="serviceBox1-leftBox-content-item">
    1205. 

  1205.                             <img class="serviceBox1-leftBox-content-item_img_pc" src="./assets/ly-175.png" alt="">
    1206. 

  1206.                             <div style="height: 100px;overflow: hidden;">
    1207. 

  1207.                                 <img class="serviceBox1-leftBox-content-item_img_mobile" src="./assets/m-179.jpg" alt="">
    1208. 

  1208.                             </div>
    1209. 

  1209.                             <div class="serviceBox1-leftBox-content-item_left  ">
    1210. 

  1210.                                 <h4>Liquid Cooling System
    1211. 

  1211.                                     <div class="pre-next">
    1212. 

  1212.                                         <a onclick="s_pre()" style="color: #009966;"><i class="fa fa-angle-left"></i></a>
    1213. 

  1213.                                         <a onclick="s_next()" style="color: #999;"><i class="fa fa-angle-right"></i></a>
    1214. 

  1214.                                     </div>
    1215. 

  1215.                                 </h4>
    1216. 

  1216.                                 <p>In a liquid cooling system, valve-type core control components mainly achieve fluid on/off and flow regulation functions. Conex Bänninger 's liquid cooling series products are meticulously manufactured following German high-standard craftsmanship and can fully meet the high-spec application requirements of data center liquid cooling systems for sealing reliability, media compatibility, and long-term operational stability.</p>
    1217. 

  1217.                                 <a href="./productList.html?type=液冷系统">Learn more>></a>
    1218. 

  1218.                             </div>
    1219. 

  1219.                         </div>
    1220. 

  1220.                     </div>
    1221. 

  1221.                     
    1222. 

  1222.                 </div>
    1223. 

  1223.             </div>
    1224. 

  1224.             <div class="serviceBox1-rightBox">
    1225. 

  1225.                <img class="serviceBox1-rightBox-img-pc" src="./assets/175.jpg" alt="">
    1226. 

  1226.                <img class="serviceBox1-rightBox-img-mobile" src="./assets/176.jpg" alt="">
    1227. 

  1227.             </div>
    1228. 

  1228.         </div>
    1229. 

  1229.     </div>
    1230. 

  1230.     <div class="section mbox4Bg">
    1231. 

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

  1232.     	<div class="mbox4Lef">
    1233. 

  1233.         	<div class="mbox4LefCon">
    1234. 

  1234.                 <div class="mbox4Tit">
    1235. 

  1235.                     <!-- <h3 class="mbox2TitEn">ENGINEERING CASE</h3> -->
    1236. 

  1236.                     <h3 class="mbox2TitCn">ENGINEERING CASE</h3>
    1237. 

  1237.                     <!-- <div class="mbox3Brief">
    1238. 

  1238.                         <p>ENGINEERING CASE</p>
    1239. 

  1239.                     </div> -->
    1240. 

  1240.                 </div>
    1241. 

  1241.                 <ul class="mbox4LefItem list-unstyled" id="projectsDemo2">
    1242. 

  1242.                 
    1243. 

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

  1244. 			 
    1245. 

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

  1246. 			 
    1247. 

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

  1248. 			 
    1249. 

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

  1250. 			 
    1251. 

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

  1252. 			 
    1253. 

  1253.          
    1254. 

  1254.                 </ul>
    1255. 

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

  1256.             </div>
    1257. 

  1257.         </div>  
    1258. 

  1258.     	<div class="mbox mbox4">
    1259. 

  1259. 			<div class="mbox4List">
    1260. 

  1260.                 <div class="swiper-container">
    1261. 

  1261.                     <div class="swiper-wrapper">
    1262. 

  1262.                         <div class="swiper-slide" v-for="pj in pjdata" :key="pj.index">
    1263. 

  1263.                             <a class="mbox4Link" :title="pj.title" :href="'projectsDemoDetail.html?id=' + pj.sat_sharematerialid">
    1264. 

  1264.                                 <div class="mbox4Img imgBg" :style="{backgroundImage:`url(${pj.cover})`}">
    1265. 

  1265.                                     <img :src="pj.cover" :title="pj.title" class="img-responsive">
    1266. 

  1266.                                 </div>
    1267. 

  1267.                                 <!-- <div class="mbox4Ico"></div> -->
    1268. 

  1268.                                 <div class="mbox4Text">
    1269. 

  1269.                                     <h3 class="ellipsis" translate>{{pj.title}}</h3>
    1270. 

  1270.                                 </div>
    1271. 

  1271.                             </a>
    1272. 

  1272.                         </div>
    1273. 

  1273.                   
    1274. 

  1274.        	    
    1275. 

  1275.                         
    1276. 

  1276.                     </div>
    1277. 

  1277.                 </div>
    1278. 

  1278.                 <span class="mbox4Btn mbox4Prev"><i class="fa fa-angle-left"></i></span>
    1279. 

  1279.                 <span class="mbox4Btn mbox4Next"><i class="fa fa-angle-right"></i></span>
    1280. 

  1280.             </div>
    1281. 

  1281.         </div>
    1282. 

  1282.     </div>
    1283. 

  1283.     <div class="section mbox4Bg mbox6Bg">
    1284. 

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

  1285.     	<div class="mbox4Lef">
    1286. 

  1286.         	<div class="mbox4LefCon">
    1287. 

  1287.                 <div class="mbox4Tit">
    1288. 

  1288.                     <!-- <h3 class="mbox2TitEn">ENGINEERING CASE</h3> -->
    1289. 

  1289.                     <h3 class="mbox2TitCn" translate>NEWS</h3>
    1290. 

  1290.                     <!-- <div class="mbox3Brief">
    1291. 

  1291.                         <p>NEWS INFORMATION</p>
    1292. 

  1292.                     </div> -->
    1293. 

  1293.                 </div>
    1294. 

  1294.                 <ul class="mbox4LefItem list-unstyled mbox4LefItem_news" id="projectsDemo3"></ul>
    1295. 

  1295.                 <a class="mbox4More" href="./Bnews.html" >more news<div class="mbox4MoreIco"></div></a>
    1296. 

  1296.             </div>
    1297. 

  1297.         </div>  
    1298. 

  1298.     	<div class="mbox mbox4 mbox6">
    1299. 

  1299. 			<div class="row mbox4List" style="display: flex;flex-direction: column;justify-content: center;">
    1300. 

  1300.                 <div class="col-xs-12 flex-mbox6" v-for="item in newsData" ::key="item.sat_noticeid">
    1301. 

  1301.                     <a style="color:#333" :href="'Bnewdetail.html?id=' + item.sat_noticeid"><img class="newsItemCover" :src="item.cover" alt=""></a>
    1302. 

  1302.                     <div class="titleBox">
    1303. 

  1303.                         <a style="color:#333" :href="'Bnewdetail.html?id=' + item.sat_noticeid">
    1304. 

  1304.                             <h4>{{item.title}}</h4>
    1305. 

  1305.                             <div style="display: flex;justify-content: space-between;margin-top: 20px;">
    1306. 

  1306.                                 <p>{{item.changedate.split(' ')[0]}}</p>
    1307. 

  1307.                                 <a :href="'Bnewdetail.html?id=' + item.sat_noticeid">more>></a>
    1308. 

  1308.                             </div>
    1309. 

  1309.                             <div class="summary">
    1310. 

  1310.                                 <p v-if="item.summary">{{item.summary}}</p>
    1311. 

  1311.                                 <p v-else>“百年德国班尼戈，服务本土重大民生工程”— —班尼戈吹响奋战号角
    1312. 

  1312.                                     2019年12月，浙江省重大民生工程：嘉兴市域外配水工程（杭州方向），进行了01标段的招投标，浙江班尼戈流体控制有限公司中标。</p>
    1313. 

  1313.                                 
    1314. 

  1314.                             </div>
    1315. 

  1315.                         </a>
    1316. 

  1316.                     </div>
    1317. 

  1317.                 </div>
    1318. 

  1318.             </div>
    1319. 

  1319.         </div>
    1320. 

  1320.     </div>
    1321. 

  1321.     <div class="section mbox8Bg idxpage5"> 
    1322. 

  1322.         <div class="mbox2TitEn">
    1323. 

  1323.             <div class="mbox2TitEn_counter">
    1324. 

  1324.                 <span style="font-size: 16px;margin-right: 40px;" translate>班尼戈已累计销售阀门</span>
    1325. 

  1325.                 <span id="numCount" class="mbox2NumSp counter">{{x_count}}</span>
    1326. 

  1326.             </div>
    1327. 

  1327.         </div>  
    1328. 

  1328.     	<div class="mbox mbox8">
    1329. 

  1329.         	<div class="mbox8Wrap">
    1330. 

  1330.             	<div class="mbox8Left">
    1331. 

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

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

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

  1334.                         <ul class="mbox8Mes list-unstyled">
    1335. 

  1335.                             <li>
    1336. 

  1336.                                 <input type="text" name="info[f1]" v-model="form.name" placeholder="Your name" :style="{borderColor: errors.name ? 'red' : ''}">
    1337. 

  1337.                                 <div v-if="errors.name" style="color: red; font-size: 12px; margin-top: 5px;text-align: left;">{{errors.name}}</div>
    1338. 

  1338.                             </li>
    1339. 

  1339.                             <li>
    1340. 

  1340.                                 <input type="text" name="info[f2]" v-model="form.phonenumber" placeholder="Your phone number" :style="{borderColor: errors.phonenumber ? 'red' : ''}">
    1341. 

  1341.                                 <div v-if="errors.phonenumber" style="color: red; font-size: 12px; margin-top: 5px;text-align: left">{{errors.phonenumber}}</div>
    1342. 

  1342.                             </li>
    1343. 

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

  1344.                             <li style="display: flex;">
    1345. 

  1345.                                 <a class="svbutton" style="border:1px solid #fff;color:#fff;margin-right: 10px;" @click="resetForm">Reset</a>
    1346. 

  1346.                                 <a class="svbutton" style="border:1px solid #009966;color:#fff;background-color: #009966;" @click="submit" :style="{opacity: isSubmitting ? 0.6 : 1, cursor: isSubmitting ? 'not-allowed' : 'pointer'}">{{isSubmitting ? 'Submit...' : 'Submit'}}</a>
    1347. 

  1347.                             </li>
    1348. 

  1348.                         </ul>
    1349. 

  1349.                     </form>
    1350. 

  1350.                 </div>
    1351. 

  1351.                 <div class="mbox8Right">
    1352. 

  1352.                 	<h2 class="mbox8RigEn" style="color: #003399;font-size: 24px;margin-bottom: 17px;">Reliable service provider for water industry control and liquid cooling system fluid control</h2>
    1353. 

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

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

  1355.                     <div style="text-align: center;">
    1356. 

  1356.                         <div class="mbox8RigBotflex">
    1357. 

  1357.                             <div class="mbox8RigBotflexmr">
    1358. 

  1358.                                 <h3 translate>联系我们</h3>
    1359. 

  1359.                                 <p style="color: #003399;">Water Industry Control</p>
    1360. 

  1360.                                 <p>
    1361. 

  1361.                                     <a href=""><i class="fa fa-phone"></i>+86 0573 89053730</a>
    1362. 

  1362.                                     <a><i class="fa fa-phone"></i>+86 0573 89053726</a>
    1363. 

  1363.                                     <a><i class="fa fa-phone"></i>13656628223</a>
    1364. 

  1364.                                 </p>
    1365. 

  1365.                                 <p style="color: #003399;" translate>Liquid Cooling System</p>
    1366. 

  1366.                                 <p>
    1367. 

  1367.                                     <a><i class="fa fa-phone"></i>+86 19057508160</a>
    1368. 

  1368.                                 </p>
    1369. 

  1369. 

  1370.                             </div>
    1371. 

  1371.                             <div class="mbox8RigBotflexmr mbox8RigBotflexmtop">
    1372. 

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

  1373.                             </div>
    1374. 

  1374.                         </div>
    1375. 

  1375.                     </div>
    1376. 

  1376.                 </div>
    1377. 

  1377.                 <div class="clear"></div>
    1378. 

  1378.             </div>
    1379. 

  1379.         </div>
    1380. 

  1380.         <div class="footer" style="position: absolute;">
    1381. 

  1381.            <p translate>©2024 浙江班尼戈流体控制有限公司 版权所有  <a href="https://beian.miit.gov.cn">浙ICP备2023011622号-1</a>  技术支持:嘉兴市云链信息技术有限公司</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>        
    1382. 

  1382.         </div>
    1383. 

  1383.     </div>
    1384. 

  1384.     
    1385. 

  1385. </div><!--homepage-->
    1386. 

  1386. <ul id="navPage" class="list-unstyled">
    1387. 

  1387.     <li class="active" data-menuanchor="page1"><a href="#page1"><i>Home</i><span></span></a></li>
    1388. 

  1388.     <li data-menuanchor="page2"><a href="#page2"><i>Company</i><span></span></a></li>
    1389. 

  1389.     <li data-menuanchor="page3"><a href="#page3"><i>Brand</i><span></span></a></li>
    1390. 

  1390.     <li data-menuanchor="page4"><a href="#page4"><i>Service</i><span></span></a></li>
    1391. 

  1391.     <li data-menuanchor="page5"><a href="#page5"><i>Project</i><span></span></a></li>
    1392. 

  1392.     <li data-menuanchor="page6"><a href="#page6"><i>News</i><span></span></a></li>
    1393. 

  1393.     <li data-menuanchor="page7"><a href="#page7"><i>Contact Us</i><span></span></a></li>
    1394. 

  1394. </ul><!--navPage-->
    1395. 

  1395. <script src="./js/jquery.parallaxmouse.min.js"></script>
    1396. 

  1396. <script src="./vue/axios.min.js"></script>
    1397. 

  1397. <script src="./vue/api.js"></script>
    1398. 

  1398. 

  1399. <script src="./vue/vue.global.js"></script>
    1400. 

  1400. <script src="./questJs/home.js"></script>
    1401. 

  1401. <script src="./vue/formTool.js"></script>
    1402. 

  1402. 

  1403. <script>
    1404. 

  1404.     tool.modulesClick('首页')
    1405. 

  1405.     let urls = [{
    1406. 

  1406.         h5:'1909【Brand establishment】',
    1407. 

  1407.         t:'1909',
    1408. 

  1408.         c:'The Bänninger company founded by Mr. Bänninger in Giessen, Germany mainly produced cast iron products at the beginning of its establishment'
    1409. 

  1409.     },
    1410. 

  1410.     {
    1411. 

  1411.         h5:'1920【Trademark】',
    1412. 

  1412.         t:'1920',
    1413. 

  1413.         c:'The flying >B< began to be used as the Bänninger trademark and has been in use ever since'
    1414. 

  1414.     },
    1415. 

  1415.     {
    1416. 

  1416.         h5:'1932【The launch of bronze products】',
    1417. 

  1417.         t:'1932',
    1418. 

  1418.         c:'Become the only manufacturing enterprise in Europe that produces bronze products'
    1419. 

  1419.     },
    1420. 

  1420.     {   h5:'1960【Launch brass and bronze series valve products】',
    1421. 

  1421.         t:'1965',
    1422. 

  1422.         c:'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。',
    1423. 

  1423.     },
    1424. 

  1424.     {
    1425. 

  1425.         h5:'1973【Expansion of market territory】',
    1426. 

  1426.         t:'1973',
    1427. 

  1427.         c:"We adhere to a global layout and have established cooperative relationships with many countries and regions around the world."
    1428. 

  1428.     },
    1429. 

  1429.     {
    1430. 

  1430.         h5:'2010【Land in China】',
    1431. 

  1431.         t:'2010',
    1432. 

  1432.         c:'Bänninger has launched business expansion in the Greater China region and established Bänninger (China)'
    1433. 

  1433.     },
    1434. 

  1434.     {
    1435. 

  1435.         h5:'2011【Take root in China】',
    1436. 

  1436.         t:'2011',
    1437. 

  1437.         c:'Established Zhejiang Bänninger Fluid Control Co., Ltd. and successively launched sales in commercial buildings and municipal markets。',
    1438. 

  1438.     },
    1439. 

  1439.     {
    1440. 

  1440.         h5:'2012【market oriented】',
    1441. 

  1441.         t:'2012',
    1442. 

  1442.         c:'Bänninger formally launched sales in the construction and municipal markets'
    1443. 

  1443.     },
    1444. 

  1444.     {
    1445. 

  1445.         h5:'2020【Establishment of Jiaxing University Joint R&D Center】',
    1446. 

  1446.         t:'2020',
    1447. 

  1447.         c:'Establishment of <br> Conex Bänninger -Jiaxing University Joint R&D Center <br> Jiaxing University Science and Technology Innovation Base'
    1448. 

  1448.     },
    1449. 

  1449.     {
    1450. 

  1450.         h5:'2023【Expanding Smart Water Systems】',
    1451. 

  1451.         t:'2023',
    1452. 

  1452.         c:"Conex Bänninger's Smart Pipeline Network Strategy Fully Implemented <br> Supports Low-Carbon and Intelligent Water Services."
    1453. 

  1453.     },
    1454. 

  1454.     {
    1455. 

  1455.         h5:'2025【Deepening Liquid Cooling】',
    1456. 

  1456.         t:'2026',
    1457. 

  1457.         c:'Establish <br> Conex Bänninger Liquid Cooling Dedicated Business Unit <br> Fully deploy liquid cooling fluid control solutions for data centers.'
    1458. 

  1458.     },
    1459. 

  1459.     {
    1460. 

  1460.         h5:'【In the future, we will do more...】',
    1461. 

  1461.         t:'future',
    1462. 

  1462.         c:'Bänninger, from Europe, takes root in China'
    1463. 

  1463.     }]
    1464. 

  1464.     let index = 0
    1465. 

  1465.     function showIntrodModal (idx) {
    1466. 

  1466.         index = idx
    1467. 

  1467.         $('.brandModal').css('opacity','1')
    1468. 

  1468.         $('.brandModal').css('transform','translate(0,0)')
    1469. 

  1469.         $('#mdimg').attr('src',`./assets/timeline/${urls[index].t}.jpg`)
    1470. 

  1470.         $('#tips').html(urls[index].c)
    1471. 

  1471.         $('#h5').text(urls[index].h5)
    1472. 

  1472.     }
    1473. 

  1473.     function closeBrandModal () {
    1474. 

  1474.         $('.brandModal').css('opacity','0')
    1475. 

  1475.         $('.brandModal').css('transform','translate(-100%,0)')
    1476. 

  1476.     }
    1477. 

  1477.     function pre() {
    1478. 

  1478.         if (index == 0) return false
    1479. 

  1479.         index--
    1480. 

  1480.         $('.modalImagePanel').toggleClass('animated')
    1481. 

  1481.         $('.brandModal').css('opacity','1')
    1482. 

  1482.         $('.brandModal').css('transform','translate(0,0)')
    1483. 

  1483.         $('#mdimg').attr('src',`./assets/timeline/${urls[index].t}.jpg`)
    1484. 

  1484.         $('#tips').html(urls[index].c)
    1485. 

  1485.         $('#h5').text(urls[index].h5)
    1486. 

  1486.     }
    1487. 

  1487.     function next () {
    1488. 

  1488.         if (index == 10) return false
    1489. 

  1489.         index++
    1490. 

  1490.         $('.modalImagePanel').toggleClass('animated')
    1491. 

  1491.         $('.brandModal').css('opacity','1')
    1492. 

  1492.         $('.brandModal').css('transform','translate(0,0)')
    1493. 

  1493.         $('#mdimg').attr('src',`./assets/timeline/${urls[index].t}.jpg`)
    1494. 

  1494.         $('#tips').html(urls[index].c)
    1495. 

  1495.         $('#h5').text(urls[index].h5)
    1496. 

  1496.     }
    1497. 

  1497. 	$(window).parallaxmouse({
    1498. 

  1498. 		//invert: true,
    1499. 

  1499. 		//range: 400,
    1500. 

  1500. 		elms: [
    1501. 

  1501. 			{el: $('.ban3Ico1'), rate: 0.1},
    1502. 

  1502. 			{el: $('.ban3Ico2'), rate: 0.3},
    1503. 

  1503. 			{el: $('.ban3Ico3'), rate: 0.5},
    1504. 

  1504. 		]
    1505. 

  1505. 	});
    1506. 

  1506.     function setupFlip(tick) {
    1507. 

  1507.         
    1508. 

  1508.         Tick.helper.interval(function() {
    1509. 

  1509. 

  1510.             tick.value ++;
    1511. 

  1511.             
    1512. 

  1512.             if (tick.value == 7771234)
    1513. 

  1513.                 return false
    1514. 

  1514. 

  1515.             tick.root.setAttribute('aria-label', tick.value);
    1516. 

  1516. 

  1517.         }, 1000);
    1518. 

  1518. 

  1519.     }
    1520. 

  1520. </script>
    1521. 

  1521. </body>
    1522. 

  1522. </html>
    1523.